/*
Colors:
    Pink: #cc0078
    Orange: #f68a21
    Purple: #782a87
*/
html body{
   overflow-x:hidden;
   margin: 0;
}
h1{
	font-family: 'Metropolis Thin';
	font-weight: normal;
}
.paddingbottom{
    padding-bottom: 50px!important;
}
h2,
h3,
h4{
    font-family: 'Metropolis Light';
    font-weight: normal;
}
header .navbar-toggle i{
    font-size: 30px;
}
header .navbar-toggle i:hover {
    color: #cc0078;
}
header .navbar-toggle {
    color: #fff;
    padding: 0px 0px;
    border: 0;
}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0,0);
}
header .colors {
    width: 100%;
    height: 5px;
    background: url(../../assets/img/pride_colours.svg) no-repeat 0px -2px;
    background-size: 100% 10px;
}
.geoblock{
    text-align: center;
    position: fixed;
    background: url(../../assets/img/Homepage-Banner.jpg) center center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
}
.geoblock h4{
    color: #fff;
    line-height: 2;
}
.geoblock .logo{
    position: relative;
    width: 165px;
    height: 83px;
    margin: 73px auto 0;
}

.wellness .row,
.education .row{
    margin-top: 15px;
    padding-top: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid #cc0078;
}
.wellness div .row:nth-child(1){
    border-top: 1px solid #cc0078;
}
.wellness{
    border-right: 1px solid #cc0078;
}
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 74px;
}
#home .freemium{
    margin-top: 10px;
    margin-bottom: 10px;
}
.logo{
	width: 140px;
	height:	53px;
	background: url(../../assets/img/pridetv.svg) no-repeat top left;
  	background-size: contain!important;
  	transition: all 0.3s ease;
}
.header-default .logo{
    margin-right: 0px;
}
.logo.inverted{
	background: url(../../assets/img/pridetv_inverted.svg) no-repeat top left;
}
.nopadding{
	padding-left:0px!important;
	padding-right:0px!important;
}
.navbar .signin{
    margin-right: 0px;
    margin-top: 12px;
}
.navbar .signin .btn-group{
    padding: 10px 0;
}
.navbar .signin .btn-group .btn{
    background-image: none;
    background: rgba(0,0,0,0);
    filter: none;
    border: 0px;
    text-shadow: 0 0 0 #000;
    box-shadow: inset 0 0 0;
    color: #fff;
}
.navbar .btn{
    padding: 5px 15px;
    transition: all 0.3s ease;
}

/* Home */
#home .container-fluid,
#default .container-fluid{
    background-color: #fff;
   /* overflow: auto;*/
}
#home .buttons{
    background-color: #000;
    color: #e6e6e6;
    height: 190px;
}
#home .buttons li{
    width: 20%!important;
    height: 190px;
    cursor: pointer;
    padding-top: 20px;
    transition: all 0.3s ease;
}
#home .buttons li:hover{
    background-color: #cc0078; 
    color: #e6e6e6;
    transition: all 0.3s ease;
}
#home .buttons li>div{
    padding-bottom: 15px;
    padding-top: 10px;
    border-right: 1px solid #ccc;
}
#home .buttons li:last-child>div{
    padding-bottom: 15px;
    padding-top: 10px;
    border-right: 0px;
}
#home .buttons img{
    max-width: 75px;
}
#home .buttons .films_button:hover .films_extra{
    display: block;
    opacity: 1;
    transition: all 0.3s ease;
}
#home .buttons .films_extra{
    display: none;
    opacity: 0;
    background-color: #CC0077;
    color: #e6e6e6;
    transition: all 0.3s ease;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#home .buttons .films_extra a{
    color: #fff;
    width: 100%;
    clear: both;
    font-size: 23px;
    text-align: center;
}
#home .buttons .films_extra p{
    margin: 10px 0 10px;
}
/* Home */
#default h1{
    border-bottom: 2px solid #cc0078;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
#default .featured .series h1,
#default .featured .movies h1,
#default .featured .free h1{
    border-bottom: 0px solid #cc0078;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
/* Default */
#default .competitions .row{
    margin-bottom: 40px;
}
#default .radio{
    background: url(../../assets/img/radio/radio.jpg) right center no-repeat;
    background-color: #0076a3!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
    margin-top: 0px;
    cursor: pointer;
    background-size: cover;
}
@media(max-width:992px){
    #default .radio{
        background: none;
        background-color: #0076a3!important;
        padding-top: 0px!important;
        padding-bottom: 0px!important;
        margin-top: 0px;
        cursor: pointer;
    }
}
#default .container-fluid{
    background-color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
    /*overflow: auto;*/
}
#default .container-fluid.edutainment{
    background-color: #eda036!important;
}
.header-default .buttons{
    background-color: #000;
    color: #e6e6e6;
    height: 50px;
}
.header-default .buttons li{
    height: 74px;
    cursor: pointer;
    padding-top: 0px;
    transition: all 0.3s ease;
    border-right: 1px solid #666;
}
.header-default .buttons .active>div{
    border-top: 5px solid #cc0078;
    padding-bottom: 5px;
    padding-top: 10px;
}
.header-default .buttons li:hover{
    background-color: #cc0078; 
    color: #e6e6e6;
    transition: all 0.3s ease;
}
.header-default .buttons li>div{
    padding-bottom: 10px;
    padding-top: 15px;
}
.header-default .buttons li:last-child>div{
    padding-bottom: 10px;
    padding-top: 15px;
    border-right: 0px;
}
.header-default .buttons img{
    width: 40px;
    height: 40px;
    margin: 0 17px;
}
.header-default .buttons .label{
    display: none;
    position: absolute;
    top: 0;
    z-index: 10;
    left: 0;
    text-align: center;
    height: auto;
    padding-top: 40%!important;
    font-size: 10px;
    background-color: #cc0078;
    border-radius: 0;
    min-width: 100%;
    height: 100%;
}
.header-default .buttons .active .label{
    padding-top: 30%!important;
}
.header-default .buttons li:hover .label{
    display: block;
}
.header-default .buttons li:hover img{
    opacity: .6;
}
@media(max-width:1250px){
    .not-part{
        display: none;
    }
    .header-default #search{
        right: 223px!important;
    }
    #chrome-cast{
        right: 272px!important;
    }
}
#default{
    padding-top: 80px;
}
#default.promo{
    padding-top: 0px;
}
#default .subscription_promo{
    background-color: #000;
    color: #fff;
}
#default .subscription_promo.freemium{
    min-height: 250px;
}
#default .library .titles .item{
    min-height: 305px;
    max-height: 380px;
    overflow: hidden;
    height: 100%;
}
@media(max-width:1600px){
    #default .library .titles .item{
        min-height: 275px;
    }
}
@media(max-width:1500px){
    #default .library .titles .item{
        min-height: 200px;
    }
}
@media(max-width:1300px){
    #default .library .titles .item{
        min-height: 240px;
    }
}
.sneak-peak,
.edutainment{
    background-color: #000!important;
}
.sneak-peak p,
.edutainment p{
    color: #fff!important;
}
.sneak-peak img,
.edutainment img{
   cursor: pointer;
}
.sneak-peak img:hover,
.edutainment img:hover{
   opacity: 0.8;
}
.sneak-peak h1{
    color: #fff;
}
.edutainment h1{
    color: #000;
}
.sneak-peak .title_actions,
.edutainment .title_actions{
    margin-top: 10px;
    margin-bottom: 10px;
}
.edutainment .title_actions{
    position: relative;
}
.sneak-peak-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0!important;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sneak-peak-overlay:hover{
    opacity: 1!important;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.edutainment .title_actions:before{

}
#default .profile_packages .subscription_promo{
    background-color: #fff;
    color: #000;
}
#default .subscription_promo .pricing img{
    width: 50px;
    height: 50px;
    margin-top: -12px;
}
#default .subscription_promo .pricing sup{ 
    vertical-align: middle;
    font-size: 15px;
}
#default .subscription_promo .pricing h2{ 
    margin-bottom: 0px;
    font-size: 27px;
}
#default .subscription_promo .pricing h3{ 
    margin-bottom: 0px;
    margin-top: 30px;
}
#default .subscription_promo .pricing ul li ul li:first-child{
    min-width: 415px;
}
#default .subscription_promo .pricing ul li ul li:nth-child(3){
    min-width: 150px;
}
#default .profile i,
#default .creditcard i,
#default .subscription .icofont-ui-delete{
    font-size: 15px;
    cursor: pointer;
}
#default .profile_packages .subscription_promo .pricing .list{
    border-bottom: 1px solid #000;
}
#default .profile_packages .subscription_promo .pricing .list button{
    min-width: 180px;
}
/* Default */

/* Title */
#default .title{
    padding-top: 20px;
    padding-bottom: 20px;
}
#default .title h1{
    margin-top: 0px;
}
#default .title .restriction{
    max-width: 100px;
    max-height: 43px;
}
#default .title .social{
    overflow-x: visible;
}
#default .title .social i{
    font-size: 25px;
}
#default .title button{
    margin: 20px 0;
}
#default .title>div>img{
    margin-bottom: 20px;
}

#default .title .seasons h4{
    margin-bottom: 3px;
    margin-top: 3px;
}
#default .title .seasons h5{
    margin-bottom: 0px;
}
#default .title .seasons div:hover{
    cursor: pointer;
    background-color: #f2f2f2;
}
#default #season_tabs li a{
    border-top: 8px solid transparent;
}
#default #season_tabs li:not(.active) a h4{
    font-size: 13px;
}
#default #season_tabs li.active a{
    background-color: #fff!important;
    border: 0px;
    border-top: 4px solid #cc0078;
}
#default #season_tabs{
    border: 0px;
}
/* Title */

/* News */
#pinBoot {
  position: relative;
  max-width: 100%;
  width: 100%;
}
#pinBoot img,
#pinBoot iframe {
  width: 100%;
  max-width: 100%;
  height: auto;
}
#pinBoot .white-panel {
  position: absolute;
  background: white;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 10px;
}
/*
stylize any heading tags withing white-panel below
*/

#pinBoot .white-panel h1 {
  font-size: 1em;
}
#pinBoot .white-panel h1 a {
  color: #A92733;
}
#pinBoot .white-panel:hover {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
  margin-top: -5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/* News */

.breadcrumb {
    padding: 0px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #fff;
    border-radius: 0;
}
.breadcrumb>li+li:before {
    content: "-\00a0";
    padding: 0;
    color: #000;
}

/* Search */
#chrome-cast{
    position: fixed;
    top: 25px;
    right: 476px;
    transition: all 0.3s ease;
}
.slided #chrome-cast{
    top: 21px;
}
#chrome-cast img{
    width: 20px;
    height: 15px;
}
#search{
    text-align: center;
    position: fixed;
    top: 100px;
    right: 20px;
    z-index: 1;
    background-color: #cc0078;
    color: #e6e6e6;
    padding: 15px 0;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s ease;
    overflow-x: visible;
}
#search i{
    font-size: 20px;
}
.header-default #search{
    position: absolute;
    top: 16px;
    right: 425px;
    padding: 12px 0;
    width: 40px;
    height: 40px;
    opacity: 1;
    
}
.header-default #search i{
    font-size: 16px;
}

.form-group{
    margin-left:0px!important;
    margin-right:0px!important;  
}
.promo_label{
    padding: 15px;
}
form{
    overflow: hidden;
    margin-bottom: 15px;
}
.search input{
    width: 100%!important;
    border: 3px solid #cc0078!important;
    height: 60px!important;
    padding: 0 30px!important;
    font-size: 20px!important;
    color: #000!important;
}
#default input[type=checkbox]{
    width: 50%!important;
    height: 25px!important;
    margin-top: -3px;
}
#default input[type=checkbox].form-check-input{
    width: 25px!important;
    position: relative;
    top: 7px;
}
#default select{
    width: 100%!important;
    border: 2px solid #cc0078;
    height: 50px!important;
    padding: 0 15px!important;
    font-size: 15px!important;
    color: #000;
}
#default input{
    width: 100%!important;
    border: 2px solid #cc0078;
    height: 50px!important;
    padding: 0 15px!important;
    font-size: 15px!important;
    color: #000;
}
#default textarea{
    width: 100%!important;
    border: 2px solid #cc0078;
    height: 50px!important;
    padding: 10px 15px!important;
    font-size: 15px!important;
    color: #000;
    min-height: 130px;
}
#default .message{
    background-color: #000;
    color: #fff;
        min-height: 440px;
}
#default .newsletter{
    background-color: #06a0e0;
    color: #fff;
        min-height: 440px;
}
#default .message .alert,
#default .newsletter .alert{
    margin-top: 25px;
}
#default .newsletter button{
    
}
#default .newsletter .subscribe-txt{
    min-height: 151px;
}
#default .contact{
    padding-top: 0px;
    padding-bottom: 0px;
}
#default .glitz{
    background: url(../../assets/img/contact/glitz.jpg) no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 30px;
    padding-left: 60px!important;
        padding-top: 50px;
}
#default .glitz h1{
    font-size: 70px;
    margin: 0px 0 10px;
    border: 0;
    color: #fff;
}
#default .glitz p{
    color: #fff;
    font-size: 20px;
    font-family: 'Metropolis Thin';
}
/* Validation */
.warning-input::-webkit-input-placeholder {
   color: #ff0000;
   font-size: 14px;
   font-weight: bold;
}
.warning-input:-moz-placeholder { /* Firefox 18- */
   color: #ff0000; 
   font-size: 14px; 
}
.warning-input::-moz-placeholder {  /* Firefox 19+ */
   color: #ff0000;  
   font-size: 14px;
}
.warning-input:-ms-input-placeholder {  
   color: #ff0000; 
   font-size: 14px; 
}
/* Validation */
.title_video,
.termspolicy{
    color: #000!important;
}
.search .close,
.title_video .close,
.termspolicy .close{
    background-size: contain!important;
    position: relative;
    top: -15px;
    right: 0px;
    width: 175px;
    height: 38px;
    padding-top: 0px;
    cursor: pointer;
    text-align: right;
    z-index: 1;
}
.search .close:before,
.title_video .close:before,
.termspolicy .close:before{
    content: 'Press ESC to Exit';
    font-size: 13px;
    vertical-align: 50%;
}
.search .close i,
.title_video .close i,
.termspolicy .close i{
    font-size: 38px;
    color: #000;    
}
.title_video .restriction{
    max-width: 50px;
}
.title_video .container-fluid,
.title_video .content,
.termspolicy{
    height: 100%;
    max-height: 542px;
}
.title_video .content .content{
    height: 100%;
    max-height: 542px;
}
.title_video .container-fluid{

}
.termspolicy{
    overflow-y: auto;
}

.title_video .container-fluid,
.termpolicy .container{
    padding-bottom: 10%;
    padding-bottom: 0%;
}

.search .typeahead__query i{
    float: right;
    margin-right: 20px;
    margin-top: -45px;
    position: relative;
    z-index: 2;
    font-size: 28px;
    color: #ccc;
    opacity: .5;
    cursor: pointer;
}
.search .typeahead__query i:hover{
    opacity: 1;
}

.search .search_results{

}
.typeahead__cancel-button:before {
    font-family: 'IcoFont' !important;
    content: "\efb8";
    font-size: 20px;
    color: #000;
}
/* Search*/

/* Overlay */
.overlay_preloader{
	background: rgba(255,255,255,0.9);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	padding: 10% 0;
	color: #e6e6e6;
	z-index: 2000;
}
.overlay_preloader.search,
.overlay_preloader.title_video{
    padding: 4% 0;
}
.overlay_preloader.title_video{
    padding: 4% 0 0;
    overflow: auto;
}
.overlay_preloader.termspolicy {
    padding: 1% 0;
}
.overlay_preloader.title_video div,
.overlay_preloader.termspolicy div {
    text-align: left;
}
.overlay_preloader.title_video h3,
.overlay_preloader.termspolicy h3 {
    margin-top: 0;
    margin-bottom: 30px;
}
.overlay_preloader i{
  	margin-bottom: 20px;
    font-size: 30px;
    color: #000;
}
.icofont-spinner:before{
    display: inline-block;
    animation: rotation 2s infinite linear;
    -webkit-animation: rotation 2s infinite linear;
    -moz-animation: rotation 2s infinite linear;
}
@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotation {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes rotation {
    0% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(360deg);
    }
}
/* Overlay */

/* Banner */
#lg_container{
    margin-bottom: 50px;
    overflow:hidden;
}
#lg_container>div{
    cursor:move;
    position:absolute;
    top:50px!important;
    overflow:hidden;
}
.jssora21l {
    top: 205px;
    left: 28px;
}
.jssora21r {
    top: 205px;
    right: 18px;
}
.jssora21l, .jssora21r {
    color: #000;
    display: block;
    position: absolute;
    width: 90px;
    height: 290px;
    cursor: pointer;
    overflow: hidden;
    opacity: 0.4;
}
/* Banner */

/* Title Carousel */
.title-carousel{

}
.title-carousel .item{
    /*height: 230px;
    background-size: cover!important;*/
}
.title-carousel .owl-wrapper .owl-item{
    margin: 0 0px;
    padding: 0 5px;
}
.title-carousel .owl-wrapper .owl-item .item,
.library .featured .item{
    position: relative;
}
.title-carousel .owl-wrapper .owl-item .item img,
.library .featured .item img{
    width: 100%;
}
.title-carousel .owl-item .item .details,
.library .featured .item .details{
    position: absolute;
    /* z-index: 800000000; */
    top: 0px;
    cursor: pointer;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    padding: 5px;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s linear 0.5s,opacity 0.5s linear;
}
.title-carousel .item:hover>.details,
#default .library .featured .item:hover>.details,
#default .library .featured .item-wrapper:hover>.item .details{
    opacity: 1!important;
    visibility: visible!important;
    transition-delay:0s;
}
.title-carousel .owl-item .item .details .parental-guidance,
.library .featured .item .details .parental-guidance{
    background-color: #000;
    padding: 4px;
}
.title-carousel .owl-item .item .details .minor-details,
.library .featured .item .details .minor-details{
    position: absolute;
    top: 40px;
    left: 10px;
    padding: 2px 4px;
}
.title-carousel .owl-item .item .details .categories,
.library .featured .item .details .categories{
    position: absolute;
    bottom: 5px;
    left: 0px;
    padding: 0px 5px;
    max-width: 100%;
    width: 100%;
}

.title-carousel .owl-item .item .details h4,
.library .featured .item .details h4{
    margin-top: 0px;
    margin-bottom: 0px;
}
.title-carousel .owl-item .item .details .rating i,
.library .featured .item .details .rating i{
    opacity: 0.3;
}
.title-carousel .owl-item .item .details .rating .rated,
.library .featured .item .details .rating .rated{
    opacity: 1;
    color: yellow;
}
.title-carousel .owl-item .item .details p,
.library .featured .item .details p{
    margin-top: 0px;
    margin-bottom: 0px;
}
.title-carousel .owl-item .item .details .play,
.library .featured .item .details .play{
    width: 100%;
    vertical-align: 50%!important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.title-carousel .owl-item .item .details .play .button,
.library .featured .item .details .play .button{
    font-size: 70px;
    margin-top: 50%;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
}
.title-carousel .owl-item .item .details .play .button:hover,
.library .featured .item .details .play .button:hover{
    opacity: 1;
    transition: opacity 1s ease-in-out;
}
/* Title Carousel */

/* Library Featured */
.library .featured{
    background-size: cover!important;
    margin: 0 0 0px;
}
.library .featured,
.library .featured small{
    color: #fff;
}
.library .featured>div>div{
    margin: 10px 0 5px;
    height: 276px;
    overflow: hidden;
}
@media(max-width:1285px){
    .library .featured>div>div{
        height: 205px;
    }
}


@media(min-width:1510px) and (max-width:1667px){
    .library .featured>div>div{
        height: 287px!important;
    }
}
@media(min-width:1510px) and (max-width:1602px){
    .library .featured>div>div{
        height: 265px!important;
    }
}
@media(min-width:1300px) and (max-width:1509px){
    .library .featured>div>div{
        /*max-height: 240px!important;*/
    }
    .library .featured>div>div{
        height: 220px!important;
    }
}
@media(min-width:1285px) and (max-width:1299px){
    .library .featured>div>div{
        height: 240px!important;
    }
}
.library .featured div button{
    margin: 5px 0 15px;
}
.library .featured .featured .play{
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.library .featured .featured .play .button{
    font-size: 85px;
    margin-top: 50%;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 0.5s ease-in-out;
}
.library .featured .featured .play .button:hover{
    opacity: 1;
    transition: opacity 1s ease-in-out;
}
.library .featured .featured h1{
    
}
.library .featured .featured h4{
    margin-bottom: 0;
}
.library .featured .featured p{
    margin-bottom: 0;
}
.library .featured .featured.free,
.library .featured .featured.free h1,
.library .featured .featured.free h4,
.library .featured .featured.free p,
.library .featured .titles h1{
    color: #000;
}
.library .featured .titles h1{
    margin-top: 10px;
}
/* Library Featured */

/* Home Promo */
#home #promo{
    /*overflow: hidden;*/
}
#home #promo .promo img{
    position: absolute;
    top: 0;
    left: 0;
}
#home #promo .promo img:first-child{
    position: relative;
}
/* Home Promo */

/* Default Promo */
#default #promo{
/*    overflow: visible!important; */
    padding-bottom: 15px;
}
#default #promo .promo img{
    position: absolute;
}
#default #promo .promo img:nth-child(1){
    top: 43px;
    right: auto;
    left: 5px;
}
#default #promo .promo img:nth-child(2){
    top:150px;
    right: 5px;
    left: auto;
}
#default #promo .promo img:nth-child(3){
    top: 200px;
    right: auto;
    left: 150px;
}
#default #promo .promo img:nth-child(4){
    top: 70px;
    right: 66px;
    left: auto;
}
/* Default Promo */


/* Freemium Promo */
#default #promo.freemium{
/*    overflow: visible!important; */
    padding-bottom: 15px;
}
#default #promo.freemium .promo img{
    position: absolute;
}
#default #promo.freemium .promo img:nth-child(1){
    top: 43px;
    right: auto;
    left: 150px;
}
#default #promo.freemium .promo img:nth-child(2){
    top:10px;
    right: 5px;
    left: auto;
}
#default #promo.freemium .promo img:nth-child(3){
    top: 50px;
    right: auto;
    left: 55px;
}
#default #promo.freemium .promo img:nth-child(4){
    top: 70px;
    right: 66px;
    left: auto;
}
/* Freemium Promo */
@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}
/* Footer */
footer{
    color: #d6d6d6;
    padding: 30px 0 30px;
}
footer a{
    color: #fff;
    cursor: pointer;
}
footer h1{
    color: #cc0078;
    font-size: 60px;
    margin-top: 60px;
    margin-bottom: 25px;
}
footer .logo{
    width: 246px!important;
    height: 92px!important;
}
footer ul li img{
        max-height: 26px;
}
footer .social a:hover{
    opacity: .7;
}
/* Footer */

/* FAQ */
#default .faq .panel-default > .panel-heading {
    background-image: none;
    background-repeat: repeat-x;
    filter: none;
}
/* Bootstrap Override */
.clear{
    clear: both;
}
.navbar-brand {
    padding: 11px 5px 11px 15px;
}
.navbar-default {
    background-image: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0px;
}
.navbar-brand, .navbar-nav > li > a {
    text-shadow: none;
    transition: all 0.3s ease;
}
.navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    transition: all 0.3s ease;
}
.navbar a {
	color: #e6e6e6;
}
.navbar a:hover {
	color: #ed008c;
}
.btn-primary,
.btn-default {
    background-image: none;
    filter: none;
    border: 0px;
    text-shadow: 0 0 0 #fff;
    box-shadow: inset 0 0 0;
}
.btn {
    padding: 15px 15px;
}
.alert {
    text-shadow: 0px;
    -webkit-box-shadow: 0px;
    box-shadow: 0px;
}
.alert-danger,
.alert-success,
.alert-info {
    background-image: none;
    filter: none;
}
.alert-danger .reminder,
.alert-danger .btn{
    background-color: #a94442;
    margin-top: 15px;
}
.alert-success .reminder{
    background-color: #3c763d;
    margin-top: 15px;
}
.dropdown-menu {
    
    margin: -6px 0 0;
    
    background-color: #000;

    
    -webkit-box-shadow: 0px;
    box-shadow: 0;
    -webkit-background-clip: none;
    background-clip: none;
}
.dropdown-menu>li>a{
    color: #fff;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    background-color: #cc0078;
    background-image: none;
    filter: none;
    color: #fff;
}
/* Bootstrap Override */

/* Slided */
@media(min-width: 920px){
    .slided .header-default .buttons{
        background-color: rgba(0,0,0,0);
        color: #e6e6e6;
        height: 40px;
    }
    .slided .header-default .buttons li{
        height: 65px;
        padding-top: 0px;
        border-right: 1px solid #000;
    }
    .slided .header-default .buttons .active>div{
        border-top: 3px solid #cc0078;
        padding-bottom: 0px;
    }
    .slided .header-default .buttons li>div{
        padding-bottom: 3px;
        padding-top: 13px;
    }
    .slided .header-default .buttons li:last-child>div{
        padding-bottom: 3px;
        padding-top: 13px;
        border-right: 0px;
    }
    .slided .header-default .buttons img{
        width: 35px;
        height: 35px;
        margin: 0 15px;
    }
}
	.slided .navbar-default {
	    background-color: rgba(0,0,0,.6);
	}
	.slided .logo{
		width: 125px;
		height:	50px;
		transition: all 0.3s ease;
		margin-top: -2px;
	}
	.slided .navbar-brand,
	.slided .navbar {
	    height: 65px;
	    min-height: 40px;
	    transition: all 0.3s ease;
	}
	.slided .navbar {
	    margin-bottom: 0px;
	}
	.slided .navbar-nav>li>a {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    transition: all 0.3s ease;
	}
	.slided .navbar-btn {
	    margin-top: 4px;
	    margin-bottom: 2px;
	    margin-right: -12px;
	    padding: 5px 15px!important;
	    transition: all 0.3s ease;
	}
	/* Search */
	.slided #search{
	    top: 75px;
	    right: 12px;
	    transition: all 0.3s ease;
	    width: 40px;
	    height: 40px;
	    font-size: 9px;
        padding-top: 13px;
	}
    .slided #search i{
        font-size: 15px;
    }
    .slided .navbar .signin .btn-group{
        padding: 5px 0;
    }
    .slided .header-default #search{
        top: 14px;
        right: 425px;
        padding: 10px 0;
        width: 35px;
        height: 35px;        
    }
    .slided header .navbar-toggle i{
        font-size: 22px;
    }
	/* Search*/
/* Slided */

/* Scrollbars */
::-webkit-scrollbar-track{
    border-radius: 0px;
    background-color: rgba(164,0,96,.6);
}

::-webkit-scrollbar{
    width: 8px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb
{
    background-color: #a40060;
}
/* Scrollbars */



.typeahead__list::-webkit-scrollbar-track{
    border-radius: 0px;
    background-color: rgba(164,0,96,.3);
}

.typeahead__list::-webkit-scrollbar{
    width: 5px;
    background-color: #F5F5F5;
}

.typeahead__list::-webkit-scrollbar-thumb
{
    background-color: #a40060;
}

/* Scrollbars */



/* Large */
@media (min-width: 1399px) and (max-width: 1920px) {
    .library .featured .col-lg-1 .item .details{
        padding: 10px;
    }
    .library .featured .col-lg-1 .item .details h4 {
        font-size: 25px;
    }
    .library .featured .col-lg-1 .item .details .play .button {
        font-size: 74px;
        margin-top: 50%;
    }
    .library .featured .col-lg-1 .item .details .categories {
        bottom: 15px;
        padding: 0px 15px;
    }
    .library .featured .col-lg-1 .item .details .parental-guidance {
        padding: 4px;
        font-size: 17px;
    }
}


/* Medium */
@media (min-width: 1199px) and (max-width: 1400px) {
    .title-carousel .owl-item .item .details .play .button, 
    .library .featured .item .details .play .button {
        font-size: 40px!important;
        margin-top: 41%!important;
    }
    .title-carousel .owl-item .item .details h4, 
    .library .featured .item .details h4 {
        font-size: 12px;
    }
    .title-carousel .owl-item .item .details h4, 
    .library .featured .item .details h4 {
        font-size: 10px;
    }
    .title-carousel .owl-item .item .details .parental-guidance, 
    .library .featured .item .details .parental-guidance,
    .title-carousel .owl-item .item .details .rating, 
    .library .featured .item .details .rating {
        display: none;
    }
}

@media (min-width: 991px) and (max-width: 1400px) {
    .search .typeahead__item {
        width: 33.33333333%;
        overflow: auto;
        float: left;
    }
    #default .subscription_promo .pricing h2{ 
        font-size: 23px;
    }
    #default .subscription_promo .pricing ul li ul li:first-child{
        min-width: 350px;
    }
    #default #promo .promo img{
        max-width: 55%;
    }
    .title-carousel .owl-item .item .details .play .button, 
    .library .featured .item .details .play .button {
        font-size: 70px;
        margin-top: 35%;
        opacity: 0.5;
        cursor: pointer;
        transition: opacity 0.5s ease-in-out;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .search .typeahead__item {
        width: 33.33333333%;
        overflow: auto;
        float: left;
    }

    #home .buttons img {
        max-width: 50px;
    }

    #home .buttons {
        height: 125px;
    }
    #home .buttons img {
        max-width: 50px;
    }
    #home .buttons li {
        height: 125px;
        padding-top: 10px;
    }
    #home .buttons li>div {
        padding-bottom: 8px;
        padding-top: 5px!important;
    }
    .header-default #search{
        right: 223px!important;       
    }
}
@media (max-width: 1040px) {
    .register-here{
        display: none;
    }
    .header-default #search {
        right: 104px!important;
    }
}

@media (max-width: 1040px) {
    .register-here{
        display: none!important;
    }
    .header-default #search {
        right: 104px!important;
    }
    #chrome-cast{
        right: 156px!important;
      }
}

/* Small */
@media (min-width: 769px) and (max-width: 992px) {
    .library .featured{
        background: none!important;
    }
    .library .featured h1{
        color: #000;
    }
    .signin .navbar-btn.btn{
/*        padding: 5px 55px;*/
        margin: 11px 0;
    }
    .slided .signin .navbar-btn.btn{
        padding: 5px 20px!important;
        margin: 4px 0!important;
    }
    .header-default #search{
        right: 104px!important;        
    }
    .header-default .logo {
        margin-right: 0px;
    }
}
@media screen and (max-width: 865px) {
    .signin .navbar-btn.btn{
        padding: 5px 20px!important;
        margin: 11px 0!important;
    }
    header .colors {
        height: 6px;
        background: url(../../assets/img/pride_colours.svg) no-repeat 0px -2px;
        background-size: 140% 10px;
    }
    .header-default #search{
        right: 115px!important;        
    }
    .header-default .logo {
        margin-right: 0px;
    }
    .header-default .buttons img {
        margin: 0 17px;
    }
}

/* X-Small */
@media screen and (max-width: 768px) {
    #home .buttons img {
        max-width: 40px;
    }
    .library .featured{
        background: none!important;
    }
    .library .featured h1{
        color: #000;
    }
    header .colors {
        height: 5px;
        background: url(../../assets/img/pride_colours.svg) no-repeat 0px -2px;
        background-size: 250% 10px;
    }
    .header-default #search{
        right: 115px;        
    }
    .header-default .logo {
        margin-right: 0px;
    }
    .header-default .buttons img {
        margin: 0 17px;
    }
    #home .buttons {
        height: 60px;
    }
    #home .buttons li {
        height: 60px;
        cursor: pointer;
        padding-top: 8px;
        transition: all 0.3s ease;
    }
    #home .buttons li>div {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    #home .buttons li:last-child>div {
        padding-bottom: 0px;
        padding-top: 0px;
    }
    .search .close:before,
    .title_video .close:before,
    .termspolicy .close:before{
        content: 'Click here to close';
    }
}

/* XX-Small */
@media screen and (max-width: 500px) {
    .library .featured{
        background: none!important;
    }
    .library .featured h1{
        color: #000;
    }
}




@media (max-width: 920px) {
  .navbar-toggle {
    display: block;
    position: relative;
    float: right;
    margin-right: 15px;
    margin-top: 20px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
  }
  
  .navbar-collapse.collapse {
      display: none!important;
  }
  
  .collapse.in{
      display:block !important;
  }
  .navbar-header {
    float: none;
  }
  .header-default .buttons{
    height: auto;
    width: 100%;
    padding-right: 0;
    margin: 0;
  }
  .header-default .buttons li {
    width: 33.3333%;
    border-right: 0px solid #666;
  }
  .signin .navbar-btn.btn {
    width: 100%;
  }
  .text-center.link .label.hidden-xs{
    display: none!important;
  }
  .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
    padding: 0;
        background-color: #000;
  }
  .navbar .signin,
  .navbar .signin li{
    width: 100%
  }
  #chrome-cast{
    right: 272px;
  }
}

@media (max-width: 768px) {
  .header-default .buttons li {
    width: 100%;
    border-right: 0px solid #666;
  }
}