header {
    z-index: 2;
}
section.quick-info {
    padding: 0!important;
    background-color: #f0f0f0;
    margin-bottom: 0px!important;
}
section.header-logos{padding-top:0;}
figure.header-icons{margin:4px 0!important;}
/*img.header-img {
    width: 30px;
    padding-right: .3em;
    margin-top: -5px;
    padding-top: 4px;
}*/
.logo-container {
    max-width: 18%;float:left;}
/*.main-title figcaption.header {
    display: none;
}*/
/*.main-title figure img {
    float: left;
    margin: 10px 0;
    width: 220px;
}*/
/*.main-title h3.phone a {
    color: #000;
}*/
.menu-container {
    float: right;
    position: relative;
    height: auto;
    z-index: 1;
    padding-top:25px;
}
.dropdown.menu li.menu-text {
    display: none;
    width: 0;
}
.top-bar, ul.dropdown.menu {
    background-color: transparent!important;
}
ul.dropdown.menu li {
    line-height: 1em;
    padding: 0;
    border-right: 1px solid #042e4f;
    font-size: 1.1em!important;
}
ul.dropdown.menu li:last-child {
    border-right: none;
}
ul.menu.vertical li {
    border-bottom: 1px solid #000;
    border-right: none;
    background-color: rgba(240, 240, 240, 1)!important;
}
ul.menu.vertical li:last-child {
    border: none;
}
ul.dropdown.menu li a {
    color: #F28B36;
    margin: 0;
    padding: .4em;
    font-weight: 400;
}
.menu.vertical li, {
    max-width: 100%;
    font-size: 1em!important;
}
.menu.vertical li a {
    padding: .3em 0 .3em .6em!important;
    color: #F28B36!important;
    font-size: 90%!important;
}
.menu.vertical li a.slider-menu, .menu.vertical li a.slider-menu.additional{
  box-shadow: inset 0 0 0 0 #d8d7d7;
  color: #888;
  font-style: italic;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .7s ease-in-out, box-shadow .6s ease-in-out;
}
.menu.vertical li a.slider-menu:hover, .menu.vertical li a.slider-menu.additional:hover {
  color: #000!important;
  box-shadow: inset 400px 0 0 0 #d8d7d7;
}
.menu.vertical li a span {
    display: block;
    font-size: 85%;
    font-style: italic;
}
.menu.vertical li a.slider-menu.additional{font-size: 85%!important;}
.menu .is-active>a {
    background: #666;
    color: #fff;
}
.menu .active>a {
    background: #777;
    color: #777!important;
}
.top-bar .is-dropdown-submenu-parent>a:after {
    border-color: #000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)!important;
}
section {
    padding: 80px 0 40px;
    margin: 0;
}
section::after {
    content: "";
    display: block;
    clear: both;
}
section.break {
    padding: 0;
    border-top: 10px solid #f0f0f0;
    max-margin: 0 auto;
}
section.break:after {
    border-top: 20px solid #f0f0f0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    bottom: 0;
    content: "";
    margin: -25px auto 0;
    width: 0;
    height: 0;
}
section.noSpaceTop{padding-top:0!important;}
section.main.chi{
	background-image: url(../_img/index-feature.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	margin:0 auto;
	min-height:422px;
}
section.parallex{padding:0;}
section.preview{padding:20px 0 0;}
section.grey{background-color:rgba(204,204,204,.4);}
section.main.commercial-bg{
	background-image: url(../_img/_commercial/commercial-bg.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
}
section.main.commercial-bg2{
	background-image: url(../_img/_commercial/commercial-bg2.png);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center;
}
section.main.door-bg{
	background-image: url(../_img/_garaga/door-bg.png);
	width:100%;
	background-repeat: repeat-y;
}
section.steelcraft-parts{background-image: url(../_img/_steel-craft/parts-bg.png);
	background-size:100%;
	background-repeat: repeat-y;}
.greyBg{background-color:#f0f0f0;}
.reduced-paragraph {
    width: 55em;
	max-width:80%;
    margin: 30px auto;
	padding:.4em;
}
.reduced-paragraph.small{font-size:100%!important;line-height:1.2em!important;}
.border {
    border: 1px solid rgb(247,139,54);
    padding: .5em;
	margin: 10px auto;
	box-shadow:2px 0px 3px #999;
}
.border-img{border:2px solid rgb(0,33,57);box-shadow:2px 1px 3px #777;}
.border.greyBg{background-color:#f0f0f0;border-radius:.4em;}
.border.greyBg.products{width:400px;max-width:90%;margin:15px auto;}
.border.greyBg.video{width:600px;max-width:98%;margin:30px auto;padding-bottom:20px;}
.border.greyBg.reduced-paragraph.commercial{width:96%;max-width:1400px;}
.box-shadow{box-shadow:2px 2px 3px #666;}
.seeThru{background-color:rgba(255,255,255,.8);padding:.4em;width:26em;border:1px solid rgb(0,33,57);color:rgb(0,33,57);border-radius:.4em;}
.white-bg{padding:.6em;background-color:rgba(255,255,255,.6);border-radius:.4em;}
.grey-boxes{background-color:rgba(222,225,227,.5);padding:.6em;border-radius:.4em;}
.showcase{background-color:rgba(222,225,227,.5);margin:10px auto 0px;padding:.4em;font-size:.8em!important;color: rgb(0,33,57);line-height:1.2em;}
.showcase h4{font-size;.9em!important;line-height:1.1em;font-weight:400;font-style:italic;}
.showcase p{margin:5px auto!important;}
.columns.noPad{padding:0!important;}
.myq-container{padding:1em;}
.myq-container h2{font-size:1.3em;}
.myq-container p{font-size:1.3em!important;color:#222;}
.columns.equal-doors{margin:15px auto;}
.row.announce{background-color:rgba(204,204,204,.3);padding:.2em;}

.fullWidth {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: initial;
    padding: 0;
}
.row.fullWidth.restricted{max-width:1600px;margin:0 auto;}
picture.cover {
    background-size: cover;
	background-position:center;
    margin: 0;
    padding: 0;
}
picture.cover img {
    width: 100%;
    margin: 0 auto;
}
picture.cover.shutters img{margin-bottom:-40px;}
img.roundedCorner{border-radius:.4em;}
section.preview figcaption{font-size:1em;line-height:1.3em;margin-top:10px;}
.space-top {
    padding-top: 40px;
}
.space {
    padding: 30px 0;
}
.spacer{padding:5px 0;}
figcaption {
    line-height: 1.1em;
    font-size: 90%;
    width: 90%;
    margin: 3px auto;
    text-align: center;
}
figcaption span{display:block;}
figure.full {
    margin: 0 5px;
}
figure.center{margin:15px auto;}
figure.full.center.fullWidth{padding:0;}
figure.flt-right, picture.flt-right {
    float: right;
    padding-left: .3em;
}
figure.flt-left, figure.float-left {
    float: left;
	padding-right:10px;
}
figure.feature-door img{border: 2px solid rgb(0,33,57);}
figure.doors{margin:10px auto;width:180px;max-width:100%;}
figure img.border-img{border:2px solid rgb(0,33,57);box-shadow:2px 1px 3px #777;}
figure img.flt-rght{float:right;}
figure.steelcraft-cutaway{float:right;}
figure.operator{padding-left:10px;}
figure.operator img{margin-top:-25px;}
a .figure.full.index-img figcaption{color: rgb(0,33,57);}
a .figure.full.index-img:hover{padding:.2em;}
.video-holder{width:90%;margin:0 auto;}



.video-holder h4{font-size:1em;}
a {
    text-decoration: none!important;
}
p a {
    color: #666!important;
    border-bottom: 1px dotted #dedede;
}
p.blue.center a, a.blue{color: rgb(0,33,57)!important;}
p.build-door{width:7em;margin:20px auto 40px;padding:.4em;background-color:red;text-align:center;border:1px solid #0B2D53;border-radius:.4em;box-shadow:2px 0px 3px #777;}
p.build-door a{color:#fff!important;font-weight:bold;border-bottom:none;}
p.build-door a:hover{color:#dedede;}
.showcase.garaga-home{width:500px;max-width:98%;margin:20px auto 0;}
p.build-door:hover{width:6.8em;box-shadow:3px 2px 3px #222;}
p.testimonial-caption span{display:block;font-weight:300;}
.row.steelcraft-patent{width:96%!important;padding-left:1em;}
.garaga-benefits p,.steelcraft-patent p{margin-top:0;font-size:100%!important;line-height:1.1em;}
.garaga-benefits h5,.steelcraft-patent p{font-size:100%!important;margin-bottom:5px;}
.columns.shutters{margin:15px auto;}
.grey-boxes h3{font-size:100%!important;}
.grey-boxes p{color:rgb(0,33,57);text-align:left;font-size:90%!important;}
.columns.shutters .grey-boxes{width:450px;max-width:98%;margin:10px auto;}
p span.red{color:white;background-color:#C30000;padding:0 .4em;float:right!important;font-weight:bold;border-radius:.4em;}
.red{color:#C30000;}
p strong a{color: rgb(0,33,57)!important;border-bottom:1px dotted rgb(0,33,57);}
.lite{font-weight:200;}
a.btn {
    font-size: 90%;
    border: 1px solid rgb(0,33,57);
    border-radius: .4em;
    padding: .3em;
    color: rgb(0,33,57)!important;
    background-color: #f5f5f5;
    display: block;
    width: 9em;
    margin: 8px auto 20px;
	line-height:1em;
}
a.btn:hover {
    background-color: rgba(204, 204, 204, .2);
}

.lttr-space {
    letter-spacing: .2em;
}
.orange {
    color: rgb(247,139,54);
}
.blue {
    color: rgb(0,33,57);
}
.dotComBlue{color:#001b44;}
.lite{font-weight:300;}
body h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
}
body h1 span.orange-lite,body h2 span,body h4 span,body h3 span{font-weight:300;font-size:80%;display:block;color:rgb(247,139,54);margin-top:-4px;}
body h2 {
    font-size: 1.8em;
    line-height: 1.2em;
    margin-bottom: .6em;
}
h2 span.new{color: rgb(247,139,54);font-weight:700;text-shadow:1px 1px 2px #333;}
h2.announcement{font-weight:200;letter-spacing:.2em;font-style:italic;padding-top:25px;margin-left:.4em;}
body h3 {
    font-size: 1.6em;
    line-height: 1.2em;
    margin: 0 0 .5em;
    padding-bottom: 0;
}
body h3 span.red{display:inline;font-size:100%;}
body h4 {
    font-size: 1.4em;
    line-height: 1.2em;
    margin: 0 0 .5em;
    padding-bottom: 0;
}
body h4.lite{font-weight:300;letter-spacing:.2em;}
h4.lite img{margin-top:-8px;padding-right:10px;}
body h5 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin: 0 0 .5em;
    padding-bottom: 0;
}
.underline {
    text-decoration: underline;
}
p, ul.list li {
    font-size: 1.3em!important;
}

.small {
    font-size: 85%!important;
}
.indent{padding-left:2em!important;}
.fivePadBottom{margin-bottom:-1em!important;}
p.btn {
    border: 1px solid #3F9445;
    padding: .3em;
    margin: 10px auto;
    background-color: rgba(80%, 80%, 80%, .2);
    width: 8em;
    line-height: 1.1em;
}
p.btn a {
    color: #222;
    border-bottom: none;
}

.clear {
    clear: both;
}
body a, body p a {
    color: #444;
}
a:hover, p a:hover {
    color: #999!important;
}
a {
    text-decoration: none;
}
hr{width:80%;max-width:45em;margin:0 auto;color:#EAEAEA;}
hr.operators{width:94%;max-width:60em;margin:30px auto;color:#F28B36!important;}
ul.col {
    width: 40%;
    float: left;
}
ul.list li {
    line-height: 1.1em;
    padding-bottom: .6em;
    list-style-type: none;
}
ul.list.small li{font-size:1.1em;line-height:1.3em;}
ul.list.smallest li{font-size:1em;line-height:1.2em;}
ul.list.bullet {
    list-style-image: url(../_img/bullet.svg);
}
ul.list.bullet li strong{color: rgb(0,33,57);font-weight:400;letter-spacing:.2em;}
ul.list.bullet li span {
    color: rgb(0,33,57);
}
ul.list.check li {
    list-style-image: url(../_img/check.svg);
}
ul.list.number li {
    list-style-type: decimal;
}
.main.commercial-bg .row.space-top .columns.small-12 .list.bullet.col li,.main.commercial-bg2 .row.space-top .columns.small-12 .list.bullet.col li{color:black;background-color:rgba(255,255,255,.5);padding:0 .3em .3em;border-radius:.4em;margin-bottom:.6em;}
ul.list li.inline {
    display: inline;
    padding-right: 1.5em;
}

.center {
    text-align: center;
    margin: 0 auto;
}
#myparallex {
	margin: 30px  auto -40;
	height: 604px;
	padding:0;
	background-size:100%;
	background-position:center;
}
#myparallextwo{display:none;}
.columns.large-6.small-12.products h4{font-size:1.1em;color: rgb(0,33,57);line-height:1.1em;}
.columns.large-6.small-12.products p,.border.greyBg.video p{font-size:1em!important;line-height:1.1em;text-align:left;}
.columns.large-6.small-12.products figure img{margin-top:-5px;}
.columns.large-2.small-4.center{min-height:200px;}
.contact {
    width: 60%;
    margin: 20px auto 0;
    padding-top: 0;
    background-color: #fff;
	max-width:800px;
}
.contact form, .contact #frmContact {
    padding: .5em;
    border: 2px solid rgb(0,33,57);;
    background-color: #e8e8e8;
}
.contact fieldset input, .ctct-custom-form.Form input, input {
    line-height: 1.2em;
    width: 60%;
    padding: 0 0 0 1.5em;
    display: block;
    margin-bottom: 20px;
}
fieldset legend span {
    font-size: 1.2em;
    line-height: 2.2em;
    color: rgb(0,33,57);
}
#comments, textarea {
    width: 80%;
    height: 100px;
}
.contact form input[type=submit], .Button.ctct-button.Button--block.Button-secondary, #mc-embedded-subscribe.button {
    display: block;
    font-size: .9em;
    color: #fff;
    border: none;
    background-color: rgb(0,33,57);;
    margin: 10px 0 5px;
    border-radius: 5px;
    padding: 10px 0;
    cursor: pointer;
    -webkit-appearance: none;
    width: 155px;
    text-align: center;
    box-shadow: 1px 1px 2px 3px #999;
    border: 1px solid #000;
    text-shadow: 1px 1px #000;
}
.contact form input[type=submit]:hover {
    color: #CCC;
    padding: 9px 0;
    width: 155px;
}
footer {
    padding: 40px 0 60px;
    border-top: 4px solid rgb(0,33,57);
}
figure.footer-logo img {
    width: 200px;
    margin: 0 auto;
}
figcaption.rating{color: rgb(0,33,57);}
figure.social{padding:15px 0;}
footer h3 {
    font-size: 1.2em;
    padding: 10px 0 0;
    text-decoration: underline;
    color: rgb(0,33,57);
    text-transform: uppercase;
}
footer a {
    display: block;
    padding-bottom: .4em;
    color: #333;
    border-bottom: none;
}
footer a span {
    display: block;
    margin-top: -4px;
    font-size: 90%!important;
    font-style: italic;
}
footer .showcase{width:18em;margin:15px auto 0;box-shadow:2px 2px 3px #222;}
footer .link-boxes a {line-height:1.1em;padding-bottom:15px;}
footer a.window-type {
    font-size: 90%}
.hide-robot{display:none;}
footer p {
    font-size: 1em!important;
    padding: 0;
    margin: 0 auto;
}
footer p img {
    margin: 8px auto;
}
footer p a {
    color: #333!important;
}
footer p a span {
    display: inline;
}
footer p.serving {
    font-size: 90%!important;
    font-style: italic;
	color: rgb(0,33,57);
}
p.footer-address{margin:-1.2em!important;}
@media (max-width:1212px) {
.myq-container p{font-size:1em!important;color:#222;}
}
@media (max-width:1016px) {
.container {
    max-width: 98%}
section.header-logos{margin-top:7px;}
figure.logos.center.door{margin:2px!important;}
.logo-container {
    max-width: 120px;
    display: block;
    margin: 0 auto 10px;
}
.menu-container {
    float: none;
    width: 90%;margin-top:7px;}
.logo-container a .center.full img {
    width: 140px;
    position: absolute;
    left: 7px;
    top:0px;
}
.dropdown.menu {
    width: 100%}
.top-bar, .dropdown.menu {
    margin-left: 0;
}
.title-bar {
    background-color: transparent;
    width: auto;
    position: absolute;
    top: -10px;
    right: 0;
}
.top-bar, .top-bar-right {
    z-index: 1;
    position: absolute;
    right: 30px;
    top: 20px;
    width: 10em;
    max-width: 100%}
.top-bar-title {
    position: absolute;
    top: 40px;
    right: 15px;
}
.title-bar-title.dark {
    font-weight: 200;
    color: #000;
    padding-left:8px;
    margin-top:-.2.6em;
}
.top-bar {
    background-color: transparent!important;
}
ul.dropdown.menu li {
    display: block;
    border-bottom: 1px solid #fff;
    border-right: none;
    padding: .5em 0;
    background-color: rgb(235, 235, 235);
    width: 12em;
}
.dropdown.menu {
    width: 100%;
    display: block;
}
ul.menu.vertical {
    width: 10em;
    max-width: 100%}
ul.dropdown.menu li a, .menu.vertical li a {
    font-size: 90%;
    padding-left: .4em;
}
.menu.vertical li {
    background-color: rgb(215, 215, 215);
    width: 10em;
    max-width: 100%}
.top-bar-right .dropdown.menu li .menu.vertical li a {
    padding: 0 .7em;
    font-size: 14px!important;
}
h1 {
    font-size: 2.4em;
}
body h1.reduced {
    margin-top: -20px;
}
h2 {
    font-size: 2.2em;
    line-height: 1.2em;
}
h3 {
    font-size: 1.8em;
}
h4 {
    font-size: 1.5em;
}
section.main.commercial-bg{
	background-image: url(../_img/_commercial/commercial-bg-1017.png);
}
section.main.door-bg{
	background-image: url(../_img/_garaga/door-bg-1017.png);
}
section.steelcraft-parts{background-image: url(../_img/_steel-craft/parts-bg-1017.png);}

}
@media (max-width:870px) {
    .main-title h3.phone a {
    display: block;
}
.logos.center a img{width:160px;margin-top:2px;}
h1 {
    font-size: 1.6em;
}
h2 {
    font-size: 1.4em;
    line-height: 1.2em;
}
h2.announcement{padding-top:0;margin-left:.2em;}
h3 {
    font-size: 1.3em;
}
h4 {
    font-size: 1.3em;
}
p, ul.list li {
    font-size: 1.1em!important;
}
.columns.shutters{width:100%;}
.grey-boxes{width:400px;max-width:90%;margin:0 auto;}
section.contact {
    width: 96%;margin:0 auto;}
}@media (max-width:760px) {
    h1 {
    font-size: 1.5em;
}
h2 {
    font-size: 1.3em;
    line-height: 1.2em;
}
body h1 span.orange-lite,body h2 span,body h4 span,body h3 span{font-size:.9em;}
p, ul.list li {
    font-size: 1em!important;
}
ul.list li {
    margin-left: -1em!important;
}

figure.full {
    margin: 0;
}
section.preview figcaption{font-size:.9em;}
section.main.chi{
	background-image: url(../_img/index-feature-759.jpg);
	background-position:center;
	margin:0 auto;
	min-height:267px;
}
.reduced-paragraph {
    width: 98%;
	max-width:98%;
    margin: 15px auto;
}
img.mobile-img{max-width:200px;}
#myparallextwo {
	margin: 0;
	height: 472px;
	padding:0;
	background-size:100%;
	background-position:center;
	display:block;
}
#myparallex{display:none;}
.contact fieldset input, .ctct-custom-form.Form input, #comments {
    width: 90%}
}@media (max-width:639px) {
body p, ul li {
    font-size: 1em;
}
body h1, body h2 {
    font-size: 1.1em;
    font-weight: 700;
    line-height: 1.1em;
}
body h1 span.orange-lite,body h2 span{margin-top:-2px;}
body h3, body h4, body h5 {
    font-size: 1.1em;
    font-line-height: 1.1em;
}
.columns.center.last-col{width:100%;margin:10px auto;}
figure.assoc{padding:10px 0;}
ul.list {
    margin-left: 1.2em;
	margin-top:0;
}
ul.list.col,ul.list.col.check{margin-top:0;width:75%;}
ul.list li {
    font-size: 1em;
}
.reduced-paragraph.small{font-size:90%!important;}
section {
    padding: 30px 0;
}
.video-holder{width:100%;margin:0 auto;}
.video-holder .shutter-vid iframe{width:98%!important;height:169px;margin: 0 auto;}
.seeThru{background-color:rgba(255,255,255,.8);max-width:48%;width:48%;line-height:1.1em;}
section.main.commercial-bg{
	background-image: url(../_img/_commercial/commercial-bg-640.png);
}
section.main.commercial-bg2{
	background-image: url(../_img/_commercial/commercial-bg2-640.png);
}
section.main.door-bg{
	background-image: url(../_img/_garaga/door-bg-640.png);
}
section.steelcraft-parts{background-image: url(../_img/_steel-craft/parts-bg-640.png);}
.columns.medium-6 {
    margin: 15px auto;
}

.reduced-paragraph {
    width: 96%;
    margin: 20px auto;
}
.seeThru{width:18em;}

figure.window.full.center img {
    max-width: 270px;
    margin: 10px auto;
}
figcaption {
    font-size: .8em;
}
figure.full {
    margin: 0;
}
figure.flt-right, figure.flt-left, picture.flt-right,figure.float-left {
    float: none;
    margin: 10px auto;
    padding-left: 0;
}
figure.flt-left.mask{width:180px;max-width:80%;margin:20px auto 0;}
figure.steelcraft-cutaway{float:none;width:400px;max-width:98%;margin:0 auto;}
picture.cover.shutters img{margin-bottom:-30px;}
figure.logos.center.full img {width:120px;margin:0 auto;}
figure.logos.center.full.doors img{float:left;}
figure.logos.center.full.shutters img{float:right;}
.showcase{margin:1px auto 0px;}
footer h3 {
    font-size: 1em;
}
}@media (max-width:398px) {
.video-holder .shutter-vid iframe{width:98%!important;max-width:280px;height:169px;margin: 0 auto;}
}