.banner_left,
.banner_right,
.banner_text,
#Home-Banner-Slider,
.home_slide {
    height: calc(100vh - 92px);
    height: 100vh;
    float: left;
    position: relative
}

.banner_text .dashline {
    background: #cd1921;
    margin-bottom: 2vw
}

.banner_text .desc {
    bottom: 25vh;
    padding: 30px 30px 35px
}

.banner_text .downloadcircle {
    height: 25vh;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.banner_text .downloadcircle a {
    transform: rotate(90deg);
    margin: 0 0 0 30px
}

.banner_text .downloadcircle .btnarrowcircle:hover span {
    top: 50%;
    left: 60%;
    background: #cd1921
}

.banner_text .downloadcircle .btnarrowcircle:hover span:after {
    border-color: #cd1921 !important
}

.banner_text .downloadcircle .btnarrowcircle:hover {
    background: #fff;
    border-color: #fff !important
}

.banner_text .btnarrowcircle span {
    background: #fff
}

.banner_text .btnarrowcircle span:after,
.banner_text .downloadcircle a {
    border-color: #fff
}

.banner_left {
    width: 10%;
    background: #d2d2d2
}

.banner_text {
    width: 20%;
    background: #fff;
    padding: 0 2vw
}

.banner_right {
    width: 70%
}

.btnarrowcircle {
    margin-top: 3.2vw;
    width: 5vw;
    height: 5vw;
    border: 2px solid #cd1921;
    border-radius: 50%;
    display: inline-block;
    position: relative
}

.btnarrowcircle span {
    transition: all .3s linear;
    width: 2vw;
    height: 2px;
    background: #cd1921;
    font-size: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.btnarrowcircle:hover span {
    left: 60%;
    background: #fff;
    transition: all .25s ease-out
}

.btnarrowcircle:hover {
    background: #cd1921;
    border-color: #cd1921 !important;
    transition: border .25s ease-out
}

.btnarrowcircle span:after {
    content: '';
    font-size: 0;
    width: .8vw;
    height: .8vw;
    border: solid #cd1921;
    border-width: 2px 2px 0 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.btnarrowcircle:hover span:after {
    border-color: #fff !important;
    transition: border .25s ease-out
}

.banner_left:after,
.banner_text:after {
    content: "";
    width: 100%;
    height: 25vh;
    background: #9a9a9a;
    position: absolute;
    left: 0;
    bottom: 0
}

.banner_text:after {
    background: #636466
}

.banner_text p {
    color: #cd1921;
    font-size: 2.1vw;
    line-height: 2.4vw
}


.home_slide {
    display: none;
    position: relative;
}

.home_slide .insideimg {
    width: 100%;
    height: calc(100% - 62px);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 62px;
}

#internal-dry-wall_banner .insideimg {
    background: url(../images/solutions/wall/bg_internal_dry_wall.webp) no-repeat center;
    background-size: cover
}

#solid-dry-wall_banner .insideimg {
    background: url(../images/solutions/wall/bg_solid_dry_wall.webp) no-repeat center;
    background-size: cover
}

#fences-gates_banner .insideimg {
    background: url(../images/solutions/wall/bg_fences_and_gates.webp) no-repeat top center;
    background-size: cover
}

#pre-fab-buildings_banner .insideimg {
    background: url(../images/solutions/wall/bg_pre_fab_buildings.webp) no-repeat center;
    background-size: cover
}


#grid-ceiling_banner .insideimg {
    background: url(../images/solutions/ceiling/bg_grid_ceiling.webp) no-repeat center;
    background-size: cover
}

#concealed-ceiling-grooves_banner .insideimg {
    background: url(../images/solutions/ceiling/bg_concealed_ceiling.webp) no-repeat top center;
    background-size: cover
}

#soffit_banner .insideimg {
    background: url(../images/solutions/ceiling/bg_soffit.webp) no-repeat center;
    background-size: cover
}

#rooftile-underlay_banner .insideimg {
    background: url(../images/solutions/ceiling/bg_rooftile_underlay.webp) no-repeat top center;
    background-size: cover
}

#mezzanine-flooring_banner .insideimg {
    background: url(../images/solutions/flooring/bg_mezzanine_flooring.webp) no-repeat center;
    background-size: cover
}


#external-cladding_banner .insideimg {
    background: url(../images/solutions/cladding/bg_external_cladding.webp) no-repeat center;
    background-size: cover
}

#internal-cladding_banner .insideimg {
    background: url(../images/solutions/cladding/bg_internal_cladding.webp) no-repeat center;
    background-size: cover
}

#duct-encasement_banner .insideimg {
    background: url(../images/solutions/cladding/bg_external_cladding.webp) no-repeat center;
    background-size: cover
}



#Banner05 {
    background: url(../images/home/banners/desktop/banner_05.webp) no-repeat center;
    background-size: cover
}



#Banner01 {
    background: url(../images/solutions/wall/banner_01.webp) no-repeat center;
    background-size: cover
}

#ceilingsbanner #Banner01 {
    background: url(../images/solutions/ceiling/banner_01.html) no-repeat center;
    background-size: cover
}

#claddingbanner #Banner01 {
    background: url(../images/solutions/cladding/banner_01.html) no-repeat center;
    background-size: cover
}

#flooringbanner #Banner01 {
    background: url(../images/solutions/flooring/banner_01.html) no-repeat center;
    background-size: cover
}

.title {
    position: relative
}

.title:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20px;
    width:
}

/* .banner_below{padding:8vw 0 7vw;background-color:#fff} */
/* .banner_below{padding:5vw 0 7vw;background-color:#fff} */
.banner_below {
    padding: 2vw 0 0;
    background-color: #fff
}

.solutions_tab {
    display: flex;
    grid-gap: 20px;
    justify-content: center;
    align-items: center
}

.solutions_tab a {
    padding: 0 5px;
    border: 1px solid #636466;
    width: 20%;
    position: relative;
    font-size: 1.8rem;
    line-height: 2.2rem;
    color: #636466;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    background-color: #d5d6d3;
    background-color: transparent;
    text-align: center;
    transition: all .3s linear
}

.solutions_tab a:hover,
.solutions_tab a.active {
    background-color: #636466;
    color: #fff
}

.solutions_tab a.active:after {
    opacity: 1
}

div.section {
    display: none
}

.top_section {
    padding: 8vw 0 0vw
}

/* .products_about_sec{padding:0 0 5vw} */
.products_about_sec {
    padding: 0;
}

.products_about_sec p {
    padding-bottom: 10px
}

.solutions_productsuse {
    padding: 5vw 0;
    background-color: #d5d6d3;
    position: relative;
    z-index: 1
}

.solutions_productsuse .grape01 {
    position: absolute;
    left: 0;
    bottom: -10vw;
    width: 28vw;
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply
}

.solutions_productsuse .grape02 {
    position: absolute;
    left: auto;
    right: 0;
    top: -10vw;
    width: 28vw;
    -webkit-mix-blend-mode: multiply;
    mix-blend-mode: multiply
}

.solutions_productsuse .headline {
    text-align: center
}

.solutions_productsuse table tr th,
.solutions_productsuse table tr td,
.solutions_productsuse table tr {
    width: 100%;
    float: left
}

.solutions_productsuse table tr th,
.solutions_productsuse table tr td,
.solutions_productsuse table tr td a {
    width: 24%;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #232323;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    padding: 10px 0;
    text-align: center
}

.solutions_productsuse table tr th,
.solutions_productsuse table tr td {
    width: 33%;
    font-size: 1.6rem;
    line-height: 2.1rem;
    color: #232323;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    padding: 10px 0;
    text-align: center
}

.solutions_productsuse table tr th {
    color: #fff;
    font-weight: 700;
    padding: 20px 0
}

.solutions_productsuse table tr th:nth-child(1),
.solutions_productsuse table tr td:nth-child(1) {
    width: 33%;
    text-align: left;
    font-size: 1.6rem;
    line-height: 2.1rem
}

.solutions_productsuse table thead {
    background-color: #545454;
    padding: 0 30px
}

.solutions_productsuse table tbody {
    background-color: #f1f1f1;
    padding: 15px 30px
}

/* .products_i_features{padding:7vw 0 8vw;background-color:#fff;position:relative} */
.products_i_features {
    padding: 5vw 0 8vw;
    background-color: #fff;
    position: relative
}

.products_i_features .titledesc {
    text-align: center;
    margin-bottom: 4vw
}

.products_i_features .titledesc h2 {
    font-size: 3.4rem;
    line-height: 4.4rem;
    color: #4a4c4f
}

.products_i_features .titledesc .title_05 {
    font-size: 3.4rem;
    line-height: 4.4rem;
    color: #4a4c4f
}

.products_i_features .parent {
    justify-content: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 3vw 40px
}

.products_i_features .parent .child {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

.products_i_features .parent .child img {
    width: 34%;
    margin-bottom: 2vw
}

.products_i_features .parent .child {
    color: #000
}

/* .gallery_solution{padding:6vw 0;background-color:rgba(160,163,156,0.1)} */
.gallery_solution {
    padding: 2vw 0;
}

.gallery_solution .headline {
    text-align: center;
    margin-bottom: 2vw
}

.gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.gallery img {
    margin: 0px 41px;
    

}

.gallery_solution .viewmore {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 5vw
}

.gallery_solution .gbtn {
    display: flex
}

.gallery_solution a {
    display: inline-block;
    margin: 50px auto 0 !important;
    color: #40444f;
    text-align: center
}

.gallery_solution a.btnblk,
.gallery_solution a.btnblk:focus,
.gallery_solution a.btnblk:active,
.gallery_solution a.btnblk:hover {
    color: #232323
}

.gallery_solution a.btnblk:focus:after,
.gallery_solution a.btnblk:active:after,
.gallery_solution a.btnblk:hover:after {
    background: #232323
}

.gallery_solution a.view_more,
.gallery_solution a.view_more:focus,
.gallery_solution a.view_more:active,
.gallery_solution a.view_more:hover {
    color: #232323
}

.gallery_solution a.view_more:focus:after,
.gallery_solution a.view_more:active:after,
.gallery_solution a.view_more:hover:after {
    background: #232323
}

/* .products_i_guide{background-color:#d5d6d3;padding:4vw 0 6vw} */
.products_i_guide {
    background-color: #f2f2f2;
    padding: 4vw 0 6vw
}

.products_i_guide h2,
.products_i_guide h2 strong {
    color: #40444f;
    text-transform: capitalize
}

.products_i_guide h2 {
    margin-bottom: 1.5vw;
    text-align: center
}

.products_i_guide .desc {
    display: flex;
    justify-content: center;
    margin-top: 0
}

.products_i_guide .desc a {
    text-transform: capitalize;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    font-size: 1.6rem;
    height: 52px;
    padding: 0 25px;
    background-color: #545454;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.products_i_guide .selectBox-dropdown .selectBox-label {
    border-color: #545454 !important;
    color: #545454 !important;
    font-size: 15px
}

.products_i_guide .selectBox-dropdown .selectBox-label a {
    background-color: transparent !important;
    justify-content: flex-start;
    align-items: center;
    color: #545454
}

.products_i_guide .selectBox-arrow {
    background-color: transparent
}

.products_i_guide .selectBox-arrow:after {
    display: none
}

.products_i_guide .selectBox-arrow:before {
    border-color: #545454;
    top: calc(50% - 5px)
}

.contact {
    position: relative
}

.contact .btn {
    margin: 3vw 0 2vw
}

.contact .angles {
    width: 20vw;
    position: absolute;
    left: auto;
    right: 0;
    top: -24vw
}

section.contact .content {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 6vw 0 3.5vw
}

.dashline {
    width: 60px;
    height: 5px;
    background: #cd1921;
    display: inline-block;
    font-size: 0
}

section.contact .content h2 {
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    margin: 2vw 0 3vw
}

.faqs {
    background-color: #f4f5f4;
    padding: 4.5vw 0 7vw
}

.faqs .headline {
    text-align: center;
    margin-bottom: 1vw
}

.faqs .headline .title_03 strong {
    color: #5e5e5e
}

.accorddiv {
    border-bottom: 1px solid rgba(35, 35, 35, 0.5)
}

.faqs .accorddiv:last-child {
    border: 0
}

.accorddesc {
    display: none
}

.accordhead {
    cursor: pointer;
    position: relative;
    padding: 25px 0 25px 25px;
    margin-bottom: 0
}

.accordhead::before {
    content: '+';
    width: 25px;
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #5e5e5e;
    position: absolute;
    left: 0;
    top: 25px;
    padding: 0
}

.accordshow .accordhead::before {
    content: '-'
}

.accorddesc {
    padding-bottom: 30px
}

.accordshow .accorddesc,
.accorddesc {
    position: relative
}

.accordhead h4 {
    font-family: 'Barlow', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 2.4rem;
    color: #5e5e5e
}

@media only screen and (max-width: 768px) {
    .faqs {
        padding: 7vw 0 10vw
    }

    .accordhead::before,
    .accordhead h4 {
        font-size: 1.4rem;
        line-height: 1.9rem
    }

    .products_about_sec p {
        padding-bottom: 10px
    }

    .banner_left {
        height: 28vh;
        width: 34%;
        position: relative;
        background: #636466
    }

    .banner_left:before,
    .banner_left:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 50%;
        height: 30%;
        background: #9a9a9a;
        z-index: 1
    }

    .banner_left:after {
        left: auto;
        right: 0;
        background: #ccc
    }

    .banner_text {
        height: 28vh;
        width: 66%;
        padding: 20px
    }

    .banner_text .desc {
        bottom: auto;
        top: 50%;
        transform: translateY(-50%);
        background: #fff;
        padding: 30px 15px 35px
    }

    .banner_text:after {
        display: none
    }

    .banner_right,
    #Home-Banner-Slider,
    .home_slide {
        height: calc(72vh - 64px)
    }

    #Home-Banner {
        display: flex;
        flex-flow: column;
        height: 100vh
    }

    #Home-Banner-Slider,
    .banner_right,
    .home_slide,
    .banner_text,
    .banner_left {
        height: auto !important
    }

    .banner_text,
    .banner_left {
        height: 100% !important
    }

    .bottomdesign {
        display: flex;
        height: 100%
    }

    .banner_text p {
        font-size: 6vw;
        line-height: 7.1vw;
        color: #c11921
    }

    .banner_text .dashline {
        margin-bottom: 4vw;
        background: #c11921
    }

    .dashline {
        width: 40px;
        height: 4px
    }

    .downloadcircle {
        height: 50%;
        width: 100%;
        position: absolute;
        top: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(90deg)
    }

    .btnarrowcircle {
        border: 2px solid #c11921;
        margin: 0;
        width: 8vh;
        height: 8vh;
        margin-top: 6vw
    }

    .btnarrowcircle span {
        width: 5vw
    }

    .downloadcircle .btnarrowcircle {
        border: 2px solid #fff;
        transform: rotate(90deg);
        margin: 0
    }

    .downloadcircle .btnarrowcircle span {
        background: #fff;
        width: 5vw
    }

    .downloadcircle .btnarrowcircle span:after,
    .btnarrowcircle span:after {
        border-color: #fff;
        width: 2vw;
        height: 2vw
    }

    .btnarrowcircle span:after {
        border-color: #c11921
    }

    .downloadcircle .btnarrowcircle:hover {
        background: #fff;
        border-color: #fff !important
    }

    .downloadcircle .btnarrowcircle:hover span {
        background: #c11921
    }

    .downloadcircle .btnarrowcircle:hover span:after {
        border-color: #c11921 !important
    }

    .banner_right {
        width: 100%
    }

    .solutions_tab,
    .products_i_features {
        padding: 8vw 0 9vw
    }

    .products_i_solution .titledesc h2,
    .products_i_features .titledesc h2 {
        font-size: 2rem;
        line-height: 2.4rem;
        margin-bottom: 5vw
    }

    .solutions_tab {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        flex-flow: wrap;
        grid-gap: 8px 8px;
        padding: 0
    }

    .solutions_tab a {
        width: 100%;
        font-size: 1.4rem;
        line-height: 1.6rem;
        height: 48px
    }

    .products_i_features .parent {
        grid-gap: 30px 15px;
        padding: 0;
        grid-template-columns: 1fr 1fr
    }

    .products_i_product {
        padding: 10vw 0 12vw
    }

    .products_detailsample {
        grid-template-columns: 1fr;
        padding: 0 30px;
        grid-gap: 20px
    }

    .products_detailsample .left .desc h6 {
        font-size: 3.3vw;
        padding: 15px
    }

    .products_detailsample .right table tbody td {
        padding: 5px 15px;
        font-size: 3vw;
        line-height: 4vw
    }

    .products_detailsample .right table thead td {
        padding: 15px;
        font-size: 3.2vw;
        line-height: 4vw
    }

    .products_detailsample .right table thead {
        padding: 0
    }

    .products_detailsample .right table tbody {
        padding: 10px 0
    }

    .products_detailsample .right .thumbs h3 {
        font-size: 3.6vw;
        line-height: 4.5vw;
        margin: 25px 0 10px
    }

    .products_i_guide {
        padding: 8vw 0
    }

    .products_i_guide .selectBox-arrow {
        width: 40px
    }

    .products_i_guide .selectBox-arrow:before {
        top: calc(50% - 7px)
    }

    .products_i_guide .desc a {
        height: 48px;
        font-size: 1.4rem
    }

    .products_i_guide .desc {
        margin-top: 15px
    }

    .solutions_productsuse table tr th,
    .solutions_productsuse table tr td {
        font-size: 1.4rem;
        line-height: 1.9rem
    }

    .solutions_productsuse {
        padding: 8vw 0 12vw
    }

    .solutions_productsuse .headline h2 {
        margin-bottom: 8vw
    }

    .solutions_productsuse table thead {
        padding: 0 15px
    }

    .solutions_productsuse table tr th,
    .solutions_productsuse table tr td {
        padding: 8px 0
    }

    .solutions_productsuse table tr th {
        padding: 15px 0
    }

    .solutions_productsuse table tbody {
        padding: 10px 15px
    }

    .banner_below {
        padding: 10vw 0 9vw
    }

    .products_about_sec {
        padding-bottom: 10vw
    }

    .gallery_solution {
        padding: 7vw 0 11vw
    }

    .gallery_solution a {
        font-size: 1.4rem;
        line-height: 1.9rem;
        margin-top: 30px !important
    }

    .gallery_solution a.btn:after,
    form .submit label:after {
        background: #232323
    }

    .gallery_solution a.btnblk:focus:after,
    .gallery_solution a.btnblk:active:after,
    .gallery_solution a.btnblk:hover:after {
        background: #232323
    }

    .contact .btn {
        margin: 8vw 0 4vw
    }

    .contact .btn:after {
        background: #232323
    }
}