:root {
 --border-radius:6px;
  --border-radius-s:3px;
}

body,html {padding:0px; margin:0px; width:100%; height:100%;  font-family:'Inter', sans-serif; background:#fff; color:#333; }

::selection {background: #33a6ff; color: #fff;}

a {color:#0448b3; text-decoration:underline;}
a:hover {color:#0448b3; text-decoration:none; }

a, .circlesControl span, .icon-nav-right , .icon-nav-left, .contactForm input, .contactForm textarea, .btnScrollDown span{
transition-property: background-color, border-color, background-image, opacity, color;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
-webkit-transition-property: background-color, border-color, background-image, opacity, color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: 0s;
}



 .header .nav li {
	  transition:all 0.3s ease;
 }
 .header .nav li ul {
	
	 transition:all 0.3s ease;
 }
.header .nav li:hover ul {
	display:flex !important;
	margin-top:0;
	transition:all 0.3s ease;
	opacity:1;
	z-index:9;
	height:auto;
}
.header.smallheader .nav li:hover ul {
	margin-top:12px;
}
 
.header .nav li ul {
	height:0;
	overflow:hidden;
	opacity:0;
	z-index:-1;
	position:absolute;
	box-sizing:border-box;
	padding:0;
	margin:0;
	 margin-top:30px;
	margin-left:-25px;
	width:350px;
	background: rgba(0, 0, 0, 0.3);
	backdrop-filter: blur(5px);
	border-radius:var(--border-radius);
 display:flex;
	flex-direction:column;
	 
}
.header .nav li ul li:first-child {
	margin-top:20px;
}
.header .nav li ul li:last-child {
	margin-bottom:20px;
}
.header .nav li ul li {
	padding:0;
	margin:0;
	margin-left:20px;
	margin-right:20px;
}
.header .nav li ul li a {
	padding:10px 15px;
	border-radius:var(--border-radius);
}
.header .nav li ul li a:hover {
	color:#fff;
	background:rgba(0,0,0,0.5);
	
}





.btnBlack {
	box-sizing:border-box;
	width:100%;
	display:flex;
	background:#202020;
	align-items:center;
	font-size:20px;
	justify-content:center;
	text-decoration:none;
	color:#fff;
	padding:26px;
	transition:all 0.2s ease;
	box-shadow: 0px 0 0 rgba(0, 0, 0, 0.0);
	border-radius:var(--border-radius);
	border:0;
	cursor:pointer;
}
.btnBlack:hover {
	color:#fff;
	box-shadow: 0px 22px 38px rgba(0, 0, 0, 0.25);
	transition:all 0.2s ease;
}

.showroomtour-iframe {
	width:100%;  
	height:40rem;
}


.contentPage h5 {margin:0; padding:0; float:left; font-family:"Inter", sans-serif;  font-size:32px;  color:#252525; letter-spacing:3.5pt; font-weight:600 !important; display:flex; width:100%; margin-top:75px; margin-bottom:50px; text-align:left;}


.img100 {
	width:100%;
	border-radius:var(--border-radius);
}



.contentPage ul.images {
	 width:100%;
	 display:flex;
	 gap:40px;
	 padding:0;
	 margin:0;
	 
	 margin-bottom:50px;
	 
	 
 }

.contentPage ul.images li {
	 width:25%;
	 list-style:none;
	 display:flex;
	 flex-direction:column;
 }
.contentPage ul.images li img {
	border-radius:3px;
	width:100%;
	border-radius:var(--border-radius);
}


 .contentPage ul.images.grid {
	 flex-wrap:wrap;
	 margin-top:50px;
	 margin-bottom:0;
 }
.contentPage ul.images.grid li {
	  width:calc(33.33% - 30px);
	  position:relative;
	  border-radius:var(--border-radius);
	  overflow:hidden;
  }

.contentPage ul.images.grid li h4 {
	  background:rgba(0,0,0,0.4);
	  backdrop-filter: blur(5px);
	  margin:0;
	  padding:0;
	  font-weight:500;
	  height:45px;
	  display:flex;
	  font-size:18px;
	  font-weight:500;
	  align-items:center;
	  margin-top:-45px;
	  color:#fff;
	  padding-left:15px;
  }












#footer {width:100%; max-width:1260px; margin:auto; padding-top:55px; padding-bottom:55px;}
.footer { width:100%;  display:inline-table; margin-top:80px; text-align:center;}
.footer ul {
	margin:0;
	padding:0;
	display:flex;
	gap:50px;
}
.footer ul li {
	list-style:none;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:25px;
}
.footer ul li:first-child {
	width:100%;
}
.footer .copyright {display:block; float:left; position:relative;   font-family:'Inter', sans-serif; color:#a9a9a9; font-size:16px;}
.footer .copyright a {color:#999;}
.footer .smedlinks {display:block;  position:relative;  height:25pt;}
.footer .smedlinks a {display:block; float:left; height:28px; width:28px; margin-left:1px; text-align:left;  margin-right:15px; font-family:euroluxe; text-decoration:none; font-size:15pt; color:#999;}
#contact .footer .smedlinks a:hover {color:#fff;}
.footer .smedlinks a:last-child {margin-right:0px;}
.footer .smedlinks a:hover {color:#111;}

.footer .smedlinks a.houzz span:before {content: "\e909";}
.footer .smedlinks a.pinterest span:before {content: "\e90c";}
.footer .smedlinks a.twitter span:before {content: "\e908";}
.footer .smedlinks a.instagram span:before {content: "\e90b";}
.footer .smedlinks a.facebook span:before {content: "\e907";}
.footer .smedlinks a.tumblr span:before {content: "\e90a";}
 
.footer .additionalLinks {display:flex; flex-direction:column; gap:15px; align-items:flex-start;  position:relative;   font-family:'Inter', sans-serif; color:#a2bfda; font-size:16px;}
.footer .additionalLinks a {color:#0448b3; margin-right:25px; white-space:nowrap; text-align:left;} 
#contact .footer .additionalLinks a {color:#a9a9a9; 	} 
.footer .additionalLinks a:hover {color:#0448b3;}
.footer .additionalLinks a:last-child {margin-right:0;}



@media screen and (max-width: 1280px) {
	.contentPage {
		padding-left:25px;
		padding-right:25px;
		box-sizing:border-box;
	}
	#footer {
		padding-left:25px;
		padding-right:25px;
		box-sizing:border-box;
	}
	.pageHeader {
		padding-right:25px;
		padding-left:25px;
		box-sizing:border-box;
	}
	
	.header.bigheader .innerHeader {
		padding-right:25px;
		padding-left:25px;
		box-sizing:border-box;
	}
	.finishes,
	.extradecription,
	.quote-block .inner	{
		padding-right:25px;
		padding-left:25px;
		box-sizing:border-box;
	}
	
	.showroomtour-iframe {
		margin-left:-25px;
		margin-right:-25px;
		width:calc(100% + 50px);
	}
	
}

@media screen and (max-width: 1024px) {
	
	.pageHeader {
		padding-right:0;
		padding-left:0;
		box-sizing:border-box;
	}
	
	.contentPage .ic ul.product {
		gap:30px !important;
	}
	.contentPage .ic ul.product li {
		width:100% !important;
	}
	
	.contentPage ul.images.grid li {
		width:calc(50% - 20px);
	}
	
	
	.doublequote {
	width:100%;
	flex-direction:column;
	gap:20px;
	margin-bottom:50px;
}


	.doublequote > div {
		width:100% !important;
		order:1;
	}
	.doublequote > div.quoteform {
		width:100% !important;
		order:2;
	}
	
	
	.quote-block {
		gap:50px !important;
		flex-direction:column !important;
	}
	.quoteform {
		width:100% !Important;
	}
	
	.quote-block .inner {
		padding-left:25px;
		padding-right:25px;
		box-sizing:border-box;
	}
	
	
	.finishes {
		
	}
	.finishesList {
		
	}
	.finishesList > li {
		margin-right:15px !Important;
		margin-bottom:15px !Important;
		width:calc(15% - 5px) !important;
		height:calc(15% - 5px) !important;
	}
	
	.btnScrollDown.smoothScrollmobile {
		display:none !important;
	}
	
}

@media screen and (max-width: 768px) {
	
	.contentPage {
		display:flex !important;
	}
	.quote-block {
		margin-bottom:30px !important;
	}
	
	.contentPage .ic ul.product {
		gap:10px !important;
	}
	
	.contentPage ul.img3 {
		flex-direction:column;
	}
	.contentPage ul.img3 li {
		width:100% !important;
	}
	
	.contentPage ul.images {
		gap:20px;
		flex-wrap:wrap;
	}
	.contentPage ul.images li {
		width:calc(50% - 15px);
	}
	
	.contentPage .ic ul.product li {
		margin-bottom:20px !important;
	}
	.contentPage ul.images.grid li h4  {
		font-size:16px;
	}
	
	.contactArea {flex-direction:column;} 
	.contactArea .contactForm, .contactArea .map {width:100% !important;   display:block;   text-align:left; }
	
	.footer ul {
		flex-direction:column;
	}
	
	.finishesList > li {
		margin-right:15px !Important;
		margin-bottom:15px !Important;
		width:calc(20% - 17px) !important;
		height:calc(20% - 17px) !important;
	}
	
	.productsContainer {
		width:100% !Important;
	}
	
	@media screen and (max-width: 690px) {
		
		.productsContainer.doorsContainer {
			
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	/* .productsContainer .door {
		min-height:auto !Important;
	}
	.productsContainer .door .swiper-container,
		.productsContainer .door .image img	{
	height:auto !Important;
	width:auto !important;
	} */
	
	/* .productsContainer .door .swiper-container {
		aspect-ratio: 586 / 296;
		min-height:300px;
		height:100% !important;
	} */
	/* .productsContainer .product.door a{
		aspect-ratio: 586 / 296;
	}
	.productsContainer .door.product {
		aspect-ratio: 586 / 296;
		min-height:300px;
	}
	.productsContainer .door .image img {
		aspect-ratio: 586 / 296;
		width:100% !important;
		height:100% !important;
	}
	 */
	.productsContainer .product.regular {
			aspect-ratio: 1260 / 828;
	}
	
	.productsContainer .product.regular,
	.productsContainer .regular .image,
	.productsContainer .product.regular .productName	{
		width:100% !important;
		max-width:100% !important;
		
	}
	.productsContainer .regular .image img {
	/* 	width:100% !important; */
		max-width:100% !important;
		/* height:auto !important; */
	}
	
	.projectContainer .project {
		display:flex !important;
		flex-direction:column;
	}
	.projectContainer .project .textdesc {
		position:relative !important;
		order:2;
		max-height:300px !important;
	}
	.projectContainer .project .textdesc .finishesused {
		margin-left:25px !important;
	}
	.projectContainer .project .image {
		order:1;
	}
}