/* mobile view */





/* header */
.headerMobile { display:none;}
.header {width:100%;  height:120px; display:block; position:fixed; z-index:99; 	-webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s; }
.header .innerHeader {width:100%; max-width:1260px; margin:auto; -webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.header .white {-webkit-transition: all 0.25s;	-moz-transition: all 0.25s;	transition: all 0.25s;}
.header .white .logo {background-image:url('../images/binova-euroluxe-logo-w.svg'); background-repeat:no-repeat;  -webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s; opacity:1; background-position:0% 50%;}
.header .white .logo2 {background-image:url('../images/binova-euroluxe-logo-w.svg'); background-repeat:no-repeat; -webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s; opacity:0;}

.header .black .logo {background-image:url('../images/binova-euroluxe-logo-w.svg'); background-repeat:no-repeat;  -webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s; opacity:0; background-position:0% 50%;}
.header .black .logo2 {background-image:url('../images/binova-euroluxe-logo-w.svg'); background-repeat:no-repeat;  -webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s; opacity:1;}

.header .logo, .header .logo2 {width:350px; display:block; height:50px;  background-size: 350px auto; text-indent:-9999pt; float:left; margin-top:32pt; margin-left:20px; 	-webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}
/*.header .logo2  {position:absolute;}*/




.header .nav {margin:0; padding:0; display:block; float:right; padding-top:34.5pt;  padding-bottom:34.5pt; margin-right:25px;	-webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.header .nav li {list-style:none; margin:0; padding:0; float:left; display:block;}
 
.header .nav li a {font-size:10pt; font-family:"Inter", sans-serif; font-weight:500; letter-spacing:0.75pt; text-decoration:none; text-transform:uppercase; display:block; padding:10pt;}
.header .nav li a:hover {
	color:#0448b3;
}
/*------------*/
.header .nav li.contact a {
	border:0px solid #33a6ff; 
	margin-left:5pt; color:#33a6ff; 
	border-radius:0px; 
	padding:9pt 11.25pt;
 
 
background: #202020;
border-radius:3px;
color:#ffffff !important;
 
transition:all 0.5s;
}

.header .nav li.contact a:hover {
	
	opacity:0.85;
 /* 	transform: translateY(-5px); */
	
	background: linear-gradient(to top, #444, #555);
	color:#ffffff !important;
 
}
 

.header .white .nav li a {color:#ffffff;}
.header .black .nav li a {color:#000000;}
.header .nav li a:hover {color:#0448b3;}

.header .nav li.home {display:none;}
.smallheader .nav li.home {display:block;}

.smallheader {left:0; top:0; height:68px !important; /* background:#505d69;  */ 
background: rgba(0,0,0,0.8);

backdrop-filter: blur(5px);

}
/*.smallheader {-webkit-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.85);-moz-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.85);box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.85);}*/
.smallheader .logo {background:url('../images/binova-euroluxe-logo-w.svg') 0% 50% no-repeat !important; width:213px !important; display:block !important; height:34px !important;  background-size: 213px auto !important; text-indent:-9999pt !important; float:left; margin-top:14.25pt; margin-left:20px;  opacity:1 !important;}
.smallheader  .logo2 {opacity:0 !important;}

.smallheader .nav { padding:0; margin:0; margin-right:25px;}
.smallheader .nav li  {padding-top:12px; padding-bottom:12px; transition:all 0.5s;}
.smallheader .nav li a {font-size:10pt; color:#ffffff !important; letter-spacing:0.75pt;

}
.smallheader .nav li:hover {    background-color: #111;}
.smallheader .nav li.contact:hover {background:none;}



.doors .nav li.doors { background:#48525c !important;}
.doors .nav li.doors a { color:#33a6ff; }
.bathrooms .nav li.bathrooms { background:#48525c !important;}
.bathrooms .nav li.bathrooms a { color:#33a6ff; }
.closets .nav li.closets { background:#48525c !important;}
.closets .nav li.closets a { color:#33a6ff; }

.projects .nav li.projects { background:#48525c !important;}
.projects .nav li.projects a { color:#33a6ff; }
.company .nav li.company { background:#48525c !important;}
.company .nav li.company a { color:#33a6ff; }

.smallheader .nav li.contact a { /* background:none !important; color:#33a6ff !important; border:1px solid #33a6ff; */

background: linear-gradient(to top, #f4f4f4, #ffffff);
color:#444444 !important;

-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
transition:all 0.5s;
}
.smallheader .nav li.contact a:hover {
	opacity:0.85;
 	transform: translateY(-5px);
background: linear-gradient(to top, #f4f4f4, #ffffff);
color:#444444 !important;

-webkit-box-shadow:none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
	/* background:#33a6ff !important; color:#FFFFFF !important; border:1px solid #33a6ff; */ 
	
	}


 
#homepage h4 {margin:0; display:block; text-align:center; font-size:45pt; font-family:"Inter", sans-serif; text-transform:uppercase; color:#ffffff; font-weight:300; margin-top:-75px; position:relative;z-index:11; }
#homepage h1 {font-size:18pt; font-family:"Inter", sans-serif; color:#F4f4f4; font-weight:300;   position:relative;z-index:11; margin-left:30pt; margin-right:30pt;}

h4.mainheader {margin:0; display:block; text-align:left; font-size:27pt; font-family:"Inter", sans-serif; text-transform:uppercase; color:#222; font-weight:600;    }
 

#homepage .swiper-container {  z-index:10; width: auto; height: 100%;   }
#homepage  .swiper-slide {text-align: center; font-size: 18px; background: #e1e1e1; width:100%; height:100%; overflow:hidden; background-size: cover !important; background-repeat:no-repeat !important; }






.homeSwiperControl {display:block; z-index:99; position:relative; margin-top:-100px;  margin-left:15px;}
.paginationContainer {width:100%; max-width:1260px; margin:auto;}

#homepage .btnScrollDown {  display:block; width:34.5pt; text-align:center; margin:0 auto; text-decoration:none; position:relative;  bottom:105px;   z-index:50;}
#homepage .btnScrollDown:hover span {color:#0448b3;}
#homepage .btnScrollDown span {color:#ffffff; font-size:40.5pt;}

#homepage .rightBottomNav {position:relative; width:100%; max-width:1260px; margin: auto;  height:1px;}
#homepage .rightBottomNav > div {margin-left:50px; margin-right:25px;z-index:50; float:right; display:block;   height:10px; width:350px; position:relative;  bottom:92px;display:block; text-align:right; }
#homepage .rbnav, #homepage .rightBottomNav span  {color:#fff; text-decoration:none; font-size: 10pt;  letter-spacing:1.5pt; font-family: "Inter", sans-serif; font-weight:normal;}
#homepage .rbnav:hover {color:#0448b3;}
#homepage .rightBottomNav span {margin-left:20px; margin-right:20px; }

#homepage .mainHeaders {display:block;z-index:12; height:5px;    position:absolute; top:50%;   margin:auto; width:100%; text-align:center;  mix-blend-mode: difference; }

#homepage .mhblack h1, #homepage .mhblack h4 {color:#000000;}

.kitchensOn #kitchens { webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.kitchensOn  .smallheader .nav li.kitchens { background:#7f7f7f !important;}
.kitchensOn  .smallheader .nav li.kitchens a { color:#33a6ff; }

.doorsOn #doors {  webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.doorsOn  .smallheader .nav li.doors { background:#7f7f7f !important;}
.doorsOn  .smallheader .nav li.doors a { color:#33a6ff; }

.bathroomsOn #doors {  webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.bathroomsOn  .smallheader .nav li.bathrooms { background:#7f7f7f !important;}
.bathroomsOn  .smallheader .nav li.bathrooms a { color:#33a6ff; }

.closetsOn #doors {  webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.closetsOn  .smallheader .nav li.closets { background:#7f7f7f !important;}
.closetsOn  .smallheader .nav li.closets a { color:#33a6ff; }


.projectsOn #doors {  webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.projectsOn  .smallheader .nav li.projects { background:#7f7f7f !important;}
.projectsOn  .smallheader .nav li.projects a { color:#33a6ff; }

.mediawallsOn #doors {  webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.mediawallsOn  .smallheader .nav li.media-walls { background:#7f7f7f !important;}
.mediawallsOn  .smallheader .nav li.media-walls a { color:#33a6ff; }

.contactOn #doors {  webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}
.contactOn  .smallheader .nav li.contact { }
.contactOn  .smallheader .nav li.contact a { color:#ffffff !important; background:#7f7f7f !important; border:0px solid #48525c;}




#homepage {background:#4c5867  no-repeat;   width:100%;  height:100%;    display:block !important; position:relative;  overflow:hidden;   text-align:center; z-index:30;}
#kitchens {background:#f7f7f7; height:100%;   z-index:29}
#products {background:#D9D9D9; height:100%;   z-index:29; padding-bottom:100px;}
#doors {height:100%; background:#ffffff;   z-index:28 !important;}
#bathrooms {background:#f7f7f7; height:100%; z-index:27; }


#contact {/* background:#232730;  */
background: linear-gradient(to top right, #393939, #999);
background:#393939;
 background-size: cover !important;  /* height:calc(100% - 120px); */ display:block; /*  min-height:1020px; */ padding-bottom:50px;}
 #contact div.ic {overflow-y:hidden !important; }
#contact h1, h4 {color:#fff;}
#projects {background:#FFFFFF; z-index:99;  z-index:25; height:100%; }

#media-walls {background:#f7f7f7; z-index:99;  z-index:25; height:100%; }
#closets {background:#FFFFFF; z-index:99;  z-index:26; height:100%; }

#company {background:#FFFFFF; z-index:9;  }


#contact {margin-top:0;}
#company {background:#ffffff;}
#getaquote {background:#f7f7f7;
 
}



.quote-block {
	display:flex;
	width:100%;
	flex-direction:row;
	gap:100px;
	margin-bottom:120px;
}
.quote-block .subheader {
	color:#252525;
}
.quote-block .subheader p {
	margin-top:5px;
}
.quote-block .subheader h4 {
	color:#252525;
	font-size:24px;
	margin:0;
	padding:0;
}
.contentPage.newblock {
	padding-bottom:100px;
}
.contentPage.newblock p strong {
	font-weight:normal;
}

.contentPage.newblock p {
	font-size:20px;
	line-height:28px;
}

.contentPage {width:100%; display:inline-table; text-align:left; padding-bottom:0px;  position:relative;}
.contentPage .ic {max-width:1260px; width:100%; margin:auto; display:block; } 

 
.contentPage ul.img3 {
	width:100%;
	display:flex;
	gap:35px;
	margin:0; 
	padding:0;
	margin-bottom:40px;
}
.contentPage ul.img3 li {
	list-style:none;
	width:33.333%
}
.contentPage ul.img3 li img {
	width:100%;
}

.contentPage .ic .top {display:block; width:100%; height:147pt; text-align:center;}

.contentPage h1, 
.furniture h1, 
.eventspace h1 {margin:0; padding:0; float:left; font-family:"Inter", sans-serif;  font-size:24px;  color:#222; padding-left:25px;  letter-spacing:2pt; font-weight:500 !important; display:flex; width:100%; }




.contentPage .ic .top a {margin:0; margin-right:25px; float:right; margin-top:74px; background:#33a6ff; color:#ffffff; font-family:'Inter', sans-serif; font-weight:700; font-size:10.5pt; padding:14px 23px 14px 23px; border:1px solid #33a6ff; border-radius:var(--border-radius); text-decoration:none;}
.contentPage .ic .top a:hover {background:#2388d7 !important; color:#ffffff;}
.contentPage .disabled {display:none !important;}
.contentPage .end {width:100%; display:inline-table;  height:1px;}
.contentPage .aniImgWrap  {margin-top:74px;  margin-right:25px; display:block; float:right;}

.contentPage .loadMoreProducts {    margin: 0;
    
    float: none;
	width:auto;
    
    background: #33a6ff;
    color: #ffffff;
    font-family: "Inter", sans-serif;
	font-weight:700;
    font-size: 10.5pt;
    padding: 20px 23px;
    border: 0px solid #33a6ff;
    border-radius: 0px;
	margin:0 auto;
	max-width:100%;
    text-decoration: none; display:block;
	transition:all 0.5s;
	letter-spacing:1.5pt;
	
	
	background: linear-gradient(to top, #444, #555);
color:#ffffff !important;
 
	-webkit-box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
	
	}
.contentPage .loadMoreProducts:hover {
	/* background:#2388d7 !important; */
/* background: linear-gradient(to top right, #013a95, #6529d3); */	
opacity:0.85;
	color:#ffffff;
	transform: translateY(-5px);
	
	}
	


.contentPage .ic ul.product {
		margin:0;
		padding:0;
		display:flex;
		flex-wrap:wrap;
		gap:50px;
		width:100%;
		margin-bottom:100px;
		padding-top:30px;
	}
	
.contentPage .ic ul.product li {
		list-style:none;
		display:flex;
		flex-direction:column;
		width:calc(50% - 25px);
		margin-bottom:40px;
}
.contentPage .ic ul.product li a {
	border-radius:var(--border-radius);
	box-sizing:border-box;
	display:block;
}

.contentPage .ic ul.product li h1 {
	padding:0;
	margin-bottom:25px;
	text-align:left;
}
.contentPage .ic h5 {
	text-align:left;
	margin-left:0;
}

.contentPage .ic 	ul.product li.kitchens {
	width:100%;
	max-height:600px;
	/* overflow:hidden */;
	align-items: center;
    justify-content: center;
 
}
.contentPage .ic 	ul.product li.kitchens a {
	width:100%;
	display:flex;
	max-height:600px;
	/* overflow:hidden; */
	align-items: center;
    justify-content: center;
 
}

.contentPage .ic 	ul.product li img {
	width:100%;
	display:block;
}
.contentPage .ic ul.product li a {
	overflow:hidden;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.0);
	transition:box-shadow 0.2s ease;
}


.contentPage .ic ul.product li a > img  {
	transition:transform 0.2s ease;
}
.contentPage .ic ul.product li a:hover {
 transition:box-shadow 0.2s ease;
 
box-shadow: 0px 22px 66px rgba(0, 0, 0, 0.25);

}
.contentPage .ic ul.product li a:hover > img {
		transform:scale(1.02);
	transition:transform 0.2s ease;
}


/*product*/
.productsContainer  {width:100%; max-width:1260px;  float:left;  display:flex; flex-wrap:wrap; gap:25px; text-align:left;  align-items: center;
  align-content: center;
  justify-content: left;  }

  
.productsContainer .product {display:block; float:left; width:calc(50% - 12.5px); overflow:hidden; position:relative; max-width:618px; padding-left:0; padding-bottom:0; transition:all 0.3s;  border-radius:var(--border-radius); box-sizing:border-box;}

/*.productsContainer .regular {min-height:406px;}*/
.productsContainer .door {min-height:586px; max-width:296px;}
.productsContainer .product .productName {min-height:50px; width:100%; box-sizing:border-box;  margin-bottom:0px;  max-width:618px; display:block; position:absolute; bottom:0;  background:rgba(0,0,0,0.4); z-index:5; text-decoration:none; height:auto; }
.productsContainer .product .productName h2 {margin:0; color:#ffffff;  font-family:"Inter", sans-serif; font-weight:300; font-size:15pt; padding:9.25pt; /* margin-left:18.75pt; */ }
.productsContainer .product .productName span {color:#919191;  font-family:"Inter", sans-serif; font-weight:500; font-size:10.5pt;margin-left:18.75pt;  }
.productsContainer .product a, .projectContainer .project a {text-decoration:none; z-index: 3; display: flex;  height:100%; position: relative;}
.productsContainer .product img, .projectContainer .project img { font-size: 23px;    line-height: 150px; text-align:center !important;   color: darkgray;  font-family:"Inter", sans-serif; font-weight:500; text-decoration:none; }
   
   .product .image,.project .image  {background:#e1e1e1 url(/images/ajax-loader.gif) 50% 50% no-repeat;}
.project .image {
	max-width:1260px;
}
.productsContainer .product .plHover {background:rgba(70,88,106, 1) !important; }
.productsContainer .product .ic-wrap {display:block; position:relative; height:88.5pt; width:100%; margin-top:-168px; overflow:hidden;}
.productsContainer .product .imageControl  {display:inline-table; height:auto; width:100%; vertical-align:middle; height:88.5pt; margin-top:88.5pt; z-index:8; position:relative; background:rgba(0,0,0,0.34);
    -moz-transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    -webkit-transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    -o-transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    opacity:0;
}
.productsContainer .product .imageControl .icon-nav-left, .productsContainer .product .imageControl .icon-nav-right {display:block; color:#ffffff; font-size:23pt;   padding:0; padding-top:32pt; padding-bottom:32pt; padding-left:5pt; padding-right:5pt; position:relative;   -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;   }
.productsContainer .product .imageControl .icon-nav-left:hover, .productsContainer .product .imageControl .icon-nav-right:hover {color:#0448b3; cursor:pointer;}
.productsContainer .product .imageControl .icon-nav-right  {padding-right:4.5pt; padding-left:5.25pt;}
.productsContainer .product .icHover {margin-top:0px;opacity:1;}
.productsContainer .product .imageControl .circlesControl  {z-index:18;  padding-left:0px; padding-right:0px; display:table-cell; vertical-align:middle; text-align:center; width:100%; }

.productsContainer .regular .image {display:block; width:100%; max-width:618px; overflow-x:hidden;z-index:3; }
.productsContainer .regular .image img {display:block; /* height:406px; */ width:100%; aspect-ratio: 1260 / 828; object-fit: cover; z-index:2;}

.productsContainer .door .image {display:block; width:100%; max-width:296px; overflow-x:hidden;z-index:3;}
.productsContainer .door .image img {display:block; height:586px; width:296px; max-width:296px; z-index:2;}
 
.productsContainer .regular  .swiper-container {height: 406px;}
.productsContainer .door  .swiper-container {height: 586px;}
.productsContainer .swiper-slide {text-align: center; font-size: 18px;}

.circlesControl {display:block; z-index:5; }
.circlesControl span {width:7px !important; height:7px !important; display:block; float:left; padding:0;  margin:12px; border:3px solid #eeeeee; border-radius:50%; background:none; opacity:1;}
.circlesControl span:hover {background:#0448b3; border:3px solid #0448b3;}
.circlesControl span.swiper-pagination-bullet-active {background:#FFFFFF; border:3px solid #FFFFFF;}
.circlesControl span:active {background:#FFFFFF; border:3px solid #FFFFFF;}











/*project container */
.projectContainer .project .ic-wrap {display:block; position:relative; height:88.5pt; width:100%; margin-top:-88.5pt; overflow:hidden;}
.projectContainer .project .imageControl {display:inline-table; height:auto; width:100%; vertical-align:middle; height:88.5pt; margin-top:88.5pt; z-index:8; position:relative; background:rgba(0,0,0,0.34);
    -moz-transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    -webkit-transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    -o-transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    transition:background-color 0.5s, opacity 0.5s, margin 0.5s cubic-bezier(.17,.67,.31,.94);
    opacity:0;}
	
	
.projectContainer .project .imageControl .icon-nav-right, .projectContainer .project .imageControl .icon-nav-left {display:block; color:#ffffff; font-size:23pt;   padding:0; padding-top:32pt; padding-bottom:32pt; padding-left:5pt; padding-right:5pt; position:relative;   -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;   }
.projectContainer .project .imageControl .icon-nav-right {padding-right:4.5pt; padding-left:5.25pt;}
.projectContainer .project .imageControl .icon-nav-right:hover, .projectContainer .project .imageControl .icon-nav-left:hover {color:#0448b3; cursor:pointer;}
.projectContainer .project  .icHover {margin-top:0px;opacity:1;}
.projectContainer  .project .imageControl .circlesControl {z-index:18;  padding-left:0px; padding-right:0px; display:table-cell; vertical-align:middle; text-align:center; width:100%; }

 
.projectContainer .swiper-slide {text-align: center; font-size: 18px;  }
.projectContainer  .project .swiper-container {height:476px;}



/* projects */

.projectContainer {width:100%; display:block; height:100%;}
.projectContainer .project {display:inline-table; width:100%; /* min-height:476px; */ box-sizing:border-box; position:relative;  margin-bottom:60px;  border-radius:var(--border-radius); overflow:hidden;}


 
.projectContainer .project .image {width:100%; max-width:1260px; /* height:828px; */ display:block; padding:0; margin:0; position:relative; z-index:1;}
.projectContainer .project .image img {width:100%; height:auto; padding:0; margin:0; text-align:left;}

.projectContainer .project .description {width:100%; display:block; float:left; text-align:left; min-height:476px; box-sizing:border-box; height:auto; background:#f1f1f1; }
.projectContainer .project .description h1 {margin:0; padding:0; font-family: "Inter", sans-serif; font-weight:500; font-size:24px; color:#465562;  margin-left:35px; margin-right:35px; /*margin-top:90px;*/}
.projectContainer .project .description > div {display:flex; flex-direction:column; box-sizing:border-box;  min-height:476px; vertical-align:top; padding-top:35px;}

.projectContainer .left .image {float:left;}
.projectContainer .left .description { float:right;}

.projectContainer .right .image {float:right;}
.projectContainer .right .description {float:left;}


.projectContainer .project .location {padding:0; margin:0; margin-left:65px; color:#959595; font-family:Inter; font-weight:normal; font-size:12px; margin-bottom:32px;}
.projectContainer .project .location::before {content: "\e904";  font-family:euroluxe; padding-right:5px;}
.projectContainer .project .date {color:#6d6d6d; padding-left:10px;}
.projectContainer .project .separator {margin-left:35px; background: #5c6976; padding-bottom:0px; width:50px; height:1px; display:block;  margin-bottom:15px; margin-top:15px;}

.projectContainer .project .textdesc {margin:0; padding:0;  color:rgba(255,255,255,0.8); font-family:Inter; font-size:14px; line-height:28px;margin-right:35px; bottom:0;
max-height:150px; height:auto; padding-bottom:22px;  box-sizing:border-box; width:100%;  background: rgba(0,0,0,0.5); position:absolute; z-index:2; display:flex;
align-items:flex-start; flex-wrap:wrap; text-align:left; padding-top:20px; box-sizing:border-box;}

.projectContainer .project .shortdesc {
	display:flex;
	flex-direction:column;
	margin-left:25px;
}
.projectContainer .project .shortdesc span  {
	display:flex;
	gap:5px;
	margin-right:40px;
}
.projectContainer .project .shortdesc span strong {
	width:100px;
	
}

.projectContainer .project .textdesc > span.line {width:100%;}

.projectContainer .project h1 {
margin: 0;
    padding: 0;
    float: left;
    font-family: "Inter", sans-serif;
    font-size: 24px;
    color: #222;
    padding-left: 25px;
    letter-spacing: 2pt;
    font-weight: 500 !important;
    display: flex;
    width: 100%;
	text-transform:none !important;
}
.projectContainer .project a {color:#fff; letter-spacing:0; overflow:hidden; display:flex; align-items:flex-start; justify-content:flex-start;}
.projectContainer .project a > img {
	transition:transform 0.2s ease;
}
.projectContainer .project a:hover > img {
	transform:scale(1.02);
	transition:transform 0.2s ease;
}
.projectContainer .project .description a {color:#222; text-decoration:none;}
.projectContainer .project .textdesc p {margin:0; padding:0; font-size:16px;  line-height:26px; }

.projectContainer .project .textdesc .finishesused {
margin:0; padding:0; padding-top:5px; padding-bottom:2px;	  display:flex; height:auto; box-sizing:border-box; }
.projectContainer .project .textdesc .finishesused > div {
	display:inline-table;width:auto; margin:0 auto;
}

.projectContainer .project .textdesc .finishesused ul {
	width:auto;
	float:left;
	margin:0; padding:0;
	display:inline-table;
	margin-right:10px;
}
.projectContainer .project .textdesc .finishesused li {width:auto; float:left; list-style:none;margin-right:5px; }
.projectContainer .project .textdesc .finishesused li img {
	border:1px solid rgba(255,255,255,0.5);
	box-sizing:border-box;
}




.testimonials {background:#e1e1e1; padding-bottom:77px; padding-top:77px; margin-top:0;}
.testimonials .inner {text-align:left; }
.testimonials .inner p {font-family:"Inter", sans-serif; font-weight:400; font-style:normal; color:#6a6a6a; font-size:18px; margin:0; padding:0; display:block; padding-left:130px !important; line-height:30px; padding-right:50px;} 
.testimonials .inner p span.name {display:block; width:100%; padding-top:20px; font-weight:bold; color:#000000;}
.testimonials .inner .quote { height:90px; width:50px;  display:block; float:left; clear:left;/*  margin-left:25px; */ }
.testimonials .inner .quote::before {content: "\e903";  line-height:33px; font-size:48px; color:#000; font-family:euroluxe; margin:0; padding:0;}

/*furniture block*/
.furniture {display:flex; align-items:center; width:100%;  min-height:700px; background-color:#5f6a82; background-image:url(../images/furniture-bg.jpg); background-repeat:no-repeat; background-position:0% 50%; background-size:cover; padding-bottom:70px;}
.furniture .furniinner {display:inline-table; margin:0 auto; width:100%; height:700px;  max-width:1260px; padding-top:28px; }
.furniture p {font-family:"Inter"; font-size:18px; color:#333; margin:0; margin-bottom:50px;line-height:30px;}
.furniture h1 {color:#111111; line-height:normal; margin-top:70px; margin-bottom:70px;}
.furniture .textblock {display:inline-table;}
.furniture .iconsRow {display:inline-table;  width:calc(100% - 50px); height:100px; padding-left:25px; padding-right:25px;  margin-left:0px; }
.furniture .btnGoTangible {  max-width:780px; width:calc(100% - 50px); max-width:calc(100% - 100px); background:#33a6ff; font-size:23px; font-family:"Inter", sans-serif; letter-spacing:2pt; display:block; text-decoration:none; color:#ffffff;  padding:25px; border-radius:0px; margin:0 auto; margin-top:100px;


	
	background: linear-gradient(to top, #444, #555);
    color: #ffffff !important;
    -webkit-box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
    box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
	transition:all 0.5s;
	}
 
 
.furniture .btnGoTangible:hover {/* background:#0e71be; color:#FFFFFF; */  

	opacity:0.85;
	color:#ffffff;
	transform: translateY(-5px);

}
.furniture .iconsRow .icon { display:block; float:left;  margin-right:100px; margin-bottom:70px; }
.furniture .iconsRow .icon img {height:68px; margin-top:22px; display:block;}
.furniture .iconsRow .icon:last-child {margin-right:0px;}
	
.furniture .iconsRow .icon3 img {height:73px;  margin-top:17px;}
.furniture .iconsRow .icon4 img {height:80px;  margin-top:10px;}
.furniture .iconsRow .icon5 img {height:90px; margin-top:0;}

 
/*event space*/



.eventspace {display:flex; flex-direction:column; align-items:center; width:100%;  height:auto; margin:0 auto; /* background-color:#575a6d; background-image:url(../images/1eventbg.jpg); background-repeat:no-repeat; background-position:0% 50%; background-size:cover; */ padding-bottom:0; background-color:#FFF;}
.eventspace .eventinner {display:inline-table;  width:100%;   margin:0 auto; height:830px;  max-width:1260px; padding-top:28px;   }
.eventspace p {font-family:"Inter"; font-size:18px; color:#6d6d6d; margin:0; line-height:29px; margin-bottom:20px;}
.eventspace h1 {color:#111111; line-height:normal; margin-top:70px; margin-bottom:70px; display:block; width:calc(100% - 50px); }
.eventspace h4 {color:#666; line-height:normal; margin-top:70px; margin-bottom:20px;  display:block; padding:0; font-size:21px;}
.eventspace .textblock {display:inline-table;}
.eventspace  a {color:#0448b3; margin-top:10px; margin-bottom:20px;}

.eventspace .specialofferlinks a {margin-right:30px; border:0px solid red; height:30px; display:block; float:left;}

/* contact us*/

.contactInfo {width:100%; display:inline-table; padding-left:25px; padding-right:25px;  padding-bottom:55px;}
.contactInfo .contactItem {text-align:left; display:block; float:left; margin-right:80px; margin-bottom:10px; }
.contactInfo .contactItem:last-child {margin-right:25px;}
.contactInfo .contactItem span {color:#b6b6b6;margin:0; padding:0; font-family:"Inter", sans-serif; font-weight:700; font-size:14px; }
.contactInfo .contactItem h3 {color:#ffffff; margin:0; padding:0; font-family:"Inter", sans-serif; font-size:17px; font-weight:300;}
.contactInfo .contactItem h3 a {text-decoration:none; color:#ffffff;}
.contactInfo .contactItem.specialwh {width:calc(100% - 50px); box-sizing:border-box; background-color:rgba(255,255,255,0.2); border-radius:var(--border-radius); 	padding:10px 15px;}
.contactInfo .contactItem.specialwh span {color:#ffffff;}

		
.contactArea {display:inline-table; width:100%;}
.contactArea .contactForm, .contactArea .map {width:50%; float:left; display:block;   text-align:left; }
.contactArea .contactForm, .contactArea .map a {z-index:-99; display:block;}
/* #euroluxe-map {width:calc(100% - 50px); margin-left:25px; display:block;z-index:9; height:500px; border-radius:6px;} */

#euroluxe-map {width:calc(100% - 50px); margin-left:25px; display:block; z-index:9; height:500px; border-radius:0px;  margin-bottom:0; 

background:url(../images/map.png) 50% 50% no-repeat;
background-size:auto 500px; 
}



.contactForm form {display:inline-table; width:calc(100% - 50px);  float:left; margin-left:25px; }
.contactForm input, .contactForm textarea, .contactForm .floating-placeholder {font-family:"Inter", sans-serif; font-size: 16px; height:52px; margin: 0; padding: 0;  color:#d0d0d0; }
.contactForm .floating-placeholder {text-transform:uppercase; border-bottom:0; border:1px solid #ccc !important; z-index:0; margin-bottom:10px; border-radius:0px !important;}

.contactForm .floating-placeholder input:focus, .contactForm .floating-placeholder textarea:focus {  background-color:rgba(0,0,0, 0.2);}

.contactForm input, .contactForm textarea { width: 100%;border:0; font-weight:normal; border-radius:var(--border-radius) !important; font-family:"Inter", sans-serif;line-height:60px !important;}


.contactForm .floating-placeholder input:focus + label, .contactForm .floating-placeholder textarea:focus + label {color: #ffffff;}
.contactForm .floating-placeholder input[value] + label, .contactForm .floating-placeholder textarea[value] + label {color: #ffffff;}
.contactForm .floating-placeholder {position: relative;}
.contactForm .floating-placeholder input, .contactForm .floating-placeholder textarea {line-height: 35px; font-size: 16px; outline: none; position: absolute; top: 0; left: 0; display: block; background: transparent; z-index: 2; color:#fff; text-indent: 15px; box-shadow: none; padding-top:5px;}
.contactForm .floating-placeholder textarea  {text-indent:0; height:250px !important;  line-height:24px !important; padding-top:20px; padding-left:15px; margin:0 !important;   width:calc(100% - 15px) !important; }

.contactForm .floating-placeholder label {display: block; position: absolute; top: 0; left: 15px; line-height:50px; font-size: 16px; z-index: 1; color: #999;}
.contactForm .floating-placeholder label  {-moz-transform-origin: 0 0em; -ms-transform-origin: 0 0em; -webkit-transform-origin: 0 0em; transform-origin: 0 0em; -moz-transition: -moz-transform 160ms, color 200ms; -o-transition: -o-transform 160ms, color 200ms; -webkit-transition: -webkit-transform 160ms, color 200ms; transition: transform 160ms, color 200ms; -moz-transform: scale(1, 1) rotateY(0); -ms-transform: scale(1, 1) rotateY(0); -webkit-transform: scale(1, 1) rotateY(0);
  transform: scale(1, 1) rotateY(0); }
  
.contactForm .floating-placeholder-float label {-moz-transform: scale(0.55, 0.55) rotateY(0); -ms-transform: scale(0.55, 0.55) rotateY(0); -webkit-transform: scale(0.55, 0.55) rotateY(0); transform: scale(0.55, 0.55) rotateY(0);}
.contactForm.floating-placeholder-float input, .contactForm.floating-placeholder-float textarea {}

.contactForm .btnSend {border-radius:0px;   background:#009dff;   font-family:"Inter", sans-serif; letter-spacing:1.5pt; font-size:18px; font-weight:700; text-decoration:none; color:#fff; width:100%; height:62px; margin-top:28px; border:0; cursor:pointer;

	
	background: linear-gradient(to top, #111, #222);
    color: #fff !important;
    -webkit-box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
    box-shadow: 0px 16px 50px -10px rgba(0,0,0,0.15);
	transition:all 0.5s;
	

}
.contactForm .btnSend:hover {/* background:#0e71be; color:#FFFFFF; */  
 
	opacity:0.85;
	color:#ffffff;
	transform: translateY(-5px);

}
.contactForm  .infoname span, .contactForm  .infomessage span, .contactForm  .infoemail span {display:block; padding-bottom:25px; color:red;}
.contactForm  .has-error {border:1px solid red !important;}
.contactForm .alert-success { font-family:'Inter', sans-serif; font-size:20px; font-weight:normal; color:#8ad69b; width:100%; text-align:center;   display:block; width:calc(100% - 50px); position: relative;
  float:left; margin-left:25px; }
.contactForm .alert-success::before{content:"\e913"; font-family:euroluxe !important; font-size:40px; display:block; margin:25px auto; width:100%;  }
#messageStatus {text-align:center;   display:block; width:calc(100% - 50px); position: relative;  float:left; }
 

/*////////////////////////////////// MOBILE /////////////////////////////////////////*/
/*////////////////////////////////// MOBILE /////////////////////////////////////////*/
/*////////////////////////////////// MOBILE /////////////////////////////////////////*/

.smoothScroll { }
.smoothScrollmobile {display:none !important;}



@media screen and (max-width: 1190px) {
body, html {height:auto;} 
.smoothScroll {display:none !important;}
.rightBottomNav > div > span {display:none;}
.btnScrollDown.smoothScrollmobile {display:none !important;}
 

#TopHeader {display:none !important;}

.headerMobile { height:68px !important; top:0;  position:fixed !important;    background: rgba(0,0,0,0.8);
    backdrop-filter: blur(5px); width:100% !important; display:inline-table;z-index:99; }

.headerMobile .innerHeader {width:100%; max-width:1260px; margin:0 auto; -webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s; text-align:center; display:block; height:51px; margin-top:17px;}
.headerMobile  .logo {background:url('../images/binova-euroluxe-logo-w.svg') 0% 50% no-repeat; width:245px; display:block; height:39px;  background-size: 245px auto; text-indent:-9999pt;   margin:0 auto;     }
.headerMobile  .btnMobileMenu {float:left;display:block;  color:#ffffff; font-size:28px; text-decoration:none; margin-left:25px;}
.headerMobile  .btnMobileMenu:before {content: "\e90e"; font-family:euroluxe;}
.headerMobile .btnMobileMenu:hover {color:#33a6ff;}

.headerMobile .btnContactMobile {right:25px; position:absolute; display:block;  color:#ffffff; font-size:28px; text-decoration:none;}
.headerMobile .btnContactMobile:before {content: "\e90d"; font-family:euroluxe;}
.headerMobile .btnContactMobile:hover {color:#33a6ff;}

#homepage {width:100%; height:750px; overflow:hidden; display:block !important; position:relative; min-height:480px;}
#homepage .mainHeaders {display:block; z-index:12;   position:absolute;     margin:auto; width:100%; text-align:center; margin-bottom:0px;  margin-top:-100px; }

#homepage h4 {margin:0; display:block; text-align:center; font-size:25pt; font-family:"Inter", sans-serif; text-transform:uppercase; color:#ffffff; font-weight:normal; padding-top:0% !important; position:relative;z-index:11; }
#homepage h1 {font-size:13pt; font-family:'Inter', sans-serif; font-weight:300; color:#fff; font-weight:normal;   position:relative;z-index:11; margin-left:30pt; margin-right:30pt;}
#homepage .swiper-container {width: 100%; height: 100%; z-index:10; overflow-y:hidden; display:block !important;}
#homepage  .swiper-slide {text-align: center; font-size: 18px; background: #e1e1e1; width:100%; height:100%; overflow:hidden;}
#homepage  .swiper-slide img {height:100% !important; width:auto; }
#kitchens {height:100;}
.pageHeader {margin-top:0;}

.contentPage {width:100%; display:flex; text-align:left;   margin-top:0; padding-bottom:30px;}
.contentPage .ic .top {display:block; width:100%; height:117pt; text-align:center;}
.contentPage .ic .top h1 {margin:0; padding:0; text-align:center;font-family:'Inter', sans-serif; font-weight:700; font-size:27pt; line-height:auto; color:#6f6f6f; padding-left:0;   width:100%; display:block; position:static; margin-top:40pt; margin-bottom:20pt;}

#contact {margin-top:0; padding-top:0px;         background: #393939;}

.testimonials { margin-bottom:0px; }

 
.contentPage .ic .top > div a {margin:auto !important;   float:none; width:auto; height:auto;       margin-top:-50px; position:relative;  margin-bottom:50px !important; }  
.contentPage .ic .top > div {  display:inline-table; width:100%; height:1px; margin-top:133px;  }

.contentPage .ic .top a:hover {background:#33a6ff; color:#ffffff;}
 
.contentPage .buttonContainer {padding-left:25px; padding-right:25px; padding-bottom:55px;} 

 
 
.pageHeader .buttons {padding:0; width:auto; display:block; height:60px; margin:auto; text-align:center; margin-top:25px;}
.pageHeader .text {width:100%;  display:block; padding-bottom:20px; }
.pageHeader > div  {width:100%;  display:block; text-align:center; }
.pageHeader h1, .finishes h1 {  margin:0; padding:0; text-align:center; display:block;  font-size:22px;   }

.pageHeader h5 {color:#a9a9a9; font-size:14px;  margin:0; padding:0; display:block; font-weight:normal;   margin-left:0 !important;  margin-right:0 !important; text-align:center;}
 
 
#company {background:#FFFFFF; z-index:9; display:block; }
#contact {display:block;}
 
 .contactArea .contactForm, .contactArea .map {width:100%;  display:block;   text-align:left; margin-bottom:25px; }
#euroluxe-map {width:calc(100% - 50px); margin-left:25px; display:block; height:500px; border-radius:0px;  margin-bottom:0; background:url(../images/map.png) 50% 50% no-repeat;}
 
 
.aniImgWrap {margin-top:0 !important; float:none !important; margin-right:0 !important;}
 
 
 
 
.furniture h1, .eventspace h1 {text-align:center; width:100%; padding:0;}
.furniture .iconsRow {display:block; width:90%; margin:0 auto;   padding:0;}
.furniture .iconsRow .icon {margin-right:0px; width:33%; text-align:center;} 
.furniture .iconsRow .icon img {width:auto; display:inline; max-width:60%;}

.productsContainer.doorsContainer {
	 justify-content: center;
}

 	}

 

	
	@media screen and (max-width: 616px) {

 
.doorsContainer  {width:auto; /* max-width:427px;   */ float:none;  display:flex;   text-align:left; margin-left:auto; margin-right:auto;  }
.doorsContainer .product {width:100%; float:left; max-width:205px; max-height:406px; min-height:406px; overflow:hidden;    padding-left:0px; padding-bottom:25px; }
 
 
.productsContainer .door .image {display:block; width:100%; max-width:205px; overflow-x:hidden;z-index:3;}
.productsContainer .door .image img {display:block; height:406px; width:205px; max-width:296px; z-index:2;}
 .productsContainer .door  .swiper-container {height: 406px;}
 
}

@media screen and (max-width: 461px) {
.doorsContainer  {width:auto; max-width:205px;   float:none;  display:flex;   text-align:left; margin-left:auto; margin-right:auto;  }
.doorsContainer .product {width:100%; float:none;}
 
 .productsContainer .regular .swiper-container {
	 height:auto;
 }
}

/* @media screen and (max-width: 320px) {
.doorsContainer  {width:auto; max-width:177px;   float:none;  display:flex;   text-align:left; margin-left:auto; margin-right:auto;  }
 .productsContainer .door .image {display:block; width:100%; max-width:177px; overflow-x:hidden;z-index:3;}
.productsContainer .door .image img {display:block; height:350px; width:177px; max-width:177px; z-index:2;}
 .productsContainer .door  .swiper-container {height: 350px;}
}
 */