@font-face {
    font-family: 'FOX';
    src: url('https://foxtv-static2.ercdn.net/fonts/fox-icons.eot');
    src: url('https://foxtv-static2.ercdn.net/fonts/fox-icons.eot?#iefix') format('embedded-opentype'),
         url('https://foxtv-static2.ercdn.net/fonts/fox-icons.woff') format('woff'),
         url('https://foxtv-static2.ercdn.net/fonts/fox-icons.ttf') format('truetype'),
         url('https://foxtv-static2.ercdn.net/fonts/fox-icons.svg#FOX') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:before{
    display: inline-block;
   font-family: 'FOX';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-fox-logo:before{content:'\0041';}
.icon-fox-mail:before{content:'\0042';}
.icon-fox-login:before{content:'\0043';}
.icon-fox-expander:before{content:'\0044';}
.icon-fox-arrow-right:before{content:'\0045';}
.icon-fox-arrow-down:before{content:'\0046';}
.icon-fox-arrow-left:before{content:'\0047';}
.icon-fox-arrow-up:before{content:'\0048';}
.icon-fox-play:before{content:'\0049';}
.icon-fox-search:before{content:'\004a';}
.icon-fox-facebook:before{content:'\004b';}
.icon-fox-twitter:before{content:'\004c';}
.icon-fox-instagram:before{content:'\004d';}
.icon-fox-pinterest:before{content:'\004e';}
.icon-fox-google:before{content:'\004f';}
.icon-fox-youtube:before{content:'\0050';}
.icon-fox-facebook-square:before{content:'\0051';}
.icon-fox-twitter-square:before{content:'\0052';}
.icon-fox-tumblr-square:before{content:'\0053';}
.icon-fox-pinterest-square:before{content:'\0054';}
.icon-fox-google-square:before{content:'\0055';}
.icon-fox-appstore:before{content:'\0056';}
.icon-fox-googleplay:before{content:'\0057';}
.icon-fox-slider-arrow-left:before{content:'\0058';}
.icon-fox-slider-arrow-right:before{content:'\0059';}
.icon-fox-home:before{content:'\005a';}
.icon-fox-selectbox-arrow-down:before{content:'\0061';}
.icon-fox-selectbox-arrow-up:before{content:'\0062';}
.icon-fox-search-2:before{content:'\0063';}
.icon-fox-date:before{content:'\0064';}
.icon-fox-photo:before{content:'\0065';}
.icon-fox-sun:before{content:'\0066';}
.icon-fox-storm:before{content:'\0067';}
.icon-fox-clouds:before{content:'\0068';}
.icon-fox-snow:before{content:'\0069';}
.icon-fox-snow-2:before{content:'\006a';}
.icon-fox-rain:before{content:'\006b';}
.icon-fox-partly-cloud:before{content:'\006c';}
.icon-fox-close:before{content:'\006d';}
.icon-fox-like:before{content:'\006e';}
.icon-fox-dislike:before{content:'\006f';}
.icon-fox-favorite:before{content:'\0070';}
.icon-fox-accordion-close:before{content:'\0071';}
.icon-fox-accordion-open:before{content:'\0072';}
.icon-fox-user:before{content:'\0073';}
.icon-fox-food-1:before{content:'\0074';}
.icon-fox-food-2:before{content:'\0075';}
.icon-fox-food-3:before{content:'\0076';}
.icon-fox-materials:before{content:'\0077';}
.icon-fox-tricks:before{content:'\0078';}
.icon-fox-how-to:before{content:'\0079';}
.icon-fox-video:before{content:'\007a';}
.icon-fox-twitter-2:before{content:'\0030';}
.icon-fox-summary-arrow-left:before{content:'\0031';}
.icon-fox-summary-arrow-right:before{content:'\0032';}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.53%;
}
.span_10_of_12 {
  	width: 83.06%;
}

.span_9_of_12 {
  	width: 74.6%;
}

.span_8_of_12 {
  	width: 66.13%;
}

.span_7_of_12 {
  	width: 57.66%;
}

.span_6_of_12 {
  	width: 49.2%;
}

.span_5_of_12 {
  	width: 40.73%;
}

.span_4_of_12 {
  	width: 32.26%;
}

.span_3_of_12 {
  	width: 23.8%;
}

.span_2_of_12 {
  	width: 15.33%;
}

.span_1_of_12 {
  	width: 6.866%;
    margin-top: 50px;
}


/*STYLE*/

a,a:visited{text-decoration:none;outline:none}
a:hover,a:active{text-decoration:none}



.center{width:100%;max-width:1024px;margin:0 auto;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#mainSlider .owl-carousel .owl-dots {
  display: none !important;
}

#mainSlider{width:100%;height:650px;position:relative;overflow:hidden}
#mainSlider .center{position:relative}
#mainSlider .overlay{width:100%;height:100%;background:url(../img/slider-gradient-mask.png) repeat-x left bottom;position:absolute;left:0;bottom:0;z-index:1}
#mainSlider .videoBoxContentVideoWrapper{position:relative}
#container .videoBoxContentVideoWrapper .vjs-default-skin .vjs-big-play-button{margin-left:-.5em!important;margin-top:-.5em!important}
#container .videoBoxContentVideoWrapper .vjs-poster,#container .videoBoxContentVideoWrapper img{-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-o-transition:all ease-out .2s;transition:all ease-out .2s}
/* #container .videoBoxContentVideoWrapper:hover .vjs-poster,#container .videoBoxContentVideoWrapper:hover img{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);-o-transform:scale(1.02);transform:scale(1.02)} */
#mainSlider .fullViewPlay{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2;opacity:.65;text-align:center;-webkit-transition:opacity ease-out .5s;-moz-transition:opacity ease-out .5s;-o-transition:opacity ease-out .5s;transition:opacity ease-out .5s}
#mainSlider:hover .fullViewPlay{opacity:1}
#mainSlider .fullViewPlay i{width:56px;height:56px;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;color:#5E4193;font-size:55px;overflow:hidden;display:none;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
#mainSlider .fullViewPlay i:after{width:90%;height:90%;content:'';background:#FFF;position:absolute;left:2px;top:2px;z-index:-1;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
#mainSlider .fullViewPlay.play i{display:block}
#mainSlider #fullView{height:650px;background:#000;overflow:hidden;position:relative}
#mainSlider.advertising #fullView{height:650px}
#mainSlider #fullView video ::--webkit-media-controls-play-button{display:none!important;-webkit-appearance:none}
#mainSlider #fullView video ::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
#mainSlider #fullView .owl-carousel,#mainSlider #fullView .owl-carousel .owl-stage-outer,#mainSlider #fullView .owl-carousel .owl-stage,#mainSlider #fullView .owl-carousel .owl-item,#mainSlider #fullView .owl-carousel .owl-item .item{height:100%;position:relative;background-size:cover; background-position:top center}
#mainSlider #fullView .vjs-big-play-centered .vjs-big-play-button{display:none}
#mainSlider #fullView .owl-carousel .vjs-poster{background-position:top center}
#mainSlider #fullView button.mainSliderPrev,#mainSlider #fullView button.mainSliderNext{background:transparent;outline:none;border:0;display:none;vertical-align:middle;color:#FFF;font-size:30px;cursor:pointer;margin-top:100%;padding:0;position:absolute;z-index:11;margin-top:0}
#mainSlider #fullView button.mainSliderPrev{left:30px;top:45%}
#mainSlider #fullView button.mainSliderNext{right:30px;top:45%}
#mainSlider #fullView img{width:100%;display:none}
#mainSlider.advertising #fullView img{width:auto;height:100%}
#mainSlider #thumbnailView{width:100%;position:absolute;left:0;bottom:20px;z-index:3;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#mainSlider #thumbnailView #textBox{position:relative;margin-bottom:10px}
#mainSlider #thumbnailView #textBox .item{width:100%}
#mainSlider.advertising #thumbnailView #textBox{padding:0 40px}
#mainSlider #thumbnailView #textBox span.tag{background:#5E4193;padding:6px 10px 4px;color:#FFF;font-size:10px;font-family:'Roboto', sans-serif; font-weight: 300;display:inline-block;margin-bottom:15px;margin-right:10px;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
#mainSlider #thumbnailView #textBox h3{color:#FFF;font-size:25px;font-family:'Roboto', sans-serif; font-weight: 900; display:block;margin-bottom:5px; text-transform: uppercase;line-height: 35px;}
#mainSlider #thumbnailView #textBox p{color:#FFF;font-size:20px;font-family:'Roboto', sans-serif; font-weight: 300;display:block;margin-bottom:10px; text-transform: uppercase;}
#mainSlider #thumbnailView #textBox a.anchor{color:#FFF;font-size:12px;font-family:'Roboto', sans-serif; font-weight: 300;display:inline-block;margin-right:15px}
#mainSlider #thumbnailView #textBox a.anchor i{display:inline-block;vertical-align:middle;margin-right:5px;font-size:16px;padding-left:1px}
#mainSlider #thumbnailView #thumbnailSlider{text-align:left}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel{width:100%;display:inline-block;vertical-align:middle}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel .item{width:100%;float:left;opacity:.65;-webkit-transition:opacity ease-out .5s;-moz-transition:opacity ease-out .5s;-o-transition:opacity ease-out .5s;transition:opacity ease-out .5s}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel .item:hover{opacity:1}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel .item a{display:block}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel .item a img{width:100%;display:block;margin-bottom:10px}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel .item a span{color:#FFF;font-size:12px;font-family:'Roboto', sans-serif; font-weight: 300;display:block; text-transform: uppercase;}
#mainSlider #thumbnailView #thumbnailSlider button{background:transparent;outline:none;border:0;display:inline-block;vertical-align:middle;color:#FFF;font-size:24px;cursor:pointer;margin-top:100%;padding:0}
#mainSlider #thumbnailView #thumbnailSlider .span_1_of_12{width:2.866%}
#mainSlider #thumbnailView #thumbnailSlider .span_10_of_12{width:91.06%}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel .owl-item.center.active, #mainSlider #thumbnailView #thumbnailSlider .owl-carousel .owl-item.center.active .item{opacity:1}
#mainSlider #thumbnailView #thumbnailSlider .owl-carousel .owl-item.center.active img{padding:2px;background:#FFF;opacity:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:opacity ease-out .5s;-moz-transition:opacity ease-out .5s;-o-transition:opacity ease-out .5s;transition:opacity ease-out .5s}
.sliderVerticalAdvertising{position:absolute;z-index:3;top:0}
.sliderVerticalAdvertising.left{display:inline-block;left:-160px}
.sliderVerticalAdvertising.right{display:inline-block;right:-160px}
#mainSlider .center.centerArea{max-width:100%;margin:0}
#mainSlider .center.centerArea .sliderVerticalAdvertising{display:none}
#mainSlider.advertising .center.centerArea{max-width:1024px;margin:0 auto!important}
#mainSlider.advertising .center.centerArea .sliderVerticalAdvertising{display:block!important}
#container{width:100%;height:auto;margin:20px 0}
#container #content .videoBox:first-child .videoBoxHeader,#container #content .textBox:first-child .textBoxHeader{margin-top:0}
#streaming{width:100%}
#streaming #streamingHeader{background:#5E4193;padding:20px;border:1px solid #5E4193;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#streaming #streamingHeader h4{color:#fff;font-size:25px;font-family:'Roboto', sans-serif; font-weight: 900; display:inline-block;vertical-align:middle;margin-right:20px; margin-bottom: 0;}
#streaming #streamingHeader a.anchor{background:#FFF;padding:8px 10px 5px 10px;color:#5E4193;font-size:12px;font-family:'Roboto', sans-serif; font-weight: 300;display:inline-block;vertical-align:middle;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px}
#streaming #streamingHeader a.anchor i{display:inline-block;vertical-align:middle;font-size:16px;margin-right:-3px}
#streaming #streamingSlider{height:125px;background:transparent url(../img/ajax-request-ring.gif) no-repeat center center;position:relative;border-bottom:1px solid #E6E6E6;border-right:1px solid #E6E6E6;border-left:1px solid #E6E6E6;overflow:hidden}
#streaming #streamingSlider.on{background-image:none!important}
#streaming #streamingSlider .owl-item:nth-child{margin-left:1px}
#streaming #streamingSlider .item{width:100%;min-height:125px;position:relative;opacity:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#streaming #streamingSlider .item:after{width:1px;height:100%;background:#E6E6E6;content:'';position:absolute;right:0;top:0;z-index:1}
#streaming #streamingSlider .item:last-child::after{width:0px;height:100%;  content:'';position:absolute;right:0;top:0;z-index:1}
#streaming #streamingSlider .item a{display:block;padding:40px 25px 40px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#streaming #streamingSlider .item a h5{color:#4A4A4A;font-size:23px;font-family:'Roboto', sans-serif;display:inline-block;vertical-align:middle;margin-right:5px; margin-bottom: 0;}
#streaming #streamingSlider .item a i.tag{background:#5E4193;padding:5px 8px 3px;color:#FFF;font-size:9px;font-family:'Roboto', sans-serif;display:inline-block;vertical-align:middle;margin:0;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px; font-style: normal;}
#streaming #streamingSlider .item a span{color:#4A4A4A;font-size:12px;font-family:'Roboto', sans-serif;display:block;margin-top:5px;line-height:140%}
#streaming #streamingSlider .item a img{width:auto;max-width:100%;display:block;margin-top:10px;position:absolute;left:20px;bottom:15px}
#streaming #streamingSlider button{background:transparent;outline:none;border:0;color:#9B9B9B;font-size:20px;cursor:pointer;padding:0;position:absolute;z-index:4;top:38%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
#streaming #streamingSlider button.icon-fox-slider-arrow-left{left:0;opacity:.25}
#streaming #streamingSlider button.icon-fox-slider-arrow-right{right:0;opacity:.25}
.contentCarousel{position:relative}
.videoBox,.galleryBox,.textBox *{-webkit-transition:all ease-out .5s;-moz-transition:all ease-out .5s;-o-transition:all ease-out .5s;transition:all ease-out .5s}

/* Ipad Horizontal */
@media screen and (max-width: 1080px){
  .center, #mainSlider #thumbnailView { padding: 0 20px; }
  #mainSlider .center{ padding: 0; }
  #mainSlider.advertising #fullView{ height: auto; }
  #mainSlider.advertising #thumbnailView #textBox{ padding: 0; }
  #mainSlider.advertising #fullView img{ width: 100%; height: auto; }
  #mainSlider .fullViewPlay i{ font-size: 40px; width: 40px; height: 40px; }
  #mainSlider .fullViewPlay i:after{ width: 30px; height: 30px; left: 5px; top: 5px; }
}

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

  

  #mainSlider #fullView button.mainSliderPrev,
  #mainSlider #fullView button.mainSliderNext{ display: block; }
  #mainSlider .overlay{ display: none; }

  #thumbnailSlider{ display: none; }
  #mainSlider #thumbnailView #textBox{ margin-bottom: 0; }

  

}

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



  #mainSlider, #mainSlider #fullView{ height: 100%; }
  #mainSlider #fullView .item img{ display: block; }

  #mainSlider .fullViewPlay{
    width: 40px; height: 40px;
    left: 45%; top: 40%;
  }
}

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

  
  #mainSlider #thumbnailView{ position: absolute; background: transparent url(../img/gradient.png) repeat-x top left; padding-top: 20px; padding-bottom: 20px; bottom: 0 }
  #mainSlider #thumbnailView #textBox h3{ font-size: 22px; }
  #mainSlider #thumbnailView #textBox p { font-size: 16px; line-height: 140%; }
  #mainSlider #thumbnailView #textBox a.anchor{ margin-top: 5px; }
}

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

  #mainSlider #fullView button.mainSliderPrev {
    left:0;
  }

  #mainSlider #fullView button.mainSliderNext{
    right: 0;
  }

  #mainSlider #thumbnailView #textBox .item{
    position: relative;
    width: 95%;
    left: 3%;
  }
}