@import url('/font/fontstyle.css');
@charset "utf-8";
/* CSS Document
font-family: 'robotoregular';
font-family: 'robotobold';
 */

body {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    font-family: 'roboto', sans-serif;
}

img {
    /*max-width:100%; 
    max-height:100%;*/
    border: 0px;
    margin: 0px;
    padding: 0px;
}

p, h1, h2, h3, h4, h5, h6, ul, li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

a {
    text-decoration: none;
}

.menu-item-for-mobile {
    display: none;
}

.magic {
    clear: both;
    padding: 0px;
    margin: 0px;
    height: 0px;
    width: 0px;
}

.page {
    width: 980px;
    height: auto;
    margin: 0 auto;
}

.headbx, .slidrbox, .graybg, .whitebg, .fgbg, .bluebg, .dblubg {
    width: 100%;
}

.headbx {
    padding: 30px 0 25px;
}

.logo {
    float: left;
}

.nmbr {
    float: right;
    text-align: right;
    font-family: 'robotobold';
}

    .nmbr h5 {
        color: #0085c3;
        font-size: 12px;
    }

    .nmbr h6 {
        color: #353535;
        font-size: 25px;
    }

.slidrbox {
    height: auto;
}



.graybg {
    background: #f8f8f8;
    padding: 35px 0;
    color: #353535;
    font-size: 34px;
    font-family: 'robotobold';
    line-height: 34px;
}


.whitebg {
    background: #fff;
    min-height: 990px;
}

.wclm1 {
    float: left;
    width: 620px;
}

.wclm2 {
    float: right;
    width: 330px;
    margin: -317px 0 0;
    background-color: #363b42;
}

    .wclm2 .headbx {
        padding: 30px 25px;
        background: #0085c3;
        width: 280px;
        position: relative;
        z-index: 999;
    }

        .wclm2 .headbx h1 {
            font-size: 25px;
            color: #fff;
            font-family: 'robotobold';
            padding: 0 0 10px 0;
        }

        .wclm2 .headbx p {
            font-size: 14px;
            color: #fff;
            font-family: 'robotoregular';
        }

        .wclm2 .headbx:after {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(136, 183, 213, 0);
            border-top-color: #0085c3;
            border-width: 10px;
            margin-left: -10px;
        }

.formbx {
    background: #353535;
    padding: 30px;
    width: 270px;
}

.infld {
    margin: 0 0 10px 0;
}

    .infld input, .infld select, .infld textarea {
        color: #838488;
        padding: 15px;
        font-size: 14px;
        border: 0;
        outline: none;
        background: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        width: 240px;
    }

.fld1 input {
    float: left;
    width: 105px;
}

.fld1 select {
    float: right;
    width: 120px;
}

.infld textarea {
    height: 100px;
    resize: none;
}

.fld2 {
    padding: 10px 0;
}

    .fld2 input {
        float: left;
        width: auto;
        margin: 5px 5px 2px 0px;
    }

    .fld2 label {
        color: #fff;
        font-size: 11px;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 11px;
    }

.fld3 {
    border-top: 4px solid #595959;
    padding: 20px 0 0 0;
}

    .fld3 input {
        background: #ffcb08;
        padding: 8px 20px;
        border-radius: 30px;
        margin: 0 54px;
        cursor: pointer;
        width: 176px;
        color: #353535;
        font-family: 'robotobold';
        transition: background 0.7s;
    }

        .fld3 input:hover {
            background: #fff;
        }

.talkbx {
    background: #fff;
    padding: 40px 25px;
    border-bottom: 4px solid #353535;
}

    .talkbx h2 {
        color: #353535;
        font-size: 25px;
        font-family: 'robotobold';
        padding: 0 20px 35px;
        line-height: 30px;
    }

    .talkbx .imgbx {
        float: left;
        margin: 0 10px 0 0;
    }

        .talkbx .imgbx img {
            max-width: 100px;
        }

    .talkbx .txtbx {
        max-width: 700px;
    }

        .talkbx .txtbx h3 {
            color: #353535;
            font-size: 18px;
            font-family: 'robotobold';
        }

        .talkbx .txtbx h4 {
            color: #353535;
            font-size: 14px;
            font-family: 'robotobold';
        }

        .talkbx .txtbx h5 {
            color: #747474;
            font-size: 14px;
            font-family: 'robotobold';
        }

        .talkbx .txtbx h6 {
            color: #0085c3;
            font-size: 12px;
            font-family: 'robotoregular';
            font-weight: normal;
        }

        .talkbx .txtbx h7 {
            color: #747474;
            font-size: 12px;
            font-family: 'robotoregular';
            font-weight: normal;
        }


.iconbx {
    padding: 40px 0;
    border-bottom: 5px solid #f8f8f8;
}

    .iconbx:last-child {
        border: none;
    }

.iconimg {
    float: left;
    margin: 0 20px 0 0;
    width: 94px;
}

.iciontxt {
    float: right;
    width: 506px;
}

    .iciontxt h2 {
        font-size: 25px;
        color: #0085c3;
        line-height: 25px;
        font-family: 'robotobold';
        padding: 0 0 12px 0;
    }

    .iciontxt p {
        font-family: 'robotoregular';
        color: #000;
        font-size: 14px;
    }

.fgbg {
    background: #f8f8f8;
    padding: 40px 0;
    text-align: center;
    color: #353535;
}

    .fgbg p {
        font-size: 23px;
        font-style: italic;
        font-family: Arial, Helvetica, sans-serif;
        line-height: 30px;
        padding: 0 75px;
    }

    .fgbg h5 {
        font-size: 18px;
        font-family: 'robotoregular';
        font-weight: normal;
        padding: 25px 0 0 0;
    }

    .fgbg h6 {
        font-size: 12px;
        font-family: 'robotoregular';
        font-weight: normal;
    }


.bluebg {
    background: #0085c3;
    padding: 58px 0;
}

    .bluebg h1 {
        color: #004a6c;
        font-family: 'robotobold';
        font-size: 25px;
        padding: 0 0 35px 0;
    }

    .bluebg .clogo {
        width: 87.5px;
        padding: 0 20px;
        float: left;
    }

    .bluebg .clogof {
        padding-left: 0;
    }

    .bluebg .clogol {
        padding-right: 0;
    }

.dblubg {
    background: #004a6c;
    padding: 25px 0;
    line-height: 44px;
}

.dbcl1 {
    float: left;
    text-transform: uppercase;
}

    .dbcl1 span {
        color: #fff;
        font-family: 'robotobold';
        font-size: 14px;
        margin: 0 15px 0 0;
    }

    .dbcl1 a {
        color: #fff;
        font-family: 'robotobold';
        font-size: 14px;
        padding: 10px 25px;
        border-radius: 20px;
        background: #0085c3;
        transition: all 0.75s;
    }

        .dbcl1 a:hover {
            background: #fff;
            color: #0085c3;
        }

.dbcl2 {
    float: right;
}

    .dbcl2 ul li {
        float: left;
    }

        .dbcl2 ul li a {
            color: #fff;
            padding: 00 6px 0 6px;
            font-size: 14px;
            border-left: 1px solid #fff;
            font-family: 'robotoregular';
        }

        .dbcl2 ul li:first-child a {
            border: none;
        }






.callbacks_container {
    position: relative;
    width: 1400px;
    margin: 0 auto;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 1400px;
    margin: 0 auto;
    padding: 0;
}

    .callbacks li {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }

    .callbacks img {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        display: block;
        position: relative;
        z-index: 1;
        height: auto;
        width: 100%;
        top: 0px;
        left: 0px;
    }

    .callbacks .caption {
        display: block;
        position: absolute;
        z-index: 2;
        text-shadow: none;
        color: #fff;
        background: #000;
        background: rgba(0,0,0, .8);
        left: 30px;
        top: 150px;
        padding: 20px;
        margin: 0;
        width: 500px;
    }


.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 52%;
    left: 0;
    opacity: 0.7;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url("themes/themes.gif") no-repeat left top;
    margin-top: -45px;
}

    .callbacks_nav:active {
        opacity: 1.0;
    }

    .callbacks_nav.next {
        left: auto;
        background-position: right top;
        right: 0;
    }


.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
    }

        .rslides li:first-child {
            position: relative;
            display: block;
            float: left;
        }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 1400px;
        border: 0;
    }

.callbacks .caption p {
    font-size: 32px;
    line-height: 35px;
    font-family: 'robotobold';
    padding: 0 0 30px 0;
}

.callbacks .caption a {
    font-size: 14px;
    color: #fff;
    padding: 8px 46px 8px 20px;
    transition: background 0.7s;
    background: url("images/playbg.png") no-repeat scroll 245px center #0085C3;
    text-transform: uppercase;
    border-radius: 30px;
    font-family: 'robotobold';
}

    .callbacks .caption a:hover {
        background-color: rgba(0,133,195,0.6);
    }

.flex-caption-content p {
    font-size: 26px;
    margin: 0 0 19px 0;
    padding: 0px;
    line-height: 31px;
}

    .flex-caption-content p strong {
        font-size: 32px;
    }

.flex-caption {
    padding-left: 4% !important;
    width: 32%;
}

    .flex-caption .link {
        font-size: 14px;
        color: #fff;
        padding: 8px 46px 8px 20px;
        transition: background 0.7s;
        background: url("../images/playbg.png") no-repeat scroll 245px center #0085C3;
        text-transform: uppercase;
        border-radius: 30px;
        font-family: 'robotobold';
    }

        .flex-caption .link:hover {
            background-color: rgba(0,133,195,0.6);
        }

.flex-caption-content {
    padding: 21px 0;
}

.flexslider .slides .slider-img_mobile {
    display: none;
}

#mask {
    display: none;
    background: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 9999;
}

.popupbox {
    display: none;
    background: #fff;
    position: fixed;
    top: 10%;
    left: 50%;
    width: 550px;
    margin: 0 0 0 -275px;
    padding: 15px;
    z-index: 999999;
    box-shadow: 0 10px 25px hsla(0, 0%, 0%, 0.5);
    -moz-box-shadow: 0 10px 25px hsla(0, 0%, 0%, 0.5); /* Firefox */
    -webkit-box-shadow: 0 10px 25px hsla(0, 0%, 0%, 0.5); /* Safari, Chrome */
}

.close {
    margin: -28px -28px 0 0;
    float: right;
    border-radius: 50%;
    box-shadow: -2px 2px 3px #999;
}

    .close img {
        width: 28px;
        border-radius: 50%;
        height: 28px;
    }



.product-detail-info {
    display: none;
}

.product-page_title {
    margin: 20px 0 0;
    font-size: 42px;
    font-weight: 500;
}

.app-gall-container {
    display: flex;
    max-width: 100%;
}

.app-gall-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.app-gall-title {
    margin-top: 20px;
}

.app-gall-content {
    display: none;
}

.app-gall-wrap .footer-logo {
    margin-left: 0;
    margin-bottom: 20px;
}



/* -------------------------------------- new styles 20.09.2018 ---------------------------------------- */
.main {
    max-width: 100%;
    padding: 0 15px;
}

    .main p {
        margin-bottom: 15px;
    }

    .main img {
        max-width: 100%;
        height: auto;
    }

.main-page-content {
    max-width: 100%;
    position: relative;
    /*    margin-top:100px;*/
}

.f-main-content {
    margin-top: 100px !important;
}
/* TOP MENU */
.top-header {
    height: 100px;
    z-index: 8 !important;
}

#menu_wrapper {
    background: transparent !important;
    height: auto !important;
    /*    line-height:48px !important;*/
}

#main_menu.desktop_menu li {
    display: inline-block;
    float: left;
    text-align: center;
    height: auto !important;
    margin-right: 35px;
}

#main_menu.desktop_menu > li > a {
    color: #000 !important;
    font-weight: 500;
}

#main_menu.desktop_menu > li:hover > a {
    border-bottom: solid 4px #0085c3;
}

#main_menu.desktop_menu li a {
    font-family: 'roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: None;
    cursor: pointer;
    padding: 14 0 11px;
    display: inline-block;
}

#main_menu.desktop_menu > li > a {
    border-bottom: solid 4px #fff;
    padding: 0 0 11px;
}

#main_menu.desktop_menu li ul {
    margin-top: 0 !important;
}

.top-bar {
    display: flex;
    justify-content: space-between;
    margin: 15px 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.consultant-country {
    margin-top: 15px;
    font-size: 11px;
    vertical-align: middle;
}

    .consultant-country span {
        margin-right: 8px;
        vertical-align: middle;
    }

    .consultant-country img {
        margin-right: 6px;
        vertical-align: middle;
    }

        .consultant-country img:last-of-type {
            margin: 0;
        }

#right_header2 {
    min-width: 1px !important;
}


/* btns, general classes */
.button-large {
    font-size: 16px !important;
    height: 40px;
    line-height: 40px;
}

.button.blue-button {
    background: #0085c3;
    transition: all 0.3s;
    color: #fff;
}

    .button.blue-button:hover {
        background: #636567;
        color: #fff;
        transition: all 0.3s;
    }

.button.orange-button {
    background: #ffcb08;
    color: #090a0f;
    transition: all 0.3s;
}

    .button.orange-button:hover {
        background: #0085c3;
        color: #fff !important;
        transition: all 0.3s;
    }

.button.white-button {
    background: #fff;
    color: #090a0f;
    transition: all 0.3s;
}

    .button.white-button:hover {
        background: #636567;
        color: #fff;
        transition: all 0.3s;
    }

.button.white-border-button {
    background: transparent;
    border: solid 1px #fff;
    color: #fff;
    transition: all 0.3s;
}

.button.blue-border-button {
    background: transparent;
    border: solid 1px #0085c3;
    color: #0085c3;
    transition: all 0.3s;
}

    .button.blue-border-button.btn-more {
        padding-right: 45px;
    }

        .button.blue-border-button.btn-more:after {
            right: 20px;
        }


.text-blue {
    color: #0085c3;
}

.text-bold {
    font-weight: bold;
}

/* Slider, banner */
.homeSlide {
    /*    padding-top:150px;
    margin-bottom:20px;*/
}

.flex-caption {
    width: 34.3%;
    bottom: 0 !important;
    top: 0;
    left: 0;
    color: #fff;
    font-size: 43px !important;
    background: #000 !important;
    display: flex;
    align-items: center;
}

    .flex-caption .button {
        margin-top: 30px !important;
        padding: 0 37px !important;
        height: 39px !important;
        font-size: 15px;
        line-height: 39px !important;
        background: #0085c3;
    }

    .flex-caption h2 {
        /*   margin-bottom:10px; */
    }

/* TOP banners */
.innerpage_banner img {
}

.banner_style2 {
    height: 400px;
}

.banner_product-details {
    height: 400px;
    box-sizing: content-box;
}

.innerpage_banner_heading2 span {
    box-sizing: border-box;
}

/* HOMEPAGE - OUR PRODUCT section */
.our-product_section {
    margin-bottom: 20px;
}

    .our-product_section h2 {
        margin-bottom: 10px;
        text-transform: uppercase;
    }

/* HOMEPAGE - wide section */
.wide-section * {
    box-sizing: border-box;
}

.wide-section {
    display: flex;
    max-width: 1360px;
    margin: 0 auto 25px;
}

.wide-section_image {
    width: 800px;
    height: 500px;
}

.wide-section_text {
    width: 300px;
    padding: 40px 20px 0 40px;
}

.book-of-ideas .wide-section_image {
    background: url(../img/book-of-ideas.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.book-of-ideas-fr .wide-section_image {
    background: url(../img/Book-of-Ideas_FR.png) no-repeat 50% 50%;
    background-size: cover;
}

.free-consultation .wide-section_image {
    background: url(../img/free-consultation.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.free-consultation {
    justify-content: space-between;
    margin-bottom: 70px;
}

.wide-section_text h2 {
    margin-bottom: 10px;
    line-height: 30px;
}

.wide-section_text p {
    margin-bottom: 20px;
    line-height: 24px;
}


.idea-month-section {
    background: #dddddd;
    padding: 90px 0;
    color: #000;
}

    .idea-month-section .container {
        max-width: 1300px;
        margin: 0 auto;
        background: #fff;
        border: solid 1px #8e8e90;
        padding: 130px;
    }

.idea-month-icon {
    margin: 0 auto 30px;
    width: 150px;
    height: 102px;
    background: url(../img/icon-quality.jpg) no-repeat 50% 50%;
    background-size: contain;
}



.idea-month-title {
    font-size: 24px;
    text-align: center;
    line-height: 1.4;
    margin: 0 0 15px;
    text-transform: uppercase;
}

/*    .idea-month-title span {
        font-size: 24px;
        display: block;
    }*/

.idea-month-text {
    /*    max-width:980px;*/
    margin: 0 auto 40px;
}

    .idea-month-text p.idea-month-name {
        font-size: 20px;
        line-height: 30px;
        text-align: center !important;
    }

    .idea-month-text h1 {
        font-size: 56px;
        font-weight: 700;
        margin: 0;
        text-align: center;
        line-height: 1;
        color: #000;
        font-family: Arial,Helvetica,sans-serif;
    }

    .idea-month-text h2 {
        font-size: 22px;
        font-weight: 700;
        margin: 30px 0 60px;
        text-align: center;
        line-height: 1.4;
        color: #0086c3;
        font-family: Arial,Helvetica,sans-serif;
    }

.idea-month-h2 {
    color: #000 !important;
    font-size: 24px !important;
}

.idea-month-logo {
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
    max-width: 230px;
}

.idea-month-text p {
    font-size: 16px;
    line-height: 1.6;
    text-align: justify;
    margin: 0 0 25px;
    font-weight: 300;
    font-family: Arial,Helvetica,sans-serif;
}

.idea-month-section .buttons {
    text-align: center;
    margin-top: 100px;
}

p.idea-month-dealer {
    text-align: center !important;
}

.idea-month-text ul {
    max-width: 400px;
    margin: 0 auto 20px;
}

.idea-month-text li {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-weight: 300;
    font-family: Arial,Helvetica,sans-serif;
    list-style: circle;
}

.idea-month-text .idea-month-header {
    font-size: 40px;
    font-weight: 700;
    margin: 30px 0 40px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
}

.idea-month-img {
    margin: 75px auto;
    text-align: center;
}

    .idea-month-img img {
        max-width: 100%;
    }


.idea-month-author {
    margin: 0 !important;
}

    .idea-month-author span {
        font-weight: 600;
    }

.slider-body img {
    max-width: 100%;
}

.homeIdeaSlider {
    max-width: 1100px;
}

.pagination-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
}

.homeIdeaSlider-pagination {
    margin: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    order: 2;
    position: relative;
    margin-bottom: 200px;
    /*    width: auto !important; */

    width: 100%;
    padding: 0 100px;
    height: 60px;
}

.swiper-pagination-bullet {
    /*    width: 86px; */
    width: 10%;
    height: 9px;
    /*    padding: 4px; */
    border-radius: 0;
    background: #b1b2b3;
    margin: 0 10px !important;
}

/*.swiper-pagination-bullet-active {
    width: 87px;
    height: 8px;
    background: #dddddd;
}*/

.homeIdeaSlider-button-next,
.homeIdeaSlider-button-prev {
    width: 60px;
    height: 60px;
    background: #fff;
    border: solid 1px #0087c3;
    border-radius: 50px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    z-index: 1;
}

.homeIdeaSlider-button-next,
.homeIdeaSlider-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.homeIdeaSlider-button-next {
    order: 3;
    right: 0;
}

.homeIdeaSlider-button-prev {
    order: 1;
    left: 0;
}

    .homeIdeaSlider-button-next:after,
    .homeIdeaSlider-button-prev:after {
        content: '';
        border: solid #0086c3;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 6px;
        margin: 0;
    }

    .homeIdeaSlider-button-prev:after {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        margin: 0 0 0 5px;
    }

.homeIdeaSlider-button-next:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin: 0 5px 0 0;
}

@media (max-width:1300px) {
    .idea-month-section {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width:1024px) {
    .homeIdeaSlider-pagination {
        padding: 0 70px;
    }

    .swiper-pagination-bullet {
        width: 20%;
    }
}

@media (max-width:480px) {
    .swiper-pagination-bullet {
        width: 15px;
    }

    .swiper-pagination-bullet-active {
        width: 25px;
    }

    .homeIdeaSlider-button-next,
    .homeIdeaSlider-button-prev {
        width: 50px;
        height: 40px;
    }

        .homeIdeaSlider-button-prev:after {
            margin: 0 0 0 3px;
        }

        .homeIdeaSlider-button-next:after {
            margin: 0 3px 0 0;
        }
}

/* HOMEPAGE - full width section */
.advantages-section * {
    box-sizing: border-box;
}

.advantages-section {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    /*   align-items: center;*/
    margin-bottom: 50px !important;
}

.advantages_item {
    width: 25%;
    border-right: solid 5px #fff;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 80px 35px;
    margin: 0 0 5px;
    cursor: pointer;
    color: #090a0f;
    background: #f2f2f2;
}

    .advantages_item:last-of-type {
        border: none;
    }

    .advantages_item .advantages_title {
        font-weight: 600;
        margin-bottom: 7px;
        color: #090a0f;
        display: block;
        font-size: 24px;
        font-family: Roboto;
    }

    .advantages_item:hover {
        background: #636467;
    }

        .advantages_item:hover .advantages_title,
        .advantages_item:hover .advantages_text {
            color: #fff;
        }

    .advantages_item .advantages_text {
        margin-bottom: 0;
        color: #090a0f;
        font-size: 20px;
        font-family: Roboto;
    }

.icon-we-work,
.icon-free-consultation,
.icon-lifetime-warranty,
.icon-succes-stories {
    width: 74px;
    height: 52px;
    display: block;
    margin: 0 auto 20px;
}

.icon-we-work {
    background: url(../img/how-we-work.png) no-repeat 50% 50%;
    background-size: contain;
}

.icon-free-consultation {
    background: url(../img/free-consulation-blue.png) no-repeat 50% 50%;
    background-size: contain;
}

.icon-lifetime-warranty {
    background: url(../img/warranty-blue.png) no-repeat 50% 50%;
    background-size: contain;
}

.icon-succes-stories {
    background: url(../img/success-stories.png) no-repeat 50% 50%;
    background-size: contain;
}

.advantages_item:hover .icon-we-work {
    background: url(../img/how-we-work-white.png) no-repeat 50% 50%;
    background-size: contain;
}

.advantages_item:hover .icon-free-consultation {
    background: url(../img/free-consulation-white.png) no-repeat 50% 50%;
    background-size: contain;
}

.advantages_item:hover .icon-lifetime-warranty {
    background: url(../img/warranty-white.png) no-repeat 50% 50%;
    background-size: contain;
}

.advantages_item:hover .icon-succes-stories {
    background: url(../img/success-stories-white.png) no-repeat 50% 50%;
    background-size: contain;
}

/*
.advantages_small-font .icon-lifetime-warranty {
    background-size:cover;
    width:44px;
    height:51px;
    margin:0 auto 15px;   
}
.advantages_small-font .icon-succes-stories {
    background-size:cover;
    width:56px;
    height:51px;
    margin:0 auto 15px;       
}
.how-we-work_text {
    font-size:18px;
    font-weight:300;
    margin-bottom:35px;   
}
.advantages_small-font .how-we-work_text {
    font-size:14px;
    margin-bottom:25px;   
}
.advantages_item_title {
    font-size:24px;
    font-weight:500;
    line-height:28px;  
    margin-bottom:35px;   
}
.advantages_small-font .advantages_item_title {
    font-size:16px;
    line-height:20px;  
    margin-bottom:25px;   
}
.advantages_item_title a {
    color:#000;
}
.advantages_item_title span {
    font-size:39px;
    display:inline-block;
    width:100%;
    font-weight:bold;
}
.advantages_small-font .advantages_item_title span {
    font-size:28px;
}
.advantages_item .button {
    margin-bottom:35px;  
}
.advantages_small-font .advantages_item .button {
    margin-bottom: 10px;
}
.how-we-work_separator {
    width:65px;
    height:1px;
    background:#000;
    margin:0 auto 35px;
}
.advantages_small-font .how-we-work_separator {
    margin:0 auto 25px;
}
.success-stories_title {
    font-size:33px;
    color:#0085c3;
    line-height:28px; 
    font-weight:bold;
    margin-bottom:35px;     
}
.advantages-section.advantages_small-font {
    border-bottom:solid 1px #000;
    padding:14px 0;
}
.our-expertise-section .advantages_item {
    width: 33%;
    padding:10px 15px 0;    
}
.our-expertise-section .advantages_item:nth-of-type(1), 
.our-expertise-section .advantages_item:nth-of-type(2) {
    border-bottom: none;
}
.our-expertise-section .advantages_item:nth-of-type(2) {
    border-right:solid 1px #000;
}
.advantages_small-font .success-stories_title {
    margin-bottom:10px;
}
.advantages_small-font .success-stories_title span {
    font-size:18px;
}*/


/* HOW WE WORK section */
.advantages-work, .advantages-work * {
    box-sizing: border-box;
}

.advantages-work {
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 20px;
}

    .advantages-work .icon-we-work {
        margin-bottom: 20px;
    }

    .advantages-work .advantages_item_title {
        margin-bottom: 10px;
        font-size: 26px;
        font-weight: 600;
    }

    .advantages-work .how-we-work_text {
        margin-bottom: 10px;
        font-size: 26px;
        font-weight: 300;
    }

/* FREE DESIGN CONSULTATION section */
.advantages-consultation, .advantages-consultation * {
    box-sizing: border-box;
}

.advantages-consultation {
    width: 100%;
    text-align: center;
    background: #0085c3;
    padding: 20px 20px 10px;
    max-width: 930px;
    margin: 20px auto 40px;
    clear: both;
}

    .advantages-consultation.grey-bg {
        background: #ebebeb;
    }

        .advantages-consultation.grey-bg .advantages-consultation_title,
        .advantages-consultation.grey-bg .advantages-consultation_text {
            color: #000;
        }

            .advantages-consultation.grey-bg .advantages-consultation_title:before, .advantages-consultation.grey-bg .advantages-consultation_title:after {
                background: #000;
            }

        .advantages-consultation.grey-bg .button {
            background: #0085c3;
            font-size: 12px;
            color: #fff;
        }

            .advantages-consultation.grey-bg .button:hover {
                background: #fff;
                color: #000;
            }

.advantages-consultation_title {
    margin-bottom: 10px;
    font-size: 28px;
    line-height: 36px;
    font-weight: 600;
    color: #fff;
    position: relative;
    padding: 0 39px;
    display: inline-block;
}

    .advantages-consultation_title:before,
    .advantages-consultation_title:after {
        width: 25px;
        height: 2px;
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -1px;
        background: #fff;
    }

    .advantages-consultation_title:before {
        left: 0;
    }

    .advantages-consultation_title:after {
        right: 0;
    }

.advantages-consultation_text {
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 24px;
}

.app-gall-container .form .text {
    max-width: 45%;
    box-sizing: border-box;
}

/* our expertise section */
.our-expertise-section {
    max-width: 100%;
    margin-left: 25px;
    /*    margin-top:40px;*/
}

    .our-expertise-section h2 {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        margin-bottom: 50px;
    }

.how-we-work {
    padding-left: 70px;
    margin-bottom: 60px;
    position: relative;
}

    .how-we-work:before {
        background: url(../img/how-we-work.png) no-repeat 0 0;
        background-size: contain;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 55px;
        height: 55px;
        display: block;
    }

    .how-we-work h3 {
        font-size: 20px;
        margin-bottom: 0px;
    }

    .how-we-work p {
        margin-bottom: 15px;
    }

.how-we-work_subtitle {
    font-size: 16px;
    font-weight: 600;
}

.advantages-work.show-only-desktop,
.advantages-consultation.show-only-desktop,
.advantages-section.show-only-desktop {
    display: none;
}

.our-expertise-section h2 {
    text-transform: capitalize;
    margin-bottom: 40px;
    font-size: 24px;
}

.our-expertise-section .how-we-work h3 {
}

.our-expertise-section .how-we-work_subtitle {
    margin-bottom: 30px;
}

.our-expertise-section .how-we-work a {
    display: inline-block;
    margin-top: 10px;
}

.our-expertise-section .advantages-section {
    background: transparent;
    padding: 0;
    margin: 0 !important;
}

.our-expertise-section .advantages_item {
    width: 33%;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*.our-expertise-section .advantages_item:before {
    content:'';
    margin:0 auto;
    width:58px;
    height:53px;
    display:block;
    margin-bottom:10px
}
.our-expertise-section .advantages_consultation:before {
    background:url(../img/free-consultation.png) no-repeat 50% 50%;
    background-size:contain;
}
.our-expertise-section .advantages_warranty:before {
    background:url(../img/warranty.png) no-repeat 50% 50%;
    background-size:contain;
}
.our-expertise-section .advantages_succes-stories:before {
    background:url(../img/success-stories.png) no-repeat 50% 50%;
    background-size:contain;
}
.our-expertise-section .advantages_item h4 {
    margin-bottom:5px;
}
.our-expertise-section .advantages_item p {
    margin-bottom:0;
}*/


.resources_specifications .resources_details_inner {
    width: 50%;
    max-width: 70%;
    margin: 0;
}

.resources_specifications,
.resources_manuals,
.resources_videos {
    padding-left: 70px;
    position: relative;
}

.resources_videos {
    margin-bottom: 0;
}

    .resources_specifications:before,
    .resources_manuals:before,
    .resources_videos:before {
        content: '';
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 55px;
        height: 55px;
    }

.resources_specifications:before {
    background: url(../img/icon-specifications.jpg) no-repeat 50% 50%;
    background-size: contain;
}

.resources_manuals:before {
    background: url(../img/icon-manuals.jpg) no-repeat 50% 50%;
    background-size: contain;
}

.resources_videos:before {
    background: url(../img/icon-videos.jpg) no-repeat 50% 50%;
    background-size: contain;
}

.resources_manuals .resources_details_inner,
.resources_videos .resources_details_inner {
    width: 100%;
}

.resource_download_button_new {
    width: auto;
}

.installation_Manual .text {
    width: 50%;
}

.installation_Manual:first-of-type {
    margin-top: 10px;
}

.resources_videos .videos_titles {
    width: 50%;
    min-width: 200px;
    margin-top: 6px;
    line-height: 28px;
}

.video_list {
    width: 200px;
    margin-top: 10px;
    margin: 6px 0 0 !important;
    line-height: 28px;
}

.resources_videos-list {
    display: flex;
    width: 100%;
}

.videos_titles span {
    float: none;
}

ul.video_list li {
    margin: 0;
    background-position: 0 50%;
    line-height: 28px;
}

.resources_videos .videos_titles li,
.resources_videos .video_list li {
    margin-bottom: 10px;
}


/* Product pages */
.product-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 50px;
}

    .product-boxes:before,
    .product-boxes:after {
        display: none;
    }

    .product-boxes .box {
        margin: 20px auto 10px;
        max-width: 300px;
    }

    .product-boxes img {
        max-width: 100%;
    }

/* mobile menu */
#fade {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
    background: rgba(0,0,0,0.6);
}

.btn_mnu {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    width: 40px;
    height: 40px;
    display: flex;
    opacity: 0.9;
    /*    transition:all 0.6s ease 0s;*/
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer;
    /*position:relative;
    top:-20px;
    right:0px;
    float: right;
    background:#0085c3; 
  border-radius:4px;   
  */

    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 100;
}

    .btn_mnu:hover {
        opacity: 1;
    }

.btn_row {
    height: 2px;
    width: 60%;
    margin: 3px 0;
    /*  background-color: rgba(255,255,255,1);*/
    background: #090a0f;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.btn_mnu.menu_active .btn_row:first-child {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 8px;
}

.btn_mnu.menu_active .btn_row:last-child {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    top: -8px;
}

.btn_mnu.menu_active .btn_row:nth-child(2) {
    opacity: 0;
}

.mobile_menu .icon-arrow {
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mobile_menu .icon-arrow:after {
        content: '';
        display: block;
        border: solid #000;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 6px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .mobile_menu .icon-arrow.open:after {
        background: url("../img/arrows.png") -23px 0 no-repeat;
    }

.mobile_menu * {
    box-sizing: border-box;
}

.mobile_menu {
    display: none;
    margin: 0;
    padding: 80px 0 0;
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    z-index: 13;
    color: #fff;
    overflow-x: hidden;
    outline: none;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.mobile_menu__close {
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 100;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .mobile_menu__close:before,
    .mobile_menu__close:after {
        content: '';
        display: block;
        height: 2px;
        width: 60%;
        margin: 3px 0;
        background: #090a0f;
        position: relative;
        -webkit-transition: all .5s;
        transition: all .5s;
    }

    .mobile_menu__close:before {
        transform: rotate(-135deg);
        top: 8px;
    }

    .mobile_menu__close:after {
        transform: rotate(-225deg);
        top: -8px;
    }

.mobile_menu > ul {
    border-top: solid 1px #d8d8d8;
    padding: 0 20px;
    min-width: 300px;
}

.mobile_menu.menu_active {
    width: 100%;
}

.mobile_menu li {
    float: none;
    width: 100%;
    margin: 0 !important;
    padding: 0;
    position: relative;
    border-bottom: solid 1px #d8d8d8;
    text-align: left;
}

    .mobile_menu li a {
        display: block;
        text-decoration: none;
        padding: 10px 50px 10px 10px;
        color: #000;
        display: block;
        font-size: 14px;
        line-height: 24px;
        border: none;
    }

        .mobile_menu li a span:not(.read_more) {
            padding: 0;
            text-transform: none;
            height: auto;
            font-size: 14px;
        }

        .mobile_menu li a:hover {
            color: #21adea;
            border-color: #113d51;
        }

    .mobile_menu li.current a,
    .mobile_menu li.current:hover > a {
        color: #000;
        background: #fff;
        border-radius: 0;
    }

    .mobile_menu li:hover > a {
        color: #000;
        border-color: #113d51;
    }

.mobile_menu .parent ul li a {
    font-weight: 600;
    font-size: 14px;
    line-height: 34px;
    text-decoration: none;
}

.mobile_menu .special_submenu li a div {
    display: none;
}

.mobile_menu .special_submenu h3 {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
}

.mobile_menu .lang-eng,
.mobile_menu .lang-fr {
    position: absolute;
    top: 20px;
    padding: 0;
    margin: 0 !important;
    width: 50px;
    border-bottom: none;
}

.mobile_menu .lang-eng {
    left: 10px;
}

    .mobile_menu .lang-eng:before {
        right: 0;
    }

.mobile_menu .lang-fr {
    left: 70px;
}

.mobile_menu #request_a_quote {
    float: left !important;
}

.mobile_menu .btn-request_a_quote {
    border: none;
}

.mobile_menu .submenu.products-menu {
    display: none !important;
}

.mobile_menu .menuProductsDetails .swiper-slide {
    right: -1000px;
    transition: .3s right;
}

.mobile_menu .menuProductsDetails .swiper-slide-active {
    right: 0;
    transition: .3s right;
}

.mobile_menu .submenu_mobile {
    background: #fff;
}

.mobile_menu .parent > a::selection,
.mobile_menu .parent > a span::selection {
    background-color: transparent !important;
    color: #000 !important;
}

.mobile_menu .parent > a span:hover {
    background: transparent;
    color: #000;
}

.mobile_menu .parent {
    background-color: #fff !important;
    color: #000 !important;
}

    .mobile_menu .parent > .submenu_mobile {
        position: absolute;
        top: 0;
        left: 1000px;
        transition: .6s left;
        padding: 0;
        width: 100%;
        z-index: 100;
        height: 0;
        overflow: hidden;
    }

.mobile_menu.menu_active .parent.active > .submenu_mobile {
    /*    left:0;
    transition: .6s left;
    display:block;
    height:auto;
    overflow: visible;*/

    left: 0;
    transition: .6s left;
    display: block;
    height: auto;
    overflow: scroll;
    position: fixed;
    top: 85px;
    bottom: 0;
    padding: 0 20px;
}

.mobile_menu .submenu_btn-back {
    display: flex;
    width: 40px !important;
    height: 40px;
    position: absolute !important;
    top: 20px;
    right: 60px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #d8d8d8 !important;
    border-radius: 6px;
    opacity: 0;
    transition: 0.1s opacity;
}

    .mobile_menu .submenu_btn-back.active {
        opacity: 1;
        transition: 0.1s opacity;
    }

    .mobile_menu .submenu_btn-back:before {
        content: '';
        display: block;
        border: solid #000;
        border-width: 0 2px 2px 0;
        margin-right: -4px;
        display: inline-block;
        padding: 6px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

.mobile_menu .shopping-tools.submenu_mobile {
    top: 85px !important;
}

.mobile_menu .shopping-tools .column {
    padding: 0;
}

.mobile_menu .shopping-tools .submenu-container {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.mobile_menu .menu-information {
    width: 100%;
    margin-bottom: 30px;
    padding: 0;
}

.mobile_menu .menu-services,
.mobile_menu .menu-resources {
    width: 100%;
    border: none;
}

.mobile_menu .link-dealer-portal {
    border: none;
}

.mobile_menu .row-empty {
    display: none;
}



/* PRODUCT DETAILS PAGE */
.product_details {
    /*    display:flex;*/
}

.product_details_text_wrap {
    /*    margin-bottom: 50px;*/
}

    .product_details_text_wrap h2 {
        margin-bottom: 20px;
    }

.product_heading_sub_txt .advantages-consultation {
    max-width: 625px;
    margin-left: 25px;
}

.product_details_left_panel_navigation img {
    max-width: 100%;
}

.product_details_left_panel_navigation h2 {
    box-sizing: border-box;
}

.product-box-outside_wrap {
    /*    display: flex;
    flex-wrap: wrap;
    max-width: 1100px;
    width: 100%;
    justify-content: center;
    justify-content: space-between;
    */

    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, minmax(180px, 220px));
    margin: 50px 0 0;
}

.product-box-outside {
    height: auto;
}

.product-box-outside_wrap a.product-box-outside {
    width: 100%;
    display: block;
    margin-bottom: 50px;
}

.breadcrumb_product-details .main {
    padding-left: 285px;
}

.product-box-outside {
    padding: 0px;
    margin: 0;
}

/* OUR EXPERTISE PAGE */
.boxes-expertise {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 20px;
}

    .boxes-expertise h3 {
        text-transform: uppercase;
        font-size: 18px;
        margin: 10px 0;
    }

.our-expertise_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 305px;
    height: 234px;
    max-width: 100%;
    background: #e0e0e1;
    transition: all 0.3s;
    margin: 0 auto;
}

.box:hover .our-expertise_image {
    background: #0085c3;
    transition: all 0.3s;
}

.icon-expertise {
    display: inline-block;
    background: url('../img/ourexpertise-icons.png');
    width: 134px;
    height: 131px;
}

.icon-expertise-work {
    background-position: 0 0;
}

.box:hover .icon-expertise-work {
    background-position: 0 -131px;
}

.icon-expertise-colors {
    background-position: -134px 0;
}

.box:hover .icon-expertise-colors {
    background-position: -134px -131px;
}

.icon-expertise-shipping {
    background-position: -268px 0;
}

.box:hover .icon-expertise-shipping {
    background-position: -268px -131px;
}

.icon-expertise-installation {
    background-position: -402px 0;
}

.box:hover .icon-expertise-installation {
    background-position: -402px -131px;
}

.icon-expertise-warranty {
    background-position: -536px 0;
}

.box:hover .icon-expertise-warranty {
    background-position: -536px -131px;
}

.icon-expertise-certifications {
    background-position: -670px 0;
}

.box:hover .icon-expertise-certifications {
    background-position: -670px -131px;
}

/* CTA banner */
.cta-banner.main {
    padding: 0;
}

.cta-banner_wrapper {
    min-height: 200px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 20px 0 250px;
    /*   margin-top:30px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .cta-banner_wrapper h2 {
        color: #0085c3;
    }

    .cta-banner_wrapper p {
        color: #090a0f;
        font-family: 'roboto', sans-serif;
        font-weight: 700;
        font-size: 16px;
        margin: 0;
        padding: 0;
    }

/* warranty page */
.warranty-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.warranty-image {
    background: url('../img/warranty-photo.jpg') 50% 50% no-repeat;
    background-size: contain;
    width: 420px;
    height: 326px;
    flex-shrink: 0;
    /*  min-width:40%;*/
}

.warranty-text {
    padding-left: 30px;
}

    .warranty-text p {
        margin-bottom: 8px;
        line-height: 22px;
    }

    .warranty-text h2 {
        color: #0085c3;
        margin-bottom: 15px;
        padding-top: 0;
        font-size: 24px;
        font-weight: bold;
    }

.warranty-links {
    padding-top: 10px;
}

    .warranty-links a {
        font-weight: bold;
    }

/* Request a quote page */
.request-quote_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}

.request-quote_form {
    padding-right: 30px;
    width: 50%;
    box-sizing: border-box;
}

    .request-quote_form .form-label {
        text-transform: uppercase;
    }

.request-quote_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.request-quote_phone,
.request-quote_email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.request-quote_text {
    padding-left: 75px;
}

.required-field {
    color: #0085c3;
    font-weight: bold;
    font-size: 18px;
}

.request_quote_form .buttons {
    text-align: center;
}

    .request_quote_form .buttons > input {
        float: none;
    }

.request-quote_text {
    width: 100%;
    box-sizing: border-box;
}

    .request-quote_text > h3 {
        margin: 0 0 10px;
        font-size: 20px;
        font-weight: 600;
    }

.separate-text {
    text-align: center;
    margin: 20px 0;
}

.request-quote_text-box {
    margin-bottom: 20px;
    position: relative;
}

.request-quote_text-num {
    color: #0085c3;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    top: 25px;
    left: -45px;
}

.request-quote_text-box h3 {
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: 500;
}

.request-quote_item {
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.request-quote_avatar {
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 0 0;
}

    .request-quote_avatar .avatar {
        width: 150px;
        height: 150px;
        vertical-align: middle;
        background-size: cover !important;
        -moz-border-radius: 100px;
        -ms-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }

.request-quote_detail {
    display: inline-block;
    vertical-align: middle;
    margin-top: 7px;
    text-align: left;
}

.request-quote_name {
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
}

.request-quote_post {
    color: #0085c3;
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 5px;
}

.request-quote_location {
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 015px;
}

.request-quote_contacts {
    font-size: 14px;
    font-weight: 300;
}

    .request-quote_contacts p {
        margin: 0;
    }

.icon-phone {
    background: url(../img/icon-contact.jpg) 0 0 no-repeat;
    height: 24px;
    width: 29px;
    display: inline-block;
    vertical-align: middle;
}

.icon-email {
    background: url(../img/icon-contact.jpg) 0 -24px no-repeat;
    height: 24px;
    width: 29px;
    display: inline-block;
    vertical-align: middle;
}

/* VIDEO page */
.video_ul {
    margin-bottom: 30px;
}

    .video_ul label {
        float: none;
    }

/* contact page */
.contact-page_map,
.contact-page_offices {
    width: 48%;
}

.offices-list img {
    vertical-align: top;
}

/* Testimonials page */
.mezzanine_package_wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* Sitemap */
.sitemap {
    margin-top: 30px;
}

    .sitemap li {
        margin-bottom: 5px;
    }

.sitemap_parent {
    margin: 0;
}

.product_heading_sub_txt .sitemap_parent a {
    font-size: 16px;
}

.sitemap_child1,
.sitemap_child2 {
    margin-left: 30px;
}


/* Stock material */
.stock-material-page {
}

.stocklocation-text {
    text-align: center;
}

.stock-material-page .innerpage_banner_txt_inner {
    background: url('../_Images/NewProducts/QuickShip-Main-Image.jpg') no-repeat 50% 50%;
    background-size: cover;
    height: 100%;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.stock-material-page .otherpage_banner_txt {
    padding: 0;
}

.stock-material-page .otherpage_banner_txt_inner_content {
    max-width: 1300px;
    margin: 0 auto;
}

.stock-material-content {
    padding-bottom: 79px;
}

    .stock-material-content .PageTitle {
        text-align: center;
    }

    .stock-material-content .product_heading_sub_txt {
        max-width: 1020px;
        margin: 0 auto 30px;
        float: none;
    }




/* Benefits section - Homepage - Style 2 */
.profit-section {
    margin: 200px auto 60px;
    padding: 0 15px;
    max-width: 1400px;
    width: 100%;
    font-family: 'Roboto';
    display: flex;
    justify-content: space-between;
}

    .profit-section.quickship-profits {
        margin: 240px auto;
        width: 100%;
        max-width: 100%;
        padding: 0;
    }

    .profit-section.book-ideas-section {
        margin: 0 auto 200px;
        padding-right: 40px;
    }

.profit-content {
    width: 40%;
    max-width: 510px;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.turnkey-service-section .profit-content {
    padding-left: 40px;
    max-width: 510px;
}

@media screen and (min-width:768px) {
    .profit-section.turnkey-service {
        padding-left: 60px;
    }

    .profit-section.book-ideas-section {
        padding-right: 60px;
    }
}

.cogan-key_icon {
    background: url(../img/cogan-key.jpg) 50% 50% no-repeat;
    background-size: contain;
    width: 175px;
    height: 56px;
    display: block;
    margin: 0 0 30px;
}

.profit-content > h2,
.book-ideas-section > h2 {
    font-size: 26px;
    font-weight: bold;
    margin: 0 0 10px;
    text-align: left;
    line-height: 1.4;
}

    .profit-content > h2 > span {
        color: #0085c3;
    }

.profit-content > p,
.book-ideas-section > p {
    font-size: 20px;
    font-weight: 400;
}

.profit-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    margin-top: 30px;
}

.quickship-profits .profit-list {
    justify-content: flex-start;
}

.profit-item {
    position: relative;
    margin: 0 0 30px;
    padding-left: 45px;
}

    .profit-item:nth-of-type(odd) {
        width: 50%;
        max-width: 230px;
    }

    .profit-item:nth-of-type(even) {
        width: 40%;
        max-width: 190px;
    }

.profit-content .button-subscribe:hover {
    background: #0085c3 !important;
    color: #fff !important;
}


.profit-image-blocks {
    display: flex;
    flex-direction: column;
    width: 32%;
}

.profit-image-one {
    height: 50%;
    position: relative;
    cursor: pointer;
}

    .profit-image-one:first-of-type {
        border-bottom: 8px solid #fff;
    }

    .profit-image-one:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        transition: 0.3s background;
    }

    .profit-image-one:hover:before {
        background: rgba(0,0,0,0);
        transition: 0.3s background;
    }

.profit-guardrails-img {
    background: url(../img/profit-guardrails-img.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.profit-rack-protection-img {
    background: url(../img/Homepage-QuickShip-RackPal.png) no-repeat 50% 50%;
    background-size: cover;
}

.profit-cantilever-racking-img {
    background: url(../img/Homepage-QuickShip-RackPostProtectors.png) no-repeat 50% 50%;
    background-size: cover;
}

.profit-partitions-img {
    background: url(../img/Homepage-QuickShip-FloorAngleGuide.png) no-repeat 50% 50%;
    background-size: cover;
}

.quickship-logo {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 1;
    max-width: 90%;
}

.quickship-profits .profit-content {
    background: #f2f2f2;
    width: 36%;
    max-width: 36%;
    padding: 50px 60px;
    border-left: solid #fff 8px;
    border-right: solid #fff 8px;
}

.quickship-profits h2 {
    text-align: center;
}

.quickship-profits h3 {
    font-size: 24px;
    margin-top: 35px;
    text-decoration: underline;
}

.quickship-profits .profit-item {
    width: 100%;
    max-width: 100%;
}

.quickship-count_country {
    font-weight: 500;
}

.quickship-profits .buttons {
    text-align: center;
}

.profit-item:before {
    content: '';
    background: url(../img/circle-check-mark-blue.png) no-repeat 50% 50%;
    background-size: cover;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -14px;
}

.profit-item .profit_count {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.profit-item p {
    font-size: 20px;
    margin: 0;
    font-weight: 400;
    line-height: 1.2;
}

    .profit-item p > span {
        display: inline-block;
        margin-right: 20px;
    }

.profit-image {
    /*    background: url(../img/turnkey-service.png) no-repeat 50% 50%;
    background-size: cover;*/
    width: 60%;
    height: 517px;
    max-width: 762px;
    position: relative;
}

.profit-image-wrap {
    background: url(../img/turnkey-service.png) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.profit-image:before {
    content: '';
    position: absolute;
    top: -25px;
    right: -25px;
    width: 655px;
    /*    height:412px; */
    height: 90%;
    max-width: 90%;
    z-index: -1;
    background: #b9cfdf;
    transition: 0.3s all;
}

.profit-image:after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: -25px;
    width: 655px;
    height: 90%;
    max-width: 90%;
    z-index: -1;
    background: #b2daed;
    transition: 0.3s all;
}

.profit-image:hover:before {
    top: -40px;
    right: -40px;
    transition: 0.3s all;
}

.profit-image:hover:after {
    bottom: -40px;
    left: -40px;
    transition: 0.3s all;
}


.quickship-profits .profit-image {
    background: url(../img/quickship.png) no-repeat 50% 50%;
    background-size: cover;
}

.profit-section .buttons {
    margin: 0;
}

.book-ideas-section .buttons {
    margin: 50px 0 0;
}

.button-subscribe {
    margin: 0;
    text-transform: none;
    height: auto;
    /*    line-height: 40px;
    padding:5px 20px !important;
    font-weight:700 !important;*/
}

.book-ideas-section .profit-content {
    padding-right: 40px;
    max-width: 510px;
}

.quickship-truck-icon {
    background: url(../img/quickship-truck-icon.png) 50% 50% no-repeat;
    background-size: contain;
    width: 167px;
    height: 65px;
    display: block;
    margin: 0 auto 20px;
}

.light-bulb_icon {
    background: url(../img/light-bulb.png) 50% 50% no-repeat;
    width: 114px;
    height: 122px;
    background-size: contain;
    display: block;
    margin: 0 0 30px;
}
/*.book-ideas-section .profit-image {
    background: url(../img/book-of-ideas.png) no-repeat 50% 50%;
    background-size: cover;
}*/
.book-ideas-section .profit-image-wrap {
    background: url(../img/book-of-ideas.png) no-repeat 50% 50%;
    background-size: cover;
}


/* eBrochure page */
.ebrochure-page {
    max-width: 1065px;
    margin: 0 auto;
}

    .ebrochure-page h1 {
        font-size: 26px;
        margin: 20px 0 0;
    }

.ebrochure-note {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0 50px;
}

    .ebrochure-note p {
        font-size: 16px;
        margin: 0;
    }

.green-marketing-logo {
    width: 100px;
    height: 32px;
    background: url(../img/green-marketing.png) no-repeat 50% 50%;
    background-size: cover;
    flex-shrink: 0;
}

.green-marketing-logo-fr {
    width: 100px;
    height: 42px;
    background: url(../img/marketing-vert.png) no-repeat 50% 50%;
    background-size: cover;
    flex-shrink: 0;
}

.ebrochures {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(auto-fill, minmax(180px, 220px));
    margin: 50px 0 0;
    width: 100%;
}

.ebrochure-one {
    max-width: 225px;
    margin-bottom: 50px;
}

    .ebrochure-one h3 {
        color: #000;
        font-size: 16px;
        font-weight: 500;
        margin: 15px 0 10px;
    }

    .ebrochure-one img {
        max-width: 100%;
    }

.icon-download {
    text-decoration: none;
    color: #000;
    font-size: 12px;
}

    .icon-download:hover {
        color: #0085c3;
    }

    .icon-download:before {
        content: '';
        display: inline-block;
        margin-right: 7px;
        width: 17px;
        height: 15px;
        background: url(../img/download-icon-black.png) no-repeat 50% 50%;
        background-size: cover;
        vertical-align: middle;
    }

    .icon-download:hover:before {
        background: url(../img/download-icon-blue.png) no-repeat 50% 50%;
        background-size: cover;
    }

    .icon-download span {
        vertical-align: middle;
        border-bottom: solid 1px #000;
        color: #000;
    }

    .icon-download:hover span {
        border-bottom: solid 1px #0085c3;
        color: #0085c3;
    }



/* Benefits section - Homepage */
/*.benefits-section,
.book-ideas-section {
    margin:200px auto;
    padding:0 15px;
    max-width:1300px;
    width:100%;
    font-family: 'Roboto';
}
.cogan-key_icon {
    background:url(../img/cogan-key.jpg) 50% 50% no-repeat;
    width:247px;
    height:85px;
    display:block;
    margin:0 auto 30px;
}
.benefits-section > h2,
.book-ideas-section > h2 {
    font-size:47px;
    font-weight:bold;
    margin:5px 0 25px;
    text-align: center;
    line-height: 1.2;
}
.benefits-section > p,
.book-ideas-section > p {
    text-align: center;
    margin:0 0 45px;
    font-size:20px;
    line-height: 1.2;
    font-weight:400;
}
.benefits-list {
    display:flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom:15px;
}
.benefits-item {
    border-top:solid 3px #d9d9d9;
    padding:30px 10px;
    margin-right:20px;
    width:230px;
    max-width:20%;
}
.benefits-item .benefit_count {
    font-size:26px;
    font-weight:700;
    margin-bottom: 10px;
}
.benefits-item p {
    font-size: 20px;
    font-weight:500;
    margin:0;
    line-height:1.2;
}
.benefits_image {
    background: url(../img/benefits-image.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 1300px;
    height: 800px;
    max-width:100%;
    margin:0 auto;
}
.benefits-section .buttons,
.book-ideas-section .buttons {
    margin:50px 0 0;
    text-align: center;
}
.button-subscribe {
    border-radius: 50px;
    margin:0;
    text-transform: none;
    line-height: 1.4;
    padding:10px 45px !important;
    font-weight:700 !important;
}

.light-bulb_icon {
    background:url(../img/light-bulb.png) 50% 50% no-repeat;
    width:150px;
    height:165px;
    display:block;
    margin:0 auto 30px;
}
.book-ideas_image {
    background: url(../img/book-ideas_image.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 1300px;
    height: 800px;
    max-width:100%;
    margin:0 auto;
}*/

/* Homepage - Categories */
.categories-home_mobile {
    display: none;
}

.explore-products {
    display: block;
}


.home-banner_mobile {
    display: none;
}





@media screen and (max-width:1900px) { /* 1280 px */

    .callbacks {
        width: 1280px;
    }
}

@media screen and (max-width:1500px) {
    .page {
        max-width: 980px;
    }

    .callbacks {
        width: 100%;
    }

        .callbacks .caption {
            padding: 20px;
            top: 50px;
        }


    .product-box-outside_wrap {
        grid-template-columns: repeat(auto-fill, minmax(220px, 300px));
    }

    .quickship-profits .profit-content {
        padding: 50px 20px;
    }

    .explore-products h2 {
        font-size: 36px !important;
    }

    .box h3.product_name {
        font-size: 20px;
        margin-bottom: 5px !important;
    }

    .advantages_item .advantages_title {
        margin-bottom: 2px;
        font-size: 20px;
    }


    .quickship-truck-icon {
        width: 110px;
        height: 40px;
    }

    .quickship-profits .profit-content {
        padding: 40px 30px;
    }

    .quickship-profits h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .quickship-profits .profit-item {
        max-width: 100% !important;
    }

    .profit-content > h2, .book-ideas-section > h2 {
        font-size: 24px;
    }

    .profit-content > p, .book-ideas-section > p {
        font-size: 16px;
    }

    .profit-item {
        position: relative;
        margin: 0 0 15px;
        padding-left: 37px;
    }

        .profit-item .profit_count {
            font-size: 20px;
        }

        .profit-item p {
            font-size: 16px;
        }

    .profit-section {
        margin: 135px auto 0;
    }

        .profit-section.quickship-profits {
            margin: 150px auto;
        }

    .profit-content {
        width: 40%;
        padding-left: 30px;
    }

    .profit-image {
        width: 55%;
        height: 400px;
    }

    .profit-section.book-ideas-section {
        max-width: 1200px;
    }

    .profit-section.turnkey-service {
        max-width: 1200px;
    }

    .idea-month-section {
        padding: 60px 0;
    }

    .idea-month-title {
        font-size: 16px;
        line-height: 24px;
    }

        .idea-month-title span {
            font-size: 20px;
        }

    .idea-month-text {
        max-width: 80%;
    }

        .idea-month-text h1 {
            font-size: 42px;
        }

        .idea-month-text p {
            font-size: 18px;
            line-height: 1.4;
        }
}

@media screen and (max-width:1024px) {
    .explore-products h2 {
        font-size: 36px !important;
    }

    .box h3.product_name {
        font-size: 20px;
        margin-bottom: 5px !important;
    }

    .advantages_item .advantages_title {
        margin-bottom: 2px;
        font-size: 20px;
    }

    .advantages_item .advantages_text {
        font-size: 16px;
    }

    .profit-content > h2, .book-ideas-section > h2 {
        font-size: 20px;
    }

    .profit-content > p, .book-ideas-section > p {
        font-size: 16px;
    }

    .profit-item .profit_count {
        font-size: 18px;
    }

    .profit-item p {
        font-size: 16px;
    }

    .profit-section {
        margin: 105px auto 0;
    }

        .profit-section.quickship-profits {
            margin: 120px auto;
        }

    .profit-content {
        width: 48%;
        padding-left: 30px;
    }

    .profit-image {
        width: 50%;
        height: 300px;
    }

        .profit-image:before {
            top: -15px;
            right: -15px;
        }

        .profit-image:after {
            bottom: -15px;
            left: -15px;
        }

        .profit-image:hover:before {
            top: -25px;
            right: -25px;
        }

        .profit-image:hover:after {
            bottom: -25px;
            left: -25px;
        }

    .quickship-truck-icon {
        width: 110px;
        height: 40px;
        margin: 0 auto 10px;
    }

    .quickship-profits .profit-content {
        padding: 30px 10px;
    }

    .cogan-key_icon {
        background: url(../img/cogan-key.jpg) 0% 50% no-repeat;
        background-size: contain;
        width: 175px;
        height: 40px;
        margin: 0 0 20px;
    }

    .profit-list {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .profit-item:nth-of-type(odd) {
        width: 55%;
        max-width: 250px;
    }

    .profit-item:nth-of-type(even) {
        width: 42%;
        max-width: 190px;
    }

    .profit-item {
        position: relative;
        margin: 0 0 15px;
        padding-left: 37px;
    }

    .light-bulb_icon {
        background: url(../img/light-bulb.png) 0% 50% no-repeat;
        background-size: contain;
        width: 80px;
        height: 100px;
        margin: 0 0 20px;
    }

    .book-ideas-section .buttons {
        margin: 30px 0 0;
    }

    .profit-section.book-ideas-section {
        margin: 0 auto 120px;
        align-items: center;
    }

    .advantages_item {
        padding: 50px 20px;
    }

    .quickship-profits h3 {
        font-size: 18px;
        margin-top: 15px;
    }

    .quickship-profits .profit-item {
        width: auto !important;
        max-width: 100% !important;
    }

    .idea-month-section {
        padding: 60px 0;
    }

    .idea-month-title {
        font-size: 16px;
        line-height: 24px;
    }

        .idea-month-title span {
            font-size: 20px;
        }

    .idea-month-text h1 {
        font-size: 36px;
    }

    .idea-month-text p {
        font-size: 16px;
    }
}

@media (min-width: 979px) {
    #fade {
        display: none !important;
    }

    .btn_mnu {
        display: none;
    }
}

@media screen and (max-width:979px) { /* 800 px */
    .page {
        max-width: 780px;
        padding: 0 10px;
    }

    .wclm1 {
        width: 100%;
        float: none;
    }

    .iciontxt {
        width: 80%;
        float: left;
    }

    .wclm2 {
        float: none;
        margin: 0 auto 20px;
    }

    .bluebg .clogo {
        padding: 15px 50px;
    }
    /* ---------- MOBILE MENU ---------- */
    .desktop_menu {
        display: none;
    }

    .mobile_menu {
        display: block;
    }

    .menu-item-for-mobile {
        display: block;
    }
    /* HEADER */
    .consultant-country span {
        display: block;
    }

    #right_header2 {
        text-align: right;
        padding-right: 60px;
    }

    #menu_wrapper {
        margin-top: -45px;
    }

    #main_menu li {
        margin-right: 25px;
    }

    .homeSlide {
        /*   padding-top:200px !important;*/
        height: auto !important;
        /*   margin-bottom:20px;*/
    }

    .main-page-content .homeSlide {
        margin-bottom: 40px;
    }

    .flex-control-nav {
        bottom: -30px;
    }

    /* Slider, banner */
    /*  .bcg {
        padding: 0 20px;
    }*/
    .banner_product-details {
        height: 200px !important;
        margin-bottom: 0 !important;
    }

    .product_details {
        display: none;
    }

    .product_details_right_panel {
        width: 100%;
        padding: 0;
    }

    .poinBox {
        width: 100%;
        margin-left: 0;
    }

    .iconbx {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .thinktxt {
        width: auto;
        float: none;
    }

    .innerpage_banner_txt {
        /*  padding:20px;*/
    }

    .innerpage_banner_heading2 {
    }

        .innerpage_banner_heading2 img {
            margin-bottom: 0;
        }

        .innerpage_banner_heading2 span {
            font-size: 20px;
        }

        .innerpage_banner_heading2 ul {
            padding: 20px 10px 10px 20px;
        }

            .innerpage_banner_heading2 ul li {
                font-size: 16px;
            }

    .innerpage_banner_video {
        width: 350px;
        height: 200px;
        margin-left: 20px;
    }

    .otherpage_banner,
    .innerpage_banner,
    .homeSlide {
        /*        padding-top:90px;*/
    }
    /* HOMEPAGE - wide width section */
    .wide-section_image {
        width: 600px;
        height: 350px;
    }

    /* HOMEPAGE - full width section */
    .advantages-section {
        flex-wrap: wrap;
    }

    .advantages_item {
        width: 48% !important;
        /*    border-right:solid 1px #000;
        padding:45px 35px 0;*/
    }

        .advantages_item:nth-of-type(2n+2) {
            border: none;
        }
    /*   .advantages_item:nth-of-type(1),
    .advantages_item:nth-of-type(2) {
        border-bottom: 1px solid #e4e4e4;
    }   */

    /* breadcrumb */
    .breadcrumb_product-details .main {
        padding: 0px 15px;
    }
    /* request a quote page */
    .request-quote_info {
        -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;
        text-align: center;
    }

    .request-quote_avatar {
        width: 80px;
        margin: 0;
    }

        .request-quote_avatar .avatar {
            width: 80px;
            height: 80px;
        }

    .request-quote_detail {
        text-align: center;
    }


    .product-box-outside_wrap {
        grid-template-columns: repeat(auto-fill, minmax(180px, 240px));
    }


    /* Homepage */
    .profit-content {
        width: 50%;
    }

    .profit-image {
        width: 50%;
        height: 350px;
    }
        /*    .profit-image:before,
    .profit-image:after {height:300px;}*/

        .profit-image:before {
            top: -20px;
            right: -20px;
        }

        .profit-image:after {
            bottom: -20px;
            left: -20px;
        }

        .profit-image:hover:before {
            top: -35px;
            right: -35px;
        }

        .profit-image:hover:after {
            bottom: -35px;
            left: -35px;
        }


    .profit-section.quickship-profits {
        flex-direction: column;
    }

        .profit-section.quickship-profits .profit-content {
            width: 100%;
            max-width: 100%;
            padding: 50px 60px;
            border-left: 0;
            border-right: 0;
            border-top: solid #fff 8px;
            border-bottom: solid #fff 8px;
        }

    .quickship-profits .profit-image-blocks {
        width: 100%;
        height: 300px;
        flex-direction: row;
    }

    .quickship-profits .profit-image-one {
        width: 50%;
        height: 100%;
    }

        .quickship-profits .profit-image-one:first-of-type {
            border-bottom: 0;
            border-right: solid 8px #fff;
        }
}


@media screen and (max-width:840px) { /* 768 px */
    .product-box-outside_wrap {
        grid-template-columns: repeat(auto-fill, 200px);
    }

    .explore-products h2 {
        font-size: 36px;
    }

    .box h3.product_name {
        font-size: 20px;
        margin-bottom: 5px !important;
    }

    .advantages_item .advantages_title {
        margin-bottom: 2px;
        font-size: 20px;
    }

    .advantages_item .advantages_text {
        font-size: 16px;
    }
    /*    .slide-item {
        height: 350px;
    }
    .slide-item_center {
        min-width: 300px;
    }*/
    .profit-content > h2, .book-ideas-section > h2 {
        font-size: 20px;
    }

    .profit-content > p, .book-ideas-section > p {
        font-size: 16px;
    }

    .profit-item .profit_count {
        font-size: 20px;
    }

    .profit-item p {
        font-size: 16px;
    }

    .profit-section {
        margin: 105px auto 0;
    }

        .profit-section.quickship-profits {
            margin: 120px auto;
        }

    .profit-content {
        width: 60%;
        padding-left: 30px;
    }

    .profit-image {
        width: 40%;
        height: 230px;
    }

        .profit-image:before {
            top: -10px;
            right: -10px;
        }

        .profit-image:after {
            bottom: -10px;
            left: -10px;
        }

        .profit-image:hover:before {
            top: -15px;
            right: -15px;
        }

        .profit-image:hover:after {
            bottom: -15px;
            left: -15px;
        }

    .cogan-key_icon {
        background: url(../img/cogan-key.jpg) 0% 50% no-repeat;
        background-size: contain;
        width: 175px;
        height: 40px;
        margin: 0 0 20px;
    }

    .profit-list {
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .profit-item:nth-of-type(odd) {
        width: 55%;
        max-width: 250px;
    }

    .profit-item:nth-of-type(even) {
        width: 42%;
        max-width: 190px;
    }

    .profit-item {
        position: relative;
        margin: 0 0 30px;
        padding-left: 37px;
    }

    .light-bulb_icon {
        background: url(../img/light-bulb.png) 0% 50% no-repeat;
        background-size: contain;
        width: 80px;
        height: 100px;
        margin: 0 0 20px;
    }

    .book-ideas-section .buttons {
        margin: 30px 0 0;
    }

    .profit-section.book-ideas-section {
        margin: 0 auto 120px;
        align-items: center;
    }

    .advantages_item {
        padding: 50px 20px;
    }

    .quickship-profits h3 {
        font-size: 20px;
    }

    .quickship-profits .profit-item {
        width: auto !important;
        max-width: 230px !important;
    }

    .idea-month-section {
        padding: 60px 0;
    }

    .idea-month-title {
        font-size: 16px;
        line-height: 24px;
    }

        .idea-month-title span {
            font-size: 20px;
        }

    .idea-month-text h1 {
        font-size: 36px;
    }

    .idea-month-text p {
        font-size: 16px;
    }
}



@media screen and (max-width:799px) { /* 768 px */
    .page {
        max-width: 760px;
        padding: 0 4px;
    }

    .callbacks .caption p {
        line-height: 25px;
        font-size: 22px;
    }
}

@media screen and (max-width:767px) { /* 640 px */
    .page {
        max-width: 632px;
    }

    .callbacks .caption {
        width: 420px;
        padding: 10px 10px 20px;
    }

    .bluebg .clogo {
        padding: 15px 30px;
    }


    /* header */
    .top-bar {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-right: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .top-bar {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    #right_header2 {
        padding-right: 0;
        margin: 5px auto 0;
    }

    .btn_mnu {
        /*        top:-65px; */
    }

    /* banner */
    .otherpage_banner,
    .innerpage_banner,
    .homeSlide {
        /*        padding-top: 120px;*/
    }


    .consultant-country span {
        display: inline-block;
    }

    #right_header2 {
        text-align: center;
    }

    #logo img {
        width: 170px;
    }

    .flex-control-nav li {
        margin: 0 5px;
    }

    .flex-caption {
        padding: 0 15px;
    }

        .flex-caption .button {
            margin-top: 15px !important;
            padding: 0 15px !important;
            height: 30px !important;
            font-size: 15px;
            line-height: 32px !important;
            background: #0085c3;
        }

    .flex-caption-content {
        margin: 0;
    }

    .flex-caption h2 {
        margin: 0 0 5px;
    }


    .request-quote_text {
        margin-top: 30px;
    }

    /* warranty page */
    .warranty-section {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .warranty-image {
        background-size: auto;
        width: 100%;
        height: 326px;
        order: 2;
    }

    .warranty-text {
        padding-left: 0;
        margin-bottom: 20px;
        order: 1;
    }

    /* Request a quote page */
    .request_quote_form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 40px;
    }

    .request-quote_form {
        width: 100%;
        padding-right: 0;
    }

    .request-quote_text {
        width: 100%;
        padding: 0;
    }

    .request-quote_text-num {
        position: relative;
        top: 0;
        left: 0;
        padding-right: 10px;
    }

    .request-quote_text-box h3 {
        display: flex;
    }
    /* request a quote page */
    .request-quote_info {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .request-quote_avatar {
        margin: 15px !important;
        width: 150px;
    }

        .request-quote_avatar .avatar {
            width: 150px;
            height: 150px;
        }

    .request-quote_detail {
        text-align: left;
    }




    /* PRODUCT PAGE */
    .product_image_mezzanines {
        width: 176px;
        height: 70px;
        background-size: cover;
    }

    .product_image_cantilever_racking {
        width: 225px;
        height: 71px;
        background-size: cover;
    }

    .product_image_safety_rack {
        width: 222px;
        height: 70px;
        background-size: cover;
    }

    .product_image_guardrail {
        width: 179px;
        height: 70px;
        background-size: cover;
    }

    .product_image_lockers {
        width: 146px;
        height: 70px;
        background-size: cover;
    }

    .product_image_longspanracking {
        width: 222px;
        height: 70px;
        background-size: cover;
    }

    .product_image_quickship {
        width: 179px;
        height: 70px;
        background-size: cover;
    }

    .product_image_partitions {
        width: 160px;
        height: 68px;
        background-size: cover;
    }

    /* PRODUCT DETAILS */
    .product_heading_sub_txt {
        width: 100%;
        margin-left: 0;
    }

    .product_details_right_panel {
        padding: 0;
    }

    .poinBox {
        margin-top: 20px;
    }

    .iconbx {
        padding: 20px 0;
    }

    .thinktxt h2 {
        text-align: left !important;
    }

    .sndSec {
        margin: 20px 0;
    }

        .sndSec .sct1 {
            padding: 20px;
        }

        .sndSec .imgSc {
            max-width: 100%;
            width: 100%;
            text-align: center;
        }

            .sndSec .imgSc img {
                border: 0;
            }

    .product_heading_sub_txt img {
        float: none !important;
        margin: 0;
    }

    .sndSec .txtSc {
        width: 100%;
        text-align: center;
        line-height: 120%;
    }

    .product_heading_sub_txt .advantages-consultation {
        margin-left: 0;
        width: 100%;
    }
    /*    .app-gall-container {
        width:100%;
    }
    .app-gall-container .app-img {
        width:120px;
        text-align: center;
    }
    .app-gall-container .footer-logo {
        margin-left:10px;
        margin-top: 15px;
    }*/
    .our-expertise-section {
        width: 100%;
        margin: 0;
    }

    .advantages-section.advantages_small-font {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        margin: 0;
    }

    ul.video_list {
        margin-right: 0 !important;
        width: 80px !important;
    }
    /*    .app-gall-container .right-content .paragraph {
        width:100%;
        padding-left:0;
    }*/
    .project_gallery_holder {
        padding: 30px 0;
    }
    /*    .app-gall-container .right-content {
        width:70%;
    }*/
    .product_heading_sub_txt h2 {
        text-align: center;
    }

    .app-gall-container .right-content .button {
        width: auto !important;
    }

    .how-we-work {
        padding-left: 0;
    }

    .our-expertise-section h2 {
        margin-bottom: 20px;
    }

    .how-we-work::before {
        margin: 0 0 20px;
        position: relative;
    }

    .resource_download_button_new a {
        width: 130px;
    }

    .installation_Manual {
        padding-bottom: 5px;
    }

        .installation_Manual .text {
            height: auto;
        }

    .resources_details_icon {
        margin-bottom: 20px;
    }

    .app-gall-container .right-content .form {
        float: none;
        clear: both;
    }

    .resources_holder {
        padding-top: 60px;
    }
    /*    .our-expertise-section .advantages_item {
        width:100%;
        border-right:none;
    }*/
    /*  .our-expertise-section .advantages_item:nth-of-type(1),
    .our-expertise-section .advantages_item:nth-of-type(2) {
        border-right:0;
        border-bottom:solid 1px #000;
    }
*/
    .advantages-consultation {
        padding: 20px 10px 10px;
    }

    .advantages-consultation_title {
        padding: 0;
        font-size: 20px;
        line-height: 24px;
    }

    .product-box-outside_wrap {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .product-box-outside {
        width: 45%;
    }

    /* They trust our products - CTA section */
    .product_half_content .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /* contact page */
    .contact-page_map,
    .contact-page_offices {
        width: 100%;
    }

        .contact-page_offices table td {
            text-align: left;
            padding: 10px 0;
        }

    /* Resources page */
    .resources_content_holder #ContentPlaceHolder1_UpdatePanel1 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .resource_right_panel,
    .resource_left_panel {
        margin-left: 0;
    }


    /* Homepage */
    .benefits-list {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .benefits-item {
        border-top: solid 3px #d9d9d9;
        padding: 30px 10px;
        margin-right: 1%;
        width: 30%;
        max-width: 30%;
    }

    .benefits_image,
    .book-ideas_image {
        height: 500px;
    }

    .product-box-outside_wrap {
        display: flex;
        justify-content: space-between;
    }

    .product-box-outside_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .product-box-outside_wrap a.product-box-outside {
            width: 47%;
        }


    /* Homepage */
    .profit-section {
        flex-direction: column;
    }

    .profit-content {
        width: 90%;
        max-width: 90%;
        padding: 0 40px;
        margin-top: 70px;
    }

    .profit-image {
        width: 90%;
        height: 450px;
        margin: auto;
    }

    /*    .profit-section {
        margin: 160px auto 0;
    }*/

    .quickship-profits .profit-image-blocks {
        height: 200px;
    }
    /*    .profit-section.quickship-profits {
        margin: 160px auto;
    }*/
    .quickship-profits .profit-content {
        margin-top: 0px;
    }

    /*    .profit-section.book-ideas-section {
        margin: 0 auto 160px;
    }*/
    .book-ideas-section .profit-image {
        order: -1;
    }

    .product-box-outside_wrap a.product-box-outside {
        margin-bottom: 30px;
    }


    /* Homepage - Quality section */
    .idea-month-section .container {
        margin: 0 50px;
        padding: 30px;
    }

    .idea-month-icon {
        margin: 0 auto 20px;
        width: 100px;
        height: 80px;
    }

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

    .idea-month-text h2 {
        margin: 20px 0 40px;
    }

    .idea-month-h2 {
        font-size: 20px !important;
    }

    .idea-month-section .buttons {
        margin-top: 30px;
    }
}

@media screen and (max-width:640px) {
    .otherpage_banner_heading4 {
        font-size: 24px;
        padding: 15px;
        line-height: 30px;
    }

    .page {
        max-width: 356px;
        padding: 0 2px;
    }

    .PageTitle {
        font-size: 20px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .logo {
        width: 209px;
        margin: 0 auto 15px;
        float: none;
    }

    .nmbr {
        padding: 20px 15px 0 0;
    }

    .callbacks .caption {
        width: 60%;
    }

    .callbacks {
        height: 280px;
    }

        .callbacks .caption p {
            font-size: 12px;
            line-height: 15px;
        }

        .callbacks img {
            height: 100%;
            max-width: none;
            width: auto;
        }

        .callbacks .caption a {
            font-size: 10px;
            padding: 8px 35px 8px 10px;
            background: url("/images/playbg.png") no-repeat scroll 167px center #0085C3;
        }

    .graybg {
        font-size: 24px;
        line-height: 25px;
    }

    .iciontxt {
        width: 60%;
    }

    .bluebg .clogo {
        padding: 15px 40px;
    }

    /* Slider, banner */
    .banner_style2 {
        height: 150px;
    }

    .innerpage_banner_txt {
        min-height: 150px !important;
    }

    .innerpage_banner_txt_inner_content {
        flex-direction: column;
        justify-content: center;
    }

    .innerpage_banner_heading2 {
        /*  margin:0 auto;*/
        float: none;
    }

    .innerpage_banner_heading,
    .otherpage_banner_heading6 {
        font-size: 20px;
        margin: 0;
        padding: 5px;
        height: 26px;
    }

    .product-page .innerpage_banner_txt_inner_content {
        align-items: flex-start;
    }

    .innerpage_banner_video {
        width: 100%;
        min-height: 200px;
        margin: 20px 10px 0;
    }

    .homeSlide {
        min-height: 150px !important;
    }

    .bcg {
        min-height: 150px !important;
    }

    .otherpage_banner_txt_inner_content {
        text-align: center;
    }

    .innerpage_banner {
        min-height: 150px !important;
    }

    .otherpage_banner_heading4 {
        float: none;
    }

    .innerpage_banner_txt {
        align-items: center;
    }

    .innerpage_banner_heading2 span {
        background: rgba(0,0,0,0.7);
    }

    .advantages-consultation_title {
        font-size: 24px;
        line-height: 30px;
    }

        .advantages-consultation_title:before,
        .advantages-consultation_title:after {
            display: none;
        }

    .otherpage_banner {
        height: 150px !important;
    }

    /* HOMEPAGE - wide width section */
    .wide-section_image {
        width: 400px;
        height: 300px;
    }

    .wide-section_text {
        padding-top: 20px;
    }

    /* HOMEPAGE - full width section */
    /*    .advantages-section {
        flex-wrap:wrap;
        padding-top:0;  
    }
    .advantages_item {
        width:100%;
        padding:35px 20px 0;
        border-bottom:1px solid #000;
        border-right:0;
    }  */

    /* FOOTER */
    #footer_wrapper .main {
        max-width: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #footer_wrapper .quarter_columns {
        width: 48%;
    }

    /* They trust our products - CTA section */
    #industry_wrapper h2 {
        font-size: 22px;
    }


    /* CTA banner */
    .cta-banner {
    }

    .cta-banner_wrapper {
        background-position: -330px 0 !important;
        padding-left: 100px;
    }

        .cta-banner_wrapper h2 {
            font-size: 18px;
            margin-bottom: 15px;
        }

    /* Inspiration page */
    .issuu-isrendered {
        height: 500px !important;
    }

    .benefits-section, .book-ideas-section {
        margin: 100px auto;
    }

    /* Homepage */
    .profit-image {
        height: 350px;
    }
}

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

    /* OUR EXPERTISE PAGE*/
    .boxes-expertise .box {
        margin: 0 0 20px;
        padding: 0 20px;
    }

    .our-expertise_image {
        width: 150px;
        height: 120px;
    }

    .icon-expertise {
        width: 68px;
        height: 66px;
        background-size: 404px 132px;
    }

    .icon-expertise-work {
        background-position: 0 0;
    }

    .box:hover .icon-expertise-work {
        background-position: 0 -66px;
    }

    .icon-expertise-colors {
        background-position: -67px 0;
    }

    .box:hover .icon-expertise-colors {
        background-position: -67px -66px;
    }

    .icon-expertise-shipping {
        background-position: -136px 0;
    }

    .box:hover .icon-expertise-shipping {
        background-position: -136px -66px;
    }

    .icon-expertise-installation {
        background-position: -204px 0;
    }

    .box:hover .icon-expertise-installation {
        background-position: -204px -66px;
    }

    .icon-expertise-warranty {
        background-position: -272px 0;
    }

    .box:hover .icon-expertise-warranty {
        background-position: -272px -66px;
    }

    .icon-expertise-certifications {
        background-position: -340px 0;
    }

    .box:hover .icon-expertise-certifications {
        background-position: -340px -66px;
    }

    /* Homepage - Quality section */
    .idea-month-section .container {
        margin: 0 20px;
        padding: 20px;
    }

    .idea-month-icon {
        margin: 0 auto 20px;
        width: 100px;
        height: 80px;
    }

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

    .idea-month-text h2 {
        margin: 10px 0 20px;
        font-size: 20px;
    }

    .idea-month-text p.idea-month-name {
        font-size: 18px;
        line-height: 24px;
        text-align: center !important;
    }

    .idea-month-h2 {
        font-size: 20px !important;
    }

    .idea-month-section .buttons {
        margin-top: 30px;
    }

    .idea-month-text {
        max-width: 100%;
    }

    .idea-month-logo {
        max-width: 200px;
    }
}

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

    /*    .home-banner_mobile {
        display: block;
    }

    .homeSlider {
        display: none;
    }*/

    .top-header {
        height: 90px !important;
    }

        .top-header.top-fixed {
            min-height: 90px !important;
        }

    /* Homepage - Categories */
    .explore-products {
        display: none;
    }

    .categories-home_mobile {
        display: block;
        margin: 40px 15px 0;
        margin-top: 0;
    }

        .categories-home_mobile h2 {
            text-align: center;
            margin: 0 0 40px;
            font-size: 30px;
            display: none;
        }

    .categories-home_wrap {
    }

    .categories-home_item {
        margin-bottom: 15px;
    }

    .cat-home-item {
        display: block;
        width: 380px;
        height: 477px;
        max-width: 100%;
    }

    .cat-mezzanines {
        background: url(../img/home-cat/mobile-2024-mezzanines.jpg) no-repeat 50% 100%;
        background-size: cover;
    }

    .cat-guardrails {
        background: url(../img/home-cat/mobile-2024-guardrails.jpg) no-repeat 50% 100%;
        background-size: cover;
    }

    .cat-rackprotection {
        background: url(../img/home-cat/mobile-2024-rackprotection.jpg) no-repeat 50% 100%;
        background-size: cover;
    }

    .cat-cantilever-racking {
        background: url(../img/home-cat/mobile-2024-cantileverracking.jpg) no-repeat 50% 100%;
        background-size: cover;
    }

    .cat-partitions {
        background: url(../img/home-cat/mobile-2024-partitions.jpg) no-repeat 50% 100%;
        background-size: cover;
    }

    .cat-lockers {
        background: url(../img/home-cat/mobile-2024-lockers.jpg) no-repeat 50% 100%;
        background-size: cover;
    }

    .cat-quickship {
        background: url(../img/home-cat/mobile-2024-quickship.jpg) no-repeat 50% 100%;
        background-size: cover;
    }

    .cat-thinikit {
        background: url(../img/home-cat/mobile-2024-thinikit.jpg) no-repeat 50% 100%;
        background-size: cover;
    }


    .profit-content {
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }

    .profit-item p br {
        display: none;
    }

    .profit-list {
        flex-direction: column;
    }

    .profit-item:nth-of-type(odd),
    .profit-item:nth-of-type(even) {
        width: 100% !important;
        max-width: 100% !important;
    }

    .profit-image:before, .profit-image:after {
        height: 250px;
    }

    .profit-image:hover:before {
        top: -20px;
        right: -20px;
    }

    .profit-image:hover:after {
        bottom: -20px;
        left: -20px;
    }

    .quickship-logo {
        bottom: 10px;
        left: 10px;
    }

    .profit-section {
        margin: 50px auto 0;
    }

        .profit-section.quickship-profits {
            margin: 100px auto 140px;
            display: none;
        }

            .profit-section.quickship-profits .profit-content {
                padding: 50px 30px;
            }

        .profit-section.book-ideas-section {
            margin: 140px auto 100px;
        }

    .advantages-section {
        padding: 0;
        margin: 0 15px;
    }

        .advantages-section .advantages_item {
            padding: 30px 10px !important;
        }

    .exploreProductsTabs .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .exploreProductsDetails .swiper-slide {
        height: 100%;
    }

    /* header */
    /*    .btn_mnu {
        top:-80px !important;
    }*/
    .otherpage_banner,
    .innerpage_banner,
    .homeSlide {
        /*        padding-top: 150px !important;*/
    }

    .flexslider .slides .slider-img_mobile {
        display: block;
    }

    .flexslider .slides .slider-img_desktop {
        display: none;
    }

    .flex-caption {
        width: 40%;
    }

        .flex-caption h2 a {
            font-size: 20px;
        }

        .flex-caption h3 a {
            font-size: 12px;
            line-height: 14px;
        }

    .wide-section {
        flex-direction: column;
    }

    .wide-section_image {
        width: 100%;
        height: 250px;
        order: 1;
    }

    .wide-section_text {
        width: 100%;
        padding: 20px;
        order: 2;
    }

        .wide-section_text h2 br {
            display: none;
        }

    .flex-caption .button {
        white-space: nowrap;
        padding: 0 10px !important;
        height: 26px !important;
        line-height: 26px !important;
    }

    /* They trust our products - CTA section */
    #industry_wrapper {
        padding: 30px;
    }

        #industry_wrapper .main {
            width: 100%;
        }

    .product_half_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .product_half_content .row {
            width: 100% !important;
        }

            .product_half_content .row img {
                margin-bottom: 10px;
            }

    /* FOOTER */
    #footer_wrapper {
        padding: 10px 0 30px;
    }

        #footer_wrapper .quarter_columns {
            width: 100%;
            margin: 0;
            padding: 0 15px;
        }

            #footer_wrapper .quarter_columns ul li {
                margin-top: 0;
            }

    #copyright_wrapper {
        padding: 15px 0;
    }

    /* CTA banner */
    .cta-banner {
        width: 100%;
    }

    /* warranty page */
    .warranty-image {
        height: 248px;
        width: 320px;
        background-size: contain;
    }

    /* PRODUCT DETAILS */
    .app-gall-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
        /*        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
                flex-direction: column;    */
    }

        .app-gall-container .app-img {
            width: 100%;
            /*    margin:0 0 20px; */
        }
        /*    .app-gall-container .app-img img {
        width:50%;
        margin:0 auto;
    }*/
        .app-gall-container .right-content {
            width: 100%;
        }

    #section-tabs > a {
        width: 100%;
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
        border-right: none;
    }

    .product-box-outside {
        width: 100%;
    }

        .product-box-outside img {
            width: auto;
        }

    .issuu-isrendered {
        height: 270px !important;
    }

    /* request a quote page */
    .request-quote_info {
        -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;
        text-align: center;
    }

    .request-quote_avatar {
        margin: 0;
    }

    .request-quote_detail {
        text-align: center;
    }

    .send_request_form_drop_down_holder1,
    .send_request_form_drop_down_holder2 {
        width: 100% !important;
    }

    .request_select-country select {
        width: 100% !important;
    }

    .our-expertise-section {
    }

        .our-expertise-section .advantages_item {
            width: 100%;
            border-right: none;
            border: none;
        }
    /*  .our-expertise-section .advantages_item:nth-of-type(1),
    .our-expertise-section .advantages_item:nth-of-type(2) {
        border-right:0;
        border-bottom:solid 1px #e4e4e4;
    }*/

    /* Homepage */
    .benefits-section > h2,
    .book-ideas-section > h2 {
        font-size: 36px;
    }

    .benefits-list {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .benefits-item {
        border-top: solid 3px #d9d9d9;
        padding: 30px 10px;
        margin: 0 3%;
        width: 44%;
        max-width: 44%;
    }

    .benefits_image,
    .book-ideas_image {
        height: 300px;
    }

    .advantages_item {
        width: 100% !important;
        border: none;
    }


    /* Homepage */
    .profit-image {
        height: 280px;
    }

    .quickship-profits .profit-list {
        flex-direction: column;
    }

    /* Product page */
    .product-box-outside_wrap {
        margin-top: 30px;
    }

        .product-box-outside_wrap a.product-box-outside {
            margin-bottom: 5px;
            padding: 0 0 10px;
            width: 49%;
        }

    .product_heading_sub_txt img { /*margin:0 0 15px; width: 100% !important;*/
    }

    .product-box-outside .inner-product-detail {
        width: 100%;
    }

    .resources_details_inner {
        margin: 0;
    }

    .installation_Manual .text {
        width: 60%;
        padding-left: 0;
    }

    .resources_videos .videos_titles {
        width: 60%;
    }

    .resources_specifications .resources_details_inner {
        width: 100%;
        max-width: 100%;
        margin: 10px 0;
    }

    .resources_videos .resources_details_inner {
        margin: 10px 0;
    }

    .resources_manuals .installation_Manual:first-of-type {
        margin-top: 20px !important;
    }

    .resources_videos {
        padding: 60px 0 10px 0 !important;
    }

    .product-page_title {
        font-size: 24px;
    }

    .tab-wrapper .tabs {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

        .tab-wrapper .tabs > a {
            margin-bottom: 10px;
            border-bottom: 3px #fff solid;
        }

    .offices-list img {
        width: auto !important;
    }
}

@media screen and (max-width:359px) { /* 320 px */

    /* header */
    /*   .btn_mnu {
        top:-90px !important;
    }*/
    .otherpage_banner,
    .innerpage_banner,
    .homeSlide {
        /*        padding-top: 150px !important;*/
    }

    .flex-caption h2 a {
        font-size: 18px;
    }

    .page {
        max-width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .wclm2 .headbx {
        padding: 30px 20px;
    }

    .formbx {
        padding: 30px 25px;
    }

    .callbacks .caption a {
        padding: 8px 13px 8px 10px;
    }

    .bluebg .clogo {
        padding: 15px 30px;
    }

    /* TOP BAR */
    .top-bar {
        margin-bottom: 10px;
    }

    .consultant-country span {
        font-size: 8px;
        margin-right: 3px;
    }

    .consultant-country img {
        margin-right: 3px;
    }

        .consultant-country img:last-of-type {
            margin: 0;
        }

    .product-box-outside_wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .product-box-outside_wrap a.product-box-outside {
            width: 100%;
        }
}



.innerpage_banner_heading3 {
    background: #000;
    opacity: .6;
}

.product_heading_sub_txt img {
    float: left;
    margin-right: 1%;
}

.product_heading_sub_txt a {
    font-size: 22px;
    text-decoration: none;
    /*color: #000 !important;*/
    font-weight: 600;
    display: block;
    width: 100%;
}

.ergonomic {
    float: left;
    width: 43%;
    padding-left: 2%;
}

.e {
    background: #158d49;
    border-radius: 20px;
    width: 36px;
    color: #fff;
    text-align: center;
    font-weight: 900;
    font-size: 32px;
    height: 30px;
    padding-top: 6px;
    display: inline-block;
}

.dot {
    width: 10px !important;
    height: 10px;
    height: 10px;
    padding-top: 0 !important;
}

.eco {
    width: 48% !important;
    margin-top: 10%;
}

.ergonomic a {
    font-size: 30px;
    color: #000;
}

.down {
    height: 11px;
    padding-top: 16px !important;
}

.order_now_holder {
    background: #ebebeb;
}

.thead {
    color: #048C9A;
    font-weight: bold;
}

.spaced {
    background-color: #EAEAEB;
}

.bbx {
    background-color: #048C9A;
    height: 12px;
    width: 12px;
    display: inline-block;
}

td {
    text-align: center;
    font-family: arial;
    font-size: 12px;
}

.table1 {
    border: 1px solid black;
    float: left;
}

.hsContainer {
    display: block;
    /*height: 100%;*/
    table-layout: fixed;
    /*width: 100%;*/
    overflow: hidden;
    position: relative;
}

.hsContainer {
    display: none;
}

.hsContent {
    max-width: 957px;
    margin: -150px auto 0 auto;
    display: block;
    vertical-align: middle;
    color: #ebebeb;
    padding: 0 8%;
    text-align: center;
}

.bcg {
    /*background-image:url('../images/Main_image_mezzanines_Design-Load.jpg');
    background-position: center 127px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 1400px 440px;
    height: 440px;
    width: 1400px ;*/
    background-position: center center;
    background-repeat: no-repeat;
    /*   background-attachment: fixed;*/
    background-size: cover !important;
    height: 100%;
    width: 100%;
}
/* Slide 1 */
#slide-1 .bcg {
    /*background-image:url('../images/Main_image_mezzanines_Design-Load.jpg');*/
    /*  background-position: center 127px; */
    background-size: 100% 440px;
}

.bcg1 {
    /*background-image:url('../images/Main_image_mezzanines_Design-Load.jpg');
    background-position: center 127px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 1400px 440px;
    height: 440px;
    width: 1400px ;*/
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}
/* Slide 1 */
#slide-2 .bcg1 {
    /*background-image:url('../images/Main_image_mezzanines_Design-Load.jpg');*/
    background-position: center 127px;
    background-size: 100% 200px;
}

.hsContent h2, .copy h2 {
    bottom: 0;
    color: #fff;
    float: left;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 0;
    padding: 10px 15px 9px;
    width: 180px;
    position: absolute;
}

section {
    /*    height: 440px !important;*/
    /*    padding: 127px 0 0;*/
}

section1 {
    height: 200px !important;
    padding: 127px 0 0 !important;
}

.top-header {
    height: 100px;
    /*    position:fixed; 
    top:0;*/
}

.product_details_left_panel_navigation li h2 {
    background: #313036;
    color: #fff;
    font-size: 16px;
    padding: 21px 21px 20px 19px;
    text-transform: uppercase;
}

ul.product_details_left_panel_navigation li:first-child {
    margin: 0;
}


/* Our-Expertise / Lifetime-structural-warranty */
#success-steps p {
    margin-bottom: 5px;
}

#success-steps .success-steps-title {
    font-weight: 500;
    font-size: 24px;
    margin: 0 0 30px;
    line-height: 1.4;
}

    #success-steps .success-steps-title span {
        font-weight: 300;
    }

#success-steps .success-steps {
}

#success-steps .success-item {
    display: flex;
    margin: 0 0 40px;
}

#success-steps .success-item_icon {
    margin-right: 20px;
}

#success-steps .success-item_text {
}

#success-steps .success-item_icon-wrap {
    width: 84px;
    height: 84px;
    background-color: #0085c3;
    border-radius: 100px;
    text-align: center;
}

#success-steps .text-color_blue {
    color: #0085c3;
}

#success-steps .text-color_red {
    color: #d12229;
}

#success-steps .text-weight_bold {
    font-weight: 600;
}

#success-steps .success-item_title {
    font-weight: bold;
}

#success-steps .link-pdf {
    font-size: 120%;
}

#success-steps .icons-success {
    background: url('../img/icons-warranty.png') no-repeat;
    background-size: 444px 74px;
    display: inline-block;
    vertical-align: middle;
    width: 74px;
    height: 74px;
    margin-top: 5px;
}

#success-steps .icons-success-drawings {
    background-position: 0 0;
}

#success-steps .icons-success-production {
    background-position: -74px 0;
}

#success-steps .icons-success-transport {
    background-position: -148px 0;
}

#success-steps .icons-success-installation {
    background-position: -222px 0;
}

#success-steps .icons-success-warranty {
    background-position: -296px 0;
}

#success-steps .icons-success-nationwide-support {
    background-position: -370px 0;
}

#success-steps .success-steps-pdf .icon-pdf {
    margin-right: 10px;
}

#success-steps .icon-pdf {
    background: url('../img/icon-pdf.jpg') no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
}

@media only screen and (max-width : 480px) {
    #success-steps .success-item_icon-wrap {
        width: 50px;
        height: 50px;
    }

    #success-steps .success-item_icon {
        margin-right: 10px;
    }

    #success-steps .icons-success {
        background-size: 240px 40px;
        width: 40px;
        height: 40px;
    }

    #success-steps .icons-success-drawings {
        background-position: 0 0;
    }

    #success-steps .icons-success-production {
        background-position: -40px 0;
    }

    #success-steps .icons-success-transport {
        background-position: -80px 0;
    }

    #success-steps .icons-success-installation {
        background-position: -120px 0;
    }

    #success-steps .icons-success-warranty {
        background-position: -160px 0;
    }

    #success-steps .icons-success-nationwide-support {
        background-position: -200px 0;
    }
}


/* Top menu */
.lang-eng {
    position: relative;
    margin-left: 50px !important;
}

.lang-fr {
    margin-left: 15px !important;
}

/*    .button.orange-button {
        background: #ffcb08;
        color: #090a0f;
        transition: all 0.3s;
    }
    .button.orange-button:hover {
        background: #ffd227;
        color: #090a0f;
        transition: all 0.3s;
    }*/

.transparent-button {
    background: transparent;
    color: #000;
}

#request_a_quote {
    height: auto;
}

#top_link > ul > li > a {
    font-size: 14px;
    color: #000;
}

.desktop_menu .topmenu-link .button {
    padding: 5px 20px;
    height: auto;
    font-size: 14px;
    color: #000;
    border: solid 1px #fff;
}

#request_a_quote {
    padding: 5px 20px;
    height: auto;
    font-size: 14px;
    color: #000;
}

.desktop_menu .parent .topmenu-link .button:after {
    content: '';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin: 0 2px 3px 8px;
}

.desktop_menu.topmenu .parent.active {
    background: transparent !important;
}

.desktop_menu .topmenu-link .button:hover {
    background: #fff;
    color: #000;
    border: solid 1px #000;
    transition: all 0.3s;
}

.desktop_menu.topmenu .parent.active .topmenu-link .button {
    background: #000;
    color: #fff;
    transition: all 0.3s;
}

    .desktop_menu.topmenu .parent.active .topmenu-link .button:after {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        border: solid #fff;
        border-width: 0 1px 1px 0;
        margin: 5px 2px 0px 8px;
    }

.submenu {
    display: none;
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    padding-top: 30px;
    z-index: 100;
}

    .submenu.products-menu {
        background: #fff;
        margin: 0;
        width: 100%;
        border-top: solid 2px #d8d8d8;
    }

.products-menu .slideTabs {
    color: #000;
}

    .products-menu .slideTabs a {
        color: #000;
    }


/* Product pages */
.menuProductsDetails .product-boxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    padding: 2px 0 0;
}

    .menuProductsDetails .product-boxes:before,
    .menuProductsDetails .product-boxes:after {
        display: none;
    }

    .menuProductsDetails .product-boxes .box {
        transition: all 0.23s ease-in;
        padding-bottom: 10px;
    }

        .menuProductsDetails .product-boxes .box:hover {
            box-shadow: 0 0 1px 2px #0085c3;
            transition: all 0.23s ease-in;
        }

    .menuProductsDetails .product-boxes img {
        max-width: 100%;
        display: block;
    }

.menuProductsDetails {
    max-width: 100%;
    padding: 0;
    width: 1145px;
    margin: 0 auto;
}

    .menuProductsDetails .box {
        text-align: center;
        width: 15%;
        padding: 0;
        margin: 0 10px;
        margin-bottom: 20px;
    }

        .menuProductsDetails .box:nth-of-type(6n) {
            margin-right: 0;
        }

    .menuProductsDetails .boxes .product_name {
        margin: 15px 0 8px;
        line-height: 1.2;
        font-size: 14px;
    }

    .menuProductsDetails .boxes p {
        line-height: 1.4;
        font-size: 12px;
        color: rgb(100, 100, 100);
        margin: 0 0 8px;
    }

    .menuProductsDetails .read_more {
        font-size: 13px;
        color: #0085c3;
        padding-right: 15px;
        font-weight: bold;
        display: inline-block;
        text-transform: none;
    }

    .menuProductsDetails .read_more {
        background: none;
        position: relative;
        font-size: 12px;
        line-height: 1.2;
        color: #000;
        padding: 0;
    }

        .menuProductsDetails .read_more:hover {
            color: #0085c3;
        }

        .menuProductsDetails .read_more:after {
            content: '';
            display: inline-block;
            background: url(../img/pagination-next-arrow-black.png) right center no-repeat;
            background-size: contain;
            width: 9px;
            height: 9px;
            margin-left: 3px;
        }

        .menuProductsDetails .read_more:hover:after {
            background: url(../img/pagination-next-arrow.png) right center no-repeat;
        }

.slider-button-next,
.slider-button-prev {
    position: absolute;
    top: 50%;
}

    .slider-button-next:before,
    .slider-button-prev:before {
        content: '';
        border: solid #252525;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 6px;
    }

    .slider-button-next:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .slider-button-prev:before {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

.productsTabs-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: center;
    margin-bottom: 30px;
}

.productsTabs-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    border: solid 2px #fff;
    width: 12px !important;
    height: 12px !important;
    margin: 0 7px;
}

.productsTabs-pagination .swiper-pagination-bullet-active {
    border: solid 2px #0d8bc6 !important;
}

.topmenu-all-product-link {
    background: #252525;
    display: block;
    color: #fff !important;
    font-weight: bold !important;
    text-transform: none !important;
    font-size: 16px !important;
    padding: 25px 10px;
    text-align: center;
}

/* Shopping tools menu */
.submenu.shopping-tools {
    max-width: 100%;
    padding: 0;
    width: 1643px;
    margin: 0 auto;
}

.shopping-tools .submenu-container {
    display: block;
    left: auto;
    right: 0;
    width: auto;
    border: none;
    border-radius: 0 0 10px 10px;
    margin-right: -60px;
    background: #fff;
    float: right;
    text-align: left;
}
/*.submenu-container {
    max-width: 100%;
    padding: 0;
    width: 1145px;
    margin: 0 auto;
}*/

.shopping-tools .submenu-container {
    padding: 60px 20px 40px;
    display: flex;
    justify-content: space-between;
}

.shopping-tools .column {
    padding: 0 50px;
}

.shopping-tools a {
    text-transform: none;
    color: rgb(62 62 62);
    font-size: 14px;
}

.menu-services {
    border-left: solid 1px #d8d8d8;
    width: 30%;
}

    .menu-services li {
        margin-bottom: 7px;
    }

.menu-resources {
    border-left: solid 1px #d8d8d8;
    width: 25%;
}

.menu-information {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
}

.block-dealer,
.block-consultation,
.block-book,
.block-warranty {
    width: 50%;
}

.block-dealer,
.block-consultation {
    margin: -35px 0 30px;
}

    .block-dealer:before,
    .block-consultation:before,
    .block-book:before,
    .block-warranty:before {
        content: '';
        display: block;
        width: 35px;
        height: 32px;
        margin-bottom: 3px;
    }

    .block-dealer:before {
        background: url(../img/icon-dealer-small.jpg) 0 0 no-repeat;
    }

    .block-consultation:before {
        background: url(../img/icon-consultation-small.jpg) 0 0 no-repeat;
    }

.block-book:before {
    background: url(../img/icon-book-small.jpg) 0 0 no-repeat;
}

.block-warranty:before {
    background: url(../img/icon-warranty-small.jpg) 0 0 no-repeat;
}

.menu-information p {
    margin: 0;
    color: rgb(62 62 62);
    font-size: 12px;
    line-height: 1.6;
}

.menu-information a {
    font-weight: bold;
}

    .menu-information a:after {
        content: '';
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border: solid #000;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        margin: 0 0px 1px 5px;
    }

    .menu-information a:hover {
        text-decoration: underline;
    }

.link-ebrochures,
.link-quickship {
    display: flex;
}

    .link-ebrochures:after,
    .link-quickship:after {
        content: '';
        display: inline-block;
        margin-left: 3px;
    }

    .link-ebrochures:after {
        background: url(../img/icon-ebrochures.jpg) 0 0 no-repeat;
        width: 22px;
        height: 19px;
    }

    .link-quickship:after {
        background: url(../img/icon-quickship.jpg) 0 0 no-repeat;
        width: 42px;
        height: 18px;
    }

.menu-resources li {
    margin-bottom: 7px;
}

.link-dealer-portal a {
    font-weight: bold;
    color: #0186c1;
    text-decoration: underline;
}

    .link-dealer-portal a:hover {
        color: #0186c1 !important;
        text-decoration: none;
    }


/* General styles */
a.btn-link {
    color: #252525;
    font-weight: bold;
}

.btn-link:after {
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #252525;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin: 0 0 0 5px;
}

.btn-link:hover {
    color: #0084c4;
}

    .btn-link:hover:after {
        border: solid #0084c4;
        border-width: 0 1px 1px 0;
    }

.text-center {
    text-align: center;
}


/* Explore All section */
.explore-products {
    padding: 5rem 0;
    /*    margin: 50px auto;
    max-width: 1360px; */
    background: #f1f1f1;
}

    .explore-products .section-description {
        width: 100%;
        max-width: 70%;
        text-align: center;
        margin: 0 auto 4rem;
    }

    .explore-products .product-boxes {
        width: 100%;
        justify-content: left;
    }

        .explore-products .product-boxes .box {
            margin: 20px 10px 10px;
            max-width: 20%;
            /* max-width: 260px;
              border:solid 1px #E7E7E7;*/
            transition: all 0.23s ease-in;
            padding: 0 0 10px;
        }

            .explore-products .product-boxes .box:hover {
                box-shadow: 0 0 1px 2px #0085c3;
                transition: all 0.23s ease-in;
            }

            .explore-products .product-boxes .box p {
                margin-left: 10px;
                margin-right: 10px;
                margin-bottom: 10px;
            }

        .explore-products .product-boxes .product_name {
            font-size: 1.2rem;
            margin-bottom: 0.5rem;
        }

    .explore-products h2 {
        text-align: center;
        margin: 0 0 2rem;
        font-size: 46px;
    }

.productsTabs .slideTabs {
    max-width: 1145px;
    margin: 5px auto 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.productsTabs .slideTab {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    position: relative;
    text-align: center;
    cursor: pointer;
}

    .productsTabs .slideTab:hover,
    .productsTabs .swiper-slide-thumb-active {
        border-bottom: solid 3px #0085c3;
    }

.slide-tab-item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-left: solid 1px #d3d3d3;
    margin-bottom: 20px;
    font-weight: bold;
    cursor: pointer;
}

.productsTabs .slideTab:last-of-type .slide-tab-item {
    border-right: solid 1px #d3d3d3;
}

.slide-tab-item:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    margin-bottom: 10px;
    background-position: 0 0;
}

.productsTabs .slide-tab-item:hover:before,
.productsTabs .swiper-slide-thumb-active .slide-tab-item:before {
    background-position: 0 -66px;
}

.products-menu .topmenu-mezzanines:before {
    background: url(../img/icon-mezzanines.png) no-repeat;
}

.products-menu .topmenu-guardrails:before {
    background: url(../img/icon-guardrails.png) no-repeat;
}

.products-menu .topmenu-rack-protection:before {
    background: url(../img/icon-rack-protections.png) no-repeat;
}

.products-menu .topmenu-cantilever-racking:before {
    background: url(../img/icon-cantilever-racking.png) no-repeat;
}

.products-menu .topmenu-partitions:before {
    background: url(../img/icon-partition.png) no-repeat;
}

.products-menu .topmenu-lockers:before {
    background: url(../img/icon-lockers.png) no-repeat;
}


.explore-products .topmenu-mezzanines:before {
    background: url(../img/icons/icon-mezzanines-grey.svg) no-repeat;
    background-size: contain;
}

.explore-products .topmenu-guardrails:before {
    background: url(../img/icons/icon-guardrails-grey.svg) no-repeat;
    background-size: contain;
}

.explore-products .topmenu-rack-protection:before {
    background: url(../img/icons/icon-rack-protection-grey.svg) no-repeat;
    background-size: contain;
}

.explore-products .topmenu-cantilever-racking:before {
    background: url(../img/icons/icon-cantilever-racking-grey.svg) no-repeat;
    background-size: contain;
}

.explore-products .topmenu-partitions:before {
    background: url(../img/icons/icon-partitions-grey.svg) no-repeat;
    background-size: contain;
}

.explore-products .topmenu-lockers:before {
    background: url(../img/icons/icon-lockers-grey.svg) no-repeat;
    background-size: contain;
}


.explore-products .swiper-slide-thumb-active .topmenu-mezzanines:before {
    background: url(../img/icons/icon-mezzanines-blue.svg) no-repeat;
    background-size: contain;
}

.explore-products .swiper-slide-thumb-active .topmenu-guardrails:before {
    background: url(../img/icons/icon-guardrails-blue.svg) no-repeat;
    background-size: contain;
}

.explore-products .swiper-slide-thumb-active .topmenu-rack-protection:before {
    background: url(../img/icons/icon-rack-protection-blue.svg) no-repeat;
    background-size: contain;
}

.explore-products .swiper-slide-thumb-active .topmenu-cantilever-racking:before {
    background: url(../img/icons/icon-cantilever-racking-blue.svg) no-repeat;
    background-size: contain;
}

.explore-products .swiper-slide-thumb-active .topmenu-partitions:before {
    background: url(../img/icons/icon-partitions-blue.svg) no-repeat;
    background-size: contain;
}

.explore-products .swiper-slide-thumb-active .topmenu-lockers:before {
    background: url(../img/icons/icon-lockers-blue.svg) no-repeat;
    background-size: contain;
}

.exploreProductsTabs {
    max-width: 100%;
    margin-bottom: 2rem;
}

    .exploreProductsTabs .slide-tab-item {
        font-weight: normal;
        color: #646569;
        border: none;
        margin: 0 0 10px;
        text-align: center;
        line-height: 1.2;
    }

    .exploreProductsTabs .slideTab {
        /* border-bottom: solid 3px #d8d8d8; */
    }

        .exploreProductsTabs .slideTab:hover,
        .exploreProductsTabs .swiper-slide-thumb-active {
            /* border-bottom: solid 3px #0085c2; */
        }

            .exploreProductsTabs .slide-tab-item:hover,
            .exploreProductsTabs .swiper-slide-thumb-active .slide-tab-item {
                color: #000;
            }

    .exploreProductsTabs .slide-tab-item:before {
        content: '';
        display: block;
        width: 120px;
        height: 80px;
        margin-bottom: 1rem;
        background-position: 0 0;
        background-size: contain;
    }

    .exploreProductsTabs .slide-tab-item:hover:before,
    .exploreProductsTabs .swiper-slide-thumb-active .slide-tab-item:before {
        /* background-position: 0 -61px; */
    }

    .exploreProductsTabs .slide-tab-item h3 {
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .exploreProductsTabs .slide-tab-item span {
        color: #838fa4;
        font-size: 0.875rem;
        font-weight: 700;
    }

    .exploreProductsTabs .swiper-slide-active h3 {
    }

    .exploreProductsTabs .swiper-slide-thumb-active .slide-tab-item span {
        color: #0085c3;
    }


.exploreProductsDetails .swiper-slide {
    /* height:auto;*/
}

.explore-products .section__btns {
    width: 100%;
    text-align: center;
}



.product-box {
    background: #252525;
    border-radius: 10px;
    color: #fff;
    overflow: hidden;
    display: flex;
    min-height: 336px;
    height: 100%;
}

.product-image {
    max-width: 55%;
    width: 336px;
}

.product-info {
    display: flex;
    flex-direction: column;
    width: 45%;
    padding: 15px;
}

.product-category {
    font-size: 14px;
    width: 100%;
}

.product-name {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    margin: 20px 0;
    text-align: left;
    width: 100%;
}

.product-details {
    width: 100%;
    height: 100%;
    margin-bottom: 10px;
}

.product-actions {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

    .product-actions a {
        display: block;
        text-align: center;
        border-radius: 25px;
        line-height: 1;
    }

.product_explore-link {
    background: #fff;
    color: #252525;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    position: relative;
    display: inline-block;
    padding: 14px 27px 14px 33px;
    width: 115px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

    .product_explore-link .link-text {
        position: relative;
        color: #252525;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .product_explore-link:hover {
        padding-left: 25px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        background: #d9d9d9;
    }

    .product_explore-link .link-text:after {
        content: '';
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border: solid #252525;
        border-width: 0 1px 1px 0;
        display: block;
        position: absolute;
        right: 0;
        top: 4px;
        padding: 3px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 0;
        /*    margin-left: 12px;
    margin-right: -10px;
    margin-bottom:1px;
    padding-left: 3px;*/
    }

    .product_explore-link:hover .link-text:after {
        opacity: 1;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }


/* Explore product section for mobile version */
.explore-products-mobile {
    background: #F1F1F1;
    padding: 3rem 0;
    display: none;
}

    .explore-products-mobile h2 {
        text-align: center;
        margin: 0 0 2rem;
        font-size: 1.5rem;
    }

.explore-products-mobile__item {
}

.explore-products-mobile__header {
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    cursor: pointer;
    position: relative;
}

    .explore-products-mobile__header:after {
        content: '';
        display: block;
        background: url(../img/arrow-black.png) 50% 50% no-repeat;
        background-size: contain;
        width: 18px;
        height: 9px;
        position: absolute;
        right: 3rem;
        top: 50%;
        transform: translateY(-50%);
        transform: rotate(-90deg);
    }

    .explore-products-mobile__header.open:after {
        transform: rotate(0);
    }

.explore-product__icon {
    width: 90px;
    height: 60px;
    margin-right: 1.5rem;
}

.product-icon__mezzanines {
    background: url(../img/icons/icon-mezzanines-grey.svg) 50% 50% no-repeat;
    background-size: contain;
}

.product-icon__guardrails {
    background: url(../img/icons/icon-guardrails-grey.svg) 50% 50% no-repeat;
    background-size: contain;
}

.product-icon__cantileverracking {
    background: url(../img/icons/icon-cantilever-racking-grey.svg) 50% 50% no-repeat;
    background-size: contain;
}

.product-icon__lockers {
    background: url(../img/icons/icon-lockers-grey.svg) 50% 50% no-repeat;
    background-size: contain;
}

.product-icon__partitions {
    background: url(../img/icons/icon-partitions-grey.svg) 50% 50% no-repeat;
    background-size: contain;
}

.product-icon__rackprotection {
    background: url(../img/icons/icon-rack-protection-grey.svg) 50% 50% no-repeat;
    background-size: contain;
}

.explore-product__title .product-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.product-title__slogan {
    color: #0984C3;
    font-weight: bold;
    font-size: 0.875rem;
}

.explore-products-mobile__content {
    display: none;
    padding: 2.25rem 0;
    background-color: #fff;
    position: relative;
}

    .explore-products-mobile__content.open {
        display: block;
    }

.explore-products-mobile__slider.swiper-container {
    padding: 0;
}

.explore-products-mobile__slider .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 3rem;
    text-align: center;
}

    .explore-products-mobile__slider .swiper-slide img {
        max-width: 100%;
    }

.swiper-button-next, .swiper-button-prev {
    color: #000;
}

.explore-products-mobile .product_name {
    font-size: 1.25rem;
    margin: 10px 0;
}

.explore-products-mobile .swiper-slide p {
    font-size: 0.875rem;
    margin-bottom: 10px;
}

.explore-products-mobile .swiper-button-next,
.explore-products-mobile .swiper-button-prev {
    background: url(../img/arrow-blue.png) 50% 50% no-repeat;
    background-size: contain;
    height: 18px;
    width: 18px;
}

.explore-products-mobile .swiper-button-next {
    transform: rotate(-90deg);
    right: 3rem;
}

.explore-products-mobile .swiper-button-prev {
    transform: rotate(90deg);
    left: 3rem;
}

    .explore-products-mobile .swiper-button-next:after,
    .explore-products-mobile .swiper-button-prev:after {
        display: none;
    }

.explore-products-mobile .section__btns {
    text-align: center;
    margin-top: 1rem;
}



.product_pricing-link {
    margin-right: 10px;
    padding: 14px 0;
    position: relative;
    white-space: nowrap;
    color: #fff !important;
}

    .product_pricing-link:after {
        content: '';
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border: solid #fff;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        margin-left: 7px;
        margin-bottom: 1px;
        padding-left: 3px;
    }

    .product_pricing-link:hover:after {
        margin-left: 15px;
        margin-right: -5px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
    }


.slider-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0 30px;
}

    .slider-pagination .swiper-pagination {
        position: relative;
        order: 2;
        width: auto;
        bottom: 0;
        margin: 0 10px;
    }

.exploreProduct-button-next,
.exploreProduct-button-prev {
    background: #0084c4;
    border-radius: 30px;
    padding: 10px 20px;
    cursor: pointer;
}

    .exploreProduct-button-next:hover,
    .exploreProduct-button-prev:hover {
    }

.exploreProduct-button-next {
    left: 0;
    order: 3;
}

.exploreProduct-button-prev {
    right: 0;
    order: 1;
}

.exploreProduct-button-next:before {
    content: '';
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border: solid #d9d9d9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

.exploreProduct-button-prev:before {
    content: '';
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    border: solid #d9d9d9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}

@media screen and (max-width: 768px) {
    .exploreProductsTabs .swiper-wrapper {
        flex-wrap: wrap;
    }

    .exploreProductsTabs .slideTab {
        padding-top: 15px;
        border: solid 3px #ccc;
        border-radius: 10px;
        margin: 0 5px 10px;
        height: auto;
        min-width: 100px;
    }

        .exploreProductsTabs .slideTab:hover, .exploreProductsTabs .swiper-slide-thumb-active {
            border: solid 3px #0085c2;
        }
}


/* Honepage - Big slider */
.homeSlider .swiper-slide {
    /*    padding:80px 0 60px;
    min-height:840px;*/
    display: flex;
    flex-direction: column;
    /*    justify-content: space-between;*/
    justify-content: flex-end;
    position: relative;
}

.home-slider-video {
    display: block;
    position: absolute;
    left: 50%;
    /*    bottom:195px;
    margin-left:-187px;
    width:375px;
    height:207px;*/
    top: auto;
    /*   margin-left: -10vw;
    bottom: 10vw;
    width: 20vw;
    height: 11vw;*/

    margin-left: -11vw;
    bottom: 9vw;
    width: 22vw;
    height: 13vw;
}

@media screen and (min-width: 768px) {
    .slide-guardrail .home-slider-video,
    .slide-lockers .home-slider-video {
        margin-left: 18vw;
        bottom: 16vw;
        width: 19vw;
        height: 12vw;
    }

    .slide-lockers .home-slider-video {
        margin-left: 22vw;
    }
}

.hero-mezzanines .home-slider-video {
    top: 0;
    right: 0;
}

.hero-guardrail .home-slider-video {
    bottom: 0;
    left: 0;
}

.hero-partition .home-slider-video {
    bottom: 0;
    right: 0;
}

.hero-rackprotection .home-slider-video {
    bottom: 0;
    left: 0;
}

.hero-lockers .home-slider-video {
    top: 0;
    right: 0;
}

.hero-racking .home-slider-video {
    bottom: 0;
    right: 0;
}


.homeSlider .slider-header {
    display: none;
    text-align: center;
    color: #fff;
    padding: 0 15px;
    margin-bottom: 50px;
}

    .homeSlider .slider-header h1 {
        text-transform: uppercase;
        font-size: 56px;
        line-height: 1;
        margin: 0 0 20px;
        color: #fff;
    }

        .homeSlider .slider-header h1 span {
            font-style: italic;
        }

    .homeSlider .slider-header p {
        font-size: 24px;
        margin: 0;
    }

.homeSlider .swiper-slide .button {
    height: auto;
}

.homeSlider-button-next,
.homeSlider-button-prev {
    position: absolute;
    background: #fff;
    border-radius: 100%;
    top: 50%;
    height: 65px;
    width: 65px;
    margin-top: -28px;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0.8;
    box-shadow: 0 0 20px 2px rgb(0 0 0 / 30%);
    transition: 0.3s opacity;
}

    .homeSlider-button-next:hover,
    .homeSlider-button-prev:hover {
        opacity: 1;
        transition: 0.3s opacity;
    }

.homeSlider-button-next {
    right: 15px;
}

.homeSlider-button-prev {
    left: 15px;
}

    .homeSlider-button-next:before,
    .homeSlider-button-prev:before {
        content: '';
        border: solid rgb(0,0,0);
        border-width: 0 2px 2px 0;
        display: inline-block;
        padding: 8px;
    }

.homeSlider-button-next:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-left: -3px;
}

.homeSlider-button-prev:before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-right: -3px;
}

.homeSlider-pagination {
    bottom: 0 !important;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 1;
    display: flex;
}

    .homeSlider-pagination .swiper-pagination-bullet {
        background: rgba(255,255,255,1);
        width: 100%;
        border-radius: 0;
        opacity: 0.6;
    }

    .homeSlider-pagination .swiper-pagination-bullet-active {
        background: rgba(0,0,0,1);
        opacity: 0.7;
    }




/* ----------- Home Slide ------------- */
.slide-item {
    height: 44vw;
    display: flex;
}

.slide-item_left,
.slide-item_right {
    display: flex;
    flex-direction: column;
    width: 35%;
}

.left-top {
    height: 60%;
    border-bottom: 8px solid #fff;
}

.left-bottom {
    height: 40%;
}

.right-top {
    height: 40%;
    border-bottom: 8px solid #fff;
}

.right-bottom {
    height: 60%;
}

.slide-item_center {
    width: 30%;
    height: 100%;
    min-width: 625px;
    border-left: solid #fff 8px;
    border-right: solid #fff 8px;
    position: relative;
    flex-shrink: 0;
}

.slide-mezzanines {
    background: url(../img/homeslider/mezzanines-homeslider.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
}

.slide-guardrail {
    background: url(../img/homeslider/guardrail-homeslider.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
}

.slide-partition {
    background: url(../img/homeslider/partitions-homeslider.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
}

.slide-rackprotection {
    background: url(../img/homeslider/rackprotection-homeslider2.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
}

.slide-lockers {
    background: url(../img/homeslider/lockers-homeslider.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
}

.slide-racking {
    background: url(../img/homeslider/cantileverracking-homeslider.jpg) no-repeat 50% 50%;
    background-size: cover;
    width: 100%;
}

.homeSlider .slide-item {
    display: flex;
    align-items: center;
}

.homeSlider__wrap .slide-item {
    box-shadow: inset 500px -200px 300px rgba(0,0,0,0.7);
}

.slide-container {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1400px;
    width: 100%;
}

.slide-body {
    width: 40%;
}

.slide-item h1 {
    font-size: 2.25rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
}

    .slide-item h1:after {
        content: '';
        display: block;
        height: 10px;
        width: 215px;
        background: #ffcb08;
        margin-top: 5px;
    }

.slide-item p {
    font-size: 1.5rem;
    color: #fff;
    font-family: 'roboto', sans-serif;
    margin-top: 40px;
}

.slide__logo {
}

.slide__logo-mezzanines {
}


.homeSlider__wrap {
    position: relative;
}

.homeBannerThumb__wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

    .homeBannerThumb__wrap .swiper-slide-thumb-active {
        background: #D9D9D9;
    }

        .homeBannerThumb__wrap .swiper-slide-thumb-active h3 {
            color: #000;
        }

    .homeBannerThumb__wrap h3 {
        color: #fff;
    }

    .homeBannerThumb__wrap .slide-tab-item {
        border: none;
        padding: 25px 10px;
    }

        .homeBannerThumb__wrap .slide-tab-item:before {
            content: '';
            display: block;
            width: 100%;
            height: 5px;
            background: rgba(216,232,247,0.5);
            border-radius: 10px;
            margin-bottom: 20px;
        }

    .homeBannerThumb__wrap .swiper-slide-thumb-active .slide-tab-item:before,
    .homeBannerThumb__wrap .swiper-slide-thumb-active .slide-tab-item:hover:before {
        background: #FFCB08;
    }

    .homeBannerThumb__wrap .slide-tab-item:hover:before {
        background: #B5BDC5;
    }



/*
.slide-guardrail .left-top {
    background: url(../img/mainslider/guardrail/guardrail-left-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-guardrail .left-bottom {
    background: url(../img/mainslider/guardrail/guardrail-left-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-guardrail .slide-item_center {
    background: url(../img/mainslider/guardrail/guardrail-center-center.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-guardrail .right-top {
    background: url(../img/mainslider/guardrail/guardrail-right-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-guardrail .right-bottom {
    background: url(../img/mainslider/guardrail/guardrail-right-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-mezzanines .left-top {
    background: url(../img/mainslider/mezzanines/mezzanines-left-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-mezzanines .left-bottom {
    background: url(../img/mainslider/mezzanines/mezzanines-left-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-mezzanines .slide-item_center {
    background: url(../img/mainslider/mezzanines/mezzanines-center.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-mezzanines .right-top {
    background: url(../img/mainslider/mezzanines/mezzanines-right-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-mezzanines .right-bottom {
    background: url(../img/mainslider/mezzanines/mezzanines-right-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-mezzanines .left-top {
    height: 45%;
}

.slide-mezzanines .left-bottom {
    height: 55%;
}

.slide-mezzanines .right-top {
    height: 45%;
}

.slide-mezzanines .right-bottom {
    height: 55%;
}

.slide-partition .left-top {
    background: url(../img/mainslider/partition/partition-left.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-partition .slide-item_center {
    background: url(../img/mainslider/partition/partition-center.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-partition .right-top {
    background: url(../img/mainslider/partition/partition-right-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-partition .right-bottom {
    background: url(../img/mainslider/partition/partition-right-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-partition .left-top {
    height: 100%;
    border: none;
}

.slide-partition .right-top {
    height: 55%;
}

.slide-partition .right-bottom {
    height: 45%;
}

.slide-rackprotection .left-top {
    background: url(../img/mainslider/rackprotection/rackprotection-left-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-rackprotection .left-bottom {
    background: url(../img/mainslider/rackprotection/rackprotection-left-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-rackprotection .slide-item_center {
    background: url(../img/mainslider/rackprotection/rackprotection-center.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-rackprotection .right-top {
    background: url(../img/mainslider/rackprotection/rackprotection-right-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-rackprotection .right-bottom {
    background: url(../img/mainslider/rackprotection/rackprotection-right-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-lockers .left-top {
    background: url(../img/mainslider/lockers/lockers-left-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-lockers .left-bottom {
    background: url(../img/mainslider/lockers/lockers-left-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-lockers .slide-item_center {
    background: url(../img/mainslider/lockers/lockers-center.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-lockers .right-top {
    background: url(../img/mainslider/lockers/lockers-right-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-lockers .right-bottom {
    background: url(../img/mainslider/lockers/lockers-right-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-lockers .left-top {
    height: 45%;
}

.slide-lockers .left-bottom {
    height: 55%;
}

.slide-lockers .right-top {
    height: 45%;
}

.slide-lockers .right-bottom {
    height: 55%;
}

.slide-racking .left-top {
    background: url(../img/mainslider/racking/racking-left.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-racking .slide-item_center {
    background: url(../img/mainslider/racking/racking-center.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-racking .right-top {
    background: url(../img/mainslider/racking/racking-right-top.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-racking .right-bottom {
    background: url(../img/mainslider/racking/racking-right-bottom.jpg) no-repeat 50% 50%;
    background-size: cover;
}

.slide-racking .left-top {
    height: 100%;
    border: none;
}

.slide-racking .right-top {
    height: 50%;
}

.slide-racking .right-bottom {
    height: 50%;
}

.homeSlider .slide-btn {
    position: absolute;
    bottom: 45px;
    width: 100%;
    text-align: center;
}
    .homeSlider .slide-btn a {
        text-transform: uppercase;
        font-weight: 500;
        font-size: 12px;
        position: relative;
    }


        .homeSlider .slide-btn a:hover {
            padding-left: 20px;
            padding-right: 40px;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            background: #d9d9d9;
        }

        .homeSlider .slide-btn a:hover {
            background: #d9d9d9;
            color: #000;
        }

        .homeSlider .slide-btn a:after {
            content: '';
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            border: solid #252525;
            border-width: 0 1px 1px 0;
            display: block;
            position: absolute;
            right: 23px;
            top: 15px;
            padding: 4px;
            -webkit-transition: all .1s ease;
            transition: all .1s ease;
            transition-duration: 0;
            opacity: 0;
        }

        .homeSlider .slide-btn a:hover:after {
            opacity: 1;
            -webkit-transition: all .1s ease;
            transition: all .1s ease;
            transition-delay: 0.1s;
        }

*/




@media screen and (max-width: 1600px) {
    .homeSlider .swiper-slide {
        min-height: 1px;
    }
    /*    .slide-item {
        height: 710px;
    }*/
}

@media screen and (max-width: 1400px) {
    /*    .slide-item {
        height: 630px;
    }*/
}

@media screen and (max-width: 1300px) {
    .homeSlider .swiper-slide {
        min-height: 1px;
    }
    /*    .slide-item {
        height: 550px;
    }
    .slide-item_center {
        min-width: 450px;
    }*/
    /*    .home-slider-video {
        bottom: 150px;
        margin-left: -145px;
        width: 290px;
        height: 160px;
    }*/
}

@media screen and (max-width: 1200px) {
    /*    .slide-item {
        height: 500px;
    }*/
}

@media screen and (max-width: 1024px) {
    .homeSlider .swiper-slide {
        min-height: 1px;
    }
    /*    .slide-item {
        height: 400px;
    }
    .slide-item_center {
        min-width: 350px;
    }*/
    .homeSlider .slide-btn {
        bottom: 20px;
    }
    /*    .home-slider-video {
        bottom: 110px;
        margin-left: -115px;
        width: 230px;
        height: 130px;
    }*/
}


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

    /*
    .slide-mezzanines {
        background: url(../img/homeslider/website-homepage-hero-mezzanines-tablet.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-guardrail {
        background: url(../img/homeslider/website-homepage-hero-guardrails-tablet.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-partition {
        background: url(../img/homeslider/website-homepage-hero-partitions-tablet.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-rackprotection {
        background: url(../img/homeslider/website-homepage-hero-rackprotection-tablet.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-lockers {
        background: url(../img/homeslider/website-homepage-hero-lockers-tablet.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-racking {
        background: url(../img/homeslider/website-homepage-hero-racking-tablet.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .homeSlider .slide-item {
        min-height: 175vw;
    }*/

    /*    .homeSlider .swiper-slide {
        min-height: 600px;
    }*/
    .homeSlider .slider-header {
        padding: 0 50px;
    }

    .homeSlider-button-next,
    .homeSlider-button-prev {
        height: 40px;
        width: 40px;
        margin-top: 10px;
    }

        .homeSlider-button-next:before {
            margin-left: -5px;
        }

        .homeSlider-button-prev:before {
            margin-right: -5px;
        }

        .homeSlider-button-next:before,
        .homeSlider-button-prev:before {
            padding: 5px;
        }


    .slide-item {
        flex-direction: column;
        height: auto;
    }



    .home-slider-video {
        /*   bottom: 125px;*/

        margin-left: -24vw;
        top: 58vw;
        width: 48vw;
        height: 28vw;
    }
}

@media screen and (max-width: 640px) {
    /*    .homeSlider .slide-item_center {
        height: 600px;
    }
    .slide-guardrail .right-bottom,
    .slide-mezzanines .right-bottom,
    .slide-partition .right-bottom,
    .slide-rackprotection .right-bottom,
    .slide-lockers .left-bottom,
    .slide-racking .left-top  {
        height:500px;
    }
    .home-slider-video {
        margin-left: -150px;
        width: 300px;
        height: 170px;
        bottom: 85px;
    }*/
}

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

    /*    .slide-mezzanines {
        background: url(../img/homeslider/homepage-hero-mezzanines-mobile.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-guardrail {
        background: url(../img/homeslider/homepage-hero-guardrail-mobile.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-partition {
        background: url(../img/homeslider/homepage-hero-partitions-mobile.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-rackprotection {
        background: url(../img/homeslider/homepage-hero-rackprotectio-mobile.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-lockers {
        background: url(../img/homeslider/homepage-hero-lockers-mobile.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .slide-racking {
        background: url(../img/homeslider/homepage-hero-racking-mobile.png) no-repeat 50% 50%;
        background-size: cover;
        width: 100%;
    }

    .homeSlider .slide-item {
        min-height: 175vw;
    } */



    /*    .homeSlider .slide-item_center {
        height: 490px;
    }
    .slide-guardrail .right-bottom,
    .slide-mezzanines .right-bottom,
    .slide-partition .right-bottom,
    .slide-rackprotection .right-bottom,
    .slide-lockers .left-bottom,
    .slide-racking .left-top  {
        height:360px;
    }*/
    .home-slider-video {
        /*    margin-left: -140px;
        width: 280px;
        height: 150px;
        top: 290px;*/

        margin-left: -28vw;
        top: 56vw;
        width: 56vw;
        height: 32vw;
    }

    /*    .slide-guardrail .slide-item_left,
    .slide-mezzanines .slide-item_left,
    .slide-partition .slide-item_left,
    .slide-rackprotection .slide-item_left,
    .slide-lockers .slide-item_left,
    .slide-racking .slide-item_left,
    .slide-guardrail .slide-item_right,
    .slide-mezzanines .slide-item_right,
    .slide-partition .slide-item_right,
    .slide-rackprotection .slide-item_right,
    .slide-lockers .slide-item_right,
    .slide-racking .slide-item_right {
        display:none;
    }

    .slide-guardrail .slide-item_center,
    .slide-mezzanines .slide-item_center,
    .slide-partition .slide-item_center,
    .slide-rackprotection .slide-item_center,
    .slide-lockers .slide-item_center,
    .slide-racking .slide-item_center {
        height:700px;
    }

    .slide-guardrail .slide-item_center {
        background: url(../img/mainslider/mobile/homepage-hero-guardrail-mobile.png) no-repeat 50% 50%;
        background-size: cover;
    }
    .slide-mezzanines .slide-item_center {
        background: url(../img/mainslider/mobile/homepage-hero-mezzanines-mobile.png) no-repeat 50% 50%;
        background-size: cover;
    }
    .slide-partition .slide-item_center {
        background: url(../img/mainslider/mobile/homepage-hero-partitions-mobile.png) no-repeat 50% 50%;
        background-size: cover;
    }
    .slide-rackprotection .slide-item_center {
        background: url(../img/mainslider/mobile/homepage-hero-rackprotectio-mobile.png) no-repeat 50% 50%;
        background-size: cover;
    }
    .slide-lockers .slide-item_center {
        background: url(../img/mainslider/mobile/homepage-hero-lockers-mobile.png) no-repeat 50% 50%;
        background-size: cover;
    }
    .slide-racking .slide-item_center {
        background: url(../img/mainslider/mobile/homepage-hero-racking-mobile.png) no-repeat 50% 50%;
        background-size: cover;
    }*/


    .homeSlider .swiper-slide {
        min-height: 500px;
    }

    .homeSlider .slider-header h1 {
        font-size: 46px;
    }

    .homeSlider .slide-btn {
        display: none;
    }

    .explore-products .product-boxes {
        justify-content: center;
    }
    /*  .explore-products .swiper-wrapper {
        height:auto !important;
    }*/

}


/* Footer */
#copyright_wrapper .copyright li {
    margin: 0 !important;
}

.footer_subscribe {
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
    width: 100%;
}

.button-subscribe {
    /*   text-transform: none;
    font-size: 14px;
    font-weight: normal;
    padding: 3px 30px;
    height: auto;*/
    padding: 5px 20px;
}

.footer_icons {
    display: flex;
    justify-content: flex-end;
}

    .footer_icons .icon {
        height: 38px;
        width: 38px;
        border: solid 1px #565656;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 0 18px;
        transition: 0.3s border;
        overflow: hidden;
    }

        .footer_icons .icon:before {
            content: '';
            display: block;
            width: 100%;
            height: 100%;
            border: solid 1px #f6f6f6;
            transition: 0.3s border;
            border-radius: 100%;
            padding: 1px 0;
            box-sizing: border-box;
        }

        .footer_icons .icon:hover {
            border: solid 1px #202020;
            transition: 0.3s border;
        }

            .footer_icons .icon:hover:before {
                border: solid 1px #202020;
                transition: 0.3s border;
            }

    .footer_icons .icon-linkedin {
        background: url(../img/icon-linkedin.jpg) no-repeat 50% 50%;
    }

    .footer_icons .icon-fb {
        background: url(../img/icon-fb.jpg) no-repeat 50% 50%;
    }

    .footer_icons .icon-youtube {
        background: url(../img/icon-youtube.jpg) no-repeat 50% 50%;
    }

@media screen and (max-width: 1024px) {
    .footer_menus .column {
        width: 100% !important;
        border-bottom: 1px solid #d8d8d8;
    }

        .footer_menus .column:first-of-type ul {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

            .footer_menus .column:first-of-type ul li {
                margin: 0 10px;
            }

    .footer_menus .menu-item {
        width: 100%;
        border-bottom: 1px solid #d8d8d8;
        padding-top: 7px;
    }

        .footer_menus .menu-item:last-of-type {
            border: none;
        }

    .footer-mobile h2:before {
        display: block;
        position: absolute;
        top: 15px;
        right: 7px;
        width: 2px;
        height: 1pc;
        background: #000;
        content: "";
        -webkit-transition: -webkit-transform .1s ease;
        transition: -webkit-transform .1s ease;
        transition: transform .1s ease;
        transition: transform .1s ease,-webkit-transform .1s ease;
        cursor: pointer;
    }

    .footer-mobile h2:after {
        display: block;
        position: absolute;
        top: 22px;
        right: 0;
        width: 1pc;
        height: 2px;
        background: #000;
        content: "";
        -webkit-transition: -webkit-transform .1s linear;
        transition: -webkit-transform .1s linear;
        transition: transform .1s linear;
        transition: transform .1s linear,-webkit-transform .1s linear;
        cursor: pointer;
    }

    .footer-mobile-active h2:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .footer-mobile ul {
        display: none;
        padding-bottom: 20px;
        column-count: 3;
    }

    .footer-mobile-active ul {
        display: block !important;
    }

        .footer-mobile-active ul li {
            margin-top: 0 !important;
            margin-bottom: 20px;
        }

    .footer-mobile h2 {
        position: relative;
        margin: 0 !important;
        padding: 15px 0;
        cursor: pointer;
    }
}

@media screen and (max-width: 768px) {
    .footer-mobile ul {
        column-count: 1;
        margin-top: 10px;
    }

    .footer_subscribe {
        flex-direction: column;
        align-items: center;
        margin: 50px 0;
    }

        .footer_subscribe .button {
            margin-bottom: 15px;
        }

    .footer_icons .icon {
        margin: 0 9px;
    }

    .fancybox-inner > div {
        width: 100% !important;
    }

    .fancybox-inner iframe {
        width: 100% !important;
        min-width: 450px;
    }
}


/* Product page */
.product_details {
}

#main-menu-container {
    float: none;
    background: #000000;
}

.product_details ul li {
    flex-shrink: 1;
}
/*.product_details ul li:first-of-type {
    float:left;
    width: 40%;
    flex-shrink: 1;
}*/
.product_details #main-menu {
    margin: 0 !important;
    /*width: 1100px;*/
    width: 1300px;
    max-width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

    .product_details #main-menu ul {
        display: flex;
        margin: 0;
        min-height: 80px;
    }


.product_details_left_panel_navigation li h2 {
    background: transparent;
    color: #fff;
    font-size: 16px;
    padding: 15px 11px 15px 0;
    text-transform: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

ul.product_details_left_panel_navigation li {
    width: auto;
    margin: 0;
}

    ul.product_details_left_panel_navigation li a {
        background: transparent;
        font-size: 16px;
        padding: 15px;
        text-transform: none;
        width: auto;
        color: #fff;
        height: 100%;
        display: flex;
        align-items: center;
        white-space: nowrap;
        transition: .3s background;
    }

.product_details .order_now_holder {
    width: auto;
    padding: 0;
    background: transparent;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.product_details .quickship_button {
    display: none;
}

.product_details .request_a_quote_button {
    margin: 0;
    padding: 0;
    width: auto;
    border-top: none;
    white-space: nowrap;
}

.productleftmenuchange {
    background: #fff !important;
    border-bottom: solid 2px #0185c3;
    color: #000 !important;
}

    .productleftmenuchange:hover {
        text-decoration: none;
    }

ul.product_details_left_panel_navigation li a:hover {
    /*    text-decoration: underline;*/
    /*    background: rgb(36 36 36 / 90%); */
    background: #5b5b5b;
    transition: .3s background;
}

.product_details .request_a_quote_button a {
    padding: 22px 15px;
    width: auto;
    text-align: center;
    font-weight: normal;
    color: #fff;
    text-transform: none !important;
    background: #0084c4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#main-menu-container .navigation img {
    margin-right: 10px;
}
/*#main-menu-container #main-menu {
    width:100%;
    padding:0;
}
#main-menu-container .navigation li:first-of-type {
    display:none;
}
#main-menu-container .navigation li,
#main-menu-container .navigation .order_now_holder {
    width:20%;
    margin: 0;
}
#main-menu-container .navigation li {
    border-right:solid 1px #fff;
}
#main-menu-container .navigation .order_now_holder {
    justify-content: center;
    background:#0084c4;
}
#main-menu-container .navigation li a {
    width:100%;
    justify-content: center;
}
#main-menu-container .request_a_quote_button a {
    padding: 22px 15px;
    width: 100%;
    background: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#main-menu-container .navigation li a:hover,
#main-menu-container .request_a_quote_button a:hover {
    text-decoration:none;
}
.our-expertise-section {
    max-width:100%;
    padding:0;
    margin:0;
}
*/

.breadcrumb_holder {
    max-width: 1300px;
    margin: 10px auto 0;
    padding: 0 15px;
}

.breadcrumb_product-details {
    text-align: right;
}


.product_details_right_panel {
    margin: 0 auto;
    padding: 0;
    float: none;
    width: 1300px;
    max-width: 100%;
}

.product_details_text_wrap.product_details_right_panel {
    width: 1640px;
    max-width: 100%;
    /*    margin-bottom: 50px;*/
}

#main-menu-container {
    top: 0px;
    z-index: 7;
    height: 80px;
}

.top-header.top-fixed {
    min-height: 100px;
}

#content_wrapper.f-main-content {
    margin-top: 80px;
}


.product-page_title {
    text-align: center;
}

.tab-content {
    border: 2px solid #d8d8d8;
    border-top: 2px solid #d8d8d8;
    max-width: 1020px;
    margin: 0 auto;
}

.tabs {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 25px;
}

    .tabs > a {
        border-radius: 0;
        background: none;
        color: #000;
        padding: 5px 0;
        margin: 0 20px;
    }

        .tabs > a.active {
            background: transparent !important;
            color: #000 !important;
            border-bottom: 3px solid #0085c3;
        }

.tab-wrapper .tabs.f-nav:not(.no-fixed) {
    top: 100px;
    left: 0;
    z-index: 7;
    background: #fff;
    border-bottom: 1px solid #d8d8d8;
    padding: 20px 0;
}

.f-tab-content {
    margin-top: 44px;
}


.main.b1_wrapper {
    padding: 50px 0;
}

.boxOne_list {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

    .boxOne_list li {
        list-style-type: disc;
        list-style-position: inside;
    }

@media screen and (max-width: 640px) {
    .tab-wrapper .tabs.f-nav {
        /*    top: 100px;*/
    }
}

.boxOne_image {
    position: relative
}

    .boxOne_image:before {
        content: "";
        display: block;
        background-image: url(../img/lineOne.png);
        position: absolute;
        top: -105px;
        background-repeat: no-repeat;
        height: 105px;
        width: 100%;
        left: -37px;
    }

    .boxOne_image:before {
        content: "";
        display: block;
        position: absolute;
        top: -105px;
        right: 50%;
        height: 105px;
        width: 800px;
        border-right: 2px solid #000;
        border-top: 2px solid #000;
        border-top-right-radius: 26px;
    }




.warrantySection {
    background-image: url(../img/warrantyback.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.optinSec {
    background-image: url(../img/option.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.optinSec {
    position: relative
}

    .optinSec img {
        position: absolute;
        top: 0;
        left: 0
    }

@media screen and (max-width: 480px) {
    .fancybox-inner {
        min-height: 1px;
    }

        .fancybox-inner iframe {
            min-width: 300px;
            height: 200px;
            min-height: 1px;
        }

    .ebrochure-note {
        margin: 15px 0 30px;
    }

    .ebrochures {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
        margin: 30px 0 0;
    }

    .ebrochure-one {
        margin-bottom: 0px;
    }
}


@media screen and (min-width:1900px) { /* 1280 px */
    .homeSlider .swiper-slide {
        min-height: 44vw;
    }
}






/* Styles - December 2024 */
.container-wrap {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.section-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1.5rem;
}

.section-description {
    color: #2D2F39;
    font-size: 1rem;
}

.section-title__wrap {
    margin-bottom: 5rem;
}

.section-title_align_center .section-title__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-page.bg-grey {
    background: #F1F1F1;
}

.section-page.bg-white {
    background: #fff;
}

/* Homepage */
.homeSlider__wrap .slide-container {
    padding-bottom: 120px;
}

.homeSlider .slide__logo {
    position: absolute;
    top: 40%;
    right: 0;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    background: rgba(0,0,0,0.65);
    padding: 2rem 5rem 2rem 2.5rem;
    max-width: 50%;
}

    .homeSlider .slide__logo:before {
        content: '';
        display: block;
        margin-right: 2rem;
        width: 139px;
        height: 95px;
    }

.slide__logo-mezzanines:before {
    background: url(../img/icons/icon-mezzanines-white.svg) 50% 50% no-repeat;
    background-size: contain;
}

.slide__logo-partition:before {
    background: url(../img/icons/icon-partitions-white.svg) 50% 50% no-repeat;
    background-size: contain;
}

.slide__logo-rackprotection:before {
    background: url(../img/icons/icon-rack-protection-white.svg) 50% 50% no-repeat;
    background-size: contain;
}

.slide__logo-lockers:before {
    background: url(../img/icons/icon-lockers-white.svg) 50% 50% no-repeat;
    background-size: contain;
}

.slide__logo-racking:before {
    background: url(../img/icons/icon-cantilever-racking-white.svg) 50% 50% no-repeat;
    background-size: contain;
}

.slide__logo-guardrail:before {
    background: url(../img/icons/icon-guardrails-white.svg) 50% 50% no-repeat;
    background-size: contain;
}

.homeSlider-pagination {
    display: none;
}

.slide-logo__wrap {
}

.logo__title {
    color: #fff;
    font-size: 3rem;
    font-weight: 600;
    margin: 0 0 1.0rem;
    line-height: 1;
}

.logo__desc {
    color: #ffcb08;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.1;
}

    .logo__desc span {
        display: block;
    }

/* "Two Ways to Serve You Better" section */
.homepage-section h2 {
    font-size: 46px;
    margin-bottom: 50px;
    line-height: 1.1;
}

.homepage-section img {
    max-width: 100%;
}

.section__ways-better {
    padding-top: 5rem;
}

    .section__ways-better .container {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .section__ways-better h2 {
        font-size: 46px;
        max-width: 400px;
        width: 100%;
        margin-bottom: 50px;
    }

.ways-better__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10rem;
}

.ways-better__detail {
    /*    width:450px;
    max-width:50%;*/
    width: 45%;
}

.ways-better__image {
    width: 45%;
    position: relative;
}

.first-way .ways-better__image:before {
    content: "";
    display: block;
    position: absolute;
    top: -125px;
    right: calc(50% - 4px);
    height: 105px;
    width: 90%;
    border-right: 3px solid #c6d1e0;
    border-top: 3px solid #c6d1e0;
    border-top-right-radius: 26px;
}

.first-way .ways-better__image:after {
    content: "";
    display: block;
    position: absolute;
    top: 385px;
    right: calc(50% - 0px);
    height: 80px;
    width: 90%;
    border-right: 3px solid #c6d1e0;
    border-bottom: 3px solid #c6d1e0;
    border-bottom-right-radius: 26px;
}

.ways-better__image img {
    max-width: 100%;
}

.ways-better__title {
    display: flex;
    align-items: end;
    margin-bottom: 2rem;
}

    .ways-better__title h3 {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 0.2rem;
    }

    .ways-better__title p {
        font-size: 18px;
        text-transform: uppercase;
        color: #0085c3;
        letter-spacing: 2px;
        font-family: 'roboto', sans-serif;
        font-weight: 700;
        margin: 0;
    }

.first-way .ways-better__title:before {
    content: '';
    display: block;
    width: 64px;
    height: 72px;
    background: url(../img/icons/icon-cube-blue.svg) 50% 50% no-repeat;
    background-size: contain;
    margin-right: 1.2rem;
    flex-shrink: 0;
}

.ways-better__imagevertical:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 385px; /* Adjust starting position from the bottom */
    right: calc(50% - 505px); /* Adjust horizontal alignment */
    height: 63px; /* Shortened vertical line height */
    width: 90%; /* Horizontal line width */
    border-left: 3px solid #c6d1e0; /* Vertical line */
    border-top: 3px solid #c6d1e0; /* Horizontal line */
    border-top-left-radius: 26px; /* Rounded corner */
}


.second-way .ways-better__title:before {
    content: '';
    display: block;
    width: 125px;
    height: 47px;
    background: url(../img/icons/icon-track-blue.svg) 50% 50% no-repeat;
    background-size: contain;
    margin-right: 1.2rem;
    flex-shrink: 0;
}

.ways-better__body p {
    margin-bottom: 1.5rem;
    max-width: 450px;
}

.section__ways-better ul {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0.5rem 0.5rem;
}

    .section__ways-better ul li {
        list-style: disc;
        list-style-position: inside;
        max-width: 50%;
        width: 100%;
        margin-bottom: 1rem;
    }

.section__btns .button {
    padding: 15px 60px;
    height: auto;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
}

/* Teamwork section */
.teamwork__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5rem 0;
}

.teamwork__image {
    width: 50%;
    text-align: right;
}

.teamwork__detail {
    width: 40%;
}

.teamwork__title {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
}

    .teamwork__title h3 {
        font-size: 36px;
        font-weight: 700;
        margin-bottom: 0.2rem;
    }

    .teamwork__title:before {
        content: '';
        display: block;
        width: 62px;
        height: 64px;
        background: url(../img/icons/icon-teamwork.svg) 50% 50% no-repeat;
        background-size: contain;
        margin-right: 1.5rem;
        flex-shrink: 0;
    }

    .teamwork__title span {
        display: inline-block;
    }

.teamwork__detail p {
    margin-bottom: 1.3rem;
}

/* Warranty section */
.section__warranty {
    background: url(../img/warranty-section-bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 8rem 0;
    color: #fff;
}

.warranty__wrap {
}

    .warranty__wrap h3 {
        font-size: 46px;
        color: #fff;
        margin-bottom: 5px;
    }

    .warranty__wrap h4 {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 2.5rem;
        color: #0984c3;
    }

    .warranty__wrap p {
        max-width: 450px;
        width: 100%;
        margin-bottom: 2.5rem;
    }

/* Trust section */
.homepage-section h2 {
    text-align: center;
}

.btn-text-link {
    position: relative;
    display: inline-block;
    padding-right: 15px;
    font-weight: 700;
}

    .btn-text-link.btn-more:after {
        content: '';
        display: block;
        background: url(../img/readmore.png) right center no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 9px;
        height: 12px;
        margin-left: 7px;
    }

.section__trust {
    padding: 5rem 0;
    background: #f1f1f1;
    text-align: center;
    margin-bottom: 80px;
}

.trust__wrap {
    display: flex;
    justify-content: space-evenly;
}

.trust-item__body p {
    margin-bottom: 1rem;
}

.section__trust h4 {
    font-size: 1.2rem;
    margin-bottom: 0.2rem;
}

.trust__item {
    display: flex;
    align-items: center;
    /*    width:40%; */
    max-width: 370px;
    margin: 1rem 2rem;
    text-align: left;
}

    .trust__item img {
        margin-right: 2rem;
    }

/* Book  of Ideas section */
.book-ideas__wrap {
    padding: 1.5rem;
}

.book-ideas__title-wrap p {
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
    color: #0085c3;
    letter-spacing: 2px;
    font-family: 'roboto', sans-serif;
    font-weight: 700;
    margin: 0;
}

.book-ideas__title:before {
    content: '';
    display: block;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    background: url(../img/icons/icon-book-idea.svg) 50% 50% no-repeat;
    background-size: contain;
    margin-right: 1.5rem;
}

.book-ideas__detail {
    padding-right: 50px;
}

/* Quality Project section */
.section__quality-project {
    background: #000;
    color: #fff;
    margin-top: 80px;
}

.quality-project__wrap {
    display: flex;
}

.quality-project__detail {
    width: 50%;
    padding: 3rem 0;
}

.quality-project__image {
    width: 50%;
    position: relative;
}

.quality-project__title {
    width: 100%;
    max-width: 500px;
}

.quality-project__body {
    width: 100%;
    max-width: 470px;
    margin-bottom: 2.5rem;
}

.quality-project__title h2 {
    color: #fff;
    text-align: left;
    margin: 0 0 1.5rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
}

    .quality-project__title h2:before {
        content: '';
        display: block;
        width: 230px;
        height: 80px;
        background: url(../img/icon-quality_black.jpg) no-repeat 50% 50%;
        background-size: contain;
        margin-right: 15px;
    }

.quality-project__month {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0.7rem;
}

.quality-project__title h3 {
    color: #0984c3;
    margin: 0;
    font-size: 24px;
    margin-bottom: 1.7rem;
    font-weight: 500;
}

.quality-project__dealer {
    margin-bottom: 1rem;
}

    .quality-project__dealer p {
        font-size: 20px;
        line-height: 1.2;
        margin: 0;
    }

.quality-project__text p {
    margin-bottom: 1.3rem;
}

.section__quality-project .homeIdeaSlider-pagination {
    margin-bottom: 0;
}

.homeIdeaSlider .pagination-wrap {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
}

.homeIdeaSlider .swiper-pagination-bullet {
    height: 7px;
    width: 50px;
    background: #fff;
    margin: 0 5px !important;
    border-radius: 4px;
    opacity: 0.5;
}

.homeIdeaSlider .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 0.8;
}

.quality-project__logo {
    border-radius: 0 0 20px 0;
    position: absolute;
    left: 0;
    top: 0;
    height: auto;
    width: 200px;
    max-width: 200px;
    z-index: 10;
}

.homeIdeaSlider .swiper-slide {
    position: relative;
    width: 100%;
    height: 750px; /* Задайте фиксированную высоту */
    overflow: hidden; /* Обрезать содержимое, выходящее за пределы */
}

    .homeIdeaSlider .swiper-slide .slider-body {
        height: 100%;
    }

    .homeIdeaSlider .swiper-slide img {
        height: 100%;
        width: 100%;
        object-fit: cover; /* Масштабировать изображение, обрезая края */
        object-position: center; /* Центрировать изображение */
        max-width: none;
    }

/* "Request a Free Quote" section */
.homepage-section__desc {
    text-align: center;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 2rem;
}

.section__request-quote {
    padding: 5rem 0;
    background: #f1f1f1;
}

    .section__request-quote h2 {
        margin: 0 0 1rem;
    }

    .section__request-quote .container-wrap {
        width: 100%;
        max-width: 600px;
    }

.form-group {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

    .form-group label {
        width: 100%;
        font-weight: normal;
        font-size: 0.875rem;
    }

    .form-group .form-message {
        margin: 3px 0 0;
        color: rgba(0,0,0,0.7);
    }

    .form-group label span {
        color: #0075bd;
        font-weight: normal;
    }

.form-row {
    display: flex;
    gap: 15px;
}

    .form-row .form-group {
        flex: 1;
    }

input.text,
select.text,
textarea.text {
    border-radius: 20px;
    border: solid 1px #e2e2e2;
    padding: 10px 20px;
    box-shadow: none;
    font-family: 'roboto', sans-serif;
    width: 100%;
}

.form-note label {
    display: flex;
    align-items: flex-start;
}

    .form-note label span {
        color: #2D2F39;
    }

.section__request-quote .section__btns {
    text-align: center;
    margin-top: 2rem;
}

.form-group.form-note {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .form-group.form-note input[type="checkbox"] {
        width: 24px;
        height: 24px;
        accent-color: #E2E2E2;
        border: solid 1px #E2E2E2;
        cursor: pointer;
        flex-shrink: 0;
        border-radius: 8px;
        box-shadow: none;
    }

    .form-group.form-note label {
        font-size: 14px;
        color: #333;
        line-height: 1.5;
        cursor: pointer;
        gap: 0.8rem;
    }

.form-group textarea {
    min-height: 130px;
    resize: none;
}


/* ----------------- INNER PAGES ----------------- */
/* How We Work - Page */
.innerpage__top-banner {
    margin-bottom: 5rem;
}

.how-we-work__banner {
    background: url('../img/how-we-work_bg.jpg') no-repeat 50% 50%;
    background-size: cover;
}

.innerpage__top-banner .container-wrap {
    min-height: 480px;
    display: flex;
    align-items: center;
}

.top-banner__body {
    color: #fff;
    max-width: 350px;
    width: 100%;
    /*    margin-left:5rem;*/
}

.banner__page-title {
    color: #3990CE;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
}

.top-banner__body h1 {
    font-size: 2.25rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 1rem;
}

    .top-banner__body h1:after {
        content: '';
        display: block;
        height: 10px;
        width: 170px;
        background: #0984C3;
        margin-top: 10px;
    }

.top-banner__body p {
    color: #fff;
    font-weight: 500;
}

.how-we-work__steps {
    margin-bottom: 3rem;
}

    .how-we-work__steps .section-title__wrap {
        max-width: 650px;
    }

.steps-wrap {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
    gap: 3rem;
    align-items: flex-start;
    position: relative;
}

.step__item {
    /*    display:flex;
    flex-direction: column;
    justify-content: center;
    max-width:290px; */
    /*    position:relative; */
    max-width: 290px;
}

.step__body-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 290px;
}

.step__item img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.step__num-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

    .step__num-wrap:before {
        content: '';
        display: block;
        position: absolute;
        background: #0984C3;
        width: 120%;
        height: 4px;
        z-index: 1;
        top: 50%;
        left: 50%;
    }

.step__item:last-of-type .step__num-wrap:before {
    display: none;
}

.step__num {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: solid 4px #0984C3;
    border-radius: 50px;
    background: #F8FAFB;
    z-index: 2;
    font-size: 2.25rem;
    color: #0984C3;
    font-weight: 800;
}

.step__text {
    text-align: center;
}

    .step__text h3 {
        font-size: 1.5rem;
        margin: 0 0 1rem;
    }

    .step__text p {
        margin: 0 0 1rem;
    }

.step-item__description {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #f5f5f5;
    margin: 2rem 0 0;
    z-index: 1000;
    height: 0;
    transition: height 0.3s ease;
}

    .step-item__description .step-desc__wrap {
        display: none;
    }

    .step-item__description.open {
        height: auto; /* Автоматически используется значение из JS */
        /*   display: block;
    opacity: 1;
    transform: translateY(0);*/
    }

    .step-item__description:before {
        content: '';
        display: block;
        width: 50%;
        height: 100%;
        top: 0;
        left: -500px;
        position: absolute;
        background: #f5f5f5;
    }

    .step-item__description:after {
        content: '';
        display: block;
        width: 50%;
        height: 100%;
        top: 0;
        right: -500px;
        position: absolute;
        background: #f5f5f5;
    }

    .step-item__description.open .step-desc__wrap {
        display: block;
    }

.steps-wrap {
    transition: margin-top 0.2s ease;
}

.step-item__description p,
.step-item__description ul {
    margin-bottom: 1.5rem;
}

    .step-item__description ul li {
        list-style: disc;
        list-style-position: inside;
    }

.step-desc__wrap {
    width: 100%;
    max-width: 1040px;
    padding: 5rem 3rem;
    margin: 0 auto;
}



.how-we-work__customer-care {
    background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 1) 15%,rgba(0, 0, 0, 0.5) 50%,transparent 80%), url('../img/customer-care_bg.jpg') no-repeat 50% 50%;
    background-size: cover;
    padding: 8rem 0;
    color: #fff;
}

    .how-we-work__customer-care h2 {
        color: #fff;
    }

    .how-we-work__customer-care h3 {
        font-size: 1.25rem;
        margin-bottom: 2rem;
    }


/* Warranty - Page */
.warranty__banner {
    background: url('../img/warranty_bg.jpg') no-repeat 50% 50%;
    background-size: cover;
}

    .warranty__banner .top-banner__body {
        max-width: 450px;
    }

.section__lifetime-guarantee h3 {
    margin-bottom: 1.3rem;
}

.section__lifetime-guarantee img {
    max-width: 100%;
}

.lifetime-guarantee__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 5rem;
}

.warranty-documents {
    margin-bottom: 5rem;
}

    .warranty-documents .section-title__wrap {
        max-width: 800px;
    }

        .warranty-documents .section-title__wrap .section-title {
            font-size: 2.5rem;
        }

.warranty-documents-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 3rem;
}

.warranty-documents__item {
    width: 450px;
    max-width: 40%;
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.warranty-documents__item img {
    flex-shrink: 0;
}

.warranty-documents__img {
    width: 85px;
    text-align:center;
    flex-shrink: 0;
}
.warranty-documents__body h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.warranty-documents__body .btns {
    margin-top: 1.3rem;
}

.warranty__dark-banner {
    background: url(../img/warranty-section-bg2.jpg) 50% 50% no-repeat;
    background-size: cover;
    padding: 8rem 0;
    color: #fff;
    min-height: 580px;
}

    .warranty__dark-banner h2 {
        color: #fff;
        max-width: 500px;
        width: 100%;
        font-size: 3rem;
        margin-bottom: 5rem;
    }

/* Contact Us - Page */
.contact-us__banner {
    background: url(../img/contact-us_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
    min-height: 350px;
}

.innerpage__top-banner.contact-us__banner .container-wrap {
    min-height: 350px;
}

.contact-us__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 5rem;
    gap: 2rem;
}

.contact-us__image {
    width: 50%;
}

.contact-us__detail {
    width: 50%;
}

.contacts-country h3 {
    font-size: 36px;
    margin-bottom: 2rem;
}

.country__addresses {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.country__address-item {
    display: flex;
    gap: 1rem;
    width: 45%;
}

.country-address__num {
    width: 22px;
    height: 22px;
    color: #fff;
    background: #0984C3;
    border-radius: 30px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.country-address__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 5px;
}

.country-address__phone {
    font-size: 14px;
    line-height: 1.2;
}

.contact-us__form .section__btns {
    text-align: left;
}

    .contact-us__form .section__btns .button {
        width: 70%;
        max-width: 260px;
    }



/* Request a Quote - Page */
.section__request-a-quote {
    background: #F1F1F1;
    padding: 5rem 0;
}

.request-a-quote__banner {
    background: url(../img/request-a-quote_bg.jpg) 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
    min-height: 350px;
    margin: 0;
}

    .request-a-quote__banner .top-banner__body {
        max-width: 450px;
        width: 45%;
    }

.request-a-quote__wrap {
    max-width: 450px;
    width: 45%;
}

    .request-a-quote__wrap h2 {
        margin-bottom: 1rem;
        font-size: 2rem;
    }

.request-a-quote__how-it-works {
    margin-top: 50px;
}

.how-it-works__step-item {
    display: flex;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 40px;
}

    .how-it-works__step-item:last-of-type {
        margin-bottom: 0;
    }

.how-it-works__step-num {
    border: solid 4px #0984C3;
    width: 64px;
    height: 64px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 32px;
    font-weight: 800;
    color: #0984C3;
}

.how-it-works__step-desc {
}

    .how-it-works__step-desc h3 {
        font-size: 1.25rem;
        font-weight: 700;
        margin-bottom: 1rem;
    }

.request-a-quote__banner .container-wrap {
    position: relative;
}

.request-a-quote__banner .section__request-quote {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255,255,255,0.88);
    padding: 2.25rem 3.75rem;
    color: #fff;
    max-width: 660px;
    width: 50%;
}

    .request-a-quote__banner .section__request-quote h2 {
        font-size: 2.5rem;
        display: flex;
        align-items: center;
        gap: 1.5rem;
        max-width: 80%;
        margin: 0 auto 1rem;
        line-height: 1.2;
    }

        .request-a-quote__banner .section__request-quote h2:before {
            content: '';
            display: block;
            background: url(../img/icons/icon-request-blue.svg) 50% 50% no-repeat;
            background-size:contain;
            width: 71px;
            height: 71px;
            flex-shrink: 0;
        }

    .request-a-quote__banner .section__request-quote > p {
        color: #000;
        text-align: center;
        margin-bottom: 2.5rem;
    }

.request-a-quote__banner .request-quote__form .form-group label {
    color: #000;
}
/* Custom checkbox */
.checkboxes-group {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-bottom: 1rem;
}

    .checkboxes-group .form-group {
        flex-basis: 150px;
        margin-bottom: 0;
        flex-shrink: 0;
    }

.custom-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #333;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    user-select: none;
}

    .custom-checkbox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 24px;
        width: 24px;
        background-color: #ffffff;
        border: 1px solid #E2E2E2;
        border-radius: 8px;
        transition: background-color 0.2s ease, border-color 0.2s ease;
    }

    .custom-checkbox input[type="checkbox"]:checked ~ .checkmark {
        background-color: #ffffff;
        border-color: #E2E2E2;
    }

    .custom-checkbox .checkmark:after {
        content: "";
        position: absolute;
        display: none;
        left: 7px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid #0984C3;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .custom-checkbox input[type="checkbox"]:checked ~ .checkmark:after {
        display: block;
    }

.form-group label span.custom-checkbox__text {
    color: #000;
    line-height: 1.4;
}

/* Input Placeholder */
input::placeholder,
select::placeholder,
textarea::placeholder {
    color: #B4BBCA;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #B4BBCA; /* WebKit */
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #B4BBCA; /* Firefox */
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #B4BBCA; /* IE */
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #B4BBCA; /* IE 10+ */
}

@media screen and (max-width: 1200px) {
    /* Home Page */
    .homeBannerThumb__wrap h3 {
        font-size: 20px;
    }

    .homeBannerThumb__wrap .slide-tab-item {
        padding: 20px 10px 25px;
        margin-bottom: 0px;
    }

    .slide-item h1 {
        font-size: 2.5rem;
    }

    .homeSlider .slide__logo {
        padding: 3rem 2rem;
    }

    .logo__title {
        font-size: 2.5rem;
    }
}

@media screen and (max-width: 1024px) {
    .contact-us__wrap {
        flex-direction: column-reverse;
    }

    .contact-us__image,
    .contact-us__detail {
        width: 100%;
    }

    /* Request a Quote - Page */
    .request-a-quote__banner .section__request-quote h2 {
        max-width: 100%;
    }

    /* Home Page */
    .slide-item h1 {
        font-size: 2rem;
        line-height: 1.2;
    }

    .slide-item p {
        margin-top: 20px;
    }

    .logo__title {
        font-size: 2rem;
    }

    .logo__desc {
        font-size: 1.2rem;
    }

    .slide-item p {
        font-size: 1.2rem;
    }

    .homeBannerThumb__wrap h3 {
        font-size: 16px;
    }

    .homeSlider .slide__logo {
        padding: 2rem 1.5rem;
    }
}


@media screen and (max-width: 768px) {
    /* Home Page */
    .homeSlider__wrap {
        max-height: 1100px;
    }

    .homeSlider .slide-item {
        min-height: 960px;
        padding: 5rem 3rem;
        box-shadow: inset 0px 400px 300px rgba(0, 0, 0, 0.9);
    }

        .homeSlider .slide-item h1:after {
            height: 5px;
            margin-top: 1rem;
        }

    .homeSlider .slide__logo {
        padding: 2.5rem 1.5rem 5.5rem;
        bottom: 0;
        top: auto;
        width: 100%;
        max-width: 100%;
        text-align: center;
        justify-content: center;
        transform: none;
    }

    .homeSlider .slide-body {
        width: 60%;
    }

    .homeSlider .slide__logo:before {
        display: none;
    }

    .homeSlider .logo__desc span {
        display: inline-block;
    }

    .homeSlider .logo__title {
        margin: 0 0 0.7rem;
    }

    .homeBannerThumb__wrap {
        display: none;
    }

    .homeSlider-pagination {
        display: flex;
        max-width: 400px;
        bottom: 3rem !important;
        left: 50% !important;
        transform: translateX(-50%);
    }

    .homeSlider .swiper-pagination-bullet {
        margin: 0 3px !important;
    }

    .homeSlider-pagination .swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
    }

    .section__ways-better h2 {
        max-width: 100%;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        font-size: 2.5rem;
    }

    .ways-better__wrap {
        flex-direction: column-reverse;
        margin-bottom: 3.75rem;
    }

    .ways-better__detail,
    .ways-better__image {
        width: 100%;
    }

    .first-way .ways-better__image:before {
        display: none;
    }

    .first-way .ways-better__image:after {
        display: none;
    }

    .ways-better__imagevertical {
        display: none;
    }

    .ways-better__detail {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .section__ways-better ul {
        margin: 0 5% 1rem;
    }

    .ways-better__body {
        max-width: 570px;
    }

    .ways-better__image {
        margin-bottom: 2rem;
    }

    .ways-better__body p {
        text-align: center;
        max-width: 100%;
    }

    .ways-better__wrap.second-way {
        flex-direction: column;
    }

    .section__teamwork .teamwork__wrap {
        flex-direction: column;
    }

    .section__teamwork .teamwork__image,
    .section__teamwork .teamwork__detail {
        width: 100%;
    }

    .section__teamwork .teamwork__image {
        text-align: center;
        margin-bottom: 2rem;
    }

    .section__teamwork .teamwork__title {
        margin: 0 auto 2rem;
        max-width: 350px;
        text-align: left;
    }

    .section__teamwork .teamwork__body {
        max-width: 500px;
        margin: 0 auto;
    }

    .section__teamwork .section__btns {
        text-align: center;
    }

    .homepage-section.section__warranty {
        display: none;
    }

    .teamwork__title-wrap.book-ideas__title-wrap {
        text-align: left;
    }

    .section__book-ideas {
        margin-bottom: 2rem;
    }

        .section__book-ideas .book-ideas__detail {
            padding-right: 0;
        }

        .section__book-ideas .book-ideas__title {
            max-width: 420px;
            margin: 0 auto 1.5rem;
        }

        .section__book-ideas .teamwork__body {
            text-align: center;
            margin-bottom: 2rem;
        }

    .quality-project__wrap {
        flex-direction: column;
    }

    .homepage-section.section__quality-project .container-wrap {
        padding: 0;
    }

    .quality-project__detail,
    .quality-project__image {
        width: 100%;
    }

    .quality-project__body {
        max-width: 100%;
    }

    .quality-project__detail {
        padding: 3rem;
    }

    .explore-products {
        display: none;
    }

    .explore-products-mobile {
        display: block;
    }


    /* How We Work - Page */
    .how-we-work__banner {
        background: url('../img/how-we-work_bg_tablet.jpg') no-repeat 50% 50%;
        background-size: cover;
    }

    .innerpage__top-banner .container-wrap {
        min-height: 960px;
        align-items: flex-start;
        padding: 5rem 3rem;
    }

    .banner__page-title {
        font-size: 1.5rem;
        font-weight: 600;
        ;
    }

    .top-banner__body {
        max-width: 450px;
    }

        .top-banner__body h1 {
            font-size: 2.25rem;
        }

            .top-banner__body h1:after {
                content: '';
                display: block;
                height: 10px;
                width: 170px;
                background: #0984C3;
                margin-top: 10px;
            }

        .top-banner__body p {
            font-size: 1.25rem;
            font-weight: 300;
        }

    .section-title {
        font-size: 2.5rem;
    }

    .how-we-work__steps .section-title__wrap {
        max-width: 500px;
    }

    .how-we-work__steps .section-description {
        display: none;
    }

    .section-title__wrap {
        margin-bottom: 4rem;
    }

    .steps-wrap {
        flex-direction: column;
        margin-bottom: 0 !important;
    }

    .step-item__description {
        position: relative;
    }

    .step__num-wrap:before {
        display: none;
    }

    .step__item {
        max-width: 100%;
        /*   flex-direction: row;
        max-width:100%;
        gap: 5%; */
    }

    .step__body-wrap {
        flex-direction: row;
        max-width: 100%;
        gap: 5%;
    }

    .step-desc__wrap {
        padding: 2rem 1rem;
    }

    .step__body {
        width: 50%;
        padding-right: 10%;
        padding-left: 0;
    }

    .step__num-wrap {
        justify-content: flex-start;
        margin: 0 0 1.2rem;
    }

    .step__text {
        text-align: left;
    }

    .step__item img {
        width: 50%;
    }

    .steps-row-1 .step__item:nth-child(even) .step__body-wrap {
        flex-direction: row-reverse;
    }

    .steps-row-2 .step__item:nth-of-type(odd) .step__body-wrap {
        flex-direction: row-reverse;
    }

    .steps-row-1 .step__item:nth-child(even) .step__body,
    .steps-row-2 .step__item:nth-of-type(odd) .step__body {
        padding-right: 0;
        padding-left: 10%;
    }

    .how-we-work__customer-care {
        background: url(../img/customer-care_bg_tablet.jpg) no-repeat 50% 50%;
        background-size: cover;
        min-height: 580px;
        padding: 4rem 3rem;
    }

    .section__btns .button {
        padding: 15px 30px;
    }

    .trust__item {
        flex-direction: column;
        max-width: 200px;
    }

        .trust__item img {
            margin-right: 0;
            max-width: 94px;
            margin-bottom: 1rem;
        }

    .section__request-quote h2 {
        font-size: 2.25rem;
    }

    .form-note {
        font-size: 0.75rem;
    }

    /* Warranty - Page */
    .warranty__banner {
        background: url('../img/warranty_bg_tablet.jpg') no-repeat 50% 50%;
        background-size: cover;
    }

    .lifetime-guarantee__wrap {
        flex-direction: column;
        align-items: center;
    }

        .lifetime-guarantee__wrap .teamwork__image,
        .lifetime-guarantee__wrap .teamwork__detail {
            width: 80%;
            text-align: center;
        }

        .lifetime-guarantee__wrap .teamwork__image {
            order: 2;
        }

        .lifetime-guarantee__wrap .teamwork__detail {
            order: 1;
        }

            .lifetime-guarantee__wrap .teamwork__detail h3 {
                font-size: 2.5rem;
            }

    .warranty-documents .section-title__wrap {
        max-width: 600px;
    }

    .warranty-documents-list {
        flex-direction: column;
        align-items: center;
    }

    .warranty-documents__item {
        max-width: 100%;
    }

    .warranty__dark-banner {
        background: url(../img/warranty-section-bg2_tablet.jpg) 50% 50% no-repeat;
        padding: 5rem 3rem;
    }

        .warranty__dark-banner h2 {
            font-size: 2.5rem;
        }

    .warranty-section__logo {
        display: none;
    }

    /* Contact Us - Page */
    .contact-us__banner {
        background: url(../img/contact-us_bg_tablet.jpg) 50% 50% no-repeat;
    }

        .contact-us__banner.innerpage__top-banner .container-wrap {
            align-items: center;
        }

    .contact-us__wrap {
        padding: 0rem 2rem;
    }

    .top-banner__body h1 {
        font-size: 2.25rem;
    }

    .contact-us__form {
        padding: 5rem 2rem;
    }

        .contact-us__form h2 {
            text-align: center;
        }

    .country__addresses {
        flex-direction: column;
    }

    .country__address-item {
        width: 100%;
    }

    .contact-us__form .form-note {
        text-align: left;
    }

    .contact-us__form .section__btns {
        text-align: center;
    }

    .contact-us__banner .top-banner__body h1 {
        font-size: 2.125rem;
    }

    .contact-us__banner .banner__page-title {
        font-size: 1.25rem;
    }

    /* Request a Quote - Page */
    .request-a-quote__banner {
        background: url(../img/request-a-quote_bg_tablet.jpg) 50% 50% no-repeat;
        background-size: cover;
        color: #fff;
        min-height: 350px;
        margin: 0;
    }

        .request-a-quote__banner .container-wrap {
            flex-wrap: wrap;
            padding-bottom: 0;
        }

        .request-a-quote__banner .top-banner__body {
            width: 100%;
            margin-bottom: 3rem;
        }

        .request-a-quote__banner .section__request-quote {
            position: relative;
            width: 100%;
        }

            .request-a-quote__banner .section__request-quote h2 {
                max-width: 80%;
            }

    .request-a-quote__wrap {
        max-width: 100%;
        width: 100%;
        padding-left: 5.75rem;
        padding-right: 5.75rem;
    }

    .section__request-quote .section__btns {
        text-align: left;
    }
}


@media screen and (max-width: 500px) {
    /* Home Page */
    .homeSlider .slide-body {
        width: 90%;
    }

    .homeSlider .slide-item {
        min-height: 760px;
        padding: 3rem 2rem;
        box-shadow: inset 0px 300px 150px rgba(0, 0, 0, 0.9);
    }

    .homeSlider .logo__title {
        font-size: 1.75rem;
    }

    .homeSlider .logo__desc {
        font-size: 1rem;
    }

    .homeSlider-pagination {
        max-width: 300px;
        bottom: 2rem !important;
    }

    .homeSlider .slide__logo {
        padding: 1.5rem 1.5rem 4rem;
    }

    .slide-item h1 {
        font-size: 1.75rem;
    }

    .section__ways-better {
        padding-top: 1.5rem;
    }

        .section__ways-better h2 {
            font-size: 1.75rem;
            max-width: 280px;
            margin-bottom: 1.5rem;
        }

    .ways-better__title h3 {
        font-size: 1.25rem;
    }

    .ways-better__title p {
        font-size: 0.875rem;
    }

    .first-way .ways-better__title:before {
        width: 46px;
        height: 51px;
        margin-right: 0.8rem;
    }

    .section__ways-better ul li {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }

    .ways-better__body p {
        text-align: left;
        margin: 0 1.5rem 1.5rem;
    }

    .section__teamwork .teamwork__wrap {
        padding: 2rem;
    }

    .section__teamwork .teamwork__title {
        text-align: center;
    }

        .section__teamwork .teamwork__title h3 {
            font-size: 1.5rem;
            text-align: left;
        }

    .book-ideas__title-wrap p {
        font-size: 0.875rem;
    }

    .book-ideas__detail .teamwork__body {
        text-align: left;
    }

    .section__trust {
        padding: 3rem 0;
    }

        .section__trust.homepage-section h2 {
            font-size: 1.75rem;
            line-height: 1.2;
            max-width: 250px;
            margin: 0 auto 2rem;
        }

    .section__quality-project h2 {
        font-size: 1.5rem;
        line-height: 1.6;
    }

    .quality-project__title h2:before {
        width: 120px;
        height: 60px;
    }

    .quality-project__title h3 {
        font-size: 1rem;
    }

    .quality-project__dealer p {
        font-size: 0.875rem;
        line-height: 1.6;
    }

    .homeIdeaSlider .swiper-slide {
        height: 460px;
    }

    .explore-products-mobile .swiper-button-prev {
        left: 1.5rem;
    }

    .explore-products-mobile .swiper-button-next {
        right: 1.5rem;
    }


    /* How We Work - Page */
    .innerpage__top-banner .container-wrap {
        min-height: 760px;
        align-items: flex-start;
        padding: 3rem 2.5rem;
    }

    .request-a-quote__banner.innerpage__top-banner .container-wrap {
        padding: 0 2.5rem 3rem;
    }

    .banner__page-title {
        font-size: 1.25rem;
    }

    .top-banner__body {
        max-width: 350px;
    }

        .top-banner__body h1 {
            font-size: 1.75rem;
        }

            .top-banner__body h1:after {
                height: 5px;
            }

        .top-banner__body p {
            font-size: 1rem;
            font-weight: 300;
        }

    .section-title {
        font-size: 1.75rem;
        max-width: 80%;
    }

    .step__body-wrap {
        flex-direction: column;
    }

    .steps-row-1 .step__item:nth-child(even) .step__body-wrap,
    .steps-row-2 .step__item:nth-of-type(odd) .step__body-wrap {
        flex-direction: column;
    }

    .steps-row-1 .step__item:nth-child(even) .step__body,
    .steps-row-2 .step__item:nth-of-type(odd) .step__body {
        padding: 0;
    }

    .step__item img {
        width: 90%;
        height: 294px;
        order: 2;
        margin: 0 auto;
    }

    .step__body {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        order: 1;
    }

    .step__num-wrap {
        justify-content: center;
    }

    .step__text {
        text-align: center;
        max-width: 80%;
        margin: 0 auto;
    }

    .how-we-work__customer-care .section-title {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 1rem;
    }

    .how-we-work__customer-care h3 {
        font-size: 1.125rem;
        margin-bottom: 1.5rem;
    }

    .how-we-work__customer-care .warranty__wrap p {
        margin-bottom: 1.5rem;
    }

    .trust__wrap {
        flex-direction: column;
        align-items: center;
    }

    .section__trust .section-title {
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;
    }

    .request-quote__form {
        padding: 0 2rem;
    }

        .request-quote__form .form-row {
            flex-direction: column;
            gap: 0;
        }

    .form-note {
        font-size: 11px;
        text-align: center;
    }

    .lifetime-guarantee__wrap .teamwork__detail h3,
    .warranty-documents .section-title__wrap .section-title {
        font-size: 1.75rem;
    }

    .warranty-documents .section-title__wrap {
        margin-bottom: 1rem;
    }

    .warranty-documents__item {
        flex-direction: column;
        align-items: center;
        text-align: center;
        max-width: 330px;
    }

    .warranty__dark-banner {
        background: url(../img/warranty-section-bg2_mobile.jpg) 50% 50% no-repeat;
        padding: 3rem 2rem 3rem;
        min-height: 450px;
        display: flex;
        align-items: flex-end;
    }

        .warranty__dark-banner h2 {
            font-size: 1.5rem;
            text-align: center;
            margin: 0;
        }

    .trust-item__body {
        text-align: center;
    }


    /* Contact Us - Page */
    .contact-us__banner {
        background: url(../img/contact-us_bg_mobile.jpg) 0% 50% no-repeat;
    }

    .contact-us__wrap {
        padding: 0rem 2rem;
    }

    .contact-us__form {
        padding: 5rem 2rem;
    }

    .input-without-label label {
        display: none;
    }

    .contact-us__banner .banner__page-title {
        font-size: 1.25rem;
    }

    .contact-us__banner .top-banner__body h1:after {
        height: 10px;
    }

    /* Request a Quote - Page */
    .request-a-quote__banner {
        background: url(../img/request-a-quote_bg_mobile.jpg) 0% 0% no-repeat;
        background-size: contain;
        color: #fff;
        min-height: 350px;
        margin: 0;
    }

        .request-a-quote__banner .top-banner__body {
            width: 100%;
            height: 420px;
            margin-bottom: 3rem;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .request-a-quote__banner .banner__page-title {
            font-size: 1.25rem;
        }

        .request-a-quote__banner h1 {
            font-size: 2.25rem;
        }

        .request-a-quote__banner .top-banner__body h1:after {
            height: 10px;
        }

        .request-a-quote__banner .section__request-quote h2 {
            max-width: 100%;
            font-size: 2rem;
            text-align: left;
        }

        .request-a-quote__banner .section__request-quote {
            padding: 0;
        }

        .request-a-quote__banner .request-quote__form {
            padding: 0;
        }

    .request-quote__form .checkboxes-group {
        margin-top: 2rem;
        flex-direction: row;
    }

    .checkboxes-group .form-group {
        flex-basis: 150px;
        margin-bottom: 0;
    }

    .section__request-quote .section__btns {
        text-align: center;
    }

    .request-a-quote__wrap h2 {
        text-align: center;
    }

    .request-a-quote__wrap > p {
        text-align: center;
    }

    .request-a-quote__wrap {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}