body{ margin:0; color: #000; font-family: 'Roboto', sans-serif; }
img { border:0; max-width: 100%; }
input:focus, textarea:focus, select:focus{ outline:none; }
input::-moz-focus-inner, select::-moz-focus-inner{ border:0; }
input{ padding:0; margin:0; border:0; }
a{ text-decoration: none; color: inherit; }
a:hover, a:visited{ text-decoration: none; color: inherit; }

ul{ padding-left: 20px; }
ul.unstyled{ margin: 0; padding: 0; list-style: none; }

.db{ display: block; }
.dn{ display: none; }
.wid{ width:100%; }
.fll{ float:left; }
.flr{ float:right; }
.clb{ clear: both; }
.tal{ text-align:left; }
.tar{ text-align:right; }
.tac{ text-align:center; }
.fwb{ font-weight: bold; }
.ovh{ overflow:hidden; }
.ovv{ overflow: visible; }
.ovx-a{ overflow-x: auto; }
.ovx-v{ overflow-x: visible; }
.ovx-h{ overflow-x: hidden; }
.pos-r{ position: relative; }
.pos-a{ position: absolute; }
.ttu{ text-transform: uppercase; }
.ttn{ text-transform: none; }
.dib{ display: inline-block; }
.tb{ display: table; }
.td{ display: table-cell; vertical-align: top; }

/* === header bgn === */
.header{ background: #00aeef; color: #fff; }
.header .logo{ max-width: 270px; display: block; margin-right: 45px; float: left; }
.header .top-line{ padding-top:20px; padding-bottom: 30px; }
.header .top-line .item{ float: left; padding: 12px 0; margin-right: 45px; font-size: 15px; text-transform: uppercase; }
.header .top-line .item:last-child{ margin-right: 0; }
.header .top-line .item.flr{ float: right; }
.header .top-line .item .bd-btn{ margin-right: 30px; }
.header .bottom-line .bd-btn{ display: none; }
.header .main-menu a{ float: left; padding-bottom: 8px; font-size: 15px; border-bottom: 10px solid transparent; transition:color .3s, border-color .3s; }
.header .main-menu a:hover{ color: #baecff; }
.header .main-menu ul{ list-style: none; margin: 0; padding: 0; font-size: 0; text-transform: uppercase; font-weight: bold; overflow: hidden; }
.header .main-menu ul li{ display: inline-block; padding-right: 60px; }
.header .main-menu ul li.active a{ border-color: #fff; }
.header .main-menu ul li.active a:hover{ color: #fff; }
.header .main-menu ul li:last-child{ float: right; padding-right: 0; }
.header .main-menu ul li .fa{ font-size: 17px; line-height: 1; }
.header .currency .cur{ padding-left: 15px; background-position: left center; background-repeat: no-repeat; }
.header .currency .cur.up{ background-image: url('images/cur-up.png'); }
.header .currency .cur.down{ background-image: url('images/cur-down.png'); }
.header .search-wrap{ position: absolute; right: 0; top: 3px; z-index: 15; width: 24px; transition:width .5s, opacity .5s, visibility .5s, margin .5s; font-size: 16px; color: #fff; }
.header .search-wrap.active{ width: 100%; }
.header .search{ padding-right: 24px; width: 100%; float: right; transition:.5s; }
.header .search.active{ background-color: #00aeef; }
.header .search .sr-btn{ width: 24px; height: 60px; line-height: 60px; float: right; background-position: center; background-repeat: no-repeat; cursor: pointer; display: none; text-align: center; color: #fff; }
.header .search .sr-btn.active{ display: block; }
.header .search .sr-btn.sr-open#sr-open{ position: absolute; right: 0; top: 0; }
.header .search .sr-btn.sr-close{ position: absolute; right: 0; top: 0; }
.header .search .sr-btn.sr-sub{ position: absolute; top: 0; right: 1px; background-color: inherit; width: 0; opacity: 0; /* transition:0.5s; */ display: block; padding: 0; }
.header .search .sr-btn.sr-sub.active{ width: 24px; opacity: 1; }
.header .search .sr-block{ float: right; height: 60px; width: 1px; padding-right: 3px; transition:0.5s; position: relative; opacity: 0; visibility: hidden; }
.header .search .sr-block.active{ width: 100%; padding-right: 25px; opacity: 1; visibility: visible; }
.header .search .sr-block.active:after{ opacity: 1; }
.header .search .sr-block .sr-inp{ padding: 0; float: left; width: 0; height: 100%; background-color: #00aeef; border-color: #fff; opacity: 0; margin: 0; }
.header .search .sr-block .sr-inp::-webkit-input-placeholder{ color:#fff; }
.header .search .sr-block .sr-inp::-moz-placeholder         { color:#fff; }
.header .search .sr-block .sr-inp:-moz-placeholder          { color:#fff; }
.header .search .sr-block .sr-inp:-ms-input-placeholder     { color:#fff; }
.header .search .sr-block .sr-inp.active{ width: 100%; padding: 0 15px 0 0; opacity: 1; /* transition:0.5s; */ }
.header .menu-btn{ display: none; width: 30px; height: 24px; position: relative; cursor: pointer; margin-left: 20px; top: 6px; z-index: 100; }
.header .menu-btn span:after,
.header .menu-btn span:before{ display: block; content: ""; }
.header .menu-btn span,
.header .menu-btn span:after,
.header .menu-btn span:before{ background: #fff; position: absolute; width: 100%; height: 2px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 4px; }
.header .menu-btn span{ top: 50%; display: block; margin-top: -2px; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 0.3s; }
.header .menu-btn span:after{ bottom: -10px; transition: bottom 0.3s ease .32s,transform 0.3s cubic-bezier(.55,.055,.675,.19); }
.header .menu-btn span:before{ top: -10px; transition: top 0.3s ease .32s,opacity 0.3s ease; }
.header .menu-btn.active span{ transition-delay: .32s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg); }
.header .menu-btn.active span:after{ bottom: 0; transition: bottom 0.3s ease,transform 0.3s cubic-bezier(.215,.61,.355,1) .32s; transform: rotate(-90deg); }
.header .menu-btn.active span:before{ top: 0; transition: top 0.3s ease,opacity 0.3s ease .32s; opacity: 0; }
.header .banner{ margin-bottom: 0; }
.main-menu .menu-shadow{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; background-color:rgba(0,0,0,0.4); transition:0.4s; visibility: hidden; opacity: 0; }
.main-menu.active .menu-shadow{ visibility: visible; opacity: 1; }
.subheader{ padding: 20px 0; }
.subheader .container{ position: relative; }
.subheader .second-menu{ overflow: hidden; text-transform: uppercase; }
.subheader .second-menu ul{ list-style: none; overflow: hidden; padding: 0; margin: 0; }
.subheader .second-menu ul li{ float: left; margin-right: 15px; }
.subheader .second-menu a{ transition:color .3s; }
.subheader .second-menu a:hover{ color: #5d5d5d; }
.subheader .switch-wrap{ position: absolute; padding: 0 15px; background-color: #fff; top: 0; right: 0; z-index: 10; }
/* === header end === */

/* === content bgn === */
* [id^=adfox]{ display: block; width: 100%; margin-left: auto; margin-right: auto; }
* [id^=adfox] > a,
* [id^=adfox] > div{ max-width: 100%; height: 0 !important; position: relative; overflow: hidden; }
* [id^=adfox] > div > div{ width: 100%; height: 100%; }
* [id^=adfox] > div > video,
* [id^=adfox] > div > iframe{ position: absolute; left: 0; top: 0; max-width: 100% !important; max-height: 100% !important; }
* [id^=adfox] > div [id^=adfox_video]{ position: absolute!important; width: 100% !important; height: 100% !important; }
* [id^=adfox] > div [id^=adfox_video] video,
* [id^=adfox] > div [id^=adfox_video] iframe{ position: absolute; width: 100% !important; height: 100% !important; left: 0; }
/* * [id^=adfox] > [id^=AdFox_banner]{ display: none !important; } */

.b-mob{ max-width: 480px; margin-left: auto; margin-right: auto; }
.b-mob a{ display: block; max-width: 100%; height: 0 !important; text-align: center; font-size: 0; }
.b-full{ margin-left: auto; margin-right: auto; }
.b-full a,
.b-full > div{ display: block; max-width: 100%; height: 0 !important; text-align: center; font-size: 0; }
.b-full > div iframe{ position: absolute; width: 100%!important; height: 100%!important; }
.b-full #animation_container{ position: absolute; width: 100% !important; height: 100% !important; }

.b-1140-250{ max-width: 1140px; }
.b-1140-250 a,
.b-1140-250 div{ padding-bottom: 21.9298%; }
.b-1140-260{ max-width: 1140px; }
.b-1140-260 a,
.b-1140-260 div{ padding-bottom: 22.807%; }
.b-847-250{ max-width: 847px; }
.b-847-250 a,
.b-847-250 div{ padding-bottom: 29.5159%; }
.b-270-400{ max-width: 270px; }
.b-270-400 a,
.b-270-400 div{ padding-bottom: 148.1481%; }
.b-262-467{ max-width: 262px; }
.b-262-467 a,
.b-262-467 div{ padding-bottom: 178.2442%; }

.b-480-370{ margin-bottom: 0 !important; }
.b-480-370 a,
.b-480-370 div{ padding-bottom: 77.0833%; }
.b-480-120 a,
.b-480-120 div{ padding-bottom: 25%; }

.banner{ margin-bottom: 30px; position: relative; }

.no-pad{ padding-left: 0; padding-right: 0; }

.pad{ padding-top: 30px; padding-bottom: 30px; }
.pad-sm{ padding-top: 15px; padding-bottom: 15px; }
.pad-big{ padding-top: 60px; padding-bottom: 60px; }

.pb{ padding-bottom: 30px; }
.pb-sm{ padding-bottom: 15px; }
.pb-big{ padding-bottom: 60px; }

.pt{ padding-top: 30px; }
.pt-sm{ padding-top: 15px; }
.pt-big{ padding-top: 60px; }

.mar{ margin-top: 30px; margin-bottom: 30px; }
.mar-sm{ margin-top: 15px; margin-bottom: 15px; }
.mar-big{ margin-top: 60px; margin-bottom: 60px; }

.mb{ margin-bottom: 30px; }
.mb-sm{ margin-bottom: 15px; }
.mb-big{ margin-bottom: 60px; }

.mt{ margin-top: 30px; }
.mt-sm{ margin-top: 15px; }
.mt-big{ margin-top: 60px; }

.mb-5{ margin-bottom: 5px; }
.mb-10{ margin-bottom: 10px; }

h1, h2, h3, h4{ font-weight: 900; margin: 0 0 15px; line-height: 1.1; }
h1{ font-size: 30px; }
h2{ font-size: 30px; }
h3{ font-size: 24px; }
h4{ font-size: 18px; margin: 0 0 10px; }

.left-nav{ list-style: none; margin: 0 0 20px; padding: 0; }
.weather-img {width: 20px;}

.bd-btn{ display: inline-block; text-align: center; line-height: 38px; background-color: transparent; border: 1px solid #fff; border-radius: 6px; text-transform: uppercase; padding: 0 15px; cursor: pointer; transition:color .4s, background-color .4s; }
.bd-btn:hover{ color:#00aeef; background-color: #fff; }
.main-btn{ display: inline-block; text-align: center; line-height: 38px; background-color: #00aeef; color: #fff; border: 0; border-radius: 6px; text-transform: uppercase; padding: 0 15px; cursor: pointer; transition:background-color .4s; }
.main-btn:hover{ background-color: #4ebee8; }

.inp{ width: 100%; border: 0; border-bottom: 1px solid #00aeef; background-color: transparent; padding: 4px 0; font-size: 16px; }
.ta{ min-height: 150px; border: 1px solid #00aeef; padding: 4px 10px; max-width: 100%; }
.line{ margin-bottom: 20px; line-height: 24px; position: relative; }

.section{ position: relative; padding-top: 30px; padding-bottom: 30px; }
.small-section{ position: relative; margin-bottom: 30px; }
.section-head{ font-size: 18px; text-transform: uppercase; color: #00aeef; margin-bottom: 20px; font-weight: bold; }

.gray-txt{ color: #797575; }

.switch{ overflow: hidden; display: inline-block; min-width: 42px; min-height: 20px; position: relative; cursor: pointer; text-transform: uppercase; white-space: nowrap; }
.switch > span{ float: left; transition:color .3s; }
.switch > span:first-child{ padding-right: 5px; }
.switch > span:last-child{ padding-left: 5px; text-align: right; }
.switch > div{ width: 42px; height: 20px; position: relative; float: left; border-radius: 10px; border: 2px solid #00aeef; }
.switch > div:before{ content:''; display: block; position: absolute; width: 12px; height: 12px; border-radius: 50%; top: 2px; background-color: #00aeef; left: 2px; transition:left .3s; }
.switch.active > div:before{ left: 24px; }
.switch > span:first-child,
.switch.active > span:last-child{ color: #00aeef; }
.switch.active > span:first-child{ color: #000; }

.small-news{ position: relative; font-size: 18px; margin-bottom: 30px; }
.small-news .inner{ position: relative; overflow: hidden; margin: 0; padding: 0; }
.small-news .item{ background-color: #00aeef; color: #fff; padding: 6px 50px 6px 16px; white-space: nowrap; }
.small-news .bx-controls{ position: absolute; right: 0; top: 0; height: 100%; width: 50px; padding: 0 16px; z-index: 50; background-color: #00aeef; }
.small-news .bx-controls:before{ content:''; display: block; position: absolute; top: 0; left: -30px; width: 30px; height: 100%; background:url('images/small-slider-shadow.png') top right repeat-y; }
.small-news .bx-controls-direction{ position: relative; height: 100%; }
.small-news .bx-controls .bx-prev,
.small-news .bx-controls .bx-next{ position: absolute; left: 0; width: 18px; height: 11px; cursor: pointer; background-position: center center; background-repeat: no-repeat; font-size: 0; }
.small-news .bx-controls .bx-prev{ top: 4px; background-image: url('images/slider-arw-up.png'); }
.small-news .bx-controls .bx-next{ bottom: 4px; background-image: url('images/slider-arw-down.png'); }

.rubric{ text-transform: uppercase; color: #00aeef; margin-bottom: 5px; }
.author,
.date{ text-transform: uppercase; color: #b8b8b8; }
.date{ margin-bottom: 5px; }
.date.date-icon{ padding-left: 30px; background:url('images/icon-clock.png') left center no-repeat; line-height: 20px; }

.counters{ position: relative; overflow: hidden; margin-bottom: 20px; }
.counters .item{ float: left; margin-right: 30px; padding-left: 30px; background-position: left center; background-repeat: no-repeat; color: #b6b6b6; }
.counters .item.view{ background-image: url('images/icon-view.png'); }
.counters .item.like{ background-image: url('images/icon-like.png'); cursor: pointer; }
.counters .item.like.active{ background-color: green }
.counters .item.comm{ background-image: url('images/icon-comm.png'); }
.counters .item.note{ background-image: url('images/icon-note.png'); }
.counters .item:last-child{ margin-right: 0!important; }

.news-item{ display: table; margin-bottom: 30px; width: 100%; }
.news-item .cell{ display: table-cell; vertical-align: top; }
.news-item .cell.info{ padding-left: 30px; padding-bottom: 40px; position: relative; }
.news-item .cell.img{ width: 55%; }
.news-item .cell.img .pic{ display: block; min-width: 120px; height: 350px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.news-item .cell .counters{ position: absolute; left: 30px; bottom: 0; right: 0; margin: 0; }
.news-item.big-item{ display: block; margin-bottom: 30px; }
.news-item.big-item .rubric{ float: left; min-height: 20px; padding-left: 30px; margin-bottom: 10px; background:url('images/icon-rubric.png') left center no-repeat; }
.news-item.big-item .date{ float: right; }
.news-item.big-item .cell{ display: block; }
.news-item.big-item .cell.img{ width: 100%; margin-bottom: 15px; }
.news-item.big-item .cell.img .pic{ height: 500px; }
.news-item.big-item .cell.info{ padding: 0; }
.news-item.big-item .counters{ margin-top: 15px; position: relative; left: auto; right: auto; bottom: auto; }
.news-item.small-mar{ margin-bottom: 25px; }

.detail-text{ font-size: 18px; margin-bottom: 20px; }

.inline-panel{ position: relative; overflow: hidden; }
.inline-panel .counters{ float: left; }
.inline-panel .date{ float: right; }

.back-btn{ display: inline-block; cursor: pointer; padding-left: 40px; min-height: 28px; line-height: 28px; background:url('images/arw-back.png') left center no-repeat; color: #00aeef; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }

.text-photo{ overflow: hidden; margin-bottom: 20px; }
.text-photo .photo{ width: 75%; float: left; }
.text-photo .desc{ width: 25%; padding-left: 30px; float: left; color: #b3b3b3; font-size: 14px; }
.text-photo.vertical .photo{ width: 55%; }
.text-photo.vertical .desc{ width: 45%; }

.author-list{ margin-bottom: 40px; }
.author-list.author-tb{ display: table; }
.author-list.author-tb .td-img{ width: 200px; padding-right: 30px; }
.author-list.author-tb .photo{ margin-bottom: 0; }
.author-list.author-tb .name{ font-size: 32px; }
.author-list .photo{ display: block; border-radius: 50%; width: 170px; height: 170px; margin-bottom: 20px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.author-list .name{ font-weight: 900; font-size: 24px; margin-bottom: 20px; }
.author-list .date{ margin-bottom: 20px; }

.tags{ text-transform: uppercase; color: #00aeef; min-height: 20px; padding-left: 30px; margin-bottom: 10px; background: url('images/icon-rubric.png') left top no-repeat; }
.tags a{ display: inline-block; margin-right: 16px; }

.big-name{ font-weight: 900; font-size: 24px; line-height: 1.2; }

.submit-form{ font-size: 16px; }

.popup-wrap{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; background:rgba(0,0,0,0.5); transition:0.4s; opacity: 0; visibility: hidden; z-index: 500; text-align: center; font-size: 0; }
.popup-wrap:before{ content:''; display: inline-block; height: 100%; vertical-align: middle; }
.popup-wrap .popup{ display: inline-block; vertical-align: middle; border: 10px solid transparent; transition:0.4s; visibility: hidden; opacity: 0; z-index: 510; color: #000; text-align: left; position: relative; max-width: 100%; max-height: 100%; font-size: 0; }
.popup-wrap .popup.p-default{ width: 840px; }
.popup-wrap.active,
.popup-wrap .popup.active{ opacity: 1; visibility: visible; }
.popup-wrap .popup .close-btn{ position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; background:url('images/icon-close.png'); cursor: pointer; z-index: 30; }
.popup-wrap .popup .p-body{ background-color:#fff; position: relative; padding: 25px; font-size: 14px; }
.popup-wrap .popup .p-inner{ max-height: 82vh; position: relative; overflow-x: hidden; overflow-y: auto; }
.popup-wrap .popup .ta{ min-height: 100px; resize: none; }
.popup-wrap .popup .inp{ font-size: 14px; }

.file-load{ display: inline-block; padding: 8px 15px; text-align: center; border-radius: 6px; background-color: #fff; color: #666; border: 1px dashed #00aeef; cursor: pointer; transition:background-color .3s; }
.file-load:hover{ background-color: #f0fbff; }
.file-load input{ display: none; }

.comments{ position: relative; margin: 40px 0; }
.comments .section-head{ margin-bottom: 0; }
.comments .comment{ padding: 20px 0; }
.comments .comment.mar-1{ margin-left: 25px; }
.comments .comment.mar-2{ margin-left: 50px; }
.comments .comment.mar-3{ margin-left: 75px; }
.comments .comment .top-line{ margin-bottom: 10px; position: relative; }
.comments .comment .head{ font-weight: bold; display: inline-block; margin-right: 10px; }
.comments .comment .date{ display: inline-block; margin-bottom: 0; }
.comments .comment .text{ margin-bottom: 10px; }

.read-more{ padding-left: 25px; border-left: 5px solid #00aeef; margin-bottom: 30px; }
.read-more .section-head{ margin-bottom: 15px; }
.read-more h4{ margin-bottom: 15px; }

.detail-info{ position: relative; margin-bottom: 30px; }
.detail-info .author .img{ width: 85px; vertical-align: middle; }
.detail-info .author .img .pic{ border-radius: 50%; width: 70px; height: 70px; display: inline-block; margin-right: 15px; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.detail-info .author .name{ font-size: 16px; font-weight: bold; vertical-align: middle; color: #000; text-transform: none; }
.detail-info .like{ display: inline-block; margin: 20px 0; float: right; white-space: nowrap; height: 34px; line-height: 34px; padding-left: 44px; background:url('images/detail-like.png') left center no-repeat; font-size: 16px; color: #b3b3b3; cursor: pointer; }

.detail-share{ text-align: center; margin: 18px 0; }
.detail-share img.shares{ margin-right: 10px; }
.detail-share .soc{ display: inline-block; }
.detail-share .soc a{ display: inline-block; margin: 0 3px; }

.show-more-container {  text-align: center; }
.show-more-container .main-btn:hover{ color:#fff; text-decoration: none;}
.show-more-container .loadin-btn{ max-width: 100px;}

#vk_widget, #vk_groups {width: 100%;}

/* === content end === */

/* === footer bgn === */
.footer{ padding: 25px 0 20px; color: #fff; background-color: #00aeef; }
.footer ul{ list-style: none; margin: 0 0 15px; padding: 0; }
.footer ul li{ padding-bottom: 5px; }
.footer .inp{ border-color:#fff; padding-right: 25px; }
.footer .inp::-webkit-input-placeholder{ color:#fff; }
.footer .inp::-moz-placeholder         { color:#fff; }
.footer .inp:-moz-placeholder          { color:#fff; }
.footer .inp:-ms-input-placeholder     { color:#fff; }
.footer .logo{ max-width: 185px; }
.footer .f-sub{ font-size: 0; position: absolute; display: block; width: 23px; height: 20px; top: 4px; right: 0; cursor: pointer; background:url('images/submit-arw.png') center center no-repeat; }
.footer .vk-link{ display: inline-block; color: #fff; font-weight: bold; font-size: 13px; line-height: 1.1; }
.footer .vk-link .img{ padding-right: 10px; }
.footer .vk-link .td{ vertical-align: middle; }
.footer .footer-top{ padding-bottom: 15px; border-bottom: 1px solid #fff; }
.footer .footer-bottom{ padding-top: 20px; }
/* === footer end === */

/* bootstrap md */
@media only screen and (max-width : 1229px) {
	.header .logo{ margin-right: 25px; max-width: 250px; }
	.header .top-line .item{ margin-right: 20px; padding: 9px 0; }
	/* .header .top-line .item .bd-btn{ margin-right: 20px; } */
	.header .main-menu ul li{ padding-right: 40px; }
	.header .search .sr-btn{ height: 54px; line-height: 54px; }
	.header .search .sr-block{ height: 54px; }

	.news-item .cell.img{ width: 50%; }
	.news-item .cell.img .pic{ height: 290px; }
	.news-item.big-item .cell.img .pic{ height: 400px; }
}

/* bootstrap sm */
@media only screen and (max-width : 1021px) {
	/* body{ padding-top: 149px; } */
	.header .main-menu a{ font-size: 14px; }
	.header .main-menu ul li{ padding-right: 30px; }
	.header .main-menu ul li .fa{ font-size: 16px; }

	.news-item .cell.img .pic{ height: 250px; }
	.news-item .cell.info{ padding-left: 25px; }
	.news-item.big-item .cell.img .pic{ height: 350px; }

	.small-news{ font-size: 16px; }
}

/* bootstrap xs */
@media only screen and (max-width : 787px) {
	.header{ position: absolute; left: 0; right: 0; z-index: 110; }
	.header.header-fixed{ position: fixed; top: 0; }
	.header .logo{ margin-right: 0; }
	.header .main-menu{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; transition:opacity .6s, visibility .6s; z-index: 90; }
	.header .main-menu.active{ visibility: visible; opacity: 1; }
	.header .main-menu .inner{ left: 0; visibility: hidden; opacity: 0; overflow: hidden; right: 180px; position: fixed; top: 0; height: 100%; background-color: #fff; z-index: 15; transition: 0.4s; background-color: #00aeef; }
	.header .main-menu.active .inner{ opacity: 1; visibility: visible; right: 60px; padding: 0 30px; }
	.header .main-menu a{ float: none; padding: 0; border: 0; }
	.header .main-menu ul{ padding: 30px 0; }
	.header .main-menu ul li{ display: block; text-align: left; font-size: 24px; margin: 0; padding: 0 0 20px; }
	.header .main-menu ul li:last-child{ float: none; }
	.header .menu-btn{ display: inline-block; }
	.header .top-line{ padding-bottom: 20px; }
	.header .search-wrap{ margin-right: 6%; }
	.header .search-wrap.active{ width: 94%; }
	.header .search .sr-block .sr-inp.active{ padding: 0 10px 0 0; }
	.subheader{ display: none; }

	.content{ padding-top: 119px; }

	h3{ font-size: 18px; }

	.counters{ display: none; }
	.author-list .counters{ display: block; }
	.author-list .counters .item{ margin-right: 20px; }

	.news-item .rubric{ display: none; }
	.news-item .cell.img .pic{ height: 0; padding-bottom: 70%; }
	.news-item .cell.info{ padding-bottom: 0; }

	/* .small-news{ font-size: 14px; }
	.small-news .item{ white-space: normal; line-height: 1.2; }
	.small-news .bx-controls:before{ display: none; } */

	.popup-wrap .popup .p-body{ padding: 15px; }
	.popup-wrap .popup .line{ margin-bottom: 15px; }
}

@media only screen and (max-width : 600px) {
	.header{ padding-bottom: 20px; }
	.header .top-line .bd-btn{ display: none; }
	.header .bottom-line .bd-btn{ display: block; max-width: 360px; margin: 0 auto; }
	.header .search-wrap{ margin-right: 10%; }
	.header .search-wrap.active{ width: 90%; }

	.content{ padding-top: 178px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.header .menu-btn{ margin-left: 12px; }
	.header .search-wrap{ margin-right: 13%; }
	.header .search-wrap.active{ width: 87%; }

	.news-item .cell.info{ padding-left: 15px; }
}

@media only screen and (max-width : 360px) {
	.header .logo{ max-width: 200px; }
	.header .top-line .item{ padding: 7px 0; }
	.header .search-wrap{ top: 2px; margin-right: 15%; }
	.header .search-wrap.active{ width: 85%; }
	.header .search .sr-btn{ height: 44px; line-height: 44px; }
	.header .search .sr-block{ height: 44px; }

	.content{ padding-top: 168px; }

	.news-item h3{ margin-bottom: 10px; }
	.news-item .cell.info{ padding-left: 10px; }
	.news-item .cell.img .pic{ padding-bottom: 85%; }
}