/**************************************/

.carousel_item.video {
    background: #000000;
}

.tab .tab-list {
    background: #ffffff;
    border-bottom: solid 3px #e51837;
    border-radius: 2px 2px 0 0;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    position: relative;
}

    .tab .tab-list ul {
        list-style: none;
        list-style-image: none;
        padding: 0;
        margin: 0;
        position: relative;
    }

        .tab .tab-list ul li {
            float: left;
            border-right: 1px solid #d6d6d6;
            -webkit-transition: background 0.2s ease-out;
            -moz-transition: background 0.2s ease-out;
            -o-transition: background 0.2s ease-out;
            -ms-transition: background 02s ease-out;
            transition: background 0.2s ease-out;
        }

    .tab .tab-list li:first-child {
        border-radius: 2px 0 0 0;
    }


    .tab .tab-list li:hover, .tab .tab-list li.selected {
        background: #e51837;
        border-right: 1px solid #e51837;
    }

    .tab .tab-list li a {
        padding: 0 20px;
        height: 40px;
        line-height: 40px;
        vertical-align: middle;
        display: block;
        text-decoration: none;
        font-family: 'LexendDeca-Bold','Roboto';
        font-weight: bold;
        font-size: 14px;
        color: #717074;
        -webkit-transition: color 0.2s ease-out;
        -moz-transition: color 0.2s ease-out;
        -o-transition: color 0.2s ease-out;
        -ms-transition: color 02s ease-out;
        transition: color 0.2s ease-out;
    }

    .tab .tab-list li:hover a, .tab .tab-list li.selected a {
        color: #ffffff;
        background: url('../../img/tab_arrow.png') no-repeat bottom center;
    }

    .tab .tab-list .btn_all {
        float: right;
        font-size: 11px;
        font-style: normal;
        text-decoration: none;
        color: #e9142f;
        line-height: 40px;
        vertical-align: middle;
        margin-right: 15px;
        font-weight: normal;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        -o-transition: all 0.2s ease-out;
        -ms-transition: all 02s ease-out;
        transition: all 0.2s ease-out;
    }

        .tab .tab-list .btn_all:hover {
            text-decoration: underline;
        }

.tab .tab_pref {
    margin-bottom: 10px!important;
    height: 20px;
}

    .tab .tab_pref .btn_group {
        float: right;
    }

.btn_left {
    background: url('../../img/spriteIcons.png?v=1') no-repeat;
    background-position: 16px -70px;
    border: solid 1px #bcbcbc;
    border-radius: 2px 0 0 2px;
    /*border-right: none;*/
    margin-right: -1px;
    width: 40px;
    height: 20px;
    display: block;
    float: left;
}

    .btn_left:hover, .btn_left.selectd {
        background-position: 16px -100px;
        background-color: #efefef;
    }

    .btn_left.inactive {
        background-position: 16px -130px!important;
        background-color: #e5e5e5 !important;
    }

.btn_right {
    background: url('../../img/spriteIcons.png?v=1') no-repeat;
    border: solid 1px #bcbcbc;
    border-radius: 0 2px 2px 0;
    width: 41px;
    background-position: 16px -210px;
    height: 20px;
    display: block;
    float: left;
}

    .btn_right:hover, .btn_right.selectd {
        background-position: 16px -240px;
        background-color: #efefef;
    }

    .btn_right.inactive {
        background-position: 16px -270px!important;
        background-color: #e5e5e5!important;
    }

.tab .tab_item {
    width: 100%;
    position: relative;
    display: none;
}

    .tab .tab_item.current {
        display: block;
    }

    .tab .tab_item.hide {
        display: none;
    }

.tab_item .t a {
    text-decoration: none;
    color: #494949;
}

.tab_item .t .t_img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 220px;
    padding-left: 3px;
}

.tab_item .t div.label-new {
    padding: 5px 0 0 13px;
    position: relative;
    color: #ffffff;
    background-color: #ff9c00;
    width: 53px;
    height: 25px;
    left: -3px;
    top: 20px;
    font-size: 14px;
    font-family: 'LexendDeca-Bold','Roboto';
    font-weight: bold;
    z-index: 2;
}

.tab_item .t.h_2 .t_img {
    height: 405px;
}

.tab_item .t .t_img img {
    position: absolute;
    min-width: initial;
    max-width: initial;
    width: 100%; /* barb */
}

.tab_item .t.last {
    margin-right: 0!important;
}

.tab_item .t.w_5 {
    width: 48.8%;
}

.tab_item .t.w_4 {
    width: 23%;
}

.tab_item .t img {
    border-radius: 2px 2px 0 0;
}

.tab_item .t {
    border-radius: 0 0 2px 2px;
}

    .tab_item .t.w_1 {
        width: 273px;
        margin-right: 27px;
    }

    .tab_item .t.w_2 {
        width: 573px;
        margin-right: 27px;
    }

    .tab_item .t.h_1 {
        height: 270px;
    }

    .tab_item .t.h_2 {
        height: 570px;
    }



    .tab_item .t .t_title {
        font-size: 14px;
        font-weight: bold;
        vertical-align: middle;
        line-height: 20px;
        height: 50px;
        display: table-cell;
        padding-right: 26px;
    }

    .tab_item .t.h_2 span.icon {
        bottom: 10px!important;
        right: 18px;
    }

    .tab_item .t.h_1 span.icon {
        bottom: 9px;
        right: 18px;
    }

    .tab_item .t span.icon {
        background: url('../../img/spriteIcons.png?v=1') no-repeat;
        vertical-align: middle;
        position: absolute;
        z-index: 9998;
        line-height: 30px;
        width: 30px;
        height: 30px;
    }

        .tab_item .t span.icon.film {
            background-position: -807px -1208px;
        }

        .tab_item .t span.icon.dizi {
            background-position: -836px -1206px;
        }

        .tab_item .t span.icon.mac {
            background-position: -867px -1204px;
        }

        .tab_item .t span.icon.spor {
            background-position: -897px -1206px;
        }

        .tab_item .t span.icon.yardim {
            background-position: -926px -1206px;
        }

        .tab_item .t span.icon.canli {
            background-position: -956px -1206px;
        }

        .tab_item .t span.icon.eglence {
            background-position: -984px -1206px;
        }

    .tab_item .t .t_detail ul {
        list-style: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
        margin: 5px 0 10px 0;
    }

        .tab_item .t .t_detail ul li {
            line-height: 15px;
            vertical-align: top;
            font-size: 12px;
        }

            .tab_item .t .t_detail ul li span:first-child {

            }

.tab_movie_mask {
    width: 100%;
    height: 870px;
    overflow: hidden;
    position: relative;
    padding-left: 3px;
    left: -6px;
}

.tab_movie_container {
    position: absolute;
    width: 870px;
    padding-left: 0px;
}

.tab_item .t_detail {
    display: block;
    padding: 0 10px 0 15px;
    margin-left: 3px;
    background: #fff;
    width: 100%;
    height: 270px;
    position: relative;
    top: 0px;
    z-index: 9997;
}

    .tab_item .t_detail button {
        position: absolute;
        bottom: 10px;
        left: 12px;
    }


.tab_item .h_2 .t_detail {
    height: 165px;
    top: 0px;
    position: static;
}

.tab_item .h_2 .t_desc {
    display: none;
}




.tab_item .t_detail p {
    display: block;
    width: 100%;
    height: 79px;
    font-family: 'LexendDeca-Regular','Helvetica';
    color: #000;
    font-size: 12px;
    margin-top: 25px;
    text-align: left;
}


/**********************************/

.box {
    height: 950px;
}

.box_top {
    border: 1px solid #a2a2a2;
    border-radius: 2px;
    height: 40px;
    margin-bottom: 10px;
    position: relative;
}

.box_corner {
    position: absolute;
    width: 15px;
    height: 15px;
    bottom: -15px;
    left: -1px;
}

.box_title {
    font-family: 'LexendDeca-Bold','Roboto';
    font-weight: bold;
    font-size: 14px;
    color: #8a898c;
    float: left;
    line-height: 38px;
    vertical-align: middle;
    padding-left: 10px;
}

.box_pref {
    height: 20px;
    margin-bottom: 10px;
}





.box .btn_all {
    float: right;
    font-size: 11px;
    text-decoration: none;
    color: #e51837;
    line-height: 38px;
    vertical-align: middle;
    margin-right: 10px;
}

    .box .btn_all:hover {
        text-decoration: underline;
    }

.box .btn_group {
    float: right;
}

.box_page_mask {
    overflow: hidden;
    width: 100%;
    height: 900px;
    position: relative;
}

.box_page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}



/*********MAIN PAGE*********/
.banner_section {
    margin-bottom: 30px;
}

    .banner_section img {
        width: 100%;
        /*border: solid 5px #ffffff;
        border-radius: 2px;*/
    }

.nav_list_title a {
    text-decoration: none;
}

.video-play-ico {
    position: absolute;
    min-width: 32px!important;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
    width: 64px;

}

.video-loading {
    position: absolute;
    min-width: 32px!important;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -5px;
    display: none;
}
@font-face {
    font-family: 'complete_in_himregular';
    src: url('../../font/complete_in_him_tr-webfont.eot');
    src: url('../../font/complete_in_him_tr-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/complete_in_him_tr-webfont.woff') format('woff'), url('../../font/complete_in_him_tr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#site_helper_btn {
    background: rgb(229, 24, 55);
    width: 35px;
    height: 165px;
    display: block;
    position: fixed;
    bottom: 110px;
    left: 0;
    border-radius: 0px 3px 3px 0px;
    overflow: hidden;
    z-index: 99999999;
    cursor: pointer;
    text-align: center;
}
    .ex_helper_ru {
        height: 220px!important;
    }
    #site_helper_btn .icon_arrow {
        background: url('../../img/spriteIcons.png?v=1') no-repeat no-repeat center center;
        background-position: -98px -71px;
        width: 30px;
        height: 20px;
    }

    #site_helper_btn.close .icon_arrow {
        background-position: -63px -71px;
    }

    #site_helper_btn .text {
        border-right: 1px solid rgb(255, 255, 255);
        width: 145px;
        height: 145px;
        white-space: nowrap;
        line-height: 34px;
        color: #fff;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -writing-mode: tb-rl;
        -ms-transform: rotate(-90deg);
    }

    #site_helper_btn .ex_text_ru {
        width: 200px!important;
        height: 200px!important;
    }

#site_helper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.9;
    -o-opacity: 0.9;
    filter: alpha(opacity=90);
    opacity: 0.9;
    z-index: 9999999;
    font-family: complete_in_himregular;
    color: #ffffff;
    font-size: 30px;
    display: none;
    overflow: hidden;
}

    #site_helper .logo {
        background: url('../../img/site_helper/digiturk_play_logo_bein.png') no-repeat;
        position: absolute;
        width: 250px;
        height: 80px;
        left: 49%;
        margin-left: -585px;
        top: 45px;
    }

#site_helper_background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    -moz-opacity: 0.9;
    -o-opacity: 0.9;
    filter: alpha(opacity=90);
    opacity: 0.9;
    z-index: 99999;
    display: none;
}

#site_helper .info_box {
    position: absolute;
    left: 50%;
    top: 150px;
    z-index: 99999999;
    display: none;
}

    #site_helper .info_box .circle {
        position: absolute;
    }

        #site_helper .info_box .circle div:first-child {
            background: url('../../img/site_helper/circle_up_red.png');
            width: 139px;
            height: 52px;
            position: absolute;
        }

            #site_helper .info_box .circle div:first-child + div {
                width: 130px;
                height: 53px;
                position: absolute;
                top: 12px;
                left: 16px;
                overflow: hidden;
            }

                #site_helper .info_box .circle div:first-child + div img {
                    position: relative;
                }

    #site_helper .info_box .circle_arrow {
        background: url('../../img/site_helper/arrow_down.png');
        width: 46px;
        height: 55px;
        position: absolute;
        top: 41px;
        left: -7px;
    }

    #site_helper .info_box.up .circle div:first-child {
        background: url('../../img/site_helper/circle_2up_red.png');
        width: 130px;
        height: 53px;
    }

        #site_helper .info_box.up .circle div:first-child + div {
            width: 139px;
            height: 52px;
            left: 7px;
            top: 13px;
        }

    #site_helper .info_box.up .circle_arrow {
        top: -29px;
        left: 103px;
        background: none;
        overflow: hidden;
    }

        #site_helper .info_box.up .circle_arrow img {
            top: -55px;
            position: absolute;
        }

    #site_helper .info_box.white .circle div:first-child {
        background: url('../../img/site_helper/circle_up_white.png');
    }

    #site_helper .info_box.white .circle_arrow {
        background: none;
        overflow: hidden;
    }


    #site_helper .info_box .text {
        position: absolute;
        width: 460px;
        top: 110px;
        left: 0;
        margin-left: -230px;
        display: none;
        text-align: center;
    }

    #site_helper .info_box.up .text {
        top: auto;
        bottom: 45px;
        margin-left: -120px;
    }

#site_helper #placeholders a {
    display: block;
    position: absolute;
    width: 100px;
    height: 40px;
    left: 0;
    top: 0;
    z-index: 99999999;
}

#buttonset #play {
    background: url('../../img/site_helper/icon_pause.png');
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 50%;
    top: 140px;
    margin-left: -580px;
}

    #buttonset #play.pause {
        background: url('../../img/site_helper/icon_play.png');
    }

#buttonset #close {
    background: url('../../img/site_helper/icon_close.png');
    width: 26px;
    height: 26px;
    display: block;
    position: absolute;
    left: 50%;
    top: 140px;
    margin-left: -530px;
}

#buttonset .description {
    font-family: 'LexendDeca-Regular','Helvetica', 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    display: block;
    position: absolute;
    left: 50%;
    top: 180px;
    margin-left: -640px;
    text-align: center;
    font-size: 14px;
}