@charset "UTF-8";

/* CSS Document */

html, 
html * {
	padding: 	0;
	margin: 	0;
	box-sizing: border-box;
	font-family: 'Hind', sans-serif;
}

body {
	max-width: 	100vw;
	margin: 	0;
	padding:	0;
	background: #ffffff;
	overflow-x: hidden;
	width:		100%;
}

h1 {
	color:		black;
	font-size: 	60px;
	line-height:97%;
}

h2 {
	color:		black;
	font-size: 	40px;
	font-weight:700;
}

h3 {
	color:		black;
	font-size: 	32px;
}

h4 {
	color:		grey;
	font-size: 	20px;
}

p {
	font-size:	3vw;
}

li {
	font-size:	3vw;
}

a {
	text-decoration:	none;
	color:	#000000;
}

blockquote {
	background-color: 	#cde2ff;
	font-style: italic;
	margin: 20px;
	padding: 20px;
	text-align: left;
	font-size: 18px;
	border-radius: 20px;
}

.captions {
	
	z-index:999;
}


	

.container {
	display:	flex;
	flex-wrap:	wrap;
}

.parallax {
	height: 	500px; /* fallback for older browsers */
	height: 	100vh;
	overflow-x: 	hidden;
	overflow-y: 	auto;
	-webkit-perspective: 	300px;
	perspective: 	300px;
}

.parallax__group {
	position: 	relative;
	height: 	500px; /* fallback for older browsers */
	height: 	100vh;
	-webkit-transform-style: preserve-3d;
	transform-style: 	preserve-3d;
}
 
.parallax__group_small {
	position: 	relative;
	height: 	500px; /* fallback for older browsers */
	height: 	50vh;
	-webkit-transform-style: preserve-3d;
	transform-style: 	preserve-3d;
}
 
.parallax__layer {
	position:	absolute;
	top:	0;
	left:	0;
	right:	0;
	bottom: 0;
}

.parallax__layer--fore {
	-webkit-transform: translateZ(90px) scale(.7);
	transform: translateZ(90px) scale(.7);
	z-index: 1;
}

.parallax__layer--base {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	z-index: 4;
}

.parallax__layer--back {
	-webkit-transform: translateZ(-300px) scale(2);
	transform: translateZ(-300px) scale(2);
	z-index: 3;
}

.parallax__layer--deep {
	-webkit-transform: translateZ(-600px) scale(3);
	transform: translateZ(-600px) scale(3);
	z-index: 2;
}

.headerleft {
	background-color: 	#ffffff;
	padding: 	.9vw;
	padding-left: 	5vw;
	color: 	#FFFFFF;
	width: 	50vw;
	margin-left:	auto;
	margin-right: 	0;
	text-align: 	left;
	position: 	relative;
	box-sizing: 	border-box;
	overflow:	hidden;
	/*min-height:	120px;*/
}

.headerright {
	background-color: 	#ffffff;
	padding: 	.9vw;
	padding-right: 	5vw;
	color: 	#FFFFFF;
	width: 	50vw;
	margin-left:	0;
	margin-right: 	auto;
	text-align:	right;
	position: 	relative;
	box-sizing: 	border-box;
	overflow:	hidden;
	/*min-height:	120px;*/
}

.header img {
	height:	120px;
	width:	80px;
	position:	absolute;
	left:	2vw;
	top:	1vw;
	
}

.banner {
	background-image: 	url(../Images/banner3.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannerplaces {
	background-image: 	url(../Images/landscape.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannerhair {
	background-image: 	url(../Images/bannerhair.jpg);
	background-size: 	cover;
	background-position: 	right;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannerbathroom {
	background-image: 	url(../Images/bannerbathroom.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannerkitchen {
	background-image: 	url(../Images/bannerkitchen.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannertiling {
	background-image: 	url(../Images/bannertiling.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannerrenovations {
	background-image: 	url(../Images/bannerrenovations.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannerhome {
	background-image: 	url(../Images/bannerhome.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.bannertestimonials {
	background-image: 	url(../Images/bannertestimonials.jpg);
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	50vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}	

.sticky {
	position: sticky;
	position: -webkit-sticky;
	top: 0;
	z-index:50;
}

.banner2 {
	/*background-image: 	url(../Images/.jpg);*/
	background-size: 	cover;
	background-position: 	center;
	background-color: 	#ffffff;
	color: 	#000000;
	text-align: 	justify;
	width: 	100vw;
	height: 	95vh;
	display: 	flex;
	flex-wrap:	wrap;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
}

.banner2 img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
	
.main {
	background-color: 	#fffff;
	padding-top:	20px;
	padding-left: 	6vw;
	padding-right:	10vw;
	padding-bottom:	10px;
	width: 	100vw;
	margin-left:	auto;
	margin-right: 	0;
	position: 	relative;
	overflow:	hidden;
	justify-content: 	center;
	box-sizing: 	border-box;
	display:	grid;
}

.main img{
	margin-left: 5px;
	/*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.grey {
	background-color: #8c7d70;
}

.phonewide {
	background-color: 	#ffffff;
	padding-left: 	.5vw;
	padding-right:	.5vw;
	width: 	100vw;
	margin-left:	auto;
	margin-right: 	0;
	position: 	relative;
	box-sizing: 	border-box;
	overflow-x:	hidden;
	display:	flex;
	flex-wrap:	wrap;
	justify-content: 	center;
}
	
.fullwide {
	background-color: 	#ffffff;
	padding-left: 	.5vw;
	padding-right:	.5vw;
	width: 	100vw;
	margin-left:	auto;
	margin-right: 	0;
	position: 	relative;
	box-sizing: 	border-box;
	overflow-x:	hidden;
	display:	none;
	flex-wrap:	wrap;
	justify-content: 	center;
}

.fullwidth {
	background-color: 	#ffffff;
	padding-left: 	1vw;
	padding-right:	1vw;
	width: 	100%;
	margin-left:	auto;
	margin-right: 	0;
	position: 	relative;
	box-sizing: 	border-box;
	overflow-x:	hidden;
	display:	flex;
	flex-wrap:	wrap;
	justify-content: 	center;
}
	
.fullwidth img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.fullwidth p{
	text-align: left;
}

.four {
	width:	100%;
	text-align:	justify;
}

.four img {
	width:	100%;
	padding:	10px;
}

 .oneone {
	background-color: 	#ffffff;
	padding-left: 	.5vw;
	padding-right:	.5vw;
	width: 	100%;
	margin-left:	auto;
	margin-right: 	0;
	position: 	relative;
	box-sizing: 	border-box;
	overflow-x:	hidden;
	overflow:hidden;
	display:	flex;
	flex-wrap:	wrap;
	justify-content: 	center;
}

.one {
	float: 	left;
	padding:	10px;
}	

.two {
	float: 	right;
	padding:	10px;
}

.three {
	width:	100%;
	text-align:	justify;
	
}

.twothree {
	width:	100%;
	text-align:	justify;
}

.twothird {
	width:	0%;
	
}

.footer1 {
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:	10px;
	background-color: 	#cde2ff;
	width:100vw;
}

.footer1 img {
	width:30%;
}

.footer2 {
	align-items: center;
	justify-content: center;
	text-align: center;
	padding:	10px;
	background-color: 	#cde2ff;
	width:100vw;

}

.footer2 img {
	width:30%;
}

.half {
	width:	100vw;
	padding:	2vw 10vw 2vw 10vw;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.half img {
	width:	80%;
}

.halfleft {
	width:	100vw;
	padding:	2vw 10vw 2vw 10vw;
	align-items: left;
	justify-content: left;
	text-align: left;
}

.news {
	margin: 	auto;
	width: 	50%;
	height:	50%;
	background: 	#ffffff;
	opacity:	0.7;
	padding: 	10px;
	text-align: 	center;
	box-shadow: 0px 0px 40px #000000;
}

.column {
	column-count: 1;
}

.spacer {
	
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	12vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.smallspacer {
	
	color: 	#FFFFFF;
	text-align: 	center;
	width: 	100vw;
	height: 	10vh;
	display: 	flex;
	justify-content: 	center;
	align-items: 	center;
	position: 	relative;
	box-sizing: 	border-box;
	margin: 	-3;
}

.header {
	background-color: #f1f1f1;
	padding: 30px;
	text-align: center;
}


.nav {
	width: 12%;
	text-align: center;
	position: sticky;
	top:0;
	line-height: 1.1;
	
}

.nav a{
	
	text-decoration:	none;
	color: #000000;
	font-weight: 700;
}


#navbar {
	overflow:	hidden;
	background-color:	#333;
}

#navbar a {
	float:left;
	display:block;
	color:#000000;
	text-align:left;
	padding:	14px 16px;
	text-decoration:none;
	font-size:45px;
}

#navbar a:hover {
	background-color:#ddd;
	color:#7334ff;
}

#navbar a .active {
	background-color:#4CAF50;
	color:white;
}

.content {
	padding:0px;
}

.sticky {
	position:fixed;
	top:0;
	width:100%;
}

.sticky+ .content {
	padding-top:65px;
}

.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1;
	top: 0;
	right: 0;
	background-color: #9261ff;
	opacity: 0.92;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;	
}

.sidenav a {
	padding: 8px 8px 8px 64px;
	text-decoration: none;
	font-size: 555px;
	color: #ffffff;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover {
	color: #000000;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 60px;
	margin-left: 50px;
}

/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


@media (min-width: 1000px){

h1 {
	font-size: 	30px;
}

h2 {
	font-size: 	24px;
}

h3 {
	font-size: 	18px;
}

h4 {
	font-size: 	10px;
}

p {
	font-size: 	16px;
}

li {
	font-size:	16px;
}

.main {
	display:	flex;
}

.half {
	width:	45vw;
	padding:	0vw 5vw 0vw 5vw;
}

.halfleft {
	width:	45vw;
	padding:	0vw 5vw 0vw 5vw;
}

.four {
	width:	40vw;
	margin:	0vw 1.2vw 0vw 1.2vw;
}

.three {
	width:	30%;
	margin:	0vw 1.2vw 0vw 1.2vw;
}

.twothree {
	width:	50%;
	margin:	0vw 1.2vw 0vw 1.2vw;
}

.headerleft {
	width:48vw;
	padding-left: 2vw;
}

.headerright {
	width: 48vw;
	padding-right: 2vw;
}

.phonewide {
	display:	none;
}

.fullwide {
	display:	flex;
}

.column {
	column-count: 2;
}




#navbar a {
	font-size:	12px;
	padding:	1px 1px;
	text-align:center;
}

.one {
	float: 	left;
	padding:	10px;
}

.two {
	float: 	right;
	padding:	10px;
}

.twothird {
	width:	60%;
	margin:	0vw 1.2vw 0vw 1.2vw;
}

.footer1 {
	width: 50%;
}

.footer1 img {
	width:20%;
}

.footer2 {
	width: 50%;
}

.footer2 img {
	width:20%;
}

.smallslides {
	padding: 0px 12% 0px 12%
}


@media (min-width: 1200px){

h1 {
	font-size: 	3.5vw;
}

h2 {
	font-size: 	1.6vw;
}

h3 {
	font-size: 	1.1vw;
}

h4 {
	font-size: 	1vw;
}

p {
	font-size: 	1.2vw;
}

li {
	font-size:	1.2vw;
}

.main {
	display:	flex;
}

.half {
	width:	45vw;
	padding:	0vw 5vw 0vw 5vw;
}

.halfleft {
	width:	45vw;
	padding:	0vw 5vw 0vw 5vw;
}

.four {
	width:	20vw;
	margin:	0vw 1.2vw 0vw 1.2vw;
}

.oneone {
	width:	91%;
	margin:	0vw 1.2vw 0vw 1.2vw;
}

.three {
	width:	30%;
	margin:	0vw 1.2vw 0vw 1.2vw;
}




.headerleft {
	width:48vw;
	padding-left: 2vw;
}

.headerright {
	width: 48vw;
	padding-right: 2vw;
}

#navbar a {
	font-size:17px;
}

.caption {
	font-size:12px;
}
	
	
	
	
	
}