@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic');

body { font-family:'Open Sans'; font-size:13px; color:#444; font-weight:400; background:#fafafa; }

h1 { font-family:'Roboto'; font-weight:300; font-size:29px; }
img { max-width:100%; height:auto; }

.h4 { font-weight:600; }

.thin { font-weight:200; }

.container { max-width:1200px; }
#app { overflow:hidden; background:#fff; }

.navbar { padding-top:0; padding-bottom:0; }
.navbar-nav { }
.nav-item { margin-top:0; }
.nav-item a.nav-link { font-size:15px; font-family:'Roboto'; font-weight:400; color:#fff !important; }
.nav-item a.nav-link:hover { background:#555; }
.nav-item.active { background:#000; }

.navbar-user { border:none; }
.navbar-user a.nav-link { color:#333 !important; padding:0; margin-top:3px; margin-bottom:-3px; font-size:13px; }
.navbar-user .nav-item a.nav-link:hover { background:#eee;  }

.reg-auth-top a { margin:0 0 0 15px; }

#top-logo { margin:18px 0 0 20px; max-width:230px; width:100%; }

.top-search-form { background:#fff; padding:5px 10px; border-radius:3px; }
.top-search-form input, .top-search-form button { margin:0 !important; padding:0 !important; border:0; border-radius:0; }
.top-search-form input:focus { outline-style:none !important; border:none !important; box-shadow:none !important; }
.top-search-form button:hover { border:0 !important; }

.footer { background:#eee; }
.footer small { font-size:12px; color:#333;}

.navbar-bottom { margin:0 0 20px 0; padding:0; list-style:none; }
.navbar-bottom li { display:inline-block; vertical-align:middle; margin:0 15px 0 0; }
.navbar-bottom a { color:#555; text-decoration:underline; }
.navbar-bottom a:hover { text-decoration:none; }

.form-group input[type=checkbox] { display:inline-block; vertical-align:middle; margin-top:-3px; margin-right:3px; }

#mceu_1 { z-index:1;  }

article { overflow:hidden; font-size:14px; text-align:justify; }
article h3, article .h3 { text-align:left; }
.news-img-wrapper { max-width:400px; float:left; margin:0 30px 20px 0; padding:10px; border:1px solid #ddd; background-color:#eee; }
.news-img-wrapper p { margin:0; padding:10px 0 0 0; font-size:12px; text-align:left; }

.subscribe-form .f-desc { font-size:11px; line-height:14px; }

.news-block-list { margin:0; padding:0; }
.news-block-list li { margin:0 0 5px 0; padding:0; overflow:hidden;  }
.news-block-list img { float:left; margin:0 20px 0 0; border:1px solid #ccc; }
.news-block-list a { color:#222; font-size:15px; font-weight:600; line-height:15px; }

.comments-count { font-size:12px; }

#text-size-changer { margin-top:-5px; }
#text-size-changer a, #text-size-changer i { display:inline-block; vertical-align:middle; font-size:12px; }
#text-size-changer a { padding:2px 5px; cursor:pointer; }
#text-size-changer a.text-12 { font-size:11px; }
#text-size-changer a.text-14 { font-size:14px; }
#text-size-changer a.text-16 { font-size:18px; }
#text-size-changer i { color:#bbb; font-size:10px; }
article.text-12 { font-size:12px; }
article.text-14 { font-size:14px; }
article.text-16 { font-size:16px; }

.calendar-block-wrapper { height:3000px; overflow-y:auto; }
.calendar_block h3 { font-size:19px; }
.calendar_block table { border-collapse:collapse; margin-bottom:20px; border:1px solid #eee;}
.calendar_block table td { padding:4px 6px; border:1px solid #eee; color:#aaa;}
.calendar_block table td a { color:#f44; }
.calendar_block table td, .calendar_block table th { text-align:center; }
.calendar_block table th { background:#eee; color:#777; }
.calendar_block b { font-size:15px; display:block; margin-bottom:5px; color:#777;}
.calendar_block b i { color:#aaa; font-style:normal; margin-left:5px;}

.video-caption { position:relative; display:block; }
.video-caption em { position:absolute; left:50%; top:50%; margin:-27px 0 0 -28px; display:block; border:1px solid #fff; padding:10px 8px 10px 16px; border-radius:50%; background:#eee; opacity:0.7; }
.video-caption em .fa {font-size:35px; line-height:35px; padding:0; color:#888; }
.video-caption:hover em { opacity:0.9; }

.filter-row, .filter-row td, .filter-row th { background-color:#444; color:#aaa; text-align:center; }
.filter-input { display:inline-block; min-width:10px; width:100%; max-width:120px; text-align:center; }
.filter-row .btn { display:inline-block; }