﻿/* Slider CSS */
.slide .column_Inner_Padding {margin:0;}
.banner-txt { background-color:rgba(0, 0, 0, 0.20); padding: 20px 0; }

.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;
    border-bottom:1px solid #2E2C2C;
}

.webnetBannerContainer .slideForward {
	right:0;
}
.webnetBannerContainer .slideBack {
	left:0;
}

.webnetBannerContainer .slideForward,
.webnetBannerContainer .slideBack {
    color:#fff;
	z-index:1;
    padding: 2% 0;
    opacity:1;
    background:#003360;
    filter:alpha(opacity = 80);
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.webnetBannerContainer .slideForward:hover, .webnetBannerContainer .slideBack:hover{
	/*opacity:1;
	filter:alpha(opacity = 100);*/
	cursor:pointer;
    opacity:1;
	filter:alpha(opacity = 100);
    background-color:#2E2C2C;
}
/*
.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 .btn { display:none; }
        .slider .button { max-width:80px; padding:8px 20px; }
        .banner-txt h1, .banner-txt h2 { font-size: 2.8rem; line-height:2.8rem; font-weight:bold; }
        .banner-txt h3 { font-size: 2rem; line-height:2rem; white-space: nowrap; width:100%;}
}
/* mobile styles */
@media only screen and (max-width: 480px) {
    .slider .button { display:none; }
    .banner-txt h1, .banner-txt h2 { font-size: 1.8rem; line-height:1.8rem; }
    .banner-txt h3 { font-size: 1.4rem; line-height:1.4rem; }

    .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) {}

.slide{ text-align:center; position:relative; }
.banner-txt{ position: absolute; top: 50%; left:0; right:0;
             transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); }