@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;1,300&family=Open+Sans:wght@300;400;800&display=swap');
/*---reset/normalize---*/
html {box-sizing:border-box;}
*,*:before,*:after {box-sizing:inherit;}
body {font-family:"Open Sans",Arial,"Helvetica Neue",sans-serif;font-size:100%;font-weight:400;color:#3B3B3B;background:#FFF;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,fieldset,figure {margin:0;padding:0;}
/*---main,li {display:block;}THIS IS A PROBLEM WITH LIST STYLE---*/
li {list-style:none;}
h1,h2,h3,h4,h5 {font-size:inherit;}
a {color:inherit;text-decoration:none;}
::-moz-focus-inner {padding:0;border:0;}
img {max-width:100%;height:auto;border:0;display:block;}
/*---global---*/
:root {--primary:#407560;--link:#2B72E2;--lnkHvr:#D12819;--head:#D12819;--subHead:#2B72E2;--caption:#3B3B3B;--ftNote:#6E6D69;--bkgCol:#2079B3;--gry:#757777;}
#wrapper {max-width:70em;margin:0 auto;} /*--1120px--*/
#container {width:100%;margin-bottom:1.5em;box-shadow:0 .5em 1.5em .5em #ABABAB;}
/*---typography---*/
h1, h2, h3, h4, h5 {font-weight:400;}
h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1.3125em;}
h4, h5 {font-size:1.2em;}
p {line-height:1.4em;}
em {font-style:italic;}
b {font-weight:600;}
small {font-size:90%;}


header {position:relative;}
.milgardLgo1 {width:20%;max-width:12em;position:absolute;top:1.5em;}
.milgardLgo2 {width:11em;margin:0 auto 1em;}

main {position:relative;}
.imgBnr {margin-bottom:3em;}

h1 {width:86.66666%;max-width:50rem;margin:0 auto;padding-bottom:3rem;}

.reward {font-size:1.5em;text-align:center;text-transform:uppercase;padding-bottom:1rem;border-top:solid 1px #ABABAB;width:50%;max-width:18.75em;margin:0 auto;}

.rValue {width:89.33333%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:1.5em;}
.rValue div {width:45%;border:solid 1px #ABABAB;background-color:var(--subHead);color:#FFFFFF;padding:1em;margin:2%;}
.rValue div p:first-child {font-size:2.25em;font-weight:bolder;text-align:center;}
.rValue div p {text-align:center;}

/*---640px min---*/
@media (min-width:40em){
.rValue {flex-direction: row;}
.rValue div {width:20%;}
}

.col1 {padding-bottom:3em;}
.col1 p {width:86.66666%;max-width:37.5rem;margin:0 auto;padding-bottom:1rem;}
img.imgCol {margin:0 auto 3em;border-top:solid 1px #ABABAB;border-bottom:solid 1px #ABABAB;padding:8px 0;}
img.hndPlane {width:60%;max-width:420px;margin:0 auto 3em;}

h2.h2pgHd {width:100%;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:2em;padding-bottom:0 !important;background-color:#407560;color:#FFF;margin:0 auto 1rem;}

p.subHd {font-size:21px;font-weight:800;text-align:center;width:86.66666%;max-width:40rem;margin:0 auto;padding-bottom:3rem;color:var(--gry);}
/*---one two column--*/

.col2Col .div1 {width:86.66666%;max-width:37.5rem;margin:0 auto 3em;}
.col2Col img {margin:0 auto 1.5em;border:solid 1px #ABABAB;padding:8px;}
.col2Col p:last-child {padding-top:.5em;}

.disclaimer {width:86.66666%;max-width:50em;margin:0 auto 1.5rem;font-size:90%;text-transform:uppercase;color:var(--gry);text-align:center;}

img.wdConsult {width:60%;border:0;margin-bottom:.5em;}

/*--div.webFrm {width:80%;max-width:31.25em;margin:0 auto 3em;}--*/
.webFrm p.sent{font-size:1.0625em;line-height:1.4em;color:var(--link);text-align:left;padding-bottom:1.5rem;font-weight:700;position:absolute;top:-2em;left:5%;}
.webFrm fieldset{border:none;margin-bottom:1.5em;}
.webFrm fieldset legend {font-size:1em;padding-bottom:.5em;}
.webFrm fieldset input {float:left;margin-right:10px;}
.webFrm label {display:block;padding-bottom:.5em;}
.webFrm label.red{color:#C9252B;}
.webFrm input.inptFld, .webFrm textarea.inptFld {width:100%;font-size:1em; padding:.3em 1em;margin-bottom:1.5em;border:solid 1px #ABABAB;border-radius:.5em;box-shadow:inset.3em .4em .5em 0 #DDD;}
.webFrm input[type="text"], .webFrm input[type="email"], .webFrm input[type="tel"] {font-size:1em;line-height:1.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#333;}
.webFrm textarea#inquiry, div.webFrm textarea#brands, div.webFrm textarea#project, div.webFrm textarea#product {font-size:1em;line-height:1.6em;font-family:Verdana,Arial,Helvetica,sans-serif;color:#333;}
.webFrm input[type="submit"]{font-size:.875em;cursor:pointer;margin-bottom:1.5em;padding:0.3em 1em;display:block;color:#FFF;letter-spacing:1px;text-transform:uppercase;background-color:var(--link);border:none;text-decoration:none;border-radius:0.8em;box-shadow:0 0.3em 0.5em rgba(0,0,0,.2)}
.webFrm input[type="submit"]:hover{background-color:var(--lnkHvr);}
.webFrm p.bxSze {font-size:small;text-align:right;margin:-1em 0 3em;} 
.webFrm p.req{text-align:right;font-size:small;color:#C9252B;padding-bottom:1rem;}
.webFrm p.frmFtr{font-size:.9375em;color:var(--caption);padding-bottom:.5rem;}


.gMap {padding-bottom:6em;}
.gMap iframe {width:86.66666% !important;border:solid 1px #ABABAB;padding:8px;display:block;margin:0 auto;}


p.wdPgLnk {text-align:center;margin-bottom:3em;}
p.wdPgLnk a {color:var(--link);}



/*---sub content---*/
.subContent {margin-bottom:6em;}
div.wagon {background:url("../../_graphic/sprite-required.png") no-repeat 15px -5px;display:block;width:230px;height:150px;margin: 0 auto 1.5em;overflow:hidden;}
div.subContent img.svgDIBst {width:8.125em;margin:0 auto;box-shadow:0 .3em .6em rgba(0,0,0,.3);}
/*---footer---*/
footer {color:#FFF;background:url("../../_imgBkg/wagon-footer-bkg.webp") no-repeat center;background-color:var(--primary);background-size:270%;}
footer div.ftr {width:80%;margin:3em auto;}
footer img.svgLgoFtr {width:15em;padding-bottom:1em;}
footer h4 {font-size:1.5em;font-weight:600;line-height:1em;padding-bottom:.5rem;}
footer p {padding-bottom:.5em;line-height:1.4em;}
footer p.ftrHrs {font-size:.9375em;line-height:1.2em;padding-bottom:1rem;}
footer .ftrPhone {font:2em/2em Merriweather,Georgia,"Times New Roman";}
footer .ftrPhone a {color:#FFF !important;text-decoration:none !important;}
footer .yards ul {line-height:1.6em;margin:0 0 1em 1.2em;}
footer .yards ul li {list-style:disc !important;}
footer a {color:#FFF !important;text-decoration:none;}
footer a:hover {text-decoration:underline;}
footer .newsltr,footer .yards {padding:3em 0 0;border-top:solid 1px #FFF;}
footer .newsltr p {padding-bottom:1em;}
footer .newsltr form label {line-height:2em;}
footer .newsltr form input[type="text"], .newsltr form input[type="email"] {width:100%;font-family:"Open Sans",Arial,"Helvetica Neue",sans-serif;font-size:1rem;line-height:1.6rem;padding-left:.5rem;margin-bottom:.3em;background-color:#FFF;border:none;border-radius:.3125rem;box-shadow:inset .3em .4em .5em 0 #DDD;}
footer .newsltr form input[type="text"]:focus, .newsltr form input[type="email"]:focus {box-shadow:0 0 .8em rgba(166,224,248,.8);}
footer .newsltr form p.required {font-size:.9375em;float:right;padding:0;}
footer .newsltr form input[type="submit"]{font-family:"Open Sans",Arial,"Helvetica Neue",sans-serif;font-size:.9375em;color:#FFF;letter-spacing:1px;padding:.2em 1em;margin:1em 0;border:none;text-decoration:none;border-radius:.5em;background:var(--link);box-shadow:0 .3em .6em rgba(0,0,0,.5);cursor:pointer !important;}
footer .newsltr form input[type="submit"]:hover {background:var(--lnkHvr);}
/*---subFooter---*/
#subFtr {width:100%;margin-bottom:7.5em;font-size:.875em;text-transform:uppercase;}
#subFtr .copyR p {line-height:2em;text-align:center;padding-bottom:.5rem;color:var(--gry);}
#subFtr ul {text-align:center;padding-bottom:2em;}
#subFtr ul li {display:inline;}
#subFtr ul li a {color:var(--gry);text-decoration:none;padding:0 .5em;border-left:solid 1px #999;}
#subFtr ul li a:hover {text-decoration:underline;color:var(--lnkHvr);}
#subFtr ul li span.sbFtr {text-decoration:underline;color:var(--lnkHvr);}
#subFtr ul li:first-child a {border:none;padding:0 .5em 0 0;}
#subFtr p.cokIe {font-size:90%;text-align:center;color:var(--gry);padding:3rem 0 0;}
/*---social buttons---*/
.socMedia {text-align:center;margin-right:0;}
.socMedia div {display:inline-block;padding:0 10px;}
a.facebook, a.houzz, a.yelp {background:url("../../_graphic/sprite-required.png")no-repeat;height:40px;width:40px;overflow:hidden;display:block;box-shadow:.2em .5em .6em rgba(0,0,0,.3);}
a.facebook {background-position:-5px -230px;}
a.houzz {background-position:-55px -230px;}
a.yelp {background-position:-105px -230px;}
a:hover.facebook, a:hover.houzz, a:hover.yelp {opacity:.8;}



/*---clrFx---*/
.clrFx:before,.clrFx:after {content:"";display:table;}
.clrFx:after {clear:both;}

/*--top of page arrow--*/
#bk2tp {width:3rem;font-size:1.8em;line-height:1em;position:fixed;bottom:3rem;right:0;color:#FF5B00;text-align:left;padding-left:.1rem;text-decoration:none;overflow:hidden;z-index:999;display:none;cursor:pointer;}
#bk2tp:hover {text-decoration:underline;}

/*---helper---*/
.pBot3 {padding-bottom:3em !important;}
.mBot1 {padding-bottom:1em !important;}
.mBot3 {padding-bottom:3em !important;}

img.w11em {width:11em;}
img.imgCtrB1-5 {margin:0 auto 1.5em;}

/*---480px min---*/
@media (min-width:30em){
/*--footer--*/
footer {background-size:200%;}
footer div.ftr {width:60%;}
}

/*---640px min---*/
@media (min-width:40em){
/*--sub content--*/
.subContent {margin-bottom:0;}
div.wagon {float:right;margin-right:4.8%;}
div.subContent img.svgDIBst {float:left;margin:3em 0 0 4.8%;}
}
/*---800px min---*/
@media (min-width:50em){
.col2Col {width:86.66666%;margin:0 auto 3em;}
.col2Col div.colLft {width:50%; float:left;border-right:solid 1px #ABABAB;}
.col2Col div.colRht {width:50%; float:right;}

/*---footer---*/
footer div.ftr {width:50%;}
}

/*---899px max---*/
@media screen and (max-width:56.1875em) {
/*---footer---*/
footer div.ftr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;}
.signoff{-webkit-box-ordinal-col1:1;-ms-flex-order:1;order:1;}
.yards{-webkit-box-ordinal-col1:3;-ms-flex-order:3;order:3;}
.newsltr{-webkit-box-ordinal-col1:2;-ms-flex-order:2;order:2;}
}
/*---900px min---*/
@media screen and (min-width:56.25em){
/*---footer---*/
footer div.ftr {width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;}
footer .col3ftr {-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;width:30%;border-left:solid 1px #FFF;padding:0 2.5% !important;}
footer .col3ftr:first-child {border-left:none;}
footer .newsltr, footer .yards {padding:0;border-top:none;}
footer {background-size:115%;}
}
/*---1000px min---*/
@media screen and (min-width:62.5em){
/*---footer---*/
footer div.ftr {width:90.4%;}
}

