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

body {
margin:0;
padding:0;
height:auto;
font-family:'Ubuntu', Sans-serif;	
}

.marquee {
font-size:1em;
height:425px;
max-width:1200px;
margin:0 auto 20px auto;
border-top:4px solid #CCC;	
border-bottom:4px solid #CCC;
clear:both; }

.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:0; 
left:0;
width:100%; }

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

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

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

.marquee .marquee_panel .panel_caption {
width:65%;
position:absolute;
bottom:85px;
left:1.5%;
font-family:'Ubuntu', Sans-serif;
padding-bottom:25px;
}

.marquee .marquee_panel .panel_caption h3 { font-family: 'Ubuntu', serif; margin: 0px 0px 0px 0px; font-weight: 200; font-size: 2.5em; color:#fff; line-height:45px; padding-bottom:10px; }

.marquee .marquee_panel .panel_caption p { margin: 0px 50px 15px 50px; color: #FFF; line-height:1.4em; font-size: 1.2em; color: rgba(255,255,255,1); }

.marquee .marquee_panel .panel_caption a.cta { display: inline-block; background-color: rgba(255,255,255,0); text-transform: uppercase; color:#fff; font-size: 1em; padding: 8px 25px; transition: background-color .7s, border .7s; border: 1px solid rgba(255,255,255,.5); border-radius: 5px; text-decoration: none; }

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

.marquee .marquee_panel .panel_caption p span {
font-size:0.75em;	
}

.marquee .marquee_nav {
position:absolute;
bottom:18px;
text-align:center;
width:68%;
z-index: 103;	
}

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

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

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

.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:800px) {
.marquee .marquee_panel .panel_caption {
width:65%;
position:absolute;
bottom:110px;
left:5%;
padding-bottom:25px;
}	
.marquee .marquee_panel .panel_caption h3 { padding:0; margin:0; line-height:40px; }
.marquee {font-size:14px; height:420px; background-color:#FFF;}
.marquee .marquee_panel .panel_caption p {display:none;}
.marquee .marquee_panel .panel_caption a.cta {margin-top:12px; padding:8px 25px; }
.marquee .marquee_nav div {width:13px; height:13px; margin:0px 10px 0px 10px;}
.marquee .marquee_nav {position:absolute; bottom:18px; text-align:center; width:73%; z-index: 103;}
}

@media screen and (max-width:600px) {
.marquee {margin: 0; padding:0; height:325px;}
.marquee .marquee_panel .panel_caption h3 { font-size:1.2em; color:#353433; font-weight:500;}
.marquee .marquee_panel .panel_caption {
margin:0; 
padding:10px 0px 10px 0px;
width:100%; 
bottom:0; 
left:0;
background-color:rgba(255,255,255,.55);}
.marquee .marquee_panel .panel_caption a.cta {display:none;}
}

@media screen and (max-width:320px) {
.marquee {margin: 0; padding:0; height:210px;}
}