@font-face {
/* Customized */
font-family : "'flexslider-icon'";
src : url('fonts/flexslider-icon.eot');
src : url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight : normal;
font-style : normal;
}
.flex-container a:hover, .flex-slider a:hover, .flex-container a:focus, .flex-slider a:focus {
outline : none;
}
.slides, .slides > li, .flex-control-nav, .flex-direction-nav {
margin : 0;
padding : 0;
list-style : none;
}
.flex-pauseplay span {
text-transform : capitalize;
}
.flexslider {
min-height : 100px;
background : url(../images/ajax-loader.gif) center center no-repeat #ffffff;
position : relative;
margin : 0;
padding : 0;
overflow : hidden;
}
.carousel li {
margin-right : 5px;
}
.flexslider .slides > li {
display : none;
position : relative;
margin-left : 0;
}
.flexslider .slides img {
width : 100%;
display : block;
height : auto;
}
.flex-pauseplay span {
text-transform : capitalize;
}
.flexslider .slides:after {
content : "\0020";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}
html[xmlns] .flexslider .slides {
display : block;
}
* html .flexslider .slides {
height : 1%;
}
.no-js .flexslider .slides > li:first-child {
display : block;
}
.flex-viewport {
transition : all 1s ease;
}
.loading .flex-viewport {
max-height : 300px;
}
.flex-caption {
bottom : 18%;
left : 0;
right : 0;
margin : 0 auto;
padding : 0;
position : absolute;
font-size : 18px;
width : 1100px;
}
.flex-caption p {
margin-bottom : 0;
}
.flex-direction-nav a {
display : block;
width : 40px;
height : 40px;
margin : -20px 0 0;
position : absolute;
top : 50%;
z-index : 10;
overflow : hidden;
opacity : 0;
cursor : pointer;
color : rgba(0, 0, 0, 0.8);
text-shadow : 1px 1px 0 rgba(255, 255, 255, 0.3);
transition : all 0.3s ease;
}
.flex-direction-nav .flex-prev {
left : -50px;
}
.flex-direction-nav .flex-next {
right : -50px;
text-align : right;
}
.flexslider:hover .flex-prev {
opacity : 0.699999988079071044921875;
left : 20px;
}
.flexslider:hover .flex-next {
opacity : 0.699999988079071044921875;
right : 20px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
opacity : 1;
}
.flex-direction-nav .flex-disabled {
opacity : 0 !important ;
cursor : default;
}
.flex-direction-nav a:before {
font-family : "flexslider-icon";
font-size : 40px;
display : inline-block;
content : '\f001';
line-height : 100%;
}
.flex-direction-nav a.flex-next:before {
content : '\f002';
}
.flex-pauseplay a {
display : block;
width : 20px;
height : 20px;
position : absolute;
bottom : 5px;
left : 10px;
opacity : 0.800000011920928955078125;
z-index : 10;
overflow : hidden;
cursor : pointer;
color : #000;
}
.flex-pauseplay a:before {
font-family : "flexslider-icon";
font-size : 20px;
display : inline-block;
content : '\f004';
}
.flex-pauseplay a:hover {
opacity : 1;
}
.flex-pauseplay a.flex-play:before {
content : '\f003';
}
.flex-control-nav {
width : 100%;
position : absolute;
bottom : 10px;
text-align : center;
z-index : 2;
}
.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;
border-radius : 20px;
box-shadow : 0 0 3px rgba(0, 0, 0, 0.3) inset;
}
.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.9);
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 : 0.699999988079071044921875;
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 : 10px;
}
.flex-direction-nav .flex-next {
opacity : 1;
right : 10px;
}
}
.flex-title h5, .flex-title h6 {
margin : 0 auto;
}
.flex-title h5 span {
background-color : #F7CA18;
text-align : center;
font-size : 35px;
line-height : 70px;
padding : 5px 10px;
font-family : "Open Sans", Helvetica, Arial, Sans-serif;
font-weight : 800;
text-shadow : 0 1px 1px rgba(0, 0, 0, 0.5);
color : #ffffff;
}
.flex-title h6 span {
background-color : #222222;
padding : 5px 10px;
font-size : 22px;
font-family : "Open Sans", Helvetica, Arial, Sans-serif;
font-weight : 300;
text-shadow : 0 1px 1px rgba(0, 0, 0, 0.5);
color : #ffffff;
}