:root {
    --main-box-color: #ff00ff;
    --main-box-color-secondary: #ff00ff;
    --main-page-background: #ff00ff;
    --main-purple: #005176;
    --main-green: #d0404e;

    --secondary-blue1: #afbcc1;
    --secondary-blue2: #247ba0;
    --secondary-blue3: #73bbc5;
    --secondary-green: #598b2c;
    --secondary-yellow: #e6a91a;
    --secondary-orange: #f46036;

    --button-one-background: #d0404e;
    --button-one-text: #ffffff;
    --button-two-background: #ffff00;
    --button-two-text: #ffffff;

    --offer-badge: #d0404e;
    --new-product-badge: #005176;

    --menu-background: #005176;
    --menu-text: #ffffff;
    --menu-text-hover: #005176;
    --menu-background-sticky: #005176;
    --menu-text-sticky: #ffffff;

    --main-text-header-color: rgb(129, 233, 181);
    --header-top-background: white;
    --header-background: #ffffff;
    --section-header-text-colour: #333;

    --link-hover: #f46036;

    --main-font: 'Poppins', sans-serif;
}

*, ::before, ::after {
    box-sizing: border-box;
    font-family: var(--main-font);
}

h1 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 20px;
}
h2 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
}
h3 {
    font-size: 18px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
}
h4 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
}
h5 {
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
}

a, a:visited, a:active {
    color: var(--main-purple);
}

a:hover {
    color: var(--main-green);
}

button.action {
    border-radius: 0px;
}

.cart-discount .block.discount {
    width: 100%;
}
.cart-discount .block.discount .title {
    background: cadetblue;
    text-align: center;
    padding-top: 10px;
    margin-bottom: 15px;
}
.cart-discount .block.discount .title::after {
    color: cornsilk;
}
.cart-discount .block.discount .title #block-discount-heading {
    color: cornsilk;
    font-size: 18px;
    text-align: center;
}

.breadcrumbs a, a:visited {
    color: var(--main-purple);
}

.checkout-index-index.page-layout-checkout .logo {
    margin-top: 0px
}

@media (min-width: 768px), print {
    .cart-discount .block.discount {
        width: 50%;
    }
    .cart-discount .block.discount .title #block-discount-heading {
        font-size: 20px;
    }
}


form.form-shipping-address > .fieldset > .field:not(.choice) > .label{
    width: 80%;
}
form.form-shipping-address .field .control {
    width: 100%;
}
form.form-shipping-address .field .control .control {
    width: 100%;
}
.field.street.admin__control-fields.required legend {
    float: left;
    align-self: flex-start;
    padding-inline-start: 0px;
}

.reg_popup_screen {
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    background-color: #ddd;
    color: #333;
}

.signz_switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

.signz_switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: var(--main-purple);
}

input:disabled + .slider {
    background-color: #aaa;
}
input:focus + .slider {
    box-shadow: 0 0 1px var(--main-purple);
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

.message.global.cookie {
    display: none;
}
.cookie_modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2147483645; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
body.cookie_modal_show {
    overflow: hidden;
}
.cookie_options_popup {
    display: block;
    position: absolute;
    top: 50%;
    left: calc(100% / 2 - 49%);
    transform: translateY(-50%);
    width: 98%;
    padding: 15px;
    border-radius: 4px;
    background-color: #fff;
    color: #333333;
    box-shadow: 0 -2px 18px rgba(0,0,0,0.06);  
}
.cookie_options_popup .cookie_save {
    width: 100%;
    margin-top: 30px;
    background-color: var(--main-purple);
    color: white;
    padding: 10px;
    font-size: 18px;
}
.message.global.cookie .cookie_options_popup button {
    background: #2196F3;
    color: white;
    border: 0px;
}
.cookie_box {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}
.cookie_box_option {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}
.cookie_box_option h3 {
    width: 80%;
    margin: 0px;
    font-size: 15px;
}
.cookie_box_option .cookie_switch {
    width: 20%;
}
.cookie_box_message {
    font-size: 12px;
}

.cookie_background {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    opacity: .5;
    z-index: 2147483644;
    color: white;
    font-size: 50px;
}

.cookie.banner {
    position: fixed;
    bottom: 0;
    background: white;
    left: 0;
    z-index: 2147483645;
}
.content.banner {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    background-color: white;
    color: #333333;
    padding-top: 20px;
    padding-bottom: 20px;
}
.cookie_banner_title {
    font-size: 26px;
}
.message.global.cookie button.cookie_allow {
    background: var(--main-purple);
    font-size: 20px;
    padding: 20px 0px;
    color: white;
    transition: all 300ms ease-in;
}
.message.global.cookie button.cookie_allow:hover {
    background-color: var(--main-green);
    background-color: #598b2c;
}
.message.global.cookie button.cookie_view_options {
    font-size: 18px;
    padding: 20px 0px;
    border: 1px solid #333;
    background: #ffffff;
    color: #333;
    transition: all 300ms ease-in;
}
.message.global.cookie button.cookie_view_options:hover {
    background: #eeeeee;
}
.cookie_container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
}
.cookie_description {
    width: 100%;
    font-size: 16px;
}
.cookie_buttons {
    display:flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
    width: 100%;
}
.cookie_buttons button {
    width: 40%
}

.signz_screen_fade {
    width: 200px;
    height: 200px;
    background-color: #333;
}

.action.primary {
    background: var(--main-purple);
    border: none;
}
.action.primary:hover, .action.primary:focus, .action.primary:active {
    background: var(--main-purple);
    border: none;
}


i {
    font-family: fontawesome !important;
    }


.header_phone {
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 3vw;
    color: var(--main-purple);
}
.header_phone::before {
    display: none;
}

.header_phone_top {
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 16px;
    color: var(--main-green);
}
.header.panel > .header.links > li.header_phone_top {
    font-size: 16px;
}
.minicart-wrapper, .block.block-search {
    margin-top: 35px;
}
.minicart-wrapper {
    position: absolute;
    top: 10px;
    right: 70px;
    float: unset;
}



.signz_carousel_container {
    display: block;
    position: relative;
    /* height: 300px; */
}
.signz_carousel_image_list ul {
    list-style: none;
}        
.signz_carousel_image {
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: opacity 500ms ease-in-out;
}
.signz_carousel_image[data-active] {
    opacity: 1;
}
.signz_carousel_nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 1.1;
    border: 1px solid;
    border-radius: 50%;
    background-color: rgba(225, 200, 214, .5);
    color: white;
    font-size: 35px;
    cursor: pointer;
    z-index: 2;
}        
.signz_carousel_nav.direction_left {
    left: 10px;
}
.signz_carousel_nav.direction_right {
    right: 10px;
}





@media (max-width: 767px), print {
    .minicart-wrapper, .block.block-search {
        margin-top: 35px;
    }
    .block.block-search {
        margin-top: 5px;
    }
}
.signz_minicart_retail_price {
    font-size: 1.3rem;
    color: black;
    text-decoration: line-through;
}
.signz_cart_price {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--main-purple);
}
.signz_cart_retail_price {
    display: block;
    font-size: 14px;
    color: var(--main-purple);
    text-decoration: line-through;
}
.opc-block-summary .product-item .subtotal {
    display: inline-block;
}
.signz_checkout_cart_summary_retail_price {
    margin-left: 5px;
    font-size: 13px;
    text-decoration: line-through;
}

.cart.item .product-item-name {
    text-align: left;
}

.signz_mini_basket_text {
    display: none;
}


.opc-estimated-wrapper {
    margin: unset;
}
.product.data.items {
    margin-right: 5px;
}

.form.create.account.form-create-account .fieldset .field.street .label {
    align-self: start;
}
.form.create.account.form-create-account .fieldset .field .label, form.form-login .fieldset .field .label {
    width: 30%;
}
.form.create.account.form-create-account .fieldset .field .control, form.form-login .fieldset .field .control  {
    width: 95%;
}
.form.create.account.form-create-account .fieldset .field.additional .control {
    width: 100%;
}


.form.contact .fieldset .control {
    width: 100%;
}



.logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0px;
    width: 30%;
    max-width: 215px;
    z-index: 1;
    padding: 10px 0px 10px 0px;
}

/* -----------------------------------------------------------------------------------
-----------------------------------------------------------------------------------
----------------------------------------------------------------------------------- */
/*  */
/* WIDTH 768 */
/*  */


@media (min-width: 768px), print {
    .page-header {
        background: var(--header-background);
    }
    .page-header .panel.wrapper {
        background: var(--header-top-background);
        color: var(--main-purple);
        border-bottom: 0px;
    }
    .panel.header {
        padding: 5px 20px;
    }
    .header.panel > .header.links {
        text-transform: uppercase;
    }
    .header.panel > .header.links > li > a {
        color: var(--main-purple);
    }
    .header.panel > .header.links > li > a.number {
        color: var(--main-green);
    }
    .header.panel > .header.links > li > a:visited {
        color: var(--main-purple);
    }
    .header.panel > .header.links > li > a:hover {
        color: var(--main-green);
    }
    .header.panel > .header.links li:nth-child(3) > a {
        color: var(--main-purple);
    }    
    .header.panel > .header.links li:nth-child(3) > a:hover {
        color: var(--main-green);
    }    
    .customer-welcome .action.switch:after, .customer-welcome .action.switch {
        color: var(--main-purple);
    }
    .header.content {
        display: flex;
        align-items: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .logo {
        width: 25%;
        margin-top: -41px;
    }
    .checkout-index-index .page-layout-checkout .logo {
        margin-top: 0px;
    }
    .header_phone {
        display: none;
        position: relative;
        top: 0px;
        right: 0px;
        float: left;
        text-align: center;
        width: 50%;
        font-size: 32px;
        font-size: 25px;
        /* font-weight: 600; */
        /* padding-right: 50px; */
        margin-top: -15;
    }
    .header_phone .number {
        position: relative;
        color: var(--main-purple);
        text-decoration: none;
    }
    .header_phone .number::before {
        content: '\2706';
        margin-right: 10px;
        text-decoration: none;
    }
    .header_phone .number:hover {
        text-decoration: none;
    }
    
    .header_phone_top {
        display: flex;
    }

    .header_phone_top a.number {
        color: var(--main-green);
    }
    .header_phone_top .number::before {
        content: 'T:';
        margin-right: 10px;
        text-decoration: none;
    }
    .header_phone .ela {
        display: block;
        margin-top: -15px;
        margin-left: 10px;
        background: white;
        border-radius: 50%;    
    }

    .block.block-search {
        margin-right: 10px;
        z-index: 1;
    }


    .minicart-wrapper, .block.block-search {
        margin-top: 0px;
        width: 450px;
    }

    .minicart-wrapper {
        position: relative;
        top: 0px;
        right: 0px;
        width: 30%;
        max-width: 150px;
        margin-right: 0px;
        text-align: center;
        color: #333333;       
    }
    .minicart-items .product-item-name a {
        color: var(--main-purple);
    }
    .minicart-wrapper .action.showcart:before, .minicart-wrapper .action.showcart.active:before {
        content: unset;
    }
    .minicart-wrapper .action.showcart:after .minicart-wrapper .action.showcart.active:after {
        content: unset;
    }
    .minicart-wrapper .action.showcart.signz_mini {
        display: flex;
        background: var(--button-one-background);
        padding: 5px 5px;
        align-items: center;
        justify-content: space-around;
        width: 100%;
    }
    .signz_mini_basket_text {
        display: block;
        color: var(--button-one-text);;
        font-size: 16px;
        font-weight: 600;
    }
    .signz_mini_basket_text::before {
        content: '\e611';
        font-family: 'luma-icons';
        margin-right: 5px;
    }

    .signz_carousel_nav {
        width: 55px;
        height: 55px;
        font-size: 40px;
    }        
    
    .minicart-wrapper .action.showcart .counter.qty {
        position: absolute;
        top: -10px;
        left: -10px;
        background: var(--main-purple);
        color: #ffffff;
        border-radius: 100%;
        width: 30px;
        height: 30px;
        padding: 3px;
    }

    .form.contact .fieldset .control {
        width: 100%;
    }

    .form.create.account.form-create-account .fieldset .field .label {
        width: 30%;
    }
    .form.create.account.form-create-account .fieldset .field .control {
        width: 50%;
    }
    .form.create.account.form-create-account .fieldset .field.additional .control {
        width: 100%;
    }

    .cookie_options_popup {
        left: calc(100% / 2 - 30%); 
        width: 60%;
        padding: 30px;
    }
    .cookie_box_option h3 {
        font-size: 18px;
    }
    .cookie_box_message {
        font-size: 14px;
    }
    
    .content.banner {
        width: 80%;
    }
    .cookie_container {
        flex-direction: row;
    }
    .cookie_description {
        width: 60%;
        font-size: 16px;
    }
    .cookie_buttons {
        flex-direction: column;
        margin-top: 0px;
        width: 35%;
    }
    .cookie_buttons button {
        width: 60%
    }
    .message.global.cookie button.cookie_allow {
        font-size: 22px;
        padding: 20px 0px;
    }
    .message.global.cookie button.cookie_view_options {
        font-size: 20px;
        padding: 20px 0px;
    }

    
    form.form-shipping-address > .fieldset > .field:not(.choice) > .label{
        width: 30%;
    }
    form.form-shipping-address .field .control {
        width: 65%;
    }
    form.form-shipping-address .field .control .control {
        width: 100%;
    }
    .field.street.admin__control-fields.required legend {
        float: left;
        align-self: flex-start;
        padding-inline-start: 0px;
    }
}

.cart-summary .block .fieldset .field:not(.choice) > .label {
    box-sizing: content-box;
    float: none;
    width: 30%;
    text-align: left;
    padding: 0;
}
.cart-summary .block .fieldset .field:not(.choice) > .control {
    float: none;
    width: 70%;
}

@media print {
    .noprint {
       visibility: hidden;
       display: none;
       height: 0px;
    }
 }