@import url("../css/header.css");

@font-face {
    font-family: 'Maitree-Regular';
    src: url("../fonts/Maitree-Regular.ttf");
}
@font-face {
    font-family: 'Maitree-Bold';
    src: url("../fonts/Maitree-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: 'Bookman Old Style';
    src: url("../fonts/BookmanOldStyle.TTF");
    font-weight: bold;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url("../fonts/Montserrat-Light.ttf");
}

@font-face {
    font-family: 'Roboto';
    src: url("../fonts/Roboto-Regular.ttf");
    font-weight: 400;
}



/* width */
::-webkit-scrollbar {
    width: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background-color: #000;
    border-radius: 10px;
}

/* Track */
/*::-webkit-scrollbar-track {
    background-color: #272626;
}*/

/*Speaner start*/
@keyframes ldio-fszz27e23lv {
    0% { opacity: 1 }
    50% { opacity: .5 }
    100% { opacity: 1 }
}
.ldio-fszz27e23lv div {
    position: absolute;
    width: 22px;
    height: 80px;
    top: 60px;
    animation: ldio-fszz27e23lv 0.9433962264150942s cubic-bezier(0.5,0,0.5,1) infinite;
}
.ldio-fszz27e23lv div:nth-child(1) {
    transform: translate(29px,0);
    background: #f4e4c4;
    animation-delay: -0.5660377358490566s;
}
.ldio-fszz27e23lv div:nth-child(2) {
    transform: translate(69px,0);
    background: #ebdaa2;
    animation-delay: -0.37735849056603776s;
}
.ldio-fszz27e23lv div:nth-child(3) {
    transform: translate(109px,0);
    background: #e4c484;
    animation-delay: -0.18867924528301888s;
}

.ldio-fszz27e23lv div:nth-child(4) {
    transform: translate(149px,0);
    background: #d3ab58;
    animation-delay: -0.9433962264150942s;
}

.loadingio-spinner-bars-wylia77wzgm {
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    overflow: hidden;
    background: none;
}

.search-result {
    padding: 10px;
    position: absolute;
    width: 160%;
    top: 100%;
    z-index: 40;
    max-height: 70vh;
    min-height: 200px;
    overflow-y: scroll;
    color: #fff;
    background-color: #434040;
    border-radius: 5px;
    left: -30%;
}

.search-block.search-block_searchPage {
    display: none;
    max-width: 80%;
}

.noselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}


.ldio-fszz27e23lv {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0;
}
.front-banner__img {
    height: 500px;
}

/* #front-banner {
    max-width: 1350px;
    margin: 0 auto;
} */

.cart-props {
    background-color: #383737;
    cursor: pointer;
    position: relative;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.cart-props .select-arrow {
    position: absolute !important;
    right: 10px !important;
    top: 17px !important;
    width: 30px !important;
    transition: .3s !important;
}
.select-arrow__open {
    transform: rotate(90deg);
}
.sub-p {
    color: white;
    text-align: justify;
    margin-bottom: 10px;
}
.sub-p a{
    color: rgba(41, 49, 255, 1)!important;
}
.sub-img {
    max-width: 400px;
    position: relative;
    z-index: 10;
}
.align-left {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}
.align-right {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.sub-t {
    /* color: #6c6d8b; */
    color: #45576c;
    font-weight: bold;
    font-size: 24px;
    margin: 20px 0 10px 0;
    text-align: center;
}
.sub-t2 {
    display: inline-block;
    font-weight: bold;
    /* color: #9fa3ac; */
    color: #237ACA;
    margin: 20px 0 0 0;
    font-size: 20px;
}
.sub-warn {
    /* color: #9fa3ac; */
    color: #237ACA;
    font-weight: bold;
}
.sub-list {
    padding-left: 40px;
    list-style: disc;
}
.sub-list li {
    color: #656e7a;
    margin-bottom: 10px;
}

.cart-props .property-title {
    margin-top: 0 !important;
    font-size: 16px !important;
}

@media (min-width: 768px) and (max-width: 1050px) {
    .container .searchPage {
        width: 95%;
    }
}

.registration-form {
    margin-top: 2rem;
}
.registration-form-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 1rem;
}
.no-border {
    border: none !important;
}
.register-contacts {
    padding-top: 2rem;
}
.registration-form-header__item {
    flex: 1;
}
.registration-form .title-1 {
    margin-bottom: 1rem;
}
.pagination ul {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    width: 100%;
}

.pagination ul li {
    background-color: transparent;
    border-radius: 6px;
    padding: 9px 12px;
    cursor: pointer;
}

.closeFilter {
    color: #fffeff;
}

.pagination .active{
    border: 1px solid #237ACA;
    border-radius: 12px;
    color: #237ACA;
}

.page-link,
.ellipse,
.current,
.prev {
    text-decoration: none;
    cursor: pointer;
}

.pagination ul li .page-link:hover ,
.pagination ul li .prev:hover  {
    color: #237ACA;
}
.pagination input {
    display: inline-block;
    border: 1px solid white;
    background: none;
    padding: 5px;
    border-radius: 5px;
    color: white;
    text-align: center;
    width: 45px;
}
.pagination-sort {
    position: absolute;
    top: -50px;
    right: 0;
    display: flex;
    width: 200px;
    justify-content: flex-end;
    background-color: transparent;
    color: #C8AC98;
    border: 1px solid #C8AC98;
    border-radius: 15px;
    padding: 2px 12px;
    cursor: pointer;
}

.pagination-sort option{
    background-color: #272626;
    color: #C8AC98;
}

.pagination-sort:hover{
    color: #fff;
    border: 1px solid #fff;
}

.footer .container{
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
}

.page-control {
    margin: 0 10px;
    color: white;
    transition: .3s;
    background: none;
    border: 1px solid white;
    border-radius: 5px;
    padding: 5px 10px;
}
.page-control:hover {
    background-color: #98b4c8;
}
.max-pages {
    color: white;
    font-size: 20px;
    margin-left: 5px;
}
.product-card__vat {
    color: white;
    font-size: 15px;
}


.subtext {
    font-size: 14px;
    text-align: left;
}

.prop-counter {
    width: 30px;
    height: 30px;
    border: none;
    background:none;
    color: white;
    text-align: center;
}
.property-title {
    color: white !important;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    font-weight: bold !important;
    text-align: left !important;
}

.prop-price,
.option__button-cost,
.property-body-paragraph,
.option__button__cover-text {
    font-size: 18px;
}

.prop-ean {
    font-size: 12px;
    position: absolute;
    bottom: 15px;
    left: 33%;
}

.disable-ean {
    display: none;
}

.prop-footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    color: white;
}


.counter-corn p {
    color: black;
}
.property-body {
    padding: 5px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.property-body .prop-ean {
    color: darkgray;

}

.prop-footer {
    display: flex;
    width: 150px;
}

.property-body p {
    color: #FAEBD7;
}

.prop-count-wrapper {
    width: 150px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 120%;
    background-color: #3e3b3b;
    display: flex;
    padding: 5px;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.cart-props-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.prop-btn {
    background: none;
    border: none;
    font-size: 25px;
    color: white;
}

.prop-count-wrapper input {
    width: 60px;
    display: inline-block;
    padding: 5px;
    background: none;
    border: 1px solid white;
    color: white;
    text-align: center;
    margin-bottom: 5px;
}
.prop-count-wrapper button {
    border: 1px solid white;
    background: none;
    padding: 5px;
    width: 100%;
    color: white;
}

.property-body img {
    width: 100px;
}
.option-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: flex-start;
    text-align: center;
    width: 100%;
}

.option-wrapper input[type="radio"], .option-wrapper input[type="checkbox"] {
    opacity: 0;
}

.crt-item .option-wrapper label {
    pointer-events: none !important;
    width: calc(25% - 20px);
    color: white;
}
.crt-item {
    position: relative;
}
.option-wrapper label:not(.label-helper) {
    cursor: pointer;
    position: relative;
    box-sizing: border-box;

    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 130px;
    padding: 0.5rem;
    margin: 0.5rem;
    color: #FAEBD7;
    background-color: #1B1B1B;
}

.option__button__img-icon {
    width: 97.69px;
    height: 97.69px;
    align-items: center;
}

.options__select__item label:not(:first-child){
    margin-top: -38px;
}

.product-tabs{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 25px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.tabs-nav {
    display: flex;
    justify-content: center;
}

.tabs-btn{
    padding: 2%;
    text-decoration: none;
    text-align: center;
    border: 1px solid transparent;
    cursor: pointer;
    background: none;
    font-weight: 700;
    font-size: 25px;
    color: #2C2C2C;
    display: inline-block;
    box-shadow: inset 0 -2px 0 0 #F5F5F5;
    padding-bottom: 8px;
}

.tabs-btn_active{
    /*box-shadow: inset 0 -2px 0 0 #426AA4;*/
    transition: 0.4s;
    color: #45576c;
}

.tabs-item{
    margin-top: 25px;
}

.product_shopadmin_item, .category_shopadmin_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
    max-width: 1000px;
}

.admin_product_functional_block {
    padding: 0 7px;
    width: 120px;
}

.admin_product_title {
    width: calc(100% - 30px);
}

.modal_update_block_order {
    position: fixed;
    top: calc(50vh - 235px);
    left: calc(50% - 230px);
    width: 460px;
    height: 470px;
    padding: 15px;
    background: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.52);
    border-radius: 12px;
    overflow-y: scroll;
    flex-direction: column;
}

.add_product_block {
    display: flex;
    justify-content: end;
    max-width: 1000px;
    margin: 0 auto;
    /* max-width: 274px !important; */
}

.add_product_admin_button {
    display: inline-block;
    font-size: 45px;
    padding: 0 15px;
    color: #237ACA;
    line-height: 40px;
    cursor: pointer;
    transition: .3s;
}

.add_product_admin_button:hover {
    transform: scale(1.15);
}

.modal_update_block {
    position: fixed;
    top: 120px;
    left: calc(50% - 550px);
    width: 1100px;
    height: auto;
    max-height: calc(100vh - 220px);
    padding: 15px;
    background: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.52);
    border-radius: 12px;
    overflow-y: scroll;
    z-index: 2;
    flex-direction: column;
}
.customers_tab_wrapper .modal_update_block{
    position: fixed;
    /*top: 180px;*/
    /* left: calc(50% - 550px); */
    /* width: 1100px; */
    transform: translateX(-50%);
    left: 50%;
    width: 90%;
    height: auto;
    max-height: calc(100vh - 180px);
    padding: 15px;
    background: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.52);
    border-radius: 12px;
    overflow-y: scroll;
    flex-direction: column;
}

.modal_update_block.removed_shadow {
    box-shadow: none;
}

.success_form_shopadmin {
    position: fixed;
    background: limegreen;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    font-weight: bold;
    left: calc(50% - 50px);
    transition: .3s;
    padding: 15px;
    width: 100px;
    color: white;
    z-index: 100;
}

.success_form_shopadmin_show {
    top: 140px;
}

.success_form_shopadmin_hide {
    top: 60px;
}

.tab_page_title {
    text-align: center;
    margin: 15px;
    font-weight: bold;
    font-size: 23px;
    color: #237ACA!important;
    display: none;
}

.categories_admin_show_more {
    width: 120px;
    display: block;
    margin: 10px auto;
    color: gray;
    cursor: pointer;
    transition: .1s;
}

.categories_admin_show_more:hover {
    color: #237ACA;
}

.modal_update_form {
    display: flex;
    flex-direction: column;
}

/* .modal_update_form div {
    margin: 5px 0;
} */

.admin_product_update {
    color: white;
    cursor: pointer;
    text-align: center;
    padding: 3px 5px;
    border-radius: 12px;
    background: #237ACA;
    transition: .1s;
}

.admin_product_update:hover {
    background: #45576c;
}

.product_admin_product_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
}

.order_product_item {
    margin: 20px auto;
    width: 100%;
    padding: 10px 20px;
    border-radius: 12px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, .5);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.order_product_property {
    margin: 15px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.order_product_property .order_address_info {
    display: flex;
    align-items: center;
}

.order_product_property .order_address_info .edit_btn {
    margin: 0 10px;
}

.order_product_property_title {
    margin-right: 10px;
}

.product_admin_close_form {
    position: sticky;
    top: 0;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    cursor: pointer;
}

.product_admin_close_form img {
    width: 30px;
    background: #ffffff;
}

.product_admin_form button {
    background: #237ACA;
    border-radius: 12px;
    width: 300px;
    height: 42px;
    color: white;
    padding: 11px;
    text-align: center;
    border: none;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.3px;
    margin: 12px auto 0;
}

.product_admin_form .address-submit {
    background: #237ACA;
    border-radius: 12px;
    width: 300px;
    height: 42px;
    color: white;
    padding: 11px;
    text-align: center;
    border: none;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.3px;
    margin-top: 12px;
    align-self: center;
}

.product_admin_form button:hover {
    background-color: #45576c;
}

@media (max-width: 400px) {
    .product_admin_form button {
        width: 240px;
    }
}

.product_admin_form .inputs-box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.product_admin_form .inputs-box-address {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 15px;
}

.inputs-box-address.input-box-style-address{
    justify-content: center;
}
.inputs-box.inputs-box-customer{
    justify-content: center;
}
.product_admin_form .checkbox-box.checkbox-box-customer{
    margin-right: 0;
}
.product_admin_form .input-short {
    width: 200px;
}

.product_admin_form .select-short {
    height: 44px;
    border-radius: 12px;
    margin-top: 5px;
    border-color: #8f8f8f;
}

.product_admin_form .checkbox {
    width: 18px;
    height: 18px;
    margin-top: 5px;
}

.product_admin_form .checkbox-box {
    display: flex;
    gap: 10px;
    height: 24px;
    margin-right: 30px;
}

.product_admin_form .input-title {
    font-weight: 600;
    font-size: 16px;
}

.product_admin_form input {
    margin: 5px 0 12px;
    width: 100%;
    height: 44px;
    padding: 10px 20px;
    font-size: 16px;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #8F8F8F;
    box-sizing: border-box;
    border-radius: 12px;
}

.product_admin_form textarea {
    margin: 5px 0 12px;
    width: 100%;
    max-width: 1100px;
    height: 120px;
    padding: 10px 20px;
    font-size: 16px;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #8F8F8F;
    box-sizing: border-box;
    border-radius: 12px;
}

.product_admin_form .input-address {
    width: 200px;
}

@media (min-width: 600px) {
    .product_admin_form textarea {
        height: 100px;
    }
}

@media (min-width: 650px) {
    .product_admin_form .input-address {
        width: 300px;
    }
}

@media (min-width: 800px) {
    .product_admin_form textarea {
        height: 80px;
    }
}

@media (min-width: 950px) {
    .product_admin_form .input-address {
        width: 400px;
    }
}

/*.category_shopadmin_item {
    margin: 15px 0;
    padding: 7px;
    border-radius: 12px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .52);
}*/

.customer_shopadmin_item, .address_shopadmin_item {
    margin: 15px 0;
    padding: 7px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
    border-radius: 8px;
}

.order_shopadmin_item {
    margin: 15px 0;
    padding: 7px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
    border-radius: 8px;
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 2fr;
}

.order_shopadmin_item > div {
    text-align: center;
    line-height: 68px;
}
.order_checkbox_container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.orders_tab, .customers_tab, .address_tab {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-spacing: 15px;
    border-collapse: separate;
}

.orders_tab_header {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 2fr;
    margin: 40px auto 20px;
    padding: 7px;
    width: 100%;
    max-width: 1100px;
}
.orders_tab_header > div {
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    /* line-height: 68px; */
}


.orders_tab th, .customers_tab th, .address_tab th {
    font-weight: 600;
    font-size: 18px;
}

.orders_tab td, .customers_tab td, .address_tab td {
    font-size: 19px;
}

@media (max-width: 500px) {
    .product-tabs {
        padding: 0 10px;
    }
    .orders_tab td, .customers_tab td, .address_tab td {
        font-size: 15px;
    }
}

.orders_shopadmin_approve_button {
    display: inline-block;
    padding: 10px;
    /* margin: 30px 15px; */
    border-radius: 12px;
    background: #237ACA;
    color: white;
    font-weight: 700;
    /* float: right; */
    cursor: pointer;
    transition: .1s;
}

.orders_shopadmin_approve_button_box {
    /* max-width: 1100px; */
    margin: 0 auto;
}

.orders_shopadmin_approve_button:hover {
    background: #6683a2;
}

@media (max-width: 700px) {
    .orders_tab_header > div {
        font-size: 15px;
    }
}

@media (max-width: 400px) {
    .orders_tab_header > div {
        font-size: 13px;
    }

}

.orders_tab th, .orders_tab td, .customers_tab th, .customers_tab td {
    width: 24%;
    height: 68px;
    text-align: center;
    line-height: 68px;
}

.address_tab th, .address_tab td {
    width: 16%;
    height: 68px;
    text-align: center;
    line-height: 68px;
}

.address_tab th:nth-child(3), .address_tab td:nth-child(3) {
    width: 6%;
}

.address_tab th:nth-child(-n + 2), .address_tab td:nth-child(-n + 2) {
    width: 21%;
}

.order_shopadmin_status_img {
    height: 19px;
    transform: translateY(-3px);
}

.categories_admin_pagination_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.products_admin_pagination_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.categories_admin_pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 200px;
}

.products_admin_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.categories_admin_pagination_present {
    width: 35px;
    height: 40px;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #237ACA;
    border-radius: 12px;
}

.categories_admin_pagination_prev, .categories_admin_pagination_next {
    cursor: pointer;
    font-size: 21px;
    font-weight: 400;
    transition: all .3s;
}

.categories_admin_pagination_prev:hover, .categories_admin_pagination_next:hover {
    color: #237ACA;
}

.products_admin_pagination_ul {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    width: fit-content;
}

.products_admin_pagination_ul li {
    font-size: 20px;
    border-radius: 6px;
    padding: 9px 12px;
    cursor: pointer;
    transition: all .3s;
}

@media (max-width: 750px) {
    .products_admin_pagination_ul li {
        font-size: 16px;
        padding: 9px 6px;
    }
}

@media (max-width: 500px) {
    .products_admin_pagination_ul li {
        font-size: 14px;
        padding: 6px 4px;
    }
}

.products_admin_pagination_ul li:hover {
    color: #237ACA;
}

.pagination_activ {
    border: 1px solid #237ACA;
    border-radius: 12px;
    color: #237ACA;
}

.pagination_activ-Cat {
    border: 1px solid #237ACA;
    border-radius: 12px;
    color: #237ACA;
}

.pagination_hiden {
    display: none;
}

#dotes-2, #dotes-1 {
    pointer-events: none;
}

.order_approve_box {
    width: 15px;
    height: 15px;
    border: 2px solid dimgrey;
    background: white;
    transition: .1s;
    cursor: pointer;
    position: relative;
}

.checked_order_symbol {
    position: absolute;
    top: -29.1px;
    left: -1.3px;
    transform: scale(0.6);
}

.checked_order_symbol:after {
    content: '\2713';
    color: white;
    font-weight: 600;
}

.order_approve_box.unchecked_order:hover {
    background: lightgrey!important;
}

.options__countable {
    display: flex;
    position: absolute;
    padding: 3px;
    right: -2px;
    top: -2px;
    width: 80px;
    border: 1px solid #FAEBD7;
    border-radius: 5px;
    /* background-color: rgb(238, 163, 113); */
    color: #FFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* transform: rotate(45deg); */
    transition: all .3s ease;
    height: 26px;
}

.options__quantity {
    /* padding: 1px 10px; */
    margin: 0 8px;
    /* border: 1px solid rgb(238, 163, 113);
    border-radius: 5px; */
}

.option-wrapper label:hover:not(.visible__false) {
    /* border: 1px solid #98b4c8; */
    background-color: #2e2929;

}

.rate .wp-item-info .wp-item-text, .rate .wp-item-info .wp-item-body {
    color: white !important;
}

.rate .wp-item-info .wp-item-username {
    color: #98B4C8 !important;
    font-weight: bold !important;
}

.product-card__img-wrapper {
    /*width: 400px;
    height: 306px;*/
    width: 289px;
    height: 230px;
    overflow: hidden;
    margin-bottom: 24px;
    object-fit: contain;
}

.contact-img {
    width: 100%;
}
.top-products_wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.poduct-slider_wrapper {
    width: 100%;
    display: flex;
    gap: 10px;
}
.product-subtitle {
    font-size: 32px;
    text-align: center;
    padding: 40px 0;
    font-weight: bold;
}
.product-subtext {
    font-weight: normal;
    font-size: 14px;
    color: black;
    margin-bottom: 10px;
}
.detail-title {
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid black;
    padding-bottom: 5px;
    margin-bottom: 15px;
}


.ldio-fszz27e23lv div { box-sizing: content-box; }
/*speaner end*/



header{
    position: sticky;
    top: 0;
    background-color: #272626;
    z-index: 100;
}



.news_item {
    width: 33%;
    position: relative;
}
.newsImg {
    width: 100%;
    height: 100%;
}

.checkout-nav {
    display: flex;
    gap: 10px;
    border-bottom: 2px solid white;
    margin: 30px 0;
    justify-content: center;
}

.checkout-nav__item {
    padding: 10px 15px;
    border: 2px solid #237ACA;
    color: #000000;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    text-decoration: underline;
    font-weight: 600;
    font-size: 16px;
}

.checkout-nav__item:hover {
    background-color: #45576c;
    text-decoration: none;
    border: 2px solid #45576c;
}
.checkout-login {
    max-width: 550px;
    display: block;
    padding-top: 30px;
    margin: 0 auto;
}
.forgot-pass {
    display: block;
    cursor: pointer;
    text-align: right;
    color: #000000;
    text-decoration: underline;
}
.checkout-controls {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
}

.checkout-controls-2 {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    position: sticky;
    bottom: 0;
}

.checkout-controls-3 {
    display: flex;
    flex-direction: row-reverse;
    position: sticky;
    bottom: 0;
    margin-right: 80px;
}

.active-nav {
    background-color: #237ACA;
    color: #ffffff;
}

.about_wrapper{
    max-width: 1920px;
    margin: auto;
}

.checkout-head {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 30px 0;
    width: 100%;
}
.checkout-step {
    width: 50px;
    border: 2px solid #237ACA;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    border-radius: 50%;

}
.active-step {
    background-color: #237ACA;
}
.checkout-head__steps  .account-title {
    margin-bottom: 0;
}
.checkout-head__steps {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    cursor: default;
}
.checkout-head__steps_clickable:hover .account-title {
    text-decoration: underline;
}
.checkout-head__steps_clickable {
    cursor: pointer;

}
.checkout-head__steps_clickable
.checkout-head__line {
    border-top: 2px solid white;
    width: 50px;
}


.about_wrapper h5{
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 40px;
}
.about_wrapper h5 a{
    text-align: center;
    font-size: 30px;
    color:#AA967B;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
}

.about-app__btns{
    margin-top: 50px;
}

.about_wrapper-text{
    width: 60%;
    margin: auto;
    line-height: 35px;
    font-size: 20px;
    font-family: Roboto,sans-serif;
    font-style: normal;
}

.about_wrapper-span,
.about_wrapper--shop_now
{
    width: 60%;
    margin:  20px auto 0;
}

.about_wrapper-span span{
    display: inline-block;
    background-color: #AA967B;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    padding: 0 5px;
}

.about_main_cat{
    width: 60%;
    margin: 20px auto;
    display: flex;
    justify-content: flex-start;
}

.about_main_cat p{
    margin-right: 10px;
}

.about_main_cat p a{
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 19px;
    padding: 7px 15px;
}

.about_main_cat p a:hover{
    background-color:  #AA967B;
}


.about_wrapper--app_info{
    display: flex;
    justify-content: flex-start;
    width: 60%;
    margin: 100px auto;
}

.about_wrapper--app_info--first-div{
    width: 60%;
    margin-right: 50px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 20px;
}

.about_wrapper--app_info--first-div a{

    color: #AA967B;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
}


.about_wrapper h5 a:hover,
.about_wrapper--app_info--first-div a:hover,
.about_wrapper--best_price p a:hover{
    color: #fff;
}


.app_img,
.google_img{
    width: 180px;
}
.about_wrapper--shop_now{
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 20px;
    text-align: center;
}

.about_wrapper--shop_now-first_p{
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 3px;
}

.about_wrapper--best_price{
    display: flex;
    justify-content: space-evenly;
    margin: 30px 0 30px;
}
.about_wrapper--best_price p a {
    color: #AA967B;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 21px;
    font-weight: bold;
}

.about_wrapper--best_price p a:first-child {
    margin-right: 20px;
}

.about_wrapper--buy-with{
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 20px;
    font-weight: bold;
    margin: 70px auto 0;
    width: 60%;

}

.acc-head {
    margin: 15px auto;
    cursor: pointer;
    padding: 20px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(102, 102, 102, 0.5);
    width: 60%;
    transition: all .3s ease;
    position:relative;
}

.acc-head h6{
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 21px;
    font-weight: bold;
    width: 90%;
}

.acc-head:after{
    content:"+";
    display: inline-block;
    position: absolute;
    right: 10px;
    top:50%;
    transform: translate(-50%, -35%);
    font-size: 25px;
    display: none;
}

.acc-head.open:after{
    content:"-";
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 29px;
    display: none;
}

.acc-head:hover{
    transition: all .3s ease;
    transform: scale(1.03 ,1.03);
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
}

.pd-attr #pr_number {
    color: black!important;
}

.acc-body {
    width: 60%;
    margin: auto;
    padding: 10px;
    display: none;
}
.acc-body p{
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 19px;
}

.acc-body a{
    color: #AA967B;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 21px;
    font-weight: bold;
}

.acc-body a:hover{
    color: #fff;
}

#accordeon a{
    font-weight: 600;
}

#accordeon a:hover{
    text-decoration: underline;
}



.contentStyle p.about_wrapper--last_p{
    color: #AA967B;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    width: 60%;
    margin: 70px auto 50px;
}


.how_to_sale,
.how_to_buy,
.help_wrapper,
.do_not_acc{
    max-width: 1200px;
    width: 90%;
    margin: 0 auto 50px;
}

.do_not_acc h5 {
    color: black!important;
}

.how_to_buy h5 {
    color: black!important;
}


.how_to_sale h5,
.how_to_buy h5,
.help_wrapper h5,
.do_not_acc h5{
    text-align: center;
    font-size: 30px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    margin-bottom: 40px;
}


.how_to_buy #accordeon{
    margin: 40px 0;
}

.how_to_buy-h6-1{
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    margin-top: 40px;
}
.how_to_buy-h6-2{
    margin: 40px auto 40px;
    text-align: center;
    font-size: 26px;
    color: #fff;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
}

.how_to_sale p,
.how_to_buy p,
.help_wrapper p,
.do_not_acc p{
    width: 90%;
    margin: 20px auto 0;
    line-height: 33px;
    font-size: 20px;
    font-family: Roboto, sans-serif;
    font-style: normal;

}
.how_to_sale ul,
.how_to_buy ul,
.help_wrapper ul,
.do_not_acc ul{
    list-style: disc;
    margin-left: 85px;
    color: #AA967B;
}

.how_to_sale ul li p,
.how_to_buy ul li p,
.help_wrapper ul li p,
.do_not_acc ul li p{
    width: 95%;
    margin: 10px auto 0;
}

.text-center{
    text-align: center;
}
.bold{
    font-weight:bold;
    font-size: 22px;
    color: #777b85;
}

.bold-p{
    color: #fff;
    font-size:22px;
    font-weight: bold;
}

.bold_bgrnd{
    background-color:#AA967B ;
    padding: 0 5px;
}

a.bold:hover{
    color: #000000;
}
.underline{
    text-decoration: underline;
}

.red_font{
    color: red;
}


.order_table_title {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    padding: 0 20px;
    align-items: center;
}

.orders__item {
    text-align: center;
}

.order_table_title_item {
    text-align: center;
}

.orders_item_wrapper{
    margin: 15px auto;
    padding: 25px 20px;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(102, 102, 102, 0.5);
    transition: all .3s ease;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 15px;
    align-items: baseline;
}

.orders_item_wrapper_hide{
    display: none;
}

.orders__item_pending {
    background: #237ACA;
    color: white;
}

.order_track_link {
    text-decoration: none;
    color: royalblue;
}

.order_track_link:hover {
    text-decoration: underline;
}

.orders__item_ready {
    background: lightgrey;
}

.track_item_text, .track_item_text_num {
    margin: 0 10px 0 0;
    padding: 0!important;
}

.orders_item_id {
    cursor: pointer;
}

.orders__item_id {
    color: royalblue;
}

.orders__item_id:hover {
    text-decoration: underline;
}

.orders__item p span {
    font-weight: normal;
    font-size: 18px;
    padding: 5px 20px;
    border-radius: 12px;
}

.orders_item_wrapper:hover{
    transition: all .3s ease;
    transform: scale(1.03 ,1.03);
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
}

.orders_item_wrapper p{
    line-height: 33px;
    font-size: 18px;
    /*color: #fff;*/
    font-family: Montserrat,sans-serif;
    font-style: normal;
}
.orders_item_wrapper span{
    font-weight: bold;
    font-size: 21px;
}

.orders_item_more-info{
    border: 1px solid #237ACA;
    border-radius: 20px;
    padding: 7px 15px;
    cursor: pointer;

    display: flex;
    align-items: center;
    text-align: center;
}
.orders_item_more-info p{
    margin: unset;
    line-height: unset;
}

.orders_item_more-info:hover{
    background-color: #237ACA;
    color: #fff;
}



#myModal {
    max-width: 1750px;
    width: 95%;
    height: 90vh;
    margin: 0 auto;
    padding: 18px 9px;
    border-radius: 4px;
    background-color: #EFEFEF;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
    opacity: 0;
    z-index: 100;
    text-align: center;
    overflow-y: scroll;
}

#myModal h5{
    color: #237ACA;
    font-family: DM Sans, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
}
#myModal #myModal__close {
    width: 21px; height: 21px;
    position: absolute;
    top: 1px; right: 11px;
    cursor: pointer;
    display: block;
    font-size: 29px;
    color: #000;
}

#myOverlay {
    z-index: 30;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor :pointer;
    display :none;
}


.wishList_wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* position: relative;*/
    width: 100%;
    margin-top: 30px;
}
.empty_wishList:after{
    content: "Jouw wens lijst is leeg";
    display: block;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.not_regist{
    display: block;
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 30px;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.not_regist a{
    text-decoration: none;
}

.wishList_item{
    max-width: 300px;
    width: 100%;
    margin: 30px 30px;
}

.wishItem_img{
    max-width: 300px;
    height: 300px;
}


.wishItem_img img{
    width: 100%;
    height: 100%;
    display: block;
}


.wishList_wrapper p{
    color: #fff;
    font-family: DM Sans, sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    margin-top: 15px;
}


.bin{
    background-image: url("/media/bin_delet.png");
    width: 25px;
    height: 25px;
    margin: auto;
    cursor: pointer;
    display: inline-block;
}

.wishList-count{
    position: relative;
    margin-right: 20px;
    cursor: pointer;
}

.wishList_header-count {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 14px;
    top: -15px;
    right: -11px;
    background-color: white;
    border-radius: 60%;
    width: 23px;
    height: 23px;
}

.wishItem_add{
    display: flex;
    width: 100%;
    background-color: #98B4C8;
    margin-top: 30px;
}

.wishItem_addBtn{
    cursor: pointer;
    position: relative;
    text-decoration: none;
    outline: none;
    display: inline-block;
    padding: 10px 20px;
    font-size: 19px;
    width: 70%;
    border: none;
    color: white;
    transition: .5s;
}

.wishItem_addBtn:after {
    content: "";
    width: 1px;
    height: 28px;
    background-color: rgba(255, 255, 255, 0.5);
    position: absolute;
    right: 0;
}

/* -------- NEW MENU ------- */

.myModalMenu {
    max-width: 550px;
    width: 100%;
    height: 70vh;
    margin: auto;
    padding: 18px 9px;
    border-radius: 4px;
    background-color: #272626;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    z-index: 31;
    text-align: center;
    overflow-y: scroll;
    color: #fff;
}

.myModalMenu.fullSize{
    width: 900px;
    transition: 1.5s;
}

.myModalMenu h5{
    color: #fff;
    font-family: DM Sans, sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
}
.myModalMenu .myModalMenu__close {
    width: 21px; height: 21px;
    position: absolute;
    top: 1px; right: 11px;
    cursor: pointer;
    display: block;
    font-size: 29px;
    color: #fff;
}

.myOverlayMenu {
    z-index: 30;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor :pointer;
    display :none;
}
.newMenu_wrapper{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    height: 70%;
}

.menuItems-lvl1,
.menuItems-lvl2{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}


.menuItems-lvl2-none{
    display: none;
}

.activeMenuItem{
    color: #AD9677;
}

.menuItem_withoutSubCat{
    margin: 20px 0 0;
}
.menuItem_withoutSubCat a{
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    min-width: 200px;
    color: #fff;
}

.menuItem,
.menuItemlvl2{
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    min-width: 200px;
    margin: 20px 0 0;
}
.menuItem a,
.menuItemlvl2 a{
    color: #fff;
    display: block;
}
.menuItem:hover,
.menuItemlvl2:hover,
.menuItem_withoutSubCat:hover{
    transition: all .3s ease;
    transform: scale(1.1 ,1.1);
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
}


.scrollup {
    position: fixed;
    color: #fff;
    background-color: #000;
    left: 17%;
    bottom: 4%;
    padding: 4px 11px 6px;
    font-size: 22px;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    text-align: center;
    z-index: 100;
    transition: all .4s ease;
}
.scrollup:hover {
    background-color: rgba(0, 0, 0, 0.82);

}

.bil_and_ship-info{
    display: flex;
    justify-content: space-evenly;
    margin: 30px 10px 30px;
}

.bil_and_ship-info h6,
.order_product_list-wrapper h6{
    font-size: 22px;
    /*color: #fff;*/
    font-family: Montserrat,sans-serif;
    font-style: normal;
    margin: 0 0 20px;
    font-weight: bold;
}
.bil_and_ship-info h6{
    text-align: left;
}
.order_product_list-wrapper h6{
    text-align: center;
}

.bil_and_ship-info p{
    line-height: 30px;
    font-size: 18px;
    /*color: #fff;*/
    font-family: Montserrat,sans-serif;
    font-style: normal;
    text-align: left;
}


.order_product_list-item p{
    line-height: 30px;
    font-size: 18px;
    color: #000;
    font-family: Montserrat,sans-serif;
    font-style: normal;
    text-align: center;
}

.wishItem_name{
    height: 75px;
}

.order_product_list-item{
    width: 90%;
    margin: 20px auto;

}

.order_product_list-item a{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    font-size: 18px;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-style: normal;
    text-decoration: none;
}

.order_product_list-item p{
    margin-top: 15px;

}
.order_product_list-item img{
    display: block;
    width: 200px;
    height: auto;

}

.order_product_list{
    display: flex;
    flex-direction: column;
}

.product_list-item-prod-title{
    width: 100%;
    max-width: 500px;
}

.product_list-item-prod-quantity{
    width: 100%;
    max-width: 100px;
}

.product_list-item-prod-price{
    width: 100%;
    max-width: 300px;
}



.order_product_list-item:hover{
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
    border-radius: 6px;
}

.help_wrapper p.italic{
    font-style: italic;
}

.help_wrapper a,
.terms_wrapper a{
    color:#AA967B;
}

.help_wrapper a:hover,
.terms_wrapper a:hover{
    color:#fff;
}

.help_wrapper .acc-head,
.help_wrapper .acc-body,
.how_to_buy .acc-head,
.how_to_buy .acc-body{
    width: 90%;
}


.help_info{
    display: flex;
    justify-content: space-between;
    margin: 0 0 50px;
}
.help_info div{
    max-width: 470px;
    width: 100%;
    text-align: center;
    margin: 5px 0 5px;
}

.help_info div p span{
    font-weight: bold;
    font-size: 21px;
}

.middle-title {
    font-size: 18px;
    margin-top: 15px;
}
.testmode_wrapper{
    display: none;
    width:100vw;
    height: 100vh;
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    background: url("/media/lv_home.png") no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 100;
}
/*.contentStyle {
    color: white;
} */

.contact-page_address .contentStyle p:nth-child(9) {
    margin-top: 0.5rem;
}

/* .contact-page_address .contentStyle p:last-of-type {
    font-weight: bold;
    margin-top: 0.5rem;
} */

.contact-page_address .contentStyle a {
    text-decoration: underline;
    transition: all .2s ease;
}

.contact-page_address .contentStyle a:hover {
    color: #237ACA;
}

.testmode_wrapper__text{
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%);
    color: white;
    -webkit-text-stroke: .05em rgba(0,0,0,0.7);
    font-size: 69px;
    text-align: center;
    font-weight: bold;
    background: #C8AC98;
    box-shadow: 0 9px 6px rgba(102, 102, 102, 0.5);
    border-radius: 7px;
}

.fail-alert {
    color: #f53030;
    font-size: 24px;
}
.alert-wrapper {
    padding: 15px;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 120;
    animation: alert 1.5s forwards ease-out;
}
.close-alert {
    animation: close-alert 1.5s forwards;
}
.alert-text {
    font-weight: bold;
}

@keyframes alert {
    0%{
        top: -100%;
        opacity: 0;
    }
    70% {
        opacity: 1;
    }

    100% {
        top: 0;
    }
}

@keyframes close-alert {
    0%{
        top: 0;
        opacity: 1;
    }
    20% {
        opacity: 0;
    }

    100% {
        top: -100%;
    }
}
.alert-success {
    background-color: #c0f1c1;
    color: darkgreen;
}
.alert-fail {
    background-color: #efa0a0;
    color: #c10606;
}

input:-webkit-autofill, select:-webkit-autofill,
input:-webkit-autofill:hover, select:-webkit-autofill:hover,
input:-webkit-autofill:focus, select:-webkit-autofill:focus,
input:-webkit-autofill:active, select:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px #fb9b2c1f inset !important;
    -webkit-text-fill-color: #000000 !important;
}

.product-card {
    /*width: 400px;*/
    width: 290px;
    transition: .5s;
    border: 0.5px solid #8F8F8F;
    border-radius: 12px;
    overflow: hidden;
}

/* .product-card:hover {
    -webkit-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.14);
    box-shadow: 0px 2px 10px 5px rgba(0,0,0,0.14);
} */

/*INFO MASSAGES*/

.myModalInfoMassage {
    width: 550px;
    height: 400px;
    padding: 18px 9px;
    border-radius: 4px;
    background-color: #272626;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    opacity: 0;
    z-index: 31;
    text-align: center;
    color: #fff;
    overflow: hidden;
}


.myModalInfoMassage h5{
    color: #fff;
    font-family: DM Sans, sans-serif;
    font-size: 27px;
    line-height: 40px;
    font-style: normal;
    font-weight: 400;
}
.myModalInfoMassage .myModalInfoMassage__close {
    width: 21px; height: 21px;
    position: absolute;
    top: 1px; right: 11px;
    cursor: pointer;
    display: block;
    font-size: 29px;
    color: #fff;
}

.myOverlayInfoMassage {
    z-index: 30;
    position: fixed;
    background-color: rgba(0,0,0,.7);
    width: 100%; height: 100%;
    top: 0; left: 0;
    cursor: default;
    display: none;
}

.InfoMassageWrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.InfoMassageWrapper img{
    margin: 30px auto 50px;
}

.register-form {
    display: flex;
    justify-content: space-around;
}


.product-card__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    padding: 0;
}


/* .product-card__img:hover {
    transform: translateY(-15px);
} */

.product-card__text {
    color: #cdbfbf;
}

.product-card__body {
    padding: 10px;
    height: 100px;
}
.product-card__body_category{
    height: auto;
    min-height: 93px;
}
.product-card__title {
    font-family: ArquitectaW00-Medium,Arial,sans-serif;
    margin-bottom: 24px;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    color: #2C2C2C;
}

.product-card__title_category{
    margin-bottom: 0;
}

.product-card__title:hover {
    text-decoration: underline;
}

.product-card__footer {
    display: flex;
    padding: 10px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.product-card__price_box {
    width: 100%;
    padding: 0 35px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.product-card__price {
    color: #237ACA;
    font-weight: bold;
    font-size: 23px;
}

.productpage_category_block_read_more {
    padding: 10px;
    background-color: #237ACA;
    border-radius: 12px;
    margin: 10px auto 20px;
    width: 80%;
    position: relative;
    transition: .2s;
}

.productpage_category_block_read_more:hover {
    background-color: #45576c;
}

.productpage_category_block_read_more span {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
}

.product-card__price_vat {
    color: #237ACA;
    font-size: 13px;
    font-family: ArquitectaW00-Medium, Arial, sans-serif;
    font-weight: 700;
    padding-bottom: 3px;
}

.product-card__buy {
    width: 210px;
    border: none;
    font-size: 17px;
    border-radius: 10px;
    outline: none;
    background-color: #2f81ec;
    color: white;
    padding: 10px 15px;
    transition: .3s;
}

.product-card__buy:hover {
    background-color: #2e65ac;
}



button.acc-links {
    background: none;
    border: none;
    outline: none;
}


.section-title h2 {
    font-weight: bold;
    font-size: 24px;
    color:white;
}

.section-title__button:hover {
    background-color: #98B4C8;
    color: white;
}
.complete-img__big {
    width: 200px;
    margin-bottom: 30px;
}

.flex-colum-center {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.search-btn {
    background: none;
    border: none;
    outline: none;
    margin-right: 20px;
}
.btn-primary:hover {
    background-color: #758c9d;
    transition: .3s;
}
.btn-primary {
    border: none;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    background-color: #98B4C8;
    padding: 10px 15px;
    color: white;
}
.clearflow{
    clear:both;
    height:0;
    width:0;
}

.order-inner {
    color: #98B4C8;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.order-title {
    font-size: 24px;
    font-weight: bold;
    color: #237ACA;
}
.acc-links img {
    width: 38px;
    height: 38px;
}
.acc-links {
    color: white;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 10px;
}

.checkout-body {
    display: flex;
    justify-content: space-between;
}
.paper {
    background-color: #fff;
    padding: 15px;
}
.checkout-info {
    flex: 3;
    align-self: flex-start;
    margin: 0 5px;
    position: relative;
}
.checkout-cart {
    flex:2;
    min-height: 300px;
    align-self: flex-start;
    margin: 0 5px;
    min-width: 475px;
}
@media (max-width: 768px) {
    .form-input__wrapper {
        display: flex;
        flex-direction: column;
    }
    .order_table_title {
        margin: 0 70px;
    }
    .order_table_title {
        display: none;
    }

    .orders_item_wrapper {
        display: none;
    }

    .orders_item_wrapper_hide {
        display: flex;
        flex-direction: column;
    }
}
.form-input__wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 5px;
}
.form-input__inner {
    flex: 1;
}
.form-input__wrapper option {
    background-color: #dddddd;
}
.prevcheckout-form .form-input__wrapper input {
    height: 40px;
    padding: 0 10px;
}
.form-input__wrapper input, .form-input__wrapper select, .form-input__wrapper textarea {
    height: 60px;
    border: 1px solid #8F8F8F;
    border-radius: 12px;
    padding: 10px;
    width: 100%;
    background: transparent;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #2c2c2c;
}
.form-input__wrapper input::placeholder {
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
    color: #8F8F8F;
}
.form-input__wrapper input:focus {
    border: 1px solid #2C2C2C
}
.form-input__wrapper input:hover, select:hover {
    border: 1px solid #2C2C2C
}

.link-btn {
    font-size: 19px;
    background: none;
    outline: none;
    color: #000000;
    text-decoration: underline;
    border: none;
    text-transform: none;
}

.basket-active {
    animation: basket .5s ease-in-out;
}
@keyframes basket {
    0% {
        transform: translate(10%,0) scale(1.5);
    }
    25% {
        transform: translate(-10%,0);
    }
    50% {
        transform: translate(10%,0);
    }
    75% {
        transform: translate(-10%,0);
    }
    100% {
        transform: translate(0, 0) scale(1);
    }
}

.basket-item_delete-icon {
    width: 25px;
    position: absolute;
    cursor: pointer;
    top: 70px;
    right: 5px;
}

.basket-info {
    /* padding-right: 6%!important; */
    /* background: #EFEFEF; */
    /* padding: 20px; */
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.basket-title {
    font-size: 22px;
    font-weight: bold;
}

.basket_input-wrapper input, .basket_input-wrapper select {
    border: none;
    padding: 10px;
    width: 100%;
    box-shadow: 1px 1px 4px black;
    border-radius: 5px;
    background-color: rgba(255,255,255, .2);
}

.submit_a_box {
    display: flex;
    justify-content: center;
}

.basket-submit {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 3px solid rgba(15,154,33);
    outline: none;
    font-weight: 300;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0.3px;
    color: white;
    box-shadow: none;
    text-decoration: none;
    align-self: flex-end;
    width: 150px;
    height: 60px;
    background: linear-gradient(0deg, rgba(15,154,33,1) 0%, rgba(15,154,33,1) 70%, rgb(180, 214, 184) 100%);
    border-radius: 12px;
    transition: all .3s;
}

.basket-submit:hover {
    transform: scale(1.05);
}

.basket-submit-sub {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px 15px;
    box-sizing: border-box;
    border: 3px solid rgb(161, 161, 161);
    outline: none;
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0.3px;
    color: white;
    box-shadow: none;
    text-decoration: none;
    align-self: flex-end;
    width: 150px;
    height: 60px;
    background: linear-gradient(0deg, rgb(157, 157, 157) 0%, rgb(157, 157, 157) 70%, rgb(218, 218, 218) 100%);
    border-radius: 12px;
    transition: all .3s;
    transform: translateY(10px);
    margin-right: 0;
}

.basket-submit-sub:hover {
    transform: translateY(10px) scale(1.05);
}

/* .basket-submit-2 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #64905D;
    border-radius: 12px;
    width: 240px;
    height: 60px;
    color: white;
    padding: 11px;
    text-align: center;
    border: none;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.3px;
} */

/* .basket-submit-2:hover {
    background: #4a6c45;
    cursor: pointer;
} */

.basket-submit-2 {
    padding: 12px 75px;
    border: none;
    outline: none;
    text-align: center;
    font-size: 24px;
    /* width: 300px; */
    height: 60px;
    color: white;
    /* background-color: #D73535; */
    background: #237ACA;

    box-shadow: 1px 1px 5px black;
    transition: .3s;
    text-decoration: none;
    margin: 25px 0;
}
.basket-submit-2:hover {
    color: white;
    /* background-color: #0A2E74; */
    background: #45576c;
}

.basket-submit-3 {
    padding: 12px 75px;
    border: none;
    outline: none;
    text-align: center;
    font-size: 24px;
    min-height: 60px;
    color: white;
    background: #b2b2b2;

    box-shadow: 1px 1px 5px black;
    transition: .3s;
    text-decoration: none;
    margin: 25px 0;
    transform: translateY(-30px);
}
.basket-submit-3:hover {
    color: white;
    background: #8d8d8d;
}

.basket_input-wrapper {
    margin-bottom: 15px;
    display: flex;
    color: white;
    justify-content: space-between;
}

.basket-form {
    width: 450px;
    display: block;
}
.basket-form option {
    background-color: rgb(82 81 81);
}

.total-title {
    text-align: left;
    font-weight: bold;
    font-size: 23px;
    color: #000000;
    /*margin-bottom: 10px;*/
}
.basket-total {
    /* padding-right: 30px;
    padding-left: 70%;
    padding-top: 20px;
    padding-bottom: 20px; */
    /*background: #c7ced7;*/
    /* background:#EFEFEF; */
    /* border-top: none;
    border-bottom: none; */
    border-bottom: 1px solid #e6e5e6;
    padding: 20px 0;
}
.basket-total-rezalt-all {
    background: rgba(35, 122, 202, 0.36);
}
.basket-total-rezalt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

@media screen and (max-width: 768px) {
    .link-btn {
        margin-bottom: 15px;
    }
    .basket-total {
        padding-left: 5%;
    }
}

.top-line {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background: darkgrey;
}

.basket-item-right-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 40px;
}

.basket-item_control {
    display: flex;
    margin: 10px auto;
    /* align-items: center;
    margin-right: 40px; */
    /* flex-direction: column; */
}
.basket-item_control button {
    outline: none;
    width: 40px;
    height: 40px;
    border: none;
    padding: 10px;
    box-shadow: 1px 1px 3px gray;
}
.basket-item_control input {
    display: inline;
    box-sizing: border-box;
    /*padding: 10px;*/
    width: 55px;
    text-align: center;
    height: 40px;
    margin:0 10px ;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type='number'] {
    -moz-appearance: textfield;
}
.basket-item-right {
    display: flex;
    align-items: center;
    width: 30%;
    justify-content: space-between;
}
.basket_input {
    flex-basis: 300px;
    margin-top: 50px;
}


.basket_input-wrapper input, .basket_input-wrapper select{
    color: white !important;
}

.basket-item {
    /* border-top: 1px solid #FDCF80; */
    border-bottom: 1px solid #8d99aa;
    margin-bottom: 45px;
    display: flex;
    padding: 20px;
    position: relative;
    justify-content: space-between;
    align-items: left;
}

.basket-item_left {
    display: flex;
    color: white;
    align-items: left;
}
.basket-item_product-img {
    margin-right: 15px;
    width: 200px;
    height: 160px;
    object-fit: contain;
}
.basket-item_title {
    font-weight: bold;
}
.basket-item_price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 115%;
}
.basket-item_price-box .smaller-bold {
    font-size: 16px;
}
.basket-item_price {
    font-size: 18px;
    color: white;
    font-weight: bold;
    width: 100%;
    text-align: center;
}


.co_head-info {
    padding: 15px;
}



.co_head-info span {
    font-size: 18px;
    font-weight: bold;
    margin-right: 15px;
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}



/* ====== START Buttons ====== */
.button-main {
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
    color: inherit;
    padding: 12px 33px;
    display: block;
    width: max-content;
    transition: all .3s ease;
    text-decoration: none;
    font-weight: 500;
    text-transform: uppercase;
}
html, body {
    min-height: 100vh;
}

body {
    font-family: Maitree, sans-serif;
    background-color: #fffeff;
}
.checkout-content .text {
    letter-spacing: 2px;
    line-height: 28px;
}
#direct-form {
    display: block;
    max-width: 600px;
    margin: 0 auto;
}

.button-main:hover {
    text-decoration: underline;
}


.button-main--black {
    border: 1px solid black;
    color: black;
    background-color: transparent;
}

.button-main--white {
    border: 1px solid white;
    background-color: transparent;
    color: white;
}
/* ======  END Buttons ====== */

.lh_hight {
    margin-top: 20px;
}

.header .container{
    padding: 0;
}

.input-error {
    color: red;
}

.red-border {
    border: 1px solid red !important;
}

.error-alert {
    display: block;
    padding: 15px;
    background-color: #f1b7b9;
    margin-top: 10px;
    width: 100%;
    color: red;
}

.success-alert {
    display: block;
    padding: 15px;
    background-color: #a1ff91;
    color: green;
    margin-top: 10px;
    width: 100%;
}

.lds-default {
    display: inline-block;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #237ACA;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}
.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}
.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}
.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}
.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}
.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}
.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}
.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}
.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}
.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}
.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}
.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}

.main_img img{
    max-height: 650px;
}
@keyframes lds-default {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

.popap-wrapper {
    width: 100%;
    min-height: 100vh;
    background-color: rgba(0,0,0,.7);
    display: flex;
    position: fixed;
    padding: 30px 0;
    z-index: 40;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
}

.popap-block {
    background-color: white;
    position: absolute;
    padding: 20px;
    max-width: 1200px;
    overflow-y: scroll;
    max-height: 90%;
    width: 100%;
    min-height: 50%;
}

.op_product-wrapper {
    padding: 20px;
    border: 1px solid grey;
    margin-bottom: 30px;
}

.op_btn-add {
    border: none;
    background: none;
}
.op_product {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.op_price {
    margin-right: 10px;
}
.op_controls {
    display: flex;
    align-items: center;
}
.op_total {
    border-bottom: 2px solid black;
    border-top: 2px solid black;
    padding: 30px 20px;
    margin-top: 20px;
}
.sub-total {
    font-size: 18px;
    font-weight: 400;
}
.checkout-cart__total .sub-total {
    margin-bottom: 10px;
}


.op_icon {
    width: 30px;
    height: 30px;
}

.op_order-controls {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-btn {
    background-color: green;
}

.success-btn:hover {
    background-color: #014f01;
}

.cancell-btn {
    background-color: #d4021a;
}

.cancell-btn:hover {
    background-color: #7c0101;
}

.op_total h3 {
    font-weight: bold;
    text-align: right;
    font-size: 20px;
    text-transform: uppercase;
}

.op_product-title {
    display: flex;
    align-items: center;
}

.op_title {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    color: #2C2C2C;
}

.op_options-wrapper {
    padding: 20px;
}

.op_btn-pay {
    background: none;
    border: none;
    padding: 15px;
    border-radius: 5px;
    margin: 0 15px;
}

.op_btn-pay:hover {
    -webkit-box-shadow: 7px 10px 20px -1px rgb(109, 141, 104);
    -moz-box-shadow: 7px 10px 20px -1px rgb(109, 141, 104);
    box-shadow: 7px 10px 20px -1px rgb(109, 141, 104);
}

.op_btn-pay-active {
    -webkit-box-shadow: 7px 10px 20px -1px rgb(109, 141, 104);
    -moz-box-shadow: 7px 10px 20px -1px rgb(109, 141, 104);
    box-shadow: 7px 10px 20px -1px rgb(109, 141, 104);
}

.op_confirm {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.op_block-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.op_product-img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}
.customer-list_item .scan-results-wrapper {
    min-height: 1px;
    margin-top: 10px;
    position: relative;

}

.order-btn {
    padding: 15px;
    display: inline-block;
    width: 100%;
    border: none;
    outline: none;
    color: white;
    background: rgb(109, 141, 104);
    background: linear-gradient(90deg, rgb(109, 141, 104) 0%, rgb(139, 171, 133) 50%, rgb(198, 218, 180) 100%);
    transition: .3s;
}

.order-btn:hover {
    background: rgb(198, 218, 180);
    background: linear-gradient(90deg, rgb(198, 218, 180) 0%, rgb(139, 171, 133) 50%, rgb(109, 141, 104) 100%);
}
.close-btn {
    width: 30px;
    height: 30px;
    pointer-events: none;
}
.customer-list_item-head {
    display: flex;
    justify-content: space-between;
}

.customers {
    min-height: 75vh;
}
.alert-title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.customer-list_item {
    padding: 15px;
    box-shadow: 1px 1px 4px black;
    margin-bottom: 20px;
    align-items: center;
}

.customer-list_title {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.customer-list_button {
    padding: 10px;
    background: none;
    border: none;
    box-shadow: 1px 1px 1px grey;
    border: 1px solid black;

}

.customer-list_button:hover {
    box-shadow: 1px 1px 4px black;
}

.get_started {
    background: url(/media/scroll-down-arch.png) no-repeat;
    border: none;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: block;
    background-color: transparent;
    outline: none;
    width: 100px;
    height: 50px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .25s ease-out;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -50px;
    z-index: 2;
}

.scroll_icon {
    margin: 5px auto;
    width: 40px;
    height: 40px;
    display: block;
    background: url(/media/arrow-down.png) no-repeat;
    background-size: cover;
    background-position: 50%;
    position: relative;
    animation-name: slide;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation: slide 2s infinite;
}

@keyframes slide {
    0% {
        top: -8px;
    }

    50% {
        top: 8px;
    }

    100% {
        top: -8px;
    }
}

.menu-type {
    display: flex;
    justify-content: center;
    flex: 4 4 0;
}

.menu-type p a{
    font-family: Lato;
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    color: #737373;
    font-weight: bold;
}
.menu-type p a{
    text-decoration: none;
}

.menu-type p.active a{
    font-weight: bold;
    color: #fff;
}
.menu-type p:first-of-type {
    margin-right: 10px;
}


.header__logo {
    flex: 1 1 0;
}

.header__slides {
    position: relative;
}

.header__slide {
    height: 750px;
}


/*      --------------------      HEADER MENU      -------------------           */


.main_menu{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}
.b-content{
    margin: 0 auto;
}
.b-content .main_menu{
    background: rgba(0, 0, 0, 0.6);
    top: 0;

}

.main_menu__wrapper{
    max-width: 1150px;
    padding: 0 25px;
    margin: 0 auto;
}


.menu_items{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    /* position: fixed;
     max-width: 1150px;*/
}

.main_img{
    /*   background-image: url("../media/82efc38b3b1cfd422cdee0e551cb8b58.jpg");
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
       position: relative;
       height: 650px;*/
}

.slaider1{
    background: url("/media/slaider/1.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider2{
    background: url("/media/slaider/2.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider3{
    background: url("/media/slaider/3.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider4{
    background: url("/media/slaider/4.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider5{
    background: url("/media/slaider/5.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider6{
    background: url("/media/slaider/6.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider7{
    background: url("/media/slaider/7.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider8{
    background: url("/media/slaider/8.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider9{
    background: url("/media/slaider/9.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}
.slaider10{
    background: url("/media/slaider/10.png") 50% no-repeat;
    height: 750px!important;
    background-size: cover;
}

.main_img_text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.infoBanners {
    color: white;
}

.main_img_text h5{
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    line-height: 120%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 100px;
}
.main_img_text a{
    padding: 10px 35px;
    background: #C19471;
    border-radius: 2px;
    color: #FFFFFF;
    font-family: Roboto,sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
}

.main_img_text a:hover{
    background: #ffffff;
    color: #C19471;
}

.header_img{
    position: relative;
}

.bgrd-color{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.right_header{
    width: 30%;
}
.burger_block{
    position: relative;
    width: 35px;
    height: 25px;
    cursor: pointer;
    display: none;
}
.burger,
.burger:after,
.burger:before{
    position: absolute;
    top: 10px;
    width: 35px;
    height: 2px;
    border-radius: 3px;
    background-color: #FFFFFF;
    transition: .2s ease-in;


}
.burger:after{
    position: absolute;
    content: "";
    top: -10px;
}
.burger:before{
    position: absolute;
    content: "";
    top: 10px;
}

.toggle_burger{
    transform: rotate(45deg);
    transition: .4s ease-in;
}
.toggle_burger:before{
    top: 0;
    transform: rotate(90deg);
    transition: .4s ease-in;
}
.toggle_burger:after{
    display: none;
    transition: .4s ease-in;
}
.no_scroll{
    overflow: visible;
    /*position: relative;*/
}

/*.show{
    position: absolute;
    top: 0;
    right: 0;
}*/

.footer_media-logo img{
    max-width: 150px;
    min-width: 100px;
    width: 100%;
}


.right_header ul{
    display: flex;
    justify-content: space-between;
}
.right_header ul li{
    font-family: Poppins,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.08em;
    color: #FFFFFF;
    cursor: pointer;
}
.right_header ul li a{
    text-decoration: none;
    color: #FFFFFF
}
.right_header ul li a:hover{
    text-decoration: underline;
}

.contact_block,
.product_info{
    background-color: #1C1C1F;
}
.left_article .contentStyle,
.form_article .contentStyle{
    color: #FFFFFF;
}
.left_article{
    width: 50%;
}
.form_article{
    width: 35%;
}
.contact-wrapper{
    display: flex;
    justify-content: space-between;
    padding: 50px 0 ;
}

.form_article .contentStyle form{
    display: flex;
    flex-direction: column;
}

.homepag_input{
    max-width: 540px;
    margin-right: 20px;
    height: 45px;
    padding: 10px 20px;
    font-size: 16px;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #8F8F8F;
    box-sizing: border-box;
    border-radius: 4px;
    margin-bottom: 15px;
}

.homepag_input::placeholder {
    font-weight: 300;
    font-size: 14px;
    line-height: 140%;
    color: #575757;
}

@media (min-width: 1250px) {
    /*.homepag_input {
        width: 370px;
    }*/
    .contact-input-box .contact-textarea {
        width: 550px;
    }
}

@media (min-width: 1600px) {
    /*.homepag_input {
        width: 420px;
    }*/
    .contact-input-box .contact-textarea {
        width: 670px;
    }
    .contact-input-container .contact-input-box {
        margin-right: 80px;
    }
}

/*.homepage_form{*/
/*    font-family: Roboto,sans-serif;*/
/*    font-style: normal;*/
/*    font-weight: bold;*/
/*    font-size: 19px;*/
/*    line-height: 34px;*/
/*    text-align: center;*/
/*    color: #FFFFFF;*/
/*    max-width: 300px;*/
/*    margin-bottom: 15px;*/
/*}*/

.left_article h5{
    font-family: Roboto,sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 43px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.left_article h5 a{
    padding-bottom: 1px;
    text-decoration: none;
    color: #FFFFFF;
}

.left_article h5 a:hover{
    border-bottom: 1.5px solid #ffffff;

}

.left_article p{
    font-family: Noto Sans,sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #CACACA;
    width: 80%;
}

.product_sld{
    padding: 60px 0 ;
    background-color: #E6E6E6;
}

.arrow__left{
    background-image: url("../media/arrow-left.png");
    width: 26px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    left: 47%;
    bottom: -30px;
}
.arrow__right{
    background-image: url("../media/arrow-right.png");
    width: 26px;
    height: 17px;
    cursor: pointer;
    position: absolute;
    left: 53%;
    bottom: -30px;
}

.arrow__left:hover{
    background-image: url("../media/arrow-left_hover.png");
    width: 26px;
    height: 17px;
    cursor: pointer;
}
.arrow__right:hover{
    background-image: url("../media/arrow-right_hover.png");
    width: 26px;
    height: 17px;
    cursor: pointer;
}

.sld_block{
    min-height: 400px!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 14px 20px 13px;
    box-shadow: 0 10px 14px rgba(0, 0, 0, 0.11), 0 10px 14px rgba(0, 0, 0, 0.11);
}

.sld_block1{
    background-image: url("../media/product1.png");
}
.sld_block2{
    background-image: url("../media/product2.png");
}
.sld_block3{
    background-image: url("../media/product3.png");
}
.sld_block4{
    background-image: url("../media/product1.png");
}
.sld_block5{
    background-image: url("../media/product2.png");

}

/*.prod-descr p, .prod-descr span, .prod-descr li {
    color: white !important;
}*/
.prod-descr li {
    list-style: disc !important;
}
.prod-descr ul {
    margin-left: 45px !important;
}

.product_sld h5,
.news_block h5{
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 44px;
    line-height: 130%;
    text-align: center;
    color: #141414;
    margin-bottom: 25px;
}

.product_sld h5 a{
    text-decoration: none;
}
.product_sld h5 a:hover{
    text-decoration: underline;
}


.info-block{
    width: 43%;
}
.info-block img{
    width: 100%;
    min-width: 300px;
}
.product_info__wrapper{
    position: relative;
}

.info-contain{
    color: #FFFFFF;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.info-contain-left{
    position: relative;
    right: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    cursor: pointer;
    width: 50%;
}
.info-contain-right{
    width: 40%;
}
.all_contain:hover{
    background-color: #C19471;
}
.all_contain:hover.all_contain .check{
    background-image: url("../media/check_w.png")!important;
}


.all_contain:hover.all_contain h5,
.all_contain:hover.all_contain p{
    color:#FFFFFF ;
}


.left_active{
    background-color: #C19471!important; ;
    max-width: 370px !important;
}
.left_active h5,
.left_active p{
    color: #FFFFFF!important;
}

.left_active .check{
    background-image: url("../media/check_w.png")!important;
}

.all_contain{
    background-color: #FFFFFF;
    color: #000000;
    max-width: 350px;
    width: 100%;
    padding: 20px 30px;
    border-right: 6px solid #C19471;
}
.check-box{
    display: flex;
}
.check{
    background-image: url("../media/check-o.png");
    width: 22px;
    height: 22px;
    margin-right: 10px;
}

.all_contain h5{
    font-family: Poppins, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #313131;
    margin-bottom: 15px;
}

.all_contain p{
    font-family: Poppins,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #313131;
    width: 90%;
    margin-left: 33px;
}


.all_right{
    display: block
}
/* .hidden {
   display: none!important;
 } */


.all_right h5{
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 130%;
    color: #FFFFFF;
    margin: 30px 0;
}
.all_right p{
    font-family: Noto Sans, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #EFEFEF;
    margin-bottom: 15px;
}
.all_right ul li:last-child{
    margin-bottom: 30px;
}
.all_right ul{
    list-style: inside;
}
.all_right ul li{
    font-family: Poppins,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #EFEFEF;
    margin-bottom: 15px;

}
.all_right a {
    background: #C19471;
    border-radius: 2px;
    padding: 12px 40px;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
}

.all_right a:hover{
    background: #FFFFFF;
    color: #C19471;
}

.b-contentText{
    margin: 0 auto;
    padding-top: 20px;
    min-height: 75vh;
    background: #fffeff;
    /* width:80%;
     max-width: 1150px;*/

}

.partner-worden__registration {
    font: 18px/26px 'Lato', sans-serif;
    background: #E6E8E8;
    max-width: 775px;
    margin: 0 auto 100px;
    padding: 70px 115px;
    color: #212322;
}

.partner-worden__form-wrapper .container{
    background-color: #E6E8E8;
    margin: auto;
}


.partner-worden{
    text-align: center;
    margin: 20px auto 100px;
}
.partner-worden a{
    background: #C19471;
    border-radius: 20px;
    padding: 15px 40px;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: Noto Sans, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    border: 1px solid #C19471;
    animation: perfect 1.8s infinite
    cubic-bezier(0.66, 0, 0, 1);
}

.partner-worden a:hover{
    background: #ffffff;
    color: #C19471;
    animation: none;
}

@keyframes perfect {
    0% {
        box-shadow: 0 0 0 0 rgba(193, 148, 113, 1);
    }

    100% {
        box-shadow: 0 0 0 40px rgba(193, 148, 113, 0);
    }

}

.header__breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 2 1 0;
}

.header__breadcrumbs__left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 0;
}

.header__breadcrumbs div{
    margin-left: 6px;
}

.header__breadcrumbs a{
    text-decoration: none;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.header__breadcrumbs a:hover {
    text-decoration: underline;
}

.production__button:hover .button__icon,
.better-world__button:hover .button__icon,
.product__button:hover .button__icon,
.hair-product__button:hover .button__icon,
.buy-product__button:hover .button__icon {
    animation: pulsing .5s ease .3s infinite alternate none
}

.button__icon {
    width: 20px;
    margin-left: 10px;
    transition: transform .3s ease;
    vertical-align: bottom;
}

@keyframes pulsing {
    from {transform: scale(1); }
    to {transform: scale(1.2); }
}

.title-section {
    font-family: Playfair Display, Serif;
    font-weight: bold;
    font-size: 42px;
    line-height: 1.3;
    position: relative;
}

.title-section:after {
    content: '';
    position: absolute;
    display: inline-block;
    border: 1px solid;
    top: 28px;
    border-color: inherit;
    left: -50px;
    width: 40px;
}


.buy-product {
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: black;
    margin-bottom: 25px;
}

.buy-product__wrapper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.buy-product__images {
    width: 50%;
    position: relative;
    z-index: 2;
    top: -120px;
}

.buy-product__photo {
    width: 100%;
    height: auto;
}


.buy-product__description {
    width: 50%;
    padding: 50px 0 50px 100px;
    position: relative;
    height: max-content;
    z-index: 1;
}

.buy-product__description:after {
    content: "";
    width: 9999px;
    left: -4500px;
    top: 0;
    bottom: 0;
    display: block;
    position: absolute;
    z-index: -1;
    background-color: #E6E8E8;
}

.buy-product__title {
    margin-bottom: 20px;
}

.buy-product__text {
    margin-bottom: 30px;
}

.contact-us {
    overflow: hidden;
}

.contact-us__wrapper {
    display: flex;
}

.contact-us__form {
    color: black;
    max-width: 50%;
    background-color: #E6E8E8;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.contact-us__info {
    display: flex;
    flex-direction: column;
    background-color: #AD9677;
    font-size: 16px;
    width: 50%;
}

.contact-us__info-inner {
    width: 50%;
    margin-top: 80px;
    padding: 40px 50px;
    color: white;
    height: 100%;
    position: relative;
    z-index: 0;
}

.contact-us__info-inner:after {
    position: absolute;
    content: "";
    display: block;
    width: 9999px;
    left: -4500px;
    top: 0;
    z-index: -1;
    bottom: 0;

    background-color: black;
}

.contact-us__title {
    font-weight: bold;
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 30px;
}

.contact-us__text {
    margin-bottom: 50px;
}

.contact-us__tel {
    position: relative;
    display: block;
    width: max-content;
    text-decoration: none;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    color: white;
    margin-bottom: 10px;
}

.contact-us__tel:after {
    content: url(/media/phone-solid.svg);
    width: 25px;
    position: absolute;
    right: -40px;
    top: 3px;
    display: none;
}

.contact-us__tel:hover:after {
    display: block;
}

.contact-us__tel:hover {
    text-decoration: underline;
}

.contact-us__mail {
    position: relative;
    display: block;
    width: max-content;
    text-decoration: none;
    font-weight: 400;
    color: inherit;
    margin-bottom: 60px;
}

.contact-us__mail:after {
    content: url(/media/envelope-regular.svg);
    width: 15px;
    position: absolute;
    right: -25px;
    top: 3px;
    display: none;
}

.contact-us__mail:hover:after {
    display: block;
}

.contact-us__mail:hover {
    text-decoration: underline;
}

.send_mail{
    height: 80vh;
}

.contact-us__social {
    display: flex;
}


.social__link {
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
}

.social__link > img  {
    height: 100%;
}

.form {
    width: 100%;
}

.form__title {
    font-family: Playfair Display,sans-serif;
    color: black;
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 32px;
}

.form__input {
    font-family: inherit;
    font-size: 18px;
    line-height: 32px;
    color: black;
    border: 1px solid #11111B;
    border-radius: 1px;
    width: 100%;
    margin-bottom: 16px;
    background-color: transparent;
    padding: 14px 18px;
}

.form::placeholder {
    font-family: inherit;
    font-size: 18px;
    line-height: 32px;
    opacity: .7;
    color: #11111B;
    text-transform: capitalize;
}

.form__textarea {
    resize: vertical;
    min-height: 100px;
}

.form__button {

    background: #D8D0CA;
    border-radius: 12px;
    width: 300px;
    height: 72px;
    color: white;
    padding: 11px;
    text-align: center;
    border: none;
    transition: all 0.3s;
    font-weight: 500;
    font-size: 16px;
    line-height: 135%;
    letter-spacing: 0.3px;
}
.form__button:hover{
    background: rbga(0,0,0,0.8)
    cursor: pointer;
}






/* END Conditioner Page */





/*Account*/
/*.account {*/
/*    display: inline-block;*/
/*    cursor: pointer;*/
/*    margin-bottom: 7px;*/

/*}*/

/*.account button {*/
/*    cursor: pointer;*/
/*    border: none;*/
/*    outline: none;*/
/*    background-color: #98B4C8;*/
/*    padding: 10px 15px;*/
/*    color: white;*/
/*}*/

.close-menu-mob {
    position: absolute;
    display: inline-block;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}
.close-menu-mob div {
    height: 2px;
    width: 20px;
    top: 10px;
    position: absolute;
    background-color: #efeeec;
}
.close-r {
    transform: rotate(45deg);
}
.close-l {
    transform: rotate(-45deg);
}
.close-popap:hover {
    text-decoration: underline;
}
.account span  {
    color: #000;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
}

.hidden {
    display: none !important;
}

.fgt-pass {
    cursor: pointer;
    color: #F6D4A8 ;
    position: absolute;
    right: 0;
    bottom: -25px;
}

.fgt-pass:hover {
    text-decoration: underline;
}

.login-pop h2 {
    padding: 25px;
    text-align: center;
    background-color: black;
    color:#F6D4A8 ;
}

.login-popap span{
    margin-left: 10px;
}

.account:hover span {
    text-decoration: underline;
}

.page-title {
    font-weight: bold;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px;
}
.cart-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 15px 0;
    border-top: 1px solid
}
.cart-item__subtext {
    color: #aba7a7;
}
.cart-item__title {
    color: #2c2c2c;
    font-weight: bold;
}
.cart-item__title.smaller-hi {
    font-size: 16px;
}
.cart-item__title.smaller-ji {
    font-size: 16px;
    margin-bottom: 10px;
}
.cart-item__left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
}
.cart-item__right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}
.cart-item__subtext {
    font-size: 12px;
}
.cart-control {
    background: transparent;
    border: none;
    color: #2c2c2c;
    outline: none;
    box-shadow: none !important;
    padding: 2px !important;
}
.cart-controls {
    width: 20px !important;
    height: 20px !important;
}
.checkout-cart__total {
    border-top: 2px solid #8f8f8f;
    border-bottom: 2px solid #8f8f8f;
    color: #2c2c2c;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    padding: 15px 0;
}
.checkout-cart {
    position: relative;
}
.chechout-submit__wrapper {
    display: flex;
    justify-content: flex-end;
    position: sticky;
    bottom: 0;
    /* right: 20px; */
}
.clear-checkout {
    display: flex;
    gap: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.clear-checkout img {
    width: 150px;
}
.cart-img {
    width: 100px;
}
.form-wrapper {
    width: 50%;
    background-color: #484747;
    padding: 40px 10%;
    margin: 0 auto;
}
.error-input {
    position: absolute;
    bottom: -23px;
    left: 0;
    color: red;
}
.form-label {
    color: #AD9677;
    position: absolute;
    top: -30px;
    left: 0;
}
.input-wrapper {
    position: relative;
    margin-top: 50px;
    width: 100%;
}


#register-form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.form-input {
    background: transparent;
    color: #999595;
    width: 100%;
    border: 2px solid #AD9677;
    padding: 10px;
}
.logo-img {
    width: 150px;
    margin-left: 50%;
    transform: translate(-50%,0);
}


.header-search img {
    height: 24px;
}
.change-lang{
    position: relative;
}
.lang{
    cursor: pointer;
}

.change-lang img {
    padding-left: 4px;
    cursor: pointer;
}

div.shopping-cart{
    position: relative;
    width: 18px;
    height: 24px;
    background: url("/media/cart_white.png");
    /*margin-left: 20px;*/
}



.search-header, .shopping-cart a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-search {
    width: 29px;
    height: 28px;
    background: url("/media/search_white1.png") no-repeat;
    background-size: contain;
}



.products-in-basket{
    background-color: transparent;
    color: #fff;
    border-radius: 50%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 6px;
}

/*.footer_media-links ul{
    display: flex;
}

.footer_media-links ul li{
    position: relative;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-left: 20px;
    cursor: pointer;
}
.footer_media-links ul li:first-child{
    margin-left: 0;
}
.footer_media-links img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.telegram:hover,
.facebook:hover,
.youtube:hover,
.twitter:hover,
.instagram:hover{
    animation-duration: .2s;
    animation-name: for_media;
    bottom: 7px;

}


@keyframes for_media {
    0%{
        bottom: 0;
    }
    100%{
        bottom: 7px;
    }
}

.telegram,
.facebook,
.youtube,
.twitter,
.instagram{
    animation-duration: .2s;
    animation-name: for_media-back;
    bottom: 0;
}
@keyframes for_media-back {
    0%{
        bottom: 7px;

    }
    100%{
        bottom: 0;
    }
}*/




/*contact page*/

.maps{
    height: 700px;
    background: url("/media/map.png") no-repeat center;
    background-size: cover;
}
.contact-page{
    margin-top: -65px;
}

/* .contact-page__block{
    display: flex;
    position: relative;
    width:80%;
    margin: 0 auto 100px;
    height: auto;
    min-height: 500px;
    -webkit-box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.33);
    -moz-box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.33);
    box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.33);
    background-color: #fff;

} */
.contact-page__block{
    display: flex;
    position: relative;
    width:100%;
    margin: 0 auto 100px;
    height: auto;
    min-height: 500px;
    /* -webkit-box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.33);
    -moz-box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.33);
    box-shadow: 6px 6px 12px 0 rgba(0,0,0,0.33); */
    background-color: #fff;
}

/* .contact-page_address{
    background-color: #c8cfdd;
    width: 40%;
    min-width: 320px;
    padding: 50px;
} */
.contact-page_address{
    background-color: #fff;
    width: 100%;
    min-width: 320px;
    padding: 50px;
}

.title-incontact-page{
    font-size: 16px;
    font-weight: 400;
    border-bottom: 2px solid #000;
    padding: 10px;
    margin-right: 20px;
}
.lightFont.contact-title {
    display: flex;
    justify-content: center;
    font-size: 36px;
    font-weight: 500;
}

.contact-form-wrapper{
    display: flex;
    justify-content: center;
    margin-bottom: 65px;
}

.contact-input-container {
    display: flex;
    flex-flow: column;
}

.info-right {
    display: flex;
    margin: 15px 0;
}

.contact-title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #2C2C2C;
    margin-bottom: 40px;
}
.contact-subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #2C2C2C;
}
.contentStyle .contact-text:nth-child(-2n + 4) {
    margin-top: 24px;
}
.contentStyle strong {
    font-weight: bold;
}
.contact-subtitle-box {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.contentStyle .contact-text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 32px;
    background: whitesmoke;
    border-bottom: 1px solid lightgray;
    padding: 7px;
    margin-right: 20px;
}

@media (max-width: 717px){
    .contact-form-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .contact-info-left{
        width: 90%;
        padding-right: 0;
        text-align: justify;

    }
}
.contentStyle .contact-text-link {
    color: #237ACA;
    text-decoration: underline;
}
.contentStyle .contact-text-link:hover {
    color: #445c73;
}
.contact-input-box {
    display: flex;
    flex-direction: column;
}
.contact-input-box :last-child {
    margin-bottom: 32px;
}
.contact-input-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 10px;
}
.contact-textarea {
    height: 115px;
}

/*@media (min-width: 1315px){
    .contact-info-left{
        width: 50%;
    }
}*/
@media (min-width: 1100px) {
    .contact-input-container {
        display: flex;
    }
    .contact-input-box {
        margin-right: 40px;
    }
    .contact-textarea {
        width: 450px;
    }
}
/* .contact-page_address a:hover{
    text-decoration: underline;
} */

.contact-page_descr{
    width:60%;
    background-size: 30%;
    position: relative;
}
.contentStyle h2
{
    color: #2C2C2C!important;
}
.contact__shadow-block {
    width: 50%;
    height: 50%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,.6);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contact-page_descr h3{
    margin-bottom: 40px;
}

.contact-page_descr p{
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 20px;
}

.contact-page__block h3{
    font-weight: bold;
    font-size: 30px;
    line-height: 40px;
}
.contact-page_address p, .contact-page_address a{
    color: black;
    text-decoration: none;
    font-size: 18px;
}

.contact-page_address img{
    margin-right: 15px;
    max-height: 20px;
}

.contact-info-left p{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.contact-list-text{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.contact-page_address__content{
    margin-top: 100px;
}


.soc_img img{
    width: 27px;
    height: 27px;
    margin-bottom: 8px;
}
.delivery, .return, .claim, .privacy, .conditions {
    margin: 0 20px 100px;
}

@media (min-width: 450px) {
    .delivery, .return, .claim, .privacy, .conditions {
        margin: 0 40px 100px;
    }
}

@media (min-width: 768px) {
    .delivery, .return, .claim, .privacy, .conditions {
        margin: 0 80px 100px;
    }
    .basket-submit {
        margin: 0 10px;
    }
}

@media (min-width: 1200px) {
    .delivery, .return, .claim, .privacy, .conditions {
        margin: 0 120px 100px;
    }
}

.contentStyle .delivery__title, .return__title, .claim__title, .privacy__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #2C2C2C;
    margin-bottom: 40px;
}

.contentStyle .conditions__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #2C2C2C;
    margin-bottom: 40px;
}

.contentStyle .delivery__subtitle, .return__subtitle, .privacy__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #237ACA;
    margin-bottom: 24px;
}

.contentStyle .privacy__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #237ACA;
    margin-bottom: 24px;
}

.contentStyle .return__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #237ACA;
    margin-bottom: 24px;
}

.contentStyle .claim__subtitle, .conditions__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #237ACA;
    margin-bottom: 24px;
}

.contentStyle .conditions__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #237ACA;
    margin-bottom: 24px;
}

.claim__link {
    text-decoration: none;
    color: #237ACA;
    transition: all .3s;
}

.claim__link:hover {
    color: #426e96;
}

.claim__span {
    text-decoration: underline;
}

.contentStyle .return__list-title, .return__attantion {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #237ACA;
}

.contentStyle .return__list {
    margin-bottom: 24px;
}

.contentStyle .delivery__text, .return__text, .privacy__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 24px;
}

.contentStyle .privacy__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 24px;
}

.contentStyle .conditions__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 24px;
}

.contentStyle .conditions__text-title {
    color: #237ACA;
}

.contentStyle .claim__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 24px;
}

.return__input-container {
    margin-bottom: 40px;
}

.contentStyle .return__list-item {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
}

.contentStyle .return__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 24px;
}

.contentStyle .return__form-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 135%;
    color: #237ACA;
    text-align: center;
    margin-bottom: 32px;
}

.contentStyle .return__input-box {
    display: flex;
    flex-direction: column;
}

.contentStyle .return__input-text-box {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .contentStyle .return__input-box {
        flex-direction: row;
        justify-content: space-between;
    }
    .return__input, .return__textarea {
        width: 60%;
    }
    .return__input-text-box {
        width: 30%;
    }
}

.return__input:focus {
    border-color: #237ACA;
}

.return__textarea:focus {
    border-color: #237ACA;
}

.contentStyle .return__input-text {
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 10px;
}

.contentStyle .return__textarea {
    height: 140px;
}

.return__button-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.return__button-container {
    display: flex;
    justify-content: flex-end;
}

.return__button-text {
    margin: 60px 0 30px;
}

.contentStyle em {
    font-style: italic;
    font-weight: 400;
}

.order {
    margin: 0 20px 100px;
}

@media (min-width: 450px) {
    .order {
        margin: 0 40px 100px;
    }
}

@media (min-width: 768px) {
    .order {
        margin: 0 80px 100px;
    }
}

@media (min-width: 1200px) {
    .order {
        margin: 0 120px 100px;
    }
}

.contentStyle .order__title {
    font-weight: 700;
    font-size: 40px;
    line-height: 52px;
    color: #2C2C2C;
    margin-bottom: 40px;
}

.contentStyle .order__subtitle {
    font-weight: 700;
    font-size: 24px;
    line-height: 135%;
    color: #237ACA;
    margin-bottom: 24px;
}

.contentStyle .order__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #2C2C2C;
    margin-bottom: 24px;
}

.contentStyle .order__img-1 {
    width: 150px;
    height: 150px;
    float: right;
    margin-left: 20px;
}

.contentStyle .order__img-2 {
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 20px;
}

.contentStyle .delivery__img-1 {
    width: 150px;
    height: 150px;
    float: right;
    margin-left: 20px;
}

.contentStyle .delivery__img-2 {
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 20px;
}

@media (min-width: 768px) {
    .contentStyle .order__img-1 {
        width: 250px;
        height: 250px;
        margin-left: 40px;
    }
    .contentStyle .order__img-2 {
        width: 250px;
        height: 250px;
        margin-right: 40px;
    }
    .contentStyle .delivery__img-1 {
        width: 250px;
        height: 250px;
        margin-left: 40px;
    }
    .contentStyle .delivery__img-2 {
        width: 250px;
        height: 250px;
        margin-right: 40px;
    }
}


/*   ---------------  END CONTACT PAGE    -----------------*/
.env-blocks{
    padding: 0 15px;
}


.env-block {
    display: flex;
    justify-content: center;
}
.env-block-img {
    width: 50%;
}
.env-block-item {
    width: 50%;
    padding: 30px;
}
.block-title {
    text-align: center;
    margin-bottom: 30px;
    font-size: 28px !important;
    font-weight: bold;
}
.env-block-item p {
    font-size: 21px;
    line-height: 35px;
    text-align: center;
}
.white-text p, .white-text h3 {
    color: white;
}

.env-block-item h3{
    text-align: center;
    margin: 50px auto 30px;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 150%;
}

.onnze_prod_text{
    max-width: 1160px;
    margin: auto;
    padding: 40px 20px 30px;
    background-color: #AD9677;
    color: white;
    margin-top: -65px;

}

.onnze_prod_text h1 {
    text-align: center;
    margin-bottom: 35px;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 150%;
    color: #FFFFFF;
}


.onnze_prod_text h2 {
    text-align: center;
    margin-bottom: 30px;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-size: 22px;
    line-height: 150%;
    color: #FFFFFF;
}

.onnze_prod_text p{
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 160%;
    color: #000000;
    margin-bottom: 20px;
    text-align: center;
    color: #FFFFFF;

}

.onnze_prod_last_text{
    text-align: center;
    margin: auto;
    padding: 20px 5px;
    width: 100%;
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 150%;
    background-color: #AD9677;
    color: #FFFFFF;
    margin-top: -12px;
}






/*   ---------------    FOOTER BLOCK    -----------------*/

.footer_media-logo{
    font-family: Roboto,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    color: #FFFFFF;
}
.footer_media-logo a{
    text-decoration: none;
    color: #FFFFFF;
}
/*.footer__wrapper {
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/

.footer_media{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #3E3E3E;
    padding: 10px 0 20px;
}

.footer_info{
    font-family: Noto Sans,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #FFFFFF;
    text-align: center;
}

.registration__title {
    border-bottom: 1px solid black;
    margin-bottom: 30px;
}

.registration__label {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    line-height: 28px;
}

.registration__input,
.registration__textarea {
    width: 100%;
    display: block;
    padding: 10px;
    border: 1px solid black;
    border-radius: 1px;
    transition: background-color .3s;
}

.registration__input {
    height: 40px;
    padding: 0 10px;
}

.registration__input:hover,
.registration__textarea:hover{
    background: #e0e0e0;
}

.registration__input:focus,
.registration__textarea:focus{
    background: #e0e0e0;
    border: 2px solid black;
}

.registration__radios .registration__label {
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: 30px;
}

.registration__radios .registration__input {
    display: inline-block;
    width: auto;
    height: auto;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.registration__text {
    margin-bottom: 15px;
}
/*End Page Parent*/

.spec-options {
    display: flex;
    position: absolute;
    top: -15px;
}
.spec-options div:first-child {
    margin-right: 30px;
}
.spec-options div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.flex-around {
    display: flex;
    justify-content: space-around;
}
.flex-between {
    display: flex;
    justify-content: space-between;
}
.contact-footer {
    width: 100%;
    padding: 30px 0;
}

.contact-main_page a{
    color: white;
    text-decoration: none;
}

.contact-main_page a:hover{
    text-decoration: underline;
}
.contact-main_page img{
    margin: 10px 10px 10px 0;
}



.flex-center {
    display: flex;
    justify-content: center;
}
.flex-start {
    display: flex;

}
.info-item {
    width: 100%;
    max-width: 444px;
}
.b-footer{
    float:left;
    width: 70%;
    margin:auto;
    overflow:hidden;
}
.b-negeso{
    /*float:right;*/
    /*color: #fffeff;*/
    /*position: relative;*/
}
.b-negeso .b-negeso-link {
    position: relative;
}
.b-negeso .b-negeso-link::before {
    background: rgba(0, 0, 0, 0) url("../images/negeso.png") no-repeat scroll 0 0;
    content: "";
    height: 13px;
    left: -20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
}

.b-negeso sup{
    position:absolute;
    margin-top:-5px;
}

.haarimport__main{
    margin: 10px ;
}

.haarimport__main ul{
    list-style: disc;
    margin-left: 40px;
}


.container h2.haarimport{
    font-size: 22px;
    font-weight: bold;
    margin: 20px 10px;
}

.haarimport__bold{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 10px;
}

.haarimport__main p{
    margin-bottom: 20px;
    line-height: 25px;
    font-family: 'Lato', sans-serif;
}
.haarimport__main ul{
    margin-bottom: 20px;
}

/*.haarimport__main a{
    text-decoration: none;
}

.haarimport__main a:hover{
    text-decoration: underline;
}*/

.return_policy_bold_main{
    margin: auto 10px;
}


.return_policy_bold_text{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 5px;
}

.return_policy_bold_main span{
    font-weight: bold;
}

/******** contentStyleFooter ********/
.contentStyleFooter span {
    padding-right: 10px;
}
.contentStyleFooter{}
.contentStyleFooter p{}
.contentStyleFooter a{
    padding: 0 10px;
    border-left: 1px solid #fffeff;
}
.contentStyleFooter a:hover{}
/* ======  End Footer  ====== */
/* ====== Paging ====== */
/* Used in: Newsline, Photo Album, Search Results */
.pages_list {
    font-weight: bold;
    /*float: right;*/
    /*height: 16px;*/
    margin: 20px 0 1px 0;
}
.pages_list a {
    /*margin: 0px 5px 0px 5px;*/
    padding: 5px 9px;
    color: #fff;
    background-color: #fab420;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 3px;
}
.pages_list a.current_page {
    background-color: #920629;
}
/* Advanced paging styles */
.paging table {
    height: 18px;
}
.paging table td {
    vertical-align: middle;
    white-space: nowrap;
    padding: 0 2px;
}
.paging table td a {
    color: red;
    text-decoration: none;
}
.paging table td a:hover {
    color: red;
    text-decoration: underline;
}
.paging table td input {
    width: 30px;
    margin: 0;
    padding-right: 2px;
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
    text-align: right;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
}
/* ====== Picture Frame ====== */
/*.bigPic{
    position:relative;
    width: 100%;
    height: 596px;
    overflow:hidden;
    margin: auto;
    z-index: 1;
}
.bigPic .picframe-article {
    position: absolute;
    z-index: 2;
    background: rgba(0, 0, 0, 0.42);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 25px 20px;
}
.bigPic .picframe-article span a{
    color: white;
}*/
.ingr-section {
    padding: 75px 0;

}

.ingr_big_section{

}

.ingridient_wrapper .more-btn{
    cursor: pointer;
    text-decoration: underline;
}

.ingredients-icons{
    display:flex;
    width:100%;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0;
}
.icons-types{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 36px;
    color: #000000;
}

.ingred-hand{
    font-family: 'Dancing Script', cursive;
    font-size: 30px;
    padding-bottom: 5px;
    color: #000000;
}

.ingr-title{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 15px;
}
.icons-types img{
    padding-bottom: 10px;
}

.ingredients-icons img{
    display: inline-block;
    width: 100px;
    height:100px;
}

.wrapper {
    margin: 0 auto;
    position: relative;
}


.big-title {
    position: absolute;
    top: 0;
    z-index: 0;
    left: 50%;
    transform: translate(-50%, 0);
    opacity: .1;
    line-height: 350px;
    color: white;
    font-family: "Playfair Display",serif;
    font-size: 400px;
    font-weight: bold;
}

.title-block img {
    display: block;
    margin: 30px;
}

.steps__image {
    position: relative;
}

.kapper-home__slider-item {
    max-height: 90vh;
}
.kapper-home__slider-item img {
    height: 100%;
    width: 100%;
}

.kapper-home .env-block-item {
    display: flex;
    align-items: center;
}
.kpr_block-item {
    width: 40%;
    position: relative;
    background-color: #AA967B;
    padding: 0 20px 50% 20px;
}

.b-loginEmpty {
    /* background-color: pink; */
    color: red;
    padding: 10px;
    margin-bottom: 20px;
}

.logout form {
    height: 39px;
    display: block;
}

.account-content {
    position: absolute;
    right: 0;
    top: 130%;
    z-index: 100;
    background-color: #237ACA;
    width: 300px;
}

.account-content:before {
    content: '';
    position: absolute;
    width: 20px;
    background-color: #237ACA;
    height: 20px;
    transform: rotate(45deg);
    right: 15px;
    top: -10px;
}

.account-content.overflow {
    overflow: visible;
}

.account-content-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
    padding: 15px;
}


.acc-arrow {
    width: 20px;
    height: 20px;
    transition: .3s;
}
.visible-icons {
    transform: translate(0, 0);
    transition: .3s;
}
.opened-arrow {
    transform: rotate(180deg);
    transition: .3s;
}
.logout-btn img {
    width: 24px;
    height: 24px;
    margin-top: 6px;
}

.menuicon1{
    width: 38px;
    height:38px;
    background: url("/media/info.png") no-repeat;
    background-size: contain;
    cursor:pointer;
    position:relative;
}

.title-main {
    font-size: 35px;
    text-align: center;
    padding-bottom: 50px;
    font-weight: bold;
    color: #237ACA;
}

.co_item {
    padding: 15px;
    box-shadow: 1px 1px 5px black;
    margin-bottom: 30px;
    cursor: pointer;
    transition: .3s;
}
.co_item:hover {
    box-shadow: 1px 1px 5px cornflowerblue;
}

.co_item table {
    width: 100%;
}
.co_item td, .co_item th {
    text-align: center;
}
.co_item th{
    font-weight: bold;
}

.co_item__body-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    color: white;
}
.co_item__body {
    margin-top: 40px;
}
.co_item__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.co_item__hear-right, .co_item__hear-left {
    display: flex;
    flex: 1;
    justify-content: space-between;
}

.right-item, .left-item {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-self: center;
    justify-content: center;

}
.right-item span, .left-item span {
    text-align: center;
}

.hd-input-wrapper input, .hd-input-wrapper select{
    border: 1px solid #8F8F8F;
    padding: 10px;
    width: 100%;
    font-size: 16px;
    background: transparent;
    color: #2C2C2C;
    border-radius: 8px;
}
.hd-input-wrapper input, .hd-input-wrapper select option {
    background-color: #fff;
}

.hd-input-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.hd-form {
    display: block;
    padding: 20px;

}

.hd-form-btns {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}


.edit-btn {
    background-color: #f57a40;
}

.strong-title {
    color: black;
    font-weight: bold;
    font-size: 34px;
    text-align: center;
}

.wrapper-popap {
    background-color: rgba(0,0,0,.7);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    z-index: 99;
    justify-content: center;
    align-items: center;
}

.popap-element {
    padding: 25px;
    color: white;
    width: 100%;
    max-width: 650px;
    transition: .3s;
    background-color: #434040;
    min-width: 320px;
    position: relative;
}
.popap-content {
    width: 100%;
}

.hd-inputs-item {
    flex: 1;
}
.hd-inputs-item:first-child {
    margin-right: 10px;
}

.conf-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

.conf-wrapper h2 {
    font-weight: bold;
    font-size: 18px;
    margin-left: 10px;
}

.active-input {
    border: 1px solid gray;
    margin-top: 10px;
}

.edit-btn:hover {
    background-color: #45576c;
}


.hd-inputs-wrapper {
    display: flex;
    justify-content: space-between;
}

.hd-input-wrapper label {
    font-weight: bold;
}
.hd-inputs-wrapper__customer {
    display: flex;
    justify-content: space-between;
}

.customer-form {
    padding: 15px;
    border: 1px solid #8f8f8f;
    border-radius: 12px;
}

.customer-form:nth-child(2) {
    margin-right: 10px;
}
.hd-form-btns {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.op_btn-control {
    background: none;
    border: none;
    border-radius: 8px;
    color: white;
    transition: .3s;
    margin: 0 10px;
    width: 40%;
    padding: 15px;
    font-weight: bold;
    max-width: 300px;
}
.success-btn {
    background-color: green;
}

.success-btn:hover {
    background-color: #014f01;
}

.cancell-btn {
    background-color: #237ACA;
}

.cancell-btn:hover {
    background-color: #244d73;
}


.edit-btn {
    background-color: #237ACA;
}

.menuicon1:hover::before{
    position: absolute;
    z-index: 100;
    content: "Mijn informatie";
    top: 119%;
    padding: 7px;
    left: 0;
    font-size: 15px;
    color: white;
    transform: translateX(-30%);
    border: 1px solid black;
    text-align: center;
}

.menuicon2{
    width: 38px;
    height:38px;
    background: url("/media/list.png") no-repeat;
    background-size: contain;
    margin: 0 20px;
    cursor:pointer;
}

.menuicon2:hover::before{
    position: absolute;
    z-index: 100;
    content: "Mijn bestellingen";
    top: 119%;
    padding: 7px;
    left: 50%;
    font-size: 15px;
    color: white;
    transform: translateX(-50%);
    border: 1px solid black;
    text-align: center;
}

.logout{
    width: 38px;
    height:38px;
    background: url("/media/exit4.png") no-repeat;
    background-size: contain;
    cursor:pointer;
}

.logout:hover::before{
    position: absolute;
    z-index: 100;
    content: "Uitloggen";
    top: 119%;
    padding: 7px;
    right: 0;
    font-size: 15px;
    color: white;
    transform: translateX(10%);
    border: 1px solid black;
    text-align: center;
}


.acc-link {
    cursor: pointer;
}
.logout-btn {
    border: none;
    outline: none;
    color: white;
    background: none;
    width: 33px;
    height: 38px;
    background: url("/images/logout-btn.png") no-repeat center/cover;
}
.acc-icons {
    height: 24px;
    width: 24px;
}

.overflow-scroll {
    overflow-y: scroll !important;
}

.kapper-home_block {
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    padding-bottom: 60px;
}

.kpr-home_img {
    position: absolute;
    z-index: 5;
    left: 25%;
    width: 50%;
}
.text-wrapper p {
    margin-bottom: 20px;
}

.text-wrapper {
    padding: 60px 0;
}
.top-banner {
    height: 50px;
    background-color: #fc9842;
    background-image: linear-gradient(315deg, #fc9842 0%, #fe5f75 74%);
}


.top-banner-item {
    text-align: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 50px;
}
.top-banner .rotateBanerBtn{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    z-index: 2;
    cursor: pointer;
}

.top-banner .rotateBanerBtn.next-btn {
    right: 20px;
}

.top-banner .rotateBanerBtn.prev-btn {
    left: 20px;
}

.top-banner .rotateBanerBtn img{
    height:20px;
}



.block_2-text {
    left: 6%;
}

.block-1_img {
    position: absolute;
    left: 25px;
    max-width: 40%;
}
.block-2_img {
    position: absolute;
    right: 25px;
    max-width: 40%;
}
.bigPic div.slideshow{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    height: 100%;
    width: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity:0;
}
.bigPic a img {
    height: auto;
    width: 100%;
}
.smallPics,.smallPicsContainer {
    position:relative;
    width: 596px;
    margin-top: 3px;
    height: 109px;
    overflow:hidden;
}
.smallPics .pf-admin-widget{
    position:absolute;
    left:0;
    z-index:10;
}
.smallPicsContainer{
    background-color:#666666;
    width: 946px;
    margin:3px;
}
.localization-tabs {
    min-width: 290px;
}
.sale-products-front {
    border-bottom: 1px solid #e3e3e3;
    padding: 40px 0;
}
.sale-products-front .title {
    text-align: center;
    margin-bottom: 30px;
}
.sale-products-front .sale-products-front__item {
    float: left;
    width: 100%;
    max-width: 320px;
    margin: 0 5px 20px 5px;
    padding-bottom: 20px;
}
.sale-products-front__item .img {
    margin: auto;
    max-width: 300px;
    display: block;
}
.sale-products-front__item .name {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
}
.sale-products-front__item .price {
    font-size: 18px;
    font-weight: 700;
    color: #fab420;
    text-align: center;
    margin-bottom: 16px;
}
.sale-products-front__item .buy {
    display: block;
    margin: auto;
    max-width: 200px;
    background: #920629;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    color: #fff;
    opacity: 0;
}
.sale-products-front__item .buy .cart {
    position: relative;
    z-index: 1;
}
.sale-products-front__item .buy:hover {
    text-decoration: none;
    background: #fab420;
}
.sale-products-front__item .buy .cart:before {
    content: "";
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    background: url("../images/sales_cart.png") no-repeat;
    width: 16px;
    height: 14px;
    position: absolute;
    z-index: 2;
}
.sale-products-front__item:hover {
    -webkit-box-shadow: 0 7px 13px 0 rgba(204,204,204,0.6);
    -moz-box-shadow: 0 7px 13px 0 rgba(204,204,204,0.6);
    box-shadow: 0 7px 13px 0 rgba(204,204,204,0.6);
}
.sale-products-front__item:hover .buy {
    opacity: 1;
}
.category-list-front {
    padding: 40px 0;
}
.category-list-front .title {
    text-align: center;
    margin-bottom: 30px;
}
.category-list-front .category-list-front__item {
    float: left;
    width: 400px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 0 !important;
    flex-shrink: 0;
    position: relative;
}
.category-list-front__item .img {
    display: block;
    margin: auto;
    max-width: 312px;
}
.category-list-front__item .name a {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    background: #5e5e5e;
    max-width: 312px;
    margin: auto;
    padding: 8px 0;
}
.category-list-front__item .name a:hover {
    background: #920629;
    text-decoration: none;
}
.b-rightColumn .aplication-block-front  {
    background: url("../images/baten-scan.jpg") no-repeat;
    min-height: 600px;
    position: relative;
    z-index: 1;
    background-size: cover;
}
.aplication-block-front .wrapper .contentStyle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}
.information-block-front {
    padding: 40px 0;
    border-bottom: 1px solid #e3e3e3;
}
.information-block-front .title {
    text-align: center;
    margin-bottom: 30px;
}
.information-block-front .wrapper {
    height: 470px;
    width: 100%;
    overflow-y: hidden;
    position: relative;
    z-index: 1;
    max-width: 100%;
}
.information-block-front .contentStyle {
    max-width: 1000px;
    margin: auto;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin: auto;
    max-width: 1000px;
    position: relative;
    z-index: 1;
}
.swiper-slide tr td {
    vertical-align: top;
}
.swiper-slide tr td:first-child {
    width: 30%;
    vertical-align: middle;
}
.swiper-slide tr td:last-child {
    width: 70%;
    padding-left: 20px;
    box-sizing: border-box;
}
.swiper-slide tr td img {
    display: block;
    max-width: 100%;
    max-height: 470px;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    z-index: 10;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    width: 100%;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 100%;
    background: #f1f2f4;
    border: 1px solid #e0dad5;
    margin-bottom: 60px;
    cursor: pointer;
    position: relative;
}
.swiper-pagination-bullet:last-child {
    margin-bottom: 0;
}
.swiper-pagination-bullet-active:after {
    content: "";
    position: absolute;
    z-index: 30;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #fab420;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 4px solid #f1f2f4;
}
.swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 60px;
    border-left: 1px solid #dcd5cf;
    top: 9px;
    bottom: 0;
    left: 4px;
}
.swiper-pagination-bullet:last-child:before {
    height: 0;
    border: 0 none;
}
.swiper-pagination-bullet-active {
    position: relative;
    z-index: 25;
}

.app-downloaden-block {
    background: #fbfbfb;
    padding: 40px 0 60px;
}
#myScroller {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    overflow-x: hidden;
}
.radiant_scroller .radiant-navigation {
    clear: both;
}
.myScroller-wrapper {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    position: relative;
    z-index: 1;
}

.clients-information-front  {
    padding: 40px 0;
}
.clients-information-front .title {
    text-align: center;
    margin-bottom: 30px;
}
#map_div {
    width: 100%;
    height: 680px;
}
.user_page .title {
    text-align: center;
}
.user_page input {
    background-color: #f1f2f4;
    height: 50px;
    line-height: 50px;
    border: 1px solid #d2d2dd;
    vertical-align: top;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    color: #010101;
    font-size: 14px;
    margin: 0 30px 0 0;
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: 370px;
}
.user_page .form_button_wrapper {
    margin-top: 30px;
}
.user_page .form_button {
    background: #fab420;
    border: 0 none;
    cursor: pointer;
    color: #ffffff;
    font-family: 'Lato', Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    padding: 0;
    height: 50px;
    line-height: 50px;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    max-width: 370px;
}
.user_page .form_button:hover {
    background: #920629;
}

.account-wrapper {
    display: flex;
    padding: 20px 0;
}
.account-menu {
    padding: 20px;
    border-right: 1px solid black;
}
.account-desc {
    flex: 1;
    padding: 0 20px;
}

.account-title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
    color: #2c2c2c;
}

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

.account-text span {
    font-weight: normal;
}

.client-info {
    display: flex;
    justify-content: space-around;
    padding: 20px;
    margin-bottom: 20px;
    cursor: pointer;
}

.desc-list li {
    box-shadow: 1px 1px 5px black;
    margin-bottom: 30px;

}

.scan-item {
    padding: 15px;
    background-color: #ffd9bd;
    margin-bottom: 20px;
}

.desc-list li:hover {
    transform: scale(1.02);
    transition: .4s;
}

.account-list {
    padding-left: 0;
    list-style-type: none;
    cursor: pointer;
}

.account-list-item {
    padding: 15px;
}
.active-link {
    color: #aa5500;
}

.type_payment_list {
    list-style: none;
    border-top: 1px solid #d2d2dd;
    border-bottom: 1px solid #d2d2dd;
    padding: 20px;
    box-sizing: border-box;
}
.type_payment_list .payment_item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    z-index: 1;
}
.type_payment_list .payment_item label {
    position: relative;
    font-size: 18px;
    padding: 0 0 0 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}
.type_payment_list .payment_item input[type=radio] {
    position: absolute;
    visibility: hidden;
}
.type_payment_list .payment_item .check {
    display: block;
    position: absolute;
    border: 3px solid #fab420;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}
.type_payment_list .payment_item .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}
.payment_item input[type=radio]:checked ~ .check {
    border: 3px solid #fab420;
}
.payment_item input[type=radio]:checked ~ .check::before{
    background: #fab420;
}


.div_for_wish_btn{
    display: flex;
    flex: 1;
}

.heart {
    display: block;
    width: 24px;
    height: 21px;
    background-image: url("/media/wish.png");
}

.heart:hover,
.heart_active{
    display: block;
    width: 24px;
    height: 21px;
    background-image: url("/media/wish_active.png");
}

.reviews-slide--comments {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}
.reviews-slide--comments .left,
.reviews-slide--comments .right {
    position: absolute;
    cursor: pointer;
    border: solid #5e5e5e;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 12px;
    top: 30%;
}
.reviews-slide--comments .left:hover,
.reviews-slide--comments .right:hover {
    border-color: #920629;
}

.reviews-slide--comments .left {
    left: -40px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.reviews-slide--comments .right{
    right: -40px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.reviews-slide--comments .left:before{
    background: url("../images/triangle-left.png") no-repeat;
    margin-left: -7px;
    left: 50%;
}
.reviews-slide--comments .right:after{
    background: url("../images/triangle-right.png") no-repeat;
    margin-right: -7px;
    right: 50%;
}

.reviews-slide--wrapper {
    width: 100%;
    overflow: hidden;
}
.reviews-slide--wrapper .slide-wrapper {
    width: 10000px;
    transition: margin-left 250ms ease 0s;
}
.articelenBesteling .webshop-products-view {
    width: 100%;
    max-width: 312px;
    min-height: 420px;
}
.articelenBesteling .webshop-products-view .img {
    display: block;
    max-width: 100%;
    border: 1px solid #f1f1f1;
    max-height: 310px;
}

.articelenBesteling .webshop-products-view .name {
    min-height: 70px;
    font-size: 13px;
}

.prod-card-info{
    display:flex;
    justify-content: space-between;
}
.articelenBesteling .webshop-products-view .price-block .price {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    color: #920629;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    margin-right: 22px;
}
.articelenBesteling .webshop-products-view .price-block .link {
    display: block;
    position: relative;
    z-index: 1;
    height: 50px;
}
.articelenBesteling .webshop-products-view .price-block .product-cart:after {
    position: absolute;
    z-index: 2;
    content: "";
    background: #fab420 url("/site/modules/webshop_module/images/product-cart.png") no-repeat scroll 50% 50%;
    width: 16px;
    height: 14px;
    padding: 18px 17px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.articelenBesteling .webshop-products-view .price-block .product-cart:hover:after {
    background-color: #9d1f3f;
    cursor: pointer;
}
.webshop-products-view .price-block .buy {
    display: none;
}
.articelenBesteling .webshop-products-view .price-block .link:hover .buy {
    text-align: center;
    display: block;
    line-height: 50px;
    color: #ffffff;
}
.articelenBesteling .webshop-products-view .img-wrapper {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 273px;
}
.articelenBesteling .webshop-products-view .img-wrapper .img-bg {
    background: rgb(0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0;
}
.articelenBesteling .webshop-products-view .img-wrapper:hover .img-bg {
    opacity: 0.3;
}
.articelenBesteling .webshop-products-view .img-wrapper:hover .loupeImg:before {
    position: absolute;
    content: "+";
    z-index: 20;
    height: 50px;
    width: 50px;
    top: 50%;
    left: 30%;
    background: #fab420;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.articelenBesteling .webshop-products-view .img-wrapper:hover .addToCart:before,
.articelenBesteling .webshop-products-view .img-wrapper:hover .addedToWishList:before {
    position: absolute;
    content: "";
    z-index: 20;
    height: 50px;
    width: 50px;
    top: 50%;
    right: 30%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 28px;
    font-weight: 700;
    line-height: 50px;
    text-align: center;
    color: #fff;
}
.articelenBesteling .webshop-products-view .img-wrapper:hover .addToCart:before {
    background: #fab420 url("/site/modules/webshop_module/images/wish-icon.png") no-repeat 50% 50%;
}
.articelenBesteling .webshop-products-view .img-wrapper:hover .addToCart.addedToWishList:before {
    background: #920629 url("/site/modules/webshop_module/images/wish-icon-added.png") no-repeat 50% 50%;
}
.popup {
    position: absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    display:none;
    text-align:center;
}
.popup_bg {
    background:rgba(0,0,0,0.4);
    position:absolute;
    z-index:1;
    height:100%;
    width:100%;
}
.popup_img {
    position: absolute;
    z-index: 100;
    max-height: 100%;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.popup_img img {
    width: 80vw;
    max-width: 800px;
}

.popup_img:before {
    position: absolute;
    content: "x";
    top: -20px;
    right: -20px;
    font-size: 28px;
    font-weight: 700;
    border: 2px solid #C19471;
    border-radius: 100%;
    background: #fff;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 33px;
    text-align: center;
}
.byu_item {
    position: fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    display:none;
    text-align:center;
}
.byu_img {
    width: 150px;
}
.byu_item_bg {
    background: rgba(0,0,0,0.4);
    position: absolute;
    z-index: 1;
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
}
.byu_item h3 {
    position: absolute;
    z-index: 2;
    max-height: 100%;
    max-width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #272626;;
    border-radius: 10px;
    text-align: center;
    padding: 40px 60px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    color: #98B4C8;
}
.byu_item h3 p {
    margin: 20px 0;
    font-size: 18px;
    font-weight: 400;
}
.byu_item h3 button {
    background-color: #C8AC98;
    border: 1px solid #C8AC98;
    color: #fff;
    font-size: 14px;
    padding: 10px 30px;
    cursor: pointer;
    font-weight: 400;
}
.byu_item h3 button:hover {
    background: #920629;
    border: 1px solid #920629;
}


.wish_js_product-cart {
    display: inline-block;
    vertical-align: middle;
    background: #fab420;
    height: 40px;
    width: 40px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.wish_js_product-cart:before {
    position: absolute;
    z-index: 2;
    content: "";
    background: #fab420 url(/site/modules/webshop_module/images/product-cart.png) no-repeat scroll 50% 50%;
    width: 16px;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.autocomplete {
    /*the container must be positioned relative:*/
    display: block;
    position: relative;

}
.autocomplete-items{
    position: absolute;
    max-height: 300px;
    overflow-y: scroll;
    z-index: 2	;
    width: 100%;
    background-color: #fff;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
}
.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.information {
    font-size: 20px;
    line-height: 30px;
}

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

.information__header {
    display: flex;
    background-color: #F8F7F2;
    margin-bottom: 2em;
    flex-wrap: wrap;
}

.information__left {
    width: 50%;
    display: flex;
    margin: auto;
}

.information__description {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px;
}

.information__title {
    margin-bottom: 40px;
    font-weight: bold;
    font-size: 44px;
    line-height: 1.3;
}

.information__subtitle {
    margin-bottom: 40px;
    font-size: 29px;
    line-height: 1.3;
}

.information__right {
    width: 50%;
}

.information__image {
    height: 100%;
    position: relative;
    max-height: 700px;
}

.information__bg {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.information__think {
    max-width: 350px;
    width: 40%;
    position: absolute;
    top: 5%;
    left: -7%;
}

.information__cloud {
    width: 100%;
}



/* -------------     FAQ PAGE    -------------- */


.faq_head-main {
    background-image: url(/media/faq_new.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 70px 0;
    height: 400px;
    position: relative;
}

.faq_head_content {
    color: white;
    font-size: 34px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 7px;
}

.faq_about,
.faq_items {
    max-width: 1200px;
    margin: 20px auto;
}

.contentStyle .faq_about ul {
    width: 80%;
    margin: auto;
}

.contentStyle .faq_about ul li {
    margin: 30px auto;
}


.contentStyle .faq_about ul li p {
    line-height: 32px;
    font-size: 17px;
    font-family: 'Lato', sans-serif;
    margin: 0 auto 15px;
}

.contentStyle .faq_about h4 {
    width: 80%;
    margin: auto;
    font-size: 19px;
}

.contentStyle .faq_about span {
    letter-spacing: 2px;
    text-transform: uppercase;
}

.p-strong {
    font-weight: bold;

}



.spoiler-trigger {
    cursor: pointer;

}

.row_7_style:hover {
    text-decoration: underline;
}

.spoiler-block {
    display: none;
}

/*scan result block*/
.scan-results-wrapper{
    min-height: 70vh;
}

.scan-results-wrapper .no-result-notification{
    text-align: center;
    font-weight: bold;
}

.result-item{
    display:flex;
    justify-content: space-between;
    font-weight: bold;
    padding: 15px 100px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0, .2);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: black;
    font-size: 15px;
    box-shadow: 0 10px 20px -5px rgba(0,0,0, .2);
    transition: all .3s;
}

.result-item:hover{
    cursor: pointer;
    box-shadow: 0 10px 20px -5px rgba(0,0,0, .4);
    font-size: 17px;

}

.result-item-extended img{
    width: 300px;
}

.result-item-extended{
    background-color: rgba(0,0,0, .2);
    padding: 30px;
    padding-top: 50px;
    margin-top: -10px;
}

.imageScanResult{
    display:flex;
    justify-content: space-around;

}

.imageScanResult p{
    display:flex;
    flex-direction: column-reverse;
    align-items: center;
    position: relative;
    margin: 15px 0;
}

.result-item-extended h2{
    text-align: center;
    font-weight: bold;
}

.result-item-extended > p:before{
    content: "♦";
    color: #fe5f75;
    padding-right: 5px;
}

.dateScan.arrow:before{
    content: "▼";
    color: #fe5f75;
    padding-right: 5px;
}

.dateScan:before{
    content: "▲";
    color: black;
    padding-right: 5px;
}

.imageScanResult a:hover:after{
    content: attr(data-title);
    position: absolute; /* Абсолютное позиционирование */
    left: 50%; bottom:0; /* Положение подсказки */
    transform: translate(-50%, -100%);

    z-index: 1; /* Отображаем подсказку поверх других элементов */
    background: rgba(254,95,117,0.9); /* Полупрозрачный цвет фона */
    font-family: Arial, sans-serif; /* Гарнитура шрифта */
    font-size: 11px; /* Размер текста подсказки */
    padding: 5px 10px; /* Поля */
    border: 1px solid #333; /* Параметры рамки */
}

.newMenu .homepage-menu ul{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    border: none;
    margin: 100px auto 20px;
}

.newMenu .homepage-menu h5{
    margin-top: 84px;
}

.newMenu .homepage-menu ul li{
    width: 250px;
    box-sizing: border-box;
    margin-top: unset;
    padding: 5px 30px 5px 40px;
    display: flex;
    align-items: center;
    text-align: left;
    margin-bottom: 15px;
    border: none;
}

.newMenu .homepage-menu ul li a{
    font-size: 20px;
}



/* $$$$$$$$$$$$$$$$$$$$$$$$$ */
/* For voor_leveranciers_nl.html */
.order__form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    max-width: 100%;
    width: 100%;
    transition: all 0.2s ease;
}

.order__form__wrapper {
    max-width: 100%;
}

.order__form__wrapper h2 {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 1rem;
}

.order__form input,
.order__form select,
.order__form textarea {
    padding: 0.8rem;
    border: 1px solid rgba(200, 172, 152, 0.5);
    border-radius: 7px;
    font-size: 16px;
    margin-bottom: 0.5rem;
    outline: none;
    transition: all 0.2s ease;
    margin: 0 0.5rem 0.5rem 0.5rem;
}

.order__form input:hover,
.order__form select:hover,
.order__form textarea:hover {
    border: 1px solid #d8d8d8;
    background-color: #d8d8d8;
}

.order__form input:focus:not(:last-child) {
    border: 1px solid #d8d8d8;
}

.order__form input::placeholder,
.order__form textarea::placeholder {
    transition: all 0.4s ease;
}

.order__form input:hover::placeholder,
.order__form textarea:hover::placeholder {
    color: #fff;
}

.order__form select:hover {
    color: #fff;
    cursor: pointer;
}

.order__form input:focus::placeholder,
.order__form textarea:focus::placeholder {
    font-size: 12px;
    transform: translateY(-18px);
}

.order__form textarea:focus::placeholder {
    transform: translateY(-14px);
}

.order__form textarea {
    margin-bottom: 0.5rem;
    display: flex;
    font-size: 16px;
    width: 100%;
    max-width: 100%;
    height: 100px;
    resize: vertical;
}

.order__form label {
    margin-bottom: 0.5rem;
    margin-left: 0.5rem;
}

.order__form select {
    margin-bottom: 0.5rem;
}

.order__form select option {
    border: 2px solid red;
}

.names__inner {
    display: flex;
    flex-direction: column;
}

.order__form__contact,
.order__form__transfer {
    display: flex;
    margin-bottom: 1.5rem;
}

.order__form__transfer,
.order__form__contact {
    justify-content: space-between;
}

.order__form__contact .names__inner {
    /* padding: 0.8rem 4rem; */
    width: 100%;
}

.remark__wrapper {
    display: flex;
    justify-content: center;
}

.names__title,
.order__form__names,
.order__form__toggle,
.order__form__description,
.order__form__representative,
.order__form__email__transfer,
.order__form__transfer__settings {
    display: flex;
    margin-bottom: 1.5rem;
    flex-direction: column;
    width: 700px;
    max-width: 100%;
}

.order__form__submit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.order__form__submit input {
    background: #707585;
    color: #fff;
    padding: 0.6rem 2rem;
    font-size: 20px;
}

.order__form__submit input:hover {
    background: #8696a2;
    cursor: pointer;
}

.order__form__submit input:active {
    background: #707585;
}

.g-recaptcha {
    margin-bottom: 1.5rem;
}

.visible__false {
    opacity: 0.5;
    color: rgba(255, 255, 255, 0.5);
    padding: 15px;
    border-radius: 5px;
}

.visible__false img {
    display: none;
}

.option-wrapper label.visible__false {
    cursor: default;
    display: flex;
    justify-content: center;
    justify-content: space-around;
}

.visible__false .options__content-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.options__content-margin {
    display: inline-block;
    margin-bottom: 5px;
}

.options__ean {
    position: absolute;
    font-size: 12px;
    left: 33%;
    bottom: 8px;
    color: darkgray;
}

.options__ean-disable {
    display: none;
}

.select__options:hover {
    background-color: rgb(250, 235, 215, 0.3);
    color: #fff;
}

.select__options option {
    background-color: #1B1B1B;
    outline: none;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.options__select__wrapper {
    width: 450px;
    position: relative;
    max-width: 100%;
}

.options__select-choose {
    background-color: rgba(27, 27, 27, 0.5);
    width: 200px;
    display: none;
    height: 0;
    position: absolute;
}

.option__button {
    padding: 0.5rem 0.7rem;
    color: #FAEBD7;
    border-radius: 5px;
    border: 1px solid #FAEBD7;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all .3s ease;
    cursor: pointer;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.option__button:hover {
    background-color: rgba(250, 235, 215, 0.4);
}

.option__button__img {
    transition: all .5s ease;
    width: 20px;
}

.options__select__ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.options__select__item {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
}

/* Helpers */
.options__select-choose-visible {
    display: block;
    width: 100%;
    overflow-x: hidden;
    animation: transition 0.3s ease;
    animation-fill-mode: forwards;
    position: absolute;
    z-index: 1001;
}

.options__select-choose-unvisible {
    display: block;
    width: 100%;
    overflow-x: hidden;
    animation: transitionReverse 0.3s ease;
    animation-fill-mode: forwards;
    position: absolute;
    z-index: 1001;
}

.prop-item {
    overflow: hidden;
}

/* For single option */

.order__form__toggle input {
    display: none; /* Можно также display: none; */
}

.label-helper {
    content: "";
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgb(229, 209, 194);
    width: 350px;
    max-width: 100%;
    height: 100%;
    color: #FAEBD7;
    background-color: rgba(0, 0, 0, 0.3);
    overflow: hidden;
    transition: all .3s ease;
}

.active-prop {
    /* background-color: red !important; */
    content: "";
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #eea371;
    width: 350px;
    max-width: 100%;
    height: 100%;
    color: #eea371;
    overflow: hidden;
    transition: all .3s ease;
}

.active-prop::before {
    content: "";
    position: absolute;
    background-color: #eea371!important;
    width: 25px;
    height: 40px;
    top: -17px;
    left: -8px;
    transform: rotate(
            45deg);
    transition: all .3s ease;
}

.label-helper:not(.visible__false) {
    padding: 0.5rem 0.7rem;
    border-radius: 5px;
}

.label-helper p:not(.options__ean) {
    color: #FAEBD7;
}

.label-helper.show-checked::before {
    content: "";
    position: absolute;
    background-color: rgb(238, 163, 113) !important;;
    width: 25px;
    height: 40px;
    top: -17px;
    left: -8px;
    transform: rotate(45deg);
    transition: all .3s ease;
    /* animation: rotateChecked .4s ease;
    animation-fill-mode: forwards; */
}

.change__checker-color {
    transition: all .3s ease;
    border-color: rgb(238, 163, 113);
}

/* @keyframes rotateChecked {
    0% {
        top: -45px;
    }

    100% {
        top: -20px;
    }
} */

.options__select__item {
    width: 100%;
}

.label-helper img {
    transition: all .2s ease;
    background-color: #fff;
    border-radius: 5px;
}

.label-helper + input {
    display: none;
}

.helper {
    transition: all .2s ease;
    background-color: rgb(238, 163, 113) !important;
}

.option__button-cost {
    /* position: absolute;
    left: 0;
    right: 0; */
}

@keyframes transition{
    0% {
        height: 0%;
    }

    100% {
        height: 325px;
    }
}

@keyframes transitionReverse{
    0% {
        height: 325px;
    }

    100% {
        height: 0%;
    }
}

#props {
    position: relative;
    left: 0;
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.prop-item {
    position: relative;
    z-index: 1000;
}

.prop-item img {
    border-radius: 5px;
}
.options__img-rotate {
    transform: rotate(180deg);
}
/*
      .options__select-choose-unvisible {
        transition: all 1s ease;
        opacity: 0;
        transform: translateY(0);
      } */

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

/*    .homepage_category_block, .homepage_special_offer-item, .catalogus_product {*/
/*        margin: 0 10px;*/
/*    }*/

/*    .homepage_category_block-with_info {*/
/*        width: 230px;*/
/*    }*/

/*}*/

.popup__contact {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1000;
    cursor: pointer;
    margin: 1rem;
    border-radius: 50%;
    /* box-shadow: 0 0 4px #a0a6af; */
    background-color: #000;

    animation: blinker 3s linear infinite;
    transition: all .4s ease;
}

.popup__contact:hover {
    /* box-shadow: 0 0 10px #77787e; */
    background: #000;
    animation: none;
}

.popup__contact h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 10px;
    color: #fff;
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin-top: 0.2rem;

    text-transform: uppercase;
}

.popup__contact-img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.contentStyle,
.contentStyle p, .contentStyle a {
    color: #2C2C2C;
}

/*h5 {
    color: black!important;
}*/

/* .container{
    max-width: 1400px;
    padding: 0 25px;
    margin: 0 auto;
    position: relative;
    width: 100%;
} */

.breadcrumps-wrapper {
    padding: 10px 5px;
    width: calc(100% - 270px);
    display: flex;
    flex-wrap: wrap;
    background: #F5F5F5;
    width: 100%;
    margin-bottom: 35px;
}

.webshop-category-wrapper .clearfix .container {
    position: relative;
    max-width: 1700px!important;
    padding: 0 40px;
}

.category-card__img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.homepage-menu ul li a{
    font-family: DM Sans, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
    text-transform: capitalize;
}

.homepage-menu h5{
    font-family: DM Sans, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    line-height: 26px;
    color: #fff;
    text-transform: capitalize;
    margin: 0 0 30px;
    padding-left: 10px;
}

.homepage-menu ul{
    border-right: 1px solid rgba(200,172,152, 0.5);
    border-bottom: 1px solid rgba(200,172,152, 0.5);
    padding: 0 0 40px 20px;
}

.homepage-menu ul li{
    margin-top: 25px;
    padding: 0 0 0 10px;
    display: flex;
    align-items: center;
}

.homepage-menu ul li img{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    display: inline-block;
}

.popup__contact-img-icon {
    width: 32px;
    height: 32px;
}

.recomended_products-item {
    width: 300px;
}

.basket-item-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 250px;
}

.basket-item-align a{
    display: flex;
    flex-direction: column-reverse;
    text-decoration: none;
}

.basket-item-align a span{
    font-weight: normal!important;
    font-size: 13px;
}


@keyframes blinker {
    0% {
        opacity: 1;
    }


    40% {
        opacity: 0.50;
    }
}
@media screen and (max-width: 1500px) {
    .bigPic .picframe-article {
        padding: 16px 14px;
    }

    .contentStyle h4 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1420px) {
    #basket-inner {
        width: 78%;
    }
}
@media screen and (max-width: 1286px) {
    #basket-inner {
        width: 88%;
    }
}

@media screen and (max-width: 1260px) {
    .middle_header {
        position: absolute;
        z-index: 20;
        display: none;
        height: 100vh;
        background-color: #8d99aa;
        /* background-color: #ffd09a; */
        top: 0;
        left: 70%;
        width: 30%;
        opacity: .9;
        padding: 80px 20px 20px 20px;
        justify-content: flex-start;
    }
}
@media screen and (max-width: 1255px) {
    .product-counter {
        /* flex-direction: column; */
    }
    .div_for_wish_btn {
        /* margin-top: 20px; */
    }
    .product-add-to-cart {
        /* margin-left: 0; */
    }

}

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



    .webshop-products-details .right-side .pd-title {
        font-size: 28px;
    }


    .title-block--position {
        position: static;
        left: 0;
    }

    .kapper-block-img5 {
        left: 50%;
    }

    .myScroller-wrapper {
        max-width: 800px;
    }

    .bigPic .picframe-article {
        padding: 2px 8px;
    }


    .contentStyle h4 {
        font-size: 16px;
        line-height: 1.3;
    }

    .app-downloaden-block table td img {
        display: block;
        max-width: 90%;
    }

    .logo .cart_wishList {
        right: 30px;
        transform: translateY(-50%);
    }

    span.input-name, span.input-email {
        display: block;
        margin-bottom: 20px;
    }

    .webshop-products-view {
        max-width: 250px;
    }

    .webshop-products-view .img-wrapper:hover .loupeImg:before {
        left: 25%;
    }

    .webshop-products-view .img-wrapper:hover .addToCart:before {
        right: 25%;
    }

    .webshop-products-view .price-block .price {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
    }

    .tevred_page__text {
        padding: 60px;
    }

    .header .container {
        padding: 0 25px;
    }

    .ingr {
        justify-content: flex-end;
    }

    .ingr-rev {
        display: flex;
        justify-content: flex-start !important;
    }

    .ingr-block_text {
        left: 50% !important;
        transform: translate(-50%, -50%);
    }

    .ingr-section_main {
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .about_wrapper-text,
    .about_wrapper-span,
    .about_wrapper--shop_now,
    .about_main_cat,
    .about_wrapper--app_info,
    .about_wrapper--buy-with,
    .acc-head,
    .acc-body{
        width: 80%;
    }
}

@media screen and (max-width: 1140px){
    #basket-inner {
        width: 100% !important;
    }
}

@media screen and (max-width: 1150px) {
    .search-block.search-block_searchPage {
        display: flex;
        margin: 30px auto;
    }
}
@media screen and (max-width: 1120px) {
    .modal_update_block {
        top: 120px;
        left: 0;
        width: 100%;
        height: calc(100vh - 220px);
    }
    .acc-arrow{
        display: none;
    }
    .hd-inputs-wrapper__customer {
        flex-direction: column;
        align-items: center;
    }
    .customer-form {
        width: 100%;
        margin-bottom: 15px;
    }
    .customer-form:nth-child(2) {
        margin-right: 0;
    }
    /* .ws-category-list {
        width: calc(33% - 20px);
        width: 300px;
    } */

    .customer-form:first-child {
        margin-right: 0;
    }

    .info-block {
        width: 50%;
    }
    .info-contain-right {
        width: 46%;
    }
    .product-counter{
        flex-direction: column;
        justify-content: center;
        align-items: start;
    }



    .hide_menu{
        display: none;
    }

    .blur {
        filter: blur(8px);
    }

    .header__wrapper .container {
        position: relative;
        align-items: center;
    }

    .header__wrapper .container {
        position: relative;
        align-items: center;
    }

    .search-block {
        align-self: center;
        max-width: 500px;
        margin: 30px;
    }

    .search-result {
        padding: 10px;
        position: absolute;
        width: 160%;
        top: 100%;
        z-index: 40;
        max-height: 70vh;
        min-height: 200px;
        overflow-y: scroll;
        color: white;
        background-color: #434040;
        border-radius: 5px;
        left: -30%;
    }

    .product-counter {
        /* flex-direction: column; */
    }
    .div_for_wish_btn {
        margin-top: 20px;
    }
    .product-add-to-cart {
        margin-left: 0;
    }

}

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

    .faq_head_content {
        color: white;
        font-size: 31px;
    }
    #basket-inner {
        width: 100%;
    }
}


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

    .main_img_text{
        width: 70%;
    }
    /*.homepage_insta > a:after {*/
    /*    font-size: 11px;*/
    /*}*/

    .main_img_text h5{
        font-size: 45px;
    }
    .recommendation__wrapper::after {
        height: 80%;
    }

    .contact-us__info-inner {
        padding: 40px 30px;
    }

    .video {
        padding: 110px 0 90px;
    }

    .product {
        margin-bottom: 70px;
    }

    .production:after {
        font-size: 250px;
        top: 0;
    }

    .information {
        font-size: 16px;
        line-height: 1.6;
    }

    .information__title {
        font-size: 34px;
        line-height: 1.3;
    }

    .information__title {
        font-size: 25px;
        line-height: 1.3;
    }
    .order_product_list-item {
        width: 95%;
        margin: 20px auto;
    }

    .order_product_list-item p{
        margin: 15px 5px 0 ;
    }

}

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

    .b-contentText .contentStyle .address_tab th, .b-contentText .contentStyle .address_tab td {
        width: 100% !important;
        display: block;
    }

    .hide_tab_body-address {
        display: none;
    }

    .myModalMenu.fullSize{
        width: 600px;
    }


    .responsive-wrapper {
        margin: 0;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 40px 0;
        position: relative;
        z-index: 1;
    }

    .ingr-text h4 {
        font-size: 18px !important;
    }

    #edit-info {
        flex-direction: column;
        align-items: center;
    }


    .responsive-wrapper:before {
        content: "";
        position: absolute;
        z-index: 2;
        bottom: 10px;
        left: 20px;
        width: 32px;
        height: 32px;
        background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDkwNy42MTggOTA3LjYxOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOTA3LjYxOCA5MDcuNjE5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTg1NS4xMTgsMjYzLjQ0N0gxNzkuODM5bDQxLjY4OS00Mi4xOTJjMjAuMzc5LTIwLjYyNSwyMC4xOC01My44NjUtMC40NDUtNzQuMjQ0ICAgYy0yMC42MjUtMjAuMzgtNTMuODY1LTIwLjE4MS03NC4yNDUsMC40NDVMMTUuMTU1LDI4MC43MjhjLTkuNzg3LDkuOTA0LTE1LjIzOCwyMy4yOTEtMTUuMTU0LDM3LjIxNCAgIGMwLjA4MywxMy45MjQsNS42OTUsMjcuMjQ0LDE1LjU5OSwzNy4wM2wxMzEuNDgsMTI5LjkxM2MxMC4yMzIsMTAuMTA5LDIzLjU2NywxNS4xNTQsMzYuODk4LDE1LjE1NCAgIGMxMy41NDEsMCwyNy4wNzgtNS4yMDcsMzcuMzQ3LTE1LjYwMmMyMC4zNzktMjAuNjI1LDIwLjE4LTUzLjg2NC0wLjQ0NS03NC4yNDNsLTQyLjI1MS00MS43NDdoNjc2LjQ4OSAgIGMyOC45OTUsMCw1Mi41LTIzLjUwNSw1Mi41LTUyLjVDOTA3LjYxOCwyODYuOTUyLDg4NC4xMTMsMjYzLjQ0Nyw4NTUuMTE4LDI2My40NDd6IiBmaWxsPSIjRkZEQTQ0Ii8+Cgk8cGF0aCBkPSJNNzYwLjc4MSw0MjMuMThjLTIwLjM3OS0yMC42MjYtNTMuNjItMjAuODI2LTc0LjI0NS0wLjQ0NGMtMjAuNjI1LDIwLjM3OS0yMC44MjQsNTMuNjE4LTAuNDQ1LDc0LjI0M2w0MS42ODksNDIuMTkzSDUyLjUgICBjLTI4Ljk5NSwwLTUyLjUsMjMuNTA0LTUyLjUsNTIuNWMwLDI4Ljk5NCwyMy41MDUsNTIuNSw1Mi41LDUyLjVoNjc2LjQ4OWwtNDIuMjUxLDQxLjc0NiAgIGMtMjAuNjI1LDIwLjM3OS0yMC44MjQsNTMuNjE5LTAuNDQ1LDc0LjI0NGMxMC4yNzEsMTAuMzk1LDIzLjgwNiwxNS42MDIsMzcuMzQ4LDE1LjYwMmMxMy4zMjktMC4wMDIsMjYuNjY3LTUuMDQ3LDM2Ljg5Ny0xNS4xNTQgICBsMTMxLjQ4LTEyOS45MTRjOS45MDMtOS43ODUsMTUuNTE2LTIzLjEwNSwxNS41OTktMzcuMDI5cy01LjM2OC0yNy4zMTEtMTUuMTU0LTM3LjIxNUw3NjAuNzgxLDQyMy4xOHoiIGZpbGw9IiNGRkRBNDQiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat;
    }

    .responsive-wrapper .checkout_header_wrapper,
    .responsive-wrapper .checkout_items_wrapper,
    .responsive-wrapper .cart_header_wrapper,
    .responsive-wrapper .cart_items_wrapper,
    .responsive-wrapper .clearfix,
    .responsive-wrapper .tablesorter {
        min-width: 1000px;
    }

    .maps {
        height: 500px;
    }

    .contact-page__block {
        width: 100%;
        margin: 0;
        box-shadow: none;
    }

    .faq_head_content {
        font-size: 30px;
        text-align: center;
    }

    .contentStyle .acc-body p {
        width: 90%;
    }

    .nieuws{
        align-items: center;
    }

    .item-info__content .item-info-title{
        font-size: 24px;
        color: white;
        font-weight: bold;
    }
    .item-image{
        min-height: 470px;
    }

    .clubs_info_r,
    .clubs_info_l{
        flex-direction: column-reverse;
        max-width: 600px;
        margin: auto;
    }
    .clubs_info_r-img,
    .clubs_info_l-img{
        width: 100%;
        text-align: center;
    }
    .clubs_info_r-text,
    .clubs_info_l-text{
        width: 100%;
        margin-bottom: 20px;
    }
    .clubs_info_l-text p{
        width: 100%;
    }
    .slaider1,.slaider2,.slaider3,.slaider4,.slaider5,
    .slaider6,.slaider7,.slaider8,.slaider9,.slaider10{
        height: 550px!important;
    }


}

@media screen and (min-width: 1000px) {
    .address_shopadmin_title {
        display: none;
    }
}


@media screen and (max-width: 970px) {
    .env-title {
        font-size: 28px;
        text-align: center;
    }
    .div_for_wish_btn {
        width: 100%;
        align-items: center;
    }
    .div_for_wish_btn button {
        margin: 0 0 10px 0;
    }
    .wish-btn {
        justify-content: center;
    }
    .checkout-body {
        flex-direction: column;
    }
    .checkout-info, .checkout-cart {
        align-self: stretch;
    }
    .checkout-cart {
        margin-top: 30px;
        min-width: 1px;
    }


    .block-title {
        font-size: 16px !important;
    }

    .env-block-item p {
        font-size: 19px;
    }
    .env-block-item h3 {
        margin: 0 auto 20px;
    }

    .enviroment-head p {
        width: 100%;
        font-size: 20px;
    }

    .enviroment-head {
        background-image: url('/media/enviroment/background1.jpg');
        height: auto;
        padding: 70px 0;
        background-position: 0 center;
    }
    .info-block{
        display: none;

    }
    .info-contain{
        padding: 20px 0;
        position: unset;
        transform: unset;
        align-items: center;
    }
}

@media screen and (max-width: 920px) {
    .webshop-products-details .left-side {
        flex-direction: column;
    }
    .pics-nav {
        width: 100%;
        order: 2;
    }
    .pics-preview {
        width: 100%;
        order: 1;
    }
}

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

    .middle_header {
        left: 60%;
        width: 40%;
    }

    .form_article {
        width: inherit;
    }

    .news_item {
        width: 50%;
    }

    .menu_items{
        justify-content: space-around;
    }

    .sld_block {

        min-height: 360px !important;
    }

}

.order_shopadmin_id {
    color: royalblue;
    text-decoration: underline;
    cursor: pointer;
}

.order_shopadmin_id:hover {
    text-decoration: none;
}

@media (min-width: 800px) {
    .customer_shopadmin_title, .order_shopadmin_title {
        display: none;
    }
}

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

    .hide_tab_body, .hide_order_item {
        display: none!important;
    }

    .hide_tab_body, .hide_customer_item {
        display: none!important;
    }

    .orders_tab_header > div, .orders_tab td {
        height: auto;
    }

    .customers_tab th, .customers_tab td {
        height: auto;
    }

    .b-contentText .contentStyle .orders_tab_header > div, .b-contentText .contentStyle .orders_tab td {
        width: 90% !important;
    }

    .order_shopadmin_item {
        position: relative;
    }

    .b-contentText .contentStyle .customers_tab th, .b-contentText .contentStyle .customers_tab td {
        width: 100% !important;
    }

    .order_approve_box {
        position: absolute;
        top: 50%;
        right: 20px;
        margin: 0 auto;
    }

    .testmode_wrapper__text{
        font-size: 40px;
    }
    .webshop-products-view .price-block .price {
        padding-right: 5px;
        padding-left: 5px;
        margin-right: 5px;
    }


    .app-downloaden-block table td {
        display: block;
        width: 100%;
        margin-bottom: 14px;
    }

    .app-downloaden-block table td a,
    .app-downloaden-block table td a img {
        margin: auto;
        display: block;
    }

    .checkout_form .title {
        padding-bottom: 10px;
        padding-left: 10px;
    }


    .myScroller-wrapper {
        max-width: 360px;
    }

    .category-list-front .category-list-front__item {
        margin: 0;
    }

    .category-list-front__item .img {
        max-width: 360px;
    }

    .category-list-front__item .name a {
        max-width: 360px;
    }


    .b-footer, .b-negeso {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    .b-menu .search-field {
        top: 30px;
        transform: translateY(0);
        border-bottom: 2px solid #6683a2;
        padding: 0 20px 10px 0;
        text-align: right;
        left: 0;
    }

    .header .logo {
        flex-direction: column;
    }

    .aanmelden-box {
        top: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .header .logo .noneLink img,
    .header .logo .logo-link img {

        margin: auto;
    }

    .bigPic .picframe-article {
        width: 70%;
    }

    .contentStyle h4 {
        font-size: 14px;
    }

    .b-menu .search-field .form-search {
        text-align: right;
    }

    .search-field .form-search {
        text-align: center;
    }

    .b-rightColumn .search-field {
        margin-bottom: 66px;
    }

    .search-field #search-zoeken {
        max-width: 380px;
    }

    .clients-information-front table td img {
        display: block;
        max-width: 100%;
    }

    .sale-products-front .sale-products-front__item {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .sale-products-front__item .price {
        margin-bottom: 12px;
    }

    .contentStyle .footer-icon-block a {
        margin-right: 30px;
    }


    .b-contentText .contentStyle table tr td {
        width: 100% !important;
        display: block;
    }

    .b-contentText .contentStyle .orders_tab_header > div, .b-contentText .contentStyle .orders_tab td {
        /*width: 25% !important;*/
        display: inline-block;
        height: 0;
    }

    .b-contentText .contentStyle .customers_tab th, .b-contentText .contentStyle .customers_tab td {
        display: inline-block;
    }

    .webshop-products-view-matrix .img-matrix {
        width: 30%;
    }

    .webshop-products-view-matrix .title-matrix {
        width: 70%;
    }

    .webshop-products-view-matrix .value-matrix,
    .webshop-products-view-matrix .price-matrix {
        width: 50%;
        margin-bottom: 10px;
    }

    .webshop-products-view-matrix .buy {
        width: 100%;
    }


    .checkout_form .checkout_inputs {
        max-width: 290px;
    }

    .clients-information-front table td {
        display: block;
        width: 100% !important;
    }

    .header .logo a.logo-link {
        display: block;
    }

    .header .search-field {
        position: relative;
        margin: 10px auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .logo .cart_wishList {
        justify-content: center;
        position: relative;
        top: 0;
        right: 0;
        transform: translateY(0);
    }

    .header .search-field #search-zoeken-top {
        max-width: 280px;
    }

    .smMarginBottom_10 .sm_items {
        position: static;
        margin-left: 20px;
    }

    .contact-page__block {
        flex-direction: column;
    }



    .contact-page_address, .contact-page_descr {
        width: 100%;
        padding: 20px;
    }

    .contact-page_address__content {
        margin-top: 20px;
    }

    .maps {
        height: 400px;
    }

    .menu-type {
        flex: 3 3 0;
    }

    .main_img_text h5{
        font-size: 40px;
    }

    .info-contain{
        justify-content: flex-end;
    }
    .all_right h5{
        font-size: 34px;
    }

}

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

    .item-image img {
        height: 370px;
    }
    .ws-category-list {
        /*width: calc(50% - 20px);*/
        width: 300px;
    }



}

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

    .item-image img {
        height: 370px;
    }

    .main_img {
        max-height: 500px;
        overflow: hidden;
    }

    .main_img img {
        max-height: 500px;
    }

    .main_img_text{
        top: 60%;
    }
}

@media screen and (max-width: 785px){
    .footer__bottom a{
        margin-top: 20px ;
    }
}

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

    .wrapper-requisites {
        flex-direction: column;
        align-items: center;
    }
    .basket_main_wrapper{
        align-items: center;
    }

    .product-counter {
        align-items: center;
        justify-content: center;
    }

    .options__select-choose-unvisible,
    .options__select-choose-visible,
    .options__select__ul {
        width: 100%;
    }

    .options__select__wrapper,
    .label-helper {
        width: 320px;
        max-width: 100%;
    }

    .option__button {
        width: 100%;
    }

    .options__ean,
    .prop-ean {
        left: 36%;
    }

    .option-wrapper {
        align-items: center;
    }

    /*.left_header img {*/
    /*    width: 100%;*/
    /*  }*/

    .search-result {
        width: 100%;
        left: 0;
    }

    .basket-body {
        max-height: 100vh;
        height: 100vh;
    }

    .basket-item_left {
        flex-direction: column;
    }
    .checkout-controls {
        flex-direction: column-reverse;
        align-items: center;

    }
    .registration-form-header {
        flex-direction: column;
        align-items: center;
    }
    .registration-form-header__item {
        width: 100%;
    }

    .webshop-products-details .left-side {
        width: 100%;
        max-width: 450px;
        margin: 0 auto;
    }

    .basket-submit {
        text-align: center;
    }

    .top-products_wrapper {
        flex-direction: column;
        align-items: center;
    }

    .top-products_wrapper .product-card {
        max-width: 350px;
    }

    .webshop-products-details .right-side {
        padding-left: 0;
        width: 100%;
    }
    .webshop-products-details .right-side .pd-title {
        text-align: center;
    }
    .webshop-products-details .right-side .pd-price {
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .pd-attr {
        text-align: center;
    }
    .product-counter-block .product-counter {
        align-items: center;
    }

    .webshop-products-details-card {
        flex-direction: column;
        align-items: center;
    }

    .basket-item-right {
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }

    .basket-info {
        flex-direction: column;
        align-items: center;
    }

    .basket-submit {
        align-self: center;
        max-width: 350px;
        width: 100%;
        margin-top: 20px;
        margin-left: 10px;
        margin-right: 10px;
    }


    .buy-product {
        margin-bottom: 120px;
    }

    .buy-product:after {
        bottom: -50px;
    }

    .buy-product__images {
        display: none;
    }

    .buy-product__description {
        width: 100%;
        padding: 30px 30px 0 30px;
    }

    .buy-product__description:after {
        bottom: -30px;
    }

    .buy-product__title {
        font-size: 32px;
    }

    .better-world {
        margin-bottom: 100px;
    }

    /*.button-main {*/
    /*    font-size: 12px;*/
    /*}*/

    .contact-us__wrapper {
        flex-direction: column;
    }

    .contact-us__form {
        padding: 40px 30px;
        max-width: 100%;
    }

    .contact-us__info {
        width: 100%;
    }

    .contact-us__info-inner {
        margin-top: 0;
        width: 100%;
    }

    .contact-us__title {
        margin-bottom: 5px;
    }

    .contact-us__text {
        margin-bottom: 25px;
    }

    .contact-us__mail {
        margin-bottom: 25px;
    }

    .form__title {
        font-size: 20px;
    }

    .form__input {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 25px;
    }

    .form__input::placeholder {
        font-size: 14px;
        line-height: 25px;
    }

    /*.footer__wrapper {*/
    /*    justify-content: center;*/
    /*}*/

    .copyright {
        order: 2;
    }


    .wrapper-conditioner {
        font-size: 16px;
    }

    .conditioner {
        height: 400px;
        margin-bottom: 2em;
    }


    .read-conditioner__text {
        font-size: 22px;
        line-height: 1.3;
    }

    .footer-conditioner__wrapper {
        height: 400px;
    }

    .faq_head-main {
        height: 300px;
    }


    .right_header ul{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .right_header ul li{
        padding: 20px 0;
    }

    .right_header{
        width: unset;
    }

    .burger_block{
        display: block;
        z-index: 10;
    }


    .nieuws{
        flex-direction: column-reverse;
    }
    .img,
    .info{
        width: 80%;
        overflow: hidden;
    }

    .arrow_news:after{
        background-color:#C19471;
        left: -15px;
    }
    .item-image img{
        height: inherit;
    }
    .env-block-item {
        width: 100%;
        order: 1;
    }

    .env-block {
        flex-direction: column-reverse;
        margin: 0 auto 10px;
    }

    .env-block-img{
        width: 100%;
    }
    .env-blocks{
        width: 550px;
        margin: auto;
    }

    .slaider1,.slaider2,.slaider3,.slaider4,.slaider5,
    .slaider6,.slaider7,.slaider8,.slaider9,.slaider10{
        height: 450px!important;
    }
    .app_img, .google_img {
        width: 140px;
    }
    .about_wrapper h5{
        font-size: 23px;
    }
    .about_wrapper h5 a{
        font-size: 23px;
    }
    .acc-head h6{
        font-size: 19px;
    }
    .about_wrapper--app_info img{
        max-height: 350px;
    }
    .contentStyle p.about_wrapper--last_p{
        width: 80%;
        font-size: 20px;
    }
    .orders_item_wrapper{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 80%;
        margin: 20px 0;
    }

    .orders_item_wrapper div{
        margin-bottom: 7px;
    }

    .order_list{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .order_product_list-item a{
        flex-direction: column;
        max-width: 280px;
        margin: auto;
    }

    .order_product_list-item{
        margin: 20px 0;
        max-width: 300px;
    }

    .order_product_list{
        flex-wrap: wrap;
        justify-content: space-around;
        flex-direction: unset;
    }

    #myModal h5{
        font-size: 22px;
        margin-top: 20px;
    }
}

@media screen and (max-width: 775px) {
    .ingr-section img {
        position: static;
    }

    .ingr {
        flex-direction: column;
    }

    .top-banner-item {
        font-size: 10px;
    }

    .top-banner {
        overflow-y: hidden;
    }

    .top-banner .rotateBanerBtn.prev-btn {
        left: 0;
    }

    .top-banner .rotateBanerBtn.next-btn {
        right: 0;
    }

    .header__content {
        margin-top: 0;
    }


    .spec-options {
        flex-direction: column;
        align-items: center;
        position: static;
    }

    .spec-options div:first-child {
        margin-right: 0;
    }

    .main-title {
        font-size: 18px;
        text-align: center;
        color: white;
    }
}


@media (max-width: 750px) {

    .tab-header {
        width: 100%;
    }

    .tabs-nav {
        flex-direction: column;
        width: 200px;
    }

    .product-tabs {
        align-items: center;
    }

    .tevred_page__main {
        flex-direction: column;
    }

    .tevred_page__img img {
        min-width: inherit;
        min-height: inherit;
    }

    .tevred_page__img {
        width: 90%;
        margin: auto;
    }

    .tevred_page__text {
        position: inherit;
        transform: inherit;
        width: 90%;
        margin: auto;
    }

    .imageScanResult{
        flex-direction: column;
    }

}


@media screen and (max-width: 740px) {
    .contact-wrapper{
        flex-direction: column;
        align-items: center;
    }
    .left_article {
        width: 80%;
        margin-bottom: 35px;
    }
    .left_article p{
        width: 100%;
    }

    .left_article h5{
        font-size: 32px;
        text-align: center;
    }
}


@media (max-width: 700px) {

    .sub-img {
        float: none;
        margin-left: 50%;
        transform: translate(-50%, 0);
    }

    .info-contain{
        flex-direction: column;
    }
    .info-contain-left{
        width: unset;
        right: unset;
    }
    .info-contain-right{
        width: 90%;
    }

}

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

    .myModalInfoMassage{
        width: 90%;
    }

    .crt-item .option-wrapper label {
        width: calc(33% - 20px);
        min-width: 150px;
    }
    .crt-item .option-wrapper {
        flex-wrap: wrap;
    }

    .account-content {
        flex:1
    }

    .account-content-inner img {
        width: 28px;
        height: 28px;
    }

    .sliderHeader__arrows {
        top: 80%
    }


    div.languageBox {
        top: -80px;
        left: -34px;
        margin-left: 0;
    }

    .main_img_text {
        top: 280px;
        width: 80%;
    }
    .main_img_text h5{
        margin-bottom: 65px;
    }
    .menuicon2{
        margin: 0 40px;
    }

    .about-app__btns {
        margin-top: 20px;
        text-align: center;

    }

    .about_main_cat{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        justify-items: center;
        grid-gap: 15px;
    }
    .about_wrapper-span{
        text-align: center;
    }
    .bil_and_ship-info{
        flex-direction: column;
        align-items: center;
    }

    .bil_and_ship-info p,
    .order_product_list-wrapper h6,
    .bil_and_ship-info h6{
        text-align: center;
    }

    .shipping_info{
        margin: 30px 0;
    }
    .bil_and_ship-info h6,
    .order_product_list-wrapper h6{
        margin: 0 0 10px;
    }
}


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

    .wishList-count {
        margin-right: 10px;
    }

    .order__form__contact,
    .order__form__transfer {
        flex-direction: column;
    }

    .result-item{
        padding: 15px;
    }


    .checkout-step {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    .checkout-nav__item {
        font-size: 14px;
    }

    .checkout-head__steps .account-title {
        font-size: 12px;
    }

    .co_item__head {
        flex-direction: column;
        align-items: stretch;
    }
    .co_item__head-right, .co_item__head-left {
        justify-content: space-between;
        flex: 0 !important;
    }

    .webshop_cart_footer .clear_cart,
    .webshop_cart_footer .checkout_page {
        display: block;
        float: none;
        width: 60%;
        margin: 0 auto 10px;
        text-align: center;
    }

    .checkout_form .checkout_form_left,
    .checkout_form .checkout_form_right {
        float: none;
        width: 100%;
    }

    .type_delivery_list .delivery_item {
        width: 100%;
    }

    .checkout_form .checkout_form_left {
        border-bottom: 0 none;
    }


    .bigPic .picframe-article {
        width: 94%;
    }

    .contentStyle h4 {
        font-size: 14px;
        margin-bottom: 6px;
    }

    .search-field #search-zoeken {
        max-width: 260px;
    }


    .search-field #search-zoeken {
        max-width: 220px;
    }

    .webshop-products-details .left-side,
    .webshop-products-details .right-side {
        min-width: auto;
        width: 100%;
        box-sizing: border-box;
    }

    .product-counter {
        align-items: center;
    }

    .pd-attr, .bottom-line {
        text-align: center;
        padding-top: 10px;
    }

    .webshop-products-details .right-side .pd-price {
        text-align: center;
        padding: 14px;
        font-size: 18px;
    }

    #product-is__stock,
    #product-is-not__stock {
        font-size: 22px;
    }

    #product-is__stock {
        max-width: 176px;
    }

    #product-is-not__stock {
        max-width: 201px;
    }

    .product-subtext {
        margin-bottom: 7px;
    }

    .product-add-to-cart {
        margin-top: 30px;
    }


    .indicator{
        float:none;
        display: flex;
        justify-content: center;
        margin: 0;
    }

    .webshop-products-details .right-side .pd-title {
        font-size: 22px;
        padding: 10px 0;
        text-align: center;
    }

    .checkout_form .forms_button a,
    .checkout_form .forms_button button {
        display: block;
        width: 60%;
        margin: 0 auto 10px;
        text-align: center;
    }

    .pager .select {
        margin: 0 1px;
    }

    .popup_img img {
        max-width: 400px;
    }

    .webshop-products-view-matrix .img-matrix,
    .webshop-products-view-matrix .price-matrix,
    .webshop-products-view-matrix .buy,
    .webshop-products-view-matrix .product_number,
    .webshop-products-view-matrix .value-matrix {
        width: 100%;
        text-align: left;
    }

    .webshop-products-view-matrix .title-matrix {
        padding: 0;
    }

    .product-add-to-cart {
        float: none;
    }

    .video__wrapper {
        background-size: cover;
    }

    .faq_head-main {
        height: 240px;
    }

    .arrow_news:after {
        left: -20px;
    }
    .product_sld h5, .news_block h5{
        font-size: 40px;
    }

    .webshop-products-heading{

        font-family: inherit;
        font-size: 29px;
        padding-bottom: 19px;
    }
    .partner-worden__registration{
        padding: 50px;
    }
    .env-blocks{
        width: 100%;
        margin: auto;
    }
    .onnze_prod_last_text{
        font-size: 18px;
        line-height: 160%;
    }
}

@media screen and (max-width: 565px) {
    .basket-item-right {
        justify-content: space-between;
    }
    .basket-item {
        align-items: left;
    }
}

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

    .track_item_text {
        display: none;
    }

    .middle_header {
        left: 40%;
        width: 60%;
    }

    .myModalMenu {
        width: 100%;
        height: 100vh;
    }


    .order__form__contact,
    .order__form__transfer {
        flex-direction: column;
    }
}



@media screen and (max-width: 515px) {
    
    .modal_update_block{
        top: 150px;
        height: calc(100vh - 150px);
    }
    .cart-item {
        flex-direction: column;
    }
    .checkout-cart {
        min-width: 1px;
    }
    .cart-img {
        width: 150px;
    }
    .news_item {
        width: 100%;
        margin-bottom: 20px;
    }
    .ws-category-list {
        width: 100%;
    }
    .chechout-submit__wrapper {
        justify-content: center;
    }
    .cart-item__left {
        justify-content: center;
        flex-direction: column;
    }
    .cart-item__left .cart-item__title, .cart-item__left .cart-item__subtext {
        text-align: center;
    }

    .order__form__description {
        position: relative;
        padding-top: 2.05rem;
    }

    .order__form__description label {
        position: absolute;
        display: flex;
        top: 0;
        left: 0;
    }
}



@media screen and (max-width: 500px) {
    .modal_update_block_order {
        left: calc(50% - 120px);
        top: calc(55vh - 235px);
        width: 240px;
    }

    .modal_update_form button.less_width {
        width: 200px;
    }
}

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

    .order_product_item {
        align-items: start;
    }

    .basket-body {
        padding: 15px;
    }

    .webshop-products-view-wrapper .product-card {
        width: 300px;
    }

    .webshop-products-view-wrapper{
        justify-content: center;
    }
    .webshop-products-heading {
        text-align: center;
    }

    .co_item__head-right, .co_item__head-left {
        flex-direction: column !important;
    }

    .basket_input-wrapper {
        flex-direction: column;
    }
    .basket_input {
        flex-basis: 0;
    }

    .basket-form {
        width: 300px;
    }

    .faq_head-main{
        height: 200px;
    }


    .about_wrapper--app_info{
        flex-direction: column-reverse;
    }
    .about_wrapper--app_info--first-div{
        width: 100%;
        margin-right: unset;
        margin-top: 20px;
        text-align: center;
    }

    .about_wrapper--app_info img {
        max-width: 200px;
        margin: auto;
    }
    .about_wrapper--best_price p a{
        font-size: 19px;
    }

    .how_to_sale p, .how_to_buy p,
    .help_wrapper p, .do_not_acc p{
        width: 100%;
    }
    .how_to_sale ul,
    .how_to_buy ul,
    .help_wrapper ul,
    .do_not_acc ul{
        margin-left: 20px;
    }
    .help_info{
        flex-direction: column;
        align-items: center;
    }


}

@media screen and (max-width: 470px) {
    .infoBanners {
        font-size: 80%;
    }
}

@media screen and (max-width: 450px) {
    .submit_a_box {
        flex-direction: column;
    }
}
@media screen and (max-width: 400px) {

    .modal_update_block_cat {
        left: calc(50% - 135px);
        width: 270px;
    }

    .middle_header {
        left: 20%;
        width: 80%;
    }

    .order__form__wrapper h2 {
        font-size: 22px;
    }

    .partner-worden__registration {
        padding: 25px;
    }

    .about_main_cat {
        grid-template-columns: 1fr 1fr;
    }

    .about_wrapper h5, .about_wrapper h5 a {
        font-size: 20px;
    }

    .about_wrapper-text, .about_wrapper-span, .about_wrapper--shop_now, .about_main_cat, .about_wrapper--app_info, .about_wrapper--buy-with, .acc-head, .acc-body {
        width: 90%;
        padding: 10px;
    }

    .acc-head h6 {
        font-size: 17px;
    }

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

    .acc-head:after {
        top: 40%;
    }

    .orders_item_wrapper {
        width: 275px;
    }
}

@media screen and (max-width: 350px) {
    .infoBanners {
        font-size: 75%;
    }
}

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

    .options__select__wrapper {
        width: 250px;
    }

    .prop-price,
    .option__button-cost,
    .property-body-paragraph,
    .option__button__cover-text {
        font-size: 18px;
    }

    .options_-ean {
        font-size: 10px;
    }
}


/*Responsive end*/


/*Shopadmin.css start*/
.product-tabs{
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 25px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.tabs-nav {
    display: flex;
    justify-content: center;
}

.tabs-btn{
    padding: 2%;
    text-decoration: none;
    text-align: center;
    border: 1px solid transparent;
    cursor: pointer;
    background: none;
    font-weight: 700;
    font-size: 21px;
    color: #2C2C2C;
    display: inline-block;
    box-shadow: inset 0 -2px 0 0 #F5F5F5;
    padding-bottom: 8px;
}
@media (max-width: 1131px) {
    .tabs-btn{
        font-size: 18px;
    }
}

.tabs-btn_active{
    box-shadow: inset 0 -2px 0 0 #237ACA;
    transition: 0.9s;
}

.tabs-item{
    margin-top: 25px;
}

.product_shopadmin_item, .category_shopadmin_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    margin: 15px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
    max-width: 1100px;
}

.admin_product_functional_block {
    padding: 0 7px;
    width: 120px;
}

.admin_product_info {
    width: calc(100% - 134px);
    display: grid;
    grid-template-columns: 3fr 10fr 4fr 4fr 2fr;
}

.admin_product_info div {
    display: flex;
    align-items: center;
}

.admin_product_price span {
    width: 100%;
    text-align: right;
}

@media (max-width: 500px) {
    .product_shopadmin_item {
        flex-direction: column;
    }
    .admin_product_info {
        min-width: 100%;
        margin-bottom: 10px;
    }
}

.admin_product_sku {
    padding: 0 5px;
}

.admin_product_title {
    padding: 0 5px;
}

.admin_product_price {
    padding: 0 5px;
    text-align: right;
}

.modal_update_block.order_create {
    height: calc(100vh - 180px);
    width: 100%;
}

.product_admin_form.order-create_form {
    max-width: 1200px;
    margin: 0 auto;
}

.orders__product-item {
    box-shadow: 3px 5px 10px rgb(102 102 102 / 50%);
    margin: 20px 10px 20px 0;
    border-radius: 8px;
    padding: 20px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.orders__product-name {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.orders__product-quantity-box {
    display: inline-flex;
    border: 1px solid #0a2e74;
    border-radius: 10px;
    padding: 3px 5px;
    align-items: center;
}

.orders__product-quantity-value {
    padding: 0 5px;
}

.orders__product-quantity-controller {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}

.orders__product-quantity-controller span {
    line-height: 15px;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer;
}

.orders__product-quantity-controller span.quant-plus {
    padding: 0 7px;
}

.orders__product-quantity-controller span:hover {
    background: #c0e0ee;
}

.orders__product-quantity-controller span:active {
    background: #9fc9da;
}

.orders__product-button {
    float: right;
    margin-left: 10px;
    background: #0a2e74;
    padding: 6px 10px;
    color: white;
    border-radius: 8px;
    transition: .1s;
    cursor: pointer;
}

.orders__product-button.added {
    background: limegreen;
}

.orders__product-button.added:hover {
    background: limegreen;
}

.orders__product-button:hover {
    background: #cb1318;
}

.orders__pagination-box {
    display: flex;
    width: 150px;
    float: right;
    justify-content: space-between;
    margin-right: 80px;
}

.orders__pagination-button {
    padding: 5px 15px;
    background: lightgrey;
    transition: .1s;
    cursor: pointer;
    border-radius: 8px;
}

.orders__pagination-button:hover {
    background: #b3b3b3;
}

.orders__search-input-block {
    display: flex;
    align-items: center;
    padding: 10px 15px;
}

.orders__checkout-box {
    max-width: 900px;
}

.orders__customers-box {
    padding-bottom: 50px;
    display: flex;
    align-items: center;
}

.orders__customer-text {
    font-size: 21px;
    font-weight: bold;
    margin-right: 10px;
}

.orders__plus-customer {
    margin: 0 15px;
    font-weight: bold;
    font-size: 35px;
    color: #0a2e74;
    cursor: pointer;
}

.orders__modal-create-customer {
    position: fixed;
    width: 98%;
    background: white;
    height: calc(110vh);
}

.orders__customer_inputs-row {
    display: flex;
    justify-content: space-between;
}

.orders__customer_inputs-row input {
    padding: 5px;
    border-radius: 10px;
    border: 1px solid black;
}

.orders__modal-create-customer form .modal_update_form {
    width: 600px;
    margin: 0 auto;
}

.orders__customers-select {
    width: 300px;
    position: relative;
}

.orders__customers-select_selected-value {
    padding: 5px;
    border: 1px solid black;
    border-radius: 10px;
    cursor: pointer;
}

.orders__customers-options-box {
    box-shadow: 1px 1px 5px black;
    padding: 10px;
    position: absolute;
    background: white;
    max-height: 300px;
    overflow-y: scroll;
    border-radius: 10px;
    top: 43px;
}

.orders__customers-options-box.hidden {
    display: none;
}

.orders__search-customer-option form {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.orders__search-customer-option form input {
    padding: 10px;
    height: 30px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    margin: 0;
}

.orders__search-customer-option form button {
    height: 30px;
    outline: none;
    border: none;
    padding: 0 10px;
    background: #0a2e74;
    color: white;
    font-size: 15px;
}

.orders__customer_option {
    padding: 3px 1px;
    cursor: pointer;
}

.orders__customer_option div:last-child {
    color: lightslategrey;
    font-size: 16px;
    text-transform: capitalize;
}

.orders__customer_option:hover {
    background: #dcdcdc;
}

.orders__cart-box p {
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid black;
    font-size: 20px;
    font-weight: bold;
}

.orders__cart_product-box {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 10px;
    border-bottom: 1px solid black;
}

.orders__cart_product-box div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.orders__cart-footer {
    border-bottom: 1px solid black;
    padding: 15px 10px;
}

.orders__cart-footer .orders__cart_levering {
    color: green;
}

.orders__cart-footer .orders__cart_sum {
    display: flex;
    flex-direction: column;
}

.orders__cart_sum div:first-child {
    display: flex;
    justify-content: flex-end;
    font-weight: bold;
}

.orders__cart_sum div:last-child {
    display: flex;
    justify-content: flex-end;
    color: darkgrey;
    font-weight: bold;
    font-size: 13px;
    margin-top: 5px;
}

.orders__submit-cart-box {
    display: flex;
    justify-content: center;
    padding: 15px 0;
}

.orders__submit-cart-box div {
    width: 300px;
    background: #D73535;
    margin: 7px;
    color: white;
    padding: 10px;
    text-align: center;
    box-shadow: 1px 1px 5px black;
    font-size: 25px;
    cursor: pointer;
    transition: .2s;
}

.header__contactLink {
    text-decoration: underline;
    color: white;
    margin-left: 3px;
}

.orders__submit-cart-box div:hover {
    background: #0a2e74;
    text-decoration: underline;
}

/* .product_admin_form button.create-order-submit, .products_tab_wrapper button.create-order-submit { */

button.create-order-submit {
    padding: 5px 15px;
    background: #237ACA;
    transition: .1s;
    border-radius: 0 6px 6px 0;
    border: none;
    color: white;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0.3px;
    margin: 0;
    width: auto;
    height: 44px;
}

.create-order-submit:hover {
    background: #45576c;
}

.create-order-submit:active {
    transform: scale(0.96);
}

/* .product_admin_form .input-short.create-order-input, .products_tab_wrapper .input-short.create-order-input { */

.input-short.create-order-input {
    border-radius: 6px 0 0 6px;
    margin: 0;
    width: 300px;
    transition: all .1s;
}

.product_admin_form .input-short.create-order-input:focus {
    border: 1px solid dodgerblue;
}

.orders__create-order-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.orders__confirm-order-button {
    cursor: pointer;
    padding: 9px 20px;
    background: #0a2e74;
    color: white;
    border-radius: 6px;
}

.orders__confirm-order-button:hover {
    background: #cb1318;
}

.orders__confirm-order-button:active {
    transform: scale(0.98);
}

.modal_update_block_order {
    position: fixed;
    top: 180px;
    left: calc(50% - 230px);
    width: 460px;
    height: 510px;
    padding: 15px;
    background: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.52);
    border-radius: 12px;
    overflow-y: scroll;
    flex-direction: column;
}

.add_product_block {
    display: flex;
    justify-content: space-between;
    align-items: end;
    max-width: 1100px;
    margin: 0 auto;
}

.add_product_block.suppliers__add {
    justify-content: flex-end;
}

/* .products_tab_wrapper .add_product_block{
    justify-content: space-between;
} */

.add_product_admin_button {
    display: inline-block;
    font-size: 45px;
    padding: 0 15px;
    /*color: #0a2e74;*/
    line-height: 40px;
    cursor: pointer;
    transition: .3s;
    margin-right: 30px;
}

.add_product_admin_button:hover {
    transform: scale(1.15);
}

/*.modal_update_block {
    position: fixed;
    top: 180px;
    !* left: calc(50% - 550px); *!
    !* width: 1100px; *!
    transform: translateX(-50%);
    left: 50%;
    width: 90%;
    height: auto;
    max-height: calc(100vh - 180px);
    padding: 15px;
    background: white;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.52);
    border-radius: 12px;
    overflow-y: scroll;
    flex-direction: column;
}*/

.modal_update_block.removed_shadow {
    box-shadow: none;
}

.modal_update_block.customer_create {
    max-width: 440px;
}

.modal_update_block.customer_create .checkbox-box {

}

.success_form_shopadmin {
    position: fixed;
    background: limegreen;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    font-weight: bold;
    left: calc(50% - 50px);
    transition: .3s;
    padding: 15px;
    width: 100px;
    color: white;
}

.success_form_shopadmin_hide {
    top: 60px;
}

.tab_page_title {
    text-align: center;
    margin: 15px;
    font-weight: bold;
    font-size: 23px;
    color: #0a2e74!important;
}

.categories_admin_show_more {
    width: 120px;
    display: block;
    margin: 10px auto;
    color: gray;
    cursor: pointer;
    transition: .1s;
}

.categories_admin_show_more:hover {
    color: #0a2e74;
}

.modal_update_form {
    display: flex;
    flex-direction: column;
}

.modal_update_form button {
    /*background: #0a2e74;*/
    color: white;
    width: 300px;
    margin: 15px auto 0;
    padding: 10px;
    border-radius: 10px;
    transition: .1s;
}

.modal_update_form button:hover {
    background: #45576c;
}

/* .modal_update_form div {
    margin: 5px 0;
} */

.admin_product_update {
    color: white;
    cursor: pointer;
    text-align: center;
    padding: 3px 5px;
    border-radius: 12px;
    /*background: #0a2e74;*/
    transition: .1s;
    border: none;
}

/*.admin_product_update:hover {
    background: #cb1318;
}*/

.product_admin_product_box {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-around;
}

.order_product_item {
    margin: 20px auto;
    width: 100%;
    padding: 10px 20px;
    border-radius: 12px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, .5);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.order_product_property {
    margin: 15px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.order_product_property .order_address_info {
    display: flex;
    align-items: center;
}

.order_product_property .order_address_info .edit_btn {
    margin: 0 10px;
}

.order_product_property_title {
    margin-right: 10px;
}

.orders__seller-box {
    display: flex;
}

.orders__seller-box select {
    margin-left: 10px;
}

/* .product_admin_form button {
    background: #0a2e74;
    border-radius: 12px;
    width: 300px;
    height: 42px;
    color: white;
    padding: 11px;
    text-align: center;
    border: none;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.3px;
    margin: 12px auto 0;
} */

/*.product_admin_form .address-submit {
    background: #0a2e74;
    border-radius: 12px;
    width: 300px;
    height: 42px;
    color: white;
    padding: 11px;
    text-align: center;
    border: none;
    transition: all 0.3s;
    font-weight: 700;
    font-size: 18px;
    line-height: 135%;
    letter-spacing: 0.3px;
    margin-top: 12px;
    align-self: center;
}*/

/* .product_admin_form button:hover {
    background-color: #0b2664;
} */

@media (max-width: 400px) {
    .product_admin_form button {
        width: 240px;
    }
}

.product_admin_form .inputs-box {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.product_admin_form .inputs-box-address {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 15px;
}

.product_admin_form .input-short {
    width: 200px;
}

.product_admin_form .select-short {
    height: 44px;
    border-radius: 12px;
    margin-top: 5px;
    border-color: #8f8f8f;
}

.product_admin_form .checkbox {
    width: 18px;
    height: 18px;
    margin-top: 5px;
}

.product_admin_form .checkbox-box {
    display: flex;
    gap: 10px;
    height: 24px;
    margin-right: 30px;
}

.product_admin_form .input-title {
    font-weight: 600;
    font-size: 16px;
}

.product_admin_form .input-long {
    width: 70%;
}

/* .product_admin_form input, .orders__search-input-block input { */
.input-address, .orders__search-input-block input {

    margin: 5px 0 12px;
    width: 100%;
    height: 44px;
    padding: 10px 20px;
    font-size: 16px;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #8F8F8F;
    box-sizing: border-box;
    border-radius: 12px;
}

.product_admin_form textarea {
    margin: 5px 0 12px;
    width: 100%;
    max-width: 1100px;
    height: 120px;
    padding: 10px 20px;
    font-size: 16px;
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #8F8F8F;
    box-sizing: border-box;
    border-radius: 12px;
}

.product_admin_form .input-address {
    width: 200px;
}

@media (max-width: 1260px) {
    .success_form_shopadmin_hide {
        top: 45px;
    }
    .success_form_shopadmin_show,
    .modal_update_block,
    .modal_update_block_order {
        top: 100px;
    }
}

@media (min-width: 600px) {
    .product_admin_form textarea {
        height: 100px;
    }
}

@media (min-width: 650px) {
    .product_admin_form .input-address {
        width: 300px;
    }
}

@media (min-width: 800px) {
    .product_admin_form textarea {
        height: 100px;
    }
}

@media (min-width: 950px) {
    .product_admin_form .input-address {
        width: 400px;
    }
}

/*.category_shopadmin_item {
    margin: 15px 0;
    padding: 7px;
    border-radius: 12px;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, .52);
}*/

.order_shopadmin_item, .customer_shopadmin_item, .address_shopadmin_item {
    margin: 15px 0;
    padding: 7px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
    border-radius: 8px;
}

.orders_tab, .customers_tab, .address_tab, .inkoop_tab {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-spacing: 15px;
    border-collapse: separate;
}

.inkoop_tab {
    max-width: 1300px;
}

.orders_tab th, .customers_tab th, .address_tab th, .inkoop_tab th {
    font-weight: 600;
    font-size: 18px;
}

.orders_tab td, .customers_tab td, .address_tab td, .inkoop_tab td {
    font-size: 19px;
}

@media (max-width: 500px) {
    .product-tabs {
        padding: 0 10px;
    }
    .orders_tab td, .customers_tab td, .address_tab td, .inkoop_tab td {
        font-size: 15px;
    }
}

.target_item_approve_box {
    font-size: 13px;
    font-weight: normal;
    line-height: 14px;
}

@media (max-width: 700px) {
    .orders_tab_header > div {
        font-size: 15px;
    }
}

@media (max-width: 400px) {
    .orders_tab_header > div {
        font-size: 13px;
    }
}

.orders_tab th, .orders_tab td, .customers_tab th, .customers_tab td, .inkoop_tab th, .inkoop_tab td {
    width: 24%;
    height: 68px;
    text-align: center;
    line-height: 68px;
}

.inkoop_tab th, .inkoop_tab td {
    width: 16%;
}

.inkoop_tab .ampersant {
    color: white;
}

.inkoop_tab .ampersant:after {
    color: black;
    content: '&';
}

.address_tab th, .address_tab td {
    width: 16%;
    height: 68px;
    text-align: center;
    line-height: 68px;
}

.address_tab th:nth-child(3), .address_tab td:nth-child(3) {
    width: 6%;
}

.address_tab th:nth-child(-n + 2), .address_tab td:nth-child(-n + 2) {
    width: 21%;
}

.order_shopadmin_status_img, .inkoop__shopadmin_status_img {
    height: 19px;
    transform: translateY(-3px);
}

.categories_admin_pagination_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.products_admin_pagination_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 40px 0;
}

.categories_admin_pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 200px;
}

.products_admin_pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}



.categories_admin_pagination_prev, .categories_admin_pagination_next {
    cursor: pointer;
    font-size: 21px;
    font-weight: 400;
    transition: all .3s;
}

.categories_admin_pagination_prev:hover, .categories_admin_pagination_next:hover {
    color: #0a2e74;
}

.products_admin_pagination_ul {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    width: fit-content;
}

.products_admin_pagination_ul li {
    font-size: 20px;
    border-radius: 6px;
    padding: 9px 12px;
    cursor: pointer;
    transition: all .3s;
}

@media (max-width: 750px) {
    .products_admin_pagination_ul li {
        font-size: 16px;
        padding: 9px 6px;
    }
}

@media (max-width: 500px) {
    .products_admin_pagination_ul li {
        font-size: 14px;
        padding: 6px 4px;
    }
}

/*.products_admin_pagination_ul li:hover {
    color: #0a2e74;
}

.pagination_activ {
    border: 1px solid #0a2e74;
    border-radius: 12px;
    color: #0a2e74;
}

.pagination_activ-Cat {
    border: 1px solid #0a2e74;
    border-radius: 12px;
    color: #0a2e74;
}*/

.pagination_hiden {
    display: none;
}

#dotes-2, #dotes-1 {
    pointer-events: none;
}

.order_approve_box {
    width: 15px;
    height: 15px;
    border: 2px solid dimgrey;
    background: white;
    transition: .1s;
    cursor: pointer;
    position: relative;
}

.checked_order_symbol {
    position: absolute;
    top: -29.1px;
    left: -1.3px;
    transform: scale(0.6);
}

.checked_order_symbol:after {
    content: '\2713';
    color: white;
    font-weight: 600;
}

.order_approve_box.unchecked_order:hover {
    background: lightgrey!important;
}

.order_shopadmin_id, a.inkoop__shopadmin_link {
    color: royalblue;
    text-decoration: underline;
    cursor: pointer;
}

.order_shopadmin_id:hover, a.inkoop__shopadmin_link:hover {
    text-decoration: none;
}

.undefined_item {
    color: #a7a7a7;
}

@media (min-width: 800px) {
    .customer_shopadmin_title, .order_shopadmin_title {
        display: none;
    }
}
@media screen and (min-width: 800px) {
    .address_shopadmin_title {
        display: none;
    }
}
@media screen and (max-width: 800px) {
    .hide_tab_body, .hide_order_item {
        display: none!important;
    }

    .hide_tab_body, .hide_customer_item {
        display: none!important;
    }

    .orders_tab th, .orders_tab td {
        height: auto;
    }

    .customers_tab th, .customers_tab td {
        height: auto;
    }

    .b-contentText .contentStyle .orders_tab th, .b-contentText .contentStyle .orders_tab td {
        width: 90% !important;
    }

    .order_shopadmin_item {
        position: relative;
        display: block;
    }

    .b-contentText .contentStyle .customers_tab th, .b-contentText .contentStyle .customers_tab td {
        width: 100% !important;
    }

    .order_approve_box {
        position: absolute;
        top: 50%;
        right: 20px;
        margin: 0 auto;
    }
}

@media (max-width: 950px) {

    /*.tabs-nav {
        flex-direction: column;
        width: 200px;
        margin: 0 auto;
    }*/
}

@media screen and (max-width: 515px) {
    .success_form_shopadmin_show {
        top: 150px;
    }

    .modal_update_block {
        top: 150px;
        height: calc(100vh - 220px);
    }
}

.suppliers_tab {
    max-width: 1100px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 10px auto;
}
.supplier_box {
    padding: 20px;
}

.supplier_logo_box {
    height: 200px;
    width: 200px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.supplier_name {
    text-align: center;
}

.quantity-control {
    display: flex;
}
.item-count {
    display: inline;
    box-sizing: border-box;
    /* padding: 10px; */
    width: 40px;
    text-align: center;
    height: 40px;
    margin: 0 10px;
}

.count-btn {
    outline: none;
    width: 40px;
    height: 40px;
    border: none;
    padding: 10px;
    box-shadow: 1px 1px 3px gray;
}

.admin_invoice_info, .admin_invoice_table-head {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.admin_invoice_info div {
    text-align: center;
}

.orders_shopadmin_header-button.create-new-invoice__button {
    padding: 10px;
    font-size: 18px;
}

.invoice__empty_block {
    text-align: center;
    margin: 30px 0;
    font-size: 21px;
    color: #0a2e74;
}

.admin_invoice_table-head div {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.invoice_shopadmin_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 3px 5px 10px rgba(102, 102, 102, 0.5);
    max-width: 1100px;
}

.hide_tab_body-invoice {
    margin: 15px auto;
    padding: 20px;
    max-width: 1100px;
}

@media(max-width: 800px) {
    .admin_invoice_info {
        width: 100%;
        margin-bottom: 10px;
        display: flex;
        flex-direction: column  ;
    }
    .admin_invoice_info div {
        line-height: 68px;
        max-width: 100%;
    }
}
/*Shopadmin.css end*/

.invoice_table-header {
    max-width: 1100px;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr;
    padding: 20px;
    margin: 0 auto;

}
.invoice_table-header div {
    text-align: center;
    font-weight: bold;
}
.invoice_table-item {
    max-width: 1100px;
    display: grid;
    grid-template-columns: 1fr 1fr 2fr 1fr;
    margin: 15px auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 3px 5px 10px rgb(102 102 102 / 50%);
}
.invoice_table-item div {
    text-align: center;
}
.invoice-button {
    color: white;
    cursor: pointer;
    text-align: center;
    padding: 3px 5px;
    border-radius: 12px;
    background: #0a2e74;
    transition: .1s;
    border: none;
    width: 200px;
}

.invoice-button:hover {
    background: #cb1318;
}

.invoice-button a {
    color:white;
}

.invoice-button a:hover {
    text-decoration: none;
}

.orders__pagination-box-main {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1100px;
    margin: 0 auto;
    padding-right: 20px;
   }
   .orders__pagination-button {
       margin: 10px;
       padding: 5px 15px;
       background: lightgrey;
       transition: .1s;
       cursor: pointer;
       border-radius: 8px;
   }
   
   .orders__pagination-button:hover {
       background: #b3b3b3;
   }

   .invoice_message {
    text-align: center;
    width: 100%;
    color: #237ACA;
    font-size: 40px;
    font-weight: bold;
   }

    /* verkoop-uw-design-meubelen  */

           /* Main Container */
        .containerHomepage.hoe-werkt {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 20px 120px;
        }


        .containerHomepage.hoe-werkt .banner-block{
            width: 100vw;
            position: relative;
            left: 50%;
            right: 50%;
            margin-left: -50vw;
            margin-right: -50vw;
            background: #000;
            padding: 55px 10px;
        }

        /* Hero Title */
        .containerHomepage.hoe-werkt .banner-block p{
            text-align: center;
            font-family: 'Marcellus';
            font-style: normal;
            font-weight: 600;
            font-size: 36px;
            line-height: 28px;
            color: #fff;
            font-weight: 400;
            margin-bottom: 30px;
        }

        .containerHomepage.hoe-werkt .how-block table,
        .containerHomepage.hoe-werkt .banner-block table{
            table-layout: fixed;
            width: 100%;
        }




        .containerHomepage.hoe-werkt .banner-block table td {
            font-family: 'Mulish';
            font-style: normal;
            font-weight: 400;
            font-size: 18px;
            line-height: 28px;
            margin-top: 40px;
            color: #fff;
            text-align: center;
        }

        .containerHomepage.hoe-werkt .how-block{
            padding: 50px 0;
        }

        .containerHomepage.hoe-werkt .how-block p{
            padding: 5px 10px;
            font-family: 'Roboto';
            font-style: normal;
            font-weight: 500;
            font-size: 36px;
            line-height: 40px;
            margin-bottom: 40px;
        }

        .containerHomepage.hoe-werkt .how-block table img{
            margin-bottom: 15px;
        }

        .containerHomepage.hoe-werkt .how-block table td{
            text-align: center;
        }

        
        /* Sticky Button */
        .containerHomepage.hoe-werkt::after {
            content: 'Start your Submission';
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background-color: #f13d3d !important;
            color: #fff;
            text-align: center;
            padding: 20px;
            font-size: 1.1rem;
            z-index: 100;
            cursor: pointer;
            box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
            border: 2px solid #d1c9c3;
            font-family: 'Georgia', serif;
        }

        .containerHomepage.hoe-werkt:hover::after {
            background-color: #d1c9c3;
            color: #000;
        }

        /* Form Block - Modal Container */
        .containerHomepage.hoe-werkt .form-block {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            z-index: 1000;
            overflow-y: auto;
            display: none;
            padding: 6em 1em 1em;
        }

        .containerHomepage.hoe-werkt .form-block.active {
            display: block;
        }

        /* Close Button */
        .containerHomepage.hoe-werkt .form-block::before {
            content: '✕';
            position: fixed;
            top: 40px;
            right: 40px;
            font-size: 2rem;
            cursor: pointer;
            color: #666;
            z-index: 1001;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: color 0.3s ease;
        }

        .containerHomepage.hoe-werkt .form-block:hover::before {
            color: #000;
        }

        /* Modal Title */
        .containerHomepage.hoe-werkt .form-block::after {
            content: 'Furniture details';
            display: block;
            font-weight: 400;
            color: #000;
            font-family: 'Georgia', serif;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            text-align: center;
        }

        /* Form Container */
        .containerHomepage.hoe-werkt .form-block > div[negeso_form_id] {
            max-width: 600px;
            margin: 40px auto 60px;
            padding: 0 40px;
            border: none !important;
            background-color: transparent !important;
            width: auto !important;
        }

        /* Hide form intro text */
        .containerHomepage.hoe-werkt .form-block > div[negeso_form_id] > br {
            display: none;
        }

        .containerHomepage.hoe-werkt .form-block > div[negeso_form_id]::before {
            content: none;
        }

        /* Form Table */
        .containerHomepage.hoe-werkt .form-block table {
            width: 100%;
            border-spacing: 0;
            border-collapse: separate;
            padding-top: 20px;
        }

        /* Form Rows */
        .containerHomepage.hoe-werkt .form-block table tr {
            display: block;
            margin-bottom: 30px;
        }

        /* Form Labels */
        .containerHomepage.hoe-werkt .form-block table td:first-child {
            display: block;
            font-size: 0.95rem;
            color: #000;
            margin-bottom: 8px;
            font-weight: 500;
            font-family: 'Georgia', serif;
        }

        .containerHomepage.hoe-werkt .form-block table td:last-child {
            display: block;
        }

        /* All Input Fields */
        .containerHomepage.hoe-werkt .form-block input[type="text"] {
            width: 100%;
            padding: 14px 16px;
            border: 1px solid #d1c9c3;
            background-color: #fff;
            font-size: 1rem;
            font-family: 'Georgia', serif;
            color: #000;
            border-radius: 4px;
            transition: all 0.3s ease;
        }

        .containerHomepage.hoe-werkt .form-block input[type="text"]:focus {
            outline: none;
            border-color: #000;
            box-shadow: 0 0 0 2px rgba(0,0,0,0.1);
        }

        /* File Inputs */
        .containerHomepage.hoe-werkt .form-block input[type="file"] {
            width: 100%;
            padding: 14px 16px;
            border: 2px dashed #d1c9c3;
            background-color: #fafafa;
            cursor: pointer;
            border-radius: 4px;
            transition: all 0.3s ease;
            font-family: 'Georgia', serif;
            font-size: 0.95rem;
            color: #666;
        }

        .containerHomepage.hoe-werkt .form-block input[type="file"]:hover {
            border-color: #000;
            background-color: #f5f5f5;
        }

        /* Photo Label */
        .containerHomepage.hoe-werkt .form-block table tr:nth-child(9) td:first-child span {
            display: block;
            font-size: 0.95rem;
            color: #000;
            margin-bottom: 12px;
            font-weight: 500;
        }

        /* Hide empty label cells for additional photos */
        .containerHomepage.hoe-werkt .form-block table tr:nth-child(10) td:first-child,
        .containerHomepage.hoe-werkt .form-block table tr:nth-child(11) td:first-child {
            display: none;
        }

        .containerHomepage.hoe-werkt .form-block table tr:nth-child(10),
        .containerHomepage.hoe-werkt .form-block table tr:nth-child(11) {
            margin-bottom: 12px;
        }

        /* Submit Button */
        .containerHomepage.hoe-werkt .form-block input.form_submit {
            background-color: #000;
            color: #d1c9c3;
            border: 2px solid #000;
            padding: 16px 60px;
            font-size: 1.1rem;
            cursor: pointer;
            transition: all 0.3s ease;
            font-family: 'Georgia', serif;
            border-radius: 4px;
            width: 100%;
            margin-top: 20px;
        }

        .containerHomepage.hoe-werkt .form-block input.form_submit:hover {
            background-color: #d1c9c3;
            color: #000;
            border-color: #d1c9c3;
        }

        .containerHomepage.hoe-werkt .form-block input.form_submit:disabled {
            opacity: 0.5;
            cursor: not-allowed;
            background-color: #666;
            border-color: #666;
        }

        /* Submit Button Row */
        .containerHomepage.hoe-werkt .form-block table tr:last-child td {
            display: block;
        }

        .containerHomepage.hoe-werkt .how-block img {
            cursor: pointer;
        }

        .containerHomepage.hoe-werkt .how-block img:hover {
            transform: scale(1.05);
            opacity: 0.9;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .containerHomepage.hoe-werkt {
                padding: 0 20px 100px;
            }

            .containerHomepage.hoe-werkt .banner-block p {
                font-size: 28px;
            }

            .containerHomepage.hoe-werkt .how-block p {
                font-size: 28px;
            }

            .containerHomepage.hoe-werkt .how-block table {
                display: block;
            }

            .containerHomepage.hoe-werkt .how-block table tbody,
            .containerHomepage.hoe-werkt .how-block table tr {
                display: block;
            }

            .containerHomepage.hoe-werkt .how-block table td {
                display: block;
                width: 100%;
                margin-bottom: 30px;
            }

            .containerHomepage.hoe-werkt .form-block > div[negeso_form_id] {
                padding: 0 20px;
            }

            .containerHomepage.hoe-werkt .form-block::before {
                top: 20px;
                right: 20px;
            }

            .containerHomepage.hoe-werkt .form-block::after {
                margin-top: 40px;
                font-size: 1.5rem;
            }
            .containerHomepage.hoe-werkt .form-block{
                padding: 1em;
            }
        }


         /* About Us Hero Section */
        .about-us-hero {
            background-color: #f5f3f0;
            padding: 80px 20px;
            animation: fadeIn 0.8s ease-in;
        }

        .about-us-hero-container {
            max-width: 1600px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
            padding: 30px 20px 50px;
        }

        .about-us-hero-content {
            animation: slideInLeft 0.8s ease-out;
        }

        .about-us-hero-content h1 {
            font-size: 36px;
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 24px;
            line-height: 40px;
            font-family: 'Marcellus';
        }

        .about-us-hero-content p {
            font-size: 20px;
            color: #4a5568;
            line-height: 1.8;
            font-family: 'Mulish';
            margin-bottom: 20px;
        }

        .about-us-hero-image {
            position: relative;
            animation: slideInRight 0.8s ease-out;
            text-align: center;
            vertical-align: middle;
        }

        .about-us-hero-image img {
            width: 100%;
            height: auto;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            display: inline-block;
            max-width: 65%;
        }

        .about-us-hero-image img:hover {
            transform: translateY(-10px);
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);
        }

        /* Mission Section */
        .about-us-mission {
            padding: 50px 20px;
            background-color: #eee3db;
        }

        .about-us-mission-container {
            max-width: 1600px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
            padding: 50px 20px;
        }

        .about-us-mission .about-us-mission-container {
            padding: 0;
        }

        .about-us-mission-image {
            position: relative;
            animation: slideInLeft 0.8s ease-out;
            text-align: center;
        }

        .about-us-mission-image img {
            width: 100%;
            height: auto;
            border-radius: 20px;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            max-width: 65%;
        }

        .about-us-mission-image img:hover {
            transform: translateY(-10px);
            box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15);
        }

        .about-us-mission-content {
            animation: slideInRight 0.8s ease-out;
        }

        .about-us-mission-content h2 {
            font-size: 36px;
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 28px;
            line-height: 40px;
            font-family: 'Marcellus';
        }

        .about-us-mission-content p {
            font-size: 18px;
            color: #4a5568;
            line-height: 1.8;
            font-family: 'Mulish';
            margin-bottom: 20px;
        }

        /* Animations */
        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes slideInLeft {
            from {
                opacity: 0;
                transform: translateX(-50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes slideInRight {
            from {
                opacity: 0;
                transform: translateX(50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* Responsive Design */
        @media (max-width: 968px) {
            .about-us-hero-container,
            .about-us-mission-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .about-us-hero-content h1 {
                font-size: 42px;
            }

            .about-us-mission-content h2 {
                font-size: 36px;
            }

            .about-us-hero {
                padding: 60px 20px;
            }

            .about-us-mission {
                padding: 80px 20px;
            }
        }

        @media (max-width: 640px) {
            .about-us-hero-content h1 {
                font-size: 30px;
            }

            .about-us-hero-content p {
                font-size: 18px;
            }

            .about-us-mission-content h2 {
                font-size: 30px;
            }

            .about-us-mission-content p {
                font-size: 16px;
            }

            .about-us-hero {
                padding: 40px 20px;
            }

            .about-us-mission {
                padding: 60px 20px;
            }
        }

        .contact-button {
            display: inline-block;
            background-color: #000000;
            color: #ffffff !important;
            font-size: 16px;
            font-weight: 500;
            padding: 14px 32px;
            border-radius: 8px 0 8px 0;
            cursor: pointer;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
            text-decoration: none;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }

.contact-button:hover {
    background-color: #1a1a1a;
    transform: translateY(-2px);
}

.contact-button:active {
    transform: translateY(0);
}

        /* Wrapper for the entire contact section */
        .uc-contact-main-wrapper {
            max-width: 1600px;
            margin: 0 auto;
            padding: 60px 20px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }

        /* Grid layout for image and form */
        .uc-contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: start;
        }

        /* Left side - Image section */
        .uc-contact-image-wrapper {
            position: relative;
        }

        .uc-contact-image-wrapper img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
            max-height: 100% !important;
        }

        /* Right side - Form section */
        .uc-contact-form-wrapper {
            background: #ffffff;
        }

        /* Style the title */
        .uc-contact-form-wrapper .contact-title {
            font-size: 42px;
            font-weight: 700;
            color: #2d3436;
            margin-bottom: 20px;
            line-height: 1.2;
        }

        /* Style the description text */
        .uc-contact-form-wrapper .contact-info-left p,
        .uc-contact-form-wrapper .contact-text {
            color: #666;
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 25px;
        }

        /* Hide elements we don't need */
        .uc-contact-form-wrapper .title-incontact-page {
            display: none;
        }

        /* Show and style contact info sections */
        .uc-contact-form-wrapper .contact-form-wrapper {
            display: grid;
            gap: 30px;
            margin-bottom: 35px;
            padding-bottom: 35px;
            border-bottom: 1px solid #e0e0e0;
        }

        .uc-contact-form-wrapper .contact-info-left {
            padding-right: 15px;
        }

        .uc-contact-form-wrapper .contact-info-left p {
            color: #555;
            font-size: 14px;
            line-height: 1.7;
            margin-bottom: 15px;
        }

        .uc-contact-form-wrapper .contact-info-right {
            display: none;
            flex-direction: column;
            gap: 15px;
        }

        .uc-contact-form-wrapper .contact-info-right .info-right {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin: 0;
        }

        .uc-contact-form-wrapper .contact-icon-map {
            width: 20px;
            height: 20px;
            flex-shrink: 0;
            margin-top: 2px;
        }

        .uc-contact-form-wrapper .contact-list-text {
            color: #2d3436;
            font-size: 14px;
            line-height: 1.6;
        }

        .uc-contact-form-wrapper .contact-list-text a {
            color: #7c3aed;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .uc-contact-form-wrapper .contact-list-text a:hover {
            color: #6d28d9;
            text-decoration: underline;
        }

        /* Form block styling */
        .uc-contact-form-wrapper .contact-form-block {
            margin-top: 30px;
        }

        /* Input container grid */
        .uc-contact-form-wrapper .contact-input-container {
            display: grid;
            gap: 20px;
        }

        /* Input boxes */
        .uc-contact-form-wrapper .contact-input-box {
            display: flex;
            flex-direction: column;
            margin-right: 0 !important;
        }

        .uc-contact-form-wrapper .contact-input-text {
            font-size: 13px;
            font-weight: 600;
            color: #2d3436;
            margin-bottom: 8px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* Style all inputs and textarea */
        .uc-contact-form-wrapper .homepag_input {
            width: 100%;
            padding: 14px 16px;
            border: 1px solid #e0e0e0;
            border-radius: 4px;
            font-size: 15px;
            font-family: inherit;
            transition: all 0.3s ease;
            background: #fafafa;
            max-width: 100% !important;
            margin-right: 0 !important;
            margin-bottom: 15px !important;
        }

        .uc-contact-form-wrapper .homepag_input:focus {
            outline: none;
            border-color: #000;
            background: #ffffff;
            box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
        }

        .uc-contact-form-wrapper .homepag_input::placeholder {
            color: #bbb;
        }

        /* Textarea specific */
        .uc-contact-form-wrapper .contact-textarea {
            min-height: 140px;
            resize: vertical;
        }

        /* Submit button */
        .uc-contact-form-wrapper .homepag_button {
            width: 100%;
            padding: 16px 32px;
            background: linear-gradient(135deg, #000 0%, #000 100%);
            color: #ffffff;
            border: none;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 10px;
        }

        .uc-contact-form-wrapper .homepag_button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(124, 58, 237, 0.3);
            background: linear-gradient(135deg, #000 0%, #000 100%);
        }

        .uc-contact-form-wrapper .homepag_button:active {
            transform: translateY(0);
        }

        /* Responsive design */
        @media (max-width: 968px) {
            .uc-contact-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }

            .uc-contact-form-wrapper .contact-title {
                font-size: 32px;
            }
        }

        @media (max-width: 768px) {
            .uc-contact-form-wrapper .contact-form-wrapper {
                grid-template-columns: 1fr;
                gap: 25px;
            }

            .uc-contact-form-wrapper .contact-info-left {
                padding-right: 0;
            }
        }

        @media (max-width: 640px) {
            .uc-contact-main-wrapper {
                padding: 40px 15px;
            }

            .uc-contact-form-wrapper .contact-title {
                font-size: 28px;
            }

            .uc-contact-form-wrapper .homepag_input {
                padding: 12px 14px;
                font-size: 14px;
            }
        }


        .header_icon_block svg path{
            stroke::#000 !important;
            stroke-width: 2px !important;
        }