@charset "UTF-8";
@font-face{
    font-family:Urbanist;
    font-display:swap;
    src:url(../fonts/Urbanist-Bold.woff2) format("woff2"),url(../fonts/Urbanist-Bold.woff) format("woff");
    font-weight:700;
    font-style:normal
}
@font-face{
    font-family:Urbanist;
    font-display:swap;
    src:url(../fonts/Urbanist-Regular.woff2) format("woff2"),url(../fonts/Urbanist-Regular.woff) format("woff");
    font-weight:400;
    font-style:normal
}
*{
    padding:0;
    margin:0;
    border:0
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
body,html{
    height:100%;
    min-width:320px
}
body{
    color:#111;
    line-height:1.2;
    font-family:Urbanist,sans-serif;
    font-size:1.375rem;
    -ms-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
button,input,textarea{
    font-family:Urbanist,sans-serif;
    font-size:inherit;
    line-height:inherit
}
button{
    cursor:pointer;
    color:inherit;
    background-color:transparent
}
a{
    color:inherit;
    text-decoration:none
}
ul li{
    list-style:none
}
img{
    vertical-align:top
}
h1,h2,h3,h4,h5,h6{
    font-weight:inherit;
    font-size:inherit
}
.lock body{
    overflow:hidden;
    -ms-touch-action:none;
    touch-action:none;
    -ms-scroll-chaining:none;
    overscroll-behavior:none
}
.wrapper{
    min-height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    overflow:hidden
}
@supports (overflow:clip){
    .wrapper{
        overflow:clip
    }
}
.wrapper>main{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto
}
.wrapper>*{
    min-width:0
}
[class*=__container]{
    max-width:83.875rem;
    margin:0 auto;
    padding:0 .9375rem
}
.button-form{
    cursor:pointer;
    border:none;
    outline:0;
    padding-block:.75rem;
    border-radius:.5rem;
    color:#fff;
    background-color:#f03d36;
    font-weight:700;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
input[type=email],input[type=tel],input[type=text],textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.input{
    border:none;
    outline:0;
    width:100%;
    display:block;
    border-radius:.5rem;
    padding:.5rem 1.125rem
}
.input._form-focus{
    -webkit-box-shadow:0 0 3px 2px #f03d36;
    box-shadow:0 0 3px 2px #f03d36
}
.input[placeholder]:not([data-placeholder-nohiden]):active::-webkit-input-placeholder{
    opacity:100%
}
.input[placeholder]:not([data-placeholder-nohiden]):active::-moz-placeholder{
    opacity:100%
}
.input[placeholder]:not([data-placeholder-nohiden]):active:-ms-input-placeholder{
    opacity:100%
}
.input[placeholder]:not([data-placeholder-nohiden]):active::-ms-input-placeholder{
    opacity:100%
}
.input[placeholder]:not([data-placeholder-nohiden]):active::placeholder{
    opacity:100%
}
textarea.input{
    resize:none;
    height:8.125rem
}
[class*=-ibg]{
    position:relative
}
[class*=-ibg] img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    -o-object-fit:cover;
    object-fit:cover
}
[class*=-ibg--contain] img{
    -o-object-fit:contain;
    object-fit:contain
}
.rating{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:5.125rem auto;
    grid-template-columns:5.125rem auto;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:end
}
.rating__image{
    width:5rem
}
.rating__block{
    display:-ms-grid;
    display:grid;
    gap:.625rem
}
.rating__block--page{
    display:-ms-grid;
    display:grid;
    gap:.875rem
}
.rating__reviews{
    padding-left:.125rem;
    font-size:1.125rem;
    display:-ms-grid;
    display:grid;
    grid-auto-flow:column;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    color:#000ac6
}
.rating__reviews--index{
    color:#fff
}
.rating__reviews--page{
    color:#000ac6;
    line-height:1;
    border-bottom:1px solid #000ac6
}
.rating__stars{
    display:-ms-inline-grid;
    display:inline-grid;
    grid-auto-flow:column;
    gap:.3125rem
}
.rating__stars img{
    width:1.5625rem
}
.description-block__title{
    color:#2e649a;
    font-weight:700
}
.description-block__title:not(:last-child){
    margin-bottom:1.5625rem
}
.description-block__button{
    cursor:pointer;
    border:none;
    outline:0;
    display:inline-block;
    border-radius:.5rem;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    font-weight:700;
    padding:.75rem 1.5rem;
    color:#fff;
    background-color:#3b80c4
}
.title-section{
    text-align:center;
    color:#2e649a;
    font-weight:700
}
.title-section:not(:last-child){
    margin-bottom:2.375rem
}
.header__top{
    padding-top:1rem;
    padding-bottom:1rem;
    display:-ms-grid;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.header__call{
    -ms-grid-column-align:center;
    justify-self:center
}
.header__call p{
    text-transform:uppercase;
    font-weight:700;
    margin-bottom:.5rem
}
.header__call a{
    color:#000ac6;
    font-size:1.375rem;
    font-weight:700;
    -webkit-text-decoration:underline solid #000ac6;
    text-decoration:underline solid #000ac6
}
.header__bottom{
    background-color:#2e649a
}
.menu__list{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
.menu__list li.active{
    background-color:#3b80c4
}
.menu__list li a{
    width:100%;
    display:inline-block;
    font-weight:700;
    color:#fff;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.icon-menu{
    display:none
}
nav.menu__body{
    z-index:48
}
button.menu__icon.icon-menu{
    z-index:49
}
.footer__container{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(1fr)[3];
    grid-template-columns:repeat(3,1fr);
    justify-items:center;
    gap:1rem
}
.footer__address{
    -ms-grid-row-align:start;
    align-self:start;
    display:-ms-grid;
    display:grid
}
.footer__address p{
    font-weight:400
}
.navigation__title{
    font-size:1.5rem;
    font-weight:700
}
.navigation__title:not(:last-child){
    margin-bottom:1rem
}
.navigation__list{
    color:#000ac6;
    -webkit-text-decoration:underline solid #000ac6;
    text-decoration:underline solid #000ac6
}
.navigation__list li:not(:last-child){
    margin-bottom:.625rem
}
.navigation__list:not(:last-child){
    margin-bottom:1.5rem
}
.form-footer{
    display:-ms-grid;
    display:grid;
    gap:.75rem;
    -ms-grid-row-align:start;
    align-self:start;
    -ms-grid-column-align:stretch;
    justify-self:stretch
}
.form-footer__title{
    font-size:1.5rem;
    font-weight:700
}
.form-footer__title:not(:last-child){
    margin-bottom:.75rem
}
.form-footer__input label{
    display:none
}
.form-footer__input input{
    background-color:#f1f1f1
}
.form-footer__textarea label{
    display:none
}
.form-footer__textarea textarea{
    background-color:#f1f1f1;
    height:8.125rem
}
.no-webp .main--additions{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.56)),to(rgba(0,0,0,.56))),url(../img/additions-background.png) center/cover no-repeat
}
.no-webp .main--additions{
    background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(../img/additions-background.png) center/cover no-repeat
}
.no-webp .main--index{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.56)),to(rgba(0,0,0,.56))),url(../img/home-background.jpg) center/cover no-repeat
}
.no-webp .main--index{
    background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(../img/home-background.jpg) center/cover no-repeat
}
.no-webp .main--roof{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.45)),to(rgba(0,0,0,.45))),url(../img/roofs-background.jpg) top center/cover no-repeat
}
.no-webp .main--roof{
    background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(../img/roofs-background.jpg) top center/cover no-repeat
}
.main__title{
    text-align:center;
    color:#fff;
    font-weight:700
}
.main__title:not(:last-child){
    margin-bottom:.75rem
}
.main__text{
    color:#fff;
    text-align:center;
    max-width:53rem;
    margin:0 auto;
    line-height:1.2
}
.form-main{
    max-width:44.25rem;
    margin:0 auto;
    display:-ms-grid;
    display:grid;
    gap:.75rem
}
.form-main__input label{
    display:none
}
.form-main__input input:focus{
    -webkit-box-shadow:0 0 5px 1px #f03d36;
    box-shadow:0 0 5px 1px #f03d36
}
.form-main__textarea label{
    display:none
}
.no-webp .roofing{
    background:url(../img/brushed-alum-dark.png) 0 0 repeat
}
.roofing__container{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr
}
.roofing__responsive-video{
    display:block;
    overflow:hidden;
    border-radius:2.5rem;
    aspect-ratio:2/1.25
}
.roofing__responsive-video video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.roofing__lopping-video{
    margin-top:1rem;
    display:block;
    text-align:center;
    color:#009d50;
    font-weight:700
}
.additions__container{
    padding-top:2.25rem;
    padding-bottom:2.25rem;
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1.3fr;
    grid-template-columns:1fr 1.3fr;
    gap:3.3125rem
}
.additions__description{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.additions__image{
    display:block;
    overflow:hidden;
    border-radius:2.5rem
}
.additions__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.feedback--black{
    background-color:#262626
}
.feedback__title{
    line-height:1.2;
    text-align:center;
    max-width:61.875rem;
    margin:0 auto;
    font-weight:700
}
.feedback__title--grey-light{
    color:#dadada
}
.feedback__title--blue{
    color:#2e649a
}
.feedback__rating{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    gap:.1875rem
}
.feedback__desc{
    line-height:1.2;
    width:min(95%,53.125rem);
    margin:0 auto
}
.feedback__desc--white{
    color:#fff
}
.feedback__link{
    -webkit-text-decoration:underline solid;
    text-decoration:underline solid
}
.feedback__link--grey-light{
    color:#dadada
}
.feedback__link--medium-blue{
    color:#000ac6
}
.roofs-more__description{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:.7fr 1.3fr;
    grid-template-columns:.7fr 1.3fr;
    -ms-grid-rows:auto 1fr;
    grid-template-rows:auto 1fr;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:start
}
.roofs-more p:nth-of-type(1){
    padding-top:1rem
}
.roofs-more p:not(:nth-of-type(1),:nth-of-type(2)){
    grid-column:1/-1
}
.roofs-more p a{
    color:#000ac6;
    text-decoration:underline
}
.roofs-more__image{
    position:relative;
    -ms-grid-row-span:2;
    grid-row:span 2;
    overflow:hidden;
    width:28.4375rem;
    margin-bottom:2.5rem;
    margin-right:3.75rem;
    min-height:21.375rem;
    border-radius:2.5rem
}
.roofs-more__image img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.roofs-more .roofs-more__video{
    min-height:auto
}
.roofs-more__button{
    grid-column:1/-1;
    -ms-grid-column-align:center;
    justify-self:center;
    -ms-grid-row-align:end;
    align-self:end
}
.roofs-more__button--mode{
    grid-column:1/-1;
    -ms-grid-column-align:center;
    justify-self:center;
    -ms-grid-row-align:end;
    align-self:end
}
.cohassett__description{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr;
    -webkit-column-gap:3.875rem;
    -moz-column-gap:3.875rem;
    column-gap:3.875rem;
    row-gap:1.5rem
}
.cohassett p{
    grid-column:1/-1
}
.cohassett__image{
    position:relative;
    width:26.625rem;
    height:19.9375rem;
    overflow:hidden
}
.cohassett__image:nth-of-type(1){
    -ms-grid-column-align:end;
    justify-self:end
}
.cohassett__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.another__items{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    justify-items:center
}
.another__image{
    width:31.25rem;
    aspect-ratio:1.33/1;
    overflow:hidden
}
.another__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.projects__title{
    text-align:center;
    font-weight:700
}
.projects__title:not(:last-child){
    margin-bottom:.5rem
}
.projects__subtitle{
    text-align:center
}
.projects__items{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:(1fr)[3];
    grid-template-columns:repeat(3,1fr)
}
.projects__title-two{
    font-size:40px;
    font-weight:700;
    text-align:center
}
.projects__title-two:not(:last-child){
    margin-bottom:.75rem
}
.projects__link{
    color:#000ac6;
    display:block;
    text-align:center
}
.projects__link:not(:last-child){
    margin-bottom:.375rem
}
.item-project__image{
    aspect-ratio:1.46/1;
    border-radius:1.5625rem;
    overflow:hidden
}
.item-project__image img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.item-project__title{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
.contact__container{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 1fr;
    grid-template-columns:1fr 1fr
}
.contact__thanks{
    grid-column:1/-1
}
.contact__thanks p span{
    font-weight:700
}
.contact__thanks p:not(:last-child){
    margin-bottom:1rem
}
.contact__title{
    font-weight:700
}
.contact__subtitle{
    font-weight:700
}
.contact__link{
    color:#000ac6;
    text-decoration:underline
}
body,button,input,textarea{
    font-family:Urbanist,sans-serif
}
a,button{
    color:inherit
}
.button-form,.description-block__button{
    cursor:pointer;
    outline:0;
    -webkit-transition:.3s;
    transition:.3s
}
.footer__address,.form-footer{
    -ms-grid-row-align:start;
    -ms-flex-item-align:start;
    align-self:start
}
.roofs-more__image img,[class*=-ibg] img{
    position:absolute;
    top:0;
    left:0;
    width:100%
}
.cohassett__image,[class*=-ibg]{
    position:relative
}
.item-project__title,.wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal
}
.header__call a,.navigation__list{
    color:#000ac6;
    -webkit-text-decoration:underline solid #000ac6;
    text-decoration:underline solid #000ac6
}
.additions__image,.roofing__responsive-video,.roofs-more__image{
    border-radius:2.5rem;
    overflow:hidden
}
.header__top,.roofs-more p:first-of-type{
    padding-top:1rem
}
.description-block__title{
    color:#284664;
    font-weight:700
}
.title-project{
    margin-bottom:1.125rem
}
.rating__stars{
    margin-bottom:-.0938rem
}
.rating__reviews--page{
    padding-left:0;
    margin-left:.1875rem
}
.rating__block--page{
    gap:.7188rem
}
.menu__list li a{
    width:100%;
    -webkit-transition:.3s;
    transition:.3s
}
.description-block__button,.menu__list li a{
    display:inline-block;
    color:#fff;
    font-weight:700
}
.menu__list li.active a{
    color:#123b64
}
.form-footer__input label,.form-footer__textarea label,.form-main__input label,.form-main__textarea label,.icon-menu{
    display:none
}
.menu__list li.active{
    background-color:#e6e8e6;
    color:#123b64
}
.form-footer__title:not(:last-child),.main__title:not(:last-child){
    margin-bottom:.75rem
}
.feedback__title--blue{
    color:#284664
}
.feedback__link--grey-light{
    color:#dadada
}
.feedback__link--medium-blue{
    color:#000ac6
}
.landing{
    margin-top:0
}
.post-content video{
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    position:absolute;
    top:50%;
    left:50%;
    margin-bottom:50px
}
.entry_content h2{
    margin-top:45px;
    margin-bottom:0;
    font-weight:700;
    font-size:32px
}
.post-content p{
    margin-top:5px;
    margin-bottom:20px
}
.contact__block:not(:last-child),.contact__form--call:not(:last-child),.contact__title:not(:last-child){
    margin-bottom:2rem
}
.contact__address,.contact__form{
    margin:0 auto;
    -ms-grid-row-span:1
}
.webp .roofing{
    background:url(../img/brushed-alum-dark.webp)
}
.entry_content p{
    margin-top:20px;
    margin-bottom:20px
}
.wp-caption-text{
    color:grey
}
.aligncenter{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.tight{
    width:28.125rem;
    display:block;
    margin:0 auto;
    margin-bottom:3.125rem;
    margin-top:1.875rem
}

.tight_landing {
	width:57rem;
	display:block;
    margin:0 auto;
}

.post-content h2{
    text-align:center;
    font-size:2rem;
    font-weight:700;
    margin-block:1.25rem
}
.post-content p{
    font-size:clamp(1rem,.8557787072rem + .4807576741vw,1.25rem);
    margin-block:1.25rem
}
.post-content .wp-video{
    overflow:hidden;
    margin:0 auto;
    margin-block:1.875rem;
    max-width:53.125rem;
    width:53.125rem
}
.post-content .wp-video video{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.post-content .wp-caption{
    overflow:hidden;
    margin-block:1.875rem;
    max-width:53.125rem!important;
    width:53.125rem!important
}

.post-content .wp-caption img:not(.tiny-image){
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    display:block;
    margin-left:auto;
    margin-right:auto
}

.post-content .wp-caption img.tiny-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.post-content .wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 0.5rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 48em) {
    .post-content .wp-caption img:not(.tiny-image){
        width:auto;
       max-height: 400px;
    }
    .post-content .wp-caption .wp-caption-text {
        width:300px;
        margin-left: auto;
        margin-right: auto;
    }
}




@media (min-width:83.875em){
    .input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder{
        font-size:1.125rem
    }
    .input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder{
        font-size:1.125rem
    }
    .input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder{
        font-size:1.125rem
    }
    .input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder{
        font-size:1.125rem
    }
    .input[placeholder]:not([data-placeholder-nohiden])::placeholder{
        font-size:1.125rem
    }
    .title-project{
        margin-bottom:2rem
    }
    .description-block__title{
        font-size:2.8125rem
    }
    .description-block__text{
        font-size:1.375rem
    }
    .description-block__text{
        margin-bottom:1.5rem
    }
    .description-block__text p:not(:last-child){
        margin-bottom:1.5rem
    }
    .description-block__button{
        font-size:1.375rem
    }
    .title-section{
        font-size:2.8125rem
    }
    .title-section:not(:last-child){
        margin-bottom:2.375rem
    }
   
    .container-section{
        padding-bottom:5.125rem;
        padding-top:3.125rem;
    }
    .header__top{
        min-height:8.875rem
    }
    .header__logo img{
        width:20.125rem
    }
    .header__call p{
        font-size:1.125rem
    }
    .header__call a{
        font-size:1.375rem
    }
    .footer__container{
        padding-top:4.125rem
    }
    .footer__container{
        padding-bottom:4.5rem
    }
    .footer__address{
        gap:1.375rem
    }
    .footer__address img{
        width:20.125rem
    }
    .footer__address p{
        font-size:1.5rem
    }
    .navigation__list{
        font-size:1.375rem
    }
    .form-footer__input input{
        font-size:1.125rem
    }
    .form-footer__textarea textarea{
        font-size:1.125rem
    }
    .form-footer__button{
        font-size:1.125rem
    }
    .main__container{
        padding-top:6.25rem
    }
    .main__container{
        padding-bottom:6.25rem
    }
    .main__title{
        font-size:2.8125rem
    }
    .main__title--page:not(:last-child){
        margin-bottom:5.125rem
    }
    .main__text{
        font-size:1.5rem
    }
    .main__text:not(:last-child){
        margin-bottom:3.75rem
    }
    .main__rating:not(:last-child){
        margin-bottom:5rem
    }
    .form-main__input{
        font-size:1.125rem
    }
    .form-main__textarea{
        font-size:1.125rem
    }
    .form-main__button{
        font-size:2.1875rem
    }
    .roofing__container{
        padding-top:8.125rem
    }
    .roofing__container{
        padding-bottom:8.125rem
    }
    .roofing__lopping-video{
        font-size:1.875rem
    }
    .roofing__description{
        padding-left:4.0625rem
    }
    .feedback__container{
        padding-top:5rem
    }
    .feedback__container{
        padding-bottom:5rem
    }
    .feedback__title{
        font-size:2.8125rem
    }
    .feedback__title:not(:last-child){
        margin-bottom:1.5rem
    }
    .feedback__rating img{
        width:1.5625rem
    }
    .feedback__rating img{
        height:1.375rem
    }
    .feedback__rating:not(:last-child){
        margin-bottom:1.5rem
    }
    .feedback__desc{
        font-size:1.5rem
    }
    .feedback__desc p:not(:last-child){
        margin-bottom:1.5rem
    }
    .feedback__link{
        font-size:1.5rem
    }
    .roofs-more p{
        margin-bottom:1.5rem
    }
    .roofs-more p{
        font-size:1.375rem
    }
    .roofs-more .roofs-more__video{
        margin-bottom:1.5rem
    }
    .roofs-more__button{
        margin-top:1rem
    }
    .roofs-more__button--mode{
        margin-top:1rem
    }
    .cohassett p{
        font-size:1.375rem
    }
    .another__text{
        font-size:1.375rem
    }
    .another__text:not(:last-child){
        margin-bottom:2.625rem
    }
    .projects__title{
        font-size:2.8125rem
    }
    .projects__title--small{
        font-size:2.8125rem
    }
    .projects__title--mb:not(:last-child){
        margin-bottom:3.75rem
    }
    .projects__block-link:not(:last-child){
        margin-bottom:4.375rem
    }
    .projects__subtitle{
        font-size:1.875rem
    }
    .projects__subtitle:not(:last-child){
        margin-bottom:3rem
    }
    .projects__items{
        gap:2rem
    }
    .projects__items:not(:last-child){
        margin-bottom:5.875rem
    }
    .projects__title-two{
        font-size:2.5rem
    }
    .projects__link{
        font-size:1.5625rem
    }
    .item-project__image:not(:last-child){
        margin-bottom:1.5rem
    }
    .item-project__title{
        font-size:1.625rem
    }
    .contact__block:not(:last-child){
        margin-bottom:2rem
    }
    .contact__thanks p{
        font-size:1.5rem
    }
    .contact__title{
        font-size:2.8125rem
    }
    .contact__title:not(:last-child){
        margin-bottom:2rem
    }
    .contact__address p{
        font-size:1.25rem
    }
    .contact__subtitle{
        font-size:1.5rem
    }
    .contact__form--call{
        font-size:1.5rem
    }
    .contact__form--call:not(:last-child){
        margin-bottom:2rem
    }
}
@media (min-width:82em){
    .menu__list li a{
        padding-inline:2rem
    }
    .menu__list li a{
        padding-block:1.09375rem
    }
    .menu__list li a{
        font-size:1.25rem
    }
}
@media screen and (max-width:60em){
    .post-content .wp-video{
        overflow:hidden;
        max-width:100%!important;
        width:100%!important
    }
    .post-content .wp-video-shortcode{
        overflow:hidden;
        max-width:100%!important;
        width:100%!important
    }
}
@media screen and (max-width:48em){
    .post-content p{
        margin-block:.625rem
    }
    .post-content h2{
        font-size:1.5rem
    }
}
@media (max-width:20em){
    .input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder{
        font-size:.875rem
    }
    .input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder{
        font-size:.875rem
    }
    .input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder{
        font-size:.875rem
    }
    .input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder{
        font-size:.875rem
    }
    .input[placeholder]:not([data-placeholder-nohiden])::placeholder{
        font-size:.875rem
    }
    .title-project{
        margin-bottom:1.125rem
    }
    .description-block__title{
        font-size:1.625rem
    }
    .description-block__text{
        font-size:.875rem
    }
    .description-block__text{
        margin-bottom:1rem
    }
    .description-block__text p:not(:last-child){
        margin-bottom:1rem
    }
    .description-block__button{
        font-size:.875rem
    }
    .title-section{
        font-size:1.625rem
    }
    .title-section:not(:last-child){
        margin-bottom:1.5rem
    }
    .container-section{
        padding-top:2.625rem
    }
    .container-section{
        padding-bottom:2.625rem
    }
    .header__top{
        min-height:5rem
    }
    .header__logo img{
        width:9.375rem
    }
    .header__call p{
        font-size:.875rem
    }
    .header__call a{
        font-size:1rem
    }
    .footer__container{
        padding-top:2rem
    }
    .footer__container{
        padding-bottom:2.625rem
    }
    .footer__address{
        gap:.875rem
    }
    .footer__address img{
        width:9.375rem
    }
    .footer__address p{
        font-size:1rem
    }
    .navigation__list{
        font-size:1rem
    }
    .form-footer__input input{
        font-size:.875rem
    }
    .form-footer__textarea textarea{
        font-size:.875rem
    }
    .form-footer__button{
        font-size:.875rem
    }
    .main__container{
        padding-top:2.625rem
    }
    .main__container{
        padding-bottom:2.625rem
    }
    .main__title{
        font-size:1.625rem
    }
    .main__title--page:not(:last-child){
        margin-bottom:2.625rem
    }
    .main__text{
        font-size:1rem
    }
    .main__text:not(:last-child){
        margin-bottom:1.875rem
    }
    .main__rating:not(:last-child){
        margin-bottom:2.1875rem
    }
    .form-main__input{
        font-size:.875rem
    }
    .form-main__textarea{
        font-size:.875rem
    }
    .form-main__button{
        font-size:1.375rem
    }
    .roofing__container{
        padding-top:2rem
    }
    .roofing__container{
        padding-bottom:2rem
    }
    .roofing__lopping-video{
        font-size:1.125rem
    }
    .roofing__description{
        padding-left:1.5rem
    }
    .feedback__container{
        padding-top:2rem
    }
    .feedback__container{
        padding-bottom:2rem
    }
    .feedback__title{
        font-size:1.5rem
    }
    .feedback__title:not(:last-child){
        margin-bottom:1rem
    }
    .feedback__rating img{
        width:.9375rem
    }
    .feedback__rating img{
        height:.75rem
    }
    .feedback__rating:not(:last-child){
        margin-bottom:1rem
    }
    .feedback__desc{
        font-size:1rem
    }
    .feedback__desc p:not(:last-child){
        margin-bottom:1rem
    }
    .feedback__link{
        font-size:1rem
    }
    .roofs-more p{
        margin-bottom:1rem
    }
    .roofs-more p{
        font-size:1rem
    }
    .roofs-more .roofs-more__video{
        margin-bottom:.625rem
    }
    .roofs-more__button{
        margin-top:.5rem
    }
    .roofs-more__button--mode{
        margin-top:.5rem
    }
    .cohassett p{
        font-size:1rem
    }
    .another__text{
        font-size:1rem
    }
    .another__text:not(:last-child){
        margin-bottom:1.5rem
    }
    .projects__title{
        font-size:1.75rem
    }
    .projects__title--small{
        font-size:1.75rem
    }
    .projects__title--mb:not(:last-child){
        margin-bottom:1.5rem
    }
    .projects__block-link:not(:last-child){
        margin-bottom:2rem
    }
    .projects__subtitle{
        font-size:1.25rem
    }
    .projects__subtitle:not(:last-child){
        margin-bottom:1.5rem
    }
    .projects__items{
        gap:1.25rem
    }
    .projects__items:not(:last-child){
        margin-bottom:2rem
    }
    .projects__title-two{
        font-size:1.375rem
    }
    .projects__link{
        font-size:1rem
    }
    .item-project__image:not(:last-child){
        margin-bottom:.875rem
    }
    .item-project__title{
        font-size:.875rem
    }
    .contact__block:not(:last-child){
        margin-bottom:1rem
    }
    .contact__thanks p{
        font-size:1rem
    }
    .contact__title{
        font-size:1.75rem
    }
    .contact__title:not(:last-child){
        margin-bottom:1.25rem
    }
    .contact__address p{
        font-size:1rem
    }
    .contact__subtitle{
        font-size:1.125rem
    }
    .contact__form--call{
        font-size:1.125rem
    }
    .contact__form--call:not(:last-child){
        margin-bottom:1.5rem
    }
}
@media (max-width:69.99875em){
    .roofs-more__description{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .roofs-more__image{
        -ms-grid-column-align:center;
        justify-self:center;
        margin-right:0
    }
    .cohassett__description{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .cohassett__image{
        -ms-grid-column-align:center!important;
        justify-self:center!important;
        margin-right:0
    }
    .another__image{
        width:100%
    }
}
@media (max-width:69.99875em) and (max-width:20em){
    .roofs-more__image{
        width:22.1875rem
    }
    .roofs-more__image{
        min-height:17.625rem
    }
    .roofs-more__image{
        margin-bottom:1.5rem
    }
    .cohassett__image{
        width:22.1875rem
    }
    .cohassett__image{
        height:14.375rem
    }
}
@media (max-width:61.99875em){
    .contact__container{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .contact__address{
        -ms-grid-row:2;
        -ms-grid-row-span:1;
        grid-row:2/3;
        margin:0 auto
    }
    .contact__form{
        margin:0 auto;
        -ms-grid-row:1;
        -ms-grid-row-span:1;
        grid-row:1/2
    }
}
@media (max-width:61.99875em) and (max-width:20em){
    .contact__container{
        row-gap:1.5rem
    }
    .contact__address{
        width:20rem
    }
    .contact__form{
        width:20rem
    }
}
@media screen and (max-width:55.625em){
    .post-content .wp-caption{
        overflow:hidden;
        width:100%!important
    }
}
@media (max-width:47.99875em){
    .rating--none{
        display:none
    }
    .rating{
        -webkit-transform:scale(1.2);
        -ms-transform:scale(1.2);
        transform:scale(1.2)
    }
    .rating__reviews--page{
        color:#fff;
        border:none
    }
    .header__none{
        display:none
    }
    .header__rating{
        margin-top:2.1875rem
    }
    .header__call p{
        margin-bottom:0
    }
    .footer__container{
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr
    }
    .form-footer{
        -ms-grid-column-span:2;
        grid-column:span 2
    }
    .main__title--page:not(:last-child){
        margin-bottom:.75rem
    }
    .roofing__container{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        gap:2rem
    }
    .roofing__video{
        -ms-grid-row:2;
        -ms-grid-row-span:1;
        grid-row:2/3
    }
    .roofing__description{
        padding-left:0;
        -ms-grid-row:1;
        -ms-grid-row-span:1;
        grid-row:1/2
    }
    .additions__container{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        gap:2rem
    }
    .projects__items{
        -ms-grid-columns:(1fr)[2];
        grid-template-columns:repeat(2,1fr)
    }
}
@media (max-width:47.99875em) and (max-width:20em){
    .header__rating{
        margin-bottom:2.5rem
    }
}
@media (max-width:29.99875em){
    .header__call{
        -ms-grid-column-align:end;
        justify-self:end
    }
    .header__bottom{
        text-align:right
    }
    .header__menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:end;
        -ms-flex-pack:end;
        justify-content:end
    }
    .menu__body{
        display:-ms-grid;
        display:grid;
        place-content:center;
        opacity:0;
        position:fixed;
        -webkit-transform:translateX(-100%);
        -ms-transform:translateX(-100%);
        transform:translateX(-100%);
        -webkit-transition:all .6s ease 0s;
        transition:all .6s ease 0s;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background-color:#2e649a
    }
    .menu-open .menu__body{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
    .menu__list{
        display:-ms-grid;
        display:grid;
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        justify-items:center;
        gap:1.875rem;
        min-width:21.875rem
    }
    .menu__list li{
        width:100%;
        text-align:center
    }
    .menu__list li a{
        padding-inline:.875rem
    }
    .menu__list li a{
        padding-block:.625rem
    }
    .menu__list li a{
        font-size:1rem
    }
    .menu__list li a{
        font-size:2rem
    }
    .icon-menu{
        display:block;
        position:relative;
        width:1.875rem;
        height:1.125rem;
        z-index:5
    }
    .icon-menu span,.icon-menu::after,.icon-menu::before{
        content:"";
        -webkit-transition:all .3s ease 0s;
        transition:all .3s ease 0s;
        right:0;
        position:absolute;
        width:100%;
        height:.125rem;
        background-color:#fff
    }
    .icon-menu::before{
        top:0
    }
    .icon-menu::after{
        bottom:0
    }
    .icon-menu span{
        top:calc(50% - .0625rem)
    }
    .menu-open .icon-menu span{
        width:0
    }
    .menu-open .icon-menu::before{
        top:calc(50% - .0625rem);
        -webkit-transform:rotate(-45deg);
        -ms-transform:rotate(-45deg);
        transform:rotate(-45deg)
    }
    .menu-open .icon-menu::after{
        bottom:calc(50% - .0625rem);
        -webkit-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
        transform:rotate(45deg)
    }
    .footer__container{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr;
        gap:2.875rem
    }
    .footer__address{
        -ms-grid-row:2;
        -ms-grid-row-span:1;
        grid-row:2/3
    }
    .navigation{
        display:none
    }
    .form-footer{
        -ms-grid-column-span:1;
        grid-column:span 1;
        -ms-grid-row:1;
        -ms-grid-row-span:1;
        grid-row:1/2
    }
    .roofs-more__image{
        width:100%;
        margin-bottom:0
    }
    .cohassett__image{
        width:100%
    }
    .another__items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .projects__items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .item-project__title{
        font-size:1.125rem
    }
    .contact__address{
        width:100%
    }
    .contact__form{
        width:100%
    }
    .another__items,.footer__container,.menu__list,.projects__items{
        -ms-grid-columns:1fr;
        grid-template-columns:1fr
    }
    .menu__body{
        -ms-transform:translateX(-100%);
        -webkit-transform:translateX(-100%);
        transform:translateX(-100%);
        -webkit-transition:.6s;
        transition:.6s;
        background-color:#284664
    }
    .roofs-more__image{
        width:100%!important;
        margin-bottom:0!important
    }
    .cohassett__image,.contact__address,.contact__form{
        width:100%
    }
}
@media (max-width:29.99875em) and (max-width:29.99875em){
    .header__bottom{
        padding-top:1rem
    }
    .header__bottom{
        padding-bottom:1rem
    }
}
@media (max-width:29.99875em) and (any-hover:none){
    .icon-menu{
        cursor:default
    }
}
@media (min-width:20em) and (max-width:83.875em){
    @supports (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
        .input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
        .input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
        .input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
        .input[placeholder]:not([data-placeholder-nohiden])::placeholder{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .input[placeholder]:not([data-placeholder-nohiden])::-webkit-input-placeholder{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
        .input[placeholder]:not([data-placeholder-nohiden])::-moz-placeholder{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
        .input[placeholder]:not([data-placeholder-nohiden]):-ms-input-placeholder{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
        .input[placeholder]:not([data-placeholder-nohiden])::-ms-input-placeholder{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
        .input[placeholder]:not([data-placeholder-nohiden])::placeholder{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.125rem ,0.8510273973rem + 1.3698630137vw ,2rem)){
        .title-project{
            margin-bottom:clamp(1.125rem ,.8510273973rem + 1.3698630137vw ,2rem)
        }
    }
    @supports not (margin-bottom:clamp(1.125rem ,0.8510273973rem + 1.3698630137vw ,2rem)){
        .title-project{
            margin-bottom:calc(1.125rem + .875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)){
        .description-block__title{
            font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)
        }
    }
    @supports not (font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)){
        .description-block__title{
            font-size:calc(1.625rem + 1.1875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.718444227rem + 0.782778865vw ,1.375rem)){
        .description-block__text{
            font-size:clamp(1rem ,.718444227rem + .782778865vw ,1.375rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.718444227rem + 0.782778865vw ,1.375rem)){
        .description-block__text{
            font-size:calc(.875rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .description-block__text{
            margin-bottom:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .description-block__text{
            margin-bottom:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .description-block__text p:not(:last-child){
            margin-bottom:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .description-block__text p:not(:last-child){
            margin-bottom:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.718444227rem + 0.782778865vw ,1.375rem)){
        .description-block__button{
            font-size:clamp(.875rem ,.718444227rem + .782778865vw ,1.375rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.718444227rem + 0.782778865vw ,1.375rem)){
        .description-block__button{
            font-size:calc(.875rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)){
        .title-section{
            font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)
        }
    }
    @supports not (font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)){
        .title-section{
            font-size:calc(1.625rem + 1.1875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.5rem ,1.2260273973rem + 1.3698630137vw ,2.375rem)){
        .title-section:not(:last-child){
            margin-bottom:clamp(1.5rem ,1.2260273973rem + 1.3698630137vw ,2.375rem)
        }
    }
    @supports not (margin-bottom:clamp(1.5rem ,1.2260273973rem + 1.3698630137vw ,2.375rem)){
        .title-section:not(:last-child){
            margin-bottom:calc(1.5rem + .875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-top:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)){
        .container-section{
            padding-top:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)
        }
    }
    @supports not (padding-top:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)){
        .container-section{
            padding-top:calc(2.625rem + 2.5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-bottom:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)){
        .container-section{
            padding-bottom:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)
        }
    }
    @supports not (padding-bottom:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)){
        .container-section{
            padding-bottom:calc(2.625rem + 2.5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (min-height:clamp(5rem ,3.7866927593rem + 6.0665362035vw ,8.875rem)){
        .header__top{
            min-height:clamp(5rem ,3.7866927593rem + 6.0665362035vw ,8.875rem)
        }
    }
    @supports not (min-height:clamp(5rem ,3.7866927593rem + 6.0665362035vw ,8.875rem)){
        .header__top{
            min-height:calc(5rem + 3.875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (width:clamp(9.375rem ,6.0090508806rem + 16.8297455969vw ,20.125rem)){
        .header__logo img{
            width:clamp(9.375rem ,6.0090508806rem + 16.8297455969vw ,20.125rem)
        }
    }
    @supports not (width:clamp(9.375rem ,6.0090508806rem + 16.8297455969vw ,20.125rem)){
        .header__logo img{
            width:calc(9.375rem + 10.75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .header__call p{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .header__call p{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .header__call a{
            font-size:clamp(1rem ,.8825831703rem + .5870841487vw ,1.375rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .header__call a{
            font-size:calc(1rem + .375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-top:clamp(2rem ,1.3346379648rem + 3.3268101761vw ,4.125rem)){
        .footer__container{
            padding-top:clamp(2rem ,1.3346379648rem + 3.3268101761vw ,4.125rem)
        }
    }
    @supports not (padding-top:clamp(2rem ,1.3346379648rem + 3.3268101761vw ,4.125rem)){
        .footer__container{
            padding-top:calc(2rem + 2.125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-bottom:clamp(2.625rem ,2.0379158513rem + 2.9354207436vw ,4.5rem)){
        .footer__container{
            padding-bottom:clamp(2.625rem ,2.0379158513rem + 2.9354207436vw ,4.5rem)
        }
    }
    @supports not (padding-bottom:clamp(2.625rem ,2.0379158513rem + 2.9354207436vw ,4.5rem)){
        .footer__container{
            padding-bottom:calc(2.625rem + 1.875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (gap:clamp(0.875rem ,0.718444227rem + 0.782778865vw ,1.375rem)){
        .footer__address{
            gap:clamp(.875rem ,.718444227rem + .782778865vw ,1.375rem)
        }
    }
    @supports not (gap:clamp(0.875rem ,0.718444227rem + 0.782778865vw ,1.375rem)){
        .footer__address{
            gap:calc(.875rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (width:clamp(9.375rem ,6.0090508806rem + 16.8297455969vw ,20.125rem)){
        .footer__address img{
            width:clamp(9.375rem ,6.0090508806rem + 16.8297455969vw ,20.125rem)
        }
    }
    @supports not (width:clamp(9.375rem ,6.0090508806rem + 16.8297455969vw ,20.125rem)){
        .footer__address img{
            width:calc(9.375rem + 10.75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .footer__address p{
            font-size:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .footer__address p{
            font-size:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .navigation__list{
            font-size:clamp(1rem ,.8825831703rem + .5870841487vw ,1.375rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .navigation__list{
            font-size:calc(1rem + .375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-footer__input input{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-footer__input input{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-footer__textarea textarea{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-footer__textarea textarea{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-footer__button{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-footer__button{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-top:clamp(2.625rem ,1.4899706458rem + 5.675146771vw ,6.25rem)){
        .main__container{
            padding-top:clamp(2.625rem ,1.4899706458rem + 5.675146771vw ,6.25rem)
        }
    }
    @supports not (padding-top:clamp(2.625rem ,1.4899706458rem + 5.675146771vw ,6.25rem)){
        .main__container{
            padding-top:calc(2.625rem + 3.625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-bottom:clamp(2.625rem ,1.4899706458rem + 5.675146771vw ,6.25rem)){
        .main__container{
            padding-bottom:clamp(2.625rem ,1.4899706458rem + 5.675146771vw ,6.25rem)
        }
    }
    @supports not (padding-bottom:clamp(2.625rem ,1.4899706458rem + 5.675146771vw ,6.25rem)){
        .main__container{
            padding-bottom:calc(2.625rem + 3.625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)){
        .main__title{
            font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)
        }
    }
    @supports not (font-size:clamp(1.625rem ,1.2531800391rem + 1.8590998043vw ,2.8125rem)){
        .main__title{
            font-size:calc(1.625rem + 1.1875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)){
        .main__title--page:not(:last-child){
            margin-bottom:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)
        }
    }
    @supports not (margin-bottom:clamp(2.625rem ,1.842221135rem + 3.9138943249vw ,5.125rem)){
        .main__title--page:not(:last-child){
            margin-bottom:calc(2.625rem + 2.5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .main__text{
            font-size:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .main__text{
            font-size:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.875rem ,1.2879158513rem + 2.9354207436vw ,3.75rem)){
        .main__text:not(:last-child){
            margin-bottom:clamp(1.875rem ,1.2879158513rem + 2.9354207436vw ,3.75rem)
        }
    }
    @supports not (margin-bottom:clamp(1.875rem ,1.2879158513rem + 2.9354207436vw ,3.75rem)){
        .main__text:not(:last-child){
            margin-bottom:calc(1.875rem + 1.875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(2.1875rem ,1.3068737769rem + 4.4031311155vw ,5rem)){
        .main__rating:not(:last-child){
            margin-bottom:clamp(2.1875rem ,1.3068737769rem + 4.4031311155vw ,5rem)
        }
    }
    @supports not (margin-bottom:clamp(2.1875rem ,1.3068737769rem + 4.4031311155vw ,5rem)){
        .main__rating:not(:last-child){
            margin-bottom:calc(2.1875rem + 2.8125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-main__input{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-main__input{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-main__textarea{
            font-size:clamp(.875rem ,.7967221135rem + .3913894325vw ,1.125rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.7967221135rem + 0.3913894325vw ,1.125rem)){
        .form-main__textarea{
            font-size:calc(.875rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.375rem ,1.1205968689rem + 1.2720156556vw ,2.1875rem)){
        .form-main__button{
            font-size:clamp(1.375rem ,1.1205968689rem + 1.2720156556vw ,2.1875rem)
        }
    }
    @supports not (font-size:clamp(1.375rem ,1.1205968689rem + 1.2720156556vw ,2.1875rem)){
        .form-main__button{
            font-size:calc(1.375rem + .8125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-top:clamp(2rem ,0.0821917808rem + 9.5890410959vw ,8.125rem)){
        .roofing__container{
            padding-top:clamp(2rem ,.0821917808rem + 9.5890410959vw ,8.125rem)
        }
    }
    @supports not (padding-top:clamp(2rem ,0.0821917808rem + 9.5890410959vw ,8.125rem)){
        .roofing__container{
            padding-top:calc(2rem + 6.125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-bottom:clamp(2rem ,0.0821917808rem + 9.5890410959vw ,8.125rem)){
        .roofing__container{
            padding-bottom:clamp(2rem ,.0821917808rem + 9.5890410959vw ,8.125rem)
        }
    }
    @supports not (padding-bottom:clamp(2rem ,0.0821917808rem + 9.5890410959vw ,8.125rem)){
        .roofing__container{
            padding-bottom:calc(2rem + 6.125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.125rem ,0.8901663405rem + 1.1741682975vw ,1.875rem)){
        .roofing__lopping-video{
            font-size:clamp(1.125rem ,.8901663405rem + 1.1741682975vw ,1.875rem)
        }
    }
    @supports not (font-size:clamp(1.125rem ,0.8901663405rem + 1.1741682975vw ,1.875rem)){
        .roofing__lopping-video{
            font-size:calc(1.125rem + .75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-left:clamp(1.5rem ,0.6976516634rem + 4.011741683vw ,4.0625rem)){
        .roofing__description{
            padding-left:clamp(1.5rem ,.6976516634rem + 4.011741683vw ,4.0625rem)
        }
    }
    @supports not (padding-left:clamp(1.5rem ,0.6976516634rem + 4.011741683vw ,4.0625rem)){
        .roofing__description{
            padding-left:calc(1.5rem + 2.5625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-top:clamp(2rem ,1.060665362rem + 4.6966731898vw ,5rem)){
        .feedback__container{
            padding-top:clamp(2rem ,1.060665362rem + 4.6966731898vw ,5rem)
        }
    }
    @supports not (padding-top:clamp(2rem ,1.060665362rem + 4.6966731898vw ,5rem)){
        .feedback__container{
            padding-top:calc(2rem + 3 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (padding-bottom:clamp(2rem ,1.060665362rem + 4.6966731898vw ,5rem)){
        .feedback__container{
            padding-bottom:clamp(2rem ,1.060665362rem + 4.6966731898vw ,5rem)
        }
    }
    @supports not (padding-bottom:clamp(2rem ,1.060665362rem + 4.6966731898vw ,5rem)){
        .feedback__container{
            padding-bottom:calc(2rem + 3 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.5rem ,1.0890410959rem + 2.0547945205vw ,2.8125rem)){
        .feedback__title{
            font-size:clamp(1.5rem ,1.0890410959rem + 2.0547945205vw ,2.8125rem)
        }
    }
    @supports not (font-size:clamp(1.5rem ,1.0890410959rem + 2.0547945205vw ,2.8125rem)){
        .feedback__title{
            font-size:calc(1.5rem + 1.3125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__title:not(:last-child){
            margin-bottom:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__title:not(:last-child){
            margin-bottom:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (width:clamp(0.9375rem ,0.7418052838rem + 0.9784735812vw ,1.5625rem)){
        .feedback__rating img{
            width:clamp(.9375rem ,.7418052838rem + .9784735812vw ,1.5625rem)
        }
    }
    @supports not (width:clamp(0.9375rem ,0.7418052838rem + 0.9784735812vw ,1.5625rem)){
        .feedback__rating img{
            width:calc(.9375rem + .625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (height:clamp(0.75rem ,0.5543052838rem + 0.9784735812vw ,1.375rem)){
        .feedback__rating img{
            height:clamp(.75rem ,.5543052838rem + .9784735812vw ,1.375rem)
        }
    }
    @supports not (height:clamp(0.75rem ,0.5543052838rem + 0.9784735812vw ,1.375rem)){
        .feedback__rating img{
            height:calc(.75rem + .625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__rating:not(:last-child){
            margin-bottom:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__rating:not(:last-child){
            margin-bottom:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__desc{
            font-size:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__desc{
            font-size:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__desc p:not(:last-child){
            margin-bottom:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__desc p:not(:last-child){
            margin-bottom:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__link{
            font-size:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .feedback__link{
            font-size:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .roofs-more p{
            margin-bottom:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .roofs-more p{
            margin-bottom:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .roofs-more p{
            font-size:clamp(1rem ,.8825831703rem + .5870841487vw ,1.375rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .roofs-more p{
            font-size:calc(1rem + .375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(0.625rem ,0.3510273973rem + 1.3698630137vw ,1.5rem)){
        .roofs-more .roofs-more__video{
            margin-bottom:clamp(.625rem ,.3510273973rem + 1.3698630137vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(0.625rem ,0.3510273973rem + 1.3698630137vw ,1.5rem)){
        .roofs-more .roofs-more__video{
            margin-bottom:calc(.625rem + .875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-top:clamp(0.5rem ,0.343444227rem + 0.782778865vw ,1rem)){
        .roofs-more__button{
            margin-top:clamp(.5rem ,.343444227rem + .782778865vw ,1rem)
        }
    }
    @supports not (margin-top:clamp(0.5rem ,0.343444227rem + 0.782778865vw ,1rem)){
        .roofs-more__button{
            margin-top:calc(.5rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-top:clamp(0.5rem ,0.343444227rem + 0.782778865vw ,1rem)){
        .roofs-more__button--mode{
            margin-top:clamp(.5rem ,.343444227rem + .782778865vw ,1rem)
        }
    }
    @supports not (margin-top:clamp(0.5rem ,0.343444227rem + 0.782778865vw ,1rem)){
        .roofs-more__button--mode{
            margin-top:calc(.5rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .cohassett p{
            font-size:clamp(1rem ,.8825831703rem + .5870841487vw ,1.375rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .cohassett p{
            font-size:calc(1rem + .375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .another__text{
            font-size:clamp(1rem ,.8825831703rem + .5870841487vw ,1.375rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.8825831703rem + 0.5870841487vw ,1.375rem)){
        .another__text{
            font-size:calc(1rem + .375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.5rem ,1.1477495108rem + 1.7612524462vw ,2.625rem)){
        .another__text:not(:last-child){
            margin-bottom:clamp(1.5rem ,1.1477495108rem + 1.7612524462vw ,2.625rem)
        }
    }
    @supports not (margin-bottom:clamp(1.5rem ,1.1477495108rem + 1.7612524462vw ,2.625rem)){
        .another__text:not(:last-child){
            margin-bottom:calc(1.5rem + 1.125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)){
        .projects__title{
            font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)
        }
    }
    @supports not (font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)){
        .projects__title{
            font-size:calc(1.75rem + 1.0625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)){
        .projects__title--small{
            font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)
        }
    }
    @supports not (font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)){
        .projects__title--small{
            font-size:calc(1.75rem + 1.0625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.5rem ,0.7954990215rem + 3.5225048924vw ,3.75rem)){
        .projects__title--mb:not(:last-child){
            margin-bottom:clamp(1.5rem ,.7954990215rem + 3.5225048924vw ,3.75rem)
        }
    }
    @supports not (margin-bottom:clamp(1.5rem ,0.7954990215rem + 3.5225048924vw ,3.75rem)){
        .projects__title--mb:not(:last-child){
            margin-bottom:calc(1.5rem + 2.25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(2rem ,1.2563600783rem + 3.7181996086vw ,4.375rem)){
        .projects__block-link:not(:last-child){
            margin-bottom:clamp(2rem ,1.2563600783rem + 3.7181996086vw ,4.375rem)
        }
    }
    @supports not (margin-bottom:clamp(2rem ,1.2563600783rem + 3.7181996086vw ,4.375rem)){
        .projects__block-link:not(:last-child){
            margin-bottom:calc(2rem + 2.375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.25rem ,1.0543052838rem + 0.9784735812vw ,1.875rem)){
        .projects__subtitle{
            font-size:clamp(1.25rem ,1.0543052838rem + .9784735812vw ,1.875rem)
        }
    }
    @supports not (font-size:clamp(1.25rem ,1.0543052838rem + 0.9784735812vw ,1.875rem)){
        .projects__subtitle{
            font-size:calc(1.25rem + .625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.5rem ,1.030332681rem + 2.3483365949vw ,3rem)){
        .projects__subtitle:not(:last-child){
            margin-bottom:clamp(1.5rem ,1.030332681rem + 2.3483365949vw ,3rem)
        }
    }
    @supports not (margin-bottom:clamp(1.5rem ,1.030332681rem + 2.3483365949vw ,3rem)){
        .projects__subtitle:not(:last-child){
            margin-bottom:calc(1.5rem + 1.5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (gap:clamp(1.25rem ,1.0151663405rem + 1.1741682975vw ,2rem)){
        .projects__items{
            gap:clamp(1.25rem ,1.0151663405rem + 1.1741682975vw ,2rem)
        }
    }
    @supports not (gap:clamp(1.25rem ,1.0151663405rem + 1.1741682975vw ,2rem)){
        .projects__items{
            gap:calc(1.25rem + .75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(2rem ,0.7866927593rem + 6.0665362035vw ,5.875rem)){
        .projects__items:not(:last-child){
            margin-bottom:clamp(2rem ,.7866927593rem + 6.0665362035vw ,5.875rem)
        }
    }
    @supports not (margin-bottom:clamp(2rem ,0.7866927593rem + 6.0665362035vw ,5.875rem)){
        .projects__items:not(:last-child){
            margin-bottom:calc(2rem + 3.875 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.375rem ,1.0227495108rem + 1.7612524462vw ,2.5rem)){
        .projects__title-two{
            font-size:clamp(1.375rem ,1.0227495108rem + 1.7612524462vw ,2.5rem)
        }
    }
    @supports not (font-size:clamp(1.375rem ,1.0227495108rem + 1.7612524462vw ,2.5rem)){
        .projects__title-two{
            font-size:calc(1.375rem + 1.125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.8238747554rem + 0.8806262231vw ,1.5625rem)){
        .projects__link{
            font-size:clamp(1rem ,.8238747554rem + .8806262231vw ,1.5625rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.8238747554rem + 0.8806262231vw ,1.5625rem)){
        .projects__link{
            font-size:calc(1rem + .5625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(0.875rem ,0.6793052838rem + 0.9784735812vw ,1.5rem)){
        .item-project__image:not(:last-child){
            margin-bottom:clamp(.875rem ,.6793052838rem + .9784735812vw ,1.5rem)
        }
    }
    @supports not (margin-bottom:clamp(0.875rem ,0.6793052838rem + 0.9784735812vw ,1.5rem)){
        .item-project__image:not(:last-child){
            margin-bottom:calc(.875rem + .625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(0.875rem ,0.6401663405rem + 1.1741682975vw ,1.625rem)){
        .item-project__title{
            font-size:clamp(.875rem ,.6401663405rem + 1.1741682975vw ,1.625rem)
        }
    }
    @supports not (font-size:clamp(0.875rem ,0.6401663405rem + 1.1741682975vw ,1.625rem)){
        .item-project__title{
            font-size:calc(.875rem + .75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1rem ,0.686888454rem + 1.5655577299vw ,2rem)){
        .contact__block:not(:last-child){
            margin-bottom:clamp(1rem ,.686888454rem + 1.5655577299vw ,2rem)
        }
    }
    @supports not (margin-bottom:clamp(1rem ,0.686888454rem + 1.5655577299vw ,2rem)){
        .contact__block:not(:last-child){
            margin-bottom:calc(1rem + 1 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .contact__thanks p{
            font-size:clamp(1rem ,.843444227rem + .782778865vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.843444227rem + 0.782778865vw ,1.5rem)){
        .contact__thanks p{
            font-size:calc(1rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)){
        .contact__title{
            font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)
        }
    }
    @supports not (font-size:clamp(1.75rem ,1.4173189824rem + 1.6634050881vw ,2.8125rem)){
        .contact__title{
            font-size:calc(1.75rem + 1.0625 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.25rem ,1.0151663405rem + 1.1741682975vw ,2rem)){
        .contact__title:not(:last-child){
            margin-bottom:clamp(1.25rem ,1.0151663405rem + 1.1741682975vw ,2rem)
        }
    }
    @supports not (margin-bottom:clamp(1.25rem ,1.0151663405rem + 1.1741682975vw ,2rem)){
        .contact__title:not(:last-child){
            margin-bottom:calc(1.25rem + .75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1rem ,0.9217221135rem + 0.3913894325vw ,1.25rem)){
        .contact__address p{
            font-size:clamp(1rem ,.9217221135rem + .3913894325vw ,1.25rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.9217221135rem + 0.3913894325vw ,1.25rem)){
        .contact__address p{
            font-size:calc(1rem + .25 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.125rem ,1.0075831703rem + 0.5870841487vw ,1.5rem)){
        .contact__subtitle{
            font-size:clamp(1.125rem ,1.0075831703rem + .5870841487vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1.125rem ,1.0075831703rem + 0.5870841487vw ,1.5rem)){
        .contact__subtitle{
            font-size:calc(1.125rem + .375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (font-size:clamp(1.125rem ,1.0075831703rem + 0.5870841487vw ,1.5rem)){
        .contact__form--call{
            font-size:clamp(1.125rem ,1.0075831703rem + .5870841487vw ,1.5rem)
        }
    }
    @supports not (font-size:clamp(1.125rem ,1.0075831703rem + 0.5870841487vw ,1.5rem)){
        .contact__form--call{
            font-size:calc(1.125rem + .375 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.5rem ,1.343444227rem + 0.782778865vw ,2rem)){
        .contact__form--call:not(:last-child){
            margin-bottom:clamp(1.5rem ,1.343444227rem + .782778865vw ,2rem)
        }
    }
    @supports not (margin-bottom:clamp(1.5rem ,1.343444227rem + 0.782778865vw ,2rem)){
        .contact__form--call:not(:last-child){
            margin-bottom:calc(1.5rem + .5 * (100vw - 20rem)/ 63.875)
        }
    }
}
@media (max-width:47.99875em) and (min-width:83.875em){
    .header__rating{
        margin-bottom:4.375rem
    }
}
@media (max-width:47.99875em) and (min-width:20em) and (max-width:83.875em){
    @supports (margin-bottom:clamp(2.5rem ,1.9129158513rem + 2.9354207436vw ,4.375rem)){
        .header__rating{
            margin-bottom:clamp(2.5rem ,1.9129158513rem + 2.9354207436vw ,4.375rem)
        }
    }
    @supports not (margin-bottom:clamp(2.5rem ,1.9129158513rem + 2.9354207436vw ,4.375rem)){
        .header__rating{
            margin-bottom:calc(2.5rem + 1.875 * (100vw - 20rem)/ 63.875)
        }
    }
}
@media (max-width:29.99875em) and (min-width:47.99875em){
    .header__bottom{
        padding-top:1.5rem
    }
    .header__bottom{
        padding-bottom:1.5rem
    }
}
@media (max-width:29.99875em) and (min-width:29.99875em) and (max-width:47.99875em){
    @supports (padding-top:clamp(1rem ,0.1667013889rem + 2.7777777778vw ,1.5rem)){
        .header__bottom{
            padding-top:clamp(1rem ,.1667013889rem + 2.7777777778vw ,1.5rem)
        }
    }
    @supports not (padding-top:clamp(1rem ,0.1667013889rem + 2.7777777778vw ,1.5rem)){
        .header__bottom{
            padding-top:calc(1rem + .5 * (100vw - 29.99875rem)/ 18)
        }
    }
    @supports (padding-bottom:clamp(1rem ,0.1667013889rem + 2.7777777778vw ,1.5rem)){
        .header__bottom{
            padding-bottom:clamp(1rem ,.1667013889rem + 2.7777777778vw ,1.5rem)
        }
    }
    @supports not (padding-bottom:clamp(1rem ,0.1667013889rem + 2.7777777778vw ,1.5rem)){
        .header__bottom{
            padding-bottom:calc(1rem + .5 * (100vw - 29.99875rem)/ 18)
        }
    }
}
@media (min-width:29.99875em) and (max-width:82em){
    @supports (padding-inline:clamp(0.875rem ,0.2260041826rem + 2.1634095334vw ,2rem)){
        .menu__list li a{
            padding-inline:clamp(.875rem ,.2260041826rem + 2.1634095334vw ,2rem)
        }
    }
    @supports not (padding-inline:clamp(0.875rem ,0.2260041826rem + 2.1634095334vw ,2rem)){
        .menu__list li a{
            padding-inline:calc(.875rem + 1.125 * (100vw - 29.99875rem)/ 52.00125)
        }
    }
    @supports (padding-block:clamp(0.625rem ,0.3545850761rem + 0.9014206389vw ,1.09375rem)){
        .menu__list li a{
            padding-block:clamp(.625rem ,.3545850761rem + .9014206389vw ,1.09375rem)
        }
    }
    @supports not (padding-block:clamp(0.625rem ,0.3545850761rem + 0.9014206389vw ,1.09375rem)){
        .menu__list li a{
            padding-block:calc(.625rem + .46875 * (100vw - 29.99875rem)/ 52.00125)
        }
    }
    @supports (font-size:clamp(1rem ,0.8557787072rem + 0.4807576741vw ,1.25rem)){
        .menu__list li a{
            font-size:clamp(1rem ,.8557787072rem + .4807576741vw ,1.25rem)
        }
    }
    @supports not (font-size:clamp(1rem ,0.8557787072rem + 0.4807576741vw ,1.25rem)){
        .menu__list li a{
            font-size:calc(1rem + .25 * (100vw - 29.99875rem)/ 52.00125)
        }
    }
}
@media (max-width:69.99875em) and (min-width:83.875em){
    .roofs-more__image{
        width:40.9375rem
    }
    .roofs-more__image{
        min-height:27.625rem
    }
    .roofs-more__image{
        margin-bottom:2.5rem
    }
    .cohassett__image{
        width:40.9375rem
    }
    .cohassett__image{
        height:27.625rem
    }
}
@media (max-width:69.99875em) and (min-width:20em) and (max-width:83.875em){
    @supports (width:clamp(22.1875rem ,16.3166585127rem + 29.3542074364vw ,40.9375rem)){
        .roofs-more__image{
            width:clamp(22.1875rem ,16.3166585127rem + 29.3542074364vw ,40.9375rem)
        }
    }
    @supports not (width:clamp(22.1875rem ,16.3166585127rem + 29.3542074364vw ,40.9375rem)){
        .roofs-more__image{
            width:calc(22.1875rem + 18.75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (min-height:clamp(17.625rem ,14.4938845401rem + 15.6555772994vw ,27.625rem)){
        .roofs-more__image{
            min-height:clamp(17.625rem ,14.4938845401rem + 15.6555772994vw ,27.625rem)
        }
    }
    @supports not (min-height:clamp(17.625rem ,14.4938845401rem + 15.6555772994vw ,27.625rem)){
        .roofs-more__image{
            min-height:calc(17.625rem + 10 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (margin-bottom:clamp(1.5rem ,1.186888454rem + 1.5655577299vw ,2.5rem)){
        .roofs-more__image{
            margin-bottom:clamp(1.5rem ,1.186888454rem + 1.5655577299vw ,2.5rem)
        }
    }
    @supports not (margin-bottom:clamp(1.5rem ,1.186888454rem + 1.5655577299vw ,2.5rem)){
        .roofs-more__image{
            margin-bottom:calc(1.5rem + 1 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (width:clamp(22.1875rem ,16.3166585127rem + 29.3542074364vw ,40.9375rem)){
        .cohassett__image{
            width:clamp(22.1875rem ,16.3166585127rem + 29.3542074364vw ,40.9375rem)
        }
    }
    @supports not (width:clamp(22.1875rem ,16.3166585127rem + 29.3542074364vw ,40.9375rem)){
        .cohassett__image{
            width:calc(22.1875rem + 18.75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (height:clamp(14.375rem ,10.2262720157rem + 20.7436399217vw ,27.625rem)){
        .cohassett__image{
            height:clamp(14.375rem ,10.2262720157rem + 20.7436399217vw ,27.625rem)
        }
    }
    @supports not (height:clamp(14.375rem ,10.2262720157rem + 20.7436399217vw ,27.625rem)){
        .cohassett__image{
            height:calc(14.375rem + 13.25 * (100vw - 20rem)/ 63.875)
        }
    }
}
@media (max-width:61.99875em) and (min-width:83.875em){
    .contact__container{
        row-gap:2.625rem
    }
    .contact__address{
        width:53.75rem
    }
    .contact__form{
        width:53.75rem
    }
}
@media (max-width:61.99875em) and (min-width:20em) and (max-width:83.875em){
    @supports (row-gap:clamp(1.5rem ,1.1477495108rem + 1.7612524462vw ,2.625rem)){
        .contact__container{
            row-gap:clamp(1.5rem ,1.1477495108rem + 1.7612524462vw ,2.625rem)
        }
    }
    @supports not (row-gap:clamp(1.5rem ,1.1477495108rem + 1.7612524462vw ,2.625rem)){
        .contact__container{
            row-gap:calc(1.5rem + 1.125 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (width:clamp(20rem ,9.4324853229rem + 52.8375733855vw ,53.75rem)){
        .contact__address{
            width:clamp(20rem ,9.4324853229rem + 52.8375733855vw ,53.75rem)
        }
    }
    @supports not (width:clamp(20rem ,9.4324853229rem + 52.8375733855vw ,53.75rem)){
        .contact__address{
            width:calc(20rem + 33.75 * (100vw - 20rem)/ 63.875)
        }
    }
    @supports (width:clamp(20rem ,9.4324853229rem + 52.8375733855vw ,53.75rem)){
        .contact__form{
            width:clamp(20rem ,9.4324853229rem + 52.8375733855vw ,53.75rem)
        }
    }
    @supports not (width:clamp(20rem ,9.4324853229rem + 52.8375733855vw ,53.75rem)){
        .contact__form{
            width:calc(20rem + 33.75 * (100vw - 20rem)/ 63.875)
        }
    }
}
@media (any-hover:hover){
    .button-form:hover{
        background-color:#e7211b
    }
    .description-block__button:hover{
        background-color:#2e649a
    }
    .menu__list li a:hover{
        background-color:#3b80c4
    }
}
.webp .main--additions{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.56)),to(rgba(0,0,0,.56))),url(../img/additions-background.webp) center/cover no-repeat
}
.webp .main--additions{
    background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(../img/additions-background.webp) center/cover no-repeat
}
.webp .main--index{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.56)),to(rgba(0,0,0,.56))),url(../img/home-background.webp) center/cover no-repeat
}
.webp .main--index{
    background:linear-gradient(rgba(0,0,0,.56),rgba(0,0,0,.56)),url(../img/home-background.webp) center/cover no-repeat
}
.webp .main--roof{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.45)),to(rgba(0,0,0,.45))),url(../img/roofs-background.webp) top center/cover no-repeat
}
.webp .main--roof{
    background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(../img/roofs-background.webp) top center/cover no-repeat
}
.webp .roofing{
    background:url(../img/brushed-alum-dark.webp) 0 0 repeat
}
 

.post-content .wp-video{
position:relative;
}

.youtube {
    width: 560px; 
    height: 315px; 

    position: absolute; /* positions out of the flow, but according to the nearest parent */
    top: 0; right: 0; /* confuse it i guess */
    bottom: 0; left: 0;
    margin: auto; /* make em equal */
}

.breadcrumbs {
    margin-bottom: 25px;
    margin-left: 30px;
}

.breadcrumbs a {
    color: rgb(40, 70, 100);
    text-decoration: underline;
}

.breadcrumbs > span {
    color: #666
}

.breadcrumb-section{
    padding-top:2.125rem
}

a {
    color: #000ac6;
}

.white {
    padding-top: 50px;
    color: #fff
}

h2.white  {
    padding-top: 0px !important;
    margin-top: 10px;
}



.landing_video {
    padding: 25px;
}

.container-section  p {
    margin-bottom: 25px;
}

h4 {
    font-size: 30px !important;
}

.erd-youtube-responsive 
{
    border: 10px solid white;
}



body .gform_button {
    font-size: 22px !important;
}

  /* Center the text in the <a> element */
  .gform_button {
    text-align: center;
    display: block; /* Ensure the <a> element behaves like a block element */
    width: 100%; /* Make the <a> element fill its container */
  }
	.btn-orange{
		background-color: #f03d36 !important;
	}
	.btn-orange:hover{
		background-color: #e7211b !important;
	}
  @media only screen and (max-width: 600px) {
    #schedule_button {
      white-space: nowrap; /* Prevent text from wrapping */
      overflow: hidden; /* Hide any overflow text */
      text-overflow: ellipsis; /* Display an ellipsis (...) when text overflows */
      font-size: unset!important;
    }
	
	  .roofs-more__image {
		  min-height: 13.375rem !important;
	  }
	  
	  .footer__container {
		  justify-items: normal !important;
	  }
  }
	main ul li{
		margin-bottom:1.5rem;
	}
	.quote-footer-form{
		background:#3b80c4;
		padding:0px;
	}
	.container-section {
    padding-bottom: 20px !important;
}
	@media (min-width: 83.875em){
.container-section {
    padding-bottom: 20px !important;
}
	}
	.quote-footer-form .main__container{
		padding-top:35px;
		padding-bottom:50px;
	}
	.quote-footer-form .gform_wrapper{
		max-width:100%;
		width:600px;
	}
	.quote-footer-form p{
		color:#fff;
	}