header {
    z-index: 2;
}
.header-pic {background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 727px;
    color:#000!important;
    background-image: url(../_img/header-bg.png);}
section.quick-info {
    padding: 2px 0;
    background-color: #f0f0f0;
    margin-bottom: 0px;
}
.emergency-number {
    float: right;
    color: #000;
    text-decoration: none;
    padding-right: 10px;
    text-shadow: 1px 1px 0px #000;
}
.emergency-number a {
    font-weight: 400;
    font-size: 75%;
    color: #000;
}
.emergency-number span{color: #000;text-shadow:none;}
.trusted {
    float: left;
    font-size: .8em;
}
.trusted a {
    font-style: italic;color:#000;}
img.header-img {
    width: 30px;
    padding-right: .3em;
    margin-top: -5px;
    padding-top: 0px;
}
.emergency-number a span {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-size: 110%}
.main-title {
    padding: 0;
}
img.header-icon {
    max-height: 30px;
}
.logo-container {
    max-width: 35;padding:0;}
.main-title figure img {
    float: left;
    margin: -45px 0 5px;
    width: 300px;
    padding:5px;
}
.main-title h3.phone a {
    color: #000;
}
.menu-container {
    float: right;
    position: relative;
    height: auto;
    z-index: 1;
    width: 62%;
}
.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 #cccccc;
    font-size: 1.1em!important;
}
ul.dropdown.menu li:last-child {
    border-right: none;
}
.title-btn{
  border: inset 0 0 0 0 #999;
  color: #000;
  font-style: italic;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .7s ease-in-out, box-shadow .6s ease-in-out;
}
.title-btn:hover {
  color: #000!important;
  box-shadow: inset 400px 0 0 0 #999;
}
ul.menu.vertical {
    width: 16em;
}
ul.menu.vertical li {
    border-bottom: 1px solid #001b44;
    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: #000;
    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: #000!important;
    font-size: 90%!important;
}

.menu.vertical li a span {
    display: block;
    font-size: 85%;
    font-style: italic;
}
.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: #a9a9a9 rgba(255, 206, 0, 0) rgba(255, 206, 0, 0)!important;
}
section.header-section{padding:0;margin-top:300px;}
.header-list{border:1px solid #000;padding:1.4em 0;width:10em;margin:10px auto 0;}
.header-list h4 {font-size:1em!important;color:#000;}



section {
    padding: 60px 0 60px;
    margin: 0;
}
section::after {
    content: "";
    display: block;
    clear: both;
}
section.break {
    padding: 0;
    border-top: 4px solid #f0f0f0;
    margin: 0px auto 20px;
}
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.noPad{padding:0;}
section.noPadTop{padding-top:0;margin-top:-40px;}
section.noPadBttm{padding-bottom:0;}

section.metal-roofBg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 539px;
    color:#000!important;
    background-image: url(../_img/metal-roof-bg.png);
}


#banner {
    margin: 30px  auto -40;
    height: 735px;
    padding:0;
    background-size:100%;
    background-position:center;
}
/*picture.parallex-upper-img{padding:0;margin:0;}*/


section.parallex{padding:0;}
/*section.upper-parallex{margin: 0  auto;
    height:443px;
    background-image: url(../_img/upper-parallax.jpg);
    background-size: cover;
    background-position:center;
    margin: 0 auto;
    padding: 0;}*/
#myparallex {
    margin: 0  auto;
    background-size: auto;
    background-position:center;
    margin: 0 auto;
    padding: 0;
    min-height:500px;
}
#myparallextwo{display:none;}
#myparallex h2 {text-shadow:1px 1px #fff;padding:0!important;line-height:1.1em; text-transform: uppercase; font-weight:bold; text-align: center;font-size:1.8em;color:#000!important;background-color:rgba(255, 255, 255, .4);margin:0;}
#myparallex h4{text-shadow:3px 3px #000; font-weight:bold;text-align:center;letter-spacing:.2em;color:#fff!important;}
.parallex-upper-img.small{display:none;}



/*C O L O U R S*/
.black{color:#000!important;}
.greyDark{color:#a9a9a9;}
.greyLite{color:#e6e4e4!important;}
.white{color:#fff!important;}


/*B A C K G R O U N D S*/
.black-bg{background-color:#000;}
.bg-greyDark{background-color:#a9a9a9;}
.bg-ltGrey{background-color:#e6e4e4;}
.whiteBg{background-color:#fff!important;margin:20px auto;padding-bottom:15px;}
.transparent-whiteBg{background-color:rgba(255, 255, 255, .8);padding:.4em;}
.bg-greyWhite {background: #9D9B9A;
background: linear-gradient(180deg,rgba(157, 155, 154, 1) 0%, rgba(255, 255, 255, 1) 51%);}
.bg-whiteGrey {background: #9D9B9A;
background: linear-gradient(0deg, rgba(157, 155, 154, 1) 0%, rgba(255, 255, 255, 1) 51%);}
.privacy-doc{padding:.7em;}

/*BOXES*/
.sm-box{box-shadow:3px 3px 3px #333;font-size:80%;padding:.4em .4em 1em;border:1px solid #000;margin:20px auto;background-color:#fff;}
.sm-box h4{padding-bottom:0;}
.sm-box p{line-height:1.2em;margin-top:7px;}
.services-box{border:2px solid black;padding:.4em;background-color:#f2f1f1;}
.services-box h2{font-size:1.4em!important;}
.services-box p{margin:0;padding:.2em 0;font-size:1.1em!important;}
.services-box p.callEmail{margin:.5em auto;}

/*FAQ*/
.accordion {
  background-color: #eee;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width:70%;
  margin:1px 15%;
  border-bottom:1px solid #000;
  text-align: left;
  outline: none;
  font-size: 1.2em;
  transition: 0.4s;
}
.accordion span{font-size:.9em!important;}
.accordion span em{font-size:.8em!important;}
.active, .accordion:hover {
  background-color: #ccc;
  width:70%;
  margin:0 15%;
}
.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
  width:70%;
  margin:5px 15%;
}



.hoverEffect:hover{color: #000!important;box-shadow:3px 3px 4px #666;
background-color:rgba(255, 255, 255, .9);border:1px solid #999;
}

.reduced-paragraph {
    width: 80%;
    margin: 30px auto;
	padding:.6em;
}


.border-top{border-top: 2px solid #000;}

.border-bottom{border-bottom: 2px solid #000;}
.border {
    border: 2px solid #ababab;
    padding: .7em;
    border-radius:.4em;
    margin-bottom:20px;
}
.borderImg{border: 2px solid #ababab;}

.roundedCorner{border-radius:1em;}
.box-shadow{box-shadow:3px 3px 3px #333; }

.text-shadow{text-shadow:1px 1px 0px #000;}
.text-shadow-white{text-shadow:1px 1px 0px #fff;}

.float-right{float: right;}
.clear{clear: both;}

.fullWidth {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: initial;
    padding: 0;
}
.row.fullWidth{max-width: 1800px;margin: 0 auto;}


picture.cover, figure.cover, .cover {
    background-size: cover;
    margin: 0;
    padding: 0;
}
picture.cover img, figure.cover img {
    width: 100%;
    margin: 0 auto;
}
.space-top {
    padding-top: 40px;
}
.space {
    padding: 30px 0;
}
figcaption {
    line-height: 1.2em;
    font-size: 90%;
    width: 90%;
    margin: 6px auto;
    text-align: center;
    color:#000;
}
figcaption.left-align{text-align:left;}
figure.full {
    margin: 0;
    padding: 0;
}
figure.flt-right, picture.flt-right {
    float: right;
    padding-left: .3em;
}
figure.flt-left, figure.float-left, picture.flt-left {
    float: left;
}

a{
    text-decoration: none!important;
}
a:hover{cursor:pointer;}
p a {
    color: #333!important;
    border-bottom: none;
}
a.btn {
    font-size: 90%;
    border: 1px solid #000;
    border-radius: .4em;
    padding: .3em;
    color: #000!important;
    background-color: #f5f5f5;
    display: block;
    width: 6em;
    margin: 20px auto 0;
}
a.btn:hover {
    background-color: rgba(204, 204, 204, .2);
}
a.btn.small{font-size:80%;text-align:center;}
a.black{color:black!important;}
a.slider-btn {
  box-shadow: inset 0 0 0 0 #929394;
  color: #929394!important;
  font-style: italic;
  font-weight:bold!important;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .6s ease-in-out, box-shadow .5s ease-in-out;
}
a.slider-btn:hover {
  color: #fff!important;
  box-shadow: inset 26em 0 0 0 #929394;
  font-weight: normal;
}
a.slider-btn.text-gradient{padding: .4em .2em!important;}
p.black a{color:#000!important;}

.lttr-space {
    letter-spacing: .2em;
}

.box-shadow{box-shadow:3px 3px 4px #666;}
.txtShdw{text-shadow:2px 2px 0px #000;}
.text-nowrap{white-space:nowrap;}
.right-align{text-align:right;}
.lite{font-weight:200!important;}

span.small{font-size:85%!important;}

body h1 {
    font-size: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight:normal;
}
body h2 {
    font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: .6em;
    padding-bottom: 0;
    font-weight:normal;
}
body h3 {
    font-size: 1.6em;
    line-height: 1.2em;
    margin-bottom: .6em;
    padding-bottom: 0;
    font-weight:normal;
}
body h4 {
    font-size: 1.4em;
    line-height: 1.2em;
    margin-bottom: .6em;
    padding-bottom: 0;
    font-weight:normal;
}
h4.callEmail{border:1px solid white;padding:.3em;margin-bottom:15px!important;width:6em;font-size:1.1em!important;}
h4.callEmail:hover{background: #9D9B9A;
background: linear-gradient(0deg, rgba(157, 155, 154, 1) 0%, rgba(255, 255, 255, 1) 51%);font-size:1em!important;}
p.callEmail{font-size:.9em!important;border:1px solid black;padding:.3em;width:7em;margin:0 auto;background: #9D9B9A;
background: linear-gradient(180deg,rgba(157, 155, 154, 1) 0%, rgba(255, 255, 255, 1) 51%);}
p.callEmail a{color:black!important;}
p.callEmail:hover{background: #9D9B9A;background: linear-gradient(0deg, rgba(157, 155, 154, 1) 0%, rgba(255, 255, 255, 1) 51%);}
p.callEmail.phone{width:10em;margin:0 auto;text-align:center;}
.metal-roof h3{text-shadow:1px 1px white;font-weight:bold;margin:0;padding:25px auto;}
.metal-roof p{text-shadow:1px 1px white;margin:0 auto!important;padding:0!important;}
body h5 {
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: .6em;
    padding-bottom: 0;
    font-weight:normal;
}
h1,h2,h3,h4,h5{padding-bottom:20px;}
h1,h2,h3,h4,h5,p{color:#000!important;}
p{font-size:1.3em!important;line-height:1.4em!important;}
ul.list li,ol.list li {font-size: 1.2em!important;line-height:1.4em!important;margin-top:-.4em!important;color:#111!important;
}
p.noPadTop{margin-top:-.6em!important;}
p.small{font-size:.9em!important;}
p.align-left{text-align:left!important;}
p.inline{display: inline;padding-right:1em;}
.anatomy p{font-size:.9em!important;margin-top:.8em!important;padding:0!important;}
body a, body p a {
    color: #333;
}
a:hover, p a:hover {
    color: #777!important;
}
a {
    text-decoration: none;
}
a.black{color:#000!important;font-weight:300!important;}
ul.col {
    float: left;
    padding-top: 10px;
    padding-bottom:10px;
}
ul.col li{width: 18em;}
ul.list.smallest li{font-size:.9em!important;}
ul.list.col.whiteFont{color: #fff;}
ul.list.col.txtShdw li{font-weight: bold;text-shadow:2px 2px 0px #000;}
ul.list.col.bullet li{list-style-image: url(../_img/bullet.svg)}
ul.list li,ol.list.number li {
    line-height: 1.3em;
    padding-bottom: .5em;
    list-style-type: none;
}
ul.list.bullet {
    list-style-image: url(../_img/bullet.svg);
}
ul.list.check li {
    list-style-image: url(../_img/check.svg);padding-left:.6em!important;
}
ul.list.number li {
    list-style-type: decimal;
}
ol.list.number li {
    list-style-type: decimal;
}
ol.list.number li span{color:#333;font-weight:normal;}
ul.list li.inline {
    display: inline;
    padding-right: 1.5em;
}
li.strong{font-weight:bolder;}
.center {
    text-align: center;
    margin: 0 auto;
}
ul.euroshield-list{margin-left:22em;}
fieldset legend span {
    font-size: 1.2em;
    line-height: 2.2em;
    color: black;
    text-align: center;
}
.contact {
    width: 98%;
    max-width:1000px;
    margin: 20px auto 0;
    padding-top: 0;
    background-color: #fff;
}
.contact form, .contact #frmContact {
    padding: .5em;
    border: 2px solid black;
    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;
}
.contact {
    width: 98%;
    max-width:1000px;
    margin: 20px auto 0;
    padding-top: 0;
    background-color: #fff;
}
.contact form, .contact #frmContact {
    padding: .5em;
    border: 2px solid black;
    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;
}
#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: #000;
    border: none;
    background-color: rgba(235,235,235,.9);
    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 #fff;
}
.contact form input[type=submit]:hover {
    color: #555;
    padding: 9px 0;
    width: 155px;
}
.hide-robot{display:none;}
footer {
    padding: 0;
}
img.smallLogo {
    max-width: 155px;
    margin: auto;
    padding: 0;
}

footer h3 {
    font-size: 1.2em;
    padding: 10px 0 0;
    text-decoration: underline;
    color: #000;
    text-transform: uppercase;
    text-shadow:1px 1px 0px #fff;
}
footer a {
    display: block;
    padding-bottom: .4em;
    color: #000;
    border-bottom: none;
}
footer a span {
    display: block;
    margin-top: -4px;
    font-size: 90%!important;
    font-style: italic;
}
footer a.window-type {
    font-size: 90%}
footer p.inline{display:inline-block;color:#000!important;font-size:.9em;padding: .1em;}
footer p.inline a{color:#000!important;}
footer p {
    font-size: 1em!important;
    padding: 0;
    margin: 0 auto;
}
footer p img {
    margin: 8px auto;
}
footer p a {
    color: #000!important;
}
footer p a span {
    display: inline;
}
footer figcaption.rating.google{font-size:.8em;line-height: 1.2em!important;}
footer p.serving, p.serving a {
    font-size: .8em!important;
    font-style: italic;
    font-weight:200;
    color:#000!important;
}
footer h5{font-size: 1em!important;margin-bottom:-.1em!important;}


@media (max-width:1016px) {




section.main-title {
    height: 80px;
}

.logo-container {
    max-width: 180px;
    display: block;
    margin: 0 auto 10px;
}
.menu-container {
    float: none;
    width: 90%;margin-top: -40px;}
.main-title figure img {
    margin: -25px 0 5px;
}
.logo-container a .center.full img {
    width: 180px;
    position: absolute;
    left: 47px;
    top: 40px;
}
.logo-container figcaption.header {
    width: 180px;
    position: absolute;
    left: 78px;
    top: 95px;
    font-size:.7em!important;
}
.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;}
h2 {font-size: 2.2em;line-height: 1.2em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.5em;}
h5{font-size:1.3em;}
ul.euroshield-list{margin-left:16em;}

}
@media (max-width:870px) {
    .main-title h3.phone a {
    display: block;
}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;line-height: 1.2em}
h3 {font-size: 1.3em;}
h4 {font-size: 1.3em;}
h5{font-size:1em}
p, ul.list li,ol.list li {
    font-size: 1.1em!important;
}
/*SECTION BACKGROUNDS*/


}@media (max-width:755px) {
header {min-height: 425px;
    background-image: url(../_img/header-bg700.png);}
.header-list{padding:1.1em 0;width:9em;margin:10px auto 0;}
.header-list h4 {font-size:.9em!important;color:#000;}
section.header-section{margin-top:80px;}
section.metal-roofBg {min-height: 368px;background-image: url(../_img/metal-roof-bg600.png);}
section.metal-roofBg .columns.medium-5{width:90%;margin:370px auto 0;}columns medium-7
section.columns.medium-7{width:0;}


h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;line-height: 1.2em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5{font-size:.9em}
h1,h2,h3,h4,h5{padding-bottom:15px;}
p, ul.list li {
    font-size: 1em!important;
}
p.small{font-size:.8em!important;}
#myparallex {min-height:350px;}
.parallex-upper-img.small{display:block;}
.parallex-upper-img.large{display:none;}
.services-box h2{font-size:1.1em!important;}
.services-box p{font-size:1em!important;}
ul.list {
    margin-left: 1em;}
ul.list li{width:20em;}
ul.euroshield-list{margin-left:10em!important;}
figure.full {
    margin: 0;
}
.sm-box{margin:7px auto;font-size:95%;}

.columns.medium-4.small-12.boxes{width:80%;margin:15px 10%;}

img.graphImage{width:40px;height:40px;}

#myparallextwo h2 {text-align: center;font-size:1.5em;color:#000;text-shadow: 2px 2px 0px #fff;}
#myparallextwo h2.top{padding-top:15px;}


.reduced-paragraph {
    width: 90%;
    margin: 30px 5%;
}

}@media (max-width:639px) {

body p, ul li {
    font-size: 1em;
}
body h1, body h2 {
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1.1em;
}

body h3, body h4, body h5 {
    font-size: 1.1em;
    line-height: 1em;
}

ul.list li,ol.list li,p {
    font-size: 1em;
}
ul.list{margin-left:-1.5em!important;}
/*ul.list li{width:20em;}*/
ul.list.col.second-list{margin-top:-3.4em;}
ul.list.col{padding-left:5em;}
ul.col li{width: 98%;}
section {
    padding: 30px 0;
}
.columns.medium-6.small-12{margin:10px auto;}
.reduced-paragraph {
    width: 96%;
    margin: 20px auto;
}
figcaption {
    font-size: .8em;
}


figure.full {
    margin: 0;
}
figure.flt-right, figure.flt-left, picture.flt-right {
    float: none;
    margin: 10px auto;
    padding-left: 0;
}

footer p.inline{font-size:.8em;}
footer h3 {
    font-size: 1em;
}
@media (max-width:530px) {


}
}@media (max-width:398px) {
    .main-title h3.phone {
    font-size: .8em;
}
ul.list {
    width: 15em;
}
ul.list.long li{width:18em;}
ul.list.col{padding-left:0;margin-left:-1em;}
.decorated>span:before, .decorated>span:after {
    border-bottom: none;
}
}
@media (max-width:320px) {
    ul.list.long li{font-size:.8em!important;}
    ul.list {
    width: 15em;margin-left:-.8em;
}
}