/*Carousel*/

.carousel-container .carousel-title-arrow{
    color: #3185fc;
}

.carousel-cell-arrow-area:hover i{
    color: #FFF;
}

.carousel-detail-data .info{
    color: #FFF;
}


.btn i.material-icons{
    color: #FFF;
}

.carousel-detail .close i{
    color: #FFF;
    text-shadow: 1px 1px #000;
}

.carousel-cell .detailed-frame{
    border-color: #068de6;
}
/*
.home-player {
  height: 58vw;
}
*/
.home-player {
    width: 100%;
    height: 42vw;
}



/*Errors*/

.error-modal a .tab-item{
    color: #3185fc;
}

/*Home promo*/

.home-promo-cotainer .slick-prev:before, .home-promo-cotainer .slick-next:before{
    color: #3185fc;
}

.slider-next .arrow:hover, .slider-prev .arrow:hover{
    fill: #068de6;
}

/* icons*/
.material-icons{
    color: #FFFFFF;
}

/* main */

body{
    background-color: #FFF;
    color: #727272;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

.input-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #141519;
}
.input-group .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #141519;
}
.input-group .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #141519;
}
.input-group .form-control:-moz-placeholder { /* Firefox 18- */
    color: #141519;
}

/* modal */

.ngdialog.ngdialog-theme-default .ngdialog-content{
    background-color: #f1f1f1;
    background: white;
}

.ngdialog.ngdialog-theme-default.terms h2{
    color: #fff;
}

.ngdialog.ngdialog-theme-default.terms .terms-text{
    color: #fff;
    box-shadow: 3px 5px 9px #000
}

.modal{
    background-color: white;
    color: #727272;
}

.modal .tab-item{
    border-bottom: 2px solid #7d7d7d;
}

.modal a .tab-item{
    color: #727272;

}
/*
.modal a .tab-item.current {
    color: #3185fc;
}
*/

.modal .tab-item.current{
    border-bottom: 2px solid #3185fc;
    color: #3185fc;
}

.modal .form-error{
    color: #a1a1a1;
}

/* navigation */

header {
    border-left: 0.31vw solid white;
}

.header-menu{
    background: #FFF;
    font-size: 16px;
}





.navigation-link:hover{
    color: #3185fc;
}

.sub-navigation-list {
    color: #878b95;
}

.secondary-navigation-item.blue, .secondary-lateral-navigation-item.blue{
    color: #3185fc;
}

.navigation-item.underline:hover{
    border-bottom: 0.36vw solid #3185fc;
    color: #3185fc;
}

.lateral-navigation{
    background-color: #1B1D25;
    border-top: 0.3vw solid #068de6;
}

.toggle-navigation{
    background-color: #1B1D25;
}

.toggle-navigation ul li.active{
    border-right: 1vw solid #3185fc;
    border-left: 2vw solid #3185fc;
}

.toggle-navigation-sep{
    background-color: #000;
}

.section-separator {
    border-bottom: 1px solid #fff;
    margin: 1vw 3vw;
    width: 94vw;
}

.footer-content{
    padding-top: 37px;
}

.footer{
    background-color: #1e2629;
    margin-top: 3vw;
}

.footer-content:first-child{
    padding-left: 10%;
    padding-top: 3%;
    padding-bottom: 3%;
    height: 270px;
}

.footer-container{
    border-top: 0.4vw solid #060606;
    border-bottom: 0.4vw solid #060606;
}

.power-by{
    color: #878b95;
}

/* payment */

.items-container{
    background: #1c2238;
}

.modal-title-container{
    background: black;
}

.modal-header {
    background: #1c2238;
}

h4 .currency{
    color: #666699;
}

h4 .amount {
    color: #36b081;
}

.modal-title-container {
    background: #10102a;
}

/* player */

.player-back .material-icons{
    color: #000;
}

.footer .row-copyright{
    background: #7d7878;
}

.header-menu {
    border-left: 0vw solid #dedede;
}

.header-menu .col-menu ul.top-menu li a {
    color: #999;
}

/*
.header-menu .col-menu ul.bottom-menu li.active a {
    border-bottom: 2px solid #FFFFFF;
}
*/

.header-menu .col-menu ul.bottom-menu li.active a, .header-menu .col-menu ul.bottom-menu li a:hover {
    transition: background ease-in-out 0.25s, color ease-in-out 0.2s;
    color: #999;
    border-bottom: 2px solid #999;
}

.header-menu.small-header .col-menu ul.bottom-menu li a {
    padding: 17px 0px 9px 0px;
    letter-spacing: 2px;
    margin: 0 5px;
}

.header-menu .col-menu ul.top-menu li a:hover{
    color: #999;
    border-bottom: 2px solid #999;
    padding-bottom: 9px;
}

.header-menu .col-menu ul.bottom-menu li a {
    color: #999;
}

.footer .row-links {
    padding: 20px 5vw;
    border-bottom: 0px;
    padding-top: 0%;
    height: 40px;
}

.header-menu .col-menu {
    float: right;
    margin-left: 25px;
    margin-top: 4px;
    width: calc(100% - 185px);
}


.footer .menu li a {
    color: #999;
}

.medium-rail {
    background: #f1f1f1;
}

.modal a .tab-item.current {
    color: #000;
}

.modal .tab-item.current {
    border-bottom: 2px solid  ;
    color: #FFFFFF;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    color: white;
}

.btn {
    border-radius: 0px;
}

.btn-primary {
    background-color: #151515;
}

.btn-primary:hover {
    background-color: #212121;
}

.container {
    position: relative;
}

.image {
    display: block;
    height: auto;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .3s ease;
}

.container:hover .overlay {
    opacity: 1;
}

.icon {
    color: white;
    font-size: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.fa-user:hover {
    color: #eee;
}

.column-logo {
    float: right;
    padding-right: 10%;
    /*    width: 50%;*/
}

.column-copyright{
    padding-top: 1.5%;
    /*    padding-left: 10%;*/
    /*    width: 50%;*/
}


/* Clear floats after the columns */
.footer-logo:after {
    content: "";
    display: table;
    clear: both;
}

.header-menu .search.active .clear.ng-hide {
    opacity: 1;
    display: block !important;
}

.full-content-ad{
    height: 540px;
    margin-top: -540px;
    position: relative;
}


.full-content-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.full-content-arrow-wrapper {
    border-style: solid;
    border-radius: 50%;
    margin-top: 20px;
    padding: 7px;
    width: 42px;
    height: 42px;
    border: 2px solid #0088fb;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: calc( 50% - 21px);
    display: none;
}

.full-content-arrow {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-image: url("/static/icons/arrows/down/link.svg");

}

.full-content-arrow-wrapper:hover .full-content-arrow {
    background-image: url("/static/icons/arrows/down/link-hover.svg");
}



@media (max-width: 1230px){
    .header-menu .row-bottom-menu .mobile-menu {
        color: #FFF;
    }

    .header-menu .col-menu ul.bottom-menu{
        box-shadow: 0 0px 0px rgba(0,0,0,0.12), 0px 0px 0px 0px;
        right: -120px;
    }
    .header-menu .col-menu ul.bottom-menu.active {
        border-top: 3px solid #FFFFFF;
    }
    .header-menu .col-menu ul.bottom-menu.active::before {
        border-bottom: 10px solid #FFFFFF;
    }

}


@media (max-width: 780px){
    .header-menu .col-menu-mobile {
        background: #dedede;
    }
    .header-menu.small-header .col-menu-mobile ul.top-menu li {
        color: white;
    }
    .header-menu.small-header .col-menu-mobile ul.top-menu li:hover {
        color: #FFFFFF;
    }

    .header-menu.small-header .col-menu-mobile ul.top-menu li a:hover {
        color: #FFFFFF;
    }

    .header-menu .col-menu-mobile ul.top-menu li.active a, .header-menu .col-menu-mobile ul.top-menu li a:hover{
        color: #FFFFFF;
    }

    .header-menu .search .material-icons {
        margin-top: 9px;
        font-size: 30px;
    }
    .header-menu .menu-for-mobile {
        display: block;
        width: 24px;
        background: transparent;
        padding: 0;
        border: none;
        left: 5vw;
        margin-top: 18px;
        margin-right: 12px;
        cursor: pointer;
        float: left;
        transition: all ease 250ms;
    }

}

.header-menu .col-menu ul.top-menu li ul {
    background: #151515;
    border-top: 3px solid #FFFFFF;
    top: 35px;
}

.header-menu .col-menu ul.top-menu li ul::before {
    border-bottom: 10px solid #FFFFFF;
}

.header-menu .col-menu ul.top-menu li a:hover{
    color :  #000;
}


.header-menu.small-header .col-logo {
    width: 145px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.header-menu.small-header {
    padding: 0px 5vw 0px 5vw;
}

.input-group {
    background-color: #FFFFFF;
    text-align: center;
}

.footer .menu li a:hover {
    color: #FFFFFF;
}

.help .header {
    color: #727272;
}

.help ul li {
    color: white;
}

.input-group {
    border: 0px;
}

.form-control {
    border-radius: 0px;
}


.input-group .form-control {
    background-color: #fff;
    color: #727272;
    border: 1px solid #ccc;
}

.modal .recover a {
    color: #727272;
}

.auth-modal .recover a:hover {
    color: #000;
}

.modal span.form-error {
    color: #727272;
}

.social-svg{
    fill: #FFF;
}

.input-group .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #727272;
}
.input-group .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #727272;
}
.input-group .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #727272;
}
.input-group .form-control:-moz-placeholder { /* Firefox 18- */
    color: #727272;
}

.ngdialog.ngdialog-theme-default .ngdialog-close:before{
    color: #727272;
}

a, a:visited, a:hover, a:active{
    color: #727272;
}

.input-group.invalid {
    border: 2px solid #FFFFFF;
}

.span{
    color: red;
}

.help ul li span.title {
    color: #727272;
}

.header-menu .search.active .input-search{
    background-color: transparent;
}

.header-menu .search .material-icons{
    color: #666;
}

.rail-next .arrow, .rail-prev .arrow{
    fill: #999;
}

.content-grid .title-section{
    color: #727272;
}

.calendar-events .header h3{
    color: #727272;
}

.content-grid, .tall-rail, .wide-rail, .medium-rail{
    background-color: transparent;
}

.content-grid h3, .tall-rail h3, .wide-rail h3, .medium-rail h3, .calendar-events h3,
.content-grid h1, .tall-rail h1, .wide-rail h1, .medium-rail h1, .calendar-events h1,
.content-grid .title-section, .calendar-events .header h3, .calendar-events .row-title{
    color: #212121;
}

.content-grid .grid-item.small .info .bottom h2 {
    font-size: 1vw;
}

.wide-rail .wide-rail-item .info .bottom{
    padding : 10px;
    background: rgba(0,0,0,0.7);
    font-weight: 100;
    width: 100%;
}

.wide-rail .wide-rail-item .info .bottom p {
    font-size: 14px;
    font-weight: 100;
    padding-bottom: 0px;
    margin: 0;
}

.episode-rail .rail-next .arrow,.episode-rail .rail-prev .arrow{
    fill: #FFF
}

.tall-rail .rail-next .arrow,.tall-rail  .rail-prev .arrow{
    fill: #999
}

.content-grid .grid-item .info .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
    padding: 0.5vw;
}

.content-grid .grid-item .info .bottom h2{
    font-size: 22px;
    border-bottom: none;
    max-width: 98%;
    padding-bottom: 0;
}

.content-grid .grid-item.small .info .bottom h2{
    font-size: 18px;
}

.ad-slot{
    margin-top: 20px;
}

.section-container {
    margin-top: 61px;
}

.taboola-ads{
    margin: 0 5vw;
}


@media (max-width: 1024px){
    .content-grid .grid-item.small .info .bottom h2 {
        font-size: 16px;
    }
}


@media (max-width: 1450px){
    .content-grid .grid-item.small .info .bottom h2{
        font-size: 14px;
    }
    .wide-rail .wide-rail-item .info .bottom p{
        font-size: 14px;
    }
}

@media (max-width: 780px){
    .content-grid .grid-item.small .info .bottom h2{
        font-size: 16px;
    }
    .wide-rail .wide-rail-item .info .bottom p{
        font-size: 12px;
    }
    .header-menu .menu-mask-mobile {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        left: 0;
        top: 58px;
    }
    .header-menu .col-menu-mobile, .header-menu .col-menu-mobile.active-mobile {
        display: block;
        top: 58px;
    }

    .home-player {
        height: 58vw;
    }

    .section-container {
        margin-top: 89px;
    }

}

@media (max-width: 500px){
    .wide-rail .wide-rail-item .info .bottom p{
        font-size: 12px;
        line-height: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        /* line-height: 3; */
        max-height: 36px;

    }

    .content-grid .grid-item.small .info .bottom h2{
        font-size: 12px;
        line-height: 12px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        /* line-height: 3; */
        max-height: 36px;
    }


    .wide-rail .wide-rail-item .info .bottom{
        padding: 10px;
    }

}


.wide-rail .wide-rail-item.with-text::after{
    background: -webkit-gradient(linear, left bottom, right top, color-stop(22%, rgba(0,0,0,0.2)), color-stop(26%, rgba(0,0,0,0.3)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,0.3) 78%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,0.3) 78%); /* opera 11.10+ */
    background: -ms-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,0.3) 78%); /* ie10+ */
    background: linear-gradient(rgba(255,255,255,0) 224deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,) 78%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

.wide-rail .wide-rail-item:hover::after{
    transition: background ease-in-out 0.8s;
    background: -moz-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* ie10+ */
    background: linear-gradient(rgba(255,255,255,0) 29deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

/**/
.tall-rail .tall-rail-item.with-text::after{
    background: -webkit-gradient(linear, left bottom, right top, color-stop(22%, rgba(0,0,0,0.7)), color-stop(26%, rgba(0,0,0,0.6)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 74%, rgba(0,0,0,0.7) 78%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 74%, rgba(0,0,0,0.7) 78%); /* opera 11.10+ */
    background: -ms-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 74%, rgba(0,0,0,0.7) 78%); /* ie10+ */
    background: linear-gradient(rgba(255,255,255,0) 224deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.6) 74%, rgba(0,0,0,7) 78%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

.tall-rail .tall-rail-item:hover::after{
    transition: background ease-in-out 0.8s;
    background: -moz-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* ie10+ */
    background: linear-gradient(rgba(255,255,255,0) 29deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

.content-grid .grid-item.with-text::after{
    background: -webkit-gradient(linear, left bottom, right top, color-stop(22%, rgba(0,0,0,0.3)), color-stop(26%, rgba(0,0,0,0.2)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,0.3) 78%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,0.3) 78%); /* opera 11.10+ */
    background: -ms-linear-gradient(rgba(255,255,255,0) 226deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,0.3) 78%); /* ie10+ */
    background: linear-gradient(rgba(255,255,255,0) 224deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 74%, rgba(0,0,0,3) 78%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

.content-grid .grid-item::after{
    transition: background ease-in-out 0.8s;
    background: -moz-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(rgba(255,255,255,0) 61deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* ie10+ */
    background: linear-gradient(rgba(255,255,255,0) 29deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}



/**/

.section-separator {
    border-bottom: 1px solid #CCC;
}

.with-header-ad {
    top: 112px !important;
}

.our-media-list {
    list-style-type: none;
    margin: 0;
    padding: 0; overflow: hidden;
    width: 100%
}

.our-media-list-item {
    float: left
}
.footer-list-item-link {
    display: block;
    color: #727272;
    text-align: center;
    padding: 7px 10px 7px 0px;
    text-decoration: none;
}
.column-logo-mobile{
    display: none
}

@media (max-width: 425px){
    .footer-content:first-child {
        padding-left: 0%;
        height: 313px;
    }
    .footer .col {
        display: initial;
        float: none;
        text-align: center;
        padding: 0px;
        margin: 0;
    }
    .column-logo {
        display: none
    }
    .column-logo-mobile{
        display: block
    }
    .column-logo-mobile img {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .footer-content {
        padding-top: 9px;
    }
    .our-media-list{
        padding: 5px;
    }
    .column-copyright {
        padding-top: 6.5%;
        padding-bottom: 6.5%;
    }

    .tall-rail .header h3 {
        font-size: 4vw;
    }

    .content-grid .title-section {
        font-size: 4vw;
    }

    .content-grid .grid-item .info .bottom h2 {
        font-size: 18px;
        padding: 5px;
        border-bottom: none;
        max-width: 98%;
        padding-bottom: 0;
    }

    .content-grid .grid-item.small .info .bottom h2 {
        font-size: 18px;
        line-height: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        max-height: none;
    }

}