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


/*--------------------------------------------------
2 0 2 0
website by Margarita Reyfman
--------------------------------------------------*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0px; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-family: inherit; box-sizing: border-box; }

body { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 16px; line-height: 1.4em; background-color: #eee; color: #000; overflow-x: hidden; max-width: 100%; min-width:280px;}

@media (min-width: 769px) {
 .ast-container {max-width: 3180px; padding-left: 0px; padding-right: 0px;}
}

.MOBILE, .Product span.MOBILE { display: none; }
.spacer, .sp{ height:0px; display: block; width: 100%; clear: both; }
hr.spacer, hr.sp { border: none;margin: 0; position:relative;z-index:2;background: transparent;}
.sp5 { height: 5px; }
.sp10 { height: 10px; }
.sp15 { height: 15px; }
.sp20 { height: 20px; }
.sp25 { height: 25px; }
.sp30 { height: 30px; }
.sp35 { height: 35px; }
.sp40 { height: 40px; }
.sp45 { height: 45px; }
.sp50 { height: 50px; }
body .pm0{margin:0!important;padding:0 1%!important;}
a.GoBack{color:#000!important;}
.relative {position: relative;}
span.blue{color:#093;}

.block { display: block; margin: auto; }
.block:before, .block:after { content: " "; display: table; }
.block:after { clear: both; }


.margoCard{ overflow: hidden; width:48%; max-width:400px; min-width: 300px; background: #fff; box-shadow: 0 1px 4px 0 rgb(12 12 13 / 10%); display: inline-block; padding: 0!important; margin: 5px 0.2%!important; float: none!important; border-bottom: 1px solid #ccc; height: 400px; position: relative;  }
.margoCard:hover{box-shadow: 0 1px 6px 0 rgb(0 0 0 / 20%);}

.margoCard h2, .LEFT .margoCard h2 { color: #8f292b; line-height: 1.2em; letter-spacing: normal; font-size:24px!important; font-family: 'MyFontMed'; text-align: center!important; padding: 5px 2%!important;width:100%;border:none;margin:0!important;}
.margoCard .smallPIC{overflow: hidden; display:block;height:auto!important;max-height:200px;float:none;width:100%;}
.margoCard a:hover {text-decoration: none!important;color: #000;}
.post-info{display:block;overflow:hidden;max-height:160px;margin-top:0px;    line-height: 18px;}
.post-body{padding-top:2px;}
.margoCard p{line-height: 1.2em;font-size:14px;text-align: center!important;padding: 2px 2% 10px 2%;overflow: hidden; display:block;max-height:70px;}
.margoCard h2 em { font-size:18px!important; font-family: 'MyFont';font-style:normal; }

.margoCard .learnmoreBTN {
    font-size: 15px;
    line-height: 22px;
    display: block;
    margin: 10px auto 2px auto;width:120px;}

.margoCard a:hover h2{ color: #A00;}	
.margoCard a:hover .learnmoreBTN{color: #fff!important;transition: 0.2s;background:#12740a; border-color:#12740a;}


span.result{display:none;}
img.wp-post-image { max-width: 98%; height: auto; margin: auto; display: block; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
#s { width: 150px; background-color: #fff;  padding: 2px 5px; margin-right: 5px; font-size: 16px; border-radius: 2px; border: solid 1px #ccc;height: 32px; }
#searchform { width:190px;} .MAINBODY #searchform {margin:30px auto;} .center #searchform {margin:30px auto;}
body #searchsubmit, #cntctfrm_contact_form submit { font-size: 14px; line-height: 22px; padding: 0px; padding-left: 5px; padding-right: 5px; display: block; border-radius: 0.2em; text-align: center; letter-spacing: 1px; color: #fff; border: none; text-decoration: none; float: right; box-shadow: 0 0 0 #3D4F00; }
body #searchsubmit { text-indent: -999999px; width: 30px; height: 30px; background-image: url(/images/search.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; background-color:#8f292b; color: #fff;  margin-top: 1px; border:none;}
#searchsubmit:hover { background-color:#261541; }
#SEARCHBX #searchform {float:right;}

input#searchsubmit, input#searchsubmit:focus, input#searchsubmit:active {
    outline: none !important;
	border: none!important;}

@media (max-width:720px) {
#searchform { width:170px;}
#s { width: 130px;}
	#SEARCHBX { left: 5px;}
}
.rating { width: 180px; margin: 0 auto 5px auto; padding-top: 0px;  text-align: center; position: relative; display: block; clear: both; }
.rating span { color:#ffc645; color:#f90;color: #8f292b !important;font-size: 26px; 
/*color: #fff;font-size: 35px; text-shadow:2px 6px 8px #0005;*/}
.ReviewBox { background: #f5f5f5; border-top: 1px solid #999; display: inline-block; /*float: left!important; */width: 99%; vertical-align: top; padding-top: 10px; padding-right: 2%; padding-bottom: 10px; padding-left: 1%; box-sizing: border-box; position: relative; min-height: 140px; max-width:1000px;text-align:left;margin:5px auto;}
.ReviewBox img { position: absolute; top: 10px; right: 10px; z-index: 2; width: 20px; height: 20px; opacity: 0.5; }
.ReviewUs { text-align: center; display: block; max-width: 700px; margin: 30px auto; padding: 30px 0; }
.ReviewIMG { max-width:50px!important;display:block;margin:0px auto 8px auto!important; }
.ReviewUsBlock { width: 30%; padding: 1%; display: inline-block; }
#navSub { background: #fff; box-sizing: border-box; position: fixed; height: 45px; width: 100%; display: block; z-index: 99999999999999; top: -60px; transition: 0.7s; -webkit-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5); box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.5); }
#navSub ul ul { display: none; }
#navSub a { color: #000; text-shadow: none!important; letter-spacing: normal; }
#navSub #MyLogo { width: 170px; margin-left: 8px; float: left; position: absolute; padding-top: 0px!important; margin-top: 2px; }
#navSub .nav-menu { margin-left: -50px; margin-top: 10px; }
@media (max-width: 1199px) {
#navSub .nav-menu { display: none; }
}

.SubNavList { width: 100%;text-align: center; background:#839595;padding-top:5px;}

.SubNavList li { list-style-position: inside; list-style-image: none; list-style-type: upper-alpha; display: inline-block; margin:0 0 4px 0!important; }

#main ul.SubNavList {margin: 20px 0px!important; }

.SubNavList li a { display: inline-block; font-family: Arial, serif; font-size: 15px; line-height:30px; color: #000; text-decoration: none; padding: 2px 8px; background-color: #e8e8e8; margin-bottom:0; border-top: solid 1px #fff; border-left: solid 1px #fff; border-bottom: solid 1px #ccc; border-right: solid 1px #ccc;min-width:60px; margin-left:-2px;}
.SubNavList li a:hover, .SubNavList li a:focus, 
.SubNavList li.current-cat a { background-color:#8f292b;border-color:#8f292b;color: #FFF; }
.SubNavList li.current-cat a:hover{background: #094e44;border-color:#094e44;}

.SubNavList ul.children{display:none;}
.RIGHT .SubNavList .current-cat ul.children{display:block!important;}
.SubNavList li.current-cat ul.children a { background-color: #ddd; color: #000; }
.SubNavList li.current-cat ul.children a:hover { background-color: #888; color: #FFF; }

.RIGHT .SubNavList{margin:0;padding:0!important;background:#fff0;}


.SubNav, .ProductMap { width: 100%; margin-bottom: 20px; text-align: center; }
.SubNav li { list-style-position: inside; list-style-image: none; list-style-type: upper-alpha; display: inline-block; margin: 0!important; }
.SubNav li a { min-width: 140px; display: inline-block; font-family: 'MyFont', 'Arial Narrow', Arial, serif; font-size: 19px; line-height: 30px; color: #000; text-decoration: none; padding: 4px 15px; background-color: #ddd; margin-bottom: 4px; letter-spacing: 1px; border-top: solid 1px #fff; border-left: solid 1px #fff; border-bottom: solid 1px #999; border-right: solid 1px #999; }
.SubNav li a:hover, .SubNav li a:focus, .SubNav li a.active { background-color: #000;color: #FFF; }
.SubNav li.current-cat a { background-color:#77440e; color: #FFF; }


@media (min-width: 1279px) {
.RIGHT .SubNavList li {margin:0!important; display: block;}
}

@media (max-width: 1279px) {
.RIGHT .SubNavList li a{font-size: 14px; line-height:26px;padding: 4px 5px;}
}
@media (max-width:520px) {
.SubNavList li a { font-size: 17px; line-height: 24px;padding:5px;text-align: center;}
}


.learnmoreBTN{ font-size: 15px; line-height: 24px; display: inline-block; margin: 10px auto; padding: 2px 10px; border: 1px solid #444; color:#000!important;text-align: center; font-family: 'MyFont', Arial;background: rgba(255,255,255,0.4); }

.blue-block .learnmoreBTN, .darkgray-block .learnmoreBTN  { border: 1px solid #eee; background: rgba(0,0,0,0.0); color: #eee!important; }

.learnmoreBTN:hover, .learnmoreBTN:focus, .learnmoreBTN:active {color: #fff!important;transition: 0.2s;background:#12740a; border-color:#12740a;}
.TEXT .learnmoreBTN, .TEXT .more{float:right;margin:0;display: inline-block;}


body .BTN, body .FORMA .BTN,  body .FORMA submit, .vc-button  { font-family: 'Roboto', Arial; max-width: 300px; width: 290px; height: 44px; font-size: 19px; padding: 0; padding-top: 0; line-height: 44px;color: #fff; font-weight: normal;  margin-right: 5px; margin-top: 5px; letter-spacing: 1px; margin: auto; cursor: pointer;border-radius:7px;float:none!important; background:#8f292b!important;}


a.topMobileBTN, #topMobileBTN {display:block;font-family: 'Roboto', Arial!important;     text-align: center;width: 100%; height: 38px; font-size: 17px; padding: 0; line-height: 38px; font-weight: normal; letter-spacing: 1px; margin: auto; cursor: pointer;background-color:#093!important;color: #fff!important;position:static;top:0;}

body .BTN, submit, button.BTN, input.BTN { display: block; padding: 0px 10px!important;  text-align: center; letter-spacing: 1px; font-size: 21px!important;  color: #fff!important; border: none!important; background-image: none; text-decoration: none!important; cursor: pointer; min-width: 70px; outline:none;line-height: 42px!important;height:42px!important;border-radius:0px!important;background:#8f292b!important;}
body .BTN:hover, submit:hover, body .wpcf7-form .wpcf7-submit:hover,
body .BTN:active, body .BTN:focus { color: #fff!important; text-decoration: none!important;
background:#994200!important;}

.BTN.BTNsmall{font-size:17px!important;}

.btnmr, button.btnmr, input.btnmr { display: inline-block; padding: 0px 15px!important; border-radius:1px; text-align: center; letter-spacing: 1px; font-size: 17px!important;  color: #fff!important; border: none!important; background-image: none; text-decoration: none!important; cursor: pointer; min-width: 70px; background: #555!important;outline:none; line-height: 33px!important;height:35px!important;margin:5px auto 15px auto;}
.btnmr:hover,body .btnmr:active, .btnmr:focus {color: #fff; background: #000!important;}




.arrowDown, .arrowDownGray, .arrowTopGray { margin: auto; display: block; width: 100%; text-align: center; background-image: url(/images/downArrowWhite.svg); background-repeat: no-repeat; background-position: center center; background-size: 30px!important; height: 10px!important; padding-bottom: 30px; }
.arrowTopGray { background-image: url(/images/topArrow.svg); background-position: center top; padding-top: 20px; background-size: 25px; }
.MAIN { display: block; width: 100%; padding: 10px 2% 0px 2%; clear: both; text-align: center; max-width: 1600px; margin: auto; }
.MAINBODY { display: block; width: 100%; padding: 0px 3%; clear: both; text-align: left; max-width: 1420px; margin: auto;position:relative; }
.LEFT, .RIGHT { display: inline-block; padding: 10px 2%; vertical-align: top; position: relative; }
.LEFT { width: 75%; border-right: 1px solid #ccc; }
.RIGHT { width: 24%; text-align: left; }
.RIGHT p, .LEFT p, .RIGHT li, .LEFT li { text-align: left; }
.MAIN .RIGHT h2, .MAIN .RIGHT h3 { font-size: 19px; margin: 5px 0%; text-align: left!important; }
.MAIN .LEFT h2 { text-align: left!important; margin:20px 0 10px 0;}
.MAIN .LEFT .homeBox h2 { text-align: center!important; }
.RIGHT li { margin-bottom: 10px; line-height: 1.3em; }
.LEFT img{display:block;margin:auto;clear:both;}
.LEFT img.alignleft, .MAINBODY img.alignleft{clear:none;float:left;padding:20px 20px 20px 0;}
 @media (max-width: 1279px) {
.LEFT, .RIGHT { width: 100%;padding: 10px 0; }
.LEFT { border-right: none; }
.RIGHT { text-align: center; }
.MAIN { min-height: 100px; }
	 #main .RIGHT ul{    margin: 10px 5px 20px 0px !important;}
}

span.result{display:none;}
img.wp-post-image { max-width: 98%; height: auto; margin: auto; display: block; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; }
#s { width: 150px; background-color: #fff; border: solid 1px #ccc; padding: 2px 5px; margin-right: 5px; font-size: 16px; border-radius: 2px; border: solid 1px #ccc;height: 32px; }
#searchform { width:190px;} .MAINBODY #searchform {margin:30px auto;} .center #searchform {margin:30px auto;}
body #searchsubmit, #cntctfrm_contact_form submit { color: #eee; font-size: 14px; line-height: 22px; padding: 0px; padding-left: 5px; padding-right: 5px; display: block; border-radius: 0.2em; text-align: center; letter-spacing: 1px; color: #fff; border: none; text-decoration: none; float: right; box-shadow: 0 0 0 #3D4F00; }
body #searchsubmit { text-indent: -999999px; color: transparent; width: 30px; height: 30px; background-image: url(/images/search.svg); background-repeat: no-repeat; background-position: center center; background-size: 100%; background-color:#8f292b; color: #fff; border: none; margin-top: 1px; border:none;}
#searchsubmit:hover { background-color:#261541; }
#SEARCHBX #searchform {float:right;}

input#searchsubmit, input#searchsubmit:focus, input#searchsubmit:active {
    outline: none !important;
	border: none!important;}

@media (max-width:720px) {
#searchform { width:170px;}
#s { width: 130px;}
	#SEARCHBX { left: 5px;}
}


.wrapperGRAY {
    width: 100%;
    max-width: 100%;
    min-width: 280px;
	padding:10px 2%;
    margin: auto; text-align: center!important;
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
   /* background-color:#f7f7f7;background-image: linear-gradient(#f7f7f7, #ddd);*/
    display: block;background-size:auto 80%;
    clear: both;
}
.wrapperGRAY h1, .wrapperGRAY span{margin:5px auto;font-family:'Roboto', Arial;}
.wrapperGRAY span{
	font-size: 30px;
    margin:10px auto;
    padding: 0;
    border: none;
    display: inline-block;
    width: 100%;
    color:#03596f;
    font-weight: normal;
    text-align: center!important;
    text-transform: capitalize;}

section {
    background: #fff;
    position: relative;
    z-index: 1;
}

@media(max-width:900px){
.wrapperGRAY h1, .wrapperGRAY span{font-size: 25px;margin:5px auto;}
}


@media(max-width:760px) {
.PHONE { font-size: 17px; }
.MOBILE { display: block!important; }
.COMP { display: none!important; }
}

.productCategory{display:inline-block;width: 32%;max-width:900px;text-align:center;vertical-align:top;box-shadow: 0 1px 4px 0 rgb(12 12 13/10%); background-color:#fff;margin:5px 0.25%;background-image:url(/Company/PlaceHolder.svg);background-size;100%;}
.productCategory img{display:inline-block;width:auto;max-height:325px;float:none;}
.productCategory a{display:block;width:100%;}
.productCategory h3{text-align:center;font-size:35px;color:#900;padding:8px;}
	
@media(max-width:1024px){
	.productCategory{width: 49%;}
	.productCategory h3{;font-size:25px;}
}
	
@media(max-width:600px){
	.productCategory{width: 100%;margin: 5px 0;}
}



/*HurricaneRated*/

strong.HurricaneRated, .Collection .HurricaneRated{color:#000!important;display:block;clear:both;font-family:Arial!important;font-size:13px!important;font-weight:bold!important;font-style: normal; min-height: 20px;    margin-top: 5px;}

.green{color: #025B01;}

.HurricaneTEXT { background-image: url(https://www.glenviewdoors.com/HurricaneRated/images/HurricaneStamp.svg);background-repeat: no-repeat;background-position: left top;background-size: auto 120px;max-width: 1500px!important;margin: auto;padding-left:150px;min-height:140px;}
	

.HurricaneTEXT .learnmore.learnmoreBTN {min-width: 100px;margin:0;}
.HurricaneRatedLabel, .HurricaneRatedLabel, .SCROLL .item span.HurricaneRatedLabel {width: 50px;height:60px;opacity:0.2;pointer-events: none;display: block;position: absolute;left: 50%;margin-left:-25px;top: 170px; z-index: 1;}
#main .HurricaneRatedLabel img {max-width:100%;height:auto;}
#main .HurricaneRatedSVG{width: 50px;height:60px!important;}
a:hover .HurricaneRatedLabel, .Product:hover .HurricaneRatedLabel {opacity:1;}
a:hover .HurricaneRatedLabel img {background:transparent;}
.sectionHR .Product .HurricaneRatedLabel, .ALU.Product  .HurricaneRatedLabel,  
.Product.HR .HurricaneRatedLabel { top: 188px;}
.sectionHR .Product.H82 .HurricaneRatedLabel, .item .HurricaneRatedLabel, .H82 .HurricaneRatedLabel { top: 140px;}
.Model .HurricaneRatedLabel {top: 80px;}
ul.HurricaneRatedP li {margin:0;}

@media(max-width:720px){
.HurricaneRatedLabel, .sectionHR .Product .HurricaneRatedLabel  { top: 100px;}
strong.HurricaneRated, .Collection .HurricaneRated{font-size:12px!important;min-height:22px;}
.owl-carousel .item p, .owl-carousel .item {width:100%; padding:0;font-size:12px;}
.owl-carousel .item p.ModelLine  {font-size:12px!important;}
.item .HurricaneRatedLabel{display:none!important;}
#main .HurricaneRatedLabel { top: 80px !important;opacity:0.3;}
}

.HurricaneRatedStamp{
    width: 140px;
    text-align: center;
    display: block;
    position: absolute;
   right: 20px;
    top: 30px;
    z-index: 1;
}
.HurricaneRatedStamp img{width: 130px;height:140px;}

@media (max-width: 500px) {
    .Product.ProductAlu .HurricaneRatedLabel img { height: 60px !important;}
.HurricaneRatedStamp{right: 10px;width: 80px;height:90px;}
.HurricaneRatedStamp img{width: 80px;height:90px;}
		.HurricaneTEXT {background-size: auto 100px;padding-left:120px;}
}

.BTN-MORE {
    width: 100%;
    max-width: 300px;
    font-size: 14px;
    line-height: 36px;
    display: inline-block;
    margin: 5px 5px 20px 5px;
    padding: 0px 10px;
    text-align: center;
    color: #000!important;
    background-color: #ddd;
    text-decoration: none;
    border: 1px solid #ccc;
    cursor: pointer;
    mix-blend-mode: multiply;
}

.BTN-MORE:hover,  .BTN-MORE:focus {background-color: #bbc190;}

.Quick-Ship {
    font-family: "MyFontMed";
    font-size: 22px;
    color: #025e21;
    background-image: url(https://www.glenviewdoors.com/images/check-mark.png);
    background-repeat: no-repeat;
    background-position: left center;
    display: block;
    background-size: 20px;
    padding: 0 25px;
    max-width: 150px;
    margin: auto;
}
input[type=checkbox]:checked, input[type=radio]:checked {
    background-color: #4d9900;
    -webkit-background-size: 16px 16px;
    background-image: url(https://www.glenviewdoors.com/images/CheckMark2.svg);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: center center;
}