/* Slider CSS */
.webnetBannerContainer{
	width:100%;
	position:relative;
}
.webnetBanner{
    width:100%;
    position:relative;
}
.slide{ 
    position:relative;
    width:100%;
	overflow:hidden;
        max-height: 350px;
}
.slide img{
	width:100% !important;
}
.webnetBannerContainer .slideForward {
	background:#000;
	opacity:0.3;
	filter:alpha(opacity = 30);
	position:absolute;
	top:33%;
	right:0.5%;
	color:#fff;
	z-index:1;
	border-radius:0.25em;
	/*width:2em;
	height:2em;*/
    display:none;
}
.webnetBannerContainer .slideBack {
	background:#000;
	opacity:0.3;
	filter:alpha(opacity = 30);
	position:absolute;
	top:33%;
	left:0.5%;
	color:#fff;
	z-index:1;
	border-radius:0.25em;
	/*width:2em;
	height:2em;*/
    display:none;
}
.webnetBannerContainer .slideForward:hover, .webnetBannerContainer .slideBack:hover{
	opacity:0.4;
	filter:alpha(opacity = 40);
	cursor:pointer;
}
.webnetBannerContainer .slideForward img, .webnetBannerContainer .slideBack img{
	width:1em;
	padding:0.5em;
}
.webnetBannerContainer .slideForward span, .webnetBannerContainer .slideBack span{
	display:none;
}
.banner_spots{
	width:100%;
	text-align:center;
	display:none;
}
.banner_spots ul{
	list-style:none;
	margin:0.25em 0 0 0;
	padding:0;
	display:block;
}
.banner_spots li{
	margin:0 0.25em;
	display:inline-block;
}
.banner_spots li a{
	display:inline-block;
	width:1em;
	height:1em;
	overflow:hidden;
}
.banner_spots li a{background:#A11D5E;border-radius:0.5em; opacity: 0.3;}
.banner_spots li a:hover, .banner_spots li a.selected{background:#A11D5E; opacity: 1;}

.slideCaption{
	background-color:rgba(0,0,0,0.3);
	color:#fff;
	padding:30px;
	position:absolute;
	left:90px;
	bottom:15%;
	max-width:480px;
}
.caption_header,.caption_text{
	color:#fff;	
	padding: 0;
	margin: 0;
}
.slideCaption_innerNoLink{max-width:1080px;margin:auto;}

h2.caption_header{
	font-size: 3.8rem;
	line-height:4.2rem;
}
h3.caption_header{
	font-size: 2.8rem;
    line-height:1.2em;
}
.caption_text{
	font-size: 2.5rem;
	font-weight: 300;
}
.caption_btn{
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	padding: 0.25em 1.5em;
	border: 3px solid #fff;
	font-weight: 700;
	font-size: 2rem;
	text-decoration: none;
	margin:20px 10px 0px 0;
}
@media only screen and (max-width: 1280px) {}
@media screen and (max-width: 1220px) {}

@media only screen and (max-width: 980px) {
.slideCaption{
	left:60px;
	bottom:5%;	
}
}
@media only screen and (max-width: 900px) {}
@media only screen and (max-width: 800px) {
.slideCaption{
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:380px;
	text-align:center;
	/*max-height:150px;*/
	background-color:rgba(0,0,0,0.3);
    box-sizing:border-box;
}
.caption_header{
	font-size: 2.5rem;
	line-height:2.2rem;
}
.caption_text{
	font-size: 2rem;
	font-weight: 300;
}
/*.caption_btn{
	text-transform: uppercase;
	color: #fff;
	display: inline-block;
	padding: 7px 40px;
	border: 3px solid #fff;
	font-weight: 700;
	font-size: 1.4rem;
	text-decoration: none;
	margin:20px 10px 0px 0;
}*/

    .vert-parent-element {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .vert-element {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .slideCaption {
    height: 100%;
}
}
/* Tablet Portrait size to standard 980*/
@media only screen and (max-width: 768px) {
.slideCaption{

    box-sizing: border-box;
        max-height: 100%;
    height: 100%;
        padding-top: 3rem;
}
}
/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (max-width: 600px) {
.slideCaption{
	width:270px;
	padding:15px;
	/*height:110px;*/
}
.caption_header{
	font-size: 1.8rem;
	line-height:1.8rem;
}
h3.caption_header {
    font-size: 1.8rem;
    line-height: 1.2em;
}
h2.caption_header {
    font-size: 2.8rem;

}
.caption_text{
	font-size: 1.3rem;
	font-weight: 300;
}
.caption_btn{
	padding: 7px 20px;
	font-size: 1rem;
	margin:5px 10px 5px 0;
}
.slideCaption p {
    display:none;
}
}
/* Main mobile styles */
@media only screen and (max-width: 380px) {
.slideCaption{
	background-color:rgba(0,0,0,0.3);
	width:220px;
	padding:5px;
	/*height:80px;*/
}
    .caption_header {

    margin-bottom: 0!important;
    margin-top: 0;
}
    h2.caption_header {
    font-size: 1.8rem;
    display:none;
}
    h3.caption_header {
    font-size: 1.3rem;
    line-height: 1.2em;
    display:none;
}
    .slideCaption p {
        display:none;
    }
.caption_text{
	display:none;
}
.caption_btn{
	padding: 7px 15px;
}	
}
@media only screen and (max-width: 320px) {


}
@media only screen and (max-width: 280px) {}


/* UPDATES - July 2016 */

/* All devices */
.slideCaption{
    top:auto;
    bottom:0;
    left:0;
    width:100%;
    max-width:100%;
    /*height:auto;*/
    padding:0;
    margin:0;
    background:#666;
    background:rgba(0, 0, 0, 0.4);
    padding:2rem 4rem 3rem 4rem;

}
.slideCaption a {
    color:#fff;
    display:block;
}
.slideCaption:hover {
    background:#444;
    background:rgba(0, 0, 0, 0.35);
}
.slideCaption.slideCaption_innerNoLink_wrapper:hover{background:#444;background: rgba(0, 0, 0, 0.4);}
.slideCaption p {
    line-height:1;
    margin:0;
    /*max-height:3rem;*/
    /*overflow:hidden;*/
}
.caption_header{
    font-size:2rem;
    /*line-height:2em;*/
    /*max-height:5rem;*/
    /*overflow:hidden;*/
    margin-bottom:1rem;
}

/* Larger than mobile */
@media (min-width: 480px) {
    .slideCaption{
    }
    .slideCaption {
        padding:2rem;
    }
    .slideCaption p {
        font-size:1.6rem;
        /*line-height:2rem;
        max-height:6rem;*/
    }
    .caption_header{
        font-size:3rem;
        /*line-height:3.6rem;
        max-height:3.6rem;*/
    }
}

/* Larger than tablet - original 750px */
@media (min-width: 800px) {
    .slideCaption p {
        font-size:1.8rem;
        /*line-height:2.2rem;
        max-height:6.6rem;*/
    }
    .slideCaption {
        padding:2rem 4rem 3rem 4rem;
            box-sizing: border-box;
            max-height:none;
    }

}