/* Custom CSS */

body{

	font-family: 'Lato', sans-serif;

	color: #222222;

    font-size: 18px;

    line-height: 1.6em;

    font-weight: 400;

}



.container {

    max-width: 1170px;

}



a{

	text-decoration: none !important;

	transition: all 0.3s ease;

	color: #ea8c00;

}



a:hover{

    color: #ea8c00;

}



.orange{

    color: #ea8c00;

}



/* Top Header */

.top-header {

    background-color: rgb(213, 127, 0);

    text-align: center;

    padding: 10px 0;

}

.top-header .notice {

    font-weight: 700;

    color: #fff;

    font-size: 16px;

}

.top-header  img {

    max-width: 35px;

    display: inline-block;

    margin-right: 10px;

}



/* Header */

#main-header {

    padding: 20px 0;

}

#main-header.sticky_header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    background-color: #fff;

    z-index: 999;

    -webkit-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3);

    -moz-box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3);

    box-shadow: 0 2px 5px 2px rgba(0,0,0,0.3);

}

#main-header .nav-wrapper ul {

    margin: 0;

    list-style-type: none;

    padding: 0;

    font-size: 0;

    text-align: center;

    line-height: 1.2em;

}

#main-header .navbar-nav li {

    display: inline-block;

}

#main-header .navbar-nav li a {

    font-size: 18px;

    color: #000;

    font-weight: 700;

    line-height: 1em;

    display: block;

    padding: 0;

    transition: all 0.3s ease;

}

#main-header .navbar-nav > li > a:hover{

    color: #ea8c00;

}

#main-header .navbar-nav li a:after {

    top: 2px;

    position: relative;

}

#main-header .navbar-nav li:not(:last-child) {

    padding-right: 30px;

}

#main-header .navbar-nav .dropdown-menu {

    padding: 15px;

    margin: 0;

}

#main-header .navbar-nav .dropdown-menu > .dropdown-item {

    display: block;

    padding: 10px 5px !important;

    border-radius: .25rem;

}

#main-header .navbar-nav .dropdown-menu > .dropdown-item:hover {

    background-color: #f8f9fa !important;

}

.cta-header p {

    margin: 0;

}

.cta-header p:first-child {

    font-size: 15px;

    font-weight: 700;

}

.cta-header a {

    font-size: 30px;

    display: block;

}

.cta-header {

    text-align: center;

}

.cta-header p:last-child {

    font-size: 14px;

    color: #2d2d2d;

}



/* Section 1 */

.section-1 {

    padding: 60px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

    background-attachment: fixed;

}

.section-1 h1 {

    font-size: 42px;

    color: #fff;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 20px;

}

.section-1 h1 + p {

    color: #fff;

    line-height: 1.5em;

    margin-bottom: 15px;

}

.checklist {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

.checklist li {

    display: block;

    position: relative;

    color: #fff;

    font-weight: 700;

    line-height: 1.4em;

    margin-bottom: 6px;

    padding-bottom: 6px;

    padding-left: 2em;

}

.checklist li .fa {

    position: absolute;

    left: 0;

    top: 2px;

    color: #ea8c00;

}

.form-wrap {

    background-color: rgb(255, 255, 255);

    padding: 20px;

    text-align: center;

    border-radius: 10px;

    max-width: 430px;

    margin: 0 auto;

}

.form-wrap h2 {

    color: #2d2d2d;

    font-size: 26px;

    font-weight: 700;

    margin-bottom: 5px;

}

.form-wrap p {

    color: rgb(45, 45, 45);

    font-size: 13px;

    margin-bottom: 5px;

}

.form-wrap .input-wrap input, 

.form-wrap .input-wrap textarea {

    border-radius: 5px !important;

    background-position: 96%;

    background-repeat: no-repeat;

    background-color: #fff;

    border: 1px solid rgba(0,0,0,0.2);

    width: 100%;

    display: block;

    font-size: 14px;

    padding: 10px 15px;

    box-shadow: inset 0 1px 2px rgba(130,137,150,0.23),0 1px 0 rgba(255,255,255,0.95) !important;

    margin-bottom: 10px;

    background-size: 4%;

}

.name input {

    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAAAWlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACLSV5RAAAAHnRSTlMAzHzHs68RdwuDWlFMQjgiZEYawr65q25WKgWMiDCL7h0eAAAAmklEQVQoz42Q2w6DIAxAQe4KKOi8bfv/3xzCKEnNkp2ntieUtgSQ4fkKktzwnCbEG9dlqmejkbD0i0NiqqL/JXYk+iqGf4WrwuNxHzAuYitiIpiYn3B5E1pdYsOdDsXZJRhXB2mMhlGAmbGW1VwGck7kYFZZDQsthHbKJa3paWXVcqVtz641j7F91REDsThPDokhtqvs6ZSQ2A93mgUvLJtomQAAAABJRU5ErkJggg==");

}

.email input {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAMAAAA7+k+nAAAAclBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACa4vOeAAAAJnRSTlPMgrLBII8jxry5YU5SRUIypnsPk39sNxkWBAO0hWg7w5+eiYduVD1JPSoAAACvSURBVBjTZY8HDoQgEEW/NBsIa+/b73/FpcTo6oQM8F4yBWMb4xJxO0B1Mj3z9NtLpLwryD8nRcdtxkNoEx/KGC2eTtujxJtunL5EqOBSItktCTy5MRme3t4z1qS+bcMyil0An2GtgGodGuAoTKGVnmet2sIcRSVyYqvbTlPO+C44y+1FOaf2vxkSuN/AbzPJYAii0g2yB83KyA0Y+MnUgOoXy09m6XOMoo4uUYvxBzoIB7QH+dzIAAAAAElFTkSuQmCC);

}

.phone input {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAh1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD3YishAAAALXRSTlMAzDV+BcawqkylmI4tnJNlWlY8KCQMCcJhR0MeEaCIbxa2moF1NxoPwL1qUmn+cqUoAAABFElEQVQoz3WPjXKCMBCEs0oSEFAQkP8fQam2ff/n697AtGVGd47A3Bf2btWqS5Gol6rgvwYujr/fzhuQ+f16QfQPNAZnaffWUE883WWLTAXaXsQDxlrrGeha+j6X2MOV4+QsztgJCFGpVB8ErAFigmygT6hUmA8EwQIigok3R1p+4r4BbKTqRK8SX1urHUpuE6k7TpvhBC5vC/gmgPG47hUEBRI+JWFMEBp4LEvQeY46yhxm3+vGRX1mEQwpMxAe9Mw/6GKNlAR0fI6pdSsB9yG6I2tJ3oaO6hER6DlGUrEIqGZQaX5tCPDQeOTItQDRR8t4AqIJxY31Bzp53RBwuZhFsJJMziDHKtuojYJpPFBjP2/aP125EJWGdxl2AAAAAElFTkSuQmCC);

}

.location input {

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAVCAMAAABrN94UAAAAXVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC5BxTwAAAAH3RSTlPMAKvGBbRAMhvEuiAUA5RiUCoXwK2ZhXZrWSwQDY46tHfcXQAAAJRJREFUKM+t0MsSgyAMheETUbSKCq13bd//MRuYsQilu/4rJt8iQ0C+piGS49jdibuAKQpDK4AmhLIG6k0DIoTXA2B5xiB57opACyRhFbhA9YEeQf0JC6IWB+2Mr+aWcExINB1QUspwh9A8UiBuC+Dmb1XCVnPCQhXCoPZdZQnIcqL2F+T/geEE4cEUXGeXd/zI3D/ehPMGJMcy9QYAAAAASUVORK5CYII=);

}

.form-wrap .button-wrap button {

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 18px;

    width: 100%;

    display: block;

    border-radius: 5px;

    border: none;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    border-left: none !important;

    border-right: none !important;

    padding: 10px 5px;

    cursor: pointer;

    font-weight: 700;

    transition: all 0.3s ease;

}

.form-wrap .button-wrap button:hover,

.blurb-item .blurb-content a:hover,

.section-5 a:hover:not(.btn-call),

.section-9 a:hover:not(.btn-call),

.cta-row .btn-feedback:hover,

.faq-sec-1 .btn-contact:hover,

.thank-sec-1 .btn-contact:hover,

.error-sec-1 .button-wrap .btn-default:hover,

.roof-restoration .section-4 .row-2 .btn-inspection:hover{

    background-color: #c17400;

}

.form-wrap .button-wrap button span.fa {

    display: inline-block;

    margin-left: 10px;

}

.not-btn{

    color: inherit;

}

.not-btn:hover {

    background-color: transparent !important;

}



/* Awards Slider */

.awards-slider-wrap {

    display: block;

    width: 100%;

}

.awards-slider-wrap .awards-slider {

    float: none;

    width: 100%;

    display: block;

    max-width: 100%;

}

.awards-slider-wrap .slick-arrow {

    color: #949f99;

    font-size: 30px;

    position: absolute;

    top: 30%;

    z-index: 999;

}

.awards-slider-wrap .slick-arrow.fa-chevron-circle-left {

    left: 10px;

}

.awards-slider-wrap .slick-arrow.fa-chevron-circle-right {

    right: 10px;

}



/* Section 2 */

.section-2 {

    padding: 35px 0 30px;

    background-color: rgb(247, 247, 247);

    border-bottom: solid 1px rgb(216, 216, 216);

}

.section-2 .img-fluid {

    max-width: 180px;

    margin: 0 auto;

    display: block;

}

.section-2 h2 {

    font-weight: 700;

    font-size: 16px;

    color: rgb(147, 158, 153);

}



/* Section 3 */

.section-3 {

    padding: 35px 0 40px;

}

.section-3 .row-1 {

    text-align: center;

}

.section-3 .row-1 h2 {

    color: #2d2d2d;

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 20px;

}

.section-3 .row-1 .sep {

    padding: 10px 0;

    width: 50%;

    margin: 0 auto;

    border-top: solid 3px #eb8d00;

}

.section-3 .row-1  p {

    font-size: 18px;

    color: #222;

    line-height: 1.5em;

}

.blurb-item {

    padding: 25px;

    border: solid 1px rgb(216, 216, 216);

    background-color: rgb(255, 255, 255);

    height: 100%;

    border-radius: 10px;

    text-align: center;

}

.section-3 .row-2 > div {

    margin: 20px 0;

}

.blurb-item .icon-wrap {

    margin-bottom: 15px;

    display: block;

}

.blurb-item .icon-wrap span {

    color: rgb(234, 140, 0);

    text-align: center;

    font-size: 72px;

}

.blurb-item h3 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 20px;

    margin-bottom: 15px;

}

.blurb-item .blurb-content a {

    display: inline-block;

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 18px;

    padding: 10px 15px;

    border-radius: 5px;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    font-weight: 700;

    transition: all 0.3s ease;

}

.blurb-item .blurb-content p {

    font-size: 16px;

}

.blurb-item .blurb-content a span {

    display: inline-block;

    margin-left: 10px;

}



/* Section 4 */

.section-4 {

    background-color: rgb(247, 247, 247);

    border-top: solid 1px rgb(216, 216, 216);

    padding: 55px 0 60px;

}

.section-4 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

h3.fr {
    font-size: 28px !important;
}

.roof-guttering .section-4 h3 {
    
    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;
}

.section-4 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.section-4 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.section-4 .checklist li strong {

    display: block;

}



/* Section 5 */

.section-5 {

    padding: 35px 0 40px;

    background-image: url(../../images/TGR-Banner-3.jpg);

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.section-5 h2 {

    color: rgb(255, 255, 255);

    font-size: 40px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 15px;

}

.section-5 p {

    color: rgb(255, 255, 255);

    font-size: 16px;

}

.section-5 h3, .section-5 h4 {

    color: rgb(255, 255, 255);

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 0;

}

.section-5 .row .row {

    padding: 25px 0 20px;

}

.section-5 a:not(.not-btn) {

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 20px;

    width: 100%;

    display: inline-block;

    border-radius: 5px;

    border: none;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    border-left: none !important;

    border-right: none !important;

    padding: 15px;

    cursor: pointer;

    font-weight: 700;

    transition: all 0.3s ease;

    max-width: 310px;

    text-align: center;

}

.section-5 a span {

    display: inline-block;

    margin-left: 10px;

}

.section-5 a.btn-call {

    background-color: rgb(0, 157, 114);

}

.section-5 a.btn-call:hover {

    background-color: #007454;

}

.section-5 h5 {

    margin-top: 15px;

}

.section-5 .row .row > div {

    padding: 0 25px;

}



/* Section 6 */

.section-6 {

    padding: 35px 0 40px;

    background-color: rgb(247, 247, 247);

}

.section-6 .row-1 {

    text-align: center;

}

.section-6 .row-1 > div {

    max-width: 70%;

    margin: 0 auto;

}

.section-6 .row-1 h2 {

    color: #2d2d2d;

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 20px;

}

.section-6 .row-1 .sep {

    padding: 10px 0;

    width: 50%;

    margin: 0 auto;

    border-top: solid 3px #eb8d00;

}

.section-6 .row-1  p {

    font-size: 18px;

    color: #222;

    line-height: 1.5em;

}

.section-6 .blurb-item {

    background-color: transparent;

}

.section-6 .row-2 > div {

    margin: 20px 0;

}



/* Section 7 */

.section-7 {

    padding: 55px 0 40px;

}

.section-7 .row-1 > div {

    max-width: 80%;

    margin: 0 auto;

}

.section-7 .row-1 h2 {

    color: #2d2d2d;

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 20px;

}

.section-7 .row-1 .sep {

    padding: 10px 0;

    width: 40%;

    margin: 0 auto;

    border-top: solid 3px #eb8d00;

}

.section-7 .row-2 {

    padding: 40px 0;

}

.testimonial-item {

    padding: 0 10px;

}

.testimonial-item .img-wrap {

    max-width: 120px;

    height: 120px;

    width: 100%;

    display: block;

    margin: 0 auto 30px;

    border-radius: 100%;

    overflow: hidden;

}

.testimonial-item .testimonial-content h3 {

    font-size: 22px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 10px;

}

.testimonial-item .testimonial-content img {

    margin-bottom: 10px;

}

.testimonial-item .testimonial-content p {

    color: rgb(45, 45, 45);

    font-size: 16px;

    line-height: 1.5em;

    margin-bottom: 10px;

}

.testimonial-item .testimonial-content .testimonial-info h4 {

    color: rgb(45, 45, 45);

    font-size: 16px;

    font-weight: 700;

    line-height: 1.5em;

    margin-bottom: 0;

}



/* Section 8 */

.section-8 {

    padding: 35px 0 40px;

    background-color: rgb(247, 247, 247);

    border-top: solid 1px rgb(216, 216, 216);

    border-bottom: solid 1px rgb(216, 216, 216);

}

.section-8 .row-1 {

    text-align: center;

}

.section-8 .row-1 > div {

    max-width: 80%;

    margin: 0 auto;

}

.section-8 .row-1 h2 {

    color: #2d2d2d;

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 20px;

}

.section-8 .row-1 .sep {

    padding: 10px 0;

    width: 40%;

    margin: 0 auto;

    border-top: solid 3px #eb8d00;

}

.section-8 .blurb-item {

    background-color: transparent;

    border: none;

    padding: 0 10px;

}

.section-8 .row-2 {

    padding: 35px 0 20px;

}



/* Section 9 */

.section-9 {

    padding: 45px 0 30px;

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.section-9 .row-1 > div {

    max-width: 80%;

    margin: 0 auto;

}

.section-9 .sep {

    width: 40%;

    border: solid 1.5px #eb8d00;

    margin: 30px auto;

}

.section-9 h2 {

    color: rgb(45,45,45);

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 15px;

}

.section-9 p {

    color: rgb(45,45,45);

    font-size: 16px;

    margin-bottom: 0;

}

.section-9 h4, 

.section-9 h3 {

    color: rgb(45,45,45);

    font-size: 16px;

    font-weight: 700;

    margin-bottom: 0;

}

.section-9 .row .row:not(.row-1) {

    padding: 25px 0 20px;

}

.section-9 a:not(.not-btn) {

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 20px;

    width: 100%;

    display: inline-block;

    border-radius: 5px;

    border: none;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    border-left: none !important;

    border-right: none !important;

    padding: 15px;

    cursor: pointer;

    font-weight: 700;

    transition: all 0.3s ease;

    max-width: 310px;

    text-align: center;

}

.section-9 a span {

    display: inline-block;

    margin-left: 10px;

}

.section-9 a.btn-call {

    background-color: rgb(0, 157, 114);

}

.section-9 a.btn-call:hover {

    background-color: #007454;

}

.section-9 h5 {

    margin-top: 15px;

}

.section-9 .row .row > div {

    padding: 0 25px;

}



/* Popup */

#CTApopup .modal-dialog {

    max-width: 720px;

    border: solid 5px rgb(234, 140, 0);

    padding: 10px;

    border-radius: 10px;

    background-color: #fff;

    margin-top: 100px;

}

#CTApopup .modal-dialog .modal-content {

    border-radius: 0;

    border: none;

}

#CTApopup .modal-dialog .modal-content .close {

    opacity: 1;

    position: absolute;

    top: -30px;

    right: -30px;

}

#CTApopup .modal-dialog .col-md-6 {

    padding: 20px 45px;

}

#CTApopup .modal-dialog .modal-content h3 {

    font-size: 24px;

    color: rgb(45, 45, 45);

    line-height: 1.3em;

    text-align: center;

    margin-bottom: 10px;

}

#CTApopup .modal-dialog .modal-content .sep {

    padding: 0;

    width: 25%;

    margin: 15px auto;

    border-top: solid 3px rgb(230, 230, 230);

}

#CTApopup .modal-dialog .modal-content p {

    font-size: 14px;

    color: rgb(45, 45, 45);

    line-height: 1.4em;

}

#CTApopup .modal-dialog .modal-content a {

    font-size: 32px;

    color: rgb(214, 128, 0);

    font-weight: 700;

    margin-bottom: 20px;

    display: inline-block;

}

.popup-form{

    margin-top: 30px;

}

.popup-form .input-wrap input {

    border-radius: 5px !important;

    background-position: 97%;

    background-repeat: no-repeat;

    background-color: #fff;

    border: 1px solid rgba(0,0,0,0.2);

    width: 100%;

    display: block;

    font-size: 14px;

    padding: 12px 18px;

    box-shadow: inset 0 1px 2px rgba(130,137,150,0.23),0 1px 0 rgba(255,255,255,0.95) !important;

    margin-bottom: 10px;

    line-height: 1em;

}

.popup-form .button-wrap button {

    color: rgb(255, 255, 255);

    background-color: rgb(214, 128, 0);

    font-size: 20px;

    width: 100%;

    display: block;

    border-radius: 5px;

    border: 1px solid rgba(0,0,0,0.2);

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);

    padding: 10px 25px;

    cursor: pointer;

    font-weight: 600;

    transition: all 0.3s ease;

}

.popup-form .button-wrap button:hover{

    box-shadow: inset 0 2px 2px 0 rgba(255,255,255,0.22), 0 233px 233px 0 rgba(255,255,255,0.12) inset;

}

.popup-form .button-wrap button span.fa {

    display: inline-block;

    margin-left: 10px;

}

.input-wrap label {

    position: absolute;

    opacity: 0;

    z-index: -6;

}



/* Internal Page */

.internal-page #main-banner {

    padding: 120px 0;

}

/*.internal-page #main-banner h1 {

    margin-bottom: 0;

}*/

.about h1, 

.faq h1,

.gallery h1,

.contact h1,

.reviews h1{

    margin-bottom: 0;

}

.about .section-6 {

    background-color: transparent;

}

.about .section-6 .row-0 {

    padding-bottom: 40px;

}

.about .section-6 .row-0 > div .sep {

    padding: 10px 0;

    width: 50%;

    margin: 0 auto;

    border-top: solid 3px #eb8d00;

}

.about .section-6 .row-0 h2 {

    color: #2d2d2d;

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 30px;

}

.about .section-7 {

    padding-top: 0;

}



/* Contact Page */

.contact-form-wrap .button-wrap button {

    border-radius: 15px;

    margin-top: 15px;

}

.contact-sec-2 {

    padding: 35px 0 10px;

}

.contact-sec-2 .row-1 > div .sep {

    padding: 10px 0;

    width: 50%;

    margin: 0 auto;

    border-top: solid 3px #eb8d00;

}

.contact-sec-2 .row-1 h2 {

    color: #2d2d2d;

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 30px;

}

.contact-sec-2 .row-1 {

    padding-bottom: 20px;

}

.contact-sec-2 ul {

    list-style-type: none;

    padding: 0;

    margin: 40px 0 0;

}

.contact-sec-2 ul li {

    font-size: 18px;

    padding-bottom: 6px;

    margin-bottom: 6px;

}

.contact-sec-2 ul li span {

    margin-right: 10px;

    color: rgb(234, 140, 0);

}



/* Reviews */

.section-7.review-sec-2 p {

    font-size: 16px;

}

.review-sec-2 .testimonial-item {

    margin: 40px 0;

}

.cta-row {

    padding: 30px 15px;

    outline: none;

    border: solid 1px rgb(225, 225, 225);

    background-color: rgb(247, 247, 247);

    border-radius: 15px;

    margin: 0;

}

.cta-row p {

    font-size: 16px;

    line-height: 1.5em;

    color: rgb(45, 45, 45);

}

.cta-row .btn-feedback {

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 20px;

    padding: 15px;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    border-radius: 5px;

    display: inline-block;

    font-weight: bold;

}

.cta-row .btn-feedback span {

    display: inline-block;

    margin-left: 10px;

}



/* FAQ */

.faq-sec-1 {

    padding-top: 60px;

    padding-bottom: 40px;

}

.faq-item:not(:first-child) {

    margin-top: 30px;

}

.faq-item {

    border: none;

    border-radius: 10px;

    overflow: hidden;

}

.faq-item .card-header {

    font-size: 20px;

    background-color: rgb(234, 140, 0);

    color: rgb(255, 255, 255);

    line-height: 1.3em;

    padding: 15px 50px 15px 15px;

    border: none;

    font-weight: 700;

}

.faq-item .card-body {

    color: rgb(45, 45, 45);

    font-size: 18px;

    line-height: 1.5em;

    padding: 15px;

    border: solid 1px rgb(216, 216, 216);

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

}

.faq-item p:last-child {

    margin-bottom: 0;

}

.list-circle {

    padding: 0;

    margin: 0;

    list-style-type: none;

}

.list-circle li {

    position: relative;

    padding-left: 20px;

}

.list-circle li:before {

    content: '•';

    position: absolute;

    left: 0;

    top: -1px;

    color: rgb(241, 146, 0);

    font-weight: 700;

}

.faq-sec-1 .row-2 > div .sep {

    padding: 10px 0;

    width: 40%;

    margin: 0 auto;

    border-top: solid 3px #eb8d00;

}

.faq-sec-1 .row-2 h2 {

    color: #2d2d2d;

    font-size: 28px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 30px;

}

.faq-sec-1 .row-2 {

    padding-top: 60px;

    padding-bottom: 20px;

    max-width: 80%;

    margin: 0 auto;

}

.faq-sec-1 .btn-contact {

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 20px;

    padding: 15px;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    border-radius: 5px;

    display: inline-block;

    font-weight: bold;

    width: 100%;

    max-width: 200px;

}

.faq-sec-1 .btn-contact span {

    display: inline-block;

    margin-left: 10px;

}

.faq-item .card-header[aria-expanded="false"] .fa-minus-circle:before {

    content: '\f055';

}

.faq-item .card-header .fa-minus-circle {

    position: absolute;

    right: 15px;

    top: 18px;

}



/* Privacy Policy */

.privacy-sec-1 {

    padding: 55px 0 40px;

}

.privacy-sec-1 h2 {

    text-align: center;

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 36px;

    line-height: 1.3em;

}

.privacy-sec-1 .sep {

    border-top: solid 3px rgb(235, 141, 0);

    width: 50%;

    margin: 20px auto 20px;

}



/* Thank You */

.thank-sec-1 {

    padding: 40px 0;

}

.thank-sec-1 h2 {

    color: rgb(17, 17, 17);

    font-size: 36px;

    line-height: 1.3em;

    margin-bottom: 20px;

    font-weight: 700;

}

.thank-sec-1 p {

    color: rgb(34, 34, 34);

    font-size: 20px;

    line-height: 1.5em;

    margin-bottom: 35px;

}

.thank-sec-1  .btn-contact {

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 22px;

    padding: 15px;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    border-radius: 5px;

    display: inline-block;

    font-weight: bold;

}

.thank-sec-1 .btn-contact span {

    display: inline-block;

    margin-left: 10px;

}



/* Error Page */

.error-sec-1 {

    padding-top: 50px;

    padding-bottom: 100px;

}

.error-sec-1 .fa-unlink {

    color: rgb(45, 45, 45);

    font-size: 64px;

    line-height: 1em;

    display: block;

    margin-bottom: 15px;

}

.error-sec-1 h1 {

    font-weight: 700;

    color: rgb(17, 17, 17);

    font-size: 72px;

    line-height: 1.3em;

    margin-bottom: 15px;

}

.error-sec-1 h2 {

    margin-bottom: 20px;

    color: rgb(17, 17, 17);

    font-size: 36px;

    line-height: 1.3em;

    font-weight: 700;

}

.error-sec-1 .sep {

    margin: 10px auto 30px;

    width: 30%;

    border-top: solid 3px #eb8d00;

}

.error-sec-1 .button-wrap .btn-default {

    display: inline-block;

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 20px;

    padding: 15px 40px;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    line-height: 1.4em;

    border-radius: 15px;

    margin: 25px;

}



/* Gallery */

.gallery-sec-1 {

    padding: 40px 0 0px;

}

#lightgallery {

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;

}

#lightgallery a {

    padding: 25px;

    display: block;

    width: 25%;

}

#lightgallery a img {

    display: block;

    width: 100%;

    height: auto;

}



/* Roof Repair Melbourne */

.roof-repair-melbourne #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.roof-repair-melbourne .blurb-item {

    border-width: 3px;

}

.roof-repair-melbourne .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-repair-melbourne .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.roof-repair-melbourne .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-repair-melbourne .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.roof-repair-melbourne .section-10 p {

    font-size: 16px;

}

.roof-repair-melbourne .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-repair-melbourne .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.roof-repair-melbourne .section-10 .checklist li strong {

    display: block;

}



/* Roof Restoration Melbourne */

.roof-restoration-melbourne #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.roof-restoration-melbourne .blurb-item {

    border-width: 3px;

}

.roof-restoration-melbourne .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-restoration-melbourne .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.roof-restoration-melbourne .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-restoration-melbourne .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.roof-restoration-melbourne .section-10 p {

    font-size: 16px;

}

.roof-restoration-melbourne .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-restoration-melbourne .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.roof-restoration-melbourne .section-10 .checklist li strong {

    display: block;

}



/* Roof Replacement Melbourne */

.roof-replacement-melbourne #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.roof-replacement-melbourne .blurb-item {

    border-width: 3px;

}

.roof-replacement-melbourne .section-4 p {

    font-size: 16px;

}

.roof-replacement-melbourne .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-replacement-melbourne .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.roof-replacement-melbourne .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-replacement-melbourne .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.roof-replacement-melbourne .section-10 p {

    font-size: 16px;

}

.roof-replacement-melbourne .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-replacement-melbourne .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.roof-replacement-melbourne .section-10 .checklist li strong {

    display: block;

}



/* Roof Guttering Melbourne */

.roof-guttering-melbourne #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.roof-guttering-melbourne .blurb-item {

    border-width: 3px;

}

.roof-guttering-melbourne .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-guttering-melbourne .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.roof-guttering-melbourne .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-guttering-melbourne .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.roof-guttering-melbourne .section-10 p {

    font-size: 16px;

}

.roof-guttering-melbourne .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-guttering-melbourne .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.roof-guttering-melbourne .section-10 .checklist li strong {

    display: block;

}

.roof-guttering-melbourne .section-5 {

    background-image: url(../../images/cta-banner-guttering.jpg);

}



/* Roof Leaf Guard Melbourne */

.roof-leaf-guard-melbourne #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.roof-leaf-guard-melbourne .blurb-item {

    border-width: 3px;

}

.roof-leaf-guard-melbourne .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-leaf-guard-melbourne .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.roof-leaf-guard-melbourne .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-leaf-guard-melbourne .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.roof-leaf-guard-melbourne .section-10 p {

    font-size: 16px;

}

.roof-leaf-guard-melbourne .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-leaf-guard-melbourne .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.roof-leaf-guard-melbourne .section-10 .checklist li strong {

    display: block;

}

.roof-leaf-guard-melbourne .section-5 {

    background-image: url(../../images/cta-banner-leaf-guard.jpg);

}



/* Solar Power Systems */

.solar-power-systems #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.solar-power-systems .blurb-item {

    border-width: 3px;

}

.solar-power-systems .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.solar-power-systems .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.solar-power-systems .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.solar-power-systems .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.solar-power-systems .section-10 p {

    font-size: 16px;

}

.solar-power-systems .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.solar-power-systems .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.solar-power-systems .section-10 .checklist li strong {

    display: block;

}

.solar-power-systems .section-4 .checklist li strong {

    display: inline;

}

.solar-power-systems .section-5 {

    background-image: url(../../images/cta-banner-solar.jpg);

}

.solar-power-systems .section-9 .checklist {

    text-align: center;

    margin-top: 20px;

}

.solar-power-systems .section-9 .checklist li .fa {

    position: relative;

    top: unset;

}

.solar-power-systems .section-9 .checklist li {

    color: rgb(34, 34, 34);

    font-weight: 400;

    font-size: 16px;

    padding-left: 0;

}

.solar-power-systems .section-5 h2 {

    font-size: 32px;

}

.solar-power-systems .section-11 {

    padding: 40px 0;

}

.solar-power-systems .section-11 .row-1 {

    max-width: 90%;

    width: 100%;

    text-align: center;

    margin: 0 auto;

}

.solar-power-systems .section-11 .row-1 h2 {

    color: rgb(45,45,45);

    font-size: 36px;

    font-weight: 700;

}

.solar-power-systems .section-11 .row-1 .sep {

    padding: 0;

    width: 50%;

    margin: 15px auto;

    border-top: solid 3px #eb8d00;

}

.solar-power-systems .section-11 .row-1 p {

    font-size: 16px;

    margin-bottom: 25px;

}

.solar-power-systems .section-11  .blurb-item {

    border-radius: 0;

    border: none;

    padding: 0;

}



/* Roof Guttering */

.roof-guttering #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.roof-guttering .blurb-item {

    border-width: 3px;

}

.roof-guttering .section-4 {

    border-bottom: solid 1px rgb(216, 216, 216);

}

.roof-guttering .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-guttering .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.roof-guttering .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-guttering .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.roof-guttering .section-10 p {

    font-size: 16px;

}

.roof-guttering .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-guttering .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.roof-guttering .section-10 .checklist li strong {

    display: block;

}

.roof-guttering .section-5 {

    background-image: url(../../images/cta-banner-guttering.jpg);

}

.roof-guttering .section-11 {

    padding: 40px 0;

}

.roof-guttering .section-11 .row-1 {

    max-width: 90%;

    width: 100%;

    text-align: center;

    margin: 0 auto 20px;

}

.roof-guttering .section-11 .row-1 h2 {

    color: rgb(45,45,45);

    font-size: 36px;

    font-weight: 700;

}

.roof-guttering .section-11 .row-1 .sep {

    padding: 0;

    width: 50%;

    margin: 15px auto;

    border-top: solid 3px #eb8d00;

}

.roof-guttering .section-11 .row-1 p {

    font-size: 16px;

    margin-bottom: 25px;

}

.roof-guttering .section-11  .blurb-item {

    border-radius: 0;

    border: none;

    padding: 0;

}

.roof-guttering .section-12 {

    background-color: rgb(247, 247, 247);

    border-top: solid 1px rgb(216, 216, 216);

    padding: 55px 0 60px;

    text-align: center;

}

.roof-guttering .section-12 .row-1 {

    max-width: 90%;

    width: 100%;

    text-align: center;

    margin: 0 auto 20px;

}

.roof-guttering .section-12 .row-1 h2 {

    color: rgb(45,45,45);

    font-size: 36px;

    font-weight: 700;

}

.roof-guttering .section-12 .row-1 .sep {

    padding: 0;

    width: 50%;

    margin: 15px auto;

    border-top: solid 3px #eb8d00;

}

.roof-guttering .section-11 .row-1 p {

    font-size: 16px;

    margin-bottom: 25px;

}

.roof-guttering .section-12 .row-2 p {

    font-weight: 700;

    color: rgb(45, 45, 45);

    font-size: 16px;

    margin-bottom: 40px;

}

.roof-guttering .section-12 .row-2 .color-blurb p {

    font-size: 16px;

    line-height: 1.5em;

    color: rgb(45, 45, 45);

    font-weight: 400;

}

.roof-guttering .section-12 .row-2 .color-blurb {

    margin-bottom: 20px;

}

.roof-guttering .section-12 .row-2 .color-blurb span {

    font-size: 72px;

    margin-bottom: 20px;

}

.roof-guttering .section-12 .row-2 .color-blurb.hunter span {

    color: rgb(89, 30, 18);

}

.roof-guttering .section-12 .row-2 .color-blurb.rivergum span {

    color: rgb(85, 110, 80);

}

.roof-guttering .section-12 .row-2 .color-blurb.white span {

    color: #fff;

}

.roof-guttering .section-12 .row-2 .color-blurb.f-green span {

    color: rgb(10, 59, 12);

}

.roof-guttering .section-12 .row-2 .color-blurb.brown span {

    color: rgb(48, 34, 30);

}

.roof-guttering .section-12 .row-2 .color-blurb.heritage span {

    color: rgb(69, 26, 17);

}

.roof-guttering .section-12 .row-2 .color-blurb.grey span {

    color: rgb(65, 65, 65);

}

.roof-guttering .section-12 .row-2 .color-blurb.smooth span {

    color: rgb(242, 224, 189);

}

.roof-guttering .section-12 .row-2 .color-blurb.iron span {

    color: rgb(32, 48, 60);

}

.roof-guttering .section-12 .row-2 .color-blurb.merino span {

    color: rgb(209, 187, 144);

}

.roof-guttering .section-12 .row-2 .color-blurb.j-brown span {

    color: rgb(102, 89, 64);

}

.roof-guttering .section-12 .row-2 .color-blurb.territory span {

    color: rgb(69, 26, 17);

}

.roof-guttering .section-12 .row-2 .color-blurb.birch span {

    color: rgb(184, 167, 136);

}

.roof-guttering .section-12 .row-2 .color-blurb.manteal span {

    color: rgb(68, 79, 58);

}

.roof-guttering .section-12 .row-2 .color-blurb.basal span {

    color: rgb(68, 78, 84);

}

.roof-guttering .section-12 .row-2 .color-blurb.coventry span {

    color: rgb(140, 128, 104);

}

.roof-guttering .section-12 .row-2 .color-blurb.g-grey span {

    color: rgb(223, 225, 230);

}

.roof-guttering .section-12 .row-2 .color-blurb.m-green span {

    color: rgb(132, 153, 113);

}

.roof-guttering .section-12 .row-2 .color-blurb.wallaroo span {

    color: rgb(81, 83, 84);

}

.roof-guttering .section-12 .row-2 .color-blurb.dusk span {

    color: rgb(214, 203, 186);

}

.roof-guttering .section-12 .row-2 .color-blurb.armor-grey span {

    color: rgb(107, 107, 107);

}

.roof-guttering .section-12 .row-2 .color-blurb.c-green span {

    color: rgb(2, 82, 29);

}

.roof-guttering .section-12 .row-2 .color-blurb.monolith span {

    color: rgb(46, 46, 46);

}

.roof-guttering .section-12 .row-2 .color-blurb.off-white span {

    color: rgb(245, 235, 220);

}

.roof-guttering .section-12 .row-2 .color-blurb.gulf span {

    color: rgb(94, 87, 75);

}

.roof-guttering .section-12 .row-2 .color-blurb.m-blue span {

    color: rgb(2, 56, 87);

}

.roof-guttering .section-12 .row-2 .color-blurb.ebony span {

    color: rgb(3, 3, 3);

}



/* Roof Restoration */

.roof-restoration #main-banner {

    padding: 40px 0;

    background-image: url(../../images/tgr-bg-dark-4.jpg);

}

.roof-restoration .blurb-item {

    border-width: 3px;

}

.roof-restoration .section-4 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-restoration .section-10 {

    background-color: #f7f7f7;

    border-bottom: solid 1px rgb(216, 216, 216);

    padding: 40px 0 60px;

}

.roof-restoration .section-10 h2 {

    color: rgb(45,45,45);

    font-weight: 700;

    font-size: 28px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-restoration .section-10 .sep {

    width: 50%;

    border: solid 1.5px #eb8d00;

    margin: 30px 0;

}

.roof-restoration .section-10 p {

    font-size: 16px;

}

.roof-restoration .section-10 h3 {

    font-weight: 700;

    color: rgb(42, 42, 42);

    font-size: 18px;

    line-height: 1.3em;

    margin-bottom: 20px;

}

.roof-restoration .section-10 .checklist li {

    color: rgb(34, 34, 34);

    font-size: 16px;

    font-weight: 400;

}

.roof-restoration .section-10 .checklist li strong {

    display: block;

}

.roof-restoration .section-4 .row-2 .sep {

    margin-left: auto;

    margin-right: auto;

}

.roof-restoration .section-4 .row-2 {

    margin-top: 30px;

}

.roof-restoration .section-4 .row-2 .btn-inspection {

    color: rgb(255, 255, 255);

    background-color: rgb(234, 140, 0);

    font-size: 20px;

    width: 100%;

    display: inline-block;

    border-radius: 5px;

    border: none;

    border-bottom: 3px solid rgba(0,0,0,0.2);

    border-left: none !important;

    border-right: none !important;

    padding: 15px;

    cursor: pointer;

    font-weight: 700;

    transition: all 0.3s ease;

    max-width: 310px;

    text-align: center;

    margin-top: 20px;

}

.roof-restoration .section-4 .row-2 .btn-inspection span {

    display: inline-block;

    margin-left: 10px;

}

.roof-restoration .row-3 .blurb-item {

    border: none;

    border-radius: 0;

    padding: 30px 0;

}



/* Footer */

#main-footer {

    padding: 50px 0 30px;

    background-color: rgb(34, 34, 34);

}

#main-footer a {

    color: #fff;

}

#main-footer a:hover {

    text-decoration: underline !important;

}

#main-footer h3 {

    font-weight: 700;

    color: rgba(255, 255, 255, 0.7);

    font-size: 20px;

    line-height: 1.3em;

    margin-bottom: 25px;

}

#main-footer .footer-menu {

    list-style-type: none;

    padding: 0;

    margin: 0;

}

#main-footer .footer-menu a {

    font-size: 15px;

    display: block;

    padding-bottom: 6px;

    margin-bottom: 6px;

}

#main-footer .footer-menu a span {

    padding-right: 10px;

}

#main-footer h3[aria-expanded="true"] .fa-plus:before {

    content: '\f068';

}

#main-footer .google-review p {

    font-size: 15px;

    color: #fff;

    margin-bottom: 15px;

}

#main-footer .google-review h4 {

    font-size: 22px;

    color: #fff;

    font-weight: 700;

    margin-bottom: 15px;

}

#main-footer .google-review img {

    max-width: 100px;

    display: block;

    margin-bottom: 25px;

}

#main-footer .google-review  a {

    text-decoration: underline !important;

    font-size: 15px;

}

#main-footer .row-2 {

    border-top: solid 1px rgba(255, 255, 255, 0.1);

    padding-top: 20px;

    margin-top: 30px;

}

#main-footer .row-2 p, 

#main-footer .row-2 a {

    color: rgba(255, 255, 255, 0.7);

    font-size: 15px;

}

#contactMenu li {

    color: #fff;

    position: relative;

    padding-left: 30px;

    font-size: 15px;

    padding-bottom: 6px;

    margin-bottom: 6px;

}

#contactMenu li span {

    position: absolute;

    left: 0;

    top: 5px;

}



/* Back to Top */

#backToTop.show{

  display: -webkit-inline-box;

  display: -webkit-inline-flex;

  display: -moz-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}

#backToTop {

  display: none;

  background-color: #ea8c00;

  width: 40px;

  height: 40px;

  text-align: center;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

  position: fixed;

  /*bottom: 30px;*/

  bottom: 95px;

  right: 30px;

  -webkit-transition: background-color .3s;

  -o-transition: background-color .3s;

  -moz-transition: background-color .3s;

  transition: background-color .3s;

  z-index: 1000;

  -webkit-box-align: center;

  -webkit-align-items: center;

     -moz-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

  -webkit-justify-content: center;

     -moz-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

#backToTop:hover {

  cursor: pointer;

  background-color: #ea8c00;

}

#backToTop:active {

  background-color: #ea8c00;

}

#backToTop::after {

  content: "\f077";

  font-family: "Font Awesome 5 Pro"; 

  font-weight: 900;

  color: #fff;

}



/* Form CSS */

ul.form-errors {

    text-align: left;

    font-size: 16px;

    padding: 0;

    list-style-type: none;

}

ul.form-errors li {

    color: #dc3545;

    padding-left: 20px;

    display: block;

    line-height: 1.7em;

    position: relative;

}

ul.form-errors li:before {

    content: '';

    width: 5px;

    height: 5px;

    display: block;

    background-color: #000;

    border-radius: 100%;

    position: absolute;

    left: 0;

    top: 11px;

}



/* Winter Section */

.winter-sec {

    padding: 30px;

    background-color: rgb(213, 127, 0);

    text-align: center;

}

.winter-sec p {

    margin: 0;

    color: #fff;

    font-size: 28px;

    font-weight: 700;

}



/* Responsive CSS */

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

    .mobile-menu-wrap {

        display: -webkit-box;

        display: -webkit-flex;

        display: -moz-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-align: center;

        -webkit-align-items: center;

           -moz-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        -webkit-box-pack: end;

        -webkit-justify-content: flex-end;

           -moz-box-pack: end;

            -ms-flex-pack: end;

                justify-content: flex-end;

    }

    .mobile-menu-wrap .btn-phone, 

        .mobile-menu-wrap .navbar-toggler {

        font-size: 40px !important;

        padding: 0;

        border: none;

    }

    #navbarSupportedContent {

        position: absolute;

        top: 100%;

        left: 0;

        right: 0;

        background-color: #fff;

        z-index: 99999;

        padding: 10px;

    }

    .mobile-menu-wrap .navbar, 

    .mobile-menu-wrap {

        position: unset;

    }

    #main-header {

        position: relative;

    }

    #navbarSupportedContent .navbar-nav {

        display: block;
    }

    #navbarSupportedContent .navbar-nav li {

        display: block;

        text-align: left;

        padding: 10px !important;

    }

    #navbarSupportedContent .navbar-nav li a {

        font-size: 16px;

        line-height: 1.2em;

        display: block;

    }

    #main-header .navbar-nav .dropdown-menu {

        border: none;

        padding: 0 0 0 15px;

        border-radius: 0;

        margin-top: 15px;

    }

    br{

        display: none;

    }

    .footer-order-1 {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

           -moz-box-ordinal-group: 2;

            -ms-flex-order: 1;

                order: 1;

    }

    .footer-order-2 {

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

           -moz-box-ordinal-group: 3;

            -ms-flex-order: 2;

                order: 2;

    }

    .footer-order-3 {

        -webkit-box-ordinal-group: 4;

        -webkit-order: 3;

           -moz-box-ordinal-group: 4;

            -ms-flex-order: 3;

                order: 3;

    }

    .footer-order-4 {

        -webkit-box-ordinal-group: 5;

        -webkit-order: 4;

           -moz-box-ordinal-group: 5;

            -ms-flex-order: 4;

                order: 4;

    }

    .footer-order-5 {

        -webkit-box-ordinal-group: 6;

        -webkit-order: 5;

           -moz-box-ordinal-group: 6;

            -ms-flex-order: 5;

                order: 5;

    }

}

@media screen and (min-width: 768px){

	#main-banner .col-md-7 {

	    -webkit-box-flex: 0;

	    -ms-flex: 0 0 62%;

	    flex: 0 0 62%;

	    max-width: 62%;

	}

	#main-banner .col-md-5 {

	    -webkit-box-flex: 0;

	    -ms-flex: 0 0 38%;

	    flex: 0 0 38%;

	    max-width: 38%;

	}

}

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

    .blurb-item .blurb-content a {

        font-size: 14px;

    }

    .cta-row .btn-feedback {

        font-size: 18px;

    }

    #lightgallery a {

        width: 50%;

    }

    .blurb-item .icon-wrap img {

        width: 100%;

    }

    .btn-phone {

        width: 40px;

        height: 40px;

        background-color: #ea8c00;

        color: #fff;

        border-radius: 100%;

    }

    .logo-container img {

        max-width: 100px;

        display: block;

        width: 100%;

        margin: 0 auto;

    }

    .winter-sec p {

	    font-size: 18px;

	}

}

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

	.section-1 {

	    background-attachment: initial;

	}

    .section-1 h1 {

        font-size: 30px;

    }

    .form-wrap .button-wrap button,

    .roof-restoration .section-4 .row-2 .btn-inspection{

        font-size: 14px;

    }

    .section-3 .row-1 h2, 

    .section-4 h2, 

    .section-5 h2,

    .section-6 .row-1 h2,

    .section-7 .row-1 h2,

    .section-8 .row-1 h2,

    .section-9 .row-1 h2,

    .about .section-6 .row-0 h2,

    .faq-sec-1 .row-2 h2,

    .contact-sec-2 .row-1 h2,

    .privacy-sec-1 h2,

    .thank-sec-1 h2,

    .error-sec-1 h2,

    .solar-power-systems .section-11 .row-1 h2, 

    .roof-guttering .section-11 .row-1 h2,

    .roof-guttering .section-12 .row-1 h2{

        font-size: 24px;

    }

    .section-5 a,

    .section-9 a{

        font-size: 14px;

        margin-top: 10px;

    }

    .section-6 .row-1 > div,

    .section-7 .row-1 > div,

    .section-8 .row-1 > div,

    .section-9 .row .row > div,

    .faq-sec-1 .row-2,

    .solar-power-systems .section-11 .row-1,

    .roof-guttering .section-11 .row-1,

    .roof-guttering .section-12 .row-1{

        max-width: 100%;

    }

    #main-footer .footer-menu {

        margin-bottom: 30px;

    }

    .review-sec-2 .testimonial-item {

        margin: 20px 0;

    }

    #CTApopup .modal-dialog .col-md-6 {

        padding: 20px;

    }

    .faq-item .card-header {

        font-size: 18px;

    }

    .faq-item .card-body {

        font-size: 16px;

    }

    .error-sec-1 .button-wrap .btn-default {

        margin: 10px;

    }

    #lightgallery a {

        padding: 10px;

    }

    .blurb-item .icon-wrap img {

        height: auto;

    }

}

p.req {

    color: #2d2d2d;

    font-size: 26px;

    font-weight: 700;

    margin-bottom: 5px;

}

strong.tstmnl {

    font-size: 23px;

    line-height: 1.3em;

    font-weight: 700;

    margin-bottom: 10px;

}

h3.fr {
    padding-bottom: 15px;
    
    font-size: 32px !important;

    font-weight: 700 !important;

}

.top-header {
    display: none;
}