/* ## Banner Effects Slideshow ## */
/* 
powered by Cycle2 - http://jquery.malsup.com/cycle2/
some of these styles will be set by the plugin (by default) but setting them here
helps avoid flash-of-unstyled-content
*/

.bannerEffects .slideItem { display:block; width:100%; }
.bannerEffects .slideItem img { width:100% !important; display:block; position:absolute; top:0; left:0; padding: 0; }

/* in case script does not load */
.bannerEffects img:first-child { position: static; z-index: 100; }


/* pager */
.bannerEffects .cycle-pager { text-align:center; width:100%; z-index:500; position:absolute; bottom:10px; overflow:hidden; }
.bannerEffects .cycle-pager span { display:inline-block; width:16px; height:16px; color:#ddd; font-family: arial; font-size: 50px; line-height:16px; cursor: pointer; }
.bannerEffects .cycle-pager span.cycle-pager-active { color:#D69746; }
.bannerEffects .cycle-pager > * { cursor: pointer; }

.bannerEffects .cycle-pager-number span { width:auto; height:auto; padding:0 3px; font-size:1em; }

.bannerEffects .cycle-pager-image span { width:50px; height:auto; margin:0 7px; font-size:1em; }
.bannerEffects .cycle-pager-image span img { border:2px solid #fff; }
.bannerEffects .cycle-pager-image span.cycle-pager-active img { border-color:#D69746; }

.bannerEffects .cycle-pager-text span { width:auto; height:auto; padding:0 3px; font-size:1em; }


/* text overlay */
.bannerEffects .cycle-overlay {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    padding:20px;
    color:#fff;
    background:#3F3F3F;
    opacity:0.75;
    z-index:101;
}

.bannerEffects .slideItem {max-height:720px; overflow:hidden;}
.bannerEffects .slideItem:before {content:""; position: absolute; top: 0; left:0; width:100%; height:100%; background:#000; opacity:0.25;}
.bannerEffects .slideItem img { width: 100% !important; display: block;   min-width: 720px !important;}
.slideshowBnrText {position: absolute; bottom: 5%; left:auto; right:15px; width: 92%; color:#e9f0f7; font-family: 'Roboto Condensed', sans-serif;}
.slideshowText {position:relative;}
.slideshowTextIn {position:relative; padding:30px 20px; }
.slideshowText:before {content:""; position: absolute; top: 0; left:0; width:100%; height:100%; background:#000; opacity:0.3;}
.slideshowBnrText h2 {font-size:30px; font-style:italic; color:#fff;}
.slideshowBnrText p {font-size:56px; line-height:1em; margin-bottom:20px; }
.slideshowBnrText .btn {font-size:18px; font-weight:bold; padding:10px 20px; background:#105f89; color:#e9f0f7; }


@media only screen and (max-width:1023px){
	.slideshowBnrText h2 {font-size:18px;}
	.slideshowBnrText p {font-size:42px;}
	
}

@media only screen and (min-width:1520px){
	.bannerEffects .slideItem img {
	  margin-top: -100px;
	}
}
@media only screen and (min-width:1366px){
	.slideshowBnrText {left:51%; bottom: 15%;}
}
@media only screen and (min-width:640px){
	.slideshowBnrText { width: 570px;}
	.slideshowBnrText .btn {font-size:24px; padding:20px;}
	.slideshowTextIn { padding:42px 32px; }
}