@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Oswald:wght@700&display=swap');

body { font-family: 'Lato', sans-serif;
       color: #231F20;
	   line-height: 1.5;
	   font-size: 21px;
 }

h1, h2, h3, h4 { font-family: 'Oswald', sans-serif; font-weight: 700; }

.g-container {
    width: 1300px;
    max-width: 95%;
}

/* Buttons */

.button {
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 1.15;
    letter-spacing: normal;
    text-transform: uppercase;
    background: #A3C141;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    margin: 0;
    padding: 10px 25px;
}
/* Top */
.top-box {     display: inline-block; margin-left: 63px; }
.top-box h4 { text-transform: uppercase; text-align: left; color: #fff; font-size: 21px;
    margin: 0;
    padding: 0;
	line-height: 1;
	position: relative;
}
.top-box h4:before { content: ''; display: block; position: absolute; left: -50px; }

.top-box h4.call:before {  width: 40px; height: 41px; background: url('images/phone.png'); background-size: cover; }
.top-box h4.email:before {  width: 41px; height: 36px; background: url('images/email.png'); background-size: cover; }
.top-box h4.review:before {  width: 41px; height: 41px; background: url('images/review.png'); background-size: cover; }
.top-box a { color: #fff; font-size: 21px;}
.top-box a:hover {
    color: #A3C141 ;
}

.top-container { text-align: right; margin-top: 40px;}

#g-top .g-content {
    margin: 15px 0 0 0;
    padding: 0;
}

#g-top .g-container { position: relative;}

.g-logo.g-logo-helium svg {
    max-height: 105px;
    position: relative;
    top: -5px;
    left: 0;
}

#g-wrapper-top { background-image: url(images/header_bg.png); background-blend-mode:multiply; border-bottom: 2px solid #0A6982; z-index: 30;

    background-position-y: -10px;


}

.home #g-wrapper-top {
	position: absolute;
    width: 100%;}

/* Navigation */

#g-navigation {
    background: transparent;
}

#g-navigation .g-content {
    margin: 0;
    padding: 0;
}

#g-navigation .g-main-nav {
    font-family: 'Oswald', sans-serif; 
    font-weight: 700;
    line-height: 1.5;
    display: table;
    float: right;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 24px;
}

.g-main-nav .g-toplevel > li.g-parent .g-menu-parent-indicator {
    display: none;
}

#g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 12px;
}

#g-navigation .g-main-nav .g-toplevel > li:last-child { margin-right: 0;}

#g-navigation .g-main-nav .g-toplevel > li.active > .g-menu-item-container > .g-menu-item-content {
    box-shadow: none;
}

#g-navigation .g-main-nav .g-toplevel > li:hover > .g-menu-item-container {
    color: #A3C141;
}

#g-navigation .g-main-nav .g-toplevel {
    line-height: 1;
}

#g-navigation .g-container {
    position: initial;
}

#g-navigation .g-main-nav .g-dropdown {
    background: #ffffff;
    border: 0;
    border-radius: 0;
	border-bottom: 2px solid #0A6982;
}

#g-navigation .g-main-nav .g-sublevel>li>.g-menu-item-container {
    color: #0A6982;
	font-family: 'Lato', sans-serif;
	font-size: 21px;
	
}

/* Quote */
#fast-quote-form  {     
    padding: 10px;
    background: #022F41;
    border: 2px solid #0A6982;
    width: 1150px;
	margin: 0 auto;
    height: 85px;
    position: relative;
    bottom: -42.5px;
	margin-top: -35px;
 }
	
	
#fast-quote-form input, #fast-quote-form  select { width: 200px; height: 40px; display: inline-block; margin: 10px;
border-radius: 10px; padding: 0.375rem 1.25rem;

 }
#fast-quote-form .button { text-align: center; line-height: 40px; padding: 0; width: 210px; border: 0;}

#g-quote { position: relative;
 }
 
#g-quote .g-content {
    margin: 0;
    padding: 0;
}
#g-quote span.wpcf7-not-valid-tip {
    color: #f5b747;
    font-size: 1em;
    font-weight: normal;
    display: INLINE-BLOCK;
    position: ABSOLUTE;
    width: 200px;
    left: 10px;
    top: -32px;
}

#g-quote div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #a3c141;
    color: #e6b746;
    position: absolute;
    background: #022f41;
    top: 105px;
    left: 50%;
    margin-left: -226px;
}

#g-quote  div.wpcf7-mail-sent-ok {     border: 2px solid #a3c141;
    color: #fff;
    position: absolute;
    background: #022f41;
    top: 105px;
    left: 50%;
    margin-left: -226px;}
/* Main */

.home #g-mainbar {
    padding: 0;
}

.home  .g-content {
    margin: 0 ;
    padding: 0 ;
}
#slide-content { border-bottom: 2px solid #0A6982;     padding: 175px 0 140px 0;}
.slide-text { background: rgba(255,255,255,0.95);
    margin: 0 auto;
    padding: 50px 50px;
    position: relative;
	}

.slide-text:before { content: ''; height: 2px;  display: block; background:#0A6982; position: absolute; top: 10px; left: 10px; right: 10px;  } 
.slide-text:after { content: ''; height: 2px;  display: block; background:#0A6982; position: absolute; bottom: 10px; left: 10px; right: 10px;  } 


.slide-text h1 {color: #0A6982; font-size: 36px; line-height: 1;
    margin: 0 0 50px 0;}
.slide-text h2 {color: #231F20; font-size: 30px;      line-height: 0.75; font-family: 'Lato', sans-serif;  }

#absolute-tabs { margin-top: -100px; }

#absolute-tabs h3 { background: #022F41; border-radius: 10px 10px 0 0; color: #fff; padding: 10px 0;  padding-left: 20px; font-size: 36px;}
#absolute-tabs h3:before { content: ''; display: inline-block; height: 36px; width: 36px; position: relative;
    left: -15px;
    top: 4px; }
#absolute-tabs .active h3  {background: #0A6982; }
#absolute-tabs h3#step-1:before { background: url('images/pencil.png') top left no-repeat; background-size: contain;}
#absolute-tabs h3#step-2:before { background: url('images/sheet.png') top left no-repeat; background-size: contain;}
#absolute-tabs h3#step-3:before { background: url('images/board.png') top left no-repeat; background-size: contain;}
#absolute-tabs h4 { font-size: 36px; color: #022F41; }

#absolute-tabs .active h4 { color: #0A6982;}

#absolute-tabs .vc_column-inner .wpb_text_column { border-radius: 10px; border: 2px solid #022F41; border-top: 0;}

#absolute-tabs .active .vc_column-inner .wpb_text_column { border-radius: 10px; border: 2px solid #0A6982; border-top: 0;}

#absolute-tabs .vc_column-inner .wpb_text_column p { padding: 25px; padding-top: 0; font-size: 21px;}

#absolute-tabs li.ult_tab_li>a.ult_a span.ult-span-text {
	 font-family: 'Oswald', sans-serif; font-weight: 700;
	 font-size: 36px !important;
    color: #fff;
}

#absolute-tabs li.ult_tab_li.current>a.ult_a span.ult-span-text {
    color: #0A6982;
}

#absolute-tabs li.ult_tab_li.current>a.ult_a { background: #fff !important;}
#absolute-tabs li.ult_tab_li>a.ult_a { background: #0A6982 !important; border-radius: 10px 10px 0 0 !important; }

#absolute-tabs .ult_tabmenu.style1 li.ult_tab_li {
    margin-right: 50px !important;
	background: transparent !important;
}

#absolute-tabs .ult_tabs {

    margin-top: -56px !important; z-index: 10; position: relative;
}
#absolute-tabs>.vc_column_container>.vc_column-inner {
padding-top: 0px !important; 
}

#testimonials-row h2 { color: #0A6982; font-size: 36px; position: relative; line-height: 1.2; padding-left: 25px;}
#testimonials-row h2:before { content: ''; position: absolute; left:0; top: 0; bottom: 0; width: 10px; background: #A3C141; display: block;}
#testimonials-row .title-block { padding: 50px 0;}
#testimonials-row .review-block { padding: 50px 50px 150px 0;}
#testimonials-row .review-block h4 { font-size: 24px; color: #0A6982;}
#testimonials-row .review-block h4 i { float: left; color: #e7701c;}
#testimonials-row  .vc_separator.vc_sep_color_peacoc .vc_sep_line {
    border-color: #0A6982; width: 75%;
}
#middle-row {     border-top: 15px solid rgba(10, 105, 130, 0.80);
    margin-top: -15px; border-bottom: 15px solid rgba(10, 105, 130, 0.80);}
	
#middle-row .upb_row_bg { border-top: 2px solid #022F41; border-bottom: 2px solid #022F41;}
#middle-row .slide-text { background: none; border: 0; }
#middle-row .slide-text h1, #middle-row .slide-text h2 { color: #fff;}

#middle-row.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0 !important;
}
#absolute-tabs .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
    width: 5px !important;
    margin-left: -2.5px !important;
}

#absolute-tabs .ult_tabs  .twentytwenty-handle {
    height: 50px !important;
    width: 50px !important;
    margin-left: -25px !important;
    margin-top: -25px !important;
	background: #fff !important;
	text-align: center;
}
#absolute-tabs .ult_tabs  .twentytwenty-handle i { color: #0A6982; font-size: 38px;
    line-height: 46px;}

#absolute-tabs .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after  {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#absolute-tabs .ult_tabitemname {

    padding: 37.5px 0 !important;
	 color: #231F20 !important;

}

#absolute-tabs .twentytwenty-wrapper {
    border-top: 5px solid #0A6982;
    border-bottom: 5px solid #0A6982;
}

.testimonial-image {     border-top: 5px solid #0A6982;
    border-bottom: 5px solid #0A6982;}
	
#testimonials-row {padding: 45px 0 65px 0;}

#testimonials-row h3 { font-size: 30px; position: relative; display: table; margin: 0 auto 50px auto; padding: 0 50px;}
#testimonials-row h3:before { content: ''; position: absolute; top: 0; bottom: 0; left:0; width: 10px; background: #A3C141; }
#testimonials-row h3:after { content: ''; position: absolute; top: 0; bottom: 0; right:0; width: 10px; background: #A3C141; }

#testimonials-row .ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager a:hover,  #testimonials-row .ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #a3c141;
}

#testimonials-row .ttshowcase_slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;

}
#testimonials-row .ttshowcase_slider .bx-wrapper .bx-pager {
    position: relative;
    margin-top: -65px;
    z-index: 65;
    margin-bottom: 50px;
}

#testimonials-row .tt_theme_quotes .ttshowcase_rl_quote {
    padding: 10px 10px 10px 20px;
    font-style: normal;
    font-size: 21px;
    font-weight: bold;
}

#testimonials-row .ttshowcase_rl_title {
    font-weight: bold;
    color: #a3c141;
    font-size: 21px;
}

#testimonials-row .ttshowcase_rl_subtitle  {
    opacity: 1;
    font-size: 28px;
	font-family: 'Oswald', sans-serif;
}

#testimonials-row  .ttshowcase_rating .fa-star, #testimonials-row  .ttshowcase_rating .fa-star-half-o {
    color: #a3c141;
    font-size: 30px;
    margin: 5px;
}

#testimonials-row .tt_quote_transparency {
    opacity: 1;
    color: #a3c141;
}

#services-intro h2, #services-promo h2 {
    color: #0A6982;
    font-size: 36px;
    position: relative;
    line-height: 1.2;
    padding-left: 25px;
}

#services-intro h2:before, #services-promo h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #A3C141;
    display: block;
}

.service-text .vc_column-inner {
	border-top: 5px solid #0A6982;
    border-bottom: 5px solid #0A6982;
	padding-top: 0;
    margin-top: 50px;
	}
.service-text a { font-weight: bold; font-family: 'Oswald', sans-serif; }

.storm-master { margin-top: 25px;}	
.last-row .vc_col-sm-4:first-child { margin-left: 16.666666%;}
#services-intro .aligncenter {    margin: 0 auto 50px auto;}

#services-promo { margin-top: 40px;}

#services-tabs { margin: 50px 0;}

#services-tabs h3 { font-size: 24px; color: #0A6982;}

#services-tabs   .vc_tta-color-white.vc_tta-style-classic.vc_tta-tabs .vc_tta-panels {
    background-color: #ffffff !important;
	 border-color: #231F20;
	 border-left: 0;
}

#services-tabs .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab.vc_active>a {
   
    background-color: #ffffff;
	border-color: #231F20;
    border-right: 0;
	border-left: 5px solid #A3C141;

}

#services-tabs .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a { font-size: 24px; color: #231F20; font-family: 'Oswald', sans-serif;  border-color: #231F20; }

#services-tabs .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:focus { background: #fff;}

#services-tabs .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a:hover {
    background-color: #e3ecc6;
}

#services-tabs .vc_tta-tabs-container { width: 28%;}

#recent-projects { 
padding-top: 50px;
padding-bottom: 100px;

}

#recent-projects .ult-ib-effect-style15 .ult-new-ib-title  { font-size: 30px; font-family: 'Oswald', sans-serif; background: rgba(10,105,130,0.8); right: auto; left: 0;}

#recent-projects  .ult-new-ib .ult-new-ib-desc {
    border-top: 5px solid #0A6982;
    border-bottom: 5px solid #0A6982;
}

#recent-projects  h2.row-title {
    color: #fff;
    font-size: 36px;
    position: relative;
    line-height: 1.2;
    padding-left: 25px;
	margin-bottom: 50px;
}

#recent-projects  h2.row-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #A3C141;
    display: block;
}
#bottom-reviews { padding: 25px 0;
    border-top: 5px solid #0A6982; }
#bottom-reviews h4 { font-size: 24px; color: #0A6982;}

#bottom-reviews h4 i { float: left; color: #F43939;}
#bottom-reviews .angies h4 i { float: left; color: #29A036;}

.last-row { padding: 25px 0;}

.last-row h3 { color: #0A6982; font-size: 36px;}

/* Footer */

#g-footer {background: #022F41; color: #fff; font-size: 30px; position: relative;}

#g-footer h2 { font-size: 36px; margin-bottom: 50px;}
#g-footer  .services-list { list-style: none;}

.footer-box {     display: inline-block; margin-left: 63px; margin-bottom: 25px;}
.footer-box h4 { text-transform: uppercase; text-align: left; color: #231F20; font-size: 21px;
    margin: 0;
    padding: 0;
	line-height: 1;
	position: relative;
}
.footer-box h4:before { content: ''; display: block; position: absolute; left: -50px; }

.footer-box h4.call:before {  width: 40px; height: 41px; background: url('images/phone.png'); background-size: cover; }
.footer-box h4.email:before {  width: 41px; height: 36px; background: url('images/email.png'); background-size: cover; }
.footer-box h4.review:before {  width: 41px; height: 41px; background: url('images/review.png'); background-size: cover; }
.footer-box a { color: #231F20; font-size: 21px; }
.footer-box a:hover {
    color: #A3C141 ;
}

#g-footer  h3.footer-title {
    color: #0A6982;
    font-size: 36px;
    position: relative;
    line-height: 1.2;
    padding-left: 25px;
	margin-bottom: 50px;
}

#g-footer  h3.footer-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #A3C141;
    display: block;
}

.footer-logo svg { max-width: 300px;}

#footer-quote { display: table; width: 1100px; background: #022F41; border: 2px solid #0A6982; margin: 0 auto; color: #fff;}
.fq-cell { display: table-cell; padding: 0 12.5px;     vertical-align: middle;
    text-align: center;}

#footer-quote h3 { white-space: nowrap; font-size: 36px;}
#footer-quote .button { white-space: nowrap; }

.fq-wrapper {
position: absolute;
    width: 100%;
    top: -47px;
    left: 0;	
	
}

.footer-form { padding: 50px 0 !important; 
border-top: 2px solid #0A6982; 
border-bottom: 2px solid #0A6982; 

}


#g-footer form { color: #231f20; font-size: 21px;}

/* Copyright */

#g-copyright { background: #0A6982; font-size: 18px; color: #fff; padding: 10px 0;}

#g-copyright a { color: #022F41;}

/* Downtown */

#g-navigation { display: none; }
#g-navigation.downtown { display: block; position: fixed; width: 100%; top: 0; left: 0; 
background-image: url(images/header_bg.png);
    background-blend-mode: multiply;
    border-bottom: 2px solid #0A6982;
    z-index: 30;
	color: #231F20;

}

.downtown .custom-html-widget { text-align: right; margin-top: 12.5px;}

.downtown .g-logo.g-logo-helium svg {
    max-height: 75px;   
    top:0px;
	margin: 10px 0;
}

.downtown .roofing-estimate { text-align: center;}

.uptown i {
position: fixed;
    right: 10px;
    bottom: 40px;
    background: #a3c141 !important;
    padding: 5px 0px;
    width: 41px;
    border-radius: 4px;
    z-index: 1000;
}
/* Fixes */



.no-scroll { overflow-y: hidden !important;}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: 0 !important;
}

.no-padding, .no-padding .vc_column-inner  { padding: 0 !important; margin: 0 !important;}

.button { cursor: pointer;}

/* #wpadminbar { display: none !important;} */

/* Form */

div.wpcf7 { display: inline-block;
    width: 40%;
    margin-right: 25px; }
	
.wpcf7  input[type="text"], .wpcf7 input[type="email"]	{ border-radius: 10px; border: 1px solid #0A6982;}

.roofing-estimate { background: #fff; position: fixed; width: 100%; height: 100%; top: 0; left:0; bottom: 0; right: 0;  z-index: 10000;}

.roofing-estimate h3 { font-size: 36px;}

.form-step { display: none;}

#progress-bar { margin-top: 100px;}

.wpcf7-radio .wpcf7-list-item-label  { 
    display: block; 
	display: block;
    border: 1px solid #ccc;
  
    position: absolute;
    bottom: 10px;
    padding: 0 25px;
	left: 50%;
    transform: translateX(-50%);
	}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0;
}
	
.wpcf7-radio input[type="radio"] {

    opacity: 0;
}

.wpcf7-radio  label {
    width: 170px;
    height: 220px;
    display: block;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 10px;
	cursor: pointer;
	position: relative;
}
.wpcf7-radio  label:hover { border: 1px solid  #0A6982; box-shadow: 0 0 1px 1px #4ab2ce;
}

#sqft { width: 500px; max-width: 95%; margin: 0 auto;}

.button.step1 { margin-top: 25px;}

.half-row { width: 50%;
    display: inline-block;
    padding: 25px 10px;
    float: left; }

.full-row {     padding: 15px 10px; }

.last-form {     width: 850px;
    max-width: 95%;
    margin: 0 auto;}
	
#quote-submit { margin-top: 35px;}

#progress-bar progress {
    width: 1295px;
    max-width: 85%;
    margin-bottom: 50px;	
	
}

#controls {
    min-height: 55px;
    padding-bottom: .7rem;
    box-shadow: 0 0.05rem 0.3rem rgba(0,0,0,.1);
}

.back-button { float: left; position: relative; top: 15px; left: 25px;}
.close-button { float: right; position: relative; top: 15px; right: 25px;}


 
#steep .wpcf7-list-item:nth-child(1) label { background: url('images/flat.jpg') top center no-repeat; background-size: contain;} 
#steep  .wpcf7-list-item:nth-child(2) label { background: url('images/mellow.jpg') top center no-repeat; background-size: contain;} 
#steep  .wpcf7-list-item:nth-child(3) label { background: url('images/steep.jpg') top center no-repeat; background-size: contain;} 
#steep  .wpcf7-list-item:nth-child(4) label { background: url('images/other.jpg') top center no-repeat; background-size: contain;} 

#on-roof .wpcf7-list-item:nth-child(1) label { background: url('images/asphalt.jpg') top center no-repeat; background-size: contain;} 
#on-roof  .wpcf7-list-item:nth-child(2) label { background: url('images/metal.jpg') top center no-repeat; background-size: contain;} 
#on-roof  .wpcf7-list-item:nth-child(3) label { background: url('images/tile.jpg') top center no-repeat; background-size: contain;} 
#on-roof  .wpcf7-list-item:nth-child(4) label { background: url('images/other-2.png') top center no-repeat; background-size: contain;} 


.flatroof #on-roof .wpcf7-list-item:nth-child(1) label { background: url('images/tpo.jpg') top center no-repeat; background-size: contain;} 
.flatroof #on-roof  .wpcf7-list-item:nth-child(2) label { background: url('images/mod-bit.jpg') top center no-repeat; background-size: contain;} 
.flatroof #on-roof  .wpcf7-list-item:nth-child(3) label { background: url('images/foam-coating.jpg') top center no-repeat; background-size: contain;} 
.flatroof #on-roof  .wpcf7-list-item:nth-child(4) label { background: url('images/other-2.png') top center no-repeat; background-size: contain;} 

#comres .wpcf7-list-item:nth-child(1) label { background: url('images/steep.jpg') top center no-repeat; background-size: contain;} 
#comres  .wpcf7-list-item:nth-child(2) label { background: url('images/flat.jpg') top center no-repeat; background-size: contain;}

#urgent .wpcf7-list-item:nth-child(1) label { background: url('images/happy.png') top center no-repeat; background-size: contain;} 
#urgent  .wpcf7-list-item:nth-child(2) label { background: url('images/surprised.png') top center no-repeat; background-size: contain;} 
#urgent  .wpcf7-list-item:nth-child(3) label { background: url('images/sad.png') top center no-repeat; background-size: contain;}

#insurance .wpcf7-list-item:nth-child(1) label { background: url('images/yes.png') top center no-repeat; background-size: contain;} 
#insurance  .wpcf7-list-item:nth-child(2) label { background: url('images/no.png') top center no-repeat; background-size: contain;} 
#insurance  .wpcf7-list-item:nth-child(3) label { background: url('images/maybe.png') top center no-repeat; background-size: contain;}

progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

.step-counter {
    position: absolute;
    top: 150px;
    right: 100px;
}

/* Responsive Fix */

@media only screen and (max-width: 1650px) {
.step-counter {

    right: 40px;
}

}


 
@media  (max-width: 1350px) {
	
.step-counter {

    right: 10px;
}
#g-navigation .g-main-nav .g-toplevel > li {
    margin: 0 5px;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 22px;
}

#fast-quote-form {
   width: 1100px;
}

#fast-quote-form input, #fast-quote-form select {
    width: 188px;
}




 }
 
 @media  (max-width: 1200px) {
.top-box a {
    font-size: 18px;
}

.top-box h4 {
    font-size: 18px;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-content {
    font-size: 19px;
}

#g-quote .g-container { width: 100%; max-width: 100%;}

#recent-projects .ult-ib-effect-style15 .ult-new-ib-title {
    font-size: 26px;
}

#services-tabs .vc_tta-color-white.vc_tta-style-classic .vc_tta-tab>a {
    font-size: 21px;
}
#footer-quote {

    width:96%;
}
 }
 
@media (max-width: 1100px) {
.g-logo.g-logo-helium svg {
    max-height: 85px;
    left: 0;
}

#fast-quote-form {
    width: 996px;
}

#fast-quote-form input, #fast-quote-form select {
    width: 174px;
    padding: 0.375rem 7px;
    margin: 5px;
}
#footer-quote {

    width:100%;
}
}

@media (max-width: 1015px) {
#g-navigation .g-main-nav {
    top: 10px;
    position: relative;
}

.top-box a {
    font-size: 16px;
}
#fast-quote-form {
    width: 941px;
}

#fast-quote-form input, #fast-quote-form select {
    width: 160px;
}
}

@media (max-width: 959px) {
	
.slide-text h1 {
    line-height: 1.2;
    margin: 0 0 25px 0;
}

.g-logo {
    margin: 0;
    padding-left: 0;
}

.g-logo.g-logo-helium svg {
    left: auto;
	 top: 0;
}

.top-box {
    display: table;
    margin: 10px auto;
}

.top-box h4 {
    font-size: 18px;
    display: inline-block;
    padding-right: 5px;
}

.top-box h4:before {
    width: 20px !important;
    height: 20px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
	left: -30px;
}

#g-quote {
    display: none;
}



#g-mobilemenu-container ul {
    padding: 25px;
}

#services-tabs img { max-width: 50%;}

.fq-wrapper {
    position: relative;
}

#absolute-tabs .ult_tabmenu.style1 li.ult_tab_li {
    margin-right: 25px !important;
	line-height: 2;
}

#absolute-tabs li.ult_tab_li>a.ult_a span.ult-span-text {
    font-size: 32px !important;
}

.slide-text h2 {
    color: #231F20;
    font-size: 25px;
    line-height: 0.75;
    font-family: 'Lato', sans-serif;
	margin: 10px 0;
}

#slide-content {
    padding: 255px 0 90px 0;
}

.top-container {
    margin-top: 10px;
}

#absolute-tabs h4 {
    font-size: 30px;

}

.vc_row.vc_column-gap-25>.vc_column_container {
    padding: 0 !important;
}

#absolute-tabs {
    margin-top: -87px;
}

.slide-text h1 {
    font-size: 30px;
}

div.wpcf7 {
    width: 85%;
	margin-right: 0;

}

.slide-text h2 {
    line-height: 1;
}

.vc_row.vc_column-gap-35>.vc_column_container {
    padding: 0  !important;
}

.vc_row.vc_column-gap-35 {
    margin-left: -15px;
    margin-right: -15px;
}

.roofing-estimate {
    overflow: scroll;
	font-size: 18px;
}

.downtown .g-logo {
	display: none;
}

.downtown .button.get-started {
    width: auto;
	float: right;
	position: relative;
    top: 17px;
}
.downtown  div.wpcf7 {
    width: 60%;
    float: left;

}
}


@media (max-width: 767px) {
.downtown .button.get-started {
	    padding: 10px 10px;
}
.step-counter {

    top: 100px;

}
#progress-bar progress {
    max-width: 80%;

}
.uptown i {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background: #a3c141 !important;
    padding: 5px 0px;
    width: 41px;
    border-radius: 4px;
    z-index: 1000;
}

#quote-submit {
    margin-top: 0px;
}
.wpcf7-radio label {
    width: 150px;
    height: 175px;
}
.roofing-estimate h3 {
    font-size: 26px;
}

.wpcf7-radio .wpcf7-list-item-label {

    background: #fff;
}

div.wpcf7 {
    width: 95%;
	margin-right: 0;

}

#progress-bar {
    margin-top: 50px;
}

#progress-bar progress {
    margin-bottom: 25px;
}
.button.get-started { width: 95%;}
	
.button {
    font-size: 18px;

}
#testimonials-row .title-block {
    padding: 0 0;
    background: rgba(255,255,255,0.8);
    margin-bottom: 25px !important;
}

#testimonials-row .review-block {
    padding: 25px;
    background: rgba(255,255,255,0.8);
    margin-top: 25px;
}
#g-footer .services-list {
    column-count: 1 !important;
    font-size: 25px;
    text-align: center;
}

#absolute-tabs {
    padding: 0 10px;
}
}

@media (max-width: 560px) {
	#progress-bar progress {
  max-width: 60%;

}

.downtown .button.get-started {
    padding: 10px 10px;
    font-size: 14px;
    top: 19px;
}
} 

@media     (max-width: 362px) {
.downtown div.wpcf7 {
    width: 55%;
}

}

@media (max-width: 321px) {

.downtown .button.get-started {
    padding: 5px 5px;
    font-size: 14px;
    top: 25px;
}


}