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

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

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

a, .circlesControl span, .icon-nav-right , .icon-nav-left, .contactForm input, .contactForm textarea {
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;
}
.headerMobile {display:none;}
.header {width:100%;  height:150px; display:block; position:sticky; 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 .logo {width:310px; display:block; height:50px;  background-size: 310px auto; text-indent:-9999pt; float:left; margin-top:36pt; margin-left:20px; 	-webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s;}

.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:11.25pt; font-family:'Inter', sans-serif; font-weight:700; text-decoration:none; text-transform:uppercase; display:block; padding:10pt;}
.header .nav li.home {
	display:block;
}
/* .header .nav li:hover {} */

.header .nav li.contact a {border:0px solid #33a6ff; margin-left:5pt; color:#33a6ff !important; border-radius:var(--border-radius-s); padding:9.5pt 11.25pt;

margin-top:13px;

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

-webkit-box-shadow: 0px 16px 50px -10px rgba(42,128,255,0.25);
-moz-box-shadow: 0px 16px 50px -10px rgba(42,128,255,0.25);
box-shadow: 0px 16px 50px -10px rgba(42,128,255,0.25);
transition:all 0.5s;

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

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

.header {left:0; top:0; height:68px !important; 

background: rgba(0,0,0,0.8);

backdrop-filter: blur(5px);}
.header  .logo {background:url('../images/binova-euroluxe-logo-w.svg') 0% 50% no-repeat; width:213px; display:block; height:34px;  background-size: 213px auto; text-indent:-9999pt; float:left; margin-top:14.25pt; margin-left:0;  }
.header .nav { padding:0; margin:0; margin-right:0;}
.header .nav li  {padding-top:0px; padding-bottom:0px; }
.header .nav li a {font-size:10pt; font-family:'Inter', sans-serif; font-weight:500; letter-spacing:0.75pt; padding:19.25pt 10pt; }
.header .nav li a:hover {background-color: #111; color:#ffffff;}

.pageHeader { text-align:center; width:100%; max-width:1260px; margin:auto; display:block; margin-top:50px;  }
 
.pageHeader .buttons {padding:0;}
.pageHeader .text {width:100%;  display:block; padding-bottom:35px;}
.pageHeader > div  {width:100%;  display:inline-table; }
.pageHeader h1, .finishes h1 {font-size:30px; font-family:'Inter', sans-serif;  color:#5b5b5b; margin:0; padding:0; text-align:center; display:block;  margin-left:230px;  margin-right:230px; font-weight:700;}

.pageHeader .contentPage h1 {
	margin:0;
	text-align:left;
	text-transform:uppercase;
}
.pageHeader .contentPage .top {
	height:auto;
	display:flex;
	width:100%;
	margin-bottom:25px;
}
.pageHeader h5 {
	margin-top:25px;
}
/* .pageHeader h5 {color:#a9a9a9; font-size:14px;  margin:0; padding:0; display:block; font-weight:normal;   margin-left:230px;  margin-right:230px; text-align:center;} */
.pageHeader .location:before {content: "\e904";  font-family:euroluxe; padding-right:5px;   }

.btnGoBackTo {float:left; border:0px; margin-left:0;  border-radius:var(--border-radius-s); padding:7pt 16pt; font-family:'Inter', sans-serif; font-weight:500; color:#33a6ff; text-transform:uppercase; text-decoration:none; display:block; font-size:14px; margin-bottom:55px; 
background:#7f7f7f !important;
color:#ffffff !important;
transition:all 0.5s;
}
.btnGoBackTo:hover {/* color:#ffffff; background:#33a6ff; border:1px solid #33a6ff; */
	opacity:0.85;
 	transform: translateY(-5px);
	background:#0448b3;
	color:#ffffff !important;
}
.btnGoBackTo:before {height:20px; line-height:21px; content: "\e901"; font-family:euroluxe; margin-right:5px;     display:block; float:left; font-size:13px;  }
.btnAskUs {float:right;   border:0px; margin-left:0;  border-radius:var(--border-radius-s); padding:7pt 16pt; font-family:'Inter', sans-serif; font-weight:500; color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; font-size:14px; margin-right:0;  margin-bottom:55px; 
background:#7f7f7f !important;
color:#ffffff !important;
transition:all 0.5s;
} 

.btnPDF {float:right;  border:0px solid #41d661; margin-left:25pt;  border-radius:var(--border-radius-s); padding:7pt 16pt; font-family:'Inter', sans-serif; font-weight:500; color:#FFFFFF; text-transform:uppercase; text-decoration:none; display:block; font-size:14px; margin-right:0;    margin-left:0; margin-right:10px;  
background: #7f7f7f !important;
color:#ffffff !important;
transition:all 0.5s;
} 

.btnPDF:before {height:20px; line-height:19px; content: "\e90f"; font-family:euroluxe; margin-right:5px; text-transform:none; display:block; float:left; font-size:19px; }
.btnAskUs:hover , .btnPDF:hover {/* background:#29a243; border:1px solid #29a243; color:#ffffff;  */
	opacity:0.85;
 	transform: translateY(-5px);
	background: linear-gradient(to top right, #1abe5f, #41d661);
	color:#ffffff !important;
}
.btnAskUs:before {height:20px; line-height:19px;	content: "\e902"; font-family:euroluxe; margin-right:5px; display:block; float:left; font-size:19px;}

.btnPDF > span, .btnAskUs > span, .btnGoBackTo > span  {
	display:block; 
	float:left;
	padding-top:1px;
}





.modalsAskUs {display:block; width:320px !important; height:650px;  position:relative; margin-bottom:-750px; margin-right:0; float:right; z-index:90; right:0; -webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}

.modalhidden, .modalhidden .askContainer {display:none !important; webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}
.askContainer {display:flex; flex-direction:column; height:585px;  margin-top:55px;background:#ffffff; border-radius:var(--border-radius); -webkit-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35);box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35); webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}
.askContainer .arrow-up {width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #FFF; margin-top:-10px; position:absolute; margin-left:255px;}
.askContainer h3 {font-family:'Inter', sans-serif; font-weight:700; color:#000; font-size:15px; margin:0; padding:0; padding-top:15px; padding-bottom:15px;}


.people .active img {border:5px solid #8ad69b !important; webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}

.askContainer .photo {width:80px; display:block;   float:left; padding-bottom:20px; padding-left:25px; }
.askContainer .rightp {float:left;   padding-right:0px; padding-left:15px;}
.askContainer .photo img {width:70px;border-radius:50%; border:5px solid #FFFFFF; cursor:pointer; webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}
.askContainer .photo img:hover {border:5px solid #33a6ff; webkit-transition: all 0.5s;	-moz-transition: all 0.5s;	transition: all 0.5s;}
.askContainer .photo h3 {width:80px; text-align:center; margin:0; padding:0; color:#333333; font-family:'Inter', sans-serif; font-weight:normal; font-size:12px;}
.askContainer .photo h5 {width:80px; text-align:center;  margin:0; padding:0; color:#9c9c9c; font-family:'Inter', sans-serif;  font-weight:300; font-size:9px; font-style:italic;}

.askContainer .contactForm .floating-placeholder textarea  {
	height:155px !Important;
}
.askContainer .contactForm {
	display:flex;
	flex-direction:column;
	padding:25px;
	padding-top:0;
}


.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-weight:500; font-size: 16px; height:43px; margin: 0; padding: 0;  color:#d0d0d0; }
.contactForm .floating-placeholder {text-transform:uppercase; border-bottom:0; border:1px solid #bebebe !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.1);}

.contactForm input, .contactForm textarea { width: 100%;border:0; font-weight:300; border-radius:0px !important; font-family:'Inter', sans-serif;  line-height:55px !important;}


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


.contactForm .floating-placeholder label {display: block; position: absolute; top: 0; left: 10px; line-height:45px; font-size: 14px; z-index: 1; color: #838383;}
.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, font-size 0.2s, line-height 0.2s; -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); */
font-size:8px;
line-height:20px;
}
.contactForm.floating-placeholder-float input, .contactForm.floating-placeholder-float textarea {}

.contactForm .btnSend {border-radius:0px; max-width:130px;     font-family:'Inter', sans-serif; text-transform:uppercase; font-size:13px; font-weight:500; text-decoration:none; color:#fff;   height:40px; margin-top:0; margin-right:0; line-height:24px !important; display:block; float:left; width:calc(50% - 5px); border:0; border-radius:3px;

    background: linear-gradient(to top, #111, #222);color:#ffffff !important; transition:all 0.5s;
cursor:pointer;
}
.contactForm .btnSend:hover {/* background:#0e71be; color:#FFFFFF;  */font-weight:normal;
opacity:0.85;
 	transform: translateY(-5px);
	    background: linear-gradient(to top, #111, #222);
	color:#ffffff !important;
	transition:all 0.5s;
 }

.contactForm .btnCancel {border-radius:0px !important;     border:0px solid #959595;   font-family:'Inter', sans-serif;text-transform:uppercase; font-size:13px; font-weight:500; text-decoration:none; color:#ffffff; width:100%; height:40px; margin-top:0; line-height:24px !important; display:block; float:left;width:calc(50% - 5px); margin-right:9px; max-width:130px; background: #7f7f7f; cursor:pointer; transition:all 0.5s; border-radius:3px;}

.contactForm .btnCancel:hover {background:#333; color:#FFFFFF;  transform: translateY(-5px); transition:all 0.5s;}

.askContainer .notrobot { text-align:left; display:block; width:100%; height:25px; color:#838383;font-family:'Inter', sans-serif; font-size:14px; text-transform:uppercase; line-height:25px;}
.askContainer .notrobot input {width:25px; height:25px; display:block; float:left; margin-right:8px; border-radius:var(--border-radius); border:1px solid #bebebe;}

.askContainer  .infoname span, .askContainer  .infomessage span, .askContainer  .infoemail span {font-family:'Inter', sans-serif; text-transform:uppercase; font-size:12px; padding-bottom:5px; margin-top:-5px; font-weight:500; color:red; display:block; position:relative;}
.contactForm  .has-error {border:1px solid red !important;}
.contactForm .alert-success { font-family:'Inter', sans-serif; font-size:20px; font-weight:300; color:#8ad69b; width:100%; text-align:center;  display: block;    margin-top: 150px;    position: absolute;}
.contactForm .alert-success::before {content:"\e913"; font-family:euroluxe !important; font-size:40px; display:block; margin:25px auto; width:100%; color:#8ad69b;}



/*product container  */

 .productImageSlider {    width: 100%;
   /*  max-width: 1260px; */
    height: 90vh;
    max-height: 828px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: center;  
 
 /*  background:#bec1c6; -webkit-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35);box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35); */ } 
.mobileimages {display:none;}

.productImageSlider .ic-wrap {display:block; position:relative; height:88.5pt; width:100%; /* max-width:1260px; */ margin-top:-88.5pt; overflow:hidden;}
.productImageSlider .imageControl {display:inline-table; height:auto; width:100%; /* max-width:1260px; */ 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;}
.productImageSlider .imageControl .icon-nav-right, .productImageSlider .imageControl .icon-nav-left {display:block; color:#ffffff; font-size:23pt;   padding:0; padding-top:32pt; padding-bottom:32pt; padding-left:10pt; padding-right:5pt; position:relative;   -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;   }
.productImageSlider .imageControl .icon-nav-right {padding-right:4.5pt; padding-left:10.25pt;}
.productImageSlider .imageControl .icon-nav-right:hover, .productImageSlider .imageControl .icon-nav-left:hover {color:#33a6ff; cursor:pointer;}
.productImageSlider  .icHover {margin-top:0px;opacity:1;}
.productImageSlider .imageControl .circlesControl {z-index:18;  padding-left:0px; padding-right:0px; display:table-cell; vertical-align:middle; text-align:center; width:100%; }


/*productlist*/













/*products */
 
.productImageSlider  .swiper-slide img {display:block; width:auto;height:100%;  max-width:1260px; z-index:2; position:relative;} 
.productImageSlider .swiper-slide {text-align: center; font-size: 18px; background: #d1d4da; width:auto;}
.productImageSlider .swiper-container {width:100%; height:100%;}



 /* doors */
.doorsImageSlider  .swiper-slide img {  height:100%; width:auto; max-width:1260px; z-index:2; display:block; position:relative;} 
.doorsImageSlider .swiper-slide {text-align: center; font-size: 18px; background: #d1d4da; width:auto;}
.doorsImageSlider .swiper-container {width:100%;}
 
 

.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;}


/* FINISHES */

.finishes {width:100%; max-width:1260px; margin:auto; /* overflow-x:hidden;  */ display:block;  padding-top:55px;}
.finishes p {font-size:18px; line-height:29px;}
.finishes.finishesused > .finishesList {margin-top:0;}
.finishesList {
	position:relative;
	display:inline-table; width:calc(100% + 30px);  padding:0; margin:0; margin-top:55px; margin-right:-25px; padding-bottom:30px;}
.finishesList > li {padding:0; margin:0; margin-right:25px; margin-bottom:25px; display:block; float:left; list-style:none; width:calc(10% - 25px); height:calc(10% - 25px);  cursor:pointer; border-radius:var(--border-radius);   position:relative;}

.finishesList > li:hover::after {  width:5px; height:5px; display:inline; margin-top:-25px; margin-left:5px;    z-index:48; position:absolute; content:"\e911"; font-family:euroluxe;  color:#fff; text-align:right; padding-right:0px; font-size:20px;  }
.finishesList > li:hover {/* opacity:0.5; */ cursor:zoomin;}
.selected:hover {opacity:1 !important;}
.finishesList li.act:after {    content: "\e912"; font-family:euroluxe; display:block; position:relative; color:#fff; z-index:48; margin-left:calc(50% - 10px); margin-top:calc(-50% - 15px);  font-size:32px;}
.finishesList img.small {width:100%;  height:100%; transition:.4s;  position:relative; z-index:47; border-radius:var(--border-radius);}

.finishes.finishesused > .finishesList {margin-top:0;}

.finishesList img {display:block;}

/* .finishesList  li p {margin:0; padding:0; display:block; height:auto; width:100px; text-align:center; opacity:0;   position:absolute;  font-size:14px;  font-family:'Inter', sans-serif; font-weight:500;  color:#cacaca; margin-top:-50px; margin-left:0px;  z-index:50; padding:5px 0px;  transition: all .2s;	-moz-transition: all .2s; -webkit-transition: all .2s; -o-transition: all .2s; }
 */
.finishesList img.big { z-index:47; width:100px; height:100px; position:absolute; display:block;  margin-top:-125px; margin-left:15px; opacity:0; transition:.4s;}  


.tmp {
	 
    position: absolute;
    overflow: hidden;
    display:block;
    width: 47px;
    height: 47px;
    left: 0;
    top: 0;
    transition: all .4s cubic-bezier(.3,0,0,1.2);
    opacity: 0;
}

.tmp img {
	display:block;
	width:300px;
	height:300px;
}
.tmp span {
	bottom: -50px;
}
.tmp.selected {
	width:300px !important; 
	height:300px !important; 
	opacity:1;  
	 
	margin-top:-110px;
	margin-left:-90px;
	z-index:99;
	position:absolute;
}

.tmp.selected span {
    bottom: 0;
    position: absolute;
    left: 0;
    display: flex;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    background: rgba(0,0,0,0.2);
    
    transition-delay: 0.2s !important;
    transition: all .4s cubic-bezier(.3,0,0,1.2);
	box-shadow:none;
 
}

.tmp.selected img {
	 
	transition: all .4s cubic-bezier(.3,0,0,1.2);
  
	transition-delay:0s !important;
	border-radius:var(--border-radius);
 }
 








/* contact us*/

.contactInfo {width:100%; display:flex; flex-wrap:wrap; padding-left:0px; padding-right:0; margin:0;  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:#333; margin:0; padding:0; font-family:"Inter", sans-serif; font-size:17px; font-weight:300;}
.contactInfo .contactItem h3 a {text-decoration:none; color:#333;}
.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:#333;}

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

#euroluxe-map {width:100%;   display:block; z-index:9; height:485px; border-radius:0px;  margin-bottom:0; 

background:url(../images/map.png) 50% 50% no-repeat;
background-size:cover; 
}
.doublequote {
	width:100%;
	display:flex;
	gap:50px;
	margin-bottom:50px;
}
.doublequote > div {
	width:50%;
}
.doublequote  ol {
	margin-left:0;
}

.contentPage.newtextpage ol li,
.doublequote > div {
	color:#6d6d6d; font-family:Inter; font-size:18px; line-height:29px; text-align:left;
}


.doublequote  ol li {
	margin-bottom:20px;
}

.quote-block {
	width:100%;
	 
	margin:0 auto;
	background:#fff;
}
.quote-block .inner {
	width:100%;
	padding-top:50px;
	padding-bottom:50px;
	max-width:1260px;
	margin:0 auto;
}
.quote-block h4 {
	text-transform:uppercase;
	    margin: 0;
    padding: 0;
     
    font-family: "Inter", sans-serif;
    font-size: 24px;
    color: #222;
     margin-bottom:50px;
    letter-spacing: 2pt;
    font-weight: 600 !important;
    display: flex;
    width: 100%;
}


.contactForm form {display:inline-table; width:100%;  float:left; margin-left:0; }
.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:transparent; color: #000;}

.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: #000;}
.contactForm .floating-placeholder input[value] + label, .contactForm .floating-placeholder textarea[value] + label {color: #000;}
.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:#000; 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 {}

#contact .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; }


#contact {margin-top:0; padding-top:0px;        }
#contact .ic {
	max-width:1260px;
	width:100%;
	margin:0 auto;
}


#contact .footer { width:100%; display:inline-table; margin-top:80px; margin-bottom:30px; text-align:center;}
#contact .footer .copyright {display:block; float:left; position:relative; padding-left:25px; font-family:"Inter", sans-serif; font-size:16px; color:#f4f4f4; margin-bottom:30px;}
#contact .footer .smedlinks {display:block; margin:0 auto; position:relative;    height:25pt;}
#contact .footer .smedlinks a {display:block; float:left; height:28px; width:28px; margin-left:1px;  margin-right:30px; font-family:euroluxe; text-decoration:none; font-size:15pt; color:#f4f4f4;}
#contact .footer .smedlinks a:last-child {margin-right:0px;}
#contact .footer .smedlinks a:hover {color:#999;}

#contact .footer .smedlinks a.houzz span:before {content: "\e909";}
#contact .footer .smedlinks a.pinterest span:before {content: "\e90c";}
#contact .footer .smedlinks a.twitter span:before {content: "\e908";}
#contact .footer .smedlinks a.instagram span:before {content: "\e90b";}
#contact .footer .smedlinks a.facebook span:before {content: "\e907";}
#contact .footer .smedlinks a.tumblr span:before {content: "\e90a";}
 
 


#contact .footer .additionalLinks {display:block; float:right;  position:relative; padding-right:25px; font-family:'Inter', sans-serif; font-weight:700; color:#a2bfda; font-size:16px;}
#contact .footer .additionalLinks a {color:#ffffff; margin-right:25px;}
#contact .footer .additionalLinks a:hover {color:#999;}
#contact .footer .additionalLinks a:last-child {margin-right:0;}

  

/*company*/
#company .ic {
	max-width:1260px;
	margin:0 auto;
}
#company .photo {width:249px; display:block; clear:left; float:left; padding-bottom:20px; padding-right:55px;}
#company .rightp {float:right; clear:right; padding-right:0px; padding-left:55px;}
#company .photo img {border-radius:50%;}
#company .photo h3 {width:249px; text-align:center; margin:0; padding:0; color:#333333; font-family:"Inter", sans-serif; font-weight:500; font-size:24px;}
#company .photo h6 {width:249px; text-align:center;  margin:0; padding:0; color:#9c9c9c; font-family:"Inter", sans-serif;  font-weight:300; font-size:18px; font-style:italic;}
	
.contentPage p {margin:0; padding:0; color:#6d6d6d; font-family:Inter; font-size:18px; line-height:29px; text-align:left; margin-bottom:55px;}
#company .companyContent {padding:0;}


.contentPage.newtextpage p {
	margin-bottom:15px;
}

.pageHeader .extradecription, 
.pageHeader .extradecription strong {
	text-align:left;
	font-weight:normal !important;
	line-height:30px;
}



/* 



@media screen and (min-width: 830px) and (max-width: 1025px) {
.finishes {margin-top:0; overflow-x:hidden; width:calc(100% - 50px); margin-left:25px; padding-top:20px; }
.finishesList {margin-top:25px; padding-bottom:0;}
.finishesList img.small {width:100%; max-width:136px;}
.finishesList > li {margin-right:25px; margin-bottom:25px; display:block; float:left; width:calc(16.666% - 25px);  height:calc(16.666% - 25px);}
 
 
}   
   
@media screen and (max-width: 508px) {
.finishes {margin-top:0; overflow-x:hidden; width:calc(100% - 50px);   margin-left:25px; padding-top:20px; }
.finishesList {margin-top:25px; padding-bottom:0;}
	.finishesList > li {margin-right:25px; margin-bottom:25px;   display:block; float:left; width:calc(33.333% - 25px); height:calc(33.333% - 25px);  }
	
 .headerMobile  .logo {  width:205px !important;    background-size: 205px auto !important;       }
 
 

}

@media screen and (max-width: 669px) and (min-width: 509px) {
.finishes {margin-top:0; overflow-x:hidden; width:calc(100% - 50px); margin-left:25px; padding-top:20px; }
.finishesList {margin-top:25px; padding-bottom:0;}
	.finishesList > li {margin-right:25px; margin-bottom:25px; display:block; float:left; width:calc(25% - 25px); height:calc(25% - 25px);  }
}

@media screen and (max-width: 830px) and (min-width: 669px) {
.finishes {margin-top:0; overflow-x:hidden; width:calc(100% - 50px); margin-left:25px; padding-top:20px; }
.finishesList {margin-top:25px; padding-bottom:0;}
	.finishesList > li {margin-right:25px; margin-bottom:25px; display:block; float:left; width:calc(20% - 25px); height:calc(20% - 25px); }
	 
}
		
@media screen and (max-width: 475px) and (min-width: 400px) {
 

.btnPDF  span, .btnAskUs span {display:none;   } 
}

 */

/* end selected*/



.socialbuttons {width:100%; max-width:1260px; margin:auto; text-align:center; margin-bottom:25px; }
.socialbuttons > div {padding:25px;}

@media screen and (max-width: 1190px) {
	#TopHeader {display:block !important;}
 
}


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

body,html { height:auto;  overflow-x:hidden;
    width:100%;}
  #TopHeader {display:none !important;} 
 
.headerMobile { height:68px !important; background: rgba(0,0,0,0.8);
    backdrop-filter: blur(5px);  width:100% !important; display:block;  position:fixed !important; top:0; z-index:99; }


.headerMobile .innerHeader {width:100%; max-width:1260px; margin:auto; -webkit-transition: all 0.2s;	-moz-transition: all 0.2s;	transition: all 0.2s; text-align:center; display:block; height:68px; padding-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: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 {float:right; display:block;  color:#ffffff; font-size:28px; text-decoration:none; margin-right:25px;}
.headerMobile .btnContactMobile:hover {color:#33a6ff;}
.headerMobile .btnContactMobile:before {content: "\e90d"; font-family:euroluxe;}

.pageHeader {margin-top:68px;}

 
.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:inline-table; text-align:center; }
.pageHeader h1, .finishes h1 {  margin:0; padding:0; text-align:center; display:block;  font-size:22px;   }

 

.btnGoBackTo {display:block; font-size:14px; margin:0; margin-left:25px; }

.btnGoBackTo:hover {color:#ffffff; background:#33a6ff; border:1px solid #33a6ff;}
.btnGoBackTo:before {content: "\e901"; font-family:euroluxe; margin-right:5px;    }

.btnAskUs {display:block; font-size:14px;margin:0; margin-right:25px;} 


 

 .askContainer {margin-top:80px;}
   .contactForm .btnSend, .contactForm .btnCancel {font-size:13px !important; padding:0; line-height:15px !important;}
  
 

 .productImageSlider {width:auto; max-width:1260px; height:auto; max-height:673px;  margin:auto; background:#d1d4da; display:block;  -webkit-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35);box-shadow: 0px 10px 97px 0px rgba(0,0,0,0.35); } 
 
 
 
.productImageSlider  .swiper-slide img {display:block; width:auto; height:auto; max-height:673px;   max-width:auto; z-index:2; position:normal;} 
.productImageSlider .swiper-slide {text-align: center; font-size: 18px; background: #d1d4da; width:auto;}
.productImageSlider .swiper-container {width:100%; height:100%;}


 
.doorsImageSlider  .swiper-slide img {  height:auto; width:auto; max-height:673px; max-width:auto;     z-index:2; display:block; position:relative;} 
.doorsImageSlider .swiper-slide {text-align: center; font-size: 18px; background: #d1d4da; width:auto;}
.doorsImageSlider .swiper-container {width:auto; height:auto;}  
  
 
	
@media screen and (max-width: 400px) {

.pageHeader .buttons  {padding:25px; width:auto; display:inline-table; height:auto; margin:auto; text-align:center; margin-top:15px;}
.pageHeader .buttons  a {width:calc(100% - 50px); margin:0; margin-bottom:15px;   float:left;}
.askContainer {margin-top:140px;}
.modalsAskUs {margin-right:0; right:auto; float:none; position:absolute; left:calc(50% - 160px);}
.askContainer .arrow-up {margin-left:150px;}


 
 
}

@media screen and (max-width: 768px) {
	
	.productImageSlider .swiper-slide {
		aspect-ratio: 1260 / 828; 
		max-height:500px;
	}
	.productImageSlider .swiper-slide img {
 
		max-width:100vw;
		height:calc(100vh - 70px);
		height:auto;
		 
	}
	
@media screen and (max-width: 600px) {
	
	.productImageSlider .swiper-slide img {
		max-height:350px;
	}
}	

@media screen and (max-width: 500px) {
	
	.productImageSlider .swiper-slide img {
		max-height:270px;
	}
}	


	@media screen and (max-width: 400px) {
	.productImageSlider .swiper-slide img {
		max-height:245px;
	}
	
	}
	
}





	 /*
@media screen and (max-width: 320px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:210px;} 
}	
@media screen and (max-width: 375px) and (min-width: 321px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:246px;} 
}	
@media screen and (max-width: 414px) and (min-width: 375px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:263px;} 
}	
@media screen and (max-width: 500px) and (min-width: 414px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:329px;} 
}	
@media screen and (max-width: 600px) and (min-width: 500px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:394px;} 
}	
@media screen and (max-width: 700px) and (min-width: 600px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:460px;} 
}			
@media screen and (max-width: 768px) and (min-width: 700px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:505px;} 
}	
@media screen and (max-width: 800px) and (min-width: 768px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:526px;} 
}	
@media screen and (max-width: 900px) and (min-width: 800px) {
.productImageSlider, .productImageSlider  .swiper-slide img, .doorsImageSlider  .swiper-slide img  {max-height:591px;} 
}		
	
@media screen and (max-width: 600px) {


 .productImageSlider {display:none;} 
.mobileimages {display:inline-table;}
.mobileimages ul {
	margin:0;
	padding:0;
}
.mobileimages ul li {
	display:block;
	
}
.mobileimages ul li img {
	width:100%;
	display:block;
	margin-bottom:20px;
}

}
	
	*/
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 120dpi) { 
/* 
  .pageHeader {max-width:1060px;}
.productImageSlider {  max-height:697px;}
 
.finishes {max-width:1060px;}
.header .innerHeader, #footer {max-width:1060px;}   */




.quote-block .inner {
	padding-left:25px;
	padding-right:25px;
}
.quote-block .quoteform {
	width:calc(100% - 50px);
	box-sizing:border-box;
}

}