/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Lato:300|PT+Serif:400);

.marquee {
	font-size: 16px;
	height: 425px;
	max-width: 1200px;
	width: 100%;
	margin: 0px auto 20px auto;
}

.marquee .marquee_data { display:none; }

.marquee .marquee_stage_large { height:inherit; position:relative; overflow:hidden; }

.marquee .marquee_container_1,

.marquee .marquee_container_2{ height:inherit; position:absolute; top:0px; left:0px; width:100%; }

.marquee .marquee_container_1 { z-index:101;}

.marquee .marquee_container_1 .wrapper_img {
	width: 100%;
	height: 480px;
	overflow: hidden;
}
.marquee .marquee_container_2 .wrapper_img { width:100%; height:480px; overflow:hidden; }

.marquee .marquee_container_2 { z-index:102;}

.marquee .marquee_panel { height:inherit; width:100%; position:absolute; top:0px; left:0px; text-align:center; background-repeat:no-repeat; background-position:center 0px; background-size:cover;}

.marquee .marquee_panel .panel_caption { width:100%; position:absolute; bottom:35px; left:0px;  font-family:'lato', sans-serif; padding-bottom:0px;}

.marquee .marquee_panel .panel_caption h3 {
	z-index: 1000000;
	font-family: "Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif", Helvetica, Arial, sans-serif;
	display: block;
	margin-top: 160px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 33px;
	color: #fff;
	text-shadow: 0 2px 4px rgba(0,0,0,0.80);
}
.marquee .marquee_panel .panel_caption p { z-index:1000000; font-family:"Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif", Helvetica, Arial, sans-serif; margin: 0px 50px 15px 50px; color: #888; font-size: 18px; color: rgba(255,255,255,.75); }
.marquee .marquee_panel .panel_caption a.cta {
	z-index: 1000000;
	font-family: "Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif", Helvetica, Arial, sans-serif;
	display: inline-block;
	background-color: rgba(255,255,255,0.30);
	text-transform: uppercase;
	color: #fff;
	font-size: .9em;
	padding: 6px 20px;
	transition: background-color .7s, border .7s;
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 5px;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 2px 4px rgba(0,0,0,0.80);
}

.marquee .marquee_panel .panel_caption a:hover { background-color: rgba(255,255,255,.6); color:#fff; border-color: rgba(255,255,255,0);  }

.marquee .overlay { position:absolute; left:0px; top:0px; width:100%; height:100%; background-image: linear-gradient(rgba(0,0,0,0)50%,rgba(0,0,0,.7)100%);
background-size:100%; z-index:10;}

.marquee .marquee_nav { position:absolute; bottom:10px; top:340px; left:-420px; text-align:center; width:100%; z-index:103;}

.marquee .marquee_nav div { display:inline-block; width:20px; height:20px; border:2px solid rgba(255,255,255,0.50); border-radius:50%; margin:0px 8px 0px 8px; cursor:pointer; transition:background-color .4s, border .4s;}

.marquee .marquee_nav div:hover {border:2px solid #fff; background-color:rgba(255,255,255,.2);}

.marquee .marquee_nav div.selected { background-color:#fff;}

.marquee .btn { display:none; width:15px; height:15px; background:rgba(255,251,251,0.20) no-repeat;
background-size:28px 10px;
position:absolute;
top:9px;
cursor:pointer;
border-radius: 50%;
border:2px solid rgba(255,255,255,0.50);
transition: background-color .4s , border .4s}

.marquee .btn:hover { border:2px solid rgba(255,255,255,0.50); background-color:rgba(0,0,0,0.60);}

.marquee .btn.prev { left:20px; z-index:104; 
background-image:url(../images/arrow_left.svg); background-position:-8px 4px;}

.marquee .btn.next { right:20px; z-index:105; 
background-image:url(../images/arrow_right.svg); background-position:-3px 4px;}

.marquee .marquee_stage_small { height:inherit; position:relative; overflow:hidden;}

.marquee .marquee_stage_small .marquee_panel { width:100%; height:inherit; position:absolute; top:0px; left:0px;}

@media screen and (max-width: 600px){
	
.marquee .marquee_panel .panel_caption h3 {font-size: 22px;  }
.marquee .marquee_nav { display:none; }
.marquee .marquee_panel .panel_caption {bottom:0px;}

	
}