.hamburger i, .read-more,.read-less {
    cursor: pointer;
}


*{
margin:0;
padding:0;
font-family: new-order, sans-serif;
}
.loading-element {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    background-image: url(../../Content/css/ajax-loader.gif);
    background-position: center, center;
    background-size: 100px 100px;
    background-repeat: no-repeat;
    z-index: 23;
    position: fixed;


}
.loading-element img {
    width: 100px;
    height: 100px;

}
html {
    background-color: #002031;
}
.download-area {


  padding: 5px 60px 50px 60px;
  margin: 0 auto;
}
.close-button-download {
    width: 20px;

    margin-right: -50px;
    float: right;
    color: white;
    cursor: pointer;
}
.download-area h3 {
  float: left;
    font-weight: 500;
    margin-top: 40px;
}
.download-area .close {
  float: right;
  margin-top: 20px;
}
.download-area .download {
    margin-top: 20px;
    width: 100%;

}
.download h5 {
    font-weight: 100;
  
}
.download-area .download ul {
  display: inline-block;
    list-style: none;
  margin: 0;
  padding: 0;
}
.download-area .download ul li {
  float: left;
  margin-top: 10px;
    margin-right: 15px;
    color: white;
}
.download-area .download ul li a {
    color: white!important;
    text-decoration: underline;
}
.toOrder a{
    color: white !important;
}
.require-login-modal {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
      z-index:1000000;
    background-color: rgba(0, 0, 0, 0.9);

}
 .login-modal-content {
     height: 150px;
     width: 700px;
     position: relative;
     top: 30%;
     border-radius: 15px;
     background-color: #193354;
     text-align: center;
     padding-bottom: 35px;
     font-weight: 500;
        }

        .close-button {
            width: 100%;
            height: 50px;
        }

            .close-button .btn {
                float: right;
                cursor: pointer;
                margin-right: 15px;
                margin-top: 5px;
                color: #fff;
                font-size: 32px;
            }

        .login-modal-text {
            float: left;
            width: 90%;
            margin: auto;
            color: #fff;
            font-size: 20px;
            padding: 15px 15px 15px;
        }

        .login-modal-title {
            color: #fff;
            font-size: 32px;
            float: left;
            padding: 15px 0 0 15px;
        }

        .login-modal-text a {
            text-decoration: underline;
            color: #ddd;
        }
.image-overlay {
    width: 1920px;
    height: 1080px;
    background-image: url("../Img/DELETE/opacityLow.png");
    background-size: 100%;
    position: absolute;
    display: none;
}

.video-overlay {
    width:100%;
    height: 951px;
    background-color: black;

    position: absolute;
}
.video-overlay2 {
    width: 1920px;
    height: 1080px;
    background-color: black;

    position: absolute;
}
.hamburger,.playlist-button {
    font-size: 22px!important;

}
.hamburger i {
    width: 20px;
}

a{
text-decoration:none;
color:white;
}
html,body{
width:100%;
height:100%;

}
.top-shadow {
    float: left;
    width: 100%;
    height: 1px;
        background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 100px 100px rgba(0,0,0,0.9);
}
.top-shadow-2 {
    float: left;
    width: 100%;
    height: 1px;
        background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 20px 80px 60px rgba(0,0,0,0.9);
}
.top-shadow-production {
    position: absolute;
    width: 100%;
    height: 1px;
        background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 20px 55px 100px rgba(0,0,0,0.9);
}
.container-desk{
width:100%;
min-width:1024px;
height:100%;
margin:auto;
text-align:center;
float:left;

}

.header{
width:100%;
height:100px;
padding:30px 0;
    z-index: 100;
}
.header-prod{
width:100%;
height:100px;
padding:30px 0;
    z-index: 100;
    position: absolute;
}
.logo{
margin-left:50px;
float:left;
width:150px;
}
.header-nav{
float:left;
width:650px;
height:25px;

}
.header-nav ul{
color:white;
font-size:18px;
    margin-top: 5px;
    margin-left: auto;
    width: 600px;
}
.header-nav ul li{
display:inline-block;
padding:0 25px;

}
.header-nav .large-divider {
    font-size: 200%;
    font-weight: bold;
}
.search-box{
float:right;
margin-right:57px; 
font-size:16px;
text-align:right;
    margin-top: 16px;
   
}
.search-box a{
	margin-left:40px;
    font-size: 17px;
    font-weight: 500;
     color: white!important;
}

.search-box span{
	margin-left:40px;
    font-size: 17px;
    font-weight: 500;
     color: white!important;
}
.search-box-overlay{
    margin-top: 46px;
    position: relative;
margin-right:59px; 
font-size:12px;
text-align:right;
   
}
.search-box-overlay a:first-of-type{
	margin-left:0px;

}
.search-box-overlay a{
	margin-left:40px;
    font-size: 17px;
    font-weight: 500;
     color: white!important;
}

.search-box-overlay span{
	margin-left:40px;
    font-size: 17px;
    font-weight: 500;
     color: white!important;
}
.header-prod .search-box {
    margin-right: 60px;
}
.header-prod .search-box a {
    margin-left: 39px;
}
 .search-box-actual{
    margin-left: 55px!important;
     float: right;
}
 .search-box-actual-overlay {
     margin-left: 104px; 
 }
::placeholder {
color: white;
  opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: white;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: white;
}
.search-box-actual,.search-box-actual-overlay{
background-image:url(../../Content/images/Elements/Menu/searchbaricon.png);
background-repeat:no-repeat; background-position:95% 50%;
padding:6px 100px;
border:1px white solid;
color: white;
border-radius:15px;
background-color:transparent;
margin-top:15px;

    margin-left: 54px;
    width: 150px;
    font-size: 16px;

}

.orange-linethrough{
background-image:url(../../Content/images/Elements/Menu/crossthrough.png);
background-repeat:repeat-x;
background-position:0 50%;
width:max-content;

color:white;
padding:0 10px;

}
.intro-box{
width:1000px;

margin-left:140px;
position:absolute;
top:555px;
}
.exp-button {
    font-weight: 500;
    font-size: 25px!important;
    width: 221px;
    text-align: left;
    margin-top: 30px;
}

.exp-button-2 {
    font-weight: 500;
    font-size: 25px!important;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.footer-nav{

}
.overlay-wrapper .play-video {
    border-radius: 0 15px 25px 0;
}
.overlay-wrapper .play-video .video-list h5 {
    font-weight: normal;
    font-size: 18px!important;
    border-bottom: 0!important;

}
.video-list-area {
    list-style: none;
    margin: 0;
    padding: 0!important;
    width: 200px !important;
}
.video-list {
    background-color: #144661!important;
    color: white;
       width: 200px !important;

}
.video-name {
    background-color: #002031!important;
}

.program{
 
float:left;

margin-top:40px;
z-index:2;
text-align:center; vertical-align: middle;

}       
     .program .text {
       
position:relative;
         top: 230px;
width:100%;
height:85px;
margin:auto;
 vertical-align:bottom;
   text-align:left;
     }
     .active-program .text {
          top: 270px;
     }
     .bottom-line {
         position: relative;
         width: 300px;
         height:25px;
         margin:auto;
         margin-left: 22px;
         bottom: 0;
     }

.program .brand-title{
      font-size:20px;     
font-weight:500;   
color:white;
    width: 200px;
    height: 100px;
    margin-left: 22px;

}

.active-program .brand-title{
    width: 100%;
	font-size:28px!important;
	text-align:left !important;
        width: 200px;
    margin-left: 22px;


}
.bottom-fade {
    float: left;
    width: 100%;
    height: 100%;



    background-image: url(../Img/carousel-lowlight.png);
   background-size: cover;
}
.inner{
	position:absolute;
	bottom:0;

    
	 
}
.active-program  .inner{
position:absolute;
	bottom:0;
    width: 200px;
}
.carousel {
     margin: auto;
      margin-top: 175px;
      height: 450px;
}

  .history    {color:#e34c31 }
   .crime    {color:#fff }
        .lifestyle  {color:#7a69af }
        .nature     {color:#48a346 }
        .people     {color:#eda52f }
        .science    {color:#a1afb0 }
        .travel     {color:#e23179 }
        .featured   {color:#009cb6 }
          .feature   {color:#009cb6!important }
.program-1{background-color:rgba(255,0,255,0.5); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.program-2{background-color:rgba(255,255,0,0.5); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.program-3{background-color:rgba(0,255,255,0.5); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.program-4{background-color:rgba(255,0,0,0.5);   background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.program-5{background-color:rgba(255,0,255,0.5); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.active-program {
   
    position:relative;
    margin-top:0;
    box-shadow:0 0 10px 10px rgba(255,255,255,0.7);
    z-index:5;
    background-size:cover;
}       
.welcome-text-element{
color:white;
text-align:left;
width: 700px;
}
.welcome-text-element p{

font-size:16px;
    line-height: 120%;
}


.footer-area{
width:100%;
background-color:#000;
height:46px;
bottom:0px;
position:absolute;
}
.footer-nav{
text-align:center;
color:white;
}
.footer-nav li{
font-size:18px;
display:inline-block;
padding-top:12px;
min-width:105px;
margin:0 10px; 
text-align:center;
font-weight:500;
}
		.first-page {
		    background-color:rgba(0, 0, 0, 0.35);
		}
.first-page,.first-page-alt,.first-page-alt-2,.third-page,.fourth-page{
height:100%;
width:100%;
float:left;
}
.first-page-alt-2 {
    height: 1080px !important;
}
.first-page-alt {
    height: 1080px !important;
}
.first-page-alt .search-box-actual {
    margin-left: 1px!important;
}
.video-overlay {
    height: 1080px!important;
}
.first-page{
/*background-color:#051542;
background-image:url(../../Content/images/Elements/Heroimage/HeroimageLarge.png);
background-position:bottom center;
background-repeat:no-repeat;
background-size: cover ;*/
}
.second-page{
background-color:#144661;
    float: left;
    height: auto;
    width:100%;
    padding-bottom: 50px;
}
.third-page{
    background-color: #00091c;
                      height:810px !important;
}
.fourth-page{
    background-color: #002031;
    height:900px !important;
}

.fifth-page{
    background-color: #144661;
    width: 100%;
    float: left;
    padding-bottom: 50px;
}

.filter-title {
    cursor: pointer;
}
.more-filters ul li {
    cursor: pointer;
}
    .page-header {
        font-size: 60px;
        color: white;
        width: 100%;
        text-align: center;
        margin-top: 50px;
    }
    .sub-title {
        color: white;
        font-size: 28px;
        width: 1152px;
        text-align: center;
        
        margin: auto;
        margin-top: 50px;
    }
    .catalogues {
        width: 1100px;
        margin: auto;
        text-align: center;
        margin-top: 100px;
    }

    .catalogue-1, .catalogue-2 {
       
        width: 500px;
        height: 350px;
    }
    .catalogue-1{ margin-right: auto;}


.about-us-area{
position:relative;
width:1024px;

margin:auto;
color:white;
text-align:center;
}
.about-header{
	width:100%;
margin-top:50px;
float:left;
text-align:center;
}

.about-area{
    margin: auto;
	
	
	text-align:left;
    font-size: 20px;
    width: 1250px;
}
.otf-buttons {
    width: 100%;
    float: left;
    clear: both;
    font-size: 26px;
    font-weight: 500;
    margin-top: 50px;
}
.studio-button {
     width: 600px;
    float: left;
    text-align: right;
    padding-right: 24px;
   
}
.studio-button a,.originals-button a {
    padding: 15px 80px 10px;
    border: solid #F7CE34 1px;
    border-radius: 50px;
}
.originals-button {
     width: 600px;
     float: left;
        padding-left: 24px;
      
}
.left-area p{
	margin:auto;
	font-size:12px;
	font-weight:500;
	margin-bottom:15px;
}
.title-header{
font-size:75px;
font-weight:500;
    color: white;
    text-align: left;
}
.left-area{
width:440px;
float:left;
}
.right-area{
width:485px;
float:right;
font-size:20px;
font-weight:700;
}
.right-area ul{
	list-style:none;
}
.right-area li{
	font-size:20px;
font-weight:700;
width:240px;
    height: 60px;
float:left;
margin-top:25px;	
}
.right-area li:nth-of-type(2n){
	margin-left:100px;
	width:100px;
}


.margin-auto {
    margin: auto;
}
.cl {
    clear: both;
}

.overlay {
    padding: 0!important;
    margin: 0;
    background: #002031!important;
    color: white;
    border: none!important;
    border-radius: 15px !important;
    display: none;
}
.overlay .ui-dialog-titlebar {
    display: none;
}
.new-overlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
      z-index: 1;

}
.side-menu {
    display: none;
    position: absolute;
    width: 0;
    height: 100%;
    right: 0px;
    background-color: rgba(15,42,51,0.9);
    z-index: 6;
    width: 585px;

}
.side-menu ul {
        margin: auto;
    list-style: none;
    margin-top: 100px;
    text-align: center;
    width: 80%;

}

.side-menu li {
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid white;
    color: white;
    text-align: left;
    font-size: 20px;
    
}
.left-arrow,.right-arrow {
    position: absolute;
    font-size: 128px;
    color: white;
    cursor: pointer;

}
.left-arrow {
    margin-left: 20px;margin-top: 200px;
}
.right-arrow {
    right: 20px;margin-top: 200px;
}

.news {
    margin: auto;
    width: 1200px;
}
.hp-news-title {
    float: left;
    width: 355px;
    height: 50px;
    background-color: #002031;
    color: #fff;
    padding: 10px;
    overflow: hidden;
}
.news-article {
    float: left;
    width: 375px;
    margin-top: 50px;
    margin-left: 50px;
}
.news-article img {
    object-fit: cover;
}

.news-article .hp-news-syn{
    position: absolute;
    display: none;
    color: white;
    background-color: rgba(0, 0, 0, 0.8);
      width: 325px;
    height: 150px;
    padding: 25px;
    font-size: 18px;
}


.linkedIn {
   
    margin-left: 85px;
    width: 500px;
    height: 620px;
    float: left;
   

}
.linkedInModule {
     background-color: white;
    height: 100%;
    width: 100%;
    margin-top: 35px;
}
.background-container {
    background-color: #2E3A46!important;
   
    background-size: 100% 1080px;
    width: 100%;
    height: auto;
    float: left;
}
.background-container-default {
      background-image:url(../../Content/images/Elements/Heroimage/HeroimageLarge.png);
}
.background-container-history {
      background-image:url(../../Content/img/genreImages/History_PBGImage.jpg);
}
.background-container-lifestyle
{  background-image:url(../../Content/img/genreImages/Lifestyle_PBGImage.jpg);
}
.background-container-nature
{  background-image:url(../../Content/img/genreImages/Nature___Wildlife_PBG_Image.jpg);
}
.background-container-people
{  background-image:url(../../Content/img/genreImages/People_Culture_PBG_Image.jpg);
}
.background-container-science
{  background-image:url(../../Content/img/genreImages/Science_PBGImage.jpg);
}
.background-container-travel
{  background-image:url(../../Content/img/genreImages/Travel_Adventure_PBGImage.jpg);

}
.background-container-crime
{  background-image:url(../../Content/img/genreImages/Crime_PBGImage.jpg);

}
.background-container-feature {
      background-image:url(../../Content/img/genreImages/FeaturedDocs_PBGImage.jpg);
}
.brand-container {
      
    width: 100%;
    height: 100%;
    float: left;
}
.brand-first-page {
    height: 600px;
width:100%;
float:left;

}
.brand-info {
    width:500px;
    margin-top: 230px;
margin-left:150px;
    float: left;
 
}
.brand-title {
    font-size: 58px;
    color: white;
    font-weight: 500;

}

.brand-page-title {
    font-size: 50px;
    color: white;
    font-weight: 500;
}
.brand-synopsis {
    font-size: 18px;
    color: white;
}
.brand-interaction {
    width: 700px;
    float: left;
    margin-left: 300px;
    margin-top: 50px;

}
.brand-interaction img{
    object-fit: cover;
}
.add-to-playlist {
    float: left;
    cursor: pointer;
    padding: 5px 15px;
    font-weight: 500;
    color: white;
    border: 1px solid #F7CE34;
    border-radius: 40px;
    margin-top: 15px;
}
.download-videos {
    margin-left: 20px;
    float: left;
    cursor: pointer;
    padding: 5px 15px;
    font-weight: 500;
    color: white;
    border: 1px solid #F7CE34;
    border-radius: 40px;
    margin-top: 15px;
}
.play-icon {
    position: absolute;
    width: 700px;
    height: 410px;
    background-image: url("../../Content/Img/OTF_Play Button_Programmes.png");
                      background-size:100px 100px;
    background-position: center, center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.video-text{
    margin-top: 28px;
    color: white;
    font-size: 22px;

}
.information-header {
    width: 100%;
    height: 95px;
    background-color: #144661;
  
    color: white;
    float: left;
    text-align: center;
    font-size: 50px;
    padding: 15px 0 0 0;
    font-weight: 500;
}
.programme-information{   
  background-color: #144661;
    width: 100%;
    height: auto;
    float: left;
    color: white;
}
.above-fold {
    display: block;
    height: auto;
    width: 100%;
    min-height: 200px;
    float: left;
}

.arrow-holder {
    width: 100%;
    float: left;
    margin-top: 25px;
    height: 30px;
    text-align: center;
    padding-bottom: 10px;
}
.down-button {

    margin: auto;
    cursor: pointer;
}
.down-button i {
    font-size: 30px;
}
.up-button {
    display: none;
   margin: auto;
    cursor: pointer;
}
.up-button i {
    font-size: 30px;
}
.below-fold {
    display: none;
    float: left;
    width: 100%;
    height: auto;
       border-top: 1px solid #ccc;
}
.clear-line {
         box-shadow: 0px 0px 55px 35px rgba(0,0,0,0.8);
    width: 100%;
    height: 1px;
    clear: both;
    float: left;
}
.below-fold-holder {
margin-left: 170px;
    width: 1600px;
    margin-top: 100px;
    height: auto;

       
}
.EpisodeInformation {
    width: 1000px;
    float: left;
   
     height: auto;
 padding-bottom:100px
}
.EpisodeInformation p {
    font-size: 28px;
    font-weight: 500;
}
.treatments {
    margin-left: 70px;
    width: 500px;
    float: left;
    text-align: center;
}
.treatments p {
    text-align: left;
        font-size: 28px;
    font-weight: 500;
}
.treatment {
    float: left;
    width: 100px;
    margin-top: 20px;
    margin-right: 20px;
}
.treatment i {
    font-size: 50px;
    margin: auto;
}
.treatment p {
    font-size: 18px;
    font-weight: 100;
    text-align: center;
    margin-top: 5px;
}
.section-holder {
    width: 1280px;
    margin: auto;
}
.info-sec-1,
.info-sec-2,.info-sec-3,.info-sec-4 {
    float: left;width: 190px;height: auto;margin-right: 130px;


}

.info-sec-5 {
    width: 100%;
    margin-left:0;
    float: left;
    height: 100px;
}

.duration,
.Producer,
.ExecutiveProducer,
.ProducedFor,
.Delivery,
.Yop{ }


.section-holder .title{ font-size: 20px;margin-top: 40px;text-align: center;}
.section-holder .value{ font-size: 22px;
    font-weight: 500;
    margin-top: 5px;
    text-align: center;
}

.EpisodeInformation{}
.similar-header {
     width: 100%;
    height: 105px;
    background-color: #00091C;
  
    color: white;
    float: left;
    text-align: center;
    font-size: 50px;
    padding: 35px 0 20px 0;
}
.scenic-area {
    width: 100%;
    height:400px;
    float: left;
}
.scenic-area img{
        float: left;
}
.similar-programmes{ height: auto;width: 100%;float: left;}
.brand-carousel {
    width: 100%;
    height: 300px;
    margin-top: 100px;
    margin: auto;
    background-color: #00091C;
    float: left;
    padding-bottom: 200px;
}
.sim-program-1{background-color:rgba(255,0,255,0.5);background-image:url(../../Content/images/Elements/Menu/blacktrans.png),url(../../Content/images/Elements/Carousel/1.jpg) ; background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.sim-program-2{background-color:rgba(255,255,0,0.5);background-image:url(../../Content/images/Elements/Menu/blacktrans.png),url(../../Content/images/Elements/Carousel/2.jpg); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.sim-program-3{background-color:rgba(0,255,255,0.5);background-image:url(../../Content/images/Elements/Menu/blacktrans.png),url(../../Content/images/Elements/Carousel/3.jpg); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.sim-program-4{background-color:rgba(255,0,0,0.5);  background-image:url(../../Content/images/Elements/Menu/blacktrans.png),url(../../Content/images/Elements/Carousel/4.jpg); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.sim-program-5{background-color:rgba(255,0,255,0.5);background-image:url(../../Content/images/Elements/Menu/blacktrans.png),url(../../Content/images/Elements/Carousel/5.jpg); background-size:cover;background-position:center top;background-repeat:repeat,no-repeat;}
.sim-active-program {
   
    position:relative;
    margin-top:0!important;
    box-shadow:0 0 10px 10px rgba(255,255,255,0.7);
    z-index:5;
    background-size:0,cover;
}       
.sim-program{
    width: 370px;
    height: 376px;
 
float:left;

margin-top:40px;
z-index:2;
text-align:center; vertical-align: middle;

}    
.sim-active-program {
     width:423px;
    height: 416px;
}   
     
.sim-program .sim-brand-title{
font-size:20px;     
font-weight:bold;   
color:white;	
position:relative;
    top: 275px;
width:90%;
height:130px;
margin:auto;
 vertical-align:bottom;
   text-align:left;
}
.genre-container {
    background-color: #002031;
    height: auto;
    float: left;
    width: 100%;
}
 .triangle-left {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 6px solid transparent;
}

.triangle-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 6px solid transparent;
    /*margin:-10px 0 0 0; 
			float:right;*/
}

            



.footer-wrapper { width: 100%;
    height: 300px;
    background-color: #193354;
}
.footer-container {
    padding: 50px;
}

.offthefenceLogo{
    width: 350px;
    float: left;
}
.footer-addresses {
        width: 735px;
    float: left;
}
.talent-manager {
        width: 400px;
    float: left;
}

.social-icons {
    margin-left: 30px;
    width: 250px;
    float: left;
}
.social {
    float: left;
    margin-left: 25px;
    margin-top: 5px;
}
.social:first-of-type {
    margin-left: 10px;
}
.offthefenceLogo {
                
}
.footer-addresses{ color: white;}
.amsterdam-footer,.london-footer,.bristol-footer,.toronto-footer{ float: left;margin-top: 5px;margin-right: 25px;line-height: 200%;font-size: 16px;}
.amsterdam-footer{ }
.footer-address-title{ color: white;font-weight: 500;font-size: 24px;}
.footer-address-grey{ font-weight: 100;line-height: 150%;margin-top: 5px;}
.footer-adress-blue {
    margin-top: 15px;
}
.talent-manager {
    color: white!important;
    margin-top: 5px;
    font-size: 16px;
}

.social-icons{ text-align: right;}
.small-print {
    width: 100%;
    text-align: center;
    float: left;
    padding: 10px 0;
}
.yellow-dot-holder {
                
}
.yellow-dot {
    display: inline-block;
              
}
.margin-top-10 {
    margin-top: 10px;
}

        .margin-top-15 {
    margin-top: 15px;
}
    .margin-top-30 {
    margin-top: 30px;
}
.margin-left-10 {
    margin-left: 10px;
}
.to-close {
    /*display: none;*/
}
.error-area {
    color: red;
    float: left;
    margin-top: 10px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}



.exp-button img,.exp-button-2 img {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover;
}


.overlay-wrapper {
  min-height: 430px;
  padding: 0;
  color: #5d87a1;
}
.overlay-wrapper a {
  color: #5d87a1;
}
.overlay-wrapper .play-video {
  width: 100%;
  background-color: #333333;
  overflow: hidden;
  /*height: 430px;*/
}
.overlay-wrapper .play-video .video-area {
  width:70%;
  float:left;
  height: 100%;
}
.overlay-wrapper .play-video .video-list {
  /*width:30%;*/
  float: right;
  height: 100%;
  min-height: 300px;
  background-color: #eef3f5;
  padding: 0 1.5%;
  line-height: 160%;
  padding-bottom: 100%;
  margin-bottom: -100%;
}
.overlay-wrapper .play-video .video-list .close {
  float: right;
  margin-top: 10px;
  margin-right: 10px;
}
.overlay-wrapper .play-video .video-list h4 {
  float: right;
  margin-top: 5px;
}
.overlay-wrapper .play-video .video-list h5 {
  margin-top: 40px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dddddd;
  font-size: 0.6em;
}
.overlay-wrapper .play-video .video-list ul {
  padding: 0 15px;
  margin: 0;
}
.overlay-wrapper .play-video-mobile {
  width: 100%;
  background-color: #333333;
  overflow: hidden;
}
.overlay-wrapper .play-video-mobile .video-area {
  height: 100%;
}
.overlay-wrapper .play-video-mobile .close {
  background-color: #eef3f5;
  float: right;
  margin-top: 10px;
  opacity: 1;
}
.overlay-wrapper .play-video-mobile .video-list {
  background-color: #eef3f5;
  line-height: 160%;
}
.overlay-wrapper .play-video-mobile .video-list h4 {
  float: right;
  margin-top: 5px;
}
.overlay-wrapper .play-video-mobile .video-list h5 {
  margin-top: 40px;
  padding-bottom: 5px;
  border-bottom: 1px solid #dddddd;
  font-size: 0.6em;
}
.overlay-wrapper .play-video-mobile .video-list ul {
  padding: 0;
  margin: 0;
}
/* dialog styles */
.videoDialog {
  border-width: 0;
  background-color: transparent;
  background-position: 100% 100%;
  background-image: none;
}
.videoDialog > .ui-dialog-titlebar,
.modal {
  display: none;
}
.videoDialog > .ui-dialog-content {
  padding: .5em;
  overflow: hidden;
}
.close,
.video-title {
  cursor: pointer;
}
.video-title {
  font-size: 0.86em;
}
.ui-widget-overlay.custom-overlay {
  background-color: #000011;
  background-image: none;
  opacity: 0.95;
  z-index: 1001;
}
#no-video-available {
  margin: 160px 0 0 250px;
  color: #e0e0e0;
}
.video-name {
  padding: 8px;
  color: #fff;
  clear: both;
  background-color: #222;
}
#no-video-text {
  font-size: smaller;
  margin-top: 50px;
}
.video-list-area {
  height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
}
.about-headline,.home-about-sub {
    float: left;
}

.header .notlogged a {
    margin-left: 42px !important;
}
.search-box-overlay .login-line a:nth-child(2) {
    margin-left: 43px!important;
}
.logged .login-line a:nth-child(2) {
    margin-left: 43px!important;
}

.first-page-alt .search-box-overlay .login-line a:nth-child(2) {
    margin-left: 36px!important;
}
.header-prod .logged .login-line a {
    margin-left: 37px!important;
}
.all-button {
    margin-top: 30px;
    width: 100%;
    float: left;
}
@media screen and (max-width:639px) {
      .episodes {
            width: 100%!important;
        }
    .treatments {
        width: 275px;
    }
    .section-holder {
        width: 375px;
    }
    .overlay {
        width: 100% !important;
    }
    .exp-button-2 {
        font-size: 20px!important;
        margin-top: 20px !important;
        float: left;
    }


    .yellow-dot {
        width: 10px!important;
        height: 10px !important;
    }
    .background-container {
        background-size: auto 1000px;
        background-repeat: no-repeat;
    }
    .brand-first-page {
        padding-bottom: 25px;
        height: 735px !important;
}

    .play-icon {
        width: 100%;
        height: 150px;

    }
    .otf-buttons {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .studio-button {
        width: 90%;
        padding-right: 2.5%;
         text-align: center;

    }
     .originals-button {
        width: 90%;
        padding-left: 2.5%;
         text-align: center;

    }
    .logo {
        float: none;
        margin: auto;
        margin-top: 25px;
    }
    .search-box {
        margin-left: 20px;
        display: none;
    }
    .intro-box {
        top: 250px;
        width: 80%;
        margin-left: 10%;
    }
    .studio-button a,.originals-button a {
    padding: 15px 0 10px;
        width: 100%;
    border: solid #F7CE34 1px;
    border-radius: 50px;
        text-align: center;
        display: block;
        margin-top: 10px;
}
    .originals-button {
        padding-left: 0;
    }
    .welcome-text-element  {
        width: 100%;
        text-align: justify;
    }

    .search-box a:first-of-type {
        margin-left: 0;
    }
    .first-page {
        
    }
   .title-header {
       line-height: 100%;
       padding-bottom: 50px;
     
       font-size: 50px;
   }
   .about-headline {
       margin-top: 50px;

       padding-bottom: 20px;
   }
   .home-about-sub {
       padding-bottom: 20px;
   }
   .second-page {
       height: auto;
   }
   .fourth-page {
       height: 700px!important;
   }
   .active-program{ margin-top: 40px;}
   .program {
       height: 300px;
       width: 300px;
       margin: auto;
       float: none;
   }
   .third-page {
       height: auto!important;
       padding-bottom: 50px;
   }
   .bottom-line {
       width: 200px;
       font-size: 12px;
       }
   .program .text {
       top: 170px;
   }
   .carousel{ margin-top: 30px;}
    .about-us-area,.sub-title {
        width: 80%;
        margin-left: 10%;
        min-width: 0;
    }
     .hidden-xs {
        display: block;
    }
    .hidden-md {
        display: none;
    }
    .catalogue-1,.catalogue-2,.talent-manager,.offthefenceLogo,.about-area,.footer-addresses{
        width: 100%;
        margin: 0;
    }
    .footer-addresses {
        margin-top: 20px;
    }
    .offthefenceLogo img {
        width: 100%;
    }
    .catalogues {
        width: 100%;
        margin: 10px 0;
    }
    .container-desk{
          width: 100%;
        min-width: 0;
    }
    .hp-news-title {
        padding: 0;
    }
    .news {
        width: 100%;
        margin-left: 0;
    }
    .news-article {
        width: 100%;
        max-width: 350px;
        margin: 50px auto !important;
        float: none;
        position: relative;
        clear: both;
        height: 270px;
    }
    .news-article img {
         width: 100%;
        max-width: 350px;
    }

    .hp-news-syn {
        width: 100%;
        font-size: 16px!important;
        text-align: justify;
        max-width: 275px!important;
    }
    .hp-news-title {
        width: 90%;
        min-width: 320px;
        padding: 10px 15px;
    }

    .footer-wrapper {
        height: 1000px;
    }

    .talent-manager {
        margin-top:20px;
    }
    .hb-1 {
        display: none;
        right: 18px !important;
    }
    .mob-hamburger {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 10;
    }
    .hamburger {
         position: absolute;
         right: 15px;
    }
    .search-box-overlay {
        margin-top: 15px;
        margin-right: 0;
        text-align: left;
    }
     .search-box-actual-overlay {
         float: none;
         margin: auto;
         width: 160px;
         margin-top: 20px;
    }
     .search-box-overlay a{
         margin-left: 15px!important;
         font-size: 14px !important;
    }
     .logged .login-line a:nth-child(2) {
         margin-left: 15px !important;
     }
     .search-box-overlay .login-line a:nth-child(2) {
    margin-left: 15px!important;
}
          .search-box-overlay a:first-of-type{
         margin-left: 10px!important;
    }
     .side-menu {
         width:100%;background-color: rgba(15, 42, 51, 1);
         
     }
     .side-menu ul{margin-top: 50px;

     }
     .login-line {
         width: 100%;
         
     }
     .logo-overlay {
         margin: 19px auto 0;
     }
     .text-holder{
         width: 100%;
         margin: 0;
         padding: 0;
         text-align: center;
     }
     .first-page-alt {
         height: 100%!important;
     }
     .video-overlay {
         width: 100%;
         height: 100%!important;
     }
     .catalogues div img {
         width: 100%!important;
         max-width: 400px;
     }
     .brand-info {
         float: none;
         width: 90%;
         margin: auto;
     }
     .brand-page-title {
        
         height: 200px;
         overflow: hidden;
         font-size: 46px;
         position: relative;
     }
     .brand-page-title span{
         position: absolute;
         bottom: 0;
     }
     .brand-interaction {
         width: 100%;
         height: auto;
         margin: 0;
         margin-top: 50px;
     }
     .brand-synopsis {
         margin-top: 30px;
     }
     .brand-interaction img {
         width: 100%;
         height: auto;
         margin: 0;
     }
     .information-header {
         font-size: 28px;
         height: 75px;
     }
     
     .info-sec-1,.info-sec-2,.info-sec-3,.info-sec-4 {
         width: 90%;
           margin-left: 25px;
     }
     .info-sec-1 {
       
     }
     .down-button {
         display: none;
     }
     .below-fold,.EpisodeInformation {
         width: 100%;
         display: block;
         margin-bottom: 50px;
     }
     .below-fold-holder {
         width: 90%;
         float: none;
         margin-left: 25px;

     }
     .similar-header {
         font-size: 40px;
     }
     .above-fold {
         height: 450px;
     }
     .brand-carousel {
         height: 1380px;
     }
     .social-icons{ text-align: right;}
.social-icons {
    margin-left: 0;
    width: 250px;
    float: left;
}
.social {
    float: left;
    margin-right: 25px;
    margin-top: 25px;
}
.social:first-of-type {
    margin-left: 0;
}
.add-to-playlist {
             margin-left: 25px;
         }

         #video1 {
             width: 100%!important;

         }
        #dialog {
            height: auto !important;
        }


         .videoDialog {
             width: 100% !important;
         }
         .video-area {
             width: 100%!important;
         }
         .video-list {
             width: 100%!important;
             height: auto !important;
         }
         .video-list h5 {
             text-align: center;
         }
       
         .video-list-area {
             width: 90%!important;
             margin: auto!important;
             height: auto;
         }


}
    @media screen and (min-width: 640px) and (max-width: 1007px) {
        .episodes {
            width: 100%!important;
        }
            .overlay {
        width: 100% !important;
    }
         .yellow-dot {
        width: 15px!important;
        height: 15px !important;
    }
        .small-print {
            margin-top: 10px;
        }
        .amsterdam-footer,.london-footer,.bristol-footer,.toronto-footer{ float: left;margin-top: 5px;margin-right: 15px;line-height: 200%;font-size: 13px;}
      .otf-buttons {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .studio-button {
        width: 45%;
        padding-right: 2.5%;
         text-align: center;

    }
    .studio-button a {
        padding: 15px 10px;
        width: 225px;
        display: block;
    }
    .originals-button a {
        padding: 15px 10px;
        width: 225px;
         display: block;
    }
     .originals-button {
        width: 45%;
        padding-left: 2.5%;
         text-align: center;

    }
      .logo {
            float: none;
            margin: auto;
            margin-top: 25px;
        }
        .search-box {
            margin-left: 20px;
            display: none;
        }
        .intro-box {
            top: 200px !important;
            bottom: 50px;
            width: 80%;
            margin-left: 10%;
        }
        .welcome-text-element  {
            width: 100%;
            text-align: justify;
        }

    .search-box a:first-of-type {
        margin-left: 0;
    }
    .first-page {
        height:500px;
    }
       .background-image-1,
            .background-image-2,
            .background-image-3,
            .background-image-4,
            .background-image-5,
            .background-image-6,
            .background-image-7,
            .background-image-8 { height: 600px!important;width:100%!important}
       .title-header {
           line-height: 100%;
           padding-bottom: 50px;
     
           font-size: 50px;
       }
       .about-headline {
           margin-top: 50px;
           padding-bottom: 20px;
       }
       .home-about-sub {
           padding-bottom: 20px;
       }
       .second-page {
           height: auto;
       }
       .fourth-page {
           height: 650px!important;
       }
       .active-program{ margin-top: 40px;}
       .program {
           height: 300px;
           width: 300px;
           margin: auto;
           float: none;
       }

       .third-page {
           height: 1700px!important;
       }
       .program .text {
           top: 170px;
       }
       .carousel{ margin-top: 30px;height: 1530px;}
        .about-us-area,.sub-title {
            width: 80%;
            margin-left: 10%;
            min-width: 0;
        }
         .hidden-xs {
            display: block;
        }
        .hidden-md {
            display: none;
        }
        .catalogue-1,.catalogue-2,.talent-manager,.offthefenceLogo,.about-area,.footer-addresses{
            width: 100%;
            margin: 0;
        }
    .catalogues {
        width: 100%;
        margin: 30px 0;
    }
        .container-desk{
              width: 100%;
            min-width: 0;
        }
        .hp-news-title {
            padding: 0;
        }
        .news {
            width: 100%;
            margin-left: 0;
        }
        .news-article {
            width: 360px;
            margin: 50px auto !important;
            float: none;
            position: relative;
            clear: both;
            height: 270px;
        }
        .news-article img {
            max-width:360px
        }

       .hp-news-syn {
        font-size: 16px!important;
        text-align: justify;
        width: 310px!important;
    }
        .hp-news-title {
            width: 330px;
            padding: 10px 15px;
        }

        .footer-wrapper {
            height: 370px;

        }
        .footer-addresses {
            margin-top: 20px;
        }

        .talent-manager {
            margin-top:20px;
            width: 365px;
        }
        .social-icons {
    margin-left: 0;
    width: 200px;
    float: left;
            margin-top: 20px;
}
        .hb-1 {
            display: none;
            right: 18px !important;
        }
        .mob-hamburger {
            position: absolute;
            top: 15px;
            right: 15px;
            z-index: 10;
        }
        .hamburger {
             position: absolute;
             right: 15px;
        }
        .search-box-overlay {
            margin-top: 15px;
            margin-right: 0;
            text-align: left;
        }
         .search-box-actual-overlay {
             float: none;
             margin: auto;
             width: 160px;
             margin-top: 20px;
        }
         .login-line {
             width: 80%;
             margin: auto;
         }
         .search-box-overlay a{
             margin-left: 15px!important;
             font-size: 17px !important;
        }
              .search-box-overlay a:first-of-type{
             margin-left: 0!important;
        }
         .side-menu {
             width:100%;background-color: rgba(15, 42, 51, 1);
             height: auto;
         
         }
         .side-menu ul{margin-top: 50px;

         }
  
         .logo-overlay {
             margin: 19px auto 0;
         }
         .text-holder{
             width: 100%;
             margin: 0;
             padding: 0;
             text-align: center;
         }
         .first-page-alt {
             height: 100%!important;
              min-height:610px
         }
           .first-page-alt-2 {
             height: 100%!important;
              min-height:610px
         }
         .video-overlay {
             width: 100%;
             height: 100%!important;
         }
         .catalogues div img {
             width: 100%!important;
             max-width: 400px;
         }
         .brand-info {
             float: none;
             width: 90%;
             margin: auto;
         }
         .brand-page-title {
             margin-top: 50px;
         }
         .brand-interaction {
             width: 100%;
             height: auto;
             margin: 0;
             margin-top: 50px;
             text-align: center;
         }
         .brand-synopsis {
             margin-top: 30px;
         }
         .brand-first-page {
             height: 674px;
         }
         .brand-interaction img {
             width: 640px;
             height: auto;
             margin: auto;
             padding-bottom: 25px;
         }
         .add-to-playlist {
             margin-left: 25px;
         }

         #video1 {
             width: 100%;

         }
        #dialog {
            height: auto !important;
        }


         .videoDialog {
             width: 100% !important;
         }
         .video-area {
             width: 100%!important;
         }
         .video-list {
             width: 100%!important;
             height: auto !important;
         }
         .video-list h5 {
             text-align: center;
         }
       
         .video-list-area {
             width: 90%!important;
             margin: auto!important;
             height: auto;
         }

         .play-icon {
             width: 640px;
             height: 400px;
             right: 0;
         }
         .information-header {
             font-size: 36px;
             height: 75px;
         }
     
         .info-sec-1,.info-sec-2,.info-sec-3,.info-sec-4 {
             width: 90%;
               margin-left: 25px;
         }
         .info-sec-1 {
       
         }
         .down-button {
             display: none;
         }
         .below-fold,.EpisodeInformation {
             width: 100%;
             display: block;
         }
         .below-fold-holder {
             width: 90%;
             float: none;
             margin-left: 25px;
             margin-top: 25px;
             margin-bottom: 25px;
         }
         .above-fold {
             height: 450px;
         }
         .brand-carousel {
             height: 1380px;
         }

            .brand-page-title {
                font-size: 47px;
            }
    }

      @media screen and (min-width: 1000px) and (max-width: 1200px) {
        .side-menu {
                height: auto;
                padding-bottom: 50px;
            }
          }

        @media screen and (min-width: 1007px) and (max-width: 1919px) {
          
            .active-program .inner {
                width: 300px;
            }
            .up-button {
             
            }
            .EpisodeInformation {
                margin: auto;
                float: none;
                padding-bottom: 100px;
 
}
                        .EpisodeInformationTreatment {
                            padding-bottom: 100px;
                float: left;
 
}
            .intro-box{ width: 500px;}
            .title-header {
                font-size: 50px;
            }
           .welcome-text-element {
               width: auto;
           }
            .social-icons {
                position: relative;
            }
            .offthefenceLogo img {
                width: 200px;
            }
            .third-page {
                height: 640px!important;
            }
            .fourth-page {
                height: 640px!important;
            }
            .footer-wrapper {
                min-height: 360px;
            }
            .footer-addresses {
                width: 650px;
            }
          
            .talent-manager {
                width: 190px;
            }
            .talent-manager p{
                font-size: 10px;
            }
            .footer-address-title {
                font-size: 16px;
            }
            .footer-address-gray {
                font-size: 10px;
            }
             .footer-address-blue {
                font-size: 10px;
            }
            .offthefenceLogo {
                 width: 240px;
            }
            .amsterdam-footer,.london-footer,.toronto-footer,.bristol-footer {
                margin-top: 0;
            }
                .otf-buttons {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    .studio-button {
        width: 45%;
        padding-right: 2.5%;
         text-align: center;

    }
     .originals-button {
        width: 45%;
        padding-left: 2.5%;
         text-align: center;

    }
     .news-article {
         margin-left: 20px;
         width: 300px;
         margin-bottom: 50px;
         height: 175px;
     }
     .news-article img {
         width: 300px;
         height: 175px;
     }
     .hp-news-title {
         width: 280px;
     }
     .news {
         width: 1000px!important;
     }
     .hp-news-syn {
         width: 250px!important;
         height: 125px !important;
         font-size: 14px!important;
     }
            .intro-box {
                top: 290px;
                width: 800px;

            }

            .sub-title {
                width: 90%;
                margin: auto;
            }
               .video-overlay {
                          margin-top: 0;
                          height: 800px!important;
                
                      }
            .first-page-alt {
                height: 800px!important;
            }
            .first-page-alt-2  {
                height: 800px!important;
            }
            .search-box-actual-overlay {
                float: right;
            }
        
        .active-program {
            height:300px!important;
            width:28%!important;
          }
            .program {
                width: 18%;
                height: 234px;
            }
            .carousel, .about-us-area {
                    width: 908px;
            }
            .carousel {
                width: 100%;
                height: 350px;
            }
           .about-headline{
	        font-size:25px!important;
	        font-weight:500;
               margin-top: 50px;
              
        }
           .home-about-sub {
               margin-top: 20px;
           }
           .about-area {
               width: 100%;
           }
           .program .brand-title {
               top: 265px !important;

           }
           .program .text {
               top: 100px;
           }
            .program .text .brand-title{
                width: 180px;
           }
           .active-program .text{
	
	        top:160px!important;
        }
           
            .hidden-xs {
                display: none;
            }
            .hidden-md {
                display: initial;
        
            }
            
            .catalogue-1,.catalogue-2 {
                width: 450px;
                float: none !important;
                margin: auto;
            }
          
            .catalogues {
                width: 90%;
                max-width: 1010px;
                margin: auto;
                height: 300px;
                margin-top: 50px;
            }
                .catalogue-2{
                    float: right;
                    margin-left:20px;
            }

            .brand-info{
                margin-left: 50px;
                margin-top: 50px;
                width: 400px;
            }
            .brand-interaction {
                margin-left: 50px;
                width: 450px;
            }
            .brand-carousel {
                height: 200px;
            }
            .brand-interaction img {
                max-width: 450px;
                width: 100%;
                height: 250px;
                float: right;
            }
            .play-icon {
                width: 450px !important;
                height: 250px !important;
            }
            .brand-page-title {
                font-size: 47px;
            }
            .similar-programmes {
     
            }
            .background-container {
                background-size: 100% !important;

            }
            .bottom-fade {
                background-size:  300px!important;
            }
            .bottom-line {
                width: 90%;
                font-size: 11px;
            }
            .active-program .bottom-line{
                font-size: 14px;
            }
            .above-fold {
                height:auto;
                min-height: 200px;
            }
            .below-fold-holder {
                width: 100%!important;
                margin-left: 0;
                margin-top: 25px;
                height: auto !important;
            }
            .episode-information {
                width: 100%;
            }
            
            .EpisodeInformationTreatment {
                margin-left: 5%;
                width: 60%!important;
            }  
            .episodes {
                margin-top: 25px;
            }
            .treatments {
                width: 15%;
                margin-left: 5%;

            }
          .value{ font-size: 16px;}
          .section-holder {
              width: 1007px;
          }
            .info-sec-1 {
                width: 20%;
                margin-right: 5%!important;
                text-align: center;
            }
            .info-sec-2 {
                width: 20%;
                margin-right: 5%!important;
                text-align: center;
            }
             .info-sec-3 {
                 width: 20%;
                margin-right: 5%!important;
                text-align: center;
            }
              .info-sec-4 {
                  width: 20%;
                margin-right: 5%!important;
                text-align: center;
            }
              .down-button {
              
              }
              .brand-first-page {
                  height: 390px;
                  width: 1000px;
                  margin: auto;
                  float: none;
                  }
        }

            @media screen and (min-width: 1920px) {
              .active-program {
                height:412px!important;
                width:412px!important;
              }
                .program {
                    width: 372px;
                    height: 372px;
                }
               .about-us-area {
                        width: 1903px;
                }
                .about-headline{
	            font-size:34px!important;
	            font-weight:500;
               
                    padding-top: 70px;
            }
                .home-about-sub {
                    font-size: 24px;
                    margin-top: 10px;
                    margin-bottom: 20px;
        
                }
                .news {
                    width: 1300px;

                }
                  .hidden-xs {
                    display: none;
                }
                .hidden-md {
                    display: initial;
        
                }
                .carousel {
                    width: 100%;


                }




  
} 
                   .background-image-1 {
                       z-index: -1;
            }
            .background-image-2 {
                z-index: -2;
            }
            .background-image-3 {
                z-index: -3;
            }
            .background-image-4 {
                z-index: -4;
            }
            .background-image-5 {
                z-index: -5;
            }
            .background-image-6 {
                z-index: -6;
            }
            .background-image-7 {
                z-index: -7;
            }
            .background-image-8 {
                z-index: -8;
            }

            .background-image-1,
            .background-image-2,
            .background-image-3,
            .background-image-4,
            .background-image-5,
            .background-image-6,
            .background-image-7,
            .background-image-8 {
                  width: 100%;
    height: 100%;
    position: absolute;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
   background-color:#051542;
            }
           








          

.intro-box-2,.intro-box-3,.intro-box-4,.intro-box-5,.intro-box-6,.intro-box-7,.intro-box-8,.intro-box-9,.intro-box-10,.intro-box-11,.intro-box-12,.intro-box-13 {
    display: none;
}


/*@media screen and (min-width: 1980px) {
 
    .carousel {
        width: 100%!important;


    }
    .carousel .program {
        width: 19%;
        height: 500px;
    }
    .carousel .active-program {
        width: 24%!important;
        height: 600px!important;
    }
    .bottom-fade {
        background-position: bottom;
        background-size: cover;
    }
    .third-page {
        height: 1000px!important;
    }
    .exp-button-2 {backgroun
        .
    }in
    .exp-button-3 {
        margin-top: 200px;
    }
    .active-program .brand-title {
        margin-top: 175px;
    }
    .program .brand-title {
        margin-top: 100px;
    }
     .active-program .brand-title .inner {
        font-size: 62px!important;
    }
    .program .brand-title {
        font-size: 56px!important;
    }
    .bottom-line {
        font-size: 22px;
    }
}*/