/* TO TOP */

#top-link-block.affix
{
    position: fixed;
    bottom: 20px;
    width: auto;
    transition: all 1s easing 0s;
}

#top-link-block.affix-top {
    position: fixed;
    bottom:  -100px;
    right: 10px;

}
#top-link-block.affix {
    position: fixed;
    bottom: 20px;
    right: 10px;
}

#totop
{
    background-color: #3f3f3f;
    color: white;
    padding: 1em;
    border: none;
    opacity: 0.7;
}

#top-link-block
{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


.f-pfd{
    font-family: 'Playfair Display', serif;
}

.f-fsc{
    font-family: 'Fira Sans Condensed', sans-serif;
}

.f-c
{
    font-family: 'Cuprum', sans-serif;
}

.header-date-text
{
    font-size: 56pt !important;
    padding: 0px !important;
    margin: 0px;
    line-height: 0.5;
}

.header-date-text2
{
    font-size: 18pt !important;
    padding: 0px !important;
    margin: 0px;
    line-height: 0.7;
}

.noshadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.c-gray2
{
    color: #656565;
}

a.c-gray2:hover, a.c-gray2.active, a.c-gray2:focus
{
    color: #ed1c24;
}

.kmb-search, .kmb-search:focus
{
    color: #656565;
    font-size: 22px;
}

.kmb-search:hover
{
    color: #ed1c24;
}

ul.kmb-menu-left
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.kmb-menu-left li
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 10px;
}

ul.kmb-menu-left li
{
    background-image: url(../../images/default/m-l.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    padding-left: 15px;
}

ul.kmb-menu-left li.active
{
    background-image: url(../../images/default/m-l-active.png);
}

ul.kmb-menu-left li a
{
    color: #656565;
    text-transform: uppercase;
}

ul.kmb-menu-left li a:hover, ul.kmb-menu-left li.active a
{
    color: #240708;
    font-weight: bold;
}

.btn-icon2
{
    height: 30px;
    width: 30px;
    line-height: 32px;
    margin-left: 20px;
}

.shadow-bottom
{
    -webkit-box-shadow: inset 0px -5px 40px -45px rgba(0,0,0,0.13);
    -moz-box-shadow: inset 0px -5px 40px -45px rgba(0,0,0,0.13);
    box-shadow: inset 0px -5px 40px -45px rgba(0,0,0,0.13);
}

h3
{
    margin-top: 11px;
}

.p-t-50
{
    padding-top: 50px;
}

.p-b-50
{
    padding-bottom: 50px;
}

.bgm-gray2
{
    background-color: #cfcfcf;
}

.kmb-accordition-head
{
    padding: 5px;
}

.kmb-accordition-head a
{
    color: #656565;
}

.panel-collapse .panel-heading:before
{
    content: "";
}

collapse.in .kmd-show-btn
{
    display: none;
}

.c-red2
{
    color: #bb272d;
}

.c-y-play
{
    font-size: 78px;
    position: absolute;
    margin-top: 20%;
    margin-left: 30%;
}

@media (min-width: 768px)
{
    .col-sm25 {
        width: 25% !important;
    }
}


.demo{
    background: #000;
    color: #fff;
}
.navbar{
    position: relative;
    /*height: 100px;*/
    /*overflow: hidden;*/
}
.navbar .nav-toggle{
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    position: absolute;
    top: -12%;
    right: 12%;
    z-index: 1002;
}
.navbar .nav-toggle span{
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background: #000;
    position: absolute;
    left: 0;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}
.navbar .nav-toggle span:nth-child(1){
    top: 4px;
    width: 75%;
    left: 3px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-color: black;
}
.navbar .nav-toggle span:nth-child(2){
    top: 14px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-color: #ed1c24;
}
.navbar .nav-toggle span:nth-child(3){
    top: 24px;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    width: 75%;
    left: 3px;
    background-color: #ed1c24;
}
.navbar .nav-toggle.open span:nth-child(1){
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 3px;
    left: 4px;
    width: 100%;
    background-color: #ed1c24;
}
.navbar .nav-toggle.open span:nth-child(2){
    width: 0;
    opacity: 0;
    background-color: #ed1c24;
}
.navbar .nav-toggle.open span:nth-child(3){
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 25px;
    left: 4px;
    width: 100%;
    background-color: #ed1c24;
}
.navbar .nav-layer{
    position: absolute;
    top: 16px;
    left: 16px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.8);
    border-radius: 50%;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}
.navbar .nav-layer.open{
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.navbar .menu{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transition: ease-in-out 0.25s;
    transition: ease-in-out 0.25s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: hidden;
    opacity: 0;
}
.navbar .menu ul{
    list-style: none;
}
.navbar .menu a{
    color: #656565;
    text-decoration: none;
}
.navbar .menu.open{
    visibility: visible;
    opacity: 1;
    -webkit-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
    z-index: 1002;
}
.navbar .nav-layer{
    background: -webkit-linear-gradient(to left, #cfcfcf, #ffffff);
    background: linear-gradient(to left, #cfcfcf, #ffffff);
}
.navbar .nav-toggle span{
    background-color: #fff;
}
.navbar .menu{
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: center;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    /*color: #656565;*/
    /*font-family: 'Fira Sans Condensed', sans-serif;*/
    /*font-size: 10vh;*/
}
.navbar .menu li:hover{
    list-style: none;

}

.navbar .menu li a:hover
{
    color: #ed1c24;
}

.bgm-white
{
    background-color: #eaeaea !important;
}

.kmb-border
{
    background-image: url(../../images/default/grid.png);
    background-repeat: repeat-y;
    background-position: center;
    padding-left: 10px;
    background-size: 70%;
}

.b-b-1
{
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
    padding-top: 10px;
}

hr
{
    background-color: #a3a3a3;
    color: #a3a3a3;
    border-color: #a3a3a3;
    margin-left: -2px;
    margin-right: -5px;
}

.bgm-trans, .panel
{
    background-color: transparent!important
}


.f-80
{
    font-size: 80px;
}

.f-20
{
    font-size: 28px !important;
}

.kmb-ls
{
    letter-spacing: 1px;
    font-size: 14px;
}

.kmb-ls-title
{
    font-size: 18px;
}

.p-t-13
{
    margin-top: 13px;
}

.p-b-37
{
    margin-bottom: 37px;
}

.f-18
{
    font-size: 18px;
    font-weight:  bold;
}

.kmb-line-spacing
{
    line-height: 24px;
}

.kmb-line-spacing26
{
    line-height: 26px;
}

.bgm-black2
{
    background-color: #2d2d2d;
}

.kmb-footer
{
    padding-top: 50px;
}

.kmb-footer .kmb-footer-title
{
    font-size: 28px;
    color: #656565;
}

.line-height-2
{
    margin-bottom: 20px;
}

.bgm-red2
{
    background-color: #7a161a !important;
}

.b-l-1
{
    border-left: 1px solid #ed1c24;
}

.breadcrumb>li+li:before
{
    content: '>';
    font-weight: bold;
}

.kmb-quote-bgm
{
    background-image: url(../../images/default/quote.png);
    background-repeat: no-repeat;
    background-position: 10% 20%;

}

.kmb-quote-reward
{
    background-image: url(../../images/default/reward.png);
    background-repeat: no-repeat;
    background-position: 20% 20%;

}

.kmb-quote-partner
{
    background-image: url(../../images/default/partner.png);
    background-repeat: no-repeat;
    background-position: 20% 20%;

}

.mainVideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    overflow: hidden;
    background-color: black;
}

.mainVideoContent {
    position: fixed;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    color: #f1f1f1;
    width: 100%;
    padding: 0px;
}

.breadcrumb
{
    border-bottom: 0px;
}

.afishaMain:hover .activeRed
{
    color: #ed1c24 !important;
}

.afishaMain
{

}
.afishaMain:hover
{
    background: rgba(0, 0, 0, 0.5);
    //background: black;
}
.afishaMain .btn-buyticket
{
    opacity: 0;
    color: #ed1c24;
    text-transform: uppercase;
}
.afishaMain:hover .btn-buyticket
{
    opacity: 1;


}

.btn-show-afisha
{
    text-transform: uppercase;
}

.btn-show-afisha .border
{
    padding-bottom: 5px;
    border-bottom: 1px solid #ed1c24;
}

.navbar .menu
{

}

.nav-layer.open
{
    background: black !important;;
}

.c-repertoire li.active a, .c-repertoire li a:hover
{
    color: white !important;
}


.c-repertoire
{
    height: 50%;
    overflo-y: scroll;
}

.mainBg
{
    background-image: url(/main-bg.jpg);
    background-repeat: repeat-y;
    background-position: center;
    background-attachment: fixed;
}



.w19
{
    width: 19.5%;
}

.hp-afisha a
{
    color: white;
}

.social-buttons
{
    position: absolute;;
    margin-top: 120px;
    font-size: 30px;
    text-align: center;
    margin-left: -35px;
    z-index: 10;
}

.social-buttons a
{
    margin-top: 10px;
    display: block;

}

.social-buttons a:hover i
{
    color: #ed1c24;
}


.social-buttons i
{
    color: #a09e9e;
}

.e-modalbox
{
    z-index: 2001;
}

.nav-container
{
    position: absolute;
    right: 20px;
    top: 40px;
}

.social-buttons
{
    z-index: 1002;
}


.m-t-100
{
    margin-top: 100px !important;
}


@media (max-width: 768px)
{
    .mainVideoContent {
        position: static !important;
        background-color: transparent;
        margin-top: 25px;

    }

    .afishaMain
    {
        border-top: 1px solid #c9cccf !important;
    }

    .btn-show-afisha
    {
        margin-bottom: 25%;

    }

    .btn-show-afisha > div
    {
        color: white !important;
        text-align: center !important;
    }

    .btn-buyticket
    {
        opacity: 1 !important;
        margin-bottom: 20px !important;
    }

    .m-f-20
    {
        font-size: 18pt;
    }

    .b-l-1
    {
    //border-left: 0px;
    }

    .p-0
    {
        padding: 5px;
    }

    .mp-l-10
    {
        padding-left: 10px !important;
    }

    .w19
    {
        width: 50% !important;
    }

    .kmb-border
    {
        background: transparent;
    }

    .nav-container
    {
        right: 10px !important;
        top: 35px !important;
    }

    .mm1, .mm1 a.f-20, .mm1 a.f-15
    {
        font-size: 12px !important;
    }

    .mm1.m-t-25
    {
        margin-top: 10px !important;
    }

    .m-t-100
    {
        margin-top: 0px !important;
    }

    .mm
    {
        padding-left: 10px !important;
    }

    .kmb-accordition-head a {
        font-size: 15px !important;
    }

    .kmb-show-btn, .kmb-hide-btn
    {
        margin-top: 10px !important;
    }

    .kmb-age
    {
        font-size: 15px !important;
    }

    .kmb-age > div
    {
        height: 24px !important;
        width: 24px !important;
        line-height: 26px;

    }
}


    @media (min-width: 768px)
{

    .cont-go .btn-go
    {
        opacity: 0;
    }

    .cont-go:hover
    {
        cursor: pointer;
    }

    .cont-go:hover .btn-go
    {
        opacity: 1;
    }



}

.mm a:hover
{
    color: #ed1c24;;
}

.hr-red
{
    background-color: #ed1c24;
    color: #ed1c24;
    border-color: #ed1c24;
}


.btn-show-media
{
    text-transform: uppercase;
}

.btn-show-media .border
{
    padding-bottom: 5px;
    border-bottom: 1px solid #ed1c24;
}