/* Float Shadow */
.hvr-float-shadow { display: inline-block;  vertical-align: middle;  -webkit-transform: perspective(1px) translateZ(0);  transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  position: relative; -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform;  transition-property: transform; text-align:center }
.hvr-float-shadow:before {  pointer-events: none;  position: absolute;  z-index: -1;  content: '';  top: 100%;  left: 5%;  height: 10px;  width: 90%;  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform, opacity;  transition-property: transform, opacity; }
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {   -webkit-transform: translateY(-8px);
  transform: translateY(-8px);   /* move the element up by 5px */ }
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {   opacity: 1;
  -webkit-transform: translateY(8px);   transform: translateY(8px);  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ }
.top-icon { width:18px; margin-right:4px; position:absolute; top:4px; left:0 }
.header-top li { display:inline-block; margin-left:10px; position:relative; padding-left:25px; }
.pictures{			font-size: 0px;		} .pictures .item{			position:relative;			display:inline-block; width:calc(32.33% - 0px)		} .pictures .item img{			position:relative;			z-index: 11;		}
.pictures .item .item_description{			position:absolute;			z-index: 10;			left: -15px;			top: -15px;			right: -15px;			bottom: -60px;						-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);			-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);						background:#151515;			padding: 15px;					display:none;		}
.pictures .item .item_description span{			color:#ffffff;			font-size: 13px;			display:block;			position:absolute;			bottom: 15px;			height: 30px;					}
.pictures .item:hover{			z-index: 100;		}
.pictures .tjGalleryItem .item:hover .item_description{			display:block;		}
.grid-item { width: 220px; } .grid-item--width2 { width: 400px; }
.whats-call { display:none } .fadeAnimation { opacity:0 }
.ddsmoothmenu ul li ul { background-color:#ebebeb } .ddsmoothmenu ul li ul li, .ddsmoothmenu ul li ul li { }
.ddsmoothmenu ul li ul li a:link, .ddsmoothmenu ul li ul li a:visited { width:260px; padding:12px 10px; border-bottom:1px solid var(--chromeYellow)  } .hme-drfr-title { margin-bottom:50px } .hme-prd-itenr { padding:40px 0 0 0 }
.welcomeTitle { padding-bottom:35px } .hme-wallPro-wrapp .widgetTitle, .home-prduct-wrapp .widgetTitle { padding-bottom:45px } .hme-prd-itenr .rm-btn { padding-top:40px } .owl-carousel .owl-nav button.owl-next { right:0 }
.ph-gall img { width:100% } .doors-fram-th-mob, .home-slider-mob, #mobile-heade, .mobMenu, .show668 { display:none }
.welcomeTitle h5 { padding-bottom:5px }
#whatsapp { position:fixed; bottom:20px; left:20px; z-index:130000 }
#whatsapp img{ width:30px }
.scrollTop { position:fixed; z-index:30000;  bottom:15px; right:15px; transition:all 0.5s ease; opacity:0  } .scrollTop img { width:20px; height:auto }
.scrollTop a:link, .scrollTop a:visited { display:block; padding:10px; background-color:rgba(0,0,0,0.2) }		
.cntCall { position:relative; background-image:url(../images/phone_icon.svg); background-repeat:no-repeat; background-repeat:no-repeat; background-position:left 8px; background-size:20px auto; padding-left:25px }
.cntEmail { position:relative; background-image:url(../images/email_icon.svg); background-repeat:no-repeat; background-repeat:no-repeat; background-position:left 5px; background-size:23px auto; padding-left:25px }
#promen-app { display:none }


.footer-menu { float:left }
.footer-menu ul { padding:0 40px 0 0 }
.footer-address address.faFirst { padding-left:0 }
.footer-address address { padding-left:40px }
.footer-address { float:right; width: calc(643px - 0px);  }
.footer-menu-align { float:left; width:calc(630px - 0px) }
.footer-address { width:auto }
#faddress-app { float:right }
.introItems li figure {	  animation: flotAni 10s  linear infinite; transform: translate(1px,-8px); }
	 .hpt { display:none }

@keyframes flotAni {
	   0%  { transform: translate(1px,-8px); }
	      50%  { transform: translate(1px,8px); }
        100%{ transform: translate(1px,-8px);} 	  
}



@media screen and  (max-height: 768px) {
.introCap { padding-bottom:40px;  }	
.introItems li { padding-bottom:45px }
}
@media (max-width: 1400px) {
	.hmedor-fm-content, .hme-lockHd-wrapp  .hmedor-fm-content { padding:0 50px 0 100px }
	.hmedor-fm-cnt-align { width:calc(430px - 0px);   }
	.pdtMenu a:link, .pdtMenu a:visited  { font-size:10pt }
	.pdt-pg-adv li {     width: calc(19% - 0px); vertical-align:top } .pdt-pg-adv img { width:90% ; }	
	.hme-drfr-title { margin-bottom:45px }
	.hme-prd-itenr { padding:35px 0 0 0 }
	.welcomeTitle { padding-bottom:20px }
	.hme-wallPro-wrapp .widgetTitle, .home-prduct-wrapp .widgetTitle, .home-clients h3 { padding-bottom:30px}
	.hme-prd-itenr .rm-btn { padding-top:25px }
	
	
	.footer-menu { float:left }
.footer-menu ul { padding:0 30px 0 0 }
.footer-address address.faFirst { padding-left:0 }
.footer-address address { padding-left:30px }
.footer-address { float:right; width: calc(643px - 0px);  }
.footer-menu-align { float:left; width:calc(595px - 0px) }
.footer-address { width:auto }
#faddress-app { float:right }
.footerTitle { font-size:14pt }
	
}



@media (max-width: 1200px) { .hmedor-fm-content, .hme-lockHd-wrapp .hmedor-fm-content {    padding:0; }
.footer-address address.faFirst { padding-left:0 } /*.footer-address {    float: right;    width: calc(626px - 0px);}*/ 
.site-logo { width:200px }
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited { padding:20px 7px }
.pdt-pg-cont { position:relative; float:left  }
.pdtMenu a:link, .pdtMenu a:visited {    padding: 15px 17px; }
.prdctsLast { display:none }
.footer-menu-align {    float: left;     width: calc(455px - 0px);
}
}
@media (max-width: 1100px) {
.container { padding:0 30px }
.sitelogo img { width:180px }
.introCap  { font-size:20pt }	
.introItems li figure { width:245px; height:245px }
.introItems li figure svg { width:80px }
.introItems li span {    display: block;    padding: 37px 0 0 0; }
.about-block article {    width: calc(100% - 0px);    padding-right: 0px;    position:relative;    top: 0;    left: 0;    transform: translate(0, 0);    -ms-transform: translate(0, 0);    text-align: justify;    text-align-last: center; }
.pdt-gall {  margin-left:-15px } .pdt-gall li {    width: calc(24% - 15px);    display: inline-block;    margin: 8px 0 8px 15px; } .pdt-pg-cont-lock {     padding: 15px 12px; } .pdt-locks-pg-cont-wrap .pdt-pg-adv li {    width: calc(23% - 0px); }
.footer-menu-prd { display:none } .footer-menu-align { width:auto }
.footer-menu ul {    padding: 0 78px 0 0; }
.footer-address address { padding-left: 81px;}
}
@media (max-width: 1080px) {
.welcomeTitle h1 {    font-size: 27pt; }
.pageTitle h1 { font-size:24pt }
.widgetTitle { font-size:22pt }
.subWid-our-prod-wrapp .widgetTitle { font-size:20pt }
.landingHead h2 { font-size:14pt }		
.footer-address {       width: calc(626px - 0px);}
.footer-menu ul { padding:0 60px 0 0 }
.footer-address address { padding-left:56px }
.pdt-title h2 { text-align:center }
}
@media (max-width: 1024px) {	
	:root { --gutter:60px 0; }	.hme-doFr-wrapp { padding-bottom:30px }	#sub-page { padding:50px 0 } 	
.hme-prd-itenr img { width:80px } .primary-menu { display:none } #mobile-heade, .mobMenu-show { display:block }
#mobile-heade { position:absolute; top:0; right:0 } .site-logo { padding-top:0 } .header-right { margin-top:30px }
.sub-banner { padding-top:90px } .mh-head {    background: #e7e7e7; } .mh-head.mh-btns-left {    padding-left: 66px; }
.our-motto-block article { width:auto; padding:0 35px }
.mpImage { width:180px; padding-right:30px }
.manPartWrapp p {  padding-left:0 }
.header-caption { width:220px; height:220px;     font-size: 13pt; } .header-caption  h4 { line-height:24px  }
.pdtland-page-top ul { margin-left:-30px }
.pdtland-page-top li {    width: calc(50% - 30px);    margin-left: 30px;    margin-bottom: 35px; }
.pdtland-page-top li.landing-single {    width: calc(100% - 30px);    margin-left: 30px; }
.pdtland-page-top li.prlTHree {     width: calc(33% - 30px); }
.ph-gall li {    width: calc(19.6% - 0px); }
.pdtMenu a:link, .pdtMenu a:visited {    padding: 15px 10px; }
}
@media (max-width: 990px) {
.hmedor-fm-cnt-align {    width: calc(417px - 0px);}
.home-prduct-wrapp .container { padding:0 }
.home-prduct-wrapp, .home-clients  { overflow:hidden; width:100% }
.hme-drfr-title { margin-bottom:20px } .hme-prd-itenr { padding-top:20px }
.hmeWall-btom-icons li {    width: calc(30.5% - 0px); }
.about-block figure, .project-block figure { width:calc(450px - 0px) }
.header-caption { right:60px }
.subWid-our-prod-wrapp .container { padding:0 }
.footer-address {       width: calc(579px - 0px);}
.footer-menu ul { padding:0 30px 0 0 }
.footer-address address { padding-left:45px }
.pdt-pg-image { padding-left:25px } .pdt-pg-image-left { padding-right:25px }
.pdt-pg-cont { width:auto; float:none; padding-right:0 } 
.pdt-pg-adv { clear:both; float:none }
.pdt-pg-adv li {    width: calc(14% - 0px);   }
.partners-th { display:none }
.partners-wrapp { background-image:url(../images/partners-th.jpg); background-position:right center; background-repeat:no-repeat; }
.partners-block {    padding: 25px;    width: calc(57% - 0px);   }
.brands-block li {    display: inline-block;    width: calc(32% - 0px);    max-width: 180px; }
.project-block article {    width: calc(100% - 0px); position:relative; top: 0;    left: 0;    right: 0;    transform: translate(0, 0);  -ms-transform: translate(0, 0); } .project-block figure { display:none }
.project-block ul { padding-left:0 } 
.project-block li { width:calc(50% - 10px); margin:0 5px; float:left }
.contact-wrapp { padding:20px } .cntLogo img {    width: 160px; } .contact-left { padding-right:25px }
.whats-call { display:block }
}

@media (max-width: 950px) {
/*.hmedor-fm-content { position:relative;     top: 0;
    left: 0;
    transform: translate(0, 0);
    -ms-transform: translate(0, 0); }*/
/*.doors-fram-th, .hme-lockHd-wrapp .doors-fram-th { float:none; clear:both }*/
.hmedor-fm-cnt-align, .hmedor-fm-cnt-align {    width: calc(402px - 0px); }
.hme-prd-itenr li { padding:8px }
.introItems li { padding:0 10px 55px 10px }
.introCap { letter-spacing:11px }
#pdtmenu { display:none }
.promen-app { background-color:#fba919; position:relative; z-index:12000; margin-bottom:20px; }
.promen-app .ddsmoothmenu ul li { float:none  }
.promen-app .ddsmoothmenu ul li ul { left:0 !important; width:100% !important }
.promen-app .ddsmoothmenu a:link, .promen-app .ddsmoothmenu a:visited { font-size:14pt; text-align:center; padding:15px 0 15px }
.promen-app .ddsmoothmenu ul li ul li a:link, .promen-app .ddsmoothmenu ul li ul li a:visited  { font-size:10pt; text-align:left; width:calc(100% - 0px) !important; padding:15px 25px !important  }
.promen-app .ddsmoothmenu ul li ul li { float:left; width:calc(50% - 0px) !important; }
#promen-app { display:block; position:relative }
#promen-app:after { content:""; display:block; position:absolute; background-image:url(../images/down_arrow_icon.svg); width:20px; height:100%; right:15px; top:0; background-repeat:no-repeat; background-size:100% auto; background-position:center center }


}

@media (max-width: 880px) {
	
	.welcomeTitle h1 {    font-size: 24pt; }
.pageTitle h1 { font-size:20pt }
.widgetTitle { font-size:18pt }
.subWid-our-prod-wrapp .widgetTitle { font-size:20pt }
.landingHead h2 { font-size:12pt }	
	.manPartWrapp .widgetTitle { font-size:14pt }
	
	
.hmedor-fm-cnt-align, .hmedor-fm-cnt-align {    width: calc(380px - 0px); }
.hme-prd-itenr li { padding:8px }
.introItems li figure { width:200px; height:200px }
.introItems li figure svg { width:55px; height:76px }
.introItems li span {    display: block;    padding: 41px 0 0 0; } 
.introItems li figcaption {    padding-top: 0; font-size:11pt; }
.header-caption-home {    width: 294px;    height: 294px;}
.hmedor-fm-content { position:relative; top: 0;     left: 0;    transform: translate(0, 0);    -ms-transform: translate(0, 0); }
.doors-fram-th, .hme-lockHd-wrapp .doors-fram-th { float:none; clear:both }
.hmedor-fm-cnt-align, .hmedor-fm-cnt-align { width:auto }
.doors-fram-th { display:none }
.doors-fram-th-mob { display:block; float:left; width:calc(40% - 30px); margin-right:30px; margin-top:25px }
.hmedor-fm-cnt-align { float:left; width:calc(60% - 0px) }
.welcome-wrapp article { width:auto }
.landWaps-btm, #fmenu-app { display:none }
.footer-address {     width: calc(100% - 0px); } 
.footer-address address { float:right }
.footer-address address.faFirst { float:left }
.pdtland-page-top li.landing-single, .pdtland-page-top li.prlTHree {     width: calc(50% - 30px); }
.pdt-pg-cont-lock {     padding: 15px 0px; width:calc(100% - 0px) }
.pdt-locks-pg-cont-wrap .pdt-pg-adv li {    width: calc(14% - 0px); }
.pdt-pg-cont-lock figure { float:left; width:calc(350px - 0px); padding:0 25px 20px 0 }
.pdt-locks-pg-cont-wrap .pdt-pg-adv li figure { width:auto }
.ph-gall li {    width: calc(24.6% - 0px); }
#faddress-app { float:none; clear:both }
}



@media (max-width: 768px) {
.introCap {    font-size: 13pt;}
.header-caption-home {    width: 227px;    height: 227px;  }	
.header-caption { font-size:11pt } .header-caption h4 {    line-height: 27px; }
.introItems li figure { width:160px; height:160px }
.introItems li figure svg { width:55px }
.introItems li span {    display: block;    padding: 20px 0 0 0; } 
.introItems li figcaption {    padding-top: 0; font-size:11pt; }
.hme-doFr-wrapp .container, .hme-lockHd-wrapp .container { padding:0 }
.hmeWall-btom-icons li {    width: calc(30.5% - 0px); }
.site-logo { width:160px }
.about-block figure, .project-block figure { width:calc(320px - 0px) }
.foot-call, .foot-mail {    float: left;    padding-right: 34px; }
.foot-logo {     width: 151px; }
.pdt-pg-adv li, .pdt-locks-pg-cont-wrap .pdt-pg-adv li {    width: calc(19% - 0px); }
.partners-block { width:calc(100% - 0px) }
.testimonias-block li {    width: calc(100% - 0px);    padding: 20px 0; float:none; clear:both}
.testimonias-block ul:after { display:none }
 .testimonias-block ul { border:none !important }
 .testimonias-block ul li {    border-bottom: 1px solid #fba919 !important; }
 .contact-left, .contact-right, .form-left { float:none; clear:both; width:calc(100% - 0px) }
 .gmap { position:relative; width:calc(100% - 0px); height:350px }
 .pdt-pg-cont-wrap { margin:6px 0 }  .pdt-title { padding-bottom:15px }
 .product-slider { padding-top:10px } 
}
@media (max-width: 668px) {
			:root { --gutter:40px 0; }
	.hme-doFr-wrapp { padding-bottom:30px }
	.hme-wallPro-wrapp .widgetTitle, .home-prduct-wrapp .widgetTitle, .home-clients h3 { padding-bottom:15px }
	.welcomeTitle { padding-bottom:10px }
	.hme-doFr-wrapp { padding-top:0 } .doors-fram-th-mob { margin-top:40px }
	
.doors-fram-th-mob { display:block; float:none; clear:both; width:calc(100% - 0px);  margin:30px 0; text-align:center  }
.doors-fram-th-mob img { width:300px }
.hmedor-fm-cnt-align { float:left; width:calc(100% - 0px); float:none; clear:both }
.hmeWall-btom-icons li {    width: calc(180px - 0px); padding:10px }
.about-block figure { display:none }
.header-caption { width:180px; height:180px }
.header-caption h4 {    font-size: 10pt; line-height:22px }
.footer-address address, .footer-address address.faFirst { float:none; clear:both; text-align:center; padding:15px 0 }
.cpr { float:none; clear:both; text-align:center; padding-bottom:10px } 
.smo-sub { position:static; width:243px; margin:0 auto }
.pdt-pg-image, .pdt-pg-image-left { clear:both; float:none; width:300px; margin:0 auto 20px auto; padding-left:0; display:none }
.pdt-gall li, .pdt-locks-pg-cont-wrap .pdt-pg-adv li {    width: calc(32% - 15px); }
.gallTitle { padding-top:10px } .down-eb-cn { margin-bottom:30px !important }
.footer-top { padding:20px 0 }
.footer-middle { padding:10px 0 }
.hme-pdtImg figcaption { font-size:11pt; letter-spacing:3px }
.promen-app .ddsmoothmenu ul li ul li a:link, .promen-app .ddsmoothmenu ul li ul li a:visited  { font-size:10pt; text-align:left; width:calc(100% - 0px) !important; padding:15px 25px !important  }
.promen-app .ddsmoothmenu ul li ul li { float:left; width:calc(100% - 0px) !important; }
.footerTitle {    font-size: 14pt; }
}
@media (max-width: 600px) {
.about-page .container { padding:0 } 
 .about-block, .container, .manPartWrapp article { padding:0 30px }
.home-slider-mob, .show668 { display:block } .home-slider { display:none }
.hmedor-fm-cnt-align { padding:0 30px }
.hmeWallLeft, .hmeWallRight { width:calc(100% - 0px); padding:0 }
.hmeWall-btom-icons li {    width: calc(49% - 0px); padding:10px }
.introCap { font-size:9pt; line-height:22px }
.header-caption-home { width:190px; height:190px }
.introItems li {    padding: 0 10px 39px 10px; }
.introItems li figcaption { font-size:10pt; line-height:18px }
.header-top li span { display:none } .top-icon { position:static } .header-top li { padding-left:0 }
.header-right { position:absolute; right:77px; top:0px }  #mobile-heade { top:18px }
.sub-banner {    padding-top: 75px; } #fqkcnt-app .align { display:none }
.foot-logo { float:none; clear:both; margin:0 auto }
.mpImage {    width: 160px;  }
.pdtland-page-top li, .pdtland-page-top li.landing-single, .pdtland-page-top li.prlTHree {     width: calc(100% - 30px); }
.pdt-pg-cont-lock figure { float:left; width:calc(100% - 0px); padding:0 0 20px 0 }
.pdt-locks-pg-cont-wrap .pdt-pg-adv li figure { width:auto }
.pdt-pg-cont-vynyl, .pdt-pg-cont-right { padding-left:0 }
.pdtimgMob { padding-top:20px }
.partners-block { color:#fff; position:relative  }
.partners-block:before { content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:10 }
.brands-block, .bp-block { position:relative; z-index:100 } .brands-block { padding-top:15px }
.partersPage .container { padding:0 }
.ph-gall li {     width: calc(32% - 0px); }
.partners-block { padding:45px 25px }
.design { float:none; clear:both; text-align:center }
.smo-home {    position: static;    top: 0;    left: 0;   transform: translate(0, 0);    -ms-transform: translate(0, 0); }
.home-clients .container { padding:0 }
.introItems li span {    display: block;    padding: 30px 0 0 0; }
.introItems li:last-child span {    display: block;    padding: 15px 0 0 0; }

.promen-app  { float:none; margin-bottom:20px; position:relative; z-index:12000  }
.promen-app .ddsmoothmenu a:link, .promen-app .ddsmoothmenu a:visited { font-size:12pt; text-align:center; padding:15px 0 10px }
.promen-app .ddsmoothmenu ul li ul li a:link, .promen-app .ddsmoothmenu ul li ul li a:visited  { font-size:10pt; text-align:left 
}
.smo { float:none; clear:both }

/* ------------------------- Font reser  ---------------------------------- */
.hme-drfr-title h2 span { font-size:14pt; display:none }
.hme-drfr-title h2 { text-align:center }

	.welcomeTitle h1 {    font-size: 20pt; }
.pageTitle h1 { font-size:16pt }
.widgetTitle{ font-size:16pt }
.subWid-our-prod-wrapp .widgetTitle { font-size:16pt }
.landingHead h2 { font-size:11pt }	
	.manPartWrapp .widgetTitle { font-size:12pt }
	.pdt-title h2 { letter-spacing:3px; font-size:18pt }
	.home-clients h3 { font-size:12pt; text-align:center; padding:0 0 25px 0 }
}
@media (max-width: 480px) {

.pdt-gall li {    width: calc(49% - 15px); }
.pdt-pg-adv li, .pdt-locks-pg-cont-wrap .pdt-pg-adv li {    width: calc(32% - 0px); }
.ph-gall li {    width: calc(49% - 0px);}

}

@media screen and  (max-height: 667px) {
	.introItems li figure { width:130px; height:130px }
	.introItems li span {    display: block;    padding: 15px 0 0 0; }
.introItems li:last-child span {    display: block;    padding: 5px 0 0 0; }
}