*,
        *:before,
        *:after {
        box-sizing: inherit;
        }


    .black_theme input::placeholder, .black_theme input:-ms-input-placeholder, .black_theme input::-ms-input-placeholder, .black_theme ::placeholder { /* Firefox, Chrome, Opera */ 
        color:#ffffff !important; 
    }
    
    .white_theme input::placeholder, .white_theme input:-ms-input-placeholder, .white_theme input::-ms-input-placeholder, .white_theme ::placeholder { /* Firefox, Chrome, Opera */ 
        color:#999 !important; 
    }

    .ott-theme.page_about-us, .ott-theme.page_privacy-policy, .ott-theme.page_terms{ background: #fff !important;}

    .e-input-group-icon:before,
    .e-control input.e-input, .e-control .e-input-group input, 
    .e-control .e-input-group input.e-input, 
    .e-control .e-input-group.e-control-wrapper input, 
    .e-control .e-input-group.e-control-wrapper input.e-input{ color:#fff; font-size:16px; font-weight: 600;}
    .e-input-group, .e-input-group.e-control-wrapper{ margin:0;}
    .e-input-group.e-control-wrapper:not(.e-float-icon-left).e-error:not(.e-float-input)::before, 
    .e-input-group.e-error input.e-input, .e-input-group.e-control-wrapper.e-error input.e-input, 
    .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left), 
    .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left),
    .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before,
    .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after,
    .e-input-group.e-control-wrapper:not(.e-disabled):not(.e-float-icon-left)::after,
    .e-input-group.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error), 
    .e-input-group.e-control-wrapper.e-input-focus:not(.e-float-icon-left):not(.e-success):not(.e-warning):not(.e-error){ border:none; background: none;}
    .e-control input.e-input, .e-control .e-input-group input, 
    .e-control .e-input-group input.e-input, 
    .e-control .e-input-group.e-control-wrapper input, 
    .e-control .e-input-group.e-control-wrapper input.e-input{ padding:0; height:24px;}
    .e-input-group:not(.e-float-icon-left):not(.e-float-input)::before, 
    .e-input-group:not(.e-float-icon-left):not(.e-float-input)::after, 
    .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, 
    .e-input-group.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after, 
    .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::before, 
    .e-input-group.e-control-wrapper:not(.e-float-icon-left):not(.e-float-input)::after, 
    .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::before, 
    .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-float-input) .e-input-in-wrap::after{ height:0;}
    .e-input-group.e-control-wrapper.e-date-wrapper{ height:24px;}
    .e-input-group-icon:before{ color:#94969f; font-size:20px;}







    .ott-theme-no-header-footer .ott-main-body.no-header{ padding-top:0 !important; min-height: inherit !important;}


    /*for slick*/
    .banner .slick-slider {
       position: relative;
       display: block;
       box-sizing: border-box;
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       -webkit-touch-callout: none;
       -khtml-user-select: none;
       -ms-touch-action: pan-y;
       touch-action: pan-y;
       -webkit-tap-highlight-color: transparent;
     }
 
    .banner .slick-list, .slick-list {
       position: relative;
       display: block;
       overflow: hidden;
       margin: 0;
       padding: 0;
    }
 
    .banner .slick-list:focus {
       outline: none;
    }
 
     .banner .slick-list.dragging {
       cursor: pointer;
     }
 
     .banner .slick-slider .slick-track,
     .banner .slick-slider .slick-list {
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
     }
 
     .banner .slick-track, .slick-track {
         position: relative;
         top: 0;
         float: left;
         left: 0;
         display: block;
         margin-left: auto;
         margin-right: auto;
     }
        
     .banner .pack_pricing_cont .slick-track {	
         margin: 0 auto; float:none;
      };
 
 
     .banner .slick-track:before,
     .banner .slick-track:after {
       display: table;
       content: '';
     }
 
     .banner .slick-track:after {
       clear: both;
     }
 
     .banner .slick-loading .slick-track {
       visibility: hidden;
     }
 
     .slick-slide {
       display: none;
       float: left;
       min-height: 1px;
     }
     /*height: 100%;*/

     .top-slide-bottom-nav {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
    }

    /* .banner .slick-initialized .slick-slide.carousel-tabing {
    padding: 13px 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    } */


 
     .banner [dir='rtl'] .slick-slide {
       float: right;
     }.slick-initialized .slick-slide
 
     .banner .slick-slide img {
       display: block;
       width:100%;
     }
 
     .banner .slick-slide.slick-loading img {
       display: none;
     }
 
     .banner .slick-slide.dragging img {
       pointer-events: none;
     }
 
     .slick-initialized .slick-slide {
       display: block;
       padding: 0px 0;
     }
 
     .banner .slick-loading .slick-slide {
       visibility: hidden;
     }
 
     .banner .slick-vertical .slick-slide {
       display: block;
       height: auto;
       border: 1px solid transparent;
     }
 
     .banner .slick-arrow.slick-hidden {
       display: none;
     }
     .banner .slick-prev {
       left: 0px;
       outline: 0;
       z-index: 10;
       font-size: 0;
     }
 
     .banner .slick-next {
       right: 0px;
       outline: 0;
       z-index: 10;
       font-size: 0;
     }
 
     .banner .slick-next:before {
       content: "\e258";
       font-family: 'Glyphicons Halflings';
       font-size: 60px;
       display: block;
     }
 
     .banner .ott-tray .slick-next:before {
       font-family: inherit; content: "";
     }
 
     .banner .slick-prev:before {
       content: "\e257";
       font-family: 'Glyphicons Halflings';
       font-size: 60px;
       display: block;
     }
 
     .banner .ott-tray .slick-prev:before {
       font-family: inherit; content: "";
     }
 
     .banner .slick-next,
     .banner .slick-prev {
       top: 50%;
       cursor: pointer;
       color: #555;
       position: absolute;
       width: 30px;
       height: 30px;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border: none;
       background: transparent;
       -webkit-transition: all .2s ease-in;
       -ms-transition: all .2s ease-in;
       -moz-transition: all .2s ease-in;
       transition: all .2s ease-in;
       transform: translateY(-50%);
       -webkit-transform: translateY(-50%);
     }


     /*banner*/
 
     .banner {
       position: relative;
     }
 
     .banner .slick-prev {
       left: 20px;
     }
 
     .banner .slick-next {
       right: 20px;
     }
 
     .banner .slick-arrow {
       background: rgba(0, 0, 0, .5);
       border-radius: 100%;
       color: #fff;
       padding: 3px;
       width: 44px;
       height: 44px;
       visibility: hidden;
     }
     .banner .slick-arrow:hover{ background: rgba(43, 45, 47, .9);}

     .banner .slick-initialized .slick-arrow {
        visibility: visible;
        }

    /* mobile-banner */
    .mobile-banner .slick-dots{position: absolute; bottom:20px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    .mobile-banner .slick-dots li{display: inline-block; margin: 0 4px;}
    .mobile-banner .slick-dots li.slick-active button{background: #0d2d4f; transform: scale(1.3);  -webkit-transform: scale(1.3);}
    .mobile-banner .slick-dots li button{border:0; font-size: 0; width:8px; height:8px; background: #bbb8b8;border-radius: 100%;padding: 0;}
 
 
    .mobile-banner .slick-dots {
        position: absolute;
        bottom: 20px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }
 
    .mobile-banner .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        border-radius: 50%;
        height: 10px;
        margin: 0 3px;
        padding: 0;
        cursor: pointer;
    }

    .mobile-banner .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: 0;
        opacity: 1;
        background-color: #5e5f61;
    }

    .mobile-banner .slick-dots li button:focus, .mobile-banner .slick-dots li button:hover {
        outline: 0;
    }

    .mobile-banner .slick-dots li button:focus:before, .mobile-banner .slick-dots li button:hover:before {
        opacity: 1;
    }

    .mobile-banner .slick-dots li button:before {
        font-size: 0;
        line-height: 20px;
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        color: #000;
    }

    .mobile-banner .slick-dots li.slick-active button:before {
        opacity: 1;
        background-color: #0d2d4f;
        border-radius: 50%;
    }




    
     /* banner slick end*/

    .packages .slick-list,
    .packages .slick-slider,
    .packages .slick-track {
        position: relative;
        display: block
    }

    .packages .slick-loading .slick-slide,
    .packages .slick-loading .slick-track {
        visibility: hidden
    }

    .packages .slick-next,
    .packages .slick-prev {
        z-index: 10;
        font-size: 0;
        outline: 0
    }
    .packages .slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    float: left;
    left: 0;
    margin-left: auto;
    margin-right: auto
}

.packages .slick-track {
    margin: 0 auto;
    float: none; display:flex;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    min-height: 1px
}

.packages [dir=rtl] .slick-slide {
    float: right
}

.packages .slick-slide img {
    display: block;
    width: auto;
    max-width:95px;
    margin:0 auto;
}

.packages .slick-slide.slick-loading img {
    display: none
}

.packages .slick-slide.dragging img {
    pointer-events: none
}

.packages .slick-initialized .slick-slide {
    display: block;
    padding: 5px 0
}

.packages .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.packages .slick-arrow.slick-hidden {
    display: none
}


.packages .slick-next:before {
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    font-size: 60px;
    display: block
}


.packages .slick-prev:before {
    content: "\e257";
    font-family: 'Glyphicons Halflings';
    font-size: 60px;
    display: block
}

.packages .slick-next,
.packages .slick-prev {
    top: 50%;
    cursor: pointer;
    color: #555;
    position: absolute;
    width: 100px;
    height: 100px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: 0 0;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.native_banner .slick-prev, .native_banner .slick-next {
    top: 50%;
    cursor: pointer;
    color: #555;
    position: absolute;
    width: 100px;
    height: 100px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: 0 0;
    -webkit-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index:9;
}

.native_banner .slick-prev {
    left: 0px;
    outline: 0;
    z-index: 8;
    font-size: 0;
    width:50px; height:50px;
    background: url(https://d2ivesio5kogrp.cloudfront.net/static/yuppedu/images/banner_prev.svg) no-repeat; transform: scaleX(-25px);
    width:50px; height:50px;
    }

    .native_banner .slick-next {
    right: 0px;
    outline: 0;
    z-index: 8;
    font-size: 0;
    width:50px; height:50px;
    background: url(https://d2ivesio5kogrp.cloudfront.net/static/yuppedu/images/banner_next.svg) no-repeat;
    }
    .native_banner .slick-prev:before, .native_banner .slick-next:before{ content:""; display:none;}


.packages .slick-initialized {
    visibility: visible!important
}

.packages .slick-loading .slick-slider,
.packages .slick-loading .slick-track {
    visibility: hidden
}

.packages {
    position: relative
}

.packages .slick-prev {
    left: -110px
}

.packages .slick-next {
    right: -110px
}

.packages .slick-arrow { background: rgba(0, 0, 0, 0.4); border-radius: 100%; color: #fff; 
    padding: 3px; width: 100px; height: 100px; visibility: hidden
}



.packages .slick-arrow.slick-disabled { cursor: default; opacity: 0.5;
}

.packages .slick-prev:before, .packages .slick-next:before {
    font-size: 42px !important;
}

.packages .slick-arrow:hover {
    background: rgba(43, 45, 47, .9)
}
.packages .slick-initialized .slick-arrow {
    visibility: visible;
}


        

        .glyphicon{
            position:relative;
            top:1px;
            display:inline-block;
            font-family:'Glyphicons Halflings';
            font-style:normal;
            font-weight:400;
            line-height:1;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale
        }


        .mCSB_inside>.mCSB_container {
            margin-right: 0px;
        }
        
        .rt_det_sec_inner .ott-dropdown-border {
            height: 40px !important;
            line-height: 40px !important;
            padding: 0 10px !important;
            margin: 0 !important;
            position: relative;
        }
        
        .rt_det_sec_inner .flagstrap .dropdown-menu {
            top: 36px !important;
            left: 0 !important;
        }
        
        .hide-vertical-scroll.page_recordings {
            overflow: visible !important;
        }
        
        input::-ms-clear,
        input::-ms-reveal,
         ::-ms-clear,
        ::-ms-reveal {
            display: none;
        }
        
        .ott-theme.page_guide {
            background: #101019 !important;
        }
        
        .ott-theme.hide-vertical-scroll.page_guide {
            overflow: inherit;
        }
        
        .jw-controlbar {
            z-index: 99
        }
        
        .jw-flag-small-player .jw-controls {
            z-index: 1;
        }


        .modal#transactions .table tr td:first-child:before, .modal#transactions .table tr td:last-child:after{ top: inherit;}

        .ott-chat-box .chat_group{ position: absolute; bottom:0; width:100%;}
        .chat_group_inner{ height:100%; overflow:auto;}
        .ott-chat-box .mCustomScrollBox .mCSB_container{ -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}

        .slick-prev:before, .slick-next:before{ font-size:24px !important;}

        .seasons_section .slider{padding: 10px 40px !important;}
        .seasons_section .slick-prev:before, .seasons_section .slick-next:before{ line-height: normal;}
        *:focus, button, button:focus { outline: none !important;}


    .player-right .overlay_poster_mobile_grid .overlay{ width: calc(100% - 197px);}








        @media (max-width: 1920px) and (min-width: 1400px) {
            .jw-breakpoint-7 .jw-controlbar .jw-slider-time {
                padding: 0 12px !important;
                height: 17px !important;
            }
            .jw-breakpoint-7 .jw-controlbar .jw-button-container {
                padding: 0 12px 10px !important;
                margin: 0 !important;
            }
            .jw-breakpoint-7.jw-flag-fullscreen .jw-controlbar .jw-slider-time,
            .jw-breakpoint-7.jw-flag-fullscree .jw-button-container {
                padding: 0 48px !important;
            }
            .jw-breakpoint-7.jw-flag-fullscreen .jw-controlbar .jw-button-container {
                padding: 0 40px 20px !important;
            }
            .jw-icon-inline,
            .jw-icon-tooltip {
                width: 44px !important;
                height: 44px !important;
            }
            .jw-breakpoint-7 .jw-controlbar .jw-button-container .jw-icon-inline {
                height: 24px !important;
            }
            .jw-breakpoint-7.jw-flag-fullscreen .jw-controlbar .jw-button-container .jw-icon-inline {
                height: 60px !important;
                width: 60px !important;
            }
            .jw-breakpoint-7 .jw-controlbar .jw-button-container .jw-icon-volume .jw-overlay {
                padding-bottom: 0px !important;
            }
        }
        @media (min-width: 480px) {
            .jw-breakpoint-2 .jw-settings-open.jw-controls, .jw-flag-small-player .jw-settings-open.jw-controls, .jw-flag-touch .jw-settings-open.jw-controls {
                z-index: 100 !important;
            }
        }
        @media (max-width: 991px) {
            .seasons_section .slider{padding: 10px 0px !important;}
            .slider .slick-prev, .slider .slick-next{ display: none !important;}
        }
        @media (max-width: 640px) {
            .jw-icon-inline, .jw-icon-tooltip{ height:40px !important;}
            
        }
        @media (max-width: 480px) {
            .jw-breakpoint-2 .jw-display .jw-icon { width: 60px !important; height: 60px !important;}
            .jw-breakpoint-2 .jw-settings-open.jw-controls, .jw-flag-small-player .jw-settings-open.jw-controls, .jw-flag-touch .jw-settings-open.jw-controls {
                z-index: 101 !important;
            }
        }

        .jw-breakpoint-2 .jw-display .jw-icon{ width:45px !important;}
        .jw-breakpoint-3 .jw-display .jw-icon, .jw-breakpoint-4 .jw-display .jw-icon{ width:55px !important;}
        .jw-breakpoint-1 .jw-display .jw-icon{ width:40px !important;}
        
        
        @media (max-width: 460px) {
            .jw-icon-inline, .jw-icon-tooltip{ height:30px !important;}  
        }
        @media (max-width: 419px) {
            .jw-breakpoint-1 .jw-display .jw-icon{ width:30px !important;}
        }

        /*.jwplayer{ z-index: 99 !important;}*/
        .jw-breakpoint-7 .jw-controlbar, .jw-breakpoint-6 .jw-controlbar, .jw-breakpoint-5 .jw-controlbar, .jw-breakpoint-4 .jw-controlbar, .jw-breakpoint-3 .jw-controlbar, .jw-breakpoint-2 .jw-controlbar, .jw-breakpoint-1 .jw-controlbar{ z-index: 101 !important;}
        .jw-breakpoint-7 .jw-settings-menu, .jw-breakpoint-6 .jw-settings-menu{ bottom: 70px !important; right: 12px !important;}


        .jw-breakpoint-2 .jw-settings-open.jw-controls, .jw-flag-small-player .jw-settings-open.jw-controls, .jw-flag-touch .jw-settings-open.jw-controls {
            z-index: 9;
        }

        .jw-controls-backdrop {
          display: block !important;
          background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8) 77%, rgba(0,0,0,0.8) 100%) 100% 100% / 100% 240px no-repeat transparent !important;
          transition: opacity 250ms cubic-bezier(0, .25, .25, 1),background-size 250ms cubic-bezier(0, .25, .25, 1) !important;
        }
        .jw-button-container{ z-index: 99999999 !important;}

        .mobile_slider .program__mob-bottom-right { white-space: normal; }

        .mobile_slider .list-inline .program__btn-wrap{ white-space:normal;}
        .jw-breakpoint-5 .jw-display .jw-icon{ width:70px !important; height:70px !important;}
        @media (min-width: 1441px) {
            .jw-tooltip-time .jw-overlay{ left:0% !important; bottom:15px !important;}
        }

        @media (max-width: 480px) {
            .player-wrap .modal .modal-dialog{ transform: inherit; top:inherit; left: inherit; height:100%; overflow: auto;}
            .player-wrap .modal .modal-content{ max-height: 100%; padding:5px 20px;}
            .player-wrap .modal .modal-header .modal-title{ padding-bottom:10px;}
            .player-wrap .modal .modal-body p{ font-size:14px;}
            .player-wrap .modal .modal-body .btn{ padding: 5px 10px;}
        }

        @media screen and (max-device-width: 480px) and (orientation: portrait){
            .jw-flag-touch.jw-flag-floating .jw-wrapper { top:125px !important}
        }

        .jw-rightclick { display: none !important; }    /*// to disabled right click on player*/ 
        .jw-text-live{ position: relative !important;}
        .jw-text-live::before{ width:4px !important; height:4px !important; border-radius: 5px; background: #ff4b4b !important; position: absolute; left:0px; top:10px; content:"";}
        

        .jw-text-live.jw-dvr-live::before{ width:0 !important; height:0 !important;}
        .help_right .mCSB_scrollTools{ width:4px;}
        .help_right .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background: #343440;}
        .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background:#444451; }
        .help_right.about-us, .help_right.help-center { display: flex !important; align-items: center; justify-content: center;}
        .modal-body.mCustomScrollbar{ overflow: hidden;}
        .modal-body.mCustomScrollbar .mCustomScrollBox{ overflow: visible;}
        .settings .mCustomScrollBox .mCSB_scrollTools{ right:-20px;}
        @media (max-width: 1024px) {
            .help_right.about-us, .help_right.help-center { display: block !important; padding:0 10px; margin-top:50px; word-break: break-all;}
        }
        @media (max-width: 1800px) {
            .packages .slick-arrow { width: 40px; height: 40px;}
            .packages .slick-prev { left: -60px; }
            .packages .slick-next { right: -60px; }
            .packages .slick-prev:before, .packages .slick-next:before { font-size: 34px !important;}
        }
        @media (max-width: 1440px) {
            .packages .slick-arrow { width: 50px; height: 50px; }
            .packages .slick-prev:before, .packages .slick-next:before { font-size: 24px !important;}
        }
        @media (max-width: 1280px) {
            .packages .slick-arrow {  }
        }
        @media (max-width: 980px) {
            .packages .slick-arrow { width: 40px; height: 40px; }
        }




        .glyphicon{
            position:relative;
            top:1px;
            display:inline-block;
            font-family:'Glyphicons Halflings';
            font-style:normal;
            font-weight:400;
            line-height:1;
            -webkit-font-smoothing:antialiased;
            -moz-osx-font-smoothing:grayscale;
            font-family:'Glyphicons Halflings';
            src:url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot);
            src:url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),
            url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff2) format('woff2'),
            url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.woff) format('woff'),
            url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.ttf) format('truetype'),
            url(http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
        }
        .slick-prev:before, .slick-next:before{ font-size:24px !important;}

        .professors_profile .slick-slider{ position: relative;}
        .professors_profile .slick-next,
        .professors_profile .slick-prev {
        top: -50px; cursor: pointer; color: #555; position: absolute; width: 30px; height: 30px;
        display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center;
        align-items: center; border: none; background: transparent; -webkit-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in; -moz-transition: all .2s ease-in; transition: all .2s ease-in; 
        }

    .slick-next:before {
       content: "\e258";
       font-family: 'Glyphicons Halflings';
       font-size: 60px;
       display: block;
     }

     .slick-dots li {
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin: 0 5px;
          padding: 0;
          cursor: pointer;
      }

      .slick-dots li button {
          font-size: 0;
          line-height: 0;
          display: block;
          width: 20px;
          height: 20px;
          padding: 5px;
          cursor: pointer;
          color: transparent;
          border: 0;
          outline: none;
          background: transparent;
      }

      .slick-dots li button:before {
          content: '•';
          font-size: 86px;
          line-height: 20px;
          position: absolute;
          top: 0;
          left: 0;
          width: 20px;
          height: 20px;
          text-align: center;
          opacity: .25;
          color: black;
      }

 
     .professors_profile .ott-tray .slick-next:before {
       font-family: inherit; content: "";
     }
 
     .slick-prev:before {
       content: "\e257";
       font-family: 'Glyphicons Halflings';
       font-size: 60px;
       display: block;
     }

     .professors_profile .slick-prev {
       left: 0px;
       outline: 0;
       z-index: 8;
       font-size: 0;
       background: url(https://d2ivesio5kogrp.cloudfront.net/static/yuppedu/images/prev-arrow.png) no-repeat;
       width:50px; height:50px;
       top:35%;
     }
 
     .professors_profile .slick-next {
       right: -65px;
       outline: 0;
       z-index: 8;
       font-size: 0;
       background: url(https://d2ivesio5kogrp.cloudfront.net/static/yuppedu/images/nxt-arrow.png) no-repeat;
       width:50px; height:50px;
       top:35%;
     }

     .professors_profile .slick-prev:before, .professors_profile .slick-next:before
      { display: none;}
      

        .professors_profile {
            position: relative;
        }
 
        .professors_profile .slick-prev {
        left: -65px;
        }
        .professors_profile .slick-prev.slick-disabled, .professors_profile .slick-next.slick-disabled {
            opacity: 0.4; cursor: default;
        }
    
        /* .professors_profile .slick-next {
        right: 50px;
        } */


     
     .professors_profile .slick-arrow {
       visibility: hidden;
     }
     .professors_profile .slick-initialized .slick-arrow { visibility: visible; }







     /* mobile-banner */
    .mobile-banner .slick-dots{position: absolute; bottom:20px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    .mobile-banner .slick-dots li{display: inline-block; margin: 0 4px;}
    .mobile-banner .slick-dots li.slick-active button{background: #239be6; transform: scale(1.3);  -webkit-transform: scale(1.3);}
    .mobile-banner .slick-dots li button{border:0; font-size: 0; width:8px; height:8px; background: #bbb8b8;border-radius: 100%;padding: 0;}
 
 
    .mobile-banner .slick-dots {
        position: absolute;
        bottom: 25px;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
    }

    .mobile-banner.packages .slick-dots{ bottom:-10px;}
 
    .mobile-banner .slick-dots li {
        position: relative;
        display: inline-block;
        width: 10px;
        border-radius: 50%;
        height: 10px;
        margin: 0 3px;
        padding: 0;
        cursor: pointer;
    }

    .mobile-banner .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 10px;
        height: 10px;
        padding: 5px;
        border-radius: 50%;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: 0;
        opacity: 1;
        background-color: #5e5f61;
    }

    .mobile-banner .slick-dots li button:focus, .mobile-banner .slick-dots li button:hover {
        outline: 0;
    }

    .mobile-banner .slick-dots li button:focus:before, .mobile-banner .slick-dots li button:hover:before {
        opacity: 1;
    }

    .mobile-banner .slick-dots li button:before {
        font-size: 0;
        line-height: 20px;
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        color: #000;
    }

    .mobile-banner .slick-dots li.slick-active button:before {
        opacity: 1;
        background-color: #239be6;
        border-radius: 50%;
    }

    
    .show-faculty-profile{ display:block;} 
    .show-faculty-profile .modal .modal-dialog{ transform:none; top:inherit; left:inherit; transform: translate(0,0);
    
    }

    .modal_backdrop{ display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; opacity: .5;}
    .modal-visible{ display: block; overflow: hidden !important;}
    .modal-visible .modal_backdrop{ display: block; z-index: 10;}
    .modal-visible .profile_modal .modal-dialog { -webkit-transform: none; transform: none;}
    .modal-visible .profile_modal{ overflow-x: hidden; overflow-y: auto;}
    .modal .modal-content{max-height: inherit !important; overflow: hidden !important;}
        @media (max-width: 991px) and (min-width: 320px) {
            .professors_profile .slick-next, .professors_profile .slick-prev{
               transform: 0; left:84%; transform: translateY(0%); -webkit-transform: translateY(0%); 
            }
            .professors_profile .slick-next{
                 left:inherit;
            }
        }