@charset "utf-8";
/* CSS Document */


/*--------------------------------------------------
2 0 2 0
website by Margarita Reyfman
--------------------------------------------------*/
@font-face {font-family: 'MyFont'; src: url(/fonts/AvenirLTStd-Light.woff) format('woff'); font-display: swap; }

@font-face {font-family:'MyFont2'; src: url(/fonts/Oswald-Light.woff) format('woff');font-display:swap;font-weight: normal!important }

.nav-menu ul li a {text-transform:none;}

h1, h2, h3, h3 a, h4, h5, h6 {letter-spacing:normal;}

body .BTN, body .FORMA .BTN, body .FORMA submit{font-family:'MyFont2'!important;}

#polina h2{ color:#02405f!important;}
#city{background: #312308}

.BTN.ViewInst{max-width:260px;}

.zigzag h2{ text-transform: capitalize; }

.SubNavListHolder {padding:0;/*margin-bottom:-10px;*/}

ul.SubNavList {margin: 12px 0 4px 0;}
.silverLine {display:none;}

ul.SubNavList li {margin: 0 0 0 -3px!important;}

.wrapperGRAY {padding: 20px 2% 10px 2%;text-align: center;}


#FOOTER {background: #3d362c;background-image: linear-gradient(#000, #312308);border:none;padding-top:0;}
.parallax, .dark-block, #videoNav {background: #474032!important;}

#FooterLogo .Logo { width: 250px; height: auto; display: block;margin:0 auto;padding-bottom:5px; opacity: 0.8; }

.vidioPIC{overflow:hidden;position:relative;display:block;max-height:240px;}

#MyLogo {
    display: block;
    width: 70%;
    max-width:220px;
    margin: auto;
	padding:8px;
    border:none!important;float:left;
}
@media (max-width:1200px) {
#MyLogo {max-width:240px;}
}
@media (max-width:560px) {
#MyLogo {max-width:170px;}
}


.GRADIENT, .GRADIENT-right { width: 15%; position: absolute; top: 0; background-repeat: repeat-y; z-index: 9; display: block; height: 760px; background-position: left top; background-size: 100% 100%; clear: both; opacity: 1; }
.GRADIENT { left: -1px; background: rgba(61,54,44,1); background: linear-gradient(to right, rgba(61,54,44,1) 0%, rgba(61,54,44,0) 100%);
}
.GRADIENT-right {right: -4px; background: rgba(61,54,44,0);background: linear-gradient(to right, rgba(61,54,44,0) 0%, rgba(61,54,44,1) 100%);}


.galleryMR .CATS {max-width:6900px;background:#ccc;}
.CATS .galleryPIC, .galleryPIC .bg{background-color:#4f5356;overflow:hidden;}
.bgHolderBG {opacity:0;background-color:#4f5356;transition:3s;display:block;max-height:600px;}

.galleryPIC .bg{background-repeat:no-repeat;background-position:center center;background-size:100% auto;transform: scale(1);transition:3s;}

.galleryPIC .bg:hover {mix-blend-mode:normal;background-size:111% auto;transform: scale(1.1);transform:translateY(0%);/*top:50%;*/opacity:1;}

.bgHolder {background-repeat:no-repeat;background-position:center center;background-size:100% auto;transform: scale(1);transition:3s;mix-blend-mode: luminosity;opacity:1;}

.bg:hover .bgHolder {opacity:0;mix-blend-mode:normal;background-size:111% auto;transform: scale(1.1);transform:translateY(0%);}
.bg:hover .bgHolderBG {opacity:0;transition:0.1s;}

.galleryPIC .bg img{padding:0;opacity:0;}
.galleryPIC .bg:hover img{opacity:0;}

/*.galleryPIC a:hover img, .galleryPIC a:active img, .galleryPIC a:focus  img{transform: scale(1.1);}*/

.CATS .galleryPIC:hover h4{color: #ead99a!important;}
.CATS .galleryPIC {margin: 1px -1px;max-width:24.8%;min-width:310px;}
@media(max-width:1940px){
.CATS .galleryPIC {max-width:33%;}	
}
@media(max-width:1280px){
.CATS .galleryPIC {max-width:49.8%;}	
}
@media(max-width:720px) {
.CATS .galleryPIC {max-width:100%;margin: 0 -4px;}	
}

.SCROLL{background:#eee!important;}

.mrCard{ overflow: hidden; width: 48%; max-width: 320px; min-width: 300px; background: #fff; box-shadow: 0 1px 4px 0 rgb(12 12 13 / 10%); display: inline-block; padding: 0!important; margin: 7px 0.5%!important; float: none!important; border-bottom: 1px solid #ccc; position: relative; vertical-align: top; border-bottom: 3px solid #f9c661;}
.mrCard:hover, .partnerCardDDD:hover{ border-top-color: #996600; border-right-color: #996600; border-bottom-color: #996600; border-left-color: #996600; }
.partnerCard a, .partnerCard a p, .partnerCard a li{color:#000!important;}
.partnerCard  h2 a:hover{color:#900!important;}

.partnerCard, .partnerList {overflow: hidden; width: 100%; display:block; padding: 10px 15px!important; margin: 0px auto!important; float: none!important;  position: relative; vertical-align: top;text-align:left;max-width:1355px;
/*background: #fff; box-shadow: 0 1px 4px 0 rgb(12 12 13 / 10%);border-bottom: 1px solid #ccc;*/

}
.partnerCard a:hover {text-decoration:none!important;}
.partnerCard h2, .partnerList h2, .MAIN .LEFT .partnerCard h2 {text-align:left!important;margin:10px 0 10px 0!important;border:none!important;padding:0!important;text-transform: none!important;color:#536907!important;font-size: 29px;}
.partnerCard:hover h2{color:#900!important;}
.partnerCard .learnmoreBTN, .partnerList .learnmoreBTN{float:right;}
.cardInfo p, .cardInfo li{line-height: 1.3em;font-size:15px;margin-bottom:10px;}
.cardInfo h3, .cardInfo h4{line-height: 1.2em;font-size:15px;margin:3px 0 10px 0;}
.partnerListLeft {display:block;padding-bottom:10px;}
.catComa:last-child {display: none;}



/*.nav-menu li a {padding: 1px 1px!important;}*/
.nav-menu li li a {padding: 1px 10px!important;}


.nav-menu li li a:hover, .nav-menu li:hover li a{color:#000!important;background:#ddd;border-bottom:2px solid #999;margin-bottom:0;}
.nav-menu li li a:hover {background:#fff;color:#000!important;}
.nav-menu li:hover li.current-cat a, 
.nav-menu li:hover li.current-cat a:hover {background:#474032!important;color: #f7efc0!important;}

h1.MainTitle{ text-transform: uppercase; color: #000; }
.gallery, #galleryMR, .galleryMR {padding:0;}


ul.taxCATS li.portfolioBTN a {background-color:#777;color:#FFF;}
ul.taxCATS li ul.children {display:none;}
ul.taxCATS {
    display: block;
    max-width: 1700px;
    width: 100%;
    padding: 20px 0 17px 0!important;
    margin: 0 auto!important;
}

ul.taxCATS li { width:420px; padding:8% 0; min-width: 24.5%;margin: 2px 2px!important; background-color:#5a5545; display: inline-block;  box-sizing: border-box; transform: scale(1); transition: 1s; overflow: hidden;background-repeat: no-repeat;  position: relative;transition: 1s;background-size: 100% auto!important;background-image:url(/images/cats/placeholder.jpg);
}

ul.taxCATS li a { background-repeat: no-repeat; position: relative; transition: 1s; background-size: 100% auto!important; text-transform: uppercase; display: block; width: 100%; height: 100%; line-height: 1.4em; top: 0; left: 0; position: absolute; z-index: 2; padding:5% 15px; font-family: 'MyFont2'; font-size: 20px; letter-spacing: 1px; color: #FFF; text-shadow: 0 1px 8px #000; background: rgba(5,6,0,0.1); white-space: nowrap; }
ul.taxCATS li a:hover, ul.taxCATS li:hover a, ul.taxCATS li a:focus{ background-color: rgba(5,6,0,0.0); text-decoration: none; }

ul.taxCATS li a:hover, ul.taxCATS li a:focus{transform: scale(1.05);padding:5.6% 5px;background-color: rgba(5,6,0,0.4);}


/*
ul.taxCATS li {mix-blend-mode:luminosity;}
ul.taxCATS li:hover{mix-blend-mode:normal;}
*/	

ul.taxCATS li:after{
    display: block;content:' ';
    width: 100%;
    height: 70px;
    top: 0%;left: 0;
    position: absolute;
    z-index: 1;transition: 1s;
    background: rgb(14 9 0 / 60%);
}
ul.taxCATS li:hover:after{background: rgb(14 9 0 / 100%);border-bottom:2px solid #960;}


@media(max-width:1740px){
ul.taxCATS li{width:330px; height:210px;}	
}

@media(min-width:1440px){
ul.taxCATS li {width:320px;min-width: 24.3%;}	
}

@media(max-width:1440px){
ul.taxCATS li {width:320px;min-width: 24.3%;}	
}


@media(max-width:1320px){
ul.taxCATS li {min-width: 32.5%;}	
}

@media(max-width:1000px){
ul.taxCATS li {min-width: 49%;}	
}
@media(max-width:900px){
#main ul.taxCATS {padding:10px 0 7px 0!important;}
}


@media(max-width:680px) {
ul.taxCATS li{width:420px;}	
}
 

@media(max-width:450px) {
ul.taxCATS li{width:99%;margin: 4px 0;}	
}

@media(max-width:360px) {
ul.taxCATS li{height:220px;}	
}
.taxCATS .training{display:none;}
ul.taxCATS li.products {background-image: url(/images/cats/products.jpg);}
ul.taxCATS li.processes {background-image: url(/images/cats/processes.jpg);}
ul.taxCATS li.sales {background-image: url(/images/cats/sales.jpg);}

.taxCATS li.euro-technology {background-image: url(/images/cats/euro-technology.jpg);}
ul.taxCATS li.pivot-doors {background-image: url(/images/cats/pivot-doors.jpg);}
ul.taxCATS li.aluminum-clad-doors {background-image: url(/images/cats/aluminum-clad-doors.jpg);}
ul.taxCATS li.modern-interior-doors {background-image: url(/images/cats/modern-interior-doors.jpg);}
ul.taxCATS li.euro-front-doors {background-image: url(/images/cats/euro-front-doors.jpg);}
ul.taxCATS li.in-stock-euro-front-doors {background-image: url(/images/cats/in-stock-euro-front-doors.jpg);}
ul.taxCATS li.introduction-to-doors {background-image: url(/images/cats/introduction-to-doors.jpg);}
.taxCATS li.in-stock-vs-custom {background-image: url(/images/cats/in-stock-vs-custom.jpg);}
.taxCATS li.warranties {background-image: url(/images/cats/warranties.jpg);}
.taxCATS li.custom {background-image: url(/images/cats/custom.jpg);}

.taxCATS li.luxeline-interior-doors {background-image: url(/images/cats/luxeline-interior-doors.jpg);}
.taxCATS li.ecoline-interior-doors {background-image: url(/images/cats/ecoline-interior-doors.jpg);}

.taxCATS li.steel-and-glass-interior-doors
{background-image: url(/images/cats/steel-and-glass-interior-doors.jpg);}

.taxCATS li.double-front-door-installation
{background-image: url(/images/cats/double-front-door-installation.jpg);}



ul.taxCATS li.single-front-door-installation {background-image: url(/images/cats/single-front-door-installation.jpg);}
ul.taxCATS li.single-front-door-with-sidelites-installation {background-image: url(/images/cats/single-front-door-with-sidelites-installation.jpg);}
.taxCATS li.general-installation-info {background-image: url(/images/cats/general-installation-info.jpg);}

.taxCATS li.steel-exterior-doors {background-image: url(/images/cats/steel-exterior-doors.jpg);}
.taxCATS li.steel-interior-doors {background-image: url(/images/cats/steel-interior-doors.jpg);}


.taxCATS li.communicating-with-customer {background-image: url(/images/cats/communicating-with-customer.jpg);}
.taxCATS li.email-communications {background-image: url(/images/cats/email-communications.jpg);}
.taxCATS li.follow-up-and-availability {background-image: url(/images/cats/follow-up-and-availability.jpg);}
.taxCATS li.marketing-materials {background-image: url(/images/cats/marketing-materials.jpg);}

.taxCATS li.intro-to-salesforce {background-image: url(/images/cats/intro-to-salesforce.jpg);}
.taxCATS li.importance-of-the-process {background-image: url(/images/cats/importance-of-the-process.jpg);}
.taxCATS li.communicating-with-warehouse {background-image: url(/images/cats/communicating-with-warehouse.jpg);}

.taxCATS li.welcome {background-image: url(/images/cats/welcome.jpg);}
.taxCATS li.quickbooks {background-image: url(/images/cats/quickbooks.jpg);}
.taxCATS li.creating-sales-orders {background-image: url(/images/cats/creating-sales-orders.jpg);}
.taxCATS li.creating-quotes {background-image: url(/images/cats/creating-quotes.jpg);}


.taxCATS li.door-industry{background-image: url(/images/cats/door-industry.jpg);}
.taxCATS li.construction-terminology{background-image: url(/images/cats/construction-terminology.jpg);}
.taxCATS li.how-to-measure{background-image: url(/images/cats/how-to-measure.jpg);}
.taxCATS li.hinges{background-image: url(/images/cats/hinges.jpg);}
.taxCATS li.hardware{background-image: url(/images/cats/hardware.jpg);}

.taxCATS li.glass{background-image: url(/images/cats/glass.jpg);}
.taxCATS li.wood-finish{background-image: url(/images/cats/wood-finish.jpg);}
.taxCATS li.threshold{background-image: url(/images/cats/threshold.jpg);}



.PrintBTNholder {background:#ddd;}
.MyBTN.PRINTME{float:right;margin:3px 3px 0 0;}

#main ul ul, .section ul ul {padding: 4px 5px 10px 20px!important;}
#main ul ul ul, .section ul ul ul {padding:4px 5px 0px 30px!important;}

.zigzag .Half p {font-size: 16px;line-height:1.5em;}

@media(min-width:600px) {
.MyBTN.PRINTME{position: absolute;z-index: 9999;right:0;top: 0;margin:10px 3px 0 0;}	
}

	
.zigzag .Half.XXX.bg{padding-bottom:22%;max-height:360px!important;}

@media(max-width:450px) {
.SubNavList ul li, ul.SubNavList li,
.SubNavList ul li a, ul.SubNavList li a {width: 96%;font-size: 17px;}
#parallax span {font-size: 20px;}
h1 {font-size: 24px!important;}
}


.divHeader{display:none;}

@media print { 
 /* All your print styles go here */
body { margin: 0in 0.2in 0.4in 0.2in;background-image: none!important;background:#fff;padding-bottom:20px;position:relative;}
@page {margin:20px 1% 40px 1%;position:relative;}
#parallax {display: block!important; height:50px!important;position:static;right:0px;top:23px;width:100%;}
#parallax span{font-size: 20px;text-align:center!important;float:right;color:#900;text-shadow:none;width:100%;}
#parallax em{color:#A00;font-size: 20px;/*display:block;*/margin:4px;}
	
.wrapperGRAY span.h1 {overflow: visible;}
 img.Logo.LogoPrint {width: 2in;}

#PHONE-BIG {right:0px;}
body , body p, .zigzag .Half p, body li {
  font-size: 14px!important;
  line-height: 1.3em!important;
}
li, p{margin-bottom:10px;}


.zigzag ul.sm li, ul.sm li {
    max-width: 300px;
    float: left;
    margin-right: 20px;
}

body, #city, #FOOTER, body .zigzag, .owl-carousel.HOME,#parallax, .silverLine, section, .parallax, .dark-block, #videoNav{background:#fff!important;}
.owl-carousel .owl-item {max-width:50%;}

/*.homeBlock {-webkit-column-break-inside: avoid; page-break-inside: avoid;break-inside: avoid;}*/

.OneThird, .TwoThirds{max-width:100%;float:left;clear:both;display:block;}
.zigzag .Half.IMG, .OneThird img, .zigzag .OneThird.IMG img, img.alignnone{max-width:4in!important;margin:auto!important;}
.zigzag .Half.TXT{width:100%;}
.wrapperGRAY h1, .wrapperGRAY span.h1{font-size: 27px; text-transform: uppercase;text-align:center!important;}


.zigzag:nth-child(even) {border-top:2px solid #ddd;clear:both;}
.p {display:table;}

.bg, img,HINGES, .WoodSelect {-webkit-column-break-inside: avoid; page-break-inside: avoid;break-inside: avoid;}

.bg, li, .item h2, .SubNavListHolder {-webkit-print-color-adjust: exact !important; /*Chrome, Safari */ color-adjust: exact !important;  /*Firefox*/}
#HINGES, .WoodSelect.NoPrinting {display:block!important;height:auto!important;margin-top:40px;}

.OptionsBlock {width:1.9in!important;}
.WoodWrapp.Woods{max-height:210px;margin:0;border:none;padding:0;overflow:hidden;}
.zigzag .Half{padding:10px;}

h5.webst{ display: inline-block; vertical-align: bottom; font-size: 14px; color: #333; font-family: Arial; width: 100%;text-align:right;}
div.divFooter {position:absolute !important;bottom: 0;left:0in;width:100%;z-index:5;text-align:center;padding:0 0in;} 
div.divHeader {position: fixed;top: 5px;left:0.6in;z-index:5;}

div.divFooter .Logo{max-width: 150px; display: inline-block; vertical-align: bottom;padding-left:40px;margin-right:30px;margin-top: 30px; }

#FOOTER, .SubNavListHolder, body .NoPrinting, .mainmenu, #backToTop{display:none!important;height:1px;overflow:hidden;}

  .zigzag.pageBlock img {max-height: 400px;width: auto;}
body a:hover img{background:transparent!important;}
.AnimWrapper{display:none!important;}
	
}

body .center p, .zigzag .TXT p {margin: 0 auto 15px  auto!important;}