:root {
    --main-blue: #0096c8;
    --main-green: #009969;
    --main-blue-82: rgba(7, 36, 89, 0.82);
    --main-light-blue: #00E0FF;
    --main-light-blue-active: rgba(0, 224, 255, 0.88);
    --main-blue-font: #fff;
    --white-32: rgba(255, 255, 255, 0.32);
    --pseudo-white: #FCFCFC;
    --background-color: #fff;
    --shadow: drop-shadow(0px 40px 80px rgba(6, 23, 41, 0.16));
    --footer-text: #6A7C9B;
    --section-border-radius: 24px;
    --colors-black: #000;
}

html{
    font-family: "Public Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 200;
    font-style: normal;
    line-height: 1.4;
    font-size: 16px;
}

body{
    background-color: var(--background-color);
}

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-3xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6{
    font-weight: 200;
}

h1 {
    font-size: 3rem;
    line-height: 1.1;


    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-background-clip: text;
    background-clip: text;
    caret-color: var(--colors-black);
    background-image: linear-gradient(to right, #6aad41 0%, #009768 33%, #0094a8 66%, #0096c8 100%);
    color: rgba(0, 0, 0, 0);


}
h2 {
    font-size: 2rem;
    line-height: 1.2;
    text-transform: uppercase;

    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-background-clip: text;
    background-clip: text;
    caret-color: var(--colors-black);
    background-image: linear-gradient(to right, #6aad41 0%, #009768 33%, #0094a8 66%, #0096c8 100%);
    color: rgba(0, 0, 0, 0);
}
h3 {
    font-size: 1.25rem;
    text-transform: uppercase;

    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-background-clip: text;
    background-clip: text;
    caret-color: var(--colors-black);
    background-image: linear-gradient(to right, #6aad41 0%, #009768 33%, #0094a8 66%, #0096c8 100%);
    color: rgba(0, 0, 0, 0);
}
h4 {
    font-size: 1.25rem;
    font-weight: 700;
}
h5 {
    font-size: 1.125rem;
    line-height: 1.35;
    font-weight: 700;
}
em, blockquote {
    line-height: 1.5;
    font-weight: 500;
}
b, strong{
    font-weight: 700;
}

a{
    color: #444444;
}

a:hover{
    color: #0096d5;
    text-decoration: none;
}



.ed-body-large{
    font-size: 1.125rem;
    font-weight: 500;
}
.ed-body-small,
small{
    font-size: 0.875rem;
}

.ed-body-small strong,
.ed-body-small b,
small strong,
small b{
    font-size: 0.875rem;
}

.er-caption small{
    font-size: 0.75rem;
    font-weight: 500;
    text-transform: capitalize;
}

.uk-button-default{
    border-color: var(--main-blue);
    border-radius: 8px;
    line-height: 1.15;
    padding: 16px;
}

.ed-button-cta-blue{
    background-color: var(--main-light-blue) !important;
    color: var(--main-blue) !important;
    border-color:var(--main-light-blue) !important;
    border-width: 0 !important;
}

.ed-button-cta-blue:hover{
    background-color: var(--main-light-blue-active);
    border-width: 0;
}


.ed-button-cta-dark{
    background-color: var(--main-blue);
    color: var(--main-light-blue);
    border-color:var(--main-light-blue);
    border-width: 1px;
}


.ed-button-cta-dark:hover{
    background-color: var(--main-blue);
    border-width: 1px;
    border-color: var(--main-light-blue);
}

.ed-button-cta-dark-outline{
    background-color: transparent;
    color: var(--main-blue);
    border-color:var(--main-blue);
    border-width: 1px;
}


.ed-button-cta-dark-outline:hover{
    background-color: var(--main-light-blue);
    border-width: 1px;
    border-color: var(--main-light-blue);
}


.ed-button{
    background-color: transparent;
    color: var(--main-blue);
    border-color:var(--main-blue);
    border-width: 1px;
    transition: all 500ms;
}

.ed-button:hover{
    background-color: var(--main-blue-82);
    border-width: 1px;
    border-color: var(--main-blue-82);
    color: var(--pseudo-white);
    transition: all 500ms;
}

.ed-button-primary{
    background-color: var(--main-blue);
    color: var(--pseudo-white);
    border-color:var(--main-blue);
    border-width: 1px;
    transition: all 500ms;
}

.ed-button-primary:hover{
    background-color: var(--main-blue-82);
    border-width: 1px;
    border-color: var(--main-blue-82);
    color: var(--pseudo-white);
    transition: all 500ms;
}

.ed-header .uk-navbar-nav>li>a.uk-button-default.ed-button-cta-blue,
.ed-header .uk-navbar-nav>li:hover>a.uk-button-default.ed-button-cta-blue,
.uk-button-default.ed-button-cta-blue:hover a{
    border-bottom: 0;
    color: var(--main-blue);
}

.ed-header .uk-navbar-nav>li>a.ed-button-cta-blue{
    color: var(--main-blue);
    line-height: 1;
}


.uk-button a{
    padding: 16px;
}



.ed-section-dark > .uk-container.ed-container-large{
    background-color: green;
    padding-left: 400px;
    padding-right: 400px;

}

.ed-section-dark,
.ed-section-dark h1,
.ed-section-dark h2,
.ed-section-dark h3,
.ed-section-dark h4,
.ed-section-dark h5,
.ed-section-dark .uk-accordion-title{
    color: var(--main-blue-font);
}

.ed-section-dark .uk-accordion li {
    border-bottom: 1px solid var(--white-32);
    padding-bottom: 16px;
}

.ed-section-dark .uk-accordion li>a{
    padding-top: 16px;
}

.uk-accordion-title,.uk-accordion-content{
    padding: 0 10px;
}

.ed-section-dark .uk-accordion li .uk-accordion-title::before{
    background-color: var(--main-light-blue);
    mask-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E);
    mask-size: cover;
    background-image: none;
    width: 12px;
    height: 12px;
}



.ed-section-dark .uk-accordion li.uk-open .uk-accordion-title::before{
    mask-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E);
}


.ed-section-dark > .uk-container.uk-container-xlarge{
    background-color: var(--main-blue);
    color: var(--main-blue-font);

    padding: 160px 0;
    box-shadow: 0px 40px 80px rgba(6, 23, 41, 0.16);
    border-radius: var(--section-border-radius);
}

.ed-section-dark .uk-subnav {
    margin-left: 0;
}

.ed-rounded-box{
    background-color: #fff;
    border-radius: var(--section-border-radius);
}

.uk-subnav .uk-button-default{
    padding: 0;
    font-size: 0.875rem;
    line-height: 1.15;
}


.ed-section-dark .uk-button{
    margin-right: 8px;
}

.ed-section-dark .uk-button-default{
    border-color: var(--pseudo-white);
    transition: all 500ms;
}

.ed-section-dark .uk-button-default:hover,
.ed-section-dark .uk-button-default.uk-active{
    background-color: var(--pseudo-white);
    transition: all 500ms;
}

.ed-section-dark .uk-button-default.ed-button-cta-dark{
    border-color:var(--main-light-blue);
}

.ed-section-dark .uk-button-default a{
    color: var(--pseudo-white);
}

.ed-section-dark .uk-button-default:hover a,
.ed-section-dark .uk-button-default.uk-active a{
    color: var(--main-blue);
}

.ed-filter-reset.uk-button{
    margin-right: 30px;
}

.ed-header{
    background: linear-gradient(19.34deg, #061F4D 1.66%, rgba(6, 31, 77, 0) 229.39%), url("../img/3bulb.jpg");
    #min-height: 770px;
    padding: 16px 16px 16px 24px;
    background-size: cover;
    color: var(--pseudo-white);
    #height: calc(100% - 78px);
}

.ed-header::after {
    left: calc(50% - 1504px/2 + 711px);
    top: calc(50% - 1800px/2 - 104px);
    content: "";
    transform: rotate(30deg);
    background-image: url('data:image/svg+xml,<svg width="914" height="770" viewBox="0 0 914 770" fill="none" xmlns="http://www.w3.org/2000/svg"><line x1="907.362" y1="-614.75" x2="7.36162" y2="944.096" stroke="white" stroke-opacity="0.16"/></svg>');
}

.ed-header,
.ed-header h1,
.ed-header h2,
.ed-header h3,
.ed-header h4,
.ed-header h5{
    color: var(--pseudo-white);
}


.ed-header strong,
.ed-header h1 strong,
.ed-header h2 strong,
.ed-header h3 strong,
.ed-header h4 strong,
.ed-header h5 strong{
    color: var(--main-light-blue);
}

.ed-header h1 strong,
.ed-header h2 strong,
.ed-header h3 strong,
.ed-header h4 strong,
.ed-header h5 strong{
    display: block;
}



.ed-header .uk-navbar-container{
    background: rgba(7, 36, 89, 0.88);
    box-shadow: 0px 8px 40px rgba(7, 36, 89, 0.16);
    backdrop-filter: blur(20px);
    /* Note: backdrop-filter has minimal browser support */
    border-radius: 16px;
}

.ed-header .uk-navbar-container .uk-logo{
    height: 38px;
}

.ed-header .uk-navbar-container .uk-container{
    padding: 20px 24px;
}

.ed-header .uk-navbar-item,.ed-header .uk-navbar-nav>li>a,.ed-header .uk-navbar-toggle{
    min-height: auto;
}

.ed-header .uk-navbar-nav>li>a{
    font-weight: 600;
    font-size: 0.875rem;
    line-height: 2.5;
    text-transform: capitalize;
    font-style: normal;
    color: var(--pseudo-white);
    border-bottom: 2px solid transparent;
    transition: all 500ms;
}

.ed-header .uk-navbar-nav>li.uk-active>a,
.ed-header .uk-navbar-nav>li:hover>a{
    border-bottom: 2px solid #fff;
    transition: all 500ms;
    color: var(--pseudo-white);
}

.ed-header.ed-header-big .ed-header-container{
    #min-height: calc(770px - 78px);
    #height: calc(770px - 78px);
}

.ed-header .uk-button{
    font-size: 14px;
}

.ed-header.ed-header-big .ed-header-container-content{
    margin-top: 100px;
}

.ed-header.ed-header-big .ed-header-container-content > *{
    margin-bottom: 48px;
    margin-top: 0;
}

.ed-header .ed-header-container-content{
    margin-top: 100px;
    margin-bottom: 100px;
}


.ed-header .uk-button.uk-button-default{
    color: var(--pseudo-white);
    border-color: 1px solid var(--pseudo-white);
    padding: 16px;
}

.ed-section-dark.ed-image-1-2{}
.ed-section-dark.ed-image-1-2 > .uk-container.uk-container-xlarge{
    padding: 80px 0;
}


.ed-section-dark.ed-image-1-2>.uk-container{
    background: linear-gradient(90deg, #072459 43.34%, rgba(7, 36, 89, 0) 100%), url("../img/3bulb.jpg");
    filter: var(--shadow);
    border-radius: var(--section-border-radius);
    background-size: cover;
}

.ed-section-dark.ed-image-1-2>.uk-container>.uk-container{
    padding: 0 96px;
}

.ed-card-icon{
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.33;
    color: var(--main-blue);
}
.ed-card-icon .ed-icon-sq{
    margin-bottom: 24px;
}

.ed-icon-sq{
    background: rgba(7, 36, 89, 0.12);
    border-radius: 8px;
    width: 64px;
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ed-card-title-image{
    background: linear-gradient(0deg, rgba(7, 36, 89, 0.72), rgba(7, 36, 89, 0.72)), url("../img/3bulb.jpg");
    border-radius: 24px;
    padding: 48px;
    background-size: cover;

    color: var(--pseudo-white);
    margin-bottom: 48px;
    min-height: 250px;
}

.ed-card-title-image-gradient{
    background: linear-gradient(360deg, #072459 20.54%, rgba(7, 36, 89, 0) 100%), url("../img/3bulb.jpg");
    filter: var(--shadow);
    border-radius: 24px;
    background-size: cover;
    padding: 24px;

    color: var(--pseudo-white);
    margin-bottom: 48px;
}



.ed-card-title-image h1,
.ed-card-title-image h2,
.ed-card-title-image h3,
.ed-card-title-image h4,
.ed-card-title-image h5,
.ed-card-title-image-gradient h1,
.ed-card-title-image-gradient h2,
.ed-card-title-image-gradient h3,
.ed-card-title-image-gradient h4,
.ed-card-title-image-gradient h5{
    color: var(--pseudo-white);
}

.ed-box-body{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: calc(4em* 1.5);
}

.ed-round-img{
    filter: var(--shadow);
    border-radius: 24px;
}

footer{
    font-size: 0.875rem;
    border-top: 1px solid #009599;

}

footer h4.he_footer_header{
    font-size: 1rem;
}

footer a{
    color: #000;
}

footer a:hover{
    color: rgb(66, 148, 195);
    text-decoration: none;
}

footer .he_footer_address{
    line-height: 1.6;
}

footer .he-footer-social{
    margin: 25px 0;
}

footer .he-footer-social a{
    padding: 4px;
    background-color: rgb(0, 150, 200);
    fill: #fff;
    margin-right: 5px;
}

.he-bottom-footer{
    border-top: 1px solid rgb(188, 189, 188);
    padding: 24px 0;

    font-size: 0.7rem;
}

.he-bottom-footer a{
    color: #000;
}

.he-bottom-footer a:hover{
    color: rgb(66, 148, 195);
    text-decoration: none;
}

.he-bottom-footer .he-footer-logo{
    height: 32px;
    margin-right: 50px;
}

.he-bottom-footer .he-footer-menu{
    display: inline-block;
    margin: 0;
}
.he-bottom-footer .he-footer-menu li{
    display: inline-block;
    margin: 0 16px;
}


footer.ed-section-dark > .uk-container.uk-container-xlarge{
    padding: 40px;
}

footer .ed-footer-menu{
    padding: 0;
    color: var(--footer-text);
}

footer .ed-footer-menu li{
    display: inline-block;
}

footer .ed-footer-menu li a{
    color: var(--footer-text);
    text-decoration: none;
    margin-left: 15px;
    font-style: italic;
}
footer .ed-footer-menu li:first-of-type{
    margin-right: 30px;
}

footer .ed-footer-menu li a:hover{
    color: var(--pseudo-white);
}

footer  .ed-footer-contact-links a{
    display: block;
}

.product-details h1{
    margin-bottom: 30px;
}

.product-details .product-img{
    color: #000;
    font-size: 1.3rem;
}
.product-img .uk-overlay {
    max-width: 40%;
}
.product-details .he-list-flayers {
    border-top: 2px solid #DADADA;
    border-bottom: 2px solid #DADADA;
    margin-bottom: 20px;
    padding: 10px 0;
    margin-top: 0;
}

.he-list-flayers{

}


.he-list-flayers a {
    color: #444444;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
}

.he-list-flayers a .he-list-flayers-item-icon {
    width: 65px
}

.he-list-flayers a .he-icon-round-border{
    border-radius: 50%;
    border: 2px solid #444444;
    padding: 7px;
    opacity: 0.5;
    margin-right: 5px;
}

.he-list-flayers a:hover{
    color: #0096d5;
    text-decoration: none;
}

.he-list-flayers a:hover .he-icon-round-border{
    border-color: #0096d5;
}

.product-details .he-product-accordion li {
    margin-top: 10px;
}

.product-details .he-product-accordion a{
    border-bottom: 1px solid #DADADA;
    padding: 0 0 10px 0;
}

.product-details .he-product-accordion .uk-accordion-content{
    padding: 0 0 10px 0;
}

.he-button{
    padding: 0 48px;
    font-size: 0.85rem;
    text-transform: none;
    line-height: 2.2;
    border-radius: 0;
    border-color: var(--main-blue);
    color: var(--main-blue);
    transition: all 300ms;
}

.he-button:hover{
    background-color:  var(--main-blue);
    border-color: var(--main-blue);
    color: #fff;
    transition: all 300ms;
}


.he-button-primary{
    background-color: rgb(0, 150, 200);
    border-color: rgb(0, 150, 200);
    color: #fff;
}
.he-button-primary:hover
{

    border-color: rgba(0 150 200 / 1);
    background-color: rgba(0 150 200 / 1);
    background-image: linear-gradient(to right, #6aad41 0%, #009768 33%, #0094a8 66%, #0096c8 100%);
}

.uk-navbar-container:not(.uk-navbar-transparent){
    background-color: #fff;
    border-bottom: 1px solid rgb(229, 230, 229);
}

.uk-navbar-container .uk-logo img{
    height: 32px;
}

.uk-navbar-container .uk-navbar-nav>li>a{
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: none;

}

.he-product-name-list{
    margin-top: 10px;
}

.he-product-name-list li a{
    font: 1.2rem;
    color: #444444;
}

.he-product-name-list li a:hover{
    color: #0096d5;
    text-decoration: none;
}

.he-product-name-list li.uk-active{
    border-bottom: 2px solid #6aad41;
    padding-bottom: 2px;
}

.he-product-name-list li.uk-active a{
    font-weight: 600;
    max-width: -moz-max-content;
    max-width: max-content;
    -webkit-background-clip: text;
    background-clip: text;
    caret-color: var(--colors-black);
    background-image: linear-gradient(to right, #6aad41 0%, #009768 33%, #0094a8 66%, #0096c8 100%);
    color: rgba(0, 0, 0, 0);
}


.he-submenu .he-product-name-list li{
    margin-left: 10px;
}

.he-submenu .he-product-name-list li.menu-level-0{}
.he-submenu .he-product-name-list li.menu-level-1{
    margin-left: 20px;
}
.he-submenu .he-product-name-list li.menu-level-2{
    margin-left: 30px;
}
.he-submenu .he-product-name-list li.menu-level-3{
    margin-left: 40px;
}


.he-product-box{
    border: 1px solid #dadada;
}
.he-product-box .uk-card-media-top{
    border-bottom: 1px solid #dadada;
}

.he-product-box .uk-card-body{
    padding: 17px
}

.he-product-box .uk-card-title{
    font-weight: 300;
    font-size: 1.2rem;
}


.he-flyer-button a{
    color: #444444;
}

.he-flyer-button a .he-icon-round-border{
    border-radius: 50%;
    border: 2px solid #444444;
    padding: 7px;
    opacity: 0.5;
    margin-right: 5px;
}

.he-flyer-button a:hover{
    color: #0096d5;
    text-decoration: none;
}

.block__he-header .he_header_content_wrapper{
    font-weight: 400;
}

.block__he-header .he_header_content_wrapper h1,
.block__he-header .he_header_content_wrapper h2,
.block__he-header .he_header_content_wrapper h3,
.block__he-header .he_header_content_wrapper h4,
.block__he-header .he_header_content_wrapper h5
{
    font-weight: 600;
}

.he_header_content{}

.block__he-header .he_header_content_wrapper .he-button{
    margin-top: 40px;
    font-size: 1.2rem;
}

.uk-dotnav.he-dotnav>*>*{
    border-radius: 0;
    width: 30px;
    height: 5px;
    background-color:  #e5e6e5;
    border-color: transparent;
}

.uk-dotnav.he-dotnav>.uk-active>*{
    background-color:  var(--main-green);
    border-color: transparent;
}

.uk-card-title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: calc(1.5rem* 1.4* 2);
}

.he-box-link-content-text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: calc(1rem* 1.4* 4);
    margin-bottom: 24px;
}


.vb_belt_slider_container{

    border: 1px solid #8d6300;
}

.vb_belt_slider_title > div{
    background-color: #f73805;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    font-weight: bolder;
}

.vb_belt_slider_items_container {
    overflow: hidden;
}

.vb_belt_slider_items{
    width: 10000px;
    transform: translateX(0px);
    animation: 10.2803s linear 0s infinite normal none running marqueeAnimation-36206970000;
}

@keyframes marqueeAnimation-36206970000 {
    100% {
        transform: translateX(-834px);
    }
}

.vb_belt_slider_container:hover .vb_belt_slider_items{
    animation: 10.2803s linear 0s infinite normal none paused marqueeAnimation-36206970000;
}

.vb_belt_slider_items .vb_belt_slider_item{
    display: inline-block;
    margin-right: 100px;
    padding: 10px 0;
}

.vb_belt_slider_items .vb_belt_slider_item a{
    font-weight: bolder;
}

hr.wp-block-separator.has-alpha-channel-opacity{
    overflow: visible;
    text-align: inherit;
    margin: 0 0 20px 0;
    border: 0;
    border-top: 1px solid #e5e5e5;
}

.b__he_product_boxes__wrapper {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.b__he_product_boxes__wrapper > div{
    flex: 0 1 20%;
}

.he-product-boxes .uk-card-media-top{
    text-align: center;
    padding: 30px 0;
    background-color: #F2F2F2;
}

.he-product-boxes .uk-card-title{
    height: auto;
}

.uk-offcanvas-bar{
    background: #f7f7f7;
    color: #000;
}

.uk-offcanvas-bar .uk-nav-default>li>a{
    color: #000;
    font-size: 1rem;
}

.uk-offcanvas-bar .uk-nav-default>li>a:hover{
    color: #8d6300;
}

@media (max-width: 960px) {
  .product-img .uk-overlay{
        font-size: 1rem;
        max-width: 50%;
        padding: 10px 20px;
  }
}

@media (max-width: 360px) {
  .product-img .uk-overlay{
        font-size: 0.7rem;
  }
}