/* 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; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%;display: block;}
#homePage .flexslider .slides img {width: 100%;display: block;outline: 10px solid #FFF;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;}
.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-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {width: 670px; float: right; height: 314px; zoom: 1;}
#homePage {width: 900px;float: right;height: 400px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-khtml-border-radius: 3px;}
#homePage .flexslider {width: 900px;float: right;height: 400px;zoom: 1;/* border: 5px solid #FFF; *//* padding: 5px; */}
.flex-viewport {max-height: 450px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;width: 100%;}

.carousel li {margin-right: 5px}

 .flex-caption{
  position: absolute;
z-index: 1000;
margin-bottom: 10%;
bottom: 0;
margin-left: auto;
margin-right: auto;
right: 20%;
left: 20%;
 }
/* Direction Nav */
.flex-direction-nav {height: 0;}
.flex-direction-nav a {width: 32px;height: 32px;margin: 0 20px 0;display: block;position: absolute;bottom: 200px;z-index: 5;cursor: pointer;text-indent: -9999px;opacity: 0;-webkit-transition: all .3s ease;background: rgba(0,0,0,.5);}
.flex-direction-nav .flex-next {background: url(img/next.png) #333 no-repeat center;right: 10px;}
.flex-direction-nav .flex-prev {background: url(img/prev.png) #333 no-repeat center;left: 10px;}

.flexslider:hover .flex-next {opacity: 0.6;right: 0;}
.flexslider:hover .flex-prev {opacity: 0.6;left: 0;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
width: 100%;
bottom: 5px;
text-align: center;
z-index: 1000;
position: absolute;
}
.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: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; /* border-radius: 20px; */ box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.85); 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;}

.titleSilder {
	
	position: absolute;
	bottom: 30px;
	max-width: 500px;
	line-height: 1.3;
	right: 30px;
	z-index: 1000;
	font-size: 16px;
	text-align: right;
	color: #FFF;
}
.titleSilder p{
	background: rgba(0,180,255,.8);
	padding : 10px 10px !important;
	margin: 0 0 5px;
	font-size: 20px;
	text-align: right;
	color: #FFF;
	padding: 0;
	width: auto;
	display: flex;
	float: right;
}

.titleSilder2 {
	
	padding: 0px 15px;
	position: absolute;
	bottom: 120px;
	max-width:400px;
	line-height: 1.3;
	right: 250px;
	z-index: 1000;
	font-size: 16px;
	text-align: right;
	color: #333;
}
.titleSilder2 p{
	font-size: 18px;
	text-align: center;
	padding: 0;
	color: #333;
}

ul.sliderMenu{
	width: 230px;
	float: left;
	padding: 0;
}

ul.sliderMenu li{
	display: block;
	width: 100%;
	float: left;
	padding: 15px 20px;
	height: 62px;
	margin-bottom: 1px;
	background: #FFF;
	font-size: 12px;
	position: relative;
	cursor: pointer;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

ul.sliderMenu li p{}

ul.sliderMenu li:hover, ul.sliderMenu li.active{
	color: #FFF;
	background: #0095d7;	
}

ul.sliderMenu li.active .triangle{
	display: block;
}
.triangle{
	background: url(img/triangle.png);
	height: 62px;
	width: 13px;
	position: absolute;
	right: -13px;
	top: 0;
	display: none;
	z-index: 9;
}

.sliderText {
	margin: 20px 0;
}
.sliderText , .sliderText *{
	color: #FFF;
	text-align: center;
}




@media only screen and (max-width: 729px){
.flex-direction-nav a {
    display: block;
    opacity: 1;
}
}