/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */



 

/* Browser Resets */

.flex-container a:active,

.flexslider a:active, .adslider a:active,

.flex-container a:focus,

.flexslider a:focus, .adslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 







/* FlexSlider Necessary Styles

*********************************/ 

div.flexslider, div.adslider {

	background: none;

	position: relative; 

	zoom: 1;

	margin: 0;

	padding: 0;

}







.flexslider .slides > li, .adslider .slides > li {display: none; -webkit-backface-visibility: hidden; margin-bottom: 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img, .adslider .slides img { width: 100%; display: block;}

.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

*********************************/





div.flex-viewport {

	padding: 0;

	margin-bottom: 0;

	overflow: hidden;

	-webkit-transition: all 1s ease;

	-moz-transition: all 1s ease;

	-ms-transition: all 1s ease;

	-o-transition: all 1s ease;

	transition: all 1s ease;

}



.loading .flex-viewport {max-height: 300px;}

.flexslider .slides, .adslider .slides {zoom: 1;}



div.flexslider .divida {

	height: 45px;

	width: 100%;

	padding: 0;

	border-bottom: 1px solid rgba(0, 80, 137, 0.5);

}



.carousel li {margin-right: 5px}





/* Caption style */



.flex-caption { background: rgba(0,0,0,.8); margin-left:5px;bottom:5px; position:absolute;padding:20px; z-index:99;}

.flex-caption p{ font-size: 14px !important; line-height: 22px; 

font-weight:300; color: #fff }

.flex-caption h2, .flex-caption h4 {

	color:#fff;

}



/* Direction Nav */

.flex-direction-nav {

	*height: 0;

	position: absolute;

	top: 50%;

	width: 100%;

}



.adslider .flex-direction-nav {

	display: none;

}



.flex-direction-nav a {

	width: 21px;

	height: 40px;

	margin: -20px 0 0;

	display: block;

	background: url(../template/bg_direction_nav_hm.png) no-repeat 0 0;

	background-size: auto 80%;

	position: absolute;

	top: 50%;

	z-index: 2000;

	cursor: pointer;

	text-indent: -9999px;

	cursor: pointer;

	position: absolute;

	opacity: 0;

	-webkit-transition: all 0.3s ease-in-out;

  	-moz-transition: all 0.3s ease-in-out;

  	-ms-transition: all 0.3s ease-in-out;

  	-o-transition: all 0.3s ease-in-out;

  	transition: all 0.3s ease-in-out;

}



.flex-direction-nav .flex-next {

	background-position: 100% 0;

	right: -25px;

}



.flex-direction-nav .flex-prev {

	left: -25px;

}



.flexslider:hover .flex-next, .flexslider:active .flex-next {

	opacity: 0.7;

	right: 10px;

}



.flexslider:hover .flex-prev, .flexslider:active .flex-prev {

	opacity: 0.7;

	left: 10px;

}



.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {

	opacity: 1.0;

}



.flex-direction-nav .flex-disabled {

	opacity: .3!important;

	filter:alpha(opacity=30);

	cursor: default;

}







/* Control Nav */



.flex-control-nav {

	display: block;

	position: absolute;

	bottom: 0;

	height: 20px;

	text-align: center;

	width: 100%;

	background: rgba(0,0,0,0.8);

}



.adslider .flex-control-nav {

	display: none;

}



#nws .flex-control-nav, .news_preview .flex-control-nav {

	position: relative;

	background: #F7F7F7;

	height: auto;

	display: inline-flex;

	padding: 0 10%;

	justify-content: space-evenly;

}



.flex-control-nav li { 

	margin: 5px 8px;

	display: inline-block;

	vertical-align: top;

	zoom: 1;

	*display: inline;

}



#nws .flex-control-nav li { 

	vertical-align: baseline;

}



.flex-control-paging li a {

	display: block;

	width: 10px;

	height: 10px;

	line-height: 10px;

	cursor: pointer;

	text-indent: -9999px;

	background: #A5ACB0;

	background: rgba(165,172,176,0.5);

}





.flex-control-paging li a:hover {

	background: #A5ACB0;

	background: rgba(165,172,176,1.0);

}



.flex-control-paging li a.flex-active {

	background: #FFF;

	cursor: pointer;

}



#nws .flex-control-paging li a.flex-active, .news_preview .flex-control-paging li a.flex-active {

	background: #004813;

}





.game_recap .flex-control-nav { bottom: 5px; }







.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: 899px) {





  

}



@media (max-width: 675px) {



.flex-control-nav {

	position: relative;

	background: rgba(0,0,0,1.0);

	height: auto;

}



.flex-control-nav li, #nws .flex-control-nav li, .news_preview .flex-control-nav li { 

	vertical-align: baseline;

}



}



@media (max-width: 430px) {



.flex-control-nav li { 

	margin: 5px;

}



}