/* ==========================================================================
   Home Banner
   ========================================================================== */

section.banner { background: url(../img/img_slide-home-top.jpg) no-repeat top center; min-height: 265px; -webkit-background-size: cover; background-size: cover; }
section.banner a { max-width: 170px; }

/* ==========================================================================
   Swithc to MWEB Section
   ========================================================================== */

section#switch { 
    background: #286cb0;
    background: -moz-radial-gradient(center, ellipse cover, #286cb0 0%, #185fa7 40%, #004c98 100%);
    background: -webkit-radial-gradient(center, ellipse cover, #286cb0 0%,#185fa7 40%,#004c98 100%);
    background: radial-gradient(ellipse at center, #286cb0 0%,#185fa7 40%,#004c98 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286cb0', endColorstr='#004c98',GradientType=1 ); 
    min-height: 505px;
    padding: 70px 0; 
    text-align: center;
    color: #FFF;
}

section#switch h1 { margin-bottom: 30px; }
section#switch p { max-width: 700px; display: block; margin: 0 auto; }
section#switch h3 { font-family: 'open_sanssemibold', sans-serif; font-size: 18px; }
section#switch img { max-width: 140px; display: block; margin: 0 auto; }
section#switch strong { font-size: 18px; font-weight: normal; font-family: 'open_sansregular', sans-serif; }
section#switch strong a { color: inherit; text-decoration: underline; }

section#switch .row { margin: 40px auto; }

/* ==========================================================================
   TV Advert Section
   ========================================================================== */

section#video { background: url(../img/bg_video_motherbuffer.jpg) no-repeat top center; background-size: cover; -webkit-background-size: cover; min-height: 570px; text-align: center; padding: 190px 15px 40px;  }
section#video h1, section#video h4 { margin: 0; }
section#video a#btn-play { background: url(../img/btn_play.png) no-repeat; width: 92px; height: 92px; background-size: 92px 92px; display: block; margin: 15px auto 0; }
section#video a#btn-play:hover { background: url(../img/btn_play-hover.png) no-repeat; background-size: 92px 92px; }

section#video .video-popup { position: fixed; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 50; display: none; top: 0; left: 0; }
section#video .video-popup #player { display: block; width: 100%; max-width: 670px; display: block; margin: 10% auto 0; position: relative; }
section#video .video-popup a.close-video { background: url(../img/icon_close.png) no-repeat; background-size: 30px 30px; z-index: 10; width: 30px; height: 30px; position: absolute; top: 20px; right: 20px; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 767px) {

  div.switch-contain { margin-top: 40px; }

}

@media only screen and (max-width: 640px) {

  section#switch strong { font-size: 14px; }

    section#video h1 { font-size: 38px; }
    section#video h4 { font-size: 20px; }

    section#testimonials { min-height: 480px; }

}