@charset "UTF-8";

.left-panel, .refine {
    box-shadow: 1px 0 2px #000;
}

.crew a:hover, .crew a:hover .crew-name, .crew-role, .left-panel-link a, .left-panel-link a:hover, .left-panel-selected, .movie-genre a:hover, .view-all:hover, .yf-faq-tab-sec {
    text-decoration: none;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.total-panel {
    display: flex;
    height: auto;
}

.tp-left-panel {
    flex: 0 0 13.91076115vw;
}

.left-panel {
    background-color: #1e1f23;
    padding-left: 0;
    padding-right: 0;
}

, .mobile-edit, .mobile-vew-search, .mobile-watch-btns {
    display: none;
}

.refine-head {
    border-bottom: 1px solid #000;
}

.refine h1 {
    color: #8a8d94;
    font-weight: 700;
}

.refine h1, .refine-controls h2 {
    font-size: 1.125em;
    padding-left: 30px;
}

.refine img {
    margin-right: 15px;
}

.refine {
    background-color: #1b1e22;
}

.bod-sets .col-md-6, .contact-blocks-in, .partner-tab-set .tab-content li img, .products-box, .vision-culture .col-md-6 div {
    box-shadow: 0 3px 9.7px .3px rgba(0,0,0,.1);
}

.refine-controls {
    border-top: 1px solid #343339;
}

.left-panel ul {
    margin: 50px 0;
    padding: 0;
}

.refine-controls ul li {
    list-style-type: none;
    color: #8b8e95;
    width: 100%;
}

.left-panel li {
    color: #8b8e96;
    font-size: 1em;
    list-style-type: none;
    margin: 0;
}

.left-panel-link a:link, .left-panel-link a:visited {
    color: #8b8e96;
}

.left-panel-link a {
    padding: 1.049868766404199vw 1.049868766404199vw 1.049868766404199vw 3.149606299212598vw;
    display: block;
    font-size: 1.286em;
}

a:hover, a:link {
    transition-duration: .3s;
}

.left-panel-link i {
    margin-right: 10px;
}

.left-panel-selected {
    border-right: 2px solid #f47000;
}

.left-panel-link-mac:hover, .left-panel-link:hover, .left-panel-selected {
    background-color: #27282c;
    color: #f47000 !important;
}

.all-default-height, .staticpages-right {
    min-height: 700px;
}

.tp-right-panel {
    flex: 1 0 300px;
    align-self: stretch;
}

.running-content-bg {
    padding: 70px 115px;
    margin-left: 4px;
    color: #333;
}

    .running-content-bg h1 {
        margin: 0 0 3.149606299212598vw;
    }

    .running-content-bg h2 {
        margin: 0 0 10px;
        color: #333;
        font-size: 2em;
        padding: 0;
        text-align: center;
        font-weight: 700;
    }

    .contact-content-bg h1, .running-content-bg h1 {
        text-align: left;
        color: #333;
        margin-bottom: 10px;
        font-size: 2em;
    }

.getting-started-set h2 {
    margin: 0 0 25px;
    font-size: 1.571em;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    text-align: left;
}

.getting-started-txt p {
    color: #222;
    font-size: 1em;
    font-weight: 100;
}

.running-content-bg .running-contnet {
    margin-bottom: 60px;
}

.what-you-get {
    margin: 20px 0 0 0;
    padding: 0;
}

    .what-you-get li {
        float: left;
        list-style-type: none;
        margin: 0 50px 50px 0;
        padding: 0;
        width: 42%;
        height: 50px;
    }

.getting-started-set p {
    font-size: 1em;
    padding-bottom: 10px;
}

.what-you-get li img {
    float: left;
    margin-right: 10px;
}

.what-you-get li span {
    color: #333;
    display: block;
    float: none;
    font-size: 1em;
    margin-top: 10px;
}

.running-content-bg .sign-up-numbers span {
    border: 1px solid #333;
    border-radius: 100px;
    color: #333;
    display: block;
    float: left;
    padding: 1px 0 1px 1px;
    text-align: center;
    width: 24px;
}

.running-content-bg .sign-up-numbers-txt {
    margin-left: 15px;
    color: #333;
    font-size: 1.063em;
}

.sign-up-numbers .sign-up-numbers-txt {
    float: left;
    font-size: 1em;
    margin-bottom: 30px;
    margin-left: 20px;
    width: 82%;
}

@media (min-width:991px) {
    #refine-block {
        display: block !important;
    }
}

.running-content-bg h4 {
    margin: 0 0 100px;
}

.contact-content-bg h7, .running-content-bg h4 {
    font-size: 1.063em;
    text-align: center;
}

.running-content-bg h5 {
    font-size: 1.063em;
    text-align: left;
    color: #888;
    margin-bottom: 1.574803149606299vw;
}

.how-to-watch-set {
    padding: 1.57480315vw .524934383vw;
    width: 73.49081365vw;
    margin: 0 auto;
    border-bottom: 1px solid #cacaca;
}

@media (min-width:1280px) {
    .row-same-height {
        display: flex;
        height: auto;
    }

    .row-same-height-l {
        flex: 0 0 200px;
        border-right: 1px solid #c5c5c5;
    }

    .watch-tv-mobile {
        height: 140px;
    }

    .vertical-ceter {
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        position: absolute;
    }

    .row-same-height-r {
        flex: 1 0 160px;
        align-self: stretch;
    }
}

.left-border-none {
    border-left: none;
}

.watch-on-mobile {
    margin-top: 20px;
}

.how-to-watch-part:nth-child(1) .mobile-sets, .how-to-watch-part:nth-child(3) .mobile-sets {
    border-right: 1px dashed #cacaca;
    margin-bottom: 15px;
}

.flix-url, .how-to-watch-part:nth-child(1) .tv-sets, .how-to-watch-part:nth-child(2) .tv-sets, .how-to-watch-part:nth-child(3) .tv-sets, .how-to-watch-part:nth-child(4) .tv-sets {
    border-right: 1px dashed #c5c5c5;
}

.play-store {
    margin: 0;
}

.mobile-sets img {
    padding: 20px 0;
}

.how-to-watch-part img {
    display: block;
    margin: 0 auto;
    padding: 15px 0;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important;
}

.tv-sets .tv-sets-more {
    color: #9fa2ab;
    display: block;
    border-left: 1px solid #1e1f21;
    text-align: center;
    padding: 14px 0;
}

.flix-url {
    color: #333;
    padding: 20px;
    font-size: 1.125em;
    font-weight: 700;
}

    .flix-url div {
        font-size: 2.071em;
    }

    .flix-url ul {
        margin: 20px 0 0 20px;
        padding: 0;
        font-size: .857em;
    }

.get-in-touch-set, .link-device, .tv-sets a {
    text-align: center;
}

.watch-on-web {
    margin-top: 30px !important;
}

@media (min-width:1280px) {
    .watch-tv-device {
        height: 120px;
    }
}

.yf-faq-tab-sec .tabs > ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
}

    .yf-faq-tab-sec .tabs > ul > li {
        float: left;
        position: relative;
        z-index: 5;
    }

        .yf-faq-tab-sec .tabs > ul > li > div.faq-tab-active {
            border-bottom: 2px solid #f47000;
            color: #fff;
            cursor: pointer;
        }

        .yf-faq-tab-sec .tabs > ul > li > div {
            display: inline-block;
            padding: 5px 27px;
            border-bottom: 2px solid #2d3034;
            color: #727782;
            text-decoration: none;
            margin-bottom: 10px;
            position: relative;
        }

            .yf-faq-tab-sec .tabs > ul > li > div.faq-tab-active .faq-arow-down {
                border-bottom: 10px solid transparent;
                bottom: -19px;
            }

            .yf-faq-tab-sec .tabs > ul > li > div.faq-tab-active .faq-arow-down, .yf-faq-tab-sec .tabs > ul > li > div.faq-tab-active-last .faq-arow-down, .yf-faq-tab-sec .tabs > ul > li > div:hover .faq-arow-down {
                width: 0;
                height: 0;
                border-left: 8px solid transparent;
                border-right: 8px solid transparent;
                border-top: 8px solid #f47000;
                position: absolute;
                left: 45%;
                z-index: 10;
                display: block;
                color: #fff;
                content: '';
                cursor: pointer;
            }

            .yf-faq-tab-sec .tabs > ul > li > div:hover {
                border-bottom: 2px solid #f47000;
                color: #fff;
                cursor: pointer;
            }

                .yf-faq-tab-sec .tabs > ul > li > div:hover .faq-arow-down {
                    border-bottom: 10px solid transparent;
                    bottom: -19px;
                }

.card {
    width: 83%;
    padding: 10px 0 10px 23px;
    border-bottom: 1px solid #333;
}

.card-header a {
    color: #fff;
    line-height: 28px;
}

.yf-arrow-faq {
    background: url(https://d2zub9v50g8scn.cloudfront.net/staticstorage/yuppflix_files/faq-arrow.png);
    margin: 2px 26px 0 20px;
    float: left;
}

.yf-arrow-faq, .yf-arrowdown-faq {
    width: 23px;
    height: 23px;
    display: inline-block;
}

.getting-started-hh h5 {
    font-size: 1em;
    text-align: center;
    color: #9ea2ad;
}

.getting-started-set {
    margin-top: 2.624671916vw;
}

.getting-started-txt {
    float: left;
}

    .getting-started-txt p {
        width: 80%;
    }

    .getting-started-txt ul li {
        color: #111;
        font-size: 1.2em;
        font-weight: 700;
        list-style-type: none;
        margin-bottom: 30px;
    }

    .getting-started-txt h4 {
        font-size: 1.571em;
        font-weight: 700;
        margin: 0 0 10px;
        text-align: left;
        text-transform: uppercase;
    }

    .getting-started-txt ul ul li {
            font-size: 1em;
    list-style-type: lower-alpha;
    color: #222;
    font-weight: 100;
    margin-bottom: 15px;
    }

    .getting-started-txt ul ul ul li {
         font-size: 1em;
    list-style-type: square;
    color: #222;
    font-weight: 100;
    margin-bottom: 10px;
}
    }
    .getting-started-txt ul ul ul {
        margin-top:10px;
    }

.panel-heading {
    padding: 0;
    border: 0;
}

.left-panel-link .panel-group {
    margin-bottom: 0;
}

.row-same-height-r .how-to-watch-part:last-child, .row-same-height-r .how-to-watch-part:last-child .tv-sets {
    border-right: none;
}

.contact-v-tabs .nav-tabs {
    float: left;
    border-bottom: 0;
}

    .contact-v-tabs .nav-tabs li {
        float: none;
        margin: 0;
    }

        .contact-v-tabs .nav-tabs li a {
            margin-right: 0;
            border: 0;
        }

    .contact-v-tabs .nav-tabs > li.active > a, .contact-v-tabs .nav-tabs > li.active > a:focus, .contact-v-tabs .nav-tabs > li.active > a:hover {
        border: 0;
    }

.tab-content .tab-pane {
    display: none;
    padding: 1.6rem;
    overflow-y: auto;
}

.tab-content .active {
    display: block;
}

.list-group {
    width: 100%;
}

    .list-group .list-group-item {
        height: 50px;
    }

        .list-group .list-group-item h4, .list-group .list-group-item span {
            line-height: 11px;
        }

.contact-v-tabs {
    margin: 0 7.349081365vw;
}

    .contact-v-tabs .nav-tabs {
        width: 11.54855643vw;
        border-right: 1px solid #ccc;
    }

    .contact-v-tabs .tab-content {
        overflow: hidden;
        padding-left: 3.674540682vw;
    }

        .contact-v-tabs .nav-tabs li a:hover, .contact-v-tabs .nav-tabs > li.active > a, .contact-v-tabs .tab-content .tab-pane, .contact-v-tabs li a, .contact-v-tabs li.active a {
            background-color: transparent;
        }

    .contact-v-tabs li a {
        font-size: 20px;
        color: #444;
        padding: 18px 0;
    }

.contact-in-tab {
    font-size: 1em !important;
    color: #888 !important;
    padding: 10px 0 !important;
}

.contact-v-tabs li.active .contact-in-tab {
    color: #f47000 !important;
}

.contact-v-tabs .tab-content h1 {
    text-align: left;
    color: #444;
    margin-bottom: 10px;
}

.running-content-bg hr {
    width: 57px;
    height: 2px;
    background-color: #f47000;
    text-align: left;
    margin: 0 0 20px;
}

.contact-v-tabs .tab-content p {
    color: #666;
    font-size: 1.143em;
    margin-bottom: 25px;
}

.staticpages-right a {
    color: #f47000;
}
.staticpages-right a:hover {
    color: #333;
}

.contact-blocks-in {
    border-radius: 2px;
    background-color: #fff;
    padding: 30px;
    overflow: hidden;
}

.contact-know-info {
    margin: 40px 0 60px;
}

.contact-blocks-in img {
    float: left;
    margin-right: 1.312335958vw;
}

.contact-blocks-in div {
    overflow: hidden;
    font-size: 1.429em;
    color: #444;
}

.contact-blocks-in span {
    overflow: hidden;
    font-size: 1.429em;
    color: #888;
}

.world-wide-rech {
    margin: 60px 0 50px;
    font-size: 1.429em;
    color: #888;
    text-align: center;
}

    .world-wide-rech span {
        color: #444;
        display: block;
    }

.address-call-set .col-md-6 div {
    background-color: #eee;
    border: 1px solid #acacac;
}

.address-call-set, .magagement-head::after, .vision-culture {
    border-bottom: 1px solid #ccc;
}

.address-call-set {
    margin-top: 40px;
    padding-bottom: 70px;
}

    .address-call-set .col-md-6 {
        margin-bottom: 30px;
        box-sizing: border-box;
        display: flex;
    }

        .address-call-set .col-md-6:nth-child(3), .address-call-set .col-md-6:nth-child(4) {
            margin-bottom: 0;
        }

        .address-call-set .col-md-6 div {
            padding: 30px;
            font-size: 1.5em;
            color: #444;
            width: 100%;
        }

        .address-call-set .col-md-6 span {
            display: block;
            font-size: 18px;
            color: #444;
            margin-top: 10px;
        }

            .address-call-set .col-md-6 span a {
                color: #f47000;
            }

    .address-call-set .col-md-9 {
        border-right: 1px solid #ccc;
        display: flex;
        flex-wrap: wrap;
    }

    .address-call-set .col-md-3 {
        padding-left: 45px;
    }

        .address-call-set .col-md-3 h2 {
            font-size: 24px;
            text-align: left;
            color: #444;
        }

        .address-call-set .col-md-3 div {
            font-size: 14px;
            text-align: left;
            color: #444;
        }

            .address-call-set .col-md-3 div:nth-child(3) {
                margin-bottom: 20px;
            }

        .address-call-set .col-md-3 ul {
            margin: 0;
            padding: 0;
        }

            .address-call-set .col-md-3 ul li {
                margin: 0;
                padding: 8px 0;
                list-style-type: none;
                font-size: 17px;
                text-align: left;
                color: #222;
            }

.our-locations h3 {
    font-size: 24px;
    text-align: center;
    color: #222;
    margin: 40px 0 70px;
}

.location-addresses {
    width: 100%;
    margin: 0 auto;
    font-size: 18px;
    text-align: left;
    color: #888;
}

    .location-addresses h4 {
        font-size: 20px;
        text-align: left;
        color: #222;
        margin-bottom: 20px;
    }

.ceo-block {
    margin-bottom: 1.57480315vw;
}

    .ceo-block .ceo-block-in img {
        border-radius: 50%;
        border: 1px solid #ccc;
        width: 128px;
        float: left;
    }

    .ceo-block .ceo-block-in div {
        overflow: hidden;
        font-size: 2.143em;
        color: #444;
        padding: 1.57480315vw 0 0 25px;
    }

        .ceo-block .ceo-block-in div span {
            font-size: .8em;
            color: #888;
            display: block;
        }

.contact-know-more span {
    margin-left: 15px;
}

.contact-know-more {
    margin: 15px 0;
}

.products-box {
    border-radius: 2px;
    background-color: #fff;
    padding: 30px 50px 20px 20px;
    display: flex;
    margin-bottom: 20px;
}

    .products-box h2 {
        font-size: 24px;
        text-align: left;
        color: #444;
    }

    .products-box .col-md-2 img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        height: 69px;
        right: 0;
    }

    .products-box .col-md-10 {
        padding-left: 20px;
    }

        .products-box .col-md-10 hr {
            height: 1px;
            background-color: #ebebeb;
            width: 22.88713911vw;
            margin-bottom: 10px;
        }

        .products-box .col-md-10 div {
            font-size: 16px;
            text-align: left;
            color: #666;
        }

        .products-box .col-md-10 a {
            font-size: 16px;
            color: #f47000;
        }

.vision-culture .col-md-6 div {
    border-radius: 2px;
    background-color: #fff;
    padding: 30px 20px 20px 30px;
    color: #333;
}

.vision-culture .col-md-6 h5 {
    font-size: 24px;
    margin: 0 0 20px;
    text-align: left;
    color: #333;
}

.vision-culture {
    padding-bottom: 40px;
}

.job-opening h3 {
    font-size: 24px;
    text-align: center;
    color: #222;
    margin: 40px 0 20px;
}

.job-opening a {
    color: #f47000;
}

.job-opening {
    width: 31.49606299vw;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #333;
}

.partner-highlight {
    border-radius: 2px;
    background-color: #fff;
    padding: 30px;
}

    .partner-highlight h2 {
        font-size: 24px;
        text-align: left;
        color: #444;
    }

#contact-partner .partner-highlight hr {
    height: 1px;
    background-color: #ebebeb;
    width: 80%;
}

.partner-highlight h5 {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    text-align: left;
    margin-bottom: 10px;
}

.partner-highlight a {
    color: #f47000;
}

.want-set {
    margin: 40px 0;
    color: #666;
    font-size: 16px;
}

    .want-set h5 {
        font-size: 20px;
        text-align: left;
        color: #333;
        font-weight: 700;
        margin-bottom: 10px;
    }

.partner-tab-set .tab-content {
    padding-left: 0;
    margin-left: -25px;
    margin-right: -25px;
}

#contact-aboutus, #contact-careers, #contact-ceo, #contact-contact, #contact-management, #contact-partner, #contact-products {
    overflow: inherit;
}

.partner-tab-set .tab-content li img {
    background-color: #fff;
}

.magagement-head {
    font-size: 24px;
    color: #888;
    position: relative;
}

    .magagement-head::after {
        content: '';
        position: absolute;
        display: inline-block;
        height: 1em;
        width: 100%;
        margin-top: 5px;
        margin-left: 10px;
    }

.bod-sets {
    margin: 20px 0 30px;
    display: flex;
}

    .bod-sets .flb {
        border-radius: 2px;
        padding: 30px 30px 20px;
    }

.flb .ceo-block-in img {
    width: 90px;
}

.flb .ceo-block-in div {
    overflow: hidden;
    font-size: 24px;
    color: #333;
    padding: 5px 0 0 25px;
}

    .flb .ceo-block-in div span {
        font-size: 18px;
        color: #888;
        display: block;
    }

    .flb .ceo-block-in div hr {
        width: 80%;
        height: 1px;
        background-color: #eaeaea;
        margin-top: 15px;
    }

.bod-sets .col-md-6 {
    background-color: #fff;
    margin: 0 15px;
}

.mobile-menu-static {
    display: none;
}

@media (max-width:768px) {
    .getting-started-txt p, .mobile-menu-set-st, .world-map img {
        width: 100%;
    }

    .address-call-set .col-md-9 {
        display: inherit;
        flex-wrap: inherit;
        margin-left: 0;
        margin-right: 0;
        border: 0;
    }

    .address-call-set .col-md-6 {
        display: inherit;
    }

    .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }

    .getting-started-txt ul {
        padding: 0;
    }

    .tp-left-panel i.fa-angle-up {
        margin-top: 3px;
    }

    .mobile-hide {
        display: none;
    }

    .left-panel ul {
        margin: 0;
        padding: 0;
    }

    .affix {
        position: fixed !important;
    }

    .how-to-watch-part:nth-child(1) .tv-sets, .how-to-watch-part:nth-child(2) .tv-sets, .how-to-watch-part:nth-child(3) .tv-sets, .how-to-watch-part:nth-child(4) .tv-sets {
        border-right: none;
    }

    .total-panel {
        display: inherit;
    }

    .running-content-bg {
        padding: 6vw;
        margin-left: 4px;
    }

    .contact-v-tabs ul.nav-tabs {
        width: 100%;
        float: inherit;
        border: 0;
    }

    .contact-v-tabs .tab-content {
        padding-left: 0;
        margin-left: 0;
    }

    .tab-content .tab-pane {
        padding: 0;
    }

    .contact-v-tabs {
        margin: 0;
    }

    .mpl0 {
        padding-left: 0;
    }

    .mpr0 {
        padding-right: 0;
    }

    .contact-know-info .col-xs-6 {
        margin-bottom: 30px;
    }

    .contact-blocks-in {
        padding: 10px;
    }

    .mobile-menu-set-st {
        border-radius: 0;
        background-color: #fff;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
        top: 54px;
        right: 0;
        padding: 0;
        color: #222;
        font-size: 20px;
        position: absolute;
        z-index: 99;
    }

    .mobile-menu-arrow {
        -webkit-transition: .6s ease-out;
        -moz-transition: .6s ease-out;
        transition: .6s ease-out;
    }

    .mobile-menu-arrow-u {
        -webkit-transition: .6s ease-out;
        -moz-transition: .6s ease-out;
        transition: .6s ease-out;
        -o-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .ceo-block .ceo-block-in img {
        width: 100px;
    }

    .ceo-block .col-md-3 {
        width: 100%;
        overflow: hidden;
    }

    .contact-know-more {
        width: 50%;
        float: left;
    }

        .contact-know-more span {
            margin-left: 10px;
        }

    .mobile-menu-static {
        display: block;
        background-color: #e1e1e1;
        padding: 10px 6vw;
        width: 100%;
        margin: 0;
    }

    .bod-sets, .products-box {
        display: inherit;
    }

    #mobileMenu {
        margin-bottom: 20px;
    }

    .contact-v-tabs li a {
        font-size: 18px;
        color: #444;
        padding: 10px 0;
    }

    .contact-in-tab {
        font-size: .8em !important;
        color: #888 !important;
        padding: 8px 0 !important;
    }

    .contact-v-tabs .nav-tabs li {
        float: none;
        margin: 0;
        border-bottom: 1px solid #f0f0f0;
    }

        .contact-v-tabs .nav-tabs li.border-no {
            border: 0;
        }

    #contact-aboutus .contact-know-more {
        width: 100%;
    }

    .bod-sets .col-md-6 {
        margin: 0;
    }

    .bod-sets .flb {
        padding: 20px;
    }

    #contact-management .flb .ceo-block-in div {
        font-size: 22px;
        padding: 5px 0 0 20px;
    }

        #contact-management .flb .ceo-block-in div span {
            font-size: 16px;
        }

    #contact-management .ceo-block .ceo-block-in img {
        width: 85px;
    }

    .bod-sets .col-md-6:first-child {
        margin-bottom: 30px;
    }

    .products-box {
        padding: 20px;
    }

        .products-box .col-md-10 {
            padding: 0;
        }

        .products-box .col-md-2 img {
            position: inherit;
        }

        .products-box .col-md-2 {
            text-align: center;
        }

        .job-opening, .products-box .col-md-10 hr {
            width: 100%;
        }

    .vision-culture .col-md-6 div {
        margin-bottom: 25px;
    }

    .address-call-set .col-md-6 div {
        padding: 20px;
        font-size: 18px;
    }

    .address-call-set .col-md-6 span {
        font-size: 15px;
        margin-top: 5px;
    }

    #selected--zg-ul-select, ul.zg-ul-select {
        box-sizing: border-box;
        font-family: 'Helvetica Neue',Helvetica,sans-serif;
        font-size: 2em;
    }

    .address-call-set .col-md-6:nth-child(3), .address-call-set .col-md-6:nth-child(4) {
        margin-bottom: 30px;
    }

    .location-addresses .col-md-4 {
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
        padding: 0 0 20px;
    }

    .our-locations h3 {
        margin: 40px 0 30px;
    }

    .address-call-set .col-md-3 {
        padding-left: 20px;
    }

    .responsive-thumbnails {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    ul.zg-ul-select {
        border-radius: 2px;
        cursor: pointer;
        margin: 0;
        padding: 0;
    }

        ul.zg-ul-select li {
            border-radius: 3px;
            display: none;
            padding: .5em;
        }

            ul.zg-ul-select li.active {
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border: 1px solid #111;
                border-radius: 3px;
                box-shadow: 0 0 2px #aaa;
                color: #111;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }

        ul.zg-ul-select.active {
            border: 1px solid #aaa;
        }

            ul.zg-ul-select.active li {
                border: none;
                box-shadow: none;
                display: block;
            }

                ul.zg-ul-select.active li:hover {
                    background: #0074d9;
                }

                ul.zg-ul-select.active li.active {
                    background: #40a6ff;
                }

                    ul.zg-ul-select.active li.active:hover {
                        background: #0074d9;
                    }

    #selected--zg-ul-select {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #111;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: auto;
    }

        #selected--zg-ul-select.active {
            border: 1px solid #111;
            border-radius: 3px;
            box-shadow: 0 0 2px #aaa;
            padding: .5em;
        }
}

@media (max-width:435px) and (min-width:320px) {
    .what-you-get li {
        margin: 0 0 15px;
        min-height: auto !important;
        padding: 0;
        width: 100%;
    }

        .what-you-get li img {
            width: 14%;
        }
}

@media (max-width:640px) and (min-width:480px) {
    .contact-v-tabs .tab-content hr {
        width: 10vw;
    }

    .what-you-get li {
        margin: 0 0 20px;
        min-height: auto !important;
        padding: 0;
        width: 50%;
    }
}

@media (min-width:769px) {
    .web-hide {
        display: none;
    }

    .tab-content {
        margin-left: 45px;
    }

    .yf-faq-tab-sec .tab-content {
        margin-left: 0;
    }

    .yf-faq-tab-sec .tab-pane {
        padding: 0;
    }

    .faq-tabs-h li {
        margin-bottom: 0 !important;
    }

    .contact-v-tabs .nav-tabs > li.active > a {
        color: #f47000 !important;
    }

    .contact-v-tabs .partner-tab-set .nav-tabs {
        width: inherit;
        border-right: inherit;
        float: inherit;
        border-bottom: 1px solid #aaa;
    }

        .contact-v-tabs .partner-tab-set .nav-tabs li {
            float: left;
        }

    .faq-tabs-h > li.active > a, .faq-tabs-h > li.active > a:focus, .faq-tabs-h > li.active > a:hover {
        border-bottom: 2px solid #f47000 !important;
        background: 0 0;
        border-top: transparent;
        border-right: transparent;
        border-left: transparent;
        color: #f47000;
    }

    .faq-tabs-h > li > a, .partner-tab-set .faq-tabs-h > li > a {
        border-bottom: 0 solid #aaa !important;
        margin: 0 0 -1px;
        padding: .262467192vw 1.417322835vw;
        border-top: transparent;
        border-right: transparent;
        border-left: transparent;
        color: #aaa;
        font-size: 1.429em;
    }

        .faq-tabs-h > li > a:hover, .partner-tab-set .faq-tabs-h > li > a:hover {
            border-bottom: 4px solid #f47000 !important;
        }

    .faq-tabs-h {
        border-bottom: 2px solid #aaa;
    }

    .faq-panel-group {
        margin-top: .524934383vw;
    }

        .faq-panel-group .panel, .faq-panel-group .panel-heading {
            background: 0 0;
            border: transparent;
            overflow: hidden;
            padding: 0;
        }

        .faq-panel-group h4 {
            margin: 0;
            text-align: left;
        }

        .faq-panel-group .panel-default {
            border-bottom: 1px solid #ccc !important;
            border-radius: 0;
        }

        .faq-panel-group h4 img {
            float: left;
            margin: 1.312335958005249vw;
        }

        .faq-panel-group h4 span {
            float: left;
            padding: 1.574803149606299vw 0;
            font-size: 1.571em;
            color: #444;
        }

        .faq-panel-group .panel-body {
            border-top: transparent !important;
            padding: 0 15px 15px 82px;
        }

    .partner-tab-set .faq-tabs-h > li.active > a, .partner-tab-set .faq-tabs-h > li.active > a:focus, .partner-tab-set .faq-tabs-h > li.active > a:hover {
        border-bottom: 4px solid #f47000 !important;
        background: 0 0;
        border-top: transparent;
        border-right: transparent;
        border-left: transparent;
        color: #222;
    }

    #mobileMenu {
        display: block;
    }

    .mobile-menu-set-st {
        position: inherit;
    }
}

.mobile-menu-click i {
    padding: 5px 20px;
}

.faq-tabs a {
    display: block;
    overflow: hidden;
}

@media all and (max-width:768px) {
    .faq-tabs .panel-default, .faq-tabs-h > li.active > a, .faq-tabs-h > li.active > a:focus, .faq-tabs-h > li.active > a:hover, .refine-controls, .refine-head {
        border: none;
    }

    .left-panel-link .panel-body {
        background-color: #f1f1f1 !important;
        box-shadow: inset 0 0 9px rgba(0,0,0,.1) !important;
    }

    .left-panel-link-mac:hover, .left-panel-link:hover, .left-panel-selected {
        background-color: #f1f1f1;
        color: #f47000 !important;
    }

    .left-panel-link a {
        padding: 15px 25px;
        font-size: 16px;
    }

    .refine-controls {
        font-size: 14px !important;
        font-weight: 400;
    }

    .refine h1 {
        padding: 0;
        margin: 0;
        font-size: 20px;
        font-weight: 500;
    }

    .collapse-arrow[data-toggle=collapse]:after {
        width: 25px !important;
        height: 24px !important;
        top: 7px !important;
        background-size: 25px 25px;
    }

    .faq-tabs .panel {
        background-color: transparent;
    }

    .faq-tabs .panel-default > .panel-heading {
        color: #333;
        background-color: transparent;
        border: none;
    }

    .faq-tabs a {
        display: block;
        padding: 10px 0 10px 40px;
        font-size: 1.5em;
    }

    .faq-tabs h4.panel-title {
        margin: 0;
        text-align: left;
    }

    .partners-tabs-container {
        position: relative;
        height: 60px;
        width: 100%;
    }

        .partners-tabs-container nav {
            position: absolute;
            width: 100%;
            height: 40px;
            border-radius: 2px;
            background-color: #fff;
            box-shadow: 0 3px 9.7px .3px rgba(0,0,0,.1);
            z-index: 9;
        }

            .partners-tabs-container nav ul {
                display: flex;
                flex-direction: column;
            }

                .partners-tabs-container nav ul li {
                    order: 1;
                    background-color: #fff;
                    font-size: 18px;
                    color: #4444 !important;
                    padding: 0 10px;
                }

                    .partners-tabs-container nav ul li.active {
                        order: 0;
                    }

                        .partners-tabs-container nav ul li.active:after {
                            width: 1px;
                            height: 1px;
                            border: 6px solid transparent;
                            border-top: 7px solid #444;
                            content: '';
                            position: absolute;
                            right: 10px;
                            top: 20px;
                            z-index: 9;
                            -webkit-transition: .6s ease-out;
                            -moz-transition: .6s ease-out;
                            transition: .6s ease-out;
                        }

                    .partners-tabs-container nav ul li:not(.active) {
                        position: absolute;
                        top: -999em;
                    }

                .partners-tabs-container nav ul.expanded li.active:after {
                    border-top-color: transparent;
                    border-bottom-color: #444;
                    top: .25em;
                    -webkit-transition: .6s ease-out;
                    -moz-transition: .6s ease-out;
                    transition: .6s ease-out;
                }

                .partners-tabs-container nav ul.expanded li:not(.active) {
                    position: relative;
                    top: auto;
                }
}

.collapse-arrow {
    position: relative;
    padding-left: 50px;
}

    .collapse-arrow[data-toggle=collapse]:after {
        background-image: url(https://yuppstatic.akamaized.net/yupptv/yupptv_new/Web/Content/images/faq-accordion-arrow-l.svg);
        background-repeat: no-repeat;
        content: "";
        width: 35px;
        height: 35px;
        position: absolute;
        font-size: 18px;
        line-height: 22px;
        left: 0;
        top: 27px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out;
    }

    .collapse-arrow[data-toggle=collapse].collapsed:after, .left-panel-link .collapsed .fa-angle-down, .mys-collapsed .fa-angle-up {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .3s ease-out;
        -moz-transition: .3s ease-out;
        transition: .3s ease-out;
    }

.collapsed .fa-angle-up, .my-collapsed .fa-angle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out;
}

.left-panel-link .panel-body {
    border-top: none !important;
    background-color: #0d1014;
    box-shadow: inset 0 10px 10px rgba(0,0,0,1);
    padding: 10px 0;
}

    .left-panel-link .panel-body ul {
        margin: 0;
        font-size: 14px;
    }

        .left-panel-link .panel-body ul li {
            font-size: 14px;
        }

            .left-panel-link .panel-body ul li:hover {
                background-color: #000;
            }

.devider-hr {
    background-color: #b7b7b7 !important;
    height: 1px !important;
    width: 100% !important;
    margin: 50px 0 !important;
}

.panel-title .collapsed, .panel-title .my-collapsed {
    font-size: 1.1em !important;
}

@media (max-width:400px) {
    .running-content-bg .sign-up-numbers span {
        width: 18px;
    }
}

@media (max-width:1024px) and (min-width:1000px) {
    .running-content-bg {
        padding: 35px;
    }

    .tp-left-panel {
        flex: 0 0 15.91076115vw;
    }
}


.vision-culture{display:flex; margin-top:30px;}
.vision-culture > div{display:flex;}
.vision-culture > div p{line-height:23px;}


/*Advertise Page*/
.container-f {
    display: flex;
}
.ad-l-bg {
    background: url(https://d3hprka3kr08q2.cloudfront.net/yupptvindia/images/ad-l-bg.png) right top no-repeat;
    flex: .3;
}
.ad-l-bg h1 {
    font-size: 28px;
    color: #343434;
    margin: 40px 0 10px;
}
.ad-l-bg h2 {
        color: #585858;
    font-size: 1.75em;
    margin: 0 0 25px;
    text-align: left;
}
.ad-l-bg h4 {
    font-size: 1.25em;
    color: #343434;
    margin: 30px 0 5px;
    text-align: left;
}
.ad-l-bg a {
    color: #f47000;
    font-size: 1.25em;
}
.padding-round {
    padding: 50px 20px 0%;
    flex: .7;
}
.nav-tabs {
    border-bottom: none;
}
.nav-tabs li {
    margin-right: 20px;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #556165;
    cursor: default;
    border: none;
    border-bottom: 4px solid #f47000;
    background: 0 0;
}
.nav-tabs li a {
    color: #939090;
    font-weight: 700;
    font-size: 18px;
}
.padding-round .tab-content {
    border: none;
}
.heading-in .table {
    border: 1px solid #8f8f8f;
    font-size: 15px;
}
.tab-content .table tbody tr:nth-child(odd) {
    background: #fff!important;
}

.tab-content .table>tbody>tr>td, .tab-content .table>tbody>tr>th, .tab-content .table>tfoot>tr>td, .tab-content .table>tfoot>tr>th, .tab-content .table>thead>tr>td, .tab-content .table>thead>tr>th {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.container-f .heading-in h4 {
    font-size: 1.7em;
    color: #656f73;
    margin: 40px 0 10px 0;
    text-align: left;
}

.container-f .tab-content {
   margin-left: 0;
    font-size: 1.25em;
}

@media (max-width: 768px){
	.ad-l-bg h1, .ad-l-bg h2, .ad-l-bg h4{
		text-align:center;
	}
	.ad-l-bg a {
    text-align: center;
    display: block;
}
.ad-l-bg h4 {
    margin: 0 0 5px;
}
.padding-round {
    padding: 30px 10px 0;
}
.container-f {
    display: inherit;
}
.ad-l-bg, .padding-round {
    flex: inherit;
    width: 100%;
    padding-bottom: 15px;
}
.container-f .nav-tabs li {
    margin-right: 10px;
}
.container-f .tab-content>.active, .container-f .web-hide .user_name {
    text-align: left;
}
.container-f .tab-content .tab-pane {
    padding: 25px 0 0 0;
}
}