@charset "utf-8";
/* CSS Document */


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

.flexslider {margin:0; padding:0;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
.flexslider .slides img {width:100%; display:block;}
.flex-pauseplay span {text-transform:capitalize;}

.slides:after {content:""; display:block; clear:both; visibility:hidden; height:0;}
.no-js .slides > li:first-child {display:block;}

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

.flexslider {margin:0 0 0px; position:relative;}
.flex-viewport {max-height:2000px;
	-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;}
.carousel li {margin-right:5px;}

/******************/
/* Direction Nav **/
.flex-direction-nav {height:0;}

.flex-direction-nav a  {
display:block;
width:40px;
height:80px;
background-image:url(controls.png);
	-webkit-background-size:90px 170px;
	-moz-background-size:90px 170px;
	-ms-background-size:90px 170px;
	-o-background-size:90px 170px;
	background-size:90px 170px;
margin:0 0 0;
position:absolute;
top:200px;
overflow:hidden;
cursor:pointer;
color:rgba(255,255,255,0);
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-ms-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
z-index:10;
}
.flex-direction-nav .flex-prev {left:-50px; }
.flex-direction-nav .flex-next {right:-50px;}
.flex-direction-nav a.flex-prev {background-image:url(controls.png);}
.flex-direction-nav a.flex-next {background-position:-50px 0;}
.flexslider:hover .flex-prev {opacity:0.7; left:-50px;}
.flexslider:hover .flex-next {opacity:0.7; right:-50px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}
.flex-direction-nav .flex-disabled {opacity:0; cursor:default;}
.flex-direction-nav a:before {font-size:40px; display:inline-block; content:'';}

/******************/
/* Pause/Play *****/
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom:5px; left:10px; opacity:0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-size: 20px; display: inline-block;}
.flex-pauseplay a:hover {opacity:1;}
.flex-pauseplay a.flex-play:before {content:'\f003';}

/* Control Nav */
.flex-control-nav {
	list-style:none;
	width:100%;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    place-items: stretch stretch;
	gap:5px 5px;
	padding:1rem 0 0;
	margin:1rem 0 0;
	border-top:solid 1px #CCC;
}
.flex-control-nav li {
}
.flex-control-paging li a {
	display:block;
	color:rgba(0,0,0,.5);
	font-size:14px;
	line-height:1;
	text-align:center;
	padding:.5em 0;
	background-color:#FFF;
	border:solid 1px #CCC;
	cursor:pointer;
}
.flex-control-paging li a:hover {
	color:#70CDFF;
}
.flex-control-paging li a.flex-active {
	color:rgba(0,0,0,.9);
	border:solid 1px #0088D3;
	cursor:default;}

.flex-control-thumbs {
	/*margin:5px 0 0;*/ position:static; overflow:hidden;
	/*display:flex;
	flex-flow: row wrap;
	justify-content:space-between;
	align-items:stretch;
	gap:10px 10px;*/
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    place-items: stretch stretch;
	gap:10px 10px;
	padding-top:1rem;
	margin-top:1rem;
	border-top:solid 1px #CCC;
}
.flex-control-thumbs li {
	/*width:calc(10% - 10px);
	margin-bottom:10px;*/
}
.flex-control-thumbs img {width:100%; display:block; opacity:0.5; cursor:pointer;}
.flex-control-thumbs img:hover {opacity:1;}
.flex-control-thumbs .flex-active {opacity:1; cursor:default;}

@media screen and (max-width: 890px) {
	.flex-direction-nav .flex-prev {opacity:1; left:10px;}
	.flex-direction-nav .flex-next {opacity:1; right:10px;}
}

/* end ************/
/******************/
/******************/