* {
    margin:0px;
    padding:0px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
html,body {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-size:16px;
    color:#000;
}
body {
    background:#fff;
}
img {
    border:0px;
    display:block;
    max-width: 100%;
}
a,input {
    outline:none;
    text-decoration: none;
    transition: all 0.3s;
}
button.slick { border: none !important; background: none !important; }
.slick-prev { position: absolute; bottom: 20px; left: 0; }
.slick-next { position: absolute; bottom: 20px; left: 50px; }
.product-slider { padding-bottom: 50px; }
ul,ol{
    padding: 0;
    margin: 0;
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    font-style: normal;
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 300;
}
h1{
    font-size: 70px;
    line-height: 120%;
    font-weight: 300;
    margin-bottom: 30px;
}
h2{
    font-size: 55px;
    line-height: 100%;
}
h3{
    font-size: 35px;
    line-height: 100%;
    color: #000;
}
h4{
    font-size: 28px;
    line-height: 130%;
}
.text-lg{
    font-size: 20px;
    line-height: 140%;
}
.text-sm{
    font-size: 12px;
    line-height: 140%;
}
p{
    font-size: 18px;
    line-height: 140%;
    font-weight: 300;
}

.button{
    font-size: 18px;
    line-height: 140%;
    background-color: #bc9c22;
    border: solid 1px #bc9c22;
    position: relative;
    border-radius: 30px;
    color: #fff;
    padding: 8px 50px 8px 14px;
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.4px;
    display: inline-flex;
    transition: all 0.3s;
}
input[type='submit'].button { padding: 8px 14px 8px 14px; }
.button::after,
.button2::after{
    position: absolute;
    right: 15px;
    top: 12px;
    content: "";
    width: 20px;
    height: 20px;
    background: url(../images/arrow-white.svg) no-repeat center/22px;
    transition: all 0.3s;
}

.button2{
    font-size: 18px;
    line-height: 140%;
    border: solid 1px #bc9c22;
    position: relative;
    border-radius: 30px;
    color: #bc9c22;
    padding: 8px 50px 8px 14px;
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 300;
    font-style: italic;
    letter-spacing: 0.4px;
    display: inline-flex;
    transition: all 0.3s;
}
.button2::after{
    background: url(../images/arrow-brown.svg) no-repeat center/22px;
}
.button:hover:after,
.button2:hover:after{
    right: 5px;
}
.container{
    max-width: 1142px;
    padding-left: 15px;
    padding-right: 15px;
}

/* ibm-plex */

.ibm-plex-sans-thin {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.ibm-plex-sans-extralight {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.ibm-plex-sans-light {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ibm-plex-sans-regular {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ibm-plex-sans-medium {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ibm-plex-sans-semibold {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.ibm-plex-sans-bold {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ibm-plex-sans-thin-italic {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.ibm-plex-sans-extralight-italic {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 200;
    font-style: italic;
}

.ibm-plex-sans-light-italic {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ibm-plex-sans-regular-italic {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.ibm-plex-sans-medium-italic {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ibm-plex-sans-semibold-italic {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 600;
    font-style: italic;
}

.ibm-plex-sans-bold-italic {
    font-family: "IBM Plex Serif", sans-serif;
    font-weight: 700;
    font-style: italic;
}

/* ubuntu */

.ubuntu-light {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.ubuntu-medium {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.ubuntu-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.ubuntu-light-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.ubuntu-regular-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.ubuntu-medium-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.ubuntu-bold-italic {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: italic;
}



/* section */
#section {
    position:relative;
    display:block;
    width:100%;
    min-height: 100%;
}
/* page wrap */
#page-wrap {
    margin:0 auto;
    width: 100%;
    overflow: hidden;
}
/* header */
#header-wrap {
    position: fixed;
    width: 100%;
    padding: 10px 0;
    transition: all 0.4s;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: #fff !important;
}

body.home #header-wrap {
/*    background-color: #314528 !important;*/
}

/*#header-wrap.sticky{
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 9999;
}*/

#header-wrap .container-fluid{
    padding: 0 50px;
}
header .logo { max-width: 150px; height: auto; }
.task-with-logo-wrap .right-image { max-width: 300px; height: auto; }
.logo a {
    display: block;
}
/* nav block */
.nav-block {

}
.nav-block > ul {
    display: flex;
    align-items: center;
}
.nav-block > ul > li {
    margin-right: 41px;
    position: relative;
}
.nav-block > ul > li > a {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
}
.lang{
    font-size: 14px;
    color: #fff;
    border: solid 1px #fff;
    padding: 9px 38px 9px 14px;
    background: url(../images/down.svg) no-repeat right 12px/60% 40%;
    border-radius: 30px;
    background-color: #314528;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    margin-left: 42px;
}

/* content */
#content-wrap {
    width: 100%;
    transition: all 0.4s;
}

.banner-wrap{
    background-color: #314528;
    padding: 202px 0 150px;
    color: #fff;
    margin-bottom: 150px;
}
.banner-wrap .inner{
    position: relative;
}
.banner-wrap h1{
    position: relative;
    z-index: 9;
}
.banner-wrap .half {
    width: 45%;
}
.banner-wrap .half p{
    font-weight: 300;
    font-size: 16px;
    line-height: 160%;
}
.banner-wrap .m-logo{
    position: absolute;
    left: 53.5%;
    bottom: -160px;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.banner-wrap .right-image{
    position: absolute;
    right: -7%;
    bottom: 5%;
    transform: translate(50%, 50%);
    width: 100%;
}

body.page-template-page-tpl-contact  .banner-wrap .right-image {
    max-height: 500px;
}

.m-show-logo img { max-width: 200px; }

.mt-head { margin-top: 70px; }


/* our-range-wrap */
.our-range-wrap {
    padding: 60px 0;
}
.our-range-wrap .title p,
.process-wrap .title p{
    font-size: 14px;
    line-height: 160%;
    color: #bc9c22;
    text-transform: uppercase;
    margin-bottom: 22px;
}
.our-range-wrap .title h3,
.process-wrap .title h3{
    line-height: 120%;
}

.our-range-wrap form { max-width: 550px; }

.product-slider .slick-list {
    overflow: inherit;
    margin: 0 -35px;
}
.product-slider .slick-list  .slick-slide {
    padding: 0 35px;
}
.product-slider .slick-list figure {
    background-color: #e4e5cb;
    height: auto; /* 444px? */
    overflow: hidden;
}
.product-slider .slick-list figure img{
    width: 100%;
    transition: all 0.4s;
}
.product-slider a{
    display: block;
    transition: all 0.4s;
}
.product-slider a:hover figure img{
    transform: scale(1.08);
}
.product-slider p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    line-height: 140%;
    font-weight: 300;
    color: #bc9c22;
    padding: 25px 0;
}
.product-slider p img{
    position: relative;
    transition: all 0.4s;
}
.product-slider a:hover p img{
    left: 5px;
}

/* CSS */
.product-link {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 140%;
    font-weight: 300;
    color: #bc9c22;
    padding-right: 25px; /* Ruimte voor het pijltje */
    text-decoration: none;
    width: 100%;
}

.product-link::after {
    content: url('../images/arrow-brown.svg');
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
    transition: right 0.4s ease;
}

.product-slider a:hover .product-link::after {
    right: 0px;
}
.product-slider .slick-list  .slick-slide:nth-child(2n) {
    margin-top: 100px;
}
.product-slider .slick-list  .slick-slide:nth-child(3) {
    margin-top: 30px;
}


/* task-wrap */
.light{
    background-color: #e4e5cb;
}
.dark-green{
    background-color: #314528;
    color: #fff;
}
.task-wrap.white{
    padding-bottom: 200px;
    margin-top: 20px;
}
.task-wrap{
    padding: 110px 0;
    margin: 40px 0;
}
.task-wrap .text{
    padding-top: 45px;
    padding-left: 17px;
}
/* .task-wrap figure img {
    width: 100%;
    height: auto;
    max-width: 100%;
} */
.task-wrap h2,
.task-with-logo-wrap h2{
    line-height: 120%;
    margin-bottom: 15px;
}
.task-wrap p,
.task-with-logo-wrap p{
    font-size: 16px;
    line-height: 160%;
    margin-bottom: 13px;
}
.task-with-logo-wrap .button-panel .button{
    margin-right: 10px;
}


/* task-with-logo-wrap */

.task-with-logo-wrap{
    padding: 80px 0 50px;
}
.task-with-logo-wrap .inner{
    padding-bottom: 55px;
    border-bottom: solid 1px #e4e5cb;
}
.task-with-logo-wrap .text h2{
    padding-right: 200px;
}
.task-with-logo-wrap h2{
    margin-bottom: 13px;
}


/* footer wrap */
#footer-wrap {
    overflow:hidden;
    width: 100%;
    padding: 10px 0px 40px;
}

.social li{
    margin-right: 15px;
}

.social a {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: solid 1px #000;
}
.social a img.fb { width: 12px; }
.social a img { width: 15px; }
#footer-wrap a{
    font-size: 12px;
    color: #000;
}
#footer-wrap figure{
    margin-left: 75px;
}
.f-nav li{
    margin-left: 20px;
}

/* header-light */

.header-light{
    background-color: #e4e5cb !important;

}
.header-light .nav-block > ul > li > a{
    color: #000 !important;
}

.nav-block > ul > li > a{
    color: #000 !important;
}
.nav-block > ul > li > a:hover, .nav-block > ul > li.current-menu-item a {
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
}
body.home .nav-block > ul > li > a:hover, body.home .nav-block > ul > li.current-menu-item a {
    border-color: #fff;
}
.header-light .nav-block > ul > li.active > a::after{
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 1px;
    background-color: #000;
}
.header-light .lang{
    background-color: transparent;
    border: solid 1px #000;
    color: #000;
    background: url(../images/down-brown.svg) no-repeat right 12px / 60% 40%;
}
.header-light.banner-wrap span{
    font-size: 14px;
    line-height: 160%;
    font-weight: 400;
    color: #bc9c22;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.header-light.banner-wrap h1{
    color: #000;
    margin-bottom: 8px !important;
}
.header-light.banner-wrap p{
    color: #000;
}
.header-light.banner-wrap .half {
    width: 78%;
}
.header-light.banner-wrap .right-image {
    right: -11%;
    bottom: 7%;
}
.header-light.banner-wrap {
    margin-bottom: 200px;
}

/* products-wrap */

.products-wrap{
    margin-bottom: 50px;
}
.products-panel h2{
    line-height: 120%;
    margin-bottom: 15px;
}
.products-panel p{
    width: 80%;
    font-size: 16px;
    line-height: 160%;
}
.products-panel .icon-panel{
    margin-right: 30px;
}
.products-panel .icon-panel i{
    width: 88px;
    height: 88px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.products-panel .icon-panel span{
    font-size: 16px;
    line-height: 160%;
    color: #314528;
    font-weight: 300;
}
.products-panel .inner{
    margin: 60px 0;
}
.products-panel .row{
    margin-bottom: 200px;
}
.products-panel .row:last-child{
    margin-bottom: 0px;
}

/* process-wrap */

.process-wrap{
    padding: 200px 0 0;
}
.process-wrap .title h3{
    margin-bottom: 60px;
}
.header-light.bg-white{
    background-color: #fff !important;
}

.gallery .gallery-item img { border: 5px solid #fff !important; }
.gallery .gallery-item { padding: 0 !important; margin: 0 !important; }

/* contact-wrap */

.contact-wrap{
    padding: 10px 0 0px;
    position: relative;
    margin-bottom: 40px;
}
.contact-wrap::after{
    position: absolute;
    right: 0;
    top: 73px;
    content: "";
    background: url(../images/image.png) no-repeat right;
    background-size: contain;
    width: 466px;
    height: 576px;
    z-index: -1;
}
.contact-wrap .inner{
    padding-bottom: 100px;
    border-bottom: solid 1px #e4e5cb;
}
.contact-wrap h1 {
    margin-bottom: 67px;
}
.contact-wrap .inner > .row{
    margin: 0;
}
.contact-wrap .inner > .row .col1{
    width: 35%;
    padding: 0;
}
.contact-wrap .inner > .row .col2{
    width: 65%;
    padding: 0;
}
.contact-wrap .inner > .row > div .dark-green{
    background-color: #314528;
    height: 100%;
    color: #fff;
    padding: 61px 61px;
}
.contact-wrap .inner > .row > div .gform_wrapper{
    background-color: #e4e5cb;
    height: 100%;
}
.contact-wrap .inner > .row > div .dark-green h3{
    color: #fff;
    line-height: 120%;
    margin-bottom: 13px;
}
.contact-wrap .inner > .row > div .dark-green p,
.contact-wrap .inner > .row > div .dark-green ul li a{
    font-size: 16px;
    line-height: 160%;
    color: #fff;
    margin-bottom: 30px;
}
.contact-wrap .inner > .row > div .dark-green ul li a i{
    width: 50px;
}

.contact-wrap .gform_wrapper {
    padding: 60px 102px;
}
.gform_wrapper h3{
    color: #314528;
}
.gform_wrapper label{
    position: relative; 
    z-index 2; 
    top: 14px; 
    left: 10px;
    background: #e4e5cb;
    padding: 5px;
    color: #99988D;
}
.gform_wrapper .form-control{
    width: 100%;
    height: 46px;
    border: solid 1px #99988D;
    font-size: 16px;
    line-height: 160%;
    background-color: transparent;
    padding-left: 17px;
    border-radius: 0;
}
.gform_wrapper .gfield input, .gform_wrapper .gfield textarea {
    border: solid 1px #99988D;
    font-size: 16px !important;
    line-height: 160%;
    background-color: transparent;
    padding: 12px 17px !important;
    border-radius: 0;
    font-weight: 300;
}
.gform_wrapper .gform_heading,
.gfield--type-captcha label,
.gfield--type-consent legend, 
.gfield.validation_message {
    display: none !important;
}
.gfield_html_formatted h3 { margin-top: 40px; }
.gform_wrapper textarea.form-control, .gform_wrapper textarea{
    height: 100px !important;
}
.gform_wrapper .form-group{
    margin-bottom: -11px;
}
.gform_wrapper textarea{
    padding-top: 7px	;
}
.gform_wrapper .form-check-label, .gform_wrapper .ginput_container_consent label {
    top: -6px !important;
    left: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 160%;
    color: #000;
}
.gform_wrapper .gfield_checkbox label {
    top: 1px !important;
    left: 15px !important;
    padding: 0 !important;
    font-size: 16px !important;
    line-height: 160%;
    color: #000;
}
.gform_wrapper .form-check-label a, .gform_wrapper .ginput_container_consent label a, .gform_wrapper .gfield_checkbox label a {
    color: #000;
    text-decoration: underline;
}
.gchoice { padding-bottom: 10px; }
.gform_wrapper .form-check-input, .gform_wrapper .ginput_container_consent input {
    width: 25px;
    height: 25px;
    border-radius: 3px;
    border: solid 1px #000;
    margin-right: 16px;
}

.form-check{
    margin-top: 34px;
    margin-bottom: 34px;
}
.form-check-input:checked {
    background-color: #314528;
    border-color: #314528;
}

/* Standaard checkbox achtergrondkleur */
.gform_wrapper input[type="checkbox"] {
    appearance: none; /* Verwijdert de standaardstijl van de browser */
    width: 24px; /* Stel breedte in naar wens */
    height: 24px; /* Stel hoogte in naar wens */
    background-color: transparent;
    border: 1px solid #99988D; /* Voeg een rand toe indien gewenst */
    cursor: pointer;
    border-radius: 2px !important;
}

.gform_wrapper input[type="checkbox"].gfield-choice-input, .gform_wrapper input[type="checkbox"] { padding: 0 !important; }

/* Checkbox als deze is aangevinkt */
.gform_wrapper input[type="checkbox"]:checked {
    background-color: #314528; /* Achtergrondkleur bij aankruisen */
    border-color: #314528;
}

.gform_wrapper .gform_fields {
    grid-column-gap: 0 !important;
    grid-row-gap: 0 !important;
}
.gfield.gfield--type-consent {
    display: block !important;
    margin-top: 20px !important;
}

/* CSS voor standaard placeholder */
::placeholder {
    color: #99988D;
    opacity: 1; /* Zorgt ervoor dat de kleur niet vervaagd wordt */
}

/* Voor specifieke browsers */
::-webkit-input-placeholder {
    color: #99988D;
}

:-ms-input-placeholder {
    color: #99988D;
}

::-moz-placeholder {
    color: #99988D;
}

:-moz-placeholder {
    color: #99988D;
}

/* request-a-quote-wrap */

.header-light.banner-wrap.pb-8 {
    padding-bottom: 80px;
    position: relative;
}
.header-light.banner-wrap.pb-8 .right-image {
    right: -500px;
    bottom: 180px;
    z-index: 10;
}
.header-light.banner-wrap.pb-8 .container {
    position: relative;
    z-index: 11;
}
#header-wrap .right-panel{
    position: relative;
    /*    z-index: 9999;*/
}

.request-a-quote-wrap{
    padding: 86px 0 50px;
}
.request-a-quote-wrap h3{
    margin-bottom: 0;
}

.page-template-default .gform_wrapper label{
    background-color: #fff;
}
.request-a-quote-wrap form{
    margin-bottom: 65px;
}
.page-template-default form .form-check {
    margin-top: 15px;
    margin-bottom: 0px;
}
.page-template-default form .check-panel{
    margin-bottom: 60px;
}
.page-template-default form .inner{
    padding-bottom: 80px;
    border-bottom: solid 1px #e4e5cb;
}
.page-template-default form .bottom .form-check{
    margin-bottom: 64px;
}
.m-toggle{
    display: none;
}
.m-show,.m-shw{
    display: none !important;
}

@media only screen and (max-width:1450px) {
    .header-light.banner-wrap.pb-8 .right-image {
        right: -100px;
        bottom: 180px;
    }
}

/* responsive */
@media only screen and (max-width:1199px) {
    .banner-wrap {
        margin-bottom: 160px;
    }
    .our-range-wrap {
        padding: 70px 0;
    }
    .task-with-logo-wrap {
        padding: 50px 0 50px;
    }
    .task-with-logo-wrap .text h2 {
        padding-right: 100px;
    }
    .process-wrap {
        padding: 100px 0 0;
    }
}
@media only screen and (max-width:991px) {
    #header-wrap .container-fluid {
        padding: 0 15px;
    }
    .nav-block > ul > li > a {
        font-size: 13px;
    }
    .lang{
        margin-left: 20px;
    }
    .nav-block > ul > li {
        margin-right: 20px;
    }
    h1{
        font-size: 60px;
    }
    h2{
        font-size: 35px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 16px;
    }
    .text-lg{
        font-size: 16px;
    }
    .task-with-logo-wrap .row{
        flex-direction: column-reverse;
    }
    .task-with-logo-wrap .right-image {
        justify-content: flex-start !important;
        margin-bottom: 30px !important;
    }

    .f-nav li:first-child {
        margin-left: 0px;
    }
    .product-slider .slick-list {
        padding-right: 180px;
        margin: 0 -15px;
    }
    .product-slider .slick-list .slick-slide {
        padding: 0 15px;
    }
    #footer-wrap figure {
        margin-left: 40px;
    }
    .header-light.banner-wrap .half {
        width: 50%;
    }
    .banner-wrap .right-image {
        right: 0% !important;
    }
    .contact-wrap .inner > .row > div .dark-green {
        padding: 61px 20px;
    }
    .contact-wrap .gform_wrapper {
        padding: 60px 50px;
    }
}

@media only screen and (max-width:767px) {
    .m-toggle{
        display: block;
        position: relative;
        z-index: 999999;
    }
    #header-wrap .right-panel {
        z-index: 99999999;
    }
    .m-toggle .close{
        display: none;
    }
    .logo a {
        width: 91px;
    }

    h1{
        font-size: 40px;
        line-height: 116%;
    }
    h2{
        font-size: 30px;
        line-height: 100%;
    }
    h3{
        font-size: 24px;
        line-height: 100%;
    }
    h4{
        font-size: 20px;
        line-height: 130%;
    }
    .text-lg{
        font-size: 18px;
        line-height: 140%;
    }
    .text-sm{
        font-size: 11px;
        line-height: 140%;
    }
    p{
        font-size: 16px;
        line-height: 140%;
    }
    .task-with-logo-wrap .text h2 {
        padding-right: 0px;
    }
    #footer-wrap .right{
        justify-content: flex-start !important;
    }
    #header-wrap .right-panel{
        position: absolute;
        top: 0;
        right: -100%;
        width: 100%;
        background-color: #e4e5cb;
        height: 100vh;
        padding: 20px 23px;
        transition: all 0.4s;
    }
    #header-wrap .right-panel.header-open{
        right: 0;
    }
    #header-wrap .right-panel .lang{
        position: absolute;
        left: 20px;
        bottom: 50px;
        background-color: #e4e5cb;
        border: solid 1px #000;
        color: #000;
        background: url(../images/down-brown.svg) no-repeat right 12px / 60% 40%;
    }
    #header-wrap .right-panel > div,
    .nav-block > ul{
        flex-direction: column;
        align-items: flex-start !important;
    }
    .header-light.banner-wrap.pb-8 { padding-bottom: 20px; }
    .nav-block {
        margin-top: 110px;
        padding-left: 12px;
    }
    .nav-block > ul > li {
        margin-right: 20px;
        margin-bottom: 37px;
    }
    .nav-block ul li a{
        color: #000;
        letter-spacing: 1.3px;
    }
    #header-wrap .right-panel > div .button{
        margin-left: 12px;
    }
    .m-show{
        display: flex !important;
        width: 100%;
    }
    .banner-wrap .right-image {
        bottom: 0%;
        transform: translate(0%, 0%);
        width: 100%;
        position: relative;
        margin-top: 56px;
    }
    .banner-wrap .right-image::after {
        position: absolute;
        left: -20px;
        bottom: -80px;
        content: "";
        width: calc(100% + 40px);
        height: 50%;
        background-color: #fff;
        z-index: -1;
    }
    .banner-wrap {
        padding: 25px 0 0px;
    }
    .banner-wrap .half {
        width: 65%;
    }
    .banner-wrap .half p {
        line-height: 140%;
    }
/*     .banner-wrap h1 br{
        display: none;
    } */
    .banner-wrap .m-logo {
        position: relative;
        left: 0;
        bottom: 0;
        transform: translate(0%, -0%);
        z-index: 2;
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        margin-top: -132px;
        top: 80px;
        margin-right: 20px;
    }
    .banner-wrap .m-logo img{
        width: 110px;
    }
    #header-wrap {
        padding: 12px 10px;
    }
    /*
    #page-wrap {
    padding-top: 80px;
}
    */
    .banner-wrap {
        padding-top: 105px !important;
        margin-bottom: 50px;
    }
    .our-range-wrap .title p, .process-wrap .title p {
        margin-bottom: 14px;
    }
    .our-range-wrap .title{
        margin-bottom: 55px;
    }
    .product-slider .slick-list figure {
        height: auto;
    }
    .product-slider .slick-list .slick-slide:nth-child(2n) {
        margin-top: 50px;
    }
    .our-range-wrap {
        padding: 45px 0;
    }
    .task-wrap {
        padding: 60px 0;
    }
    .task-wrap .text {
        padding-top: 55px;
        padding-left: 0;
    }
    .task-wrap p, .task-with-logo-wrap p {
        line-height: 138%;
    }
    .task-with-logo-wrap {
        padding: 55px 0 20px;
    }
    .task-with-logo-wrap .right-image img {
        width: 170px;
    }
    .task-with-logo-wrap .right-image {
        margin-bottom: 25px !important;
    }
    .task-with-logo-wrap .button-panel .button {
        margin-right: 0px;
        margin-bottom: 12px;
    }
    .task-with-logo-wrap .inner {
        padding-bottom: 22px;
    }
    .social{
        margin-bottom: 10px;
    }
    #footer-wrap .right {
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
    .f-nav{
        display: block !important;
    }
    .f-nav li {
        margin-left: 0;
        margin-right: 20px;
    }
    .f-nav li{
        display: inline-block !important;
        margin-bottom: 10px;
    }
    #footer-wrap figure {
        margin-left: 0;
    }
    .container{
        padding: 0 20px;
    }
    /*	#header-wrap.sticky{
    padding: 20px 10px;
}*/
    /* .header-light.banner-wrap h1 {
    padding-right: 50px;
} */
    .header-light.banner-wrap .half {
        width: 100%;
    }
    .header-light.banner-wrap{
        padding-top: 20px;
    }
    .header-light.banner-wrap .right-image {
        bottom: 0;
        margin-top: 30px;
    }
    .header-light.banner-wrap {
        margin-bottom: 30px;
    }
    .products-panel  .text {
        padding-top: 15px;
    }
    .products-panel p {
        width: 100%;
        line-height: 135%;
    }
    .products-panel .inner {
        margin: 30px 0;
    }
    .products-panel .icon-panel i {
        width: 75px;
        height: 75px;
    }
    .products-panel .icon-panel {
        margin-right: 18px;
    }
    .products-panel .row{
        margin-bottom: 25px;
    }
    .m-shw{
        display: block !important;
    }
    .d-shw{
        display: none !important;
    }
    .our-range-wrap.pt-0 {
        padding: 30px 0 13px !important;
    }
    .task-wrap.white {
        padding-bottom: 68px;
        margin-top: 40px;
    }
    .task-wrap.dark-green .row{
        flex-direction: column-reverse;
    }
    .task-wrap.dark-green figure {
        padding: 0 58px;
    }
    .process-wrap {
        padding: 66px 0 0;
    }
    .contact-wrap .inner > .row .col1,
    .contact-wrap .inner > .row .col2 {
        width: 100%;
    }
    .contact-wrap h1 {
        margin-bottom: 60px;
    }
    .contact-wrap .inner > .row > div .dark-green {
        padding: 33px 30px 0;
    }
    .contact-wrap .inner > .row > div .dark-green h3 br{
        display: none;
    }
    .contact-wrap .inner > .row > div .dark-green p{
        line-height: 128%;
    }
    .contact-wrap .gform_wrapper {
        padding: 60px 30px;
    }
    .form-check {
        display: flex;
        align-items: center;
    }
    .contact-wrap .inner {
        padding-bottom: 60px;
    }
    .contact-wrap::after {
        top: 50px;
        width: 254px;
        height: 320px;
        right: -70px;
    }
    .header-light.banner-wrap.quote-banner .right-image{
        position: absolute;
        right: 24% !important;
        bottom: 30%;
        transform: translate(50%, 50%);
        width: 85%;
    }
    .header-light.banner-wrap.quote-banner .right-image:after{
        display: none;
    }
    .request-a-quote-wrap {
        padding: 65px 0 20px;
    }
    .gform_wrapper .form-control {
        height: 42px;
    }
    .request-a-quote-wrap h3 {
        margin-bottom: -10px;
    }
    .request-a-quote-wrap form {
        margin-bottom: 42px;
    }
    .page-template-default .check-panel {
        margin-bottom: 30px;
    }
    .page-template-default .bottom .form-check {
        margin-bottom: 30px;
    }
    .page-template-default .inner {
        padding-bottom: 58px;
    }
}

@media only screen and (max-width:576px) {
    .product-slider .slick-list {
        padding-right: 128px;
    }
    .our-range-wrap {
        padding: 45px 0 15px;
    }
    .contact-wrap {
        margin-bottom: 20px;
    }
    .products-panel img.product { width: 100%; max-width: 435px; }
}