html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
.clear{clear:both}
.sticky{}
.bypostauthor{}
.wp-caption{}
.wp-caption-text{}
.gallery-caption{}
.alignright{}
.alignleft{}
.aligncenter{}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}
body {
font-family: 'Abel', sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.33em;
} a{text-decoration:none;transition:.5s;}
b, strong{font-weight:700;}
nav, section, footer, div, li, a, input, select, textarea, img, td{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
input, select, textarea {
-webkit-appearance: none;
} p{margin:0 0 1.5em 0;}
p:last-child {
margin: 0 !important;
} a{text-decoration:none;transition:.5s;}
em, i{font-style:italic;}
img{height:auto;}
#header{display:table;width:100%;background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/header-bg.jpg) center no-repeat #b81f24;background-size:cover;}
#branding{display:table;width:1248px;margin:0 auto 4em auto;}
#logo{display:table;width:25%;float:left;background:#fff;padding:2.5%;margin:0 0 2em 0;}
#logo img{display:table;margin:0 auto;width:100%;height:auto;}
.page-template-front-page .tagline{margin:3.4em 0 0 0;}
.tagline{display:table;float:right;font-family:'PT Serif', serif;font-size:3.333em;line-height:1em;color:#00273b;text-shadow:0 0 5px #fff, 0 0 5px #fff;margin:0.55em 0 0 0;}
.topcta{display:table;float:right;background:#00273b;padding:1em 1em;margin:2em 0 0 0;position:relative;}
.topphone{width:auto;display:table;margin:1em 0 0 0;font-size:1.15em;text-transform:uppercase;color:#fff;}
.topphone a{display:table;margin:0.1em 0 0 0;font-size:2.5em;line-height:1em;color:#fff;}
.topsocial{display:table;position:absolute;right:0.75em;}
.topsocial a{display:inline-table;float:left;width:2em;height:2em;margin:0 0.25em;}
.topsocial a.facebook{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/f-icon-w.png) center no-repeat;background-size:cover;}
.topsocial a.facebook:hover{filter:invert(50%);}
.topsocial a.twitter{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/t-icon-w.png) center no-repeat;background-size:cover;}
.topsocial a.twitter:hover{filter:invert(50%);}
.topsocial a.email{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/m-icon-w.png) center no-repeat;background-size:cover;}
.topsocial a.email:hover{filter:invert(50%);}
.topsocial a.instagram{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/insta-icon-w.png) center no-repeat;background-size:cover;}
.topsocial a.instagram:hover{filter:invert(50%);}
.topsocial a.linkedin{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/linked-icon-w.png) center no-repeat;background-size:cover;}
.topsocial a.linkedin:hover{filter:invert(50%);}
#menu{display:table;width:100%;}
#bottomblocks{display:table;width:100%;background:#b81f24;color:#fff;}
#bottomblocks .bottomblocks{display:table;width:1248px;margin:0 auto;padding:2.5em 0;}
#bottomblocks .bottomblocks h3{font-family:'PT Serif', serif;font-size:2em;font-weight:400;line-height:1.2em;margin:0 0 1em 0;text-align:center;}
#bottomblocks .bottomblocks ul{display:table;width:100%;}
#bottomblocks .bottomblocks ul li{list-style:none;width:25%;float:left;font-size:1.222em;text-transform:uppercase;text-align:center;padding:4.25em 0 0 0;}
#bottomblocks .bottomblocks ul li:nth-child(1){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/why-roof-1.png) center top no-repeat;background-size:4em;}
#bottomblocks .bottomblocks ul li:nth-child(2){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/why-roof-2.png) center top no-repeat;background-size:4em;}
#bottomblocks .bottomblocks ul li:nth-child(3){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/why-roof-3.png) center top no-repeat;background-size:4em;}
#bottomblocks .bottomblocks ul li:nth-child(4){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/why-roof-4.png) center top no-repeat;background-size:4em;}
#footer{display:table;width:100%;background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/footer-bg.jpg) top center no-repeat #cecfca;background-size:cover;}
#footer .logo{width:auto;display:table;margin:2em auto 2em auto;}
#footer .logo img{display:table;margin:0 auto;width:15em;height:auto;}
#footer .phone{width:auto;display:table;margin:0 auto 1.5em auto;background:#b81f24;font-size:1.333em;text-transform:uppercase;text-align:center;color:#fff;padding:1em 1em;}
#footer .phone a{display:table;margin:0.1em 0 0 0;font-size:2em;line-height:1em;color:#fff;}
#footer .social{width:auto;display:table;margin:0 auto 2em auto;}
#footer .social a{display:inline-table;float:left;width:3.333em;height:3.333em;margin:0 0.5em;}
#footer .social a.facebook{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/f-icon.png) center no-repeat;background-size:cover;}
#footer .social a.facebook:hover{filter:invert(50%);}
#footer .social a.twitter{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/t-icon.png) center no-repeat;background-size:cover;}
#footer .social a.twitter:hover{filter:invert(50%);}
#footer .social a.email{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/m-icon.png) center no-repeat;background-size:cover;}
#footer .social a.email:hover{filter:invert(50%);}
#footer .social a.instagram{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/insta-icon.png) center no-repeat;background-size:cover;}
#footer .social a.instagram:hover{filter:invert(50%);}
#footer .social a.linkedin{background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/linked-icon.png) center no-repeat;background-size:cover;}
#footer .social a.linkedin:hover{filter:invert(50%);}
#copyright{clear:both;display:table;margin:0 auto 2em auto;font-size:0.95em;font-weight:300;text-align:center;color:#000;padding:0 1em;}
#copyright a{color:#000;}
#copyright a:hover{color:#ce292f;}
#container #content a{color:#ce292f;font-weight:400;}
#container #content a:hover{color:#322a23;}
#container{width:1248px;display:table;margin:0 auto;padding:3em 0 5em 0;}
#content{float:left;width:70%;}
#sidebar{float:right;width:25%;}
#container #content h1{font-family:'PT Serif', serif;font-size:2em;font-weight:400;line-height:1.35em;margin:0 0 0.75em 0;}
#container #content h2{font-family:'PT Serif', serif;font-size:1.667em;font-weight:400;line-height:1.35em;margin:0 0 0.600em 0;}
#container #content h3{font-family:'PT Serif', serif;font-size:1.333em;font-weight:400;line-height:1.35em;margin:0 0 0.750em 0;}
#container #content h4{font-family:'PT Serif', serif;font-size:1.111em;font-weight:400;line-height:1.35em;margin:0 0 0.900em 0;}
#container #content ul{line-height:1.5em;margin-bottom:1.5em;padding-left:1em;}
#container #content ul li{list-style:none;padding:0.1em 0 0.1em 1.4em;background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/bullet.png) left 0.4em no-repeat;background-size:0.9em;}
#container #content ol{line-height:1.5em;margin-bottom:1.5em;padding-left:2em;list-style:decimal;}
#container #content ol li{padding:0.3em 0;}
#container #content .imgright{width:275px;float:right;margin:0 0 0.5em 1.5em;clear:right;}
#container #content .imgright img{width:100%;height:auto;margin:0;}
.alignleft{float:left;margin:0 1.5em 0.5em 0;}
.alignright{float:right;margin:0 0 0.5em 1.5em;}
.alignnone{float:none;margin:1.5em auto;display:table;}
.aligncenter{float:none;margin:1.5em auto;display:table;}
.wpcf7 .wpcf7-form p{margin:0 !important;}
input{height:2.118em;font-family:'Abel', sans-serif;font-weight:400;font-size:1.1em;line-height:22px;width:100%;padding:0 .5em;border:none;margin:0.25em 0 0 0;background:#f1f1f1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;}
textarea{height:9.294em;font-family:'Abel', sans-serif;font-weight:400;font-size:1.1em;width:100%;padding:.5em;border:none;margin:0.25em 0 0 0;background:#f1f1f1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;resize:none;}
input[type="submit"]{font-family:'Abel', sans-serif;text-decoration:none;color:#ffffff;font-size:1.25em;line-height:1em;font-weight:500;background:#00273b;cursor:pointer;cursor:hand;border:none;padding:0.4em 2.5em;height:inherit;margin:0.25em auto 0 auto;width:auto;display:table;text-transform:uppercase;transition:.5s;}
input[type="submit"]:hover{color:#ffffff;background:#ce292f;}
div.wpcf7 .ajax-loader{visibility:hidden;z-index:999;position:relative;top:-30px;right:10px;float:right;margin:0 0 -20px 0 !important;}
div.wpcf7 br{display:none;}
div.wpcf7-response-output{margin:10px 0 0 0 !important;padding:0 !important;color:red !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ng{margin:10px 0 0 0 !important;padding:0 !important;color:green !important;text-align:center !important;font-size:1em !important;border:none !important;line-height:1.25em !important;}
span.wpcf7-not-valid-tip{margin:0 0 5px 0 !important;color:red !important;font-size:1em !important;font-weight:300 !important;text-align:left !important;line-height:1.25em !important;}
div.wpcf7-validation-errors{margin:0 0 5px 0 !important;color:red !important;border:none !important;font-weight:300;margin:0.556em 0 !important;line-height:1.25em !important;}
div.wpcf7-mail-sent-ok{border:none !important;margin:0.556em 0 !important;line-height:1.25em !important;}
#searchform #s{width:75%;float:left;}
#searchform input[type="submit"]{width:25%;float:left;}
.sidebarform{padding:0.75em;border:1px solid #ce292f;margin:0 0 1.5em 0;text-align:center;}
.sidebarform h3{font-family:'PT Serif', serif;font-size:1.6em;font-weight:500;line-height:1.33em;text-align:center;margin:0 0 0.25em 0;}
.sidebarform .wpcf7{margin:0.75em 0 0 0;}
.sidebarform .wpcf7 table tr td{float:left;width:100%;padding:0;}
.sidebarform input[type="submit"]{width:100%;}
.entry-meta{margin:0 0 1em 0;}
.entry-footer{border:1px solid #ededed;background:#fbfbfb;padding:0.25em 1em;display:table;width:100%;margin:1.5em 0 0 0;}
.cat-links{float:left;display:table;width:100%;padding:0;}
.tag-links{float:left;display:table;width:100%;padding:0;}
#nav-below{margin:1.5em 0 0 0;}
.nav-previous{float:left;width:50%;}
.nav-next{float:right;width:50%;text-align:right;}
#container #content article{margin:0 0 3em 0 !important;}
.postmetadata{border:1px solid #ededed;background:#f9f9f9;padding:.75em;display:table;width:100%;margin:0;font-size:.883em;line-height:1.444em;color:#999;box-sizing:border-box;}
.archive-meta{display:table;width:100%;margin:0 0 1.5em 0;padding:1em;border:1px solid #ce292f;font-size:1.111em;font-style:italic;line-height:1.444em;color:#000;}
.videocontainer{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.videocontainer .videosize{position:absolute;top:0;left:0;width:100%;height:100%;}
.videocontainer iframe{display:table;}
#solutions{display:table;margin:0 auto;width:100%;}
#solutions .left{display:table-cell;width:25%;vertical-align:top;background:#00273b;}
#solutions .left h3{font-family:'PT Serif', serif;font-size:1.778em;font-weight:400;line-height:1.2em;margin:0 0 0.5em 0;}
#solutions .left li.first{list-style:none;background:#b81f24;color:#fff;padding:7.5%;}
#solutions .left li.second{list-style:none;color:#fff;padding:7.5%;}
#solutions .left li.second h4{font-family:'PT Serif', serif;font-size:1.778em;font-weight:400;line-height:1.2em;margin:0 0 0.5em 0;}
#solutions .left li.second a{color:#fff;}
#solutions .left li.second ul{display:table;width:100%;margin:0 0 1em 0;}
#solutions .left li.second ul li{list-style:none;font-size:1.05em;padding:0.1em 0 0.1em 1.4em;background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/bullet-w.png) left 0.4em no-repeat;background-size:0.9em;}
#solutions .middle{display:table-cell;width:50%;padding:0 2%;vertical-align:top;}
#solutions .middle li{list-style:none;float:left;width:48%;text-align:center;}
#solutions .middle li:nth-child(odd){margin:0 4% 1.5em 0;}
#solutions .middle li:nth-child(even){margin:0 0 1.5em 0;}
#solutions .middle li h3{display:none;}
#solutions .middle li h4{font-family:'PT Serif', serif;font-size:1.05em;font-weight:700;margin:0 0 0.5em 0;}
#solutions .middle li img{display:table;width:100%;margin:0 0 1em 0;}
#solutions .right{display:table-cell;width:25%;vertical-align:top;background:#b81f24;}
#solutions .right h3{font-family:'PT Serif', serif;font-size:1.778em;font-weight:400;line-height:1.2em;margin:0 0 0.5em 0;}
#solutions .right li.first{list-style:none;background:#00273b;color:#fff;padding:7.5%;}
#solutions .right li.second{list-style:none;color:#fff;padding:7.5%;}
#solutions .right li.second ul{display:table;width:100%;margin:1em 0 0 0;}
#solutions .right li.second ul li{list-style:none;font-size:1.05em;padding:0.1em 0 0.1em 1.4em;background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/bullet-w.png) left 0.4em no-repeat;background-size:0.9em;}
.homeservices{width:100%;display:table;margin:7em auto 0 auto;}
.homeservices ul{display:table;width:100%;}
.homeservices ul li{list-style:none;float:left;width:22.75%;margin:0 3% 0 0;border:1px solid #fff;font-size:1.1em;text-align:left;text-transform:uppercase;height:13em;position:relative;}
.homeservices ul li a{display:table;width:100%;height:100%;}
.homeservices ul li a:hover span{background:#b81f24;}
.homeservices ul li span{display:table;float:left;background:#00273b;color:#fff;padding:0.35em .75em;position:absolute;bottom:0;left:0;}
.homeservices ul li:last-child{margin:0;}
.homeservices ul li:nth-child(1){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/service-1.jpg) top center no-repeat;background-size:cover;}
.homeservices ul li:nth-child(2){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/service-2.jpg) top center no-repeat;background-size:cover;}
.homeservices ul li:nth-child(3){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/service-3.jpg) top center no-repeat;background-size:cover;}
.homeservices ul li:nth-child(4){background:url(//www.armorcommercialroofing.com/wp-content/themes/armor/images/service-4.jpg) top center no-repeat;background-size:cover;}
#homeform{display:table;margin:0 auto;width:100%;text-align:center;}
#homeform h3{font-family:'PT Serif', serif;font-size:2em;font-weight:400;text-transform:uppercase;color:#00273b;line-height:1.2em;margin:0 0 0.5em 0;}
#homeform p{font-size:1.1em;}
#homeform .wpcf7{display:table;width:50%;margin:0 auto 4em auto;}
#homeform .wpcf7 tr td:first-child{padding:0 0.125em 0 0;}
#homeform .wpcf7 tr td:last-child{padding:0 0 0 0.125em;}
#homeform .wpcf7 tr td:only-of-type{padding:0;}
.reviews.simple .testimonial-inner{border:0.5em solid #f1f1f1;margin:0 0 2em 0;}
.reviews.simple .testimonial-inner .testimonial-content{font-style:italic;background:#fbfbfb;padding:2em;}
.reviews.simple .testimonial-inner .testimonial-name{font-family:'PT Serif', serif;margin:0 0 0 2em;}
.reviews.simple .testimonial-inner .testimonial-company{margin:0 0 0 2em;}
.gallery #container #content{text-align:center;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0{width:100% !important;}
#bwg_container1_0 #bwg_container2_0 .bwg-container-0 .bwg-item{max-width:100% !important;padding:5px !important;}
#bwg_container1_0 #bwg_container2_0 #spider_popup_overlay_0{background-color:#000 !important;opacity:0.70 !important;filter:Alpha(opacity=70) !important;}
.contact{width:100%;display:table;}
.contact .address{width:65%;float:left;}
.contact .address iframe{width:100%;height:435px;}
.contact .hours {
width: 30%;
float: right;
}@media only screen and (max-width : 1600px) and (min-width : 1249px) {
body{font-size:17px;}
#branding{width:80%;}
#bottomblocks .bottomblocks{width:80%;}
#container{width:80%;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size:1.35em !important;}
}
@media only screen and (max-width : 1248px) and (min-width : 1025px) {
body{font-size:16px;}
#branding{width:90%;}
#bottomblocks .bottomblocks{width:90%;}
#container{width:90%;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size:1.35em !important;}
}
@media only screen and (max-width : 800px) {
body{font-size:16px;}
#branding{width:96%;}
#bottomblocks .bottomblocks{width:96%;}
#container{width:96%;}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link{font-size:1.35em !important;}
#logo{width:35%;}
#bottomblocks .bottomblocks ul li{width:25%;}
#content{width:100%;}
#sidebar{width:100%;}
#container #content .imgright{width:275px;}
#solutions .left{width:25%;}
#solutions .middle{width:50%;}
#solutions .right{width:25%;}
.page-template-front-page .tagline{margin:0 auto 1em auto;display:table;float:none;clear:both;}
.tagline{margin:0 auto 1em auto;display:table;float:none;clear:both;}
.homeservices ul li{height:9em;}
#homeform .wpcf7{display:table;width:70%;margin:1em auto 4em auto;}
.sidebarform .wpcf7{display:table;width:70%;margin:1em auto 1em auto;}
.sidebarform .wpcf7 table tr td{float:none;width:inherit;}
.sidebarform .wpcf7 tr td:first-child{padding:0 0.125em 0 0;}
.sidebarform .wpcf7 tr td:last-child{padding:0 0 0 0.125em;}
.sidebarform .wpcf7 tr td:only-of-type{padding:0;}
.FixedWidget__fixed_widget, .FixedWidget__fixed_widget__pinned{display:table !important;position:relative !important;height:auto !important;transition:none !important;transform:none !important;width:100% !important;top:0 !important;}
#sidebar #primary .xoxo li:first-child{display:none !important;}
}
@media only screen and (max-width : 640px) {
#homeform .wpcf7{width:100%;}
.sidebarform .wpcf7{width:100%;}
.homeservices{margin:2em auto 0 auto;}
.homeservices ul li{height:11em;width:40%;}
.homeservices ul li{margin:0 5% 2em;}
.homeservices ul li:last-child{margin:0 5% 2em;}
#logo{display:table;width:50%;float:none;margin:0 auto 2em auto;}
.topcta{display:table;float:none;margin:2em auto 0 auto;}
.page-template-front-page .tagline{text-align:center;}
#bottomblocks .bottomblocks ul li{width:50%;margin:0 0 2em 0;}
#solutions .left{display:table;width:100%;margin:0 0 2em 0;}
#solutions .middle{display:table;width:100%;}
#solutions .right{display:table;width:100%;}
.contact .address{width:100%;margin:0 0 2em 0;}
.contact .hours{width:100%;}
}
@media only screen and (max-width : 414px) {
#branding {
width: 92%;
}
#bottomblocks .bottomblocks {
width: 92%;
}
#container {
width: 92%;
}
#logo {
width: 60%;
}
.tagline {
font-size: 1.75em;
}
.homeservices ul li {
height: 11em;
width: 48%;
}
.homeservices ul li {
margin: 0 1% 0.5em;
}
.homeservices ul li:last-child {
margin: 0 1% 0.5em;
}
#solutions .middle li {
width: 100%;
}
#container #content .imgright {
width: 100%;
float: none;
margin: 0 0 1em 0;
}
#homeform .wpcf7 table tr td {
float: left;
width: 100%;
padding: 0;
}
.sidebarform .wpcf7 table tr td {
float: left;
width: 100%;
padding: 0;
}
#searchform {
display: table;
width: 100%;
margin: 0 0 2em 0;
}
#searchform #s {
width: 100%;
}
#searchform input[type="submit"] {
width: 100%;
}
}