
/* homepage slideshow */
.slideshow-container {position:relative;}
.slideshow {height: auto!important;}
.slideshow .slide-item {padding:350px 0 0; background-repeat:no-repeat; background-position:40% 0; background-size:375% auto; position:relative;}
.slideshow .slide-item  .slide-overlay {padding:20px 0 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center;position: absolute;  top: 25%; z-index: 9; width: 100%;}
.extra-overlay{display: none;}
.slideshow .slide-item .title {color:#ffffff; margin:30px 0; line-height:1.2; font-size:1.9em; text-transform: uppercase; letter-spacing: 0.2em;}
.slideshow .slide-item p {color:#ffffff; font-size:0.938em; line-height:1.7;}
.slideshow .slide-item a.slide-btn {letter-spacing: .2em;}

.slideshow .slick-arrow {position:absolute; top:50%; z-index:10;}
.slideshow .slick-prev {left:10px;}
.slideshow .slick-next {right:10px;}
.slideshow .slick-prev, 
.slideshow .slick-next{border:solid #fff; border-width: 0 2px 2px 0;}
.slideshow .slick-disabled {display:none !important;}
.slideshow .slick-track:after{width: 100%;position: absolute;	height: 575px; background:rgba(0,0,0,0.3);}
.slideshow-controls {position:absolute; width:300px; bottom:5px; left:50%; margin-left:-150px; text-align:center;}
.slideshow-controls .pause { display:inline-block; vertical-align:middle; border:1px solid #ffffff; background:#eee; padding:0; font-size:1em; width:23px; height:23px; padding:2px 0 0 0; text-align:Center;}
.slideshow-controls .pause svg.icon {width:16px; height:16px; }
.slideshow-controls .slick-dots {margin:0px; padding:0px; list-style-type:none; display:inline-block; vertical-align:middle;}
.slideshow-controls .slick-dots li {display:inline-block; margin:0 2px;}
.slideshow-controls .slick-dots li button {border:1px solid #ffffff; background:#eee; padding:2px 5px; font-size:.875em;}
.slideshow-controls .slick-dots li.slick-active button {background:#ccc;}





@media only screen and (min-width:30em){
	.slideshow .slide-item {padding:375px 0 0;}
}

@media only screen and (min-width:48em){
.slideshow .slide-item {height:575px; padding:0; background-size:cover;}
.slideshow .slide-item  .slide-overlay {position:absolute; width:100%; margin:0px; top:20%; left:0px;  z-index: 9; padding: 20px 0 0;}

.slideshow .slide-item a.slide-btn {letter-spacing: .2em;}{margin-bottom: 20px; font-size: 1.125em}
	
.extra-overlay{background:rgba(255,255,255,0.5); padding: 25px 40px; display: flex;  text-align: left; color: #00446b; position: absolute; bottom: 100%; margin: 0 30px; }


.extra-overlay .e-image{margin:0 30px;}
.extra-overlay .e-links{margin: 20px 0;}
.extra-overlay span{display: block; padding: 10px 0; font-weight: 900;text-transform: uppercase; font-size: 1.15em;letter-spacing: 0.2em;}
.extra-overlay a{text-decoration: none; color: #00446b; font-weight: 600;letter-spacing: 0.05em;}

.recommendation .slick-track{ width: 100%!important;}




}

@media only screen and (min-width:65.000em){

}




