﻿/* Slider CSS */
.slide .column_Inner_Padding {margin:0;}
.banner-txt { background: rgba(255, 255, 255, 0.6); margin:20px 60px; padding: 20px; }

.webnetBannerContainer{
	width:100%;
	position:relative;
}
.webnetBanner{
    width:100%;
    position:relative;
}
.slide{ 
    position:relative;
    width:100%;
	overflow:hidden;
}
.slide img{
	width:100% !important;
    display:block;
    margin:0;
}

.webnetBannerContainer .slideForward {
    background:#655546;
	opacity:0.8;
	filter:alpha(opacity = 80);
	position:absolute;
	top:50%;
	right:0;
	color:#fff;
	z-index:1;
    padding: 2% 0;
    margin-top: -4%;
    margin-right:10px;
}
.webnetBannerContainer .slideBack {
    background:#655546;
	opacity:0.8;
	filter:alpha(opacity = 80);
	position:absolute;
	top:50%;
	left:0;
	color:#fff;
	z-index:1;
    padding: 2% 0;	
    margin-top: -4%;
    margin-left:10px;
}

.webnetBannerContainer .slideForward:hover, .webnetBannerContainer .slideBack:hover{
	/*opacity:1;
	filter:alpha(opacity = 100);*/
	cursor:pointer;
    opacity:1;
	filter:alpha(opacity = 100);
    background-color:#B74137;
}
/*
.webnetBannerContainer .slideForward img, .webnetBannerContainer .slideBack img{ display:none; }
.webnetBannerContainer:hover .slideForward img, .webnetBannerContainer:hover .slideBack img{ display:block;}
*/
.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;}

/* tablet styles */
@media only screen and (max-width: 800px) {
    .banner-txt { padding-top: 80px;  margin:0 auto; left:0; right:0; text-align:center; height:100%;}
        .banner-txt .btn { display:none; }

    .webnetBannerContainer .slideForward,
    .webnetBannerContainer .slideBack {
        margin-top:-6%;
    }
}
/* mobile styles */
@media only screen and (max-width: 480px) {

    .banner-txt { padding-top:10px; overflow:hidden; }
    .banner-txt h1 { font-size: 24px; line-height:1; font-weight:bold; }
    .banner-txt h3 { font-size: 14px; white-space: nowrap; width:100%;}

    .webnetBannerContainer .slideForward,
    .webnetBannerContainer .slideBack {}
    .webnetBannerContainer .slideForward img, .webnetBannerContainer .slideBack img{ width:30px; height:30px; }

}

@media only screen and (max-width: 320px) {}
@media only screen and (max-width: 280px) {}