/*
 * 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 */
.pos-slideshow-container .flex-container a:active,
.pos-slideshow-container .flexslider a:active,
.pos-slideshow-container .flex-container a:focus,
.pos-slideshow-container .flexslider a:focus  {outline: none;}
.pos-slideshow-container .slides,
.pos-slideshow-container .flex-control-nav,
.pos-slideshow-container .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.pos-slideshow-container .flexslider {margin: 0; padding: 0;}
.pos-slideshow-container .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.pos-slideshow-container .flexslider .slides img {width: 100%; display: block;}
.pos-slideshow-container .flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.pos-slideshow-container .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .pos-slideshow-container .slides {display: block;} 
* html .pos-slideshow-container .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 .pos-slideshow-container .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.pos-slideshow-container .flexslider {margin: 0 0 20px; position: relative; zoom: 1; min-height: 50px; }
.pos-slideshow-container .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.pos-slideshow-container .loading .flex-viewport {max-height: 300px;}
.pos-slideshow-container .flexslider .slides {zoom: 1;}

.pos-slideshow-container .carousel li {margin-right: 5px}


/* Direction Nav */
.pos-slideshow{
	position:relative;
}
.pos-slideshow-container .flex-direction-nav {*height: 0;}
.pos-slideshow-container .flex-direction-nav a,
.nivo-directionNav a { 
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    color: #ccc;
    cursor: pointer;
    display: block;
    font-size: 40px;
    font-weight: bold;
    height: 50px;
    line-height: 50px;
    margin: 0;
    position: absolute;
    text-align: center;
    top:45%;
    transition: all 300ms ease-in 0s;
    width: 50px;
    z-index: 9;
}
.pos-slideshow-container .flex-direction-nav a:hover,
.nivo-directionNav a:hover{
	background: #fe603b;
	color:#fff;
} 
.pos-slideshow-container .flex-direction-nav .flex-next,
.nivo-directionNav a.nivo-nextNav { background-position: 100% 0; right:5%; }
.pos-slideshow-container .flex-direction-nav .flex-prev,
.nivo-directionNav a.nivo-prevNav { left:5%;}
.pos-slideshow-container .flexslider:hover .flex-next { }
.pos-slideshow-container .flexslider:hover .flex-prev { }
.pos-slideshow-container .flexslider:hover .flex-next:hover, .pos-slideshow-container .flexslider:hover .flex-prev:hover {opacity: 1;}
.pos-slideshow-container .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.nivo-caption h2, .nivo-caption h3{margin: 0;}
/*********************************** Slideshow 1 ******************************************/
.title1{
	position: absolute; 
	top: 21%; 
	left: 10%;
	font-size: 40px;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 50;
	width: 700px;
	-webkit-animation: fadeInDown 500ms ease-in-out;
	-moz-animation: fadeInDown 500ms ease-in-out;
	-ms-animation: fadeInDown 500ms ease-in-out;
	animation: fadeInDown 500ms ease-in-out;
	animation-duration:0.5s;
 	-webkit-animation-duration: 0.5s;  

}
.subtitle1{
	position: absolute; top: 33%; left: 10%;
	font-size: 60px;
	font-family: BebasNeuewebfont;
	text-transform: uppercase;
	color: #f14e4e;
	text-align: left;
	z-index: 50;
	width: 500px;
	-webkit-animation: fadeInLeft 600ms ease-in-out;
	-moz-animation: fadeInLeft 600ms ease-in-out;
	-ms-animation: fadeInLeft 600ms ease-in-out;
	animation: fadeInLeft 600ms ease-in-out;
	animation-duration:1s;
 	-webkit-animation-duration: 1s;
}
.intro1{
	position: absolute; top: 50%; left: 10%;
	width: 500px;
	font-size: 14px;
	text-align: left;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 50;
		-webkit-animation: fadeInRight 700ms ease-in-out;
	-moz-animation: fadeInRight 700ms ease-in-out;
	-ms-animation: fadeInRight 700ms ease-in-out;
	animation: fadeInRight 700ms ease-in-out;
	animation-duration:1.5s;
 	-webkit-animation-duration: 1.5s;
}
.pos-slideshow-readmore{
	z-index: 50;
	position: absolute;top: 66%;left: 10%;
	width: 500px;
	-webkit-animation: fadeInUp 800ms ease-in-out;
	-moz-animation: fadeInUp 800ms ease-in-out;
	-ms-animation: fadeInUp 800ms ease-in-out;
	animation: fadeInUp 800ms ease-in-out;
	animation-duration:2s;
 	-webkit-animation-duration: 2s;
}

/*********************************** Slideshow 2 ******************************************/
.title2{
	position: absolute; 
	top: 21%; 
	left: 10%;
	font-size: 40px;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 50;
	width: 700px;
	-webkit-animation: zoomIn 500ms ease-in-out;
	-moz-animation: zoomIn 500ms ease-in-out;
	-ms-animation: zoomIn 500ms ease-in-out;
	animation: zoomIn 500ms ease-in-out;
	animation-duration:0.6s;
 	-webkit-animation-duration: 0.6s;  
}
.subtitle2{
	position: absolute; top: 33%; left: 10%;
	font-size: 60px;
	font-family: BebasNeuewebfont;
	text-transform: uppercase;
	color: #f14e4e;
	text-align: left;
	z-index: 50;
	width: 500px;
	-webkit-animation: zoomInUp 600ms ease-in-out;
	-moz-animation: zoomInUp 600ms ease-in-out;
	-ms-animation: zoomInUp 600ms ease-in-out;
	animation: zoomInUp 600ms ease-in-out;
	animation-duration:1.3s;
 	-webkit-animation-duration: 1.3s;
}
.intro2{
	position: absolute; top: 50%; left: 10%;
	width: 500px;
	font-size: 14px;
	text-align: left;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 50;
		-webkit-animation: zoomInUp 700ms ease-in-out;
	-moz-animation: zoomInUp 700ms ease-in-out;
	-ms-animation: zoomInUp 700ms ease-in-out;
	animation: zoomInUp 700ms ease-in-out;
	animation-duration:1.9s;
 	-webkit-animation-duration: 1.9s;
}

/*********************************** Slideshow 2 ******************************************/
.title3{
	position: absolute; 
	top: 21%; 
	left: 10%;
	font-size: 40px;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 50;
	width: 700px;
	-webkit-animation: zoomInUp 500ms ease-in-out;
	-moz-animation: zoomInUp 500ms ease-in-out;
	-ms-animation: zoomInUp 500ms ease-in-out;
	animation: zoomInUp 500ms ease-in-out;
	animation-duration:1.5s;
 	-webkit-animation-duration: 1.5s;  
}
.subtitle3{
	position: absolute; top: 33%; left: 10%;
	font-size: 60px;
	font-family: BebasNeuewebfont;
	text-transform: uppercase;
	color: #f14e4e;
	text-align: left;
	z-index: 50;
	width: 500px;
	-webkit-animation: rollIn 600ms ease-in-out;
	-moz-animation: rollIn 600ms ease-in-out;
	-ms-animation: rollIn 600ms ease-in-out;
	animation: rollIn 600ms ease-in-out;
	animation-duration:1.2s;
 	-webkit-animation-duration: 1.2s;
}
.intro3{
	position: absolute; top: 50%; left: 10%;
	width: 500px;
	font-size: 14px;
	text-align: left;
	color: #fff;
	font-weight: normal;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	z-index: 50;
		-webkit-animation: flipInY 700ms ease-in-out;
	-moz-animation: flipInY 700ms ease-in-out;
	-ms-animation: flipInY 700ms ease-in-out;
	animation: flipInY 700ms ease-in-out;
	animation-duration:1.8s;
 	-webkit-animation-duration: 1.8s;
}

@media(min-width:992px) and (max-width: 1199px){
	.title{font-size: 35px;}
	.subtitle{font-size: 45px;top: 34%;}
	.intro{font-size: 11px;line-height: 20px;}
	.pos-slideshow-readmore{top: 68%;}
	.pos-slideshow-readmore a{padding: 5px 15px;}
}
@media(min-width:768px) and (max-width: 991px){
	.title{font-size: 25px;}
	.subtitle{font-size: 32px;top: 33%;}
	.intro{font-size: 11px;line-height: 20px;top: 48%;width: 400px;}
	.pos-slideshow-readmore{top: 68%;}
	.pos-slideshow-readmore a{padding: 5px 15px;}
}
@media(max-width:767px){
	.pos-slideshow-readmore{display: none!important;}
}









.pos-slideshow-readmore a {
	font-size: 14px;
	color: #fff;
	padding: 10px 20px;
	display: inline-block;
	white-space: nowrap;
	text-transform: uppercase;
	line-height: 20px;
	text-align: center;
	border: 1px solid #fff;
	background-color: #000;
	transition:0.3s;
}


/* Control Nav */
.pos-slideshow-container .flex-control-nav,
.nivo-controlNav {
    bottom: 30px;
    height: 30px;
    left: 0;
    margin: 0 auto;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 200px;
    z-index: 9;
   
}
.pos-slideshow-container .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }
.nivo-controlNav a {
height: 19px;
width: 19px;
background: url(img/sequence.png) no-repeat 0 50%;
border-radius: 100%;
display: inline-block;
text-indent: -99999px;
line-height: 19px;
 margin-left: 5px;
 cursor: pointer;
}
.pos-slideshow-container .flex-control-paging li a:hover,
.pos-slideshow-container .flex-control-paging li a.flex-active,
.nivo-controlNav a:hover,
.nivo-controlNav a.active {
   background: url(img/sequence_act.png) no-repeat 0 50%;
}


.pos-slideshow-container .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.pos-slideshow-container .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.pos-slideshow-container .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.pos-slideshow-container .flex-control-thumbs img:hover {opacity: 1;}
.pos-slideshow-container .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


.ma-nivoslider {
	overflow: hidden;
}
.nivoslider {
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%; 
}
.nivoslider img {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	height: 455px !important;
}

	@-webkit-keyframes myfirst {
		from {width: 0;}
		to {width: 100%;}
	}
	@keyframes myfirst {
		from {width: 0;}
		to {width: 100%;}
	}
	.timethai.pos_hover{
		-webkit-animation-play-state: paused;
		animation-play-state: paused;
		
	}
.pos-slideshow-caption {
	position: absolute;
 	left:0; 
 	top:0;	
	width: 100%;
	background: none;
	color: #fff;
	font-size: 16px;
	z-index: 999;
}
.pos-slideshow-title {
    left: 25%;
    position: absolute;
	text-align:center;
    top: 130px;
    width: 50%;
	-webkit-transition:all 0.5s ease; 
  	   -moz-transition:all 0.5s ease;
     	-ms-transition:all 0.5s ease;
     	 -o-transition:all 0.5s ease;
        	transition:all 0.5s ease;   
}
.pos-slideshow-title h3 {
    color: #fff;
    font-family:"loraregular";
    font-size: 40px;
	line-height:40px;
    text-align: left;
    text-transform: uppercase;
    width: auto;
    z-index: 50;
	display:inline-block;
}
.pos-slideshow-des h2{
    color: #fff;
    font-family: 'lobster';
    font-size: 48px;
    text-transform: uppercase;
    width: auto;
}
.pos-slideshow-des p{
	color: #fff;
    font-family: OpenSansRegular;
    font-size: 15px;
	line-height:15px;
	font-weight: normal;
}
.pos-slideshow-des h3.subtitle{
	color: #e4e3e2;
	font-size: 32px;
	line-height:32px;
	font-family:'impact';
}
.pos-slideshow-des .intro{
	color:#d0d0d0;
	font-size:14px;
	font-family:HelveticaLTStdRoman;
	font-weight: normal;
}
.pos-slideshow-des {
	position: absolute;
 	left:25%;
	text-align:center;
 	top: 175px;
	width: 50%;
	color: #575757;
	-webkit-transition:all 1.5s ease; 
  	   -moz-transition:all 1.5s ease;
     	-ms-transition:all 1.5s ease;
     	 -o-transition:all 1.5s ease;
        	transition:all 1.5s ease;  
}
.pos-slideshow-container .pos-loading {
	width: 16px;
	height: 16px;
	position: absolute;
	z-index: 99;
	background: url(https://www.maxielectronica.com/themes/pos_bonnie2/css/modules/posslideshow/css/images/loader.gif) no-repeat ;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
}


/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;	
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* .nivo-caption {
  position:absolute;
 	left:0; 
 	top:0;	
	color:#fff;
	width:100%;
	z-index:8;
} */

.nivo-html-caption {
    display: none;
}
.bannersequence{
	clear:bold;
}
.pos_description{

}
@media (max-width: 480px){
.nivo-directionNav a {display: none;}}