@charset "utf-8";
form.CUS input.subject { display: none; }
.contact-spacing input, .contact-spacing textarea{margin: 10px;border-radius: 8px;height: 40px;width: 45%;padding-left: 1%;}
input,textarea{margin-top:10px !important;width:100%}
.contact-spacing select{background-color: #ffffff;border-radius: 8px;height: 40px;margin-left: 2%;}
/* CSS Document */
.spam { display:none;}
.g-recaptcha{float:left;max-width:100%;margin-top:20px}
.g-recaptcha *{transform:scale(1);float:left}
.e-mail:before{content:attr(data-website) "\0040" attr(data-user);unicode-bidi:bidi-override;direction:rtl}

.banner{width:100%;float:left;background-image: url("garage-door/residential-garage-door.jpg");background-size:cover;background-repeat: no-repeat;background-attachment: fixed;}	
.banner-p{width:50%;margin:250px auto 150px;padding:50px 2%;background-color:rgba(34,50,64,.7);color:#E8E8E6}

*{box-sizing:border-box;color:#223240}
h2{color:#223240}
body{font-family:arial;background:#ededed;margin:0;line-height:30px}
.new-row{width:100%;float:left;background-image: url("garage-door/commercial-garage-door.jpg");background-attachment: fixed;background-color:#223240;color:#fff;}
.new-row h2, .new-row p{color:#fff}
#content{float:left;width:100%;padding:50px 0px}
.row{width:1300px;margin-right:auto;margin-left:auto;position:relative;padding-top:20px;padding-bottom:20px}
h1{color:#60BF81;margin-top:0;margin-right:0;margin-left:0;margin-bottom:20px}
p{text-align:justify;margin:0;line-height:30px;color:inherit;font-size:17px}
.side-img{float:right;margin-left:4%;margin-right:-3%;width:auto;position:relative;right:0}
#side-img{float:right;width:42.5%;position:absolute;top:280px;left:2.5%}
#spin{text-align:left;position:absolute;width:100%;margin-top:30px}
.image{-webkit-animation:spin1 5s linear infinite;-moz-animation:spin1 5s linear infinite;animation:spin1 5s linear infinite}
.image:hover{-webkit-animation:spin1 1s linear infinite;-moz-animation:spin1 1s linear infinite;animation:spin1 1s linear infinite}
@-moz-keyframes spin1{100%{-moz-transform:rotate(360deg)}
}
@-webkit-keyframes spin1{100%{-webkit-transform:rotate(360deg)}
}
@keyframes spin1{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
.img-header{position:absolute;top:115px;left:0;color:#333;font-size:30px;background:url(garage-door/bgtxt.png) repeat;background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:header 25s linear infinite;animation:header 25s linear infinite;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;font-family:impact}
.img-header1{position:absolute;left:0;color:#333;top:150px;font-size:40px;background:url(garage-door/bgtxt1.png) repeat;background-clip:border-box;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-animation:header 25s linear infinite;animation:header 25s linear infinite;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;font-family:impact}
@keyframes header{0%{background-position:0 0}
100%{background-position:500px 0}
}
#row1{background-color:#223240;float:left;width:100%;margin-top:50px}
#call{float:left;width:30%;margin-top:-60px;color:#121212}
#call:hover{margin-top:0}
#offer{float:left;width:70%;margin-top:20px;text-align:right}
a.lightbox img{transition:.5s}
.lightbox-target{position:fixed;top:0;left:0;width:100%;background:rgba(0,0,0,0.7);opacity:0;-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;-o-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out;overflow:hidden;z-index:2}
.lightbox-target img{
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 3px solid white;
	box-shadow: 0 0 8px rgba(0,0,0,0.7);
	box-sizing: border-box;
	transition: .5s ease-in-out;
}
a.lightbox-close{width:100%;height:100%;position:absolute;transition:.5s ease-in-out;opacity:0;top:0;left:0}
.lightbox-target:target{opacity:1;top:0;bottom:0}
.lightbox-target:target img{max-width:100%}
@-webkit-keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}
33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes hvr-wobble-horizontal{16.65%{-webkit-transform:translateX(8px);transform:translateX(8px)}
33.3%{-webkit-transform:translateX(-6px);transform:translateX(-6px)}
49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}
66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}
83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
.hvr-wobble-horizontal{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)}
.hvr-wobble-horizontal:hover,.hvr-wobble-horizontal:focus,.hvr-wobble-horizontal:active{-webkit-animation-name:hvr-wobble-horizontal;animation-name:hvr-wobble-horizontal;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:in;animation-iteration-count:1}
.icons{float:left;width:100%;text-align:left;margin-top:40px}
.icon{float:left;width:33%;text-align:center}
@-webkit-keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}
}
@keyframes hvr-pulse-shrink{to{-webkit-transform:scale(0.9);transform:scale(0.9)}
}
.hvr-pulse-shrink{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)}
.hvr-pulse-shrink:hover,.hvr-pulse-shrink:focus,.hvr-pulse-shrink:active{-webkit-animation-name:hvr-pulse-shrink;animation-name:hvr-pulse-shrink;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:alternate;animation-direction:alternate}
.row2{float:left;width:100%;padding:30px 0}
#form{float:left;width:100%;background-image:url(garage-door/form-bg.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:100% 100%;display:flex}
.tech{float:left;width:22%;margin-bottom:-100px;align-items:flex-end;margin-top:150px}
.form{float:left;width:70%;margin-top:20px;color:#60BF81;text-align:left;font-size:30px;margin-left:8%;padding:30px 0}
.input{float:left;width:100%;margin-top:20px;height:40px;line-height:40px;color:#5d636b;font-size:17px;font-family:arial;background:rgba(255,255,255,.7);border:0;padding-left:1%;color:#223240}
.submit{float:left;margin:20px 0;}
#gallery{float:right;width:47%;margin-top:30px;border:solid 3px #223240;margin-left:2%;padding:1%}
.img-gallery{width:48%;float:left;margin:1%;margin-top:-40px;position:relative;filter:grayscale(0%);transition:all 2s ease}
.img-gallery:nth-of-type(3),.img-gallery:nth-of-type(4){margin-top:10px}
.img-gallery:hover{filter:grayscale(100%)}
.img-g-hover{float:left;height:200px;width:96%;border:3px solid #60BF81;position:absolute;top:2%;left:2%;right:2%;bottom:2%;z-index:50}
.row2 ul{margin:0;padding:0}
.row2 ul li{list-style-position:inside;margin:0;padding:0;border-bottom:solid 2px #60BF81;width:28%;padding-bottom:.5%;margin-bottom:.5%;text-transform:uppercase;color:#5d636b;font-weight:bold}
#footer{float:left;width:100%;padding:2%;margin-top:80px;color:#223240}
#about{float:left;width:27%;color:#223240}
#cities{float:left;width:30%;margin-left:3%}
#zip-codes{float:left;width:36%;margin-left:4%}
.fas{font-family:'Font Awesome 5 Free';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-weight:900;font-size:20px;margin:10px 0;color:#223240}
.fa-envelope:before{content:"\f0e0"}
.fa-map-marker-alt:before{content:"\f3c5"}
.fa-phone:before{content:"\f095"}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:normal;font-display:auto;src:url("webfonts/fa-brands-400.eot");src:url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-brands-400.woff2") format("woff2"),url("webfonts/fa-brands-400.woff") format("woff"),url("webfonts/fa-brands-400.ttf") format("truetype"),url("webfonts/fa-brands-400.svg#fontawesome") format("svg")}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:auto;src:url("webfonts/fa-regular-400.eot");src:url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-regular-400.woff2") format("woff2"),url("webfonts/fa-regular-400.woff") format("woff"),url("webfonts/fa-regular-400.ttf") format("truetype"),url("webfonts/fa-regular-400.svg#fontawesome") format("svg")}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:900;font-display:auto;src:url("webfonts/fa-solid-900.eot");src:url("webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-solid-900.woff2") format("woff2"),url("webfonts/fa-solid-900.woff") format("woff"),url("webfonts/fa-solid-900.ttf") format("truetype"),url("webfonts/fa-solid-900.svg#fontawesome") format("svg")}
.fa-clock:before{content:"\f017"}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:normal;font-display:auto;src:url("webfonts/fa-brands-400.eot");src:url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-brands-400.woff2") format("woff2"),url("webfonts/fa-brands-400.woff") format("woff"),url("webfonts/fa-brands-400.ttf") format("truetype"),url("webfonts/fa-brands-400.svg#fontawesome") format("svg")}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:auto;src:url("webfonts/fa-regular-400.eot");src:url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-regular-400.woff2") format("woff2"),url("webfonts/fa-regular-400.woff") format("woff"),url("webfonts/fa-regular-400.ttf") format("truetype"),url("webfonts/fa-regular-400.svg#fontawesome") format("svg")}
.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;font-family:'Font Awesome 5 Brands';color:#223240;font-size:20px;margin:1%;transition:all 2s ease}
.fab:hover{font-size:30px;color:#60BF81}
.fa-bimobject:before{content:"\f378"}
.fa-blogger-b:before{content:"\f37d"}
.fa-foursquare:before{content:"\f180"}
.fa-pinterest-p:before{content:"\f231"}
.fa-yahoo:before{content:"\f19e"}
@font-face{font-family:'Font Awesome 5 Brands';font-style:normal;font-weight:normal;font-display:auto;src:url("webfonts/fa-brands-400.eot");src:url("webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-brands-400.woff2") format("woff2"),url("webfonts/fa-brands-400.woff") format("woff"),url("webfonts/fa-brands-400.ttf") format("truetype"),url("webfonts/fa-brands-400.svg#fontawesome") format("svg")}
@font-face{font-family:'Font Awesome 5 Free';font-style:normal;font-weight:400;font-display:auto;src:url("webfonts/fa-regular-400.eot");src:url("webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"),url("webfonts/fa-regular-400.woff2") format("woff2"),url("webfonts/fa-regular-400.woff") format("woff"),url("webfonts/fa-regular-400.ttf") format("truetype"),url("webfonts/fa-regular-400.svg#fontawesome") format("svg")}
.footer-font{font-size:20px;color:#5d636b;display:table;margin-bottom:10px;font-weight:bold}
#footer ul li{list-style:none;border-bottom:solid 2px #60BF81;width:auto;margin-bottom:10px;padding-bottom:10px;color:#5d636b;padding-right:2%;width:auto;float:left}
#footer ul{padding:0;margin:0;float:left;width:100%}
#copyright{width:60%;margin-right:20%;margin-left:20%;border-top:solid 3px #60BF81;display:table;margin-top:20px;margin-bottom:10px;padding-top:10px;padding-bottom:10px;text-align:center;color:#223240;font-weight:bold}
#social{float:left;width:100%;padding-top:10px;padding-bottom:20px}
#top{float:left;width:100%;background-color:rgba(232,232,230,.8);margin-top:0;padding-top:10px;padding-bottom:10px;box-shadow:5px 0 0 3px #223240;box-shadow:0 3px 0 #223240;position:fixed;top:0;z-index:100}
#logo{float:left;width:30%;padding-left:2%;margin-top:5px}
#cont,.b-page b-page-banner-face b-page-banner-bg_2{position:absolute;overflow-x:hidden}
#nav{text-align:right;float:right;width:69%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;justify-content:space-between}
nav{width:68%;float:right;text-align:right;padding-right:2%}
.hamburger{display:none}
#nav ul{margin:0;padding:0;width:100%;display:flex;justify-content:flex-end}
#nav ul li{list-style:none;margin:1%;padding:0;width:auto;float:left;border:0;text-transform:uppercase;color:#5d636b;font-weight:bold}
a:link{color:inherit;text-decoration:none}
#phone{text-align:right;float:right;width:60%;margin-top:10px;margin-bottom:10px;font-size:40px;padding-right:2%}
html{overflow-x:hidden}
@media only screen and (max-width:1200px){.icon-nav{background-color:#223240;cursor:pointer;display:inline-block;height:4px;margin-top:10px;position:relative;width:30px}
.icon-nav:before,.icon-nav:after{content:'';background-color:#223240;height:4px;left:0;position:absolute;width:30px;transition:all .2s ease-in-out}
.icon-nav:before{top:-8px}
.icon-nav:after{bottom:-8px}
.icon-nav+nav{margin-top:10px}
.hamburger ~ nav{position:absolute;right:-200px;opacity:0;transition:all .2s;width:calc(100% - 0);box-sizing:border-box}
.hamburger:checked ~ nav{right:0;opacity:1}
#nav ul{background:#a8acb3;margin:0;padding:0;padding-right:2%;width:100%;flex-direction:column}
#nav ul li{margin:0;padding:5px 0;width:100%;float:none;line-height:30px}
#nav{justify-content:flex-end;display:table;padding-right:2%}
img{max-width:100%;height:auto}
.row{width:100%;float:left;padding:1%}
.holiday-face{min-width:100%;height:90vh}
h1{font-size:3vw}
.img-g-hover{height:auto}
.row2 ul{width:100%;display:table}
.row2 ul li{width:100%}
#about{width:100%}
#cities,#zip-codes{width:50%;margin-top:30px}
#map{width:100%;margin-top:30px}
}
#side-img .side-img img{width:50%}
@media only screen and (max-width:700px){.holiday-face{height:60vh}
#call{width:50%;margin-left:25%;margin-right:25%}
#offer{width:70%;margin-left:15%;margin-right:15%}
.icon img{width:70%}
#side-img img{max-width:30%}
.img-header{font-size:5vw;top:100px}
.img-header1{font-size:5vw;top:130px}
#side-img{top:260px}
}
@media only screen and (max-width:500px){.holiday-face{height:40vh}
#side-img{top:180px}
#map{background-size:100% auto}
iframe{width:270px}
}
@media only screen and (max-width:400px){#side-img{top:120px}
.img-header{top:70px}
.img-header1{top:90px}
}
.unselect{user-select: none;}