/* Start:/bitrix/templates/slavmir/css/reset.css?1548859838723*/
a,abbr,acronym,address,applet,article,aside,audio,blockquote,body,canvas,caption,center,cite,code,del,details,dfn,div,em,embed,fieldset,figcaption,
figure,footer,form,header,html,iframe,img,ins,kbd,label,legend,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,span,strike,sub,summary,time,tt,u,var,video{
    margin:0;
    padding:0;
    border:0;
    font:inherit;
    vertical-align:baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block;
}

body{
     line-height:1;
 }

blockquote,q{
    quotes:none;
}

blockquote:after,blockquote:before,q:after,q:before{
    content:'';
    content:none;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}
/* End */


/* Start:/bitrix/templates/slavmir/css/slick.css?15446996701776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/slavmir/css/jquery-ui.min.css?154469967017006*/
/*! jQuery UI - v1.12.1 - 2017-10-15
* http://jqueryui.com
* Includes: draggable.css, core.css, slider.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("/bitrix/templates/slavmir/css/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("/bitrix/templates/slavmir/css/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("/bitrix/templates/slavmir/css/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("/bitrix/templates/slavmir/css/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("/bitrix/templates/slavmir/css/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("/bitrix/templates/slavmir/css/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("/bitrix/templates/slavmir/css/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666}
/* End */


/* Start:/bitrix/templates/slavmir/css/perfect-scrollbar.min.css?15446996704629*/
/* perfect-scrollbar v0.6.16 */
.ps-container{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps-container{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps-container{overflow:auto !important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999;height:11px}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999;width:11px}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}

/* End */


/* Start:/bitrix/templates/slavmir/css/flipclock.css?15446996709686*/
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/* End */


/* Start:/bitrix/templates/slavmir/css/style.css?1563346235317659*/
#video_item_info:before {
background: none !important;
}

disabledhtml {
    height: 100%;
    width: 100%;
    position: relative;
}

body {
    height: 100%;
    width: 100%;
    padding-top: 267px;
    position: relative;
}

input, textarea {
    -webkit-appearance: none;
}

a {
    color: #f47b22;
    font-family: 'PT Sans';
}

body.fixed_header {
    padding-top: 116px;
}

body.fixed_header header {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    z-index: 9999;
    height: 116px;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    /* animation: headerWidth 0.4s linear forwards; */
}

/* @keyframes headerWidth {
    0% {
        height: 178px;
    }
    100% {
        height: 60px;
    }
} */

body.fixed_header header nav ul {
    margin-top: 0px;
}

body.fixed_header header .logo {
    padding-top: 3px;
}

body.fixed_header header.log_opened {
    height: 178px;
    animation: headerLogOpened;
}

@keyframes headerLogOpened {
    0% {
        height: 60px;
    }
    100% {
        height: 178px;
    }
}

body.fixed_header header.log_opened .logo_mobile {
    display: none;
    animation: none;
}

body.fixed_header header.log_opened .logo_desktop {
    display: block;
    animation: none;
}

body.fixed_header #header_bar.logging .unreg {
    padding-top: 0;
}

/* body.pay_notice.fixed_header #music_bar.login_opened {
    animation: musicBarLogOpened 0.4s linear forwards;
}

body.fixed_header #music_bar.login_opened {
    animation: musicBarLogOpened 0.4s linear forwards;
} */

/* @keyframes musicBarLogOpened {
    0% {
        top: 143px;
    }
    100% {
        top: 177px;
    }
} */

body.fixed_header #music_bar {
    position: fixed;
    top: 116px;
    width: 100%;
    z-index: 9999;
    height: 0px;
    /* background-color: #fff; */
}

body.fixed_header #music_bar #music_bar_container {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
}

body.fixed_header #music_bar .about_video img {
    position: absolute;
    left: 50%;
    top: -65px;
    width: 300px;
    margin-left: -150px;
}

body.fixed_header #music_bar .header_soc
{
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: -1;
}

body.fixed_header #music_bar .header_soc li
{
    float: left;
}

 /* body.fixed_header .logo_mobile {
    display: none;
    animation: logoMobileShow 0.4s linear forwards; 
}  */

.iti-flag {
    background-image: url("/bitrix/templates/slavmir/css/../images/flags.png");
}

.logo_desktop {
    display: block;
    /* animation: logoMobileShow 0.4s linear forwards; */
}

body.fixed_header .logo_desktop {
    /* display: none; */
    /* animation: logoMobileHide 0.4s linear forwards; */
}

body.fixed_header .logo_desktop img {
    width: 350px;
}

body.fixed_header #header_bar .unreg {
    padding-top: 15px;
}

body.fixed_header #header_bar .login_box {
    padding-top: 10px;
}

header.header_likes_active {
    z-index: 99999 !important;
}

#music_bar.header_likes_active .music_played {
    animation: headLikeActMusic 0.6s linear forwards;
}

#music_bar.loudness {
    z-index: 10001 !important;
}

@keyframes headLikeActMusic {
    0% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}

/* body.fixed_header #music_bar .music_played {
    animation: progressBarMoveForth 0.25s linear forwards;
} */

body.fixed_header #header_bar .reg {
    padding-top: 15px;
}

body.fixed_header #header_bar .likes {
    padding: 22px 5px 10px;
}

body.fixed_header #header_bar .settings {
    padding: 15px 7px 10px;
    float: left;
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
}

.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

body.pay_notice .remember_toPay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display: block;
}

body.fixed_header.pay_notice .remember_toPay {
    display: none;
}

.remember_toPay {
    display: none;
    width: 100%;
    background-color: #d1e0f3;
    padding: 15px 0;
    text-align: center;
    -webkit-transform: translateZ(0);
}

.remember_toPay p {
    color: #000;
    font-size: 22px;
    font-family: 'PT Sans';
}

.remember_toPay p a {
    font-weight: 600;
    color: #000;
}

body.pay_notice {
    padding-top: 320px;
}

body.fixed_header.pay_notice header {
    top: 0px;
}

/* body.pay_notice.fixed_header #music_bar {
    animation: moveFixedBar 0.4s linear forwards;
} */

/* body.fixed_header #music_bar {
    animation: moveFixedBar 0.4s linear forwards;
} */

body.fixed_header #music_bar.settings_active {
    z-index: 999;
}

/* @keyframes moveFixedBar {
    0% {
        top: 178px;
    }
    100% {
        top: 60px;
    }
} */

body.pay_notice #music_bar {
    position: fixed;
    top: 230px;
    z-index: 999;
    width: 100%;
    /* background-color: #fff;
    animation: movePayNBar 0.4s linear forwards; */
}

/* body #music_bar {
    animation: movePayBar 0.4s linear forwards;
}

@keyframes movePayBar {
    0% {
        top: 143px;
    }
    100% {
        top: 178px;
    }
}

@keyframes movePayNBar {
    0% {
        top: 143px;
    }
    100% {
        top: 230px;
    }
} */

header {
    position: fixed;
    top: 0;
    width: 100%;
    /* padding-bottom: 10px; */
    background: #fabb79; /* Old browsers */
    background: url(/bitrix/templates/slavmir/css/../images/header_bg.png), -moz-linear-gradient(left, #fabb79 0%, #f78e1e 20%, #f78e1e 50%, #f78e1e 80%, #fabb79 100%); /* FF3.6-15 */
    background: url(/bitrix/templates/slavmir/css/../images/header_bg.png), -webkit-linear-gradient(left, #fabb79 0%, #f78e1e 20%, #f78e1e 50%, #f78e1e 80%, #fabb79 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(/bitrix/templates/slavmir/css/../images/header_bg.png), linear-gradient(to right, #fabb79 0%, #f78e1e 20%, #f78e1e 50%, #f78e1e 80%, #fabb79 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabb79', endColorstr='#fabb79', GradientType=1); /* IE6-9 */
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 999;
    /* animation: headerNormalHeight 0.5s linear forwards; */
    -webkit-transform: translateZ(0);
    height: 178px;
}

header .frost {
    height: 100%;
    /*background: transparent url(/bitrix/templates/slavmir/images/frost1.png) repeat-x;*/
}

/* @keyframes headerNormalHeight{
    0%{
        height: 60px;
    }
    100%{

    }
} */

header .container {
    padding: 0 35px;
    position: relative;
}

header .logo {
    padding-top: 20px;
    position: absolute;
}

header .logo_mobile {
    display: none;
    /* animation: logoMobileHide 0.4s linear forwards; */
}
/* 
@keyframes logoMobileHide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
} */

header nav {
    float: right;
}

header .header_bar {
    float: right;
    display: flex;
    align-items: center;
}

header #header_bar.logging .to_login form {
    padding-top: 20px;
}

header #header_bar.logging .to_login .close_login_form {
    padding-top: 20px;
}

header nav ul {
    margin-right: 53px;
    margin-top: 0px;
}

header nav ul li {
    display: inline-block;
}

header nav ul li.selected {
    border-bottom: 3px solid #fff;
    padding-bottom: 3px;
}

header nav ul li:not(:last-child) {
    margin-right: 12px;
}

header nav ul li a {
    font-family: 'PT Sans';
    font-size: 19px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
}

header .header_top_menu {
    position: relative;
    padding-top: 20px;
}

header .header_top_menu .burger {
    display: none;
}

header .header_top_menu .burger img.active {
    display: none;
}

header .header_top_menu .burger.active img {
    display: none;
}

header .header_top_menu .burger.active img.active {
    display: block;
    padding-top: 10px;
    width: 43px;
    padding-bottom: 10px;
}

#header_bar .unreg {
    display: flex;
    align-items: center;
    margin-right: 19px;
    opacity: 1;
    float: left;
    visibility: visible;
    padding-top: 15px;
}

#header_bar.search_active .search .search_img {
    background-position: -713px -5px;
}

#header_bar.search_active .unreg span {
    display: none;
}

#header_bar.search_active .unreg a.tarif {
    display: none;
}

#header_bar.search_active .login_box span {
    display: none;
}

#header_bar.search_active .search form {
    display: block;
}

#header_bar.search_active .search {
    background-color: rgba(255, 255, 255, .53);
    border-radius: 30px;
    width: 211.5px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 14px;
    margin-bottom: 3px;
}

#header_bar.logged.search_active .search {
    width: 136px;
}

#header_bar.logged.search_active .search form input {
    width: 106px;
}

#header_bar.search_active .settings span {
    display: none;
}

#header_bar.search_active .likes .likes_num {
    display: none;
}

#header_bar.search_active .reg .user_name {
    display: none;
}

#header_bar.settings_active .settings span {
    color: #ed5b22;
}

#header_bar.settings_active .settings .settings_img {
    background-position: -1156px -5px;
}

#header_bar.settings_active .settings_container .settings_list {
    display: block;
}

#header_bar.settings_active .settings {
    background-color: #f7e0c3;
}

#header_bar.logging .to_login {
    display: block;
}

#header_bar.logging .unreg_main {
    opacity: 0;
    visibility: hidden;
}

#header_bar.logging .login_box {
    opacity: 0;
    visibility: hidden;
}

#header_bar.logged .unreg_container {
    display: none;
}

#header_bar.logged .to_login {
    display: none;
}

#header_bar.logged .reg_bar {
    display: flex;
}

#header_bar.likes_active .likes {
    background-color: #f7e0c3;
}

#header_bar.likes_active .likes span {
    color: #ed5b22;
    display: inline-block;
    margin-right: 2px;
}

#header_bar.likes_active .likes .like_img {
    background-position: -492px -5px;
    opacity: 1;
}

#header_bar.likes_active .likes .likes_num {
    color: #ed5b22;
}

#header_bar.likes_active .likes_container .likes_list {
    display: block;
}

#header_bar.likes_active .settings span {
    display: none;
}

#header_bar .unreg:not(.unreg_main) {
    margin-right: 0;
    padding-top: 0;
}

#header_bar .unreg:not(.unreg_main) .unreg_img {
    margin-left: -5px;
}

#header_bar .unreg a {
    text-decoration: none;
}

#header_bar .unreg_img {
    display: inline-block;
    margin-right: 5px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -1323px -5px;
    width: 27px;
    height: 26px;
}

#header_bar .unreg_link {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#header_bar .unreg span {
    color: #fff;
    font-family: 'PT Sans';
    font-size: 12px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: super;
}

#header_bar .unreg a.tarif {
    color: #fff;
    font-family: 'PT Sans';
    font-size: 12px;
    display: inline-block;
    font-weight: 600;
    vertical-align: super;
    margin-left: 6px;
}

#header_bar .login_box {
    display: flex;
    align-items: center;
    margin-right: 19px;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
    padding-top: 10px;
}

#header_bar.logged .login_box {
    float: left;
    padding-top: 8px;
}

#header_bar.logged .settings_logged_bar {
    float: left;
}

#header_bar .login_box .log_in {
    display: inline-block;
    margin-right: 3px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -577px -5px;
    width: 16px;
    height: 23px;
}

#header_bar .login_box span {
    font-size: 12px;
    font-family: 'PT Sans';
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    vertical-align: text-top;
    margin-left: 3px;
    padding-top: 5px;
}

#header_bar .reg_bar {
    display: none;
    float: left;
}

#header_bar .settings_logged_bar {
    display: flex;
}

#header_bar .reg {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 5px;
    padding-top: 15px;
}

#header_bar .reg .user_img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
}

#header_bar .reg .user_name {
    font-size: 12px;
    color: #fff;
    font-family: 'PT Sans';
    display: inline-block;
    padding-left: 5px;
}

#header_bar .likes {
    position: relative;
    padding: 22px 5px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

#header_bar .likes .like_img {
    float: left;
    opacity: 0.45;
    margin-right: 2px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -463px -5px;
    width: 19px;
    height: 17px;
}

#header_bar .likes .likes_num {
    display: inline-block;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 9px;
    padding-bottom: 0px;
}

#header_bar .likes span {
    display: none;
    color: #fff;
    font-size: 12px;
    font-family: 'PT Sans';
}

#header_bar .likes_container {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 49px;
}

.likes_list {
    display: none;
    position: absolute;
    top: 100%;
    right: -42px;
    background-color: #fff;
    width: 550px;
    padding: 15px 10px 5px 20px;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
}

.likes_list ul {
    max-height: 217px;
    position: relative;
    padding-right: 20px;
}

.likes_list ul li {
    max-height: 46px;
}

.likes_list ul li:not(:last-child) {
    margin: 2px 0 4px;
}

.likes_list ul li:not(:last-child) .likes_mus_info:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: #efefee;
}

.likes_list ul li .likes_img {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.likes_list ul li:hover {
    cursor: pointer;
}

.likes_list ul li:hover .likes_img .play_btn {
    position: absolute;
    width: 20px;
    height: 26px;
    left: 55%;
    top: 50%;
    background-image: url(/bitrix/templates/slavmir/css/../images/play_small_btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.likes_list ul li .likes_mus_info {
    position: relative;
    float: right;
    width: 100%;
    max-width: 450px;
    display: flex;
    align-items: center;
    height: 40px;
}

.likes_list ul li .likes_mus_info .likes_mus_name {
    color: #000;
    font-size: 15px;
    font-family: 'PT Sans';
    max-width: 160px;
    display: flex;
    float: left;
    width: 100%;
}

.likes_list ul li .likes_mus_info .likes_mus_group {
    color: #7d7c79;
    font-size: 12px;
    line-height: 14px;
    font-family: 'PT Sans';
    max-width: 125px;
    display: inline-block;
    width: 100%;
    padding-top: 1px;
}

.likes_list ul li .likes_mus_info .likes_mus_bar {
    width: 100%;
    max-width: 100px;
    display: flex;
    align-items: center;
}

.likes_list ul li .likes_mus_info .likes_mus_bar .likes_list_img {
    margin-right: 15px;
    display: inline-block;
    opacity: 0;
}

.likes_list ul li .likes_mus_info .likes_mus_bar .likes_list_img.likes_list_img {
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -550px -5px;
    width: 17px;
    height: 14px;
    opacity: 0;
}

.likes_list ul li:hover .likes_mus_info .likes_mus_bar .likes_list_img.likes_list_img {
    opacity: 1;
}

.likes_list ul li .likes_mus_info .likes_mus_bar .likes_list_img.likes_like {
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -492px -5px;
    width: 19px;
    height: 17px;
    opacity: 0.53;
}

.likes_list ul li .likes_mus_info .likes_mus_bar .likes_list_img.likes_download {
    width: 19px;
    height: 16px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -521px -5px;
    opacity: 0;
}

.likes_list ul li:hover {
    background-color: #f2f2f2;
}

.likes_list ul li:hover .likes_mus_info .likes_mus_bar img {
    display: inline-block;
    opacity: 1;
}

.likes_list ul li .likes_mus_info .likes_mus_time {
    display: flex;
    color: #7d7c79;
    font-size: 12px;
    font-family: 'PT Sans';
}

#header_bar .settings_container {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 49px;
}

#header_bar .settings {
    margin-right: 8px;
    float: left;
    cursor: pointer;
    padding: 15px 7px 10px;
    position: relative;
    display: flex;
    align-items: flex-end;
}

#header_bar .settings .settings_img {
    float: left;
    padding-top: 7px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -1126px -5px;
    opacity: 0.7;
    width: 20px;
    height: 19px;
}

#header_bar .settings img.active {
    display: none;
}

#header_bar .settings span {
    display: inline-block;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-left: 1px;
    opacity: 0.9;
}

#header_bar .settings_container .settings_list {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #fff;
    width: 205px;
    padding: 14px 14px 15px 16px;
    min-height: 117px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
}

#header_bar .settings_container .settings_list a {
    font-size: 12px;
    color: #696969;
    font-family: 'PT Sans';
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
}

#header_bar .settings_container .settings_list a.pers_data {
    margin-bottom: 12px;
    padding-left: 1px;
}

#header_bar .settings_container .settings_list a:first-of-type {
    margin-bottom: 6px;
}

#header_bar .settings_container .settings_list a.active {
    padding: 4px 10px;
    background-color: #E94320;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
}

#header_bar .settings_container .settings_list a.prodlenie {
    margin-bottom: 15px;
}

#header_bar .settings_container .settings_list a.logOut {
    color: #b8b8b8;
    margin-bottom: 0;
    padding-left: 1px;
}

#header_bar .search {
    display: flex;
    align-items: center;
    padding-top: 10px;
    cursor: pointer;
}

#header_bar .search form {
    display: none;
    position: relative;
}

#header_bar .search form button {
    position: absolute;
    top: -2px;
    right: -20px;
    width: 21px;
    height: 21px;
    border: none;
    background-color: transparent;
    z-index: 999;
    cursor: pointer;
    padding: 0;
}

#header_bar .search form input {
    background-color: transparent;
    border: transparent;
    color: #000;
    font-size: 17px;
    font-family: 'PT Sans';
    padding-left: 13px;
    float: left;
    width: 180px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
}

#header_bar.search_active .unreg {
    padding-top: 10px;
}

#header_bar .search .search_img {
    display: block;
    cursor: pointer;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -682px -5px;
    width: 21px;
    height: 21px;
}

body #header_bar.logging .search {
    padding-top: 10px;
}

body.fixed_header #header_bar.logging .search {
    padding-top: 15px;
}

body.fixed_header #header_bar.logging .search {
    margin-bottom: -5px;
}

body.fixed_header header.log_opened .logo {
    padding-top: 20px;
}

#header_bar .unreg_container {
    position: relative;
    display: flex;
}

#header_bar .to_login {
    display: none;
    position: absolute;
    right: 20px;
    top: -4px;
    width: 255px;
}

#header_bar .to_login form {
    width: 100%;
    max-width: 235px;
    float: left;
    margin-right: 3px;
    padding-top: 30px;
}

#header_bar .to_login form input::-webkit-input-placeholder {
    color: #ffffff;
}

#header_bar .to_login form input::-moz-placeholder {
    color: #ffffff;
}

/* Firefox 19+ */
#header_bar .to_login form input:-moz-placeholder {
    color: #ffffff;
}

/* Firefox 18- */
#header_bar .to_login form input:-ms-input-placeholder {
    color: #ffffff;
}

#header_bar .to_login form input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 15px;
    background-color: transparent;
    margin-bottom: 10px;
    border-radius: 0 !important;
    -webkit-appearance: none;
}

#header_bar .to_login form input:first-of-type {
    margin-bottom: 20px;
}

#header_bar .to_login .close_login_form {
    float: right;
    cursor: pointer;
    padding-top: 30px;
}

#header_bar .to_login .remember_box {
    float: left;
}

#header_bar .to_login form .login_btn {
    float: right;
    border: none;
    background-color: #fff;
    color: #f47b22;
    font-family: 'PT Sans';
    font-size: 19px;
    border-radius: 15px;
    padding: 3px 20px;
    cursor: pointer;
}

#header_bar .to_login .remember_box label {
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding-top: 5px;
}

#header_bar .to_login .remember_box label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

#header_bar .to_login .remember_box label input + span {
    width: 13px;
    height: 13px;
    display: inline-block;
    margin-right: 4px;
    background-color: #f3ca8c;
    border-radius: 3px;
}

#header_bar .to_login .remember_box label input:checked + span {
    background-image: url(/bitrix/templates/slavmir/css/../images/remember_ok.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#header_bar .to_login .remember_box label input + span + span {
    display: inline-block;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 12px;
    vertical-align: top;
}

#header_bar .to_login .lost_pass {
    float: right;
    margin-top: 4px;
}

#header_bar .to_login .lost_pass a {
    color: #fff;
    font-size: 12px;
    font-family: 'PT Sans';
}

#music_bar {
    position: fixed;
    /* -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15); */
    width: 300px;
    right: 0;
    top: 178px;
    z-index: 999;
    height: 90px;
    /* background-color: #fff; */
    /* -webkit-transform: translateZ(0); */
}

#music_bar .music_left_bar_item_wrap.active .more_info {
    display: block;
}

#music_bar .music_left_bar_item_wrap.active .music_left_bar_item.gradient:after {
    opacity: 0;
}

#music_bar .music_left_bar_item_wrap.active .music_name {
    opacity: 0.7;
}

#music_bar .music_left_bar_item_wrap.active .music_group {
    opacity: 0.7;
}

#music_bar .music_left_bar_item_wrap.active {
    background-color: #f4a45a;
    overflow: inherit;
}

#music_bar .music_right_bar_item_wrap.active {
    background-color: #f4a45a;
    overflow: inherit;
}

#music_bar .music_right_bar_item_wrap.active .more_info {
    display: block;
}

#music_bar .music_right_bar_item_wrap.active .music_name {
    opacity: 1;
}

#music_bar .music_right_bar_item_wrap.active .music_group {
    opacity: 1;
}

#music_bar .music_right_bar_item_wrap.active .music_right_bar_item.gradient:after {
    opacity: 0;
}

#music_bar.playlist_active .playlist_played {
    display: block;
}

#music_bar .container {
    height: 90px;
    position: relative;
    padding: 0 85px 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#music_bar .container .left_bar {
    position: relative;
    float: left;
    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 50%;
    padding-right: 72px;
}

.left_bar .index_music_container {
    position: absolute;
    left: 85px;
    top: 100%;
    background-color: #fff;
    padding: 15px 10px 5px 20px;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
}

#music_bar .container .right_bar {
    float: right;
    display: flex;
    align-items: center;
    flex-grow: 1;
    position: relative;
    width: 38%;
    padding-left: 72px;
}

.music_menu {
    position: relative;
    float: left;
    display: flex;
    margin-right: 40px;
    cursor: pointer;
}

.music_menu .music_bar_list_img {
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -744px -5px;
    width: 27px;
    height: 21px;
}

#music_bar.bar_list_active .music_menu .music_bar_list_img {
    background-position: -781px -5px;
}

#music_bar.bar_list_active .likes_list {
    display: block;
    left: -20px;
    top: calc(100% + 2px);
}

#music_bar.bar_list_active .all_song_category {
    display: block;
}

#music_bar .music_played {
    position: absolute;
    right: 230px;
    top:100%;
    margin-left: -72px;
    margin-top: -30px;
    -webkit-transform: translateY(-25%);
    -moz-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
    z-index: 99;
    border-radius: 50%;
    width: 145px;
    height: 145px;
    -webkit-box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    /* animation: progressBarMoveBack 0.25s linear forwards; */
}

@keyframes progressBarMoveBack {
    0% {
        top: 100%;
    }
    100% {
        top: 0;
    }
}

@keyframes progressBarMoveForth {
    0% {
        top: 0;
    }
    100% {
        top: 100%;
    }
}

#music_bar .music_bg {
    position: absolute;
    width: 125px;
    height: 125px;
    overflow: hidden;
    background-size: contain;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.pleer_bg_slider .slick-slide {
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    opacity: 0;
}

.pleer_bg_slider .slick-slide.slick-current {
    opacity: 1;
}

#music_bar .music_bg img.next {
    display: none;
}

#music_bar .music_bg.animate_next img {
    animation: moveBGLeft 0.6s linear forwards;
}

#music_bar .music_bg.animate_next img.next {
    animation: moveBGRight 0.6s linear forwards;
    display: block;
}

@keyframes moveBGRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        display: block;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes moveBGLeft {
    0% {
        opacity: 1;
    }
    100% {
        display: none;
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}

.music_control .prev_song {
    position: absolute;
    top: 50%;
    left: 17px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.music_control .pause_song {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.music_control .next_song {
    position: absolute;
    right: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}

.music_control .play_song {
    position: absolute;
    left: 52%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.music_status.played .play_song {
    display: none;
}

.music_status.played .pause_song {
    display: block;
}

/* #music_bar .music_played:after {
    content: '';
    position: absolute;
    left: -46px;
    bottom: -35px;
    background-image: url(/bitrix/templates/slavmir/css/../images/music_played_after.png);
    background-repeat: no-repeat;
    width: 131px;
    height: 81px;
}

#music_bar .music_played:before {
    content: '';
    position: absolute;
    right: -46px;
    top: -35px;
    background-image: url(/bitrix/templates/slavmir/css/../images/music_played_before.png);
    background-repeat: no-repeat;
    width: 131px;
    height: 81px;
} */

#music_bar .music_played .played_info {
    position: absolute;
    bottom: 0;
    right: -125px;
}

#music_bar .music_played .played_info .played_name {
    font-family: 'PT Sans';
    font-weight: 600;
    font-size: 20px;
    color: #000;
    margin-bottom: 2px;
}

#music_bar .music_played .played_info .played_group {
    font-size: 15px;
    font-family: 'PT Sans';
    line-height: 18px;
    color: #000;
    margin-bottom: 10px;
}

#music_bar .music_played .played_info .played_time {
    font-family: 'PT Sans';
    font-size: 12px;
    color: #7d7c79;
}

#music_bar .music_played .played_info .played_time .time_passed {
    color: #7d7c79;
    margin-right: 3px;
}

#music_bar .music_played .played_info .played_time .all_time {
    color: #bfbdb9;
    margin-left: 3px;
}

#music_bar .music_left_bar {
    float: left;
    width: 100%;
    max-width: 635px;
}

#music_bar .music_left_bar .music_left_bar_item_wrap {
    position: relative;
    width: 33%;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item {
    position: relative;
    width: 100%;
    display: inline-block;
    opacity: 0.5;
    cursor: pointer;
    vertical-align: text-top;
    max-height: 90px;
    overflow: hidden;
    padding: 13px 0px 20px 14px;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:first-child {
    opacity: 1;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:first-child .music_name {
    opacity: 0.13;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item_wrap.active .music_left_bar_item:first-child .music_name {
    opacity: 1;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:first-child .music_group {
    opacity: 0.13;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item_wrap.active .music_left_bar_item:first-child .music_group {
    opacity: 1;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:nth-child(2) {
    opacity: 1;
}

#music_bar .music_left_bar_item_wrap.active .more_info p {
    opacity: 1;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:nth-child(2) .music_name {
    opacity: 0.5;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:nth-child(2) .music_group {
    opacity: 0.5;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:last-child {
    opacity: 1;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:last-child .music_name {
    opacity: 0.7;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:last-child .music_group {
    opacity: 0.7;
}

#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item.gradient:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.music_name {
    font-family: 'PT Sans';
    font-weight: 600;
    font-size: 15px;
    color: #000;
}

.music_group {
    font-size: 13px;
    font-family: 'PT Sans';
    color: #000;
    line-height: 15px;
}

#music_bar .music_right_settings {
    float: right;
    margin-left: 15px;
    /* position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); */
}

.music_right_settings_list {
    display: flex;
    align-items: center;
}

.music_right_settings_list .right_settings_img {
    opacity: 0.22;
    display: inline-block;
    vertical-align: text-top;
    line-height: 41px;
    cursor: pointer;
}

.music_right_settings_list .right_settings_img {
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
}

.music_right_settings_list .right_settings_img.cross_music {
    background-position: -311px -5px;
    width: 27px;
    height: 19px;
}

.music_right_settings_list .right_settings_img.loop_music {
    background-position: -603px -5px;
    width: 29px;
    height: 29px;
}

.music_right_settings_list .right_settings_img.loudness_music {
    background-position: -642px -5px;
    width: 30px;
    height: 29px;
}

#music_bar .played_item_time span {
    font-family: 'PT Sans';
    font-size: 12px;
}

.played_item_time span.has_played {
    color: #7d7c79;
}

.played_item_time span.all_time {
    color: #bfbdb9;
}

#music_bar .music_right_settings.cross_music_active .music_right_settings_list .right_settings_img.cross_music {
    opacity: 1;
}

#music_bar .music_right_settings.loop_music_active .music_right_settings_list .right_settings_img.loop_music {
    opacity: 1;
}

#music_bar .music_right_settings.loudness_music_active .music_right_settings_list .right_settings_img.loudness_music {
    background-color: #eeeeee;
}

.loudness_music_wrap {
    position: relative;
}

.loudness_bar {
    display: none;
    position: absolute;
    bottom: calc(100% - 41px);
    border-radius: 30px;
    width: 42px;
    height: 120px;
    left: -7px;
    background-color: #ebecee;
}

.slider-vertical {
    height: 60px;
}

.slider-vertical .ui-widget-header {
    background: #f55533;
}

.slider-vertical .ui-slider-handle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    -webkit-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.35);
    box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.35);
    cursor: pointer;
    border: none;
    background: #fff;
    margin-left: 1px;
}

.slider-vertical.ui-slider-vertical {
    width: 5px;
    margin: 13px auto 0;
    background: #D4BBC1;
    border: none;
}

#music_bar .music_right_settings.loudness_music_active .music_right_settings_list .loudness_music_wrap .loudness_bar {
    display: block;
}

#music_bar .music_right_settings .music_right_settings_list .right_settings_img:not(:last-child) {
    margin-right: 12px;
}

#music_bar .music_right_bar {
    float: right;
    width: 100%;
    padding-right: 110px;
}

.music_right_bar_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
    max-width: 425px;
}

.music_right_bar_list .music_right_bar_item_wrap {
    position: relative;
    width: 33%;
}

.music_right_bar_list .music_right_bar_item {
    position: relative;
    display: inline-block;
    padding: 13px 10px 20px;
    cursor: pointer;
    vertical-align: text-top;
    width: 100%;
    max-height: 90px;
    overflow: hidden;
    opacity: 1;
}

.music_right_bar_list .music_right_bar_item_wrap:first-child .music_right_bar_item .music_name {
    opacity: 1;
}

.music_right_bar_list .music_right_bar_item_wrap:first-child .music_right_bar_item .music_group {
    opacity: 1;
}

.music_right_bar_list .music_right_bar_item_wrap:nth-child(2) .music_right_bar_item .music_name {
    opacity: 0.5;
}

.music_right_bar_list .music_right_bar_item_wrap:nth-child(2) .music_right_bar_item .music_group {
    opacity: 0.5;
}

.music_right_bar_list .music_right_bar_item_wrap:last-child .music_right_bar_item .music_name {
    opacity: 0.13;
}

.music_right_bar_list .music_right_bar_item_wrap:last-child .music_right_bar_item .music_group {
    opacity: 0.13;
}

.music_right_bar_list .music_right_bar_item_wrap .music_right_bar_item.gradient:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}

#music_bar .music_type_list {
    position: absolute;
    right: 10px;
    top: -45px;
    /* -webkit-box-shadow: 0px 5px 20px -6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 5px 20px -6px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 5px 20px -6px rgba(0, 0, 0, 0.15);
    border-radius: 0 0 15px 15px; */
    z-index: 99;
    border-radius: 0 15px;
    background-color: #fff;
    padding: 6px;
}

#music_bar .music_type_list ul li {
    display: inline-block;
    background-color: transparent;
    font-family: 'PT Sans';
    color: #f47b22;
    font-size: 16px;
    padding: 5px 0px;
    width: 70px;
    text-align: center;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
}

#music_bar .music_type_list ul li.active {
    background-color: #f47b22;
    color: #fff;
    border-radius: 15px;
    font-style: italic;
}

#music_bar .music_left_bar .music_left_bar_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

#music_bar .more_info {
    display: none;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    width: 100%;
    height: auto;
    background-color: #f4a45a;
    border-radius: 0 0 15px 15px;
    padding: 0 10px 0 14px;
    z-index: 100;
}

#music_bar .more_info p {
    font-family: 'PT Sans';
    font-size: 12px;
    opacity: 0.44;
    margin-bottom: 5px;
}

#music_bar .more_info .actives_list {
    display: none; /*flex;*/
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 9px;
}

#music_bar .more_info .actives_list .bar_img {
    display: inline-block;
    margin-right: 13px;
}

#music_bar .more_info .actives_list .bar_img.bar_like {
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -37px -5px;
    width: 25px;
    height: 23px;
}

#music_bar .more_info .actives_list .bar_img.bar_plus {
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -72px -5px;
    width: 19px;
    height: 19px;
    margin-right: 17px;
}

#music_bar .more_info .actives_list .bar_img.bar_download {
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -5px -5px;
    width: 22px;
    height: 27px;
}

#music_bar .playlist_played {
    display: none;
    background-color: #fff;
    z-index: 99;
    position: absolute;
    left: 75px;
    top: 0;
    height: 100%;
    padding-right: 25px;
    padding-top: 20px;
}

#music_bar .playlist_played > img {
    float: left;
}

#music_bar .playlist_played .playlist_played_text {
    float: left;
    margin-left: 10px;
    width: calc(100% - 56px);
}

#music_bar .playlist_played .playlist_played_text > p {
    font-family: 'PT Sans';
    font-size: 9px;
    color: #7d7c79;
    margin-bottom: 5px;
}

#music_bar .playlist_played .playlist_played_text .play_list_name {
    font-family: 'PT Sans';
    font-size: 18px;
    color: #000;
    margin-bottom: 2px;
}

#music_bar .playlist_played .playlist_played_text .play_list_desc {
    font-size: 12px;
    color: #7d7c79;
    font-family: 'PT Sans';
}

#music_bar .all_song_category {
    display: none;
    position: absolute;
    left: 55px;
    top: 0;
    max-width: 488px;
    text-align: justify;
    z-index: 999;
    padding: 0 10px 0px 0px;
    margin-top: 5px;
}

#music_bar .all_song_category .one_song_tabs ul li {
    color: #000;
    font-size: 15px;
    text-decoration: none;
    border-bottom: none;
    margin-bottom: 5px;
}

#music_bar .all_song_category .one_song_tabs ul li.active {
    color: #f47b22;
}

#music_bar .all_song_category .one_song_tabs ul li span.num {
    font-size: 12px;
    color: #bfbdb9;
}

#music_bar.video_bar_active .video_bar_list {
    display: block;
    width: 100%;
    max-width: calc(100% - 67px);
}

#music_bar.video_bar_active .music_left_bar {
    display: none;
}

#music_bar.video_bar_active .music_played {
    display: none;
}

#music_bar.video_bar_active .music_right_bar {
    display: none;
}

#music_bar.video_bar_active .container {
    align-items: center;
    height: auto;
    padding-top: 15px;
    padding-bottom: 30px;
}

#music_bar.video_bar_active .container .left_bar {
    flex-grow: 2;
    flex-wrap: wrap;
    width: 100%;
    max-width: calc(100% - 125px);
}

#music_bar.opened_video {
    display: block;
    background-color: #fafafa !important;
}

#music_bar.opened_video .container {
    height: auto;
    padding: 20px 20px 13px;
    display: block;
}

#music_bar.opened_video .bit_r {
    display: none;
}

#music_bar.opened_video .video_bar_list {
    display: block;
}

#music_bar.opened_video .music_left_bar {
    display: none;
}

#music_bar.opened_video .music_played {
    display: none;
}

#music_bar.opened_video .music_right_bar {
    display: none;
}

#music_bar.efir_bar_active .right_bar {
    display: none;
}

#music_bar.efir_bar_active .bit_r {
    display: none;
}

#music_bar.efir_bar_active .efir_bar .right_bar {
    display: block;
    margin-right: 45px;
    margin-bottom: 30px;
    margin-top: -41px;
}

#music_bar.opened_video .video_bar_list {
    display: none;
}

#music_bar.opened_video .opened_video_bar {
    display: block;
}

#music_bar.opened_video .container .left_bar {
    flex-grow: 2;
    width: 100%;
    align-items: flex-end;
}

/* #music_bar.efir_bar_active {
    background-color: #fafafa !important;
} */

#music_bar.efir_bar_active .efir_bar {
    display: block;
    width: 300px;
    float: right;
    position: absolute;
    right: 0;
    
    /* max-width: calc(100% - 67px); */
}

.opened_video_list_wrap:hover:after {
    visibility: hidden;
    opacity: 0;
}

#music_bar.efir_bar_active .container {
    height: auto;
    padding: 20px 20px 13px;
    display: block;
}

#music_bar.efir_bar_active .video_bar_list {
    display: block;
}

#music_bar.efir_bar_active .music_left_bar {
    display: none;
}

#music_bar.efir_bar_active .music_played {
    display: none;
}

#music_bar.efir_bar_active .music_right_bar {
    display: none;
}

#music_bar.efir_bar_active .video_bar_list {
    display: none;
}

#music_bar.efir_bar_active .container .left_bar {
    flex-grow: 2;
    width: 100%;
    align-items: flex-end;
    flex-wrap: wrap;
}

.efir_bar {
    display: none;
}

#index_content {
    padding-top: 55px;
}

#index_content h2 {
    font-size: 28px;
    color: #000;
    font-family: 'PT Sans';
}

#index_content .index_music {
    width: 100%;
    max-width: 630px;
    float: left;
    margin-bottom: 30px;
    padding-left: 50px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#index_content .index_music .index_music_header h2 {
    float: left;
    margin-right: 48px;
    line-height: 1.2;
}

.index_video_slide_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.index_music_container .item {
    text-decoration: none;
}

.index_music_container .item:hover {
    background-color: #ececec;
}

.index_music_container ul li, .index_music_container .item {
    margin-bottom: 5px;
    width: 100%;
}

.index_music_container ul li img.music_img, .index_music_container .item img.music_img {
    width: 42px;
    height: 42px;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}

.index_mus_info, .index_music_container .item .index_mus_info {
    position: relative;
    /* border-bottom: 2px solid #eaeaea; */
    display: inline-block;
    padding: 0px 30px 0 5px;
    height: 42px;
    width: calc(100% - 52px);
    display: flex;
    align-items: center;
}

.index_music_container .item .index_mus_info:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: #eaeaea;
}

.index_mus_info .index_music_name,
.index_music_container .item .index_mus_info .index_music_name {
    font-size: 15px;
    color: #000;
    font-family: 'PT Sans';
    float: left;
    width: 50%;
}

.index_mus_info .index_music_group, .index_music_container .item .index_mus_info .index_music_group {
    font-size: 12px;
    font-family: 'PT Sans';
    color: #7d7c79;
    float: left;
    width: 45%;
    line-height: 14px;
}

.index_mus_info .index_music_duration, .index_music_container .item .index_mus_info .index_music_duration {
    font-size: 12px;
    font-family: 'PT Sans';
    color: #7d7c79;
    line-height: 42px;
    float: left;
    width: 5%;
}

.tabs ul li {
    position: relative;
    display: inline-block;
    font-size: 19px;
    color: #f47b22;
    font-family: 'PT Sans';
    border-bottom: 1px solid #f47b22;
    cursor: pointer;
}

.tabs ul li .my_music_num {
    position: absolute;
    left: 105%;
    top: 0px;
    color: #000;
    font-weight: 400;
}

.tabs ul li:not(:last-child) {
    margin-right: 10px;
}

.tabs ul li.active {
    color: #000;
    border-bottom: none;
}

.tabs ul li:not(:last-child) {
    margin-right: 10px;
}

.tab_list {
    display: inline-block;
    margin-bottom: 30px;
}

.tab_list ul li, .tab_list ul li a {
    position: relative;
    display: inline-block;
    font-size: 19px;
    cursor: pointer;
    font-family: 'PT Sans';
    font-size: 19.85px;
    margin-right: 16px;
    text-decoration: none;
    color: #000;
    border-bottom: none;
}

.tab_list ul li .my_music_num {
    position: absolute;
    left: 105%;
    top: 0px;
    color: #000;
    font-weight: 400;
}

.tab_list ul li span {
    font-size: 15.88px;
    color: #bfbdb9;
    margin-left: 7px;
}

.tab_list ul li:not(:last-child) {
    margin-right: 10px;
}

.tab_list ul li.active, .tab_list ul li.active a {
    text-decoration: none;
    border-bottom: none;
    color: #f47b22;
}

.tab_list ul li:not(:last-child) {
    margin-right: 10px;
}

.index_music_header {
    margin-bottom: 20px;
}

.index_music_header .index_music_tabs {
    padding-top: 10px;
}

.index_music_header .index_music_tabs ul li:last-child {
    font-weight: 600;
}

.index_music_header .index_music_tabs ul li {
    vertical-align: sub;
}

#index_content .index_video {
    width: 100%;
    max-width: 647px;
    float: right;
    padding-right: 63px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#index_content .index_video h2 {
    padding-left: 9px;
    margin-bottom: 5px;
}

#index_content .index_video_box {
    width: 100%;
    padding: 0px 25px;
}

#index_content .index_video_box h2 {
    padding-left: 9px;
    margin-bottom: 5px;
}

.index_video_slider {
    width: 100%;
    height: 265px;
}

.index_video_slider .slick-list {
    height: 100%;
}

.index_video_slider .slick-track {
    height: 100%;
}

.index_video_slider .index_video_slide {
    position: relative;
}

.index_video_slider .index_video_slide .video_stat {
    position: absolute;
    top: 10px;
    right: 20px;
}

.index_video_slider .index_video_slide .video_stat .video_comments {
    width: 37px;
    height: 29px;
    background-image: url(/bitrix/templates/slavmir/css/../images/comments.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-left: 4px;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 15px;
    float: left;
    line-height: 29px;
    margin-right: 10px;
}

.index_video_slider .index_video_slide .video_stat .video_likes {
    width: 35px;
    height: 29px;
    text-align: center;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 15px;
    background-image: url(/bitrix/templates/slavmir/css/../images/video_like.png);
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    line-height: 29px;
}

.index_video_slider .index_video_slide .play_btn {
    position: absolute;
    width: 104px;
    height: 104px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(/bitrix/templates/slavmir/css/../images/play_video.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.index_video_slider ul.slick-dots {
    margin-top: 9px;
    width: 100%;
    overflow: hidden;
}

.index_video_slider ul.slick-dots li {
    float: left;
    width: calc(25% - 3px);
    cursor: pointer;
}

.index_video_slider ul.slick-dots li button {
    border: none;
    background-color: #e6e6e6;
    color: transparent;
    width: 100%;
    outline: none;
    cursor: pointer;
    height: 6px;
}

.index_video_slider ul.slick-dots li.slick-active button {
    background-color: #f47b22;
}

.index_video_slider ul.slick-dots li:not(:last-child) {
    margin-right: 4px;
}

.index_video_slider .index_video_slide .play_video_time {
    background-color: #f47b22;
    position: absolute;
    right: 0px;
    bottom: 0;
    width: 70px;
    height: 30px;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    z-index: 9;
}

.index_video_slider .index_video_slide .video_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 55px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.index_video_slider .video_name_container {
    position: absolute;
    left: 30px;
    bottom: 7px;
}

.index_video_slider .video_name_container .video_name {
    font-family: 'PT Sans';
    font-weight: 600;
    font-size: 20px;
    margin-right: 10px;
    color: #fff;
}

.index_video_slider .video_name_container .video_author {
    font-family: 'PT Sans';
    font-size: 17px;
    margin-right: 10px;
    color: #fff;
}

#index_content .index_prog {
    margin-bottom: 30px;
}

#index_content .index_prog .container {
    margin-bottom: 10px;
}

.index_prog_header {
    padding-left: 50px;
}

.index_prog_header h2 {
    float: left;
    margin-right: 35px;
}

.index_prog_header .index_prog_tabs {
    float: left;
    padding-top: 6px;
}

.index_prog_container {
    display: none;
}

.index_prog_container.active {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.index_prog_container a {
    float: left;
    width: calc(25% - 3px);
    margin-right: 3px;
    height: 265px;
    position: relative;
    margin-bottom: 3px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}

.index_prog_container a:after {
    content: '';
    position: absolute;
    height: 100px;
    left: 0;
    top: 0;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
}

.index_prog_container a:nth-child(4n) {
    margin-right: 0;
}

.index_prog_container a.index_prog_item .prog_name_container {
    position: absolute;
    width: 100%;
    max-width: 250px;
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    z-index: 10;
}

.index_prog_container a.index_prog_item .prog_name_container .prog_name {
    font-family: 'PT Sans';
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 5px;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.index_prog_container a.index_prog_item.black .prog_name_container .prog_name {
    color: #fff;
}

.index_prog_container a.index_prog_item .prog_name_container .prog_desc {
    color: #fff;
    font-family: 'PT Sans';
    font-size: 17px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    line-height: 20px;
}

.index_prog_container a.index_prog_item.black .prog_name_container .prog_desc {
    color: #fff;
}

.tab_container {
    display: none;
    overflow: hidden;
}

.tab_container.active {
    display: block;
}

#index_content .index_news {
    padding-left: 55px;
    float: left;
    margin-right: 50px;
    width: 42.5%;
    box-sizing: content-box;
    margin-bottom: 60px;
}

#index_content .index_news h2 {
    margin-bottom: 10px;
    font-size: 22px;
}

#index_content .index_news p {
    font-size: 15px;
    line-height: 19px;
}

#index_content .index_news p .yellow {
    color: #f47b22;
    font-family: 'PT Sans';
    text-decoration: underline;
}

.index_news_list .index_news_item {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 8px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.index_news_list .index_news_item:not(:last-child) {
    border-bottom: 2px solid #eaeaea;
}

.index_news_list .index_news_item .index_news_date {
    font-size: 19px;
    font-family: 'PT Sans';
    float: left;
    color: #b6b8ba;
    margin-right: 10px;
    text-align: right;
    width: 105px;
}

.index_news_list .index_news_item .index_news_desc {
    margin-right: 14px;
    float: left;
    width: 100%;
    max-width: 385px;
}

.index_news_list .index_news_item .index_news_desc {
    font-size: 19px;
    font-family: 'PT Sans';
    color: #000;
    line-height: 22px;
}

.index_news_list .index_news_item .index_news_img {
    float: left;
}

.index_news_list .index_news_item .index_news_img img {
    border-radius: 50%;
    overflow: hidden;
    width: 84px;
    height: 84px;
}

#index_content .index_articles {
    float: left;
    width: 45%;
    margin-bottom: 60px;
}

#index_content .index_articles h2 {
    margin-bottom: 20px;
}

.index_articles .index_articles_list {

}

.index_articles_list .index_articles_item {
    margin-bottom: 20px;
}

.index_articles_list .index_articles_item .article_text {
    float: left;
    width: 100%;
    padding-right: 20px;
    max-width: calc(100% - 140px);
}

.index_articles_list .index_articles_item .article_text p.type {
    font-family: 'PT Sans';
    font-size: 13px;
    color: #bababa;
    font-weight: 600;
    margin-bottom: 5px;
}

.index_articles_list .index_articles_item .article_text h3.art_name {
    color: #e94422;
    font-family: 'PT Serif';
    font-size: 39px;
    margin-bottom: 15px;
    font-weight: bold;
}

.index_articles_list .index_articles_item .article_text article {
    font-size: 15px;
    color: #000;
    font-family: 'PT Sans';
    line-height: 18px;
}

.index_articles_list .index_articles_item .article_text article a.read,
#index_content .index_news p span.read_more {
    background-color: #e94422;
    color: #fff;
    padding: 0px 4px 2px;
    display: inline-block;
    text-decoration: none;
    font-weight: 100;
    font-size: 15px;
}

.index_articles_list .index_articles_item .article_img {
    float: right;
    padding-top: 25px;
    position: relative;
}

.index_articles_list .index_articles_item .article_img:after {
    content: '';
    position: absolute;
    left: -46px;
    bottom: -60px;
    background-image: url(/bitrix/templates/slavmir/css/../images/music_played_after.png);
    background-repeat: no-repeat;
    width: 131px;
    height: 81px;
}

.index_articles_list .index_articles_item .article_img:before {
    content: '';
    position: absolute;
    right: -46px;
    top: -12px;
    background-image: url(/bitrix/templates/slavmir/css/../images/music_played_before.png);
    background-repeat: no-repeat;
    width: 131px;
    height: 81px;
}

.index_articles_list .index_articles_item .article_img img {
    border-radius: 50%;
    width: 140px;
    height: 140px;
    overflow: hidden;
}

#index_content .index_about{
    padding-top: 55px;
    padding-bottom: 50px;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
#index_content .index_about .container{
    max-width: 920px;
}
#index_content .index_about h3{
    text-align: center;
    color: #fff;
    font-size: 45px;
    font-family:'PT Serif';
    font-weight: 600;
    margin-bottom: 30px;
}
#index_content .index_about p{
    font-size: 12px;
    color: #fff;
    line-height: 15px;
    font-family:'PT Sans';
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
}
.index_about_left{
    float: left;
    width: calc(50% - 15px);
    margin-right: 15px;
    color: #fff;
}
.index_about_right{
    float: right;
    width: calc(50% - 15px);
    margin-left: 15px;
    color: #fff;
}
#index_content .index_about .about_btn{
    text-align: center;
    width: 82px;
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 0px 2px 3px;
}
#index_content .index_about .about_btn a{
    font-family:'PT Sans';
    text-decoration: none;
    font-size: 19.74px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    padding-top: 2px;
}

footer {
    padding-top: 40px;
    padding-bottom: 30px;
    background-image: url(/bitrix/templates/slavmir/css/../images/footer_bg.png);
    background-color: #e6e6e6;
    background-position: right top;
    background-repeat: no-repeat;
    /*margin-bottom: 76px;*/
}

footer .container {
    padding: 0 195px 0 60px;
}

footer .footer_left_col a {
    font-size: 15px;
    font-family: 'PT Sans';
    text-decoration: none;
    color: #000;
}

footer .footer_left_col .footer_logo {
    float: left;
    margin-right: 70px;
}

footer .footer_left_col {
    float: left;
}

footer .footer_left_col .footer_nav_left {
    float: left;
    margin-right: 85px;
    padding-top: 30px;
}

footer .footer_left_col .footer_nav_right {
    float: left;
    padding-top: 30px;
}

footer .footer_left_col .footer_nav_left ul li:not(:last-child) {
    margin-bottom: 7px;
}

footer .footer_left_col .footer_nav_left ul li.active a {
    color: #8a8a8a;
}

footer .footer_left_col .footer_nav_right ul li:not(:last-child) {
    margin-bottom: 7px;
}

footer .footer_left_col .footer_nav_right ul li.active a {
    color: #8a8a8a;
}

footer .footer_left_col .copy {
    display: block;
    margin-top: 40px;
    text-align: center;
    padding-left: 40px;
}

footer .mobile_copy {
    display: none;
}

footer .mobile_copy p {
    color: #7e8083;
    font-size: 14px;
    font-family: 'PT Sans';
}

footer .footer_left_col .copy p {
    color: #7e8083;
    font-size: 14px;
    font-family: 'PT Sans';
}

footer .footer_right_col {
    float: right;
    width: 100%;
    max-width: 445px;
    padding-top: 30px;
}

footer .footer_right_col p {
    color: #000;
    font-size: 15px;
    font-family: 'PT Sans';
    margin-bottom: 10px;
}

footer .footer_right_col .soc {
    overflow: hidden;
    margin-bottom: 15px;
}

footer .footer_right_col .soc li {
    float: left;
}

footer .footer_right_col .soc li:not(:last-child) {
    margin-right: 11px;
}

footer .footer_right_col .opros {
    margin-bottom: 15px;
    margin-top: 20px;
}

footer .footer_right_col .opros a {
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-family: 'PT Sans';
    background-color: #f38c1e;
    padding: 6px 12px;
    border-radius: 4px;
    text-decoration: none;
}

footer .roskom {
    position: relative;
    float: right;
    max-width: 445px;
    width: 100%;
    padding-top: 7px;
}

footer .roskom:after {
    content: '';
    position: absolute;
    left: -80px;
    top: 0;
    width: 52px;
    height: 51px;
    background-image: url(/bitrix/templates/slavmir/css/../images/six.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

footer .roskom p {
    color: #7e8083;
    font-size: 9px;
    font-family: 'PT Sans';
    line-height: 14px;
}

.music_played_desktop {
    display: block;
    position: absolute;
    left: 51%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.music_played_mobile {
    display: none;
}

.prog_bar {
    width: 145px;
    height: 145px;
    position: relative;
    display: inline-block;
    z-index: -1;
    border-radius: 50%;
    overflow: hidden;
}

.prog_bar svg {
    width: 146px;
    height: 146px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.page_top_bg {
    width: 100%;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

.page_top_bg .container {
    position: relative;
}

.page_top_bg h1 {
    font-size: 44px;
    font-family: 'PT Serif';
    font-weight: 600;
    color: #fff;
}

.breadcrumbs {
    position: absolute;
    left: 75px;
    top: 0px;
    z-index: 99;
    text-align: left;
}

.breadcrumbs ul li {
    display: inline-block;
}

.breadcrumbs ul li a {
    color: #fff;
    font-size: 12px;
    font-family: 'PT Sans';
    text-decoration: none;
}

.breadcrumbs ul li .vert_line {
    position: relative;
    display: inline-block;
    width: 1px;
    height: 18px;
    margin: 0px 10px -5px 10px;
}

.breadcrumbs ul li .vert_line:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0px;
    width: 1px;
    height: 18px;
    background-color: #fff;
}

.breadcrumbs.dark ul li .vert_line:after {
    background-color: #d1cfcb;
}

.breadcrumbs ul li.active a {
    color: #c2c2c2 !important;
    cursor: default;
}

#video_page .breadcrumbs ul li a {
    color: #7d7c79;
}

#video_page .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#lk_section .breadcrumbs ul li a {
    color: #7d7c79;
}

#lk_section .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#our_prog_top .breadcrumbs ul li a {
    color: #7d7c79;
}

#our_prog_top .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#prog_item_top h1.page_name {
    margin-bottom: 0;
    padding-top: 55px;
}

#prog_item_top .breadcrumbs ul li a {
    color: #7d7c79;
}

#prog_item_top .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#tarifs .breadcrumbs ul li a {
    color: #ffffff;
}

#tarifs .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#articles .breadcrumbs ul li a {
    color: #7d7c79;
}

#articles .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#article_item .breadcrumbs ul li a {
    color: #7d7c79;
}

#article_item .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#news_item .breadcrumbs ul li a {
    color: #7d7c79;
}

#news_item .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#audio_item .breadcrumbs ul li a {
    color: #7d7c79;
}

#audio_item .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

#audio_playlist .breadcrumbs ul li a {
    color: #7d7c79;
}

#audio_playlist .breadcrumbs ul li .vert_line:after {
    background-color: #d1cfcb;
}

/*** ABOUT PAGE ***/

#about_page_top {
    padding-top: 30px;
    padding-bottom: 60px;
    background-image: url(/bitrix/templates/slavmir/css/../images/registration-1.jpg);
    position: relative;
    height: 305px;
}

#about_page_top h1 {
    font-size: 74px;
    padding-top: 40px;
}

#about_page_top:after {
    position: absolute;
    content: '';
    left: 0;
    top: 15px;
    height: 136px;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
}

#about_page_top .container {
    z-index: 99;
}

#about_page_top .container .breadcrumbs {
    top: 0px;
}

.about_text {
    padding: 0px 0 80px;
}

.about_text .container {
    margin: 0 auto;
    max-width: 1285px;
}

.about_text .left_col {
    padding-top: 40px;
}

.left_col {
    width: 100%;
    max-width: 855px;
    float: left;
}

.right_col {
    float: right;
    width: 100%;
    max-width: 395px;
}

.interview {
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/interview_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 40px;
}

#contacts .interview p {
    margin-bottom: 220px;
}

.interview p {
    font-family: 'PT Sans';
    font-size: 17.24px;
    margin-bottom: 205px;
}

.interview a.opros_interview {
    color: #fff;
    background-color: #F47B22;
    font-family: 'PT Sans';
    font-size: 15px;
    text-decoration: none;
    padding: 6px 14px;
}

.interview_menu {
    padding-top: 125px;
    text-align: left;
    padding-left: 100px;
}

.interview_menu ul {

}

.interview_menu ul li {

}

.interview_menu ul li:not(:last-child) {
    margin-bottom: 40px;
}

.interview_menu ul li a {
    font-family: 'PT Serif';
    font-size: 29.11px;
    color: #000;
    line-height: 1.2;
}

.interview_menu ul li.active a {
    color: #f47b22;
    text-decoration: none;
}

.about_text h4 {
    font-size: 34px;
    color: #000;
    font-family: 'PT Sans';
    font-weight: 600;
}

.about_text h5 {
    font-family: 'PT Serif';
    color: #000;
    font-size: 27px;
    line-height: 1.2;
}

.about_text p {
    font-family: 'PT Sans';
    color: #000;
    font-size: 18px;
    line-height: 22px;
}

.about_text .about_top_text h5 {
    position: relative;
    margin-bottom: 95px;
}

.about_text .about_top_text h5:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -70px;
    width: 100%;
    height: 40px;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.about_text .klad_mudr {
    padding-top: 55px;
    overflow: hidden;
}

.about_text .klad_mudr h4 {
    margin-bottom: 20px;
}

.about_text .klad_mudr .about_img {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 205px;
    display: block;
    background-size: cover;
    margin-bottom: 80px;
}

.about_text .klad_mudr h5 {
    margin-bottom: 75px;
    position: relative;
}

.about_text .klad_mudr h5:after {
    position: absolute;
    content: '';
    left: 0;
    top: -47px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 27px;
}

.about_text .klad_mudr h5:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -47px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 27px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*** VIDEO PAGE ***/
#video_page {
    padding-top: 30px;
    background-color: #FAFAFA;
    padding-bottom: 25px;
}

#video_page .container {
    position: relative;
}

#video_page .breadcrumbs {
    left: 75px;
    top: 0px;
}

#video_page h1.page_name {
    margin-bottom: 15px;
}

.daily_video_container h2 {
    font-family: 'PT Serif';
    font-size: 44px;
    font-weight: bold;
    color: #e94422;
    text-align: center;
}

.daily_video_slider {
    height: 370px;
    margin-bottom: 30px;
}

.daily_video_slider .slick-list {
    height: 100%;
}

.daily_video_slider .slick-track {
    height: 100%;
}

.daily_video_slider ul.slick-dots {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -16px;
}

.daily_video_slider ul.slick-dots li {
    float: left;
    width: calc(25% - 3px);
    cursor: pointer;
}

.daily_video_slider ul.slick-dots li:not(:last-child) {
    margin-right: 4px;
}

.daily_video_slider ul.slick-dots li button {
    border: none;
    background-color: #e6e6e6;
    color: transparent;
    width: 100%;
    outline: none;
    cursor: pointer;
    height: 6px;
}

.daily_video_slider ul.slick-dots li.slick-active button {
    background-color: #f47b22;
}

.daily_video_slider .daily_video_item {
    position: relative;
    height: 100%;
}

.daily_video_slider .daily_video_item {
    display: none;
}

.daily_video_slider .daily_video_item:first-child {
    display: block;
}

.daily_video_slider.slick-initialized .daily_video_item {
    display: block;
}

.daily_video_slider .daily_video_item .item_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
}

.daily_video_slider .daily_video_item .play_video_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 99;
    cursor: pointer;
    width: 150px;
    height: 150px;
}

.daily_video_slider .daily_video_item .play_video_btn img {
    max-width: 100%;
}

.daily_video_slider .daily_video_item .only_subs {
    position: absolute;
    z-index: 10;
    right: 50px;
    bottom: 30px;
    display: flex;
    align-items: center;
}

.daily_video_slider .daily_video_item .only_subs span {
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 19.05px;
    color: #fff;
    margin-right: 13px;
}

.video_page_list_container {
    padding: 0 40px 0 60px;
    max-width: 1440px;
    margin: 0 auto;
}

.video_page_list_container h3 {
    color: #000;
    display: inline-block;
    font-family: 'PT Serif';
    font-size: 44.55px;
    margin-right: 45px;
    margin-bottom: 30px;
    padding-left: 25px;
}

.video_page_list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.video_page_list .video_page_item {
    position: relative;
    margin-bottom: 55px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
    transition: all 1s linear;
}

.video_page_list .video_page_item:not(:nth-child(4n)) {
    margin-right: 34px;
}

.video_page_list .video_page_item .overlay {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 30px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.video_page_list .video_page_item:hover .overlay {
    opacity: 1;
}

.video_page_list .video_page_item .overlay img {
    margin-bottom: 10px;
}

.video_page_list .video_page_item .overlay p {
    font-family: 'PT Sans';
    font-weight: bold;
    padding: 0 0 0 105px !important;
    font-size: 24.99px;
    color: #f38c1e;
    text-align: left;
    line-height: 1.2;
}

.video_page_list .video_page_item .item_img {
    display: block;
    position: relative;
    width: 305px;
    height: 225px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    margin-bottom: 15px;
    cursor: pointer;
}

.video_page_list .video_page_item .item_img img {
    vertical-align: middle;
}

.video_page_list .video_page_item h4 {
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 20.37px;
    margin-bottom: 13px;
    color: #000;
    padding-left: 20px;
}

.video_page_list .video_page_item.top h4 {
    position: relative;
    padding-left: 45px;
}

.video_page_list .video_page_item.top h4:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.video_page_list .video_page_item p {
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 13px;
    margin-bottom: 5px;
    padding-left: 20px;
}

.video_page_list .video_page_item.top p {
    padding-left: 45px;
}

.video_page_list .video_page_item .video_time {
    position: absolute;
    right: 0;
    bottom: 0;
    font-family: 'PT Sans';
    color: #fff;
    font-weight: bold;
    width: 82px;
    background-color: #F47B22;
    text-align: center;
    padding: 7px 0;
}

/*** AUDIO PAGE ***/

#audio_page_top {
    position: relative;
    padding: 30px 0 70px;
    background: url(/bitrix/templates/slavmir/css/../images/audio_page_bg.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center top, center bottom;
    overflow: hidden;
}

#audio_page_top:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -60px;
    height: 114px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/bottom_bg_triangles.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#audio_page_top .container {
    padding: 0 35px 0 45px;
}

#audio_page_top .breadcrumbs {
    left: 75px;
    top: 0px;
}

#audio_page_top h1 {
    color: #f17d1f;
    margin-bottom: 30px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .7);
}

#audio_page_top .audio_page_header {
    text-align: inherit;
}

#audio_page_top .audio_page_header .tabs {
    float: left;
}

#audio_page_top .audio_page_header .tabs ul li {
    font-size: 1.550vw;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .7);
}

#audio_page_top .audio_page_header .tabs ul li.active {
    color: #fff;
}

#audio_page_top .audio_page_header .radio_efir {
    float: right;
    margin-right: 15px;
}

#audio_page_top .audio_page_header .radio_efir a {
    background-color: #f17d1f;
    color: #fff;
    font-size: 28px;
    border-radius: 100px;
    text-decoration: none;
    font-family: 'PT Sans';
    padding: 4px 13px 6px;
    display: inline-block;
    margin-top: -28px;
}

#audio_page_top .tab_container {
    display: none;
}

#audio_page_top .tab_container.active {
    text-align: left;
    margin-top: 35px;
    display: flex;
}

#audio_page_top .tab_container ul {
    display: flex;
    justify-content: space-between;
}

#audio_page_top .tab_container ul li {
    display: inline-block;
    vertical-align: text-top;
    width: calc(100% / 6);
    margin-right: 35px;
}

#audio_page_top .tab_container ul li .audioP_top_img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

#audio_page_top .tab_container ul li .audioP_name {
    color: #fff;
    font-size: 1.113vw;
    font-family: 'PT Sans';
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.2;
    display: block;
}

#audio_page_top .tab_container ul li .audioP_name.shifted {
    padding-left: 40px;
}

#audio_page_top .tab_container ul li .audio_top {
    float: left;
}

#audio_page_top .tab_container ul li .audioP_descr {
    color: #fff;
    font-size: 0.738vw;
    font-family: 'PT Sans';
    line-height: 1.2;
    display: block;
}

#audio_page_top .tab_container ul li .audioP_descr.shifted {
    padding-left: 40px;
}

.pl_header {
    text-align: center;
    margin-bottom: 30px;
}

.pl_header h3 {
    font-family: 'PT Serif';
    color: #000;
    font-size: 39px;
    border-bottom: 1px solid #000;
    display: inline-block;
    margin-right: 10px;
    padding-bottom: 3px;
}

.pl_header .pl_numb {
    color: #b6b8ba;
    font-size: 13px;
    font-family: 'PT Sans';
}

.playlist_items {
    display: flex;
    justify-content: center;
    padding: 0 20px 0 45px;
    flex-wrap: wrap;
}

.playlist_box {
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
    max-width: 320px;
    margin-right: 25px;
    padding: 13px;
    border-radius: 3px;
    background: #fafafa;
    -webkit-box-shadow: 0px 5px 28px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 5px 28px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 5px 28px 0px rgba(0, 0, 0, 0.29);
    margin-bottom: 50px;
}

.playlist_box:last-child {
    margin-right: 0;
}

.playlist_box a {
    text-decoration: none;
}

.playlist_box .pl_top_row {
    margin-bottom: 13px;
}

.playlist_box .pl_item {
    border-radius: 3px;
    width: 90px;
    height: 90px;
    display: inline-block;
    vertical-align: text-top;
    float: left;
    margin-bottom: 13px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.playlist_box .pl_item.pl_x2 {
    width: 190px;
    height: 190px;
    margin-right: 13px;
    position: relative;
}

.playlist_box .pl_item.pl_x2 .pl_name {
    position: absolute;
    left: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 28px;
    font-family: 'PT Sans';
    color: #fff;
}

.playlist_box .pl_bot_row a:not(:last-child) .pl_item {
    margin-right: 12px;
}

.playlist_box .pl_box_text {
    clear: both;
    overflow: hidden;
}

.playlist_box .pl_box_text.subs {
    position: relative;
    padding-left: 44px;
    overflow: inherit;
}

.playlist_box .pl_box_text.subs:after {
    position: absolute;
    left: 0;
    content: '';
    top: -10px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    width: 32px;
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.playlist_box .pl_box_text .pl_author {
    float: left;
    color: #bababa;
    font-size: 13px;
    font-family: 'PT Sans';
}

.playlist_box .pl_box_text .pl_time {
    float: right;
    color: #bababa;
    font-size: 15px;
    font-family: 'PT Sans';
}

#video-player{
    margin-bottom: 30px;
}

#audio_kompoz .container {
    padding: 0 50px;
}

#audio_kompoz .left_audio_komp_box {
    margin-bottom: 20px;
}

#audio_kompoz .left_audio_komp_box:hover .overlay_gradient {
    display: none;
}

#audio_kompoz .left_audio_komp_box .index_music_container ul li .index_mus_info, #audio_kompoz .left_audio_komp_box .index_music_container .item .index_mus_info {
    padding: 0;
}

#audio_kompoz .left_audio_komp_box .index_music_container ul li .index_mus_info .index_music_group, #audio_kompoz .left_audio_komp_box .index_music_container .item .index_mus_info .index_music_group {
    width: 40%;
}

#audio_kompoz .left_audio_komp_box .index_music_container ul li .index_mus_info .audio_komp_plus, #audio_kompoz .left_audio_komp_box .index_music_container .item .index_mus_info .audio_komp_plus {
    float: right;
    margin-right: 10px;
}

#audio_kompoz .left_audio_komp_box .index_music_container ul li .index_mus_info .index_music_name, #audio_kompoz .left_audio_komp_box .index_music_container .item .index_mus_info .index_music_name {
    width: 45%;
}

.tabs.all_tabs ul li {
    color: #000;
    border-bottom: none;
    margin-bottom: 5px;
}

.tabs.all_tabs ul li.active {
    color: #b6b8ba;
}

.tabs.all_tabs ul li .item_numb {
    color: #bfbdb9;
    font-size: 15px;
    font-family: 'PT Sans';
}

#audio_kompoz .index_music_container h4 {
    color: #000;
    font-size: 28px;
    font-family: 'PT Sans';
    margin-bottom: 30px;
}

#audio_kompoz .left_audio_komp_box #left_audio_komp_tabs {
    margin-bottom: 20px;
}

#audio_kompoz .right_audio_komp {
    background-color: #f2f2f2;
    padding: 25px 20px 15px 40px;
    width: 100%;
    float: right;
    max-width: 390px;
    margin-bottom: 70px;
}

#audio_kompoz .right_audio_komp h4 {
    color: #000000;
    font-size: 28px;
    font-family: 'PT Sans';
    margin-bottom: 18px;
}

#audio_kompoz .right_audio_komp .ispolniteli_list {
    margin-top: 25px;
    position: relative;
    max-height: 325px;
    min-height: 325px;
    padding-bottom: 70px;
}

.ispolniteli_list_wrap {
    position: relative;
}

.ispolniteli_list_wrap .overlay_gradient {
    background: -webkit-linear-gradient(top, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 80%);
    background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 80%);
    left: -1px;
}

.audio_list_wrap {
    position: relative;
}

.audio_list {
    position: relative;
    max-height: 360px;
    min-height: 360px;
    padding-bottom: 70px;
    overflow: auto;
}

.audio_list_wrap .index_music_container {
    position: relative;
}

#audio_kompoz .right_audio_komp .ispolniteli_list .item {
    overflow: hidden;
    height: 43px;
    margin-bottom: 5px;
    display: block;
    text-decoration: none;
}

#audio_kompoz .right_audio_komp .ispolniteli_list .item > img {
    float: left;
    width: 42px;
}

#audio_kompoz .right_audio_komp .ispolniteli_list .item .isp_info {
    padding: 15px 0 0 13px;
    max-width: calc(100% - 42px);
    float: left;
    display: inline-block;
}

#audio_kompoz .right_audio_komp .ispolniteli_list .item .isp_name {
    color: #000;
    font-size: 15px;
    font-family: 'PT Sans';
    font-weight: 600;
}

#audio_kompoz .right_audio_komp .ispolniteli_list .item .isp_numb {
    color: #b6b8ba;
}

#audioP_about {
    background-color: #f6f6f6;
    padding: 65px 0 55px;
}

#audioP_about .container {
    max-width: 920px;
}

#audioP_about p {
    font-size: 12px;
    color: #7e8083;
    line-height: 15px;
    font-family: 'PT Sans';
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
}

header .mobile_menu {
    display: none;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 999;
}

body.pay_notice header {
    top: 52px;
}

body.pay_notice header .mobile_menu {
    top: 137px;
}

.mobile_menu ul {

}

.mobile_menu ul li {
    padding: 10px 0 10px 35px;
}

.mobile_menu ul li:not(:last-child) {
    border-bottom: 1px solid #f7f7f7;
}

.mobile_menu ul li a {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    font-family: 'PT Sans';
}

/**** OUR PROGRAMMS PAGE ****/
#our_prog_top {
    padding-top: 30px;
    padding-bottom: 25px;
    background-color: #f2f2f2;
}

#our_prog_top .container {
    position: relative;
}

#our_prog_top .breadcrumbs {
    top: 0px;
    left: 75px;
}

#our_prog_top h1 {
    margin-bottom: 0;
}

#our_prog_slider_box .our_prog_slider .our_prog_slide {
    height: 370px;
    padding: 30px 0px 50px 80px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

#our_prog_slider_box .our_prog_slider .our_prog_slide .prog_slide_text {
    width: 100%;
    max-width: 500px;
}

#our_prog_slider_box .our_prog_slider .our_prog_slide .prog_slide_text .vipusk .vipusk_img {
    float: left;
    margin-right: 12px;
    position: relative;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    border: 5px solid #fff;
    overflow: hidden;
}

#our_prog_slider_box .our_prog_slider .our_prog_slide {
    display: none;
}

#our_prog_slider_box .our_prog_slider .our_prog_slide:first-child {
    display: block;
}

#our_prog_slider_box .our_prog_slider.slick-initialized .our_prog_slide {
    display: block;
}

#our_prog_slider_box .our_prog_slider ul.slick-dots {
    width: 100%;
}

#our_prog_slider_box .our_prog_slider ul.slick-dots li:not(:last-child) {
    margin-right: 4px;
}

#our_prog_slider_box .our_prog_slider ul.slick-dots li {
    float: left;
    width: calc(25% - 3px);
    cursor: pointer;
}

#our_prog_slider_box .our_prog_slider ul.slick-dots li button {
    border: none;
    background-color: #e6e6e6;
    color: transparent;
    width: 100%;
    outline: none;
    cursor: pointer;
    height: 6px;
}

#our_prog_slider_box .our_prog_slider ul.slick-dots li.slick-active button {
    background-color: #f47b22;
}

#our_prog_slider_box .our_prog_slider .prog_slide_text h2 {
    color: #fff;
    font-weight: 600;
    font-family: 'PT Serif';
    font-size: 3.675vw;
    line-height: 1.1;
    margin-bottom: 25px;
}

#our_prog_slider_box .our_prog_slider .prog_slide_text p {
    color: #fff;
    font-weight: 600;
    font-family: 'PT Sans';
    font-size: 1.250vw;
    line-height: 1.2;
    margin-bottom: 30px;
}

#our_prog_slider_box .our_prog_slider .prog_slide_text .vipusk img {
    float: left;
    margin-right: 10px;
}

#our_prog_slider_box .our_prog_slider .prog_slide_text .vipusk .vipusk_desc {
    color: #fff;
    font-size: 19px;
    font-family: 'PT Serif';
    margin-right: 40px;
    display: inline-block;
    padding: 20px 0;
}

#our_prog_slider_box .our_prog_slider .prog_slide_text .vipusk a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #fff;
    font-size: 19px;
    font-family: 'PT Serif';
    padding: 6px 11px;
}

#our_prog_list_box {
    padding-top: 30px;
    padding-bottom: 20px;
}

#our_prog_list_box #our_prog_list {
    margin-bottom: 35px;
    padding-left: 135px;
}

#our_prog_list_box .container {
    padding: 0 40px 0 60px;
}

#our_prog_list_box .tab_container {
    text-align: center;
}

#our_prog_list_box .our_prog_list_container .prog_item {
    float: left;
    max-width: 305px;
    width: 100%;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 55px;
    text-decoration: none;
    margin-right: 35px;
}

#our_prog_list_box .our_prog_list_container .prog_item > img {
    max-width: 100%;
    height: 225px;
    margin-bottom: 13px;
}

#our_prog_list_box .our_prog_list_container .prog_item .prog_name {
    display: block;
    position: relative;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2;
    font-family: 'PT Sans';
}

#our_prog_list_box .our_prog_list_container .prog_item .prog_name.plus:after {
    content: '';
    position: absolute;
    left: 15px;
    top: -5px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#our_prog_list_box .our_prog_list_container .prog_item .prog_desc {
    display: block;
    color: #000;
    font-size: 17px;
    font-family: 'PT Sans';
    line-height: 1.2;
    margin-bottom: 5px;
}

#our_prog_list_box .our_prog_list_container .prog_item .ved {
    display: block;
    color: #b6b8ba;
    font-size: 15px;
    font-family: 'PT Sans';
    margin-bottom: 10px;
}

#our_prog_list_box .our_prog_list_container .prog_item .prog_info img {
    display: inline-block;
    margin-right: 5px;
    margin-left: 10px;
    vertical-align: bottom;
}

#our_prog_list_box .our_prog_list_container .prog_item .prog_info span {
    font-size: 15px;
    color: #f47b22;
    font-family: 'PT Sans';
}

#our_prog_list_box .our_prog_list_container.active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    margin-right: -40px;
}

#our_prog_list ul li {
    font-size: 28px;
}

#our_prog_list ul li:not(:last-child) {
    margin-right: 20px;
}

#lk_section {
    position: relative;
    padding: 30px 0 100px;
    background-color: #F2F2F2;
}

#lk_section .container {
    position: relative;
}

#lk_section .container .breadcrumbs {
    left: 75px;
    top: 0px;
}

#lk_section form.main_lk_form {
    float: left;
    max-width: 515px;
    margin: 0 auto;
}

.lk_wrap {
    max-width: 1190px;
    margin: 0 auto;
}

h1.page_name {
    text-align: center;
    font-family: 'PT Serif';
    font-weight: bold;
    color: #fff;
    font-size: 44px;
    margin-bottom: 55px;
}

#lk_section .lk_img_container {
    float: left;
    margin-right: 110px;
}

#lk_section .no_photo {
    display: none;
    text-align: center;
    cursor: pointer;
}

#lk_section .no_photo a {
    text-decoration: none;
}

#lk_section .no_photo_img {
    width: 154px;
    height: 171px;
    background-image: url(/bitrix/templates/slavmir/css/../images/no_photo_img.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 10px;
}

#lk_section .no_photo span {
    display: block;
    font-size: 15px;
    color: #000;
    font-family: 'PT Sans';

}

#lk_section .photo_exist {
    display: block;
}

#lk_section .photo_exist .lk_user_photo {
    width: 147px;
    height: 147px;
    border-radius: 50%;
    margin-bottom: 15px;
    overflow: hidden;
}

#lk_section .photo_exist .lk_user_photo img {
    width: 100%;
}

#lk_section .photo_exist a {
    font-family: 'PT Sans';
    font-size: 15px;
    color: #000;
    text-decoration: none;
}

#lk_section .change_photo {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 15px;
}

#lk_section .change_photo .change_photo_img {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url(/bitrix/templates/slavmir/css/../images/change_photo_img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 5px;
}

#lk_section .remove_photo {
    display: flex;
    align-items: center;
    justify-content: center;
}

#lk_section .remove_photo .remove_photo_img {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url(/bitrix/templates/slavmir/css/../images/remove_photo_img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 7px;
}

#lk_section .change_pass {
    float: right;
    padding-top: 25px;
}

#lk_section .change_pass a {
    color: #f38c1e;
    text-decoration: none;
    border-bottom: 1px solid #f38c1e;
    font-family: 'PT Serif';
    font-size: 17.54px;
}

#lk_section.alert:after {
    height: 90px;
    background-image: url(/bitrix/templates/slavmir/css/../images/bottom_orange_triangles.png);
}

#lk_section.alert .subs_ends_container {
    display: block;
}

#lk_section .subs_ends_container {
    display: none;
    position: absolute;
    bottom: 12px;
    width: 100%;
    text-align: center;
    z-index: 98;
    padding-bottom: 7px;
}

#lk_section .subs_ends_container p {
    width: 100%;
    color: #fff;
    font-family: 'PT Serif';
    font-size: 22px;
    max-width: 900px;
    margin: 0 auto;
}

#lk_section .subs_ends_container p span {
    font-weight: bold;
}

#lk_section .subs_add_pay {
    position: absolute;
    right: 90px;
    display: inline-block;
    color: #f38c1e;
    font-family: 'PT Serif';
    font-weight: bold;
    font-size: 15.45px;
    background-color: #fff;
    padding: 11px 33px 13px;
    text-decoration: none;
    border-radius: 5px;
    bottom: 0;
}

.prev_items {
    padding: 50px 0;
}

.prev_items a {
    font-size: 34px;
    font-family: 'PT Serif';
    font-style: italic;
    display: inline-block;
    max-width: 250px;
    line-height: 1.2;
}

.current_subs {
    padding: 25px 80px 75px 390px;
    background-color: #fff;
}

.sub_info {
    float: left;
    margin-right: 95px;
}

.sub_info h5 {
    font-family: 'PT Serif';
    color: #000;
    font-size: 23.6px;
    margin-bottom: 20px;
}

.sub_info .sub_name {
    font-family: 'PT Serif';
    color: #000;
    font-size: 30px;
    margin-bottom: 25px;
}

.sub_info .sub_act {
    text-align: justify;
    margin-bottom: 15px;
}

.sub_info .sub_act p {
    font-family: 'PT Serif';
    font-size: 16.64px;
    color: #000;
}

.sub_info .sub_act p span {
    font-weight: bold;
    /*float: right;*/
}

.sub_info .sub_deact {
    text-align: justify;
}

.sub_info .sub_deact p {
    font-family: 'PT Serif';
    font-size: 16.64px;
    color: #000;
}

.sub_info .sub_deact p span {
    font-weight: bold;
}

.sub_tarifs {
    padding-top: 45px;
    float: left;
}

.sub_tarifs .change_tarif {
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    max-width: 146px;
    padding: 10px 0px 13px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'PT Serif';
    background-color: #F38C1E;
    margin-bottom: 15px;
    border-radius: 5px;
}

.sub_tarifs .tarif {
    font-family: 'PT Serif';
    font-size: 17.54px;
    color: #f38c1e;
    border-bottom: 1px solid #f38c1e;
    padding-bottom: 2px;
    text-decoration: none;
}

.own_balance_box {
    float: right;
    padding-top: 15px;
}

.own_balance_box p {
    font-family: 'PT Serif';
    color: #000;
    font-size: 16.64px;
    margin-bottom: 10px;
}

.own_balance_box .balance_num {
    display: block;
    font-family: 'PT Serif';
    color: #000;
    font-size: 54.21px;
    margin-bottom: 20px;
}

.own_balance_box .add_balance {
    display: block;
    font-family: 'PT Serif';
    color: #fff;
    font-size: 19.32px;
    background-color: #F38C1E;
    width: 188px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    padding: 21px 0;
    margin-left: -20px;
    margin-bottom: 13px;
}

.own_balance_box .pay_history {
    font-family: 'PT Serif';
    color: #f38c1e;
    font-size: 17.54px;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #f38c1e;
    padding-bottom: 2px;
}

/**** PROGRAMM INNER PAGE ****/
#prog_item_top {
    padding: 0px 0 55px;
    background-color: #f2f2f2;
}

#prog_item_top .container {
    position: relative;
}

#prog_item_top .breadcrumbs {
    top: 30px;
}

#prog_item_info {
    position: relative;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 70px;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_page_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    text-align: center;
    z-index: 0;
}

#prog_item_info:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 125px;
    width: 100%;
    z-index: -1;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
}

#prog_item_info:before {
    position: absolute;
    content: '';
    left: 0;
    top: 80px;
    height: 140px;
    width: 100%;
    z-index: -1;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%, rgba(255, 255, 255, 0) 100%);
}

#prog_item_info .right_soc {
    top: 85px;
}

#prog_item_info .container .title {
    color: #fff;
    font-style: italic;
    font-size: 44px;
    font-family: 'PT Serif';
    margin-bottom: 30px;
}

#prog_item_info .container h1 {
    font-size: 44px;
    color: #fff;
    font-family: 'PT Serif';
    font-weight: 600;
    line-height: 1.2;
    max-width: 670px;
    margin: 0 auto 30px;
}

#prog_item_info .container p {
    font-family: 'PT Sans';
    color: #fff;
    font-size: 24px;
    max-width: 700px;
    margin: 0 auto;
}

#video_item_info {
    position: relative;
    width: 100%;
    padding-top: 35px;
    padding-bottom: 70px;
    background-image: url(/bitrix/templates/slavmir/css/../images/video_top_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    text-align: center;
    z-index: 0;
}

#video_item_info:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 125px;
    width: 100%;
    z-index: -1;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(255, 255, 255, 0) 100%);
}

#video_item_info:before {
    position: absolute;
    content: '';
    left: 0;
    top: 80px;
    height: 140px;
    width: 100%;
    z-index: -1;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 50%, rgba(255, 255, 255, 0) 100%);
}

#video_item_info .right_soc {
    top: 85px;
}

#video_item_info .container .title {
    color: #fff;
    font-style: italic;
    font-size: 44px;
    font-family: 'PT Serif';
    margin-bottom: 30px;
}

#video_item_info .container h1 {
    font-size: 44px;
    color: #fff;
    font-family: 'PT Serif';
    font-weight: 600;
    line-height: 1.2;
    max-width: 670px;
    margin: 0 auto 30px;
}

#video_item_info .container p {
    font-family: 'PT Sans';
    color: #fff;
    font-size: 24px;
    max-width: 700px;
    margin: 0 auto;
}

.right_soc {
    position: fixed;
    right: 0;
    z-index: 99;
    height: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.right_soc ul a {
    text-decoration: none;
}

.right_soc ul li {
    border: 1px solid #797979;
    border-bottom: none;
    padding: 30px 15px;
    text-align: center;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 37px -10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 37px -10px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 0px 37px -10px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 0px 37px -10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 37px -10px rgba(0, 0, 0, 0.15);
}

.right_soc ul a:last-child li {
    border-bottom: 1px solid #797979;
}

.right_soc ul li .soc_img {
    display: block;
    margin: 0 auto 6px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.right_soc ul li .numb {
    color: #797979;
    font-size: 14px;
    font-family: 'PT Sans';
}

#releases {
    padding: 0 25px 155px 45px;
}

#releases .container .rel_left {
    float: left;
    width: calc(100% - 300px);
    padding-top: 20px;
}

#releases .rel_list {
    text-align: cen
}

#releases .container .rel_left h3 {
    text-align: center;
    color: #000;
    font-size: 44px;
    font-family: 'PT Serif';
    margin-bottom: 30px;
}

#releases .container .rel_left .rel_list .rel_item.audio .play {
    background-image: url(/bitrix/templates/slavmir/css/../images/headphones.png);
    background-position: center;
    opacity: 0;
    width: 62px;
    height: 51px;
    left: 50%;
}

#releases .container .rel_left .rel_list .rel_item.audio:hover .play {
    opacity: 1;
}

#releases .container .rel_left .rel_list .rel_item, #releases .container .rel_left .item {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
    max-width: 305px;
    margin-right: 35px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    margin-bottom: 70px;
}

#releases .container .rel_left .plus .rel_title:after {
    position: absolute;
    content: '';
    left: 4px;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

#releases .container .rel_left .rel_item_img {
    position: relative;
    width: 100%;
    height: 227px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

#releases .container .rel_left .rel_item_img .rel_comments.active {
    display: none;
}

#releases .container .rel_left .rel_item_img .rel_comments {
    position: absolute;
    right: 60px;
    top: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-family: 'PT Sans';
    font-size: 15px;
}

#releases .container .rel_left .rel_item_img .rel_comments:after {
    content: '';
    position: absolute;
    top: -50%;
    left: 0;
    width: 36px;
    height: 27px;
    background-image: url(/bitrix/templates/slavmir/css/../images/comments.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

#releases .container .rel_left .rel_item_img .rel_comments p {
    width: 36px;
    text-align: center;
}

#releases .container .rel_left .rel_item_img .rel_likes {
    position: absolute;
    top: 0;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-family: 'PT Sans';
    font-size: 15px;
    cursor: pointer;
}

#releases .container .rel_left .rel_item_img .rel_likes:after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 33px;
    height: 29px;
    background-image: url(/bitrix/templates/slavmir/css/../images/video_like.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

#releases .container .rel_left .rel_item_img .rel_likes.active {
    display: none;
}

#releases .container .rel_left .prev_rel {
    height: 227px;
    position: relative;
}

#releases .container .rel_left .rel_item_img .play {
    position: absolute;
    left: 54%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 51px;
    height: 65px;
    background-image: url(/bitrix/templates/slavmir/css/../images/play_prog_item.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#releases .container .rel_left .rel_item_img:hover .play {
    opacity: 1;
}

#releases .container .rel_left .prev_rel a {
    position: absolute;
    width: 100%;
    padding: 0 65px;
    top: 50%;
    left: 50%;
    font-family: 'PT Sans';
    font-style: italic;
    color: #f47b22;
    font-size: 33px;
    line-height: 40px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#releases .container .rel_left .rel_item_img .rel_time {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f47b22;
    padding: 7px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    font-family: 'PT Sans';
}

#releases .container .rel_left .rel_item_img .rel_time img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

#releases .container .rel_left .rel_title {
    position: relative;
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 16px;
    line-height: 1.2;
    display: block;
}

#releases .container .rel_left .rel_name {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

#releases .container .rel_left .rel_desc {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    line-height: 1.2;
    font-size: 17px;
}

#releases .container .rel_right {
    float: right;
    width: 100%;
    max-width: 300px;
    position: relative;
}

.rel_auth {
    position: absolute;
    top: 100%;
    right: 67px;
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
    text-align: left;
}

.rel_auth img {
    display: inline-block;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.rel_auth img:nth-of-type(2n) {
    margin-right: 0;
}

.rel_auth p {
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.rel_auth p span.rel_auth_name {
    color: #f47b22;
}

.rel_auth_desc {
    color: #000;
    font-family: 'PT Serif';
    font-style: italic;
    font-size: 20px;
    line-height: 1.2;
    padding-right: 10px;
}

.rel_auth_desc p {
    color: #000;
    font-family: 'PT Serif';
    font-style: italic;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 10px;
}

#releases .container .rel_right {
    padding-top: 175px;
}

#releases .container .rel_right .rel_auth_desc {
    margin-bottom: 55px;
}

#releases .container .rel_right .rel_all_prog {
    position: relative;
}

#releases .container .rel_right .rel_all_prog_list_wrap {
    position: relative;
    max-height: 480px;
}

.overlay_gradient {
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: -5px;
    left: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#releases .container .rel_right .rel_all_prog_list_wrap:after:hover {
    visibility: hidden;
}

#releases .container .rel_right .rel_all_prog .rel_all_prog_list {
    position: relative;
    max-height: 480px;
}

#releases .container .rel_right .rel_all_prog h5 {
    margin-bottom: 35px;
    color: #000;
    font-family: 'PT Sans';
    font-size: 28px;
}

#releases .container .rel_right .rel_all_prog .rel_all_prog_list .rel_all_prog_item {
    text-decoration: none;
    padding-bottom: 8px;
    margin-bottom: 8px;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

#releases .container .rel_right .rel_all_prog .rel_all_prog_list .rel_all_prog_item img {
    width: 110px;
    float: left;
}

#releases .container .rel_right .rel_all_prog .rel_all_prog_list .rel_all_prog_item:not(:last-child) li {
    border-bottom: 2px solid #efefee;
}

#releases .container .rel_right .rel_all_prog .rel_all_prog_list .rel_all_prog_item .rel_all_desc {
    display: block;
    padding-left: 120px;
}

#releases .container .rel_right .rel_all_prog .rel_all_prog_list .rel_all_prog_item .rel_all_desc h6 {
    font-size: 20px;
    color: #000;
    font-family: 'PT Sans';
    font-weight: 600;
    line-height: 1.2;
}

#releases .container .rel_right .rel_all_prog .rel_all_prog_list .rel_all_prog_item .rel_all_desc p {
    font-size: 17px;
    color: #000;
    font-family: 'PT Sans';
    line-height: 1.2;
}

.sitemap {
    padding: 50px;
}

.sitemap ul li {
    margin-bottom: 15px;
}

.sitemap ul li a {
    text-decoration: none;
    color: #000;
    font-family: 'PT Sans';
}

.mobile_menu_form {
    display: none;
}

/*** PAY LK POPUP ***/
.paylk_popup_container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999999;
}

.paylk_container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    max-width: 930px;
    background-color: #fff;
    padding: 40px 80px 20px 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.paylk_container:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    border-radius: 10px;
    background-image: url(/bitrix/templates/slavmir/css/../images/reg_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: -1;
}

.paylk_container h3 {
    font-family: 'PT Sans';
    font-size: 22px;
    color: #000;
    margin-bottom: 25px;
}

.paylk_container input.sale-acountpay-input {
    width: 100%;
    border: none;
    color: #000;
    border-bottom: 2px solid #E9E9E8;
    background-color: transparent;
    font-family: 'PT Serif';
    font-size: 23.6px;
    padding-bottom: 5px;
    text-align: center;
}

.paylk_container .sum_pay {
    max-width: 200px;
    left: 50%;
    position: relative;
    margin-left: -100px;
}

.paylk_container .btn.sale-account-pay-button {
    display: inline-block;
    font-family: 'PT Serif';
    color: #fff;
    font-size: 19.32px;
    line-height: 19.32px;
    font-weight: normal;
    background-color: #F38C1E;
    width: 188px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    padding: 21px 0;
    margin-bottom: 13px;
    height: auto;
}

.paylk_container font.tablebodytext {
    font-family: 'PT Sans';
    font-size: 18.31px;
    line-height: 22px;
    margin-bottom: 45px;
}

.paylk_container font.tablebodytext input[type="submit"] {
    font-family: 'PT Serif';
    color: #fff;
    font-size: 19.32px;
    line-height: 19.32px;
    background-color: #F38C1E;
    width: 188px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    padding: 21px 0;
    border: 0;
    margin-top: 20px;
}

/*** Fail pay message popup ***/

.failpay_popup_container, .tariff_confirmation_popup_container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}

.failpay_container, .tariff_confirmation_container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    max-width: 930px;
    background-color: #fff;
    padding: 40px 80px 20px 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.failpay_container:after, .tariff_confirmation_container:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    border-radius: 10px;
    background-image: url(/bitrix/templates/slavmir/css/../images/reg_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: -1;
}

.failpay_container h3, .tariff_confirmation_container h3, .paylk_popup_container.addition h3 {
    font-family: 'PT Sans';
    font-size: 39px;
    color: #000;
    margin-bottom: 25px;
}

.failpay_container p.main_text, .tariff_confirmation_container p.main_text, .paylk_popup_container.addition p.main_text {
    font-family: 'PT Sans';
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 30px;
    padding-left: 12px;
}

/*** SUBSCRIBE POPUP ***/
.subs_popup_container {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
}

.subs_container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    max-width: 930px;
    background-color: #fff;
    padding: 40px 80px 20px 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.subs_container:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    border-radius: 10px;
    background-image: url(/bitrix/templates/slavmir/css/../images/reg_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: -1;
}

.subs_container h3 {
    font-family: 'PT Sans';
    font-size: 39px;
    color: #000;
    margin-bottom: 25px;
}

.subs_container p.main_text {
    font-family: 'PT Sans';
    font-size: 22px;
    line-height: 1.2;
    text-align: left;
    margin-bottom: 30px;
    padding-left: 12px;
}

.subs_container .top_img {
    margin-bottom: 35px;
}

.subs_container .subscribe {
    display: inline-block;
    font-family: 'PT Serif';
    font-size: 26.58px;
    text-decoration: none;
    color: #fff;
    border-radius: 30px;
    background-image: url(/bitrix/templates/slavmir/css/../images/pay_reg_bg.png);
    background-color: #f38c1e;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 25px 51px 37px;
    margin-bottom: 25px;
}

.subs_container .subscribe b {
    font-family: 'PT Serif';
    font-size: 37.78px;
    display: block;
    font-weight: bold;
}

.subs_container .subscribe b small {
    font-style: italic;
}

.subs_container h4 {
    font-family: 'PT Serif';
    font-size: 31.53px;
    margin-bottom: 19px;
}

.subs_container .license {
    display: none;
    color: #8f8e8d;
    font-size: 18px;
    font-family: 'PT Sans';
}

/*** REGISTER POPUP ***/
.register_popup_container {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
}

.register_popup {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    border-radius: 10px;
    max-width: 775px;
    padding: 65px 80px 55px 85px;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.15);
}

.register_popup:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.95;
    border-radius: 10px;
    background-image: url(/bitrix/templates/slavmir/css/../images/reg_bg.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #fff;
    z-index: -1;
}

.close_popup {
    position: absolute;
    right: 12px;
    top: 15px;
    width: 22px;
    height: 22px;
    background-image: url(/bitrix/templates/slavmir/css/../images/close_popup.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.register_popup h5 {
    font-size: 32.45px;
    font-family: 'PT Sans';
    margin-bottom: 40px;
}

.register_popup .have_reg {
    margin-bottom: 35px;
}

.register_popup .have_reg p {
    font-family: 'PT Sans';
    font-size: 18.31px;
    font-weight: bold;
}

.register_popup .have_reg p a {
    display: inline-block;
    background-color: #F47B22;
    color: #fff;
    text-decoration: none;
    font-size: 16.43px;
    font-family: 'PT Sans';
    padding: 4px 16px;
    font-weight: 400;
    border-radius: 15px;
}

.register_popup p.reg_info {
    font-family: 'PT Sans';
    font-size: 18.31px;
    line-height: 22px;
    margin-bottom: 45px;
}

form.data_info {
    width: 100%;
}

form.data_info input {
    width: 100%;
    border: none;
    color: #000;
    border-bottom: 2px solid #d2d2d2;
    background-color: transparent;
    font-family: 'PT Serif';
    font-size: 23.6px;
    margin-bottom: 35px;
    padding-bottom: 5px;
    border-radius: 0;
}

form.data_info input::-webkit-input-placeholder {
    color: #000;
    opacity: 0.38;
}

form.data_info input::-moz-placeholder {
    color: #000;
    opacity: 0.38;
}

/* Firefox 19+ */
form.data_info input:-moz-placeholder {
    color: #000;
    opacity: 0.38;
}

/* Firefox 18- */
form.data_info input:-ms-input-placeholder {
    color: #000;
    opacity: 0.38;
}

form.data_info .log_input_wrap {
    position: relative;
}

form.data_info .log_input_wrap p {
    position: absolute;
    right: 0;
    font-family: 'PT Sans';
    top: 16px;
    color: #e36420;
    font-size: 12.64px;
    display: none;
}

.register_popup .reg_login_inputs {
    padding-top: 40px;
}

.reg_btns_wrap {
    padding-top: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-left: 50%;
}

.reg_btn {
    width: 100%;
    max-width: 294px;
    margin-left: -50%;
}

.reg_btn button {
    width: 100%;
    border: none;
    cursor: pointer;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: 0 0;
    padding: 20px 0 22px;
    border-radius: 25px;
    font-family: 'PT Serif';
    font-size: 20px;
    line-height: 1.2;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.reg_privacy {
    color: #000000;
    font-family: 'PT Sans';
    font-size: 15px;
    padding-top: 20px;
}

.reg_privacy input {
    float: left;
    position: relative;
    margin: 0 15px 40px 0 !important;
    -webkit-appearance: checkbox !important;
}

.bit_r {
    float: right;
    padding: 2px;
    border-radius: 2px;
    margin-left: 20px;
    color: #f47b22;
    font-family: 'PT Serif';
    font-size: 14px;
    width: 73px;
    text-align: center;
    background-color: #f0f0f0;
}

.bit_r sup {
    vertical-align: super;
    font-size: 10px;
}

.reg_btn button:hover {
    animation-name: bg_slide;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: backwards;
    animation-duration: 30s;
    animation-direction: normal;
}

@keyframes bg_slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 630px 0;
    }
}

.reg_btn button b {
    font-size: 24px;
    font-weight: bold;
}

.reg_btn.reg_free button {
    background-color: #D1D1D1;
    background-image: url(/bitrix/templates/slavmir/css/../images/free_reg_bg.png);
    color: #9c9c9c;
    margin-bottom: 20px;
}

.reg_btn.reg_free .reg_limited {
    padding-left: 30px;
}

.reg_btn.reg_free .reg_limited p {
    font-family: 'PT Serif';
    font-size: 16.64px;
    color: #000;
    line-height: 20px;
}

.reg_btn.reg_free button b {
    color: #6e6e6e;
}

.reg_btn.reg_pay button {
    color: #fff;
    background-color: #F38C1E;
    background-image: url(/bitrix/templates/slavmir/css/../images/pay_reg_bg.png);
    margin-bottom: 15px;
}

.reg_btn.reg_pay .reg_tarifs {
    text-align: center;
    margin-bottom: 30px;
}

.reg_tarifs a {
    display: inline-block;
    text-align: center;
    color: #f38c1e;
    font-family: 'PT Serif';
    font-size: 24.31px;
    border-bottom: 1px solid #f38c1e;
    text-decoration: none;
    padding-bottom: 2px;
    margin-bottom: 9px;
}

.reg_tarifs p {
    text-align: left;
    font-family: 'PT Serif';
    font-size: 16.64px;
    color: #000;
    line-height: 20px;
}

.reg_licence {
    text-align: center;
}

.reg_licence p {
    font-family: 'PT Sans';
    color: #8f8e8d;
    font-size: 14.98px;
}

#music_bar_mobile {
    display: none;
}

/**** TARIFS PAGE ****/
#tarifs {
    position: relative;
    padding: 30px 0 80px;
    background: url(/bitrix/templates/slavmir/css/../images/audio_page_bg.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center top, center bottom;
    overflow: hidden;
}

#tarifs:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0px;
    height: 136px;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
}

#tarifs:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -60px;
    height: 114px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/bottom_bg_triangles.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
}

#tarifs .container {
    position: relative;
}

#tarifs h1 {
    color: #fff;
    margin-bottom: 30px;
}

#tarifs h2 {
    width: 100%;
    color: #fff;
    line-height: 1.2;
    font-family: 'PT Serif';
    font-size: 39px;
    text-align: center;
    margin: 0 auto 25px;
    max-width: 900px;
    padding: 0 50px;
}

.tarif_top_list {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.tarif_top_list .tarif_top_item {
    position: relative;
    width: 220px;
    height: auto;
    border-radius: 15px;
    background-color: #F38C1E;
    text-align: center;
    color: #fff;
    font-family: 'PT Serif';
    font-size: 16.64px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 35px;
    padding-bottom: 20px;
    margin-top: 7px;
}

.tarif_top_list .tarif_top_item.small_mb {
    padding-top: 15px;
}

.tarif_top_list .tarif_top_item.small_mb h3.tarif_srok {
    margin-bottom: 25px;
}

.tarif_top_list .tarif_top_item.akcia {
    overflow: hidden;
}

.tarif_top_list .tarif_top_item.akcia.border {
    border: 7px solid #fff;
    margin-top: 0;
}

.akcia_proc {
    position: absolute;
    top: 0;
    right: -43px;
    background-color: #fff;
    color: #e94422;
    font-size: 16.64px;
    font-weight: bold;
    font-family: 'PT Serif';
    width: 150px;
    padding: 6px 33px 6px 61px;
    -webkit-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);
}

.tarif_top_list .tarif_top_item h3.tarif_srok {
    font-size: 33px;
    font-family: 'PT Serif';
    color: #fff;
    margin-bottom: 45px;
    line-height: 1.2;
}

.tarif_top_list .tarif_top_item .tarif_price {
    font-size: 54.21px;
    font-family: 'PT Serif';
    font-weight: bold;
    margin-bottom: 10px;
}

.tarif_top_list .tarif_top_item .tarif_price.new {
    margin-bottom: 0;
    display: block;
}

.other_tarifs .tarif_top_list .tarif_top_item .tarif_price.before {
    color: #F38C1E;
    opacity: 0.56;
    margin-top: 0;
    margin-bottom: 10px;
}

.tarif_top_list .tarif_top_item .tarif_price.before {
    color: rgba(255, 255, 255, .56);
    position: relative;
    display: inline-block;
}

.tarif_top_list .tarif_top_item .tarif_price.before:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 50%;
    width: 100%;
    height: 2px;
    background-color: #d90000;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
}

.tarif_top_list .tarif_top_item p {
    color: #fff;
    font-family: 'PT Serif';
    font-size: 16.64px;
}

.tarif_top_list .tarif_top_item a {
    display: block;
    width: 144px;
    margin: 30px auto 0;
    color: #f38c1e;
    font-size: 15.45px;
    text-decoration: none;
    background-color: #fff;
    font-family: 'PT Serif';
    font-weight: bold;
    border-radius: 5px;
    padding: 13px 5px;
}

.other_tarifs .tarif_top_item {
    width: 290px;
    background-color: #E6E6E6;
    color: #000;
    margin: 0 27px;
}

.other_tarifs {
    padding: 20px 0 50px;
}

.other_tarifs .tarif_top_list {
    margin-bottom: 25px;
    justify-content: center;
}

.other_tarifs .tarif_top_item h3.tarif_srok {
    color: #000;
    font-size: 27px;
    margin-bottom: 20px;
}

.other_tarifs .tarif_top_item p {
    color: #000;
}

.other_tarifs .tarif_top_item .tarif_price {
    color: #F38C1E;
    margin-top: 20px;
    margin-bottom: 0;
}

.other_tarifs .tarif_top_item a {
    color: #fff;
    background-color: #f38c1e;
    margin-top: 20px;
}

.sub_benefit {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    /*padding-right: 140px;*/
}

.sub_benefit p {
    font-family: 'PT Sans';
    color: #000;
    font-size: 22px;
    line-height: 28px;
    color: #000;
    margin-bottom: 15px;
}

/*** CONTACTS PAGE ***/
.contacts_top {
    padding: 30px 0 30px;
    background-image: url(/bitrix/templates/slavmir/css/../images/audio_page_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
}

.contacts_top:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0px;
    height: 124px;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .4) 50%, rgba(255, 255, 255, 0) 100%);
}

.contacts_top .container {
    position: relative;
    z-index: 99;
}

.contacts_top h1 {
    color: #fff;
    width: 100%;
    max-width: 570px;
    margin: 0 auto;
    font-size: 44px;
    line-height: 1.1;
}

#contacts .left_col {
    padding-top: 60px;
    padding-right: 25px;
}

#contacts .container {
    padding: 0 55px 0 105px;
}

#contacts .contacts_info {
    max-width: 460px;
    margin-bottom: 105px;
}

#contacts .contacts_info p {
    font-family: 'PT Serif';
    font-size: 27px;
    color: #000;
    margin-bottom: 35px;
    line-height: 1.2;
}

#contacts .contacts_info p a {
    text-decoration: none;
    color: #f47b22;
}

#contacts .contacts_info p.cont_phone a {
    color: #000;
    text-decoration: none;
}

#contacts .write_us {
    width: 100%;
    padding-bottom: 200px;
}

#contacts .write_us h4 {
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 33.79px;
    color: #000;
    margin-bottom: 110px;
}

#contacts .write_us form.contacts_form {
    width: 100%;
    position: relative;
}

/*#contacts .write_us form.contacts_form:after {
    content: '';
    position: absolute;
    left: 0;
    top: -50px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    height: 27px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

#contacts .write_us form.contacts_form:before {
    content: '';
    position: absolute;
    bottom: -50px;
    left: 0;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    height: 27px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}*/

#contacts .write_us form.contacts_form input {
    width: 100%;
    border: none;
    background: transparent;
    font-family: 'PT Serif';
    font-size: 27px;
    color: #000;
    border-bottom: 1px solid #7D7D7D;
    padding: 10px 5px 10px 14px;
    border-radius: 0;
}

#contacts .write_us form.contacts_form input::-webkit-input-placeholder {
    color: #c0c2c4;
}

#contacts .write_us form.contacts_form input::-moz-placeholder {
    color: #c0c2c4;
}

/* Firefox 19+ */
#contacts .write_us form.contacts_form input:-moz-placeholder {
    color: #c0c2c4;
}

/* Firefox 18- */
#contacts .write_us form.contacts_form input:-ms-input-placeholder {
    color: #c0c2c4;
}

#contacts .write_us form.contacts_form textarea::-webkit-input-placeholder {
    color: #c0c2c4;
}

#contacts .write_us form.contacts_form textarea::-moz-placeholder {
    color: #c0c2c4;
}

/* Firefox 19+ */
#contacts .write_us form.contacts_form textarea:-moz-placeholder {
    color: #c0c2c4;
}

/* Firefox 18- */
#contacts .write_us form.contacts_form textarea:-ms-input-placeholder {
    color: #c0c2c4;
}

#contacts .write_us form.contacts_form textarea {
    border: none;
    background: transparent;
    width: 100%;
    height: 145px;
    font-family: 'PT Serif';
    font-size: 27px;
    color: #000;
    border-bottom: 1px solid #7D7D7D;
    padding: 10px 5px 10px 14px;
    resize: none;
    margin-bottom: 20px;
    overflow-y: scroll;
}

#contacts .write_us form.contacts_form button {
    color: #fff;
    background-color: #F47B22;
    border: none;
    cursor: pointer;
    font-family: 'PT Sans';
    font-size: 15px;
    padding: 6px 57px;
    text-transform: uppercase;
    margin-left: 5px;
}

/*** ARTICLES PAGE ***/
#articles {
    padding-top: 30px;
}

#articles .container {
    position: relative;
    z-index: 99;
}

#articles h1 {
    margin-bottom: 25px;
}

.articles_slider_box {
    position: relative;
}

.articles_slider_box .right_soc {
    top: 110px;
}

.articles_slider ul.slick-dots {
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -16px;
}

.daily_video_slider .slick-prev, .our_prog_slider .slick-prev, .articles_slider .slick-prev {
    left: 15px;
    background-image: url(/bitrix/templates/slavmir/css/../images/arrow_left.png);
}

.daily_video_slider .slick-arrow, .our_prog_slider .slick-arrow, .articles_slider .slick-arrow {
    position: absolute;
    width: 27px;
    height: 49px;
    top: 50%;
    color: transparent;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
    cursor: pointer;
}

.daily_video_slider .slick-next, .our_prog_slider .slick-next, .articles_slider .slick-next {
    right: 65px;
    background-image: url(/bitrix/templates/slavmir/css/../images/arrow_right.png);
}

.articles_slider ul.slick-dots li {
    float: left;
    width: calc(25% - 3px);
    cursor: pointer;
}

.articles_slider ul.slick-dots li:not(:last-child) {
    margin-right: 4px;
}

.articles_slider ul.slick-dots li button {
    border: none;
    background-color: #e6e6e6;
    color: transparent;
    width: 100%;
    outline: none;
    cursor: pointer;
    height: 6px;
}

.articles_slider ul.slick-dots li.slick-active button {
    background-color: #f47b22;
}

.articles_slider .article_slide {
    padding-top: 15px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 50px;
}

.articles_slider .article_slide {
    display: none;
}

.articles_slider .article_slide:first-child {
    display: block;
}

.articles_slider.slick-initialized .article_slide {
    display: block;
}

.news_slider_box .article_slide {
    padding-bottom: 14px;
}

.articles_slider .article_slide .container {
    z-index: 99;
}

.articles_slider .article_slide h2 {
    font-family: 'PT Serif';
    font-size: 44.55px;
    color: #fff;
    text-align: center;
    font-style: italic;
    margin-bottom: 25px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
}

.articles_slider .article_slide .related_art_box {
    display: block;
    max-width: 1300px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 78px;
}

.articles_slider .article_slide .news_box {
    display: flex;
    align-items: flex-start;
    max-width: 1350px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 78px;
}

.related_art_box .rel_art_item {
    position: relative;
    width: 100%;
    float: left;
    display: inline-block;
    max-width: 450px;
    margin-right: 54px;
    background-color: #fff;
    padding-bottom: 45px;
}

.news_box .news_item {
    position: relative;
    width: 100%;
    display: inline-block;
    max-width: 450px;
    margin-right: 54px;
    background-color: #fff;
    padding-bottom: 45px;
}

.related_art_box .rel_art_item .rel_art_name {
    display: block;
    position: relative;
    height: 115px;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 15px;
}

.related_art_box .rel_art_item .rel_art_name:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0px;
    height: 118px;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
}

.related_art_box .rel_art_item .name {
    position: absolute;
    left: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-family: 'PT Serif';
    font-weight: 600;
    font-size: 32px;
    padding-right: 35px;
    z-index: 99;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
}

.related_art_box .rel_art_item .text {
    padding-left: 45px;
    font-size: 15px;
    font-family: 'PT Sans';
    line-height: 1.2;
    color: #000;
    padding-right: 45px;
    max-height: 92px;
    overflow: hidden;
    position: relative;
}

.related_art_box .rel_art_item .text:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .8) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .8) 100%);
}

.related_art_box .rel_art_item a {
    text-decoration: none;
}

.related_art_box .rel_art_item .text {
    display: inline-block;
    padding-left: 45px;
    font-size: 15px;
    font-family: 'PT Sans';
    line-height: 1.2;
    color: #000;
}

.rel_art_item .rel_art_author {
    position: absolute;
    left: 35px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
}

.rel_art_item .rel_art_author .art_author_img {
    float: left;
    margin-right: 8px;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    overflow: hidden;
}

.rel_art_author .art_author_img img {
    max-width: 100%;
}

.rel_art_item .rel_art_author span {
    font-size: 13.6px;
    font-family: 'PT Sans';
    color: #b6b8ba;
    display: inline-block;
    padding-top: 7px;
}

.rel_art_item .rel_art_author span a {
    color: #f47b22;
}

.rel_art_item a.read_article {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: #E94422;
    padding: 3px 5px;
    text-decoration: none;
    font-family: 'PT Sans';
    font-size: 15px;
}

.related_art_box .art_descr {
    display: inline-block;
    float: right;
    max-width: 210px;
}

.related_art_box .art_descr p {
    color: #fff;
    font-family: 'PT Sans';
    font-style: italic;
    font-size: 20px;
    line-height: 1.2;
}

#new_articles {
    padding: 30px 0 90px;
}

#new_articles .container {
    padding: 0 15px 0 120px;
}

#new_articles #new_art_tabs {
    margin-bottom: 30px;
}

#new_articles #new_art_tabs ul li {
    font-size: 28px;
}

#new_articles #new_art_tabs ul li:not(:last-child) {
    margin-right: 30px;
}

#new_articles .new_articles_list {
    overflow: inherit;
}

#new_articles .new_articles_list .new_article {
    margin-bottom: 50px;
}

#new_articles .new_article .new_article_text {
    float: left;
    width: 100%;
    max-width: 635px;
    margin-right: 20px;
}

#new_articles .new_article .new_article_text .new_art_type {
    color: #bababa;
    font-family: 'PT Sans';
    font-size: 13.05px;
    font-weight: bold;
    margin-bottom: 15px;
}

#new_articles .new_article .new_article_text a {
    text-decoration: none;
}

#new_articles .new_article .new_article_text .article_name {
    display: block;
    color: #e94422;
    font-family: 'PT Serif';
    font-weight: bold;
    font-size: 44.55px;
    margin-bottom: 20px;
}

.subs_read_only {
    display: inline-block;
    width: 33px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/subs_read_only.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
}

#new_articles .new_article .new_article_text .article_text {
    display: block;
    font-family: 'PT Sans';
    font-size: 15px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 10px;
}

#new_articles .new_article .new_article_text .article_text span.read_art {
    margin-left: 5px;
    color: #fff;
    background-color: #E94422;
    padding: 1px 5px;
    text-decoration: none;
    vertical-align: middle;
}

#new_articles .new_article .new_article_text .new_art_auth {
    color: #b6b8ba;
    font-size: 16.85px;
    font-family: 'PT Sans';
}

#new_articles .new_article .new_article_text .new_art_auth a {
    color: #f47b22;
    text-decoration: none;
}

#new_articles .new_article .new_article_img {
    margin-top: 75px;
    position: relative;
    float: left;
}

#new_articles .new_article .new_article_img img {
    border-radius: 50%;
    width: 171px;
    height: 171px;
    overflow: hidden;
}

#new_articles .new_article .new_article_img:before {
    content: '';
    position: absolute;
    right: -31px;
    top: -31px;
    background-image: url(/bitrix/templates/slavmir/css/../images/music_played_before.png);
    background-repeat: no-repeat;
    width: 131px;
    height: 81px;
}

#new_articles .new_article .new_article_img:after {
    content: '';
    position: absolute;
    left: -34px;
    bottom: -29px;
    background-image: url(/bitrix/templates/slavmir/css/../images/music_played_after.png);
    background-repeat: no-repeat;
    width: 131px;
    height: 81px;
}

.article_types_box {
    background-color: #E6E6E6;
    padding-bottom: 60px;
    margin-bottom: 40px;
}

.article_types_box.mobile {
    display: none;
}

.article_types_box .article_types_head {
    height: 45px;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 28px;
    line-height: 45px;
    background-image: url(/bitrix/templates/slavmir/css/../images/art_head_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
    padding-left: 27px;
}

.article_types_box .art_type_list ul li {
    position: relative;
    text-transform: uppercase;
    color: #f47b22;
    font-size: 23px;
    font-family: 'PT Sans';
    padding-bottom: 13px;
    padding-top: 9px;
    padding-left: 6px;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding-left: 21px;
}

.article_types_box .art_type_list ul li:hover {
    background-color: #f1f1f1;
}

.article_types_box .art_type_list ul li.has_sub .sub_type {
    display: none;
}

.article_types_box .art_type_list ul li:not(:last-child):after {
    /* border-bottom: 2px solid #D9D9D8; */
    position: absolute;
    left: 21px;
    bottom: 0px;
    width: calc(100% - 21px);
    background-color: #D9D9D8;
    height: 1px;
    content: '';
}

.article_types_box .art_type_list ul li .sub_type ul li:after {
    display: none;
}

.article_types_box .art_type_list ul li .sub_type ul li {
    border-bottom: none;
    padding-bottom: 0;
    padding-left: 21px;
}

.article_types_box .art_type_list ul li .sub_type ul li a {
    color: #7d7d7d;
    font-size: 23px;
    font-family: 'PT Sans';
    text-decoration: none;
    text-transform: none;
}

.article_types_box .art_type_list ul li .sub_type ul li:last-child {
    margin-bottom: 0;
}

.article_types_box .art_type_list ul li .sub_type {
    display: none;
    padding-top: 9px;
}

.popular_box {
    padding-left: 24px;
    padding-right: 26px;
}

.popular_box h5 {
    color: #000;
    font-size: 28px;
    font-family: 'PT Sans';
    margin-bottom: 32px;
}

.popular_box .popular_list_wrap {
    position: relative;
}

.popular_box .popular_list_wrap .popular_list {
    position: relative;
    height: 490px;
}

.popular_box .popular_list .pop_item {
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 2px solid #EAEAEA;
}

.popular_box .popular_list .pop_item:last-child {
    border-bottom: none;
}

.popular_box .popular_list .pop_item .pop_img {
    position: relative;
    float: left;
    display: inline-block;
    width: 108px;
    height: 81px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 13px;
}

.popular_box .popular_list .pop_item.only_subs .pop_img:after {
    content: '';
    position: absolute;
    left: 5px;
    bottom: 8px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/subs_read_only.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.popular_list {
    display: flex;
    flex-direction: column;
}

.popular_list .pop_item a {
    text-decoration: none;
}

.popular_list .pop_item .pop_info {
    float: left;
    width: 100%;
    max-width: calc(100% - 121px);
}

.popular_list .pop_item .pop_info span {
    display: block;
}

.popular_list .pop_item .pop_info .pop_name {
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 20.37px;
    line-height: 1.2;
    color: #000;
}

.popular_list .pop_item .pop_info .pop_text {
    font-family: 'PT Sans';
    color: #000;
    font-size: 17px;
    line-height: 1.2;
}

/*** NEWS PAGE ***/
.news_slider_box .news_box .news_item {
    padding-top: 30px;
    padding-right: 70px;
    max-width: 450px;
    margin-right: 53px;
}

.news_slider_box .news_box .news_item a {
    text-decoration: none;
}

.news_slider_box .news_box .news_item .item_date {
    font-family: 'PT Sans';
    font-size: 13.8px;
    color: #b6b8ba;
    margin-bottom: 13px;
    padding-left: 45px;
}

.news_slider_box .news_box .news_item .name {
    display: block;
    font-weight: bold;
    font-family: 'PT Sans';
    font-size: 33.79px;
    color: #000;
    margin-bottom: 30px;
    padding-left: 45px;
}

.news_box .news_item .text {
    display: block;
    padding: 0 45px;
    font-size: 15px;
    font-family: 'PT Sans';
    line-height: 1.2;
    color: #000;
    max-height: 92px;
    overflow: hidden;
    position: relative;
}

.news_box .news_item .text:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, .8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.news_box .news_item {
    margin-bottom: 50px;
}

.news_item a.read_article {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #fff;
    background-color: #E94422;
    padding: 3px 5px;
    text-decoration: none;
    font-family: 'PT Sans';
    font-size: 15px;
}

.news_slider_box .news_box .art_descr {
    display: inline-block;
    float: right;
    max-width: 260px;
}

.news_box .art_descr p {
    color: #fff;
    font-family: 'PT Sans';
    font-style: italic;
    font-size: 20px;
    line-height: 1.2;
}

.news_page_list .news_page_item {
    padding-bottom: 35px;
    margin-bottom: 27px;
    border-bottom: 1px solid #808080;
}

.news_page_list .news_page_item:last-child {
    border-bottom: none;
}

.news_page_list .news_page_item .news_img {
    width: 171px;
    height: 171px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 45px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.news_page_list .news_page_item .news_text {
    float: left;
    width: 100%;
    max-width: calc(100% - 216px);
}

.news_page_list .news_page_item .news_text .news_head {
    margin-bottom: 11px;
}

.news_page_list .news_page_item .news_text .news_head .news_date {
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 13.8px;
    margin-right: 20px;
}

.news_page_list .news_page_item .news_text .news_head .news_type {
    color: #e94422;
    font-family: 'PT Sans';
    font-size: 13.8px;
    margin-right: 20px;
}

.news_page_list .news_page_item .news_text a {
    text-decoration: none;
}

.news_page_list .news_page_item .news_text .name {
    display: block;
    font-family: 'PT Sans';
    font-weight: bold;
    color: #000;
    font-size: 33.79px;
    margin-bottom: 18px;
}

.news_page_list .news_page_item .news_text .text {
    display: inline-block;
    font-family: 'PT Sans';
    color: #000;
    font-size: 18px;
    line-height: 1.2;
}

.news_page_list .news_page_item .news_text .text span.read_more {
    color: #fff;
    background-color: #E94422;
    vertical-align: middle;
    padding: 1px 5px;
    text-decoration: none;
    font-size: 15px;
}

/*** ARTICLES ITEM ***/
#article_item {
    padding-top: 55px;
    position: relative;
}

#article_item .breadcrumbs {
    top: -25px;
}

#article_item .container {
    position: relative;
}

#article_item .right_soc {
    top: 105px;
}

#article_item .article_item_bg {
    position: relative;
    padding-top: 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 88px;
}

#article_item .article_item_bg .container {
    z-index: 99;
}

#article_item .article_item_bg:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0px;
    height: 110px;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

#article_item .article_item_bg:before {
    position: absolute;
    content: '';
    left: 0;
    top: 118px;
    height: 118px;
    width: 100%;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .3) 50%, rgba(255, 255, 255, 0) 100%);
}

#article_item .article_item_bg .articles_name {
    font-family: 'PT Serif';
    font-size: 44.55px;
    color: #fff;
    font-style: italic;
    margin-bottom: 35px;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
}

#article_item .article_item_bg h1 {
    color: #fff;
    font-family: 'PT Serif';
    font-size: 74.55px;
    font-weight: bold;
    text-align: center;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
}

.article_item_auth {
    display: flex;
    align-items: flex-end;
    position: absolute;
    right: 27px;
    bottom: 0;
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 999;
    padding-right: 30px;
}

.article_item_auth img {
    float: left;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
}

.article_item_auth span {
    padding-bottom: 30px;
    font-family: 'PT Sans';
    font-size: 16.85px;
    color: #b6b8ba;
    max-width: 240px;
    line-height: 1.2;
}

.wrap_item_auth {
    width: 100%;
    max-width: 1440px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}

.article_item_auth span a {
    color: #f47b22;
    text-decoration: none;
}

.article_item_info {
    padding: 0 27px 0 107px;
}

.article_item_info .right_col {
    max-width: 300px;
    padding-top: 120px;
    padding-bottom: 120px;
}

.article_item_info .right_col .popular_box {
    padding: 0;
}

.article_item_info .left_col {
    color: #000;
    padding-top: 75px;
    padding-bottom: 100px;
}

.article_item_info .left_col p {
    font-family: 'PT Sans';
    font-size: 18px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 25px;
}

.news_item_info .news_text p {
    font-family: 'PT Sans';
    font-size: 18px;
    color: #000;
    line-height: 1.2;
    margin-bottom: 25px;
}

.article_item_info .left_col .art_item_top {
    position: relative;
    font-family: 'PT Serif';
    font-size: 27px;
    margin-bottom: 140px;
    line-height: 1.3;
}

.article_item_info .left_col .art_item_top:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -90px;
    width: 100%;
    height: 60px;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.article_item_info .left_col .article_item_img_box {
    float: left;
    margin-right: 34px;
    margin-bottom: 10px;
}

.article_item_info .left_col .article_item_img_box img {
    margin-bottom: 10px;
}

.article_item_info .left_col .article_item_img_box p {
    color: #b6b8ba;
    font-size: 13.8px;
    font-family: 'PT Sans';
}

.article_img_text {
    float: left;
    width: calc(100% - 230px);
}

.news_text {
    padding-right: 50px;
}

.article_img_text p {
    font-family: 'PT Sans';
    font-style: italic;
    font-size: 18px;
    line-height: 1.2;
}

.article_item_info .left_col h4 {
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 33.79px;
    margin-bottom: 25px;
}

.news_item_info .news_text h4 {
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 33.79px;
    margin-bottom: 25px;
}

.news_item_info .news_text h5.art_item_bottom {
    position: relative;
    margin-top: 75px;
    color: #000;
    font-family: 'PT Serif';
    font-size: 27px;
    line-height: 1.3;
    margin-bottom: 75px;
}

.news_item_info .news_text h5.art_item_bottom:after {
    position: absolute;
    content: '';
    left: 0;
    top: -47px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 38px;
}

.news_item_info .news_text h5.art_item_bottom:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -47px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 38px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.article_item_info .left_col h5.art_item_bottom {
    position: relative;
    margin-top: 75px;
    color: #000;
    font-family: 'PT Serif';
    font-size: 27px;
    line-height: 1.3;
    margin-bottom: 75px;
}

.article_item_info .left_col h5.art_item_bottom:after {
    position: absolute;
    content: '';
    left: 0;
    top: -47px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 38px;
}

.article_item_info .left_col h5.art_item_bottom:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: -47px;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    height: 38px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*** NEWS ITEM ***/
#news_item {
    padding-top: 30px;
    background-color: #F2F2F2;
    position: relative;
}

#news_item .container {
    position: relative;
    padding-top: 25px;
}

#news_item .right_soc {
    top: 60px;
}

#news_item .news_item_bg {
    /*padding-bottom: 30px;*/
    position: relative;
    padding-top: 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 88px;
}

.news_item_info .article_item_info {
    background-color: #fff;
}

.news_item_info .left_col {
    padding-bottom: 0;
}

#news_item .news_name {
    font-family: 'PT Serif';
    font-style: italic;
    text-align: center;
    margin-bottom: 35px;
    font-size: 44.55px;
    color: #fff;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
}

#news_item h1 {
    color: #fff;
    text-align: center;
    font-size: 75px;
    font-family: 'PT Serif';
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .8);
    max-width: 950px;
    margin: 0 auto;
}

.news_item_info .head p.news_item_date {
    color: #b6b8ba;
    font-size: 19.74px;
    float: left;
}

.news_item_info .head .info {
    float: right;
    font-size: 17px;
    font-family: 'PT Sans';
    color: #fff;
}

.head .comments {
    position: relative;
    display: inline-block;
    z-index: 99;
    margin-right: 20px;
}

.head .comments:after {
    position: absolute;
    content: '';
    width: 46px;
    height: 35px;
    top: 8px;
    left: 16px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/bitrix/templates/slavmir/css/../images/comments.png);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.head .likes {
    position: relative;
    display: inline-block;
    z-index: 99;
}

.head .likes:after {
    position: absolute;
    content: '';
    width: 45px;
    height: 38px;
    left: 13px;
    top: 10px;
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/bitrix/templates/slavmir/css/../images/video_like.png);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.discuss {
    padding-top: 20px;
    padding-bottom: 65px;
    background-color: #f6f6f6;
}

.discuss .container {
    padding-left: 105px;
}

.discuss .head {
    max-width: 755px;
    margin-bottom: 40px;
}

.discuss h3 {
    font-family: 'PT Sans';
    font-size: 32px;
    float: left;
}

.discuss .head .comments {
    float: right;
    color: #fff;
    margin-top: 10px;
}

.discuss .head .comments:after {
    background-image: url(/bitrix/templates/slavmir/css/../images/comments_grey.png);
}

.comments_body {
    max-width: 755px;
}

.comments_body .my_answer {
    margin-bottom: 20px;
    background-color: #e6e6e6;
    padding: 15px 20px 10px;
    display: flex;
    align-items: center;
}

.comments_body .my_answer .my_img {
    display: inline-block;
    margin-right: 10px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.comments_body .my_answer .my_comment {
    display: flex;
    width: 100%;
    max-width: calc(100% - 60px);
}

.comments_body .my_answer .my_comment input {
    width: calc(100% - 117px);
    margin-right: 10px;
    font-size: 22px;
    padding-left: 20px;
    border: none;
    background: #fff;
    padding: 6px 0 7px 20px;
}

.comments_body .my_answer .my_comment button {
    background-color: #f47b22;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: 'PT Sans';
    font-weight: 100;
    border-radius: 10px;
    line-height: 41px;
    cursor: pointer;
    padding: 0 19px;
}

.comments_body .answer {
    margin-bottom: 20px;
}

.comments_body .answer .img_box {
    float: left;
    max-width: 60px;
}

.comments_body .answer .img_box .name {
    font-family: 'PT Sans';
    font-size: 12px;
    padding-left: 0px;
    margin-bottom: 7px;
}

.comments_body .answer .img_box .user_img {
    display: inline-block;
    margin-right: 15px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.comments_body .answer .answer_text {
    position: relative;
    margin-top: 5px;
    background: #fff;
    float: left;
    width: calc(100% - 60px);
    padding: 10px 15px 10px 10px;
    font-family: 'PT Sans';
    line-height: 1.2;
    font-size: 16px;
}

.comments_body .answer .answer_text:before {
    content: '';
    position: absolute;
    left: -9px;
    top: 50%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #fff transparent transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.comments_body .answer .answer_text p {
    margin-bottom: 5px;
}

.comments_body .answer .answer_text a {
    font-size: 14px;
}

.comments_body .answer .answer_text .date_box {
    font-size: 12px;
    color: #8a8a8a;
}

.comments_body .answer .answer_text .date_box .time {
    margin-right: 10px;
}

.comments_body .answer.sub {
    padding-left: 60px;
}

/*** OPROS PAGE ***/
#opros_page {
    background-image: url(/bitrix/templates/slavmir/css/../images/opros_bg.png);
    padding-top: 30px;
    padding-bottom: 70px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

#opros_page .container {
    position: relative;
}

#opros_page .container .breadcrumbs.dark li a {
    color: #7d7c79;
}

#opros_page h1 {
    margin-bottom: 40px;
}

#opros_page .opros_form {
    max-width: 905px;
    width: 100%;
    margin: 0 auto;
}

#opros_page .ask_block {
    background-color: #fff;
    padding: 60px 70px 48px 57px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 30px;
}

#opros_page .ask_block .ask_text {
    font-family: 'PT Serif';
    font-size: 28.36px;
    color: #000;
    margin-bottom: 25px;
}

#opros_page .ask_block label {
    position: relative;
    margin-bottom: 12px;
    display: block;
    padding-left: 15px;
    cursor: pointer;
}

#opros_page .ask_block label input[type="radio"] {
    position: absolute;
    opacity: 0;
}

#opros_page .ask_block label input[type="radio"] + span {
    position: absolute;
    left: 15px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #f2f2f2;
}

#opros_page .ask_block label input[type="radio"]:checked + span {
    background-color: #f17d1f;
}

#opros_page .ask_block label input[type="radio"] + span + span {
    padding: 0 0 0 30px;
    font-family: 'PT Sans';
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

#opros_page .ask_block label input[type="text"] {
    display: block;
    width: 100%;
    background-color: #f2f2f2;
    border-radius: 5px;
    border: none;
    font-family: 'PT Sans';
    font-size: 15px;
    color: #000;
    padding: 16px 0 16px 15px;
    margin-top: 25px;
    margin-left: -15px;
}

#opros_page .ask_block .checkbox_container {
    overflow: hidden;
    margin-bottom: 40px;
}

#opros_page .ask_block label.own {
    display: inline-block;
    width: 100%;
}

#opros_page .ask_block label.own span {
    font-family: 'PT Sans';
    font-size: 15px;
}

#opros_page .ask_block label.checkbox {
    width: 50%;
    float: left;
    position: relative;
    margin-bottom: 12px;
    cursor: pointer;
}

#opros_page .ask_block label.checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

#opros_page .ask_block label.checkbox input[type="checkbox"] + span {
    position: absolute;
    width: 21px;
    height: 21px;
    border-radius: 5px;
    background-color: #f2f2f2;
}

#opros_page .ask_block label.checkbox input[type="checkbox"]:checked + span {
    background-color: #f17d1f;
}

#opros_page .ask_block label.checkbox input[type="checkbox"] + span + span {
    padding: 0 0 0 30px;
    font-family: 'PT Sans';
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
}

#opros_page .opros_form button {
    margin-left: 65px;
    border: none;
    color: #fff;
    background-color: #f17d1f;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 25px 39px;
    font-size: 18px;
    font-family: 'PT Sans';
    font-weight: bold;
    cursor: pointer;
}

.opros_welcome {
    width: 100%;
    max-width: 395px;
    position: fixed;
    right: 115px;
    top: 0;
    z-index: 9999;
    background-image: url(/bitrix/templates/slavmir/css/../images/opros_welcome_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    padding: 20px 20px 40px;
    text-align: center;
}

.opros_welcome .close_welcome {
    background-image: url(/bitrix/templates/slavmir/css/../images/close_welcome.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 25px;
    height: 25px;
    float: right;
    margin-bottom: 20px;
    cursor: pointer;
}

.opros_welcome .main_text {
    font-size: 31px;
    font-family: 'PT Serif';
    font-weight: bold;
    line-height: 1.3;
    color: #ed5b22;
    margin-bottom: 20px;
}

.opros_welcome .more {
    font-family: 'PT Sans';
    color: #000;
    font-size: 17.24px;
    line-height: 1.2;
    max-width: 240px;
    width: 100%;
    margin: 0 auto 210px;
}

.opros_welcome .take_part {
    color: #fff;
    background-color: #f47b22;
    text-transform: uppercase;
    font-family: 'PT Sans';
    font-size: 15px;
    text-decoration: none;
    padding: 7px 14px;
}

/*** AUDIO ITEM PAGE ***/
#audio_item {
    padding: 30px 0 70px;
    background-color: #f2f2f2;
}

#audio_item .container {
    position: relative;
    padding: 0 65px 0 65px;
}

.right_soc.dark ul li {
    border: 1px solid #6b6b6b;
}

.right_soc.dark ul li span {
    color: #6b6b6b;
}

#audio_item h1 {
    color: #000;
    font-family: 'PT Serif';
    font-style: italic;
    margin-bottom: 30px;
    font-weight: bold;
}

#audio_item .audio_item_top .left_box {
    float: left;
    width: 100%;
    max-width: 780px;
}

.audio_item_top .audio_item_img {
    width: 270px;
    float: left;
    margin-right: 30px;
}

.audio_item_top .audio_item_img img {
    max-width: 100%;
}

.audio_item_top .audio_item_info {
    float: left;
    max-width: 480px;
    width: 100%;
}

.audio_item_top .audio_item_info h2 {
    color: #e94422;
    font-family: 'PT Serif';
    font-weight: bold;
    font-size: 44.55px;
    margin-bottom: 10px;
}

.audio_item_top .audio_item_info .album {
    color: #b8b8b8;
    font-family: 'PT Sans';
    font-size: 14px;
    margin-bottom: 20px;
}

.audio_item_top .audio_item_info .album a {
    color: #f38c1e;
    font-size: 18px;
}

.audio_item_top .audio_item_info .album span {
    font-size: 18px;
}

.audio_item_top .audio_item_author {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.audio_item_top .audio_item_author .audio_item_author_img {
    float: left;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
}

.audio_item_top .audio_item_author .audio_item_author_img img {
    width: 100%;
}

.audio_item_top .audio_item_author p {
    font-family: 'PT Sans';
    font-size: 18.14px;
    color: #000;
}

.audio_item_top .audio_item_author p span {
    color: #b6b8ba;
}

.audio_item_top .audio_item_bar {
    display: flex;
    align-items: center;
}

.audio_item_top .audio_item_bar .play_audio_item {
    float: left;
    margin-right: 50px;
    display: flex;
    align-items: center;
}

.audio_item_top .audio_item_bar .play_audio_item .play_audio_item_img {
    width: 55px;
    height: 55px;
    background-image: url(/bitrix/templates/slavmir/css/../images/play_audio_item_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-right: 9px;
}

.audio_item_top .audio_item_bar .play_audio_item span {
    color: #b6b8ba;
    font-size: 15px;
    font-family: 'PT Sans';
}

.audio_item_top .audio_item_bar .audio_item_comments {
    float: left;
    margin-right: 11px;
    display: flex;
    align-items: center;
}

.audio_item_top .audio_item_bar .audio_item_comments_img {
    float: left;
    width: 29px;
    height: 23px;
    margin-right: 1px;
    background-image: url(/bitrix/templates/slavmir/css/../images/audio_item_comments_img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.audio_item_top .audio_item_bar .audio_item_comments span {
    color: #f47b22;
    font-size: 15px;
    font-family: 'PT Sans';
}

.audio_item_top .audio_item_bar .audio_item_likes {
    float: left;
    margin-right: 15px;
    display: flex;
    align-items: center;
}

.audio_item_top .audio_item_bar .audio_item_likes_img {
    width: 25px;
    height: 24px;
    float: left;
    margin-right: 3px;
    background-image: url(/bitrix/templates/slavmir/css/../images/audio_item_likes_img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.audio_item_top .audio_item_bar .audio_item_likes span {
    color: #f47b22;
    font-size: 15px;
    font-family: 'PT Sans';
}

.audio_item_top .audio_item_bar .audio_item_add {
    float: left;
    margin-right: 21px;
    display: flex;
    align-items: center;
}

.audio_item_top .audio_item_bar .audio_item_add_img {
    width: 19px;
    height: 19px;
    background-image: url(/bitrix/templates/slavmir/css/../images/audio_item_add_img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.audio_item_top .audio_item_bar .audio_item_download {
    float: left;
    display: flex;
}

.audio_item_top .audio_item_bar .audio_item_download_img {
    display: block;
    width: 22px;
    height: 23px;
    background-image: url(/bitrix/templates/slavmir/css/../images/audio_item_download_img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#audio_item .audio_item_top .right_box {
    float: left;
    width: 100%;
    max-width: 410px;
}

#audio_item .audio_item_top .right_box .same {
    color: #000;
    font-size: 23.21px;
    font-family: 'PT Sans';
    margin-bottom: 15px;
}

#audio_item .audio_item_top .index_music_container {
    position: relative;
    max-height: 230px;
    padding-left: 10px;
}

#audio_item .audio_item_top .index_music_container:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 90px;
    bottom: -5px;
    left: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 1) 80%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 1) 80%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(242, 242, 242, 1) 80%);
}

#audio_item .audio_item_top .index_music_container:hover:after {
    display: none;
}

#audio_item .audio_item_top .index_music_container ul li .index_mus_info .index_music_name {
    width: 55%;
}

#audio_item .audio_item_top .index_music_container ul li .index_mus_info .index_music_group {
    width: 40%;
}

#audio_item_text {
    position: relative;
    padding: 35px 0 90px;
}

#audio_item_text .container {
    padding: 0 52px 0 150px;
}

#audio_item_text_tabs {
    margin-bottom: 60px;
}

#audio_item_text_tabs ul li {
    font-size: 24.37px;
    color: #f38c1e;
    margin-right: 50px;
}

#audio_item_text_tabs ul li.active {
    color: #000;
}

#audio_item_text .container .left_col {
    max-width: 740px;
    width: 100%;
}

#audio_item_text .container .left_col .tab_container {

}

#audio_item_text .container .left_col .tab_container h3 {
    font-family: 'PT Serif';
    font-size: 33.55px;
    color: #000;
    margin-bottom: 35px;
}

#audio_item_text .container .left_col .tab_container p {
    font-size: 18px;
    color: #000;
    font-family: 'PT Sans';
    line-height: 1.3;
    margin-bottom: 40px;
}

#audio_item_text .container .right_col {
    max-width: 455px;
    width: 100%;
}

#audio_item_text .container .right_col .in_playlist_box {

}

#audio_item_text .container .right_col .in_playlist_box h4 {
    color: #000;
    font-size: 23.21px;
    font-family: 'PT Sans';
    margin-bottom: 30px;
}

#audio_item_text .container .right_col .in_playlist_box .in_playlist {
    width: 188px;
    height: 188px;
    position: relative;
    float: left;
    margin-right: 25px;
    margin-bottom: 45px;
    background-image: url(/bitrix/templates/slavmir/css/../images/in_playlist_bg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
}

#audio_item_text .container .right_col .in_playlist_box .in_playlist a {
    position: absolute;
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: none;
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 28px;
    color: #fff;
    padding-right: 25px;
}

#audio_item_text .container .right_col .discussion_box {
    clear: both;
    background-color: #f2f2f2;
    padding: 35px 60px 30px 37px;
}

#audio_item_text .container .right_col .discussion_box h4 {
    color: #000;
    font-family: 'PT Sans';
    margin-bottom: 35px;
    font-size: 23.21px;
}

#audio_item_text .container .right_col .discussion_box h4 span {
    font-size: 15px;
    color: #b6b8ba;
}

#audio_item_text .container .right_col .discussion_box p {
    font-size: 15px;
    font-family: 'PT Sans';
    color: #000;
    line-height: 1.2;
    margin-bottom: 10px;
}

#audio_item_text .container .right_col .discussion_box p a {
    color: #f38c1e;
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
}

#audio_item_text .container .right_col .disscus_user {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#audio_item_text .container .right_col .disscus_user_img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
    overflow: hidden;
}

#audio_item_text .container .right_col .disscus_user_img img {
    width: 100%;
}

#audio_item_text .container .right_col .disscus_user p span {
    color: #969696;
    font-family: 'PT Sans';
    font-size: 13px;
    margin-left: 4px;
}

#audio_item_text .container .right_col .disscus_user .answer {
    display: block;
    width: 100%;
    padding-left: 57px;
}

#audio_item_text .container .right_col .disscus_user .answer .disscus_user p {
    width: 100%;
    display: block;
}

#audio_item_text .container .right_col .disscus_user .answer .disscus_user p:last-of-type {
    width: auto;
    display: inline-block;
}

#audio_item_text .container .right_col .what_you_think {
    background-color: #e6e6e6;
    padding: 15px 5px 22px 35px;
}

#audio_item_text .container .right_col .what_you_think .cur_user_img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
}

#audio_item_text .container .right_col .what_you_think .cur_user_img img {
    width: 100%;
}

#audio_item_text .container .right_col .what_you_think .cur_user_info {
    float: left;
}

#audio_item_text .container .right_col .what_you_think .cur_user_info p {
    font-size: 15px;
    font-family: 'PT Sans';
    color: #000;
    margin-bottom: 9px;
    padding-top: 15px;
}

#audio_item_text .container .right_col .what_you_think .cur_user_info form {
    width: 100%;
}

#audio_item_text .container .right_col .what_you_think .cur_user_info form input {
    width: 280px;
    border: none;
    background-color: #fff;
    cursor: pointer;
    font-family: 'PT Sans';
    color: #000;
    font-size: 15px;
    padding: 3px 10px;
    height: 39px;
    margin-right: 15px;
}

#audio_item_text .container .right_col #what_you_think_ans.what_you_think .cur_user_info form input {
    width: 100%;
}

#audio_item_text .container .right_col .what_you_think .cur_user_info form input::-webkit-input-placeholder {
    font-size: 26px;
}

#audio_item_text .container .right_col .what_you_think .cur_user_info form input::-moz-placeholder {
    font-size: 26px;
}

/* Firefox 19+ */
#audio_item_text .container .right_col .what_you_think .cur_user_info form input:-moz-placeholder {
    font-size: 26px;
}

/* Firefox 18- */
#audio_item_text .container .right_col .what_you_think .cur_user_info form input:-ms-input-placeholder {
    font-size: 26px;
}

/*what_you_think_ans*/
#audio_item_text .container .right_col #what_you_think_ans.what_you_think .cur_user_info form input::-webkit-input-placeholder {
    font-size: 22px;
}

#audio_item_text .container .right_col #what_you_think_ans.what_you_think .cur_user_info form input::-moz-placeholder {
    font-size: 22px;
}

/* Firefox 19+ */
#audio_item_text .container .right_col #what_you_think_ans.what_you_think .cur_user_info form input:-moz-placeholder {
    font-size: 22px;
}

/* Firefox 18- */
#audio_item_text .container .right_col #what_you_think_ans.what_you_think .cur_user_info form input:-ms-input-placeholder {
    font-size: 22px;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}

/* IE 10+ */

/*** AUDIO PLAYLIST ***/
#audio_playlist {
    padding: 30px 0 75px;
    background-color: #f2f2f2;
    background-image: url(/bitrix/templates/slavmir/css/../images/bottom_bg_triangles.png);
    background-size: 100% 114px;
    background-repeat: no-repeat;
    background-position: center calc(100% + 64px);
}

#audio_playlist .container {
    position: relative;
}

#audio_playlist h1 {
    font-family: 'PT Serif';
    color: #000;
    font-size: 44px;
    margin-bottom: 30px;
    font-style: italic;
}

#audio_playlist .audio_item_top {
    overflow: hidden;
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
}

#audio_playlist .playlist_top_name {
    font-family: 'PT Serif';
    font-size: 26.46px;
    color: #000;
    margin-bottom: 50px;
}

#audio_playlist .audio_item_top .audio_item_info .album {
    margin-bottom: 70px;
}

#audio_playlist .audio_item_top .audio_item_info h2 {
    margin-bottom: 15px;
}

#audio_playlist .audio_item_top .audio_item_bar .play_audio_item {
    margin-right: 90px;
}

.audio_playlist_bottom {
    padding-top: 50px;
    background-color: #fff;
    padding-bottom: 30px;
}

.audio_playlist_bottom .index_music_container {
    padding: 0;
    max-width: 755px;
    margin: 0 auto 85px;
}

.audio_playlist_bottom .index_music_container {
    max-height: 220px;
    position: relative;
}

.audio_playlist_item_wrap {
    position: relative;
    width: 100%;
    max-width: 755px;
    margin: 0 auto;
}

.audio_playlist_bottom .audio_playlist_item_wrap:hover:after {
    display: none;
}

.audio_playlist_bottom .audio_playlist_item_wrap:after {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 50px;
    bottom: -1px;
    background: -moz-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pop_playlists_box h3 {
    font-family: 'PT Serif';
    font-size: 30.25px;
    color: #000;
    margin-bottom: 30px;
    padding-left: 331px;
}

#audio_playlist .index_music_container ul li .index_mus_info .index_music_name {
    width: 50%;
}

#audio_playlist .index_music_container ul li .index_mus_info .index_music_group {
    width: 40%;
}

/*** VIDEO BAR ***/
.video_bar_list {
    display: none;

}

#video_bar_tabs {
    margin-bottom: 13px;
}

#video_bar_tabs ul li {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    font-family: 'PT Sans';
    border-bottom: none;
}

#video_bar_tabs ul li.active {
    color: #f47b22;
}

.video_bar_slider {
    width: 100%;
    max-width: 1240px;
}

.video_bar_slider:before {
    position: absolute;
    content: '';
    left: -3px;
    top: -1px;
    width: 100px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, .0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, .0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(247, 247, 247, 1) 0%, rgba(255, 255, 255, .0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 99;
}

.video_bar_slider:after {
    position: absolute;
    content: '';
    right: -3px;
    top: -1px;
    width: 100px;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    z-index: 99;
}

.video_bar_slider .video_bar_item {
    cursor: pointer;
    width: 100%;
    max-width: 175px;
    margin: 0 15px;
}

.video_bar_slider .slick-list {
    margin: 0 -15px;
}

.video_bar_slider .video_bar_item .video_bar_item_img {
    width: 100%;
    height: 110px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 10px;
}

.video_bar_slider .video_bar_item h6 {
    font-family: 'PT Sans';
    font-size: 15px;
    line-height: 1.2;
    color: #000;
}

.video_bar_slider .video_bar_item p {
    color: #7d7c79;
    font-size: 12px;
    font-family: 'PT Sans';
    line-height: 1.2;
}

.video_bar_container {
    display: block;
    opacity: 0;
    visibility: hidden;
    height: 1px;
    -webkit-transition: opacity 0.4s linear;
    -moz-transition: opacity 0.4s linear;
    -ms-transition: opacity 0.4s linear;
    -o-transition: opacity 0.4s linear;
    transition: opacity 0.4s linear;
}

.video_bar_container.active {
    opacity: 1;
    visibility: visible;
    height: auto;
}

/**** OPENED VIDEO BAR ****/
.opened_video_bar {
    display: none;
    width: 100%;
}

.opened_video_bar_main {
    float: left;
    padding-right: 30px;
    width: 100%;
    max-width: calc(100% - 420px);
}

.opened_video_list {
    position: relative;
    /* height: 560px; */
    /* overflow: hidden; */
}

.opened_video_list_wrap {
    position: relative;
    float: right;
    width: 100%;
    max-width: 420px;
    height: 100%;
    max-height: 460px;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.opened_video_list_wrap:after {
    position: absolute;
    left: 0;
    bottom: -3px;
    content: '';
    height: 100px;
    width: 100%;
    opacity: 1;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.efir_bar .opened_video_bar_main {
    padding-right: 0;
    /* margin-right: 30px; */
    position: relative;
    /* max-width: calc(100% - 450px); */
}

.efir_bar .opened_video_list_wrap {
    float: right;
}

.efir_bar .slider-for {
    width: 100%;
}

.opened_video_bar_main .opened_video_bar_main_img {
    width: 100%;
    /* height: 560px; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 14px;
    position: relative;
    overflow: hidden;
}

.opened_video_bar_main .opened_video_bar_main_img .play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 133px;
    height: 133px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url(/bitrix/templates/slavmir/css/../images/opened_video_play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.opened_video_bar_main .opened_video_bar_main_img .play_btn.active {
    background-image: url(/bitrix/templates/slavmir/css/../images/paused.png);
}

.opened_list_item {
    cursor: pointer;
}

.opened_list_item .opened_list_item_img {
    width: 175px;
    height: 110px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.opened_video_bar_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.opened_video_bar_info .left {
    float: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 90%;
}

.opened_video_bar_info .left .time {
    display: inline-block;
    font-size: 12px;
    min-width: 70px;
    font-family: 'PT Sans';
    margin-right: 15px;
}

.opened_video_bar_info .right {
    float: right;
}

.opened_video_bar_info .left .time.time_passed {
    color: #7d7c79;
}

.opened_video_bar_info .left .time.whole_time {
    color: #bfbdb9;
}

.video_bar_play {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    margin-right: 58px;
}

.video_bar_play .prog_bar {
    width: 100%;
    height: 100%;
}

.video_bar_play .prog_bar svg {
    width: 100%;
    height: 100%;
}

.video_bar_play .prog_bar .overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fafafa;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.video_bar_play .play_btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 23px;
    background-image: url(/bitrix/templates/slavmir/css/../images/opened_video_pause.png);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.video_bar_play .play_btn.active {
    background-image: url(/bitrix/templates/slavmir/css/../images/opened_video_play_small.png);
    left: 55%;
}

.video_bar_play .next_btn {
    position: absolute;
    top: 50%;
    right: -39px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 27px;
    height: 18px;
    background-image: url(/bitrix/templates/slavmir/css/../images/opened_next_video.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.video_bar_name {
    max-width: 40%;
}

.video_bar_name h6 {
    display: inline-block;
    font-size: 24px;
    color: #000;
    font-family: 'PT Sans';
    font-weight: bold;
    margin-right: 16px;
}

.video_bar_name p {
    display: inline-block;
    font-size: 24px;
    color: #000;
    font-family: 'PT Sans';
}

#music_bar.opened_video .music_menu {
    margin-bottom: 16px;
}

#music_bar.efir_bar_active .music_menu {
    margin-bottom: 32px;
}

#music_bar.opened_video .right_bar {
    display: none;
}

#music_bar.opened_video .opened_video_bar .right_bar {
    display: block;
    margin-right: 45px;
    margin-bottom: 30px;
    margin-top: -41px;
}

.toggle_video_list {
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 30px;
    cursor: pointer;
    margin-top: -15px;
}

.toggle_video_list:after {
    position: absolute;
    content: '';
    left: 0;
    top: 15px;
    width: 21px;
    height: 3px;
    background-color: #000;
}

.opened_video_bar_info .right .video_bar_full {
    float: right;
    width: 31px;
    height: 25px;
    background-image: url(/bitrix/templates/slavmir/css/../images/video_full_page.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    margin-left: 18px;
}

.opened_video_bar_info .right .video_bar_quality {
    position: relative;
    background-color: #f0f0f0;
    float: right;
    border-radius: 2px;
    width: 58px;
    height: 24px;
    text-align: center;
    color: #f47b22;
    font-family: 'PT Sans';
    margin-left: 14px;
    font-size: 17px;
    padding: 5px 0;
    cursor: pointer;
}

.opened_video_bar_info .right .video_bar_quality span {
    position: absolute;
    right: 3px;
    top: 3px;
    color: #fff;
    font-size: 6px;
    background-color: #eb7e24;
    padding: 1px 1px;
    border-radius: 3px;
}

.opened_video_bar_info .right .video_bar_like {
    float: right;
    background-image: url(/bitrix/templates/slavmir/css/../images/audio_item_likes_img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 25px;
    height: 23px;
}

.opened_list_item {
    margin-bottom: 8px;
}

.opened_list_item .opened_list_item_img {
    float: left;
    margin-right: 13px;
}

.opened_video_list .opened_list_item .opened_list_item_text {
    float: left;
}

.opened_video_list .opened_list_item .opened_list_item_text h6 {
    font-family: 'PT Sans';
    font-size: 16px;
    color: #000;
    line-height: 1.2;
}

.opened_video_list .opened_list_item .opened_list_item_text p {
    font-size: 12px;
    color: #7d7c79;
    font-family: 'PT Sans';
    line-height: 1.2;
}

.efir_bar .opened_video_list_wrap h5 {
    font-family: 'PT Sans';
    font-weight: bold;
    font: 19px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.efir_bar .opened_video_list {
    height: 335px;
}

.efir_bar .efir_live {
    margin-bottom: 37px;
}

.tnx_popup_container {
    display: none;
    position: fixed;
    left: 35%;
    top: 35%;
    z-index: 9999;
    width: 100%;
    height: 100%;
    max-height: 250px;
    max-width: 400px;
}

.tnx_container {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    max-width: 775px;
    padding: 125px 305px 115px 210px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0px 0px 26px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 26px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 26px 1px rgba(0, 0, 0, 0.1);
}

.tnx_container .popup_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: url(/bitrix/templates/slavmir/css/../images/popup_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
}

.tnx_container h4 {
    font-family: 'PT Sans';
    font-size: 32.45px;
    line-height: 1.2;
    margin-bottom: 30px;
}

.tnx_container p {
    font-family: 'PT Sans';
    font-size: 18.31px;
    line-height: 1.2;
    margin-bottom: 45px;
}

.tnx_container .close_tnx_popup {
    cursor: pointer;
}

.tnx_container .close_tnx_popup img {
    display: inline-block;
    vertical-align: middle;
}

.tnx_container .close_tnx_popup span {
    display: inline-block;
    vertical-align: middle;
    font-family: 'PT Serif';
    font-size: 24.31px;
    color: #f38c1e;
    margin-left: 15px;
    text-decoration: underline;
}

.mobile_search {
    margin-top: 10px;
    padding-left: 30px;
    margin-bottom: 10px;
}

.mobile_search.auth {
    margin-top: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    float: left;
    display: flex;
    align-items: center;
}

.mobile_search input {
    background-color: #f2f2f2;
    border: none;
    cursor: pointer;
    border-radius: 30px;
    font-size: 18px;
    padding: 5px 6px;
    margin-right: 10px;
    width: 140px;
}

.mobile_search button {
    cursor: pointer;
    background-color: transparent;
    border: none;
    height: 18px;
    width: 18px;
    background-image: url(/bitrix/templates/slavmir/css/../images/loup_active.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.mob_reg_btn {
    border: 1px solid #f47b22;
    padding: 3px 7px;
    border-radius: 3px;
    text-decoration: none;
    margin-left: 9px;
    font-size: 14px;
    position: relative;
    top: 16px;
}

.mobile_menu .logged_bar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 20px 20px 30px;
}

.mobile_menu .logged_bar a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.mobile_menu .logged_bar .user_img {
    display: inline-block;
    width: 29px;
    height: 39px;
    margin-right: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.mobile_menu .logged_bar .user_name {
    color: #bfbfbf;
    font-family: 'PT Sans';
    font-size: 11.95px;
}

.mobile_menu .logged_bar .likes {
    float: right;
    position: relative;
    font-size: 11.95px;
    font-family: 'PT Sans';
    margin-left: auto;
}

.mobile_menu .logged_bar .likes:after {
    position: absolute;
    content: '';
    left: -28px;
    top: -4px;
    width: 26px;
    height: 21px;
    background-image: url(/bitrix/templates/slavmir/css/../images/mobile_menu_like.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.mobile_menu .logged_bar .settings {
    position: relative;
    margin-left: 10px;
    display: inline-block;
    width: 20px;
    height: 19px;
}

.mobile_menu .logged_bar .settings:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 20px;
    height: 19px;
    background-image: url(/bitrix/templates/slavmir/css/../images/settings_active.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.cont_phone {
    padding-left: 55px;
    position: relative;
}

.cont_phone:after {
    position: absolute;
    content: '';
    left: 0;
    top: 1px;
    width: 30px;
    height: 30px;
    background-image: url(/bitrix/templates/slavmir/css/../images/contacts_phone_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.cont_email {
    position: relative;
    padding-left: 55px;
}

.cont_email:after {
    position: absolute;
    content: '';
    left: 0;
    top: 3px;
    width: 30px;
    height: 30px;
    background-image: url(/bitrix/templates/slavmir/css/../images/contacts-email_img.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

body #music_bar_mobile_scroll {
    display: none;
    background-color: #ededed;
    padding: 5px 15px 5px 25px;
    min-height: 35px;
    position: fixed;
    width: 100%;
    top: 60px;
    z-index: 999;
    left: 0;
    flex-wrap: wrap;
    align-items: center;
}

body.pay_notice #music_bar_mobile_scroll {
    top: 108px;
}

body #music_bar_mobile_scroll .mobile_bar_name .song_name {
    font-size: 15px;
    font-family: 'PT Sans';
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
}

body #music_bar_mobile_scroll .mobile_bar_name .song_auth {
    font-size: 11.95px;
    font-family: 'PT Sans';
    display: inline-block;
}

body #music_bar_mobile_scroll .mobile_bar_name .song_type {
    font-family: 'PT Sans';
    font-style: italic;
    font-size: 12.84px;
    color: #f47b22;
    float: right;
}

body #music_bar_mobile_scroll .mobile_bar_name:after {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(/bitrix/templates/slavmir/css/../images/music_bar_mobile_play.png);
    width: 20px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

body #music_bar_mobile_scroll .mobile_bar_name {
    position: relative;
    padding-left: 33px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body #music_bar_mobile_scroll .mobile_bar_name p {
    flex-grow: 1;
}

.mus_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: inherit !important;
}

/* .mus_wrap.subs:after{
    content: '';
    position: absolute;
    right: 10px;
    top: 5px;
    width: 33px;
    height: 33px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
} */
.mus_wrap .mus_img {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.mus_wrap .mus_img:after {
    position: absolute;
    content: '';
    left: 55%;
    top: 50%;
    width: 20px;
    height: 26px;
    background-image: url(/bitrix/templates/slavmir/css/../images/play_small_btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    opacity: 0;
}

.mus_wrap:hover .mus_img:after {
    opacity: 1;
}

.mus_wrap .mus_info {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    width: calc(100% - 50px);
    height: 46px;
}

.mus_wrap .mus_info:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #ccc;
    bottom: -3px;
    left: 0;
}

.mus_wrap:not(:last-child) {
    margin: 2px 0 4px;
}

.mus_wrap:hover {
    background-color: #f2f2f2;
}

.index_music .mus_wrap .mus_info .mus_name {
    width: 33%;
}

.mus_wrap .mus_info .mus_name {
    color: #000;
    font-size: 15px;
    font-family: 'PT Sans';
    width: 40%;
    text-decoration: none;
    max-height: 46px;
    overflow: hidden;
}

.mus_wrap .mus_info .mus_group {
    color: #7d7c79;
    font-size: 12px;
    font-family: 'PT Sans';
    display: inline-block;
    width: 32%;
}

.mus_wrap .mus_info .mus_time {
    color: #7d7c79;
    font-size: 12px;
    font-family: 'PT Sans';
    max-width: 85px;
    width: 32px;
}

.mus_wrap .mus_info .mus_bar .list_img {
    display: inline-block;
    margin-right: 15px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -550px -5px;
    width: 17px;
    height: 14px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mus_wrap .mus_info:hover .mus_bar .list_img {
    opacity: 1;
}

.mus_wrap .mus_info .mus_bar .likes {
    display: inline-block;
    margin-right: 15px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -492px -5px;
    width: 19px;
    height: 17px;
    opacity: 0.53;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mus_wrap .mus_info:hover .mus_bar .likes {
    opacity: 1;
}

.download {
    visibility: hidden;
}

[data-player].fullscreen .media-control[data-media-control] {
    bottom: 0;
    left: 0;
}

.mus_wrap .mus_info .mus_bar .download {
    display: inline-block;
    margin-right: 15px;
    width: 19px;
    height: 16px;
    background-image: url(/bitrix/templates/slavmir/css/../images/sprite.png);
    background-position: -521px -5px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.mus_wrap .mus_info:hover .mus_bar .download {
    opacity: 1;
}

.mus_wrap:not(:last-child) .mus_info:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 2px;
    background-color: #efefee;
}

#music_bar .music_right_bar .music_right_bar_list .music_right_bar_item_wrap.played_item {
    display: block !important;
}

#music_bar .music_right_bar .music_right_bar_list .music_right_bar_item_wrap.played_item .music_right_bar_item .music_name {
    opacity: 1 !important;
}

#music_bar .music_right_bar .music_right_bar_list .music_right_bar_item_wrap.played_item .music_right_bar_item .music_group {
    opacity: 1 !important;
}

.mus_subs_img {
    display: inline-block;
    width: 33px;
    height: 33px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-top: -5px;
    margin-left: 10px;
}

.count_down_box {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    height: 76px;
    background-image: url(/bitrix/templates/slavmir/css/../images/calc_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.count_down_box .container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.count_text {
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}

.count_text p {
    float: left;
    font-family: 'PT Serif';
    font-size: 32px;
    color: #fff;
    padding-top: 19px;
    margin-right: 17px;
}

.count_text p b {
    font-weight: bold;
}

.flip-clock-wrapper {
    float: right;
    width: auto;
    margin: 0;
    padding-top: 5px;
}

.flip-clock-wrapper ul {
    background: transparent;
    width: 30px;
    height: 46px;
    font-weight: normal;
    margin: 2px;
}

.flip-clock-wrapper ul li {
    line-height: 45px;
}

.flip-clock-wrapper ul li a div div.inn {
    background: #ececec;
    color: #d94c00;
    text-shadow: none;
    font-size: 45px;
    border-radius: 6px 6px 0 0;
}

.flip-clock-dot {
    visibility: hidden;
}

.flip-clock-divider .flip-clock-label {
    color: #fff;
    font-family: 'PT Serif';
    font-size: 15px;
    text-transform: uppercase;
    top: 52px;
}

.flip-clock-divider.days .flip-clock-label {
    right: -55px;
}

.flip-clock-divider.hours .flip-clock-label {
    right: -59px;
}

.flip-clock-divider.minutes .flip-clock-label {
    right: -52px;
}

.flip-clock-wrapper ul li a div.up {
    border-bottom: 1px solid #d3c1b7;
}

.flip-clock-wrapper ul li a div.up div.inn {
    background: #e6e6e6;
}

.flip-clock-wrapper .flip {
    box-shadow: none;
}

.flip-clock-wrapper ul li a div.down:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.pay_history_box {
    padding: 40px 0 100px;
    background-color: #f2f2f2;
}

.pay_history_box .container {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.pay_history_box h3 {
    font-size: 44px;
    font-family: 'PT Serif';
    margin-bottom: 45px;
}

.history_list .item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 23px;
    font-family: 'PT Serif';
    padding-bottom: 15px;
    border-bottom: 2px solid #dfdfdf;
    padding-top: 20px;
}

.history_list .item .price {
    font-weight: bold;
}

.pay_sys {
    font-size: 22px;
    font-family: 'PT Sans';
    color: #858585;
}

.change_pass.mobile {
    display: none;
}

form[name="form_auth"] {
    width: 100%;
    max-width: 610px;
    margin: 50px auto;
    text-align: center;
}

.to_login form {
    margin: auto;
}

form[name="form_auth"] input {
    width: 100%;
    border: none;
    color: #000;
    border-bottom: 2px solid #E9E9E8;
    background-color: transparent;
    font-family: 'PT Serif';
    font-size: 23.6px;
    margin-bottom: 35px;
    padding-bottom: 5px;
}

form[name="form_auth"] .remember_box {
    overflow: hidden;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
}

form[name="form_auth"] .remember_box input {
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid #696969;
    margin-bottom: 0;
    float: left;
    margin-right: 10px;
    background-color: #ccc;
}

form[name="form_auth"] .remember_box input:checked {
    background-image: url(/bitrix/templates/slavmir/css/../images/remember_ok.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
}

form[name="form_auth"] .login_btn {
    display: block;
    width: 100%;
    max-width: 100px;
    border: none;
    background-color: #f47b22;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 19px;
    border-radius: 15px;
    padding: 3px 20px;
    cursor: pointer;
    margin: 0 auto 20px;
}

.to_login form .login_btn {
    margin: auto;
}

form[name="form_auth"] .unreg {
    margin-bottom: 15px;
}

.register_popup_scroll {
    position: relative;
    overflow: auto;
    max-height: 700px !important;
}

.log_out {
    text-align: center;
    margin-top: 30px;
}

.log_out a {
    border: 1px solid #f47b22;
    border-radius: 3px;
    padding: 5px 16px;
    display: inline-block;
    text-decoration: none;
}

.intl-tel-input {
    width: 100%;
    margin-bottom: 35px;
}

.index_music .index_music_container ul {
    position: relative;
    max-height: 350px;
}

.errortext {
    color: red;
}

.what_you_think_sbt {
    background-color: #f47b22;
    border: none;
    color: #fff;
    font-size: 14px;
    font-family: 'PT Sans';
    font-weight: 100;
    border-radius: 10px;
    line-height: 41px;
    cursor: pointer;
    padding: 0 19px;
}

/***** ADAPTIVE *****/
@media screen and (max-width: 1500px) {
    .right_soc ul li {
        padding: 25px 10px;
    }
}

@media (max-height: 800px) and (max-width: 1024px) {
    #audio_page_top h1 {
        margin-bottom: 40px;
    }
    .s-name{
    	display: none!important;
    }
}

@media (max-height: 768px) and (max-width: 1024px) {
    #audio_page_top h1 {
        margin-bottom: 40px;
    }

    .right_soc ul li {
        padding: 15px 10px;
    }

}

@media (max-height: 570px) and (max-width: 1024px) {
    .right_soc ul li {
        padding: 10px;
    }

    .right_soc {
        top: inherit !important;
        bottom: 0 !important;
    }

    .right_soc ul {
        bottom: 83px;
        top: inherit;
    }
}

@media (max-height: 800px) and (min-width: 1025px) {
    /* .register_popup{
        top: 10px;
        transform: translate(-50%, 0);
    } */
    .opened_video_list {
        /*height: 295px !important;*/
    }

    .efir_bar .opened_video_list {
        height: 145px !important;
    }

    .opened_video_bar_main .opened_video_bar_main_img {
        /*height: 295px !important;*/
    }

    .right_soc ul li {
        padding: 15px 10px;
    }

    #tarifs {
        padding-top: 30px;
    }

    .daily_video_slider {
        height: 255px;
    }

    .about_text h5 {
        font-size: 26px;
    }

    #about_page_top {
        padding-bottom: 60px;
    }

    #releases {
        padding-bottom: 55px;
    }

    #releases .container .rel_left {
        padding-top: 45px;
    }

    #prog_item_info:before {
        top: 125px;
    }

    #prog_item_info {
        padding-bottom: 100px;
    }

    #prog_item_info .container .title {
        margin-bottom: 30px;
    }

    #prog_item_top {
        padding-top: 0px;
    }

    #our_prog_slider_box .our_prog_slider .our_prog_slide {
        padding: 30px 0px 40px 80px;
    }

    #our_prog_top {
        padding-top: 30px;
    }

    h1.page_name {
        margin-bottom: 25px;
    }

    #lk_section {
        padding-top: 30px;
    }

    .articles_slider .article_slide {
        padding-top: 25px;
    }

    .articles_slider .article_slide h2 {
        margin-bottom: 25px;
    }

    #audio_page_top h1 {
        margin-bottom: 10px;
    }

    #audio_page_top {
        padding-top: 30px;
    }

    #articles {
        padding-top: 30px;
    }

    body.pay_notice {
        padding-top: 320px;
    }

    .remember_toPay {
        padding: 15px 0;
    }

    body.pay_notice header {
        top: 52px;
    }

    /* body.pay_notice #music_bar {
        animation: movePayNBar 0.4s linear forwards;
    }

    body #music_bar {
        animation: moveNBar 0.4s linear forwards;
    }

    @keyframes moveNBar {
        0% {
            top: 143px;
        }
        100% {
            top: 179px;
        }
    }
    @keyframes movePayNBar {
        0% {
            top: 143px;
        }
        100% {
            top: 230px;
        }
    } */
    /* body.pay_notice.fixed_header #music_bar {
        animation: moveFixedBar 0.5s linear forwards;
    }

    @keyframes moveFixedBar {
        0% {
            top: 178px;
        }
        100% {
            top: 60px;
        }
    } */
}

@media (max-height: 768px) and (min-width: 1025px) {
    #releases .container .rel_left {
        padding-top: 30px;
    }

    .right_soc {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    body.fixed_header .right_soc ul {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (max-height: 650px) and (min-width: 1025px) {
    .right_soc ul li {
        padding: 10px;
    }
}

@media (max-height: 600px) and (min-width: 1025px) {
    .right_soc ul {
        bottom: 83px;
    }
}

@media screen and (max-width: 1439px) {
    .video_page_list {
        justify-content: center;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text p {
        font-size: 18px;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text h2 {
        font-size: 52px;
    }

    #audio_page_top .tab_container ul li .audioP_descr {
        font-size: 12px;
    }

    #audio_page_top .tab_container ul li .audioP_name {
        font-size: 16px;
    }

    #audio_page_top .audio_page_header .tabs ul li {
        font-size: 22px;
    }

    #audio_item_text .container .left_col {
        max-width: calc(100% - 455px);
        padding-right: 20px;
    }

    .video_page_list .video_page_item:nth-child(4n) {
        margin-right: 34px;
    }

    .left_col {
        max-width: 65%;
    }

    #new_articles .new_article .new_article_text {
        max-width: 70%;
    }

    .audio_item_top .audio_item_info {
        max-width: 460px;
    }

    #audio_item .audio_item_top .left_box {
        max-width: 760px;
    }
}

@media screen and (max-width: 1410px) {
    .index_music .mus_wrap .mus_info .mus_group {
        width: 27%;
    }

    #index_content .index_music {
        max-width: 530px;
    }

    #index_content .index_video {
        max-width: 600px;
    }

    .playlist_box {
        width: 320px;
        max-width: 320px;
    }
}

@media screen and (max-width: 1366px) {
    .sub_benefit p {
        font-size: 18px;
        line-height: 1.3;
    }
}

@media screen and (max-width: 1365px) {
    .news_slider_box .news_box .art_descr {
        float: none;
    }

    #lk_section .container {
        padding: 0 50px;
    }

    .articles_slider .article_slide .news_box {
        padding: 0 50px;
        max-width: 1115px;
        margin: 0 auto;
    }

    .articles_slider .article_slide .related_art_box {
        padding: 0 50px;
        max-width: 1110px;
        margin: 0 auto;
    }

    .news_slider_box .news_box .art_descr {
        max-width: 100%;
        padding-right: 50px;
        margin-bottom: 30px;
    }

    .opened_video_list {
        height: 460px;
    }

    .efir_bar .opened_video_list {
        height: 253px;
    }

    .opened_list_item .opened_list_item_img {
        width: 160px;
        height: 92px;
    }

    .opened_video_bar_main .opened_video_bar_main_img {
        /* height: 460px; */
    }

    #audio_item .audio_item_top .right_box {
        float: none;
        max-width: 100%;
    }

    #audio_item .audio_item_top .left_box {
        float: none;
        overflow: hidden;
        margin: 0 auto 15px;
    }

    .about_text .left_col {
        padding: 40px 15px 0;
    }

    #lk_section .subs_ends_container p {
        max-width: 550px;
    }

    #lk_section .subs_ends_container {
        padding-bottom: 0;
    }

    .related_art_box .art_descr {
        float: none;
        margin-bottom: 30px;
        max-width: 100%;
    }

    .related_art_box .rel_art_item {
        margin-bottom: 50px;
    }

    #contacts .left_col {
        max-width: 55%;
    }

    #music_bar .music_right_bar .music_right_bar_list .music_right_bar_item_wrap {
        width: 50%;
    }

    #music_bar .music_right_bar .music_right_bar_list .music_right_bar_item_wrap:last-child {
        display: none;
    }

    header nav ul {
        margin-right: 20px;
    }

    header nav ul li a {
        font-size: 18px;
    }

    #index_content .index_video {
        padding-right: 30px;
        padding-left: 30px;
    }

    #music_bar .container {
        padding: 0 20px 0 20px;
    }

    #index_content .index_prog .index_prog_container ul a:nth-child(4n) li {
        display: none;
    }

    #index_content .index_prog .index_prog_container ul a li {
        width: calc(33% - 3px);
    }

    #index_content .index_news {
        padding-left: 35px;
    }

    #index_content .index_news {
        width: 45%;
        margin-right: 30px;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_desc {
        margin-right: 5px;
    }
}

@media screen and (max-width: 1290px) {
    #new_articles .container {
        padding: 0 15px 0 50px;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_desc {
        max-width: 365px;
    }

    .article_item_info .left_col {
        max-width: 60%;
    }
}

@media screen and (max-width: 1280px) {
    .opened_video_list {
        height: 360px;
    }

    .opened_video_bar_main {
        max-width: calc(100% - 350px);
    }

    .efir_bar .opened_video_bar_main:after {
        top: 49px;
    }

    .video_bar_name h6 {
        font-size: 20px;
    }

    .video_bar_name p {
        font-size: 20px;
    }

    .efir_bar .opened_video_bar_main {
        max-width: calc(100% - 380px);
    }

    .opened_video_list_wrap {
        max-width: 350px;
    }

    .opened_list_item .opened_list_item_img {
        width: 121px;
        height: 65px;
    }

    .opened_video_bar_main .opened_video_bar_main_img {
        /* height: 360px; */
    }

    .efir_bar .opened_video_list_wrap h5 {
        margin-bottom: 15px;
    }

    .efir_bar .efir_live {
        margin-bottom: 20px;
    }

    .efir_bar .opened_video_list_wrap h5 {
        margin-bottom: 15px;
    }

    .efir_bar .opened_video_list {
        height: 208px;
    }
}

@media screen and (max-width: 1279px) {
    #index_content .index_music {
        padding-left: 40px;
    }

    #index_content .index_video {
        padding-right: 25px;
    }

    #index_content .index_prog .index_prog_header {
        padding-left: 40px;
    }

    #contacts .container {
        padding: 0 25px 0 55px;
    }

    .current_subs {
        padding: 25px 80px 25px 190px;
    }
}

@media screen and (max-width: 1245px) {
    .mus_wrap .mus_info .mus_name {
        width: 35%;
    }

    .index_music .mus_wrap .mus_info .mus_name {
        width: 28%;
    }

    .left_col {
        max-width: 60%;
    }

    #index_content .index_prog .index_prog_container a:first-child {
        display: none;
    }

    #index_content .index_prog .index_prog_container a {
        width: calc(33% - 3px);
    }

    #index_content .index_music .index_music_header h2 {
        margin-right: 12px;
    }

    #index_content .index_music {
        max-width: 470px;
    }

    #new_articles .new_article .new_article_text {
        max-width: 65%;
    }
}

@media screen and (max-width: 1200px) {
    .mus_wrap .mus_info .mus_name {
        width: 30%;
    }

    footer .container {
        padding: 0 95px 0 60px;
    }

    #releases .container .rel_left {
        padding-right: 20px;
    }

    footer .container {
        padding: 0 95px 0 60px;
    }

    #index_content .index_video {
        max-width: 500px;
        padding-left: 0;
    }

    #music_bar .music_left_bar .music_left_bar_item_wrap {
        width: 50%;
    }

    #music_bar .music_left_bar .music_left_bar_item_wrap:first-child {
        display: none;
    }

    #index_content .index_news {
        width: 44%;
    }
}

@media screen and (max-width: 1140px) {
    .news_slider_box .news_box .news_item {
        max-width: 400px;
    }

    .articles_slider .article_slide .news_box {
        max-width: 1015px;
    }

    .articles_slider .article_slide .related_art_box {
        max-width: 1010px;
    }

    .mus_wrap .mus_info .mus_name {
        width: 28%;
    }

    .mus_subs_img {
        width: 5%;
    }

    .count_text p {
        font-size: 26px;
    }

    .related_art_box .rel_art_item {
        max-width: 400px;
    }

    .playlist_box {
        margin-right: 20px;
    }

    #audio_page_top .tab_container ul li {
        width: calc(20% - 16px);
    }

    #audio_page_top .tab_container ul li:last-child {
        display: none;
    }

    .playlist_box:last-child {
        display: none;
    }

    .opened_video_bar_info .right .video_bar_quality {
        margin-left: 7px;
    }

    .opened_video_bar_info .right .video_bar_full {
        margin-left: 9px;
    }

    .video_bar_name h6 {
        font-size: 16px;
        margin-right: 8px;
    }

    .video_bar_name p {
        font-size: 16px;
    }

    #releases .container .rel_left .rel_list .rel_item {
        margin-right: 20px;
        margin-bottom: 35px;
    }

    header .container {
        padding: 0 20px;
    }

    body.fixed_header header .logo {
        padding-top: 3px;
    }

    body.fixed_header header nav ul li:not(:last-child) {
        margin-right: 6px;
    }

    footer .container {
        padding: 0 35px 0 30px;
    }

    #audio_item_text .container .left_col {
        max-width: calc(100% - 485px);
    }

    #audio_item .container {
        padding: 0 50px;
    }

    #audio_item_text .container {
        padding: 0 50px;
    }

    #releases {
        padding: 0 15px 30px;
    }

    .video_page_list {
        justify-content: center;
    }

    #releases .container .rel_left li {
        margin-right: 20px;
    }

    .article_item_info .left_col {
        max-width: 55%;
    }
}

@media screen and (max-width: 1090px) {
    #index_content .index_video {
        max-width: 460px;
    }

    .right_col {
        max-width: 335px;
    }

    .interview {
        padding-top: 25px;
    }

    .interview p {
        margin-bottom: 175px;
    }
}

@media screen and (max-width: 1050px) {
    .index_music .mus_wrap .mus_info .mus_group {
        width: 25%;
    }

    #index_content .index_music {
        max-width: 440px;
    }

    .index_music_tabs ul li {
        font-size: 17px;
    }
}

@media screen and (max-width: 1024px) {
    .mobile_menu .logged_bar a {
        display: table-row;
    }

    #contacts .interview p {
        margin-bottom: 185px;
    }

    .register_popup_container .data_info p {
        margin-bottom: 5px;
    }

    form.data_info input {
        font-size: 18px;
        margin-bottom: 24px;
        border-bottom: 2px solid #d2d2d2;
    }

    .register_popup p.reg_info {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .register_popup .have_reg {
        margin-bottom: 25px;
    }

    .register_popup h5 {
        font-size: 26px;
        margin-bottom: 25px;
    }

    .register_popup {
        padding: 20px 15px 20px 20px;
    }

    footer .footer_right_col .soc li:not(:last-child) {
        margin-right: 6px;
    }

    #new_articles.news .popular_box .popular_list_wrap .popular_list {
        height: auto;
    }

    #new_articles.news .popular_box {
        max-width: 650px;
    }

    .bit_r {
        width: auto;
    }

    .discuss .container {
        padding-left: 20px;
    }

    .articles_slider .article_slide .news_box {
        max-width: 745px;
    }

    .articles_slider .article_slide .related_art_box {
        max-width: 740px;
    }

    .sub_benefit p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .news_slider_box .news_box .news_item a {
        font-size: 10px;
    }

    .news_box .news_item .text {
        padding-left: 30px;
        font-size: 10px;
        padding-right: 0;
    }

    .news_slider_box .news_box .news_item .name {
        padding-left: 30px;
    }

    .news_slider_box .news_box .news_item .item_date {
        padding-left: 30px;
    }

    .news_box .art_descr p {
        font-size: 18px;
    }

    .news_slider_box .news_box .news_item .name {
        font-size: 21px;
    }

    .news_slider_box .news_box .news_item {
        max-width: 300px;
        padding-right: 45px;
        margin-right: 20px;
    }

    #lk_section:after {
        bottom: 100px;
    }

    #lk_section .container {
        margin-bottom: 100px;
    }

    #lk_section.alert .subs_ends_container {
        background-color: #f38c1e;
    }

    .change_pass.mobile {
        display: block;
    }

    .change_pass {
        display: none;
    }

    .popular_box .popular_list {
        display: block;
    }

    .popular_box .popular_list .pop_item {
        width: 100%;
        float: left;
        height: 90px;
    }

    .news_item_info .article_item_info .right_col {
        max-width: 100%;
    }

    .news_item_info .article_item_info .right_col .popular_box {
        max-width: 100%;
        margin-bottom: 0;
    }

    #new_articles.news .right_col .popular_box .popular_list .pop_item {
        width: 42%;
        margin-right: 8%;
        overflow: hidden;
    }

    #new_articles.news .right_col {
        width: 100%;
        margin: 0 auto;
        max-width: 650px;
    }

    #new_articles .right_col {
        width: 100%;
        margin: 0 auto;
        max-width: 670px;
    }

    .our_prog_slider .slick-arrow {
        top: 90px;
    }

    .articles_slider .slick-arrow {
        top: 37px;
    }

    .articles_slider .article_slide h2 {
        font-size: 40px;
    }

    .related_art_box .art_descr p {
        font-size: 18px;
    }

    .articles_slider .article_slide {
        padding-bottom: 10px;
    }

    .related_art_box .rel_art_item .rel_art_name {
        height: 75px;
    }

    .related_art_box .rel_art_item .name {
        font-size: 21px;
    }

    .rel_art_item a.read_article {
        font-size: 10px;
    }

    .related_art_box .rel_art_item .name {
        left: 30px;
    }

    .related_art_box .rel_art_item .text {
        font-size: 10px;
        padding-left: 30px;
    }

    .rel_art_item .rel_art_author span {
        font-size: 9px;
    }

    .rel_art_item .rel_art_author {
        left: 25px;
    }

    .rel_art_item .rel_art_author .art_author_img {
        width: 50px;
        height: 50px;
    }

    .related_art_box .rel_art_item {
        max-width: 300px;
        margin-right: 20px;
    }

    #contacts .right_col .interview {
        margin-bottom: 25px;
    }

    #contacts .write_us {
        padding-bottom: 90px;
    }

    #about_page_top {
        height: 290px;
    }

    .about_text .klad_mudr .about_img {
        height: 268px;
    }

    .right_col .interview p {
        margin-bottom: 170px;
    }

    .about_text .right_col {
        padding-top: 25px;
    }

    .interview_menu {
        padding-top: 50px;
        padding-left: 65px;
    }

    .interview {
        float: left;
        width: 100%;
        max-width: 327px;
        margin-right: 45px;
        padding-bottom: 35px;
    }

    .about_text .left_col {
        padding-top: 20px;
        padding-right: 50px;
    }

    .other_tarifs .tarif_top_list {
        max-width: 760px;
    }

    .tarif_top_list {
        max-width: 520px;
        flex-wrap: wrap;
    }

    .other_tarifs .tarif_top_list .tarif_top_item {
        padding: 20px 10px 15px;
        height: auto;
        margin-bottom: 20px;
    }

    #releases .container .rel_left {
        padding-top: 35px;
    }

    .rel_auth p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .rel_auth img {
        width: 40px;
        height: 40px;
        margin-right: 5px;
        margin-bottom: 2px;
    }

    .mus_wrap .mus_info .mus_bar .likes {
        margin-right: 5px;
    }

    .mus_wrap .mus_info .mus_bar .list_img {
        margin-right: 5px;
    }

    .mus_wrap .mus_info .mus_group {
        width: 25%;
    }

    .mus_wrap .mus_info .mus_name {
        width: 25%;
    }

    .breadcrumbs {
        top: -45px !important;
        left: 20px !important;
    }

    .tarif_top_list .tarif_top_item .tarif_price {
        font-size: 44px;
    }

    .tarif_top_list .tarif_top_item h3.tarif_srok {
        font-size: 32px;
    }

    .tarif_top_list {
        padding: 0 40px 0 15px;
    }

    #opros_page {
        padding-top: 80px;
    }

    #article_item .breadcrumbs {
        width: 100%;
        max-width: 300px;
        z-index: 99;
        top: -25px !important;
    }

    #prog_item_top .breadcrumbs {
        max-width: 300px;
        width: 100%;
        z-index: 99;
        left: 20px;
        top: 30px !important;
    }

    .contacts_top h1.page_name {
        font-size: 32px;
    }

    #contacts .left_col {
        padding-top: 30px;
    }

    #tarifs .breadcrumbs {
        top: -45px;
        left: 20px;
    }

    #our_prog_list_box #our_prog_list {
        padding-left: 30px;
    }

    #audio_page_top {
        padding-top: 80px;
    }

    .count_text p {
        font-size: 18px;
        padding-top: 25px;
        width: 260px;
    }

    .index_music .mus_wrap .mus_info .mus_name {
        width: 35%;
    }

    .index_music .mus_wrap .mus_info .mus_group {
        width: 42%;
    }

    .contacts_top h1 {
        font-size: 52px;
    }

    #about_page_top {
        padding-top: 80px;
        padding-bottom: 85px;
    }

    .news_slider_box .news_box .art_descr {
        margin-left: 0;
        margin-bottom: 30px;
    }

    /* .article_types_box{
        display: none;
    } */
    .article_types_box.mobile {
        display: block;
        margin-bottom: 0;
        width: 100%;
        max-width: 325px;
        float: left;
        margin-right: 30px;
    }

    .subs_container .license {
        font-size: 14px;
    }

    .subs_container h4 {
        font-size: 28px;
    }

    .subs_container .subscribe b {
        font-size: 28px;
    }

    .subs_container .subscribe {
        font-size: 22px;
        padding: 11px 39px 14px;
    }

    .subs_container p.main_text {
        font-size: 18px;
        padding-left: 0;
        margin-bottom: 15px;
    }

    .subs_container h3 {
        margin-bottom: 10px;
        font-size: 26px;
    }

    .subs_container .top_img {
        margin-bottom: 10px;
    }

    .subs_container {
        padding: 40px 40px 20px 45px;
        width: calc(100% - 40px);
    }

    .daily_video_container h2 {
        padding-left: 0;
        text-align: center;
    }

    body {
        padding-top: 150px;
    }

    body.pay_notice header .mobile_menu {
        top: 60px;
    }

    .remember_toPay {
        padding: 15px 0;
    }

    body.fixed_header header .logo {
        padding-top: 0;
    }

    #audio_playlist {
        padding-top: 80px;
    }

    #audio_item {
        padding-top: 80px;
    }

    #news_item {
        padding-top: 80px;
    }

    #article_item {
        padding-top: 60px;
    }

    .contacts_top {
        padding-top: 80px;
        padding-bottom: 61px;
    }

    #articles {
        padding-top: 80px;
    }

    #tarifs {
        padding-top: 80px;
    }

    #video_page {
        padding-top: 80px;
    }

    #our_prog_top .breadcrumbs {
        top: -45px;
        left: 20px;
    }

    #our_prog_top {
        padding-top: 80px;
    }

    #lk_section {
        padding: 80px 0 120px;
    }

    #prog_item_top {
        padding: 5px 0 55px;
    }

    #music_bar .music_type_list ul li {
        width: 70px;
    }

    #music_bar .playlist_played .playlist_played_text .play_list_desc {
        font-size: 10px;
    }

    #music_bar .playlist_played .playlist_played_text .play_list_name {
        font-size: 14px;
    }

    #music_bar .playlist_played {
        left: 45px;
    }

    #music_bar.playlist_active .music_menu {
        margin-right: 20px;
    }

    #music_bar .playlist_played {
        padding-right: 0;
    }

    #music_bar.video_bar_active .container .left_bar {
        max-width: calc(100% - 45px);
    }

    #music_bar.video_bar_active .container .right_bar {
        flex-grow: 0;
    }

    .opened_video_bar_main {
        max-width: calc(100% - 250px);
    }

    body.fixed_header #header_bar .unreg {
        padding-top: 12px;
    }

    body.fixed_header #header_bar .settings {
        padding: 15px 7px 10px;
    }

    #header_bar .settings_container {
        height: auto;
    }

    #header_bar .likes_container {
        height: auto;
    }

    #header_bar .settings_logged_bar {
        display: flex;
        align-items: flex-start;
    }

    body.fixed_header #header_bar .login_box {
        padding-top: 8px;
    }

    #header_bar .login_box {
        padding-top: 8px;
    }

    #header_bar .unreg {
        padding-top: 12px;
    }

    #header_bar.search_active .settings {
        padding: 17px 7px 10px;
    }

    body.fixed_header #header_bar.search_active .search {
        margin-top: 5px;
    }

    #header_bar.search_active .likes {
        padding: 17px 7px 10px;
    }

    #header_bar.search_active .search {
        margin-top: 10px;
    }

    header {
        z-index: 1000;
    }

    body #header_bar.logging .search {
        padding-top: 8px;
    }

    #header_bar .search {
        padding-top: 8px;
    }

    #header_bar .reg {
        padding-top: 8px;
    }

    #header_bar.search_active .settings {
        padding: 17px 7px 10px;
    }

    #header_bar .likes {
        padding: 17px 7px 10px;
    }

    body.fixed_header #header_bar .likes {
        padding: 17px 7px 10px;
    }

    body.fixed_header #header_bar .reg {
        padding-top: 8px;
    }

    body.menu_opened .logo_mobile {
        display: block;
    }

    body.menu_opened .logo_desktop {
        display: none;
    }

    /* body.fixed_header header {
        animation: headerTabletHeight 0.4s linear forwards;
    }

    body.fixed_header header.log_opened {
        animation: tabletHeaderLogOpened 0.4s linear forwards;
    }

    @keyframes tabletHeaderLogOpened {
        0% {
            height: 178px;
        }
        100% {
            height: 178px;
        }
    } */
    body.fixed_header header.log_opened .logo {
        padding-top: 0;
        max-width: inherit;
    }

    body.fixed_header header.log_opened .logo_desktop {
        display:block ;
    }

    body.fixed_header header.log_opened .logo_mobile {
        display: none;
    }

    body.pay_notice #music_bar.login_opened {
        animation: tabletBarLogOpened 0.6s linear forwards;
    }

    @keyframes tabletBarLogOpened {
        0% {
            top: 256px;
        }
        100% {
            top: 256px;
        }
    }
    header.log_opened {
        animation: tabletHeaderLogOpened 0.6s linear forwards;
    }

    @keyframes tabletHeaderLogOpened {
        0% {
            height: 60px;
        }
        100% {
            height: 178px;
        }
    }
    body.pay_notice.fixed_header #music_bar.login_opened {
        animation: barFixedHeaderOpenedLog 0.5s linear forwards;
    }

    @keyframes barFixedHeaderOpenedLog {
        0% {
            top: 256px;
        }
        100% {
            top: 256px;
        }
    }
    #music_bar.efir_bar_active .music_menu {
        margin-right: 20px;
    }

    .efir_bar .opened_video_bar_main {
        max-width: calc(100% - 280px);
    }

    .opened_video_list_wrap {
        max-width: 250px;
    }

    .breadcrumbs ul li .vert_line {
        margin: 0px 5px -5px 5px;
    }

    #music_bar {
        top: 60px;
    }

    #news_item h1 {
        font-size: 32px;
        line-height: 1.2;
        padding: 0 55px;
    }

    #news_item .news_name {
        font-size: 38px;
    }

    #article_item .article_item_bg .article_item_auth {
        right: initial;
        left: 20px;
    }

    .breadcrumbs {
        top: 0;
    }

    .pop_playlists_box h3 {
        padding: 0;
        text-align: center;
    }

    .audio_playlist_bottom .container {
        padding: 0 15px;
    }

    #audio_item .container {
        padding: 0 55px;
    }

    #audio_item_text .container .right_col {
        margin: 0 auto;
    }

    #audio_item_text .container {
        padding: 0 25px;
    }

    #audio_item_text .container .left_col {
        margin: 0 auto;
        max-width: 450px;
    }

    #opros_page .container {
        padding: 0 15px;
    }

    #article_item .article_item_bg h1 {
        font-size: 48px;
    }

    .article_item_info {
        padding: 0 15px;
    }

    .article_item_info .left_col {
        max-width: 100%;
        padding-bottom: 0;
        padding-top: 65px;
        padding-right: 50px;
    }

    .article_item_info .right_col {
        padding-top: 30px;
        margin: 0 auto;
        padding-bottom: 50px;
        max-width: 655px;
    }

    .sub_benefit {
        padding: 0 55px 0 15px;
        max-width: 100%;
    }

    .about_text .klad_mudr .klad_mudr_img {
        max-width: 100%;
    }

    #releases .container .rel_left {
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        float: none;
    }

    .rel_auth {
        margin-top: 0;
    }

    #releases .container .rel_right .rel_auth_desc {
        float: left;
        width: 100%;
        max-width: 50%;
    }

    #releases .container .rel_right .rel_all_prog {
        float: right;
        width: 100%;
        max-width: 50%;
    }

    #releases .container .rel_right {
        float: none;
        margin: 0 auto;
        padding-top: 0;
        max-width: 100%;
    }

    #releases .container .rel_left .rel_list {
        justify-content: center;
    }

    #lk_section .subs_add_pay {
        position: relative;
        left: inherit;
        right: inherit;
        top: inherit;
        bottom: inherit;
    }

    #lk_section form.main_lk_form {
        max-width: 320px;
    }

    #lk_section .subs_ends_container p {
        margin: initial;
        text-align: left;
        margin-bottom: 40px;
        margin: 0.5%;
    }

    .current_subs {
        padding: 25px 55px;
    }

    #our_prog_list_box .container {
        padding: 0 20px;
    }

    #our_prog_list_box .our_prog_list_container .prog_item {
        margin-right: 0;
    }

    #our_prog_list_box .our_prog_list_container.active {
        margin-right: 0;
    }

    .article_types_box .art_type_list ul li .sub_type ul li {
        padding-left: 0;
    }

    .rel_auth {
        top: initial;
        bottom: 0;
        -webkit-transform: translateY(35px);
        -moz-transform: translateY(35px);
        -ms-transform: translateY(35px);
        -o-transform: translateY(35px);
        transform: translateY(35px);
    }

    #new_articles .container {
        padding: 0 30px;
    }

    .article_types_box .article_types_head {
        padding-left: 0;
    }

    .article_types_box .art_type_list {
        padding-left: 0;
    }

    #new_articles {
        padding: 40px 0 50px;
    }

    .popular_box {
        padding: 0;
        width: 100%;
        float: right;
        max-width: 300px;
        margin: 0 auto 20px;
    }

    #new_articles .new_article .new_article_text {
        max-width: calc(100% - 222px);
    }

    .left_col {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .right_col {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .article_types_box {
        text-align: center;
    }

    /* body.pay_notice.fixed_header #music_bar {
        animation: moveFixedBarTablet 0.6s linear forwards;
    }

    body.pay_notice #music_bar {
        animation: moveFixedBarTablet 0.6s linear forwards;
    }

    body #music_bar {
        animation: moveFixedBarTablet 0.6s linear forwards;
    }

    body #music_bar.login_opened {
        animation: moveFixedBarTabletL 0.6s linear forwards;
    }

    @keyframes moveFixedBarTabletL {
        0% {
            top: 60px;
        }
        100% {
            top: 178px;
        }
    }
    @keyframes moveFixedBarTablet {
        0% {
            top: 60px;
        }
        100% {
            top: 138px;
        }
    } */
    body.pay_notice {
        padding-top: 195px;
    }

    /* body.pay_notice #music_bar {
        top: 138px;
        moveFixedBarTablet 0.6s linear forwards;
    } */

    /* body.pay_notice.fixed_header #music_bar {
        animation: moveFixedHedaerBarTablet 0.6s linear forwards
    }

    @keyframes moveFixedHedaerBarTablet {
        0% {
            top: 60px;
        }
        100% {
            top: 60px;
        }
    }
    @keyframes moveFixedBarTablet {
        0% {
            top: 60px;
        }
        100% {
            top: 60px;
        }
    } */
    body.pay_notice header {
        top: 45px;
    }

    #contacts .left_col {
        width: 100%;
        max-width: 100%;
    }

    #contacts .container {
        padding: 0 25px;
    }

    #audioP_about .container {
        padding: 0 65px;
    }

    #music_bar .music_right_bar .music_right_bar_list .music_right_bar_item_wrap {
        width: 100%;
        display: none;
    }

    #music_bar .music_right_bar .music_right_bar_list .music_right_bar_item_wrap:nth-child(2) {
        display: block;
    }

    #music_bar .container .left_bar {
        flex-grow: 1;
        width: 25%;
    }

    #music_bar .container .right_bar {
        flex-grow: 1;
    }

    #music_bar .music_right_bar {
        width: 100%;
    }

    .remember_toPay p {
        font-size: 15px;
    }

    /* body.fixed_header #music_bar {
        animation: moveFixedBar 0.5s linear forwards;
    }

    @keyframes moveFixedBar {
        0% {
            top: 60px;
        }
        100% {
            top: 60px;
        }
    } */
    /* body.fixed_header #music_bar .music_played {
        animation: progressBarMobile 0.25s linear forwards;
    }

    @keyframes progressBarMobile {
        0% {
            top: 0;
        }
        100% {
            top: 100%;
        }
    } */
    #music_bar .music_left_bar .music_left_bar_item_wrap:nth-child(2) {
        display: none;
    }

    #music_bar .music_left_bar .music_left_bar_item_wrap {
        width: 100%;
    }

    header .logo {
        padding-top: 0;
    }

    #header_bar .lk .user_name {
        display: none;
    }

    #header_bar .likes .likes_num {
        display: none;
    }

    #header_bar .settings span {
        display: none;
    }

    header nav {
        display: none;
    }

    header .frost{
        /* height: 150px; */
        padding-top: 3px;
        padding-bottom: 3px;
        /* animation: headerTabletHeight 0.6s linear forwards; */
    }

    /* @keyframes headerTabletHeight {
        0% {
            height: 60px;
        }
        100% {
            height: 60px;
        }
    } */

    /* header .logo_mobile {
        display: none;
         animation: logoMobileShow 0.4s linear forwards; 
    } */
    /* header .logo_desktop {
        display: block;
    } */

    /* #music_bar .music_played {
        animation: progressBarMobile 0.25s linear forwards;
        margin-left: -180px;
    } */

    header .header_top_menu .burger {
        display: block;
        position: absolute;
        left: 50%;
        top: 16px;
        cursor: pointer;
    }

    #index_content {
        padding-top: 30px;
    }

    #index_content .index_video h2 {
        margin-bottom: 25px;
        padding-left: 35px;
    }

    #index_content .index_music .index_music_header h2 {
        padding-left: 35px;
        margin-right: 50px;
    }

    #index_content .index_prog .index_prog_container a:first-child {
        display: block;
    }

    #index_content .index_prog .index_prog_container.active {
        flex-wrap: wrap;
    }

    #index_content .index_prog .index_prog_container a {
        width: calc(50% - 3px);
        margin-right: 3px;
        margin-bottom: 5px;
    }

    #index_content .index_news h2 {
        padding-left: 35px;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_date {
        margin-right: 15px;
        margin-bottom: 5px;
    }

    #music_bar .music_played .played_info {
        top: 0;
        bottom: inherit;
    }

    #index_content .index_video {
        width: 100%;
        margin-bottom: 65px;
        max-width: 100%;
        float: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 30px;
    }

    #index_content .index_music {
        width: 100%;
        max-width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-right: 0;
        padding: 0 30px;
        margin-bottom: 50px;
    }

    #index_content .index_prog {
        padding-left: 25px;
        padding-right: 25px;
        margin-bottom: 50px;
    }

    .index_news_list {
        padding-left: 35px;
    }

    #index_content .index_articles .index_articles_list {
        padding-left: 35px;
    }

    #index_content .index_prog .index_prog_container ul a:nth-child(4n) li {
        display: block;
    }

    #index_content .index_prog .index_prog_container ul a li {
        width: calc(50% - 3px);
    }

    #index_content .index_news {
        width: 100%;
        margin-right: 0;
        padding-right: 60px;
        box-sizing: border-box;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_desc {
        width: 60%;
    }

    #index_content .index_articles {
        width: 100%;
        padding: 0 60px 0 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #index_content .index_articles h2 {
        padding-left: 35px;
    }

    footer {
        background-image: url(/bitrix/templates/slavmir/css/../images/footer_mobile_bg.png);
        background-position: right bottom;
    }

    footer .footer_right_col {
        max-width: 290px;
    }

    .index_about_left {
        width: 100%;
        margin-right: 0;
    }

    .index_about_right {
        width: 100%;
        margin-left: 0;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_img {
        float: right;
    }

    /* #music_bar .music_type_list {
        right: 20px;
    } */

    #music_bar .music_left_bar .music_left_bar_list .music_left_bar_item:last-child {
        display: none;
    }

    #music_bar .music_right_settings .music_right_settings_list .right_settings_img:not(:last-child) {
        display: none;
    }

    #music_bar .music_type_list ul li {
        font-size: 16px;
    }
}

@media screen and (max-width: 975px) {
    .index_music .mus_wrap .mus_info .mus_group {
        width: 39%;
    }

    footer .footer_left_col .footer_logo {
        margin-right: 35px;
    }

    footer .footer_left_col .footer_nav_left {
        margin-right: 35px;
    }

    #audio_kompoz .container {
        padding: 0 20px;
    }

    .mus_subs_img {
        width: 30px;
    }
}

@media screen and (max-width: 875px) {
    .opened_video_bar_info .left .time {
        display: none;
    }

    .opened_video_bar_info .left {
        width: 100%;
        max-width: 188px;
    }

    .video_bar_name {
        width: 100%;
        max-width: 85px;
    }

    .tnx_container {
        padding: 0 20px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .comments_body .my_answer .my_comment input {
        width: calc(100% - 60px);
    }

    .comments_body {
        max-width: 455px;
    }

    .discuss .head {
        max-width: 455px;
    }

    .index_music .mus_wrap .mus_info .mus_group {
        width: 36%;
    }

    /*#music_bar.playlist_active .container .right_bar{*/
    /*flex-grow: 0;*/
    /*}*/
    .opened_video_list {
        height: 260px;
    }

    .opened_video_bar_info .right {
        right: -130px;
    }

    .efir_bar .opened_video_list {
        height: 128px;
    }

    .efir_bar .efir_live {
        margin-bottom: 15px;
    }

    .opened_list_item .opened_list_item_img {
        width: 100px;
        height: 55px;
    }

    .opened_video_bar_main .opened_video_bar_main_img {
        /* height: 260px; */
    }

    .audio_item_top .audio_item_bar {
        justify-content: center;
    }

    .audio_item_top .audio_item_author {
        justify-content: center;
    }

    .audio_item_top .audio_item_info {
        float: none;
        max-width: 100%;
        text-align: center;
    }

    .audio_item_top .audio_item_img {
        margin: 0 auto 15px;
        float: none;
    }

    header .container {
        padding: 0 20px;
    }

    .playlist_items {
        padding: 0 20px;
    }

    #audio_kompoz .right_audio_komp {
        max-width: 320px;
    }

    #audio_kompoz .left_audio_komp_box {
        width: calc(100% - 360px);
    }
}

@media screen and (max-width: 800px) {
    .register_popup {
        max-width: calc(100% - 40px);
    }

    .pay_history_box .container {
        padding: 0 45px;
    }

    .sub_info {
        margin-right: 40px;
    }

    .mus_wrap .mus_info .mus_group {
        width: 35%;
    }

    .mus_wrap .mus_info .mus_name {
        width: 30%;
    }

    #audio_kompoz .right_audio_komp {
        float: none;
        max-width: 420px;
        margin: 0 auto 50px;
    }

    #audio_kompoz .left_audio_komp_box {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    /* #music_bar .music_type_list {
        right: 0;
    } */

    .video_bar_name p {
        font-size: 14px;
    }

    .video_bar_name h6 {
        font-size: 14px;
    }

    .video_bar_play {
        margin-right: 50px;
    }

    .opened_video_bar_info .left .time {
        font-size: 10px;
        margin-right: 7px;
    }

    .video_page_list_container {
        padding: 0 20px 0 30px;
    }

    footer .footer_left_col {
        width: 100%;
        float: none;
    }

    footer .footer_left_col .footer_logo {
        margin-right: 75px;
    }

    footer .footer_left_col .footer_nav_left {
        margin-right: 85px;
    }

    footer .footer_left_col .copy {
        text-align: left;
        padding-left: 25px;
    }

    footer .footer_right_col {
        max-width: 100%;
        float: left;
        padding-left: 220px;
        padding-bottom: 40px;
    }

    footer .roskom {
        float: none;
        clear: both;
        max-width: 60%;
        margin: 0 auto;
        max-width: 80%;
        padding-right: 15%;
    }
}

@media screen and (max-width: 767px) {
    header .logo_mobile {
        display: block;
         /* animation: logoMobileShow 0.4s linear forwards;  */
    }

    header .logo_desktop {
        display: none;
    }

    .ajax-list .more, .video_more {
        display: block !important;
        width: 100%;
        max-width: 225px;
        margin: 0 auto 20px auto !important;
    }

    #new_articles {
        padding-bottom: 0;
    }

    #new_articles .new_articles_list .new_article {
        margin-bottom: 15px;
    }

    #new_articles .new_article .new_article_text .article_text p {
        display: inline;
    }

    .tnx_container .close_tnx_popup span {
        font-size: 16px;
    }

    .tnx_container p {
        font-size: 16px;
    }

    .tnx_container h4 {
        font-size: 18px;
    }

    #contacts .interview p {
        margin-bottom: 175px;
    }

    .register_popup .have_reg p {
        font-size: 16px;
    }

    .reg_btn {
        max-width: 225px;
    }

    .register_popup_container .data_info p {
        font-size: 14px;
    }

    .reg_privacy p {
        margin-left: 33px;
        text-align: justify;
        margin-right: 15px;
    }

    .reg_btn button b {
        font-size: 16px;
    }

    .reg_btn.reg_free button {
        padding: 9px 0 11px;
        font-size: 14px;
    }

    .register_popup p.reg_info {
        font-size: 14px;
        line-height: 1.3;
    }

    .tarif_top_list {
        padding-right: 15px;
    }

    #tarifs h2 {
        padding: 0 15px;
        font-size: 32px;
    }

    #new_articles.news .right_col .popular_box .popular_list .pop_item {
        overflow: initial;
        width: 100%;
        margin-right: 0;
    }

    .news_text {
        padding-right: 0;
    }

    .discuss .container {
        padding: 0 20px;
    }

    .comments_body {
        max-width: 100%;
    }

    .discuss .head {
        max-width: 100%;
    }

    .about_text .left_col {
        padding-right: 15px;
    }

    .articles_slider .article_slide .news_box {
        padding-left: 25px;
        padding-right: 25px;
        display: block;
    }

    .daily_video_slider .slick-next {
        right: 15px;
    }

    .right_soc ul li {
        border-bottom: 1px solid #797979;
        border-right: none;
    }

    .right_soc ul a:last-child li {
        border-right: 1px solid #797979;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text .vipusk .vipusk_desc {
        font-size: 15px;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text p {
        text-align: center;
    }

    #our_prog_slider_box .our_prog_slider .our_prog_slide .prog_slide_text {
        margin: 0 auto;
    }

    .our_prog_slider .slick-next {
        right: 15px;
    }

    form.data_info input {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .pay_sys {
        font-size: 16px;
    }

    .history_list .item {
        font-size: 16px;
    }

    #lk_section .subs_ends_container p {
        margin-bottom: 18px;
    }

    #lk_section.alert .subs_ends_container {
        padding-top: 10px;
        padding-bottom: 20px;
    }

    .popular_box .popular_list {
        display: flex;
    }

    .popular_box .popular_list .pop_item {
        width: 100%;
        float: none;
        height: inherit;
        margin-right: 0;
    }

    .news_slider_box .articles_slider .slick-arrow {
        top: 35px;
    }

    .other_tarifs .tarif_top_list {
        padding: 0 15px;
    }

    .article_types_box .art_type_list ul li:not(:last-child):after {
        left: 20px;
        right: 20px;
        width: calc(100% - 40px)
    }

    .articles_slider .slick-arrow {
        width: 20px;
        height: 36px;
        top: 35px;
    }

    .articles_slider .slick-prev {
        left: 15px;
    }

    .articles_slider .slick-next {
        right: 15px;
    }

    .popular_box {
        float: none;
    }

    .article_types_box.mobile {
        max-width: 100%;
        margin-right: 0;
        float: none;
    }

    #contacts .cont_phone {
        margin-bottom: 28px;
    }

    .interview p {
        font-size: 14px;
    }

    #contacts .interview_menu {
        margin-bottom: 25px;
    }

    #about_page_top {
        height: 140px;
    }

    .about_text .klad_mudr .about_img {
        height: 120px;
    }

    .about_text {
        padding-bottom: 25px;
    }

    .interview_menu {
        max-width: 395px;
        margin: 0 auto;
    }

    .interview {
        float: none;
        margin: 0 auto 25px;
        max-width: 305px;
    }

    .tarif_top_list .tarif_top_item {
        margin-bottom: 20px;
    }

    .flip-clock-wrapper {
        float: right;
    }

    .breadcrumbs {
        left: 0 !important;
        width: 100% !important;
        text-align: center !important;
        top: -30px !important;
        max-width: 100% !important;
    }

    #audio_playlist h1 {
        font-size: 32px;
        padding: 10px 0 0 0;
    }

    #article_item .breadcrumbs {
        top: -30px !important;
    }

    .contacts_top .breadcrumbs {
        top: 0 !important;
    }

    #about_page_top .container .breadcrumbs {
        top: -20px !important;
    }

    #audio_page_top h1 {
        font-size: 32px;
    }

    #audio_page_top {
        padding-top: 40px;
    }

    .count_text p b {
        display: block;
    }

    .count_text p {
        text-align: left;
        font-size: 13px;
        width: 185px;
    }

    .article_item_auth {
        padding-right: 0;
        bottom: 10px;
        left: 30px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .article_item_auth img {
        margin-right: 0;
    }

    .index_music .mus_wrap .mus_info .mus_group {
        width: 30%;
    }

    body.fixed_header.mobile_bar_scroll #music_bar_mobile_scroll {
        display: none;
    }

    body.fixed_header.mobile_bar_scroll #music_bar_mobile {
        display: block;
    }

    .contacts_top h1.page_name {
        padding-top: 30px;
        font-size: 32px;
        max-width: 400px;
        margin-bottom: 0;
    }

    #about_page_top {
        padding-bottom: 40px;
    }

    #about_page_top h1 {
        padding-top: 0px;
        font-size: 32px;
        padding-bottom: 20px;
    }

    .news_item_info .article_item_info .left_col p.news_item_date {
        font-size: 14px;
        margin-bottom: 10px;
    }

    #news_item h1 {
        font-size: 24px;
        padding: 0 25px;
    }

    .articles_slider .article_slide {
        padding-bottom: 10px;
    }

    .related_art_box .art_descr {
        max-width: 100%;
    }

    .articles_slider .article_slide .related_art_box {
        padding-left: 25px;
        padding-right: 25px;
        display: block;
    }

    .related_art_box .rel_art_item {
        max-width: 285px;
        margin: 0 auto 35px;
        display: block;
        float: none;
    }

    .news_slider_box .news_box .news_item {
        max-width: 285px;
        margin: 0 auto 35px;
        display: block;
        float: none;
    }

    .video_page_list_container h3 {
        font-size: 32px;
    }

    .daily_video_slider .daily_video_item .only_subs img {
        width: 30px;
    }

    .daily_video_slider .daily_video_item .only_subs {
        right: 20px;
    }

    .daily_video_slider .daily_video_item .only_subs span {
        font-size: 10px;
    }

    .daily_video_slider .daily_video_item .play_video_btn {
        width: 100px;
        height: 100px;
    }

    .daily_video_slider .daily_video_item .play_video_btn img {
        max-width: 100%;
    }

    .daily_video_slider {
        height: 255px;
        margin-bottom: 30px;
    }

    .cont_email:after {
        top: -2px;
    }

    .cont_phone:after {
        top: -5px;
    }

    .article_item_info .left_col .art_item_top {
        width: 100%;
    }

    .breadcrumbs {
        left: 0;
    }

    #new_articles .new_articles_list .new_article {
        overflow: hidden;
    }

    #prog_item_top .breadcrumbs {
        top: 20px !important;
    }

    #video_page .breadcrumbs {
        top: -20px !important;
    }

    #our_prog_list ul li:not(:last-child) {
        margin-right: 5px;
    }

    #our_prog_list_box #our_prog_list ul li {
        font-size: 16px;
    }

    #our_prog_list_box #our_prog_list {
        padding-left: 0;
    }

    .right_soc ul li .soc_img {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: bottom;
    }

    .right_soc ul li .numb {
        font-size: 12px;
    }

    .right_soc ul li {
        padding: 5px 10px;
    }

    body .right_soc {
        display: block;
        right: initial !important;
        top: initial !important;
        bottom: 0px !important;
        position: fixed;
        left: 0;
        width: 100%;
    }

    body .right_soc ul a {
        width: calc(100% / 3);
        /* width: 33%; */ /*25%;*/
        display: inline-block;
        float: left;
    }

    body.pay_notice #music_bar_mobile_scroll {
        top: 60px;
    }

    .subs_container .license {
        font-size: 11px;
    }

    .subs_container .top_img {
        max-width: 70px;
    }

    .subs_container {
        padding: 20px 20px 20px 25px;
    }

    .subs_container h4 {
        font-size: 18px;
    }

    .subs_container .subscribe b {
        font-size: 20px;
    }

    .subs_container .subscribe {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .subs_container p.main_text {
        font-size: 14px;
    }

    .subs_container h3 {
        font-size: 18px;
    }

    #releases .container .rel_right .rel_auth_desc {
        max-width: 100%;
        float: none;
    }

    #releases .container .rel_right .rel_all_prog {
        float: none;
        max-width: 100%;
    }

    #music_bar {
        display: none !important;
    }

    #audio_playlist {
        padding-top: 40px;
    }

    #audio_playlist .breadcrumbs {
        top: -20px !important;
    }

    #audio_item {
        padding-top: 40px;
    }

    #audio_item .breadcrumbs {
        top: -20px !important;
    }

    #audio_item h1 {
        padding: 10px 0 0 0;
    }

    #opros_page {
        padding-top: 50px;
    }

    #news_item {
        padding-top: 50px;
    }

    .contacts_top {
        padding-top: 20px;
        padding-bottom: 71px;
    }

    #tarifs {
        padding-top: 40px;
    }

    #tarifs .breadcrumbs {
        top: -20px !important;
    }

    #tarifs h1 {
        padding: 10px 0;
    }

    #video_page {
        padding-top: 40px;
        padding-bottom: 15px;
    }

    #about_page_top {
        padding-top: 40px;
    }

    #prog_item_top {
        padding-top: 0px;
    }

    #our_prog_top {
        padding-top: 50px;
    }

    #audio_page_top .breadcrumbs {
        top: -20px !important;
    }

    #audio_page_top h1 {
        padding-top: 0;
    }

    #lk_section {
        padding-top: 50px;
        padding-bottom: 200px;
    }

    form.data_info.main_lk_form input[type="tel"] {
        margin-bottom: 10px;
    }

    #audio_item .container {
        padding: 0 15px;
    }

    #article_item .right_soc {
        top: 45px;
    }

    .article_item_auth span {
        font-size: 13px;
        margin-left: 10px;
        padding-bottom: 20px;
    }

    .article_item_auth img {
        width: 52px;
        height: 52px;
    }

    #music_bar_mobile .mus_wrap:hover .mus_info .mus_bar .list_img {
        margin-right: 7px;
    }

    #music_bar_mobile .mus_wrap:hover .mus_info .mus_bar .download {
        margin-right: 0;
    }

    #music_bar_mobile .mus_wrap:hover .mus_info .mus_bar .likes {
        margin-right: 7px;
    }

    #music_bar_mobile .next_on_radio .mus_wrap:hover .mus_bar {
        display: block;
    }

    #music_bar_mobile .mus_wrap:hover .mus_info .mus_time {
        display: none;
    }

    #music_bar_mobile .mus_wrap .mus_info .mus_time {
        max-width: 33%;
        width: 100%;
        text-align: right;
    }

    #music_bar_mobile .mus_wrap .mus_info .mus_name {
        max-width: 30%;
        font-size: 12.66px;
    }

    #music_bar_mobile .mus_wrap .mus_info .mus_group {
        font-size: 10.13px;
    }

    #music_bar_mobile .mus_wrap .mus_info .mus_group {
        max-width: 30%;
    }

    #music_bar_mobile .next_on_radio .mus_wrap {
        padding-left: 10px;
    }

    #music_bar_mobile .next_on_radio {
        width: 100%;
        display: none;
    }

    #music_bar_mobile.menu_active .next_on_radio {
        display: block;
        clear: both;
        padding-top: 15px;
    }

    #music_bar_mobile .next_on_radio p {
        font-family: 'PT Sans';
        font-size: 18.9px;
        padding-left: 10px;
    }

    #music_bar_mobile .next_on_radio .mus_list {
        width: 100%;
    }

    #music_bar_mobile .next_on_radio .mus_bar {
        display: none;
    }

    #music_bar_mobile.efir_bar_active .container {
        display: block;
        padding: 0 15px;
    }

    .video_mobile {
        display: none;
    }

    #music_bar_mobile.efir_bar_active .music_menu {
        float: right;
        margin-right: 0;
    }

    #music_bar_mobile.efir_bar_active .music_played {
        display: none;
    }

    #music_bar_mobile.efir_bar_active .video_mobile {
        display: none;
    }

    #music_bar_mobile.efir_bar_active .music_info {
        display: none;
    }

    #music_bar_mobile.efir_bar_active .efir_mobile {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        max-width: calc(100% - 60px);
        cursor: pointer;
    }

    #music_bar_mobile.efir_bar_active .efir_mobile:after {
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        width: 84px;
        height: 84px;
        background-image: url(/bitrix/templates/slavmir/css/../images/opened_video_play.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #music_bar_mobile.efir_bar_active .efir_mobile .main_img {
        position: relative;
        height: 265px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #music_bar_mobile.efir_bar_active .efir_mobile .full {
        position: absolute;
        right: -66px;
        bottom: 0;
        width: 31px;
        height: 25px;
        background-image: url(/bitrix/templates/slavmir/css/../images/video_full_page.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    }

    #music_bar_mobile.video_bar_active .container {
        display: block;
        padding: 0 15px;
    }

    .video_mobile {
        display: none;
    }

    #music_bar_mobile.video_bar_active .music_menu {
        float: right;
        margin-right: 0;
    }

    #music_bar_mobile.video_bar_active .music_played {
        display: none;
    }

    #music_bar_mobile.video_bar_active .music_info {
        display: none;
    }

    #music_bar_mobile.video_bar_active .video_mobile {
        display: block;
        position: relative;
        float: left;
        width: 100%;
        max-width: calc(105%);
        cursor: pointer;
    }

    #music_bar_mobile.video_bar_active .video_mobile:after {
        position: absolute;
        content: '';
        left: 50%;
        top: 50%;
        width: 84px;
        height: 84px;
        background-image: url(/bitrix/templates/slavmir/css/../images/opened_video_play.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #music_bar_mobile.video_bar_active .video_mobile .main_img {
        position: relative;
        height: 265px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    #music_bar_mobile.video_bar_active .video_mobile .main_img .time {
        display: inline-block;
        position: absolute;
        right: 0;
        padding: 2px 6px;
        bottom: 0;
        font-size: 17px;
        color: #fff;
        background-color: rgba(0, 0, 0, .5);
    }

    #music_bar_mobile.video_bar_active .video_mobile .full {
        position: absolute;
        right: -66px;
        bottom: 0;
        width: 31px;
        height: 25px;
        background-image: url(/bitrix/templates/slavmir/css/../images/video_full_page.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        cursor: pointer;
    }

    .efir_mobile {
        display: none;
    }

    #music_bar.opened_video .opened_video_bar {
        display: none;
    }

    .music_right_settings_list {
        display: none;
    }

    body #music_bar_mobile_scroll.menu {
        display: flex;
        top: 415px;
    }

    body #music_bar_mobile_scroll.menu.noauth {
        display: flex;
        top: 356px;
    }

    body.fixed_header #music_bar_mobile_scroll {
        display: flex;
    }

    body.fixed_header #music_bar_mobile {
        display: none;
    }

    body.fixed_header #music_bar_mobile.menu_active {
        display: block;
    }

    body.pay_notice header .mobile_menu {
        top: 60px;
    }

    header .mobile_menu {
        top: 60px;
    }

    body.pay_notice #music_bar .music_type_list {
        display: none;
    }

    #articles {
        padding-top: 40px;
    }

    #articles .breadcrumbs {
        top: -20px !important;
    }

    #articles h1 {
        padding: 10px 0 0;
    }

    .article_item_info .right_col {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .article_item_info .left_col {
        padding-top: 20px;
        padding-right: 20px;
    }

    #article_item .article_item_bg .article_item_auth span {
        font-size: 12px;
    }

    #article_item .article_item_bg .article_item_auth img {
        width: 60px;
        height: 60px;
    }

    #article_item .article_item_bg .articles_name {
        font-size: 38px;
        margin-bottom: 41px;
    }

    .article_item_info .left_col h5.art_item_bottom {
        font-size: 18px;
    }

    .article_item_info .left_col h4 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .article_item_info .left_col .article_item_img_box img {
        max-width: 100%;
    }

    .article_item_info .left_col .article_item_img_box {
        max-width: 150px;
        margin-right: 15px;
    }

    .article_item_info .left_col p {
        font-size: 14px;
    }

    .article_item_info .left_col .art_item_top {
        font-size: 18px;
        margin-bottom: 120px;
    }

    #article_item {
        padding-top: 50px;
    }

    .article_types_box .art_type_list ul li .sub_type ul li a {
        font-size: 18px;
    }

    .article_types_box .art_type_list ul li {
        font-size: 18px;
        padding-bottom: 6px;
        padding-left: 20px;
        padding-right: 20px;
    }

    #new_articles .new_article .new_article_text .article_text {
        font-size: 14px;
    }

    #new_articles .new_article .new_article_text .article_name {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .related_art_box .rel_art_item .name {
        font-size: 24px;
        left: 0;
        width: 100%;
        text-align: center;
        top: 50%;
        padding-right: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #contacts .write_us h4 {
        font-size: 24px;
        margin-bottom: 70px;
    }

    #contacts .contacts_info {
        margin-bottom: 25px;
    }

    #contacts .contacts_info p {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .articles_slider .article_slide h2 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    #articles .news_slider_box .related_art_box .rel_art_item {
        padding-right: 20px;
    }

    .popular_box h5 {
        text-align: center;
    }

    .sub_benefit {
        padding: 0 10px 0 20px;
    }

    .sub_benefit p {
        font-size: 16px;
        line-height: 1.2;
    }

    h1.page_name {
        font-size: 32px;
        margin-bottom: 25px;
    }

    .daily_video_container h2 {
        font-size: 32px;
    }

    .about_text .klad_mudr h4 {
        font-size: 26px;
    }

    .about_text .klad_mudr {
        padding-top: 25px;
    }

    .about_text p {
        font-size: 14px;
        line-height: 1.2;
    }

    .about_text h5 {
        font-size: 18px;
    }

    .about_text .about_top_text h5 {
        font-size: 18px;
    }

    footer .roskom:after {
        left: -60px;
    }

    footer .roskom {
        max-width: calc(100% - 60px);
        left: 60px;
        padding-right: 0;
        margin-left: 0;
    }

    #music_bar_mobile .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    #music_bar_mobile .music_played {
        margin-left: 50px;
        position: relative;
        z-index: 99;
        border-radius: 50%;
        width: 68px;
        height: 68px;
        -webkit-box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 10px 17px 0px rgba(0, 0, 0, 0.15);
    }

    #music_bar_mobile .music_menu {
        margin-right: 15px;
        padding: 15px 0;
    }

    #music_bar_mobile.menu_active .music_menu .music_bar_list_img {
        background-size: contain;
        background-image: url(/bitrix/templates/slavmir/css/../images/mobile_bar_active.png);
        background-position: center;
        width: 27px;
        height: 4px;
    }

    #music_bar_mobile.menu_active .music_right_settings_list {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: flex-end;
        padding: 0 20px;
    }

    #music_bar_mobile.efir_bar_active.menu_active .music_right_settings_list {
        display: none;
    }

    #music_bar_mobile.efir_bar_active.menu_active .next_on_radio .mus_wrap {
        padding-left: 0;
    }

    #music_bar_mobile.efir_bar_active.menu_active .next_on_radio p {
        padding-left: 0;
    }

    #music_bar_mobile .music_right_settings_list.loudness_music_active .loudness_bar {
        display: block;
    }

    #music_bar_mobile.menu_active .music_right_settings_list .right_settings_img.cross_music {
        margin-right: 17px;
    }

    #music_bar_mobile.menu_active .music_right_settings_list .right_settings_img.loop_music {
        margin-right: 17px;
    }

    #music_bar_mobile .music_bg img {
        max-width: 100%;
    }

    #music_bar_mobile .music_bg {
        width: 56px;
        position: absolute;
        height: 56px;
        left: 6px;
        top: 6px;
        z-index: 0;
    }

    #prog_item_info .container h1 {
        font-size: 48px;
        padding: 0 55px;
    }

    #prog_item_info .container p {
        padding: 0 55px;
    }

    #releases .container .rel_left ul {
        text-align: center;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text h2 {
        font-size: 31px;
        text-align: center;
        margin-bottom: 12px;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text p {
        font-size: 11px;
    }

    .sub_info {
        float: none;
        width: 100%;
        text-align: center;
        max-width: 225px;
        margin: 0 auto;
    }

    .sub_tarifs {
        float: none;
        margin: 0 auto;
        text-align: center;
        padding-top: 25px;
    }

    .sub_tarifs .change_tarif {
        margin: 0 auto 15px;
    }

    .own_balance_box {
        float: none;
        text-align: center;
        padding-top: 25px;
    }

    .own_balance_box .add_balance {
        margin: 0 auto 13px;
    }

    #lk_section.alert:after {
        height: 150px;
        bottom: 30px;
        background-size: initial;
    }

    #lk_section .container {
        margin-bottom: 25px;
        padding: 0 15px;
    }

    #lk_section .subs_ends_container p {
        float: none;
        width: 100%;
        text-align: left;
        max-width: 100%;
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 1.2;
        margin: -5px auto;
    }

    #lk_section .subs_add_pay {
        position: initial;
    }

    #lk_section .change_pass {
        float: none;
        text-align: center;
    }

    #lk_section form.main_lk_form {
        float: none;
        margin: 25px auto 0;
    }

    #lk_section .lk_img_container {
        float: none;
        width: 100%;
        text-align: center;
    }

    #lk_section .photo_exist .lk_user_photo {
        margin: 0 auto 15px;
    }

    #new_articles .container {
        padding: 0 25px;
    }

    #music_bar_mobile .music_name {
        font-size: 15px;
    }

    #music_bar_mobile .music_group {
        font-size: 12px;
    }

    #music_bar_mobile .played_item_time {
        font-size: 10px;
    }

    .popular_box {
        max-width: 100%;
    }

    #our_prog_list_box .tab_container ul li {
        margin-right: 0;
        margin-bottom: 30px;
    }

    #our_prog_slider_box .our_prog_slider .our_prog_slide {
        padding: 60px 55px 50px 55px;
    }

    body.pay_notice {
        padding-top: 247px;
    }

    #contacts .left_col {
        padding-top: 10px;
        padding-right: 0;
    }

    #audio_page_top .tab_container ul li:nth-child(4) {
        display: none;
    }

    #audio_page_top .tab_container ul li {
        width: calc(25% - 16px);
    }

    .daily_video_container h2 {
        text-align: center;
        padding: 10px 0;
    }

    body.pay_notice .breadcrumbs {
        top: -30px !important;
        width: 100%;
        text-align: center;
    }

    body.pay_notice .breadcrumbs {
        top: -30px !important;
        left: 50% !important;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    body.pay_notice.fixed_header #music_bar_mobile {
        top: 97px;
    }

    body.pay_notice #music_bar_mobile {
        top: 145px;
        padding: 15px 0 20px;
    }

    #music_bar_mobile .music_played {
        box-shadow: none;
    }

    #music_bar_mobile .music_control .next_song {
        right: -35px;
    }

    #music_bar_mobile .music_control .prev_song {
        left: -35px;
    }

    #music_bar_mobile .prog_bar {
        width: 68px;
        height: 68px;
        left: 0px;
        top: 0px;
    }

    #music_bar_mobile .music_status {
        background-image: url(/bitrix/templates/slavmir/css/../images/play.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 22px;
        height: 28px;
        cursor: pointer;
        position: absolute;
        left: 55%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    #music_bar_mobile .music_info {
        float: left;
        flex-grow: 2;
        width: 200px;
        padding-right: 20px;
        padding-left: 40px;
    }

    #music_bar_mobile .music_status.active {
        left: 50%;
        background-image: url(/bitrix/templates/slavmir/css/../images/paused.png);
    }

    body.fixed_header header {
        height: 60px;
    }

    #music_bar_mobile {
        display: block;
        position: fixed;
        width: 100%;
        top: 98px;
        left: 0;
        z-index: 999;
        background-color: #fff;
        padding: 15px 0 20px;
        /*height: 100px;*/
    }

    body.pay_notice .remember_toPay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        padding: 10px 0;
        height: 48px;
    }

    body.pay_notice header {
        top: 48px;
    }

    body.pay_notice #music_bar .music_type_list {
        top: 86px;
    }

    #music_bar {
        display: none;
    }

    .music_type_list {
        box-shadow: none;
    }

    body.fixed_header {
        padding-top: 95px;
    }

    header .header_bar {
        display: none;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 51px;
        
        z-index: 9999;
    }

    header .frost
    {
        padding-top: 5px;
    }

    header .header_top_menu .burger {
        right: 0;
        left: inherit;
        top: 16px;
        padding: 0 15px;
    }

    header .container {
        padding: 0 10px;
    }

    body.pay_notice.fixed_header .music_type_list {
        top: 60px;
    }

    body.pay_notice .music_type_list {
        top: 108px;
    }

    .music_type_list {
        position: fixed;
        top: 60px;
        height: 33px;
        width: 100%;
        left: 0;
        z-index: 9999;
        border-radius: 0;
        background-color: #ededed;
        padding: 0;
    }

    .music_type_list ul li {
        display: inline-block;
        float: left;
        border-radius: 0;
        width: 50%;
        padding: 8px 0 9px;
        text-align: center;
        font-family: 'PT Sans';
        font-size: 21.36px;
        background-color: #EDEDED;
        color: #f47b22;
        cursor: pointer;
    }

    .music_type_list ul li.active {
        border-radius: 0;
        background-color: #fff;
        color: #f47b22;
        font-style: italic;
    }

    .music_played_desktop {
        display: none;
    }

    .music_played_mobile {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        padding-top: 5px;
    }

    .prog_bar svg {
        width: 68px;
        height: 68px;
    }

    #index_content {
        padding-top: 0;
    }

    #index_content .index_video {
        padding: 0;
    }

    #index_content .index_video h2 {
        background-color: #ededed;
        margin-bottom: 0;
        padding: 2px 0 3px 15px;
    }

    #index_content .index_music {
        padding: 0 12px;
        margin-bottom: 20px;
    }

    #index_content .index_prog {
        padding: 0;
    }

    #index_content .index_prog .index_prog_header {
        padding-left: 15px;
    }

    #index_content .index_news {
        padding: 0 15px;
    }

    #index_content .index_news {
        margin-bottom: 0;
    }

    #index_content .index_articles {
        padding: 15px;
        overflow: hidden;
        background-color: #ededed;
        margin-bottom: 0;
    }

    #index_content .index_about .container {
        padding: 0 20px;
    }

    footer .mobile_copy {
        text-align: right;
        margin: 30px 0 0;
    }

    #index_content .index_prog .index_prog_container ul a li {
        height: 110px;
    }

    #index_content .index_prog .index_prog_container ul a li .prog_name_container .prog_name {
        font-size: 14px;
    }

    footer .container {
        padding: 0 35px 0 30px;
    }
}

@media screen and (max-width: 710px) {
    #releases .container .rel_left .rel_list .rel_item {
        display: block;
        margin: 0 auto 20px;
    }

    .index_music .mus_wrap .mus_info .mus_name {
        width: 30%;
    }

    #audio_page_top .tab_container ul li .audioP_descr .mobile_subs {
        display: inline-block;
        width: 35px;
        height: 35px;
        background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        vertical-align: text-top;
        margin-top: -9px;
    }

    #audio_page_top .audio_page_header .radio_efir {
        width: 100%;
        float: none;
    }

    #audio_page_top .audio_page_header .radio_efir a {
        font-size: 22px;
        margin-top: 20px;
    }

    /* #audio_page_top .audio_page_header .tabs ul li{
        font-size: 22px;
    } */
    #audio_page_top .container {
        padding: 0 25px;
    }

    #audio_page_top .tab_container ul {
        flex-wrap: wrap;
    }

    /* #audio_page_top .tab_container ul li .audioP_descr{
        font-size: 13px;
    } */
    #audio_page_top .tab_container ul li .audioP_name {
        font-size: 18px;
    }

    #audio_page_top .tab_container ul li .audioP_top_img {
        width: 52px;
        float: left;
        margin-right: 18px;
    }

    #audio_page_top .tab_container ul li {
        width: 100%;
    }
}

@media screen and (max-width: 590px) {
    .tarif_top_list {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .mus_wrap .mus_info .mus_group {
        width: 30%;
    }

    .index_music .mus_wrap .mus_info .mus_name {
        width: 27%;
    }

    .playlist_box {
        margin-right: 0;
    }

    #audio_page_top .tab_container.active {
        margin-top: 20px;
    }

    #audio_page_top .tab_container ul li:nth-child(5) {
        display: none;
    }

    #audio_page_top .tab_container ul li:nth-child(4) {
        display: none;
    }

    #audio_page_top {
        padding-bottom: 60px;
    }

    #audio_page_top .tab_container ul li .audio_top {
        display: none;
    }

    #audio_page_top h1 {
        margin-bottom: 30px;
    }

    .index_news_list .index_news_item .index_news_img img {
        width: 52px;
        height: 52px;
    }

    .right_soc ul li {
        padding: 5px 5px;
    }

    .news_box .news_item .text {
        padding: 0 0 0 20px;
    }

    .news_slider_box .news_box .news_item .name {
        padding-left: 20px;
    }

    .news_slider_box .news_box .news_item .item_date {
        padding-left: 20px;
    }

    .articles_slider .article_slide .news_box {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }

    .news_slider_box .news_box .news_item {
        padding-right: 20px;
    }

    .news_slider_box .news_box .art_descr {
        margin-left: 0;
        padding-right: 20px;
    }

    #music_bar_mobile.efir_bar_active .efir_mobile .full {
        right: -45px;
    }

    #music_bar_mobile.efir_bar_active .efir_mobile {
        max-width: calc(100% - 40px);
    }

    #music_bar_mobile.efir_bar_active .efir_mobile .main_img {
        height: 165px;
    }

    #music_bar_mobile.video_bar_active .video_mobile .full {
        right: -45px;
    }


    #music_bar_mobile.video_bar_active .video_mobile {
        max-width: calc(100% - 40px);
    }

    #music_bar_mobile.video_bar_active .video_mobile .main_img {
        height: 165px;
    }

    .index_mus_info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .index_mus_info .index_music_group {
        padding-top: 0;
        font-size: 9.92px;
    }

    .index_mus_info .index_music_name {
        font-size: 12.39px;
    }

    #audio_item_text .container .right_col .what_you_think .cur_user_info form input {
        font-size: 22px;
    }

    #audio_item h1 {
        margin-bottom: 35px;
    }

    #audio_item_text .container .left_col .tab_container p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    #audio_item_text_tabs {
        margin-bottom: 30px;
    }

    #audio_item_text {
        padding: 20px 0 40px;
    }

    #audio_item_text .container .left_col .tab_container h3 {
        font-size: 28px;
    }

    .audio_item_top .audio_item_img {
        margin: 0 auto 15px;
    }

    .audio_item_top .audio_item_info h2 {
        font-size: 32px;
    }

    #article_item .article_item_bg:before {
        top: 100px;
    }

    .article_item_info .left_col .article_item_img_box p {
        margin-bottom: 15px;
    }

    .article_img_text {
        float: none;
        max-width: 100%;
    }

    .news_page_list .news_page_item .news_img {
        width: 120px;
        height: 120px;
    }

    .news_page_list .news_page_item .news_text .text {
        font-size: 14px;
    }

    footer .mobile_copy {
        display: block;
        margin-top: 45px;
    }

    .news_page_list .news_page_item .news_img {
        float: none;
        margin: 0 auto 20px;
    }

    .news_page_list .news_page_item .news_text {
        max-width: 100%;
    }

    #index_content .index_about h3 {
        font-size: 33px;
        text-align: left;
    }

    #index_content .index_about {
        padding: 30px 0 35px;
    }

    .index_articles_list .index_articles_item .article_img img {
        width: 84px;
        height: 84px;
    }

    #index_content .index_articles .index_articles_list .index_articles_item .article_img:after {
        left: -24px;
        bottom: -21px;
        background-image: url(/bitrix/templates/slavmir/css/../images/music_played_after.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 83px;
        height: 46px;
    }

    #index_content .index_articles .index_articles_list .index_articles_item .article_img:before {
        right: -23px;
        top: -23px;
        background-image: url(/bitrix/templates/slavmir/css/../images/music_played_before.png);
        background-repeat: no-repeat;
        background-size: cover;
        width: 83px;
        height: 46px;
    }

    #index_content .index_articles .index_articles_list .index_articles_item .article_text article a.read {
        font-size: 10px;
    }

    #index_content .index_articles .index_articles_list .index_articles_item .article_text article {
        font-size: 10px;
        line-height: 1.2;
    }

    #index_content .index_articles .index_articles_list .index_articles_item .article_text h3.art_name {
        font-size: 24px;
    }

    #index_content .index_articles .index_articles_list .index_articles_item .article_text {
        max-width: calc(100% - 84px);
        padding-right: 5px;
    }

    #index_content .index_articles h2 {
        padding-left: 0;
        margin-bottom: 14px;
    }

    #index_content .index_video {
        margin-bottom: 30px;
    }

    #index_content .index_prog .index_prog_header .index_prog_tabs {
        padding-top: 0;
    }

    .index_music_container {
        padding-top: 20px;
        clear: both;
    }

    #index_content .index_music .index_music_header .index_music_tabs {
        float: right;
        padding-top: 0;
        padding-right: 15px;
    }

    #index_content .index_music .index_music_header .index_music_tabs ul li {
        font-size: 12.59px;
        text-transform: capitalize;
    }

    #index_content .index_music .index_music_header .index_music_tabs ul li span.mobile {
        display: none;
    }

    #index_content h2 {
        font-size: 18px;
    }

    #index_content .index_music .index_music_header h2 {
        padding-left: 0;
        margin-right: 0;
    }

    #index_content .index_prog {
        margin-bottom: 19px;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_img {
        width: 52px;
        height: 52px;
        margin-top: -11px;
        border-radius: 50%;
    }

    #index_content .index_news .index_news_list .index_news_item {
        display: block;
    }

    #index_content .index_prog .index_prog_container a.index_prog_item .prog_name_container .prog_desc {
        font-size: 13px;
        line-height: 1.2;
    }

    #index_content .index_prog .index_prog_container a.index_prog_item .prog_name_container .prog_name {
        font-size: 15px;
    }

    #index_content .index_prog .index_prog_container a.index_prog_item .prog_name_container {
        top: 10px;
    }

    #index_content .index_prog .index_prog_container a {
        height: 110px;
    }

    #index_content .index_articles .index_articles_list {
        padding-left: 0;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_date {
        font-size: 11px;
        width: 100%;
        float: none;
        display: block;
        text-align: left;
    }

    #index_content .index_news h2 {
        padding-left: 0;
    }

    .index_news_list {
        padding-left: 0;
    }

    .opros_welcome {
        display: none;
    }

    #article_item .article_item_bg .article_item_auth {
        right: initial;
        left: 15px;
        bottom: 15px;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    #article_item .article_item_bg .articles_name {
        margin-bottom: 31px;
        font-size: 32px;
    }

    #article_item .article_item_bg h1 {
        padding: 0 55px;
        font-size: 32px;
    }

    #new_articles .new_article .new_article_text {
        max-width: 100%;
        float: none;
    }

    #new_articles .new_article .new_article_img {
        display: none;
    }

    .articles_slider .article_slide .related_art_box {
        padding-left: 25px;
    }

    #our_prog_list_box #our_prog_list ul li {
        margin-bottom: 10px;
    }

    .breadcrumbs ul li a {
        font-size: 14px;
    }

    #index_content .index_articles .index_articles_list .index_articles_item .article_img {
        padding: 0;
        width: 84px;
        height: 84px;
    }

    #index_content .index_news .index_news_list .index_news_item .index_news_desc {
        width: calc(100% - 52px);
        float: left;
        max-width: 100%;
        margin-right: 0;
        padding-right: 10px;
        font-size: 11px;
        line-height: 1.2;
    }

    footer .footer_left_col .footer_logo {
        margin-right: 0;
        width: 100%;
        text-align: center;
    }

    footer .footer_left_col .footer_nav_left {
        width: 50%;
        margin-right: 0;
    }

    footer .footer_left_col .footer_nav_right {
        margin-right: 0;
        margin-left: 0;
        width: 50%;
    }

    footer .footer_left_col .copy {
        display: none;
    }

    footer .container {
        padding: 0 15px;
    }

    footer .footer_left_col {
        margin-bottom: 40px;
    }

    footer .footer_right_col {
        max-width: 100%;
        padding-left: 0;
        padding-bottom: 20px;
    }

    #audio_page_top .audio_page_header .tabs ul li {
        display: inline-block;
        margin-bottom: 6px;
        font-size: 18px;
    }

    footer .roskom {
        left: 0;
        max-width: 100%;
        padding-top: 0;
    }

    footer .roskom:after {
        left: 0;
        top: calc(100% + 25px);
    }
}

@media screen and (max-width: 515px) {
    .comments_body .answer.sub {
        padding-left: 20px;
    }

    .comments_body .answer .answer_text:before {
        left: 11px;
        top: -7px;
        border-style: solid;
        border-width: 0 10px 10px 11px;
        border-color: transparent transparent #fff transparent;
        transform: translateY(0);
    }

    .comments_body .answer .answer_text {
        width: 100%;
    }

    .comments_body .answer .img_box {
        float: none;
    }

    .comments_body .my_answer .my_comment input {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .comments_body .my_answer .my_img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .comments_body .my_answer .my_comment {
        max-width: 100%;
        flex-direction: column;
    }

    .comments_body .my_answer {
        flex-direction: column;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text h2 {
        padding: 0 25px;
    }

    .pay_history_box .container {
        padding: 0 15px;
    }

    /*.mus_subs_img {*/
        /*display: none;*/
    /*}*/
}

@media screen and (max-width: 480px) {
    .article_item_info .left_col p img {
        width: 100%;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
    }

    #new_articles #new_art_tabs ul li:not(:last-child) {
        margin-right: 15px;
    }

    #new_articles #new_art_tabs ul li {
        font-size: 20px;
    }

    #index_content .index_prog .index_prog_header {
        padding: 0 12px;
    }

    #index_content .index_music .index_music_header .index_music_tabs {
        padding-right: 0;
    }

    .index_prog_header h2 {
        margin-bottom: 25px;
        margin-right: 0;
    }

    #prog {
        float: right;
    }

    #prog ul li {
        font-size: 12.59px;
    }

    body .right_soc {
        bottom: -14px !important;
    }

    #our_prog_list_box .our_prog_list_container .prog_item {
        margin-bottom: 25px;
    }

    #our_prog_list_box #our_prog_list {
        margin-bottom: 15px;
    }

    .our_prog_slider .slick-arrow {
        top: 55px;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text .vipusk .vipusk_desc {
        margin-right: 10px;
    }

    #our_prog_slider_box .our_prog_slider .prog_slide_text .vipusk a {
        display: block;
        width: 135px;
        margin: 35px auto 0;
    }

    #our_prog_slider_box .our_prog_slider .our_prog_slide {
        padding: 20px 25px 50px 25px;
    }

    #lk_section .change_pass a {
        font-size: 14px;
    }

    .pay_history_box {
        padding: 20px 0 40px;
    }

    .pay_sys {
        font-size: 11px;
    }

    .history_list .item {
        font-size: 11px;
    }

    .own_balance_box .add_balance {
        margin: 0;
        margin-bottom: 13px;
    }

    .own_balance_box {
        text-align: left;
    }

    .sub_tarifs .change_tarif {
        margin: 0;
        margin-bottom: 15px;
    }

    .sub_tarifs {
        text-align: left;
    }

    .sub_info {
        margin: 0;
        text-align: left;
    }

    .pay_history_box h3 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .current_subs {
        padding: 25px 15px;
    }

    #lk_section.alert .subs_ends_container {
        padding: 25px 25px 15px;
    }

    #lk_section .subs_ends_container p {
        max-width: 255px;
    }

    #lk_section.alert:after {
        bottom: 50px;
    }

    .news_item_info .article_item_info .right_col {
        padding-bottom: 10px;
    }

    .interview_menu {
        padding-left: 40px;
    }

    .interview_menu ul li:not(:last-child) {
        margin-bottom: 30px;
    }

    .interview_menu ul li a {
        font-size: 19px;
    }

    .count_text {
        display: flex;
    }

    .count_text p {
        margin-right: 5px;
        padding-top: 10px;
        margin-right: 2px;
    }

    .flip-clock-divider.minutes .flip-clock-label {
        right: -34px;
    }

    .flip-clock-divider.days .flip-clock-label {
        right: -36px;
    }

    .flip-clock-divider.hours .flip-clock-label {
        right: -40px;
    }

    .flip-clock-divider .flip-clock-label {
        top: 30px;
    }

    .count_down_box {
        height: 49px;
    }

    .flip-clock-wrapper ul li a div div.inn {
        font-size: 28px;
    }

    .flip-clock-divider .flip-clock-label {
        font-size: 10px;
    }

    .flip-clock-divider {
        width: 5px;
    }

    .flip-clock-wrapper ul li {
        line-height: 28px;
    }

    .flip-clock-wrapper ul {
        width: 18px;
        height: 28px;
    }

    .mus_wrap .mus_info .mus_time {
        width: 30px;
    }

    .mus_wrap .mus_info .mus_bar .download {
        margin-right: 0;
    }

    .mus_wrap .mus_info .mus_bar .likes {
        margin-right: 3px;
    }

    .mus_wrap .mus_info .mus_bar .list_img {
        margin-right: 3px;
    }

    .news_page_list .news_page_item {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .news_page_list .news_page_item .news_text .name {
        margin-bottom: 5px;
    }

    .index_mus_info .index_music_name, .index_music_container .item .index_mus_info .index_music_name {
        line-height: 1;
        font-size: 12px;
    }

    #music_bar_mobile .music_info {
        width: 175px;
        padding-left: 40px;
    }

    #contacts .write_us {
        padding-bottom: 100px;
    }

    .popular_box .popular_list .pop_item {
        margin: 0 auto 14px;
    }

    .popular_list .pop_item .pop_info .pop_text {
        font-size: 14px;
    }

    .popular_list .pop_item .pop_info .pop_name {
        font-size: 16px;
    }

    .news_page_list .news_page_item .news_text .name {
        font-size: 26px;
    }

    .related_art_box .art_descr p {
        font-size: 18px;
    }

    #articles .news_slider_box .related_art_box .art_descr {
        margin-left: 0;
    }

    #articles .news_slider_box .related_art_box .rel_art_item .name {
        padding-left: 15px;
        font-size: 24px;
    }

    .breadcrumbs ul li {
        margin-bottom: 5px;
    }

    #audio_playlist .audio_item_top {
        padding: 0 15px;
    }

    #audio_item_text .container .right_col .what_you_think {
        padding: 35px 30px 30px 15px;
    }

    .audio_item_top .audio_item_info {
        text-align: left;
    }

    .audio_item_top .audio_item_img {
        margin: 0;
    }

    .audio_item_top .audio_item_author {
        justify-content: flex-start;
    }

    #audio_playlist .audio_item_top .audio_item_bar .play_audio_item {
        margin-right: 15px;
    }

    .audio_item_top .audio_item_bar {
        justify-content: flex-start;
    }

    #audio_item_text .container .right_col .discussion_box {
        padding: 35px 30px 30px 15px;
    }

    #audio_item_text .container .right_col .in_playlist_box .in_playlist {
        margin: 0 auto 45px;
        float: none;
    }

    #opros_page .ask_block label.checkbox {
        width: 100%;
        margin-bottom: 15px;
    }

    #opros_page .ask_block .ask_text {
        font-size: 24px;
    }

    #opros_page .ask_block {
        padding: 30px;
    }

    #audio_kompoz .right_audio_komp {
        padding: 25px 20px 15px 20px;
    }

    .popular_box {
        padding: 0;
    }

    .rel_art_item .rel_art_author span {
        padding-top: 10px;
        float: left;
    }

    .related_art_box .rel_art_item .text {
        padding: 0 15px;
    }

    .rel_art_item .rel_art_author {
        position: inherit;
        padding-left: 15px;
        left: inherit;
    }

    .breadcrumbs {
        width: 100%;
        text-align: center;
    }

    #contacts .contacts_info {
        margin-bottom: 55px;
    }

    .video_page_list .video_page_item:not(:nth-child(4n)) {
        margin-right: 0;
    }

    .video_page_list .video_page_item {
        margin: 0 auto 25px !important;
    }

    #audioP_about {
        padding: 35px 0 25px;
    }

    .video_page_list_container h3 {
        margin-right: 10px;
        padding-left: 0;
    }

    .daily_video_slider ul.slick-dots {
        padding: 0 25px;
    }

    .remember_toPay p {
        font-size: 12px;
    }

    .playlist_items {
        padding: 0;
    }

    #audio_page_top .container {
        padding: 0 15px;
    }
}

@media screen and (max-width: 420px) {
    .mob_reg_btn {
        font-size: 10px;
        padding: 3px 2px;
        margin-left: 4px;
    }

    .reg_btns_wrap {
        padding-left: 0;
    }

    .reg_btn {
        max-width: 100%;
        margin-left: 0;
    }

    .register_popup {
        max-width: calc(100% - 10px);
    }

    .register_popup .have_reg {
        margin-bottom: 15px;
    }

    .register_popup h5 {
        margin-bottom: 15px;
    }

    .register_popup .have_reg p {
        font-size: 13px;
    }

    #music_bar_mobile .music_info {
        padding-left: 40px;
        width: 130px;
    }

    .news_slider_box .articles_slider .slick-arrow {
        top: 55px;
    }

    .articles_slider .article_slide h2 {
        padding: 0 40px;
    }

    .mus_wrap .mus_info .mus_group {
        width: 25%;
    }

    .mus_wrap .mus_img {
        margin-right: 5px;
    }

    .count_text p {
        width: 135px;
        font-size: 8px;
        padding-top: 14px;
    }

    .index_music .mus_wrap .mus_info .mus_name {
        width: 27%;
    }

    .video_page_list .video_page_item .item_img {
        width: 100%;
    }

    .video_page_list .video_page_item {
        max-width: 275px !important;
        width: 100%;
    }

    .video_page_list .video_page_item.top p {
        padding-left: 0 !important;
        text-align: center;
    }

    #contacts .write_us form.contacts_form textarea {
        font-size: 18px;
    }

    #contacts .write_us form.contacts_form input {
        font-size: 18px;
    }

    .rel_auth p {
        font-size: 14px;
    }

    .rel_auth img {
        width: 60px;
        height: 60px;
    }

    #audio_kompoz .right_audio_komp .ispolniteli_list .item .isp_info {
        padding-top: 4px;
    }

    #audio_kompoz .right_audio_komp {
        padding: 15px 10px 15px 10px;
    }

    #audio_kompoz .container {
        padding: 0 10px;
    }

    #contacts .write_us form.contacts_form button {
        width: 100%;
        margin-left: 0;
    }

    #prog_item_info .container p {
        font-size: 20px;
    }

    #prog_item_info .container h1 {
        font-size: 32px;
    }

    #new_articles .container {
        padding: 0 15px;
    }

    .video_page_list_container {
        padding: 0 15px;
    }

    .video_page_list_container h3 {
        display: block;
        margin: 0 0 30px;
        text-align: center;
    }

      .video_page_list .video_page_item.top h4 {
        padding-left: 35px;
        padding-right: 35px;
        text-align: center;
    }

    .video_page_list .video_page_item h4 {
        text-align: center;
        padding: 0;
    }

    .video_page_list .video_page_item .overlay p {
        text-align: center !important;
        padding-left: 0 !important;
    }

    footer .footer_left_col a {
        font-size: 18px;
    }
}

@media screen and (max-width: 360px) {
    .index_music .mus_wrap .mus_info .mus_group {
        width: 28%;
    }

    #prog ul li {
        font-size: 11px;
    }

    #index_content .index_music .index_music_header .index_music_tabs ul li {
        font-size: 11px;
    }

    #contacts .right_col .interview p {
        margin-bottom: 133px;
    }

    .right_col .interview p {
        margin-bottom: 140px;
    }

    .interview {
        max-width: 270px;
    }

    .interview_menu {
        max-width: 270px;
        padding-left: 0px;
    }

    .mus_wrap .mus_info .mus_group {
        font-size: 11px;
    }

    .mus_wrap .mus_info .mus_name {
        font-size: 13px;
    }

    .playlist_box .pl_box_text.subs:after {
        top: -7px;
        width: 26px;
        height: 26px;
    }

    body.fixed_header header .logo {
        padding-top: 8px;
    }

    header .header_top_menu .burger {
        max-width: 30px;
        padding: 7px 0;
    }

    header .header_top_menu .burger img {
        max-width: 100%;
    }

    header .logo {
        max-width: 200px;
        padding-top: 8px;
    }

    header .logo img {
        max-width: 100%;
    }

    body.pay_notice.fixed_header #music_bar_mobile {
        top: 96px;
    }

    body.pay_notice #music_bar_mobile {
        top: 144px;
    }

    #music_bar_mobile {
        top: 96px;
    }

    #news_item h1 {
        font-size: 26px;
    }

    .playlist_items {
        justify-content: center;
    }

    .playlist_box .pl_bot_row a:not(:last-child) .pl_item {
        margin-right: 7px;
    }

    .playlist_box .pl_item {
        margin-bottom: 6px;
    }

    .playlist_box .pl_item.pl_x2 {
        margin-right: 6px;
        margin-bottom: 6px;
    }

    .playlist_box {
        padding: 6px;
        width: 300px;
        max-width: 300px;
    }

    .music_type_list ul li {
        font-size: 19px;
    }

    footer .footer_right_col .soc li:not(:last-child) {
        margin-right: 3px;
    }
}

@media screen and (max-width: 320px) {
    #music_bar_mobile .music_group {
        font-size: 11px;
    }

    #music_bar_mobile .music_name {
        font-size: 12px;
    }

    #tarifs h2 {
        font-size: 24px;
    }

    .other_tarifs {
        padding-bottom: 20px;
    }

    .sub_benefit {
        padding: 0 10px;
    }

    .sub_benefit p {
        font-size: 14px;
    }

    #about_page_top h1 {
        font-size: 32px;
        padding-bottom: 36px;
    }

    .contacts_top h1.page_name {
        font-size: 32px;
        max-width: 400px;
        margin-bottom: 38px;
    }

    h1.page_name {
        font-size: 32px;
    }

    .index_prog_container a:after {
        height: 100%;
    }

    .news_page_list .news_page_item .news_text .text span.read_more {
        display: inline-block;
        margin-top: 4px;
    }

    #music_bar_mobile .music_group {
        line-height: 12px;
    }

    .article_item_info .left_col {
        padding-top: 50px;
    }

    #audioP_about .container {
        padding: 0 25px;
    }

    footer .footer_right_col .opros a {
        display: block;
        width: 100%;
        text-align: center;
    }

    footer .footer_right_col .opros a {
        padding: 12px;
        font-size: 18px;
    }

    #audioP_about .container {
        padding: 0 25px;
    }
}

@media screen and (max-width: 620px) {
    #music_bar_mobile.video_bar_active .video_mobile {
        max-width: calc(106%);
    }
}

@media screen and (max-width: 522px) {
    #music_bar_mobile.video_bar_active .video_mobile {
        max-width: calc(107%);
    }

    div.video_mobile {
        width: 107% !important;
    }
}

@media screen and (max-width: 452px) {
    #music_bar_mobile.video_bar_active .video_mobile {
        max-width: calc(108%);
    }

    div.video_mobile {
        width: 108% !important;
    }
}

@media screen and (max-width: 399px) {
    #music_bar_mobile.video_bar_active .video_mobile {
        max-width: calc(109%);
    }

    div.video_mobile {
        width: 109% !important;
    }
}

@media screen and (max-width: 369px) {
    #music_bar_mobile.video_bar_active .video_mobile {
        max-width: calc(110%);
    }

    div.video_mobile {
        width: 110% !important;
    }
}

@media screen and (max-width: 325px) {

    #music_bar_mobile.video_bar_active .video_mobile {
        max-width: calc(111%);
    }
    #music_bar_mobile.video_bar_active .video_mobile .main_img {
        height: 200px;
    }
    div.video_mobile {
        width: 111% !important;
    }
}

@media screen and (min-width: 319px){

    #music_bar_mobile.efir_bar_active .efir_mobile {
        width: 102%;
        top: -70px;
        left: -14px;
        height: 100px;
    }

    #music_bar_mobile.efir_bar_active .efir_mobile {
        max-width: calc(102%);
    }


}

@media screen and (max-width: 443px) {
    #music_bar_mobile.efir_bar_active .efir_mobile {
        width: 101% !important;
        left: -15px !important;
        height: 100px !important;
        background-color: white;
        max-width: calc(101%) !important;
    }

}

@media screen and (max-width: 590px) and (min-width: 444px){
    #music_bar_mobile.efir_bar_active .efir_mobile {
        width: 100% !important;
        left: -25px !important;
        height: 100px !important;
        background-color: white;
        max-width: calc(100%) !important;
    }

}

@media screen and (min-width: 590px){

    #music_bar_mobile.efir_bar_active .efir_mobile {
        width: 102%;
        top: -70px;
        left: -14px;
        height: 200px;
    }

    #music_bar_mobile.efir_bar_active .efir_mobile {
        max-width: calc(102%);
    }
}

@media screen and (min-width: 768px){
    .efir_bar .opened_video_bar_main{
        max-width: calc(100%);
        /*margin: 0 auto !important;*/
    }
}

@media screen and (min-width: 1025px){
    div.index_video_efir {
        height: 399px !important;
    }

    li.burger_rates {
        display: none;
    }
}



@media screen and (max-width: 767px){
    #music_bar_mobile.efir_bar_active .efir_mobile {
        max-width: calc(95%);
    }

    #music_bar_mobile.efir_bar_active .efir_mobile {
        width: 94.4%;
        top: -20px;
        left: -14px;
        background-color: white;
    }
}



.hide {
    display: none;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.tarif_compare {
    margin: 0 auto;
    margin: 40px auto 0 auto;
    max-width: 1262px;
}

*[id^='tarif_descr_'].fancybox-content {
    max-width: 730px;
    padding: 60px 90px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

*[id^='tarif_descr_'].fancybox-content h3 {
    font-family: 'PT Serif';
    font-weight: normal;
    color: #f38c1e;
    font-size: 44px;
    margin-bottom: 40px;
}

*[id^='tarif_descr_'] .fancybox-close-small {
    height: 60px;
    width: 60px;
}

*[id^='tarif_descr_'] .fancybox-close-small svg {
    height: 50px;
    width: 50px;
    color: #f38c1e;
}

*[id^='tarif_descr_'] .tarif_descr_text {
    font-size: 17px;
}

*[id^='tarif_descr_'] table {
    border-top: solid 4px #f38c1e;
    margin-top: 45px;
    width: 100%;
}

*[id^='tarif_descr_'] table tr td {
    border-bottom: solid 1px #c6bcbf;
    padding: 10px;
    font-family: 'PT Serif';
    font-size: 17px;
    vertical-align: middle;
}

*[id^='tarif_descr_'] table tr td:first-child {
    width: 60%;
}

*[id^='tarif_descr_'] table tr td b {
    font-weight: bold;
}

*[id^='tarif_descr_'] .tarif_descr_price {
    font-size: 50px;
    line-height: 40px;
    font-family: 'PT Serif';
    color: #454545;
    font-weight: bold;
}

*[id^='tarif_descr_'] .tarif_descr_price_block {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 50px;

}

*[id^='tarif_descr_'] .tarif_descr_btn_buy {
    display: inline-block;
    text-align: center;
    width: 144px;
    margin-left: 40px;
    font-size: 15.45px;
    text-decoration: none;
    font-family: 'PT Serif';
    font-weight: bold;
    border-radius: 5px;
    padding: 13px 5px;
    color: #fff;
    background-color: #f38c1e;
}

*[id^='tarif_descr_'] .tarif_descr_price_sub {
    font-size: 17px;
    font-weight: normal;
}

@media (max-width: 600px) {
    *[id^='tarif_descr_'].fancybox-content {
        padding: 60px 20px;
    }

    .fancybox-slide:before {
        height: auto;
    }
}

@media (max-width: 420px) {
    *[id^='tarif_descr_'] .tarif_descr_price {
        font-size: 30px;
    }

    *[id^='tarif_descr_'] .tarif_descr_btn_buy {
        margin-left: 10px;
    }
}

.new_article_text .news-date-time {
    margin-bottom: 5px;
    display: block;
}

.tariff_confirmation_popup_container .tariff_activate {
    display: inline-block;
    font-family: 'PT Serif';
    color: #fff;
    font-size: 19.32px;
    background-color: #F38C1E;
    width: 188px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    padding: 21px 0;
    margin-bottom: 13px;
    cursor: pointer;

}
.container_auth_confirmation{
    max-width: 400px;
    margin: 50px auto;
    width: 100%;
}
.container_auth_confirmation .alert{
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;

}

.player-container {
    background-color: black;
    /*background-image: url("/bitrix/templates/slavmir/css/../images/profilaktika.jpg");*/
    background-size: contain;
    float: left;
    margin: 20px 20px 10px 0;
    width: 100%;
}

.player-minimize .player-position {
    background-color: white;
    border-radius: 2px;
    bottom: 90px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
    left: 20px;
    padding: 7px;
    position: fixed;
    width: 300px;
    z-index: 11;
}

/*
overrides for developer site defaults (for presentation only, non-demo styles)
*/

.demo-single .demo-layout-content .jwplayer {
    margin: 0;
}

.demo-layout-content {
    text-align: left;
}

.demo-single .demo-layout-content h2 {
    font-size: 42px;
    font-weight: 700;
    margin-top: 20px;
}

.demo-single .demo-layout-content p,
.demo-single .demo-layout-content p + p {
    margin-top: 20px;
}

.demo-single .demo-layout-vertical .demo-layout-code {
    max-width: 900px;
    width: 100%;
}

.overflow-wrapper {
    width: 100%;
}

.demo-wrapper {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.demo-layout-content .jwplayer {
    width: 100% !important;
    margin: 0;
}

.playlist-switcher {
    display: flex;
    flex: 0 0 auto;
    width: 100%;
}

.playlists {
    background-color: #000;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
    text-align: left;
    width: 100%;
}

.playlist-container {
    display: none;
    height: 100%;
    width: 100%;
}

.playlist-container.is-active {
    display: block;
}

.playlist {
    list-style: none;
}

.playlist-link {
    align-items: center;
    background-color: #252525;
    color: #FFF;
    display: inline-flex;
    flex: 1 1 auto;
    font-size: 0.85rem;
    font-weight: 500;
    justify-content: center;
    padding: 0.5rem;
    text-align: center;
    z-index: 1;
}

.playlist-link.is-active {
    box-shadow: inset 0 -0.25em 0 #0B7EF4;
}

.playlist-item {
    align-items: center;
    color: #FFF;
    display: flex;
    line-height: 1.2;
    margin: 0.5rem;
    padding: 1rem;
}

.playlist-item.is-playing {
    background-color: #0B7EF4;
    text-decoration: underline;
}

.playlist-item:not(.is-playing):hover {
    background-color: #252525;
}

.playlist-item img {
    background-color: #000;
    box-shadow: 0 0 1px #000;
    height: 5.625rem;
    margin-right: 1rem;
    object-fit: contain;
    object-position: 50% 50%;
    width: 10rem;
}

@media screen and (min-width: 768px) {
    .overflow-wrapper {
        height: 0;
        padding: 0 0 45%;
        position: relative;
    }

    .demo-wrapper {
        height: 100%;
        position: absolute;
        top: 0;
    }

    .demo-layout-content .jwplayer {
        width: 60% !important;
    }

    .playlists {
        width: 40%;
    }

    .playlist-container {
        overflow: scroll;
    }
}

@media screen and (max-width: 500px) {
    .tnx_container {
        left: 15%;
    }
}

@media screen and (max-width: 600px) {
    .tnx_container {
        left: 20%;
    }
}

@media screen and (max-width: 800px) {
    .tnx_container {
        left: 25%;
    }
}

div.tnx_container.ps-container.ps-theme-default {
    max-height: 250px !important;
    max-width: 400px;
}

.tnx_container {
    padding: 12px 30px 11px 21px;
}

input[name="USER_CHECKWORD"] {
    display: none;
}
section.banner{
	width: 100%;
}

section.banner img#banner_rates{
	width: 100%;
}

@media screen and (max-width: 376px) {
    .paylk_container {
        padding: initial;
    }
}

@media screen and (max-width: 599px) {
    .history_list {
        padding-top: 38px;
    }
}

/*-----------index-programms-new-----------*/
.zp .mus_info * {
	display: block;
	padding-right: 10px;
	color: #000 !important;
}

.zp .mus_info span {
	font-weight: bold;
	color: #000;
	width: 45% !important;
	flex: 2;
}

.zp .mus_info .mus_group {
	width: 45% !important;
	flex: 3;
}

.zp .mus_info .mus_time {
	width: 10% !important;
	text-align: right;
	flex: 1;
}

.zp .mus_wrap .mus_img:after,
.zp .mus_wrap .mus_info:after {
	display: none !important;
}

.zp .mus_wrap .mus_img {
	width: 62px;
	height: 42px;
	vertical-align: middle;
}

.mus_wrap .mus_info {
	width: calc(100% - 72px) !important;
	min-height: 42px !important;
	height: auto !important;
}

#index_content .index_music.zp {
	padding-left: 12px;
}

.zp .item.mus_wrap {
	padding: 5px 0;
	border-bottom: 1px solid #dadada;
	margin-bottom: 0;
}

.zp .index_music_container ul li, .zp .index_music_container .item {
	margin-bottom: 0;
}

.zp .index_music_container .item {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.scrolable-block .pn-a {
    text-align: center;
    display: block;
}

.scrolable-block .pn-a .more {
    margin-bottom: 0;
}

.scrolable-block .video_page_list .video_page_item .overlay {
    top: 0;
    left: 0;    
}

/* fixes for clappr */

div[data-player] .container[data-container] {
    padding: 0 !important;
    max-width: initial !important;
    position: absolute !important;
}
/* End */


/* Start:/bitrix/templates/slavmir/css/player.css?1544699670748*/
#player-wrap.hidden{
	display: none;
}

.prev_song.hidden,.next_song.hidden{
	display: none;
}
.all_time{
	/*display: none;*/
	display: inline-block;
	margin-left: 2px;
}
/*#music_bar .music_left_bar{*/
	/*min-width: 535px;*/
/*}*/
/*#music_bar .music_right_bar .music_right_bar_list{*/
	/*min-width: 425px;*/
/*}*/
#music_bar .music_name{
	font-size: 18px;
}
.jwplayer video{
    width: auto !important;
    height: 100% !important;
}
#m-tv-container{
    height: 100% !important;
}
#m-video-container{
    height: 100% !important;
    position: relative;
}
#m-video-container .play_video_btn{
    position: relative;
    width: 100%;
    top: 34%;
}
#m-video-container .play_video_btn img{
    width: 15%;
    position: absolute;
    left: 43%;
}
/* End */


/* Start:/bitrix/templates/slavmir/css/sv.css?15456901469609*/
body,html{
	font-family: 'PT Sans';
}
.dn{
	visibility: hidden !important;
}
#music_bar .container .left_bar{
	min-height: 90px;
}
#music_bar .playlist_played > img{
	width: 44px;
}
#music_bar .music_left_bar .music_left_bar_list{
	justify-content: flex-end;
}
.mus_wrap .mus_info .mus_bar .list_img,.mus_wrap .mus_info .mus_bar .likes,.likes_mus_info .likes_list,.likes_mus_info .likes_like{
	visibility: hidden;
}
.mus_wrap .mus_info .mus_group{
	max-width: 32%;
}
.pl-audio-play,.pl-playlist-play{
	cursor: pointer;
}
#m-video-container{
	height: 100%;
	width: 100%;
}
#music_bar.opened_video .container .container,#music_bar #tv-container .container{
	padding: 0;
	height: 100%;
}
html #music_bar_mobile .efir_mobile:after,html #music_bar_mobile .video_mobile:after{
	display: none;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
.auth-registr-form{
	cursor: pointer;
}
.reg_licence{
	margin-top: 10px;
}
#music_bar .music_group{
	font-size: 13px;
}
#music_bar .music_name{
	font-size: 15px;
}
#music_bar .music_bg{
	width: 125px;
	height: 125px;
	overflow: hidden;
	background-size: contain;
}
#music_bar_mobile .music_bg{
	background-size: cover;
	border-radius: 50%;
}
.music_right_bar_list .music_right_bar_item_wrap{
	width: 49%;
}
#music_bar .music_left_bar .music_left_bar_list .music_left_bar_item.gradient{
	min-height: 90px;
}
#prog_item_top .breadcrumbs ul li .vert_line:after{
	background-color: #d1cfcb;
}
#releases .container .rel_right .rel_all_prog a{
	text-decoration: none;
	display: block;
	padding-bottom: 8px;
	margin-bottom: 8px;
}
#releases .container .rel_right .rel_all_prog a:not(:last-child){
	border-bottom: 2px solid #efefee;
}
#releases .container .rel_right .rel_all_prog a.prog_item img{
	width: 110px;
	float: left;
}
#releases .container .rel_right .rel_all_prog a .rel_all_desc{
	display: block;
	padding-left: 120px;
	min-height: 82px;
}
#releases .container .rel_right .rel_all_prog a .rel_all_desc h6{
	font-size: 20px;
	color: #000;
	font-family: 'PT Sans';
	font-weight: 600;
	line-height: 1.2;
}
#releases .container .rel_right .rel_all_prog a .rel_all_desc p{
	font-size: 17px;
	color: #000;
	font-family: 'PT Sans';
	line-height: 1.2;
}
#releases .container .item{
	text-decoration: none;
}
#audio_page_top .tab_container ul{
	width: 100%;
}
#audio_kompoz .right_audio_komp .ispolniteli_list{
	max-height: 337px;
	overflow-y: scroll;
}
#audio_kompoz .right_audio_komp .ispolniteli_list .item{
	text-decoration: none;
}
#audio_kompoz .right_audio_komp .ispolniteli_list .item > img{
	max-width: 42px;
	max-height: 42px;
}
#new_articles .new_article .new_article_text article{
	font-family: 'PT Sans';
	font-size: 15px;
	color: #000;
	line-height: 1.2;
	margin-bottom: 10px;
}
#new_articles .new_article .new_article_text  a.read_art{
	margin-left: 5px;
	color: #fff;
	background-color: #E94422;
	padding: 1px 5px;
	text-decoration: none;
	vertical-align: middle;
}
#audio_item_text .container .left_col .tab_container p{
	margin-bottom: 20px;
}
#audio_item_text .container .left_col .tab_container p strong,#audio_item_text .container .left_col .tab_container p b{
	font-weight: bold;
}
#audio_item_text .container .left_col .tab_container p em,#audio_item_text .container .left_col .tab_container p i{
	font-style: italic;
}
.index_music_container .item .music_img {
	width: 42px;
	height: 42px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	position: relative;
}
.index_music_container .item:hover .play_btn {
	position: absolute;
	width: 20px;
	height: 26px;
	left: 55%;
	top: 50%;
	background-image: url(/bitrix/templates/slavmir/css/../images/play_small_btn.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.opened_video_bar_main .opened_video_bar_main_img.video-strem{
	/* height: 400px; */
	/*border: 1px solid #fff;*/
}
.video_page_list .video_page_item{
	max-width: 305px;
}
.ajax-list{
	-webkit-transition: height 10s ease;
	transition: height 10s ease;
}
.ajax-list .more, .video_more{
	color: #fff;
	background-color: #F47B22;
	border: none;
	cursor: pointer;
	font-family: 'PT Sans';
	font-size: 15px;
	padding: 6px 57px;
	text-transform: uppercase;
	margin-top: 15px;
	display: inline-block;
    margin-bottom: 50px;
}
#opros_page .opros_form input[type='submit'] {
    margin-left: 65px;
    border: none;
    color: #fff;
    background-color: #f17d1f;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 25px 39px;
    font-size: 18px;
    font-family: 'PT Sans';
    font-weight: bold;
    cursor: pointer;
}
#lk_section .main_lk_form{
    float: left;
    max-width: 515px;
    margin: 0 auto;
}
#lk_section .data_info {
    width: 100%;
}
#lk_section .no_photo{
	display: block;
}
#lk_section .no_photo input{
	visibility: hidden;
	width: 100px;
	height: 20px;
	margin: 0 0 -20px 0;
}
#lk_section .no_photo .add-photo{
	display: block;
	margin-top: -20px;
}
form.data_info input[type='checkbox']{
	width: auto;
	margin: 0;
}
#lk_section .photo_exist .lk_user_photo img{
	border-radius: 50%;
}
#header_bar .reg .user_img img{
	width: 34px;
}
html body .button{
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    max-width: 146px;
    padding: 10px 0px 13px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'PT Serif';
    background-color: #F38C1E;
    margin-bottom: 15px;
    border-radius: 5px;
}
.register_popup_container .data_info{
	margin-top: 10px;
}
.news_page_list .news_page_item .news_text article{
	font-family: 'PT Sans';
	color: #000;
	font-size: 18px;
	line-height: 1.2;
}
.news_page_list .news_page_item .news_text a.read_more{
	color: #fff;
	background-color: #E94422;
	vertical-align: middle;
	padding: 1px 5px;
	text-decoration: none;
	font-size: 14px;
}
.news_slider_box .related_art_box .rel_art_item h4{
	font-weight: bold;
	font-family: 'PT Sans';
	font-size: 22px;
	color: #000;
	margin-bottom: 30px;
	padding-left: 45px;
}
.news_slider_box .news_box .news_item .name{
	font-size: 22px;
}
.news_slider_box .related_art_box .rel_art_item p.item_date{
	font-family: 'PT Sans';
	font-size: 13.8px;
	color: #b6b8ba;
	margin-bottom: 13px;
	padding-left: 45px;
}
.news_slider_box .related_art_box .rel_art_item {
	padding-top: 30px;
	padding-right: 70px;
	max-width: 400px;
}
.related_art_box .rel_art_item article{
	padding: 0 45px;
	font-size: 15px;
	font-family: 'PT Sans';
	line-height: 1.2;
	color: #000;
}
.related_art_box .rel_art_item p{
	padding: 0;
}
.index_music_container .item{
	display: block;
}
.about_text .about_top_text img{
	margin-bottom: 80px;
	max-width: 100%;
}
.about_text h4{
	margin-bottom: 20px;
}
.about_text blockquote{
	margin-bottom: 75px;
	position: relative;
	font-family: 'PT Serif';
	color: #000;
	font-size: 27px;
	line-height: 1.2;
}
.about_text blockquote:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -47px;
	width: 100%;
	background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height: 27px;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.about_text blockquote:after {
	position: absolute;
	content: '';
	left: 0;
	top: -47px;
	width: 100%;
	background-image: url(/bitrix/templates/slavmir/css/../images/about_after2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	height: 27px;
}
#our_prog_slider_box .our_prog_slider .our_prog_slide .prog_slide_text .vipusk .vipusk_img{
	width: 70px;
	height: 70px;
}
#our_prog_slider_box .our_prog_slider .prog_slide_text .vipusk img{
	border-radius: 30px;
	max-width: 60px;
	max-height: 60px;
}
.social-menu-link {
  width: 38px;
  height: 38px;
  display: none;
  cursor: pointer;
  vertical-align: top;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: 5px;
  text-align: center;
  line-height: 1;
  background-repeat: no-repeat !important;
  background-size: 56% !important;
  background-position: 50% 49% !important;
  transition: all 200ms;
  background-color: #868686;
  border: none; }
  /* line 17, _social.scss */
.social-menu-link:hover {
    background-color: #f78e1e; }

/* line 21, _social.scss */
.social-menu-link.is-vk {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/vk.svg");
  display: inline-block; }

/* line 25, _social.scss */
.social-menu-link.is-facebook {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/facebook.svg");
  display: inline-block; }

/* line 29, _social.scss */
.social-menu-link.is-youtube {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/youtube.svg");
  display: inline-block; }

/* line 33, _social.scss */
.social-menu-link.is-instagram {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/instagram.svg");
  display: inline-block; }

/* line 37, _social.scss */
.social-menu-link.is-twitter {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/twitter.svg");
  display: inline-block; }

/* line 41, _social.scss */
.social-menu-link.is-t_me {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/t_me.svg");
  display: inline-block;
  background-position: 44% 50% !important;}

/* line 45, _social.scss */
.social-menu-link.is-odnoklassniki {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/ok-social.svg");
  display: inline-block; }

/* line 49, _social.scss */
.social-menu-link.is-google-plus {
  background-image: url("/bitrix/templates/slavmir/css/../images/social/google-plus.svg");
  display: inline-block; }

/* End */


/* Start:/bitrix/templates/slavmir/css/jquery.fancybox.min.css?156697659014143*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-iosfix{height:100%;left:0;overflow:hidden;position:fixed;width:100%}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}
/* End */


/* Start:/bitrix/templates/slavmir/css/swiper.min.css?156697659519778*/
/**
 * 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}
/* End */


/* Start:/bitrix/components/kuznica/metatags/templates/.default/style.css?1524819116238*/
#kuznica_megameta{
	width: 800px;
	background: #fff;
	position: static;
	opacity: 1;
}
#kuznica_megameta .li-item{
	padding-left: 10px;
	display: inline-block;
}
#kuznica_megameta .li-item-2{
	padding-left: 30px;
	display: inline-block;
}
/* End */


/* Start:/bitrix/templates/slavmir/template_styles.css?1580194542147342*/
@font-face {
    font-family: 'CyrillicOld';
    src: url('/bitrix/templates/slavmir/fonts/CyrillicOld_0.eot');
    src: url('/bitrix/templates/slavmir/fonts/CyrillicOld_0.eot') format('embedded-opentype'),
         url('/bitrix/templates/slavmir/fonts/CyrillicOld_0.woff2') format('woff2'),
         url('/bitrix/templates/slavmir/fonts/CyrillicOld_0.woff') format('woff'),
         url('/bitrix/templates/slavmir/fonts/CyrillicOld_0.ttf') format('truetype'),
         url('/bitrix/templates/slavmir/fonts/CyrillicOld_0.svg#CyrillicOld') format('svg');
}

@import url('https://fonts.googleapis.com/css?family=PT+Sans|PT+Serif:400,400i&display=swap&subset=cyrillic');


html,body {
    opacity: 1;
}

.z-preloader-wrap {
	background: rgba(255, 255, 255, 0.6);
	width: 100vw;
	height: 100vh;
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	z-index: 99999;
}

.player-minimize .player-position {
	z-index: 999999;
}

.z-preloader {
	margin: 0 auto;
	width: 96px;
	height: 96px;
	display: block;
}

.more-video-title {
	height: 45px;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 28px;
    line-height: 45px;
    background-image: url(/bitrix/templates/slavmir/images/art_head_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
    padding-left: 27px;
}

.index_news_desc h2,
.index_content h2,
.index_about h1
 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

.pl_header h3,
.index_music_container h4,
#audio_item_text h3
 {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    vertical-align: baseline;
}

.page_top_bg h1 {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-size: 44px;
    font-family: 'PT Serif';
    font-weight: 600;
}

h2 {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

.index_articles_list .index_articles_item .article_text h3.art_name {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
    color: #e94422;
    font-family: 'PT Serif';
    font-size: 39px;
    margin-bottom: 15px;
    font-weight: bold;
}

footer ul,
.art_type_list ul,
.audio_list ul,
.interview_menu ul,
.breadcrumbs ul,
.mobile_menu ul  {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

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

.music_type_list ul {
    margin: 0;  
    padding: 0; 
}

ul.slick-dots {
    list-style: none;
    padding: 0;
}

#new_art_tabs ul {
    padding: 0;
    list-style: none;
    margin: 0;
}

.article_slide h2 {
    font-weight: normal;
}

.rel_all_prog h5 {
    margin-bottom: 35px;
    margin-top: 0;
    font-weight: normal;
}

.index_music.zp ul.ps-container {
    padding: 0;
    margin: 0;
    list-style: none;
}

@media screen and (max-width: 767px){
    #prog_item_top .breadcrumbs {
        top: 0 !important;
        position: relative !important;
    }

    #prog_item_top {
        padding: 5px 0 10px;
    }

    #articles h1.page_name {
        color: #f47b22;
        font-size: 32px;
    }

    #tarifs {
        padding-top: 10px !important;
    }
}
#releases .container .rel_right .rel_all_prog a .rel_all_desc h6 {
    margin: 0;
}

.z-input-name-popup-wrap {
    background: rgba(255, 255, 255, 0.6);
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
}

.z-input-name-popup {
    position: absolute;
    width: 500px;
    max-width: 90%;
    box-sizing: border-box;
    padding: 20px;
    border: 2px solid #f47b22;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.z-input-name-popup-text {
    text-align: center;
    color: #f47b22;
    font-size: 22px;
    margin-bottom: 20px;
}

.z-input-name-popup input[type=text] {
    width: 100%;
    border: none;
    color: #000;
    border-bottom: 2px solid #E9E9E8;
    background-color: transparent;
    font-family: 'PT Serif';
    font-size: 23.6px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.z-input-name-popup input[type=text].error {
    border-bottom: 2px solid #fd4924;
}

.z-input-name-popup input[type=submit] {
    background-color: #f47b22;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 22px;
    width: 200px;
    text-align: center;
    padding: 10px 0;
    display: block;
    border-radius: 21px;
    cursor: pointer;
    border: none;
    margin: 0 auto 15px;
}

.z-input-name-popup-close {
    display: block;
    text-align: center;
    font-size: 12px;
}

.z-hidden-tarifs-popup-wrap {
    background: rgba(255, 255, 255, 0.6);
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
}

.z-hidden-tarifs-popup {
    position: absolute;
    width: 900px;
    max-width: 90%;
    box-sizing: border-box;
    padding: 20px;
    border: 2px solid #f47b22;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.z-hidden-tarifs-popup h1 {
    margin-bottom: 35px;
}

.z-hidden-tarifs-popup p {
    margin-bottom: 20px;
    font-size: 18px;
    text-align: center;
}

.z-hidden-tarifs-popup-close {
    display: inline-block;
    font-size: 14px;
    margin-top: 30px;
    color: #fff;
    text-align: center;
    max-width: 146px;
    padding: 10px 10px 13px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'PT Serif';
    background-color: #F38C1E;
    margin-bottom: 15px;
    border-radius: 5px;
}

.z-btn-text {
    text-align: center;
    font-size: 18px;
}

.z-btn-text-sub {
    text-align: center;
    color: #f38c1e;
    font-size: 22px;
    font-weight: bold;
}

.main-page-events-wrap {
    height: 420px;
    margin: 0 auto 20px;
    background: #f2f2f2;
    padding: 30px 0;
    box-sizing: border-box;
    position: relative;
}

/*.main-page-events-wrap:before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    display: block;
    width: 100%;
    height: 28px;
    background: url('/bitrix/templates/slavmir/images/event-back.png') repeat-x left center;
}

.main-page-events-wrap:after {
    content: "";
    position: absolute;
    bottom: 13px;
    left: 0;
    display: block;
    width: 100%;
    height: 28px;
    background: url('/bitrix/templates/slavmir/images/event-back.png') repeat-x left center;
}*/

.main-page-events-title {
    font-size: 30px;
    max-width: 1328px;
    margin: 0 auto 20px;
}

.main-page-events-wrap .swiper-button-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    width: 32px;
    height: 58px;
    background: url('/bitrix/templates/slavmir/images/event-prev.png') no-repeat center center;
    margin-top: -29px;
}

.main-page-events-wrap .swiper-button-next {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 32px;
    height: 58px;
    background: url('/bitrix/templates/slavmir/images/event-next.png') no-repeat center center;
    margin-top: -29px;
}

.main-page-events-list {
    max-width: 1328px;
    margin: 0 auto;
}

.main-page-events-item {
    width: 190px !important;
    margin: 0 16px;
    position: relative;
}

.main-page-events-item-img {
    display: block;
    width: 190px;
    height: 260px;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    overflow: hidden;
    border-radius: 6px;
}

.main-page-events-item-img:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.main-page-events-item-img img {
    width: 100%;
    height: auto;
    max-height: 100%;
    border-radius: 6px;
    display: block;
    -moz-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}

.main-page-events-item-name {
    position: absolute;
    left: -13px;
    bottom: 65px;
    background: #d82900;
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    box-sizing: content-box;
    width: 100%;
    z-index: 2;
    font-size: 17px;
    min-height: 45px;
    padding: 3px 0 3px 13px;
}

.main-page-events-item-name:before {
    content: "";
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0;
    top: -13px;
    display: block;
    background: url('/bitrix/templates/slavmir/images/event-name-caret.png') no-repeat center center;
}

.main-page-events-item-name span {
    padding-right: 13px;
}

.main-page-events-item-content-block {
    width: 100%;
    padding: 8px 10px;
}

.main-page-events-item-content-block:after {
    content: "";
    width: 0;
    height: 0;
    display: table;
    clear: both;
}

.main-page-events-item-content-item {
    float: left;
    height: 30px;
    font-size: 12px;
    color: #fff;
    padding: 10px 7px 10px 29px;
    text-align: center;
}

.main-page-events-item-content-item.video {
    background: url('/bitrix/templates/slavmir/images/e-video.png') no-repeat center left;
    width: 51px;
    margin-right: 9px;
}

.main-page-events-item-content-item.audio {
    background: url('/bitrix/templates/slavmir/images/e-audio.png') no-repeat center center;
    width: 53px;
    margin-right: 5px;
}

.main-page-events-item-content-item.articles {
    background: url('/bitrix/templates/slavmir/images/e-articles.png') no-repeat center right;
    width: 51px;
}

.main-page-events-block {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
}

@media (max-width: 1366px) {
	.main-page-events-list {
		max-width: 1150px;
	}

	.main-page-events-item {
		margin: 0 20px;
	}
}

@media (max-width: 768px) {
    .main-page-events-item-content-item {
        width: 41px;
        margin: 0 1px;
        padding: 10px 5px 10px 23px;
        font-size: 11px;
        background-size: contain;
    }

    .main-page-events-item-content-block {
        padding: 10px 3px;
    }

    .main-page-events-item-content-item.video {
        background: url('/bitrix/templates/slavmir/images/e-video.png') no-repeat center left;
        background-size: contain;
        width: 41px;
        margin-right: 9px;
    }

    .main-page-events-item-content-item.audio {
        background: url('/bitrix/templates/slavmir/images/e-audio.png') no-repeat center center;
        background-size: contain;
        width: 43px;
        margin-right: 5px;
    }

    .main-page-events-item-content-item.articles {
        background: url('/bitrix/templates/slavmir/images/e-articles.png') no-repeat center right;
        background-size: contain;
        width: 41px;
    }

    .main-page-events-wrap .swiper-button-prev,
    .main-page-events-wrap .swiper-button-next {
        display: none;
    }

    .main-page-events-block {
        margin: 0 10px;
    }

    .main-page-events-title {
        text-align: left;
        margin-left: 25px;
    }

    .main-page-events-item,
    .main-page-events-item-img {
        width: 150px !important;
        height: 206px;
    }

    .main-page-events-wrap {
        height: 396px;
        margin: 0 auto 20px;
        background: #f2f2f2;
        padding: 45px 0;
        box-sizing: border-box;
        position: relative;
    }
}


.hidden-aticles-block {
    position: relative;
    padding: 25px 0;
    width: 100%;
    box-sizing: border-box;
}

.hidden-aticles-block.pops:before {
    display: none;
}

.hidden-aticles-block:before {
    content: "";
    border-bottom: 2px solid #fd4925;
    display: block;
    position: absolute;
    bottom: 100%;
    height: 100px;
    left: 0;
    width: 100%; 
    background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,1) 100%);
    background: linear-gradient(rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 25%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 75%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}

.hidden-aticles-block-title {
    font-size: 18px;
    color: #fd4925;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 15px;
    line-height: 1.4 !important;
}

.hidden-aticles-block-title-sub {
    text-align: center;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.hidden-aticles-tarifs-block {
    margin-bottom: 50px;
}

.hidden-aticles-tarifs-block:after {
    content: "";
    width: 0;
    height: 0;
    display: table;
    clear: both;
}

.hidden-aticles-tarif {
    box-sizing: border-box;
    border-radius: 7px;
    background: rgb(247,167,73);
    background: -moz-linear-gradient(top, rgba(247,167,73,1) 0%, rgba(253,75,37,1) 100%);
    background: -webkit-linear-gradient(top, rgba(247,167,73,1) 0%,rgba(253,75,37,1) 100%);
    background: linear-gradient(to bottom, rgba(247,167,73,1) 0%,rgba(253,75,37,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7a749', endColorstr='#fd4b25',GradientType=0 );
    padding: 7px;
    width: 343px;
    margin: 0 42px;
    float: left;
    height: 173px;
    position: relative;
}

.hidden-aticles-tarifs-block.on-mobile {
    display: none;
}

.hidden-aticles-tarifs-block.off-mobile {
    display: flex;
    justify-content: center;
}

.hidden-aticles-buttons-block.on-mobile {
    display: none;
}

.hidden-aticles-buttons-block.off-mobile {
    display: block;
}

.hidden-aticles-tarif-in {
    background: #fff;
    border-radius: 2px;
    padding: 12px;
    box-sizing: border-box;
    height: 100%;
}

.hidden-aticles-tarif-name {
    font-weight: bold;
    font-size: 21px;
    text-align: center;
}

.hidden-aticles-tarif-discount {
    font-weight: bold;
    font-size: 21px;
    text-align: center;
    color: #fd4b25;
}

.hidden-aticles-tarif-discount-price {
    font-size: 25px;
    text-decoration: line-through;
    color: #777777;
    text-align: center;
}

.hidden-aticles-tarif-price {
    font-weight: bold;
    font-size: 57px;
    text-align: center;
}

.hidden-aticles-tarif-price span {
    font-weight: normal;
}

.hidden-aticles-tarif-button {
    display: inline-block;
    position: absolute;
    text-decoration: none;
    color: #fff;
    background: rgba(253,75,37,1);
    padding: 12px 58px;
    border-radius: 20px;
    font-size: 17px;
    bottom: -18px;
    left: 50%;
    margin-left: -91px;
}

.hidden-aticles-tarif-badge {
    width: 121px;
    height: 123px;
    background: url('/bitrix/templates/slavmir/images/t-badge.png') no-repeat center center;
    position: absolute;
    top: -10px;
    right: -10px;
}

.hidden-aticles-buttons-block {
    text-align: center;
    margin-bottom: 50px;
}

.hidden-aticles-buttons-block * {
    display: inline-block;
}

.hidden-aticles-buttons-block span {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    margin: 0 10px;
}

.hidden-aticles-button {
    padding: 9px 46px;
    color: #fff;
    font-size: 15px;
    margin: 0 10px;
    background: #f47b22;
    border-radius: 16px;
    text-decoration: none;
}

.hidden-aticles-link {
    font-size: 15px;
    color: #000;
    margin: 0 10px;
}

.hidden-aticles-props-title {
    font-weight: bold;
    color: #323232;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.hidden-aticles-props-block {
    width: 603px;
    margin: 0 auto;
}

.hidden-aticles-props-block:after {
    content: "";
    display: table;
    width: 0;
    height: 0;
    clear: both;
}

.hidden-aticles-props-item {
    width: 125px;
    float: left;
}

.hidden-aticles-props-item-img {
    width: 111px;
    height: 111px;
    margin: 0 auto 10px;
    border: 2px solid #eeeeee;
    border-radius: 100%;
}

.hidden-aticles-props-item-img.video {
    background: url('/bitrix/templates/slavmir/images/t-video.png') no-repeat center center;
}

.hidden-aticles-props-item-img.audio {
    background: url('/bitrix/templates/slavmir/images/t-audio.png') no-repeat center center;
}

.hidden-aticles-props-item-img.article {
    background: url('/bitrix/templates/slavmir/images/t-article.png') no-repeat center center;
}

.hidden-aticles-props-item-text {
    text-align: center;
    font-size: 16px;
}

.hidden-aticles-props-item-text span {
    display: block;
    font-size: 36px;
    font-weight: bold;
}

.hidden-aticles-props-next {
    width: 40px;
    height: 111px;
    float: left;
    background: url('/bitrix/templates/slavmir/images/t-next.png') no-repeat center center;
    margin: 0 37px;
}

@media (max-width: 768px) {
    .hidden-aticles-block {
        padding: 15px 0;
    }

    .hidden-aticles-block-title {
        font-size: 14px;
        line-height: 21px !important;
        margin-bottom: 10px;
    }

    .hidden-aticles-block-title-sub {
        font-size: 13px;
        margin-bottom: 0;
    }

    .hidden-aticles-tarifs-block.on-mobile {
        display: block;
        padding: 20px 0 60px;
    }

    .hidden-aticles-tarifs-block.off-mobile {
        display: none;
    }

    .hidden-aticles-tarifs-block.on-mobile .swiper-slide {
        padding-right: 10px;
    }

    .hidden-aticles-tarifs-block.on-mobile .swiper-pagination-bullet {
        width: 18px;
        height: 18px;
        opacity: 1;
        background: #fff;
        border: 2px solid #808080;
        margin: 0 21px !important;
    }

    .hidden-aticles-tarifs-block.on-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #fd4b25;
        border-color: #fd4b25;
    }

    .hidden-aticles-tarif {
        margin: 0;
        width: 100%;
        margin-right: 10px;
        height: auto;
    }

    .hidden-aticles-tarif-in {
        padding-bottom: 20px;
    }

    .hidden-aticles-tarif-name {
        font-weight: bold;
        font-size: 18px;
        text-align: center;
    }

    .hidden-aticles-tarif-discount {
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        color: #fd4b25;
    }

    .hidden-aticles-tarif-discount-price {
        font-size: 22px;
        text-decoration: line-through;
        color: #777777;
        text-align: center;
    }

    .hidden-aticles-tarif-price {
        font-weight: bold;
        font-size: 50px;
        text-align: center;
    }

    .hidden-aticles-buttons-block.on-mobile {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .hidden-aticles-buttons-block.off-mobile {
        display: none;
    }

    .hidden-aticles-buttons-block {
        padding-right: 10px;
    }

    .hidden-aticles-buttons-block span {
        font-size: 14px;
        font-family: 'Open Sans', sans-serif;
        font-weight: bold;
        margin: 0 0 10px 0;
    }

    .hidden-aticles-button {
        padding: 9px 46px;
        color: #fff;
        font-size: 14px;
        margin: 0;
        background: #f47b22;
        border-radius: 16px;
        text-decoration: none;
    }

    .hidden-aticles-link {
        font-size: 14px;
        color: #000;
        margin-right: 10px;
        margin-left: 10px;
    }

    .hidden-aticles-props-title {
        font-weight: bold;
        color: #323232;
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        line-height: 21px !important;
        text-align: center;
        margin-bottom: 25px;
        text-transform: uppercase;
    }

    .hidden-aticles-props-block {
        width: 270px;
        margin: 0 auto;
    }

    .hidden-aticles-props-block:after {
        content: "";
        display: table;
        width: 0;
        height: 0;
        clear: both;
    }

    .hidden-aticles-props-item {
        width: 90px;
        float: left;
    }

    .hidden-aticles-props-item-img {
        width: 75px;
        height: 75px;
        margin: 0 auto 10px;
        border: 2px solid #eeeeee;
        border-radius: 100%;
    }

    .hidden-aticles-props-item-img.video {
        background: url('/bitrix/templates/slavmir/images/t-video.png') no-repeat center center;
        background-size: 50px;
    }

    .hidden-aticles-props-item-img.audio {
        background: url('/bitrix/templates/slavmir/images/t-audio.png') no-repeat center center;
        background-size: 50px;
    }

    .hidden-aticles-props-item-img.article {
        background: url('/bitrix/templates/slavmir/images/t-article.png') no-repeat center center;
        background-size: 50px;
    }

    .hidden-aticles-props-item-text {
        text-align: center;
        font-size: 14px;
    }

    .hidden-aticles-props-item-text span {
        display: block;
        font-size: 30px;
        font-weight: bold;
    }

    .hidden-aticles-props-next {
        display: none;
    }
}



.article_item_books h3,
.article_item_audio h3,
.article_item_video h3 {
    font-size: 19px;
    font-weight: bold;
    margin: 20px 0;
}

.article_item_books-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.article_item_books-block:after {
    content: "";
    width: 0;
    height: 0;
    display: table;
    clear: both;
}

.article_item_books-item {
    width: 141px;
    margin-right: 10px;
    margin-bottom: 30px;
}

.article_item_books-item-img,
.article_item_books-item-img img {
    display: block;
    margin: 0 auto;
}

.article_item_books-item-img {
    margin-bottom: 10px;
}

.article_item_books-item-name {
    display: block;
    text-align: center;
    width: 100%;
    color: #000;
    text-decoration: none;
}

.article_item_audio {
    position: relative;
}

.article_item_audio .swiper-button-prev {
    left: 0;
    background: url(/bitrix/templates/slavmir/images/event-prev.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 101px;
    background-size: cover;
    margin-top: 0;
}

.article_item_audio .swiper-button-next {
    right: 0;
    background: url(/bitrix/templates/slavmir/images/event-next.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 101px;
    background-size: cover;
    margin-top: 0;
}

.article_item_audio-slider {
    width: 770px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.article_item_audio .item {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
    max-width: 240px;
    margin-right: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    text-decoration: none;
}

.article_item_audio .item .rel_item_img {
    position: relative;
    width: 100%;
    height: 178px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.article_item_audio .item .rel_item_img .rel_time {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f47b22;
    padding: 7px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    font-family: 'PT Sans';
}

.article_item_audio .item .rel_item_img .rel_time img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.article_item_audio .item .rel_item_img .play {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    background-image: url(/bitrix/templates/slavmir/images/headphones.png);
    background-position: center;
    opacity: 0;
    width: 62px;
    height: 51px;
    left: 50%;
}

.article_item_audio .item .rel_item_img:hover .play {
    opacity: 1;
}

.article_item_audio .item .rel_title {
    position: relative;
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 16px;
    line-height: 1.2;
    display: block;
}

.article_item_audio .item .rel_name {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

/**/

.article_item_video {
    position: relative;
}

.article_item_video .swiper-button-prev {
    left: 0;
    background: url(/bitrix/templates/slavmir/images/event-prev.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 101px;
    background-size: cover;
    margin-top: 0;
}

.article_item_video .swiper-button-next {
    right: 0;
    background: url(/bitrix/templates/slavmir/images/event-next.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 101px;
    background-size: cover;
    margin-top: 0;
}

.article_item_video-slider {
    width: 770px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.article_item_video .item {
    position: relative;
    display: inline-block;
    vertical-align: text-top;
    width: 100%;
    max-width: 240px;
    margin-right: 25px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    text-decoration: none;
}

.article_item_video .item .rel_item_img {
    position: relative;
    width: 100%;
    height: 178px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.article_item_video .item .rel_item_img .rel_time {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f47b22;
    padding: 7px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    font-family: 'PT Sans';
}

.article_item_video .item .rel_item_img .rel_time img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.article_item_video .item .rel_item_img .play {
    position: absolute;
    left: 54%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 51px;
    height: 65px;
    background-image: url(/bitrix/templates/slavmir/images/play_prog_item.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.article_item_video .item .rel_item_img:hover .play {
    opacity: 1;
}

.article_item_video .item .rel_title {
    position: relative;
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 16px;
    line-height: 1.2;
    display: block;
}

.article_item_video .item .rel_name {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

@media (max-width: 1280px) and (min-width:1279px) {
    .article_item_video .item {
        max-width: 320px;
    }

    .article_item_audio .item {
        max-width: 320px;
    }

    .article_item_audio .swiper-button-prev,
    .article_item_video .swiper-button-prev {
        left: -35px;
    }

    .article_item_audio .swiper-button-next,
    .article_item_video .swiper-button-next {
        right: -35px;
    }
}

@media (max-width: 1377px) and (min-width:1365px) {
    .article_item_audio .swiper-button-prev,
    .article_item_video .swiper-button-prev {
        left: -25px;
    }

    .article_item_audio .swiper-button-next,
    .article_item_video .swiper-button-next {
        right: -25px;
    }
}

@media (max-width: 768px) {
    .article_item_audio .swiper-button-prev,
    .article_item_audio .swiper-button-next,
    .article_item_video .swiper-button-prev,
    .article_item_video .swiper-button-next {
        display: none;
    }

    .article_item_video .item {
        max-width: 310px;
    }

    .article_item_audio .item {
        max-width: 310px;
    }
}


.more-articles-title {
    height: 45px;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 23px;
    line-height: 45px;
    background-image: url(/bitrix/templates/slavmir/images/art_head_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
    padding-left: 27px;
}

.video_page_list.articles .video_page_item {
    margin-bottom: 30px;
}

.video_page_list.articles .video_page_item h4 {
    margin-top: 0;
}

.video_page_list.articles .video_page_item .item_img {
    margin-bottom: 5px;
}

.video_page_list.articles .video_page_item.top h4:after {
    top: 0;
}

.video_page_list .video_page_item h4,
.video_page_list.articles .video_page_item h4 {
    text-align: left;
}

.video_page_list .video_page_item p {
    text-align: left;
}

.custom-registration {
    width: 100%;
    max-width: 610px;
    margin: 50px auto;
}

.step--hidden {
    display: none;
}

.error__item {
    color: #fd4924;
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
}

.step-item--text {
    text-align: center;
    font-size: 20px;
    line-height: 1.4;
}

.step-item--textsmall {
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 15px;
}

.step-item__input-text {
    width: 100%;
    border: none;
    color: #000;
    border-bottom: 2px solid #E9E9E8;
    background-color: transparent;
    font-family: 'PT Serif';
    font-size: 23.6px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.step-item__input-text--error {
    border-bottom: 2px solid #fd4924;
    margin-bottom: 5px;
}

.step-item__input-checkbox {
    -webkit-appearance: checkbox;
    display: block;
    float: left;
    margin-right: 10px;
}

.step-item__error {
    text-align: center;
    font-size: 12px;
    color: #fd4924;
    margin-bottom: 15px;
}

.step-item__error--hidden {
    display: none;
}

.step-item__title {
    font-size: 140%;
    text-align: center;
    margin-bottom: 15px;
}

.step-item--checkbox:after {
    content: "";
    display: table;
    width: 0;
    height: 0;
    clear: both;
}

.step-item--checkbox .step-item__title {
    font-size: 14px;
    text-align: left;
}

.step-item--button {
    text-align: center;
}

.step-item__button {
    background-color: #f47b22;
    color: #fff;
    font-family: 'PT Sans';
    font-size: 22px;
    width: 200px;
    text-align: center;
    padding: 10px 0;
    display: inline-block;
    border-radius: 21px;
    cursor: pointer;
}

.social-wrap {
    text-align: center;
    margin-bottom: 15px;
}

.social-wrap__item {
    display: inline-block;
    text-decoration: none;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.social-wrap__item--fb {
    background: url('/bitrix/templates/slavmir/images/reg/fb.png') no-repeat center center;
}

.social-wrap__item--vk {
    background: url('/bitrix/templates/slavmir/images/reg/vk.png') no-repeat center center;
}

.social-wrap__item--ok {
    background: url('/bitrix/templates/slavmir/images/reg/ok.png') no-repeat center center;
}


.z-main-page-tv-wrap {
    width: 344px;
    height: 323px;
    float: right;
    padding: 7px;
    background: #f3f3f3;
    margin-bottom: 27px;
    position: relative;
    margin-right: 50px;
}   

/*.z-main-page-tv-wrap:after {
    content: "";
    position: absolute;
    border-top: 27px solid #f3f3f3;
    border-left: 610px solid transparent;
    left: 0;
    top: 100%;
}*/

.z-main-page-tv-wrap .player-container {
    margin: 0;
    float: none;
}

.z-main-page-tv-wrap div.index_video_efir {
    height: auto !important;
}

.z-main-page-tv-wrap .video_efir_overlay {
    top: 2px;
    height: 45px;
}

.z-main-page-tv-wrap .video_efir_overlay .main_message {
    font-size: 20px;
    padding: 3px;
}

.z-main-page-tv-wrap .video_efir_overlay .sub_message {
    font-weight: normal;
    font-size: 12px;
    padding: 1px 5px 2px;
}

.z-main-page-tv-block {
    margin-top: 40px;
    margin-bottom: 30px;
    letter-spacing: -0.3em;
}

.z-main-page-tv-link {
    color: #e72700;
    font-size: 15px;
    display: inline-block;
    text-align: center;
    width: 50%;
    line-height: 58px;
    letter-spacing: normal;
    text-decoration: none;
}

.z-main-page-tv-link span {
    border-bottom: 1px dashed #e72700;
}

.z-main-page-tv-link span:hover {
    border-color: transparent;
}

.z-main-page-tv-link.zpr {
    border-right: 1px solid #797979;
}

.z-main-page-progs {
    float: left;
    width: calc(100% - 480px);
    margin-left: 50px;
    margin-right: 31px;
}

.z-main-page-progs .index_music_tabs ul {
    padding: 0;
    margin-bottom: 30px;
}

.z-main-page-progs .index_music_tabs ul li {
    font-size: 26px;
    color: #e72700;
    text-decoration: none;
    border-bottom: none;
}

.z-main-page-progs .index_music_tabs ul li:nth-child(1) {
    margin-right: 60px;
    text-decoration: none;
}

.z-main-page-progs .index_music_tabs ul li.active {
    color: #000;
    border-color: transparent;
}

.z-main-page-progs-tab {
    display: none;
    margin: 0 60px !important;
    position: relative;
}

.z-main-page-progs-tab.active {
    display: block;
}

.z-main-page-progs-col {
    width: 267px !important;
    float: left;
    margin-right: 15px;
    height: 241px !important;
}

.z-main-page-progs-tab .swiper-button-prev {
    position: absolute;
    left: -60px;
    top: 0;
    height: 100%;
    width: 40px;
    background: #f3f3f3 url('/bitrix/templates/slavmir/images/p-prev.png') no-repeat center center;
    margin-top: 0;
}

.z-main-page-progs-tab .swiper-button-next {
    right: -60px;
    top: 0;
    height: 100%;
    width: 40px;
    background: #f3f3f3 url('/bitrix/templates/slavmir/images/p-next.png') no-repeat center center;
    margin-top: 0;
}

.z-main-page-progs-item {
    height: 115px;
    margin-bottom: 15px;
}

.z-main-page-progs-item:nth-child(2n) {
    margin-bottom: 0;
}

.z-main-page-progs-item:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: table;
}

.z-main-page-progs-item-left {
    width: 110px;
    float: left;
    margin-right: 15px;
}

.z-main-page-progs-item-right {
    width: 141px;
    float: left;
}

.z-main-page-progs-item-name {
    color: #e72700;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    margin-bottom: 10px;
    display: block;
}

.z-main-page-progs-item-text {
    font-size: 12px;
}

.index_music_header .index_music_tabs ul li:last-child {
    font-weight: normal;
}

.z-main-page-progs-item-img {
    display: block;
    margin-bottom: 5px;
}

.z-main-page-progs-count {
    line-height: 22px;
    letter-spacing: -0.3em;
    text-align: center;
}

.z-main-page-progs-count-current {
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    color: #999999;
    border-right: 1px solid #cccccc;
    padding-right: 5px;
    letter-spacing: normal;
}

.z-main-page-progs-count-new {
    display: inline-block;
    line-height: 22px;
    font-size: 12px;
    color: #e72700;
    padding-left: 5px;
    letter-spacing: normal;
}

.z-main-page-progs-count-current span {
    display: inline-block;
    color: #999999;
}

.z-main-page-progs-count-new span {
    text-decoration: underline;
    display: inline-block;
    color: #e72700;
}

@media (max-width: 1366px) {
    .z-main-page-progs {
        width: calc(100% - 480px);
    }

    .z-main-page-progs-col {
        width: 50% !important;
    }

    .z-main-page-progs-item-right {
        width: 200px;
    }
}

@media (max-width: 1024px) {
	.z-main-page-progs {
		width: calc(100% - 100px);
        float: none;
        margin-left: 50px;
        margin-right: 50px;
	}

	.z-main-page-progs-col {
		width: 50% !important;
	}

	.z-main-page-progs-item-right {
		width: 200px;
	}

    .z-main-page-tv-wrap {
        width: 500px;
        float: none;
        margin-left: auto;
        margin-right: auto;
        height: auto;
    }
}

@media (max-width: 769px) {
    .z-main-page-tv-wrap {
        max-width: 320px;
        height: auto;
        float: none;
        margin-left: auto;
        margin-right: auto;
    }

    .z-main-page-progs-item-right {
        width: 110px;
        float: left;
    }

    /*.z-main-page-tv-wrap:after {
        content: "";
        position: absolute;
        border-top: 27px solid #f3f3f3;
        border-left: 320px solid transparent;
        left: 0;
        top: 100%;
    }*/

    .z-main-page-progs-col {
        width: 100% !important;
        max-width: 800px;
    }

    .z-main-page-progs .index_music_tabs ul li {
        font-size: 18px;
        padding: 0;
        margin-right: 0;
    }

    .z-main-page-progs .index_music_tabs ul li:nth-child(1) {
        margin-right: 0;
    }

    .z-main-page-progs {
        max-width: 100%;
        width: 100%;
        float: none;
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
    }
}

.video-responsive {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.z-hidden-tarifs-popup-confirm-close-wrap {
    background: rgba(255, 255, 255, 0.6);
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
}

.z-hidden-tarifs-popup-confirm-close {
    position: absolute;
    width: 500px;
    max-width: 90%;
    box-sizing: border-box;
    padding: 20px;
    border: 2px solid #f47b22;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
    text-align: center;
}



.z-hidden-tarifs-popup-confirm-close-close {
    display: inline-block;
    font-size: 14px;
    margin-top: 30px;
    color: #fff;
    text-align: center;
    max-width: 146px;
    padding: 10px 10px 13px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'PT Serif';
    background-color: #F38C1E;
    margin-bottom: 15px;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
}



.z-hidden-tarifs-popup-confirm-close-back {
    display: inline-block;
    font-size: 14px;
    margin-top: 30px;
    color: #fff;
    text-align: center;
    max-width: 146px;
    padding: 10px 10px 13px;
    text-decoration: none;
    font-size: 15px;
    font-family: 'PT Serif';
    background-color: #F38C1E;
    margin-bottom: 15px;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.z-hidden-tarifs-popup h1 {
    margin-bottom: 35px;
    color:  #f47b22;
}

.subs_container:after {
    display: none;
}

#loading_screen {
    box-shadow: none !important;
    background: transparent;
}

.zp ul.index_music_container, 
.zp .index_music_header {
    padding-left: 30px;
}

#tarifs {
    background: url('/bitrix/templates/slavmir/images/sl-back.jpg') top center;
}

#tarifs:before {
    display: none;
}

#tarifs .breadcrumbs {
    display: none;
}

#tarifs h1 {
    font-size: 60px;
    margin-top: 0;
    margin-bottom: 20px;
}

#tarifs h2 {
    font-size: 33px;
    font-weight: normal;
    padding: 0;
    line-height: 48px;
}

.tarif_top_list.new {
    max-width: 1200px;
}

.tarif_top_list.new .tarif_top_item {
    position: relative;
    width: 33.333333%;
    height: auto;
    border-radius: 0;
    background-color: transparent;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    cursor: pointer;
}

.tarif_top_item-name {
    font-family: 'CyrillicOld';
    color: #e54a3b;
    font-size: 30px;
    text-shadow: 0px 0px 30px rgba(255, 255, 255, 0.91), 0px 0px 30px rgba(255, 255, 255, 0.91), 0px 0px 30px rgba(255, 255, 255, 0.91), 0px 0px 30px rgba(255, 255, 255, 0.91), 0px 0px 30px rgba(255, 255, 255, 0.91);
}

.tarif_top_item-name span {
    display: block;
    text-transform: uppercase;
    font-size: 50px;
}

.tarif_top_item-block {
    background: url('/bitrix/templates/slavmir/images/new-tarif-back.png') no-repeat center center;
    width: 100%;
    margin-top: -10px;
    position: relative;
    background-size: contain;
}

.tarif_top_item-block:before{
    content: "";
    display: block;
    padding-top: 100%;
}

.tarif_top_item-block-content {
    position: absolute;
    top: 32%;
    left: 21%;
    text-align: center;
    width: 58%;
}

.tarif_top_item-oldprice {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    font-size: 35px;
    color: #f9dab9;
}

.tarif_top_item-oldprice span {
    font-weight: bold;
    font-size: 35px;
}

.tarif_top_item-oldprice:before,
.tarif_top_item-oldprice:before {
    content:'';
    position:absolute;
    display:block;
    width:auto;
    height:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background: rgba(251,225,120,0) url('/bitrix/templates/slavmir/images/cross.png') no-repeat center center;
}

.tarif_top_item-price {
    font-size: 55px;
    margin: 5px 0 15px;
}

.tarif_top_item-price span {
    font-weight: bold;
    font-size: 55px;
}

.tarif_top_list.new a.tarif_top_item-button {
    font-family: 'CyrillicOld';
    color: #e54a3b;
    display: inline-block;
    width: auto;
    padding: 0 5px;
    font-size: 30px;
    border-radius: 15px;
    margin: 0;
}

@media (max-width: 1024px) {

    .tarif_top_item-name span {
        font-size: 40px;
    }

    .tarif_top_item-oldprice {
        font-size: 25px;
    }

    .tarif_top_item-oldprice span {
        font-weight: bold;
        font-size: 25px;
    }

    .tarif_top_item-price {
        font-size: 40px;
        margin: 5px 0 10px;
    }

    .tarif_top_item-price span {
        font-weight: bold;
        font-size: 40px;
    }

}

@media (max-width: 769px) {
    #tarifs {
        background-size: cover;
    }

    #tarifs h1 {
        font-size: 45px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    #tarifs h2 {
        font-size: 23px;
        font-weight: normal;
        padding: 0;
        line-height: 38px;
    }

    .tarif_top_list.new .tarif_top_item {
        width: 100%;
        max-width: 419px;
        float: none;
    }

    .tarif_top_item-name span {
        display: block;
        text-transform: uppercase;
        font-size: 50px;
    }
    .tarif_top_item-oldprice {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        font-size: 35px;
        color: #f9dab9;
    }

    .tarif_top_item-oldprice span {
        font-weight: bold;
        font-size: 35px;
    }
    .tarif_top_item-price {
        font-size: 55px;
        margin: 5px 0 15px;
    }

    .tarif_top_item-price span {
        font-weight: bold;
        font-size: 55px;
    }
}

@media (max-width: 375px) {

    .tarif_top_list.new .tarif_top_item {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .tarif_top_item-name span {
        font-size: 40px;
    }

    .tarif_top_item-oldprice {
        font-size: 25px;
    }

    .tarif_top_item-oldprice span {
        font-weight: bold;
        font-size: 25px;
    }

    .tarif_top_item-price {
        font-size: 40px;
        margin: 5px 0 10px;
    }

    .tarif_top_item-price span {
        font-weight: bold;
        font-size: 40px;
    }
}

@media (max-width: 320px) {

    .tarif_top_list.new .tarif_top_item {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .tarif_top_list.new a.tarif_top_item-button {
        font-size: 23px;
    }

    .tarif_top_item-name span {
        font-size: 40px;
    }

    .tarif_top_item-oldprice {
        font-size: 25px;
    }

    .tarif_top_item-oldprice span {
        font-weight: bold;
        font-size: 25px;
    }

    .tarif_top_item-price {
        font-size: 40px;
        margin: 5px 0 10px;
    }

    .tarif_top_item-price span {
        font-weight: bold;
        font-size: 40px;
    }
}

.real-content {
    display: none;
}

/*.hidden-aticles-block.video * {
    font-style: normal;
    font-family: 'Open Sans', sans-serif;
    line-height: 1;
}*/

.hidden-aticles-block.video:before {
    display: none;
}

.pseudo-video {
    position: relative;
    cursor: pointer;
}

.pseudo-video img {
    max-width: 100%;
    height: auto;
}

.pseudo-video .overlay {
    position: absolute;
    height: 91px;
    width: 91px;
    left: 50%;
    top: 50%;
    margin-top: -45px;
    margin-left: -45px;
}

.faq-list-title {
    font-weight: bold;
    text-align: center;
    font-size: 36px;
    margin-bottom: 50px;
}

.faq-list {

}

.faq-list-item {
    margin-bottom: 15px;
}

.faq-list-item.active {

}

.faq-list-item-question {
    font-size: 22px;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    padding: 20px;
    background: url('/bitrix/templates/slavmir/images/faq-plus.png') no-repeat 98% center;
}

.faq-list-item.active .faq-list-item-question {
    background: #f5f5f5 url('/bitrix/templates/slavmir/images/faq-minus.png') no-repeat 98% center;
}

.faq-list-item-answer {
    border: 1px solid #e2e2e2;
    border-top: none;
    padding: 30px 45px;
    display: none;
}

/*доступно по подписке*/


.faq-list.tarify {
    width: 1040px;
    margin: 0 auto;
}

.allow-subscribe-wrap {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto 50px;
}

.allow-subscribe-wrap-index {
    max-width: 1440px;
    width: 100%;
}

.allow-subscribe-title {
    font-weight: bold;
    text-align: center;
    font-size: 36px;
    margin-bottom: 50px;
}

.allow-subscribe-links {
    margin: 0 40px 40px 40px;
}

.allow-subscribe-wrap-index .allow-subscribe-links {
    margin: 0 40px 40px 57px;
}

.allow-subscribe-link {
    display: inline-block;
    font-size: 26px;
    color: #e72700;
    margin-right: 60px;
    cursor: pointer;
}

.allow-subscribe-link.active,
.allow-subscribe-link:hover {
    text-decoration: underline;
    color: #000;
}

.allow-subscribe-blocks {

}

.allow-subscribe-block {
    display: none;
    position: relative;
}

.allow-subscribe-block.active {
    display: block;
}

.allow-subscribe-video-slider {
    width: 1040px;
    margin: 0 auto;
}

.allow-subscribe-wrap-index .allow-subscribe-video-slider {
    width: 1324px;
}

.allow-subscribe-block .swiper-button-prev {
    left: 0;
    background: url(/bitrix/templates/slavmir/images/event-prev.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 66px;
    background-size: cover;
    margin-top: 0;
}

.allow-subscribe-block .swiper-button-next {
    right: 0;
    background: url(/bitrix/templates/slavmir/images/event-next.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 66px;
    background-size: cover;
    margin-top: 0;
}

.allow-subscribe-wrap-index .swiper-button-next,
.allow-subscribe-wrap-index .swiper-button-prev {
    top: 90px;
}

.allow-subscribe-video-item.swiper-slide {
    display: block;
    width: 241px;
    float: left;
    margin-right: 25px;
    text-align: left;
    text-decoration: none;
}

.allow-subscribe-wrap-index .allow-subscribe-video-item.swiper-slide {
    width: 305px;
    margin-right: 34px;
    text-align: left;
}

.allow-subscribe-video-item-img {
    position: relative;
    width: 100%;
    height: 178px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    text-align: center;
}

.allow-subscribe-wrap-index .allow-subscribe-video-item-img {
    height: 225px;
    text-align: left;
    background-size: auto 100%;
}

.allow-subscribe-video-item-time {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f47b22;
    padding: 7px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    font-family: 'PT Sans';
}

.allow-subscribe-video-item .play {
    position: absolute;
    left: 54%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 51px;
    height: 65px;
    background-image: url(/bitrix/templates/slavmir/images/play_prog_item.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.allow-subscribe-video-item:hover .play {
    opacity: 1;
}

.allow-subscribe-video-item-overlay {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 30px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.allow-subscribe-video-item-overlay p {
    font-family: 'PT Sans';
    font-weight: bold;
    padding: 0 0 0 105px !important;
    font-size: 24.99px;
    color: #f38c1e;
    text-align: left;
    line-height: 1.2;
}

.allow-subscribe-video-item:hover .allow-subscribe-video-item-overlay {
    opacity: 1;
}

.allow-subscribe-video-item-title {
    position: relative;
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 16px;
    line-height: 1.2;
    display: block;
}

.allow-subscribe-video-item-name {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

.allow-subscribe-wrap-index .allow-subscribe-video-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.allow-subscribe-video-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.allow-subscribe-wrap-index .allow-subscribe-video-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.allow-subscribe-video-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 1366px) {
    .allow-subscribe-wrap-index {
        max-width: 1366px;
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-slider {
        width: 1200px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-item.swiper-slide {
        width: 285px;
        margin-right: 20px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1280px) {
    .allow-subscribe-wrap-index {
        max-width: 1280px;
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-slider {
        width: 1100px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-item.swiper-slide {
        width: 305px;
        margin-right: 92px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1024px) {
    .allow-subscribe-wrap {
        max-width: 100%;
    }

    .allow-subscribe-video-slider {
        width: 900px;
    }

    .allow-subscribe-video-item.swiper-slide {
        width: 283px;
    }

    .allow-subscribe-block .swiper-button-prev {
        left: 10px;
    }

    .allow-subscribe-block .swiper-button-next {
        right: 10px;
    }

    .faq-list.tarify {
        width: 100%;
        padding: 0 10px;
    }

    .allow-subscribe-wrap-index {
        max-width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-slider {
        width: 900px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-item.swiper-slide {
        width: 283px;
        margin-right: 25px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1023px) {
    .allow-subscribe-wrap {
        padding: 0 10px;
    }

    .allow-subscribe-video-slider {
        width: 100%;
    }

    .allow-subscribe-video-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-block .swiper-button-prev {
        display: none;
    }

    .allow-subscribe-block .swiper-button-next {
        display: none;
    }

    .allow-subscribe-wrap-index {
        padding: 0 10px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-slider {
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-video-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        display: none;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        display: none;
    }

    .allow-subscribe-video-item-overlay p {
        padding: 0 !important;
        text-align: center;
    }
}

@media (max-width: 700px) {
    .allow-subscribe-link {
        display: block;
        text-align: center;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 440px) {
    .allow-subscribe-video-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }

     .allow-subscribe-wrap-index .allow-subscribe-video-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }

     .allow-subscribe-video-item-img {
        height: 225px;
        text-align: left;
        background-size: auto 100%;
    }
}





.allow-subscribe-audio-slider {
    width: 1040px;
    margin: 0 auto;
}

.allow-subscribe-wrap-index .allow-subscribe-audio-slider {
    width: 1324px;
}

.allow-subscribe-audio-item.swiper-slide {
    display: block;
    width: 241px;
    float: left;
    margin-right: 25px;
    text-align: left;
    text-decoration: none;
}

.allow-subscribe-wrap-index .allow-subscribe-audio-item.swiper-slide {
    width: 305px;
    margin-right: 34px;
    text-align: left;
}

.allow-subscribe-audio-item-img {
    position: relative;
    width: 100%;
    height: 178px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.allow-subscribe-wrap-index .allow-subscribe-audio-item-img {
    height: 225px;
    text-align: center;
}

.allow-subscribe-audio-item-time {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f47b22;
    padding: 7px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    font-family: 'PT Sans';
}

.allow-subscribe-audio-item .play {
    position: absolute;
    left: 54%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 62px;
    height: 51px;
    background-image: url(/bitrix/templates/slavmir/images/headphones.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.allow-subscribe-audio-item:hover .play {
    opacity: 1;
}

.allow-subscribe-audio-item-title {
    position: relative;
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 16px;
    line-height: 1.2;
    display: block;
}

.allow-subscribe-audio-item-name {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

.allow-subscribe-wrap-index .allow-subscribe-audio-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.allow-subscribe-audio-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.allow-subscribe-wrap-index .allow-subscribe-audio-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.allow-subscribe-audio-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
}

@media (max-width: 1366px) {
    .allow-subscribe-wrap-index {
        max-width: 1366px;
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-slider {
        width: 1200px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-item.swiper-slide {
        width: 285px;
        margin-right: 20px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1280px) {
    .allow-subscribe-wrap-index {
        max-width: 1280px;
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-slider {
        width: 1100px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-item.swiper-slide {
        width: 305px;
        margin-right: 92px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1024px) {
    .allow-subscribe-audio-slider {
        width: 900px;
    }

    .allow-subscribe-audio-item.swiper-slide {
        width: 283px;
    }

    .allow-subscribe-block .swiper-button-prev {
        left: 10px;
    }

    .allow-subscribe-block .swiper-button-next {
        right: 10px;
    }

    .allow-subscribe-wrap-index {
        max-width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-slider {
        width: 900px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-item.swiper-slide {
        width: 283px;
        margin-right: 25px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .mus_subs_img {
        width: 33px;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1023px) {
    .allow-subscribe-audio-slider {
        width: 100%;
    }

    .allow-subscribe-audio-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-block .swiper-button-prev {
        display: none;
    }

    .allow-subscribe-block .swiper-button-next {
        display: none;
    }

    .allow-subscribe-wrap-index {
        padding: 0 10px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-slider {
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        display: none;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        display: none;
    }

    .allow-subscribe-wrap-index .mus_subs_img {
        width: 33px;
    }
}

@media (max-width: 440px) {
    .allow-subscribe-audio-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-wrap-index .allow-subscribe-audio-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }
}



.allow-subscribe-articles-slider {
    width: 1040px;
    margin: 0 auto;
}

.allow-subscribe-wrap-index .allow-subscribe-articles-slider {
    width: 1324px;
}

.allow-subscribe-articles-item.swiper-slide {
    display: block;
    width: 241px;
    float: left;
    margin-right: 25px;
    text-align: left;
    text-decoration: none;
}

.allow-subscribe-wrap-index .allow-subscribe-articles-item.swiper-slide {
    width: 305px;
    margin-right: 34px;
    text-align: left;
}

.allow-subscribe-articles-item-img {
    position: relative;
    width: 100%;
    height: 178px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
}

.allow-subscribe-wrap-index .allow-subscribe-articles-item-img {
    height: 225px;
    text-align: center;
}

.allow-subscribe-articles-item-name {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

.allow-subscribe-wrap-index .allow-subscribe-articles-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.allow-subscribe-articles-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.allow-subscribe-wrap-index .allow-subscribe-articles-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.allow-subscribe-articles-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
}

@media (max-width: 1366px) {
    .allow-subscribe-wrap-index {
        max-width: 1366px;
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-slider {
        width: 1200px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-item.swiper-slide {
        width: 285px;
        margin-right: 20px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1280px) {
    .allow-subscribe-wrap-index {
        max-width: 1280px;
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-slider {
        width: 1100px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-item.swiper-slide {
        width: 305px;
        margin-right: 92px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1024px) {
    .allow-subscribe-articles-slider {
        width: 900px;
    }

    .allow-subscribe-articles-item.swiper-slide {
        width: 283px;
    }

    .allow-subscribe-block .swiper-button-prev {
        left: 10px;
    }

    .allow-subscribe-block .swiper-button-next {
        right: 10px;
    }
    
    .allow-subscribe-wrap-index {
        max-width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-slider {
        width: 900px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-item.swiper-slide {
        width: 283px;
        margin-right: 25px;
        text-align: left;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        right: 20px;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1023px) {
    .allow-subscribe-articles-slider {
        width: 100%;
    }

    .allow-subscribe-articles-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-block .swiper-button-prev {
        display: none;
    }

    .allow-subscribe-block .swiper-button-next {
        display: none;
    }

    .allow-subscribe-wrap-index {
        padding: 0 10px;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-slider {
        width: 100%;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-wrap-index .swiper-button-next {
        display: none;
    }

    .allow-subscribe-wrap-index .swiper-button-prev {
        display: none;
    }
}

@media (max-width: 440px) {
    .allow-subscribe-articles-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }

    .allow-subscribe-wrap-index .allow-subscribe-articles-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }
}

@media screen and (max-width: 420px){
    .video_page_list .video_page_item {
        max-width: 305px !important;
        width: 100%;
    }

    .video_page_list .video_page_item .item_img {
        background-size: contain;
    }

    #about_page_top {
        background-position: 65% 50%;
    }
}

/*Страница о нас*/

.o-nas-page {
    margin-top: 35px;
}

.o-nas-list-select {
    margin-bottom: 50px;
}

.o-nas-list-select-item {
    color: #e72700;
    font-size: 26px;
    display: inline-block;
    margin-right: 60px;
    cursor: pointer;
}

.o-nas-list-select-item:hover,
.o-nas-list-select-item.active {
    color: #000;
    text-decoration: underline;
}

.o-nas-list-block {
    
}

.o-nas-list-block-content {
    display: none;
    line-height: 1.2;
}

.o-nas-list-block-content img {
    max-width: 100%;
}

.o-nas-list-block-content.active {
    display: block;
}

@media (max-width: 1023px) {
    .o-nas-list-select {
        margin-bottom: 0;
    }

    .o-nas-list-select-item {
        margin-bottom: 20px;
        display: block;
        font-size: 22px;
    }
}

@media (max-width: 414px) {
    .o-nas-list-block .article_item_video .item {
        max-width: 100%;
    }
}

/*блок - кнопка видео в шапке*/

.z-header-video-block {
    width: 303px;
    height: 224px;
    position: absolute;
    left: 75px;
    top: 35px;
    background: url('/bitrix/templates/slavmir/images/h-video-img.jpg') no-repeat center center;
    cursor: pointer;
}

.z-header-video-block-play {
    width: 91px;
    height: 91px;
    margin: 28px auto 20px;
    background: url('/bitrix/templates/slavmir/images/h-video-play.png') no-repeat center center;
}

.z-header-video-block-text {
    text-align: center;
    font-size: 24px;
    color: #f38c1e;
}

@media (max-width: 1023px) {
    .z-header-video-block {
        width: 100%;
        height: auto;
        text-align: center;
        position: absolute;
        left: 0;
        top: 50px;
        background: transparent;
    }

    .z-header-video-block-play {
        display: none;
    }

    .z-header-video-block-text {
        display: inline-block;
        font-size: 24px;
        background: #e72700;
        color: #fff;
        padding: 5px 10px;
        border: 2px solid #fff;
        border-radius: 6px;
    }

    .z-header-video-block-text br {
        display: none;
    }
}

/*модалка с видео*/

.z-input-name-popup-video-wrap {
    background: rgba(255, 255, 255, 0.6);
    width: 100vw;
    height: 100vh;
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    z-index: 99999;
}

.z-input-name-popup-video {
    position: absolute;
    width: 800px;
    max-width: 90%;
    box-sizing: border-box;
    padding: 30px 20px 20px;
    border: 2px solid #f47b22;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 99999;
    display: none;
}

.z-input-name-popup-video-close {
    top: 5px;
    right: 5px;
}


.opened_video_bar_main #tv-container {
    display: block;
    background: #000;
    min-height: 169px;
    background: #000 url('/bitrix/templates/slavmir/images/play.svg') no-repeat center center;
    background-size: 42px 42px;
    cursor: pointer;
}

.efir_mobile #m-tv-container {
    width: 100vw;
    display: block;
    background: #000;
    min-height: 265px;
    background: #000 url('/bitrix/templates/slavmir/images/play.svg') no-repeat center center;
    background-size: 66px 66px;
    cursor: pointer;
}

#index-tv-container {
    width: 100%;
    height: 186px;
    background: url(/images/playerPlaceholder.jpg) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
}

.mb_bar_wrap {
    position: relative;
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
}

.tarif_top_item-block-vgdn {
    position: absolute;
    bottom: 11%;
    width: 58%;
    left: 21%;
}

.tarif_top_item-block-vgdn img {
    width: 100%;
}

/**video_index_slider*/

.z-index-list-new-wrap {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto 50px;
}

.z-index-list-new-wrap-index {
    max-width: 1440px;
    width: 100%;
}

.z-index-list-new-title {
    font-weight: bold;
    text-align: center;
    font-size: 36px;
    margin-bottom: 50px;
}

.z-index-list-new-links {
    margin: 0 40px 40px 40px;
}

.z-index-list-new-wrap-index .z-index-list-new-links {
    margin: 0 40px 40px 57px;
}

.z-index-list-new-link {
    display: inline-block;
    font-size: 26px;
    color: #e72700;
    margin-right: 60px;
    cursor: pointer;
}

.z-index-list-new-link.active,
.z-index-list-new-link:hover {
    text-decoration: underline;
    color: #000;
}

.z-index-list-new-blocks {

}

.z-index-list-new-block {
    display: none;
    position: relative;
}

.z-index-list-new-block.active {
    display: block;
}

.z-index-list-new-video-slider {
    width: 1040px;
    margin: 0 auto;
}

.z-index-list-new-wrap-index .z-index-list-new-video-slider {
    width: 1324px;
}

.z-index-list-new-block .swiper-button-prev {
    left: 0;
    background: url(/bitrix/templates/slavmir/images/event-prev.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 66px;
    background-size: cover;
    margin-top: 0;
}

.z-index-list-new-block .swiper-button-next {
    right: 0;
    background: url(/bitrix/templates/slavmir/images/event-next.png) no-repeat center center;
    width: 25px;
    height: 45px;
    top: 66px;
    background-size: cover;
    margin-top: 0;
}

.z-index-list-new-wrap-index .swiper-button-next,
.z-index-list-new-wrap-index .swiper-button-prev {
    top: 90px;
}

.z-index-list-new-video-item.swiper-slide {
    display: block;
    width: 241px;
    float: left;
    margin-right: 25px;
    text-align: left;
    text-decoration: none;
}

.z-index-list-new-wrap-index .z-index-list-new-video-item.swiper-slide {
    width: 305px;
    margin-right: 34px;
    text-align: left;
}

.z-index-list-new-video-item-img {
    position: relative;
    width: 100%;
    height: 178px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    margin-bottom: 15px;
    text-align: center;
}

.z-index-list-new-wrap-index .z-index-list-new-video-item-img {
    height: 225px;
    text-align: left;
    background-size: auto 100%;
}

.z-index-list-new-video-item-time {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f47b22;
    padding: 7px 18px;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    font-family: 'PT Sans';
}

.z-index-list-new-video-item .play {
    position: absolute;
    left: 54%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 51px;
    height: 65px;
    background-image: url(/bitrix/templates/slavmir/images/play_prog_item.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.z-index-list-new-video-item:hover .play {
    opacity: 1;
}

.z-index-list-new-video-item-overlay {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 30px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.z-index-list-new-video-item-overlay p {
    font-family: 'PT Sans';
    font-weight: bold;
    padding: 0 0 0 105px !important;
    font-size: 24.99px;
    color: #f38c1e;
    text-align: left;
    line-height: 1.2;
}

.z-index-list-new-video-item:hover .z-index-list-new-video-item-overlay {
    opacity: 1;
}

.z-index-list-new-video-item-title {
    position: relative;
    color: #b6b8ba;
    font-family: 'PT Sans';
    font-size: 16px;
    line-height: 1.2;
    display: block;
}

.z-index-list-new-video-item-name {
    display: block;
    color: #000;
    font-family: 'PT Sans';
    font-size: 20px;
    line-height: 1.2;
    font-weight: 600;
}

.z-index-list-new-wrap-index .z-index-list-new-video-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.z-index-list-new-video-item-name.plus {
    position: relative;
    padding-left: 45px;
}

.z-index-list-new-wrap-index .z-index-list-new-video-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.z-index-list-new-video-item-name.plus:after {
    content: '';
    position: absolute;
    left: 0;
    top: -6px;
    width: 32px;
    height: 32px;
    background-image: url(/bitrix/templates/slavmir/css/../images/top_plays.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 1366px) {
    .z-index-list-new-wrap-index {
        max-width: 1366px;
        width: 100%;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-slider {
        width: 1200px;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-item.swiper-slide {
        width: 285px;
        margin-right: 20px;
        text-align: left;
    }

    .z-index-list-new-wrap-index .swiper-button-next {
        right: 20px;
    }

    .z-index-list-new-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1280px) {
    .z-index-list-new-wrap-index {
        max-width: 1280px;
        width: 100%;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-slider {
        width: 1100px;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-item.swiper-slide {
        width: 305px;
        margin-right: 92px;
        text-align: left;
    }

    .z-index-list-new-wrap-index .swiper-button-next {
        right: 20px;
    }

    .z-index-list-new-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1024px) {
    .z-index-list-new-wrap {
        max-width: 100%;
    }

    .z-index-list-new-video-slider {
        width: 900px;
    }

    .z-index-list-new-video-item.swiper-slide {
        width: 283px;
    }

    .z-index-list-new-block .swiper-button-prev {
        left: 10px;
    }

    .z-index-list-new-block .swiper-button-next {
        right: 10px;
    }

    .faq-list.tarify {
        width: 100%;
        padding: 0 10px;
    }

    .z-index-list-new-wrap-index {
        max-width: 100%;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-slider {
        width: 900px;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-item.swiper-slide {
        width: 283px;
        margin-right: 25px;
        text-align: left;
    }

    .z-index-list-new-wrap-index .swiper-button-next {
        right: 20px;
    }

    .z-index-list-new-wrap-index .swiper-button-prev {
        left: 20px;
    }
}

@media (max-width: 1023px) {
    .z-index-list-new-wrap {
        padding: 0 10px;
    }

    .z-index-list-new-video-slider {
        width: 100%;
    }

    .z-index-list-new-video-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .z-index-list-new-block .swiper-button-prev {
        display: none;
    }

    .z-index-list-new-block .swiper-button-next {
        display: none;
    }

    .z-index-list-new-wrap-index {
        padding: 0 10px;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-slider {
        width: 100%;
    }

    .z-index-list-new-wrap-index .z-index-list-new-video-item.swiper-slide {
        width: 50%;
        padding: 0 12px;
        margin-right: 0;
    }

    .z-index-list-new-wrap-index .swiper-button-next {
        display: none;
    }

    .z-index-list-new-wrap-index .swiper-button-prev {
        display: none;
    }

    .z-index-list-new-video-item-overlay p {
        padding: 0 !important;
        text-align: center;
    }
}

@media (max-width: 700px) {
    .z-index-list-new-link {
        display: block;
        text-align: center;
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 440px) {
    .z-index-list-new-video-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }

     .z-index-list-new-wrap-index .z-index-list-new-video-item.swiper-slide {
        width: 100%;
        padding: 0 12px;
        margin-right: 0;
    }

     .z-index-list-new-video-item-img {
        height: 225px;
        text-align: left;
        background-size: auto 100%;
    }
}

@media (min-width: 1280px) {
    header:after {
        content: "";
        display: table;
        width: 0;
        height: 0;
        clear: both;
    }

    header .logo {
        position: relative;
        width: 350px;
        float: left;
        z-index: 999;
    }

    header nav {
        position: absolute;
        width: 100%;
        float: none;
    }

    body.fixed_header header nav ul {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    header nav ul li:not(:last-child) {
        margin-left: 6px;
        margin-right: 6px;
    }

    header .header_bar {
        position: relative;
        z-index: 999;
    }
}


/***/
.step-item__input-text {
    width: 100%;
    border: none;
    color: #000;
    border-bottom: 2px solid #f38c1e;
    background-color: transparent;
    font-family: 'PT Serif';
    font-size: 23.6px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}


.z-ppt-mobile-block {
    display: none;
}

.z-ppt {
    display: none !important;
}

.z-no-subscribe .z-ppt {
    display: block !important;
    text-indent: -9999px;
    width: 224px;
    height: 50px;
    background: url('/bitrix/templates/slavmir/images/z-ppt.png') no-repeat center center;
    position: relative;
    top: -22px;
    cursor: pointer;
}

.unreg_link .z-ppt {
    top: -15px;
}

#header_bar .unreg_link {
    cursor: default;
}



@media (max-width: 440px) {
    body {
        border: 2px solid #ee1d1d;
    }

    body.fixed_header header {
        border-left: 2px solid #ee1d1d;
        border-right: 2px solid #ee1d1d;
        border-top: 2px solid #ee1d1d;
    }

    body.fixed_header #music_bar_mobile_scroll {
        border-left: 2px solid #ee1d1d;
        border-right: 2px solid #ee1d1d;
    }

    body.fixed_header.z-no-subscribe #music_bar_mobile_scroll {
        top: 80px;
    }

    .z-no-subscribe .z-ppt-mobile-block {
        display: block;
        position: fixed;
        left: 0;
        top: 60px;
        width: 100%;
        height: 20px;
        background: #ed1515;
        z-index: 9999;
    }

    .z-ppt-mobile {
        height: 100%;
        display: block;
        text-decoration: none;
        color: #fff;
        text-align: center;
        position: relative;
        z-index: 9999;
        line-height: 23px;
        font-size: 17px;
    }

    .z-ppt-mobile:after {
        content: "";
        position: absolute;
        width: 106px;
        background: #ed1515;
        height: 10px;
        z-index: 9998;
        top: 100%;
        left: 50%;
        margin-left: -53px;
        border-radius: 0 0 50% 50% / 0 0 100% 100%;
        margin-top: -1px;
    }

    body.fixed_header.mobile_bar_scroll #music_bar_mobile {
        border-left: 2px solid #ee1d1d;
        border-right: 2px solid #ee1d1d;
    }

    body.fixed_header.z-no-subscribe.mobile_bar_scroll #music_bar_mobile {
        top: 116px;
        border-left: 2px solid #ee1d1d;
        border-right: 2px solid #ee1d1d;
    }

    .type_radio {
        border-left: 2px solid #ee1d1d;
    }

    .type_tv {
        border-right: 2px solid #ee1d1d;
    }

    .z-no-subscribe .music_type_list {
        top: 80px;
    }

    .efir_mobile #m-tv-container {
        width: calc(100vw - 4px);
    }

    .z-no-subscribe header .mobile_menu {
        top: 80px;
    }
    
}

/**/

@media (max-width: 440px) {
    #music_bar_mobile .music_played{
       // width: 100%;
    }

    #music_bar_mobile .meta-info {
        position: absolute;
        left: 140px;
        color: #f47b22;
        font-size: 16px;
    }
}

.tarif_top_item-oldprice.none:before,
.tarif_top_item-oldprice.none:before {
    display: none;
}

.hidden-aticles-tarif-discount-price.none {
    text-decoration: none;
}


/**/

body.fixed_header.mobile_bar_scroll #music_bar_mobile_scroll {
    display: flex; 
}

#music_bar_mobile { /*уменьшаем размер плашки радио*/
    padding: 10px 0 10px; 
}

.main-page-events-title { /*увеличиваем расстояние над подборками, чтобы не перекрывало радио*/
    margin-top: 20px; 
}
.promo_button_mobile {
    display: none;
}
@media (max-width: 440px) {
    .promo_button_mobile { /*кнопка промо*/
        position: fixed;
        display: block;
        width: 36px;
        height: 145px;
        z-index: 500;
        top: 120px;
    }

    .radio_show { /*сдвигаем кнопку промо когда открыто радио*/
        top: 205px;
    }

    .tv_show { /*сдвигаем кнопку промо когда открыто ТВ*/
        top: 372px;
    }
}
.mail_block{
    margin:0 auto;
    text-align: center;
}

.mail_block a{
    display: inline-block;
}
@media (max-width: 440px) {
    .mail_block a{
        display: block;
    }

    .type_radio {
        border-right: 1px #f47b2252 solid;
    }
}

#tarifs #banner_rates {
    width: 415px;
    max-width: 85%;
    margin: 30px auto;
    text-align: center;
    font-family: 'PT Serif';
    font-size: 34px;
    color: #fff;
    font-weight: 600;
    background: #e54a3b;
    border: 5px solid #fff;
    padding: 10px 5px;
    border-radius: 15px;
    box-shadow: 0px 0px 30px rgba(255, 255, 255, 0.91), 0px 10px 30px rgba(255, 255, 255, 0.91);
    cursor: pointer;
}

@media (max-width: 440px) {
    #tarifs #banner_rates {
        font-size: 25px;
    }
}

.tarif_top_list.new .tarif_top_item {
    cursor: default;
}


#video_item_info .container h1 {
    margin-bottom: 0;
    font-size: 36px;
    max-width: 800px;
}

#video_item_info {
    padding: 30px 0;
}

@media (max-width: 440px) {
    #video_item_info .container h1 {
        margin-bottom: 0;
        font-size: 16px;
    }

    #video_item_info {
        padding: 15px 0;
    }

    #video_item_info:before,
    #video_item_info:after {
        top: 0;
        height: 70px;
    }
}

input[name="USER_CHECKWORD"] {
    display: inline-block;
}

#contacts .write_us form.contacts_form select {
    width: 100%;
    border: none;
    background: transparent;
    font-family: 'PT Serif';
    font-size: 27px;
    color: #000;
    border-bottom: 1px solid #7D7D7D;
    padding: 10px 5px 10px 14px;
    border-radius: 0;
}

#contacts .write_us form.contacts_form:after {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/images/about_after2.png);
    height: 27px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 30px;
}

#contacts .write_us form.contacts_form:before {
    content: '';
    position: relative;
    display: block;
    width: 100%;
    background-image: url(/bitrix/templates/slavmir/images/about_after2.png);
    height: 27px;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

#contacts .write_us h4 {
    margin-top: 0;
    margin-bottom: 30px;
}

#contacts .write_us {
    padding-bottom: 60px;
}

#contacts .write_us form.contacts_form input[type=file] {
    font-size: 16px;
}

#about_page_top.payments-page {
    padding: 30px 0;
    height: auto;
    background: #fff;
}

#about_page_top.payments-page:after {
    display: none;
}

.payments-page .breadcrumbs {
    position: static;
    color: #000;
}

.payments-page .breadcrumbs a,
.payments-page .breadcrumbs span {
    color: #000;
}

.payments-page .breadcrumbs ul li .vert_line:after {
    background: #000;
}

.payments-page h1 {
    display: none;
}

.payment-page {
    width: 100%;
    max-width: 750px;
    margin: 100px auto 35px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.19);
    position: relative;
    padding: 70px 0;
}

.payment-page:before {
    content: "";
    width: 181px;
    height: 181px;
    border-radius: 100% 100% 0 0;
    position: absolute;
    top: -73px;
    left: 50%;
    box-shadow: 0px 0px 24px 1px rgba(0,0,0,0.19);
    margin-left: -90px;
    background: #fff;
    z-index: 1;
}

.payment-page:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}

.payment-logo {
    position: absolute;
    z-index: 3;
    top: -43px;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
}

.payment-page-form {
    position: relative;
    z-index: 4;
    padding: 0 55px;
}

.payment-page-form-title {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    font-family: 'PT Serif';
    margin-bottom: 40px;
}

.payment-page-form-text {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 1.2;
}

.payment-page-form input[type=submit] {
    display: none;
}

.payment-page-form input[type=checkbox] {
    opacity: 0;
    display: none;
}

.payment-page-form-checkbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
}

.payment-page-form-checkbox-text {
    font-size: 16px;
    color: #555555;
    line-height: 18px;
}

.payment-page-form-checkbox label {
    display: block;
    height: 30px;
    width: 30px;
    border: 1px solid #b1b1b1;
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    flex-basis: 30px;
    flex-shrink: 0;
    margin-right: 20px;
}

.payment-page-form-checkbox label.error {
    border: 3px solid #ff0000;
}

.payment-page-form-checkbox input[type='checkbox']:checked + label:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    top: 5px;
    left: 5px;
    position: relative;
    border-radius: 100%;
    background: #f78e1e;
}

.payment-page-form-checkbox-arrow {
    flex-basis: 22px;
    height: 14px;
    margin-left: 20px;
    margin-top: 10px;
    flex-shrink: 0;
    background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat center center;
    cursor: pointer;
}

.payment-page-error {
    font-size: 21px;
    font-weight: bold;
    background: #ff1e1e url('/bitrix/templates/slavmir/images/pay-page-error.png') no-repeat 15px center;
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
    padding: 15px 15px 15px 60px;
    color: #fff;
    border-radius: 8px;
    margin-bottom: 35px;
    display: none;
}

.payment-page-buttons {
    width: 100%;
    max-width: 750px;
    margin: 0 auto 50px;
    padding: 0 30px;
}

.payment-page-buttons:after {
    content: "";
    width: 0;
    height: 0;
    display: table;
    clear: both;
}

.payment-page-buttons a {
    display: block;
    float: left;
    font-size: 22px;
    text-decoration: none;
    color: #f78e1e;
    line-height: 53px;
}

.payment-page-button-pay {
    display: block;
    float: right;
    background: #fd4a24;
    color: #fff;
    font-size: 22px;
    padding: 16px 45px;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
}

.payment-page-info {
    border-top: 1px solid #efefef;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    padding-top: 50px;
    color: #8d8d8d;
    font-size: 22px;
    line-height: 24px;
}

.payment-page-info-title {
    font-weight: bold;
    margin-bottom: 30px;
}

.payment-page-info-cd {
    line-height: 28px;
}

@media (max-width: 768px) {
    .payment-page {
        width: 90%;
        max-width: 750px;
    }

    .payment-page-form-title {
        font-size: 45px;
        font-weight: bold;
        text-align: center;
        font-family: 'PT Serif';
        margin-bottom: 40px;
    }

    .payment-page-form-text {
        margin-bottom: 15px;
        font-size: 27px;
        line-height: 1.2;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }

    .payment-page-form-text span {
        flex-basis: 50%;
        flex-shrink: 0;
    }

    .payment-page-form-text b {
        flex-basis: 40%;
        flex-shrink: 0;
    }

    .payment-page-form input[type=submit] {
        display: none;
    }

    .payment-page-form input[type=checkbox] {
        opacity: 0;
        display: none;
    }

    .payment-page-form-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-start;
    }

    .payment-page-form-checkbox-text {
        font-size: 27px;
        color: #555555;
        line-height: 30px;
    }

    .payment-page-form-checkbox label {
        display: block;
        height: 36px;
        width: 36px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 36px;
        flex-shrink: 0;
        margin-right: 20px;
    }

    .payment-page-form-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .payment-page-form-checkbox input[type='checkbox']:checked + label:after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        top: 8px;
        left: 8px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }

    .payment-page-form-checkbox-arrow {
        flex-basis: 22px;
        height: 14px;
        margin-left: 20px;
        margin-top: 40px;
        flex-shrink: 0;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat center center;
        cursor: pointer;
    }

    .payment-page-form-checkbox-arrow.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat center center;
    }

    .payment-page-error {
        font-size: 21px;
        font-weight: bold;
        background: #ff1e1e url('/bitrix/templates/slavmir/images/pay-page-error.png') no-repeat 15px center;
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        padding: 15px 15px 15px 60px;
        color: #fff;
        border-radius: 8px;
        margin-bottom: 35px;
        display: none;
    }

    .payment-page-buttons {
        width: 100%;
        max-width: 750px;
        margin: 0 auto 50px;
        padding: 0 30px;
    }

    .payment-page-buttons:after {
        content: "";
        width: 0;
        height: 0;
        display: table;
        clear: both;
    }

    .payment-page-buttons a {
        display: block;
        float: left;
        font-size: 31px;
        text-decoration: none;
        color: #f78e1e;
        line-height: 53px;
    }

    .payment-page-button-pay {
        display: block;
        float: right;
        background: #fd4a24;
        color: #fff;
        font-weight: bold;
        font-size: 31px;
        padding: 16px 45px;
        border-radius: 4px;
        cursor: pointer;
        box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
    }

    .payment-page-info {
        border-top: 1px solid #efefef;
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        padding-top: 30px;
        color: #8d8d8d;
        font-size: 31px;
        line-height: 36px;
        height: 96px;
        overflow: hidden;
    }

    .payment-page-info-title {
        font-weight: bold;
        margin-bottom: 30px;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat right center;
    }

    .payment-page-info-title.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat right center;
    }

    .payment-page-info-cd {
        line-height: 36px;
    }

    .payment-page-info {
        width: 90%;
    }
}

@media (max-width: 640px) {
    .payment-page {
        width: 90%;
        max-width: 750px;
    }

    .payment-page-form-title {
        font-size: 40px;
        font-weight: bold;
        text-align: center;
        font-family: 'PT Serif';
        margin-bottom: 40px;
    }

    .payment-page-form-text {
        margin-bottom: 15px;
        font-size: 24px;
        line-height: 1.2;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }

    .payment-page-form-text span {
        flex-basis: 50%;
        flex-shrink: 0;
    }

    .payment-page-form-text b {
        flex-basis: 40%;
        flex-shrink: 0;
    }

    .payment-page-form input[type=submit] {
        display: none;
    }

    .payment-page-form input[type=checkbox] {
        opacity: 0;
        display: none;
    }

    .payment-page-form-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-start;
    }

    .payment-page-form-checkbox-text {
        font-size: 24px;
        color: #555555;
        line-height: 28px;
    }

    .payment-page-form-checkbox label {
        display: block;
        height: 36px;
        width: 36px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 36px;
        flex-shrink: 0;
        margin-right: 20px;
    }

    .payment-page-form-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .payment-page-form-checkbox input[type='checkbox']:checked + label:after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        top: 8px;
        left: 8px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }

    .payment-page-form-checkbox-arrow {
        flex-basis: 22px;
        height: 14px;
        margin-left: 20px;
        margin-top: 40px;
        flex-shrink: 0;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat center center;
        cursor: pointer;
    }

    .payment-page-form-checkbox-arrow.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat center center;
    }

    .payment-page-error {
        font-size: 21px;
        font-weight: bold;
        background: #ff1e1e url('/bitrix/templates/slavmir/images/pay-page-error.png') no-repeat 15px center;
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        padding: 15px 15px 15px 60px;
        color: #fff;
        border-radius: 8px;
        margin-bottom: 35px;
        display: none;
    }

    .payment-page-buttons {
        width: 100%;
        max-width: 750px;
        margin: 0 auto 50px;
        padding: 0 30px;
    }

    .payment-page-buttons:after {
        content: "";
        width: 0;
        height: 0;
        display: table;
        clear: both;
    }

    .payment-page-buttons a {
        display: block;
        float: left;
        font-size: 28px;
        text-decoration: none;
        color: #f78e1e;
        line-height: 53px;
    }

    .payment-page-button-pay {
        display: block;
        float: right;
        background: #fd4a24;
        color: #fff;
        font-weight: bold;
        font-size: 28px;
        padding: 16px 45px;
        border-radius: 4px;
        cursor: pointer;
        box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
    }

    .payment-page-info {
        border-top: 1px solid #efefef;
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        padding-top: 30px;
        color: #8d8d8d;
        font-size: 28px;
        line-height: 36px;
        height: 96px;
        overflow: hidden;
    }

    .payment-page-info-title {
        font-weight: bold;
        margin-bottom: 30px;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat right center;
    }

    .payment-page-info-title.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat right center;
    }

    .payment-page-info-cd {
        line-height: 32px;
    }

    .payment-page-info {
        width: 90%;
    }
}

@media (max-width: 480px) {
    .payment-page {
        width: 90%;
        max-width: 750px;
    }

    .payment-page-form-title {
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        font-family: 'PT Serif';
        margin-bottom: 30px;
    }

    .payment-page-form {
        padding: 0 30px;
    }

    .payment-page-form-text {
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 1.2;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }

    .payment-page-form-text span {
        flex-basis: 50%;
        flex-shrink: 0;
    }

    .payment-page-form-text b {
        flex-basis: 40%;
        flex-shrink: 0;
    }

    .payment-page-form input[type=submit] {
        display: none;
    }

    .payment-page-form input[type=checkbox] {
        opacity: 0;
        display: none;
    }

    .payment-page-form-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-start;
    }

    .payment-page-form-checkbox-text {
        font-size: 18px;
        color: #555555;
        line-height: 22px;
    }

    .payment-page-form-checkbox label {
        display: block;
        height: 30px;
        width: 30px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 30px;
        flex-shrink: 0;
        margin-right: 20px;
    }

    .payment-page-form-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .payment-page-form-checkbox input[type='checkbox']:checked + label:after {
        content: "";
        display: block;
        width: 18px;
        height: 18px;
        top: 5px;
        left: 5px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }

    .payment-page-form-checkbox-arrow {
        flex-basis: 22px;
        height: 14px;
        margin-left: 20px;
        margin-top: 40px;
        flex-shrink: 0;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat center center;
        cursor: pointer;
    }

    .payment-page-form-checkbox-arrow.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat center center;
    }

    .payment-page-error {
        font-size: 21px;
        font-weight: bold;
        background: #ff1e1e url('/bitrix/templates/slavmir/images/pay-page-error.png') no-repeat 15px center;
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        padding: 15px 15px 15px 60px;
        color: #fff;
        border-radius: 8px;
        margin-bottom: 35px;
        display: none;
    }

    .payment-page-buttons {
        width: 100%;
        max-width: 750px;
        margin: 0 auto 50px;
        padding: 0 30px;
    }

    .payment-page-buttons:after {
        content: "";
        width: 0;
        height: 0;
        display: table;
        clear: both;
    }

    .payment-page-buttons a {
        display: block;
        float: left;
        font-size: 21px;
        text-decoration: none;
        color: #f78e1e;
        line-height: 53px;
    }

    .payment-page-button-pay {
        display: block;
        float: right;
        background: #fd4a24;
        color: #fff;
        font-weight: bold;
        font-size: 21px;
        padding: 16px 45px;
        border-radius: 4px;
        cursor: pointer;
        box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
    }

    .payment-page-info {
        border-top: 1px solid #efefef;
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        padding-top: 30px;
        color: #8d8d8d;
        font-size: 21px;
        line-height: 36px;
        height: 96px;
        overflow: hidden;
    }

    .payment-page-info-title {
        font-weight: bold;
        margin-bottom: 30px;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat right center;
    }

    .payment-page-info-title.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat right center;
    }

    .payment-page-info-cd {
        line-height: 32px;
    }

    .payment-page-info {
        width: 90%;
    }
}

@media (max-width: 320px) {
    .payment-page {
        width: 90%;
        max-width: 750px;
    }

    .payment-page-form-title {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        font-family: 'PT Serif';
        margin-bottom: 20px;
    }

    .payment-page-form {
        padding: 0 30px;
    }

    .payment-page-form-text {
        margin-bottom: 15px;
        font-size: 12px;
        line-height: 1.2;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #efefef;
        padding-bottom: 10px;
    }

    .payment-page-form-text span {
        flex-basis: 50%;
        flex-shrink: 0;
    }

    .payment-page-form-text b {
        flex-basis: 40%;
        flex-shrink: 0;
    }

    .payment-page-form input[type=submit] {
        display: none;
    }

    .payment-page-form input[type=checkbox] {
        opacity: 0;
        display: none;
    }

    .payment-page-form-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: flex-start;
    }

    .payment-page-form-checkbox-text {
        font-size: 12px;
        color: #555555;
        line-height: 16px;
    }

    .payment-page-form-checkbox label {
        display: block;
        height: 16px;
        width: 16px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 16px;
        flex-shrink: 0;
        margin-right: 10px;
    }

    .payment-page-form-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .payment-page-form-checkbox input[type='checkbox']:checked + label:after {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        top: 3px;
        left: 3px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }

    .payment-page-form-checkbox-arrow {
        flex-basis: 22px;
        height: 14px;
        margin-left: 20px;
        margin-top: 10px;
        flex-shrink: 0;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat center center;
        cursor: pointer;
    }

    .payment-page-form-checkbox-arrow.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat center center;
    }

    .payment-page-error {
        font-size: 21px;
        font-weight: bold;
        background: #ff1e1e url('/bitrix/templates/slavmir/images/pay-page-error.png') no-repeat 15px center;
        width: 100%;
        max-width: 990px;
        margin: 0 auto;
        padding: 15px 15px 15px 60px;
        color: #fff;
        border-radius: 8px;
        margin-bottom: 35px;
        display: none;
    }

    .payment-page-buttons {
        width: 100%;
        max-width: 750px;
        margin: 0 auto 20px;
        padding: 0 30px;
    }

    .payment-page-buttons:after {
        content: "";
        width: 0;
        height: 0;
        display: table;
        clear: both;
    }

    .payment-page-buttons a {
        display: block;
        float: left;
        font-size: 14px;
        text-decoration: none;
        color: #f78e1e;
        line-height: 34px;
    }

    .payment-page-button-pay {
        display: block;
        float: right;
        background: #fd4a24;
        color: #fff;
        font-weight: bold;
        font-size: 14px;
        padding: 10px 16px;
        border-radius: 4px;
        cursor: pointer;
        box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
    }

    .payment-page-info {
        border-top: 1px solid #efefef;
        max-width: 1440px;
        width: 100%;
        margin: 0 auto;
        padding-top: 30px;
        color: #8d8d8d;
        font-size: 14px;
        line-height: 24px;
        height: 96px;
        overflow: hidden;
    }

    .payment-page-info-title {
        font-weight: bold;
        margin-bottom: 35px;
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow.png') no-repeat right center;
    }

    .payment-page-info-title.open {
        background: url('/bitrix/templates/slavmir/images/pay-page-arrow-o.png') no-repeat right center;
    }

    .payment-page-info-cd {
        line-height: 24px;
    }

    .payment-page-info {
        width: 90%;
    }

    .payment-page-info-link {
        text-align: center;
    }
}
#banner_main {
width: 90%;
}

.payment-page-form-checkbox.hidden {
    display: none;
}

/*/tarify/*/

.tarif_advantages-block {
    margin-top: 40px;
    margin-bottom: 65px;
}

.tarif_advantages-title {
    font-family: 'PT Sans';
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.tarif_advantages-list {
    width: 1254px;
    max-width: 100%;
    margin: 87px auto 0;
}

.tarif_advantages-list.mobile {
    display: none;
}

.tarif_advantages-list:after {
    content: "";
    display: table;
    width: 0;
    height: 0;
    clear: both;
}

.tarif_advantages-item {
    float: left;
    margin: 0 17px;
    width: 175px;
    position: relative;
    padding: 95px 9px 15px;
    background: #fff;
    border-radius: 8px;
}

.tarif_advantages-item-img {
    width: 98%;
    height: auto;
    position: absolute;
    top: -80px;
    left: 1%;

}

.tarif_advantages-item-title {
    font-family: 'PT Serif';
    text-align: center;
    font-size: 58px;
    color: #ff8400;
    font-weight: bold;
    margin-bottom: 10px;
}

.tarif_advantages-item-text {
    text-align: center;
    color: #383736;
    font-size: 23px;
    line-height: 32px;
}

.new-promo {
    width: 750px;
    max-width: 90%;
    box-shadow: 0px 0px 46px 0px rgba(0,0,0,0.15);
    border-radius: 20px;
    background: #fff;
    padding: 55px;
    margin: 55px auto;
    text-align: center;
}

.new-promo-title {
    font-family: 'PT Serif';
    font-size: 54px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #fd4a24;
    margin-bottom: 25px;
}

.new-promo-text {
    font-family: 'PT Sans';
    font-size: 31px;
    line-height: 30px;
    color: #262626;
}

.new-promo-button {
    font-family: 'PT Sans';
    font-size: 25px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #ffffff;
    text-decoration: none;
    box-shadow: 0px 0px 15px 0px rgba(41,11,11,0.4);
    background-color: #fd4a24;
    border-radius: 5.0px;
    padding: 25px 35px;
    display: inline-block;
    margin: 25px 0;
}

.new-promo-button span {
    font-size: 29px;
}

.new-promo-select {
    display: block;
    font-family: 'PT Sans';
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 0.02em;
    color: #242424;
    padding-right: 30px;
    margin: 0 auto;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background: url('/bitrix/templates/slavmir/images/tarify/arrow.png') no-repeat center right;
}

@media (max-width: 720px) {
    .tarif_advantages-title {
        margin-bottom: 30px;
        font-size: 40px;
    }

    .tarif_advantages-list {
        display: none;
    }

    .tarif_advantages-list.mobile {
        display: block;
    }

    .tarif_advantages-item.swiper-slide {
        width: 245px;
        margin-top: 110px;
        padding-top: 135px;
    }

    .tarif_advantages-item-img {
        top: -110px;

    }

    .tarif_advantages-item-title {
        font-family: 'PT Serif';
        text-align: center;
        font-size: 79px;
        color: #ff8400;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .tarif_advantages-item-text {
        text-align: center;
        color: #383736;
        font-size: 33px;
    }
    
    .new-promo-select {
        padding-right: 30px;
    }
}

@media (max-width: 640px) {
    .tarif_advantages-title {
        margin-bottom: 30px;
        font-size: 36px;
    }

    .tarif_advantages-list {
        display: none;
    }

    .tarif_advantages-list.mobile {
        display: block;
    }

    .tarif_advantages-item.swiper-slide {
        width: 218px;
        margin-top: 95px;
        padding-top: 120px;
    }

    .tarif_advantages-item-img {
        top: -95px;

    }

    .tarif_advantages-item-title {
        font-family: 'PT Serif';
        text-align: center;
        font-size: 70px;
        color: #ff8400;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .tarif_advantages-item-text {
        text-align: center;
        color: #383736;
        font-size: 29px;
    }
    
    .new-promo-select {
        padding-right: 30px;
    }
}

@media (max-width: 480px) {
    .tarif_advantages-title {
        margin-bottom: 30px;
        font-size: 27px;
    }

    .tarif_advantages-list {
        display: none;
    }

    .tarif_advantages-list.mobile {
        display: block;
    }

    .tarif_advantages-item.swiper-slide {
        width: 163px;
        margin-top: 70px;
        padding-top: 85px;
        margin-left: 9px;
        margin-right: 9px;
    }

    .tarif_advantages-item-img {
        top: -70px;

    }

    .tarif_advantages-item-title {
        font-family: 'PT Serif';
        text-align: center;
        font-size: 53px;
        color: #ff8400;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .tarif_advantages-item-text {
        text-align: center;
        color: #383736;
        font-size: 21px;
        line-height: 26px;
    }
    
    .new-promo-select {
        padding-right: 30px;
    }

    .new-promo-button {
        padding: 15px;
    }
}

@media (max-width: 320px) {
    .tarif_advantages-title {
        margin-bottom: 30px;
        font-size: 18px;
    }

    .tarif_advantages-list {
        display: none;
    }

    .tarif_advantages-list.mobile {
        display: block;
    }

    .tarif_advantages-item.swiper-slide {
        width: 110px;
        margin-top: 48px;
        padding-top: 60px;
        margin-left: 6px;
        margin-right: 6px;
    }

    .tarif_advantages-item-img {
        top: -48px;

    }

    .tarif_advantages-item-title {
        font-family: 'PT Serif';
        text-align: center;
        font-size: 35px;
        color: #ff8400;
        font-weight: bold;
        margin-bottom: 10px;
    }

    .tarif_advantages-item-text {
        text-align: center;
        color: #383736;
        font-size: 13px;
        line-height: 18px;
    }

    .new-promo {
        padding: 20px;
        margin: 25px auto;
    }

    .new-promo-title {
        font-family: 'PT Serif';
        font-size: 24px;
        line-height: 30px;
        font-weight: bold;
        letter-spacing: 0.05em;
        color: #fd4a24;
        margin-bottom: 10px;
    }

    .new-promo-text {
        font-family: 'PT Sans';
        font-size: 12px;
        line-height: 18px;
        color: #262626;
    }

    .new-promo-button {
        font-family: 'PT Sans';
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0.02em;
        color: #ffffff;
        text-decoration: none;
        box-shadow: 0px 0px 15px 0px rgba(41,11,11,0.4);
        background-color: #fd4a24;
        border-radius: 5.0px;
        padding: 10px 15px;
        display: inline-block;
        margin: 15px 0;
    }

    .new-promo-button span {
        font-size: 16px;
    }
    
    .new-promo-select {
        padding-right: 30px;
        font-size: 14px;
    }
}

/*/lichnoe/*/

.current_subs {

}

.current_subs:after {
    content: "";
    display: table;
    width: 0;
    height: 0;
    clear: both;
}

.sub-block {
    float: left;
    margin-right: 105px;
}

.sub-block-title {
    font-family: 'PT Serif';
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
}

.sub-block-tarif {
    font-family: 'PT Sans';
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
}

.sub-block-text {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.sub-block-text span {
    font-family: 'PT Sans';
    font-size: 15px;
    line-height: 18px;
}

.sub-block-text span:first-of-type {
    margin-right: 15px;
}

.sub-block-button-block {
    margin-top: 20px;
}

.sub-block-button {
    font-family: 'PT Sans';
    font-size: 14px;
    font-weight: 400;
    background: #ff8400;
    display: inline-block;
    color: #fff;
    padding: 14px 20px;
    border-radius: 20px;
    cursor: pointer;
}

.tippy-tooltip.light-theme {
    color: #000 !important;
}

.sub-block-button-managed {
    display: none;
    margin-top: 20px;
}

.sub-block-button-managed.active {
    display: block;
}

.sub-block-button.manage.active {
    background: #fff;
    color: #ff8400;
}

.sub-block-button.change-sub {
    background: #ff8400 url(/bitrix/templates/slavmir/images/lk/pencil.svg) no-repeat 15px center;
    background-size: 20px 20px;
    padding-left: 40px;
}

.sub-block-button.cancel-autorenew {
    background: #fff;
    color: #ff8400;
    margin-left: 20px;
}

.lk-popup-back {
    display: none;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000000;
    position: fixed;
    z-index: 999998;
    left: 0;
    top: 0;
}

.lk-popup-wrap {
    display: none;
    position: absolute;
    z-index: 999999;
    top: 0;
    left: 0;
    background: #fff;
    padding: 30px;
    box-shadow: 0px 0px 35px 0px rgba(37,21,21,0.4);
    border-radius: 10px;
    width: 510px;
    max-width: 90%;
}

.lk-popup-title {
    font-family: 'PT Serif';
    font-weight: bold;
    font-size: 28px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 40px;
}

.lk-popup-content {

}

.lk-popup-content-text {
    font-family: 'PT Sans';
    font-size: 18px;
    color: #1e1e1e;
    text-align: center;
    margin-bottom: 40px;
}

.lk-popup-buttons {
    text-align: right;
}

.lk-popup-button-cancel {
    font-family: 'PT Sans';
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    display: inline-block;
    color: #525252;
    padding: 14px 20px;
    border-radius: 20px;
    cursor: pointer;
}

.lk-popup-button-next {
    font-family: 'PT Sans';
    font-size: 14px;
    font-weight: 400;
    background: #fe431a;
    display: inline-block;
    color: #fff;
    padding: 14px 20px;
    border-radius: 20px;
    cursor: pointer;
    box-shadow: 0px 0px 8px 0px rgba(37,21,21,0.34);
}

.lk-popup-checkbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    margin-bottom: 35px;
}

.lk-popup-checkbox-text {
    font-family: 'PT Sans';
    font-size: 18px;
    color: #1e1e1e;
}

.lk-popup-checkbox label {
    display: block;
    height: 30px;
    width: 30px;
    border: 1px solid #b1b1b1;
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    flex-basis: 30px;
    flex-shrink: 0;
    margin-right: 15px;
}

.lk-popup-checkbox label.error {
    border: 3px solid #ff0000;
}

.lk-popup-checkbox input[type='radio']:checked + label:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    top: 5px;
    left: 5px;
    position: relative;
    border-radius: 100%;
    background: #f78e1e;
}

.sub-block-help,
.sub-block-help-text {
    display: none;
    color: #6c6c6c;
}

@media (max-width: 720px) {
    .sub-block-help {
        display: inline-block;
        width: 48px;
        height: 48px;
        cursor: pointer;
        margin-left: 30px;
        vertical-align: top;
        background: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAACMRWrdAAAF+klEQVRogc2aaYwWRRCGn10W8YcorILGg3AtoBg1WROJckQur3gkuAY1eBFARTSSIOgPfyqg0Xgi4oGgKOB9EBU8UOKRSIzEi9sIKoKyHH9As2DavEPasufbb3pmWN7ky2a6Z7r73a6uqq6qmhUrVlAw+gND9Lcv0B2oBzpqmt3AduAXYDXwDfAR8H2Ry6grYIxaYChwJXARcGwr73fWrxcw2GvfArwDLBDR/XkXFYvDgZuAH4GlwA1VkKqE44CxwAfaSTd2h4NN7CpgLfA40BA7eQU0aOw1wBUxA2QVxd7AbIleGtwZWg64w7sK+AnYCuzU+0cBXXX2TgMG6UweERivG7AQGAeMBzZWu9AsyqMJeAo4MtD3F/AaME9i+Xe1gwrtgfOAa4BLgcMC7+yQqL5azYDViGINcC+wKEDKEXpEimA0sCSCFPrmbYmdE8PHNLaPTsArwAytKRexdsAzwLRAn9uZU4Fbgc0RZNLwM3ALcLoUicUdwHNaWxSxdhKt60z7XmASMFIKpCw4bTsCmByQgjHArEo7V4nYPdJ+PrbpoD9aIiEfzpY9qDn/NH3jtMYg0oiN1pb7cNptIPBl2WwC+FxzW5F3R2RU6IMQsQapdB/bJBZrSiZQCU40h2otPp4GetjvLDH3/KzRfk47XQysaws2Bu5MX2I0prOLc+yLlphTFOeYtsmR4jdVv/2B33r1NUaM+0XgmAyTr3oAvoF2ftkG4Hiv/30ZzmrRqAU3ZfhmMTABaM7wjdOG70ozJ9gE9AH2YHbsekNqj+xJtegsI56FFHp/qb6vFvu1tr3e+yfJM8EnVhvY3icy2qlmeQUxaJQvmAVr5eL5uC2xbQmxkUazuP/E/RELfFLinBB16vhMTZb8Ql4MEuGsmGkUSYPMwgFi1hC/rBtuDCZo8fXawZVmjBkp5Jwo9sw4n3O/XjdtYxJi7XTz9TE/kpTDsipE0pJNkOWcJZhnnp05qKmVqNR7HTu0uLZAFs2YwGnuXd6zu8X3d8TONi+6S2JLyaSGB9qavfOZBc5B/tS8P8QRO8M02peKRlOKolicYx57W/53x3qbxh9KJDVeti6EWFNBIHTX1xE7wTSW5RNODzjXCaZFimEC65z3qJMT6eOPHBOkYXYFAzwt526hYJGP+jovQptgd85JLMankNogm1eEBt5lnjuGwm+5IrABhBTFSgVu8ohfRdQGdigUXotFU8CbaC6BlF3z7lovkJngmAInDLlIeRVFCF1N23ZH7DfTaNV/HoSI5bFXaehj2jfWBq4mJ5cwcYINkW5TazjF9K92xL42jYMKnHCCubL0KnBsHwPN83eO2GemcUhrUdZDDO0Dm7HcEftKGcYEnVKc1EMVI4xW3JrsWIsyiT7GFESiUf+4JFK1KOIy2RquNf1vuLmSG/SLpvNyE9iJQWcFafwQW1MFfzEGLoBzmfnuebzQwHsmqeZCcVNyTjo85Uac1h6DKSaXti65diXE9gH3mYFvLCkNWxR6BnzQhxKX0I8rutD2r96zS54/nGMRy1JsVlp7FtQoR+0n3zf74TifmAuQ3m0GPx+YGDl5szSWH7hZHJssN5gUiFBPTaLABHLQjugnJn6/V7atLdJHIQxQXMY/Wx8qfn8ANimxT6Fu/37jtvutgn3IWLgz/6YhtVNJwP8glB9bK1fIRxepbutsHkz00850MXOODd0W0jKaLyl87KO7okFntQGpAZr7RNM+XZUE/0OlHPRdqmvy0UXynSULkwdO+90OfAwcbcaZozUGUYlYiwpK5pr2DqrtWFLyueurKO8DgZqq+aq1Sg1jtFbn0aLir+mBvguAb2XrrIjkQTdVJaxKccZnyj+sGK2upjLH/VfulP2x0aAOsinrdS4vjCwVrJNdWiDlNTFQduRyCqO89G9FZC3E7K0c2LkV3okpEhscCAP6WFZmkZiPqxXktFHkorFJju7CrOPG1iu+oN2bVFLZkRvzZtnNzKTIWWG6R4e8n3xCV0z2e47xtqgYZZg04izf98uKImqCnRvmzkASqm77YmfgH43zR7FDxm50AAAAAElFTkSuQmCC') no-repeat center center;
        background-size: cover;
    }

    .sub-block-help-text.active {
        display: block;
        font-family: 'PT Sans';
        font-size: 26px;
        line-height: 32px;
        margin-top: 20px;
    }

    .sub-block {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .sub-block-title {
        font-family: 'PT Serif';
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .sub-block-tarif {
        font-family: 'PT Sans';
        font-size: 44px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .sub-block-text {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .sub-block-text span {
        font-family: 'PT Sans';
        font-size: 28px;
        line-height: 32px;
    }

    .sub-block-text span:first-of-type {
        margin-right: 15px;
    }

    .sub-block-button-block {
        margin-top: 20px;
    }

    .sub-block-button {
        font-family: 'PT Sans';
        font-size: 26px;
        font-weight: 400;
        background: #ff8400;
        display: inline-block;
        color: #fff;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
    }

    .tippy-tooltip.light-theme {
        color: #000 !important;
    }

    .sub-block-button-managed {
        display: none;
        margin-top: 20px;
    }

    .sub-block-button-managed.active {
        display: block;
    }

    .sub-block-button.manage.active {
        background: #fff;
        color: #ff8400;
    }

    .sub-block-button.change-sub {
        background: #ff8400 url(/bitrix/templates/slavmir/images/lk/pencil.svg) no-repeat 15px center;
        background-size: 20px 20px;
        padding-left: 40px;
    }

    .sub-block-button.cancel-autorenew {
        background: #fff;
        color: #ff8400;
        margin-left: 10px;
    }

    .lk-popup-wrap {
        width: 630px;
        max-width: 90%;
    }

    .lk-popup-title {
        font-family: 'PT Serif';
        font-weight: bold;
        font-size: 36px;
        line-height: 44px;
        text-align: center;
        margin-bottom: 40px;
    }

    .lk-popup-content {

    }

    .lk-popup-content-text {
        font-family: 'PT Sans';
        font-size: 28px;
        color: #1e1e1e;
        text-align: center;
        margin-bottom: 40px;
    }

    .lk-popup-buttons {
        text-align: center;
    }

    .lk-popup-button-cancel {
        font-family: 'PT Sans';
        font-size: 26px;
        font-weight: 400;
        background: #fff;
        display: inline-block;
        color: #525252;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
    }

    .lk-popup-button-next {
        font-family: 'PT Sans';
        font-size: 26px;
        font-weight: 400;
        background: #fe431a;
        display: inline-block;
        color: #fff;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
        box-shadow: 0px 0px 8px 0px rgba(37,21,21,0.34);
    }

    .lk-popup-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        margin-bottom: 35px;
    }

    .lk-popup-checkbox-text {
        font-family: 'PT Sans';
        font-size: 28px;
        color: #1e1e1e;
    }

    .lk-popup-checkbox label {
        display: block;
        height: 40px;
        width: 40px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 40px;
        flex-shrink: 0;
        margin-right: 15px;
    }

    .lk-popup-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .lk-popup-checkbox input[type='radio']:checked + label:after {
        content: "";
        display: block;
        width: 28px;
        height: 28px;
        top: 5px;
        left: 5px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }
}

@media (max-width: 640px) {
    .sub-block-help {
        display: inline-block;
        width: 38px;
        height: 38px;
    }

    .sub-block-help-text.active {
        display: block;
        font-family: 'PT Sans';
        font-size: 24px;
        line-height: 28px;
        margin-top: 20px;
    }

    .sub-block {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .sub-block-title {
        font-family: 'PT Serif';
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .sub-block-tarif {
        font-family: 'PT Sans';
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .sub-block-text {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .sub-block-text span {
        font-family: 'PT Sans';
        font-size: 24px;
        line-height: 32px;
    }

    .sub-block-text span:first-of-type {
        margin-right: 15px;
    }

    .sub-block-button-block {
        margin-top: 20px;
    }

    .sub-block-button {
        font-family: 'PT Sans';
        font-size: 22px;
        font-weight: 400;
        background: #ff8400;
        display: inline-block;
        color: #fff;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
    }

    .tippy-tooltip.light-theme {
        color: #000 !important;
    }

    .sub-block-button-managed {
        display: none;
        margin-top: 20px;
    }

    .sub-block-button-managed.active {
        display: block;
    }

    .sub-block-button.manage.active {
        background: #fff;
        color: #ff8400;
    }

    .sub-block-button.change-sub {
        background: #ff8400 url(/bitrix/templates/slavmir/images/lk/pencil.svg) no-repeat 15px center;
        background-size: 20px 20px;
        padding-left: 40px;
    }

    .sub-block-button.cancel-autorenew {
        background: #fff;
        color: #ff8400;
        margin-left: 10px;
    }

    .lk-popup-wrap {
        width: 630px;
        max-width: 90%;
    }

    .lk-popup-title {
        font-family: 'PT Serif';
        font-weight: bold;
        font-size: 32px;
        line-height: 44px;
        text-align: center;
        margin-bottom: 40px;
    }

    .lk-popup-content {

    }

    .lk-popup-content-text {
        font-family: 'PT Sans';
        font-size: 24px;
        color: #1e1e1e;
        text-align: center;
        margin-bottom: 40px;
    }

    .lk-popup-buttons {
        text-align: center;
    }

    .lk-popup-button-cancel {
        font-family: 'PT Sans';
        font-size: 24px;
        font-weight: 400;
        background: #fff;
        display: inline-block;
        color: #525252;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
    }

    .lk-popup-button-next {
        font-family: 'PT Sans';
        font-size: 24px;
        font-weight: 400;
        background: #fe431a;
        display: inline-block;
        color: #fff;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
        box-shadow: 0px 0px 8px 0px rgba(37,21,21,0.34);
    }

    .lk-popup-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        margin-bottom: 35px;
    }

    .lk-popup-checkbox-text {
        font-family: 'PT Sans';
        font-size: 24px;
        color: #1e1e1e;
    }

    .lk-popup-checkbox label {
        display: block;
        height: 36px;
        width: 36px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 36px;
        flex-shrink: 0;
        margin-right: 15px;
    }

    .lk-popup-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .lk-popup-checkbox input[type='radio']:checked + label:after {
        content: "";
        display: block;
        width: 24px;
        height: 24px;
        top: 5px;
        left: 5px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }
}

@media (max-width: 480px) {
    .sub-block-help {
        display: inline-block;
        width: 30px;
        height: 30px;
    }

    .sub-block-help-text.active {
        display: block;
        font-family: 'PT Sans';
        font-size: 18px;
        line-height: 22px;
        margin-top: 20px;
    }

    .sub-block {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .sub-block-title {
        font-family: 'PT Serif';
        font-size: 27px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .sub-block-tarif {
        font-family: 'PT Sans';
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .sub-block-text {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }

    .sub-block-text span {
        font-family: 'PT Sans';
        font-size: 18px;
        line-height: 32px;
    }

    .sub-block-text span:first-of-type {
        margin-right: 15px;
    }

    .sub-block-button-block {
        margin-top: 20px;
    }

    .sub-block-button {
        font-family: 'PT Sans';
        font-size: 18px;
        font-weight: 400;
        background: #ff8400;
        display: inline-block;
        color: #fff;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
    }

    .tippy-tooltip.light-theme {
        color: #000 !important;
    }

    .sub-block-button-managed {
        display: none;
        margin-top: 20px;
    }

    .sub-block-button-managed.active {
        display: block;
    }

    .sub-block-button.manage.active {
        background: #fff;
        color: #ff8400;
    }

    .sub-block-button.change-sub {
        background: #ff8400 url(/bitrix/templates/slavmir/images/lk/pencil.svg) no-repeat 15px center;
        background-size: 20px 20px;
        padding-left: 40px;
    }

    .sub-block-button.cancel-autorenew {
        background: #fff;
        color: #ff8400;
        margin-left: 10px;
    }

    .lk-popup-wrap {
        width: 630px;
        max-width: 90%;
    }

    .lk-popup-title {
        font-family: 'PT Serif';
        font-weight: bold;
        font-size: 24px;
        line-height: 44px;
        text-align: center;
        margin-bottom: 40px;
    }

    .lk-popup-content {

    }

    .lk-popup-content-text {
        font-family: 'PT Sans';
        font-size: 18px;
        color: #1e1e1e;
        text-align: center;
        margin-bottom: 40px;
    }

    .lk-popup-buttons {
        text-align: center;
    }

    .lk-popup-button-cancel {
        font-family: 'PT Sans';
        font-size: 18px;
        font-weight: 400;
        background: #fff;
        display: inline-block;
        color: #525252;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
    }

    .lk-popup-button-next {
        font-family: 'PT Sans';
        font-size: 18px;
        font-weight: 400;
        background: #fe431a;
        display: inline-block;
        color: #fff;
        padding: 14px 20px;
        border-radius: 28px;
        cursor: pointer;
        box-shadow: 0px 0px 8px 0px rgba(37,21,21,0.34);
    }

    .lk-popup-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        margin-bottom: 35px;
    }

    .lk-popup-checkbox-text {
        font-family: 'PT Sans';
        font-size: 18px;
        color: #1e1e1e;
    }

    .lk-popup-checkbox label {
        display: block;
        height: 27px;
        width: 27px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 27px;
        flex-shrink: 0;
        margin-right: 15px;
    }

    .lk-popup-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .lk-popup-checkbox input[type='radio']:checked + label:after {
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        top: 5px;
        left: 5px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }
}

@media (max-width: 320px) {
    .sub-block-help {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 15px;
    }

    .sub-block-help-text.active {
        display: block;
        font-family: 'PT Sans';
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px;
    }

    .sub-block {
        float: none;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .sub-block-title {
        font-family: 'PT Serif';
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .sub-block-tarif {
        font-family: 'PT Sans';
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .sub-block-text {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    .sub-block-text span {
        font-family: 'PT Sans';
        font-size: 12px;
        line-height: 24px;
    }

    .sub-block-text span:first-of-type {
        margin-right: 15px;
    }

    .sub-block-button-block {
        margin-top: 20px;
    }

    .sub-block-button {
        font-family: 'PT Sans';
        font-size: 12px;
        font-weight: 400;
        background: #ff8400;
        display: inline-block;
        color: #fff;
        padding: 5px 10px;
        border-radius: 28px;
        cursor: pointer;
    }

    .tippy-tooltip.light-theme {
        color: #000 !important;
    }

    .sub-block-button-managed {
        display: none;
        margin-top: 20px;
    }

    .sub-block-button-managed.active {
        display: block;
    }

    .sub-block-button.manage.active {
        background: #fff;
        color: #ff8400;
    }

    .sub-block-button.change-sub {
        background: #ff8400 url(/bitrix/templates/slavmir/images/lk/pencil.svg) no-repeat 10px center;
        background-size: 10px 10px;
        padding-left: 25px;
    }

    .sub-block-button.cancel-autorenew {
        background: #fff;
        color: #ff8400;
        margin-left: 0;
    }

    .lk-popup-wrap {
        width: 630px;
        max-width: 90%;
    }

    .lk-popup-title {
        font-family: 'PT Serif';
        font-weight: bold;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        margin-bottom: 20px;
    }

    .lk-popup-content {

    }

    .lk-popup-content-text {
        font-family: 'PT Sans';
        font-size: 12px;
        color: #1e1e1e;
        text-align: center;
        margin-bottom: 20px;
    }

    .lk-popup-buttons {
        text-align: center;
    }

    .lk-popup-button-cancel {
        font-family: 'PT Sans';
        font-size: 12px;
        font-weight: 400;
        background: #fff;
        display: inline-block;
        color: #525252;
        padding: 7px 10px;
        border-radius: 28px;
        cursor: pointer;
    }

    .lk-popup-button-next {
        font-family: 'PT Sans';
        font-size: 12px;
        font-weight: 400;
        background: #fe431a;
        display: inline-block;
        color: #fff;
        padding: 7px 10px;
        border-radius: 28px;
        cursor: pointer;
        box-shadow: 0px 0px 8px 0px rgba(37,21,21,0.34);
    }

    .lk-popup-checkbox {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        margin-bottom: 35px;
    }

    .lk-popup-checkbox-text {
        font-family: 'PT Sans';
        font-size: 12px;
        color: #1e1e1e;
    }

    .lk-popup-checkbox label {
        display: block;
        height: 18px;
        width: 18px;
        border: 1px solid #b1b1b1;
        background: #fff;
        border-radius: 100%;
        cursor: pointer;
        flex-basis: 18px;
        flex-shrink: 0;
        margin-right: 15px;
    }

    .lk-popup-checkbox label.error {
        border: 3px solid #ff0000;
    }

    .lk-popup-checkbox input[type='radio']:checked + label:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        top: 3px;
        left: 3px;
        position: relative;
        border-radius: 100%;
        background: #f78e1e;
    }
}


/*@popup@*/

.new-content-blocker {
    width: 100%;
    background: url('/bitrix/templates/slavmir/images/popup/popup_b.jpg') no-repeat center center;
    background-size: cover;
    padding: 25px;
}

.new-content-blocker-title {
    font-family: 'PT Sans';
    font-weight: bold;
    font-size: 26px;
    text-align: center;
    font-style: normal;
    line-height: 48px;
    background: #fe431a;
    color: #fff;
    margin: 0 -25px 25px;
}

.new-content-blocker_advantages-block {
    margin-top: 0;
    margin-bottom: 25px;
}

.new-content-blocker_advantages-title {
    font-family: 'PT Sans';
    font-size: 19px;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    text-align: center;
}

.new-content-blocker_advantages-list {
    width: 100%;
    margin: 67px auto 0;
}

.new-content-blocker_advantages-list.mobile {
    display: none;
}

.new-content-blocker_advantages-list:after {
    content: "";
    display: table;
    width: 0;
    height: 0;
    clear: both;
}

.new-content-blocker_advantages-item {
    float: left;
    margin: 0 6px;
    width: 120px;
    position: relative;
    padding: 67px 5px 15px;
    background: #fff;
    border-radius: 8px;
}

.new-content-blocker_advantages-item-img {
    width: 98%;
    height: auto;
    position: absolute;
    top: -52px;
    left: 1%;

}

.new-content-blocker_advantages-item-title {
    font-family: 'PT Serif';
    text-align: center;
    font-size: 40px;
    color: #ff8400;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 10px;
}

.new-content-blocker_advantages-item-text {
    text-align: center;
    color: #383736;
    font-size: 15px;
    line-height: 18px;
    font-style: normal;
}

.new-content-blocker-why {
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    font-style: normal;
    margin-bottom: 25px;
}

.new-content-blocker-buttons {
    text-align: center;
}

.new-content-blocker-button {
    font-family: 'PT Sans';
    font-size: 21px;
    font-weight: 400;
    text-decoration: none;
    background: #fe431a;
    display: inline-block;
    color: #fff;
    font-style: normal;
    padding: 14px 20px;
    border-radius: 27px;
    cursor: pointer;
    box-shadow: 0px 0px 8px 0px rgba(37,21,21,0.34);
}

.new-content-blocker_advantages-list-mobile,
.new-content-blocker-why-mobile {
    display: none;
}

.subs_container {
    max-width: 1010px;
}

.new-content-blocker_text-mobile {
    display: none;
}

@media (min-width: 1024px) and (max-width: 1366px) {
    .new-content-blocker_advantages-item {
        width: 110px;
        margin: 0 5px;
    }

    .new-content-blocker_advantages-item-text {
        font-size: 13px;
    }
}

@media (min-width: 720px) and (max-width: 1024px) {
    .new-content-blocker {
        padding: 15px;
    }

    .new-content-blocker-title {
        font-family: 'PT Sans';
        font-size: 29px;
        line-height: 36px;
        background: transparent;
        margin-left: 0;
        margin-right: 0;
    }

    .new-content-blocker_advantages-list,
    .new-content-blocker_advantages-title,
    .new-content-blocker-why {
        display: none;
    }

    .new-content-blocker_advantages-list-mobile {
        display: flex;
        margin: 0 auto;
        text-align: center;
        justify-content: center
    }

    .new-content-blocker_advantages-item-mobile {
        width: 155px;
        flex-basis: 155px;
        flex-shrink: 0;
        margin: 0 7px;
        background: #fff;
        padding: 10px;
        display: inline-block;
        text-align: center;
        border-radius: 14px;
    }

    .new-content-blocker_advantages-item-title-mobile {
        font-family: 'PT Serif';
        font-size: 48px;
        font-weight: bold;
        color: #ff8400;
        font-style: normal;
    }

    .new-content-blocker_advantages-item-text-mobile {
        font-size: 29px;
        color: #383736;
        font-style: normal;
    }

    .new-content-blocker-why-mobile {
        display: block;
        text-align: center;
        font-size: 26px;
        color: #fff;
        font-style: normal;
        margin-bottom: 15px;
    }

    .new-content-blocker_text-mobile {
        display: block;
    }

}

@media (min-width: 640px) and (max-width: 719px) {
    .new-content-blocker {
        padding: 15px;
    }

    .new-content-blocker-title {
        font-family: 'PT Sans';
        font-size: 25px;
        line-height: 32px;
        background: transparent;
        margin-left: 0;
        margin-right: 0;
    }

    .new-content-blocker_advantages-list,
    .new-content-blocker_advantages-title,
    .new-content-blocker-why {
        display: none;
    }

    .new-content-blocker_advantages-list-mobile {
        display: flex;
        margin: 0 auto;
        text-align: center;
        justify-content: center
    }

    .new-content-blocker_advantages-item-mobile {
        width: 137px;
        flex-basis: 137px;
        flex-shrink: 0;
        margin: 0 7px;
        background: #fff;
        padding: 10px;
        display: inline-block;
        text-align: center;
        border-radius: 14px;
    }

    .new-content-blocker_advantages-item-title-mobile {
        font-family: 'PT Serif';
        font-size: 45px;
        font-weight: bold;
        color: #ff8400;
        font-style: normal;
    }

    .new-content-blocker_advantages-item-text-mobile {
        font-size: 25px;
        color: #383736;
        font-style: normal;
    }

    .new-content-blocker-why-mobile {
        display: block;
        text-align: center;
        font-size: 24px;
        color: #fff;
        font-style: normal;
        margin-bottom: 15px;
    }

    .new-content-blocker_text-mobile {
        display: block;
    }

}

@media (min-width: 480px) and (max-width: 639px) {
    .new-content-blocker {
        padding: 15px;
    }

    .new-content-blocker-title {
        font-family: 'PT Sans';
        font-size: 18px;
        line-height: 24px;
        background: transparent;
        margin-left: 0;
        margin-right: 0;
    }

    .new-content-blocker_advantages-list,
    .new-content-blocker_advantages-title,
    .new-content-blocker-why {
        display: none;
    }

    .new-content-blocker_advantages-list-mobile {
        display: flex;
        margin: 0 auto;
        text-align: center;
        justify-content: center
    }

    .new-content-blocker_advantages-item-mobile {
        width: 105px;
        flex-basis: 105px;
        flex-shrink: 0;
        margin: 0 7px;
        background: #fff;
        padding: 10px;
        display: inline-block;
        text-align: center;
        border-radius: 14px;
    }

    .new-content-blocker_advantages-item-title-mobile {
        font-family: 'PT Serif';
        font-size: 34px;
        font-weight: bold;
        color: #ff8400;
        font-style: normal;
    }

    .new-content-blocker_advantages-item-text-mobile {
        font-size: 18px;
        color: #383736;
        font-style: normal;
    }

    .new-content-blocker-why-mobile {
        display: block;
        text-align: center;
        font-size: 18px;
        color: #fff;
        font-style: normal;
        margin-bottom: 15px;
    }

    .new-content-blocker_text-mobile {
        display: block;
    }

}

@media (min-width: 320px) and (max-width: 479px) {
    .new-content-blocker {
        padding: 5px;
    }

    .new-content-blocker-title {
        font-family: 'PT Sans';
        font-size: 12px;
        line-height: 18px;
        background: transparent;
        margin-left: 0;
        margin-right: 0;
    }

    .new-content-blocker_advantages-list,
    .new-content-blocker_advantages-title,
    .new-content-blocker-why {
        display: none;
    }

    .new-content-blocker_advantages-list-mobile {
        display: flex;
        margin: 0 auto;
        text-align: center;
        justify-content: center
    }

    .new-content-blocker_advantages-item-mobile {
        width: 70px;
        flex-basis: 70px;
        flex-shrink: 0;
        margin: 0 7px;
        background: #fff;
        padding: 10px;
        display: inline-block;
        text-align: center;
        border-radius: 14px;
    }

    .new-content-blocker_advantages-item-title-mobile {
        font-family: 'PT Serif';
        font-size: 22px;
        font-weight: bold;
        color: #ff8400;
        font-style: normal;
    }

    .new-content-blocker_advantages-item-img-mobile {
        height: 25px;
    }

    .new-content-blocker_advantages-item-text-mobile {
        font-size: 11px;
        color: #383736;
        font-style: normal;
    }

    .new-content-blocker-why-mobile {
        display: block;
        text-align: center;
        font-size: 12px;
        color: #fff;
        font-style: normal;
        margin-bottom: 15px;
    }

    .new-content-blocker-button {
        font-size: 14px;
        padding: 7px 10px; 
        border-radius: 27px;
    }

    .new-content-blocker_text-mobile {
        display: block;
    }

}

/*Промокод*/

.payment-page-promo {
    margin-bottom: 25px;
}

.payment-page-promo input[type=text] {
    padding: 10px 15px;
    border: 1px solid #b1b1b1;
    font-size: 18px;
    line-height: 1.2;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
}

.payment-page-promo-button {
    background: #fd4a24;
    color: #fff;
    font-size: 18px;
    padding: 12px 15px;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 0px 2px 7px 1px rgba(0,0,0,0.19);
    display: inline-block;
}

.payment-page-codes-block {
    margin-bottom: 25px;
    display: none;
}

.payment-page-codes-block.active {
    display: block;
}

.payment-page-codes-title {
    margin-bottom: 5px;
}

.payment-page-codes-item {
    margin-bottom: 5px;
    font-size: 13px;
    color: #f78e1e;
    line-height: 16px;
}

.payment-page-promo-error {
    margin-top: 5px;
    font-size: 13px;
    color: red;
    display: none;
}

@media (max-width: 480px) {
    .payment-page-promo input[type=text] {
        width: 100%;
        margin-bottom: 15px;
    }

    .payment-page-promo {
        text-align: center;
    }
}
#contacts .contacts_info {
max-width: 660px;
}
.promo_button_mobile {
display: none;
}

/*cackle mobile*/

.mobile-comments {
    display: none;
}

@media (max-width: 480px) {
    .mobile-comments {
        display: block;
    }

    .desktop-comments {
        display: none;
    }
}
@media (min-width: 1280px) {
header nav {
    position: absolute;
    width: 95% !important;
    float: none;
}

}
/* End */
/* /bitrix/templates/slavmir/css/reset.css?1548859838723 */
/* /bitrix/templates/slavmir/css/slick.css?15446996701776 */
/* /bitrix/templates/slavmir/css/jquery-ui.min.css?154469967017006 */
/* /bitrix/templates/slavmir/css/perfect-scrollbar.min.css?15446996704629 */
/* /bitrix/templates/slavmir/css/flipclock.css?15446996709686 */
/* /bitrix/templates/slavmir/css/style.css?1563346235317659 */
/* /bitrix/templates/slavmir/css/player.css?1544699670748 */
/* /bitrix/templates/slavmir/css/sv.css?15456901469609 */
/* /bitrix/templates/slavmir/css/jquery.fancybox.min.css?156697659014143 */
/* /bitrix/templates/slavmir/css/swiper.min.css?156697659519778 */
/* /bitrix/components/kuznica/metatags/templates/.default/style.css?1524819116238 */
/* /bitrix/templates/slavmir/template_styles.css?1580194542147342 */