@import url(https://fonts.googleapis.com/css?family=Roboto:100,200,300,300i,400,400i,500,600,700,700i&subset=cyrillic-ext);/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}@charset "UTF-8";
/* COLORS */
/* FONTS */
/* MEDIA */
/* PADDING */
.bigger-block {
  width: 1376px;
  max-width: 100%;
  padding: 0 16px;
  margin: 0 auto;
  box-sizing: border-box; }

.big-block {
  width: 1120px;
  margin: 0 auto; }

.medium-block {
  width: 928px;
  margin: 0 auto; }

.small-block {
  width: 896px;
  margin: 0 auto; }

.smaller-block {
  width: 672px;
  margin: 0 auto; }

* {
  margin: 0;
  padding: 0;
  border: 0; }

html, body {
  min-height: 100%;
  min-width: 100%;
  font: normal 16px/24px "Roboto"; }

body.load:after {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(180, 180, 180, 0.6);
  z-index: 6; }

body.load .loader {
  position: fixed;
  z-index: 7;
  display: block;
  height: 128px;
  width: 172px;
  top: 50%;
  margin-top: -64px;
  left: 50%;
  margin-left: -86px; }
  body.load .loader .l_main {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  @media (max-width: 550px) {
    body.load .loader {
      -webkit-transform: scale(0.75);
      transform: scale(0.75); } }
  @media (max-width: 440px) {
    body.load .loader {
      -webkit-transform: scale(0.5);
      transform: scale(0.5); } }
  body.load .loader .l_square {
    position: relative; }
  body.load .loader .l_square:nth-child(1) {
    margin-left: 0px; }
  body.load .loader .l_square:nth-child(2) {
    margin-left: 44px; }
  body.load .loader .l_square:nth-child(3) {
    margin-left: 88px; }
  body.load .loader .l_square:nth-child(4) {
    margin-left: 132px; }
  body.load .loader .l_square span {
    position: absolute;
    top: 0px;
    left: 20px;
    height: 36px;
    width: 36px;
    border-radius: 2px;
    background-color: #36a8e3; }
  body.load .loader .l_square span:nth-child(1) {
    top: 0px; }
  body.load .loader .l_square span:nth-child(2) {
    top: 44px; }
  body.load .loader .l_square span:nth-child(3) {
    top: 88px; }
  body.load .loader .l_square:nth-child(1) span {
    -webkit-animation: animsquare1 2s infinite ease-in;
    animation: animsquare1 2s infinite ease-in; }
  body.load .loader .l_square:nth-child(2) span {
    -webkit-animation: animsquare2 2s infinite ease-in;
    animation: animsquare2 2s infinite ease-in; }
  body.load .loader .l_square:nth-child(3) span {
    -webkit-animation: animsquare3 2s infinite ease-in;
    animation: animsquare3 2s infinite ease-in; }
  body.load .loader .l_square:nth-child(4) span {
    -webkit-animation: animsquare4 2s infinite ease-in;
    animation: animsquare4 2s infinite ease-in; }
  body.load .loader .l_square span:nth-child(1) {
    -webkit-animation-delay: 0.00s;
    animation-delay: 0.00s; }
  body.load .loader .l_square span:nth-child(2) {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s; }
  body.load .loader .l_square span:nth-child(3) {
    -webkit-animation-delay: 0.30s;
    animation-delay: 0.30s; }

@-webkit-keyframes animsquare1 {
  0%, 5%, 95%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  30%, 70% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare1 {
  0%, 5%, 95%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  30%, 70% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@-webkit-keyframes animsquare2 {
  0%, 10%, 90%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  35%, 65% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare2 {
  0%, 10%, 90%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  35%, 65% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@-webkit-keyframes animsquare3 {
  0%, 15%, 85%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  40%, 60% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare3 {
  0%, 15%, 85%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  40%, 60% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@-webkit-keyframes animsquare4 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  45%, 55% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare4 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  45%, 55% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

#page {
  position: relative;
  width: 100%;
  z-index: 3; }
  #page .content {
    position: relative;
    z-index: 1; }

.clear {
  float: none;
  clear: both; }

a {
  text-decoration: none; }

.grid {
  position: fixed;
  top: 0;
  bottom: 0;
  background: #f00;
  opacity: 0.2;
  display: none;
  left: 50%;
  margin-left: -688px; }
  .grid .item {
    width: 80px;
    margin-right: 32px;
    background: #fff; }
    .grid .item:first-child {
      margin-left: 32px; }

@media (max-width: 600px) {
  body {
    min-width: 320px; }
  .wrapper {
    padding: 0; } }

.swiper-container {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  z-index: 1; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .swiper-wrapper .swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative; }
    .swiper-wrapper .swiper-slide.promo__item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      width: auto; }

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.header {
  height: 103px;
  width: 100%;
  background: #fff;
  position: relative;
  border-bottom: 1px solid #ebf0f3; }
  @media screen and (max-width: 1150px) {
    .header {
      background: transparent;
      border: none;
      height: 80px;
      border-bottom: 1px solid #ebf0f3;
      z-index: 4; }
      .main .header:not(.header--visible) {
        border: none;
        position: absolute; } }
  @media (max-width: 600px) {
    .header {
      height: 48px; }
      .main .header {
        border: none; } }
  .header--fixed {
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-100%);
    z-index: 11;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); }
  .header--visible {
    transform: translateY(0);
    transition: transform 300ms ease 0ms; }
  .header--hidden {
    transform: translateY(-100%); }
  .header .search-open {
    display: block;
    position: absolute;
    left: 47px;
    width: 30px;
    height: 30px;
    background: transparent url(/i/search.svg) 50% 50% no-repeat;
    background-size: 20px auto;
    top: 35px;
    cursor: pointer; }
    @media (max-width: 1235px) {
      .header .search-open {
        left: 16px; } }
    @media screen and (max-width: 1150px) {
      .header .search-open {
        left: auto;
        right: 87px;
        top: 25px; }
        .main .header .search-open {
          background-image: url(/i/search-white.svg); } }
    @media (max-width: 600px) {
      .header .search-open {
        top: 9px;
        right: 44px; } }
  .header .search {
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    height: 190px;
    background: #fff;
    z-index: 4;
    border-bottom: 1px solid #ebf0f3; }
    @media (max-width: 600px) {
      .header .search {
        height: 140px; } }
    @media screen and (max-width: 530px) {
      .header .search {
        height: 200px; } }
    .header .search-close {
      position: absolute;
      top: 35px;
      left: 47px;
      width: 30px;
      height: 30px;
      background: transparent url(/i/close.svg) 50% 50% no-repeat;
      background-size: 20px auto;
      cursor: pointer; }
      @media (max-width: 1235px) {
        .header .search-close {
          left: 16px; } }
      @media screen and (max-width: 1150px) {
        .header .search-close {
          left: auto;
          right: 87px;
          top: 25px; } }
      @media (max-width: 600px) {
        .header .search-close {
          top: 9px;
          right: 44px; } }
    .header .search-logo {
      width: 178px;
      height: 32px;
      display: block;
      position: absolute;
      top: 36px;
      left: 50%;
      margin-left: -86px;
      background: transparent url(/i/logo-blue.svg) 50% 50% no-repeat;
      background-size: 178px auto;
      border-radius: 3px; }
      @media screen and (max-width: 1150px) {
        .header .search-logo {
          width: 210px;
          height: 32px;
          top: 26px;
          left: 50%;
          margin-left: -105px;
          background-size: 178px auto; } }
      @media (max-width: 600px) {
        .header .search-logo {
          top: 9px;
          width: 168px;
          height: 32px;
          background-size: 117px auto;
          margin-left: -84px; } }
      @media screen and (max-width: 410px) {
        .header .search-logo {
          width: 138px;
          top: 9px;
          margin-left: -69px;
          background-size: 106px auto; } }
    .header .search form {
      padding: 40px 266px;
      position: relative;
      top: 58px;
      margin: 0 auto;
      box-sizing: border-box;
      width: 1396px;
      max-width: 100%; }
      @media (max-width: 1414px) {
        .header .search form {
          padding-right: 32px; } }
      @media (max-width: 1235px) {
        .header .search form {
          padding-left: 250px; } }
      @media screen and (max-width: 1150px) {
        .header .search form {
          padding-left: 224px; } }
      @media (max-width: 920px) {
        .header .search form {
          padding-left: 32px; } }
      @media (max-width: 600px) {
        .header .search form {
          padding: 20px 16px;
          top: 48px; } }
      .header .search form label {
        position: absolute;
        left: 32px;
        color: #333;
        font: bold 24px/32px "Roboto";
        padding: 6px 0; }
        @media (max-width: 1235px) {
          .header .search form label {
            left: 16px; } }
        @media screen and (max-width: 1150px) {
          .header .search form label {
            font: bold 22px/28px "Roboto"; } }
        @media (max-width: 920px) {
          .header .search form label {
            display: none; } }
      .header .search form:after {
        content: '';
        display: block;
        clear: both; }
      .header .search form input {
        display: block;
        float: left;
        border-radius: 3px;
        box-sizing: border-box;
        border: 2px solid #ebf0f3;
        padding: 10px 20px;
        font: normal 16px/24px "Roboto";
        color: #999;
        background: #fff;
        outline: none;
        width: calc(100% - 234px); }
        @media (max-width: 600px) {
          .header .search form input {
            width: calc(100% - 168px); } }
        @media screen and (max-width: 530px) {
          .header .search form input {
            width: 100%; } }
        .header .search form input[type="submit"] {
          color: #fff;
          text-transform: uppercase;
          font: bold 16px/24px "Roboto";
          background: #36a8e3;
          border-color: #36a8e3;
          width: 192px;
          text-align: center;
          margin-left: 32px; }
          @media (max-width: 600px) {
            .header .search form input[type="submit"] {
              width: 152px;
              margin-left: 16px; } }
          @media screen and (max-width: 530px) {
            .header .search form input[type="submit"] {
              width: 100%;
              margin: 16px 0 0; } }
  .header .menu {
    margin: 0 auto; }
    @media screen and (max-width: 1150px) {
      .header .menu {
        display: none; } }
    .header .menu ul {
      list-style: none;
      line-height: 103px;
      margin: 0 auto;
      width: 1035px;
      text-align: right; }
      @media screen and (max-width: 1350px) {
        .header .menu ul {
          width: 946px; } }
      .header .menu ul li {
        display: inline-block;
        text-transform: uppercase;
        padding: 0 16px;
        vertical-align: middle;
        position: relative; }
        @media screen and (max-width: 1350px) {
          .header .menu ul li {
            padding: 0 8px; } }
        .header .menu ul li a {
          color: #333;
          font: bold 16px/24px "Roboto"; }
          @media screen and (max-width: 1350px) {
            .header .menu ul li a {
              font: bold 14px/19px "Roboto"; } }
          .header .menu ul li a:hover {
            color: #01aef9; }
          .header .menu ul li a.active {
            color: #36a8e3; }
        .header .menu ul li.main {
          padding: 0 21px; }
          .header .menu ul li.main a {
            background: #36a8e3 url(/i/logo.svg) 50% 50% no-repeat;
            background-size: 178px auto;
            width: 263px;
            height: 48px;
            display: block;
            border-radius: 3px;
            margin-top: -2px; }
          .header .menu ul li.main.may {
            position: relative; }
            .header .menu ul li.main.may:before {
              content: '';
              display: block;
              position: absolute;
              top: -2px;
              left: 21px;
              border-radius: 3px;
              width: 263px;
              height: 48px;
              background: #a7daed;
              background: -moz-linear-gradient(-45deg, #a7daed 0%, #6fb9dc 100%);
              background: -webkit-linear-gradient(-45deg, #a7daed 0%, #6fb9dc 100%);
              background: linear-gradient(135deg, #a7daed 0%, #6fb9dc 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7daed', endColorstr='#6fb9dc',GradientType=1 );
              z-index: 1; }
            .header .menu ul li.main.may a {
              background-color: transparent;
              position: relative;
              z-index: 2; }
              .header .menu ul li.main.may a:before {
                content: '';
                display: block;
                position: absolute;
                width: 42px;
                height: 48px;
                left: 0;
                top: 0;
                background: transparent url(/i/bird.svg) 50% 50% no-repeat;
                background-size: 24px 28px; }
              .header .menu ul li.main.may a:after {
                content: '';
                display: block;
                position: absolute;
                width: 31px;
                height: 48px;
                right: 0;
                top: 0;
                background: transparent url(/i/may.png) 100% 50% no-repeat; }
          .header .menu ul li.main.new_year {
            position: relative; }
            .header .menu ul li.main.new_year:before {
              content: '';
              display: block;
              position: absolute;
              top: -2px;
              left: 21px;
              border-radius: 3px;
              width: 263px;
              height: 48px;
              background: #3159da;
              background: -moz-linear-gradient(-45deg, #3159da 0%, #137fc0 30%, #1178c0 100%);
              background: -webkit-linear-gradient(-45deg, #3159da 0%, #137fc0 30%, #1178c0 100%);
              background: linear-gradient(135deg, #3159da 0%, #137fc0 30%, #1178c0 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3159da', endColorstr='#1178c0',GradientType=1 );
              z-index: 1; }
            .header .menu ul li.main.new_year a {
              background-color: transparent;
              position: relative;
              z-index: 2; }
              .header .menu ul li.main.new_year a:before {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                background: transparent url(/i/new-year.png) 50% 50% no-repeat;
                background-size: contain; }
          .header .menu ul li.main.february {
            position: relative; }
            .header .menu ul li.main.february:before {
              content: '';
              display: block;
              position: absolute;
              top: -2px;
              left: 21px;
              border-radius: 3px;
              width: 263px;
              height: 48px;
              background: transparent url(/i/feb.png) 50% 50% no-repeat;
              background-size: contain;
              z-index: 1; }
            .header .menu ul li.main.february a {
              background-color: transparent;
              position: relative;
              z-index: 2; }
          .header .menu ul li.main.march {
            position: relative; }
            .header .menu ul li.main.march:before {
              content: '';
              display: block;
              position: absolute;
              top: -2px;
              left: 21px;
              border-radius: 3px;
              width: 263px;
              height: 48px;
              background: #e70651 url(/i/flowers.svg) 50% 50% no-repeat;
              background-size: contain;
              z-index: 1; }
            .header .menu ul li.main.march a {
              background-color: transparent;
              position: relative;
              z-index: 2; }
        .header .menu ul li:first-child a {
          padding-left: 33px;
          position: relative; }
          .header .menu ul li:first-child a:before {
            content: '';
            display: block;
            width: 22px;
            height: 16px;
            background: transparent url(/i/sound-lightblue.svg) 50% 50% no-repeat;
            background-size: contain;
            position: absolute;
            top: 1px;
            left: 0px; }
  .header .phone, .header .search-phone {
    position: absolute;
    top: 41px;
    right: 220px;
    padding-left: 40px;
    font: normal 16px/24px "Roboto"; }
    @media screen and (max-width: 1820px) {
      .header .phone, .header .search-phone {
        right: 122px; } }
    @media screen and (max-width: 1620px) {
      .header .phone, .header .search-phone {
        width: 32px;
        height: 24px;
        padding: 0;
        right: 112px; }
        .header .phone span, .header .search-phone span {
          display: none; } }
    @media screen and (max-width: 1280px) {
      .header .phone, .header .search-phone {
        right: 90px; } }
    @media (max-width: 1235px) {
      .header .phone, .header .search-phone {
        width: 32px;
        height: 24px;
        padding: 0;
        right: 58px; }
        .header .phone span, .header .search-phone span {
          display: none; } }
    @media screen and (max-width: 1150px) {
      .header .phone, .header .search-phone {
        right: 22px;
        top: 28px; } }
    @media (max-width: 600px) {
      .header .phone, .header .search-phone {
        top: 16px;
        width: 18px;
        right: 16px; } }
    .header .phone a, .header .search-phone a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 40px;
      background: url(/i/telephone_1.svg) 0 0 no-repeat; }
      @media screen and (max-width: 1150px) {
        .header .phone a, .header .search-phone a {
          background-size: contain; } }
      @media (max-width: 600px) {
        .header .phone a, .header .search-phone a {
          width: 16px; } }
  @media screen and (max-width: 1150px) {
    .main .header .phone a {
      background-image: url(/i/telephone_2.svg); } }
  .header a[href="/social"] {
    position: absolute;
    top: 35px;
    width: 36px;
    height: 36px;
    display: block;
    background: transparent url(/i/share.svg) 0 0 no-repeat;
    background-size: contain;
    right: 164px; }
    .header a[href="/social"]:hover {
      background-image: url(/i/share_hover.svg); }
    @media screen and (max-width: 1820px) {
      .header a[href="/social"] {
        right: 54px; } }
    @media screen and (max-width: 1280px) {
      .header a[href="/social"] {
        right: 32px; } }
    @media screen and (max-width: 1235px) {
      .header a[href="/social"] {
        right: 16px; } }
    @media screen and (max-width: 1150px) {
      .header a[href="/social"] {
        display: none; } }
  .header .social, .header .search-social {
    position: absolute;
    right: 52px;
    top: 35px; }
    @media screen and (max-width: 1820px) {
      .header .social, .header .search-social {
        display: none; } }
    @media screen and (max-width: 1150px) {
      .header .social, .header .search-social {
        display: none; } }
    .header .social a, .header .search-social a {
      width: 36px;
      height: 36px;
      display: inline-block;
      margin-left: 16px; }
      .header .social a.social__android, .header .search-social a.social__android {
        background: url(/i/android.svg) 0 0 no-repeat; }
        .header .social a.social__android:hover, .header .search-social a.social__android:hover {
          background: url(/i/android_hover.svg) 0 0 no-repeat; }
      .header .social a.social__ios, .header .search-social a.social__ios {
        background: url(/i/apple.svg) 0 0 no-repeat; }
        .header .social a.social__ios:hover, .header .search-social a.social__ios:hover {
          background: url(/i/apple_hover.svg) 0 0 no-repeat; }
  .header .mobile-menu {
    display: none; }
    @media screen and (max-width: 1150px) {
      .header .mobile-menu {
        display: block;
        position: absolute;
        top: 32px;
        left: 32px;
        z-index: 3; } }
    @media (max-width: 600px) {
      .header .mobile-menu {
        top: 16px;
        left: 16px;
        width: 16px; } }
    .header .mobile-menu .mobile-menu__open {
      width: 20px;
      height: 18px;
      background: url(/i/menu_1.svg) 50% 50% no-repeat;
      background-size: contain;
      position: relative;
      z-index: 3;
      cursor: pointer; }
      @media screen and (max-width: 1150px) {
        .main .header .mobile-menu .mobile-menu__open {
          background-image: url(/i/menu_white.svg); } }
      .header .mobile-menu .mobile-menu__open.close {
        background-image: url(/i/close-white.svg);
        background-size: 14px auto;
        position: fixed; }
        @media screen and (max-width: 1150px) {
          .main .header .mobile-menu .mobile-menu__open.close {
            background-image: url(/i/close-white.svg); } }
    .header .mobile-menu .mobile-menu__list {
      display: block;
      position: fixed;
      background: #004264;
      left: -400px;
      padding: 80px 0 32px;
      width: 400px;
      top: 0;
      height: 100vh;
      max-width: 320px;
      box-sizing: border-box; }
      @media screen and (max-width: 600px) {
        .header .mobile-menu .mobile-menu__list {
          padding-top: 48px; } }
      .header .mobile-menu .mobile-menu__list a.logo {
        position: absolute;
        top: 34px;
        left: 50%;
        margin-left: -57px;
        width: 114px;
        height: 12px;
        display: block;
        background: transparent url(/i/logo.svg) 0 0 no-repeat;
        background-size: contain; }
        @media screen and (max-width: 600px) {
          .header .mobile-menu .mobile-menu__list a.logo {
            top: 20px; } }
      .header .mobile-menu .mobile-menu__list ul {
        overflow: auto;
        list-style: none;
        padding-top: 33px;
        max-height: 100%;
        position: relative; }
        @media (max-width: 600px) {
          .header .mobile-menu .mobile-menu__list ul {
            margin: 0;
            max-height: 100%; } }
        .header .mobile-menu .mobile-menu__list ul:before {
          content: '';
          display: block;
          position: absolute;
          left: 16px;
          right: 16px;
          top: 0;
          border-top: 1px solid #396982; }
        .header .mobile-menu .mobile-menu__list ul li {
          text-transform: uppercase;
          box-sizing: border-box; }
          .header .mobile-menu .mobile-menu__list ul li a {
            color: #fff;
            font: 500 14px/48px "Roboto";
            display: block;
            text-align: center; }
            .header .mobile-menu .mobile-menu__list ul li a[href="/social"] {
              background: transparent;
              width: auto;
              position: relative;
              top: auto;
              right: auto;
              height: auto; }
          .header .mobile-menu .mobile-menu__list ul li:hover, .header .mobile-menu .mobile-menu__list ul li.active {
            background: #1a5575; }
          .header .mobile-menu .mobile-menu__list ul li.apps {
            background: transparent;
            text-align: center;
            padding-top: 24px; }
            .header .mobile-menu .mobile-menu__list ul li.apps a {
              width: 36px;
              height: 36px;
              display: inline-block;
              margin-left: 16px; }
              .header .mobile-menu .mobile-menu__list ul li.apps a.social__android {
                background: url(/i/android.svg) 50% 50% no-repeat;
                margin-left: 0; }
                .header .mobile-menu .mobile-menu__list ul li.apps a.social__android:hover {
                  background: url(/i/android_white.svg) 50% 50% no-repeat; }
              .header .mobile-menu .mobile-menu__list ul li.apps a.social__ios {
                background: url(/i/apple.svg) 50% 50% no-repeat; }
                .header .mobile-menu .mobile-menu__list ul li.apps a.social__ios:hover {
                  background: url(/i/apple_white.svg) 50% 50% no-repeat; }
  .header .mobile-logo {
    display: none; }
    @media screen and (max-width: 1150px) {
      .header .mobile-logo {
        width: 262px;
        height: 48px;
        display: block;
        position: absolute;
        top: 17px;
        left: 50%;
        margin-left: -131px;
        background: #36a8e3 url(/i/logo.svg) 50% 50% no-repeat;
        background-size: 182px auto;
        border-radius: 3px; }
        .main .header .mobile-logo {
          background-color: transparent; } }
    @media (max-width: 600px) {
      .header .mobile-logo {
        top: 9px;
        width: 168px;
        height: 32px;
        background-size: 117px auto;
        margin-left: -84px; } }
    @media screen and (max-width: 410px) {
      .header .mobile-logo {
        width: 138px;
        top: 9px;
        margin-left: -69px;
        background-size: 106px auto; } }
  .main .header--visible .search-open {
    background-image: url(/i/search.svg); }
  .main .header--visible .phone a {
    background-image: url(/i/telephone_1.svg); }
  @media screen and (max-width: 1150px) {
    .main .header--visible .mobile-menu .mobile-menu__open {
      background-image: url(/i/menu_1.svg); } }
  .main .header--visible .mobile-logo {
    background-color: #36a8e3; }

.footer {
  background: #14395d;
  padding: 80px 0 107px; }
  .footer .wrapper {
    padding: 0 16px; }
  .footer .logo {
    display: block;
    margin: 0 auto;
    width: 179px;
    height: 18px;
    background: url(/i/logo.svg) 0 0 no-repeat;
    background-size: 179px auto; }
  .footer .about {
    display: block;
    margin: 0 auto;
    width: 263px;
    height: 46px;
    border: 1px solid #36a8e3;
    color: #36a8e3;
    text-transform: uppercase;
    font: normal 16px/24px "Roboto";
    box-sizing: border-box;
    padding: 11px 0;
    text-align: center;
    border-radius: 5px; }
    .footer .about:hover {
      color: #fff;
      border-color: #fff; }
    @media screen and (max-width: 785px) {
      .footer .about {
        font: normal 14px/19px "Roboto";
        width: 230px;
        height: 44px;
        padding: 11.5px 0; } }
  .footer .line-c {
    width: 41px;
    height: 4px;
    margin: 42px auto 48px;
    background: #36a8e3;
    border-radius: 3px; }
  .footer .footer-blocks {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit--moz-box-pack: center;
    box-pack: center; }
    @media screen and (max-width: 600px) {
      .footer .footer-blocks {
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap; } }
  .footer .block {
    display: inline-block;
    width: 25%;
    box-sizing: border-box;
    padding-top: 48px;
    text-align: center; }
    .footer .block.phone {
      background: url(/i/telephone_1.svg) center 0 no-repeat;
      background-size: auto 23px; }
      .footer .block.phone h3 {
        font: normal 22px/28px "Roboto";
        color: #fff; }
      .footer .block.phone p {
        font: normal 13px/19px "Roboto";
        color: #657f92;
        padding-top: 8px; }
    .footer .block.email {
      background: url(/i/mail.svg) center 4px no-repeat;
      background-size: auto 16px; }
      .footer .block.email a {
        font: normal 16px/24px "Roboto";
        color: #fff;
        margin-top: 3px; }
    .footer .block.link {
      background: url(/i/link.svg) center 0 no-repeat;
      background-size: auto 24px; }
      .footer .block.link a {
        font: normal 16px/24px "Roboto";
        color: #fff;
        margin-top: 3px; }
  .footer .foot-text {
    border-top: 1px solid #657f92;
    margin-top: 70px;
    padding: 78px 0;
    font: normal 13px/19px "Roboto";
    color: #657f92; }
    .footer .foot-text p {
      float: left;
      width: 50%;
      box-sizing: border-box;
      padding-right: 32px; }
      .footer .foot-text p.error-message {
        padding-top: 12px; }
    .footer .foot-text p + p {
      padding-left: 32px;
      padding-right: 0; }
    .footer .foot-text .counters {
      margin-top: 12px;
      text-align: right; }
  @media screen and (max-width: 1030px) {
    .footer .block {
      width: 50%;
      min-height: 103px; }
      .footer .block.link {
        margin-top: 56px; } }
  @media screen and (max-width: 785px) {
    .footer .block.phone h3 {
      font: normal 20px/24px "Roboto"; }
    .footer .block.link {
      margin-top: 60px; }
    .footer .foot-text {
      margin-top: 56px;
      padding-top: 48px;
      margin-left: 16px;
      margin-right: 16px; }
      .footer .foot-text p {
        padding-right: 16px; }
        .footer .foot-text p + p {
          padding-right: 0;
          padding-left: 16px; } }
  @media screen and (max-width: 818px) {
    .footer {
      padding-bottom: 80px; } }
  @media screen and (max-width: 600px) {
    .footer .block {
      width: 100%; }
      .footer .block + .block, .footer .block.link {
        margin-top: 24px; }
    .footer .foot-text {
      padding: 36px 0 48px; }
      .footer .foot-text p {
        width: 100%;
        padding-right: 0; }
      .footer .foot-text p + p {
        padding-left: 0;
        padding-top: 12px; } }
  @media screen and (max-width: 530px) {
    .footer {
      padding-top: 50px; }
      .footer .line-c {
        margin: 26px auto 38px; }
      .footer .block {
        padding-top: 40px;
        min-height: 93px; }
        .footer .block.phone h3 {
          font: normal 18px/20px "Roboto"; }
        .footer .block.phone p {
          font: normal 11px/16px "Roboto"; }
        .footer .block.email, .footer .block.link {
          min-height: 69px;
          padding-top: 36px; }
          .footer .block.email a, .footer .block.link a {
            font: normal 14px/19px "Roboto"; }
        .footer .block.link {
          min-height: 72px;
          padding-top: 39px; }
      .footer .foot-text {
        margin-left: 0;
        margin-right: 0;
        margin-top: 32px;
        font: normal 11px/16px "Roboto";
        padding-top: 21px;
        padding-bottom: 44px; }
        .footer .foot-text p + p {
          padding-top: 8px; } }

.promo {
  height: 495px;
  position: relative;
  width: 100%;
  white-space: nowrap;
  background: #000; }
  .promo-bullet {
    display: none;
    position: absolute;
    bottom: 26px;
    left: 0;
    width: 100%;
    text-align: center;
    height: 15px;
    z-index: 3; }
    .promo-bullet .swiper-pagination-bullet {
      display: inline-block;
      width: 15px;
      height: 15px;
      margin: 0 6px;
      border-radius: 50%;
      border: 2px solid #fff;
      opacity: 0.3;
      position: relative;
      background: transparent;
      box-sizing: border-box; }
      .promo-bullet .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 1; }
        .promo-bullet .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
          content: '';
          display: block;
          position: absolute;
          width: 5px;
          height: 5px;
          top: 3px;
          left: 3px;
          border-radius: 50%;
          background: #fff; }
  @media (max-width: 785px) {
    .promo {
      height: 441px; }
      .promo .promo-bullet {
        display: block; } }
  @media (max-width: 530px) {
    .promo {
      height: 330px; } }
  .promo .promo__item {
    display: block;
    position: relative;
    overflow: hidden;
    white-space: normal;
    float: left; }
    @media (max-width: 785px) {
      .promo .promo__item {
        width: 100%;
        height: 441px;
        overflow: hidden; } }
  @media (max-width: 785px) and (max-width: 530px) {
    .promo .promo__item {
      height: 298px; } }
    .promo .promo__item a {
      color: #fff;
      display: block;
      width: 100%;
      position: relative; }
      @media (max-width: 1030px) {
        .promo .promo__item a:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 39%);
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 39%);
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 39%);
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
          z-index: 2; } }
    .promo .promo__item img {
      display: block;
      height: 495px;
      width: auto; }
      @media (max-width: 785px) {
        .promo .promo__item img {
          height: 441px;
          width: auto; } }
      @media (max-width: 530px) {
        .promo .promo__item img {
          height: 298px; } }
    .promo .promo__item .info {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, 0.65) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
      padding: 24px 56px;
      box-sizing: border-box;
      z-index: 3; }
      @media (max-width: 785px) {
        .promo .promo__item .info {
          padding: 0; } }
      .promo .promo__item .info p {
        position: absolute; }
        .promo .promo__item .info p.title {
          font: 500 36px/40px "Roboto";
          left: 56px;
          right: 56px;
          bottom: 72px; }
          @media (max-width: 785px) {
            .promo .promo__item .info p.title {
              left: 32px;
              right: 32px;
              bottom: 108px; } }
          @media (max-width: 530px) {
            .promo .promo__item .info p.title {
              bottom: 118px; } }
        .promo .promo__item .info p.time {
          bottom: 24px;
          left: 56px;
          right: 56px;
          font: normal 16px/24px "Roboto";
          line-height: 20px;
          height: 40px;
          font-weight: 300;
          overflow: hidden; }
          @media (max-width: 785px) {
            .promo .promo__item .info p.time {
              left: 32px;
              right: 32px;
              bottom: 60px; } }
          @media (max-width: 530px) {
            .promo .promo__item .info p.time {
              bottom: 70px; } }

.tags {
  text-align: center;
  padding: 54px 0;
  border-bottom: 1px solid #ebf0f3; }
  @media (max-width: 785px) {
    .tags {
      text-align: left;
      padding: 48px 16px; } }
  .tags .tags-title {
    display: none; }
    @media (max-width: 785px) {
      .tags .tags-title {
        display: block;
        font: bold 22px/28px "Roboto";
        color: #333;
        border: none;
        height: auto;
        padding-bottom: 32px; } }
  .tags a {
    display: inline-block;
    text-align: center;
    padding: 5px 22px;
    border: 1px solid #36a8e3;
    color: #999;
    border-radius: 16px;
    margin: 0 3px; }
    @media (max-width: 785px) {
      .tags a {
        margin: 0 6px 12px 0; } }
    .tags a:hover {
      color: #fff;
      border-color: #01aef9;
      background: #01aef9; }

.actual {
  padding: 0 0 48px; }
  .actual .actual-btns {
    text-align: center;
    margin: 0 auto; }
    .actual .actual-btns .actual-btn {
      display: inline-block;
      width: 189px;
      height: 48px;
      padding: 12px 0;
      box-sizing: border-box;
      background: #ebf0f3;
      font: bold 16px/24px "Roboto";
      color: #333;
      cursor: pointer; }
      .actual .actual-btns .actual-btn#anons {
        border-bottom-left-radius: 3px;
        border-top-left-radius: 3px; }
      .actual .actual-btns .actual-btn#recommend {
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px; }
      .actual .actual-btns .actual-btn:hover, .actual .actual-btns .actual-btn.active {
        background: #01aef9;
        color: #fff; }
  .actual .anons, .actual .recommend {
    position: relative; }
    .actual .anons .header, .actual .recommend .header {
      display: none; }
    .actual .anons .wrap, .actual .recommend .wrap {
      padding: 30px 0;
      box-sizing: border-box;
      white-space: nowrap; }
      .actual .anons .wrap .item, .actual .recommend .wrap .item {
        margin: 16px;
        border-radius: 3px;
        box-shadow: 0 0 25px 0 #cecece;
        position: relative;
        padding-bottom: 36px;
        display: inline-block;
        width: calc(25% - 32px);
        transitionDuration: 0.1;
        background: #fff;
        white-space: normal;
        vertical-align: top; }
        @media (max-width: 1396px) {
          .actual .anons .wrap .item, .actual .recommend .wrap .item {
            width: calc(33.3333% - 32px); } }
        @media (max-width: 1063px) {
          .actual .anons .wrap .item, .actual .recommend .wrap .item {
            width: 300px; } }
        .actual .anons .wrap .item.size_240, .actual .recommend .wrap .item.size_240 {
          padding: 37px 30px;
          box-sizing: border-box;
          text-align: center;
          height: 474px; }
        .actual .anons .wrap .item .photo-wrap, .actual .recommend .wrap .item .photo-wrap {
          position: relative; }
          .actual .anons .wrap .item .photo-wrap .photo-wrap__link, .actual .recommend .wrap .item .photo-wrap .photo-wrap__link {
            margin: 0;
            display: block;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px; }
          .actual .anons .wrap .item .photo-wrap img, .actual .recommend .wrap .item .photo-wrap img {
            display: block;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            width: 100%; }
          .actual .anons .wrap .item .photo-wrap .count, .actual .recommend .wrap .item .photo-wrap .count {
            position: absolute;
            bottom: 40px;
            right: 28px;
            color: #fff;
            width: 35px;
            height: 30px;
            text-align: right;
            font: normal 11px/16px "Roboto";
            background: url(/i/photo.svg) left bottom no-repeat;
            background-size: 24px 19px; }
        .actual .anons .wrap .item a, .actual .recommend .wrap .item a {
          color: #333;
          margin: 8px 40px;
          display: block; }
          .actual .anons .wrap .item a:hover, .actual .recommend .wrap .item a:hover {
            color: #01aef9; }
          .actual .anons .wrap .item a.brand-name, .actual .recommend .wrap .item a.brand-name {
            margin-top: 26px;
            font: normal 14px/19px "Roboto"; }
          .actual .anons .wrap .item a.title, .actual .recommend .wrap .item a.title {
            font: bold 22px/28px "Roboto";
            line-height: 24px; }
          .actual .anons .wrap .item a.more-info, .actual .recommend .wrap .item a.more-info {
            margin-top: 38px;
            font: normal 13px/19px "Roboto";
            color: #999; }
            .actual .anons .wrap .item a.more-info:hover, .actual .recommend .wrap .item a.more-info:hover {
              color: #01aef9; }
        .actual .anons .wrap .item .audio-count, .actual .recommend .wrap .item .audio-count {
          width: 48px;
          height: 48px;
          box-sizing: border-box;
          text-align: right;
          color: #fff;
          font: normal 11px/16px "Roboto";
          background: #36a8e3 url(/i/play_1.svg) 50% 50% no-repeat;
          background-size: 13px 16px;
          padding: 4px 6px;
          border-radius: 5px;
          position: absolute;
          bottom: 49px;
          right: 40px;
          cursor: pointer; }
          .actual .anons .wrap .item .audio-count.playing, .actual .recommend .wrap .item .audio-count.playing {
            background-image: url(/i/pause.svg); }
          .actual .anons .wrap .item .audio-count:hover, .actual .recommend .wrap .item .audio-count:hover {
            background-color: #01aef9; }
        .actual .anons .wrap .item .blue-line, .actual .recommend .wrap .item .blue-line {
          margin: 50px 41px 0;
          width: 41px;
          height: 4px;
          background: #36a8e3;
          border-radius: 3px; }
  .actual .recommend {
    display: none; }

.guest {
  border-top: 1px solid #cecece;
  background: #ebf0f3;
  padding: 64px 0 0;
  text-align: center; }
  @media (max-width: 530px) {
    .guest {
      padding: 42px 0; } }
  .guest .title {
    font: 300 36px/40px "Roboto";
    color: #999; }
    @media (max-width: 530px) {
      .guest .title {
        font: 300 22px/28px "Roboto"; } }
  .guest .slider {
    margin: 30px 0 0;
    height: auto;
    width: 100%;
    position: relative;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-bottom: 64px; }
    @media screen and (max-width: 1376px) {
      .guest .slider {
        margin: 30px -16px 0; } }
    @media (max-width: 530px) {
      .guest .slider {
        margin: 0;
        padding: 0; } }
    .guest .slider .item {
      width: 100%;
      padding: 42px 72px;
      box-sizing: border-box;
      display: inline-block;
      text-align: center;
      white-space: normal; }
      @media (max-width: 1396px) {
        .guest .slider .item {
          padding: 26px 0; } }
      @media (max-width: 530px) {
        .guest .slider .item {
          padding-bottom: 0; } }
      .guest .slider .item img {
        border-radius: 50%;
        max-width: 194px; }
        @media (max-width: 785px) {
          .guest .slider .item img {
            max-width: 151px; } }
        @media (max-width: 530px) {
          .guest .slider .item img {
            max-width: 78px; } }
      .guest .slider .item a {
        display: block;
        margin: 0 auto;
        color: #333; }
        .guest .slider .item a:hover {
          color: #01aef9; }
      .guest .slider .item span {
        font: normal 22px/28px "Roboto";
        line-height: 25px;
        display: block; }
        @media (max-width: 530px) {
          .guest .slider .item span {
            font: normal 18px/20px "Roboto"; } }
        .guest .slider .item span.name {
          margin-top: 35px; }
          @media (max-width: 530px) {
            .guest .slider .item span.name {
              margin-top: 11px; } }
        .guest .slider .item span.surname {
          font-weight: bold; }
      .guest .slider .item p {
        font: normal 22px/28px "Roboto"; }
        .guest .slider .item p.position {
          font: normal 16px/24px "Roboto";
          color: #999;
          margin-top: 24px; }
          .guest .slider .item p.position:empty {
            margin: 0; }
    .guest .slider .guest-scrollbar {
      bottom: 0;
      border-radius: 0;
      background: #ebf0f3;
      height: 4px;
      left: 0;
      width: 100%; }
      @media (max-width: 530px) {
        .guest .slider .guest-scrollbar {
          display: none; } }
      .guest .slider .guest-scrollbar .swiper-scrollbar-drag {
        background: #36a8e3;
        border-radius: 0; }

.pr_news {
  text-align: center;
  padding: 80px 0;
  max-width: 894px;
  margin: 0 auto;
  position: relative; }
  .pr_news .wrapper {
    padding: 0; }
  .pr_news:after {
    content: '';
    display: block;
    clear: both; }
  .pr_news .item {
    display: block;
    border-radius: 5px;
    position: relative;
    margin: 16px;
    width: calc(50% - 32px);
    float: left; }
    .pr_news .item:hover:before {
      content: '';
      position: absolute;
      display: block;
      border-radius: 5px;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      background: rgba(0, 0, 0, 0.3); }
    .pr_news .item img {
      display: block;
      border-radius: 5px;
      max-width: 100%; }
    .pr_news .item .info {
      position: absolute;
      border-radius: 5px;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(51, 51, 51, 0.7);
      text-align: center;
      padding: 52px 0 99px;
      z-index: 2;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-align-items: center;
      align-items: center; }
      .pr_news .item .info .more {
        position: absolute;
        bottom: 28px;
        font: normal 13px/19px "Roboto";
        color: #fff;
        left: 50%;
        margin-left: -34px; }
      .pr_news .item .info .title {
        font: bold 22px/28px "Roboto";
        color: #fff;
        padding: 0 16px;
        margin: 0 auto; }
  @media (max-width: 785px) {
    .pr_news {
      padding: 48px 16px; }
      .pr_news .item img {
        width: 100%;
        max-width: 100%; }
      .pr_news .item .info {
        padding: 37px 12px 74px; }
        .pr_news .item .info .title {
          padding: 0 8px;
          font: bold 20px/24px "Roboto";
          max-height: 73px;
          overflow: hidden; } }
  @media (max-width: 660px) {
    .pr_news {
      padding: 48px 0 32px; }
      .pr_news .item {
        width: calc(100% - 32px);
        clear: both;
        float: none;
        margin-top: 0; } }
  @media (max-width: 530px) {
    .pr_news .item .info .title {
      font: normal 18px/20px "Roboto";
      font-weight: 500;
      padding: 0 32px; }
    .pr_news .item .info .more {
      width: 68px;
      text-align: center;
      font: normal 11px/16px "Roboto";
      opacity: 0.5; } }
  @media (max-width: 380px) {
    .pr_news .item {
      height: 194px;
      overflow: hidden; }
      .pr_news .item img {
        height: 194px;
        max-width: none;
        width: auto; } }

.hide-scroll {
  display: none; }

.mobile-scroll__anons, .mobile-scroll__recommend {
  width: 100%;
  position: relative;
  padding-top: 16px;
  padding-bottom: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

@media (max-width: 1063px) {
  .mobile-scroll__anons, .mobile-scroll__recommend {
    width: calc(100% + 16px); }
  .actual-btns {
    display: none; }
  .actual .recommend, .actual .anons {
    display: block; }
  .actual .anons .header, .actual .recommend .header {
    display: block;
    font: bold 22px/28px "Roboto";
    color: #333;
    border: none;
    height: auto;
    margin-left: 16px;
    position: relative;
    width: auto; }
  .actual .mobile-scroll__anons .wrap, .actual .mobile-scroll__recommend .wrap {
    padding: 12px 0 0; }
    .actual .mobile-scroll__anons .wrap:after, .actual .mobile-scroll__recommend .wrap:after {
      content: '';
      display: block;
      clear: both; }
  .hide-scroll {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px;
    background: #fff;
    display: block;
    z-index: 2; } }

@media (max-width: 785px) {
  .actual {
    padding-bottom: 24px;
    padding-top: 24px; }
    .actual .anons .wrap .item, .actual .recommend .wrap .item {
      padding-bottom: 20px; }
      .actual .anons .wrap .item a, .actual .recommend .wrap .item a {
        margin-left: 28px;
        margin-right: 28px; }
        .actual .anons .wrap .item a.title, .actual .recommend .wrap .item a.title {
          font: bold 20px/24px "Roboto"; }
      .actual .anons .wrap .item .audio-count, .actual .recommend .wrap .item .audio-count {
        bottom: 33px;
        right: 32px; } }

@media (max-width: 600px) {
  .promo .promo__item {
    padding-bottom: 44px;
    background: #000; }
    .promo .promo__item .info {
      background: -moz-linear-gradient(top, transparent 49%, black 89%);
      background: -webkit-linear-gradient(top, transparent 49%, black 89%);
      background: linear-gradient(to bottom, transparent 49%, black 89%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
      padding-left: 16px;
      padding-right: 16px; }
      .promo .promo__item .info p.title {
        font: 500 24px/32px "Roboto";
        left: 16px;
        right: 16px; }
      .promo .promo__item .info p.time {
        font: normal 14px/19px "Roboto";
        font-weight: 300;
        left: 16px;
        right: 16px; }
  .actual {
    padding: 0; }
  .mobile-scroll__anons {
    padding-top: 0;
    padding-bottom: 12px;
    width: 100%; }
  .actual .anons .wrap .item, .actual .recommend .wrap .item {
    margin: 16px 8px; }
    .actual .anons .wrap .item:first-child, .actual .recommend .wrap .item:first-child {
      margin-left: 16px; }
    .actual .anons .wrap .item a.title, .actual .recommend .wrap .item a.title {
      font: bold 20px/24px "Roboto"; } }

@media screen and (max-width: 530px) {
  .promo .promo-bullet {
    bottom: 18px; }
  .promo .promo__item .info p.time {
    bottom: 0; }
  .promo .promo__item .info p.title {
    bottom: 48px;
    line-height: 24px; }
  .actual .anons .wrap .item a.title, .actual .recommend .wrap .item a.title {
    font: bold 18px/24px "Roboto"; }
  .actual .anons .wrap .item a.more-info, .actual .recommend .wrap .item a.more-info {
    font: normal 11px/16px "Roboto"; } }

.tvp {
  max-width: 1120px;
  margin: 0 auto;
  padding: 54px 0; }
  @media (max-width: 785px) {
    .tvp {
      padding: 32px 0 8px; } }
  @media (max-width: 600px) {
    .tvp {
      padding-top: 28px; } }
  .tvp .date {
    padding: 48px 0 0;
    max-width: 898px;
    margin: 0 auto; }
    @media (max-width: 785px) {
      .tvp .date {
        padding-top: 24px; } }
    @media (max-width: 600px) {
      .tvp .date {
        padding-top: 22px; } }
    .tvp .date .day {
      text-align: center;
      font: bold 24px/32px "Roboto";
      position: relative;
      margin: 0 16px; }
      @media (max-width: 600px) {
        .tvp .date .day {
          font: bold 20px/24px "Roboto"; } }
      .tvp .date .day .yesterday, .tvp .date .day .tomorrow {
        position: absolute;
        width: 15px;
        height: 32px;
        top: 0;
        cursor: pointer; }
        @media (max-width: 600px) {
          .tvp .date .day .yesterday, .tvp .date .day .tomorrow {
            top: -5px; } }
      .tvp .date .day .yesterday {
        left: 13px;
        background: transparent url(/i/previus_small.svg) 50% 50% no-repeat;
        background-size: 9px auto; }
        @media (max-width: 785px) {
          .tvp .date .day .yesterday {
            width: 32px;
            left: 5px; } }
        @media (max-width: 600px) {
          .tvp .date .day .yesterday {
            left: 3px; } }
      .tvp .date .day .tomorrow {
        right: 13px;
        background: transparent url(/i/next_small.svg) 50% 50% no-repeat;
        background-size: 9px auto; }
        @media (max-width: 785px) {
          .tvp .date .day .tomorrow {
            width: 32px;
            right: 5px; } }
    .tvp .date .week {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 8px 16px 0; }
      @media (max-width: 785px) {
        .tvp .date .week {
          margin: 0 16px; } }
      @media (max-width: 620px) {
        .tvp .date .week {
          position: relative; } }
      @media (max-width: 600px) {
        .tvp .date .week {
          padding: 8px 2px 0;
          margin: 0; } }
      .tvp .date .week .item {
        padding: 32px 24px 24px; }
        @media (max-width: 785px) {
          .tvp .date .week .item {
            padding: 24px 12px; } }
        @media (max-width: 620px) {
          .tvp .date .week .item:nth-child(1), .tvp .date .week .item:nth-child(2), .tvp .date .week .item:nth-child(6), .tvp .date .week .item:nth-child(7) {
            display: none; } }
        @media (max-width: 600px) {
          .tvp .date .week .item {
            padding: 4px 12px 8px; } }
        .tvp .date .week .item p {
          font: bold 16px/24px "Roboto";
          color: #999;
          text-transform: uppercase;
          text-align: center; }
          .tvp .date .week .item p + p {
            font: normal 14px/19px "Roboto";
            text-transform: none;
            line-height: 14px; }
        .tvp .date .week .item:hover p {
          color: #01aef9; }
        .tvp .date .week .item.active {
          position: relative; }
          @media (max-width: 620px) {
            .tvp .date .week .item.active {
              position: absolute;
              top: 8px;
              left: 50%;
              margin-left: -48px; } }
          @media (max-width: 600px) {
            .tvp .date .week .item.active {
              margin-left: -44px; } }
          .tvp .date .week .item.active:after {
            content: '';
            display: block;
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 100%;
            height: 3px;
            background: #36a8e3;
            border-radius: 3px; }
          .tvp .date .week .item.active p {
            color: #36a8e3; }
            @media (max-width: 600px) {
              .tvp .date .week .item.active p {
                font: bold 14px/19px "Roboto"; }
                .tvp .date .week .item.active p + p {
                  font: normal 13px/19px "Roboto"; } }
  .tvp .list-tvp {
    max-width: 898px;
    margin: 0 auto;
    padding: 0 16px 64px;
    box-sizing: border-box; }
    @media (max-width: 785px) {
      .tvp .list-tvp {
        padding: 0 32px; } }
    @media (max-width: 600px) {
      .tvp .list-tvp {
        padding: 0 16px; } }
    .tvp .list-tvp .no-tvp {
      padding: 64px 16px 0;
      text-align: center;
      font: bold 16px/24px "Roboto";
      color: #999;
      text-transform: uppercase;
      border-top: 1px solid #ebf0f3; }
      @media (max-width: 785px) {
        .tvp .list-tvp .no-tvp {
          padding: 48px 16px;
          font: bold 14px/19px "Roboto"; } }
    .tvp .list-tvp .item {
      padding: 40px 0;
      border-top: 1px solid #ebf0f3; }
      @media (max-width: 785px) {
        .tvp .list-tvp .item {
          padding: 28px 0; } }
      @media (max-width: 600px) {
        .tvp .list-tvp .item {
          padding: 32px 0; } }
      .tvp .list-tvp .item:after {
        clear: both;
        content: '';
        display: block; }
      .tvp .list-tvp .item:hover {
        color: #01aef9; }
      .tvp .list-tvp .item .time {
        width: 112px;
        float: left;
        font: bold 18px/24px "Roboto";
        color: #999; }
        @media (max-width: 785px) {
          .tvp .list-tvp .item .time {
            width: 96px; } }
        @media (max-width: 620px) {
          .tvp .list-tvp .item .time {
            width: 100%;
            font: bold 16px/20px "Roboto"; } }
      .tvp .list-tvp .item .info {
        width: calc(100% - 224px);
        padding-right: 112px;
        box-sizing: border-box;
        float: left; }
        @media (max-width: 785px) {
          .tvp .list-tvp .item .info {
            width: calc(100% - 192px); } }
        @media (max-width: 620px) {
          .tvp .list-tvp .item .info {
            width: calc(100% - 56px);
            padding: 24px 0; } }
        @media (max-width: 600px) {
          .tvp .list-tvp .item .info {
            padding: 8px 0 0; } }
        .tvp .list-tvp .item .info .title {
          color: #333;
          font: bold 22px/28px "Roboto"; }
          @media (max-width: 785px) {
            .tvp .list-tvp .item .info .title {
              font: bold 20px/24px "Roboto"; } }
          @media (max-width: 600px) {
            .tvp .list-tvp .item .info .title {
              font-size: 18px;
              line-height: 20px; } }
          .tvp .list-tvp .item .info .title:hover {
            color: #01aef9; }
        .tvp .list-tvp .item .info .anons {
          color: #999;
          font: normal 13px/19px "Roboto";
          margin-top: 6px; }
          @media (max-width: 785px) {
            .tvp .list-tvp .item .info .anons {
              margin-top: 12px; } }
          @media (max-width: 620px) {
            .tvp .list-tvp .item .info .anons {
              display: none; } }
          .tvp .list-tvp .item .info .anons:hover {
            color: #01aef9; }
          .tvp .list-tvp .item .info .anons:empty {
            height: 4px;
            width: 41px;
            background: #36a8e3;
            margin-top: 14px;
            border-radius: 3px;
            margin-bottom: 2px; }
      .tvp .list-tvp .item .btns {
        width: 112px;
        float: left;
        padding-top: 4px; }
        @media (max-width: 785px) {
          .tvp .list-tvp .item .btns {
            width: 96px; } }
        @media (max-width: 620px) {
          .tvp .list-tvp .item .btns {
            width: 56px; } }

.programs {
  max-width: 1120px;
  margin: 0 auto;
  padding: 48px 0; }
  .programs .list-programs .item {
    border-bottom: 1px solid #ebf0f3; }
    .programs .list-programs .item .info {
      padding: 48px 0; }
      .programs .list-programs .item .info:after {
        clear: both;
        content: '';
        display: block; }
      .programs .list-programs .item .info .show {
        width: 10%;
        padding-left: 16px;
        float: left;
        height: 56px; }
        .programs .list-programs .item .info .show .open {
          background: url(/i/show.svg) 50% 50% no-repeat;
          background-size: 12px auto;
          width: 12px;
          height: 12px;
          margin-top: 22px;
          cursor: pointer; }
          .programs .list-programs .item .info .show .open.hide {
            background: url(/i/collapse.svg) 50% 50% no-repeat;
            background-size: 12px auto; }
      .programs .list-programs .item .info .title {
        color: #333;
        font: bold 24px/32px "Roboto";
        width: calc(90% - 16px); }
      .programs .list-programs .item .info .count {
        font: bold 18px/24px "Roboto";
        color: #999;
        margin-left: calc(10% + 16px);
        width: calc(90% - 16px); }
    .programs .list-programs .item .cloud {
      margin: 0 auto;
      width: 80%;
      padding: 0 16px;
      box-sizing: border-box;
      display: none; }
      .programs .list-programs .item .cloud .item {
        padding: 48px 0;
        border-top: 1px solid #ebf0f3;
        border-bottom: none;
        position: relative; }
        .programs .list-programs .item .cloud .item:after {
          clear: both;
          content: '';
          display: block; }
        .programs .list-programs .item .cloud .item .time {
          padding-right: 32px;
          width: 224px;
          box-sizing: border-box;
          float: left; }
          .programs .list-programs .item .cloud .item .time p {
            font: 500 36px/40px "Roboto";
            color: #999; }
            .programs .list-programs .item .cloud .item .time p.date {
              font: normal 13px/19px "Roboto";
              padding: 0;
              white-space: nowrap; }
        .programs .list-programs .item .cloud .item .info {
          border: none;
          margin: 0;
          padding: 0 256px 0 0;
          box-sizing: border-box;
          width: calc(100% - 336px);
          position: relative;
          float: left; }
          .programs .list-programs .item .cloud .item .info .title {
            font: bold 22px/28px "Roboto";
            color: #333; }
          .programs .list-programs .item .cloud .item .info .anons {
            color: #999;
            font: normal 13px/19px "Roboto";
            margin-top: 10px; }
        .programs .list-programs .item .cloud .item .schedule {
          font: normal 13px/19px "Roboto";
          color: #999;
          padding: 38px 0 0;
          width: 224px;
          box-sizing: border-box;
          position: absolute;
          top: 0;
          right: 0; }
          .programs .list-programs .item .cloud .item .schedule b {
            color: #333; }
        .programs .list-programs .item .cloud .item .podcast {
          color: #36a8e3;
          background: url(/i/podcast.svg) 50% 0 no-repeat;
          background-size: 33px 27px;
          padding: 38px 0 0;
          font: normal 13px/19px "Roboto";
          width: 80px;
          box-sizing: border-box;
          text-align: center;
          float: left; }
  @media (max-width: 1000px) {
    .programs {
      padding: 114px 0; }
      .programs .list-programs .item .cloud .item .info {
        padding-right: 140px; }
      .programs .list-programs .item .cloud .item .schedule {
        width: 124px; } }
  @media (max-width: 920px) {
    .programs .list-programs .item .cloud .item .time {
      width: 144px; }
    .programs .list-programs .item .cloud .item .info {
      padding-right: 16px;
      width: calc(100% - 224px); }
    .programs .list-programs .item .cloud .item .schedule {
      width: 100%;
      position: relative;
      top: auto;
      right: auto; } }
  @media (max-width: 785px) {
    .programs .list-programs .item .info .show {
      float: right; }
    .programs .list-programs .item .info .title, .programs .list-programs .item .info .count {
      margin-left: 16px;
      width: calc(90% - 32px); }
    .programs .list-programs .item .cloud {
      width: 100%; }
      .programs .list-programs .item .cloud .item .info .title {
        margin: 0 80px 0 0;
        width: auto; } }
  @media (max-width: 530px) {
    .programs .list-programs .item .cloud .item .time p {
      font: 500 24px/32px "Roboto"; }
      .programs .list-programs .item .cloud .item .time p.date {
        font: normal 11px/16px "Roboto"; }
    .programs .list-programs .item .cloud .item .info .title {
      font: bold 20px/24px "Roboto"; }
    .programs .list-programs .item .cloud .item .info .anons {
      font: normal 11px/16px "Roboto"; }
    .programs .list-programs .item .cloud .item .info .schedule {
      font: normal 11px/16px "Roboto";
      padding-top: 12px; } }
  @media (max-width: 490px) {
    .programs .list-programs .item .cloud .item {
      padding: 24px 0; }
      .programs .list-programs .item .cloud .item .time {
        width: 100%; }
      .programs .list-programs .item .cloud .item .info {
        width: 100%;
        padding-top: 12px; }
        .programs .list-programs .item .cloud .item .info .anons {
          display: none; }
      .programs .list-programs .item .cloud .item .podcast {
        position: absolute;
        top: 24px;
        right: 0; } }

.brand {
  max-width: 1376px;
  margin: 0 auto;
  padding: 54px 16px;
  box-sizing: border-box; }
  .brand .brand-promo {
    padding: 0 16px; }
    .brand .brand-promo .brand-promo__header__back {
      bottom: 32px;
      left: 40px;
      background: rgba(51, 51, 51, 0.4);
      border-radius: 5px;
      width: 0;
      height: 0;
      padding: 36px 40px 32px;
      z-index: 3 !important; }
    .brand .brand-promo h2 {
      font: 300 36px/40px "Roboto";
      color: #333;
      text-align: center; }
      .brand .brand-promo h2 a {
        color: #333; }
        .brand .brand-promo h2 a:hover {
          color: #01aef9; }
    .brand .brand-promo .brand-promo__hash {
      text-align: center;
      padding: 8px 0 0; }
      .brand .brand-promo .brand-promo__hash a {
        font: normal 16px/24px "Roboto";
        color: #36a8e3;
        text-decoration: none; }
        .brand .brand-promo .brand-promo__hash a:hover {
          color: #01aef9; }
    .brand .brand-promo .brand-promo__header {
      margin-top: 32px;
      position: relative; }
      .brand .brand-promo .brand-promo__header:before {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        content: '';
        background: #aaa;
        display: block;
        border-radius: 5px;
        z-index: 1; }
      .brand .brand-promo .brand-promo__header img {
        width: 100%;
        display: block;
        border-radius: 5px;
        position: relative;
        z-index: 2;
        opacity: 0.85; }
      .brand .brand-promo .brand-promo__header > div {
        position: absolute;
        z-index: 4; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__social {
          top: 38px;
          right: 45px;
          max-width: 312px; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a {
            width: 38px;
            height: 38px;
            border-radius: 50%;
            margin: 0 7px;
            background-size: 38px auto;
            float: left;
            display: block; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a.vk {
              background: url(/i/vk_white.svg) 50% 50% no-repeat; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a.fb {
              background: url(/i/facebook_white.svg) 50% 50% no-repeat; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a.ok {
              background: url(/i/odnoklassniki_white.svg) 50% 50% no-repeat; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a.yt {
              background: url(/i/youtube_white.svg) 50% 50% no-repeat; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a.tw {
              background: url(/i/twitter_white.svg) 50% 50% no-repeat; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a.in {
              background: url(/i/instagramm_white.svg) 50% 50% no-repeat; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons {
          bottom: 72px;
          left: 80px;
          width: calc(50% - 32px);
          box-sizing: border-box;
          max-height: calc(100% - 152px);
          height: auto; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .swiper-wrapper {
            width: auto;
            margin-right: 36px; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .swiper-scrollbar {
            right: 0;
            width: 4px;
            background: rgba(255, 255, 255, 0.3); }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .swiper-scrollbar .swiper-scrollbar-drag {
              border-radius: 5px;
              background: #01aef9; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__title {
            color: #fff;
            font: bold 22px/28px "Roboto";
            margin-bottom: 8px; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item:first-child {
            border-top: none; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item:first-child .brand-promo__header__anons__anons {
              display: block; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item {
            border-top: 1px solid rgba(255, 255, 255, 0.3);
            padding: 14px 0 8px; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__title {
              font: 600 22px/24px "Roboto";
              color: #fff; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__show-anons {
              padding-right: 34px;
              cursor: pointer;
              position: relative; }
              .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__show-anons:after {
                content: '';
                position: absolute;
                right: 18px;
                display: block;
                width: 16px;
                top: 0;
                bottom: 0;
                background: transparent url(/i/select_expand_white.svg) 50% 50% no-repeat;
                background-size: contain; }
              .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__show-anons.open:after {
                background: transparent url(/i/select_collapse_white.svg) 50% 50% no-repeat;
                background-size: contain; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__date, .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__time {
              color: #fff;
              font: bold 18px/24px "Roboto"; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__time {
              opacity: 0.5;
              padding-left: 3px; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__anons {
              font: normal 16px/24px "Roboto";
              color: #fff;
              padding-top: 8px;
              display: none;
              overflow: hidden; }
              .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__anons a {
                color: #fff; }
                .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__anons a:hover {
                  text-decoration: underline; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .ps__rail-y {
            margin: 40px 0;
            width: 4px;
            right: 36px;
            background: #616164;
            opacity: 1; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .ps__rail-y .ps__thumb-y {
              background: #36a8e3;
              border-radius: 3px;
              right: 0;
              width: 4px; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons__podcast {
          bottom: 32px;
          right: 38px;
          color: #fff;
          padding-top: 40px;
          background: url(/i/podcast_white.svg) 50% 0 no-repeat;
          text-align: center;
          width: 67px;
          background-size: 32px auto; }
      .brand .brand-promo .brand-promo__header:hover:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(51, 51, 51, 0.2);
        border-radius: 5px;
        z-index: 3; }
  .brand .brand__menu_tab {
    height: 103px;
    width: calc(100% - 32px);
    margin: 0 16px;
    padding-bottom: 2px; }
    .brand .brand__menu_tab .swiper-wrapper {
      height: 101px;
      border-bottom: 1px solid #cecece; }
    .brand .brand__menu_tab .item {
      padding: 38px 0;
      box-sizing: border-box;
      margin: 0 28px 0;
      text-transform: uppercase;
      font: bold 16px/24px "Roboto";
      width: auto;
      display: inline-block;
      height: 101px; }
      .brand .brand__menu_tab .item a {
        color: #999; }
        .brand .brand__menu_tab .item a:hover {
          color: #01aef9; }
      .brand .brand__menu_tab .item.active {
        color: #36a8e3;
        position: relative; }
        .brand .brand__menu_tab .item.active:after {
          content: '';
          display: block;
          position: absolute;
          bottom: -2px;
          height: 3px;
          background: #36a8e3;
          border-radius: 3px;
          width: 100%; }
        .brand .brand__menu_tab .item.active a {
          color: #36a8e3; }
      .brand .brand__menu_tab .item:first-child {
        margin-left: 0; }
  .brand .brand__content {
    padding-top: 78px;
    margin: 0; }
    .brand .brand__content img {
      max-width: 100%; }
    .brand .brand__content:after {
      content: '';
      clear: both;
      display: block;
      height: 1px;
      width: 100%; }
    .brand .brand__content .brand__content_title {
      width: 25%;
      box-sizing: border-box;
      margin-left: 16px;
      float: left; }
      .brand .brand__content .brand__content_title p {
        width: auto;
        margin: 11px 16px 11px 33.3%;
        color: #333;
        font: bold 22px/28px "Roboto";
        line-height: 26px; }
    .brand .brand__content .brand__content_text {
      width: 50%;
      float: left; }
      .brand .brand__content .brand__content_text a {
        color: #01aef9; }
        .brand .brand__content .brand__content_text a:hover {
          text-decoration: underline; }
      .brand .brand__content .brand__content_text p {
        padding: 8px 0; }
      .brand .brand__content .brand__content_text .brand__content_text__title {
        font: 500 36px/40px "Roboto";
        padding-right: 32px;
        box-sizing: border-box;
        padding: 0; }
      .brand .brand__content .brand__content_text .brand__content_text__anons {
        font: normal 16px/24px "Roboto";
        margin: 24px 0 14px;
        padding-right: 32px;
        box-sizing: border-box; }
      .brand .brand__content .brand__content_text .brand__content_text__persons {
        margin: 40px 0 56px; }
        .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_title {
          padding: 32px 0;
          border-bottom: 1px solid #ebf0f3;
          color: #999;
          font: bold 18px/24px "Roboto"; }
        .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item {
          padding: 32px 0;
          border-bottom: 1px solid #ebf0f3; }
          .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item:after {
            content: '';
            display: block;
            clear: both; }
          .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_photo {
            width: 112px;
            float: left; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_photo img {
              border-radius: 50%;
              width: 80px;
              margin-right: 32px;
              float: left;
              height: auto; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_photo .no-photo {
              width: 80px;
              height: 80px;
              box-sizing: border-box;
              border: 1px solid #ebf0f3;
              background: transparent url(/i/no-photo.svg) 50% 50% no-repeat;
              background-size: 24px auto;
              border-radius: 50%;
              float: left;
              margin-right: 32px; }
          .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name {
            padding-right: 32px;
            box-sizing: border-box;
            width: calc((100% - 112px)*3/5);
            float: left; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name a {
              display: block;
              color: #333;
              text-decoration: none; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name a:hover {
                color: #01aef9; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name a p {
                font: bold 22px/28px "Roboto";
                padding: 3px 0 0; }
                .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name a p + p {
                  color: #999;
                  font: normal 13px/19px "Roboto";
                  margin-top: 12px; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name a div {
                margin-left: 0; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name div {
              color: #999;
              font: normal 13px/19px "Roboto";
              margin-top: 12px; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name div p {
                font: normal 13px/19px "Roboto"; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name div a {
                display: inline;
                color: #999; }
          .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands {
            width: calc((100% - 112px)*2/5);
            padding-right: 32px;
            box-sizing: border-box;
            float: left; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands p {
              font: normal 13px/19px "Roboto";
              color: #333; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands p span {
                color: #999; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands p a {
                color: #333; }
                .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands p a:hover {
                  color: #01aef9; }
  .brand .brand__list {
    position: relative;
    padding: 0 0 42px; }
    .brand .brand__list .no-episodes {
      width: 100%;
      text-align: center;
      padding-top: 24px;
      color: #333;
      font: bold 18px/24px "Roboto"; }
    .brand .brand__list .brand__list__filter {
      position: absolute;
      left: -32px;
      top: 24px;
      padding: 32px;
      background: #fff;
      z-index: 8; }
      .brand .brand__list .brand__list__filter .brand__list__filter__actual {
        font: bold 24px/32px "Roboto";
        margin-left: 16px;
        cursor: pointer; }
        .brand .brand__list .brand__list__filter .brand__list__filter__actual:after {
          content: '';
          display: inline-block;
          width: 14px;
          margin-left: 24px;
          background: url(/i/select_expand_1.svg) 50% 50% no-repeat;
          background-size: 14px auto;
          height: 24px;
          vertical-align: middle; }
      .brand .brand__list .brand__list__filter .brand__list__filter__all {
        padding: 31px 0 9px;
        display: none;
        margin: 0 16px; }
        .brand .brand__list .brand__list__filter .brand__list__filter__all .brand__list__filter__all_item {
          color: #999;
          font: bold 16px/24px "Roboto";
          text-transform: uppercase;
          padding: 9px 0;
          text-decoration: none;
          display: block; }
          .brand .brand__list .brand__list__filter .brand__list__filter__all .brand__list__filter__all_item:hover {
            color: #01aef9;
            cursor: pointer; }
      .brand .brand__list .brand__list__filter.show {
        border-radius: 3px;
        box-shadow: 0 0 25px 0 #cecece; }
        .brand .brand__list .brand__list__filter.show .brand__list__filter__actual {
          font: bold 24px/32px "Roboto";
          margin-left: 16px; }
          .brand .brand__list .brand__list__filter.show .brand__list__filter__actual:after {
            background: url(/i/select_collapse_1.svg) 50% 50% no-repeat; }
        .brand .brand__list .brand__list__filter.show .brand__list__filter__all {
          display: block; }
    .brand .brand__list .brand__list--calendar {
      position: absolute;
      top: 65px;
      right: 16px;
      width: 132px;
      padding-left: 48px;
      box-sizing: border-box;
      background: url(/i/date_2.svg) 0 0 no-repeat;
      background-size: 24px auto;
      height: 24px;
      font: normal 13px/19px "Roboto";
      line-height: 24px;
      z-index: 7;
      cursor: pointer; }
    .brand .brand__list .brand__list--wrap {
      padding: 30px 0 46px;
      box-sizing: border-box;
      position: relative;
      user-select: none; }
      .brand .brand__list .brand__list--wrap .hide-scroll {
        bottom: 30px; }
      .brand .brand__list .brand__list--wrap .brand__list--wrap--item {
        margin: 16px;
        border-radius: 3px;
        box-shadow: 0 0 25px 0 #cecece;
        position: relative;
        padding-bottom: 22px;
        display: inline-block;
        vertical-align: top;
        width: calc(25% - 32px); }
        .brand .brand__list .brand__list--wrap .brand__list--wrap--item.size_240 {
          padding: 37px 30px;
          box-sizing: border-box;
          height: 474px; }
        @media (max-width: 1396px) {
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item {
            width: calc(33.3333% - 32px); } }
        @media (max-width: 1063px) {
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item {
            width: 300px; } }
        .brand .brand__list .brand__list--wrap .brand__list--wrap--item .photo-wrap {
          position: relative; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item .photo-wrap .photo-wrap__link {
            margin: 0;
            display: block;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item .photo-wrap img {
            display: block;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            width: 100%; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item .photo-wrap .count {
            position: absolute;
            bottom: 40px;
            right: 12px;
            color: #fff;
            width: 35px;
            height: 37px;
            text-align: right;
            font: normal 11px/16px "Roboto";
            background: url(/i/photo.svg) left bottom no-repeat;
            background-size: 24px 19px; }
        .brand .brand__list .brand__list--wrap .brand__list--wrap--item a {
          color: #333;
          margin: 12px 40px;
          display: block; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item a:hover {
            color: #01aef9; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.brand-name {
            margin-top: 28px;
            font: normal 14px/19px "Roboto"; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.brand-time {
            margin-top: 28px;
            font: normal 14px/19px "Roboto";
            color: #999; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.title {
            font: bold 22px/28px "Roboto";
            margin-top: 28px;
            line-height: 24px;
            color: #333; }
            .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.title:hover {
              color: #01aef9; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.more-info {
            margin-top: 60px;
            font: normal 13px/19px "Roboto";
            color: #999; }
            .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.more-info:hover {
              color: #01aef9; }
        .brand .brand__list .brand__list--wrap .brand__list--wrap--item .audio-count {
          width: 48px;
          height: 48px;
          box-sizing: border-box;
          text-align: right;
          color: #fff;
          font: normal 11px/16px "Roboto";
          background: #36a8e3 url(/i/play_1.svg) 50% 50% no-repeat;
          background-size: 13px 16px;
          padding: 4px 6px;
          border-radius: 3px;
          position: absolute;
          bottom: 39px;
          right: 40px;
          cursor: pointer; }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item .audio-count.playing {
            background-image: url(/i/pause.svg); }
          .brand .brand__list .brand__list--wrap .brand__list--wrap--item .audio-count:hover {
            background-color: #01aef9; }
        .brand .brand__list .brand__list--wrap .brand__list--wrap--item .blue-line {
          padding: 50px 54px 0;
          width: 41px;
          height: 4px;
          background: url(/i/collapse.svg) 54px bottom no-repeat;
          background-size: 41px 4px; }
    .brand .brand__list .mobile-scroll__brand {
      width: 100%;
      position: relative;
      padding-bottom: 24px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
    @media (max-width: 1063px) {
      .brand .brand__list .brand__list--show-more {
        display: none; } }
    .brand .brand__list .brand__list--recommend {
      padding: 0 16px;
      margin-top: 14px; }
      .brand .brand__list .brand__list--recommend .brand__list--recommend--title {
        font: bold 24px/32px "Roboto";
        padding: 52px 0 54px;
        color: #333; }
      .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap {
        margin: 0 -16px; }
        .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap:after {
          content: '';
          display: block;
          clear: both; }
        .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item {
          position: relative;
          padding: 0 16px;
          border-radius: 3px;
          width: 33.3333%;
          box-sizing: border-box;
          float: left; }
          .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item:before {
            position: absolute;
            top: 0;
            right: 16px;
            left: 16px;
            bottom: 0;
            content: '';
            background: rgba(51, 51, 51, 0.4);
            display: block;
            border-radius: 3px; }
          .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item img {
            display: block;
            border-radius: 3px;
            width: 100%; }
          .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item .brand__list--recommend--wrap--item--info {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 16px;
            right: 16px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center; }
            .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item .brand__list--recommend--wrap--item--info .brand__list--recommend--wrap--item--title {
              color: #fff;
              font: bold 22px/28px "Roboto";
              padding: 14px 32px;
              text-align: center; }
            .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item .brand__list--recommend--wrap--item--info .brand__list--recommend--wrap--item--play {
              width: 48px;
              height: 48px;
              background: #36a8e3 url(/i/play_1.svg) 50% 50% no-repeat;
              border-radius: 3px;
              background-size: 13px auto;
              margin: 14px auto; }
              .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item .brand__list--recommend--wrap--item--info .brand__list--recommend--wrap--item--play.playing {
                background-image: url(/i/pause.svg); }
  .brand .brand__gallery {
    margin: 0 -16px;
    padding-top: 80px; }
    .brand .brand__gallery .brand__gallery--wrap {
      width: 66.6666%;
      margin: 0 auto; }
      .brand .brand__gallery .brand__gallery--wrap:after {
        clear: both;
        content: '';
        display: block; }
      .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item {
        width: 50%;
        padding: 16px;
        box-sizing: border-box;
        position: relative;
        float: left; }
        .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item.big {
          width: 100%; }
        .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item:before {
          content: '';
          border-radius: 5px;
          position: absolute;
          top: 16px;
          left: 16px;
          bottom: 16px;
          right: 16px;
          background: rgba(51, 51, 51, 0.4);
          display: block; }
        .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item img {
          display: block;
          border-radius: 5px;
          width: 100%;
          height: auto; }
        .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item .title {
          position: absolute;
          bottom: 36px;
          left: 0;
          width: 75%;
          padding-left: 40px;
          color: #fff;
          font: bold 18px/24px "Roboto"; }
        .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item .count {
          position: absolute;
          bottom: 40px;
          right: 28px;
          color: #fff;
          width: 35px;
          height: 37px;
          text-align: right;
          font: normal 11px/16px "Roboto";
          background: url(/i/photo.svg) left bottom no-repeat;
          background-size: 24px 19px; }
  .brand .brand__breadcrumbs {
    padding: 0 16px;
    padding-left: 240px;
    box-sizing: border-box;
    max-width: 1120px;
    margin: 0 auto; }
    .brand .brand__breadcrumbs a {
      color: #333;
      font: normal 14px/19px "Roboto"; }
  .brand .brand__news {
    margin: 0;
    padding-top: 24px; }
    .brand .brand__news .brand__news--title {
      position: relative;
      padding: 24px 240px;
      max-width: 1120px;
      box-sizing: border-box;
      margin: 0 auto; }
      .brand .brand__news .brand__news--title p {
        font: 500 36px/40px "Roboto"; }
      .brand .brand__news .brand__news--title div {
        position: absolute; }
        .brand .brand__news .brand__news--title div.brand__news-icon {
          width: 32px;
          height: 32px;
          background: url(/i/news.svg) 50% 50% no-repeat;
          left: 100px;
          top: 30px; }
        .brand .brand__news .brand__news--title div.brand__news-calendar {
          left: auto;
          right: 75px;
          margin-left: 16px;
          top: 46px;
          width: 132px;
          padding-left: 48px;
          box-sizing: border-box;
          background: url(/i/date_2.svg) 0 0 no-repeat;
          background-size: 24px auto;
          height: 24px;
          font: normal 13px/19px "Roboto";
          line-height: 24px;
          z-index: 7;
          cursor: pointer; }
    .brand .brand__news .brand__news--list {
      padding: 32px 240px;
      max-width: 1120px;
      box-sizing: border-box;
      margin: 0 auto; }
      .brand .brand__news .brand__news--list .brand__news--list--item {
        padding: 40px 0;
        border-bottom: 1px solid #ebf0f3; }
        .brand .brand__news .brand__news--list .brand__news--list--item:after {
          content: '';
          clear: both;
          display: block; }
        .brand .brand__news .brand__news--list .brand__news--list--item:first-child {
          border-top: 1px solid #ebf0f3; }
        .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-pic {
          width: 192px;
          border: 1px solid #ebf0f3;
          border-radius: 5px;
          text-align: center;
          float: left;
          padding: 24px;
          box-sizing: border-box; }
          .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-pic img {
            max-width: 144px;
            display: block; }
        .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info {
          width: calc(100% - 224px);
          margin-left: 224px; }
          .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info .brand__news--list--item-date {
            font: bold 18px/24px "Roboto";
            color: #999; }
          .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a {
            display: block; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-title {
              color: #333;
              font: bold 24px/32px "Roboto"; }
              .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-title:hover {
                color: #01aef9; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-anons {
              color: #333;
              font: normal 16px/24px "Roboto";
              margin-top: 16px; }
              .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-anons:hover {
                color: #01aef9; }
              .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-anons:empty {
                display: none; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-more {
              font: bold 18px/24px "Roboto";
              color: #333;
              text-transform: capitalize;
              padding: 18px 18px 28px 0;
              background: transparent url(/i/next_small.svg) 100% 25px no-repeat;
              background-size: 7px auto;
              display: inline-block; }
              .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-more:hover {
                color: #01aef9; }
  .brand .brand__article {
    margin: 0;
    padding: 64px 0 72px; }
    .brand .brand__article .brand-article__slider {
      width: calc(100% - 224px);
      height: auto;
      margin: 12px 0 12px;
      margin-left: 224px;
      position: relative; }
      .brand .brand__article .brand-article__slider .swiper-wrapper {
        height: auto !important; }
      .brand .brand__article .brand-article__slider .swiper-slide__info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto;
        background: rgba(0, 0, 0, 0.3);
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        box-sizing: border-box;
        padding: 36px 38px; }
        @media screen and (max-width: 785px) {
          .brand .brand__article .brand-article__slider .swiper-slide__info {
            padding: 32px 24px; } }
        .brand .brand__article .brand-article__slider .swiper-slide__info p {
          color: #fff;
          font: bold 18px/24px "Roboto"; }
          .brand .brand__article .brand-article__slider .swiper-slide__info p span {
            display: block;
            font-style: italic;
            font: normal 16px/24px "Roboto";
            margin-top: 6px; }
          .brand .brand__article .brand-article__slider .swiper-slide__info p a {
            font-style: italic;
            color: #fff;
            display: block;
            margin-top: 6px; }
            .brand .brand__article .brand-article__slider .swiper-slide__info p a:hover {
              text-decoration: underline; }
          @media screen and (max-width: 785px) {
            .brand .brand__article .brand-article__slider .swiper-slide__info p {
              font: bold 16px/20px "Roboto"; }
              .brand .brand__article .brand-article__slider .swiper-slide__info p a, .brand .brand__article .brand-article__slider .swiper-slide__info p span {
                font: normal 14px/19px "Roboto"; } }
      .brand .brand__article .brand-article__slider img {
        width: 100%;
        display: block;
        margin: 0 auto;
        border-radius: 5px; }
      .brand .brand__article .brand-article__slider .prev-slide {
        position: absolute;
        height: 32px;
        width: 32px;
        left: 32px;
        top: 50%;
        margin-top: -16px;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        cursor: pointer;
        z-index: 3;
        border: none;
        outline: none; }
        .brand .brand__article .brand-article__slider .prev-slide:after {
          content: '';
          display: block;
          position: absolute;
          width: 8px;
          height: 12px;
          top: 10px;
          left: 12px;
          background: transparent url(/i/previus_small.svg) 0 0 no-repeat;
          background-size: contain; }
      .brand .brand__article .brand-article__slider .next-slide {
        position: absolute;
        height: 32px;
        width: 32px;
        right: 32px;
        top: 50%;
        margin-top: -16px;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        cursor: pointer;
        z-index: 3;
        border: none;
        outline: none; }
        .brand .brand__article .brand-article__slider .next-slide:after {
          content: '';
          display: block;
          position: absolute;
          width: 8px;
          height: 12px;
          top: 10px;
          left: 13px;
          background: transparent url(/i/next_small.svg) 0 0 no-repeat;
          background-size: contain; }
      .brand .brand__article .brand-article__slider .swiper-button-disabled {
        display: none; }
    .brand .brand__article .brand__news--body {
      padding: 12px 16px;
      max-width: 1120px;
      margin: 0 auto;
      box-sizing: border-box; }
      .brand .brand__article .brand__news--body:after {
        clear: both;
        content: '';
        display: block; }
      .brand .brand__article .brand__news--body .brand__news--body-date {
        width: 224px;
        color: #999;
        font: bold 18px/24px "Roboto";
        box-sizing: border-box;
        float: left;
        text-transform: lowercase; }
      .brand .brand__article .brand__news--body .brand__news--body-title {
        font: bold 24px/32px "Roboto";
        width: calc(100% - 224px);
        margin-left: 224px;
        padding-right: 32px;
        box-sizing: border-box; }
      .brand .brand__article .brand__news--body .brand__news--body-anons {
        font: bold 18px/24px "Roboto";
        width: calc(100% - 224px);
        margin-left: 224px;
        padding: 32px 32px 32px 0;
        box-sizing: border-box;
        clear: both; }
      .brand .brand__article .brand__news--body .brand__news--body-text {
        width: calc(100% - 224px);
        margin-left: 224px;
        padding-right: 16px;
        box-sizing: border-box; }
        .brand .brand__article .brand__news--body .brand__news--body-text p {
          font: normal 16px/24px "Roboto";
          padding: 6px 0; }
          .brand .brand__article .brand__news--body .brand__news--body-text p.brand__news--body-text-title {
            font: bold 24px/32px "Roboto";
            margin-bottom: 26px; }
          .brand .brand__article .brand__news--body .brand__news--body-text p img {
            max-width: 100%; }
        .brand .brand__article .brand__news--body .brand__news--body-text ul, .brand .brand__article .brand__news--body .brand__news--body-text ol {
          padding: 6px 0 6px 40px; }
        .brand .brand__article .brand__news--body .brand__news--body-text blockquote {
          padding-left: 12px;
          margin: 6px 0 6px 28px;
          border-left: 5px solid #cecece; }
        .brand .brand__article .brand__news--body .brand__news--body-text .brand__news-source {
          font: normal 16px/24px "Roboto";
          color: #999;
          margin-top: 32px; }
          @media screen and (max-width: 620px) {
            .brand .brand__article .brand__news--body .brand__news--body-text .brand__news-source {
              margin-top: 24px;
              font: normal 14px/19px "Roboto"; } }
          .brand .brand__article .brand__news--body .brand__news--body-text .brand__news-source a {
            color: #999;
            text-decoration: underline; }
            .brand .brand__article .brand__news--body .brand__news--body-text .brand__news-source a:hover {
              color: #01aef9; }
    .brand .brand__article .brand__news--gallery {
      margin: 0 auto;
      width: 66.6666%; }
      .brand .brand__article .brand__news--gallery:after {
        content: '';
        display: block;
        clear: both; }
      .brand .brand__article .brand__news--gallery .brand__news--gallery-item {
        width: 50%;
        padding: 16px;
        box-sizing: border-box;
        position: relative;
        float: left; }
        .brand .brand__article .brand__news--gallery .brand__news--gallery-item a {
          display: block;
          position: relative; }
          .brand .brand__article .brand__news--gallery .brand__news--gallery-item a:before {
            content: '';
            border-radius: 5px;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background: rgba(51, 51, 51, 0.4);
            display: block; }
          .brand .brand__article .brand__news--gallery .brand__news--gallery-item a img {
            display: block;
            border-radius: 5px;
            width: 100%;
            height: auto; }
          .brand .brand__article .brand__news--gallery .brand__news--gallery-item a .title {
            position: absolute;
            bottom: 36px;
            left: 0;
            width: 75%;
            padding-left: 40px;
            color: #fff;
            font: bold 18px/24px "Roboto"; }
          .brand .brand__article .brand__news--gallery .brand__news--gallery-item a .count {
            position: absolute;
            bottom: 40px;
            right: 28px;
            color: #fff;
            width: 35px;
            height: 37px;
            text-align: right;
            font: normal 11px/16px "Roboto";
            background: url(/i/photo.svg) left bottom no-repeat;
            background-size: 24px 19px; }
  .brand .episode-filtres {
    position: relative;
    margin: 0 16px; }
    .brand .episode-filtres .brand__menu_tab {
      margin: 0;
      width: 100%; }
    .brand .episode-filtres .audio-filter {
      height: 103px;
      padding: 0;
      position: absolute;
      z-index: 8;
      box-sizing: border-box;
      top: 0;
      right: 0;
      width: 517px; }
      .brand .episode-filtres .audio-filter:after {
        clear: both;
        content: '';
        display: block; }
      .brand .episode-filtres .audio-filter .audio-filter__item {
        width: auto;
        margin-right: 36px;
        font: normal 13px/19px "Roboto";
        box-sizing: border-box;
        line-height: 24px;
        float: left;
        position: relative;
        display: block;
        color: #333;
        text-decoration: none;
        padding: 38px 0; }
        .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric {
          padding-left: 48px;
          background: #fff;
          z-index: 8;
          background: url(/i/list.svg) 0 3px no-repeat;
          background-size: 24px auto;
          display: inline-block;
          cursor: pointer; }
          .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric .audio-filter__actual {
            cursor: pointer;
            display: inline-block;
            background-size: 14px auto;
            vertical-align: middle; }
          .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric .audio-filter__all {
            padding: 31px 0 9px;
            display: none; }
            .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric .audio-filter__all .audio-filter__all {
              color: #999;
              font: bold 16px/24px "Roboto";
              text-transform: uppercase;
              padding: 9px 0;
              text-decoration: none;
              display: block; }
              .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric .audio-filter__all .audio-filter__all:hover {
                color: #01aef9;
                cursor: pointer; }
          .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric.show .audio-filter__actual:after {
            background: url(/i/select_collapse_1.svg) 50% 50% no-repeat; }
          .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric.show .audio-filter__all {
            display: block;
            border-radius: 3px;
            box-shadow: 0 0 25px 0 #cecece;
            background: #fff;
            padding: 40px;
            left: 0;
            top: 55px;
            position: absolute;
            width: 150%;
            box-sizing: border-box;
            z-index: 2; }
            .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric.show .audio-filter__all a {
              color: #999;
              font: bold 16px/24px "Roboto";
              text-transform: uppercase;
              padding: 9px 0;
              text-decoration: none;
              display: block; }
              .brand .episode-filtres .audio-filter .audio-filter__item .audio-filter__rubric.show .audio-filter__all a:hover {
                color: #01aef9; }
        .brand .episode-filtres .audio-filter .audio-filter__item a {
          color: #333; }
          .brand .episode-filtres .audio-filter .audio-filter__item a:hover {
            color: #01aef9; }
        .brand .episode-filtres .audio-filter .audio-filter__item .listen_new {
          padding-left: 36px;
          background: url(/i/play_blue.svg) 0 3px no-repeat;
          background-size: 13px auto;
          display: inline-block;
          color: #333; }
        .brand .episode-filtres .audio-filter .audio-filter__item .soon {
          padding-left: 47px;
          background: url(/i/time.svg) 0 0 no-repeat;
          background-size: 24px auto;
          display: inline-block;
          color: #333; }
        .brand .episode-filtres .audio-filter .audio-filter__item .brand__list--calendar {
          box-sizing: border-box;
          background: url(/i/date_2.svg) 120px 9px no-repeat;
          background-size: 24px auto;
          font: normal 13px/19px "Roboto";
          line-height: 20px;
          z-index: 7;
          cursor: pointer;
          height: 48px;
          display: inline-block;
          width: 156px;
          border: 2px solid #ebf0f3;
          border-radius: 3px;
          padding: 12px 16px; }
          .brand .episode-filtres .audio-filter .audio-filter__item .brand__list--calendar:hover {
            color: #01aef9; }
          .brand .episode-filtres .audio-filter .audio-filter__item .brand__list--calendar .icon {
            background: url(/i/date_2.svg) 0 0 no-repeat;
            background-size: 24px auto;
            width: 48px; }
        .brand .episode-filtres .audio-filter .audio-filter__item.active:not(.last) {
          border-bottom: 3px solid #01aef9; }
        .brand .episode-filtres .audio-filter .audio-filter__item.active > * {
          color: #01aef9; }
        .brand .episode-filtres .audio-filter .audio-filter__item.active > .brand__list--calendar {
          border: 2px solid #01aef9;
          color: #333; }
        .brand .episode-filtres .audio-filter .audio-filter__item > a:hover {
          color: #01aef9; }
        .brand .episode-filtres .audio-filter .audio-filter__item.last {
          float: none;
          position: absolute;
          right: 0;
          width: 156px;
          padding: 27px 0;
          margin: 0; }
        .brand .episode-filtres .audio-filter .audio-filter__item.disable > * {
          cursor: default;
          color: #999;
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: grayscale(100%);
          filter: gray;
          /* IE 6-9 */
          -webkit-filter: grayscale(1); }
      .brand .episode-filtres .audio-filter:after {
        content: '';
        clear: both;
        display: block; }
      .brand .episode-filtres .audio-filter.medium {
        width: 276px; }
        .brand .episode-filtres .audio-filter.medium .audio-filter__item {
          padding: 33px 0; }
          .brand .episode-filtres .audio-filter.medium .audio-filter__item > * span {
            display: none; }
          .brand .episode-filtres .audio-filter.medium .audio-filter__item .listen_new {
            height: 24px;
            width: 13px;
            padding-left: 0;
            background-position-y: 6px; }
          .brand .episode-filtres .audio-filter.medium .audio-filter__item .soon {
            width: 24px;
            height: 26px;
            padding-left: 0;
            overflow: hidden;
            text-indent: 9999px;
            background-position-y: 2px; }
          .brand .episode-filtres .audio-filter.medium .audio-filter__item .audio-filter__rubric {
            width: 25px;
            height: 24px;
            padding-left: 0;
            background-position-y: 4px; }
            .brand .episode-filtres .audio-filter.medium .audio-filter__item .audio-filter__rubric.show .audio-filter__all {
              width: auto; }
          .brand .episode-filtres .audio-filter.medium .audio-filter__item .brand__list--calendar span {
            display: inline; }
          .brand .episode-filtres .audio-filter.medium .audio-filter__item.last {
            padding: 27px 0; }
      .brand .episode-filtres .audio-filter.small {
        position: relative;
        height: 64px;
        width: 100%;
        border-bottom: 1px solid #cecece; }
        .brand .episode-filtres .audio-filter.small .audio-filter__item {
          padding: 19px 0;
          width: auto;
          margin-right: calc((100% - 219px) / 2); }
          .brand .episode-filtres .audio-filter.small .audio-filter__item.last {
            margin-right: 0; }
          .brand .episode-filtres .audio-filter.small .audio-filter__item:not(.last) > * span {
            display: none; }
          .brand .episode-filtres .audio-filter.small .audio-filter__item .listen_new {
            height: 24px;
            width: 13px;
            padding-left: 0;
            overflow: hidden;
            text-indent: 9999px; }
          .brand .episode-filtres .audio-filter.small .audio-filter__item .soon {
            width: 24px;
            height: 24px;
            padding-left: 0;
            overflow: hidden;
            text-indent: 9999px; }
          .brand .episode-filtres .audio-filter.small .audio-filter__item .audio-filter__rubric {
            width: 25px;
            height: 24px;
            padding-left: 0; }
            .brand .episode-filtres .audio-filter.small .audio-filter__item .audio-filter__rubric.show .audio-filter__all {
              width: auto; }
          .brand .episode-filtres .audio-filter.small .audio-filter__item.active {
            border: none; }
            .brand .episode-filtres .audio-filter.small .audio-filter__item.active:not(.last) > * {
              position: relative; }
              .brand .episode-filtres .audio-filter.small .audio-filter__item.active:not(.last) > *:before {
                content: '';
                display: block;
                width: 100%;
                background: #01aef9;
                height: 3px;
                position: absolute;
                left: 0;
                bottom: -22px; }
          .brand .episode-filtres .audio-filter.small .audio-filter__item.last {
            padding: 7px 0;
            width: 156px; }
  .brand .brand-episodes-list {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 16px 72px;
    box-sizing: border-box; }
    .brand .brand-episodes-list .brand-episodes-list__item {
      padding: 72px 0;
      position: relative;
      border-bottom: 1px solid #ebf0f3; }
      .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head:after {
        content: '';
        display: block;
        clear: both; }
      .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .date {
        font: normal 11px/16px "Roboto";
        width: 224px;
        margin-left: 16px;
        float: left;
        color: #999;
        text-transform: capitalize; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .date span {
          display: block;
          font: 500 36px/40px "Roboto";
          padding-bottom: 3px; }
      .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .title {
        width: calc(100% - 512px);
        font: 500 36px/40px "Roboto";
        float: left; }
      .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .btns {
        width: 224px;
        left: 16px;
        bottom: 78px;
        position: absolute; }
      .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .anons {
        padding-top: 32px;
        width: auto;
        margin-left: 240px;
        margin-right: 240px;
        font: normal 16px/24px "Roboto";
        clear: both;
        min-height: 62px; }
  .brand .brand-episode {
    max-width: 1120px;
    margin: 0 auto;
    padding: 75px 0 72px; }
    .brand .brand-episode .brand-episode__head {
      position: relative; }
      .brand .brand-episode .brand-episode__head:after {
        content: '';
        display: block;
        clear: both; }
      .brand .brand-episode .brand-episode__head .date {
        font: bold 24px/32px "Roboto";
        width: 224px;
        margin-left: 16px;
        float: left;
        padding-top: 8px;
        text-transform: lowercase; }
      .brand .brand-episode .brand-episode__head .title {
        width: calc(100% - 256px);
        font: 500 36px/40px "Roboto";
        float: left; }
      .brand .brand-episode .brand-episode__head .btns {
        width: 224px;
        margin-left: 16px;
        position: absolute;
        bottom: 7px; }
      .brand .brand-episode .brand-episode__head .anons {
        padding-top: 32px;
        width: auto;
        margin-left: 240px;
        margin-right: 16px;
        font: normal 16px/24px "Roboto";
        clear: both;
        min-height: 40px; }
    .brand .brand-episode .brand-episode__body {
      margin-left: 240px; }
      .brand .brand-episode .brand-episode__body .body p {
        padding: 8px 0; }
      .brand .brand-episode .brand-episode__body .body img {
        max-width: 100%; }
      .brand .brand-episode .brand-episode__body .body a {
        color: #36a8e3; }
        .brand .brand-episode .brand-episode__body .body a:hover {
          color: #01aef9; }
      .brand .brand-episode .brand-episode__body .body ul, .brand .brand-episode .brand-episode__body .body ol {
        padding: 6px 0 6px 40px; }
      .brand .brand-episode .brand-episode__body .brand-episode__slider {
        width: 100%;
        height: auto;
        margin: 32px 0;
        position: relative; }
        .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-wrapper {
          height: auto !important; }
        .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info {
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%;
          height: auto;
          background: rgba(0, 0, 0, 0.3);
          border-bottom-right-radius: 5px;
          border-bottom-left-radius: 5px;
          padding: 36px 38px;
          box-sizing: border-box; }
          @media screen and (max-width: 785px) {
            .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info {
              padding: 32px 24px; } }
          .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info p {
            color: #fff;
            font: bold 18px/24px "Roboto"; }
            .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info p span {
              display: block;
              font-style: italic;
              font: normal 16px/24px "Roboto";
              margin-top: 6px; }
            .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info p a {
              font-style: italic;
              color: #fff;
              display: block;
              margin-top: 6px; }
              .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info p a:hover {
                text-decoration: underline; }
            @media screen and (max-width: 785px) {
              .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info p {
                font: bold 16px/20px "Roboto"; }
                .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info p a, .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-slide__info p span {
                  font: normal 14px/19px "Roboto"; } }
        .brand .brand-episode .brand-episode__body .brand-episode__slider img {
          width: 100%;
          display: block;
          margin: 0 auto;
          border-radius: 5px; }
        .brand .brand-episode .brand-episode__body .brand-episode__slider .prev-slide {
          position: absolute;
          height: 32px;
          width: 32px;
          left: 32px;
          top: 50%;
          margin-top: -16px;
          background: rgba(0, 0, 0, 0.3);
          border-radius: 50%;
          cursor: pointer;
          z-index: 3;
          border: none;
          outline: none; }
          .brand .brand-episode .brand-episode__body .brand-episode__slider .prev-slide:after {
            content: '';
            display: block;
            position: absolute;
            width: 8px;
            height: 12px;
            top: 10px;
            left: 12px;
            background: transparent url(/i/previus_small.svg) 0 0 no-repeat;
            background-size: contain; }
        .brand .brand-episode .brand-episode__body .brand-episode__slider .next-slide {
          position: absolute;
          height: 32px;
          width: 32px;
          right: 32px;
          top: 50%;
          margin-top: -16px;
          background: rgba(0, 0, 0, 0.3);
          border-radius: 50%;
          cursor: pointer;
          z-index: 3;
          border: none;
          outline: none; }
          .brand .brand-episode .brand-episode__body .brand-episode__slider .next-slide:after {
            content: '';
            display: block;
            position: absolute;
            width: 8px;
            height: 12px;
            top: 10px;
            left: 13px;
            background: transparent url(/i/next_small.svg) 0 0 no-repeat;
            background-size: contain; }
        .brand .brand-episode .brand-episode__body .brand-episode__slider .swiper-button-disabled {
          display: none; }
      .brand .brand-episode .brand-episode__body .show-episodes {
        color: #999;
        font: bold 18px/24px "Roboto";
        margin: 48px 0 0;
        display: inline-block; }
      .brand .brand-episode .brand-episode__body .list-episodes {
        border-top: 1px solid #ebf0f3;
        margin-right: 16px;
        margin-top: 48px; }
        .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item {
          padding: 24px 0;
          border-bottom: 1px solid #ebf0f3;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse; }
          .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info {
            width: calc(100% - 224px);
            display: inline-block; }
            .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info .title {
              font: bold 22px/28px "Roboto"; }
            .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info .anons {
              padding-top: 16px;
              font: normal 13px/19px "Roboto";
              color: #999;
              clear: both;
              min-height: 54px; }
          .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info-audio {
            width: 224px;
            display: inline-block; }
            .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info-audio .time {
              color: #999;
              font: bold 18px/24px "Roboto";
              width: 224px;
              padding-top: 16px; }
            .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info-audio .btns {
              width: 224px;
              position: relative; }
    .brand .brand-episode .brand-episode__tags {
      margin: 24px 0; }
      .brand .brand-episode .brand-episode__tags a {
        color: #36a8e3;
        font: normal 16px/24px "Roboto";
        text-decoration: none; }
        @media screen and (max-width: 600px) {
          .brand .brand-episode .brand-episode__tags a {
            font: normal 14px/19px "Roboto"; } }
        .brand .brand-episode .brand-episode__tags a:hover {
          color: #01aef9; }
  .brand .brand-gallery {
    width: calc(100%*2/3);
    margin: 0 auto; }
    @media screen and (max-width: 1000px) {
      .brand .brand-gallery {
        width: 100%; } }
    .brand .brand-gallery:after {
      content: '';
      display: block;
      clear: both; }
    .brand .brand-gallery .brand-gallery__item {
      float: left;
      margin: 16px;
      position: relative;
      border-radius: 5px;
      cursor: pointer; }
      @media screen and (max-width: 530px) {
        .brand .brand-gallery .brand-gallery__item {
          margin: 8px 16px; } }
      .brand .brand-gallery .brand-gallery__item.small {
        width: calc(50% - 32px); }
        @media screen and (max-width: 680px) {
          .brand .brand-gallery .brand-gallery__item.small {
            width: calc(100% - 32px); } }
      .brand .brand-gallery .brand-gallery__item.big {
        width: calc(100% - 32px); }
        .brand .brand-gallery .brand-gallery__item.big .gallery-info .gallery-title {
          width: calc((100% + 32px)*5/8); }
      .brand .brand-gallery .brand-gallery__item img {
        width: 100%;
        display: block;
        border-radius: 5px; }
      .brand .brand-gallery .brand-gallery__item .gallery-info {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        height: auto;
        background: rgba(0, 0, 0, 0.3);
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        padding: 36px 97px 36px 40px;
        color: #fff; }
        @media screen and (max-width: 1000px) {
          .brand .brand-gallery .brand-gallery__item .gallery-info {
            padding: 25px 97px 25px 40px; } }
        .brand .brand-gallery .brand-gallery__item .gallery-info .gallery-title {
          box-sizing: border-box;
          font: bold 18px/24px "Roboto"; }
          @media screen and (max-width: 530px) {
            .brand .brand-gallery .brand-gallery__item .gallery-info .gallery-title {
              font: bold 16px/20px "Roboto"; } }
        .brand .brand-gallery .brand-gallery__item .gallery-info .gallery-count-photo {
          position: absolute;
          bottom: 40px;
          right: 28px;
          width: 35px;
          height: 30px;
          text-align: right;
          font: normal 11px/16px "Roboto";
          background: transparent url(/i/photo.svg) left bottom no-repeat;
          background-size: 24px 19px; }
          @media screen and (max-width: 1000px) {
            .brand .brand-gallery .brand-gallery__item .gallery-info .gallery-count-photo {
              bottom: 27px;
              right: 21px; } }
      .brand .brand-gallery .brand-gallery__item:hover .gallery-info {
        background: rgba(0, 0, 0, 0.6); }
  @media (max-width: 1061px) {
    .brand .brand__list .brand__list--wrap .mobile-scroll__brand {
      width: calc(100% + 16px); }
    .brand .brand__list .brand__list--wrap .brand__list--wrap--item {
      width: 244px;
      padding-bottom: 14px; }
      .brand .brand__list .brand__list--wrap .brand__list--wrap--item .audio-count {
        width: 40px;
        height: 40px;
        bottom: 31px;
        right: 30px; }
      .brand .brand__list .brand__list--wrap .brand__list--wrap--item a {
        margin-left: 28px;
        margin-right: 28px; } }
  @media (max-width: 1000px) {
    .brand .brand-promo .brand-promo__header > div.brand-promo__header__social {
      top: 29px; }
    .brand .brand__news .brand__news--title {
      padding: 24px 124px; }
      .brand .brand__news .brand__news--title div.brand__news-icon {
        left: 46px; }
      .brand .brand__news .brand__news--title div.brand__news-calendar {
        width: 48px;
        right: 38px; }
        .brand .brand__news .brand__news--title div.brand__news-calendar span.calendar-text {
          display: none; }
    .brand .brand__news .brand__news--list {
      padding: 32px 124px; }
    .brand .brand__article .brand__breadcrumbs {
      padding-left: 124px; }
    .brand .brand__article .brand-article__slider {
      width: 100%;
      margin-left: 0; }
    .brand .brand__article .brand__news--body {
      padding: 12px 124px; }
      .brand .brand__article .brand__news--body .brand__news--body-date {
        width: 100%;
        float: none; }
      .brand .brand__article .brand__news--body .brand__news--body-title {
        width: 100%;
        margin: 16px 0 0; }
      .brand .brand__article .brand__news--body .brand__news--body-anons {
        width: 100%;
        margin: 0; }
      .brand .brand__article .brand__news--body .brand__news--body-text {
        width: 100%;
        margin: 0; }
    .brand .brand-episodes-list {
      padding-bottom: 32px; }
      .brand .brand-episodes-list .brand-episodes-list__item {
        padding: 36px 0; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .title {
          width: calc(100% - 256px); }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .anons {
          margin-right: 16px;
          min-height: 51px; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .btns {
          bottom: 40px; } }
  @media (max-width: 920px) {
    .brand .brand__menu_tab {
      height: 75px; }
      .brand .brand__menu_tab .swiper-wrapper {
        height: 73px; }
      .brand .brand__menu_tab .item {
        padding: 26px 0 22px;
        height: 73px; }
    .brand .episode-filtres .audio-filter {
      height: 75px; }
      .brand .episode-filtres .audio-filter.medium .audio-filter__item {
        padding: 20px 0; }
        .brand .episode-filtres .audio-filter.medium .audio-filter__item.last {
          padding: 13px 0; }
    .brand .brand__content .brand__content_text {
      width: calc(75% - 32px); }
    .brand .brand__content .brand__content_title p {
      margin: 11px 16px 11px 0; }
    .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item.brand__list--recommend--wrap--item {
      width: 50%;
      margin-bottom: 16px;
      display: inline-block; }
      .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item.brand__list--recommend--wrap--item + .brand__list--recommend--wrap--item {
        margin-left: -0.2em; }
        .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item.brand__list--recommend--wrap--item + .brand__list--recommend--wrap--item + .brand__list--recommend--wrap--item {
          margin-left: 0; }
    .brand .brand-episode .brand-episode__head .date {
      font: bold 22px/28px "Roboto"; }
    .brand .brand-episode .brand-episode__body .list-episodes {
      margin-top: 40px; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info-audio {
        width: 144px; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info {
        width: calc(100% - 144px); }
    .brand .brand__gallery {
      margin: 0 16px;
      padding-top: 48px; }
      .brand .brand__gallery .brand__gallery--wrap {
        width: 100%; }
    .brand .brand__article .brand__news--gallery {
      width: auto;
      margin: 0 16px; }
      .brand .brand__article .brand__news--gallery .brand__news--gallery-item a .title {
        padding-left: 24px; }
    .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .title, .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .date span {
      font: 500 30px/36px "Roboto"; }
    .brand .brand-promo .brand-promo__header > div.brand-promo__header__social {
      right: 29px; } }
  @media (max-width: 850px) {
    .brand .brand-promo .brand-promo__header__back {
      bottom: 0;
      left: 0;
      max-height: 100%; }
    .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons {
      bottom: 32px;
      left: 40px;
      max-height: calc(100% - 68px); } }
  @media (max-width: 785px) {
    .brand {
      padding: 32px 16px 48px; }
      .brand .brand-episode {
        padding-bottom: 0; }
      .brand .brand-promo .brand-promo__header__back {
        padding: 24px 32px 24px 32px; }
      .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons {
        width: 45%;
        left: 32px;
        bottom: 24px;
        max-height: calc(100% - 48px); }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__title {
          font: bold 20px/24px "Roboto"; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__date, .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__time {
          font: bold 16px/20px "Roboto"; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item {
          padding: 11px 0; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__anons {
            font: normal 13px/19px "Roboto"; }
      .brand .brand-promo .brand-promo__header > div.brand-promo__header__social {
        width: 38px;
        padding-top: 38px;
        background: url(/i/share_white.svg) 0 0 no-repeat;
        background-size: 38px auto;
        cursor: pointer; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a {
          display: none; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__social:hover a {
          display: block;
          clear: both;
          margin: 6px 0; }
      .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons__podcast {
        font: normal 14px/19px "Roboto";
        right: 28px;
        bottom: 28px; }
      .brand .brand__content {
        padding-top: 59px; }
        .brand .brand__content .brand__content__title p {
          font: bold 20px/24px "Roboto";
          margin-top: 14px; }
        .brand .brand__content .brand__content_text .brand__content_text__persons {
          margin-bottom: 40px;
          margin-top: 16px; }
          .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_photo {
            width: 112px; }
          .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name {
            width: calc(100% - 112px);
            float: none;
            margin-left: 112px; }
          .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands {
            margin-left: 112px;
            width: calc(100% - 112px);
            position: relative;
            float: none; }
      .brand .audio-filter .audio-filter__item .audio-filter__rubric.show .audio-filter__all {
        width: 200%; }
      .brand .brand__article {
        padding-top: 48px;
        padding-bottom: 56px; }
        .brand .brand__article .brand__breadcrumbs {
          padding-left: 16px; }
        .brand .brand__article .brand__news--body {
          padding: 12px 16px; }
        .brand .brand__article .brand__news--gallery {
          margin: 0 8px; }
          .brand .brand__article .brand__news--gallery .brand__news--gallery-item {
            padding: 16px 8px; }
      .brand .brand-episodes-list .brand-episodes-list__item {
        padding: 24px 0; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .title, .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .date span {
          font: 500 24px/32px "Roboto"; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .anons {
          font: normal 14px/19px "Roboto";
          padding-top: 16px; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .btns {
          bottom: 30px; }
      .brand .brand__news {
        padding: 0 16px; }
        .brand .brand__news .brand__breadcrumbs {
          padding: 24px 0 12px; }
        .brand .brand__news .brand__news--title {
          padding: 12px 80px 12px 0; }
          .brand .brand__news .brand__news--title .brand__news-icon {
            display: none; }
          .brand .brand__news .brand__news--title div.brand__news-calendar {
            right: 16px;
            padding-left: 24px;
            top: 16px; }
          .brand .brand__news .brand__news--title p {
            font: 500 24px/32px "Roboto"; }
        .brand .brand__news .brand__news--list {
          padding: 0 0 24px; }
          .brand .brand__news .brand__news--list .brand__news--list--item {
            padding: 24px 0; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info .brand__news--list--item-date {
              font: bold 16px/20px "Roboto"; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info .brand__news--list--item-title {
              font: bold 20px/24px "Roboto"; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info .brand__news--list--item-anons {
              font: normal 14px/19px "Roboto"; }
              .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info .brand__news--list--item-anons:empty {
                padding-top: 32px; } }
  @media (max-width: 620px) {
    .brand {
      padding-bottom: 32px;
      padding-left: 0;
      padding-right: 0; }
      .brand .brand__list .brand__list--wrap .mobile-scroll__brand {
        width: 100%; }
      .brand .brand-promo {
        padding: 0; }
        .brand .brand-promo .brand-promo__header img {
          border-radius: 0; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__social {
          background: transparent;
          width: auto;
          padding-top: 0;
          right: 21px; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__social a {
            display: block; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons__podcast {
          bottom: auto;
          margin-top: -62px;
          right: 10px; }
        .brand .brand-promo .brand-promo__header__back {
          display: none; }
        .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons {
          position: relative;
          bottom: auto;
          left: 0;
          width: 100%;
          background: #ebf0f3;
          padding: 18px 16px 8px;
          box-sizing: border-box;
          border-radius: 0; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons:before {
            display: none; }
          .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item {
            padding: 8px 0;
            border-color: #cecece; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__title {
              color: #333;
              font: bold 16px/20px "Roboto";
              margin-bottom: 3px; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__show-anons:after {
              background-image: url(/i/select_expand_1.svg); }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__show-anons.open:after {
              background-image: url(/i/select_collapse_1.svg); }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__date {
              color: #333; }
            .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__time, .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__anons {
              color: #999;
              opacity: 1; }
              .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__time a, .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__anons a {
                color: #999; }
      .brand .brand__menu_tab {
        height: 58px; }
        .brand .brand__menu_tab .swiper-wrapper {
          height: 56px; }
        .brand .brand__menu_tab .item {
          height: 56px;
          margin: 0 8px;
          padding: 20px 0 17px;
          font: bold 14px/19px "Roboto"; }
          .brand .brand__menu_tab .item a {
            font: bold 14px/19px "Roboto"; }
      .brand .brand__content {
        padding-top: 24px; }
        .brand .brand__content .brand__content_title {
          width: auto;
          float: none;
          clear: both; }
          .brand .brand__content .brand__content_title p {
            width: 100%;
            font: bold 20px/24px "Roboto"; }
        .brand .brand__content .brand__content_text {
          width: auto;
          float: none;
          clear: both;
          margin: 0 16px; }
          .brand .brand__content .brand__content_text .brand__content_text__title {
            font: bold 22px/28px "Roboto"; }
          .brand .brand__content .brand__content_text .brand__content_text__anons {
            font: normal 14px/19px "Roboto";
            margin: 3px 0 6px; }
            .brand .brand__content .brand__content_text .brand__content_text__anons ul, .brand .brand__content .brand__content_text .brand__content_text__anons ol {
              padding: 6px 0 6px 40px; }
            .brand .brand__content .brand__content_text .brand__content_text__anons p {
              padding: 8px 0; }
          .brand .brand__content .brand__content_text .brand__content_text__persons {
            margin-top: 0;
            margin-bottom: 4px; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_title {
              padding: 16px 0;
              font: bold 16px/20px "Roboto"; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_photo {
              width: 76px; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_photo img {
                width: 60px;
                margin-right: 16px; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_photo .no-photo {
                width: 60px;
                height: 60px;
                margin-right: 16px; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name {
              margin-left: 76px;
              width: calc(100% - 76px); }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name a p {
                font: bold 16px/20px "Roboto"; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name a div {
                margin-left: 0; }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name div {
                font: normal 11px/16px "Roboto";
                margin-top: 6px; }
                .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_name div p {
                  font: normal 11px/16px "Roboto"; }
            .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands {
              margin-left: 76px;
              width: calc(100% - 76px); }
              .brand .brand__content .brand__content_text .brand__content_text__persons .brand__content_text__persons_item .brand__content_text__persons_item_brands p {
                font: normal 11px/16px "Roboto"; }
      .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item.brand__list--recommend--wrap--item {
        margin: 0 auto 16px;
        max-width: 100%;
        width: auto;
        float: none;
        clear: both;
        display: block; }
        .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item.brand__list--recommend--wrap--item img {
          max-width: 100%; }
        .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item.brand__list--recommend--wrap--item .brand__list--recommend--wrap--item--info {
          padding: 52px 16px; }
          .brand .brand__list .brand__list--recommend .brand__list--recommend--wrap .brand__list--recommend--wrap--item.brand__list--recommend--wrap--item .brand__list--recommend--wrap--item--info .brand__list--recommend--wrap--item--play {
            display: none; }
      .brand .brand__breadcrumbs {
        padding: 0 16px; }
      .brand .brand-episode {
        padding-top: 0; }
        .brand .brand-episode .brand-episode__head {
          padding-left: 16px;
          padding-right: 16px; }
          .brand .brand-episode .brand-episode__head .date {
            font: bold 20px/24px "Roboto";
            width: 100%;
            margin-left: 0;
            padding: 12px 0; }
          .brand .brand-episode .brand-episode__head .title {
            clear: both;
            width: 100%;
            font: 500 24px/32px "Roboto"; }
          .brand .brand-episode .brand-episode__head .anons {
            width: 100%;
            box-sizing: border-box;
            padding: 12px 0;
            margin: 0; }
          .brand .brand-episode .brand-episode__head .btns {
            width: 100%;
            margin: 0;
            bottom: 0;
            position: relative; }
        .brand .brand-episode .brand-episode__body {
          margin: 0 16px; }
          .brand .brand-episode .brand-episode__body .brand-episode__slider {
            margin: 16px 0; }
            .brand .brand-episode .brand-episode__body .brand-episode__slider .next-slide {
              right: 16px; }
            .brand .brand-episode .brand-episode__body .brand-episode__slider .prev-slide {
              left: 16px; }
      .brand .brand__gallery {
        padding-top: 24px;
        margin: 0; }
        .brand .brand__gallery .brand__gallery--wrap {
          width: 100%; }
          .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item .title {
            font: bold 16px/20px "Roboto"; }
      .brand .brand__news {
        padding: 0 16px; }
        .brand .brand__news .brand__breadcrumbs {
          padding: 24px 0 12px; }
        .brand .brand__news .brand__news--title {
          padding: 12px 80px 12px 0; }
          .brand .brand__news .brand__news--title .brand__news-icon {
            display: none; }
          .brand .brand__news .brand__news--title div.brand__news-calendar {
            right: 16px;
            padding-left: 24px;
            top: 16px; }
          .brand .brand__news .brand__news--title p {
            font: 500 24px/32px "Roboto"; }
        .brand .brand__news .brand__news--list {
          padding: 0 0 24px; }
          .brand .brand__news .brand__news--list .brand__news--list--item {
            padding: 24px 0; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info .brand__news--list--item-date {
              font: bold 16px/20px "Roboto"; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-title {
              font: bold 20px/24px "Roboto"; }
            .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info a.brand__news--list--item-anons {
              font: normal 14px/19px "Roboto";
              margin-top: 13px; }
      .brand .brand__article {
        padding: 0 0 0; }
        .brand .brand__article .brand-article__slider .next-slide {
          right: 16px; }
        .brand .brand__article .brand-article__slider .prev-slide {
          left: 16px; }
        .brand .brand__article .brand__news--body .brand__news--body-date {
          font: bold 16px/20px "Roboto"; }
        .brand .brand__article .brand__news--body .brand__news--body-title {
          font: bold 20px/24px "Roboto";
          margin-top: 12px; }
        .brand .brand__article .brand__news--body .brand__news--body-anons {
          font: bold 16px/20px "Roboto";
          padding: 12px 0 0; }
        .brand .brand__article .brand__news--body .brand__news--body-text {
          padding-top: 12px; }
          .brand .brand__article .brand__news--body .brand__news--body-text p {
            font: normal 14px/19px "Roboto"; }
          .brand .brand__article .brand__news--body .brand__news--body-text p.brand__news--body-text-title {
            font: bold 20px/24px "Roboto";
            margin-bottom: 12px; }
        .brand .brand__article .brand__news--gallery .brand__news--gallery-item {
          width: 100%;
          padding: 8px; }
      .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head {
        padding-left: 16px;
        padding-right: 16px; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .date {
          width: 100%;
          margin-left: 0;
          padding: 12px 0;
          float: none; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .title {
          clear: both;
          width: 100%; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .anons {
          width: 100%;
          box-sizing: border-box;
          padding: 12px 0;
          margin: 0;
          min-height: auto; }
        .brand .brand-episodes-list .brand-episodes-list__item .brand-episode__head .btns {
          position: relative;
          width: 100%;
          margin: 0;
          bottom: auto;
          left: 0; } }
  @media (max-width: 600px) {
    .brand {
      padding-top: 28px; }
      .brand .brand-promo h2 {
        font: 300 22px/28px "Roboto"; }
      .brand .brand-promo .brand-promo__hash {
        padding: 0; }
        .brand .brand-promo .brand-promo__hash a {
          font: normal 14px/19px "Roboto"; }
      .brand .brand-promo .brand-promo__header {
        margin-top: 14px; }
      .brand .brand-promo .brand-promo__header > div.brand-promo__header__social {
        top: 19px;
        right: 11px; } }
  @media (max-width: 530px) {
    .brand .brand-promo .brand-promo__header > div.brand-promo__header__anons .brand-promo__header__anons__item .brand-promo__header__anons__anons {
      font: normal 11px/16px "Roboto"; }
    .brand .brand__content {
      padding-top: 16px; }
    .brand .brand__list .brand__list--wrap .brand__list--wrap--item {
      width: 222px;
      margin-left: 0; }
      .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.title {
        font: normal 18px/20px "Roboto";
        font-weight: bold; }
      .brand .brand__list .brand__list--wrap .brand__list--wrap--item a.more-info {
        font: normal 11px/16px "Roboto"; }
      .brand .brand__list .brand__list--wrap .brand__list--wrap--item:first-child {
        margin-left: 16px; }
    .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item {
      display: block; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info {
        width: 100%; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .info-audio {
        width: 100%; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .time {
        width: 100%;
        float: none; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .title {
        float: none;
        width: 100%;
        padding: 12px 0; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .anons {
        display: none; }
      .brand .brand-episode .brand-episode__body .list-episodes .list-episode__item .btns {
        top: 0; }
    .brand .brand__gallery .brand__gallery--wrap .brand__gallery--wrap--item {
      width: 100%;
      clear: both; }
    .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-pic {
      float: none;
      clear: both;
      width: 192px;
      box-sizing: border-box; }
    .brand .brand__news .brand__news--list .brand__news--list--item .brand__news--list--item-info {
      width: auto;
      margin: 24px 0 0; } }

.news {
  max-width: 896px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 54px 16px 96px; }
  .news .news-title {
    position: relative;
    padding: 36px 0 38px;
    box-sizing: border-box;
    margin: 0 auto; }
    .news .news-title p {
      font: bold 16px/24px "Roboto";
      color: #999;
      text-transform: uppercase; }
    .news .news-title > div {
      position: absolute; }
      .news .news-title > div.news-calendar {
        left: auto;
        right: 0;
        margin-left: 16px;
        top: 24px;
        width: 156px;
        height: 48px;
        padding: 12px 16px;
        box-sizing: border-box;
        background: url(/i/date_2.svg) 120px 9px no-repeat;
        background-size: 24px auto;
        border: 2px solid #36a8e3;
        border-radius: 3px;
        font: normal 13px/19px "Roboto";
        line-height: 20px;
        z-index: 7;
        cursor: pointer; }
        .news .news-title > div.news-calendar:hover {
          color: #01aef9; }
        @media screen and (max-width: 530px) {
          .news .news-title > div.news-calendar {
            width: 135px;
            padding: 12px;
            background-position-x: 94px; } }
  .news .news-list {
    box-sizing: border-box;
    margin: 0 auto 32px; }
    .news .news-list .news-item {
      padding: 40px 0;
      border-bottom: 1px solid #ebf0f3; }
      .news .news-list .news-item:after {
        content: '';
        clear: both;
        display: block; }
      .news .news-list .news-item:first-child {
        border-top: 1px solid #ebf0f3; }
      .news .news-list .news-item .news-item__pic {
        width: 192px;
        border: 1px solid #ebf0f3;
        border-radius: 5px;
        text-align: center;
        float: left;
        padding: 24px;
        box-sizing: border-box; }
        .news .news-list .news-item .news-item__pic img {
          max-width: 144px;
          display: block; }
    .news .news-list .news-item {
      padding: 40px 0;
      border-bottom: 1px solid #ebf0f3;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center; }
      @media screen and (max-width: 600px) {
        .news .news-list .news-item {
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; } }
      .news .news-list .news-item:first-child {
        border-top: 1px solid #ebf0f3; }
      .news .news-list .news-item .news-item__date {
        width: 224px;
        color: #999;
        font: bold 18px/24px "Roboto"; }
      .news .news-list .news-item .news-item__title {
        font: bold 24px/32px "Roboto";
        width: calc(100% - 112px);
        box-sizing: border-box;
        padding-right: 32px;
        color: #333; }
        @media screen and (max-width: 1090px) {
          .news .news-list .news-item .news-item__title {
            width: calc(100% - 96px);
            padding-top: 4px;
            padding-bottom: 4px; } }
        @media screen and (max-width: 785px) {
          .news .news-list .news-item .news-item__title {
            font: bold 22px/28px "Roboto"; } }
        @media screen and (max-width: 620px) {
          .news .news-list .news-item .news-item__title {
            font: bold 20px/24px "Roboto"; } }
        @media screen and (max-width: 600px) {
          .news .news-list .news-item .news-item__title {
            font-size: 18px;
            line-height: 20px;
            width: 100%; } }
        .news .news-list .news-item .news-item__title a {
          color: #333; }
      .news .news-list .news-item .news-item__anons {
        font: normal 16px/24px "Roboto";
        width: calc(100% - 224px);
        margin-left: 224px;
        padding-top: 32px; }
        .news .news-list .news-item .news-item__anons a {
          color: #333; }
  @media screen and (max-width: 785px) {
    .news {
      padding-top: 32px; } }
  @media screen and (max-width: 920px) {
    .news {
      padding-bottom: 72px; } }
  @media screen and (max-width: 785px) {
    .news .news-list {
      padding-top: 8px; }
      .news .news-list .news-item {
        padding-top: 24px; } }
  @media screen and (max-width: 620px) {
    .news {
      padding: 32px 16px 48px; }
      .news .news-title {
        padding: 20px 80px 22px 0; }
        .news .news-title div.news-calendar {
          right: 0px;
          top: 6px; }
        .news .news-title p {
          font: bold 14px/19px "Roboto"; }
      .news .news-list {
        padding: 0; }
        .news .news-list .news-item {
          padding: 16px 0 24px; } }
  @media screen and (max-width: 600px) {
    .news {
      padding-top: 28px;
      font: 300 22px/28px "Roboto"; }
      .news .btns {
        padding-top: 16px; } }

.theme {
  width: 1152px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 54px 16px; }
  .person + .theme {
    padding-top: 0; }
    .person + .theme .list-theme {
      padding-top: 0; }
  .theme h1 {
    font: 300 36px/40px "Roboto";
    color: #333;
    text-align: center; }
  .theme .theme--hash {
    text-align: center;
    padding: 6px 0; }
    .theme .theme--hash a {
      font: normal 16px/24px "Roboto";
      color: #36a8e3;
      text-decoration: none; }
      .theme .theme--hash a:hover {
        color: #01aef9; }
  .theme .list-theme {
    padding: 40px 0; }
    .theme .list-theme .list-theme--item {
      border-bottom: 1px solid #ebf0f3;
      padding: 40px 0;
      margin: 0 16px; }
      .theme .list-theme .list-theme--item:first-child {
        border-top: 1px solid #ebf0f3; }
      .theme .list-theme .list-theme--item:after {
        clear: both;
        content: '';
        display: block; }
      .theme .list-theme .list-theme--item .list-theme--item__time {
        width: calc(20% + 6.4px);
        box-sizing: border-box;
        float: left; }
        .theme .list-theme .list-theme--item .list-theme--item__time p {
          color: #999;
          font: 500 36px/40px "Roboto"; }
          .theme .list-theme .list-theme--item .list-theme--item__time p.list-theme--item__date {
            font: normal 13px/19px "Roboto";
            padding-top: 0;
            text-transform: capitalize; }
      .theme .list-theme .list-theme--item .list-theme--item__info {
        width: calc(80% - 6.4px);
        float: left;
        position: relative; }
        @media (max-width: 1090px) {
          .theme .list-theme .list-theme--item .list-theme--item__info {
            min-height: 117px; } }
        .theme .list-theme .list-theme--item .list-theme--item__info p a {
          color: #333; }
          .theme .list-theme .list-theme--item .list-theme--item__info p a:hover {
            color: #01aef9; }
        .theme .list-theme .list-theme--item .list-theme--item__info p.title {
          font: 500 36px/40px "Roboto"; }
        .theme .list-theme .list-theme--item .list-theme--item__info p.rubric {
          font: normal 14px/19px "Roboto";
          padding-top: 16px; }
        .theme .list-theme .list-theme--item .list-theme--item__info p.anons {
          font: normal 16px/24px "Roboto";
          padding-top: 32px;
          position: relative;
          min-height: 17px; }
        .theme .list-theme .list-theme--item .list-theme--item__info .btns {
          position: absolute;
          left: calc(-25% - 7px);
          bottom: 7px; }
      .theme .list-theme .list-theme--item .this-episode {
        clear: both;
        margin-left: calc(20% + 6.4px); }
        .theme .list-theme .list-theme--item .this-episode > p {
          font: bold 18px/24px "Roboto";
          padding: 32px 24px 32px 0;
          cursor: pointer;
          display: inline-block;
          background: url(/i/select_expand_1.svg) right 50% no-repeat;
          background-size: 13px auto; }
        .theme .list-theme .list-theme--item .this-episode .this-episode--wrap {
          display: none; }
        .theme .list-theme .list-theme--item .this-episode .this-episode--item:first-child {
          border-top: 1px solid #ebf0f3; }
        .theme .list-theme .list-theme--item .this-episode .this-episode--item {
          padding: 40px 0;
          border-bottom: 1px solid #ebf0f3; }
          .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__time {
            width: 224px;
            box-sizing: border-box;
            float: left;
            max-width: calc(33.3333% - 10.6666px); }
            .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__time p {
              font: bold 18px/24px "Roboto"; }
          .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__info {
            width: calc(100% - 224px);
            margin-left: 224px; }
            .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__info .title {
              font: bold 22px/28px "Roboto"; }
            .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__info .anons {
              padding-top: 16px;
              color: #999; }
            @media (max-width: 1090px) {
              .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__info {
                width: calc(66.6666% - 21.3333px);
                margin-left: calc(33.3333% - 10.6666px); } }
        .theme .list-theme .list-theme--item .this-episode .hide {
          float: right;
          padding-right: 24px;
          margin-top: 40px;
          text-transform: capitalize;
          background: url(/i/select_collapse_1.svg) right 50% no-repeat;
          background-size: 13px auto;
          cursor: pointer; }
        .theme .list-theme .list-theme--item .this-episode .btns {
          position: relative;
          left: calc(-33.3333% - 10px);
          top: -54px; }
          @media (max-width: 1090px) {
            .theme .list-theme .list-theme--item .this-episode .btns {
              left: -50%; } }
  @media (max-width: 1000px) {
    .theme .list-theme .list-theme--item .list-theme--item__info p.rubric {
      display: none; } }
  @media (max-width: 785px) {
    .theme {
      padding: 32px 16px 72px; }
      .theme .list-theme {
        padding: 32px 0; } }
  @media (max-width: 600px) {
    .theme .theme--hash {
      padding: 0; }
      .theme .theme--hash a {
        font: normal 14px/19px "Roboto"; }
    .theme .list-theme .list-theme--item {
      margin: 0 12px; }
      .theme .list-theme .list-theme--item .list-theme--item__time {
        width: 100%;
        clear: both; }
        .theme .list-theme .list-theme--item .list-theme--item__time p {
          font: 500 24px/32px "Roboto"; }
      .theme .list-theme .list-theme--item .list-theme--item__info {
        width: 100%;
        clear: both;
        margin-top: 12px;
        position: relative; }
        .theme .list-theme .list-theme--item .list-theme--item__info p.title {
          font: 500 24px/32px "Roboto"; }
        .theme .list-theme .list-theme--item .list-theme--item__info p.anons {
          padding-top: 12px; }
        .theme .list-theme .list-theme--item .list-theme--item__info .btns {
          position: relative;
          top: auto;
          margin-top: 12px;
          left: 0px;
          z-index: 2;
          bottom: auto; }
      .theme .list-theme .list-theme--item .this-episode {
        width: 100%;
        margin-left: 0;
        text-align: right;
        position: relative; }
        .theme .list-theme .list-theme--item .this-episode > p {
          padding-top: 20px; }
        .theme .list-theme .list-theme--item .this-episode .this-episode--wrap {
          text-align: left; }
        .theme .list-theme .list-theme--item .this-episode .hide {
          float: none;
          margin: 40px auto 0;
          width: 62px; }
        .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__time {
          width: 100%;
          max-width: 100%;
          clear: both;
          color: #cecece; }
        .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__info {
          width: 100%;
          clear: both;
          margin-left: 0; }
          .theme .list-theme .list-theme--item .this-episode .this-episode--item .this-episode--item__info .anons {
            display: none; }
        .theme .list-theme .list-theme--item .this-episode .this-episode--item .btns {
          position: relative;
          top: 12px;
          left: 0; } }
  @media (max-width: 530px) {
    .theme {
      padding: 28px 0 48px; }
      .theme .list-theme .list-theme--item {
        padding: 24px 0; }
        .theme .list-theme .list-theme--item .list-theme--item__time p.list-theme--item__date {
          font: normal 11px/16px "Roboto";
          margin-top: -3px; }
        .theme .list-theme .list-theme--item .list-theme--item__info p.anons {
          padding-top: 10px;
          font: normal 14px/19px "Roboto"; } }

.podcasts {
  max-width: 930px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 54px 16px; }
  .podcasts .list-podcasts {
    padding: 0 16px 40px;
    margin: 0 auto;
    box-sizing: border-box; }
    .podcasts .list-podcasts .item {
      padding: 24px 0;
      box-sizing: border-box;
      border-bottom: 1px solid #ebf0f3; }
      .podcasts .list-podcasts .item:after {
        clear: both;
        content: '';
        display: block; }
      .podcasts .list-podcasts .item .pic {
        width: 80px;
        height: 80px;
        float: left;
        border-radius: 50%;
        position: relative;
        display: block; }
        .podcasts .list-podcasts .item .pic:before {
          content: '';
          display: block;
          width: 80px;
          height: 80px;
          box-sizing: border-box;
          border: 1px solid #ebf0f3;
          background: transparent url(/i/no-photo.svg) 50% 50% no-repeat;
          background-size: 24px auto;
          border-radius: 50%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1; }
      .podcasts .list-podcasts .item img {
        border-radius: 50%;
        width: 80px;
        position: relative;
        z-index: 2; }
      .podcasts .list-podcasts .item .info {
        width: calc(100% - 160px);
        padding: 16px 32px 0;
        box-sizing: border-box;
        float: left; }
        .podcasts .list-podcasts .item .info .title {
          font: bold 22px/28px "Roboto";
          padding-bottom: 3px; }
          .podcasts .list-podcasts .item .info .title a {
            color: #333; }
            .podcasts .list-podcasts .item .info .title a:hover {
              color: #01aef9; }
        .podcasts .list-podcasts .item .info .count {
          font: normal 14px/19px "Roboto"; }
          .podcasts .list-podcasts .item .info .count a {
            color: #999; }
            .podcasts .list-podcasts .item .info .count a:hover {
              color: #01aef9; }
          .podcasts .list-podcasts .item .info .count span {
            font-weight: bold;
            padding-right: 8px; }
      .podcasts .list-podcasts .item .podcast {
        width: 80px;
        color: #36a8e3;
        background: url(/i/podcast.svg) 50% 10px no-repeat;
        background-size: 33px 27px;
        padding: 48px 0 0 0;
        text-align: center;
        font: normal 13px/19px "Roboto";
        box-sizing: border-box;
        float: left; }
        .podcasts .list-podcasts .item .podcast:hover {
          color: #01aef9; }
      .podcasts .list-podcasts .item.archive img {
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray;
        /* IE 6-9 */
        -webkit-filter: grayscale(1); }
      .podcasts .list-podcasts .item.archive .info .title a {
        color: #999; }
  @media (max-width: 785px) {
    .podcasts {
      padding: 32px 16px 8px; }
      .podcasts .list-podcasts {
        width: 100%; }
        .podcasts .list-podcasts .item {
          padding: 8px 0 24px; }
          .podcasts .list-podcasts .item .pic {
            margin-top: 10px;
            width: 60px;
            height: 60px; }
            .podcasts .list-podcasts .item .pic:before {
              width: 60px;
              height: 60px; }
            .podcasts .list-podcasts .item .pic img {
              width: 60px; }
          .podcasts .list-podcasts .item .info {
            width: calc(100% - 115px); }
          .podcasts .list-podcasts .item .podcast {
            width: 55px;
            background-position-y: 15px; } }
  @media (max-width: 600px) {
    .podcasts {
      padding-top: 28px; }
      .podcasts .list-podcasts {
        padding: 0 0 40px; }
        .podcasts .list-podcasts .item {
          padding: 18px 0 24px; }
          .podcasts .list-podcasts .item .info {
            padding-top: 12px; }
          .podcasts .list-podcasts .item .podcast {
            top: 22px;
            width: 40px;
            font: normal 11px/16px "Roboto"; } }
  @media (max-width: 530px) {
    .podcasts .list-podcasts .item {
      position: relative; }
      .podcasts .list-podcasts .item .info {
        width: 100%;
        clear: both;
        float: none;
        padding: 12px 0 0; }
        .podcasts .list-podcasts .item .info .title {
          font: bold 20px/24px "Roboto"; }
        .podcasts .list-podcasts .item .info .count {
          padding-top: 6px; }
      .podcasts .list-podcasts .item .podcast {
        float: none;
        position: absolute;
        top: 20px;
        right: 0; } }

.about {
  padding: 54px 16px;
  max-width: 1152px;
  box-sizing: border-box;
  margin: 0 auto; }
  @media (max-width: 785px) {
    .about {
      padding: 32px 16px 48px; } }
  @media (max-width: 600px) {
    .about {
      padding-top: 28px; } }
  .about .about__body {
    width: calc(60% - 32px);
    margin: 0 auto;
    padding: 45px 0 0;
    box-sizing: border-box;
    border-bottom: 1px solid #ebf0f3; }
    @media (max-width: 785px) {
      .about .about__body {
        width: calc(100% - 220px);
        padding-top: 24px; } }
    @media (max-width: 620px) {
      .about .about__body {
        width: 100%;
        padding: 0 16px;
        box-sizing: border-box; } }
    @media (max-width: 600px) {
      .about .about__body {
        padding: 8px 0; } }
    .about .about__body * {
      max-width: 100%; }
    .about .about__body p.title {
      font: 500 36px/40px "Roboto";
      padding: 32px 0; }
      @media (max-width: 620px) {
        .about .about__body p.title {
          font: 500 24px/32px "Roboto";
          padding: 12px 0; } }
      @media (max-width: 620px) {
        .about .about__body p.title {
          font: bold 22px/28px "Roboto"; } }
    .about .about__body p {
      padding: 8px 0;
      font: normal 16px/24px "Roboto"; }
      @media (max-width: 620px) {
        .about .about__body p {
          font: normal 14px/19px "Roboto"; } }
    .about .about__body img {
      max-width: 100%; }
    .about .about__body a {
      color: #01aef9; }
      .about .about__body a:hover {
        text-decoration: underline; }
    .about .about__body ul, .about .about__body ol {
      padding: 6px 0 6px 40px; }
    .about .about__body .about-source {
      font: normal 16px/24px "Roboto";
      color: #999;
      margin-top: 32px;
      margin-bottom: 32px; }
      @media screen and (max-width: 620px) {
        .about .about__body .about-source {
          margin-top: 24px;
          margin-bottom: 24px;
          font: normal 14px/19px "Roboto"; } }
      .about .about__body .about-source a {
        color: #999;
        text-decoration: underline; }
        .about .about__body .about-source a:hover {
          color: #01aef9; }
  .about .smi__body {
    margin: 0;
    padding-top: 48px; }
    @media (max-width: 620px) {
      .about .smi__body {
        padding: 0 16px; } }
    @media (max-width: 600px) {
      .about .smi__body {
        padding: 0; } }
    .about .smi__body .smi-head {
      position: relative;
      padding: 32px 240px;
      max-width: 1120px;
      box-sizing: border-box;
      margin: 0 auto; }
      @media (max-width: 1000px) {
        .about .smi__body .smi-head {
          padding: 14px 110px 32px; } }
      @media (max-width: 620px) {
        .about .smi__body .smi-head {
          padding: 12px 80px 12px 0; } }
      @media (max-width: 600px) {
        .about .smi__body .smi-head {
          padding: 22px 0; } }
      .about .smi__body .smi-head p {
        font: 500 36px/40px "Roboto"; }
        @media (max-width: 620px) {
          .about .smi__body .smi-head p {
            font: 500 24px/32px "Roboto"; } }
      .about .smi__body .smi-head div.smi-head__icon {
        position: absolute;
        width: 32px;
        height: 32px;
        background: url(/i/news.svg) 50% 50% no-repeat;
        left: 128px;
        top: 35px; }
        @media (max-width: 1000px) {
          .about .smi__body .smi-head div.smi-head__icon {
            left: 32px;
            top: 17px; } }
        @media (max-width: 620px) {
          .about .smi__body .smi-head div.smi-head__icon {
            display: none; } }
    .about .smi__body .smi-list {
      padding: 32px 240px;
      max-width: 1120px;
      box-sizing: border-box;
      margin: 0 auto; }
      @media (max-width: 1000px) {
        .about .smi__body .smi-list {
          padding: 8px 108px 32px; } }
      @media (max-width: 620px) {
        .about .smi__body .smi-list {
          padding: 0 0 32px; } }
      .about .smi__body .smi-list .smi-item {
        padding: 40px 0;
        border-bottom: 1px solid #ebf0f3; }
        @media (max-width: 1000px) {
          .about .smi__body .smi-list .smi-item {
            padding: 46px 0 40px; } }
        @media (max-width: 620px) {
          .about .smi__body .smi-list .smi-item {
            padding: 24px 0; } }
        @media (max-width: 600px) {
          .about .smi__body .smi-list .smi-item {
            padding: 32px 0; } }
        .about .smi__body .smi-list .smi-item:after {
          content: '';
          clear: both;
          display: block; }
        .about .smi__body .smi-list .smi-item:first-child {
          border-top: 1px solid #ebf0f3; }
        .about .smi__body .smi-list .smi-item__pic {
          width: 192px;
          border: 1px solid #ebf0f3;
          border-radius: 5px;
          text-align: center;
          float: left;
          padding: 24px;
          box-sizing: border-box; }
          @media (max-width: 600px) {
            .about .smi__body .smi-list .smi-item__pic {
              padding: 16px; } }
          @media (max-width: 530px) {
            .about .smi__body .smi-list .smi-item__pic {
              float: none;
              clear: both;
              width: 192px;
              box-sizing: border-box; } }
          .about .smi__body .smi-list .smi-item__pic img {
            max-width: 144px; }
            @media (max-width: 600px) {
              .about .smi__body .smi-list .smi-item__pic img {
                max-width: 160px; } }
        .about .smi__body .smi-list .smi-item__info {
          width: calc(100% - 224px);
          margin-left: 224px; }
          @media (max-width: 600px) {
            .about .smi__body .smi-list .smi-item__info {
              margin: 22px 0 0;
              width: 100%; } }
          @media (max-width: 530px) {
            .about .smi__body .smi-list .smi-item__info {
              width: auto;
              margin: 24px 0 0; } }
          .about .smi__body .smi-list .smi-item__info .smi-date {
            font: bold 18px/24px "Roboto";
            color: #999;
            text-transform: lowercase; }
            @media (max-width: 670px) {
              .about .smi__body .smi-list .smi-item__info .smi-date {
                font: bold 16px/20px "Roboto"; } }
          .about .smi__body .smi-list .smi-item__info a {
            display: block; }
            .about .smi__body .smi-list .smi-item__info a.smi-title {
              color: #333;
              font: bold 24px/32px "Roboto"; }
              @media (max-width: 670px) {
                .about .smi__body .smi-list .smi-item__info a.smi-title {
                  font: bold 20px/24px "Roboto"; } }
              @media (max-width: 600px) {
                .about .smi__body .smi-list .smi-item__info a.smi-title {
                  margin-top: 8px; } }
              .about .smi__body .smi-list .smi-item__info a.smi-title:hover {
                color: #01aef9; }
            .about .smi__body .smi-list .smi-item__info a.smi-anons {
              padding: 18px 0 28px;
              font: normal 16px/24px "Roboto";
              color: #333; }
              @media (max-width: 670px) {
                .about .smi__body .smi-list .smi-item__info a.smi-anons {
                  font: normal 14px/19px "Roboto"; } }
              @media (max-width: 600px) {
                .about .smi__body .smi-list .smi-item__info a.smi-anons {
                  padding-bottom: 0; } }
              @media (max-width: 530px) {
                .about .smi__body .smi-list .smi-item__info a.smi-anons {
                  padding-top: 12px; } }
              .about .smi__body .smi-list .smi-item__info a.smi-anons:hover {
                color: #01aef9; }
              .about .smi__body .smi-list .smi-item__info a.smi-anons:empty {
                padding: 0; }
                @media (max-width: 530px) {
                  .about .smi__body .smi-list .smi-item__info a.smi-anons:empty {
                    padding: 0; } }
            .about .smi__body .smi-list .smi-item__info a.smi-more {
              font: bold 18px/24px "Roboto";
              color: #333;
              padding: 18px 18px 28px 0;
              background: transparent url(/i/next_small.svg) 100% 25px no-repeat;
              background-size: 7px auto;
              display: inline-block; }
              @media (max-width: 620px) {
                .about .smi__body .smi-list .smi-item__info a.smi-more {
                  padding-bottom: 0; } }
              .about .smi__body .smi-list .smi-item__info a.smi-more:hover {
                color: #01aef9; }
  .about .pr__body {
    margin: 0;
    padding-top: 48px; }
    .about .pr__body .pr-head {
      position: relative;
      padding: 32px 240px;
      max-width: 1120px;
      box-sizing: border-box;
      margin: 0 auto; }
      .about .pr__body .pr-head p {
        font: 500 36px/40px "Roboto"; }
      .about .pr__body .pr-head div.pr-head__icon {
        position: absolute;
        width: 32px;
        height: 32px;
        background: url(/i/news.svg) 50% 50% no-repeat;
        left: 100px;
        top: 35px; }
    .about .pr__body .pr-list {
      padding: 32px 240px;
      max-width: 1120px;
      box-sizing: border-box;
      margin: 0 auto; }
      .about .pr__body .pr-list .pr-item {
        padding: 40px 0;
        border-bottom: 1px solid #ebf0f3; }
        .about .pr__body .pr-list .pr-item:after {
          content: '';
          clear: both;
          display: block; }
        .about .pr__body .pr-list .pr-item:first-child {
          border-top: 1px solid #ebf0f3; }
        .about .pr__body .pr-list .pr-item .pr-date {
          font: bold 18px/24px "Roboto";
          color: #999;
          width: 224px;
          float: left; }
        .about .pr__body .pr-list .pr-item__info {
          width: calc(100% - 224px);
          margin-left: 224px; }
          .about .pr__body .pr-list .pr-item__info a {
            display: block; }
            .about .pr__body .pr-list .pr-item__info a.pr-title {
              color: #333;
              font: bold 24px/32px "Roboto"; }
            .about .pr__body .pr-list .pr-item__info a.pr-anons {
              padding-top: 18px;
              font: normal 16px/24px "Roboto";
              color: #333; }
  .about .about-smi {
    width: 80%;
    margin: 0 auto;
    padding: 32px 0;
    box-sizing: border-box; }
    @media (max-width: 920px) {
      .about .about-smi {
        width: 100%;
        margin: 0; } }
    @media (max-width: 620px) {
      .about .about-smi {
        width: 100%;
        margin: 0; } }
    @media (max-width: 600px) {
      .about .about-smi {
        padding: 0; } }
    .about .about-smi p.about-smi__title {
      padding: 32px 12.5%;
      font: 500 36px/40px "Roboto";
      margin: 0 16px; }
      @media (max-width: 600px) {
        .about .about-smi p.about-smi__title {
          font: bold 22px/28px "Roboto";
          padding: 35px 0 24px;
          margin: 0; } }
    .about .about-smi .about-smi__slider {
      margin: 0 16px;
      max-width: calc(100% - 32px);
      padding-bottom: 40px; }
      @media (max-width: 600px) {
        .about .about-smi .about-smi__slider {
          margin: 0;
          max-width: 100%; } }
      .about .about-smi .about-smi__slider .owl-stage-outer {
        padding-bottom: 48px; }
      .about .about-smi .about-smi__slider .item {
        border: 1px solid #ebf0f3;
        border-radius: 5px;
        padding: 74px 0 0;
        height: 216px;
        box-sizing: border-box; }
        @media (max-width: 620px) {
          .about .about-smi .about-smi__slider .item {
            padding-top: 16px;
            height: auto;
            padding-bottom: 72px; } }
        @media (max-width: 600px) {
          .about .about-smi .about-smi__slider .item {
            padding-bottom: 56px; } }
        .about .about-smi .about-smi__slider .item .logo-smi {
          width: 224px;
          margin-left: 112px;
          float: left; }
          @media (max-width: 920px) {
            .about .about-smi .about-smi__slider .item .logo-smi {
              margin-left: 48px; } }
          @media (max-width: 785px) {
            .about .about-smi .about-smi__slider .item .logo-smi {
              width: 208px; } }
          @media (max-width: 620px) {
            .about .about-smi .about-smi__slider .item .logo-smi {
              margin-left: 0;
              width: 100%;
              float: none;
              padding: 16px 32px 0;
              box-sizing: border-box; } }
          .about .about-smi .about-smi__slider .item .logo-smi a {
            display: block;
            max-width: 75%; }
            @media (max-width: 600px) {
              .about .about-smi .about-smi__slider .item .logo-smi a {
                max-width: 70%; } }
            .about .about-smi .about-smi__slider .item .logo-smi a img {
              max-width: 100%; }
              @media (max-width: 600px) {
                .about .about-smi .about-smi__slider .item .logo-smi a img {
                  display: block; } }
        .about .about-smi .about-smi__slider .item .info {
          width: calc(100% - 352px);
          float: left;
          background: #fff;
          padding: 0 16px;
          box-sizing: border-box; }
          @media (max-width: 920px) {
            .about .about-smi .about-smi__slider .item .info {
              width: calc(100% - 288px); } }
          @media (max-width: 785px) {
            .about .about-smi .about-smi__slider .item .info {
              width: calc(100% - 272px); } }
          @media (max-width: 620px) {
            .about .about-smi .about-smi__slider .item .info {
              width: 100%;
              float: none;
              padding: 0 32px 16px; } }
          .about .about-smi .about-smi__slider .item .info .title {
            font: bold 22px/28px "Roboto";
            padding: 0;
            margin: 0; }
            @media (max-width: 785px) {
              .about .about-smi .about-smi__slider .item .info .title {
                font: bold 20px/24px "Roboto"; } }
            @media (max-width: 530px) {
              .about .about-smi .about-smi__slider .item .info .title {
                font: normal 18px/20px "Roboto";
                font-weight: bold; } }
          .about .about-smi .about-smi__slider .item .info .anons {
            font: normal 16px/24px "Roboto";
            margin-top: 16px;
            max-height: 89px;
            overflow: hidden; }
            @media (max-width: 600px) {
              .about .about-smi .about-smi__slider .item .info .anons {
                margin-top: 4px;
                max-height: none; } }
            @media (max-width: 530px) {
              .about .about-smi .about-smi__slider .item .info .anons {
                font: normal 14px/19px "Roboto"; } }
          .about .about-smi .about-smi__slider .item .info a {
            font: normal 13px/19px "Roboto";
            color: #333;
            text-transform: capitalize; }
            @media (max-width: 600px) {
              .about .about-smi .about-smi__slider .item .info a {
                margin-top: 12px; } }
            @media (max-width: 530px) {
              .about .about-smi .about-smi__slider .item .info a {
                font: normal 11px/16px "Roboto"; } }

.rubrics {
  max-width: calc(100% - 32px);
  margin: 0 16px;
  padding-bottom: 3px; }
  .about .rubrics {
    max-width: 866px;
    margin: 0 auto; }
  .rubrics:after {
    clear: both;
    content: '';
    display: block; }
  .rubrics:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3px;
    height: 1px;
    background: #cecece;
    display: block; }
  .rubrics .swiper-wrapper {
    height: calc(100% - 3px); }
  .rubrics .rubrics__item {
    padding: 39px 0 41px;
    box-sizing: border-box;
    text-transform: uppercase;
    color: #999;
    font: bold 16px/24px "Roboto";
    margin: 0 28px 0;
    float: left;
    width: auto; }
    .rubrics .rubrics__item[data-tabs] {
      cursor: pointer; }
      .rubrics .rubrics__item[data-tabs]:hover {
        color: #01aef9; }
    .rubrics .rubrics__item a {
      color: #999; }
      .rubrics .rubrics__item a:hover {
        color: #01aef9; }
    .rubrics .rubrics__item.active {
      color: #36a8e3;
      position: relative; }
      .rubrics .rubrics__item.active:after {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 3px;
        background: #36a8e3;
        border-radius: 3px; }
      .rubrics .rubrics__item.active a {
        color: #36a8e3; }
    .rubrics .rubrics__item:first-child {
      margin-left: 0; }
  .rubrics + .rubrics {
    margin: 18px 16px 0;
    border-bottom: none;
    max-width: calc(100% - 32px);
    position: relative;
    padding-bottom: 2px; }
    .rubrics + .rubrics .swiper-wrapper {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      border: none;
      height: 100%; }
      .rubrics + .rubrics .swiper-wrapper .rubrics__item {
        padding: 0 8px 6px;
        text-align: center;
        margin: 0 auto;
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: auto; }
        .rubrics + .rubrics .swiper-wrapper .rubrics__item.active:after {
          bottom: 0; }
    .rubrics + .rubrics .next-letter, .rubrics + .rubrics .prev-letter {
      position: absolute;
      top: 0;
      width: 32px;
      height: 27px;
      left: 0;
      background: #fff url(/i/previus_small.svg) 0 3px no-repeat;
      display: none;
      cursor: pointer;
      z-index: 2;
      background-size: auto 16px; }
    .rubrics + .rubrics .next-letter {
      left: auto;
      right: 0;
      background: #fff url(/i/next_small.svg) 100% 3px no-repeat;
      background-size: auto 16px; }
    @media (max-width: 740px) {
      .rubrics + .rubrics {
        padding: 0 32px;
        max-width: calc(100% - 96px); }
        .rubrics + .rubrics .next-letter, .rubrics + .rubrics .prev-letter {
          display: block; } }
  @media (max-width: 785px) {
    .rubrics .rubrics__item {
      padding: 24px 0; } }

h1 {
  font: 300 36px/40px "Roboto";
  text-align: center; }
  @media (max-width: 600px) {
    h1 {
      font: 300 22px/28px "Roboto"; } }

.content > h1 {
  margin: 2px 16px 0; }

.content > div > h1 {
  font: 300 36px/40px "Roboto";
  color: #333;
  text-align: center;
  margin: 2px 16px 0; }

.btns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .btns:after {
    content: '';
    display: block;
    clear: both; }
  .tvp .btns {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .btns a.download {
    display: block;
    width: 48px;
    height: 48px;
    background: url(/i/download.svg) 0 0 no-repeat;
    background-size: contain; }
    @media (max-width: 1090px) {
      .btns a.download {
        width: 40px;
        height: 40px; } }
    .btns a.download:hover {
      background: url(/i/download_hover.svg) 0 0 no-repeat; }
    .btns a.download + div {
      margin-left: 16px; }
      @media screen and (max-width: 600px) {
        .btns a.download + div {
          margin-left: 8px; } }
  .btns div {
    width: 48px;
    height: 48px;
    background: #36a8e3 url(/i/play_1.svg) 50% no-repeat;
    background-size: 13px auto;
    border-radius: 5px;
    cursor: pointer; }
    .btns div.playing {
      background-image: url(/i/pause.svg); }
    @media (max-width: 1090px) {
      .btns div {
        width: 40px;
        height: 40px; } }
    .btns div:hover {
      background-color: #01aef9; }

.show-more {
  font: normal 16px/24px "Roboto";
  color: #999;
  border-radius: 20px;
  border: 2px solid #36a8e3;
  padding: 6px 0;
  margin: 0 auto;
  width: 184px;
  text-align: center;
  display: block; }
  .show-more:hover {
    color: #fff;
    border-color: #01aef9;
    background-color: #01aef9; }

.show-more.hidden {
  display: none !important; }
  .show-more.hidden + .preloader {
    display: block;
    height: 48px;
    width: 90px;
    position: relative;
    margin: 0 auto; }
    .show-more.hidden + .preloader .l_main {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      margin: 0;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    @media (max-width: 550px) {
      .show-more.hidden + .preloader {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); } }
    @media (max-width: 440px) {
      .show-more.hidden + .preloader {
        -webkit-transform: scale(0.5);
        transform: scale(0.5); } }
    .show-more.hidden + .preloader .l_square {
      position: relative; }
    .show-more.hidden + .preloader .l_square:nth-child(1) {
      margin-left: 0px; }
    .show-more.hidden + .preloader .l_square:nth-child(2) {
      margin-left: 18px; }
    .show-more.hidden + .preloader .l_square:nth-child(3) {
      margin-left: 36px; }
    .show-more.hidden + .preloader .l_square:nth-child(4) {
      margin-left: 52px; }
    .show-more.hidden + .preloader .l_square span {
      position: absolute;
      top: 0px;
      left: 20px;
      height: 12px;
      width: 12px;
      border-radius: 2px;
      background-color: #36a8e3; }
    .show-more.hidden + .preloader .l_square span:nth-child(1) {
      top: 0px; }
    .show-more.hidden + .preloader .l_square span:nth-child(2) {
      top: 18px; }
    .show-more.hidden + .preloader .l_square span:nth-child(3) {
      top: 36px; }
    .show-more.hidden + .preloader .l_square:nth-child(1) span {
      -webkit-animation: animsquare1 2s infinite ease-in;
      animation: animsquare1 2s infinite ease-in; }
    .show-more.hidden + .preloader .l_square:nth-child(2) span {
      -webkit-animation: animsquare2 2s infinite ease-in;
      animation: animsquare2 2s infinite ease-in; }
    .show-more.hidden + .preloader .l_square:nth-child(3) span {
      -webkit-animation: animsquare3 2s infinite ease-in;
      animation: animsquare3 2s infinite ease-in; }
    .show-more.hidden + .preloader .l_square:nth-child(4) span {
      -webkit-animation: animsquare4 2s infinite ease-in;
      animation: animsquare4 2s infinite ease-in; }
    .show-more.hidden + .preloader .l_square span:nth-child(1) {
      -webkit-animation-delay: 0.00s;
      animation-delay: 0.00s; }
    .show-more.hidden + .preloader .l_square span:nth-child(2) {
      -webkit-animation-delay: 0.15s;
      animation-delay: 0.15s; }
    .show-more.hidden + .preloader .l_square span:nth-child(3) {
      -webkit-animation-delay: 0.30s;
      animation-delay: 0.30s; }

@-webkit-keyframes animsquare1 {
  0%, 5%, 95%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  30%, 70% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare1 {
  0%, 5%, 95%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  30%, 70% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@-webkit-keyframes animsquare2 {
  0%, 10%, 90%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  35%, 65% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare2 {
  0%, 10%, 90%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  35%, 65% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@-webkit-keyframes animsquare3 {
  0%, 15%, 85%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  40%, 60% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare3 {
  0%, 15%, 85%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  40%, 60% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@-webkit-keyframes animsquare4 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  45%, 55% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@keyframes animsquare4 {
  0%, 20%, 80%, 100% {
    -webkit-transform: translate(0px, 0px) rotate(0deg);
    transform: translate(0px, 0px) rotate(0deg); }
  45%, 55% {
    -webkit-transform: translate(-14px, 0px) rotate(-90deg);
    transform: translate(-14px, 0px) rotate(-90deg); } }

@media (max-width: 620px) {
  .show-more {
    width: 136px;
    font: normal 14px/19px "Roboto"; }
  .rubrics .rubrics__item {
    margin: 0 8px;
    padding: 20px 0; } }

@media (max-width: 600px) {
  .rubrics {
    margin: 0;
    max-width: 100%; }
    .rubrics .rubrics__item {
      font: bold 14px/19px "Roboto";
      padding: 18px 0; }
  .content > div > h1 {
    font: 300 22px/28px "Roboto"; } }

.datepicker {
  position: absolute;
  right: 0;
  top: 55px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 0 25px 0 #cecece;
  width: 300px;
  box-sizing: border-box;
  padding: 48px 40px;
  display: none; }
  .datepicker .ui-datepicker {
    position: relative; }
  .datepicker .ui-datepicker-header {
    position: relative;
    height: 20px;
    margin: 0 8px; }
    .datepicker .ui-datepicker-header .ui-datepicker-prev {
      position: absolute;
      width: 15px;
      height: 20px;
      left: 0;
      top: 0;
      background: transparent url(/i/previus_small.svg) 50% 50% no-repeat;
      background-size: 7px auto; }
      .datepicker .ui-datepicker-header .ui-datepicker-prev span {
        display: none !important; }
    .datepicker .ui-datepicker-header .ui-datepicker-next {
      position: absolute;
      width: 15px;
      height: 20px;
      right: 0;
      top: 0;
      background: transparent url(/i/next_small.svg) 50% 50% no-repeat;
      background-size: 7px auto; }
      .datepicker .ui-datepicker-header .ui-datepicker-next span {
        display: none !important; }
    .datepicker .ui-datepicker-header .ui-datepicker-title {
      padding: 2px 23px 0;
      text-align: center;
      text-transform: uppercase;
      font: bold 16px/20px "Roboto";
      color: #333; }
  .datepicker .ui-datepicker-calendar {
    margin-top: 24px;
    border-collapse: collapse; }
    .datepicker .ui-datepicker-calendar th, .datepicker .ui-datepicker-calendar td {
      width: 32px;
      height: 32px;
      text-align: center;
      font: normal 13px/19px "Roboto";
      line-height: 32px; }
    .datepicker .ui-datepicker-calendar th {
      color: #36a8e3; }
    .datepicker .ui-datepicker-calendar td.ui-datepicker-unselectable {
      color: #999;
      cursor: default; }
    .datepicker .ui-datepicker-calendar td a {
      color: #333;
      display: block;
      height: 32px;
      width: 32px;
      border-radius: 3px; }
      .datepicker .ui-datepicker-calendar td a.ui-state-active {
        background: #36a8e3;
        color: #fff !important; }
      .datepicker .ui-datepicker-calendar td a:hover {
        color: #fff !important;
        background: #01aef9; }

@media (max-width: 1061px) {
  .size_240 {
    display: none !important; } }

.player-btn {
  min-height: 64px;
  margin: 8px 0;
  font: bold 16px/24px "Roboto";
  color: #333 !important;
  box-sizing: border-box;
  display: block;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }
  .player-btn span:first-child {
    display: inline-block;
    background: #36a8e3 url(/i/play_1.svg) 50% 50% no-repeat;
    background-size: 21px auto;
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 5px;
    margin-right: 32px; }
  .player-btn.playing span:first-child {
    background: #36a8e3 url(/i/pause.svg) 50% 50% no-repeat;
    background-size: 21px auto; }
  .player-btn:hover {
    color: #01aef9 !important; }
    .player-btn:hover span:first-child {
      background-color: #01aef9; }

.picture-insert {
  position: relative;
  margin: 8px 0; }
  .picture-insert .picture-insert__holder {
    border-radius: 5px; }
    .picture-insert .picture-insert__holder img {
      border-radius: 5px;
      display: block;
      width: 100%;
      vertical-align: top; }
  .picture-insert .picture-insert__author {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.3);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    font: bold 18px/24px "Roboto";
    padding: 36px 38px;
    box-sizing: border-box; }
    @media screen and (max-width: 785px) {
      .picture-insert .picture-insert__author {
        padding: 32px 24px; } }
    .picture-insert .picture-insert__author:empty {
      display: none; }
    .picture-insert .picture-insert__author .picture-insert__description {
      position: relative;
      color: #fff;
      font: bold 18px/24px "Roboto"; }
      @media screen and (max-width: 785px) {
        .picture-insert .picture-insert__author .picture-insert__description {
          font: bold 16px/20px "Roboto"; } }
    .picture-insert .picture-insert__author a {
      position: relative;
      color: #fff !important;
      font: bold 18px/24px "Roboto";
      font-style: italic; }
      .picture-insert .picture-insert__author a:hover {
        text-decoration: underline; }
      @media screen and (max-width: 785px) {
        .picture-insert .picture-insert__author a {
          font: bold 16px/20px "Roboto"; } }
  .picture-insert .picture-insert__info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.3);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    font: bold 18px/24px "Roboto";
    padding: 36px 38px;
    box-sizing: border-box; }
    @media screen and (max-width: 785px) {
      .picture-insert .picture-insert__info {
        padding: 32px 24px; } }
    .picture-insert .picture-insert__info:empty {
      display: none; }
    @media screen and (max-width: 785px) {
      .picture-insert .picture-insert__info .picture-insert__description {
        font: bold 16px/20px "Roboto"; } }
    .picture-insert .picture-insert__info .picture-insert__author {
      position: static;
      bottom: auto;
      left: auto;
      width: auto;
      height: auto;
      background: none;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      color: inherit;
      font: bold 18px/24px "Roboto";
      padding: 0;
      box-sizing: border-box; }
      @media screen and (max-width: 785px) {
        .picture-insert .picture-insert__info .picture-insert__author {
          font: bold 16px/20px "Roboto";
          padding: 0; } }

hr {
  background: #cecece;
  width: 100%;
  height: 1px;
  margin: 0 0 6px; }

.player {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 5;
  border-top: 1px solid #004264;
  user-select: none; }
  .player-timeline {
    width: 100%;
    background: #305e85; }
    .player-timeline-swiper {
      height: 76px; }
      .player-timeline-swiper .timeline-item {
        width: 27%;
        height: 76px; }
        .player-timeline-swiper .timeline-item .timeline-episode {
          width: 100%;
          height: 76px;
          overflow: hidden;
          position: relative; }
          .player-timeline-swiper .timeline-item .timeline-episode:after {
            content: '';
            display: block;
            height: 100%;
            width: 72px;
            background: -moz-linear-gradient(left, rgba(48, 94, 133, 0) 0%, #305e85 60%, #305e85 100%);
            background: -webkit-linear-gradient(left, rgba(48, 94, 133, 0) 0%, #305e85 60%, #305e85 100%);
            background: linear-gradient(to right, rgba(48, 94, 133, 0) 0%, #305e85 60%, #305e85 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00305e85', endColorstr='#305e85', GradientType=1);
            position: absolute;
            right: 0; }
          .player-timeline-swiper .timeline-item .timeline-episode img {
            display: block;
            width: 76px;
            float: left; }
          .player-timeline-swiper .timeline-item .timeline-episode .no-photo {
            width: 76px;
            height: 76px;
            float: left;
            background: #0e4370 url(/i/sound-blue.svg) 50% 50% no-repeat;
            background-size: 24px auto; }
          .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info {
            display: block;
            position: relative;
            float: left;
            width: calc(100% - 76px);
            padding-left: 18px;
            box-sizing: border-box;
            padding-top: 8px;
            white-space: nowrap;
            opacity: 0.6; }
            .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p:first-child {
              color: #fff;
              font: bold 18px/24px "Roboto"; }
            .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p + p {
              font: normal 13px/19px "Roboto";
              color: #fff; }
              .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p + p a {
                color: #8ca6b3;
                text-decoration: none;
                display: inline-block;
                padding-left: 16px; }
                .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p + p a:hover {
                  text-decoration: underline;
                  color: #fff; }
          .player-timeline-swiper .timeline-item .timeline-episode[data-type*='i'] .timeline-episode__info {
            opacity: 1; }
          .player-timeline-swiper .timeline-item .timeline-episode[data-type*='i']:not(.playing):hover:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5;
            background: rgba(0, 0, 0, 0.5) url(/i/play_2.svg) 50% 50% no-repeat;
            background-size: 13px auto;
            width: 76px;
            height: 76px; }
            @media screen and (max-width: 818px) {
              .player-timeline-swiper .timeline-item .timeline-episode[data-type*='i']:not(.playing):hover:before {
                width: 62px;
                height: 62px; } }
            @media screen and (max-width: 750px) {
              .player-timeline-swiper .timeline-item .timeline-episode[data-type*='i']:not(.playing):hover:before {
                width: 56px;
                height: 56px; } }
          .player-timeline-swiper .timeline-item .timeline-episode .equaliser {
            display: none; }
          .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser {
            position: absolute;
            top: 0;
            width: 76px;
            height: 76px;
            left: 0;
            background: rgba(54, 168, 227, 0.8);
            display: block;
            box-sizing: border-box; }
            .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar {
              float: left;
              width: 2px;
              height: 10px;
              background: #fff;
              position: absolute;
              bottom: 25px; }
            .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .first {
              left: 28px;
              height: 7px; }
            .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .second {
              left: 33px;
              height: 18px; }
            .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .third {
              left: 38px;
              height: 11px; }
            .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .fourth {
              left: 43px;
              height: 25px; }
            .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .fifth {
              left: 48px;
              height: 13px; }
          .player-timeline-swiper .timeline-item .timeline-episode.active-play.playing .equaliser .first {
            -webkit-animation: firstBar  1.5s infinite; }
          .player-timeline-swiper .timeline-item .timeline-episode.active-play.playing .equaliser .second {
            -webkit-animation: secondBar  1.5s infinite; }
          .player-timeline-swiper .timeline-item .timeline-episode.active-play.playing .equaliser .third {
            -webkit-animation: thirdBar  1.5s infinite; }
          .player-timeline-swiper .timeline-item .timeline-episode.active-play.playing .equaliser .fourth {
            -webkit-animation: fourthBar  1.5s infinite; }
          .player-timeline-swiper .timeline-item .timeline-episode.active-play.playing .equaliser .fifth {
            -webkit-animation: fifthBar  1.5s infinite; }

@-webkit-keyframes firstBar {
  0% {
    height: 7px; }
  20% {
    height: 15px; }
  40% {
    height: 25px; }
  60% {
    height: 13px; }
  80% {
    height: 18px; }
  100% {
    height: 7px; } }

@-webkit-keyframes secondBar {
  0% {
    height: 18px; }
  20% {
    height: 25px; }
  40% {
    height: 14px; }
  60% {
    height: 8px; }
  80% {
    height: 25px; }
  100% {
    height: 18px; } }

@-webkit-keyframes thirdBar {
  0% {
    height: 11px; }
  20% {
    height: 7px; }
  40% {
    height: 18px; }
  60% {
    height: 25px; }
  80% {
    height: 20px; }
  100% {
    height: 11px; } }

@-webkit-keyframes fourthBar {
  0% {
    height: 25px; }
  20% {
    height: 18px; }
  40% {
    height: 25px; }
  60% {
    height: 18px; }
  80% {
    height: 12px; }
  100% {
    height: 25px; } }

@-webkit-keyframes fifthBar {
  0% {
    height: 13px; }
  20% {
    height: 11px; }
  40% {
    height: 20px; }
  60% {
    height: 11px; }
  80% {
    height: 7px; }
  100% {
    height: 13px; } }
          .player-timeline-swiper .timeline-item .timeline-episode.active-play .timeline-episode__info {
            opacity: 1; }
          .player-timeline-swiper .timeline-item .timeline-episode.inair:before {
            content: '\41F\440\44F\43C\43E\439   \44D\444\438\440';
            display: block;
            width: 76px;
            height: 76px;
            position: absolute;
            z-index: 8;
            top: 0;
            left: 0;
            background: #bc2e00 url(/i/play_2.svg) 50% 12px no-repeat;
            background-size: 13px auto;
            color: #fff;
            text-transform: uppercase;
            font: 500 11px/14px "Roboto";
            padding-top: 38px;
            box-sizing: border-box;
            text-align: center; }
          .player-timeline-swiper .timeline-item .timeline-episode.inair .start {
            cursor: pointer; }
          .player-timeline-swiper .timeline-item .timeline-episode.inair .timeline-episode__info {
            opacity: 1; }
          .player-timeline-swiper .timeline-item .timeline-episode.inair.playing .equaliser {
            z-index: 10;
            background: #bc2e00; }
          .player-timeline-swiper .timeline-item .timeline-episode div.start {
            position: absolute;
            width: 38px;
            height: 38px;
            top: 19px;
            left: 19px;
            z-index: 9; }
          .player-timeline-swiper .timeline-item .timeline-episode[data-type*='i'] .start {
            cursor: pointer; }
    .player-timeline.hide {
      display: none; }
    .player-timeline .onair {
      display: block;
      width: 76px;
      height: 76px;
      position: absolute;
      z-index: 2;
      top: 0;
      right: 0;
      background: #bc2e00 url(/i/play_2.svg) 50% 12px no-repeat;
      background-size: 13px auto;
      color: #fff;
      text-transform: uppercase;
      font: 500 11px/14px "Roboto";
      padding-top: 38px;
      box-sizing: border-box;
      text-align: center;
      cursor: pointer; }
      .player-timeline .onair.playing {
        background-image: url(/i/pause_small.svg);
        background-size: 8px auto; }
  .player-container {
    height: 86px;
    width: 100%;
    position: relative;
    background: #0e4370; }
    .player-container .radio-flow {
      width: 202px;
      max-width: calc((100% - 547px)/2);
      position: absolute;
      top: 0;
      left: 0;
      height: 86px;
      padding: 25px 34px;
      box-sizing: border-box; }
      .player-container .radio-flow div {
        cursor: pointer;
        font: normal 13px/19px "Roboto";
        color: #999;
        padding-left: 18px;
        position: relative; }
        .player-container .radio-flow div.active {
          color: #fff;
          font-weight: bold; }
          .player-container .radio-flow div.active:before {
            content: '';
            display: block;
            width: 5px;
            height: 5px;
            background: #fff;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -2px; }
    .player-container .player-programs {
      width: 202px;
      max-width: calc((100% - 623px)/2);
      position: absolute;
      top: 0;
      right: 0;
      height: 86px;
      padding: 29px 0;
      box-sizing: border-box;
      background: #0e4370; }
      .player-container .player-programs.hide {
        opacity: 0.3;
        background: #0e4370; }
        .player-container .player-programs.hide p {
          background: transparent url(/i/select_collapse_white.svg) 0 50% no-repeat;
          background-size: 12px auto; }
      .player-container .player-programs p {
        color: #fff;
        font-weight: bold;
        padding-left: 34px;
        cursor: pointer;
        width: 90px;
        margin: 0 auto;
        background: transparent url(/i/select_expand_white.svg) 0 50% no-repeat;
        background-size: 12px auto;
        cursor: pointer; }
      .player-container .player-programs.open {
        background: #0e4370; }
        .player-container .player-programs.open p {
          background: transparent url(/i/select_collapse_white.svg) 0 50% no-repeat;
          background-size: 12px auto; }
    .player-container .player-wrapper {
      height: 86px;
      margin: 0 auto;
      width: calc(100% - 404px);
      min-width: 623px; }
      .player-container .player-wrapper iframe {
        width: 100%;
        height: 86px;
        overflow: hidden; }
  @media (max-width: 1280px) {
    .player .player-timeline-swiper .timeline-item {
      width: 37%; } }
  @media (max-width: 920px) {
    .player .player-timeline-swiper .timeline-item {
      width: 52%; } }
  @media (min-width: 991px) {
    .player .player-container .radio-flow div.flow {
      display: block !important; } }
  @media (max-width: 990px) {
    .player .player-container {
      position: relative;
      z-index: 3; }
      .player .player-container .radio-flow, .player .player-container .player-programs {
        width: 86px; }
      .player .player-container .player-wrapper {
        width: calc(100% - 172px); }
      .player .player-container .player-programs {
        z-index: 2; }
        .player .player-container .player-programs p {
          width: 20px;
          padding-left: 20px;
          box-sizing: border-box;
          background-size: 20px auto;
          overflow: hidden; }
      .player .player-container .radio-flow {
        background: #0e4370 url(/i/podcast_white.svg) 50% 50% no-repeat;
        background-size: 26px auto; }
        .player .player-container .radio-flow:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 24px;
          background: #0e4370;
          z-index: 1; }
        .player .player-container .radio-flow .flow {
          position: fixed;
          margin-top: -101px;
          left: 0;
          width: 50%;
          background: #305e85;
          height: 76px;
          line-height: 76px;
          padding-left: 0;
          box-sizing: border-box;
          display: none;
          z-index: -1;
          text-align: center; }
          .player .player-container .radio-flow .flow[data-flow='default'] {
            border-right: 1px solid #0e4370; }
          .player .player-container .radio-flow .flow[data-flow='fm'] {
            left: 50%; }
          .player .player-container .radio-flow .flow.active:before {
            position: relative;
            top: auto;
            left: auto;
            margin: 0 6px 0 0;
            display: inline-block;
            vertical-align: middle; }
        .player .player-container .radio-flow.show {
          background-color: #305e85; }
          .player .player-container .radio-flow.show:before {
            background-color: #305e85; } }
  @media screen and (max-width: 818px) {
    .player .player-container {
      height: 73px; }
      .player .player-container .radio-flow, .player .player-container .player-programs {
        width: calc((100% - 623px) / 2);
        height: 73px; }
      .player .player-container .player-programs {
        padding: 22px 0; }
      .player .player-container .radio-flow {
        padding: 0; }
        .player .player-container .radio-flow:before {
          display: none; }
        .player .player-container .radio-flow .flow {
          height: 62px;
          margin-top: -62px;
          line-height: 62px; }
      .player .player-container .player-wrapper {
        width: 622px;
        min-width: 622px; }
    .player .player-timeline-swiper {
      height: 62px; }
      .player .player-timeline-swiper .timeline-item {
        width: 86%;
        height: 62px; }
        .player .player-timeline-swiper .timeline-item .timeline-episode {
          height: 62px; }
          .player .player-timeline-swiper .timeline-item .timeline-episode img {
            width: 62px; }
          .player .player-timeline-swiper .timeline-item .timeline-episode .no-photo {
            width: 62px;
            height: 62px; }
          .player .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p:first-child {
            font-size: 16px; }
          .player .player-timeline-swiper .timeline-item .timeline-episode div.start {
            left: 12px;
            top: 12px; }
          .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser {
            width: 62px;
            height: 62px; }
            .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar {
              bottom: 18px;
              left: 21px; }
              .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.second {
                left: 26px; }
              .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.third {
                left: 31px; }
              .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.fourth {
                left: 36px; }
              .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.fifth {
                left: 41px; }
          .player .player-timeline-swiper .timeline-item .timeline-episode.inair:before {
            width: 62px;
            height: 62px;
            padding-top: 31px; }
    .player .onair {
      width: 62px;
      height: 62px;
      padding-top: 31px; } }
  @media screen and (max-width: 750px) {
    .player .player-container {
      height: 49px; }
      .player .player-container .radio-flow, .player .player-container .player-programs {
        width: calc((100% - 547px)/2);
        height: 49px; }
      .player .player-container .player-programs {
        padding: 12px 0; }
      .player .player-container .radio-flow {
        padding: 0; }
        .player .player-container .radio-flow:before {
          display: none; }
        .player .player-container .radio-flow .flow {
          height: 56px;
          margin-top: -56px;
          line-height: 56px; }
      .player .player-container .player-wrapper {
        width: 547px;
        min-width: 547px; }
    .player .player-timeline-swiper {
      height: 56px; }
      .player .player-timeline-swiper .timeline-item {
        width: 86%;
        height: 56px; }
        .player .player-timeline-swiper .timeline-item .timeline-episode img {
          width: 56px; }
        .player .player-timeline-swiper .timeline-item .timeline-episode .no-photo {
          width: 56px;
          height: 56px; }
        .player .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p:first-child {
          font-size: 16px;
          font-weight: 500; }
        .player .player-timeline-swiper .timeline-item .timeline-episode div.start {
          left: 12px;
          top: 12px; }
        .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser {
          width: 56px;
          height: 56px; }
          .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar {
            bottom: 15px;
            left: 18px; }
            .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.second {
              left: 23px; }
            .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.third {
              left: 28px; }
            .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.fourth {
              left: 33px; }
            .player .player-timeline-swiper .timeline-item .timeline-episode.active-play .equaliser .bar.fifth {
              left: 38px; }
        .player .player-timeline-swiper .timeline-item .timeline-episode.inair:before {
          width: 56px;
          height: 56px;
          padding-top: 27px;
          background-size: 11px auto;
          background-position-y: 9px; }
    .player .onair {
      width: 56px;
      height: 56px;
      padding-top: 27px;
      background-size: 11px auto;
      background-position-y: 9px; } }
  @media (max-width: 645px) {
    .player .player-container .radio-flow, .player .player-container .player-programs {
      width: 49px;
      max-width: 49px; }
    .player .player-container .player-wrapper {
      width: calc(100% - 98px);
      min-width: auto; }
    .player .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p:first-child {
      font: 500 14px/20px "Roboto"; }
    .player .player-timeline-swiper .timeline-item .timeline-episode .timeline-episode__info p + p {
      font-size: 12px;
      line-height: 16px; } }
  .player .player-preload {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 10; }
    .player .player-preload:before {
      content: '';
      display: block;
      width: 160px;
      height: 24px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -80px;
      margin-top: -12px;
      background: transparent url(/i/player-preload.gif) 50% 50% no-repeat; }

.error {
  padding: 80px;
  text-align: center;
  max-width: 100%; }
  .error__code {
    font: 100 92px/124px 'Roboto';
    color: #333; }
    .error__code div {
      display: inline-block;
      width: 38px;
      height: 70px;
      background: transparent url(/i/microphone.svg) 50% no-repeat;
      vertical-align: baseline;
      margin: 0 16px; }
  .error__text {
    font: normal 14px/19px "Roboto";
    color: #999; }
  .error__btn {
    margin: 32px auto 0;
    text-transform: uppercase;
    color: #fff;
    border-radius: 3px;
    padding: 12px 0;
    width: 130px;
    text-align: center;
    background: #36a8e3;
    font: bold 14px/19px "Roboto";
    display: block; }
    .error__btn:hover {
      background: #01aef9; }

.search {
  max-width: 930px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 54px 16px; }
  .search .no-result {
    padding: 64px 0;
    text-align: center;
    font: normal 22px/28px "Roboto";
    color: #999; }
  .search .rubrics + div {
    display: block; }
  .search .search-form {
    display: block;
    width: 536px;
    box-sizing: border-box;
    padding: 66px 16px 52px;
    position: relative;
    margin: 0 auto;
    max-width: 100%; }
    .search .search-form input {
      display: block;
      outline: none;
      border: none;
      border-bottom: 1px solid #ebf0f3;
      padding: 16px 34px 22px 0;
      box-sizing: border-box;
      width: 100%;
      font: normal 16px/24px "Roboto";
      color: #999; }
      .search .search-form input[type='submit'] {
        position: absolute;
        width: 34px;
        height: 34px;
        background: transparent url(/i/search.svg) 50% 50% no-repeat;
        background-size: 20px auto;
        top: 78px;
        right: 16px;
        cursor: pointer;
        border: none; }
  .search .search-programs__list, .search .search-audios__list, .search .search-articles__list, .search .search-persons__list {
    padding: 0 16px 40px;
    margin: 0 auto;
    box-sizing: border-box; }
    .search .search-programs__list .search-item, .search .search-audios__list .search-item, .search .search-articles__list .search-item, .search .search-persons__list .search-item {
      padding: 28px 0;
      box-sizing: border-box;
      border-bottom: 1px solid #ebf0f3; }
      .search .search-programs__list .search-item:after, .search .search-audios__list .search-item:after, .search .search-articles__list .search-item:after, .search .search-persons__list .search-item:after {
        clear: both;
        content: '';
        display: block; }
      .search .search-programs__list .search-item .pic, .search .search-audios__list .search-item .pic, .search .search-articles__list .search-item .pic, .search .search-persons__list .search-item .pic {
        width: 80px;
        height: 80px;
        float: left;
        border-radius: 50%;
        position: relative;
        display: block; }
        .search .search-programs__list .search-item .pic:before, .search .search-audios__list .search-item .pic:before, .search .search-articles__list .search-item .pic:before, .search .search-persons__list .search-item .pic:before {
          content: '';
          display: block;
          width: 80px;
          height: 80px;
          box-sizing: border-box;
          border: 1px solid #ebf0f3;
          background: transparent url(/i/no-photo.svg) 50% 50% no-repeat;
          background-size: 24px auto;
          border-radius: 50%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1; }
      .search .search-programs__list .search-item img, .search .search-audios__list .search-item img, .search .search-articles__list .search-item img, .search .search-persons__list .search-item img {
        border-radius: 50%;
        width: 80px;
        position: relative;
        z-index: 2; }
      .search .search-programs__list .search-item .info, .search .search-audios__list .search-item .info, .search .search-articles__list .search-item .info, .search .search-persons__list .search-item .info {
        width: calc(100% - 160px);
        padding: 15px 32px 0;
        box-sizing: border-box;
        float: left; }
        .search .search-programs__list .search-item .info .title, .search .search-audios__list .search-item .info .title, .search .search-articles__list .search-item .info .title, .search .search-persons__list .search-item .info .title {
          font: bold 22px/28px "Roboto"; }
          .search .search-programs__list .search-item .info .title a, .search .search-audios__list .search-item .info .title a, .search .search-articles__list .search-item .info .title a, .search .search-persons__list .search-item .info .title a {
            color: #333; }
            .search .search-programs__list .search-item .info .title a:hover, .search .search-audios__list .search-item .info .title a:hover, .search .search-articles__list .search-item .info .title a:hover, .search .search-persons__list .search-item .info .title a:hover {
              color: #01aef9; }
        .search .search-programs__list .search-item .info .count, .search .search-audios__list .search-item .info .count, .search .search-articles__list .search-item .info .count, .search .search-persons__list .search-item .info .count {
          font: normal 14px/19px "Roboto";
          padding-top: 3px; }
          .search .search-programs__list .search-item .info .count a, .search .search-audios__list .search-item .info .count a, .search .search-articles__list .search-item .info .count a, .search .search-persons__list .search-item .info .count a {
            color: #999; }
            .search .search-programs__list .search-item .info .count a:hover, .search .search-audios__list .search-item .info .count a:hover, .search .search-articles__list .search-item .info .count a:hover, .search .search-persons__list .search-item .info .count a:hover {
              color: #01aef9; }
          .search .search-programs__list .search-item .info .count span, .search .search-audios__list .search-item .info .count span, .search .search-articles__list .search-item .info .count span, .search .search-persons__list .search-item .info .count span {
            font-weight: bold;
            padding-right: 8px; }
  .search .search-audios, .search .search-articles, .search .search-persons, .search .search-programs {
    display: none; }
  @media (max-width: 1000px) {
    .search .search-form {
      padding-top: 50px;
      padding-bottom: 44px; }
      .search .search-form input[type='submit'] {
        top: 62px; } }
  @media (max-width: 785px) {
    .search {
      padding: 32px 16px 72px; }
      .search .search-programs__list, .search .search-audios__list, .search .search-articles__list, .search .search-persons__list {
        width: 100%; }
        .search .search-programs__list .search-item .pic, .search .search-audios__list .search-item .pic, .search .search-articles__list .search-item .pic, .search .search-persons__list .search-item .pic {
          width: 60px;
          height: 60px; }
          .search .search-programs__list .search-item .pic img, .search .search-audios__list .search-item .pic img, .search .search-articles__list .search-item .pic img, .search .search-persons__list .search-item .pic img {
            width: 60px; }
          .search .search-programs__list .search-item .pic:before, .search .search-audios__list .search-item .pic:before, .search .search-articles__list .search-item .pic:before, .search .search-persons__list .search-item .pic:before {
            width: 60px;
            height: 60px; }
        .search .search-programs__list .search-item .info, .search .search-audios__list .search-item .info, .search .search-articles__list .search-item .info, .search .search-persons__list .search-item .info {
          width: calc(100% - 120px); }
      .search .search-form {
        padding-top: 32px;
        padding-bottom: 24px; }
        .search .search-form input[type='submit'] {
          top: 42px; } }
  @media (max-width: 620px) {
    .search .search-form {
      padding-top: 16px;
      padding-bottom: 8px; }
      .search .search-form input[type='submit'] {
        top: 26px; } }
  @media (max-width: 530px) {
    .search {
      padding: 28px 16px 48px; }
      .search .search-form {
        padding-left: 0;
        padding-right: 0; }
      .search .search-programs__list, .search .search-audios__list, .search .search-articles__list, .search .search-persons__list {
        padding-left: 0;
        padding-right: 0; }
        .search .search-programs__list .search-item, .search .search-audios__list .search-item, .search .search-articles__list .search-item, .search .search-persons__list .search-item {
          position: relative; }
          .search .search-programs__list .search-item .info, .search .search-audios__list .search-item .info, .search .search-articles__list .search-item .info, .search .search-persons__list .search-item .info {
            width: 100%;
            clear: both;
            float: none;
            padding: 24px 0 0; }
            .search .search-programs__list .search-item .info .title, .search .search-audios__list .search-item .info .title, .search .search-articles__list .search-item .info .title, .search .search-persons__list .search-item .info .title {
              font: bold 20px/24px "Roboto"; }
            .search .search-programs__list .search-item .info .count, .search .search-audios__list .search-item .info .count, .search .search-articles__list .search-item .info .count, .search .search-persons__list .search-item .info .count {
              padding-top: 6px; } }

.person {
  width: 672px;
  max-width: 100%;
  margin: 0 auto;
  padding: 60px 0; }
  @media (max-width: 1000px) {
    .person {
      width: 556px; } }
  @media (max-width: 785px) {
    .person {
      padding: 32px 0; } }
  @media (max-width: 600px) {
    .person {
      padding-top: 28px; } }
  .person .person-head {
    padding: 0 16px 32px; }
    .person .person-head .person-pic {
      width: 192px;
      height: 192px;
      border-radius: 50%;
      margin: 26px auto; }
      @media (max-width: 1000px) {
        .person .person-head .person-pic {
          width: 152px;
          height: 152px; } }
      @media (max-width: 600px) {
        .person .person-head .person-pic {
          width: 136px;
          height: 136px; } }
      .person .person-head .person-pic img {
        display: block;
        border-radius: 50%;
        max-width: 100%; }
    .person .person-head h2 {
      font: 300 36px/40px "Roboto";
      color: #333;
      text-align: center; }
      @media (max-width: 530px) {
        .person .person-head h2 {
          font: 300 22px/28px "Roboto"; } }
    .person .person-head .person-hash {
      text-align: center;
      padding: 6px 0; }
      .person .person-head .person-hash a {
        font: normal 16px/24px "Roboto";
        color: #36a8e3;
        text-decoration: none; }
        .person .person-head .person-hash a:hover {
          color: #01aef9; }
  .person .person-content {
    padding: 0 16px 12px; }
    .person .person-content:after {
      content: '';
      clear: both;
      display: block; }
    .person .person-content .person-info .person-title {
      color: #333;
      font: bold 18px/24px "Roboto";
      margin: 9px 0;
      text-align: center; }
      @media (max-width: 530px) {
        .person .person-content .person-info .person-title {
          font: bold 16px/20px "Roboto"; } }
    .person .person-content .person-info .person-text:empty {
      display: none; }
    .person .person-content .person-info .person-text a {
      color: #01aef9; }
      .person .person-content .person-info .person-text a:hover {
        text-decoration: underline; }
    .person .person-content .person-info .person-text p {
      padding: 8px 0; }

#anons-container .simplebar-wrapper {
  margin: 0 !important;
  width: 100%; }

#anons-container .simplebar-track.simplebar-vertical {
  background: #616164;
  right: 0;
  width: 4px; }
  #anons-container .simplebar-track.simplebar-vertical .simplebar-scrollbar {
    width: 4px;
    right: 0; }
    #anons-container .simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
      background: #36a8e3;
      border-radius: 3px; }

#anons-container .simplebar-track .simplebar-scrollbar.simplebar-visible:before {
  opacity: 1; }

.gallery-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  background: rgba(255, 255, 255, 0.95);
  display: none;
  z-index: 9999;
  height: 100vh; }
  @media screen and (max-width: 620px) {
    .gallery-container {
      overflow-y: auto; } }
  .gallery-container .close {
    position: absolute;
    width: 22px;
    height: 22px;
    background: transparent url(/i/close.svg) 50% 50% no-repeat;
    top: 34px;
    right: calc((100% - 1600px)/2);
    cursor: pointer;
    z-index: 2; }
    @media screen and (max-width: 1624px) {
      .gallery-container .close {
        right: 16px; } }
    @media screen and (max-width: 785px) {
      .gallery-container .close {
        width: 16px;
        height: 16px;
        right: 36px;
        top: 12px; } }
  .gallery-container .gallery-top {
    max-width: 1376px;
    margin: 0 auto;
    padding: 64px 0 54px;
    box-sizing: border-box;
    height: calc(100vh - 230px);
    position: relative; }
    @media screen and (max-width: 920px) {
      .gallery-container .gallery-top {
        margin: 0 32px;
        width: calc(100% - 64px);
        padding-top: 86px; } }
    @media screen and (max-width: 785px) {
      .gallery-container .gallery-top {
        padding-top: 40px;
        margin: 0 16px;
        width: calc(100% - 32px);
        height: 100vh; } }
    @media screen and (max-width: 620px) {
      .gallery-container .gallery-top {
        height: auto; } }
    .gallery-container .gallery-top .swiper-wrapper {
      height: calc(100vh - 338px);
      margin: 0 auto;
      align-items: center; }
      @media screen and (max-width: 785px) {
        .gallery-container .gallery-top .swiper-wrapper {
          height: calc(100vh - 80px); } }
      @media screen and (max-width: 620px) {
        .gallery-container .gallery-top .swiper-wrapper {
          height: auto; } }
      .gallery-container .gallery-top .swiper-wrapper .swiper-slide {
        padding: 0 64px;
        text-align: center;
        height: calc(100vh - 338px);
        overflow: hidden;
        box-sizing: border-box;
        border-radius: 5px; }
        @media screen and (max-width: 920px) {
          .gallery-container .gallery-top .swiper-wrapper .swiper-slide {
            padding: 0; } }
        @media screen and (max-width: 785px) {
          .gallery-container .gallery-top .swiper-wrapper .swiper-slide {
            height: calc(100vh - 80px); } }
        @media screen and (max-width: 620px) {
          .gallery-container .gallery-top .swiper-wrapper .swiper-slide {
            height: auto; } }
        .gallery-container .gallery-top .swiper-wrapper .swiper-slide .slide-photo {
          display: inline-block;
          position: relative;
          width: auto; }
        .gallery-container .gallery-top .swiper-wrapper .swiper-slide img {
          max-width: 100%;
          max-height: calc(100vh - 338px);
          border-radius: 5px;
          display: block; }
          @media screen and (max-height: 785px) {
            .gallery-container .gallery-top .swiper-wrapper .swiper-slide img {
              max-height: calc(100vh - 80px); } }
          @media screen and (max-width: 620px) {
            .gallery-container .gallery-top .swiper-wrapper .swiper-slide img {
              max-height: none; } }
        .gallery-container .gallery-top .swiper-wrapper .swiper-slide .info {
          position: absolute;
          bottom: 0;
          padding: 32px;
          left: 0;
          min-height: 40%;
          width: 100%;
          box-sizing: border-box;
          background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
          background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
          background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); }
          @media screen and (max-width: 785px) {
            .gallery-container .gallery-top .swiper-wrapper .swiper-slide .info {
              position: relative;
              padding: 24px 0;
              margin: 0 16px;
              border-bottom: 1px solid #ebf0f3;
              min-height: 0;
              background: transparent; } }
          .gallery-container .gallery-top .swiper-wrapper .swiper-slide .info p {
            color: #fff;
            text-align: center;
            font: normal 22px/28px "Roboto";
            position: absolute;
            left: 32px;
            right: 32px;
            bottom: 32px; }
            @media screen and (max-width: 920px) {
              .gallery-container .gallery-top .swiper-wrapper .swiper-slide .info p {
                font: normal 20px/24px "Roboto"; } }
            @media screen and (max-width: 785px) {
              .gallery-container .gallery-top .swiper-wrapper .swiper-slide .info p {
                font: normal 14px/19px "Roboto";
                color: #8a8a8a;
                position: relative;
                text-align: left;
                right: 0;
                left: 0;
                bottom: 0; } }
    .gallery-container .gallery-top .swiper-button-next, .gallery-container .gallery-top .swiper-button-prev {
      position: absolute;
      top: 50%;
      width: 32px;
      height: 32px;
      margin-top: -16px;
      left: 32px;
      background: transparent url(/i/previus-big.svg) 50% 50% no-repeat;
      background-size: contain;
      cursor: pointer;
      z-index: 2; }
      @media screen and (max-width: 920px) {
        .gallery-container .gallery-top .swiper-button-next, .gallery-container .gallery-top .swiper-button-prev {
          left: 22px; } }
      @media screen and (max-width: 785px) {
        .gallery-container .gallery-top .swiper-button-next, .gallery-container .gallery-top .swiper-button-prev {
          width: 10px;
          height: 18px;
          margin-top: -9px; } }
    .gallery-container .gallery-top .swiper-button-next {
      left: auto;
      right: 32px;
      background-image: url(/i/next-big.svg); }
      @media screen and (max-width: 920px) {
        .gallery-container .gallery-top .swiper-button-next {
          right: 22px; } }
    .gallery-container .gallery-top .swiper-button-disabled {
      display: none; }
    .gallery-container .gallery-top .swiper-pagination {
      display: none; }
      .gallery-container .gallery-top .swiper-pagination .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
        box-sizing: border-box;
        background: transparent;
        border: 1px solid #8a8a8a; }
        .gallery-container .gallery-top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
          background: #36a8e3;
          border-color: #36a8e3; }
      @media screen and (max-width: 785px) {
        .gallery-container .gallery-top .swiper-pagination {
          display: block; } }
  .gallery-container .gallery-thumbs {
    height: 185px;
    margin-top: 35px; }
    @media screen and (max-width: 785px) {
      .gallery-container .gallery-thumbs {
        height: 0;
        overflow: hidden; } }
    .gallery-container .gallery-thumbs .swiper-slide {
      height: 128px;
      padding: 24px 16px;
      position: relative;
      box-sizing: border-box;
      border-radius: 5px;
      width: auto; }
      .gallery-container .gallery-thumbs .swiper-slide img {
        height: 96px;
        width: auto;
        border-radius: 5px;
        opacity: 0.3; }
      .gallery-container .gallery-thumbs .swiper-slide.swiper-slide-active {
        padding: 0; }
        .gallery-container .gallery-thumbs .swiper-slide.swiper-slide-active img {
          height: 128px;
          opacity: 1; }
      .gallery-container .gallery-thumbs .swiper-slide:hover {
        padding: 12px 8px; }
        .gallery-container .gallery-thumbs .swiper-slide:hover img {
          height: 112px; }

.vgtrk-autocomplete {
  position: absolute;
  background: #fff;
  z-index: 300000000000;
  width: 320px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 21px 5px rgba(0, 0, 0, 0.19);
  box-shadow: 0 0 21px 5px rgba(0, 0, 0, 0.19);
  padding: 0; }

.vgtrk-autocomplete--opened {
  display: block; }

.vgtrk-autocomplete--closed {
  display: none; }

.vgtrk-autocomplete--loading,
.vgtrk-autocomplete--empty {
  height: 50px; }

.vgtrk-autocomplete--loading:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  content: '';
  border-radius: 4px; }

.vgtrk-autocomplete--empty:after {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background: #fff;
  content: '\41D\438\447\435\433\43E   \43D\435   \43D\430\439\434\435\43D\43E';
  text-align: center;
  line-height: 55px;
  border-radius: 4px; }

.vgtrk-autocomplete__label {
  text-transform: none;
  text-decoration: underline;
  font-size: 16px;
  margin: 18px 12px 8px 12px;
  padding: 0;
  color: #333; }

.vgtrk-autocomplete__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.vgtrk-autocomplete__item {
  margin: 0; }
  .vgtrk-autocomplete__item:last-child .vgtrk-autocomplete__link {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: none; }

.vgtrk-autocomplete__link {
  display: block;
  position: relative;
  padding: 12px 12px;
  border-bottom: 1px solid #ebf0f3; }

.vgtrk-autocomplete__link:hover {
  background: #f1f1f1; }

.vgtrk-autocomplete__title {
  display: block;
  font: normal 16px/24px "Roboto";
  color: #333;
  margin: 0 0 4px; }

.vgtrk-autocomplete__production {
  display: block;
  font-size: 12px;
  color: #4e4e4e; }

.vgtrk-autocomplete__birthplace {
  display: block;
  font-size: 12px;
  color: #4e4e4e; }

.vgtrk-autocomplete__picture {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 12px;
  width: 48px;
  border-radius: 50%; }

.vgtrk-autocomplete__picture img {
  width: 100%;
  vertical-align: top;
  border-radius: 50%; }

.vgtrk-autocomplete__title
.vgtrk-autocomplete__serise {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  right: 12px;
  font-size: 10px;
  padding: 0 24px 0 0;
  color: #c40000; }

.vgtrk-autocomplete__serise:after {
  transform: translateY(-50%);
  display: block;
  content: '';
  object-fit: cover;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0; }

.vgtrk-autocomplete__message {
  margin: 12px;
  font: normal 16px/24px "Roboto";
  text-align: center;
  color: #333; }

.vgtrk-autocomplete__control {
  margin: 8px 12px;
  text-align: center; }

.vgtrk-autocomplete__btn {
  font: normal 14px/19px "Roboto";
  text-decoration: underline;
  color: #36a8e3; }
  .vgtrk-autocomplete__btn:hover {
    color: #01aef9; }

/*# sourceMappingURL=main.min.css.map*/