/* -----------------------------------
	Flex Thumbs Slide
------------------------------------- */

.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
	position: relative;
	display: block;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.slide {
	max-height: 450px;
}

.fslider { min-height: 32px; }


.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  { outline: none; border: none; }
.slider-wrap,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; border: none;}

.flexslider {position: relative;margin: 0; padding: 0;}
.flexslider .slider-wrap > .slide {display: none; -webkit-backface-visibility: hidden;}

.flex-pauseplay span {text-transform: capitalize;}

.slider-wrap:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slider-wrap {display: block;}
* html .slider-wrap {height: 1%;}

.no-js .slider-wrap > .slide:first-child {display: block;}

.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.flex-control-nav {
	position: absolute;
	z-index: 10;
	text-align: center;
	top: 14px;
	right: 10px;
	margin: 0;
}

.flex-control-nav li {
	float: left;
	display: block;
	margin: 0 3px;
	width: 10px;
	height: 10px;
}

.flex-control-nav li a {
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	width: 10px !important;
	height: 10px !important;
	border: 1px solid #FFF;
	border-radius: 50%;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
}

.flex-control-nav li:hover a,
.flex-control-nav li a.flex-active { background-color: #FFF; }



/* ----------------------------------------------------------------
	Slider
-----------------------------------------------------------------*/


#slider {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.slider-parallax,
.slider-parallax .swiper-container {
	visibility: visible;
	-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
	-webkit-backface-visibility: hidden;
}


/* Boxed Slider
-----------------------------------------------------------------*/

.boxed-slider { padding-top: 10px; }


/* Flex Slider - Thumbs
-----------------------------------------------------------------*/

.fslider[data-animation="fade"] .flexslider { height: auto !important; }

.flex-control-nav.flex-control-thumbs {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	margin: 2px -2px -2px 0;
	height: 75px;
}

.flex-control-nav.flex-control-thumbs li { margin: 0 2px 2px 0; }

.flex-control-nav.flex-control-thumbs li img {
	cursor: pointer;
	text-indent: -9999px;
	border: 0;
	border-radius: 0;
	margin: 0;
	opacity: 0.5;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.flex-control-nav.flex-control-thumbs li,
.flex-control-nav.flex-control-thumbs li img {
	display: block;
	width: 161px !important;
	height: 63px !important;
}

.flex-control-nav.flex-control-thumbs li:hover img,
.flex-control-nav.flex-control-thumbs li img.flex-active {
	border-width: 0;
	opacity: 1;
}

/* Slider Caption
-----------------------------------------------------------------*/

.slider-caption,
.nivo-caption,
.flex-caption {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 20;
	width: 100%;
        max-width: 1130px;
	color: #EEE;
	font-size: 1.5em;
	font-weight: 300;	
	-webkit-transition: top .3s ease;
	-o-transition: top .3s ease;
	transition: top .3s ease;
}

.slider-caption:not(.dark),
.slider-caption:not(.dark) h2 {
	color: #222;
	text-shadow: none;
}

.slider-caption h2 {
	font-size: 2.5em;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 30px;
}

.slider-caption p {
	margin-left: 50px;
}

.slider-caption.slider-caption-right {
	left: auto;
	right: 15px;
}

.slider-caption.slider-caption-center {
	position: relative;
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	left: 0;
	right: 0;
}

.slider-caption-bg {
	top: 15%;
	bottom: auto;
	left: 5%;
}

.slider-caption-text{
	top: 23%;
	bottom: auto;
	left: 5%;
}

.slider-caption-bg.slider-caption-bg-light {
	background-color: rgba(255,255,255,0.8);
	color: #333;
	font-weight: 400;
	text-shadow: none;
}

.slider-caption-top-left {
	top: 50px;
	bottom: auto;
}

.slider-caption-top-right {
	top: 50px;
	bottom: auto;
	left: auto;
	right: 50px;
}

.slider-caption-bottom-right {
	left: auto;
	right: 50px;
}
@media only screen and (max-width:1024px) {
    .flex-control-nav.flex-control-thumbs li,
    .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 132px !important;
        height: 55px !important;
    }
    #title_font {
        position: relative;
        left: -10px;
        margin-top: 50px;
        font-size: 2.05em;
        font-weight: 600;
        line-height: 1.1em;
    }
    #description_font {
        position: relative;
        left: -10px;
        margin-top: 25px;
        font-size: 0.95em;
        font-weight: 200;
        line-height: 1.15em;
        max-width: 600px;
    }
}
@media only screen and (max-width:992px) {
    .flex-control-nav.flex-control-thumbs li,
    .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 132px !important;
        height: 55px !important;
    }
    #title_font {
        position: relative;
        left: -20px;
        margin-top: 40px;
        font-size: 1.85em;
        font-weight: 600;
        line-height: 1.15em;
    }
    #description_font {
        position: relative;
        left: -20px;
        margin-top: 20px;
        font-size: 0.75em;
        font-weight: 200;
        line-height: 1.25em;
        max-width: 500px;
    }
}
@media only screen and (max-width:768px) {
    .flex-control-nav.flex-control-thumbs li,
    .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 101px !important;
        height: 42px !important;
    }
    #title_font {
        position: relative;
        left: -30px;
        margin-top: 30px;
        font-size: 1.5em;
        font-weight: 600;
        line-height: 1.15em;
    }
    #description_font {
        position: relative;
        left: -30px;
        margin-top: 15px;
        font-size: 0.75em;
        font-weight: 200;
        line-height: 1.35em;
        max-width: 450px;
    }
}
@media only screen and (max-width:640px) {
    .flex-control-nav.flex-control-thumbs li,
    .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 85px !important;
        height: 35px !important;
    }
    #title_font {
        position: relative;
        left: -40px;
        margin-top: 20px;
        font-size: 1.25em;
        font-weight: 600;
        line-height: 1.15em;
    }
    #description_font {
        position: relative;
        left: -40px;
        margin-top: 15px;
        font-size: 0.65em;
        font-weight: 200;
        line-height: 1.25em;
        max-width: 400px;
    }
}
@media only screen and (max-width:568px) {
    .flex-control-nav.flex-control-thumbs li,
    .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 75px !important;
        height: 31px !important;
    }
    #title_font {
        position: relative;
        left: -40px;
        margin-top: 20px;
        font-size: 1.15em;
        font-weight: 600;
        line-height: 1.25em;
    }
    #description_font {
        position: relative;
        left: -40px;
        margin-top: 10px;
        font-size: 0.65em;
        font-weight: 200;
        line-height: 1.15em;
        max-width: 350px;
    }
}
@media only screen and (max-width:480px) {
    .flex-control-nav.flex-control-thumbs li,
    .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 51px !important;
        height: 21px !important;
    }
    #title_font {
        position: relative;
        left: -40px;
        margin-top: 20px;
        font-size: 0.95em;
        font-weight: 600;
        line-height: 1.15em;
    }
    #description_font {
        position: relative;
        left: -40px;
        margin-top: 5px;
        font-size: 0.55em;
        font-weight: 200;
        line-height: 1.25em;
        max-width: 300px;
    }
}
@media only screen and (max-width:393px){
    .flex-control-nav.flex-control-thumbs li,
    .flex-control-nav.flex-control-thumbs li img {
        display: block;
        width: 39px !important;
        height: 16px !important;
    }
    #title_font {
        position: relative;
        left: -50px;
        margin-top: 15px;
        font-size: 0.85em;
        font-weight: 600;
        line-height: 1.05em;
    }
    #description_font {
        position: relative;
        left: -50px;
        margin-top: 5px;
        font-size: 0.45em;
        font-weight: 200;
        line-height: 1.15em;
        max-width: 300px;
    }
}