#map-area {
    height: 510px;
}
h3.animate_text span{
    color: #333;
    display: inline-block;
}
.product-slider.floatCss{
    padding-left: 0!important;
}

.product-slider.floatCss .owl-stage-outer {
    overflow: visible;
}

.product-slider.floatCss .owl-stage-outer::before{
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: #fff;
    top: 0;
    left: -100%;
    z-index: 99;
}

.location_map{ width:100%; float:left; display:block; margin:0px 0px 64px 0px;}

.location_map img{ width:100%;}

.cate_block .cat-item.active > ul {
    display: block;
}
.cate_block .cat-item ul {
    display: none;
}

html body .elementor-element.elementor-element-ba379d1.elementor-align-left.elementor-widget.elementor-widget-button a.elementor-button.elementor-button-link.elementor-size-sm:hover {
    color: #fff !important;
}

html body .elementor-element.elementor-element-ba379d1.elementor-align-left.elementor-widget.elementor-widget-button a.elementor-button.elementor-button-link.elementor-size-sm:hover  .elementor-button-text{
    color: #fff !important;
}

/* ===================== Category tree sidebar ===================== */

.cate_block .cat-tree,
.cate_block .cat-tree ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.cate_block .cat-item{
    position: relative;
}

.cate_block .cat-tree ul{
    margin: 6px 0 0 6px;
    padding-left: 14px;
    /*background-image: repeating-linear-gradient(to bottom, #C6C6C6 0, #C6C6C6 3px, transparent 3px, transparent 7px);
    background-size: 1px 100%;
    background-repeat: no-repeat;
    background-position: 0 0;*/
}

.cate_block .cat-tree ul .cat-item::before {
    /*content: '';
    position: absolute;
    top: 11px;
    left: -14px;
    width: 13px;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #C6C6C6 0, #C6C6C6 3px, transparent 3px, transparent 6px);*/
}

.cate_block ul li.active > a, .cate_block ul li.active > a span{
    color: #0683B4;
    font-weight: 500;
}

.location_search{ float:left; display:inline-block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}



.search_tittle{ float:left; display:inline-block; margin:0px 0px 0px 0px; padding:0px 15px 0px 0px; line-height:43px;font-family: 'Poppins', sans-serif; font-weight:600; font-size:15px; color:#0E2053; text-transform:uppercase;}

.search_input{float:left; display:inline-block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative;}

.search_input{ width:325px; height:43px; background-color:#fff; border:3px solid #0683B4; border-radius:3px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}

.search_input .form-control{ background:none; height:38px; border:none; box-shadow:none; border-radius:0px; outline:none;font-family: 'Poppins', sans-serif; font-weight:600; font-size:15px; color:#0E2053; line-height: normal; text-transform:uppercase;}

.search_input .submit3{ width:30px; height:30px; position:absolute; right:0px; top:6px;border:none; box-shadow:none; border-radius:0px; outline:none; background:url(images/filte-search.png) no-repeat!important; cursor:pointer;}



.filterblock_rt{ float:right; display:inline-block; margin:0px 0px 0px 0px;}

.filterblock_rt a{ display:inline-block; margin:0px 3px 10px 3px; padding:0px 10px 0px 10px;font-family: 'Poppins', sans-serif; font-weight:600; font-size:15px; color:#fff; background-color:#0683B4; text-transform:uppercase; border-radius:6px;}

.filterblock_rt a.filter_small{ line-height:27px;}

.filterblock_rt a.filter_large{ line-height:43px;}

.filterblock_rt span{ display:inline-block; margin:0px 0px 0px 0px; padding:0px 8px 0px 0px;font-family: 'Poppins', sans-serif; font-weight:600; font-size:15px; color:#0683B4; line-height:43px; text-transform:uppercase;}



.filterblock_rt a img{ max-width:100%; display:inline-block; margin-right:10px;}



.filterblock_rt a:hover{ background-color:#5076bd;}



.location_table{ width:100%; float:left; display:block; margin:0px 0px 0px 0px; padding:53px 0px 0px 0px;font-family: 'Poppins', sans-serif;}

.location_table .table>thead>tr>th{ background-color:#0683B4; font-size:19px; line-height:30px; padding:25px 20px 25px 20px; color:#fff; text-transform:uppercase; font-weight:500; border:none;}



.location_table .table>tbody>tr>td{background-color:#F0F2F4; vertical-align:middle; font-size:19px; line-height: normal; padding:16px 20px 16px 20px; color:#0E2053; text-transform:uppercase; font-weight:500; border:none; border-bottom:1px solid #fff; position:relative;}

/*.location_table .table>tbody>tr>td span{ border-left:1px solid #ccc; display:block; padding:7px 20px 7px 20px; line-height:30px;}

*/.location_table .table>tbody>tr>td span{ width:44px; height:44px;  border-radius:50%; background-color:#0683B4; line-height:33px; text-align:center; color:#fff; font-size:15px; font-weight:600; border:6px solid #c4c9d5; margin:0px 0px 0px 0px; position:relative; padding:0px 0px 0px 0px; display:block; margin:0 auto;}

/*.location_table .table>tbody>tr>td h3::before{ content:''; position:absolute; width:6px; background-color:#000; left:-6px; top:-6px;}*/

.location_table .table>tbody>tr>td:first-child{ text-align:center; padding-left:15px; padding-right:15px;}



.location_table .table>tbody>tr>td a{ display:inline-block;color:#0E2053;}

.location_table .table>tbody>tr>td a.call_block{ width:38px; margin: 0 auto;  padding:0px;}

.location_table .table>tbody>tr>td.call_column { text-align:center;}



.elementor-section.elementor-section-boxed > .elementor-container{

    max-width:100%!important;

}

.location_table .table>tbody>tr>td::after {

    top: 10px;

    bottom: 10px;

    width: 1px;

    right: 0px;

    position: absolute;

    content: '';

    background-color: #ccc;

}

.location_table .table>tbody>tr>td:last-child::after{ display:none;}

.cate_block ul li ul {
    padding-left: 15px;
}

.overlay {

    position: relative;

    width: 212px;

    min-height: 220px;

    margin-top: -30px;

    background: #0683B4 url(img/overlay-bg.png) no-repeat right bottom;

    -moz-background-clip: border;

    -webkit-background-clip: border;

    background-clip: border-box;

    -moz-background-clip: padding;

    -webkit-background-clip: padding;

    background-clip: padding-box;

    -moz-background-clip: content;

    -webkit-background-clip: content;

    background-clip: content-box;

    border: 6px solid rgba(0, 0, 0, 0.15);

    color: #fff;

}

.overlay:before, .overlay:after {

    content: '';

    position: absolute;

    left: 100%;

    top: 50%;

    margin-top: -26px;

    margin-left: 6px;

    width: 0;

    height: 0;

    border-style: solid;

    border-width: 26px;

    border-color: transparent transparent transparent rgba(0, 0, 0, 0.15);

}

.overlay:after {

    margin-top: -20px;

    margin-left: 0;

    border-width: 20px;

    border-color: transparent transparent transparent #0683B4;

}

.overlay-tab {

    border-bottom: 1px solid #1E2C68;

    font-size: 0;

}

.overlay-tab span {

    vertical-align: top;

    display: inline-block;

    width: 100px;

    height: 48px;

    line-height: 48px;

    background: #050A20;

    font-size: 11px;

    font-weight: 600;

    text-align: center;

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

}

.overlay-tab span.current {

    background: #0683B4;

}

.overlay h4 {

    padding: 15px 15px 0;

    color: #FCF136;

    font-size: 19px;

    margin:0;

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

}

.overlay h5 {

    padding: 0 15px 15px;

    color: #FCF136;

    font-size: 14px;

    font-weight: 300;

    font-family: Roboto;

    margin:0;

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

}

.overlay p {

    padding: 0 15px 15px;

    color: #fff;

    font-size: 13px;

    font-weight: 300;

    margin:0;

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

}

.overlay .overlay-sh p{ padding: 10px 15px 15px; }

.overlay p a {

    color: #FCF136!important;

    padding-right:20px;

    background:url(images/arrow2.png) no-repeat right center;

}

.overlay p a:hover {

    text-decoration: none;

}

.overlay-sh {

    display: none;

}
.lsd-lc {
    display: inline-block;
}

.overlay-sh {
    padding: 12px;
}

@media (min-width: 768px) {
    .filter_large .d-md-block {
        display: inline-block !important;
    }
}

@media only screen and (max-width: 767px) {
    .lsd-lc {
        display: flex;
        justify-content: space-between;
    }
}
@media only screen and (max-width: 767px) {
    a#alphabetical {
        line-height: 30px;
        border-radius: 0;
        font-size: 16px;
        margin: 0 6px 0 0;
        padding: 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    a#nearest {
        line-height: 30px;
        border-radius: 0;
        font-size: 16px;
        margin: 0;
        padding: 0 20px;
    }
}
@media only screen and (max-width: 767px) {
    .filterblock_rt {
        width: 100%;
        float: left;
        display: block;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
    }
}
@media only screen and (max-width: 767px) {
    .location_search {
        margin: 0 0 16px;
    }
        .search_tittle {
        float: left;
        display: inline-block;
        margin: 0px 0px 4px 0px;
        padding: 0;
        line-height: 25px;
        font-family: 'Poppins', sans-serif;
        font-weight: 500;
        font-size: 15px;
        color: #0E2053;
        text-transform: uppercase;
        width: 100%;
    }
    .filterblock_rt a.filter_small {
        line-height: 30px;
        font-size: 16px;
        border-radius: 0;
        font-weight: 500;
        margin: 0 0px 10px 0;
        padding: 0;
        width: calc(25% - 20px);
        text-align: center;
    }
        .search_input {
        width: 100%;
        height: 39px;
        background-color: #fff;
        border: 1px solid #001F60;
        border-radius: 0;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
    }
        .location_search {
        width: 100%;
        float: left;
        display: block;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
    }
    .filterblock_rt a img.d-block{
        display: inline-block!important;
    }

    .location_table .table>thead>tr>th {
        font-size: 12px;
        line-height: 18px;
        padding: 10px 10px 10px 10px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 500;
        border: none;
    }
        .location_table .table>tbody>tr>td {
        font-size: 12px;
        line-height: 18px;
        padding: 10px;
    }
    .location_table .table>tbody>tr>td span {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        line-height: 18px !important;
        text-align: center;
        color: #fff;
        font-size: 10px;
        font-weight: 500;
        border: 3px solid #c4c9d5;
        margin: 0px 0px 0px 0px;
        position: relative;
        padding: 0px 0px 0px 0px;
        display: block;
        margin: 0 auto;
    }

        .search_input .submit3 {
        width: 25px;
        height: 100%;
        position: absolute;
        right: 13px;
        top: 0;
        border: none;
        box-shadow: none;
        border-radius: 0px;
        outline: none;
        background: url(images/search-blue.svg) no-repeat !important;
        cursor: pointer;
        background-size: 20px auto !important;
        padding: 0;
        background-position: center center !important;
    }
}

.generic-block.floatCss .elementor-element p:last-child {
    margin: 0;
}

.e-con-inner {
    padding: 0 !important;
}
ul.dropdown-menu li {
    padding-left: 0 !important;
    padding-right: 0px !important;
}
.navbar-expand-lg .navbar-nav .dropdown-menu{
    top: 100%;
}
.dropdown-item.active, .dropdown-item:active {
    color: #0683B4;
    text-decoration: none;
    background-color: transparent;
}

@media only screen and (max-width: 767px) {
    #sidebar_content .navbar-nav li.menu-item-has-children > span {
        width: 100%;
        height: 42px;
        display: block;
        background: url(images/arrow.svg) no-repeat right center;
    }

    #sidebar_content .navbar-nav > li.menu-item-has-children a.dropdown-toggle {
        position: absolute;
        left: 0;
        top: 0;
        width: auto;
        display: inline-block;
    }
    #sidebar_content .navbar-nav > li > a.dropdown-toggle{
        background: none!important;
    }
}

.sr-banner-rt form {
    width: 100%;
}
.search-product-dt {
    position: absolute !important;
}
.elementor-edit-area-active .elementor-editor-element-setting{
    background: none!important;
}
.elementor-element {
    padding: 0;
}
.wpcf7-response-output {
    float: left;
    margin: 10px 0 20px !important;
}
.page-template-services-template .service-wrap {
    width: 100%;
}
.footer-bottom p a:hover{
    color: #BCE6F8;
}
.burwell-logo img:hover{
    opacity: 0.4;
}
.logo img:hover {
    opacity: 0.4;
}
.faq-btn a:hover{
    background-color: #0683B4;
    color: #fff;
    background-image: url(images/faq-arrow_hover.svg);
}

.partner-careousel img {
    width: auto !important;
}
.action_button {
    width: 100%;
    text-align: right;
    padding: 50px 0 0;
}
.action_button a{
    display: inline-block;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 44px;
    padding-right: 54px;
    color: #0683B4;
    background: url(images/right-arrow-nr.svg) no-repeat right center;
    font-family: 'Poppins', sans-serif;
}
.action_button a:hover{
    background: url(images/right-arrow-hr.svg) no-repeat right center;
    color: #363636;
}

.home-banner-slider .slider-item.floatCss {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home-banner-slider video {
    float: left;
     width: 100%; 
}
.home-banner-slider .owl-dots {
    display: none !important;
}
.header-nav-top ul li a:hover{
    color: #BCE6F8;
}

.sr-banner-rt,
.home-page-search-bar.floatCss {
    display: none;
}
.pro_search_open .sr-banner-rt,
.pro_search_open .home-page-search-bar.floatCss{
    display: block;
}

.home-page-search-bar .sr-banner-rt {
    display: block;
    padding-left: 0px;
    width: 100%;
    max-width: 1125px;
    float: right;
}
div#map-table {
    margin-bottom: 30px;
}

/* Product detail pages: lift the product content up under the banner so the
   empty title-band gap is removed. The left image column is nudged down so it
   still clears the beige "Surface Preparation Equipment" block. Added 2026-07-21. */
@media (min-width: 768px) {
    .single-product .subpage-tittle-bar-section { margin-bottom: 0; }
    .single-product .product-details-wrapper { margin-top: -84px; }
    .single-product .product-details-wrapper .row.gap-sldt-1 > .col-md-5 { margin-top: 130px; }
}

/* Contact form: floating labels so the field name stays visible while typing
   instead of disappearing with the placeholder. Toggled by custom.js. */
.form-section .form-input.floating-label {
    position: relative;
}
.form-section .form-input.floating-label label {
    position: absolute;
    top: 10px;
    left: 13px;
    width: auto;
    padding: 5px 10px;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: rgba(125, 125, 125, 1);
    pointer-events: none;
    transform-origin: left top;
    transition: transform .15s ease-in-out, color .15s ease-in-out;
    display: inline-block;
    background: #F6F5F5;
    border-radius: 5px;
}
.form-section .form-input.floating-label .input-common::-moz-placeholder { color: transparent; }
.form-section .form-input.floating-label .input-common::-webkit-input-placeholder { color: transparent; }
.form-section .form-input.floating-label .input-common:-ms-input-placeholder { color: transparent; }
.form-section .form-input.floating-label .input-common::placeholder { color: transparent; }
.form-section .form-input.floating-label.focused label {
    transform: translateY(-22px) scale(0.72);
    color: #333;
}
.form-section .form-input.floating-label.textarea-field.focused .input-cm-height {
    padding-top: 34px;
}


/* --------------------------------------------------------------------------
   Desktop drop-down: align sub-menu items with their parent menu item.
   Parent link text sits at li + 15px (.nav-item padding-left)
                            + 22px (.nav-link.dropdown-toggle padding-left).
   The panel was at left:30px with 25px padding-left, so sub-items sat 18px
   too far right. 15px + 22px puts them on exactly the same vertical line.
   -------------------------------------------------------------------------- */
@media only screen and (min-width: 992px) {
    .navbar-desktop .navbar-nav .dropdown-menu,
    .navbar-desktop .navbar-nav .dropdown-menu[data-bs-popper] {
        left: 15px !important;
        padding-left: 22px;
    }
}
