.bannerpreview { width: 600px }
.banner .slide, .bannerpreview .slide { position: relative; }
.banner .slide img, .bannerpreview img { width: 100%; }

.banner .slick-prev { left: 0px; }
.banner .slick-next { right: 6px; }
.banner .slick-dots { bottom: -30px; }
.banner .slick-dots li button:before { font-size: 8px !important;  }

.overlay { position: absolute; background-color: #000; background:rgba(0,0,0,0.6); padding: 9px; display: table-row; }
/*
.overlay.top { top: 0px; width: 100%; }
.overlay.bottom { bottom: 0px; width: 100%; }
*/
.overlay .heading {
	padding:0 10px;
}
.overlay .heading p { display: table-cell; color: white; margin: 0px 0.3em 0px 0px; line-height: normal;}
.overlay .subtext p { display: table-cell; color: white; margin: 0px 0.3em 0px 0px; line-height: normal; padding:0 10px;}
.overlay .learnMore {
	display:inline-block;
	margin-top:30px;
}
.overlay .btn-more {
	background: #db2f37;
    display: inline;
    color: #fff;
    text-decoration: none;
    padding: 10px 25px;
	margin: 30px 0 0 10px;
}
.overlay .redbutton { display: block; color: white; font-size: 7pt; margin: auto 10px;  }
.overlay .bannerbutton .text { color: white; }
.overlay .bannerlink { text-align: right; display: table-cell; vertical-align: middle; } 

.overlay.TOP, .overlay.BOTTOM { width: 100%; }
.overlay.text.TOP, .overlay.text.BOTTOM { width: auto; }
.overlay.TOP .heading, .overlay.BOTTOM .heading { display:table-cell; vertical-align: middle; white-space: nowrap; padding-left: 14vw; } 
.overlay.TOP .subtext, .overlay.BOTTOM .subtext { display:table-cell; vertical-align: middle; white-space: nowrap; padding-left: 6vw; }
.bannerlink .redbutton a:after { box-sizing: none !important; display: inline-block;}
.overlay.TOP { top: 0px; }
.overlay.BOTTOM { bottom: 0px !important; }
.overlay.BOTTOM .heading, .overlay.BOTTOM .subtext { display:table-cell; vertical-align: middle; }

.overlay.LEFT, .overlay.RIGHT { top: 10%;
    width: 25%;
    height: 330px; }
.overlay.LEFT .subtext p, .overlay.RIGHT .subtext p { margin: 10px 0px; }
.overlay.LEFT .redbutton, .overlay.RIGHT .redbutton { margin: 5px 0px; }
.bannerpreview .overlay.LEFT, .bannerpreview .overlay.RIGHT { height: calc(100% - 2px) !important; }
.bannerpreview .overlay * { margin-left: 0px !important; text-align: left !important;}
.bannerpreview .overlay .redbutton { font-size: 8pt; } 
.overlay.LEFT { left: 10%; }
.overlay.RIGHT { right: 10%; }

.slide .inner  {
	width: 100%;
    height: 100%;
    position: absolute;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 0;
    overflow: hidden;
}
.slide .inner .overlay.LEFT {
	left:0;
}
.slide .inner .overlay.LEFT {
	right:0;
}
@media(max-width:991px) {
	.slide .inner .overlay.LEFT {
	left:1%;
}
.slide .inner .overlay.LEFT {
	right:1%;
}
}
.slide .inner .overlay.LEFT, .overlay.RIGHT {
	width:35%;
}
@media(max-width:1199px) {
	.overlay.LEFT, .overlay.RIGHT {
		height:250px;
	}
}
@media(max-width:960px) {
	#header .contactdetails {
		margin-right:60px;
	}
}
@media(max-width:900px) {
	.overlay.LEFT, .overlay.RIGHT {
		height:225px;
	}
}
@media(max-width:700px) {
	nav.mainmenu a#pull:after {
		margin-top:0px;
	}
	nav.mainmenu a#pull {
		margin-top:30px;
	}
	
}
@media(max-width:600px) {
	nav.mainmenu a#pull:after {
		margin-top: -7px;
	}
	nav.mainmenu a#pull {
		margin-top:100px;
	}
	
}
nav.mainmenu a#pull.open:after {
	margin-top:0 !important;
}
@media(max-width:480px) {
	nav.mainmenu a#pull:after {
    margin-top: -16px;
}
nav.mainmenu a#pull.open:after {
	margin-top:0;
}
}
@media(max-width:600px) {
	.overlay .learnMore {
		margin-top:10px;
	}
	
	.overlay .btn-more {
    background: #db2f37;
    display: inline;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    margin: 0px 0 0 10px;
    font-size: 10px;
}
}
@media(max-width:400px) {
	.overlay .btn-more {
    background: #db2f37;
    display: inline;
    color: #fff;
    text-decoration: none;
    padding: 3px;
    margin: 0px 0 0 10px;
    font-size: 7px;
}
}
@media screen and (min-width: 300px)
{
	.overlay.RIGHT { padding-left: 4px; }
	.overlay.LEFT { padding-left: 4px; }
	.overlay .redbutton { font-size: 6pt;  } 
}

@media screen and (min-width: 400px)
{
  .overlay .redbutton { font-size: 8pt;  } 
}

@media screen and (min-width: 600px)
{
  .overlay .redbutton { font-size: 10pt; padding: 8px; } 
}

@media screen and (min-width: 1000px)
{
  .overlay.TOP .heading p, .overlay.BOTTOM .heading p { margin-left: 10%; }
} 
  
@media screen and (min-width: 1750px)
{

  .overlay.TOP .heading p, .overlay.BOTTOM .heading p {  margin-left: 25%; }
}

@media(max-width:600px) {
	.overlay.LEFT, .overlay.RIGHT {
		top:0 !important;
	}
}
.overlay.LEFT .redbutton, .overlay.RIGHT .redbutton {
	text-align:center;
}