@charset "utf-8";

/*CUSTOMIZATOR*/

@font-face {font-family:'MyFont2'; src: url(/fonts/Oswald-Light.woff) format('woff');font-display:swap; }
@font-face {font-family: 'MyFont'; src: url(/fonts/Oswald-Light.woff) format('woff'); font-display: swap; }
@font-face {font-family: 'MyFontMed'; src: url(/fonts/Oswald-Regular.woff) format('woff');font-display: swap; }

.Collections.Steel-Interior-Doors, li.Steel-Interior-Doors{display:none!important;}

body, p {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4em;
    margin-bottom: 15px;
    color: #000;
}

body .displaynone{display:none;}

header .wrap {min-height: 90px;}

.TEXT-project p{color: #ddd;}
.CHD-M .TEXT li { list-style-image: url(/images/bullet-color.svg);    margin-bottom: 5px!important;}

a:hover{color: #538901;}
img.LogoCHD{height:auto;}
.nopadding{padding:0!important;}

.SubNavList.MainNav ul li a, .doorNav li a, #navSub a {text-transform: lowercase;}
.SubNavList.ModernNav ul li a, #navSubModern a{text-transform:none!important;font-size:18px;color:#000;padding:0 10px;}
.SubNavList.ModernNav { background: #ddd!important;}
.CHD-M hr{margin:0;}


.CHD-M h1, .CHD-M h1 a{color: #000;}

#MyLogo {
    margin-left: 5px;
    padding: 5px 0 0 0;
    position: relative;
    z-index: 9999;
max-width: 280px;
}

@media (max-width: 1430px){
	#MyLogo img {width: 255px;}
}

@media (max-width: 400px){
	#MyLogo img {width: 220px;}
}
@media (max-width: 360px){
	#MyLogo img {width: 190px;}
}

@media (max-width: 325px){
	#MyLogo img {width: 160px;}
}

.FORMA-Part {width:100%;max-width: 760px;}

.CHD-M#swipebox-overlay, .closeVideoDiv {background:#000000e3!important;}
.CHD-M#swipebox-title {font-size: 18px;background:#000;color:#fff;}
.CHD-M#swipebox-next {background-image: url(/images/nextWhite.svg) !important;}
.CHD-M#swipebox-prev {background-image: url(/images/prevWhite.svg) !important;}
.CHD-M#swipebox-slider .slide-loading { background-image: url(https://www.glenviewdoors.com/images/loader-blackBG-80.gif); background-repeat: no-repeat; }

.homeBlock {max-width: 1420px;}
.AluminumColors{max-width:1200px;margin:auto;}

.zigzag h2, .zigzag h2 a, .TagBlock h2, .MAIN .LEFT .zigzag h2 {color:#000!important;font-size: 26px;}
.mplock h2 {font-size: 19px;color: #000;}

.LogoOver{opacity:0;}

.VIDEO { max-width: 1370px;}
.MMscroll{background: #888!important;}
.VIDEO .item:hover{border-bottom:3px solid #a9d42c!important;}
#PHONE-BIG .email {font-size: 16px;}

.BUTTONS-Second{border-bottom:2px solid #40382b;}

.parMI button.accordion, .parMI button.accordion.active {color: #333;background-image: url(https://www.glenviewdoors.com/images/SANDWICH.svg);}

.parallax.parMI span {letter-spacing:1px;font-size:22px;}

.learnmoreBTN.videoOne span.play {color:#538901;}

ul.nav-menu ul.Sub {border-bottom: solid 5px #009ca3;}

#VID {padding: 2px!important;background:#056b6f!important;}
.vclose {background-color:#056b6f!important;}

.CHD-M  .WoodDataBlock a:hover,  .CHD-M  .WoodDataBlock a:focus{ background-color: #056b6f; }
.CHD-M .WoodData .homeBox a:hover, .CHD-M .WoodData .homeBox a:focus{border-bottom-color:#056b6f;background:#056b6f;}
.CHD-M .Product a:hover img,  .CHD-M .Product a:focus img {border-bottom-color:#056b6f!important;}
#MATCH .Product a:hover img{background: #056b6f;}
h2.Likeh1, .WoodSelect h2 {color: #000!important;}

.learnmoreBTN, .zigzag .learnmoreBTN {font-size: 17px;line-height: 30px;padding: 2px 20px;border: 1px solid #444;}


.ChartHeader { background-color: #e2e2e2!important;}
#Chart-Table {border-top: 5px solid #006669!important;}

.TEXT-models {max-width: 1000px;}

@media (min-width: 1000px){
.parallax.parMI span {top: 24px;width: 80%;}
.BUTTONS-Second .nav-menu li a {letter-spacing:0.03em!important;padding: 0 15px;}
}

@media (max-width: 1000px) and (min-width: 720px){
.BUTTONS-Second{border-top:1px solid #777;}
}

@media (max-width: 860px){
#parallax .nav-menu li a {padding-left: 30px;}
}

@media (max-width: 720px){
.nav-menu {border-bottom: none;}
}

@media (max-width: 480px){
.BUTTONS-Second .nav-menu li a {padding: 0 0 0 8px;}
.BUTTONS-Second .nav-menu li a::after {padding-left: 8px;}
.BUTTONS-Second .nav-menu li:last-child a::after {display:none!important;}
#parallax span {padding: 12px 3px 16px 15px;color:#40382b;}
.nav-menu li a {line-height: 38px;}
.parallax span {text-align:left!important;}
.parMI button.accordion {top:-1px;}
.BUTTONS-Second {background-image: linear-gradient(#f4f4f4 0, #f4f4f4 30%, #ddd 100%);}
}

.SubNavList ul li a, ul.SubNavList li a {padding: 5px 5px;}
.download, .Half .download {
    display: inline-block;min-height:25px;margin-top:5px;
    padding-left: 35px;
    background-image: url(https://www.glenviewdoors.com/images/download.svg)!important;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 25px auto;
    color: #093!important;
    font-size: 15px;
background-color:transparent!important;
    min-width:190px;width:auto!important;
    text-align:left;}
.zigzag .HalfIMG a.download:hover {background-color:#fff;color: #900!important;}
.download:hover{display: inline-block;width:auto!important;}

.MAINBODY ul, #main ul, .section ul, .zigzag ul li {list-style-image: url(https://www.doorsforbuilders.com/moderngaragedoor/images/bullet-color.svg)!important;}
.green {color:#538901;}



.BTN.pvtBTN{line-height: 45px!important;height: 45px!important;color: #fff!important;background:#006C70!important;margin:5px!important;display:inline-block;max-width:260px!important;}
.BTN.pvtBTN.pvtBTNwhere{background:#666!important;}
.BTN.pvtBTN:hover, .BTN.pvtBTN:focus {background: #000!important;}

/*PIVOT SITE*/
h1 {font-size: 30px;}
h2 {font-size: 26px;}
h3 {font-size: 22px;}

body span.blue{color: #000!important;}
body span.ac, .ProductName{color: #538901!important;}
h2.blue{color: #006C70!important;}
.CHD-M .ac{color:#006c70!important;font-family: 'MyFontMed', Arial;}

.SubNavNewsListHolder{background:transparent!important;padding: 0;}
.CHD-M.SubNavNewsListHolder.DS, .LikePinterestDDD{display:none;}

.SubNavList{background: #444!important;padding: 0;overflow: hidden;}
.SubNavList.NavLine{background: #eee!important;border-bottom:1px solid #ccc;}
ul.TaxonomyNews {margin:0!important;}
.SubNavList ul li a, .doorNav li a, #navSub a{margin-bottom:0px!important;font-size: 18px;
	padding: 0px 12px;border:none;color:#fff;background:transparent;line-height:48px;}
.SubNavList ul li a:hover{border:none;background:#000!important;}
.SubNavList ul li{margin: 0 0 -1px -3px!important;}

.SubNavList.NavLine ul li a{color:#000;}

header {background: #000;}
.mainmenu {background: #000;}
#PHONE-BIG {top: 15px!important;}
#PHONE-BIG.MainPhone .PHONE {color:#ddd;}
#PHONE-BIG .email {color:#ccc;
background-image: url(https://www.doorsforbuilders.com/moderngaragedoor/images/mail-color.svg)!important;}

.BigGreen {
    font-size: 25px!important;
    color: #00747e!important;
    letter-spacing: 1px;
    padding: 20px 2% 5px 2%;
    margin-bottom: 10px!important;
    background: transparent;
	text-transform:lowercase;
}
.WoodSelect h2 {color: #006c70!important;}
.parallax.parMPD span {display:none;}
.parallax, #parallax {background: #000;min-height: 0!important;position: static!important;height: 0px;z-index:999999999;}
.nav-menu li li a, .BUTTONS-Second .nav-menu li a { text-transform: none; }
.nav-menu li li a, .BUTTONS-Second .nav-menu li li a {font-size: 17px!important;padding: 0 15px;line-height: 45px;
height: 45px;}

#fixedNAV a:active, #fixedNAV a:focus{background: #538901!important;}
.section {padding: 15px 2%;}

.PivotWood{background:#888;}
.PivotWood .WoodSelect h2, .MMscroll h3{color: #fff!important;text-shadow:0 0 6px #0009;}

.PivotWood h3{color:#fff;font-size: 24px;text-shadow:0 0 6px #0009;}

body .WoodDataBlock, .WoodSelect .WoodDataBlock{
width:23%!important;max-width:110px!important;padding:0!important;margin:0 0 10px 0!important;}
#ORDERPAGE .WoodDataBlock, #ORDEROPTIONS .WoodDataBlock, .PivotWood .WoodDataBlock{
	width:32%!important;max-width: 128px!important;}
	
.PivotWood .WoodDataBlock, .PivotWoo .WoodSelect .WoodDataBlock{margin:0 0 4px 0!important;}

.WoodData label, .PivotWood .WoodDataBlock label, .WoodSelect label span,  .GlassSelect label span,  
.THUMB, .WoodData, .WoodData a {width: 100%; font-family: Arial; font-size: 14px; text-transform: capitalize;}
.PivotGlass .WoodData a {padding:0!important;border:none;margin: 4px 0px;}
.PivotGlass .WoodData a span{padding:4px!important;}
.WoodData a img {margin-bottom: 5px;}
.PivotGlass{background:#ddd!important;}
.PivotGlass .WoodData a{max-width:130px;min-height:180px; }

.PivotWood .WoodSelect label span {min-height:65px;width: 100%;color:#eee;background:#333;padding:5px 6px 0 6px;}
.PivotWood .WoodSelect hr{border-top:2px dotted #a9d42c;border:none;/*mix-blend-mode: multiply;*/max-width: 1280px;}
.WoodSelect hr{border-top:none;}
.PivotWood .WoodDataBlock a {background-color:#333;padding-bottom: 3px;margin-bottom:0px;}
.PivotWood .WoodDataBlock a:hover, .PivotWood .WoodDataBlock a:focus { background-color:#67AE06;}
.PivotWood .WoodDataBlock:hover label span{color:#a9d42c;background:#000;}


.BottomForm .gray-block, .BottomForm, .PivotForm {background:#333!important;box-shadow:none;}
.PivotForm {padding:0 3%;}
.BTN.bookBTN, .PivotForm .BTN {  background: #006C70!important; color: #fff!important; font-size: 22px!important; text-transform: uppercase;line-height:45px!important;height: 45px!important;border:none;}
.BTN.bookBTN:hover, .BTN.bookBTN:focus, 
.PivotForm .BTN:hover, .PivotForm .BTN.bookBTN:focus {background: #034749!important;}
.PivotForm .FORMA-Part.Info label {color: #fff;}

.PivotForm .red { color: #a9d42c;}
input.QUOTE-BUTTON.CUSTOM-DOOR, .BTN.QUOTE-BTN {font-size: 24px;line-height: 45px;height: 45px;border:none!important;background:#538901;}
input.QUOTE-BUTTON.CUSTOM-DOOR.WHERE-TO-BUY{background:#666666;}

body .BTN, .BTN.bookBTN {background:#006C70!important;}
body .BTN:hover , .BTN.bookBTN:hover{background:#000!important;}
body .BTN:focus, .BTN.bookBTN:focus {background:#000!important;}

input.QUOTE-BUTTON.CUSTOM-DOOR:hover, input.QUOTE-BUTTON.CUSTOM-DOOR:focus { 
background: #a9d42c!important; color: #000;border-color:#a9d42c!important;border:none!important;}

#THANKYOU{background:#eee!important;}
#THANKYOU h2{color:#006C70!important;}
#THANKYOU p{color:#000!important}
.PivotForm h2{color:#ccc;font-size: 20px;}
.PivotForm h2.error_msg em{color:#ff4141!important;font-size: 26px!important;}
.PivotForm h2.errorMsg{color:#ff4141!important;font-size: 26px!important;}
.PivotForm p{color:#ddd;}

#FOOTER .email {background-image: url(https://www.glenviewdoors.com/images/mail-gray.svg);}
#FOOTER .phone {background-image: url(https://www.glenviewdoors.com/images/phone-gray.svg);}
#FOOTER .address {background-image: url(https://www.glenviewdoors.com/images/local-gray.svg);}


.EXTcolors .WoodDataBlock{margin-bottom:20px;}
.EXTcolors .WoodDataBlock label{font-size:17px!important;font-family:'MyFontMed',Arial;}

#videoBlock{background:#444!important;background-image: linear-gradient(#222 0, #444 100%)!important;}

.topSelects .TEXTFIELDS {width: 96%;}
#swipebox-close{background-image: url(/images/close.svg)!important;}

#FooterLogo .Logo {width: 400px;}

@media (max-width: 1100px){
.nav-menu li a {padding: 3px 9px;}
}

@media (min-width:1000px){
#parallax ul.nav-menu {position: absolute;top:0;left:50px;}
.nav-menu .MOBILE{display:none!important;}
.nav-menu li a {line-height:84px;}
.GD-SFGD .nav-menu li a {line-height:90px;}
.GD-SFGD .nav-menu li li a{line-height:35px;height:35px;}
.nav-menu li a:hover, .nav-menu li a:focus, .nav-menu .current-menu-item a, .nav-menu .current-menu-parent a, 
.nav-menu li a:focus, .nav-menu li:hover a{color: #77eff3!important; background:#333!important; }
.nav-menu li:hover li a{background:#ddd!important;}
.nav-menu li:hover li a:hover{background:#fff!important;color: #006e77!important;}
}


button.accordion {top:40px;background-image: url(https://www.doorsforbuilders.com/moderngaragedoor/images/SANDWICH-color.svg);text-indent: -100px!important;color:#fff;padding:0!important;
    right: 20px;
    width: 40px;
    background-position: center 10px;
    text-align: center;
    background-size: 100%;
    padding: 40px 0px 0px 0px;}
.GD-SFGD button.accordion {top:45px;}

@media (max-width: 1000px){
.CHD-M#PHONE-BIG.MainPhone .email,
.CHD-M #PHONE-BIG.MainPhone .email {display: none!important;}
}

@media (max-width: 760px){
body .WoodDataBlock, .WoodSelect .WoodDataBlock{max-width:19%!important;}
}


@media (max-width: 760px){
li .MOBILE { display: inline!important; font-style: normal; }
}

@media (max-width: 720px){
header .wrap {min-height: 85px;}
}

@media (max-width: 650px){
	body .WoodDataBlock, .WoodSelect .WoodDataBlock{max-width:24%!important;}
body .WoodDataBlock, .WoodSelect .WoodDataBlock, .PivotGlass .WoodData a {max-width:32%!important;}
.LogoInline {padding:0;margin:0 auto 0px auto;width: 220px;}
h1 {font-size: 24px;}
h2 {font-size: 21px;}
h3 {font-size: 19px;}
	a.swipebox{pointer-events:none;}
}

@media (max-width: 480px){
.BigGreen {font-size: 21px!important;}
#MyLogo {margin-left:0;max-width: 220px;margin-top: 5px;}
}

@media (max-width: 480px){
.SubNavList ul li a, .doorNav li a, #navSub a {margin-bottom: 0px!important;/*padding: 0px 4px;*/}
}

@media (max-width: 361px){
.PivotWood .WoodSelect label span {font-size: 13px;padding: 5px 2px 0 2px;}
}
/*#GALLERY{background: #000!important;}*/
.PivotDoorsGallery{background: #000;}
.galleryPIC {max-width: 480px!important;}
.galleryPIC a.swipebox{background: #0000;}
.gradLight .galleryPIC a.swipebox{background: #0000;}
.galleryPIC a {max-height: 320px!important;margin-bottom:0!important;border-bottom:4px solid #0000;}
.galleryPIC a:hover{border-bottom:4px solid #049ba0;}

.galleryPIC a img{transform: scale(1.0);width: 100%;}
.galleryPIC.NotPivot{display:none;}

/*NEW GALLERY*/
.galleryPIC {margin:0 -2px;padding:1px 2px;}

@media (max-width:800px){
.galleryPIC {max-width: 386px!important;}
}

@media (min-width: 650px) {
.galleryPIC{ width: 50%; }
}
@media (min-width: 1023px) {
.galleryPIC{ width: 33.33%; }
}
 @media (min-width: 1200px) {
.galleryPIC{ width: 25%; }
}
 @media (min-width: 1600px) {
.galleryPIC{ width: 20%; }
}



.galleryPIC a.Gallery-Quote{position: absolute;z-index:9999;bottom:4px;right:2px;}
.galleryPIC a.Gallery-Quote:hover, .galleryPIC:hover a.Gallery-Quote{background:#538901!important;}

.center .VideoCard{margin:0;}

@media (max-width: 480px){
.CHD-M#CONTENT-page h1, .CHD-M.wrapperGRAY h1, .CHD-M.wrapperGRAY span.h1 {
	margin:0!important;font-size: 18px!important;font-family:Arial!important;}
.galleryPIC, .galleryPIC img {max-width:100%!important;width:100%!important;}
.galleryPIC a {max-height: 360px!important;}
}


.section.white{background:#fff!important;}
#bgvid3{margin-top: -0;}
video{ max-width: 100%; cursor: pointer;display: block; }

input[type=checkbox]:checked, input[type=radio]:checked {background-color: #006c70;}
input[type=checkbox]:active, input[type=checkbox]:hover, input[type=checkbox]:focus, 
input[type=radio]:active, input[type=radio]:hover, input[type=radio]:focus{border-color: #006c70!important;}

@media(max-width:460px){
#uzerDiv.zigzagVideo{max-height:130px;}
#FooterLogo .Logo {width:98%;max-width:360px;}
}
@media(min-width:460px){
.SubNavList ul li a{line-height:50px;border:none!important;}
}

@media (max-width: 330px){
#MyLogo {max-width: 180px;margin-top:15px;}
header .wrap {min-height: 93px;}
	button.accordion {top: 48px;}
}

@media (max-width: 300px){
#MyLogo {max-width: 160px;margin-top:10px;}
header .wrap {min-height: 100px;}
td.PriceStock{display:none;}
}

body #swipebox-slider .slide:after { background-image: url(https://www.doorsforbuilders.com/moderngaragedoor/images/PhotoPlaceHolder.svg)!important;}

#swipebox-close {
    background-image: url(https://www.doorsforbuilders.com/moderngaragedoor/images/close.svg)!important;}
}

.galleryPIC a.Gallery-Quote {
    position: absolute;
    top: 0px;
    line-height: 20px;
    height: auto;
    font-size: 13px;
    padding: 2px 2px 2px 20px;
    z-index: 999999;
    color: #fff!important;
    letter-spacing: 1px;
    left: -10px;
    width: 200px!important;
    white-space: nowrap;
    border-radius: 0%!important;
    background: rgb(51 35 10 / 60%);
    transform: rotate( -15deg);
    text-align: left;
}
.galleryPIC h4 {
    text-transform: none;
    text-align: left;
    display: block;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 8px 5%;
    position: absolute;
    z-index: 2;
    font-family: 'MyFont2';
    font-size: 18px;
    color: #FFF;
    text-shadow: 0 1px 6px #000;
    background: rgba(0,0,0,0.4);
}

.CHD-M .ContactBottomSection{background:#333;margin-top: -2px;}
h2 {text-transform: none!important;}
@media(max-width:1200px){
.WhereBTN.COMP{display:none;}
}

.CHD-M .mikeBanner.PageBanner {padding: 22% 0 0 0!important;background-size: 100%!important;}
@media (max-width:760px){
.CHD-M .mikeBanner.PageBanner {background-size: 100%!important;background-attachment: scroll;padding: 22% 0 0 0!important;}
}

a.skip-main { color: #fff!important; font-size: 22px; background: #006c70; left: -999px; position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999; }
a.skip-main:focus, a.skip-main:active { left: auto; top: auto; width: 22%; height: auto; overflow: auto; margin: 10px 39%; padding: 5px; border: 2px solid #fff; text-align: center; font-size: 1.2em; z-index: 9999999999999; text-decoration: none; }
input:focus::-webkit-input-placeholder {opacity: 0;}

.galleryPIC .Gallery-Quote {background: #000;color: #fff;border-top-left-radius:22px;}

ul.GallariesNav  {display:block;margin:0!important;padding:0;}
ul.GallariesNav li {display:inline-block;margin:8px 0 0 0!important;padding:0;}
ul.GallariesNav li a {display:inline-block;color:#000;line-height:40px;padding:0 10px;text-decoration:none;}
ul.GallariesNav li a:hover, ul.GallariesNav li a:focus {background:#eee;}