/* @font-face { font-family: helvetica; src: url(/assets-f/fonts/084387493549f9.woff); } */
body { background: #ffffff; color: #363636 !important; /* font-family: 'helvetica', sans-serif !important; */ font-size: 16px !important; font-weight: 400 !important; }
.header-logo a img { width: 100%; display: block; }
img.wp-post-image { margin-bottom: 0px; width: 100%; }
img.header-image { padding: 17px 0 15px 20px; margin-bottom: 0 !important; }
h1 { font-family: 'Oxygen', sans-serif !important; margin: 0; }
h2 { font-family: 'Oxygen', sans-serif !important; margin: 0; }
h3,
h4 { font-family: 'Oxygen', sans-serif !important; margin: 0; }
h5 { font-family: 'Montserrat', sans-serif !important; margin: 0; }
h6 { font-family: 'Open Sans', sans-serif !important; margin: 0; }
p { color: #7c7c7c; font-size: 16px; }
/*-----Ancer Tag-----*/

a.button { font-family: 'helvetica', sans-serif; font-weight: 700; font-size: 16px; text-transform: capitalize; padding: 10px 30px; background: -moz-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0.98)), color-stop(0%, rgba(223,15,25,0.98)), color-stop(100%, rgba(235,98,105,0.98))); background: -webkit-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -o-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -ms-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: linear-gradient(to bottom, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#eb6269', GradientType=0 );
border-radius: 3px; -webkit-box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); -moz-box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); }
a.button:hover {
	background: rgba(248,80,50,0.98);
}
.headerimage { float: left; width: 100%; padding-top: 50px; }
.entry-title { font-size: 2.3125rem; text-transform: uppercase; font-family: 'Montserrat', sans-serif; clear: both; text-align: center; color: #363636 !important; }
.entry-header { margin-bottom: 0; }
.entry-meta-header { display: none; }
.front-content { color: #7c7c7c; padding: 40px 0px 80px; float: left; width: 100%; text-align: center; }
.front-content p { color: #7c7c7c; }
.front-content h2 { font-weight: 700; font-size: 36px; color: #11497f !important; }
.front-content h4 { font-weight: 700; font-size: 20px; color: #ba0f30 !important; line-height: 22px; margin-bottom: 10px; }
.top-bar-section .has-dropdown > a::after { top: -2px; display: none; }
.header-top-number .textwidget { color: #363636 !important; font-size: 16px !important; font-family: 'Montserrat', sans-serif; }
.header-top-number .textwidget a { color: #363636 !important; text-transform: uppercase !important; font-family: 'Montserrat', sans-serif; }
.page .comments-area { display: none; }
.hatom-extra { display: none; }
.page-template-full-width header.entry-header,
.page-template-full-width-case-study header.entry-header { display: none; }
.entry-header { display: none; }
.content_wrap { background-color: transparent !important; }
.content_wrap { padding-top: 0px; }
/***************************  OFF Canvas Menu ***************************/
.left-off-canvas-menu ul > li.active > a { background: #242424; }
/***************************  Header Top ***************************/

.pageheader .content_wrap { padding-top: 0px !important; }
.page-template-full-width .hatom-extra,
.page-template-full-width .entry-meta { display: none; }
.name { display: none; }
#header { padding: 0px; }
.header_container .medium-2 { padding: 0 !important; }
.header_container { position: absolute; background: rgba(0, 0, 0, 0.40); width: 100%; float: left; z-index: 999; }
.pageheader h1 { margin: 150px 0 15px 0; color: #FFF; font-weight: 700; font-size: 50px; }
.header_wrap { background-color: transparent !important; }
.header_container { width: 100%; float: left; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2); }
.header_container .nav_container .nav_wrap.row { margin: 0; }
/*=== Header Top Number ===========================*/

.header-top { width: 100%; background-color: #05344e; text-align: center; padding: 38px 0px; border-left: 1px solid rgba(255, 255, 255, 0.6); float: right; }
.textwidget .number h6 { color: #dc0f1a; font-weight: 700; font-size: 16px; margin: 0; line-height: 15px; text-transform: uppercase; font-family: 'helvetica', sans-serif !important; }
.textwidget .number span a { color: #fff; font-size: 16px; font-family: 'Oxygen', sans-serif !important; }
.site-header .large-2.columns { padding-right: 0px !important; padding-left: 0px !important }
.site-header .large-7.columns { padding-right: 0px !important; padding-left: 0px !important }
/*=== Header Navigation ===========================*/
/* removed down arrow  */

.top-bar-section .has-dropdown > a::after { display: none; }
.nav_wrap .top-bar .top-bar-section ul .divider,
.top-bar-section > ul > [role="separator"] { display: none; }
.nav_wrap { width: 100% !important; z-index: -9999; }
.nav_wrap,
.nav_wrap .nav_container .nav_wrap .top-bar,
.top-bar,
.nav_wrap .top-bar .top-bar-section ul.left > li.menu-item,
.nav_wrap .top-bar .top-bar-section ul.left > li.menu-item > a { background-color: transparent !important; }
.left { float: right !important; }
.nav_wrap .top-bar .top-bar-section ul.left > li:hover,
.nav_wrap .top-bar .top-bar-section ul.left > li.active { background: rgba(0, 0, 0, 0.4) !important; }
.nav_wrap .top-bar .top-bar-section ul.left > li.menu-item > a { font-family: 'Oxygen', sans-serif; padding: 50px 15px !important; line-height: normal !important; color: #fff !important; font-weight: 700; font-size: 15px; text-transform: uppercase; }
.nav_wrap .top-bar .top-bar-section ul.left > li.menu-item > a:hover,
.nav_wrap .top-bar .top-bar-section ul.left > li.menu-item > a:focus { color: #fff !important; }
.nav_wrap .top-bar .top-bar-section ul.left > li.active > a { color: #fff !important; }
.nav_wrap .top-bar .top-bar-section ul.dropdown { background-color: #000 !important; width: auto !important; }
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.menu-item > a { background: #EBEBEB !important; }
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.menu-item { text-align: left; background: transparent; }
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.menu-item:hover { background-color: #11497f !important; width: 100%; }
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.active { background-color: #11497f !important; width: 100%; }
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.menu-item > a { font-family: 'Oxygen', sans-serif; padding: 10px 20px !important; line-height: normal !important; color: #fff !important; font-weight: 700; font-size: 17px; text-transform: uppercase; background: transparent !important; }
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.menu-item > a:hover,
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.menu-item > a:focus { color: #fff !important; }
.nav_wrap .top-bar .top-bar-section ul.dropdown > li.active > a { color: #fff !important; }
/*====================== Home Header======================*/

.row { clear: both; }
.site-banner { background-size: cover; background-repeat: no-repeat; width: 100%; clear: both; float: left; position: relative; z-index: 1; }
.bannerinner { width: 100%; padding: 18% 0px 12% 0px; max-width: 64rem; display: table; margin: 0 auto; text-align: center; }
.bannerinner h1 { line-height: 45px; color: #fff; font-size: 42px; font-weight: 700; text-transform: uppercase; padding-top: 20px; }
.bannerinner h4 { color: #dc0f1a; font-size: 24px; font-weight: 700; }
.bannerinner .banner-content,
.bannerinner .banner-content p { color: #fff; }
.bannerinner .banner-content hr { border: none; background: rgba(255, 255, 255, 0.4); height: 1px; margin: 6px 0%; }
.slider-content { width: 100%; float: left; background-color: rgba(0, 0, 0, 0.65); padding: 0px 90px; }
.home-down-arrow { position: absolute; bottom: 90px; text-align: center; width: 100%; float: left; }
.home-down-arrow .fa { color: #fff; font-size: 46px; cursor: pointer; }
.home-banner-bottom { width: 100%; float: left; position: absolute; bottom: 0; background-color: #dc0f1a; text-align: center; }
.home-banner-bottom h4 { color: #FFFFF6; font-weight: 700; line-height: 50px; font-size: 24px; }
/*************************** Slick Slider  ***************************/
.page .slick-slider { padding: 0; margin: 0; position: relative; width: 100%; float: left; }
.product-nav-slider .slider-nav .slick-list { margin: 0px 95px; padding: 0 !important; }
.page .slick-prev::before { content: '\f053'; font: normal normal normal 14px/1 FontAwesome; font-size: 38px; opacity: 1; }
.page .slick-next::before { content: '\f054'; font: normal normal normal 14px/1 FontAwesome; font-size: 38px; opacity: 1; }
.page .slick-prev:hover::before,
.page .slick-prev:focus::before { color: #dc0f1a; }
.page .slick-next:hover::before,
.page .slick-next:focus::before { color: #dc0f1a; }
.page .slick-prev { position: absolute; left: 15%; margin-bottom: 0; height: 35px; width: 25px; margin-top: 10px; }
.page .slick-next { position: absolute; margin-bottom: 0; right: 15%; height: 35px; width: 25px; margin-top: 10px; }
.page .slick-dots { text-align: left 50%; bottom: 20px; position: absolute; margin: 0; }
.page .slick-dots li button::before { font-size: 16px; opacity: 1; }
.page .slick-dots li.slick-active button::before { color: #fff; border: 2px solid #fff; background: #fff; height: 20px; width: 20px; }
.page .slick-dots li button::before { border: 2px solid #fff; border-radius: 50%; color: transparent; width: 20px; height: 20px; opacity: 1; }
.page .slick-dots li button:hover,
.page .slick-dots li button:focus { background: transparent !important; }
.home .entry-title { display: none; }
/************************* Front Page Fiels *************************/
.front-page-content-1 { clear: both; width: 100%; float: left; padding: 40px 0 80px; text-align: center; background: transparent none no-repeat scroll 0px 0px; background-size: cover; }
.front-page-content-1 h2 { color: #11497f; font-size: 36px; font-weight: 700; }
.front-page-content-1 hr { border: none; height: 1px; background: #d6d6d6; margin: 10px 20%; }
.front-page-content-1 img { width: 100%; }
.front-page-content-1 .service-type { padding-right: 0px !important; }
.front-page-content-1 .service-type .medium-6 { padding: 0 !important; }
.front-page-content-1 .our-service { padding-top: 100px; }
.front-page-content-1 .service-content h4 { color: #fff; font-size: 21px; font-weight: 700; }
.front-page-content-1 .service-content a { color: #dc0f1a; font-size: 16px; font-weight: 700; }
.front-page-content-1 .service-content p { color: #fff; font-size: 16px; font-weight: 300; margin-bottom: 0; }
.front-page-content-1 .service-content { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; background: rgba(39, 136, 201, 0.6); opacity: 0; flex-direction: column; padding: 25px; font-family: 'Oxygen', sans-serif !important; outline: 25px solid RGBA(0, 0, 0, 0.7); z-index: 1; outline-offset: -25px; transition: all 0.6s ease-in-out; }
.front-page-content-1 .service-img:hover .service-content { opacity: 1; }
.front-page-content-1 .service-img:hover .service-title { display: none; }
.front-page-content-1 .fron-content-inner-bg { background: #fff; padding-right: 0px !important; margin-top: -100px; -webkit-box-shadow: 0px 0px 13px 0px rgba(22,23,26,0.30); -moz-box-shadow: 0px 0px 13px 0px rgba(22,23,26,0.30); box-shadow: 0px 0px 13px 0px rgba(22,23,26,0.30); width: 100%; float: left; }
.front-page-content-1 .service-img { position: relative; }
.front-page-content-1 .service-title { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; }
.front-page-content-1 .service-title h4 { color: #fff; font-size: 20px; font-weight: 700; }
.inner-main-content { padding: 40px 0; text-align: center; }
.inner-main-content h2 { color: #11497f !important; font-weight: 700; line-height: 40px; font-size: 36px; margin-bottom: 15px; }
.inner-main-content h4 { font-weight: 700; font-size: 20px; color: #BA0F30 !important; }
.inner-main-content p { color: #7c7c7c; }
/* company- Page*/
.company-content-1{ border-top: 1px solid #e1e1e1; clear: both; width: 100%; float: left; background: #f7f7f7; text-align: center; padding: 40px 0 0; }
.company-content-4{background:#fff !important;}
.company-content-1 h1 { color: #11497f; font-size: 48px; font-weight: 300; }
.company-content-2 { color: #fff; clear: both; width: 100%; float: left; padding: 40px 0; background: transparent none no-repeat scroll 0px 0px / cover; }
.company-content-2 p { color: #e9e9e9; }
.company-content-2 h2 { color: #fff; font-size: 36px; font-weight: 700; line-height: 30px; }
.company-content-2 img,
.company-content-3 img, .company-content-4 img { outline: 10px solid rgba(0, 0, 0, 0.38); outline-offset: -10px; width: 100%; }
.company-content-3, .company-content-4 { border-bottom: 1px solid #E1E1E1; clear: both; width: 100%; float: left; background: #F7F7F7 none repeat scroll 0% 0%; padding: 40px 0px; }
.company-content-3 h2, .company-content-4 h2 { color: #2788c9; font-size: 48px; font-weight: 400; }
.company-content-3 p { color: #7C7C7C !important; }
.company-content-3 li{color:#7c7c7c;}
.history-title h1 { color: #fff; font-size: 36px; font-weight: 700; text-align: center; }
.history-title { color: #fff; clear: both; width: 100%; float: left; padding: 40px 0; background: transparent none no-repeat scroll 0px 0px / cover; }

.history-content { background: #05344e; clear: both; width: 100%; float: left; padding: 40px 0 40px; }
.history-content h2 { color: #fff; font-size: 36px !important; padding: 0 !important; line-height: 30px; font-weight: 700; }
.history-content p { color: #fff; }
.history-content img { outline: 10px solid rgba(0, 0, 0, 0.38); outline-offset: -10px; }
.history-title .slick-next { right: 40px !important; /*background: transparent none no-repeat scroll 0px 0px !important;*/ }
.history-title .slick-prev { left: 40px !important; /*background: transparent none no-repeat scroll 0px 0px !important;*/ }
.history-title .center { background: transparent none no-repeat center 65px; position: relative; padding: 0px 20px; text-align: center;}
.history-title .slick-active.slick-center { background: rgba(0, 0, 0, 0) none no-repeat scroll center bottom; background-size: 20px 20px;}
.history-title .slick-active { background: rgba(0, 0, 0, 0) none no-repeat scroll center bottom; background-size: 13px 13px;}

h2.slick-center { color: #fff; opacity: 1; transform: scale(1.3); margin: 0; }
.history-title .center .slick-slide.slick-center h2{font-size:30px;padding: 10px 0 22px;}
.history-title .center .slick-slide h2 { color: #fff; text-align: center; font-size: 24px; font-weight: 700; padding:19px 0;}

.front-page-content-2 { width: 100%; float: left; background: #f3f3f3; padding: 40px 0; }
/* Commercial Roofing Page*/

.roofing-duct-editer-content { text-align: center; }
.roofing-duct-editer-content h2 { color: #11497f !important; font-weight: 700; line-height: 30px; margin-bottom: 5px; }
.roofing-duct-editer-content h4 { font-weight: 700; font-size: 24px; color: #BA0F30 !important; margin-bottom: 5px; }
.roofing-duct-editer-content p { color: #7c7c7c; }
.roofing-duct-editer-content .content_wrap { box-shadow: 0px 15px 13px 0px rgba(22, 23, 26, 0.30); }
.roofing-duct-main-content { padding: 50px 15px 50px; }
.roofing_and_duct_content { width: 100%; float: left; /* padding: 80px 0px 0px; */ background: transparent none no-repeat scroll 0px 0px / cover; }
.roofing_and_duct_content p,
.roofing_and_duct_content2 p { color: #7C7C7C; }
.roofing_and_duct_content h2 { line-height: 40px; font-size: 36px; font-weight: 700; color: #11497f; padding: 0 20%; }
.roofing_and_duct_content .roof-content h2 {padding:0;}
.roofing_and_duct_content hr { border: none; margin: 5px 0; border-top: 1px solid #d6d6d6; width: 90%; }
.roofing_and_duct_content .roof-img.columns,
.duct-img.columns { padding: 0 !important; }
.roofing-duct-content { float: left; background: #FFF none repeat scroll 0% 0%; /* margin-top: -150px; */ box-shadow: 0px 15px 13px 0px rgba(22, 23, 26, 0.30); border-top: 1px solid #e1e1e1; display: flex; flex-flow: wrap; }

.roof-content,
.duct-content { padding: 0 50px; justify-content: center; display: flex; flex-direction: column; }
.duct-content h2{padding:0;}
.roof-img img,
.duct-img img { width: 100%; display: block; }
.roofing_and_duct_content2 { clear: both; width: 100%; float: left; padding: 40px 0; background: #F7F7F7; }
/* .roofing_and_duct_content2 h2 { color: #2788c9; font-size: 48px; font-weight: 300; } */
.roofing_and_duct_content2 h2 { color: #11497f; font-size: 36px; font-weight: 700; } 
.roofing_and_duct_content2 img { width: 100%; outline: 10px solid rgba(0, 0, 0, 0.3); outline-offset: -10px; }
/* roofing-Inner-subpage */
.roofing-subpage-editer-content { padding: 40px 0; text-align: center; }
.roofing-subpage-editer-content h2 { color: #11497f !important; font-weight: 700; line-height: 40px; font-size: 36px; }
.roofing-subpage-editer-content p { color: #7c7c7c; }
/* fabricated-metals*/
.fabricated-metals-content-1 p { color: #7C7C7C; font-size: 16px; }
.fabricated-metals-content-1 { border-top: 1px solid #e1e1e1; text-align: center; clear: both; width: 100%; float: left; padding: 40px 0; background: #F7F7F7; }
.fabricated-metals-content-1 h2 { font-size: 48px; font-weight: 300; color: #11497f; }
.fabricated-metals-content-2 { padding: 40px 0px; width: 100%; float: left; background: transparent none no-repeat scroll 0px 0px / cover; }
.fabricated-metals-content-2 h2,
.fabricated-metals-content-3 h2 { font-size: 36px; line-height: 40px; font-weight: 700; color: #FFF; }
.fabricated-metals-content-2 hr { margin: 10px auto 20px; width: 90%; }
.fabricated-metals-content-2 p { color: #fff; font-size: 16px; }
.fabricated-metals-content-2 img { max-width: 100%; outline: 10px solid rgba(0, 0, 0, 0.3); outline-offset: -10px; display: block; }
.fabricated-metals-content-3 { text-align: center; clear: both; width: 100%; float: left; padding: 40px 0 20px; background: #05344e; }
/* portfolio Page*/
.portfolio-title { clear: both; width: 100%; float: left; padding: 40px 0; text-align: center; background: #11497f; }
.portfolio-title h2 { color: #fff; font-weight: 700; font-size: 36px; }
.potfolio-gallery { border-bottom: 1px solid #E1E1E1; width: 100%; float: left; padding: 40px 0; text-align: center; background: #F7F7F7; }
.potfolio-gallery img { width: 100%; outline: 10px solid rgba(0, 0, 0, 0.3); outline-offset: -10px; margin-bottom: 30px; display:block;object-fit: cover;
object-position: center; height:185px;overflow:hidden;}
/*airflow Mesurement*/
.roofing_and_duct_content .airflow-management { padding: 40px 15px; text-align: center; }
.airflow-product { text-align: center; }
.airflow-product h3 { color: #ba0f30; font-size: 20px; text-transform: uppercase; font-weight: 700;}
.airflow-product img { margin-top: 10px;  /* height: 121px; width: 121px;  */}
.accordion-navigation { clear: both; width: 100%; float: left; }
.roofing_and_duct_content ul { margin-left: 0 !important; float: left; width: 100%; }
.roofing_and_duct_content ul > li > .content { padding: 0 !important; }
.roofing_and_duct_content ul > li > .content .large-3:nth-child(odd) { background-color: #f6f6f6; }
.accordion .accordion-navigation > a { background: #2988CA none repeat scroll 0% 0% !important; border-bottom: 1px solid #fff; }
.accordion-navigation a.airflow-title { font-size: 24px !important; color: #fff !important; font-family: 'Oxygen', sans-serif !important; font-weight: 700 !important; }
.accordion-navigation > a:after { content: none; padding-left: 5px; float: right; font-size: 20px; }
.accordion-navigation.active > a:after { content: none; }
/*================ The Team Page ================*/
.team-content-1 { width: 100%; float: left; /* background-color: #F7F7F7; */ }
.team-content-1 .team-post { width: 100%; display:block; clear:both; }
.team-content-1 .team-post h1 { color: #11497f !important; font-size: 30px; }
.team-content-1 .team-post h4 { color: #dc0f1a !important; }
.team-content-1 .team-post hr { border-color: #dc0f1a; }
.team-content-1 .team-post img { margin-bottom: 1rem; }
.team-content-2 { width: 100%; float: left; background: none no-repeat scroll 0px 0px / cover; padding: 30px 0px; }
.team-content-2 .team-location h2 { color: #fff !important; text-align: center; }
.team-content-2 .team-location p { color: #fff; text-align: center; }
.team-content-2 .team-location .location ul { width: 100%; float: left; list-style: none; margin: 0; }
.team-content-2 .team-location .location ul li { width: 50%; display: inline-block; text-align: left; float: left; padding-bottom: 15px; }
.team-content-2 .team-location .location ul li:nth-child(even) { padding-left: 60px; }
.team-content-2 .team-location .location ul li h3 { color: #dc0f1a !important; }
.team-content-2 .team-location .location ul li h5 { color: #fff !important; }
/*==================== Roofing Subpage Content ======================*/
/* .roofing-subpage-editer-content{background-color:#042A3F;} */
.roofing-subpage-editer-content {background:white;}
/* .roofing-subpage-editer-content .resource-accordion, {background-color:#ffffff !important;} */
.roofing-subpage-editer-content #content {background-color:#ffffff; /* margin-top:-320px !important; !important;  */padding-left:0 !important; padding-right: 0 !important;box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 2px rgba(0,0,0,0.24) !important;}
.roofing-subpage-editer-content .accordion{margin-left:0 !important;}
.roofing-subpage-editer-content .accordion .accordion-navigation > .content.active, .accordion dd > .content.active{background:#ffffff;}
.roofing-subpage-content-1 { padding: 40px 0px; width: 100%; float: left; background: transparent none no-repeat scroll 0px 0px / cover; }
/* .dividerResources{background-color:white; height:300px !important; width:100% !important; z-index:999 !important;} */
.roofing-subpage-content-1 .center { display: flex; align-items: center; }
.roofing-subpage-content-1 .left-content { color: #fff; }
.roofing-subpage-content-1 .left-content p { color: #e9e9e9; }
.roofing-subpage-content-1 .left-content h2 { font-size: 36px; line-height: 40px; font-weight: 700; color: #fff; }
.roofing-subpage-content-1 .left-content hr { margin: 10px auto; }
.roofing-subpage-content-1 .right-image img { width: 100%; display: block; object-fit: cover; outline: 10px solid rgba(0, 0, 0, 0.38); outline-offset: -10px; }
.roofing-subpage-content-2 { width: 100%; float: left; background-color: #05344e; padding: 30px 0px; }
/*==============================Resources Page Content ===================================*/

.resource-accordion a{color:#ffffff !important; text-align:left !important;}
.resource-accordion .small-12.medium-6.columns{padding-top:10px !important; margin-bottom:1.5rem !important;}
.resource-accordion h4{color:#A61631 !important;}
.roofing-subpage-editer-content .resources-pdf h4 { color: #11497f !important; font-weight: 700; margin-bottom: 15px;}
.roofing-subpage-editer-content .resources-pdf ul { width: 100%; list-style: none; float: left;margin: 0;}
.roofing-subpage-editer-content .resources-pdf ul li { width: 33.33%; float: left; text-align:center; }
.roofing-subpage-editer-content .resources-pdf ul li >a { color: #7c7c7c !important; font-weight: 600; }
.roofing-subpage-editer-content .resources-pdf ul li >a:hover,
.roofing-subpage-editer-content .resources-pdf ul li >a:focus { color: #dc0f1a !important; }
/************************* Footer *************************/
footer.entry-meta { display: none; }
.footer-top { background: transparent none no-repeat scroll 0px 0px; background-size: cover; width: 100%; float: left; padding: 50px 0 80px; }
.footer-top .textwidget { display: flex; align-items: center; }
.footer-top .textwidget img { width: 100%; object-fit: cover; display: block; }
.footer-top-logo { width: 100%; border-top: 2px solid #DC0F1A; float: left; background: #05344e; padding: 10px 0; }
.footer-top-logo ul { margin: 0; width: 100%; float: left; list-style: none; margin-top: -40px; padding: 0 15px; }
.footer-top-logo ul > li { display: inline-block; margin-left: 144px; ; }
/* .footer-top-logo ul > li:first-child { margin-left: 0; } */
.footer-top h1 { font-size: 48px; color: #dc0f1a; font-weight: 300; }
.footer-top .textwidget p { color: #7c7c7c; font-size: 16px; font-family: 'helvetica', sans-serif; font-weight: 400; }
#footer .col-second { border-left: 1px solid #7c7c7c; border-right: 1px solid #7c7c7c; padding-bottom: 60px; }
.col-second .call-us ul { list-style: none; width: 100%; display: block; color: #8C8C8C; float: left; margin-bottom: 0; }
.col-second .call-us ul li { width: 50%; float: left; text-align: left; margin-left: 0 !important; font-size: 16px; font-weight: 400; color: #fff; }
.col-second .call-us ul li:nth-child(1),
.col-second .call-us ul li:nth-child(2) > a { color: #E5030F !important; font-weight: 600; }
.col-second .call-us ul li:nth-child(even) { text-align: right; }
.col-second .call-us ul li > a { display: inline-block; color: #fff !important; font-weight: 600 !important; line-height: normal !important; font-size: 16px !important; }
.widget-title { font-weight: bold; font-family: 'helvetica', sans-serif; font-size: 36px; color: #2788c9 !important; text-transform: capitalize; }
footer[role="contentinfo"] { border-top: none; padding: 0; }
.footer_container .widget-area .widget p { font-size: 16px; }
.widget-area .widget p { color: #fff !important; }
.footer_container .widget_nav_menu ul { list-style-type: none; margin-left: 0em !important; margin-top: 15px; }
.footer_container { background: #042a3f; clear: both; float: left; width: 100%; padding: 40px 0px; }
.widget-area .widget { margin-bottom: 0px !important; }
footer .textwidget { font-family: 'helvetica', sans-serif; color: #fff; font-size: 16px; line-height: 24px; }
#secondary-sidebar { padding: 0px !important; }
.widget_nav_menu ul li a { line-height: 30px; color: #fff !important; font-weight: bold; font-family: "Open Sans", sans-serif; font-size: 20px; }
.widget_nav_menu ul li a:hover { color: #dc0f1a !important; }
.widget_nav_menu ul.menu li.active a { color: #dc0f1a !important; }
.widget_nav_menu .sub-menu li a { font-weight: normal; }
.footer-copyright { float: left; width: 100%; clear: both; background: #fff; padding: 10px 0; }
.footer-copyright img{margin-right:10px;}
.footer-copyright .textwidget p { color: #7c7c7c; font-weight: 400; font-size: 16px; line-height: 34px; font-family: "Open Sans", sans-serif; }
.footer-copyright .textivia-logo { text-align: right; line-height: 54px; }
.footer_wrap { background-color: transparent !important; }
/*======================= Roofing Maintanance Page Content ==============*/
.roofing_and_duct_content .maintanance-content { text-align: center; padding: 30px 20px; }
.roofing_and_duct_content .maintanance-content h3 { color: #11497f !important; font-weight: 700; }
.roofing_and_duct_content2 .trac-content { text-align: center; }
.roofing_and_duct_content2 .trac-content h3 { color: #11497f !important; font-weight: 700; }
/*=======================  Energy Solution Page Content ==============*/
.roofing-subpage-content-1 .energy-content { text-align: center; padding: 30px 20px; color: #fff; }
.roofing-subpage-content-1 .energy-content p{color:#fff;}
.roofing-subpage-content-1 .energy-content h3 { color: #fff !important; font-weight: 700; }
.roofing-subpage-content-1 .energy-content hr { margin: 10px auto; width: 40%; }
.roofing-subpage-content-1 .energy-content a { color: #dc0f1a; }
/*==================== Thank You Page ====================*/
.thankyou-content h1 { font-weight: 700; font-size: 36px; color: #11497f !important; padding-bottom: 10px; }
.thankyou-content a:hover,
.thankyou-content a:focus { color: #BA0F30 !important; }
.lshowcase-logos .bx-wrapper .bx-controls-direction a { width: 22px !important; }
.lshowcase-logos .bx-wrapper .bx-next { background: none !important; }
.lshowcase-logos .bx-wrapper .bx-next:hover { background: none !important; }
.lshowcase-logos .bx-wrapper .bx-prev { background: none !important; }
.lshowcase-logos .bx-wrapper .bx-prev:hover { background: none !important; }
/*================== Contact US Page ====================*/
.contact-us-content-1 { width: 100%; float: left; background-color: #F7F7F7; border-top: 1px solid #E1E1E1; padding: 60px 0px; }
.contact-us-content-1 .contact-form .large-7 { padding-right: 75px; }
.contact-us-content-1 .contact-detail { text-align: center; }
.contact-us-content-1 .contact-detail h5 { color: #8C8C8C; margin-bottom: 40px; font-size: 22px !important; }
.contact-us-content-1 .contact-detail ul { list-style: none; width: 100%; display: block; color: #8C8C8C; float: left; margin: 0 0 15px 0; }
.contact-us-content-1 .contact-detail ul li { width: 50%; float: left; text-align: left; }
.contact-us-content-1 .contact-detail ul li:first-child,
.contact-us-content-1 .contact-detail ul > li:nth-child(2) > a { color: #E5030F !important; font-weight: 600; }
.contact-us-content-1 .contact-detail ul li:nth-child(even) { text-align: right; }
.contact-us-content-1 .contact-detail ul li > a { color: #7E7E7E; font-weight: 700; }
/*================Contact Us page Form =====================*/
.contact-form .gform_wrapper .top_label .gfield_label { font-weight: 600; font-size: 20px; color: #11497f; font-family: "Open Sans", sans-serif; }
.contact-form .gform_wrapper .top_label input.medium { width: 100%; border: 2px solid #D4D4D4; }
.contact-form .gform_wrapper .top_label input:hover,
.contact-form .gform_wrapper .top_label input:focus,
.contact-form .gform_wrapper textarea:focus,
.contact-form .gform_wrapper textarea:hover { border-color: #11497f !important; }
.contact-form .gform_wrapper .top_label textarea.textarea#input_2_8 { width: 100%; height: 35px; min-height: auto; border: 2px solid #D4D4D4; }
.contact-form .gform_wrapper .top_label textarea.textarea#input_2_7 { width: 100%; height: 150px; min-height: auto; border: 2px solid #D4D4D4; }
.contact-form .gform_wrapper .gfield_radio li label { font-size: 16px; }
.contact-form .gform_wrapper .gform_footer .gform_button { position: relative; font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; text-transform: capitalize; padding: 10px 40px; background: -moz-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0.98)), color-stop(0%, rgba(223,15,25,0.98)), color-stop(100%, rgba(235,98,105,0.98))); background: -webkit-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -o-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -ms-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: linear-gradient(to bottom, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#eb6269', GradientType=0 );
border-radius: 3px; -webkit-box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); -moz-box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); }
/* .contact-form .gform_wrapper .gform_footer.top_label::after { position: absolute; content: '\f054'; left: 118px; font: normal normal normal 14px/1 FontAwesome; bottom: 53px; color: #fff; } */
/*======================= Contact Hamlin Form (Roofing Subpage Form) ======================*/
.form { position: relative; }
.form h2 { text-align: center; color: #fff; }
.form .gform_wrapper .top_label .gfield_label { color: #fff; font-size: 16px; font-family: 'Oxygen', sans-serif !important; }
.form .gform_wrapper .top_label li.gfield input.medium { width: 85% !important; min-height: auto; height: 30px; border-radius: 5px; background-color: #012438; border: none; margin-bottom: 0 !important; }
.form .gform_wrapper .top_label li.gfield input:hover.medium,
.form .gform_wrapper .top_label li.gfield input:focus.medium { background-color: #fff; border: 2px solid #BC1123; }
.form .gform_wrapper .top_label li.gfield.gf_right_half select.medium { width: 85% !important; min-height: auto; height: 30px; border-radius: 5px; border: none; background-color: #012438; color: #fff; font-size: 16px; }
.form .gform_wrapper .top_label li.gfield.gf_right_half select:hover.medium,
.form .gform_wrapper .top_label li.gfield.gf_right_half select:focus.medium { background-color: #fff; border: 2px solid #BC1123; color: #000; }
.form .gform_wrapper .top_label textarea.textarea { width: 100%; min-height: auto; height: 85px; border-radius: 5px; border: none; background-color: #012438; margin-bottom: 0 !important; }
.form .gform_wrapper .top_label textarea:hover.textarea,
.form .gform_wrapper .top_label textarea:focus.textarea { background-color: #fff; border: 2px solid #BC1123; }
.gform_wrapper .gform_footer { margin: 0 !important; }
.form .gform_wrapper .gform_footer .gform_button { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size: 16px; text-transform: capitalize; padding: 10px 40px; background: -moz-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,0.98)), color-stop(0%, rgba(223,15,25,0.98)), color-stop(100%, rgba(235,98,105,0.98))); background: -webkit-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -o-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: -ms-linear-gradient(top, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); background: linear-gradient(to bottom, rgba(248,80,50,0.98) 0%, rgba(223,15,25,0.98) 0%, rgba(235,98,105,0.98) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#eb6269', GradientType=0 );
border-radius: 3px; -webkit-box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); -moz-box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); box-shadow: 0px 4px 2px 0px rgba(221,15,27,1); }
.form .gform_wrapper .gform_footer.top_label::after { position: absolute; content: '\f054'; left: 105px; font: normal normal normal 14px/1 FontAwesome; bottom: 43px; color: #fff; }

/*************************** Responsive  ***************************/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
h2{font-size:34px;}
.page .slick-next { right: 5% !important; }
.page .slick-prev { left: 5% !important; }
.bannerinner { padding: 25% 0px 18% 0px !important; }
.home-down-arrow { bottom: 10% !important; }
.footer-top-logo ul > li { margin-left: 8% !important; }
.footer-top-logo ul > li:first-child { margin-left: 0 !important; }
#footer .col-second { border-right: none !important; }
.col-second .call-us ul li:nth-child(2n) { text-align: left !important; }
.lshowcase-logos .bx-wrapper .bx-next { right: -3px !important; }
.lshowcase-logos .bx-wrapper .bx-prev { left: 0px !important; }
.roof-content,
.duct-content {padding: 0 15px;}
.roofing_and_duct_content h2{font-size: 32px;}
.roofing_and_duct_content p{margin:0;}
.front-page-content-1 .our-service { padding-top: 15px; }
.front-page-content-1 .service-type { padding: 0px !important; }
.front-page-content-1 { padding: 40px 0 0; }
.header-top { width: auto; padding: 21px 10px; border-left: none; float: none; position: absolute; top: -87px; right: 15px; }
.gform_wrapper { max-width: 100%; padding: 0 15px; }
.form .gform_wrapper .top_label li.gfield input.medium,
.form .gform_wrapper .top_label li.gfield.gf_right_half select.medium { width: 100% !important; }
.form .gform_wrapper .gform_footer.top_label::after { left: 120px; }
.history-title .slider-for .slick-prev{opacity:0 !important;}
.history-title .slider-for .slick-next{opacity:0 !important;}
}

@media only screen and (max-width: 40em) {
h1 { font-size: 34px !important; }
h2 { font-size: 28px !important; }
h4 { font-size: 20px !important; }
h1,
h2,
h4,
p { text-align: center !important; }
.header-top { border-left: none !important; }
.slider-content { padding: 0 !important; }
.bannerinner { padding: 85% 0px 50% !important; }
.home-down-arrow { bottom: 12% !important; }
.page .slick-prev::before { opacity: 0 !important; }
.page .slick-next::before { opacity: 0 !important; }
.front-page-content-1 { padding: 40px 0 0px !important; }
.front-page-content-1 .our-service { padding-top: 50px !important; }
.widget-title { text-align: center; }
#footer .col-second { border-right: none !important; border-left: none !important; }
.widget-area .widget li { text-align: center; }
.sidebar_container .col-third p { text-align: center; }
.footer-copyright .textwidget p { text-align: center; }
.footer-copyright .textivia-logo { text-align: center !important; }
.contact-us-content-1 { padding: 0px 0px !important; }
.lshowcase-logos .bx-wrapper .bx-controls-direction a { display: none; }
.footer-top-logo ul > li { display: inline-block !important; margin-left: 0 !important; width: 50%; float: left; }
.front-page-content-1 .service-type { padding: 0px !important; }
.footer-top-logo ul { margin-top: 0px !important; text-align: center !important; }
.footer-top-logo ul > li img { padding: 20px 13px; }
.contact-us-content-1 .contact-form .large-7 { padding-right: 15px; }
.footer-top .textwidget { display: block; }
.roof-content,
.duct-content { padding: 0 15px; }
.roofing-duct-content  ul.accordion > li > .medium-6.large-3.columns {margin-bottom: 25px;}
.roofing-subpage-editer-content .resources-pdf ul li {width: 100%;}
.headerimage { padding-top: 150px; }
a.button,
.gform_wrapper .gform_footer .gform_button { display: table; margin: 0 auto; }
.form .gform_wrapper .gform_footer.top_label::after { right: 110px; bottom: 24px; left: auto; }
.contact-form .gform_wrapper .gform_footer.top_label::after { right: 115px; bottom: 34px; left: auto; }
.roofing_and_duct_content h2 { padding: 0; }
.form .gform_wrapper .top_label li.gfield input.medium,
.form .gform_wrapper .top_label li.gfield.gf_right_half select.medium { width: 100% !important; }
.roofing-subpage-content-1 .center { display: block; }
.gform_wrapper { max-width: 100%; padding: 0 15px; }
.team-content-2 .team-location .location ul li { width: 100%; display: block; }
.team-content-2 .team-location .location ul li:nth-child(2n) { padding-left: 0; }
.history-title .slider-for .slick-slide.slick-center {width:240px !important;}
.history-title .center .slick-track{width:3000px !important;}
}


@media only screen and (max-width: 800px) {

	.history-title .content_wrap .center{background-size: 650px;}
	.footer-top .content_wrap h1{font-size: 42px;}
    
}

.page-id-41 .roofing-subpage-editer-content {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,05344e+51,05344e+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #05344e 50%, #05344e 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#05344e 50%,#05344e 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#05344e 50%,#05344e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#05344e',GradientType=0 ); /* IE6-9 */
}

.page-id-41 .roofing-duct-main-content {
	padding-bottom: 0;
}