/* Asset Page Spotlight Fixes */

.node-type-asset .node-asset {
  padding:0;
}

.node-type-asset  .no-spotlight .summary{
 position: static;
 margin: 0;
 overflow: hidden;
 background: #f6f6f7;
}


/* Search Results Page */



/* Generic */

h3.underline{
  font-size:22px;
  position:relative;
  padding-bottom:10px;
  color:#474646;
}

h3.underline:after{
  height:3px;
  position:absolute;
  content:"";
  display:block;
  left:0;
  bottom:0;
  width:34px;
  background:#00b1ac;
}

.lft_content{
  padding-left:0;
}

p.desc{
  padding:27px 0;
  font-size:22px;
  line-height:26px;
  color:#008da8;
  font-family:"Myriad Pro";
  padding-right:5px;
}

.page_header h1{
  font-size:42px;
  border-bottom:1px solid #90cdd9;
  padding-bottom:25px;
  margin-bottom:0;
  /*font-family:"Avenir LT W01 65 Medium";*/
}

.page_header .col-md-10{
  padding-left:0;
}

.page_header .col-md-10,
.lft_content.col-md-10{
  max-width:1200px;
  padding-right:50px;
}

.rgt_content.col-md-2{
  padding:0;
}

.video-meta .more{
  font-size:11px;
  text-transform:uppercase;
  font-weight:bold;
  display: inline-block;
}

.video-meta .more:hover{
  text-decoration:underline;
}


/* Flexslider */

.doctabs .flex-direction-nav a, .more-details .flex-direction-nav a{
  background:#FFF;
}

.flex-direction-nav a:before{
  font-size:22px;
  text-align:center;
  display:block;
  line-height:41px;
}


/* Why we do */

.why-we-do-block{
  overflow:hidden;
  padding:20px;
  background:#dfdbd1;
  margin-bottom:20px;

}

.why-we-do-block ul{
  padding-left:0;
  margin:0;
}

.why-we-do-block li{
  list-style:none;
  position:relative;
  margin:0 -20px;
  z-index:1;
}

.why-we-do-it-spot .spotlight-info{
  background:none;
}


.why-we-do-it-spot .content-spotlight{
background: rgba(185,179,161,1);
background: -moz-linear-gradient(left, rgba(185,179,161,1) 0%, rgba(182,176,157,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(185,179,161,1)), color-stop(100%, rgba(182,176,157,1)));
background: -webkit-linear-gradient(left, rgba(185,179,161,1) 0%, rgba(182,176,157,1) 100%);
background: -o-linear-gradient(left, rgba(185,179,161,1) 0%, rgba(182,176,157,1) 100%);
background: -ms-linear-gradient(left, rgba(185,179,161,1) 0%, rgba(182,176,157,1) 100%);
background: linear-gradient(to right, rgba(185,179,161,1) 0%, rgba(182,176,157,1) 100%);
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9b3a1', endColorstr='#b6b09d', GradientType=1 );*/
padding: 0;
}
.why-we-do-it-spot .content-spotlight .spotlight-info{
  padding: 50px;
}

.why-we-do-it-spot .content-spotlight .spotlight-info > .field-collection-container{
  padding:0 15px;
}

.wrap-why-we-do-it .wrap-documentary img{
  height: 330px;
}
.wrap-why-we-do-it .wrap-documentary p{
  background: rgba(255, 255, 255, 0.8);
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 20px;
  position: absolute;
  width: 100%;
}

.why-we-do-block li a{
  display:block;
  padding:15px;
  padding-left:40px;
  position:relative;
  color:#666;
}

.why-we-do-block li a:after{
  content:"";
  display:block;
  border-bottom:1px solid #c8c5bc;
  position:relative;
  left:-25px;
  width:110%;
  right:0px;
  bottom:-16px;
}


.why-we-do-block li a:before{
  content:"";
  display:block;
  float:left;
  width:20px;
  height:30px;
  position:absolute;
  top:12px;
  left:14px;
  background:url(../images/icons/arrow-icon.png) no-repeat center;
}

.why-we-do-block li.active a:before{
  background-image:url(../images/icons/arrow-active-icon.png);
}


.why-we-do-block li.active{
background:#ece9e3;
z-index:2;
}
.why-we-do-block li.active a:after,
.why-we-do-block li:last-child a:after{
  border:none;
}

.why-we-do-block h3{
  font-size:21px;
  color:#666666;

}
.why-we-do-block li.active a{
color:#00b2a9;
}



/* --------------------------------------- Documentaries Page  --------------------------------------- */


/* ---------------- More Details Block ---------------- */
.more-details{
  margin-bottom:20px;
}

.more-details .flexslider{
  width:100%;
}

.more-details .flex-control-paging{
  position:static;
  padding:20px 0;
  text-align:left;
}

.more-details .flexslider .slides li{
  position:relative;
}

.more-details .flex-control-paging a{
background:#84888b !important;
}


.more-details .flex-control-paging a{
  opacity:.5;
}

.more-details .flex-control-paging a.flex-active{
 opacity:1;
}


/* ---------------- Tab Block ---------------- */

.doctabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 1em 0 2em;
    font-weight: 300;
}

/* Nav */
.doctabs nav {
    text-align: center;
    overflow:hidden;
}

.doctabs nav ul {
    padding: 0;
    margin: 0 0 0 1px;
    list-style: none;
    display: block;
    float:left;
    width:100%;
    border-left:1px solid #d8d8d6;
    clear:both;
}


.doctabs nav ul li {
    border: 1px solid #d8d8d6;
    border-left:0;
    display: block;
    float: left;
    overflow:hidden;
    position:relative;
    width:33.33%;

}

.doctabs nav li.tab-current {
    border: 1px solid #d8d8d6;
    border-left:0;
    z-index: 100;
}

.doctabs nav li.tab-current span:before{
  transform:scale(1);
}

.doctabs nav li:last-child {
width:33.2%;
}

.doctabs nav li.tab-current a{
border-top:6px solid #0068ac;
transition:border 1s, background 1s;
color: #005a8c;
background:#f9f9f8;
cursor:default;
}


.doctabs nav li span{
  position:relative;
  display:inline-block;
}

.doctabs nav li span:before{
  content:"";
  display:block;
  position:absolute;
  width:50px;
  height:45px;
  overflow:hidden;
  top:0;
  left:-65px;
  top:-12px;
  transform:scale(1);
  transition:transform .2s;

}

.doctabs nav li:hover span:before{
  transform:scale(1.1);
  transition:transform .5s;
  background-position:top center;
}


.doctabs nav li span.icon-video:before{
  background:url(../images/icons/video.png) no-repeat;
}

.doctabs nav li span.icon-infographic:before{
  background:url(../images/icons/infographic.png) no-repeat;
}

.doctabs nav li span.icon-gallery:before{
  background:url(../images/icons/gallery.png) no-repeat;
}

.doctabs nav  li.tab-current span:before{
  background-position:bottom;
}

.doctabs nav  li.tab-current:hover span:before{
  transform:scale(1);
}

.doctabs nav a {
  transition:border .5s, background 1s;
    border-top:6px solid #FFF;
    color: #666666;
    display: block;
    font-size:22px;
    padding: 30px 20px 36px 30px;
    white-space: nowrap;
    outline:none;
    text-transform:uppercase;
    transition:color .5s;
    /*font-family:Avenir-Light,"Avenir LT W01 35 Light";*/
    height:98px;
}

.doctabs nav a:hover {
    transition:color .5s;
    color: #999;
}


/* Fallback */
.no-js .tab-content section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid #47a3da;
}

.tab-content{
  background:#f2f2f3;
}

.tab-content section {
    font-size: 1.25em;
    max-width: 1230px;
    margin: 0 auto;
    opacity:0;
    height:0px;
    overflow:hidden;


}

.tab-content section.content-current {
    display: block;
    opacity:1;
     -webkit-animation: cd-fade-in 1s;
  -moz-animation: cd-fade-in 1s;
  animation: cd-fade-in 1s;
  height:auto;
}


@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* ---------------- Image Gallery Slider ---------------- */

.flexslider{
  margin:0;
  border:none;
  box-shadow:none;
}


.section-lft{
  width:62%;
  max-width:710px;
  float:left;
  position:relative;
  z-index:999;
  margin-right:30px;

}

.section-rgt{
  padding:25px;
  /*
  width:38%;
  float:right;
  */
}

.section-rgt h3.underline:after{
  left:62%;
  margin-left:35px;
}

.section-rgt .doc-meta ul{
padding-left:0;
}

.section-rgt .doc-meta {
  position:relative;
  border-top:1px solid #cecece;
  padding:20px 130px 0px 0px;
  margin-top:15px;
}

.section-rgt .doc-meta:after{
  width:30px;
  left:62%;
  background:#f2f2f3;
  position:absolute;
  height:2px;
  top:-1px;
  content:"";
  display:block;
}

.section-rgt .doc-meta .awards-logo{
  position:absolute;
  right:20px;
  top:50%;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  margin-top:13px;
}

.section-rgt .doc-meta li{
  list-style:none;
  font-size:14px;
}

.section-rgt p{
  font-size:16px;
  color:#666666;
  line-height:18px;
  padding:8px 10px 8px 0px;
  margin-bottom:0;
}

.image-gallery-slider .flex-direction-nav a,
.more-details .flex-direction-nav a{
  font-size:0;
  border-radius:50%;
}

.more-details .flex-direction-nav a{
  margin-top:-50px;
}

.image-gallery-carousel .flex-viewport{
  padding:0 64px;
  border:1px solid #d9d9d7;
}


.image-gallery-carousel .flex-direction-nav a{
  top:0;
  width:64px;
  height:100%;


}

.image-gallery-carousel .flex-direction-nav a,
.image-gallery-carousel .flex-direction-nav a:hover{
  margin:0;
  transform:none;
  right:1px !important;
  opacity:1 !important;
  display:block;
  overflow:hidden;
  text-indent:-9999px;
  text-align:left;
}



.image-gallery-carousel .flex-direction-nav a:after,
.image-gallery-carousel .flex-direction-nav a:before{
  display:none;
}

.image-gallery-carousel .flex-direction-nav a{
  background: rgba(255,255,255,1) url(../images/slider-right.png) no-repeat center;
  border-bottom:1px solid #d9d9d7;
}

.image-gallery-carousel .flex-direction-nav a.flex-disabled{
  opacity:.2 !important;
}

.image-gallery-carousel .flex-direction-nav a.flex-prev:hover,
.image-gallery-carousel .flex-direction-nav a.flex-prev{
  background-image:url(../images/slider-left.png);
  left:1px;
  margin-left:0;
}

.image-gallery-carousel .slides li{
  margin-right:1px;
  cursor:pointer;
  position:relative;
}

.image-gallery-carousel .slides li:hover

.image-gallery-carousel .slides li.flex-active-slide:after{
  position:absolute;
  content:"";
  display:block;
  width:100%;
  height:6px;
  bottom:0;
  background:#0068ac;
}

.image-gallery-carousel .slides li.flex-active-slide img{
  background:#FFF;
  opacity:.65;
}

.image-gallery-carousel .slides{
  margin-left:-1px;
}


/* --------------------------------------- Corporate Structure  --------------------------------------- */


.director-block .member-image{
  float:right;
  margin-left:40px;
  max-width: 320px;
}
.director-block .member-image h3:after {
  display: none;
}
.director-block .member-image a{
  color: #302E2E;
}
.director-block .member-image a:hover{
  color: #00b2a9;
}

.director-block .member-image img{
  background: url(../images/bg-profile-img.png) repeat-x 0 bottom;
   background-size: contain;
  width:320px;
}

.director-block .member-image strong,
.director-block .member-image span{
  display:block;
  opacity:.7;
  /*font-family: lexiaregular,"Avenir LT W01 35 Light",Helvetica,Arial;*/
}

.director-block .member-image strong{
  padding-top:15px;
  font-weight:normal;
  font-size:16px;

}

.director-block .member-image span{
  font-size:13px;
}

.director-block .readmore,
.press-release .details > .more{
  text-transform:uppercase;
  border-top:2px solid #b0b4b7;
  padding-top:12px;
  font-size:12px;
  padding-right:40px;
  display:inline-block;
}
.press-release .more:after{
  display: none;
}
.director-block .readmore:hover,
.press-release .details > .more:hover{
  color: #666;
}

.press-release .details > .more{
  margin-top: 0px;
}

.director-block p{
  padding-bottom: 15px;
  font-size:16px;
  color:#666;
  /*font-family: lexiaregular,"Avenir LT W01 35 Light",Helvetica,Arial;*/
}
.business-unit-listing p{
  font-size: 15px;
}

.director-block{
  padding:30px;
  background:#f8f8f8;
  overflow:hidden;
  margin-bottom:20px;
}

.director-block h4.clearfix{
  clear:both;
  display:block;
  font-size: 18px;
  padding-bottom:15px;
  padding-top:15px;
  margin-bottom: 0;
}
.director-block .l-link {
  font-family: "interstatebold";
  /* rtl:'Conv_DinarOneMedium',Tahoma,Sans-Serif*/
  text-transform: uppercase;
  font-size: 0.8125rem;
  color: #00B2A9;
  display: inline-block;
  letter-spacing: 0.03125rem;
  /*rtl: 0 */
  position: relative;
  padding-right: 30px;
  line-height: 1;
}

.director-block .l-link:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 12px;
  background: url(../images/about_mubadala/icon-link.svg) no-repeat left top;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  /* rtl:translateY(-50%) rotate(-180deg)*/
  transition: all .3s ease;
}

.director-block .l-link:hover:after {
  right: 0;
}


/* ---------------- Board Accordion ---------------- */


.board-accordion, .board-accordion * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.board-accordion .business-unit-listing{
  list-style: none;
  padding: 0;
}
.board-accordion .business-unit-listing .details{
  padding: 0 20px 10px;
}

.board-accordion {
    overflow:hidden;
}

.board-accordion-section a,
.board-accordion-section a:active,
.board-accordion-section a:focus,
.board-accordion-section a:hover{
  outline:none;
}
.board-accordion .business-unit-listing li{
    border-top:1px solid #eaeaea;
}

.board-accordion .business-unit-listing li:first-child{
  border:none;
}
.board-accordion-section-title {
  cursor: pointer;
    width:100%;
    padding:20px 40px 20px 20px;
    display:inline-block;
    background:#FFF;
    transition:all linear 0.15s;
    font-size:15px;
    color:#333;
    outline:none;
    margin: 0;
    position:relative;
}

.board-accordion-section-title:after{
  position:absolute;
  right:20px;
  top:15px;
  content:"+";
  display:block;
  height:20px;
  width:20px;
  font-size:22px;
  color: #00b2a9;
}


.board-accordion-section-title.active:after{
  content:"--";
  letter-spacing:-2px;
}

.board-accordion-section-title.active,
.board-accordion-section-title:hover {
    color: #00b2a9;
}


.board-accordion-section .details{
  display: block;
  overflow:hidden;
  background:#FFF;
}


.board-accordion-section-title.active, .board-accordion-section-title:hover {
    background:#FFF;
    /* Type */
    text-decoration:none;
}


/*----- Section Content -----*/
.board-accordion-section {
    color:#666;
    font-size:14px;
}

.board-accordion-section  .member-image{
  margin-right:15px;
}

.board-accordion-section .member-image img,
.board-accordion-section .member-image strong,
.board-accordion-section .member-image span{
  width:185px;
  display:block;
  height:auto;
}
.board-accordion-section .member-image img{
  background: url(../images/bg-profile-img2.gif) repeat-x 0 30px;
  /*background-size: contain;*/
}





/* Video List */

.video-list-wrapper{
  background:#efede9;
  padding:50px 0;
}

.video-list .col-md-3,
.video-list .col-md-6{
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  padding:0 0px;
  position:relative;
}

.video-list .col-md-3 img,
.video-list .col-md-6 img{
  max-width:100%;
  width:100%;
}

.wrap-why-we-do-it .wrap-documentary .video-popup{
  display: block;
  position: relative;
}
.video-list .col-md-6 .play,
.video-list .col-md-3 .play,
.video-list .thumb .play,
.wrap-why-we-do-it .wrap-documentary .play,
.group-doc-image-wrap .play{
  border: 4px solid #fff;
  -webkit-border-radius: 50%;
          border-radius: 50%;
display:block;
position:absolute;
left:50%;
top:50%;
  margin-left: -25px;
  margin-top: -70px;
  height: 50px;
  width: 50px;
/*border-radius:50%;
background:rgba(0,0,0,.8) url(../images/icons/arrow.png) repeat-x 0 center;
border:6px solid #FFF;*/
/*transition:transform 1s;*/
/*-webkit-animation: arrow-out-animate .5s;
-moz-animation: arrow-out-animate .5s;
animation: arrow-out-animate .5s;*/
z-index:999;
/*transform: scale(.85);
-moz-transform:scale(.85);
-webkit-transform:scale(.85);
-ms-transform:scale(.85);
-o-transform:scale(.85);*/
  background: rgba(0, 0, 0, .5) url(../images/play-arrow.png) no-repeat center center;
  -webkit-background-size: contain;
       -o-background-size: contain;
          background-size: contain;
  -webkit-transition: all .2s;
     -moz-transition: all .2s;
      -ms-transition: all .2s;
       -o-transition: all .2s;
          transition: all .2s;
  -webkit-background-size: 35%;
       -o-background-size: 35%;
          background-size: 35%;
}

.video-list .thumb .play{
  margin-top: -23px;
  transform: scale(0.6);
}
.wrap-why-we-do-it .wrap-documentary .play{
  margin-top: -25px;
}
.wrap-why-we-do-it .wrap-documentary .video-popup img{
  /*opacity: 1;*/
}

.wrap-why-we-do-it .wrap-documentary .documentary:hover{
  /*-webkit-background-size: 109% !important;
       -o-background-size: 109% !important;
          background-size: 109% !important;*/
}

.video-list .col-md-6:hover .play,
.video-list .col-md-3:hover .play,
.video-list .thumb:hover .play{
/*-webkit-animation: arrow-in-animate .5s;
-moz-animation: arrow-in-animate .5s;
animation: arrow-in-animate .5s;*/
  -webkit-background-size: 45%;
       -o-background-size: 45%;
          background-size: 45%;
}

.video-list .video-details{
  -webkit-animation: arrow-out-animate .5s;
  -moz-animation: arrow-out-animate .5s;
  animation: arrow-out-animate .5s;
}
.video-list .video-details img{
  transform:scale(1.01);
  transition:transform 1s;
}

.video-list .video-details:hover img,
.wrap-why-we-do-it .wrap-documentary .video-popup:hover img{
  transform:scale(1.1);
  transition:transform 1s;
}
.video-thumbs .video-meta .video-title{
  font-size:16px;
  color:#474646;
  line-height:18px;
  margin-right:95px;
  /*font-family: Avenir-Light,"Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;*/
}

.video-thumbs .video-meta,
.video-thumbs  .video-meta .video-title{
  min-height:80px;
}

.video-thumbs .video-num:before{
  transform:scale(.65);
  -webkit-transform:scale(.65);
  -ms-transform:scale(.65);
}

.video-thumbs .video-num{
  font-size:13px;
  padding:0;
  width: 80px;
}

.video-thumbs .col-md-3 .play{
  margin-top:-65px;
  transform:scale(.8);
  -webkit-transform:scale(.8);
   -ms-transform:scale(.8);
}

@-webkit-keyframes arrow-in-animate {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 61px center;
  }
}
@-moz-keyframes arrow-in-animate {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 61px center;
  }
}
@keyframes arrow-in-animate {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: 61px center;
  }
}



@-webkit-keyframes arrow-out-animate {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -61px center;
  }
}
@-moz-keyframes arrow-out-animate {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -61px center;
  }
}
@keyframes arrow-out-animate {
  0% {
    background-position: 0 center;
  }
  100% {
    background-position: -61px center;
  }
}



.video-meta{
  position:absolute;
  bottom:0;
  left:0;
  /*width:100%;*/
  background:rgba(255,255,255,.95);
  display:block;
  right: -2px;
}

.video-meta,
.video-meta .video-title{
  min-height:90px;
  overflow: hidden;
}

.video-meta .video-title{
  padding:15px 20px;
  margin-right:100px;
  margin-bottom:0px;
  display:block;
  position: relative;
}

.video-num:after{
  position: absolute;
  top:-100px;
  left:0;
  height: 999px;
  width:1px;
  content:"";
  display: block;
  background: #dadadb;
}

.video-meta .video-title p{
  /*font-family:  Avenir-Light, "Avenir LT W01 35 Light", Helvetica, Arial, sans-serif;*/
  font-size:20px;
  margin-bottom: 0;
}

.video-num{
  position:absolute;
  right:0;
  top:50%;
  padding:20px 15px;
  text-align:center;
  display:block;
  font-size:13px;
  color:#666;
  text-align:center;
  transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -o-transform:translateY(-50%);
  width:100px;
  text-transform:lowercase;
}

.video-num:before{
  content:"";
  display:block;
  margin:0 auto;
  width:50px;
  height:45px;
  clear:both;
  background:url(../images/icons/video.png) no-repeat top center;
  transform:scale(.65);
  -webkit-transform:scale(.65);
  -ms-transform:scale(.65);
  opacity:.5;

}
.video-playlist .no-video-num{
  display:none;
}

.video-playlist .video-title{
  margin-right: 80px !important;
/*  border-right: 1px solid #dadadb !important;*/
}

.no-video-num .video-title{
margin: 0px !important;
}
.no-video-num .video-num,
.video-playlist .col-md-3{
  display: none;
}



.video-playlist .col-md-3:first-child{
  display:block;
}
.content-spotlight .field-collection-container p span{
  letter-spacing: -.5px;
}


.content-spotlight .field-collection-container .field-collection-item-field-wi-why-g1 p span{
  font-size:26px;
  line-height: 30px;
}

@media (max-width: 1510px) {

  .video-thumbs .video-num{
    padding:5px 15px;
    width:86px;
    line-height:8px;
    white-space: nowrap;
  }

  .video-large .video-meta .video-title p
  {
    font-size:23px;
    line-height: 24px;
  }

  .video-thumbs .video-meta .video-title{
    font-size:17px;
    line-height:20px;
    margin-right:86px;
  }

  .video-thumbs .video-meta, .video-thumbs .video-meta .video-title{
    min-height:75px;
  }

  .director-block .member-image{
    margin-left: 50px;
    /*margin-bottom: 50px;*/
  }

  .director-block h4.clearfix{
    padding-top: 0px;
  }

  .director-block p{
    font-size: 18px;
  }

}

@media (max-width:767px) {
  .video-list-wrapper{
    padding:0;
  }

  .video-thumbs{
    padding: 0;
    overflow:hidden;
  }

  .video-thumbs .video-num{
    padding:15px;
  }

  .video-list-wrapper .field-name-field-wi-why-b-g1{
    padding: 20px 0;
  }
  .content-spotlight .field-collection-container p span{
    font-size: 22px;
    line-height: 28px;
  }
  .director-block .member-image img,.board-accordion-section .member-image img{
    background-position: 0 bottom;
  }


}

.video-details, .video-large{
  display:block;
  position:relative;
  overflow:hidden;
  margin-bottom:2px;
}


.video-list  .col-md-6 img{
  transform:scale(1);
  transition:transform .5s;
}

.video-list  .video-details:hover img,.video-list .col-md-6:hover img{
  transform:scale(1.1);
  display:block;
  transition:transform 1s;
}


.no-video-num .video-meta .video-title{
  margin-right:0;
  border-right:0;
}




/* Responsive */
@media (max-width: 1510px) {

.section-lft{
  margin-bottom:30px;
}

.doc-meta{
  clear:both;
  display:block;
  float:none;
}
.doc-meta:after{
  display:none;
}

  .rgt_content.col-md-2{
    width:16.6667%;
  }

.page_header .col-md-10, .lft_content.col-md-10{
  padding-right:25px;
}

.doctabs nav a{
  font-size:18px;
  transition:font-size .5s;
}

.doctabs nav a span:before{
  transform:scale(.8);
  left:-55px;
  transition:left .5s;
}

.doctabs nav li:hover span:before{
  transform:scale(.9);
}

.doctabs nav li.tab-current a span:before,
.doctabs nav li.tab-current:hover a span:before{
  transform:scale(.8);
}

.why-we-do-block h3{
  font-size:18px;
}

h3.underline{
  font-size:22px;
}


.section-rgt p{
  font-size:15px;
}

.member-image{
  margin-left:50px;
  /*margin-bottom:50px;*/
}

}


@media (max-width:1000px) {

.page_header .col-md-10, .lft_content.col-md-10{
  clear:both;
  float:none;
  padding-right:0;
  width:100%;
}

.section-rgt,
.section-lft{
  width:100%;
  max-width:100%;
}
.section-rgt h3.underline:after{
  left:0;
  margin-left:0;
}

.rgt_content.col-md-2{
  max-width:100%;
  width:100%;
}

.director-block p{
  font-size:17px;
}

}


@media (max-width: 992px){

  .video-list .col-sm-6 img,
  .video-list .col-md-3 img,
  .video-list .col-md-6 img{
    width:100%;
  }
  .wrap-why-we-do-it .wrap-documentary img{
    width: 100%;
  }

  .member-image{
    margin:0;
    width:100%;
    max-width: 100% !important;
  }

  .director-block .member-image{
    margin:0 0 20px 0!important;
  }

  .director-block .member-image img{
    max-width:100%;
  }

  .board-accordion-section .member-image{
    margin:0;
  }

  .board-accordion .business-unit-listing .details{
    padding-top: 0px;
  }

}
@media (max-width: 768px) {

  .page_header h1{
    font-size:30px;
    padding: 20px;
  }

  p.desc{
    font-size:20px;
    padding:20px;
  }

  .doctabs nav a{
    padding-left:20px;
    text-align:center;
    height:130px;
  }

  .doctabs nav li span{
    text-align:center;
    padding-top:38px;
  }

  .doctabs nav li span:before{
  left:50%;
  margin-left:-25px;
    background-position: center 0 !important;

  }

  .doctabs nav li.tab-current span:before{
    background-position: center bottom !important;
  }

  .icon-gallery{
    font-size:16px;
  }

  .member-image{
    margin:0 !important;
    clear:both;
    display:block;
    width:100%;
    padding-bottom:30px;
    transition:width 1s;
  }

  .member-image img,
  .board-accordion-section .member-image img{
    max-width:100% !important;
    display: block;
    float: none;
    transition:width 1s;
  }

}
@media (max-width: 767px){
  .why-we-do-it-spot .content-spotlight{
    height: auto !important;
  }

  .director-block .member-image{
    margin-bottom: 0px !important
  }
  .why-we-do-it-spot .content-spotlight .spotlight-info > .field-collection-container{
    padding: 0;
  }

}
@media (max-width: 600px){
  .why-we-do-it-spot .content-spotlight .spotlight-info{
    padding: 20px;
    line-height: 25px;
  }
}

@media (max-width: 480px) {

.video-meta{
  position:relative !important;
}

.director-block,
.board-accordion .business-unit-listing .details{
  padding: 15px;
}

.director-block .member-image{
  margin-bottom: 0px !important;
}

.doctabs nav li a{
  padding-bottom:5px;
  height:95px;
}

.doctabs nav li span{
    font-size:0px;
    padding-top:55px;
  }

}

/* iPad Landscape */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

  .video-meta{
    position: relative;
  }

}


@media only screen and (device-width: 768px) {
.video-list .col-md-6 .play,
.video-list .col-md-3 .play,
.video-list .thumb .play{
-webkit-animation: none;
-moz-animation: none;
animation: none;

}

.video-list .col-md-6:hover .play,
.video-list .col-md-3:hover .play,
.video-list .thumb:hover .play{
-webkit-animation: none;
-moz-animation: none;
animation: none;
}

.video-list .video-details{
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

}

.video-gallery-popup .mfp-iframe-holder .mfp-bottom-bar,
.video-gallery-popup .mfp-iframe-holder .mfp-bottom-bar .nav-control{
  position: static;
}
.video-gallery-popup .mfp-iframe-holder .mfp-bottom-bar .nav-control a{
  background: url(../images/btn-spotlight.png) no-repeat scroll left top;
  height: 45px;
  top: 45%;
  width: 40px;
  opacity: 0.7;
}
.video-gallery-popup .mfp-iframe-holder .mfp-bottom-bar .nav-control a:hover{
  opacity: 1;
}
.video-gallery-popup .mfp-iframe-holder .mfp-bottom-bar .nav-control a.nav-prev{
  left: 0;
}
.video-gallery-popup .mfp-iframe-holder .mfp-bottom-bar .nav-control a.nav-next{
  background-position: right top;
  right: 0;
}
.group-doc-image-wrap{
  cursor: pointer;
  overflow: hidden;
  position: relative;
}
.group-doc-image-wrap .play{
  /*content: "";*/
  top: 50%;
  margin-top: -25px;
  margin-left: -27px;
  /*pointer-events: none;*/
}