/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,
button,
input,
select,
textarea {
    color: #222;
}
html {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.header-top-logo-new {
    display: block;
    margin-top: -15px;
    margin-left: 15px;
    position: absolute;
    z-index: 25;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
.header-wrapper .container
{
//background-image: url(/kol.png);
    background-repeat: no-repeat;
    background-position: 50px 144px;
}
audio,
img,
video {
    max-width: 100%;
    vertical-align: middle;
}
td img
{
    max-width: fit-content;
    vertical-align: middle;
    height: auto;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/ptsans/regular.eot?') format('eot');
    src: url('../fonts/ptsans/regular.woff') format('woff'),
         url('../fonts/ptsans/regular.ttf') format('truetype');
}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/ptsans/pts75f.eot');
    src: url('../fonts/ptsans/pts75f.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ptsans/pts75f.woff') format('woff'),
         url('../fonts/ptsans/pts75f.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* ==========================================================================
   Initializr Styles
   ========================================================================== */
body {
    font: 14px 'PT Sans', Helvetica Neue, Arial;
    color: #494949;
//background: url(/шарики.jpg) no-repeat center bottom fixed;
 //background: url(../img/elki.jpg) no-repeat center bottom fixed;
 //background: url(../img/vesna.jpg) no-repeat center bottom fixed;
 //background: url(../img/leto.jpg) no-repeat center bottom fixed;
  //background: url(../img/osen.jpg) no-repeat center bottom fixed;
  //background: url(../img/vesnaa1.jpg) no-repeat center bottom fixed;
  background: url(../img/vesnaa2.jpg) no-repeat center bottom fixed;
  //background: url(../img/vesnaaa1.jpg) no-repeat center bottom fixed;
  //background: url(../img/vesnaaaa1.jpg) no-repeat center bottom fixed;
//background: url(/bitrix/templates/stolitsa_be/img/konfeti.jpg) no-repeat center bottom fixed;
   -webkit-background-size: cover;
  -moz-background-size: cover;
     -o-background-size: cover;
    background-size: cover;
}
.main-container
{
// background: url(/bitrix/templates/stolitsa_be/img/fon.jpg) no-repeat center bottom fixed;
//background: url(/bitrix/templates/stolitsa_be/img/konfeti.jpg) no-repeat center bottom fixed;
//      -webkit-background-size: cover;
//    -moz-background-size: cover;
//    -o-background-size: cover;
//    background-size: cover;


}
h2 {
    margin-bottom: 10px;
    font-size: 29px;
    color: #2f3c8e;
}

h4 {
    margin-bottom: 10px;
    font-size: 19px;
    color: #2f3c8e;
}

table {
	margin: 15px 0;
}

table p {
	margin: 0;
}

table td,
table th {
	padding: 10px;
}

.wrapper {
    width: 986px;
    margin: auto;
    overflow: hidden;
}
a.flowplayer2
{
font-size:24px;
}
input[type=text],
textarea,input[type=password] {
    max-width: 100%;
    border: 1px solid #c8c9cf;
    padding: 5px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
input[type=submit] {
    display: inline-block;
    padding: 9px 20px;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: white;
    font-size: 14px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.27);
    background: -webkit-gradient(linear, left top, right top, from(#5563ba), to(#3a4796));
    background: -webkit-linear-gradient(top, #5563ba, #3a4796);
    background: -moz-linear-gradient(top, #5563ba, #3a4796);
    background: -o-linear-gradient(top, #5563ba, #3a4796);
    background: -ms-linear-gradient(top, #5563ba, #3a4796);
    background: linear-gradient(top, #5563ba, #3a4796);
    background-color: #5563ba;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5563ba', endColorstr='#3a4796',GradientType=0 );
}
    input[type=submit]:hover {
        background: -webkit-gradient(linear, left top, right top, from(#3a4796), to(#5563ba));
        background: -webkit-linear-gradient(top, #3a4796, #5563ba);
        background: -moz-linear-gradient(top, #3a4796, #5563ba);
        background: -o-linear-gradient(top, #3a4796, #5563ba);
        background: -ms-linear-gradient(top, #3a4796, #5563ba);
        background: linear-gradient(top, #3a4796, #5563ba);
        background-color: #3a4796;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4796', endColorstr='#5563ba',GradientType=0 );
    }
.input-radio {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    position: relative;
    margin: 0 4px;
    border: 1px solid #c7c7c7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(#dadada));
    background: -webkit-linear-gradient(top, #f8f8f8, #dadada);
    background: -moz-linear-gradient(top, #f8f8f8, #dadada);
    background: -o-linear-gradient(top, #f8f8f8, #dadada);
    background: -ms-linear-gradient(top, #f8f8f8, #dadada);
    background: linear-gradient(top, #f8f8f8, #dadada);
    background-color: #f8f8f8;
}
    .input-radio:hover:before,
    .input-radio_checked:before {
        content: '';
        background: #3e4a9b;
        width: 7px;
        height: 7px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -3.5px;
        margin-top: -3.5px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    } 
.input-radio input[type=radio] {
    display: none;
}
a {
    color: #13a0ce;
}
    a:hover {
        text-decoration: none;
    }
/* ==========================================================================
   Icons
   ========================================================================== */
.sprite {
    background: url('../img/sprite.png');
}
.sprite-exit { 
    background-position: 0 0; 
    width: 17px; 
    height: 19px; 
} 
.sprite-key { 
    background-position: -22px 0; 
    width: 17px; 
    height: 18px; 
} 
.sprite-search { 
    background-position: -79px 0; 
    width: 16px; 
    height: 17px; 
} 
.sprite-radio { 
    background-position: -44px 0; 
    width: 30px; 
    height: 16px; 
} 
.icon-ellipse {
    display: inline-block;
    width: 48px;
    height: 48px;
    background: url('../img/ellipse.png') center center no-repeat;
}
/* ==========================================================================
   Element
   ========================================================================== */
.element-top {
    margin: 1em 0;
 }
 .element-top__heading {
    float: left;
    margin: 0;
    font-size: 26px;
    color: #4e4e4e;
 }
 .element-top__link {
    float: right;
    line-height: 29px;
 }
/* ==========================================================================
   Form box
   ========================================================================== */
 .form-box {
    overflow: hidden;
    min-height: 393px;
    border: 1px solid #c8c9cf;
    background: white;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
 }
 .form-box__head {
    display: block;
    padding: 18px 5%;
    margin: 0;
    font: 22px 'PTSansBold', sans-serif;
    color: #4e4e4e;
    border-bottom: 1px solid #c8c9cf;
    background: white;
 }
 .form-box-ctn {
    padding: 5% 5%;
 }
 .form-box-item {
    margin: 14px 0 6px;
 }
 .form-box-item:first-child {
    margin-top: 0;
 }
 .form-box-item p {
    margin: 0;
 }
 .form-box__label {
    display: inline-block;
    margin-bottom: 11px;
    font-size: 14px;
    color: #4f4f4f;
 }
 .form-box__text,
 .form-box__message {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 }
 .form-box__message {
    height: 70px;
 }
 .form-box-actions {
    clear: both;
    margin: 17px 0;
    text-align: right;
 }
 .form-box-actions_single input[type=submit] {
    width: 70%;
    max-width: 195px;
 }
/*Radio form
 -------------------- */ 
 .radio-form {
    margin-bottom: 10px;
 }
 .radio-form__label {
    vertical-align: middle;
    font-size: 17px;
 }
/* Required item
 -------------------- */
 .item-required {
    display: inline-block;
    vertical-align: top;
    font-size: inherit;
    color: #ff0000;
 }
/* Social buttons
 -------------------- */
.social {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    margin: 0 4px;
    padding: 4px 0;
    text-decoration: none;
    color: white;
    font-size: 16px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.social-fb {
    background: #5a7cc4;
}
    .social-fb:hover {
        background: #7D98D2
    }
.social-vk {
    padding: 6px 0 5px;
    font-size: 14px;
    background: #5d99c3;
}
    .social-vk:hover {
        background: #8CB9D8;
    }



.social-yt {
    padding: 6px 0 5px;
    font-size: 14px;
    background: #5a7cc4;
}

.social-yt:hover {
    padding: 6px 0 5px;
    font-size: 14px;
    background: #8CB9D8;
}


/*#bx_3485106786_22826
{
    background-image: url(/youtube.png);
    color: transparent;
}*/
.module {
    margin: 32px 0;
}

/* Margin grid
 -------------------*/
.margin-1 {
    margin: -25px 0 0;
}
.margin-2 {
    margin: -75px 0 0;
}
.margin-3 {
    margin: -15px 0 0;
}
/* ==============
    MOBILE: Menu
   ============== */


/* ==============
    MOBILE: Main
   ============== */


/* ===============
    ALL: IE Fixes
   =============== */


/* ==========================================================================
   Custom styles
   ========================================================================== */


/* ==========================================================================
   Header
   ========================================================================== */
.header-wrapper {
  background: #000 url('../img/header_bg.png') 50% 0 no-repeat;
    background-size: cover;
 border-bottom: 1px solid  #b9b9b9;
}
.header-wrapper .wrapper {
    overflow: initial;
}
header {
    padding-top: 26px;
    font-family: 'PT Sans';
}
.header-top {
    position: relative;
    z-index: 5;
    font-size: 17px;
    color: white;
}
/* Header logo
 -------------------- */
.header-top-logo {
  display: block;
  width: 138px;
  height: 138px;
  position: absolute;
  top: -16px;
  left: 0;
  z-index: 2;
  overflow: hidden;
  border: 9px solid #4c64bf;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.header-top-logo__img {
display: block;
  position: absolute;
  top: 50%;
  width: 110px;
  left: 50%;
  margin-top: -34px;
  margin-left: -55px;
}
/* Header nav
 -------------------- */
.top-nav {
    display: block;
    position: relative;
    margin-left: 112px;
    padding-left: 64px;
    padding-right: 54px;
    z-index: 1;
    border-top: 1px solid  #6e7ac4;
    border-bottom: 1px solid  #2b346d;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: -webkit-gradient(linear, left top, right top, from(#5462b9), to(#3b4796));
    background: -webkit-linear-gradient(top, #5462b9, #3b4796);
    background: -moz-linear-gradient(top, #5462b9, #3b4796);
    background: -o-linear-gradient(top, #5462b9, #3b4796);
    background: -ms-linear-gradient(top, #5462b9, #3b4796);
    background: linear-gradient(top, #5462b9, #3b4796);
    background-color: #5462b9;
}
.nav {
    float: left;
    margin: 0 0 0 3px;
    padding: 0;
    position: relative;
    z-index: 2;
}
.nav-el {
    float: left;
    position: relative;
    z-index: 1;
    border-left: 1px solid  #3c4891;
    background: -webkit-gradient(linear, left top, right top, from(#5462b9), to(#3b4796));
    background: -webkit-linear-gradient(top, #5462b9, #3b4796);
    background: -moz-linear-gradient(top, #5462b9, #3b4796);
    background: -o-linear-gradient(top, #5462b9, #3b4796);
    background: -ms-linear-gradient(top, #5462b9, #3b4796);
    background: linear-gradient(top, #5462b9, #3b4796);
    background-color: #5462b9;
}
    .nav-el:first-child {
        border-left: none;
    }
.nav-el__link {
    display: block;
    padding: 0 30px;
    position: relative;
    z-index: 9999;
    line-height: 45px;
    font-family: 'PT Sans';
    color: white;
    text-decoration: none;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
    -moz-box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, .1);
}
    .nav-el_active .nav-el__link,
    .nav-el__link:hover,
    .nav-el:hover {
        color: white;
        background: -webkit-gradient(linear, left top, right top, from(#7681c7), to(#626cab));
        background: -webkit-linear-gradient(top, #7681c7, #626cab);
        background: -moz-linear-gradient(top, #7681c7, #626cab);
        background: -o-linear-gradient(top, #7681c7, #626cab);
        background: -ms-linear-gradient(top, #7681c7, #626cab);
        background: linear-gradient(top, #7681c7, #626cab);
        background-color: #7681c7;
    }
/* Drop down menu
 -------------------- */
 .nav-dmenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 150%;
    margin: 0;
    padding: 0;
    z-index: 99;
    overflow: hidden;
    background: #646eae;
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, .5), inset 0px 0px 3px #8083bd;
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, .5), inset 0px 0px 3px #8083bd;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, .5), inset 0px 0px 3px #8083bd;
 }
 .nav-dmenu__i {
    display: block;
    font-family: 'PTSansBold';
    font-size: 14px;
    color: white;
    border-top: 1px solid  #5a639c;
 }
    .nav-dmenu__i:hover {
        background: #5a639c;
        border-top-color: transparent;
    }
 .nav-dmenu__i a {
    display: block;
    padding: 9px 14px;
    font-size: inherit;
    color: inherit;
    text-decoration: none;
 }
 .nav-el:hover .nav-dmenu {
    display: block;
 }
/* Header search
 -------------------- */
/* ==== Search ==== */
.search {
    margin: 0;
    padding: 0;
    margin-left: 15px;
    width: 56px;
    position: absolute;
    right: 0;
    top: 0;
    background: url('../img/search.png') center center no-repeat;
}

.search-text {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 100;
    visibility: hidden;
    filter: alpha(opacity=0);
    background: #5381de;
}
.search-text input[type=text] {
    border: none;
    display: block;
    height: 100%;
    padding: 10px 20px;
    background: #2f4c8a;
    color: white;
    outline: none;
    font-size: 16px;
}
.search-submit {
    border: none;
    width: 52px;
    height: 45px;
    position: relative;
}
.search-submit__input {
    display: block;
    position: absolute;
    right: 2px;
    top: 0;
    padding: 9px 15px;
    width: 52px;
    height: 100%;
    border: none;
    outline: 0;
    background: url('../img/search.png') center center no-repeat;
}
.search:hover .search-text {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
/* Header mid line
 -------------------------------- */
 .header-mid {
    padding-left: 138px;
 }
/* Header registration && login
 -------------------------------- */
.user-actions {
    float: right;
    position: relative;
    margin: -3px 0 0;
    padding: 2px 0 0;
    -webkit-border-radius: 0 0 6px 0;
    -moz-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
    background: -webkit-gradient(linear, left top, right top, from(#eaeaea), to(#dadada));
    background: -webkit-linear-gradient(top, #eaeaea, #dadada);
    background: -moz-linear-gradient(top, #eaeaea, #dadada);
    background: -o-linear-gradient(top, #eaeaea, #dadada);
    background: -ms-linear-gradient(top, #eaeaea, #dadada);
    background: linear-gradient(top, #eaeaea, #dadada);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#dadada',GradientType=0 );
    background-color: #eaeaea;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17);
}
    .user-actions:before {
        content: '';
        display: block;
        position: absolute;
        left: -35px;
        top: 3px;
        z-index: 0;
        width: 35px;
        height: 41px;
        background: url('../img/user-actions_before.png');
    }
.user-action {
    display: inline-block;
    margin-top: 2px;
    padding: 0 12px;
    list-style: none;
    font-size: 16px;
    color: #646464;
    line-height: 37px;
}
    .user-action:hover {
        color: #4c64bf;
    }
.user-action__icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.user-action-reg {
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.74);
}
.user-action-login {
    font-size: inherit;
    color: inherit;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.74);
}
/* Header langs
 -------------------------------- */
 .langs {
    float: right;
    margin: 7px 30px 3px 0;
    padding: 0;
 }
 .lang {
    display: inline-block;
    vertical-align: middle;
    width: 31px;
    list-style: none;
    font-size: 12px;
    font-family: 'PTSansBold';
    text-align: center;
    text-transform: uppercase;
    color: #565656;
    background: -webkit-gradient(linear, left top, right top, from(#f7f7f7), to(#cfd0d1));
    background: -webkit-linear-gradient(top, #f7f7f7, #cfd0d1);
    background: -moz-linear-gradient(top, #f7f7f7, #cfd0d1);
    background: -o-linear-gradient(top, #f7f7f7, #cfd0d1);
    background: -ms-linear-gradient(top, #f7f7f7, #cfd0d1);
    background: linear-gradient(top, #f7f7f7, #cfd0d1);
    background-color: #f7f7f7;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
 }
    .lang:hover,
    .lang_active {
        color: white;
        background: #3e4a9b;
    }
 .lang__link {
    display: block;
    padding: 8px 0 6px;
    text-decoration: none;
    color: inherit;
 }
 /* Header bottom line
 -------------------------------- */
  .header-bot {
    padding-left: 138px;
 }
 /* Audio player
 -------------------------------- */
 .audio-player {
    margin-top: -34px;
    margin-left: 40px;
 }
 .audio-player-head {
    float: left;
    position: relative;
    z-index: 0;
    margin: 0 0 -4px;
    padding: 0 30px 4px 8px;
    color: white;
    font-family: 'PTSansBold';
    font-size: 18px;
    text-transform: uppercase;
    line-height: 42px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.74);
    background: -webkit-gradient(linear, left top, right top, from(#5563ba), to(#3a4796));
    background: -webkit-linear-gradient(top, #5563ba, #3a4796);
    background: -moz-linear-gradient(top, #5563ba, #3a4796);
    background: -o-linear-gradient(top, #5563ba, #3a4796);
    background: -ms-linear-gradient(top, #5563ba, #3a4796);
    background: linear-gradient(top, #5563ba, #3a4796);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5563ba', endColorstr='#3a4796',GradientType=0 );
    background-color: #5563ba;
    -webkit-border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
 }
     .audio-player-head:before {
        content: '';
        display: block;
        width: 42px;
        height: 42px;
        position: absolute;
        right: -42px;
        top: 0;
        background: url('../img/audio-head.png') no-repeat;
     }
 .audio-player-head__icon {
    display: inline-block;
    vertical-align: middle;
 }
  /* Audio player social
 -------------------------------- */
 .audio-player-social {
    float: left;
    margin-left: 24px;
 }
 .audio-player-social .social {
    position: relative;
    z-index: 2;
    margin: 1px 4px;
 }
  /* Audio player inner container
 -------------------------------- */
 .ap-inner {
    clear: both;
    position: relative;
    z-index: 1;
    padding: 19px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(#dadada));
    background: -webkit-linear-gradient(top, #f8f8f8, #dadada);
    background: -moz-linear-gradient(top, #f8f8f8, #dadada);
    background: -o-linear-gradient(top, #f8f8f8, #dadada);
    background: -ms-linear-gradient(top, #f8f8f8, #dadada);
    background: linear-gradient(top, #f8f8f8, #dadada);
    background-color: #f8f8f8;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.17);
 }
 .ap-inner-text {
    position: relative;
    padding-left: 60px;
    font-family: 'PTSansBold';
    font-size: 15px;
    color: white;
    line-height: 28px;
    background-color: #172065;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.22);
    box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.22);
 }
 .ap-inner-text__current {
    padding-right: 6px;
 }
 .ap-inner-text__next {
    padding-left: 15px;
    border-left: 1px solid  #8b90b2;
 }
 .ap-inner-text__time {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    vertical-align: middle;
    padding: 0 4px;
    font-size: 13px;
    line-height: 16px;
    color: #1d2654;
    background: white;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
 }
     .ap-inner-text__time:before {
        content: '';
        display: block;
        border: 5px solid transparent;
        border-right-color: white;
        position: absolute;
        left: -11px;
        top: 50%;
        margin-top: -5px;
     }
 .ap-inner-action {
    position: absolute;
    left: -5px;
    top: -12px;
    display: inline-block;
    border: 3px solid white;
    cursor: pointer;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 2px 3px rgba(239, 52, 52, 0.21);
    -moz-box-shadow: 0px 2px 3px rgba(239, 52, 52, 0.21);
    box-shadow: 0px 2px 3px rgba(239, 52, 52, 0.21);
    
 }
 .ap-inner-action__in {
    display: block;
    position: relative;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left top, right top, from(#f33636), to(#cd1d1d));
    background: -webkit-linear-gradient(top, #f33636, #cd1d1d);
    background: -moz-linear-gradient(top, #f33636, #cd1d1d);
    background: -o-linear-gradient(top, #f33636, #cd1d1d);
    background: -ms-linear-gradient(top, #f33636, #cd1d1d);
    background: linear-gradient(top, #f33636, #cd1d1d);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f33636', endColorstr='#cd1d1d',GradientType=0 );
    background-color: #f33636;
    -webkit-box-shadow: inset 0px 0 4px #fcff00;
    -moz-box-shadow: inset 0px 0 4px #fcff00;
    box-shadow: inset 0px 0 4px #fcff00;
 }
    .ap-inner-action__in:hover {
        background: -webkit-gradient(linear, left top, right top, from(#cd1d1d), to(#f33636));
        background: -webkit-linear-gradient(top, #cd1d1d, #f33636);
        background: -moz-linear-gradient(top, #cd1d1d, #f33636);
        background: -o-linear-gradient(top, #cd1d1d, #f33636);
        background: -ms-linear-gradient(top, #cd1d1d, #f33636);
        background: linear-gradient(top, #cd1d1d, #f33636);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd1d1d', endColorstr='#f33636',GradientType=0 );
        background-color: #f33636;
    }
    .ap-inner-action__in:after {
        content: '';
        display: block;
        width: 17px;
        height: 17px;
        position: absolute;
        left: 50%;
        margin-left: -5px;
        margin-top: -9px;
        top: 50%;
        background: url('../img/triangle_white.png') no-repeat;
    }
    .uasobnym{
        color: #5563ba;
        font-weight: bold;
        position: absolute;
        right:0px;
        padding-right:20px;
        top:10px;
        z-index: 5;
    }
    .guchala{
        padding-right:20px;
        position:absolute;
        right:0px;
        top: 57px;
        z-index: 15;
        font-weight: bold;
        color: #5563ba;
    }
  /* Header info
 -------------------------------- */
 .header-info {
    font-size: 12px;
    color: white;
    font-family: 'PTSansBold';
    width: 100%;
    text-align: right;
 }
 .header-info__name {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
 }
 .header-info span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 4.2%;
 }

/* ==========================================================================
   Precontent sections
   ========================================================================== */
 .section {
    padding: 25px 0;
    overflow: hidden;
//border-top: 1px solid white;
   
 }
 .section_light {
	width: 100%;
    border-top: 1px solid #dfdfdf;
    background: url('../img/section_bg_light.png') repeat;
 }
  /* Banner list
 -------------------------------- */
 .banner-list {}
 .banner-list__el {
    display: block;
    border: 1px solid #aaaaaa;
 }
    .banner-list__el:hover {
        border-color: #4c64bf;
    }
 .banner-list__el img {
    width: 100%;
    display: block;
 }
  /* Anonses list
 -------------------------------- */
 .anonses {}
 .anonses-el {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    margin: 5px 0;
    border: 1px solid transparent;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
 }
     .anonses-el:hover {
        border-color: #5a60b4;
     }
 .anonses-el__image {
    float: left;
    width: 25%;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 }
 .anonses-el__image img {
    width: 100%;
 }
 .anonses-el-text {
    float: left;
    width: 70%;
    margin-left: 5%;
 }
 .anonses-el-text p {
    margin: 0;
 }
 .anonses-el-text__name {
    display: block;
    margin: 10px 0 5px;
    font-family: 'PTSansBold';
    color: #2f3c8e;
    text-decoration: none;
 }
     .anonses-el-text__name:hover {
        text-decoration: underline;
     }
  /* Main
 -------------------------------- */
 .main {
    font-family: 'PT Sans';
    background: white;
 }
 /* Category list
 -------------------------------- */
 .category-list {}
 .category {
    overflow: hidden;
    margin: 5px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
 }
     .category:hover .category__inset {
//display: block;
     }
     .category:hover .category__img img {
//visibility: hidden;
     }
 .category__img {
    float: left;
    overflow: hidden;
    width: 25%;
    position: relative;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 }
 .category__img img {
    width: 100%;
 }
 .category__inset {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px;
 }
 .category-info {
    float: left;
    width: 72%;
    margin-left: 3%;
    height: 100px;
 }
 .category-name {
    display: block;
    font-family: 'PTSansBold';
    margin: 2px 0 5px;
    font-size: 19px;
    color: #2f3c8e;
 }
 .category-name__link {
    text-decoration: none;
    font-size: inherit;
    color: inherit;
 }
 .category__desc {}
 /* Linked category */
.category-list_linked .category:hover {
    cursor: pointer;
}
.category-list_linked .category:hover .category__desc {
    color: #963e6d;
}
  /* News list
 -------------------------------- */
 .news {}
 .news-list {}
 .news-list-el {
    display: block;
	overflow: hidden;
    padding: 14px 11px;
    border-top: 1px dashed  #d5d5d5;
    font-family: 'PTSansBold';
    font-size: 14px;
    text-decoration: none;
 }
    .news-list-el:first-child {
        border-top: none;
    }
    .news-list-el:hover {
        background-color: #f6f6f6;
    }
 .news-list-el__date {
    color: #2f3c8e;
 }
 .news-list-el__title {
    color: #494949;
 }
.news-list-el-image {
	width: 50px;
	float: left;
	margin-right: 10px;
}
.news-list-el__desc {
	display: block;
	font-family: 'PT Sans', sans-serif;
	color: #494949;
}
  /* News list
 -------------------------------- */
 .section-banner {
    padding: 14px 0;
    border-top: 1px solid  #dfdfdf;
 }
 .section-banner__link {
    display: block;
    border: 1px solid #aaaaaa;
 }
  /* Breadcrumbs
 -------------------------------- */
 .breadcrumbs {
    line-height: 20px;
    margin-bottom: 20px;
 }
 .breadcrumbs__link {
    color: #13a0ce;
    padding-left: 7px;
    margin-right: 5px;
    text-decoration: underline;
    border-left: 1px solid  #d5d5d5;
 }
    .breadcrumbs__link:first-child {
        padding-left: 0;
        border-left: none;
    }
 .breadcrumbs__end {
    padding-left: 7px;
    margin-right: 5px;
    border-left: 1px solid  #d5d5d5;
 }
   /* Comment box
 -------------------------------- */
 .comment-box {
    clear: both;
    margin-top: 20px;
 }
/* Day list
 -------------------------------- */
 .daylist {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
    padding: 0;
    list-style: none;
 }
 .daylist__day {
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
    padding: 5px 4px;
    font-size: 12px;
    color: #4d4d4d;
    cursor: pointer;
    background: #cdcdcd;
 }
 .daylist_day1 {
    background: #7bc73e;
 }
 .daylist_day2 {
    background: #4a7adc;
    color: white;
 }
 /* Time list
 -------------------------------- */
 .timelist {
    display: block;
    vertical-align: middle;
    padding: 0;
    margin: 0 0 0 10px;
 }
 .timelist__time {
    display: block;
    padding-left: 25px;
    margin: 0 0 0 10px;
    line-height: 19px;
    font-family: 'PTSansBold';
 }
 .timelist_time1 {
    background: url('../img/green_time.png') no-repeat;
 }
 .timelist_time2 {
    background: url('../img/blue_time.png') no-repeat;
 }
 .timelist_inline {
    display: inline-block;
 } 
 .timelist_inline .timelist__time {
    display: inline-block;
    vertical-align: middle;
 }
 /* Online date
 -------------------------------- */
 .online-date {
    padding: 14px 22px;
    margin-bottom: 10px;
    background: #f3f3f3;
    border-top: 1px solid  #dadada;
 }
 .online-date__label {
    display: inline-block;
    vertical-align: middle;
 }
  /* Audio player
 -------------------------------- */
 .aplayer-list {}
 .aplayer {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    padding: 7px 12px 7px 0;
    overflow: hidden;
    border: 1px solid #d7d7d7;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
 }
    .aplayer_active .aplayer-info {
        color: white;
        background-color: #162065;
        -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .22);
        -moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, .22);
        box-shadow: inset 0 2px 1px rgba(0, 0, 0, .22);
    }
 .aplayer-acts {
    float: left;
    width: 6%;
    text-align: center;
 }
 .aplayer-acts__play {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    margin-top: 5px;
    cursor: pointer;
    border: 2px solid #4755a8;
    -webkit-border-radius: 50%;
    border-radius: 50%;
 }
    .aplayer-acts__play:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -2px;
        margin-top: -4px;
        border-width: 4px 6px;
        border-style: solid; 
        border-color: transparent;
        border-left-color: #4755a8;
    }
    .aplayer_active .aplayer-acts__play,
    .aplayer-acts__play:hover {
        background: #4755a8;
    }
    .aplayer_active .aplayer-acts__play:before,
    .aplayer_active .aplayer-acts__play:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -3px;
        width: 2px;
        height: 6px;
        border: none;
        background-color: white;
    }
    .aplayer_active .aplayer-acts__play:before {
        margin-left: -4px;
    }
    .aplayer_active .aplayer-acts__play:after {
        margin-left: 2px;
        border: none;
    }
 .aplayer-info {
    position: relative;
    float: left;
    width: 94%;
    padding: 8px 18px;
    overflow: hidden;
    background: #f3f3f3;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
 }
 .aplayer-info__name {
    font-size: 15px;
 }
 .aplayer-info__time {
    display: inline-block;
    position: absolute;
    right: 5%;
    top: 50%;
    margin-top: -10px;
    padding: 0 4px;
    font-size: 13px;
    line-height: 16px;
    color: #1d2654;
    background: white;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
 }
    .aplayer-info__time:after {
        content: '';
        display: block;
        border: 5px solid transparent;
        border-right-color: white;
        position: absolute;
        left: -11px;
        top: 50%;
        margin-top: -5px;
    }
  /* Puzzle gallery
 -------------------------------- */
.puzzle {
    width: 100%;
    height: 178px;
    overflow: hidden;
    position: relative;
    background: -webkit-gradient(linear, left top, right top, from(#7984c5), to(#2b3676));
    background: -webkit-linear-gradient(top, #7984c5, #2b3676);
    background: -moz-linear-gradient(top, #7984c5, #2b3676);
    background: -o-linear-gradient(top, #7984c5, #2b3676);
    background: -ms-linear-gradient(top, #7984c5, #2b3676);
    background: linear-gradient(top, #7984c5, #2b3676);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7984c5', endColorstr='#2b3676',GradientType=0 );
    background-color: #7984c5;
}
    .puzzle:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: url('../img/puzzle_bg.png');
    }
.puzzle-control-top,
.puzzle-control-down {
    position: absolute;
    left: 0;
    width: 100%;
    height: 40px;
    z-index: 4;
    cursor: pointer;
}
.puzzle-control-top {
    top: 0;
}
.puzzle-control-down {
    bottom: 0;
}
.puzzle-ctn {
    position: relative;
    height: 100%;
}
.puzzle-ctn__text {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: url('../img/puzzle_label.png') center center no-repeat;
}
.puzzle-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 15px;
    margin-top: -184.2px;
}
.puzzle-inner-grid {
    z-index: 1;
}
.puzzle-inner-elements {
    z-index: 3;
}
.puzzle-line {
    float: left;
    width: 12.5%;
    height: 100%;
}
.puzzle-el {
    clear: both;
    float: left;
    width: 100%;
    height: 33.3333%;
    position: relative;
    border: 1px solid #8083bd;
    -webkit-box-shadow: inset 0px 0px 3px #8083bd;
    -moz-box-shadow: inset 0px 0px 3px #8083bd;
    box-shadow: inset 0px 0px 3px #8083bd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.puzzle-el__img {
    display: block;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=0);
    opacity: 0;
}
.puzzle-el__img img {
    display: block;
    width: 100%;
    height: 100%;
}
.puzzle-el-info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
}
.puzzle-el__type {
    display: block;
    width: 100%;
    padding: 9px 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: center;
    font-size: 14px; 
    color: white;
    text-decoration: none;
    background: #dd2828;
}
.puzzle-el__name {
    display: block;
    width: 100%;
    height: 20%;
    padding: 9px 0;
    filter: alpha(opacity=0);
    opacity: 0;
    text-align: center;
    font-family: 'PTSansBold';
    font-size: 14px;   
    color: #4e4e4e;
    text-decoration: none;
    background-color: white;
}
.puzzle-el__name a {
    display: table;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
}
.puzzle-el__name a span {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
    .puzzle-el:hover .puzzle-el__img,
    .puzzle-el:hover .puzzle-el__type,
    .puzzle-el:hover .puzzle-el__name {
        opacity: 1;
        filter: alpha(opacity=100);
    }
.puzzle-inner-grid .puzzle-el__img {
    visibility: hidden;
}
.puzzle-inner-elements .puzzle-el {
    border-color: transparent;
    box-shadow: none
}
    .puzzle-inner-elements .puzzle-el:hover {
        border: 1px solid #8083bd;
        -webkit-box-shadow: inset 0px 0px 3px #8083bd;
        -moz-box-shadow: inset 0px 0px 3px #8083bd;
        box-shadow: inset 0px 0px 3px #8083bd;
    }
/* ==========================================================================
   Article
   ========================================================================== */
.article {}
.article .lightbox,
.article .fancybox {
    clear: both;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.article-head {
    margin: 5px 0;
}
.article-head__h {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
}
.article-head__date {
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    padding-left: 6px;
    color: #2f3c8e;
    font-family: 'PTSansBold';
    border-left: 1px solid #d5d5d5;
}

.article__date {
    display: block;
    padding-bottom: 10px;
    margin: 10px 0;
    font-family: 'PTSansBold';
    color: #2f3c8e;
    border-bottom: 1px dashed #d5d5d5;
}
  /* Radio page
 -------------------------------- */
 .rpage {}
 .rpage .online-date__label {
    margin-left: 15px;
 }
 .rpage-sidebar {}
 .rpage-sidebar-block {
    margin: 15px 0;
 }
 .rpage-sidebar-block:first-child {
    margin-top: 0;
 }
 .rpage table {
    width: 100%;
 }
 .rpage__img {
    background: white;
 }
 .rpage__img img {
    display: block;
    width: 100%;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
 }
 .text-image {
    float: left;
    padding-right: 15px;
    background: white;
 }
 .rpage-text {}
 .rpage-text__title {
    display: block;
    margin-top: 0;
 }
 .rpage-desc {
    float: left;
 }
 .rpage-desc p {
    margin-top: 0;
 }
/* ==========================================================================
   Sidebar
   ========================================================================== */
.sidebar {
    padding-top: 10px;
    padding-bottom: 10px;
}
.sidebar-el {
    margin-top: 10px;
}
    .sidebar-el:first-child {
        margin-top: 0;
    }
/* ==========================================================================
   Footer
   ========================================================================== */
 .footer-container {
    background: -webkit-gradient(linear, left top, right top, from(#5563ba), to(#3a4796));
    background: -webkit-linear-gradient(top, #5563ba, #3a4796);
    background: -moz-linear-gradient(top, #5563ba, #3a4796);
    background: -o-linear-gradient(top, #5563ba, #3a4796);
    background: -ms-linear-gradient(top, #5563ba, #3a4796);
    background: linear-gradient(top, #5563ba, #3a4796);
    background-color: #5563ba;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5563ba', endColorstr='#3a4796',GradientType=0 );
 }
 .footer {}
  /* Footer nav
 -------------------------------- */ 
 .footer-nav {
    float: left;
    padding: 0;
    margin: 24px 0;
 }
 .footer-nav-i {
    float: left;
    list-style: none;
 }
 .footer-nav__link {
    display: block;
    margin: 0 12px;
    font-size: 14px;
    font-family: 'PTSansBold';
    font-family: 'PT Sans';
    color: white;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.9);
 }
     .footer-nav__link:hover {
        color: #13a0ce;
     }
 /* Footer social
 -------------------------------- */ 
 .footer-social {
    float: left;
    margin: 18px 0 18px 90px;
 }
 /* Medialine
 -------------------------------- */ 
 .medialine {
    float: right;
    margin: 17px 0;
 }
 .medialine__link {
    display: inline-block;
    vertical-align: middle;
    color: white;
    text-decoration: none;
 }
     .medialine__link:hover {
        text-decoration: underline;
     }
 .medialine__img {
    margin-left: 15px;
 }


/* Programms */
.programms-container {
    position: relative;
}
    .programms_active {
        color: white;
        border-bottom: 2px solid #325190;
        background: -webkit-gradient(linear, left top, right top, from(#4a7adc), to(#3e6ac3));
        background: -webkit-linear-gradient(top, #4a7adc, #3e6ac3);
        background: -moz-linear-gradient(top, #4a7adc, #3e6ac3);
        background: -o-linear-gradient(top, #4a7adc, #3e6ac3);
        background: -ms-linear-gradient(top, #4a7adc, #3e6ac3);
        background: linear-gradient(top, #4a7adc, #3e6ac3);
        background-color: #4a7adc;
    }
.programms-head {
    padding: 16px 0;
    background: #f4f4f4;
    border-top: 1px dashed  #d3d3d3;
    border-bottom: 1px dashed  #d3d3d3;
}
.programms-week {
    display: inline-block;
	vertical-align: middle;
    position: relative;
    width: 100%;
    height: 38px;
    overflow: hidden;
    margin: -1px 0;
	margin-right: -4px;
}
.programms-week-in {
    float: left;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.programms-day {
	display: inline-block;
	vertical-align: middle;
    width: 14.2%;
	margin-right: -4px;
    padding: 0 10px;
    border-left: 1px solid  #e3e3e3;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
.programms-day:first-child {
    border-left: none;
}
.programms-day-in {
    padding: 9px 0;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.programms-day__name {
    display: block;
    text-align: center;
    font-family: 'PTSansBold';
    font-size: 14px;
    color: #223762;
}
.programms-day__date {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #223762;
}

.programms-link {
    display: inline-block;
	vertical-align: middle;
    width: 19%;
    margin: -1px 0;
    padding: 9px 0;
    line-height: 20px;
    font-family: 'PTSansBold';
    -webkit-border-radius: 6px;
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    background: #416ec9;
    color: white;
}

.programms-link,
.programms-day:hover .programms-day-in,
.programms-day_active .programms-day-in {
    background-color: #5462b9;
    background: -webkit-gradient(linear, left top, right top, from(#5462b9), to(#3d4a9b));
    background: -webkit-linear-gradient(top, #5462b9, #3d4a9b);
    background: -moz-linear-gradient(top, #5462b9, #3d4a9b);
    background: -o-linear-gradient(top, #5462b9, #3d4a9b);
    background: -ms-linear-gradient(top, #5462b9, #3d4a9b);
    background: linear-gradient(top, #5462b9, #3d4a9b);
}

.programms-link:hover {
    color: white;
}

.programms-link,
.programms-day:hover .programms-day__name,
.programms-day:hover .programms-day__date,
.programms-day_active .programms-day__name,
.programms-day_active .programms-day__date {
    color: white;
    text-shadow: none ;
}
/* ===== Date slider ===== */
.jdate {
    max-width: 100%;
}
.jdate-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.jweek {
    width: 100%;
    height: 100%;
}
.jday {
    position: relative;
    top: -100%;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
}
.jday-visible {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.jday-hidden {
    opacity: 0;
    filter: alpha(opacity=0);
    top: 100%;
}

.jelement-active {
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.programms-items {
    margin-top: 20px;
    margin-bottom: 20px;
}
.programm-list {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    padding-left: 12px;
    border-left: 1px solid  #dbdbdb;
}
.programms-programm:first-child .programm-list {
    border-left: none;
}
.programm-i {
    margin: -1px 15px 0 0;
    
    border-top: 1px dashed #d3d3d3;
    border-bottom: 1px dashed #d3d3d3;
    list-style: none;
    color: #848484;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.programm-i__link {
    display: inline-block;
    padding: 7px 10px;
}
.programm-i a {
    color: inherit;
}
.programm-i__time {
    display: inline-block;
    vertical-align: middle;
    font-family: 'PTSansBold';
    color: #2f3c8e;
}
.programm-i__name {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
    .programm-i_passed .programm-i__time,
    .programm-i_passed .programm-i__name {
        color: #aaaaaa;
    }
    .programm-i_current {
        position: relative;
    }
        .programm-i_current:after {
            content: '';
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -11px;
            width: 20px;
            height: 20px;
            background: url('../img/tv1.png');
        }
    .programm-i:hover,
    .programm-i_current {
        background: #f4f4f4;
    }
    .programm-i:hover .programm-i__time,
    .programm-i_current .programm-i__time {
        color: #eb402e;
    }
    .programm-i:hover .programm-i__name,
    .programm-i_current .programm-i__name {
        color: #252525;
    }
/* ==========================================================================
   Box grid
   ========================================================================== */
.box-container {
    margin: 0 -15px;
    overflow: hidden;
}
.box-2 {
    float: left;
    width: 50%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.box-3 {
    float: left;
    width: 33.33333333%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */


/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}


.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
.clear {
    clear: both;
}

.margin-box-1 {
    margin: 10px 0;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.header_inf h1
{
 float: left;
 color: #494949;
 padding-right: 11px;
}

.header_inf .date_inf
{
 float: left;
 font-size: 14pt;
 font-family: 'PTSansBold';
 padding-left: 11px;
 color: #2f3c8e;
 margin-top: 7px;
 border-left: 1px solid #d3d3d3;
}

.content_b
{
 padding-top: 15px;
 padding-left: 10px;
}

/*Page News*/
.blockNews
{
 max-width: 50%;
 margin-bottom: 20px;
 margin-top: 20px;
}

.blockNews:nth-of-type(odd)
{
 float: left;
 padding-right: 12px;
 border-right: 1px solid #d7d7d7;
 clear: left;
}

.blockNews:nth-of-type(even)
{
 padding-left: 12px;
 float: left;
}

.blockNews h3, .blockNews h3 a
{
 font-family: PTSans, Tahoma, Arial, sans-serif;
 font-size: 15pt;
 color: #494949;
 margin: 0px;
}

.blockNews h6
{
 font-family: PTSans, Tahoma, Arial, sans-serif;
 color: #2f3c8e;
 font-size: 10pt;
 font-weight: none;
 margin: 0px;
 margin-top: 8px;
}

.blockNews p
{
 font-family: PTSans, Tahoma, Arial, sans-serif;
 margin-top: 8px;
 font-size: 11pt;
 color: #494949;
}

.blockNews a.more
{
 font-family: PTSans, Tahoma, Arial, sans-serif;
 font-size: 11pt;
 color: #13a0ce;
 float: right;
 border-bottom: 1px solid #13a0ce;
}

article.block_dotted
{
 border-bottom: 1px dotted #dadada;
}
/*Page Navigation*/
nav.pagenav
{
 max-width: 345px;
 margin: auto;
 float: none;
 clear: both;
 overflow: hidden;
}

ul.navigation
{
 margin: auto;
 float: none;
 clear: both;
 overflow: hidden;
 list-style-type: none;
}

ul.navigation li 
{
 float: left;
 margin-left: 10px;
}

ul.navigation li.nav__li a
{
 text-decoration: none;
}

ul.navigation li.link__li a
{
 height: 29px;
 line-height: 29px;
 color: #13a0ce;
 padding-bottom: 1px;
 text-decoration: none;
 border-bottom: 1px dotted #13a0ce;
}

ul.navigation li.nav__li div.img
{
 background: url("../img/menu_circle.jpg") no-repeat 0px 0px;
 width: 29px;
 height: 29px;
 color: #333;
 line-height: 29px;
 text-align: center;
 text-decoration: none;
}

ul.navigation li.nav__li:hover div, ul.navigation li.nav__li.active a div, ul.navigation li.nav__more:hover div
{
 background-position: 0px -29px;
 color: #fff;
}

h1.article-head__h
{
 margin-top: 10px;
 margin-bottom: 4px;
}

h1.article-head__h+span.article-head__date
{
 margin-top: 10px;
}

li.daylist_day1.daylist_day2
{
 background: linear-gradient(left, #4a7adc 0%, #4a7adc 50%, #7bc73e 50%, #7bc73e 100%);
 background: -moz-linear-gradient(left, #4a7adc 0%, #4a7adc 50%, #7bc73e 50%, #7bc73e 100%);
 background: -o-linear-gradient(left, #4a7adc 0%, #4a7adc 50%, #7bc73e 50%, #7bc73e 100%);
 background: -khtml-linear-gradient(left, #4a7adc 0%, #4a7adc 50%, #7bc73e 50%, #7bc73e 100%);
 background: -webkit-linear-gradient(left, #4a7adc 0%, #4a7adc 50%, #7bc73e 50%, #7bc73e 100%);
}

.article p 
{
 font-size: 14px;
}

.hidden_programm
{
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    transition: all 500ms;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    -khtml-transition: all 500ms;
    animation-timing-function: ease-in;
}

.visible_programm
{
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
}

.program_hide
{
    width: 0px;
    margin: 0px;
    padding: 0px;
     transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    -khtml-transition: all 300ms;
}

/* Inline gallery
-------------------------- */
.igallery {
    overflow: hidden;
	text-align: left;
	border-top: 1px solid white;
}
.igallery-i {
	float: none;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin-right: -4px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 20px;
    padding-bottom: 20px;
	margin-top: -1px;
}
.igallery-i__img {
    display: block;
}
.igallery-i__img a {
    display: inline-block;
    border: 1px solid transparent;
}
    .igallery-i__img a:hover {
        border-color: #73B4DA;
    }
.igallery-i__img img {
    display: block;
    width: 100%;
}
.igallery-i__type {
    display: block;
    margin: 2px 0;
    font: bold 12px/20px arial;
    color: #4d4d4d;
}
.igallery-i__name {
    display: block;
    margin: 2px 0;
    font: 14px arial;
    color: #23527c;
}
    .igallery-i__name:hover {
        text-decoration: none;
    }
/* Inline gallery center mod
-------------------------- */
.igallery_center {
    text-align: center;
}
.igallery_center .igallery-i__img a,
.igallery_center .igallery-i__type,
.igallery_center .igallery-i__name {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.ap-inner-action_pause .ap-inner-action__in:before,
.ap-inner-action_pause .ap-inner-action__in:after {
    background: white;
    width: 6px;
    height: 15px;
    margin-top: -7.5px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -webkit- box-shadow: 0 0 1px rgba(0,0,0, .3);
    -moz-box-shadow: 0 0 1px rgba(0,0,0, .3);
    -o-box-shadow: 0 0 1px rgba(0,0,0, .3);
    box-shadow: 0 0 1px rgba(0,0,0, .3);
}
.ap-inner-action_pause .ap-inner-action__in:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
}
.ap-inner-action_pause .ap-inner-action__in:after {
    margin-left: 2px;
}

div.hide_player
{
    position: absolute;
    width: 0px;
    top: 0px;
    left: 0px;
    opacity: 0;
    overflow: hidden;
}