@charset "UTF-8"; /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ /* SCSS variables are information about icon's compiled state, stored under its original file name .icon-home { width: $icon-home-width; } The large array-like variables contain all information about a single icon $icon-home: x y offset_x offset_y width height total_width total_height image_path; At the bottom of this section, we provide information about the spritesheet itself $spritesheet: width height image $spritesheet-sprites; */ /* The provided mixins are intended to be used with the array-like variables .icon-home { @include sprite-width($icon-home); } .icon-email { @include sprite($icon-email); } Example usage in HTML: `display: block` sprite:
To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: // CSS .icon { display: inline-block; } // HTML */ /* The `sprites` mixin generates identical output to the CSS template but can be overridden inside of SCSS @include sprites($spritesheet-sprites); */ html {scroll-behavior: smooth;} .secondblockphoto { background-repeat: no-repeat; background-position: center; z-index: 100; background-size: contain; } .blur, .secondblockphoto { position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; } .blur { z-index: 99; /* изображение размыто */ background-size: cover; background-position: center; background-repeat: no-repeat; -webkit-filter: blur(5px); -moz-filter: blur(5px); filter: blur(5px); } .b-item .b-item__pic-wrapper_video-link, .b-item_video-recommend-main .b-item__pic-wrapper_video-link, .b-item_video-nowwatch .b-item__pic-wrapper_video-link { text-decoration: none; } .b-item .b-item__pic-wrapper_video-link:after, .b-item_video-recommend-main .b-item__pic-wrapper_video-link:after, .b-item_video-nowwatch .b-item__pic-wrapper_video-link:after { z-index:101; display: block; content: '\421\43C\43E\442\440\435\442\44C \432\438\434\435\43E'; overflow: hidden; position: absolute; width: 0px; padding: 0 40px 0 8px; height: 48px; left: 0px; top: 50%; margin-top: -24px; background: #0095da url(../images/icons.png) 10px 12px no-repeat; /* font: 12px/48px "Open Sans", sans-serif;*/ font: 12px/48px "OpenSansRegular", sans-serif; color: #fff; text-indent: -122px; text-align: center; text-decoration: none; transition: all 0.2s ease-out; } .b-item .b-item__pic-wrapper_video-link:hover:after, .b-item_video-recommend-main .b-item__pic-wrapper_video-link:hover:after, .b-item_video-nowwatch .b-item__pic-wrapper_video-link:hover:after { width: 122px; background-position: 132px 12px; text-indent: 0px; } @media screen and (max-width: 570px) { .b-item .b-item__pic-wrapper_video-link:hover:after, .b-item_video-recommend-main .b-item__pic-wrapper_video-link:hover:after, .b-item_video-nowwatch .b-item__pic-wrapper_video-link:hover:after { width: 0px; background-position: 10px 12px; text-indent: -122px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @font-face { font-family: "RussiaLight"; font-style: normal; font-weight: 300; src: url("../css/Russia-Light.eot?#iefix") format("embedded-opentype"), url("../css/Russia-Light.woff") format("woff"), url("../css/Russia-Light.ttf") format("truetype"); } @font-face { font-family: "RussiaRegular"; font-style: normal; font-weight: 400; src: url("../css/Russia-Regular.eot?#iefix") format("embedded-opentype"), url("../css/Russia-Regular.woff") format("woff"), url("../css/Russia-Regular.ttf") format("truetype"); } @font-face { font-family: "RussiaMedium"; font-style: normal; font-weight: 600; src: url("../css/Russia-Medium.eot?#iefix") format("embedded-opentype"), url("../css/Russia-Medium.woff") format("woff"), url("../css/Russia-Medium.ttf") format("truetype"); } @font-face { font-family: "RussiaBold"; font-style: normal; font-weight: 700; src: url("../css/Russia-Bold.eot?#iefix") format("embedded-opentype"), url("../css/Russia-Bold.woff") format("woff"), url("../css/Russia-Bold.ttf") format("truetype"); } @font-face { font-family: "Dinconde"; font-style: normal; font-weight: 400; src: url("/assets/fonts/Dinconde/Dinconde.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Dinconde/Dinconde.woff") format("woff"), url("/assets/fonts/Dinconde/Dinconde.ttf") format("truetype"), url("/assets/fonts/Dinconde/Dinconde.svg#Dinconde") format("svg"); } @font-face { font-family: "Currency"; font-style: normal; font-weight: 700; src: url("/assets/fonts/Currency/currency.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Currency/currency.woff") format("woff"), url("/assets/fonts/Currency/currency.ttf") format("truetype"), url("/assets/fonts/Currency/currency.svg#Currency") format("svg"); } .currency-dollar:before { font-size: 0.9em; font-family: 'Currency'; content: "\e900"; position: relative; top: 2px; } .currency-rouble:before { font-size: 0.9em; font-family: 'Currency'; content: "\e901"; position: relative; top: 2px; } .icons-sprite { display: inline-block; position: relative; } .icons { display: inline-block; } .icons-close { background-image: url(../images/sprite.png); background-position: -76px 0px; width: 26px; height: 26px; } .icons-drop-hover, #toppanel #topmenu li.root:hover a span.icons-drop { background-image: url(../images/sprite.png); background-position: -76px -67px; width: 12px; height: 7px; } .icons-drop, aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item a.dropdown:after { background-image: url(../images/sprite.png); background-position: -88px -67px; width: 12px; height: 7px; } .icons-eye-dark { background-image: url(../images/sprite.png); background-position: 0px -74px; width: 21px; height: 12px; } .icons-eye-light, section.content .content-module .b-item .b-item__info .b-item__views:before, .article article .article__info .article__views:before { background-image: url(../images/sprite.png); background-position: -21px -74px; width: 21px; height: 12px; } .icons-promo_video-link-small { background-image: url(../images/sprite.png); background-position: -76px -26px; width: 25px; height: 25px; } .icons-promo_video-link { background-image: url(../images/sprite.png); background-position: 0px 0px; width: 76px; height: 74px; } .icons-search, header#header .searchbox .searchbox-icon, header#header .searchbox .searchbox-submit { background-image: url(../images/sprite.png); background-position: -76px -51px; width: 16px; height: 16px; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes rotate { from { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes rotate { from { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes rotate { from { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); -khtml-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -khtml-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .tooltip-default { background-color: #fff !important; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13); -khtml-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13); -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13); -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13); border: 1px solid #444 !important; -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; font-size: 14px; padding: 3px 5px; } .tooltip-default .qtip-tip, .tooltip-default .qtip-tip .qtip-vml, .tooltip-default .qtip-tip canvas { color: #444 !important; background: #444 !important; } .tooltip-blue { background-color: #fff !important; -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26); -khtml-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26); -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26); -ms-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26); -o-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.26); border: 1px solid #0095da !important; -webkit-border-radius: 3px !important; -khtml-border-radius: 3px !important; -moz-border-radius: 3px !important; -ms-border-radius: 3px !important; -o-border-radius: 3px !important; border-radius: 3px !important; } .tooltip-blue .qtip-content { padding: 0 !important; margin: 0 !important; } .tooltip-blue:before { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 5px 5px 5px; border-color: transparent transparent #007bff transparent; position: absolute; top: -5px; position: absolute; left: 50%; margin-left: -5px; } .tooltip { display: none; } html, body { overflow-x: hidden; } body { font-family: 'Open Sans', sans-serif; font-size: 16px; line-height: normal; color: #333; background: #e6e6e6 url(../images/bg.png) repeat; padding-bottom: 0!important; } .p20 { padding: 20px; } ul.list-links { margin-left: 10px; margin-bottom: 30px;} ul.list-links li {margin-bottom: 20px; position: relative;} ul.list-links li:before { content: "- "; position: absolute; left: -10px; } .content_nav-mobile-close { z-index: 900; -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(0px, 0, 0); -khtml-transform: translate3d(0px, 0, 0); -moz-transform: translate3d(0px, 0, 0); -ms-transform: translate3d(0px, 0, 0); -o-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .content_nav-mobile-open { /* -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(-270px, 0, 0); -khtml-transform: translate3d(-270px, 0, 0); -moz-transform: translate3d(-270px, 0, 0); -ms-transform: translate3d(-270px, 0, 0); -o-transform: translate3d(-270px, 0, 0); transform: translate3d(-270px, 0, 0);*/ } .main-content { position: relative; z-index: 11; overflow: hidden; /*padding-top: 54px;*/ } form.blockform { margin: 20px 0; } form.blockform input, form.blockform textarea { border: 1px solid #cccccc; font-size: 16px; font-weight: 400; margin: 0; padding: 7px 20px !important; line-height: inherit !important; display: inline-block; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #999999; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; outline: none !important; } form.blockform input:focus, form.blockform textarea:focus { border: 1px solid #0095da; color: #0095da; } form.blockform input[type="submit"] { margin-top: 20px; padding: 10px 20px !important; border: none; } form.blockform textarea { resize: vertical; } form.blockform label { margin-top: 7px; } form.blockform .field-group { margin-top: 20px; } form.blockform .field-group input[type="submit"] { margin-top: 0; } .loader { width: 20px; height: 20px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-width: 2px; border-style: solid; border-color: rgba(255, 255, 255, 0.5); -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .loader .spinner { width: 20px; height: 20px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; border-width: 3px; border-style: solid; border-color: transparent; border-bottom-color: #fff; -webkit-animation: rotate 1s linear 0s infinite; -khtml-animation: rotate 1s linear 0s infinite; -moz-animation: rotate 1s linear 0s infinite; -ms-animation: rotate 1s linear 0s infinite; -o-animation: rotate 1s linear 0s infinite; animation: rotate 1s linear 0s infinite; position: relative; top: -2px; left: -2px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .sticky-wrapper { position: relative; display: block; } .container { max-width: 1280px; margin: 0 auto; } a { text-decoration: none; cursor: pointer; color: #000; } a:hover { text-decoration: underline; } .title { text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; line-height: 55px; color: #000; margin: 0; } .title.title-sup { font-weight: 300; text-transform: none; font-size: 30px; font-family: "RussiaLight"; margin-top: 30px; } .title.title-sup:before { position: absolute; margin-top: -10px; display: block; content: ""; color: #999; font-size: 16px; line-height: 1; } .title.title-sup .count { font-size: 12px; color: #ffa800; vertical-align: top; margin-left: 20px; } .title.title-sup.nobefore { margin-top: 0; } .title.title-sup.nobefore:before { display: none; } h1, h2, h3 { text-transform: none; font-family: "RussiaLight"; font-weight: 400; line-height: 1.2; padding: 0; margin-bottom: 20px; margin-top: 0; } h1 { font-size: 30px; } h2 { font-size: 20px; } h3 { font-size: 16px; } .hidden { display: none; } .lazyload { opacity: 0; } .lazyloading { opacity: 1; -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; background: #fff url("/../assets/images/loader.gif") no-repeat center; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .bigbluetext, .bigbluetext a { font-size: 20px; color: #0095da; font-weight: 400; } img { max-width: 100%; } ul { list-style-type: none; padding: 0; margin: 0; } ol { color: #333; margin: 0; } /*p { color: #333; font-size: 16px; line-height: normal; margin: 0 0 10px 0; } */ .note { font-size: 12px; color: inherit; font-weight: 300; } #toppanel { background: #f3f3f3; border-bottom: 1px solid #cccccc; margin-bottom: 32px; } #toppanel #topmenu li { font-size: 14px; display: inline-block; } #toppanel #topmenu li.root { position: relative; width: auto; height: 40px; line-height: 40px; padding: 0 24px; border-right: 1px solid #cccccc; } #toppanel #topmenu li.root a { color: #333; } #toppanel #topmenu li.root:first-child { border-left: 1px solid #cccccc; } #toppanel #topmenu li.root .icons-drop, #toppanel #topmenu li.root aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item a.dropdown:after, aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item #toppanel #topmenu li.root a.dropdown:after { margin-left: 5px; display: inline-block; vertical-align: middle; } #toppanel #topmenu li.root:hover { background: #fff; } #toppanel #topmenu li.root.dropdown:hover ul { display: block; } #toppanel #topmenu li.root ul { display: none; position: absolute; left: 0; top: 40px; z-index: 100; min-width: 120px; background: #fff; padding: 15px 24px; font-size: 14px; line-height: 24px; } #toppanel #topmenu li.root ul li { display: block; } #toppanel #topmenu li.root ul li:hover { text-decoration: underline; } #toppanel .col, #toppanel [class*="col-"] { padding-bottom: 0; padding-left: 0; } header#header { background: #0095da; position: relative; z-index: 12; } header#header h1.header__logo { width: 345px; height: 64px; position: relative; margin: 0; } header#header h1.header__logo a { display: block; position: absolute; top: 17px; left: 20px; width: 305px; height: 29px; background: url(../images/logo_vp.svg) no-repeat; background-size: contain; text-indent: -9000px; } header#header .mainnav { height: 64px; overflow: hidden; position: relative; background: #0095da; } header#header .mainnav li { display: block; float: left; height: 64px; margin-right: 1px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } header#header .mainnav li a { display: block; height: 100%; font-weight: 300; line-height: 64px; color: #fff; padding: 0 24px; text-decoration: none; position: relative; background: #0095da; /*-webkit-transition: background 0.3s; -khtml-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; -webkit-transition: transform 0.3s; -khtml-transition: transform 0.3s; -moz-transition: transform 0.3s; -ms-transition: transform 0.3s; -o-transition: transform 0.3s; transition: transform 0.3s; -webkit-transform-origin: 50% 0; -khtml-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; -khtml-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; */ } header#header .mainnav li a::before { display: block; position: absolute; top: 100%; left: 0; width: 100%; height: 100%; text-align: center; background: #0965a0; /*content: attr(data-hover); -webkit-transition: background 0.3s; -khtml-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; -webkit-transform: rotateX(-90deg); -khtml-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 50% 0; -khtml-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; */ } /*header#header .mainnav li:hover a, header#header .mainnav li:focus a { -webkit-transform: rotateX(90deg) translateY(-22px); -khtml-transform: rotateX(90deg) translateY(-22px); -moz-transform: rotateX(90deg) translateY(-22px); -ms-transform: rotateX(90deg) translateY(-22px); -o-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px); } header#header .mainnav li:hover a::before, header#header .mainnav li:focus a::before { background: #2483c5; }*/ header#header .mainnav li:hover a, header#header .mainnav li:focus a { background: #2483c5; } /*header#header .mainnav li:first-child:after { display: block; content: ' '; position: absolute; z-index: 200; bottom: 0px; left: 0px; width: 40px; height: 26px; background: url(/assets/images/logo-vestiru.png) no-repeat -149px -25px; }*/ header#header .help { display: flex; align-items: center; height: 64px; border-left: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: #b90707; padding: 0 10px; margin-left: 20px; text-align: center; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } header#header .help a { font-size: 12px; /*color: #85cced;*/ color: #fff; text-align: center; text-decoration: none; vertical-align: middle; } header#header .help a:hover { text-decoration: underline; } header#header .searchbox { position: relative; width: 0%; height: 30px; overflow: hidden; -webkit-border-radius: 18px; -khtml-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } header#header .searchbox input::-webkit-input-placeholder { color: #999; } header#header .searchbox input::-moz-placeholder { color: #999; } header#header .searchbox .searchbox-input { top: 0; right: 0; border: 0; outline: 0; background: #0069a0; width: 0; height: 30px; margin: 0; padding: 0; font-size: 14px; color: #f3f3f3; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; float: right; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } header#header .searchbox .searchbox-icon, header#header .searchbox .searchbox-submit { display: block; position: absolute; background-color: transparent; top: 8px; right: 8px; padding: 0; margin: 0; border: 0; outline: 0; text-align: center; cursor: pointer; text-indent: -9999px; } header#header .searchbox.searchbox-open { width: 250px; } header#header .searchbox.searchbox-open .searchbox-input { width: 100%; padding: 0 20px; } header#header .header__menu-link { display: none; } /* .nav_mobile { display: none; } */ .page404 { height: 100vh; position: relative; } .page404 #header { background: #0095da; position: relative; z-index: 12; margin-top: 30vh; margin-bottom: 30px; padding-top: 10px; } .page404 #header .header__logo { position: relative; margin: 0; } .page404 #header .header__logo a { display: block; height: 40px; width: 190px; background: url(/assets/images/logo-gtrkamurru.png) no-repeat; text-indent: -9000px; background-size: contain; } .page404 .container { text-align: center; } .page404 h1 { text-transform: none; font-family: "RussiaRegular"; font-size: 54px; font-weight: 400; line-height: 1.2; padding: 0; margin-bottom: 20px; } .page404 .error__desc { font-weight: 600; } .page404 .error__desc a { text-decoration: underline; } .page404 .error__desc a:hover { text-decoration: none; } .informer-line { font-size: 14px; color: #fff; padding: 10px 20px; background: #0095da; font-family: "Open Sans"; font-weight: 400; } .informer-line a { color: #fff; text-decoration: underline; } .informer-line a:hover { text-decoration: none; } .informer-line a.phone { text-decoration-style: dotted; } .informer-line.maininformer { background: #b90707; } .pagecontent { border: 1px solid #cccccc; border-width: 0 1px; } .grid-noGutter-reverse section.content { border-width: 0 0 0 1px; } aside.sidebar { background: #fff; padding-bottom: 30px !important; align-self: flex-start; } aside.sidebar .sidebar-module { padding: 0 20px 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #cccccc; margin-left: -1px; } aside.sidebar .sidebar-module.rightadv { text-align:center; } aside.sidebar .sidebar-module.short-news .title { border-bottom: 1px dotted #cccccc; } aside.sidebar .sidebar-module.short-news .short-news__item { /*font-size: 14px; font-weight: 700; margin-top: 20px; list-style: none; padding-left: 15px; position: relative; */ padding-top: 12px; } .short-news__item__time { width: 44px; float: left; /* font: 300 12px/18px "Roboto", sans-serif; */ font: normal 12px/18px "RobotoLight", sans-serif; color: #555; } .short-news__item__title { margin-left: 44px; font: normal 12px/18px Arial; margin-bottom:0; } .aside-menu { width:100%; background: #333333; margin-left: -1px; padding-left: 24px; padding-right: 24px; } .aside-menu__title, .aside-menu__list-item { color: white; border-bottom: 1px dotted #444444; padding: 0px; line-height: 55px; } h3.aside-menu__title { font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0; color: #ccc; font-size: 14px; } h3.aside-menu__title a { color: #ccc; font-size: 14px; } .aside-menu__list-item a { color:#fff; font-size: 14px; /*font-weight: 300;*/ line-height: 55px; text-transform: none; } .aside-menu__list-item.active { background: #0095da; width: 100%; padding-left: 24px; padding-right: 24px; margin-left: -24px; } .aside-menu__list-item a { display: block; } .aside-menu__list-item:last-child{ color: white; border-bottom: 0; } .aside-menu__list-item_has-child { min-height: 55px; height: auto; position: relative; cursor: pointer; } .aside-menu__list-item_has-child:after { content: ''; position: absolute; background: url(../img/icons.png) 0 -537px no-repeat; width: 11px; height: 18px; top: 18px; right: 0px; } .aside-menu__sublist { background: #222222; width: 100%; overflow: hidden; margin-left: -24px; position: relative; padding-top: 5px; padding-bottom: 5px; } .aside-menu__sublist:after { content: ''; position: absolute; width: 2px; height: 100%; top: 0px; right: 0px; background: #222222; box-shadow: -4px 0px 20px 24px #222222; } .aside-menu__sublist-item { /* font: 300 14px/24px "Open Sans", sans-serif;*/ font: normal 14px/24px "OpenSansLight", sans-serif; color: #999999; } .aside-menu__sublist-item.active { font-weight: bold; color: white; } .aside-menu__sublist-item a { white-space: nowrap; } .newscalend { background: url("../i/calendar_white.svg") no-repeat transparent; display: block; height: 18px; padding: 0px; margin-top: 19px; width: 16px; } .newscalend.darkc { background: url("../i/calendar.svg") no-repeat transparent; } .ui-datepicker { top: 55px !important; left:97px !important; } /* aside.sidebar .sidebar-module.short-news .short-news__item:before { position: absolute; content: ""; left: 0; top: 6px; width: 5px; height: 5px; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #333333; } */ aside.sidebar .sidebar-module.short-news .short-news__item a { color: #333; } aside.sidebar .sidebar-module.short-news .short-news__item a:hover { text-decoration: underline; } aside.sidebar .sidebar-module.short-news .link-to-list { display: block; font-size: 12px; color: #555; padding-top: 18px; padding-bottom: 3px; background: url(../images/icons.png) -36px -440px no-repeat; -webkit-transition: all 0.3s; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin-left: 15px; } aside.sidebar .sidebar-module.short-news .link-to-list:hover { padding-left: 36px; background-position: 0px -440px; } aside.sidebar .sidebar-module.other-news li { padding: 20px; border-bottom: 1px solid #cccccc; } aside.sidebar .sidebar-module.other-news li:last-child { border-bottom: none; padding-bottom: 0; } aside.sidebar .sidebar-module.tvprogram [class$="__item"], aside.sidebar .sidebar-module.vestirurss [class$="__item"] { margin-top: 12px; } aside.sidebar .sidebar-module.tvprogram [class$="__item"] [class$="__item__time"], aside.sidebar .sidebar-module.vestirurss [class$="__item"] [class$="__item__time"] { width: 44px; float: left; font-size: 14px; color: #999; } aside.sidebar .sidebar-module.tvprogram [class$="__item"] [class$="__item__text"], aside.sidebar .sidebar-module.vestirurss [class$="__item"] [class$="__item__text"] { margin-left: 44px; font-size: 14px; } aside.sidebar .sidebar-module.vestirurss { border-left: 4px solid #fbca0e; } aside.sidebar .sidebar-module.sidebar-menu { padding: 0; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item { line-height: 54px; font-weight: 300; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item a { color: #fff; display: block; background: #333333; padding-left: 20px; border-bottom: 1px dotted #444; position: relative; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item a.dropdown:after { position: absolute; content: ""; top: 50%; margin-top: -3px; margin-left: 10px; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item:last-child a { border-bottom: none; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item.root a { border-bottom: none; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item.root .active > a { color: #fff; font-weight: 600; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item.active > a { background: #0095da; border: 1px dotted #cccccc; border-width: 1px 0; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item ul { background: #262626; padding: 10px 0; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item ul li { line-height: 2; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item ul li a { color: #fff; display: inline-block; background: #262626; padding-left: 20px; font-size: 14px; color: #999; border-bottom: none; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item ul li.active > a { background: #262626; border: none; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item > ul > li > ul { display: none; background: #262626; -webkit-transition: all 5s; -khtml-transition: all 5s; -moz-transition: all 5s; -ms-transition: all 5s; -o-transition: all 5s; transition: all 5s; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item > ul > li > ul > li { line-height: 1.3; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item > ul > li > ul > li a { padding-left: 40px; background: #262626; color: #ccc; } aside.sidebar .sidebar-module.sidebar-menu .sidebar-menu__item > ul > li.open > ul { display: block; } aside.sidebar .sidebar-module.nopadding { padding-left: 0; padding-right: 0; } aside.sidebar .sidebar-module.infobox .infobox__wrap { font-size: 14px; } aside.sidebar .sidebar-module.infobox .infobox__wrap p { font-size: 14px; } section.content { /* border: 1px solid #cccccc; border-width: 0 1px 0 0;*/ background: #fff; } section.content.nobg { background: #e6e6e6 url(../images/bg.png) repeat; } section.content .content-module .breadcrumbs { padding: 0 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px dotted #cccccc; font-family: 'Open Sans', sans-serif; line-height: 55px; color: #333; font-weight: 300; } section.content .content-module .breadcrumbs a, section.content .content-module .breadcrumbs span { color: #2483c5; padding: 0 20px; border-left: 1px solid #cccccc; } section.content .content-module .breadcrumbs a:first-child, section.content .content-module .breadcrumbs span:first-child { border-left: none; padding-left: 0; } section.content .content-module .breadcrumbs a:last-child, section.content .content-module .breadcrumbs span:last-child { font-weight: 600; } section.content .content-module .content-module__wrap { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 20px; font-size: 12px !important; font-weight: 300; } section.content .content-module .content-module__wrap p { font-size: 14px; } section.content .content-module .content-module__wrap > .col { padding: 0 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } section.content .content-module .title { padding: 0 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; } section.content .content-module .title.title-bt { border-top: 1px solid #cccccc; } .title.title-bt { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } section.content .content-module .b-item { padding: 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; position: relative; border: 1px solid #cccccc; border-width: 0 0 1px 1px; /*margin-left: -1px; */} section.content .b-news__list .b-item:hover a { text-decoration:underline; } section.content .content-module .b-item:nth-child(3n) { border-right-color: transparent !important; } section.content .content-module .b-item .b-item__pic-wrapper { text-decoration: none; display: block; margin-bottom: 15px; position: relative; overflow: hidden; width: 100%; height: 156px; background-size: cover; background-position: center; } section.content .b-news__list .b-item__info { padding:0; } section.content .content-module .b-item .b-item__pic-wrapper .item__pic-wrapper_video-link { position: relative; } section.content .content-module .b-item .b-item__pic-wrapper .item__pic-wrapper_video-link i.icons-promo_video-link-small { position: absolute; top: 50%; left: 10px; margin-top: -12px; z-index: 1; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } section.content .content-module .b-item .b-item__pic-wrapper .item__pic-wrapper_video-link:after { display: block; content: 'Смотреть видео'; overflow: hidden; position: absolute; width: 0px; padding: 0 40px 0 8px; height: 48px; line-height: 48px; left: 0px; top: 50%; margin-top: -24px; background-color: #0095da; font-size: 12px; color: #fff; text-indent: -122px; text-align: center; text-decoration: none; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } section.content .content-module .b-item .b-item__pic-wrapper .item__pic-wrapper_video-link:hover i.icons-promo_video-link-small { left: 130px; } section.content .content-module .b-item .b-item__pic-wrapper .item__pic-wrapper_video-link:hover:after { width: 122px; text-indent: 0px; } section.content .content-module .b-item .b-item__title { margin-bottom: 20px; font-weight: 600; font: normal 17px/1.2 "Arimo", sans-serif; } section.content .content-module .b-item.struct .b-item__title { margin-bottom: 40px; } section.content .content-module .b-item .b-item__info { font-size: 12px; color: #555; position: absolute; bottom: 20px; } section.content .content-module .b-item .b-item__info > .b-item__time, section.content .content-module .b-item .b-item__info > .b-item__views { display: inline-block; margin-right: 20px; } section.content .content-module .b-item .b-item__info .b-item__views { position: relative; padding-left: 25px; } section.content .content-module .b-item .b-item__info .b-item__views:before { display: inline-block; position: absolute; content: ""; top: 50%; left: 0; margin-top: -6px; } section.content .content-module .b-item .b-peredachi__cat-link { display: block; margin-bottom: 10px; font-weight: 700; } section.content .content-module .loadmore { margin: 20px 0 20px 20px; width: 100%; } section.content .content-module .ias-spinner { display: block; width: 150px; margin: 20px; } .share .ya-share2__container .ya-share2__item, .share .ya-share2__container .b-share-btn__wrap { width: 90px; height: 31px; margin: 10px 5px 0 4px; } .share .ya-share2__container .ya-share2__link { background: none; height: 31px; display: block; border-top-color: transparent; } .share .ya-share2__container .ya-share2__link:active { height: 31px; } .share .ya-share2__container .ya-share2__link:hover .ya-share2__counter { border-color: #000; } .share .ya-share2__container .ya-share2__link:hover .ya-share2__counter:before { background: url(../images/icons_share_before.png) 0 0 no-repeat; } .share .ya-share2__container .ya-share2__link .ya-share2__badge { background: transparent; overflow: visible; } .share .ya-share2__container .ya-share2__list_direction_horizontal > .ya-share2__item > .ya-share2__link > .ya-share2__title { display: none; } .share .ya-share2__container .ya-share2__counter { position: relative; border: 1px solid #cccccc; border-left: none; margin-left: 35px; height: 23px; line-height: 24px; color: #000; text-align: center; width: 48px; text-indent: -9999px !important; background: url(../images/share_bg.png) 50% 50% no-repeat; display: block; padding: 0; margin-top: 3px; } .share .ya-share2__container .ya-share2__counter::before { content: ''; position: absolute; top: -1px; left: -6px; width: 6px; height: 25px; background: url(../images/icons.png) 0px -643px no-repeat; margin: 0; } .share .ya-share2__container .ya-share2__counter_visible { text-indent: 0px !important; background: none; } .share .ya-share2__container .ya-share2__icon { margin-top: 4px; float: left; } .share .ya-share2__container .ya-share2__item_service_twitter { width: 91px; } .share .ya-share2__container .ya-share2__item_service_facebook .ya-share2__icon { background: transparent url(../images/icons.png) 7px -609px no-repeat; } .share .ya-share2__container .ya-share2__item_service_vkontakte .ya-share2__icon { background: transparent url(../images/icons.png) -12px -609px no-repeat; } .share .ya-share2__container .ya-share2__item_service_twitter .ya-share2__icon { background: transparent url(../images/icons.png) -35px -609px no-repeat; } .share .ya-share2__container .ya-share2__item_service_twitter .ya-share2__icon:before { position: absolute; left: 24px; top: 3px; margin-left: 10px; height: 23px; line-height: 23px; color: black; text-align: center; width: 50px; text-indent: -9999px !important; background: url(../images/share_bg.png) 50% 50% no-repeat; display: block; content: ''; border: 1px solid #cccccc; border-left: none; } .share .ya-share2__container .ya-share2__item_service_twitter .ya-share2__icon:after { content: ''; position: absolute; top: 3px; left: 28px; width: 6px; height: 25px; background: url(../images/icons.png) 0px -643px no-repeat; } .share .ya-share2__container .ya-share2__item_service_twitter:hover .ya-share2__icon:before { border-color: #000; } .share .ya-share2__container .ya-share2__item_service_twitter:hover .ya-share2__icon:after { background: url(../images/icons_share_before.png) 0 0 no-repeat; } .share .ya-share2__container .ya-share2__item_service_gplus .ya-share2__icon { background: transparent url(../images/icons.png) -85px -609px no-repeat; } .share .ya-share2__container .ya-share2__item_service_odnoklassniki .ya-share2__icon { background: transparent url(../images/icons.png) -61px -609px no-repeat; } .share .ya-share2__container .whatsapp-link { display: inline-block; background: transparent url(/i/whatsapp.png) no-repeat; width: 91px; height: 24px; background-size: 98%; vertical-align: middle; border-top: solid 3px transparent; position: relative; background-size: contain; } .share .ya-share2__container .whatsapp-link:before { position: absolute; left: 24px; top: 0px; margin-left: 10px; height: 23px; line-height: 23px; color: black; text-align: center; width: 50px; text-indent: -9999px !important; background: url(../images/share_bg.png) 50% 50% no-repeat; display: block; content: ''; border: 1px solid #cccccc; border-left: none; } .share .ya-share2__container .whatsapp-link:after { content: ''; position: absolute; top: 0px; left: 28px; width: 6px; height: 25px; background: url(../images/icons.png) 0px -643px no-repeat; } .b-news ul { margin-bottom: 30px; } .b-news .b-news__item { width: 100%; display: flex; } .b-news .b-news__item .b-item__pic-wrapper { width: 30%; margin-right: 20px; float: left; margin-bottom: 0 !important; } .b-news .b-news__item .b-item__info-wrapper { width: 70%; } .b-news .b-news__item .b-item__info-wrapper .b-item__introtext { margin-bottom: 30px; } .b-news .b-news__item .b-item__title { margin-bottom: 10px !important; } .b-news .b-item.b-peredachi__item:last-child { border-right: 1px solid #cccccc !important; } .b-news .ias-noneleft { display: block; width: 100%; padding: 20px; font-style: italic; text-align: center; } .article article { padding: 10px 40px; } .article article > .image-block { margin: 0;position: relative; } .article article > .image-block .article__img[class*="col-"] { padding: 0; } .article article .article__info { font-size: 12px; color: #999; margin-bottom: 10px; } .article article .article__info > .article__date, .article article .article__info > .article__views, .article article .article__info > .article__themename { display: inline-block; margin-right: 20px; } .article article .article__info > .article__date a, .article article .article__info > .article__views a, .article article .article__info > .article__themename a { color: #999; text-decoration: underline; } .article article .article__info > .article__date a:hover, .article article .article__info > .article__views a:hover, .article article .article__info > .article__themename a:hover { text-decoration: none; } .article article .article__info .article__views { position: relative; padding-left: 25px; } .article article .article__info .article__views:before { display: inline-block; position: absolute; content: ""; top: 50%; left: 0; margin-top: -6px; } .article article .title.article__title { border-bottom: none !important; text-transform: none; font-family: "RussiaLight"; font-size: 30px; font-weight: 400; line-height: 1.2; padding: 0; margin-bottom: 20px; border: 0; } .article article .article__video { margin-bottom: 15px; display: block; text-align: center; position: relative; /*padding-bottom: 56.25%;*/ padding-bottom: 46.92%; /* 16:9 */ /*padding-top: 25px;*/ height: 0; } .article article .article__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .article article .article__img { height: 494px; overflow: hidden; text-decoration: none; display: block; margin-bottom: 25px; position: relative; } .article article .article__img .article__video-link { display: block; position: relative; height: 100%; } .article article .article__img .article__video-link-nooverlay { display: block; position: relative; height: 100%; } .article article .article__img .article__video-link i.icons-promo_video-link, .article article .article__img .article__video-link-nooverlay i.icons-promo_video-link { position: absolute; z-index: 103; top: 50%; left: 20px; margin-top: -27px; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .article article .article__img .article__video-link:after, .article article .article__img .article__video-link-nooverlay:after { z-index: 102; display: block; content: 'Смотреть видео'; overflow: hidden; position: absolute; width: 0px; padding: 0 92px 0 8px; height: 96px; line-height: 96px; left: 0px; top: 50%; margin-top: -48px; background-color: #0095da; font-size: 20px; color: #fff; text-indent: -122px; text-align: center; text-decoration: none; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .article article .article__img .article__video-link:hover i.icons-promo_video-link, .article article .article__img .article__video-link-nooverlay:hover i.icons-promo_video-link { left: 203px; } .article article .article__img .article__video-link:hover:after, .article article .article__img .article__video-link-nooverlay:hover:after { width: 180px; text-indent: 0px; } .article article .article__img .article__video-link_inarticle { display: block; position: relative; height: 100%; } .article article .article__img .article__video-link_inarticle i.icons-promo_video-link { position: absolute; z-index: 103; top: 50%; left: 20px; margin-top: -27px; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .article article .article__img .article__video-link_inarticle:after { z-index: 102; display: block; content: 'Смотреть видео'; overflow: hidden; position: absolute; width: 0px; padding: 0 92px 0 8px; height: 96px; line-height: 96px; left: 0px; top: 50%; margin-top: -48px; background-color: #0095da; font-size: 20px; color: #fff; text-indent: -122px; text-align: center; text-decoration: none; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .article article .article__img .article__video-link_inarticle:hover i.icons-promo_video-link { left: 203px; } .article article .article__img .article__video-link_inarticle:hover:after { width: 180px; text-indent: 0px; } .article__img .article__photo-author { position: absolute; bottom: 0; left: 0; right: 0; z-index: 110; } .article__img .article__photo-author p { font: normal 12px/12px "Open Sans", sans-serif; color: #fff; text-decoration: none; font-style: italic; padding: 12px 15px; background: rgba(0, 149, 218, 0.6); margin: 0; } .article article .article__img img { max-width: none; width: 100%; } .article article .article__text p { padding: 0 0 20px; line-height: 24px; text-align: left; margin: 0; } .article article .article__text a { text-decoration: underline; color: #0095da; } .article article .article__text a:hover { text-decoration: none; } .article article .article__text blockquote { padding-left: 20px; padding-right: 8px; border-left: 5px solid #cccccc; font-style: italic; margin-left: 40px; margin-right: 0; margin-bottom: 30px; } .article article .article__text blockquote p { padding-bottom: 10px; } .article article .article__text blockquote cite { font-size: 12px; text-align: right; display: block; } .article article .article__text .article__redactor { font-size: 14px; font-style: italic; } .article article .article__text p.v24info { border-left: 4px solid #0095da; padding-left: 20px; font-style: italic; padding-bottom: 5px; margin-bottom: 20px; } /*POLL [ */ .load-page, .search-ext__submit { display: block; height: 37px; padding: 0 24px; background: #0095da; font: normal 16px/24px "OpenSansRegular", sans-serif; font-weight: 600; color: white; border: none; cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .pollanswer { margin-top: 20px; } .search-ext__submit { float: left; } /* ] POLL */ .fullsingup { min-height: 40px; background-color:#e1f3fc; padding:10px; text-align: center; margin-top:15px; } .fullsingup table { border:0 !important; } .fullsingup p { margin:0 !important; padding:0 !important; font-size: 14px; font-weight:700; text-align: center !important; } .fullsingup a { text-decoration: none; color:#000; font-weight: 700 !important; } .fullsingup img { height:40px; padding-right: 20px; margin-top: 5px; } .fullsingup td { text-align:center; } .more-news { padding: 20px; text-align: left; } .more-news ul li { display: block; float: left; width: 50%; min-height:72px; } .more-news .more-news__title { /* float: left;*/ float: none; font: normal 14px/55px "OpenSansSemibold", sans-serif; color: black; text-transform: uppercase; } .more-news ul { /*margin-left: 146px;*/ margin-left: 0 } .b-line-item { padding-top: 12px; padding-bottom: 12px; position: relative; } .b-line-item .b-line-item__pic-wrapper { width: 130px; float: left; } .b-line-item .b-line-item__title { margin: 0 0 0 154px; font: normal 14px/18px "ArimoRegular", sans-serif; color: black; max-width: 350px; padding-right: 24px; } .b-line-item__title span { color: #555; font-size: 80%; } .b-line-item__pic-wrapper img { width: 100%; max-height: 72px; border-radius: 3px; } .themes .title-sup:before { content: "Тема: "; } .tvprogramm-page .title-sup:before { content: "Телепрограмма "; } .tvprogramm-page .schedule { margin: 20px auto; padding: 0 20px; } .tvprogramm-page .schedule .title { background: #f3f3f3; border: 1px solid #cccccc; } .tvprogramm-page .schedule .viewport { border: 1px solid #cccccc; border-width: 0 1px 1px 1px; } .tvprogramm-page .schedule .week { background: #cccccc; padding: 0 20px 0 0; } .tvprogramm-page .schedule .week ul.menu { list-style: none; padding-top: 0; } .tvprogramm-page .schedule .week ul.menu li { display: inline-block; zoom: 1; padding-right: 10px; font-weight: bold; color: #fff; width: 30px; line-height: 40px; text-align: center; text-decoration: none; padding: 0 15px; text-transform: uppercase; } .tvprogramm-page .schedule .week ul.menu li a { display: block; } .tvprogramm-page .schedule .week ul.menu li.active { background: #0095da; } .tvprogramm-page .schedule .week ul.menu li.active a { color: #fff; } .tvprogramm-page .schedule ul.teleprogramm_text li { list-style: none; border-bottom: 1px solid #cccccc; position: relative; display: flex; flex: 1 auto; align-items: stretch; background: #dedede; } .tvprogramm-page .schedule ul.teleprogramm_text li .time_progr { background: #dedede; float: left; font-size: 14px; line-height: 36px; padding: 0 15px; text-align: center; vertical-align: top; border-right: 1px solid #d1d1d1; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .tvprogramm-page .schedule ul.teleprogramm_text li .text_prog { background: #eee; width: 100%; position: relative; font-size: 14px; line-height: 20px; text-transform: none; vertical-align: top; padding: 8px 20px 8px 50px; overflow: hidden; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .tvprogramm-page .schedule ul.teleprogramm_text li.old, .tvprogramm-page .schedule ul.teleprogramm_text li.old .text_prog { background: #fff; } .tvprogramm-page .schedule ul.teleprogramm_text li.active .time_progr { background: transparent; color: #fff; background: #b90707; } .tvprogramm-page .schedule ul.teleprogramm_text li.active .text_prog { background: #dceddd; } .archive .title-sup:before { content: "Архив новостей: "; } .archive .arhive__years { font-family: 'RussiaRegular', sans-serif; font-size: 20px; line-height: 55px; color: #333; margin: 0; padding: 0 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #cccccc; } .archive .arhive__years ul { margin-bottom: 0; } .archive .arhive__years li { display: inline-block; padding: 0 20px; } .archive .arhive__years li:first-child { padding-left: 0; } .archive .arhive__years li a:hover { text-decoration: none; color: #0095da; } .archive .arhive__years li.active a { color: #0095da; } .archive .arhive__calendar .blogCalendar { padding: 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .archive .arhive__calendar .blogCalendar table { width: 100%; text-align: center; } .archive .arhive__calendar .blogCalendar table td { padding: 5px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-weight: 300; outline: none; } .archive .arhive__calendar .blogCalendar table td.dayName { font-weight: normal; } .archive .arhive__calendar .blogCalendar table td.current-date { background: #cccccc; } .archive .arhive__calendar .blogCalendar table td a { color: #0095da; } .archive .arhive__calendar .blogCalendar table .blogCalendarHeader.headerDate { background: #0095da; font-weight: 600; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; color: #fff; padding: 10px; } .b-staff .b-item__title { margin-top: 10px; margin-bottom: 2px !important; } .b-staff .b-item__info { font-size: 16px !important; position: relative !important; bottom: inherit !important; color: #333 !important; } .companypage .article article { padding: 20px; } .b-search-result .search-form { padding: 20px; border-bottom: 1px solid #cccccc; } .b-search-result ul { margin-bottom: 30px; } .b-search-result .b-search-result__item { width: 100%; display: flex; border-bottom: none !important; } .b-search-result .b-search-result__item .b-item__dateinfo .b-item__time { font-size: 12px; } .b-search-result .b-search-result__item .b-item__dateinfo .b-item__date { font-weight: 600; font-size: 15px; } .b-search-result .b-search-result__item .b-item__info-wrapper { padding-bottom: 20px; border-bottom: 1px dotted #cccccc; } .b-search-result .b-search-result__item .b-item__info-wrapper .b-item__introtext { font-size: 12px; } .b-search-result .b-search-result__item .b-item__title { margin-bottom: 10px !important; } .b-search-result .b-search-result__item:last-child .b-item__info-wrapper { border-bottom: none; } .b-search-result .b-search-result__item .highlight { background: #fff; } /** * footer */ .footer { padding-bottom: 40px; background: #1a1a1a; overflow: hidden; position: relative; z-index: 7; max-width: 1280px; margin: auto; } @media screen and (max-width: 1680px) { .footer { /*margin-right: 400px;*/ min-width: 860px; } } @media screen and (max-width: 1024px) { .footer { margin-right: 0; width: 100%; min-width: 320px; } } .footer-wrapper_top { border-top: 9px solid #2483c5; background: #262626; min-height: 80px; } .footer__inner { padding: 0 64px; max-width: 1280px; min-width: 272px; margin: 0 auto; } @media screen and (max-width: 900px) { .footer__inner { padding: 0 24px; } } .nav_footer { float: left; height: 64px; width: 500px; overflow: hidden; margin-left: -24px; } @media screen and (max-width: 1410px) { .nav_footer { display: none; } } .nav_footer li { float: left; height: 64px; } .nav_footer li a { display: block; height: 100%; /*font: 300 16px/64px "Open Sans", sans-serif;*/ font: normal 16px/64px "OpenSansLight", sans-serif; color: #fff; padding: 0 24px; text-decoration: none; } .soc-buttons { padding-top: 24px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } @media screen and (max-width: 1024px) { .soc-buttons { width: 100%; } } @media screen and (max-width: 670px) { .soc-buttons { -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; height: auto; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; padding-top: 20px; padding-bottom: 24px; } } .soc-buttons p { color: #ddd; font: normal 16px/24px "RussiaLight", sans-serif; margin: 0; padding-top: 3px; margin-right: 16px; } @media screen and (max-width: 670px) { .soc-buttons p { text-align: center; width: 100%; padding-top: 0; padding-bottom: 24px; } } .soc-buttons a { display: block; float: left; margin-left: 16px; width: 32px; height: 32px; border-radius: 3px; } .soc-buttons a.soc-buttons_vk { background: #4680C2 url("../images/vk.svg") 50% 50% no-repeat; background-size: 22px 12px; margin-left: 0; } .soc-buttons a.soc-buttons_fb { background: #3C5A99 url("../images/facebook.svg") 50% 50% no-repeat; } @media screen and (max-width: 570px) { .soc-buttons a.soc-buttons_fb { margin-left: calc((100% - 128px) / 3); } } .soc-buttons a.soc-buttons_twt { background: #1DA1F2 url("../images/twitter.svg") 50% 50% no-repeat; } @media screen and (max-width: 570px) { .soc-buttons a.soc-buttons_twt { margin-left: calc((100% - 128px) / 3); } } .soc-buttons a.soc-buttons_gplus { background-position: -96px -32px; } .soc-buttons a.soc-buttons_rss { background: #ee802f url("../images/rss.svg") 50% 50% no-repeat; } @media screen and (max-width: 570px) { .soc-buttons a.soc-buttons_rss { margin-left: calc((100% - 128px) / 3); margin-top: 24px; } } .soc-buttons a.soc-buttons_insta { background: #f00075 url("../images/insta.svg") 50% 50% no-repeat; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b900b4+0,1400c8+100 */ } @media screen and (max-width: 570px) { .soc-buttons a.soc-buttons_insta { margin-left: 0; margin-top: 24px; } } .soc-buttons a.soc-buttons_youtube { background: #FF0000 url("../images/youtube.svg") 50% 50% no-repeat; background-size: 22px 14px; } @media screen and (max-width: 570px) { .soc-buttons a.soc-buttons_youtube { margin-left: calc((100% - 128px) / 3); margin-top: 24px; } } .soc-buttons a.soc-buttons_ok { background: #EE8208 url("../images/odnoklassniki.svg") 50% 50% no-repeat; } @media screen and (max-width: 570px) { .soc-buttons a.soc-buttons_ok { margin-left: calc((100% - 128px) / 3); } } .soc-buttons a.soc-buttons_telegram { background-position: -256px -32px; } body[data-device='mobile'] .soc-buttons_telegram { display: none; } .footer-wrapper_mid { width: 100%; border-top: 1px solid #484848; border-bottom: 1px solid #313131; color: #fff; padding: 30px 0; /* font: normal 14px "Open Sans", sans-serif;*/ font: normal 14px "OpenSansRegular", sans-serif; } .footer__adv-info { float: right; text-decoration: underline; } @media screen and (max-width: 570px) { .footer__adv-info { float: none; display: block; } } .footer__copyright { /* font: 300 12px/17px "Roboto", sans-serif;*/ font: normal 12px/17px "RobotoLight", sans-serif; color: #999; padding: 36px 0 0; width: 75%; float: left; } @media screen and (max-width: 900px) { .footer__copyright { float: none; } } .footer__copyright p { padding-bottom: 24px; } .footer__copyright a { color:#fff; } .footer__copyright p + p { background: url(/i/footer-icon.png) 0 0 no-repeat; padding-left: 54px; padding-top: 2px; } .footer__counters-and-push { padding: 36px 0 0; float: right; width: 25%; text-align: right; } @media screen and (max-width: 900px) { .footer__counters-and-push { width: 139px; float: none; text-align: left; } } .footer__push-notifications { margin: 0 0 44px; } .footer__counters { /* padding: 36px 0 0; float: right; width: 90px; @include breakpoint($media-tablet) { float: none; }*/ } .footer__title { margin: 30px 0; /* font: 300 18px "Open Sans", sans-serif;*/ font: normal 18px "RussiaRegular", sans-serif; color: #555; } @media screen and (max-width: 570px) { .footer__title { display: none; } } .footer__programs { -webkit-columns: 4; -moz-columns: 4; -ms-columns: 4; -o-columns: 4; columns: 4; padding-bottom: 30px; } @media screen and (max-width: 1024px) { .footer__programs { -webkit-columns: 3; -moz-columns: 3; -ms-columns: 3; -o-columns: 3; columns: 3; } } @media screen and (max-width: 900px) { .footer__programs { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; } } @media screen and (max-width: 570px) { .footer__programs { -webkit-columns: 1; -moz-columns: 1; -ms-columns: 1; -o-columns: 1; columns: 1; display: none; } } .footer__programs li { padding: 0 24px 6px 0; } .footer__programs li a { /* font: 12px "Open Sans", sans-serif;*/ font: 12px "OpenSansRegular", sans-serif; color: #999; } @media screen and (max-width: 900px) { .footer__errors-info { display: none; } } /* ] FOOTER */ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper .scroll-content { border: none !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-wrapper .scroll-element { display: none; } .scroll-wrapper .scroll-element, .scroll-wrapper .scroll-element .scroll-element div { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .scroll-wrapper .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-wrapper .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-wrapper .scroll-element .scroll-bar, .scroll-wrapper .scroll-element .scroll-arrow { cursor: default; } .scroll-wrapper .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-wrapper .scroll-textarea .scroll-content { overflow: hidden !important; } .scroll-wrapper .scroll-textarea .scroll-content > textarea { border: none !important; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-wrapper .scroll-textarea .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } .scrollbar-inner .scroll-element, .scrollbar-inner .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 991; } .scrollbar-inner .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 6px; } .scrollbar-inner .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .scrollbar-inner .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner .scroll-element .scroll-element_outer, .scrollbar-inner .scroll-element .scroll-element_track, .scrollbar-inner .scroll-element .scroll-bar { -webkit-border-radius: 6px; -khtml-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .scrollbar-inner .scroll-element .scroll-element_track, .scrollbar-inner .scroll-element .scroll-bar { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner .scroll-element .scroll-element_track { background-color: #cccccc; } .scrollbar-inner .scroll-element .scroll-bar { background-color: #444; } .scrollbar-inner .scroll-element:hover .scroll-bar { background-color: #999999; } .scrollbar-inner .scroll-element.scroll-draggable .scroll-bar { background-color: #999999; } .btn { font-size: 16px; font-weight: 400; outline: none; padding: 0 20px; display: inline-block; text-decoration: none; height: 45px; line-height: 43px; text-align: center; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px; -khtml-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; position: relative; } .btn:hover { text-decoration: none; } .btn .btn-number { position: absolute; width: 18px; height: 18px; background-color: #b90707; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; right: -8px; top: -8px; color: #fff; font-size: 12px; display: -webkit-box; display: -moz-box; display: box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; box-align: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center; -ms-flex-align: center; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-pack: center; } .btn.btn-full-width { width: 100% !important; } .btn.btn-blue { border-color: #0095da; color: #fff; background: #0095da; } .btn.btn-blue:hover, .btn.btn-blue:focus, .btn.btn-blue:active { border-color: #2483c5; background-color: #2483c5; } .btn.btn-loading { color: transparent !important; } .btn.btn-loading .loader { display: none; position: absolute; top: 50%; margin-top: -10px; position: absolute; left: 50%; margin-left: -10px; } .overlay { background: rgba(0, 0, 0, 0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; display: none; } .overlay .overlay__block { position: absolute; width: 100%; /*max-width: 640px;*/ max-width: 1280px; background: rgba(0, 0, 0, 0.6); left: 50%; top: 50%; padding: 40px 20px 20px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .overlay .overlay__block .overlay__title { height: 65px; color: #fff; font-family: "RussiaRegular"; font-weight: 400; font-size: 14px; line-height: 1.2; } .overlay .overlay__block .overlay__close { position: absolute; right: 10px; top: 10px; z-index: 999999; cursor: pointer; } .overlay .overlay__block .overlay__video { /*margin-bottom: 15px;*/ display: block; text-align: center; position: unset; /* padding-bottom: 56.25%;*/ padding-bottom: 43.25%; /* 16:9 */ /*padding-top: 25px;*/ height: 0; } .overlay__adv { float: right; width: 240px; /*height: 600px;*/ height:auto; padding: 0 24px 24px; } .overlay__adv__iframe { width: 240px; height: 600px; overflow: hidden; border: none; } .overlay .overlay__block .overlay__video .article__video { position: absolute; top: 24px; left: 24px; bottom: 24px; margin-right: 20px; right: 288px; max-height: 540px; } .overlay .overlay__block .overlay__video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #workarea { padding: 25px 0 50px; border-top: 1px solid #444; } #workarea p { color: #333 !important; } @media screen and (max-width: 64em) { header#header .mainnav li a { padding: 0 20px; } .promo__news .item_promo .item__pic-wrapper img { width: 100%; max-width: none; } .footer .footer-wrapper_top, .footer .footer-wrapper_middle, .footer .footer-wrapper_bottom { padding: 20px; } .footer .nav_footer li { padding-right: 20px; font-size: 14px; line-height: 1; height: auto; } .footer .soc-buttons { padding: 0; } section.content { padding-bottom: 0 !important; margin-left: 0 !important; margin-right: 0 !important; } aside.sidebar.col-3_md-12 { padding-bottom: 0 !important; } aside.sidebar.col-3_md-12 .sidebar-module { border-bottom: none; border: 1px solid #cccccc; border-width: 0 1px 0 1px; } aside.sidebar.col-3_md-12 .sidebar-module.vestirurss { border: none; } .title { line-height: 1.5; padding-top: 10px !important; padding-bottom: 10px !important; } } @media screen and (max-width: 48em) { #toppanel { margin-bottom: 0; } header#header .mainnav, header#header .helpsearch { display: none; -webkit-transition: all 0.2s ease-out; -khtml-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } header#header .header__menu-link { display: flex; align-items: center; position: absolute; top: 0px; right: 8px; background: #0095da; width: 64px; height: 64px; border-left: 1px solid #167baf; z-index: 999; padding: 10px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } header#header .header__menu-link span { width: 80%; height: 2px; background: #fff; margin-bottom: 10px; } header#header .header__menu-link.header__menu-link--open { right: 278px; } .nav_mobile { width: 270px; position: absolute; top: 41px; right: 0; height: 100%; display: block; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s; -khtml-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; color: #fff; overflow: hidden; background: #333333; } .nav_mobile:after { position: absolute; height: 100%; width: 1px; left: -1px; top: 0px; box-shadow: 2px 0px 14px 1px #333333; content: ' '; } .nav_mobile .search_mobile { height: 64px; background: #0095da; padding: 17px 24px 0 24px; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .nav_mobile .search_mobile .searchbox_mobile { position: relative; width: 100%; height: 30px; overflow: hidden; -webkit-border-radius: 18px; -khtml-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border-radius: 18px; } .nav_mobile .search_mobile .searchbox_mobile input::-webkit-input-placeholder { color: #999; } .nav_mobile .search_mobile .searchbox_mobile input::-moz-placeholder { color: #999; } .nav_mobile .search_mobile .searchbox_mobile .searchbox-input { right: 0; border: 0; outline: 0; background: #0069a0; width: 100%; height: 30px; padding: 0 20px; font-size: 14px; color: #f3f3f3; float: right; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .nav_mobile .search_mobile .searchbox_mobile .searchbox-submit { display: block; position: absolute; background-color: transparent; top: 8px; right: 8px; padding: 0; margin: 0; border: 0; outline: 0; text-align: center; cursor: pointer; text-indent: -9999px; } .nav_mobile .nav__list_mobile li { line-height: 48px; color: #fff; border-bottom: 1px solid #000; } .nav_mobile .nav__list_mobile li a { font-size: 16px; line-height: 48px; font-family: 'Open Sans'; font-weight: 300; padding-left: 24px; color: #fff; } .nav_mobile .nav__list_mobile li a.help-link { color: #0095da; font-weight: 600; } .article article { padding: 20px; } .b-news .b-news__item { display: block; } .b-news .b-news__item .b-item__pic-wrapper { width: 100%; margin-right: 0; margin-bottom: 15px !important; } .b-news .b-news__item .b-item__info-wrapper { width: 100%; } aside.sidebar.col-3_sm-12 .other-news .other-news__list { display: flex; flex-wrap: wrap; } aside.sidebar.col-3_sm-12 .other-news .other-news__list li { width: 50%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } form.blockform input[type="submit"] { margin-left: 25%; } form.blockform textarea[class*="_sm-9"] { max-width: 100%; flex-basis: 100%; } .footer .nav_footer.nav_footer-doplinks {margin-top: 20px;} .footer .nav_footer.nav_footer-doplinks li {padding-left: 0px;} } @media screen and (max-width: 35.5em) { #toppanel { display: none; } #toppanel #topmenu > ul { justify-content: space-between; border-bottom: 1px solid #cccccc; } #toppanel #topmenu li.root { font-size: 14px; padding: 0 5px; border: none !important; margin: 0 auto; } header#header { height: auto; } header#header h1.header__logo a { position: relative; left: 0; margin-left: 20px; } .nav_mobile { top: 0; } .soc-buttons.vgtrk-bar-social-wrap { margin: 0; justify-content: space-between; border-right: none; } .soc-buttons.vgtrk-bar-social-wrap a { border-left: none; } .footer .footer-wrapper_top, .footer .footer-wrapper_middle, .footer .footer-wrapper_bottom { padding: 10px; } .footer .nav_footer { display: flex; justify-content: space-between; } .footer .nav_footer li { padding-right: 0; font-size: 12px; } .footer .soc-buttons { display: flex; justify-content: space-between; margin: 20px 0 0; } .footer .soc-buttons a { margin-left: 0; } section.content .content-module .breadcrumbs { line-height: 1.5; padding-top: 10px !important; padding-bottom: 10px !important; } section.content .content-module .breadcrumbs a { padding: 0 5px; } .article article .article__text blockquote { margin-left: 20px; } aside.sidebar .sidebar-module { border-bottom: 1px solid #cccccc !important; } aside.sidebar.col-3_md-12 .sidebar-module { border-bottom: 1px solid #cccccc !important; } aside.sidebar .other-news .other-news__list { display: flex; flex-wrap: wrap; } aside.sidebar .other-news .other-news__list li { width: 50%; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } form.blockform label { margin-bottom: 10px; } form.blockform input[type="submit"] { margin-left: 0; } } .ui-dialog.dle-popup-complaint, .ui-dialog.dle-popup-alert { left: 20px; bottom:0; } .ui-dialog.dle-popup-complaint .ui-dialog-titlebar-close { top: 15px; right: 0; } section.searchreslist .b-item .b-item__pic-wrapper { text-decoration: none; display: block; position: relative; overflow: hidden; width: 10%; height: 53px; background-size: cover; background-position: center; } section.searchreslist li.b-item { display: flex; border-bottom: 1px solid #e5e5e5; padding: 10px; } section.searchreslist h3 { padding-left: 20px; width: 70%; } section.searchreslist .b-item .b-item__pic-wrapper_video-link:after { display:none; } ul.section__list { margin-top: 10px; } .b-item_section { padding-bottom: 10px; padding-top: 10px; border-bottom: 1px dotted #cccccc; } .b-item_section .b-item__pic-wrapper { width: 90px; float: left; } .b-item_section .b-item__pic-wrapper img { width: 100%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .b-item_section h3 { margin-left: 105px; overflow: hidden; margin-bottom: 0; font-size: 15px; } #newslikes { position: absolute; z-index: 9999; bottom: 33px; right: 10px; text-align: center; } #newslikes a { text-decoration:none; font: normal 14px/14px "RussiaLight", sans-serif; color: #333; } #newslikes a + a { margin-left: 8px; } #newslikes a span.likes, #newslikes a span.dislikes { padding: 5px 10px; border-radius: 3px; } #newslikes a span img { height: 16px; margin-right: 10px; vertical-align: text-bottom; } #newslikes a .likes, #newslikes a .dislikes { background: rgba(255, 255, 255, 0.7); } #newslikes a .likes:hover, #newslikes a .dislikes:hover { background: rgba(255, 255, 255, 1); }