/*

font-family: 'Raleway', sans-serif;
font-family: 'Lato', sans-serif;
#9a1b13
*/
*,*:after,*:before {box-sizing:border-box; -moz-box-sizing:border-box; }

body {font-family: 'Lato', sans-serif;background: #fff;}


/* Globals */
a { text-decoration:none; color: #000; font-weight:bold; transition: 0.3s; }
h1 {font-family: 'Raleway', cursive;font-size: 2.3em;line-height: 2.6rem;margin: 1.67vmin 0 4.67vmin 0;z-index: 1;position: relative;/* color: #41acd3; */font-weight: 800;text-transform: uppercase;}
h2 {font-family: 'Raleway', cursive;font-size: 1.5em;font-weight: 800;color: #41acd3;text-transform: uppercase;}
h3 {font-size: 1.5em;font-family: 'Raleway', cursive;font-weight: 800;color: #565656;}
p {font-size: 1.18em;line-height:1.43em;color:#303030;/* box-shadow: 0px 8px 12px -12px rgb(0 0 0 / 35%); */}

/*.button  {display: inline-block;position:relative;text-align: center;padding: 6px 10px 6px 10px;font-size: 18px;border-radius: 3px;font-weight: normal !important;text-decoration: none !important;margin: 10px 2%;box-shadow: 0px 8px 10px -10px rgba(0, 0, 0, 0.36);font-family: 'Raleway', cursive;font-size: 1.35em;letter-spacing: 0.03em;transition: 0.3s;}
.button:after {position:absolute;content:'\f105';font-family:Font Awesome\ 5 Pro;right: 13%;top:50%;font-size: 32px;margin-top: -17px;color:white;opacity:0;transition:0.3s;}
.button:hover {text-indent:-30px;}
.button:hover:after {opacity:1; text-indent:0px;right: 10%;}*/

.clickable { cursor:pointer; display:block; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }


::selection {background: rgba(0, 0, 0, 0.32);color: #000000;}
::-moz-selection {background: rgba(0, 0, 0, 0.32); color:#000000 ;}
::-webkit-selection {background: rgba(0, 0, 0, 0.32); color:#000000 ;}

@media (max-width:650px) {
	h1 {
		font-size: 1.9em;
	}
	h2 {
		font-size: 1.4em;
	}
}

/*HEADER======================================*/
	
header {position:relative;z-index: 1000;top: 0px;left: 0px;width: 100%;transition:background 0.3s;}
.home header {/* height: calc(100vh - 15px); *//* height: 95vh; */min-height: 400px;transition:background 0.3s;}	

	.header {position:absolute;z-index: 100;top:0px;left:0px;width: 100%;margin: 0;background: rgb(28,28,28);background: linear-gradient(180deg, rgba(28,28,28,1) 0%, rgba(28,28,28,0) 100%);}
	.header .inner {display: flex;justify-content: space-between;align-items: flex-start;position:relative;max-width: 1800px;text-align: center;margin: 0 auto;padding: 2vh 3%;}
		
		.logo {display: inline-block;height: auto;color: white;/* margin: 12px 0px 15px; */text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.63);border-radius: 50%;transition: 0.3s;}
		.logo img {display: inline-block;width: 230px;height: auto;transition: 0.3s;}
		/* .logo:hover img {animation:pulse 1s 0.3s !important;-webkit-animation: pulse 0.5s 0.3s !important;} */
		
		@media (max-width:990px) {
			.logo img {width: 172px;}
		}
		@media (max-width:750px) {
			.header .inner {
				flex-direction: column-reverse;
				padding: 2vh 3%;
			}
			.logo {
				/* margin: 59px 0 0 0; */
			}
		}
		
		
	/* Nav========================================= */
	header nav {position:relative;z-index:10;width: inherit;/* max-width: 936px; */padding: 0px 0%;}
	header nav.sticky {position:fixed; top:0px;}
	header nav .mobileMenu {display:none;position:absolute;bottom: 0px;left:0px;width: 100%;height:100%;line-height: 2.7em;}
	/*nav > .mobileMenu:before {position:absolute;content:"Menu";width: 10px;right: 57%;top: 10px;display:block;cursor:pointer;font-weight: bold;line-height: 38px;font-size: 1.3em;color: #302315;letter-spacing: 1px;transition: 0.3s line-height;}
	header nav > .mobileMenu:after {position:absolute;content: "\f0c9";right: 59%;top: 10px;width: 57px;font-family:fontAwesome;display:block;cursor:pointer;font-weight:bold;line-height: 38px;font-size: 1.4em;color: #302315;font-weight: normal;transition: 0.3s line-height;}*/
	header nav > ul {list-style:none;display: flex;margin: 0 auto;padding:0;width: 100%;max-width: 920px;/* background: #fefefe; *//* background-image: linear-gradient(#fefefe, #ebebeb); */border-radius: 4px;/* overflow: hidden; */font-family: 'Raleway', cursive;/* box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.24); */}
	header nav > ul > li {position:relative;display: inline-block;flex-grow: 1;/* border-left: 1px solid #cfcfcf; */}
	header nav > ul > li > a {display:block;text-align:center;padding: 1px 20px;/* padding: 7px 23px; */font-size: 1.25em;line-height: 2.2em;color: #ffffff;text-transform: uppercase;font-weight:normal;border-radius: 3px;}
	header nav > ul > li:first-child > a {}
	header nav > ul > li:last-child > a {}
	header nav > ul > li:hover a {background: #00a3d8;box-shadow: 2px 1px 8px 0px rgb(0 0 0 / 52%);}
	
	header nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 7px 0 0px 0;/* width: 190px; */left: 0;top: 40px;overflow:hidden;transition: 0.2s;}
	header nav > ul > li ul  li  {position:relative; margin: 0; float: left; margin:1px 1% 1px 0px; width:100%;}
	header nav > ul > li ul  li  a {position:relative;display:block;line-height:19px;padding: 0;text-align: left;padding-left: 13px !important;font-weight: bold !important;font-size: 1.1em;color:rgba(255,255,255,0);border-radius: 3px;}
	header nav > ul > li:hover ul  li  a  {background: #f3f3f3;letter-spacing: 0;color: #302315 !important;transition: 0.3s;}
	
	
	header nav > ul > li ul  li:hover a {background: #922430;color:#ffffff !important;}
	header nav > ul > li:hover ul {height: 250px;transition: 0.4s;}
	header nav > ul > li:hover ul li a {padding: 0.6em 1em;}

	@media (max-width:990px) {
		header nav {width: 100%; padding: 0px 0% 0px 3%;}
		header nav > ul > li > a {font-size: 1.05em;}
		header nav > ul > li > a {padding: 3px 0 1px;white-space: nowrap;}
	}

	@media (max-width:750px) {
		
		header nav {float:none;}
		header nav .mobileMenu {z-index: 1;display: flex;justify-content: flex-end;align-items: flex-start;/* background: #2b3990; */top: 0px;height: 45px;}
		header nav .mobileMenu span.menu {color: #ffffff;font-size: 1.4em;font-weight: bold;}
		
		.nav__icon{display:inline-block;width: 25px;margin-left: -17px;margin-top: 20px;height: 4px;background-color: #ffffff;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, transform;-webkit-transition-duration:300ms;transition-duration:300ms;}

		.nav__icon:before, .nav__icon:after{content:'';display:block;width: 25px;height: 4px;position:absolute;background: #ffffff;-webkit-transition-property:margin, -webkit-transform;transition-property:margin, transform;-webkit-transition-duration:300ms;transition-duration:300ms;}
		.nav__icon:before {margin-top: -8px;}
		.nav__icon:after { margin-top: 8px;}
		
		header nav.selected .nav__icon{background:rgba(0, 0, 0, 0)}
		header nav.selected .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
		header nav.selected .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
		
		header nav > ul {position: absolute;display: block;padding: 45px 0px 0 0;width: 94%;/* border-bottom: 10px solid blue; */}
		header nav.selected > ul {border-bottom: solid 3px #ffffff;box-shadow: 0 0 13px rgba(0, 0, 0, 0.67);}
		header nav.selected > ul > li {float: left;width: 100%;}
		header nav.selected > ul > li a {font-size: 1.2em;line-height: 2.3em;text-align: left;background: rgb(255, 255, 255);font-weight: bold;box-shadow: none !important;}
		header nav.selected > ul > li { display:block; margin-top: 1px; }
		header nav > ul > li:before {display:none;}
		header nav > ul > li {display:none;margin-top:0px !important;border-top: 1px solid #00a3d8!important;}
		header nav > ul > li > a {position:relative;padding: 0 0 0 22px;color: #494747 !important;/* background: #292929 !important; */font-weight: bold;text-shadow: none !important;}
		header nav > ul > li > a:before {display:none;position:absolute;z-index: 10;content:"\f0d8";font-family:fontAwesome;left: 33px;bottom: -18px;font-size: 1.2em;color: #a6a4a4;}
		header nav > ul > li ul {width: 100%;display: none;height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: #f1f1f1;display: block;}
		header nav > ul > li.parent a:before, header nav > ul > li.opened a:before {display:block;}
		header nav > ul > li ul  li  {width: 50%; margin:0;}
		header nav > ul > li ul  li.fullWidth {width:100%;}
		header nav > ul > li ul  li  a,
		header nav > ul > li ul  li:hover a {padding: 0px 22px 0px 35px !important;letter-spacing: 0px;background: none !important;color: #292929 !important;font-size: 17px !important;border-top: 1px solid #a7a5a5;border-right: 1px solid #a7a5a5; border-radius:0px;}
		header nav > ul > li:hover ul  li  a {    color: #292929 !important;}
	}




/*BANNER IMAGES============================*/
.dynamic-headers {position: relative;}
	.rslides {margin:0 auto !important;/* border-bottom: 5px solid black; */}
	.rslides li {background-size:cover; background-position:center center;   }
	.rslides img {object-fit: cover;min-height: 215px;max-height: 440px;}
	.home_slides  li { opacity: 0;  /*transform: scale(1,1); transition: transform 10s linear , opacity 3s !important; */}
	.home_slides li.rslides1_on {opacity: 1; /*transform: scale(1.2,1.2); transition: transform 10s linear ,  opacity 2s !important; */}
	.home_slides img {min-height: 450px;max-height: 958px;}
	.service_slides img {min-height:450px;max-height: 700px;}

	header .rslides_nav {opacity: 1;position: absolute;z-index:150;top: 0px;width: 9%;min-width: 50px;max-width: 141px;height: 100%;font-size: 37px;background-position:center;background-repeat:no-repeat;background-size: 28px;cursor:pointer;overflow:hidden;text-indent:1000px;transition:0.3s;}
	.home header .rslides_nav {opacity:1;}

	header .rslides_nav.next {background-image: url(../images/right.png);background-size: 30px;right:0px;background-position: 45% 58%;}
	header .rslides_nav.prev {background-image: url(../images/left.png);background-size: 30px;left:0px;background-position: 48% 58%;}
	header .roomImages:hover .rslides_nav {opacity:1;}
	header .rslides_tabs {position:absolute;z-index:100;list-style:none;padding: 0px;left:0px;bottom: 9px;width:100%;text-align:center;}
	header .rslides_tabs li {
	display:inline-block;
	width: 14px !important;
	height: 14px !important;
	min-height: 14px !important;
	max-height: 14px;
	border-radius:30px !important;
	background: rgba(0, 0, 0, 0.51);
	margin: 0px 5px;
	overflow:hidden;
	text-indent:100px;
	box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.28);
	}
	header .rslides_tabs li.rslides_here {background: rgba(0, 0, 0, 0.82);}
	header .rslides_tabs li a {text-decoration:none; display: block;}

	#map {height:550px;}

	/*overlay*/
	.overlay {position:absolute;width: 100%;z-index: 10;left:0px;top: 56%;margin-top: -2.5em;text-align: center;transition:0.3s;}
	.overlay .center {
		display: flex;
		justify-content: center;
		max-width: 1570px;
		padding: 0 3%;
		margin:0 auto;
	}
	.overlay .center .box {
		max-width: 530px;
		/* background:white; */
		border-radius: 4px;
		/* overflow: hidden; */
		padding: 20px 2%;
	}
	.overlay .center .box h2 {
		
font-size: 2.3em;
		
color: white;
		
margin: 6px 0 5px 0;
		
font-family: 'Lato', sans-serif;
		
text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.63);
	}
	.overlay .center .box h2 span {	
		display: block;
		font-size: 0.9em;
	}

	.overlay .center .box p {		
		font-size: 1.5rem;		
		line-height: 1.23em;
		margin: 10px 0px;
	}
	.overlay .center .box p .button {
		
	}

	.overlay .center .box .action {
		margin-top: 34px;
	}
	.overlay .center .box .action > .button {
		background: #ffcb31;
		border-radius: 5px;
		white-space: nowrap;
		font-size: 1.4rem;
		padding: 17px 19px;
		font-weight: 500;
		line-height: 3rem;
		margin: 3px 0px;
		font-family: 'Raleway', sans-serif;
		text-transform: uppercase;
		transition: 0.3s;
		box-shadow: 1px 5px 7px -2px #00000059;
	}
	.overlay .center .box .action > .button:hover {
		background: #ffd866;
	}
	

	@media (max-width:1100px) {
		.overlay {margin-top: -4.7em;}
		.overlay span {font-size: 2.5em;line-height: 0.9em;}
		.overlay .center .box{
			padding: 20px 2%;
		}
	}

	@media (max-width:860px) {
		.overlay {
    		/* position: relative; */
    		/* left:0px; */
    		/* top:0px; */
    		/* margin:0px; */
    		/* width:100%; */
    		/* border-bottom: 5px solid black; */
    		/* background: #cdeff2; */
  }
		.overlay .center {
			padding: 0px 0%;
		}
		.overlay .center .box {
		    /* max-width: inherit; */
		    padding: 20px 30px;
		}
	}
	@media (max-width:650px) {
		.overlay .center .box h2 {
			font-size: 1.9em;
		}
	}



/*BREADCRUMB=========================================================*/
.breadcrumb {font-size: 1.1rem;padding-bottom: calc(10px + 5vh);}
.breadcrumb ol {list-style: none;/* text-align:center; */padding:0px;margin: 0px;}
.breadcrumb ol li {display:inline-block;}
.breadcrumb ol li:after {content:" : ";}
.breadcrumb ol li a {text-decoration: underline;color: #cf4930; font-weight: normal;}
.breadcrumb ol li a span {}

.breadcrumb ol li:last-child:after {content:"";}
.breadcrumb ol li:last-child a {text-decoration: none;color:#b3b3b3;cursor:default;}


   
/* Main section layouts */
.main {
	width:100%;
	padding: calc(10px + 5vh)  0 calc(30px + 5vh);
	padding: 0 0 calc(30px + 5vh);
	background: white url(/templates/client/images/reflectionInterior.jpg) 140px  bottom repeat-x;
	padding: calc(30px + 5vh) 0 calc(30px + 5vh);
	overflow:hidden;
}
.with-gallery .main {
	background:transparent;
}
.projectsPage .main,
.servicesPage .main,
.contantPage .main,
.gallery .main{ 
	     
	background: white url(/templates/client/images/cracks1.jpg) center bottom repeat-x;
	padding: calc(30px + 5vh) 0 calc(30px + 5vh);
    padding: calc(30px + 5vh) 0 calc(130px + 5vh);
}

.main article {width:100%;max-width: 980px;margin: 13px auto;padding:0 31px  30px;}
.main.sidebar article { width:70%; }

.main.sidebar aside { width:30%; float:right; background: #A6B7BF; padding:0 2em 30px; overflow:auto; }

	/*Home specific ----*/
	.home .main{
		padding: calc(10px + 5vh) 0 calc(110px + 5vh) 0;
		background: white url(/templates/client/images/reflection.jpg) 140px  bottom repeat-x;
		overflow-x: hidden;
	}
	.home .main article {
		display:flex;
		flex-direction: row-reverse;
		max-width: 1190px;
	}
	.home .main article .content {
		display:flex;
		flex-direction: column;
		width: 75%;
		padding-right: 6%;
	}
	.home .main article .content strong {
		font-weight: normal;
		font-size:1.3em;
		color: #b2b2b2;
	}
	.home .main article h1 {
		z-index: 1;
		position: relative;
		color: #41acd3;
		font-weight: 800;
		text-transform: uppercase;
	}
	.home .main article h1 span {
		content:"about us";
		position: absolute;
		z-index: -1;
		font-size: 3em;
		left: -20px;
		top: -20px;
		color: rgb(0 0 0 / 4%);
		white-space: pre-wrap; /* or pre-wrap */
		line-height: 0.9em;
		pointer-events: none;
	}
	.home .main article a {
		display: inline-block;
		background: white;
		border-radius: 5px;
		border: 2px solid #cf4930;
		color: #cf4930;
		white-space: nowrap;
		font-size: 1.7rem;
		padding: 0px 28px;
		margin-top: 12px;
		font-weight: normal;
		line-height: 3rem;
		text-decoration: none;
	}
	.home .main article a:hover {
		background: #cf4930;
		color:white;
	}
	
	@media (max-width:700px) {
		.home .main article {
			flex-direction: column;
		}
		.home .main article .content {
			width: 100%;
		}
	}


.main article a {
	color: #cf4930;
	text-decoration: underline;
}
.main article a:hover {
	text-decoration: none;
}


/*BUILD CTA-----------------------------------*/
.buildCTA {
	position: relative;
	background:#41acd3;
}
.buildCTA .center {
	position: relative;
	align-items: baseline;
	z-index: 1;
	display: flex;
	max-width: 1290px;
	margin: 0 auto;
	padding: calc(0px + 4vh) 30px calc(110px + 6vh) 30px;
}
.buildCTA .center .left {
	position: relative;
	width: 56%;
	padding: 0 7% 0 5%;
}
.buildCTA .center h2 {
	position:relative;
	z-index: 1;
	color:white;
	font-size: 2.3em;
	line-height: 2.6rem;
	padding: 0 15px;
}
.buildCTA .center h2 span {
	content:"Build";
	position: absolute;
	z-index: -1;
	font-size: 3.3em;
	left: -80px;
	top: -20px;
	color: rgb(0 0 0 / 4%);
	white-space: pre-wrap; /* or pre-wrap */
	line-height: 0.9em;
	pointer-events: none;
}
.buildCTA .center p {
	display: inline-block;
	color:white;
	/* background: rgb(65 172 211 / 68%); */
	padding: 10px 15px 0px;
}

.buildCTA .center  .left a {
	display: inline-block;
	color: #41acd3;
	background: #fff;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 1.2rem;
	padding: 0px 19px;
	font-weight: 500;
	line-height: 3rem;
	margin: 4px 0px 3px 0px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	/* box-shadow: 1px 5px 7px -2px #00000059; */
	transition:0.3s;
}
.buildCTA .center .left a:hover {
	background: rgb(255 255 255 / 79%);
}
.buildCTA .center .photos {
	position: relative;
	padding: 10px 60px;
	overflow: hidden;
}
.buildCTA .center .rslides {
	position: relative;
	box-shadow: 4px 11px 13px -7px #00000059;
}
.buildCTA .center .rslides li {
}
.buildCTA .center .rslides li img {
	border: 10px solid white;
}
.buildCTA .center .rslides_nav  {
	position:absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	/* background: gray; */
	text-indent: 200px;
	margin-top: -25px;
}
.buildCTA .center .rslides_nav.prev {
	/* right: calc(47px + 1em); */
	left: -3px;
	overflow:hidden;
}
.buildCTA .center .rslides_nav.prev:after {
	position: absolute;
	left: -11px;
	top: 7px;
	content:'\f137';
	font-family: FontAwesome;
	color: rgb(255 255 255 / 58%);
	font-weight: bold;
	font-size: 2.6rem;
	text-indent: 20px;
	text-shadow: 3px 3px 14px rgb(0 0 0 / 19%);
}
.buildCTA .center .rslides_nav.next {
	right: -11px;
	overflow:hidden;
}
.buildCTA .center .rslides_nav.next:after{
	position: absolute;
	left: -13px;
	top: 7px;
	content:'\f138';
	font-family: FontAwesome;
	color: rgb(255 255 255 / 58%);
	font-weight: bold;
	font-size: 2.6rem;
	text-indent: 20px;
	text-shadow: 3px 3px 14px rgb(0 0 0 / 19%);
}
.buildCTA .center .rslides_nav:hover:after {
	color: #ffffff;
}

.wavesTop {
	position: absolute;
	z-index: 0;
	top: -119px;
	left:0;
	width:100%;
	height:144px;
	overflow: hidden;
}
.wave1 {
	position: absolute;
	top:15px;
	left:0;
	background: url(../images/wave1.png) repeat-x 0px bottom;
	background-size: 1046px;
	width:100%;
	height:100%;
}
.wave2 {
	position: absolute;
	top:0;
	left: 0px;
	background: url(../images/wave1.png) repeat-x 0px bottom;
	background-size: 1046px;
	width:100%;
	height:100%;
	opacity: 0.7;
}

.wavesTop.animateOnView > .wave1 {
	-webkit-animation: waveAnim 25s  linear 0s normal infinite;
	animation: waveAnim 25s linear 0s normal infinite;
}
.wavesTop.animateOnView > .wave2 {
	-webkit-animation: waveAnim 80s  linear 3s normal infinite;
	animation: waveAnim 80s linear 3s normal infinite;
}

	/*ANIMATIONS------*/

	@-webkit-keyframes waveAnim {
		0% {background-position:0px bottom;}
		100% {background-position:1046px bottom;}
	}
	@keyframes waveAnim {
		0% {background-position:0px bottom;}
		100% {background-position:1046px bottom;}
	}


.sandWave {
	position: absolute;
	z-index: 5;
	left:0;
	bottom:0px;
	width:100%;
	height:100px;
}
.sandWave .sand1 {
	position: absolute;
	bottom:0px;
	left:0;
	background: url(../images/wavey.png) repeat-x 0px bottom;
	background-size: 1600px;
	width:100%;
	height:105px;
}
.sandWave .sand2 {
	position: absolute;
	bottom:0px;
	left:0;
	background: url(../images/waveb.png) repeat-x 0px bottom;
	background-size: 1600px;
	width:100%;
	height:92px;
}
@media (min-width:1600px) {
	.sandWave .sand1 {
		background-size: 100% 105px;
	}
	.sandWave .sand2 {
		background-size: 100% 105px;
	}
}

.trees {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition:0.3s;
}
.trees img {
	position: relative;
	display: block;
	width:100%;
	height:auto;
}
.tree1 {
	position:absolute;
	left: -2%;
	top: 2%;
	max-width: 204px;
	width: 40%;
	min-width: 100px;
	transform: rotate(59.0001deg);
}
.sun1 {
	position:absolute;
	left: 5%;
	top: 5%;
	width: 20%;
	max-width: 140px;
	min-width: 50px;
	transition:0.3s;
}
.tree2 {
	position:absolute;
	left: 36%;
	bottom: 1%;
	width: 40%;
	max-width: 159px;
	filter: blur(0.17rem);
}
.tree3 {
	position:absolute;
	right: -2%;
	bottom: 0px;
	filter: blur(0.37rem);
}
@media (max-width:1380px) {
	.tree1,
	.sun1 {
		opacity:0.4;
	}
}
@media (max-width:960px) {
	.buildCTA .center {
		align-items: center;
		flex-direction: column-reverse;
	}
	.buildCTA .center {
		padding: calc(0px + 4vh) 10px calc(430px + 6vh) 10px;
	}
	.buildCTA .center .left {
		width: 100%;
		padding: 0 5%;
	}
	.buildCTA .center .photos {
		width: 100%;
	}
	.tree2 {
		transform: scale(1,-1);
	}

}
@media (max-width:550px) { 
	.buildCTA .center .photos {
		padding: 10px 50px;
	}
	.buildCTA .center .rslides_nav.prev {
		left: -7px;
	}
	.buildCTA .center .rslides_nav.next {
		right: -13px;
	}
}



/* Renovate CTA ------------------------*/
.renovateCTA {
	position: relative;
	z-index: 1;
	background:#cfeaf4;
	overflow: hidden;
}
.renovateCTA .center {
	display: flex;
	flex-direction: row-reverse;
	max-width: 1460px;
	margin: 0 auto;
	padding: calc(0px + 4vh) 30px calc(330px + 4vh) 30px;
}
.renovateCTA .center .right {
	position: relative;
	width: 52%;
	padding: 100px 7% 0 12%;
}
.renovateCTA .center h2 {
	position:relative;
	z-index: 1;
	color: black;
	font-size: 2.3em;
	line-height: 2.6rem;
}
.renovateCTA .center h2 span {
	content:"Renovate";
	position: absolute;
	z-index: -1;
	font-size: 3em;
	left: -40px;
	top: -20px;
	color: rgb(0 0 0 / 4%);
	white-space: pre-wrap; /* or pre-wrap */
	line-height: 0.9em;
	pointer-events: none;
}
.renovateCTA .center p {
	color: #767676;
}
.renovateCTA .center  .right a {
	display: inline-block;
	color: #000000;
	background: #fff;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 1.2rem;
	padding: 0px 19px;
	font-weight: 500;
	line-height: 3rem;
	margin: 14px 0px 3px 0px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	/* box-shadow: 1px 5px 7px -2px #00000059; */
	transition:0.3s;
}
.renovateCTA .center .right a:hover {
	background: rgb(255 255 255 / 79%);
}
.renovateCTA .center .photos {
	position: relative;
	z-index: 1;
	width:48%;
	height: 100%;
}
.renovateCTA .center .photos .before {
	position: relative;
	/* left:0px; */
	/* top:0px; */
	width: 61%;
	transform: rotate(-7deg);
}
.renovateCTA .center .photos .before:after {
	content:"BEFORE";
	position: absolute;
	top: 9%;
	left: 6%;
	color: white;
	font-size: 2rem;
	font-weight: 900;
	font-family: 'Raleway', cursive;
	text-shadow: 1px 1px 6px rgb(0 0 0 / 63%);
	font-style: italic;
}
.renovateCTA .center .photos .before img {
	display: block;
	width: 100%;
	height: auto;
	border: 12px solid white;
	box-shadow: 4px 11px 13px -7px #00000059;
	/* box-sizing: border-box; */
}
.renovateCTA .center .photos .after {
	position: absolute;
	left: 22%;
	top: 59%;
	width: 84%;
	transform: rotate(10deg);
}
.renovateCTA .center .photos .after:after {
	content:"AFTER";
	position: absolute;
	top: 9%;
	left: 6%;
	color: white;
	font-size: 2.6rem;
	font-weight: 900;
	font-family: 'Raleway', cursive;
	text-shadow: 1px 1px 6px rgb(0 0 0 / 63%);
	font-style: italic;
}
.renovateCTA .center .photos .after img {
	width: 100%;
	height: auto;
	border: 12px solid white;
	box-shadow: 4px 11px 21px -7px #00000059;
	/* box-sizing: border-box; */
}
@media (max-width:1200px) { 
	.renovateCTA .center {
		padding: calc(0px + 4vh) 30px calc(124px + 9vw) 30px;
	}
}
@media (max-width:960px) { 
	
	.renovateCTA .center .photos .before:after {
		font-size: 1.3rem;
	}
	.renovateCTA .center .photos .after:after {
		font-size: 1.9rem;
	}
}
@media (max-width:800px) { 
	.renovateCTA .center {
		flex-direction: column-reverse;
		padding: calc(0px + 4vh) 30px calc(40px + 9vh) 30px;
	}
	.renovateCTA .center .right {
		width: 100%;
		padding: 50vw 2% 0 5%;
	}
	
	.renovateCTA .center .photos {
		width: 97%;
	}
}



/*Maintain CTA-----------------------------*/
.maintainCTA {
	position: relative;
	z-index: 2;
	background:white;
}
.maintainCTA .clipEdges {
	overflow:hidden;
}
.maintainCTA .diagonal {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100px;
    background: #fff;
    overflow: visible;
}
.maintainCTA .diagonal:before {
    position: absolute;
    content: '';
    left: 0;
    top: calc(-19vw + 1px);
    width: 100%;
    height: 19vw;
    background: #fff;
    clip-path: polygon(100% 60%, 0% 100%, 100% 100%);
}
.maintainCTA .center {
	display: flex;
	flex-direction: inherit;
	max-width: 1460px;
	margin: 0 auto;
	padding: calc(60px + 5vh) 0px calc(190px + 4vh) 0px;
}
.maintainCTA .center .left {
	position: relative;
	z-index:2;
	width: 52%;
	padding: 100px 8% 0 4%;
	box-sizing: border-box;
}
.maintainCTA .center h2 {
	position:relative;
	z-index: 1;
	font-size: 2.3em;
	line-height: 2.6rem;
}
.maintainCTA .center h2 span {
	content:"Renovate";
	position: absolute;
	z-index: -1;
	font-size: 3em;
	left: -70px;
	top: -20px;
	color: rgb(0 0 0 / 4%);
	white-space: pre-wrap; /* or pre-wrap */
	line-height: 0.9em;
	pointer-events: none;
}
.maintainCTA .center p {
	color: #767676;
}
.maintainCTA .center  .left a {
	display: inline-block;
	color: #fff;
	background: #41acd3;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 1.2rem;
	padding: 0px 19px;
	font-weight: 500;
	line-height: 3rem;
	margin: 14px 0px 3px 0px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	/* box-shadow: 1px 5px 7px -2px #00000059; */
	transition:0.3s;
}
.maintainCTA .center .left a:hover {
	background: rgb(44 178 227);
}
.maintainCTA .center .icons {
	position: relative;
	margin-top: 50px;
}
.maintainCTA .center .icons img {
	position: absolute;
}
.maintainCTA .center .icons img:nth-child(1) {left: -15px;top: 0px;}
.maintainCTA .center .icons img:nth-child(2) {left: 172px;top: 0px;}
.maintainCTA .center .icons img:nth-child(3) {left: 370px;top: 0px;}

.maintainCTA .center .pool {
	position: relative;
	width: 48%;
	box-sizing: border-box;
}
.maintainCTA .center .pool  img {
	display: block;
	width: 940px;
	/* max-width: 500px; */
	height: auto;
	/* position: absolute; */
	/* top:0px; */
	/* right:0px; */
}
@media (max-width:800px) { 
	.maintainCTA .center {
		flex-direction: column;
		padding: calc(40px + 5vh) 0px calc(100px + 4vh) 0px;
	}
	.maintainCTA .center .left {
		width: 100%;
		padding: 0px 10% 0 8%;
	}
	
	.maintainCTA .center .icons img {
		position: relative;
		left: inherit !important;
		top: inherit !important;
	}
	.maintainCTA .center .pool {
		width: 100%;
	}
	.maintainCTA .center .pool img {
		width: 130%;
		padding-left: 10%;
		padding-top: 50px;
	}
}
@media (max-width:680px) { 
	.maintainCTA .center .icons {
		width:100%;
		margin-bottom: 0;
	}
	.maintainCTA .center .icons img {
		width:33.3%;
		height:auto;
	}
}



/*QUOTES CTA------------------------------------*/
.quotesCTA {
    position: relative;
    z-index: 3;
    padding: calc(11vw + 130px) 4% calc(6vw + 50px) 4%;
    background:#dfa13a;
    background: #dfa13a url(../images/orange.jpg) no-repeat center center;
    background-size:100% auto;
}
.quotesCTA .diagonal {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -98px;
    width: 100%;
    height: 100px;
    padding: 0 4% 0 4%;
    overflow: visible;
    z-index: 4;
}
.quotesCTA .diagonal:before {
    position: absolute;
    content: '';
    left: 0;
    top: calc(-29vw + 1px);
    top: 0;
    width: 100%;
    height: 100%;
    background: #e1a640;
	background: #e3ad4d;
    clip-path: polygon(0 0, 100% 0%, 100% 100%);
}
.quotesCTA .icon2 {
    position: absolute;
    z-index: 2;
    top: -59px;
    left: 50%;
    margin-left: -101px;
    /* max-width: 1250px; */
    width: 200px;
    text-align: center;
}
.quotesCTA .icon2 img {
    filter: drop-shadow(2px 2px 7px rgb(0 0 0 / 25%));
}
@media (max-width:680px) { 
	.quotesCTA .icon2 img  {
		width: 150px;
		height: auto;
	}
}

.quotesCTA .center {
    position: relative;
    max-width: 1260px;
    margin:0 auto;
}

.quotesCTA h2 {
    position: absolute;
    top: -30px;
    left: 0%;
    width: 100%;
    text-align: center;
    color: rgb(255 255 255 / 14%);
    font-size: clamp(2rem, 11.5vw, 16.4rem);
    margin: 100px 0 60px 0;
    font-weight: 600;
    line-height: 1em;
    letter-spacing: 0em;
    overflow: hidden;
}
.quotesCTA h2 span {
	display: inline-block;
}
.quotesCTA ul {
    display: flex;
    flex-direction: column;
    padding:0;
    margin:0;
    list-style: none;
	overflow: hidden;
}
.quotesCTA ul .quote {
    position: relative;
    display: flex;
    justify-content: flex-end;
    color: rgba(0, 0, 0, 0.70);
    margin: calc(2vw + 7px) 0;
}
.quotesCTA ul .quote .title  {
    position: relative;
    flex-direction: column;
    color:white;
    width: 30%;
    max-width: 360px;
    flex-grow: 1;
}
.quotesCTA ul .quote .title h3 {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 42%;
    font-weight: 600;
    font-size: 1.8rem;
    margin: 0% 8% 3% 0%;
}
.quotesCTA ul .quote .title h3 em {
    display: block;
    margin-top: 9px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.7em;
    font-weight: 600;
    line-height: 1.2em;
}
.quotesCTA ul .quote .white {
    /* flex-grow: 1; */
    font-style: italic;
    position: relative;
    width: 60%;
    background: white;
    border-radius: 80px 3px 80px 2px;
    padding: calc(3vh + 10px) 7% calc(3vh + 10px);
    line-height: 1.4em;
    font-size: 1.3rem;
}
.quotesCTA ul .quote .white p {
    margin:0;
    color: gray;
    font-size: 1.1em;
}
.quotesCTA ul .quote .white .triangleDesktop {
    position: absolute;
    z-index: 0;
    bottom: 0px;
    left: -124px;
    /* max-width: 156px; */
    height: 50%;
    width:124px;
}
.quotesCTA ul .quote .white .triangleMobile { 
    display: none;
}

    /*EVEN numbered QUOTES----*/
    .quotesCTA ul .quote:nth-child(even) {
        flex-direction: row-reverse;
    }
    .quotesCTA ul .quote:nth-child(even) .title h3 {
        margin: 0% 0% 3% 8%;
    }
    .quotesCTA ul .quote:nth-child(even) div {
        border-radius: 3px 80px 2px 80px;
    }
    .quotesCTA ul .quote:nth-child(even) div .triangleDesktop {
        right: -124px;
        left: inherit;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipV;
        -ms-filter: "FlipH";
    }

@media (max-width:1360px) {
	.quotesCTA .diagonal:before {
		background: #e1a640;
	}
}
@media (max-width:980px) {
	.quotesCTA .diagonal:before {
		background: #dfa13a;
	}
}
@media (max-width:850px) {
    .quotesCTA ul .quote {
        margin: calc(2vw + 57px) 0;
    }
}

@media (max-width:550px) {
    .quotesCTA {
        padding: calc(10vw + 160px) 4% 100px 4%;
    }
    .quotesCTA ul .quote {
        flex-direction: column-reverse !important;
        margin: calc(2vw + 17px) 0;
    }
    .quotesCTA ul .quote .white {
        border-radius: 80px 3px 80px 2px !important;
    	padding: calc(3vh + 7px) 10% calc(3vh + 7px) !important;
    	font-size: 1.2rem;
    }
    .quotesCTA ul .quote .title h3 {
        margin: 20px 0% 5% 5% !important;
    }
    .quotesCTA ul .quote .white .triangleDesktop { 
        display: none;
    }
    .quotesCTA ul .quote .white .triangleMobile {
        position: absolute;
        z-index: 0;
        bottom: 0px;
        left: 0px;
        /* max-width: 156px; */
        height: 156px;
        width:50%;
    }
    .quotesCTA ul .quote .title {
        width:100%;
    }
    .quotesCTA ul .quote .white {
        width:100%;
    }
}


/*Map CTA----------------------------------------------------*/
.mapCTA {
	position: relative;
	background: #f7f7f7;
}
.mapCTA .diagonal {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 100px;
    padding: 0 4% 0 4%;
    overflow: visible;
    z-index: 4;
}
.mapCTA .diagonal:before {
    position: absolute;
    content: '';
    left: 0;
    top: calc(-29vw + 1px);
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
	background: white;
    clip-path: polygon(0 0, 100% 0%, 100% 100%);
}
.home .mapCTA .diagonal {
	display:none;
}

.mapCTA .map-wrapper {
	position: relative;
	height: 41vw;
}
.mapCTA .map {
	position: relative;
	background: url(../images/map.jpg) center top  no-repeat;
	background-size: 100%;
	height: 41vw;
	/* max-height:794px; */
}
.mapCTA .circles {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(../images/circles2.png) center top  no-repeat;
	background-size: 100%;
}
.mapCTA .markers {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background: url(../images/markers.png) center top  no-repeat;
	background-size: 100%;
}

.mapCTA .center {
	position: absolute;
	left: 0px;
	top: 40px;
	z-index: 2;
	display: flex;
	flex-direction: column;
	max-width: 1460px;
	width: 100%;
	margin: 0 auto;
	padding: calc(60px + 4vh) 6% calc(160px + 4vh) 9%;
	overflow: hidden;
}
.mapCTA .center .left {
	position: relative;
	width: 52%;
	padding: 100px 8% 0 4%;
	box-sizing: border-box;
}
.mapCTA .center h2 {
	position:relative;
	z-index: 1;
	font-size: 2.3em;
	line-height: 2.6rem;
	margin: 30px 0 19px 0;
}
.mapCTA .center h2 span {
	content:"Renovate";
	position: absolute;
	z-index: -1;
	font-size: 3.2em;
	left: -70px;
	top: -20px;
	color: rgb(0 0 0 / 4%);
	white-space: nowrap; /* or pre-wrap */
	line-height: 0.9em;
	pointer-events: none;
}
.mapCTA .center p {
	color: #767676;
	position: relative;
	font-size: 1.4em;
	line-height: 1.23em;
	font-style: italic;
	margin-bottom: 0;
	width: 63%;
}
.mapCTA .center  .left a {
	display: inline-block;
	color: #fff;
	background: #41acd3;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 1.2rem;
	padding: 0px 19px;
	font-weight: normal;
	line-height: 3rem;
	margin: 14px 0px 3px 0px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	/* box-shadow: 1px 5px 7px -2px #00000059; */
	transition:0.3s;
}
.mapCTA .center .left a:hover {
	background: rgb(255 255 255 / 79%);
}

@media (max-width:1600px) {
	.mapCTA .map-wrapper {
		height: 720px;
	}
	.mapCTA .map,
	.mapCTA .circles,
	.mapCTA .markers {
		background-size: 1878px;
		background-position: -150px top;
		height: 720px;
	}
}

@media (max-width:1390px) {
	.mapCTA {
		display: flex;
		flex-direction: column-reverse;
	}
	.mapCTA .center {
		position: relative;
		top: 0px;
		padding: calc(130px + 4vh) 6% calc(0px + 0vh) 9%;
		background: #f7f7f7;
	}
	.mapCTA .center p {
		width: 100%;
	}
	.mapCTA .map-wrapper {
		height: 40vw;
	}
	.mapCTA .map {
		background-size: 120%;
		background-position: center;
		height: 40vw;
	}
	.mapCTA .circles {
		background-size: 120%;
		background-position: center;
		height: 40vw;
	}
	.mapCTA .markers {
		background-size: 120%;
		background-position: center;
		height: 40vw;
	}
}

@media (max-width:1000px) {
	.mapCTA .map-wrapper {
		height: 50vw;
	}
	.mapCTA .map {
		background: url(../images/mapMobile.jpg) center top  no-repeat;
		background-size: 100%;
		height: 50vw;
	}
	.mapCTA .circles,
	.mapCTA .markers {
		display:none;
	}
}


/*Process Listings============================================================================*/
.process {
	position: relative;
	/* display:flex; */
	/* align-items:baseline; */
}
.process h3 {
	display: flex;
	align-items: center;
	font-family: 'Raleway', cursive;
	font-size: 1.5em;
	font-weight: 800;
	/* color: #41acd3; */
	position: relative;
	width: calc(100% - 40px);
	min-height: 62px;
	line-height: 1.4em;
	padding: 0px 0px 0px 85px;
	margin: 5px 20px;
	box-sizing: border-box;
	text-transform: capitalize;
}
.process h3:nth-of-type(2n+1) {
	padding: 0px 88px 0px 0px;
	justify-content: end;
}
.process h3:nth-of-type(2n) {
	/* align-self: flex-end; */
}
.process h3:before {
	content:'Phase';
	position: absolute;
	z-index: 1;
	left: 0px;
	right: 4px;
	top: -1px;
	width: 74px;
	font-size: 0.6em;
	text-align: center;
	color: white;
}
.process h3:after {
	position: absolute;
	left: 0px;
	right: 4px;
	top: 0;
	height: 70px;
	width: 74px;
	color: white;
	padding: 22px 10px 17px 10px;
	font-size: 2em;
	background: #41acd3;
	border-radius: 3px 3px 0 0;
	text-align: center;
	box-shadow: inset 0px -13px 18px -17px rgb(0 0 0 / 87%);
}

.process h3:nth-of-type(2n+1):before {	
	left: inherit;
}
.process h3:nth-of-type(2n+1):after {	
	left: inherit;
}
.process h3:nth-of-type(2n):after {
	
}
.process h3:nth-of-type(1):after {content:'1';}
.process h3:nth-of-type(2):after {content:'2';}
.process h3:nth-of-type(3):after {content:'3';}
.process h3:nth-of-type(4):after {content:'4';}
.process h3:nth-of-type(5):after {content:'5';}
.process h3:nth-of-type(6):after {content:'6';}
.process h3:nth-of-type(7):after {content:'7';}
.process h3:nth-of-type(8):after {content:'8';}
.process h3:nth-of-type(9):after {content:'9';}
.process h3:nth-of-type(10):after {content:'10';}
.process h3:nth-of-type(11):after {content:'11';}
.process h3:nth-of-type(12):after {content:'12';}

.process p {
	position: relative;
	background: whitesmoke;
	padding: 20px 20px;
	margin: 0px 0 40px;
	/* box-shadow: 0px 13px 18px -17px rgb(35 105 131 / 61%); */
}
.process p:nth-of-type(2n+1) {
	
}
.process p:nth-of-type(2n) {
	/* align-self: flex-end; */
}



/*CONTACT PAGE=========================================*/
#contact-page .box {padding: 2px 20px; background: #ffffff;border-radius: 4px;box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.31);}
#contact-page form {margin-top: 30px;}
.contantPage .main {
	padding: calc(30px + 5vh) 0 calc(80px + 4vh);
}

/*CONTACT FORM overides =============================================================== */

form fieldset div.formfields input,
form fieldset div.formfields select,
form fieldset div.formfields textarea,
form fieldset div.formfields label.datewrap {box-shadow: 2px 10px 7px -7px rgba(0, 0, 0, 0.15);background-color: #ffffff; color:black;font-size: 1.1em;}
form fieldset div.formfields textarea {height: 167px;}
form fieldset div.formfields label.datewrap  span {color: #A8A8A8;}

form fieldset div.formfields button {font-size: 1.2em;background-color: #41acd3;transition:0.3s;}
form fieldset div.formfields button:hover {background-color: #05a9e5;}



.gallery .main article {
	max-width: initial;
	margin: 13px auto;
	padding: 0 0 1em;
}
.gallery .main article h1 {
	max-width: 980px;
    margin: 0px auto;
	padding: 0 31px  40px;
	text-align: center;
}
.gallery .main article.aligned-gallery {
	max-width: 1500px;
    margin: 0px auto;
}
.gallery .back {
	max-width: 980px;
	margin: 13px auto;
	text-align: center;
}
.gallery .back a {
	display: inline-block;
	color:#41acd3;
	margin: 10px;
	padding: 5px 10px;
}
.gallery .back a:hover {
	background: #41acd326;
}
.gallery .back a.highlight {
	
	color:white;
	background:#41acd3;
} 

/* Gallery============================ */
#gallery-categories { list-style: none !important; padding: 0; margin: 0 0 70px 0;}
#gallery-categories li {position:relative;width: 25%;width: 31.2%;float:left;margin: 10px 1%;border: solid 8px #f6f4f1 !important;padding: 0px 0px 0px 0px;border-radius: 4px;box-sizing:border-box;}
#gallery-categories li:before {display:none;}
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span {position: absolute;top: 50%;left: 50%;display: inline-block;width: 280px;margin: -22px 0 0 -140px;background: rgb(255 255 255);text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);text-align:center;font-family: 'Raleway', sans-serif;font-size:24px;letter-spacing: 1px;font-size: 30px;border-radius: 3px;padding: 6px 20px 9px 20px;color: black;box-sizing:border-box;border-radius: 4px;transition:0.3s;}
#gallery-categories li:hover a span {color: white;background: #41acd3;}
#gallery-categories li a img { display:block; width:100%; height:auto; }

@media screen and (max-width: 700px) {
		#gallery-categories li {float:none;display:block;margin:0px auto 40px auto;width: 100% !important;max-width:410px;}
	}


/* Aligned Gallery*/
.aligned-gallery { list-style:none; padding: 0px 0px 0px 15px;}
.aligned-gallery li {display:block;float:left;margin: 5px;width: inherit;padding: 0px !important;box-shadow: 0px 0px 11px -8px rgba(0, 0, 0, 0.0);}
.aligned-gallery li:hover {/* box-shadow: 0px 10px 11px -8px rgba(0, 0, 0, 0.41); */}
.aligned-gallery li:before {display:none;}
.aligned-gallery li a { display:block; cursor:zoom-in}
.aligned-gallery li a img {display:block;margin:0px !important;border-radius: 3px;border: 6px solid #f5f5f5;transition:0.3s;}
.aligned-gallery li a:hover img {
	border: 6px solid #41acd3;
}

	@media screen and (max-width: 780px) {
		#gallery-categories li {display:block;margin: 0px auto 10px auto;width: 50%;max-width: 400px;}
	}
	@media screen and (max-width: 550px) {
		#gallery-categories li {float:none;display:block;margin: 0px auto 0px auto;width: 100%;max-width:300px;}
	}




	

/*In Page Photo Gallery=========================*/
.page-gallery {
	background: #f5f5f5;
	padding: 1px 0;
	border-radius: 9px;
	margin-bottom: 80px;
	box-shadow: 4px 19px 21px -25px #00000059;
	/* box-shadow: 1px 5px 19px -11px #00000033, 4px 30px 45px -30px #00000052; */
	margin-left: -20%;
	width: 140%;
}

@media (max-width:1320px) {
	.page-gallery {
		margin-left: 0%;
		width: 100%;
	}
}


/*Plaster Selction samples  layout===========================*/
.plaster-wrapper {
	position: relative;
	background: #cfeaf4;
	padding-top: calc(40px + 4vh);
}
.plaster-wrapper .diagonal {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -2px;
    width: 100%;
    height: 100px;
    padding: 0 4% 0 4%;
    overflow: visible;
    z-index: 4;
}
.plaster-wrapper .diagonal:before {
    position: absolute;
    content: '';
    left: 0;
    top: calc(-29vw + 1px);
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    background: #fff;
    clip-path: polygon(0 0, 100% 0%, 100% 100%);
}
.plaster-wrapper .center {
	width: 100%;
	/* max-width: 980px;
    margin: 13px auto; */
	padding: calc(30px + 5vh) 30px calc(30px + 5vh);
}

.plaster-wrapper .center h2,
.plaster-wrapper .center h3,
.plaster-wrapper .center p {
	max-width: 980px;
	margin: 13px auto;
}
.plaster-wrapper .center h2 {
	margin: 13px auto 53px auto;
	/* color: black; */
	font-size: 2.3em;
	line-height: 2.6rem;
}
.plaster-wrapper .center p strong {
	/* color: #41acd3; */
}

.plasters {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 13px 10px;
	margin-bottom: calc(60px + 5vh);
	flex-wrap: wrap;
	background: white;
	border-radius: 14px;
	box-shadow: 4px 19px 25px -25px #00000059;
	/* box-shadow: 1px 5px 16px -11px #00000033, 4px 28px 39px -29px #00000052; */
}

.plasters img {border-radius: 10px 10px 10px 10px;/* max-width: 226px !important; */width: 100%;height:auto !important;transition: 0.3s;}
.plasters .plasterImage {position:relative;opacity:1; display: inline-block;margin: 9px;flex-grow: 1;/* width: 17%; */max-width: 269px; overflow:hidden;}
.plasters h4 {position:absolute;left:0px;/* width:117px; */background: rgb(255 255 255);top: 14px;left: -4px;text-align: center;font-size: 1.1em;font-style: italic;font-weight: 800;padding: 5px 14px 5px 13px;transition:0.5s;border-radius: 0px 3px 3px 0px;/* transform: skew(-12deg, 0deg); */}
.plasters .plasterImage:hover h4 {transform: translateX(-30px); opacity:0; transition:0.2s}

@media (max-width:660px) {
	.plasters .plasterImage {
		margin: 1%;
		width: 47%;
	}
}





/*CONTACT PAGE =============================================================== */
form * { box-sizing:border-box; }
form fieldset div.formfields input,
form fieldset div.formfields textarea,
form fieldset div.formfields select,
form fieldset div.formfields label.datewrap { background-color: #e2e2e2; font-family: 'Lato', sans-serif; box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.11); }
form fieldset div.formfields button {background-color: #41acd3;}

/*DATE PICKER=================*/
div.ui-datepicker{ font-size:16px !important;box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.74);border: 1px solid rgba(255, 255, 255, 0.49)!important;}
.ui-widget-content {background: #A0183B  !important;  border-radius: 3px !important; border:none !important;}
.ui-datepicker table {background: transparent !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:none !important;color: #FBFBFB   !important;background: transparent !important;}
.ui-datepicker select.ui-datepicker-month,  .ui-datepicker select.ui-datepicker-year {width: 47%;display: inline-block;background:#a0183b;border: 0px;margin: 0 2px;}
.ui-datepicker .ui-datepicker-header {    background: transparent !important;box-shadow: 0 7px 7px -9px rgba(20, 49, 58, 0.58);border: none;}
.ui-datepicker th {color: rgba(255, 255, 255, 0.54);}
.ui-datepicker .ui-datepicker-title {color: #FCFCFC  !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color: #A0183B   !important;  border: none!important;  text-shadow:none !important;background: rgba(250, 250, 250, 0.83) !important;}
.ui-state-active:hover, .ui-widget-content .ui-state-active:hover, .ui-widget-header .ui-state-active:hover {border: none!important;/* background: #fff !important; */}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: #FFFFFF  !important;background: rgba(0, 0, 0, 0.25)  !important;}
.ui-datepicker td a {padding: 4px 0;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .30;}
.my-class .ui-state-default:hover {border:none !important;}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {background: rgba(0, 0, 0, 0) !important;}





/*FOOTER================================================================================*/
footer {

}

.requestQuote {
	display: flex;
	justify-content: center;
	align-items: baseline;
	background: black;
	padding: 10px;
}
.requestQuote span {
	display: inline-block;
	color:white;
	padding: 10px 20px;
	font-size: 1.3rem;
}
.requestQuote a {
	background: #ffcb31;
	border-radius: 5px;
	white-space: nowrap;
	font-size: 1.3rem;
	padding: 7px 21px;
	font-weight: 500;
	line-height: 3rem;
	margin: 9px 0px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	
	box-shadow: 1px 5px 7px -2px #00000059;
}
.requestQuote a:hover {
	background: #ffd866;
} 
@media (max-width:670px) {
	.requestQuote {
		flex-direction: column;
		align-items: center;
		padding: 20px 10px;
	}
}

footer nav {
	/* position: relative; */
	display: flex;
	justify-content: center;
	align-items: center;
}
footer nav ul {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	list-style: none;
	display: flex;
	margin: 0 auto;
	padding:0;
	width: 100%;
	border-bottom: 2px solid black;
}
footer nav ul li {
	position: relative;
	
}
footer nav ul li a {
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	padding: 16px 15px;
	font-weight: 500;
	font-size: 1.1rem;
	border-right: 1px solid #0000001c;
	transition:0.3s;
}
footer nav ul li:last-child a {
	border-right: 0px solid #0000001c;
}
footer nav ul li a:hover {
	position: relative;
	background: whitesmoke;
}

@media (max-width:680px) {
	footer nav  {
		display:none;
	}
	/* footer nav ul {
		flex-wrap: wrap;
		border-bottom: 0px solid black;
	}
	footer nav ul li {
		width:33.3%;
		border-bottom: 1px solid black;
	}
	footer nav ul li a {
		display: block;
	} */
}



footer .bottom {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 3% 0px 3%;
}
footer .bottom h2 {
	color:black;
	margin: 34px 0 10px 0;
    font-size: 1.3em;
}
footer .bottom .block {
	color:gray;
	font-size: 1.1rem;
	text-align: center;
}
footer .bottom .block a {
	color:gray;
}
footer .bottom .block .phone {
	display:inline-block;
}
footer .hfs {
	position: relative;
	background:#f15618;
	margin: 56px 10px 0px 10px;
	padding: 6px 20px 10px 130px;
	border-radius: 3px;
	font-size: 1.2em;
}
footer .hfs:hover {
	background:#f36c36;
}
footer .hfs img {
	position: absolute;
	left: 10px;
	top: -26px;
	height:auto;
	width: 105px;
}
footer .hfs span {
	display: inline-block;
	color:white;
	text-decoration: underline;
}
@media (max-width:385px) {
	footer .hfs {
		padding: 29px 20px 10px 20px;
	}
	footer .hfs img {
		left: 50%;
		top: -35px;
		margin-left: -46px;
		width: 80px;
	}
	footer .hfs span {
		text-align: center;
	}
}


/*Social*/
.social {display: flex;justify-content: flex-end;justify-content: flex-end;position: relative;text-align: center;/* width: 100%; */padding: 0px 2.5% 0px;/* margin: 0px auto 0px auto; */color: #777777;}
.social .connect {font-size:13px;color: #2c2c2c;display: block;}
.social  .icon {display: inline-block;width: 38px;height: 38px;line-height: 38px;color: #626262;text-indent: -300px;overflow: hidden;margin: 0 1px 0px 1px;font-size: 1.7em;font-weight: normal;text-align: center;transition:0.3s;}
.social .fab {text-indent: 300px;}
.social .fab span {font-size: 16px;padding: 0 4px;}
.social a:hover {color: rgb(54 54 54);}
.social span {position:relative;padding-left: 42px;margin-left: 10px;line-height: 38px;font-size: 0.9em;/* color: white; */border-left: 1px solid rgba(255, 255, 255, 0.25);}
.social span:before {position:absolute;content:'\f095';font-family:"Font Awesome 5 Pro"; font-weight: 900;left: 14px;top:1px;color: rgba(255, 255, 255, 0.78);}

.compucast-stamp {display:none !important;}
footer .compucast-stamp {display:inline-block !important;width: 223px;line-height: 26px;margin-left: 2.5%;} 


/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;/*border: 10px solid white; */}

/* ================================================== Media Queries ================================================== */