/* Flexslider  ======================================================== */ 
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	/*margin-left:38px;*/
	padding: 0;
	list-style: none;
	-moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 
.flex-control-paging {
	/*text-align:right !important;*/
	margin:0 !important;
}

.flex-container {
	zoom:1;
	position:relative;	
}

.flex-container .logo-dst{
	zoom:1;
	position:absolute;
	right:0px;
	top:20px;
	z-index:99;
}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li img{
	width:100%;
	text-align:center;
}
/*.flexslider .slides img {display: block; height:700px; width:100%;}*/
/*.flexslider .slides .slides-img1 {background-image:url(../images/slider1.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:400px;}
.flexslider .slides .slides-img2 {background-image:url(../images/slider2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:400px;}
.flexslider .slides .slides-img3 {background-image:url(../images/slider3.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:400px;}*/
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 0px;}
.flex-viewport {max-height:400px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {
	height:0;
}
.flex-direction-nav li a {
	margin:0;
	display:block;
	position:absolute;
	top:45%;
	cursor:pointer;
	z-index:150;
	background-color: #2F343A;
	height: 38px;
	text-indent: -9999px;
	width: 38px;
	padding:8px;
}
.flex-direction-nav li a:hover {
	opacity:1;
	filter:alpha(opacity=100);
	background-color: #cbcbcb;
}
.flex-direction-nav li .flex-next {
	right:0;
	background-image: url("../images/next-small.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.flex-direction-nav li .flex-prev {
	left:0;
	background-image: url("../images/prev-small.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.flex-direction-nav li .flex-next:hover {
	background-image: url("../images/next-small-black.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.flex-direction-nav li .flex-prev:hover {
	background-image: url("../images/prev-small-black.png");
	background-position: center center;
	background-repeat: no-repeat;
}
.flex-direction-nav li .disabled {
	opacity:.3;
	filter:alpha(opacity=30);
	cursor:default;
}
.slider-container .flex-direction-nav li .flex-next {
	position:absolute;
	right:-30px;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}
.slider-container:hover .flex-direction-nav li .flex-next {
	opacity:1;
	filter:alpha(opacity=100);
	right:0;
}
.slider-container .flex-direction-nav li .flex-prev {
	position:absolute;
	left:-30px;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition: all .3s ease;
}
.slider-container:hover .flex-direction-nav li .flex-prev {
	opacity:1;
	filter:alpha(opacity=100);
	left:0;
}


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -38px; text-align: center; display:none;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background-color:#d1d1d1; cursor: pointer; text-indent: -9999px; }
.flex-control-paging li a:hover { background-color: #ffea00; }
.flex-control-paging li a.flex-active:hover { background-color: #ffea00; }
.flex-control-paging li a.flex-active { background-color: #2f343a; cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
/*
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}*/


/* Caption style */
/* IE rgba() hack */
/*.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}*/
.flex-caption {width:1140px; height: auto; left:0px; right:0px; bottom: 45px; z-index: 99; position:absolute; margin:0 auto;}
.flex-caption h2{font-size:80px; line-height:65px; color:#ffffff; font-family: 'intel_clear_probold'; margin-bottom:0px;}
.flex-caption h3{font-size:20px; line-height:20px; color:#ffffff; font-family: 'intel_clearregular'; font-weight:normal; margin-bottom:0px; margin-top:0px;}
.flex-caption .btn-participate{margin-top:30px;}

.transparent-text { /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

.flexslider:after {
    content: "";
    position: absolute;
    width: 100%;
}
.flexslider {
    margin: 0 auto;	
    padding-top: 0px;
    position: relative;	
}

/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
		/* Direction Nav */
		/*.flex-direction-nav .flex-next {background-position: 100% 0; right: -25px; }
		.flex-direction-nav .flex-prev {left: -25px;}
		.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
		.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}*/
		
	   .flexslider .slides .slides-img1 {height:400px;}
       .flexslider .slides .slides-img2 {height:400px;}
       .flexslider .slides .slides-img3 {height:400px;}			
		
	   .flex-caption {width: 80%; height: auto; left: 10%; right: 0; bottom: 45px; z-index: 99; position:absolute; margin:auto;}
       .flex-caption h2{font-size:80px; line-height:65px; color:#ffffff; font-family: 'intel_clear_probold'; margin-bottom:0px;}
       .flex-caption h3{font-size:20px; line-height:20px; color:#ffffff; font-family: 'intel_clearregular'; font-weight:normal; margin-bottom:0px; margin-top:0px;}
       .flex-caption .btn-participate{ text-align:center; margin-top:20px;}
	   
	   .flex-container .logo-dst{zoom:1; position:absolute; right:10px; top:10px; z-index:99; width:15%;}	   
    }
	
	  /* iPad Portrait Only */
  @media only screen and (min-width: 959px) and (max-width: 1024px){
	  
	   .flex-caption {width: 80%; height: auto; left: 10%; right: 0; bottom: 45px; z-index: 99; position:absolute; margin:auto;}       
       .flex-caption h2{font-size:80px; line-height:65px; color:#ffffff; font-family: 'intel_clear_probold'; margin-bottom:0px;}
       .flex-caption h3{font-size:20px; line-height:20px; color:#ffffff; font-family: 'intel_clearregular'; font-weight:normal; margin-bottom:0px; margin-top:0px;}
       .flex-caption .btn-participate{ text-align:center; margin-top:30px;}
	   
	   .flex-container .logo-dst{zoom:1; position:absolute;	right:10px;	top:10px; z-index:99; width:15%;}
	  
}


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {		
		.flexslider {margin-bottom: 0px;}				
	    #slider-container{position:relative} 
		
		.flexslider .slides .slides-img1 {height:300px;}
        .flexslider .slides .slides-img2 {height:300px;}
        .flexslider .slides .slides-img3 {height:300px;}			
		
	   .flex-caption {width: 100%; height: auto; left: 0px; right: 0; bottom: 25px; z-index: 99; position:absolute; margin:auto; text-align:center;}
	   .flex-caption h2{font-size:35px; line-height:35px; color:#ffffff; font-family: 'intel_clear_probold'; margin-bottom:0px; }     
       .flex-caption h3{font-size:14px; line-height:14px; color:#ffffff; font-family: 'intel_clearregular'; font-weight:normal; margin-bottom:0px; padding-left:10px; padding-right:10px;}
	   .flex-caption .btn-participate{ margin-top:10px;}
	   .flex-caption .btn-participate img{ width:40%;}	
	   
	   .flex-container .logo-dst{zoom:1; position:absolute;	right:10px;	top:10px; z-index:99; width:30%;}
       
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

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

/* Retina Images (High Resolution)
====================================================================== */
@media (-Webkit-min-device-pixel-ratio: 1.5),
 (-moz-min-device-pixel-ratio: 1.5),
 (-o-min-device-pixel-ratio: 3/2),
 (min-device-pixel-ratio: 1.5),
 (min-resolution: 1.5dppx) {
	   
		/*.flex-direction-nav a {
			background: url(../images/bg_direction_nav@2x.png) no-repeat 0 0 #5a5a5a ;
			background-size:57px  auto ;
		}*/

}