/*banner*/

.responsive-banner .banners li {
    position: relative;
}

.banner-area {
    width:100%;
    background:#ccc;
}
#banner-sizer {
    width:100%;
    height:auto;
}
.responsive-banner {
    width:100%;
    height:100%;
    /*min-height:482px; */
    position:relative;
}
.responsive-banner .banners {
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    list-style:none;
    position: absolute;
    top: 0px;
    left: 0px;
}
.responsive-banner .banners .arrows {
    width: 100%;
    height: 283px;
    /*padding-top: 250px;*/
    padding-top: 14%;
    z-index: 109;
}
.responsive-banner .banners .arrows .left, .responsive-banner .banners .arrows .right {
    opacity:0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.responsive-banner .banners:hover .arrows .left, .responsive-banner .banners:hover .arrows .right {
    opacity: 0.4;
}


.responsive-banner .banners .arrows .left {
    float: left;
    height: 49px;
    width: 49px;
    background: url(images/slider-left.png);
    cursor: pointer;
    margin-left: 44px;
}
.responsive-banner .banners .arrows .right {
    float: right;
    height: 49px;
    width: 49px;
    background: url(images/slider-right.png);
    cursor: pointer;
    margin-right: 44px;
}

.responsive-banner .banners .arrows .left:hover,
.responsive-banner .banners .arrows .right:hover {
    opacity: 1;
}

.responsive-banner .banners .bullets-con {
    float: left;
    width: 100%;
    height: 12px;
    z-index: 4;
    position:absolute;
    bottom:17px;
    left:0px;
}
.responsive-banner .banners .bullets-con .banner-bullets {
    position: absolute;
    padding: 0;
    height: 12px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: block;
    line-height: 0;
}
.responsive-banner .banners .bullets-con .banner-bullets .bullet {
    height: 12px;
    width: 12px;
    display: inline-block;
    border-radius: 999px;
    border: solid 1px #0696d2;
    margin: 0px 5px;
    top: 0px;
    cursor:pointer;
    background-color: #0696d2;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
}
.responsive-banner .banners .bullets-con .banner-bullets .bullet:hover {
    background-color: #fff;
    border-color: #fff;
    -webkit-transition: all 250ms linear;
    -moz-transition: all 250ms linear;
    -ms-transition: all 250ms linear;
    -o-transition: all 250ms linear;
    transition: all 250ms linear;
}
.responsive-banner .banners .bullets-con .banner-bullets .bullet .bullet-inner {
    height: 12px;
    width: 12px;
    background: #fff;
    border-radius: 999px;
    margin: -1px;
    -moz-opacity: 0.00;
    -khtml-opacity: 0.00;
    opacity: 0.00;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter:alpha(opacity=0);
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}
.responsive-banner .banners .bullets-con .banner-bullets .bullet.current .bullet-inner {
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter:alpha(opacity=100);
    -webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    transition: opacity 500ms linear;
}
.responsive-banner .banners .banner {
    width:100%;
    height:100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:1;
    /*background-position:center top;*/
    /*background-size: cover;*/
	background-image: url('images/ajax-loader.gif');
	background-position:center center;
	background-repeat: no-repeat;
}

.responsive-banner .banners .banner > div {
    width:100%;
    height:100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:1;
    background-position:center top;
    background-size: cover;
}

.responsive-banner .banners .banner.current {
    z-index:2;
}
.responsive-banner .banners .banner.fader {
    z-index:3;
}
.responsive-banner .over-hold {
    position: absolute;
    top: 20%;
    /*z-index: 6;*/
	z-index: 111;
    width: 100%;
    text-align: center;
}
.responsive-banner .over-hold .overlay {
    /*max-width: 913px;
    width: 100%;
    margin: 0px auto;*/
    list-style: none;
    /*padding: 0 104px;*/
    padding: 0;
    position:relative;
    text-align: left;
}
.responsive-banner .overlay .over-lay {
    /*position:absolute;
    bottom:0px;*/
    /*width: 100%;
    padding: 0px 104px;
    margin: 0px -104px;*/

    border-radius: 6px;
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .3);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    padding: 6px;
    max-width: 500px;
    color: black;
    position: absolute;
}
.responsive-banner .overlay .over-lay .inner {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, .3);
    padding: 15px 25px;
    text-align: center;
}

.responsive-banner .overlay .over-lay .inner div.main {
    font-family: "trajan-pro-3", "Times New Roman", serif;
    font-size: 30px;
    color: rgba(58, 58, 54, 1);
    line-height: 29px;
    }

.responsive-banner .overlay .over-lay .inner div.sub {
    font-family: "source-sans-pro", Helvetica, Arial, sans-serif;
    font-size: 18px;
    color: rgba(58, 58, 54, 1);
    padding: 0;
    line-height: 17px;
    margin-top: 10px;
    }
	
.responsive-banner .overlay .over-lay .inner div.main a,
.responsive-banner .overlay .over-lay .inner div.sub a { text-decoration: none; color:#333;}
/*/banner*/



@media (max-width: 480px) {
    .responsive-banner .overlay div {
        font-size:25px;
    }
    .responsive-banner .overlay p {
        font-size:15px;
    }
	
    .responsive-banner {
        min-height:340px;
    }
    .signup-right .subform .subform-header span {
        font-size:16px;
    }
    .responsive-banner .banners .arrows {
        display:none;
    }
    .responsive-banner .over-hold .overlay {
        /*padding: 0px 20px;*/
		padding: 0;
    }
    /*.responsive-banner .overlay .over-lay {
        padding: 0px 20px;
        margin: 0px -20px;
    }*/
}


/* Fix to always have arrows clickable - move the box in a bit */
@media (max-width: 1375px) {
	.responsive-banner .overlay .over-lay {
		margin-left: 80px;
	}
}
@media (max-width: 768px) {
	.responsive-banner .overlay .over-lay {
		margin-left: 0;
		max-width: none;
	}
	   .responsive-banner {
        min-height:340px;
    }
}