:root {
    --main-color: #d99338;
    --main-color-2: #d27b2c;
    --black-color: #323232;
    --border-color: #ebebeb;
    --success-color: #8bc34a;
    --error-color: red;
}

body {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    background-color: white;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
}

::-webkit-scrollbar-thumb {
    background-color: #ddd !important;
}

a, a:hover, a:focus, a:active {
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

button {
    outline: 0;
    border: 0;
    transition: all 0.3s ease-in-out;
}

button:hover,
button:focus,
button:active {
    outline: 0;
    transition: all 0.3s ease-in-out;
}

h1, h2, h3, h4, h5, h6, input, textarea, button {
    font-family: 'Montserrat', sans-serif;
}

ul, ul li, ol, ol li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: var(--main-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(217, 147, 56, 0.29);
}

.fade.show {
    opacity: 1;
}

.clr-main {
    color: var(--main-color);
}

.w_100 {
    width: 100%;
}

.position_relative {
    position: relative;
}

.alert-fixed {
    box-shadow: none !important;
    border-radius: 4px;
}

.alert {
    margin-bottom: 0 !important;
}

.alert button {
    position: absolute;
    right: 0;
    top: 0;
    background: transparent;
    font-size: 30px;
    color: #fff;
}

.custom_btn {
    color: white;
    background: var(--main-color);
    padding: 7px;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}

.btn.btn-main {
    padding: 10px 15px;
    border: 1px solid var(--main-color);
    border-radius: 10px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease-in-out;
    color: var(--main-color);
}

.btn.btn-main:hover,
.btn.btn-main:focus,
.btn.btn-main:active {
    background-color: var(--main-color);
    transition: all .3s ease-in-out;
    color: #fff;
}

.page_alert h3 {
    text-align: center;
    color: var(--main-color);
    font-size: 20px;
}

.checkbox-inline, .radio-inline {
    font-size: 15px;
}

.checkbox-inline, .radio-inline input {
    margin-top: 0px;
}

.fade.show {
    opacity: 1 !important;
}

.errorMessage {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid #f5c2c7;
    border-radius: .25rem;
    color: #842029;
    background-color: #f8d7da;
    font-size: 12px;
}

.bootstrap-tagsinput {
    width: 100%;
    height: 44px;
    border-radius: unset !important;
    border-color: #e6e6e6 !important;
}

.pos_relative {
    position: relative;
}

.margin_top_0 {
    margin-top: 0px !important;
}

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

.modal.fade .modal-dialog {
    transform: unset !important;
    -web-transform: unset !important;
}

/*#content-block .content-center {*/
/*    min-height: calc(100vh - 70px);*/
/*}*/

.title_3 {
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
}

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

.img-container img {
    width: 100%;
}

.modal {
    z-index: 1082;
}

.modal-header .close {
    margin-top: -30px;
    font-size: 38px;
}

.switch_holder {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 23px;
}

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

.switch_checkbox {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch_checkbox:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

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

input:focus + .switch_checkbox {
    box-shadow: 0 0 1px var(--main-color);
}

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

/** ALERT **/
.alert-fixed {
    position: fixed;
    right: 10px;
    top: 67px;
    z-index: 999;
    max-width: 70%;
}

.alert-fixed.alert-danger {
    color: #fdfbfb;
    background-color: #c40f0fb8;
    border-color: none;
    box-shadow: 1px 1px 4px black;
}

.alert-fixed.alert-success {
    height: auto;
    color: white;
    background-color: #5ac52fd1;
    border-color: #d6e9c6;
    box-shadow: 1px 1px 3px black;
}

/** ./ALERT **/
/** LOADER **/
#loader-holder.hide {
    display: none;
}

/** ./LOADER **/
/** HEADER **/
header .header_icon {
    font-size: 20px;
}

header .header_registration a {
    color: var(--main-color) !important;
}

.header-top-entry {
    border-left: 1px #d0d0d0 solid;
}

.order_link {
    position: relative;
}

.order_link .count_new_orders {
    position: absolute;
    right: 5px;
    height: 20px;
    font-size: 20px;
    top: -11px;
    color: var(--main-color);
}

.navigation-copyright {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    padding: 25px 10px;
    text-align: center;
    display: block;
}

.navigation-copyright a {
    color: var(--main-color);
    font-weight: 600;
}

.navigation-copyright a:hover {
    text-decoration: underline;
}

header .cart_number_items {
    display: none;
    position: absolute;
    top: -5px;
    right: -7px;
    padding: 2px;
    font-weight: 800;
    font-size: 21px;
    color: var(--main-color);
    display: none;
}

.header-middle {
    border-bottom: 2px solid #f7f7f7;
    display: table;
    width: 100%;
    padding: 25px 0;
    position: relative;
}

.header-middle .right-entries {
    display: table-cell;
    vertical-align: middle;
    width: 400px;
    text-align: right;
    font-size: 0;
}

.header-functionality-entry {
    font-size: 13px;
    line-height: 15px;
    color: #747474;
    font-weight: 400;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 14px;
    border-right: 1px #d0d0d0 solid;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.header-functionality-entry:hover {
    color: var(--main-color);
    transition: all .3s ease-in-out;
}

.header-functionality-entry:last-child {
    padding-right: 0;
    border-right: none;
}

.header-functionality-entry.open-cart-popup {
    position: relative;
}

.responsive-search-button {
    display: none;
}

.header-functionality-entry .fa {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.header-functionality-entry b {
    font-size: 12px;
    color: #000;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
    margin-left: 5px;
    line-height: 100%;
    margin-bottom: -2px;
}

.header-functionality-entry b.active {
    color: var(--main-color);
}

.logo-wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 300px;
}

#logo {
    display: inline-block;
    max-width: 90%;
    height: auto;
    min-height: 45px;
}

#logo img {
    display: block;
    width: 100%;
}

.section_title {
    font-size: 27px;
    margin-bottom: 15px;
    margin-top: 25px;
    color: black;
    font-weight: 500;
    text-transform: uppercase;
}

@media (max-width: 992px) {
    header .fa.fa-shopping-cart.active {
        color: var(--main-color);
    }

    header .cart_number_items.active {
        display: block;
    }

    .header-product .logo-wrapper {
        text-align: center;
    }

    #logo img {
        display: block;
        width: 80%;
        margin-left: 10px;
    }

    header {
        margin-bottom: 5px !important;
    }

    .breadcrumb-box {
        margin-bottom: 5px !important;
    }
}

.home_image img {
    width: 100%;
}

header .main_categories {
    text-align: left;
    margin-top: 41px;
}

header .main_categories li {
    display: inline-block;
}

header .main_categories li a {
    padding: 15px;
    transition: all .3s ease-in-out;
    display: block;
}

header .main_categories li + li {
    margin-left: -4px;
}

header .main_categories li a {
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
}

header .main_categories li.active, header .main_categories li:hover {
    background-color: var(--main-color);
    transition: all .3s ease-in-out;
}

header .main_categories li.active a, header .main_categories li:hover a {
    color: #fff;
    transition: all .3s ease-in-out;
}

header .top_header {
    padding-top: 0 !important;
    display: flex;
    align-items: center;
    width: 100%;
    background-color: #ddd;
    padding-bottom: 0 !important;
}

/** ./HEADER **/
/*ARTICLE*/
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
    margin-bottom: 20px;
    margin-top: 40px;
}

article ul {
    margin-bottom: 40px;
}

article .section_title {
    margin-bottom: 60px;
}

/** PRODUCTS **/
.site_products_holder {
    min-height: 30vh;
}

/** ./PRODUCTS **/
/** PRODUCT THUMB **/
.site_product_thumb {
    position: relative;
}

.discount {
    position: absolute;
    padding: 10px;
    background: var(--main-color);
    font-weight: bold;
    border-radius: 0 0 0 10px;
    color: #fff;
    right: 4px;
    top: 0;
    display: inline-block;
}

.site_product_thumb .image {
    width: 100%;
    margin-bottom: 20px;
}

.site_product_thumb .thumb_price {
    padding: 10px 15px;
    border: 1px solid var(--main-color);
    border-radius: 10px;
    margin-top: 5px;
    display: inline-block;
    transition: all .3s ease-in-out;
    color: var(--main-color);
}

.site_product_thumb .thumb_price:hover {
    background-color: var(--main-color);
    transition: all .3s ease-in-out;
    color: #fff;

}

.site_product_thumb .title {
    text-align: center;
    color: black;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 10px;
    transition: all .3s ease-in-out;
}

.site_product_thumb .title:hover {
    color: var(--main-color);
    transition: all .3s ease-in-out;
}

/** ./PRODUCT THUMB **/

/** CART **/
[data-action-id="cart"] .reservation_image {
    width: 80px;
}

.cart_customer_form .form-control {
    margin-bottom: 10px;
    color: #000;
}

.cart_customer_form textarea {
    resize: none;
    min-height: 100px;
}

.cart_customer_form .form-control:focus {
    outline: unset;
    border: none;
}

.cart_products, .cart_customer_form {
    background-color: #f5f5f5;
    display: inline-block;
    width: 100%;
    padding: 25px;
    color: black;
}

.cart_products .cart_item_row .product-title {
    font-size: 18px;
    font-weight: bold;
}

.cart_products .cart_item {
    border-bottom: 1px solid #fff;
    padding: 20px 0;
    margin: 10px 0;
}

.cart_products > .cart_item {
    margin: 0;
    padding: 0 0 10px;
}

.cart_products .cart_item_row .form-control {
    background-color: #ffffff00;
    text-align: center;
    color: black;
    max-width: 70px;
}

.cart_products .cart_item_row:last-child .cart_item {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.cart_product_title .cart-price {
    font-size: 20px;
}

.cart_product_subtitle {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.btn_remove_cart_item {
    background-color: transparent;
    color: red;
    font-size: 20px;
    transition: all .3s ease-in-out;
}


/** ./CART **/
/** LOGIN **/
.login .login_error {
    color: red;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

/** ./LOGIN **/
/**PRODUCT DETAILS**/
.category-description {
    line-height: 120%;
    margin-bottom: 40px;
}

.empty-products {
    font-size: 20px;
    margin-top: 40px;
}

.product_details {
    color: black;
}

.product_details .product_details_holder {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
}

.product_details div h4 {
    font-size: 30px;
    font-weight: 300;
}

.product_details_holder .section {
    margin-top: 15px;
    text-align: left;
}

.price_holder p {
    font-size: 22px;
    color: var(--main-color);
}

.colors_holder p {
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 300;
}

.sizes_holder p {
    font-family: sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
    padding-top: 3px;
    padding-left: 0px;
}

.product_details_holder .quantity_holder input {
    border: none;
    text-align: center;
    font-size: 15px;
    width: 20%;
    display: inline-block;
    box-shadow: none;
}

.description h5 {
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #deb994;
    font-family: sans-serif;
    padding-bottom: 10px;
}

.owl-carousel .owl-item img {
    margin-bottom: 20px;
}

.description p {
    color: gray;
    font-weight: 400;
    margin: 0;
}

.description table tr td {
    padding: 6px 10px;
    border: 1px solid #bababa;
}

.description table tr:first-child td:first-child {
    border-radius: 4px 0 0 0;
}

.description table tr:first-child td:last-child {
    border-radius: 0 4px 0 0;
}

.description table tr:last-child td:first-child {
    border-radius: 0 0 0 4px;
}

.description table tr:last-child td:last-child {
    border-radius: 0 0 4px 0;
}

.quantity_holder label {
    display: inline-block;
    font-family: sans-serif;
    font-weight: 300;
    font-size: 15px;
    margin-right: 10px;
}

.btn_add_to_cart img {
    width: 20px;
    filter: invert(1);
}

.product_details_holder .quantity_holder input:focus {
    outline: unset;
}

.product_details #product_details_slider .item img {
    width: 100%;
}

.product_details .image_slider_indicator img {
    width: 100px;
}

.product_details .carousel-indicators {
    position: relative;
    justify-content: flex-start;
    margin: 0 0 0 -4px;
}

.product_details .carousel-indicators [data-bs-target] {
    text-indent: 0;
    width: auto;
    height: auto;
}

.carousel-caption {
    font-size: 20px;
    text-shadow: 0 4px 3px rgba(0, 0, 0, 0.4),
    0 8px 13px rgba(0, 0, 0, 0.1),
    0 18px 23px rgba(0, 0, 0, 0.1);
}

/*Newsletter*/
.newsletter {
    max-width: 500px;
    margin: 40px auto 60px;
}

.newsletter .input-group-text {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
}

.newsletter .form-control {
    border: 1px solid var(--main-color);
}

.newsletter .alert {
    font-size: 12px;
}

/*.product_details .image_indicators li {*/
/*    margin-left: 10px;*/
/*    background-color: transparent;*/
/*    border: none;*/
/*    text-indent: unset;*/
/*    display: inline-block;*/
/*    width: auto;*/
/*    height: auto;*/
/*    opacity: 0.7;*/
/*}*/


.product_details .color_holder {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.7;
    cursor: pointer;
}

.product_details .color_holder.active {
    opacity: 1;
    transform: scale(1.2);
}

.product_details .size_holder,
.product_details .filter {
    padding: 5px;
    line-height: 100%;
    display: inline-block;
    opacity: 0.7;
    color: var(--black-color);
    cursor: pointer;
    background-color: white;
    transition: all .3s ease-in-out;
    border-radius: 4px;
    border: 1px solid var(--black-color);
    font-size: 12px;
}

.product_details .filter {
    display: inline-flex;
    margin-bottom: 5px;
}

.product_details .size_holder:hover,
.product_details .size_holder.active,
.product_details .filter:hover,
.product_details .filter.active {
    opacity: 1;
    color: white;
    border-color: var(--main-color);
    background-color: var(--main-color);
    transition: all .3s ease-in-out;
}

.product_details .total_price {
    font-weight: 600;
    font-size: 24px;
    color: var(--main-color);
}

/*.product_details .slider_product_image{
    box-shadow: 4px -1px 12px 1px black;
}*/
.product_details .tags .product_tag {
    background-color: #9f66a1;
    color: white;
    padding: 5px;
    margin-right: 5px;
    box-shadow: 2px 1px 7px black;
}

.product_details .btn_add_to_cart, .cart_customer_form .btn_add_to_cart {
    color: #fff;
    background-color: var(--main-color);
    transition: all .3s ease-in-out;
}

.product_details .btn_add_to_cart:focus, .cart_customer_form .btn_add_to_cart:focus,
.product_details .btn_add_to_cart:hover, .cart_customer_form .btn_add_to_cart:hover {
    opacity: 0.7;
    transition: all .3s ease-in-out;
}

.product_details .btn_add_to_cart span {
    font-size: 16px;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: 300;
}

/** ./PRODUCT DETAILS**/
/** PRODUCTS **/
.filters .categories a.active, .filters .categories a.active:hover {
    color: var(--main-color);
}

.product-slide-entry .product-image .bottom-line.left-attached.active, .product-slide-entry .product-image .bottom-line.left-attached {
    background-color: white;
}

.product-slide-entry .product-image .bottom-line.left-attached .wishlist_icon {
    color: black;
}

.product-slide-entry .product-image .bottom-line.left-attached.active .wishlist_icon {
    color: var(--main-color);
}

.filter-button {
    float: left;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    color: black;
    cursor: pointer;
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.product_links {
    color: silver;
    margin-bottom: 20px;
    text-transform: lowercase;
}

/** ./PRODUCTS **/
/** WISH LIST **/
.wishlist_image {
    max-width: 110px;
}

/** ./WISH LIST **/
/** CONTACT **/
.contact_success {
    text-align: center;
    font-size: 1.3em;
    margin-top: 21vh;
    color: var(--main-color);
}

/** ./CONTACT **/
/** SUCCESS ORDER **/
.success_order_message {
    font-size: 25px;
    padding-top: 10vh;
}

/** ./SUCCESS ORDER **/
/** ORDERS **/
.order_status.new {
    color: var(--main-color);
    font-size: 20px;
}

.order_status.done, .order_status.sent, .order_status.ready {
    color: var(--success-color);
    font-size: 20px;
}

.order_status.returned {
    color: var(--error-color);
    font-size: 20px;
}

.my_orders .cart-table td {
    vertical-align: middle;
    padding: 26px 11px;
    font-size: 18px;
    border-bottom: 1px #e6e6e6 solid;
}

/** ./ORDERS **/
/** ORDER DETAILS **/
.order_details .status_text {
    color: var(--main-color);
    font-size: 20px;
    font-weight: 700;
}

.order_details .success {
    background-color: var(--success-color) !important;
}

.order_details .danger {
    background-color: var(--error-color) !important;
}

/** ./ORDER DETAILS **/
/** ABOUT US **/
[data-action-id="aboutus"] .content p {
    font-size: 1.5em;
    padding: 6px;
    letter-spacing: 1px;
}

[data-action-id="aboutus"] .content p a {
    color: var(--main-color);
}

/** ./ABOUT US **/
/** TERMS **/
[data-action-id="terms"] .content p {
    font-size: 1.5em;
    padding: 6px;
    letter-spacing: 1px;
}

[data-action-id="terms"] .content p .fa {
    color: var(--main-color);
}

/** ./TERMS **/
/** COOKIE **/
.cookie_holder {
    position: fixed;
    width: 100%;
    bottom: 0px;
    z-index: 99;
    background-color: white;
    border-top: 1px solid black;
    padding: 15px;
    font-size: 16px;
}

/** ./COOKIE **/
/** PRODUCT DETAILS **/
.product-thumbnails-swiper .swiper-slide.active img {
    border: 2px solid var(--main-color);
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 03 - GLOBAL SETTINGS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*table*/
.table-view {
    height: 100%;
    width: 100%;
    display: table;
}

.row-view {
    display: table-row;
}

.cell-view {
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}

/*content block*/
#content-block {
    position: relative;
}

/*nopadding class*/
.nopadding {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
}

/*content center*/
.content-center, .position-center {
    max-width: 1310px;
    margin: 0 auto;
    background: #fff;
    padding: 0 70px;
    position: relative;
}

.position-center {
    background: none;
}

.wide-center {
    max-width: 1760px;
    margin: 0 auto;
    padding: 0 30px;
}

@media (max-width: 767px) {
    .wide-center {
        padding: 0 15px;
    }
}

/*simple block and its title*/
.information-blocks {
    margin-bottom: 70px;
}

#content-block .sidebar-column .information-blocks {
    margin-bottom: 40px;
}

.block-title {
    font-size: 20px;
    line-height: 24px;
    color: #2e2e2e;
    font-weight: 600;
    padding-bottom: 15px;
    border-bottom: 1px #ebebeb solid;
    margin-bottom: 25px;
}

.block-title.size-1 {
    font-size: 16px;
}

.block-title.size-2 {
    font-size: 18px;
}

.block-title.size-3 {
    font-size: 24px;
    margin-bottom: -1px;
}

.block-title.size-4 {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/*buttons*/
.button {
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;
    color: #373737;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 10px;
    display: inline-block;
    margin-bottom: 12px;
    cursor: pointer;
    min-width: 127px;
    border: 2px #dadada solid;
    background: transparent;
    position: relative;
}

.button .fa {
    margin-right: 5px;
}

.button.style-2 {
    background: #f2f2f2;
    border-color: #f2f2f2;
}

.button.style-9 {
    border-color: rgba(255, 255, 255, 0.5);
}

.button.style-1:hover, .button.style-9:hover {
    background: #fff;
    border: 2px transparent solid;
}

.button.style-2:hover {
    background: #fff;
}

.button.style-3 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #333232;
    text-transform: uppercase;
    background: #f0f0f0;
    display: inline-block;
    text-align: center;
    border: 2px #f0f0f0 solid;
    padding: 10px 5px;
    min-width: 0;
}

.button.style-4 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    background: #ca1515;
    display: inline-block;
    text-align: center;
    border: 2px #ca1515 solid;
    padding: 10px 5px;
    min-width: 0;
}

.button.style-3:hover, .button.style-4:hover {
    background: transparent !important;
    color: #333232 !important;
}

.button.style-5 {
    border-color: #fff;
    background: #fff;
}

.button.style-5:hover {
    background: transparent;
    border-color: #bfbfbf;
}

.button.style-6 {
    border-color: #fff;
    background: #fff;
}

.button.style-6:hover {
    color: #fff;
    background: transparent;
    border-color: #bfbfbf;
}

.button.style-7 {
    background: rgba(241, 126, 14, 0.9);
    border-color: rgba(241, 126, 14, 0.9);
    color: #fff;
}

.button.style-7:hover {
    background: transparent;
}

.button.style-8 {
    background: transparent;
    color: #fff;
    border-color: rgba(204, 204, 204, 0.2);
}

.button.style-8:hover {
    border-color: rgba(204, 204, 204, 1);
}

.button.style-10, .button.style-12, .button.style-18 {
    font-size: 14px;
    line-height: 18px;
    padding: 11px 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    border: 2px #262626 solid;
    background: #262626;
    letter-spacing: 2px;
}

.button.style-10:hover, .button.style-12:hover {
    background: #fff;
    color: #262626;
}

.button.style-11 {
    font-size: 13px;
    color: #262626;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 18px;
    padding: 12px 40px;
    border: 1px #fff solid;
    background: #fff;
}

.button.style-11:hover {
    color: #808080;
}

.button.style-12 {
    border-color: #ca1515;
    background: #ca1515;
}

.button.style-14 {
    border-color: #272727;
    background: #272727;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    line-height: 16px;
    padding: 10px 20px;
    min-width: 0;
}

.button.style-14:hover {
    background: transparent;
    color: #272727;
}

.button.style-15, .button.style-16, .button.style-15, .button.style-17 {
    border: 1px #e0e0e0 solid;
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    padding: 9px 18px;
    background: #fff;
    color: #2e2e2e;
    min-width: 0;
}

.button.style-16, .button.style-15:hover {
    background: #f0f0f0;
    border-color: #f0f0f0;
}

.button.style-16:hover {
    background: #fff;
    border-color: #e0e0e0;
}

.button.style-17 {
    border-color: #ca1515;
    background: #ca1515;
    color: #fff;
}

.button.style-17:hover {
    background: transparent;
    color: #2e2e2e;
}

.button.style-18 {
    background: #f2f2f2;
    border-color: #f2f2f2;
    color: #333;
}

.button.style-18:hover {
    background: transparent;
}

.button.style-19 {
    background: #ca1515;
    border-color: #ca1515;
    color: #fff;
}

.button.style-19:hover {
    background: transparent;
}

.button-x {
    font-size: 12px;
    line-height: 15px;
    width: 15px;
    text-align: center;
    color: #808080;
}

.button-x .fa {
    display: block;
    line-height: 15px;
}

/*overflow*/
.overflow {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
}

/*placeholders*/
::-webkit-input-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

::-moz-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

/* firefox 19+ */
:-ms-input-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

/* ie */
input:-moz-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

/*toggle blocks in responsive navigation*/
@media (min-width: 992px) {
    .responsive-menu-toggle-class {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .responsive-menu-hide-class {
        display: none !important;
    }
}

/*list styles*/
.list-type-1 {
    font-size: 13px;
    line-height: 15px;
    color: #2e2e2e;
    font-weight: 500;
}

.list-type-1 a {
    color: #2e2e2e;
}

.list-type-1 a:hover {
    color: #8bab0a;
}

.list-type-1 li {
    padding: 7px 0;
}

.list-type-1 li .fa {
    display: inline-block;
    color: #806fc0;
    margin-right: 7px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

ol {
    list-style: none;
    counter-reset: number;
}

ol li {
    padding-left: 0;
    font-size: 13px;
    line-height: 24px;
    color: #a3a2a2;
    margin-bottom: 12px;
}


/*loader*/
#loader-holder {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 999;
}

.bubbles {
    text-align: center;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -30px;
}

.bubbles .title {
    color: #a1a1a1;
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 50px;
    font-weight: 500;
}

.bubbles span {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background: var(--main-color);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    animation: bubbly .9s infinite alternate;
}

#bubble2 {
    animation-delay: .27s;
}

#bubble3 {
    animation-delay: .54s;
}

@-webkit-keyframes bubbly {
    0% {
        width: 15px;
        height: 15px;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
    100% {
        width: 50px;
        height: 50px;
        opacity: 0.1;
        -webkit-transform: translateY(-32px);
    }
}

@keyframes bubbly {
    0% {
        width: 15px;
        height: 15px;
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        width: 50px;
        height: 50px;
        opacity: 0.1;
        transform: translateY(-32px);
    }
}

/*form elements*/
.checkbox, .radio {
    margin-top: 0;
}

.checkbox-entry {
    margin-bottom: 15px;
}

.checkbox-entry {
    display: block;
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
}

.checkbox-entry b {
    font-weight: 600 !important;
    color: #313131 !important;
}

.checkbox-entry input + span {
    cursor: pointer;
    display: inline-block;
    border: 1px #d9d9d9 solid;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    color: #333232;
    position: relative;
    top: -1px;
    margin-right: 7px;
    position: relative;
}

.checkbox-entry.radio input + span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px #e3e3e3 solid;
}

.checkbox-entry input {
    display: none;
}

.checkbox-entry input:checked + span {
    background: #ca1515;
}

.checkbox-entry.radio input:checked + span:after {
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    content: "";
    box-shadow: inset 0 0 0 3px #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 1px #e3e3e3 solid;
}

/*boxed layout*/
.boxed-layout {
    max-width: 1270px;
    margin: 0 auto;
    background: #fafafa;
}

.boxed-layout .fullwidth-block {
    width: auto;
    left: auto;
    margin-left: -50px;
    margin-right: -50px;
}

.boxed-layout .content-center, .boxed-layout .position-center {
    padding: 0 50px;
}

.boxed-layout #content-block {
    background: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 04 - TEMPLATE TOYS */
/*-------------------------------------------------------------------------------------------------------------------------------*/

/* 04.01 - header */
header {
    -webkit-backface-visibility: hidden;
}

header {
    /*margin-bottom: 25px;*/
    position: absolute;
    z-index: 5;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
}

.navigation {
    font-size: 0;
    position: relative;
    border-bottom: 2px #f7f7f7 solid;
    height: 70px;
}

nav {
    position: relative;
}

nav > ul > li {
    float: left;

}

nav > ul > li > a {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 70px;
    text-transform: uppercase;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    transition: all .3s ease-in-out;
}

nav > ul > li {
    transition: all .3s ease-in-out;
    padding: 0 10px;
}

nav > ul > li:hover,
nav > ul > li:focus,
nav > ul > li:active {
    background-color: #fff;
    transition: all .3s ease-in-out;
}

nav > ul > li:hover a,
nav > ul > li:focus a,
nav > ul > li:active a {
    color: #000;
    transition: all .3s ease-in-out;
}

nav > ul > li > a .menu-label {
    position: absolute;
    right: 3px;
    top: 10px;
}

nav > ul > li > .fa {
    color: #b9b9b9;
    font-size: 10px;
    margin-left: 3px;
    vertical-align: middle;
    position: relative;
    top: -5px;
}

/*Fixed Header*/
header.fixed-header nav > ul > li > a {
    color: #000;
}

header.fixed-header nav > ul > li:hover,
header.fixed-header nav > ul > li:focus,
header.fixed-header nav > ul > li:active {
    background-color: #323232;
    transition: all .3s ease-in-out;
}

header.fixed-header nav > ul > li:hover a,
header.fixed-header nav > ul > li:focus a,
header.fixed-header nav > ul > li:active a {
    color: #fff;
    transition: all .3s ease-in-out;
}

header.fixed-header .submenu .list-type-1 li a {
    color: #000;
}

header.fixed-header .full-width .submenu,
header.fixed-header .full-width-columns .submenu {
    border-top: 2px #f7f7f7 solid;
}

.submenu-container {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    padding: 20px 10px;
    display: none;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border: solid 1px #f4f4f4;
}

nav > ul > li:hover {
    z-index: 1;
}


nav > ul:nth-child(2) {
    float: right;
}

#content-block .submenu a:hover {
    color: var(--main-color);
}

.submenu .list-type-1 .fa {
    font-size: 13px;
    color: #cacaca !important;
    margin: 0 7px 0 0;
}

/*submenu full width*/
.submenu {
    position: absolute;
    width: 100%;
    background: #fff;
    left: 0;
    top: 70px;
    border: 1px #f2f2f2 solid;
    border-top: 0;
    padding: 20px;
    display: none;
}

@media (min-width: 1200px) {
    .submenu.left-align {
        left: 0 !important;
        margin: 0 !important;
    }

    .submenu.right-align {
        left: auto !important;
        right: 0;
        margin: 0 !important;
    }
}

.submenu .row {
    position: relative;
}

nav .full-width .submenu {
    padding: 50px 0;
    max-width: 1310px;
}

.full-width-menu-items-right {
    width: 540px;
    margin-right: 50px;
    float: right;
}

.full-width-menu-items-right .submenu-list-title {
    margin-right: 50px;
}

.menu-slider-out {
    overflow: hidden;
}

.menu-slider-in {
    width: 100000px;
    position: relative;
}

.menu-slider-in .product-slide-entry {
    width: 150px;
}

.menu-slider-entry {
    padding-right: 40px;
    float: left;
    text-align: center;
}

.menu-slider-in .product-slide-entry .product-image {
    margin-bottom: 10px;
}

.menu-slider-in .product-slide-entry .title {
    font-size: 14px;
}

.menu-slider-in .price {
    font-size: 14px;
}

.menu-slider-arrows {
    font-size: 0;
    text-align: right;
    margin-bottom: -22px;
}

.menu-slider-arrows a {
    font-size: 13px;
    line-height: 22px;
    display: inline-block;
    width: 22px;
    text-align: center;
}

#content-block .menu-slider-arrows a .fa {
    color: #cacaca;
}

#content-block .menu-slider-arrows a:hover .fa {
    color: #2e2e2e;
}

.full-width-menu-items-left {
    margin-right: 615px;
    margin-left: 45px;
}

.submenu-list-title {
    font-size: 16px;
    line-height: 22px;
    color: #2e2e2e;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 15px;
}

.submenu-list-title a {
    color: #2e2e2e;
}

#content-block .submenu-list-title a:hover {
    text-decoration: underline;
    color: #2e2e2e;
}

.submenu .list-type-1 li {
    display: block;
    font-size: 14px;
    position: relative;
    padding: 0;
}

.submenu .list-type-1 li a {
    padding: 10px 10px;
    display: block;
    width: 100%;
    position: relative;
}

.submenu .list-type-1 li a[data-bs-toggle] {
    position: absolute;
    right: 0;
    width: 30px;
    margin: 0;
    padding: 8px;
    top: 5px;
}


.submenu .list-type-1 li a[data-bs-toggle] + div {
    padding: 0 10px;
}

.submenu .list-type-1 li a[data-bs-toggle] + div ul {
    border-top: 1px solid var(--main-color);
}

.submenu .list-type-1 li a[data-bs-toggle] + div ul li {
    width: 100%;
    display: block;
}

.submenu .list-type-1 li a[data-bs-toggle] + div ul li a {
    color: gray;
}

.menu-label {
    font-size: 10px;
    line-height: 15px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}

.menu-label:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 0;
    position: absolute;
    left: 6px;
    top: 100%;
    content: "";
}

.menu-label.blue {
    background: #03b4ea;
}

.menu-label.blue:before {
    border-color: #03b4ea transparent transparent transparent;
}

.menu-label.red {
    background: #cd0000;
}

.menu-label.red:before {
    border-color: #cd0000 transparent transparent transparent;
}

.menu-label.yellow {
    background: #e9bc21;
}

.menu-label.yellow:before {
    border-color: #e9bc21 transparent transparent transparent;
}

/*submenu drop-down menu bottom line*/
.submenu-links-line {
    position: absolute;
    left: 0;
    top: 100%;
    background: #f2f2f2;
    left: -1px;
    right: -1px;
    padding: 19px 45px;
    font-size: 14px;
    line-height: 24px;
    color: #575757;
    border: 1px #f2f2f2 solid;
}

.submenu-links-line b {
    font-weight: 600;
    color: #000;
}

.submenu-links-line a {
    color: #575757;
}

.submenu-links-line a:hover {
    text-decoration: underline;
}

.submenu-links-line-container {
    display: table;
    width: 100%;
}

.submenu-links-line-container .cell-view:first-child {
    width: 60%;
}

.submenu-links-line .red-message, .submenu-links-line .red-message b {
    color: #ca1515;
}

/*open desktop header drop-downs*/
@media (min-width: 1200px) {
    /*.submenu{display: block!important; transform: rotateX(90deg); -moz-transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px; opacity: 0;}
  nav>ul>li:hover>.submenu{opacity: 1; transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg);}*/
    .toggle-list-container {
        display: block !important;
    }

    .submenu .product-column-entry {
        min-height: 300px;
    }
}

/*scrolling page - fixed header*/
.fixed-header-visible {
    display: none;
}

@media (min-width: 1200px) {
    header.fixed-header {
        z-index: 6;
    }

    header.fixed-header .full-width .submenu, header.fixed-header .full-width-columns .submenu {
        left: auto;
        right: 0;
    }

    header.fixed-header .nav-overflow {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        background: #fff;
        border-bottom: 2px #f7f7f7 solid;
        -webkit-backface-visibility: hidden;
    }

    header.fixed-header nav {
        max-width: 1310px;
        margin: 0 auto;
        text-align: right;
    }

    header.fixed-header nav > ul:nth-child(2) {
        float: none;
    }

    header.fixed-header nav > ul {
        display: inline-block;
        text-align: left;
    }

    header .additional-header-logo {
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    header .additional-header-logo img {
        max-height: 50px;
        width: auto;
        display: block;
    }

    /*buttons*/
    header.fixed-header .fixed-header-visible {
        display: block;
    }

    header.fixed-header nav > ul > li > a {
        font-weight: 600;
    }

    .fixed-header-visible .header-functionality-entry {
        text-transform: none;
        margin-top: 27px;
        float: left;
        border: none;
        text-decoration: none !important;
    }

    .fixed-header-visible .header-functionality-entry:first-child {
        padding-left: 0;
    }

    .fixed-header-square-button {
        float: left;
        margin-top: 20px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        text-decoration: none !important;
        margin-left: 20px;
        white-space: nowrap;
    }

    .fixed-header-square-button .fa {
        color: inherit !important;
    }

    .fixed-header-square-button:first-child {
        margin-left: 0;
    }

    .fixed-header-square-button .fa {
        font-size: 13px;
        line-height: 30px;
        color: #a0a0a0;
        display: inline-block;
    }

    .fixed-header-square-button:hover .fa {
        color: #3d3d3d;
    }
}

.header-top {
    border-bottom: 1px #f0f0f0 solid;
    position: relative;
}

.header-top-entry {
    float: left;
    font-size: 13px;
    line-height: 15px;
    color: #747474;
    font-weight: 400;
    position: relative;
    padding: 6px 0;
}

.header-top-entry .title {
    padding: 0 20px;
    cursor: pointer;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-top-entry .title img, .header-top-entry .list-entry img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px;
    position: relative;
    top: -1px;
}

.header-top-entry .title a {
    color: #747474;
}

.header-top-entry .title a:hover {
    color: var(--main-color);
}

.header-top-entry .title b {
    font-weight: 600;
}

.header-top-entry .list {
    position: absolute;
    min-width: 100%;
    left: 1px;
    top: 40px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border: solid 1px #f4f4f4;
    padding: 5px 20px;
    z-index: 1;
    text-align: left;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    opacity: 0;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    transform-origin: 50% 0% 0px;
    -moz-transform-origin: 50% 0% 0px;
    -webkit-transform-origin: 50% 0% 0px;
    -ms-transform-origin: 50% 0% 0px;
}

.header-top-entry:hover .list {
    opacity: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
}

.header-top-entry:first-child .list {
    left: -20px;
}

.header-top-entry .list-entry {
    white-space: nowrap;
    display: block;
    color: #747474;
    padding: 10px 0;
    border-top: 1px #f0f0f0 solid;
}

.header-top-entry .list-entry:hover {
    color: #222;
}

.header-top-entry .list-entry:first-child {
    border-top: none;
}

.socials-box {
    font-size: 0;
}

header .socials-box {
    float: right;
    margin-top: 12px;
    margin-right: -3px;
}

.socials-box a {
    font-size: 16px;
    line-height: 30px;
    width: 30px;
    display: inline-block;
    color: #bababa;
    margin: 0 3px;
    text-align: center;
}

.socials-box a .fa {
    line-height: 30px;
    position: relative;
    top: 0;
}

.socials-box a:hover {
    color: #3d3d3d;
}

.middle-entry {
    display: table-cell;
    vertical-align: middle;
}

.search-box {
    background: #fff;
}

.search-button {
    float: right;
    width: 45px;
    height: 45px;
    background: #323232;
    position: relative;
}

.search-button:hover {
    background: var(--main-color);
}

.search-button .fa {
    display: block;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.search-button input[type="submit"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.search-drop-down {
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    border-left: 1px #f2f2f2 solid;
    float: right;
    width: 135px;
    position: relative;
}

.search-drop-down .title {
    line-height: 43px;
    padding: 0 30px 0 20px;
    position: relative;
    cursor: pointer;
    font-size: 12px;
    color: #999;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.search-drop-down .title .fa {
    position: absolute;
    top: 0;
    width: 10px;
    right: 20px;
    text-align: center;
    line-height: 45px;
}

.search-drop-down .list {
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border: solid 1px #f4f4f4;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%; /*transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0);*/
    display: none;
    z-index: 1;
}

.search-drop-down.active .list { /*transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);*/
    display: block;
}

.search-drop-down .overflow {
    max-height: 161px;
}

.search-drop-down .category-entry {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    padding: 7px 0 7px 15px;
    margin: 0 5px;
    border-bottom: 1px #f2f2f2 solid;
    cursor: pointer;
}

.search-drop-down .category-entry:hover {
    color: #3d3d3d;
}

.search-field {
    border: 1px #e8e8e8 solid;
    border-right: none;
    height: 45px;
    margin-right: 0px;
}

.search-field input[type="text"] {
    width: 100%;
    height: 43px;
    line-height: 43px;
    border: none;
    background: none;
    font-size: 14px;
    padding: 0 20px;
    color: #3d3d3d;
}

/*header popups*/
.popup *:last-child {
    margin-bottom: 0 !important;
}

.search-box.popup {
    position: fixed;
    border: 1px #ebebeb solid;
    background: #fff;
    padding: 18px;
    width: 460px;
}

/*.popup{transform: rotateX(90deg); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); opacity: 0; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transform-origin: 50% 0% 0px; -moz-transform-origin: 50% 0% 0px; -webkit-transform-origin: 50% 0% 0px; -ms-transform-origin: 50% 0% 0px;}*/
.loaded .popup {
    z-index: 7;
    display: none;
}

.popup.active {
    display: block;
}

.search-box.popup.bottom-align {
    top: auto !important;
    bottom: 75px;
}

.search-box.popup.bottom-align .search-drop-down .list {
    position: absolute;
    top: auto;
    bottom: 100%;
}

/*.popup.active{opacity: 1; transform: rotateX(0deg); -moz-transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg);}*/
.search-box.popup:before {
    width: 28px;
    height: 15px;
    position: absolute;
    content: "";
    top: -15px;
    right: 30px;
}

.search-box.popup.bottom-align:before {
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    top: 100%;
}

/*additional header block - search in navigation ("everything" template)*/
.navigation-search-content {
    margin-left: 300px;
    position: relative;
    z-index: 1;
}

.navigation-search-content .search-box {
    margin-right: 160px;
    top: 15px;
    position: relative;
}

.search-box.size-1 .search-button {
    height: 40px;
    width: 40px;
}

.search-box.size-1 .search-drop-down .title {
    line-height: 38px;
}

.search-box.size-1 .search-drop-down .title .fa {
    line-height: 40px;
}

.search-box.size-1 .search-field {
    margin-right: 175px;
    height: 40px;
}

.search-box.size-1 .search-field input[type="text"] {
    height: 38px;
    line-height: 38px;
}

.search-box.size-1 .search-button .fa {
    line-height: 40px;
}

header.type-1.fixed-header .navigation-search-content {
    display: none;
}

.navigation-search-content .toggle-desktop-menu {
    float: right;
    font-size: 14px;
    line-height: 70px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    width: 125px;
    border-left: 1px #1663c2 solid;
    text-align: center;
}

.navigation-search-content .toggle-desktop-menu .fa {
    line-height: 70px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    margin-right: 5px;
    display: none;
}

.navigation-search-content .toggle-desktop-menu .fa:first-child {
    display: inline-block;
}

.navigation.active .navigation-search-content .search-box {
    display: none;
}

.navigation.active .navigation-search-content .toggle-desktop-menu .fa {
    display: inline-block;
}

.navigation.active .navigation-search-content .toggle-desktop-menu .fa:first-child {
    display: none;
}

/*additional header block - square icons ("everything" template)*/
header .icon-entry {
    width: 50%;
    float: left;
}

header .icon-entry .image {
    width: 45px;
    height: 45px;
    float: left;
    line-height: 45px;
    text-align: center;
    background: #f5f5f5;
}

header .icon-entry .image .fa {
    line-height: 45px;
    display: block;
    color: #b4b4b4;
}

header .icon-entry:hover .image {
    background: #0f51a3;
}

header .icon-entry:hover .image .fa {
    color: #fff;
}

header .icon-entry .text {
    margin-left: 60px;
    font-size: 13px;
    line-height: 18px;
    color: #747474;
    padding-top: 5px;
    display: block;
}

header .icon-entry .text b {
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    color: #404040;
}

#content-block .latest-review footer {
    font-style: normal;
    font-size: 13px;
    color: #aaa9a9;
    line-height: 20px;
    font-weight: 400;
    background: none;
}

/*Footer*/
footer {
    background-color: #f6f6f8;
    padding: 50px 0 0;
}

footer .footer_privacy {
    line-height: 140%;
    font-size: 12px;
}

footer .bottom-footer {
    background-color: #555;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1;
    border-top: 1px solid transparent;
}

footer .bottom-footer {
    font-size: 12px;

}

footer .bottom-footer a,
footer .footer_privacy a {
    color: var(--main-color);
}

footer .footer_link {
    padding-bottom: 50px;
}

footer .footer_link .title {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px;
}

footer .footer_link .title + ul {
    margin-left: -10px;
}

footer .footer_link .title + ul li a {
    color: var(--main-color);
    padding: 4px 10px;
    display: block;
    font-size: 12px;
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 14 - HEADER */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.header-product {
    display: table;
    width: 100%;
}

.header-product .logo-wrapper {
    padding: 10px 0;
    width: 250px;
}

.product-header-content {
    display: block;
    vertical-align: middle;
    text-align: right;
}

.product-header-content .line-entry {
    display: inline-block;
    vertical-align: bottom;
}

header .line-entry {
    white-space: nowrap;
}

.product-header-content .middle-line {
    height: 1px;
    background: #ebebeb;
}

.header-wrapper.style-10 .line-entry:last-child {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-wrapper.style-10 .header-top-entry:last-child .title {
    padding-right: 0;
}

@media (min-width: 992px) {

    .header-wrapper.style-10 nav > ul > li > .fa {
        color: #979797;
    }

    .header-wrapper.style-10 .navigation {
        border: none;
    }

    .header-wrapper.style-10 header:not(.fixed-header) .nav-overflow {
        background: #323232;
        border: none;
    }

    .header-wrapper.style-10 .nav-overflow:before {
        content: "";
        width: 100000px;
        left: 50%;
        margin-left: -50000px;
        position: absolute;
        top: 0;
        height: 100%;
        background: inherit;
    }
}

/** RESPONSIVE **/
@media (max-width: 992px) {
    .content-center, .position-center {
        padding-top: 130px !important;
    }

    #content-block header {
        position: fixed;
        padding: 0;
        top: 0;
        border-bottom: 2px #f7f7f7 solid;
    }

    .header-top .socials-box {
        display: none;
    }

    .navigation {
        position: fixed;
        left: 0;
        top: 0;
        width: 290px;
        background: #272727;
        height: 100%;
        border: none;
        z-index: 7;
        transform: translateX(-290px);
        -moz-transform: translateX(-290px);
        -webkit-transform: translateX(-290px);
        -ms-transform: translateX(-290px);
    }

    .nav-overflow {
        position: absolute;
        width: 100%;
        left: 0;
        top: 40px;
        bottom: 0;
        -webkit-overflow-scrolling: touch;
        -moz-overflow-scrolling: touch;
        -ms-overflow-scrolling: touch;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .navigation-header {
        padding: 0 50px 0 20px;
        border-bottom: 1px #343434 solid;
    }

    .navigation-header .title {
        font-size: 20px;
        line-height: 75px;
        font-weight: 700;
        text-transform: uppercase;
        color: #fff;
    }

    .close-menu {
        width: 40px;
        height: 40px;
        line-height: 40px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        text-transform: uppercase;
    }

    .close-menu:before, .close-menu:after {
        width: 18px;
        height: 2px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -1px 0 0 -9px;
        content: "";
        background: #fff;
    }

    .close-menu:before {
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
    }

    .close-menu:after {
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
    }

    .navigation-footer .socials-box {
        margin-top: -1px;
        margin-right: 0;
        float: none;
        /*border-top: 1px #343434 solid;*/
        /*border-bottom: 1px #343434 solid;*/
    }

    .navigation-footer .socials-box a {
        width: 14.25%;
        height: 40px;
        line-height: 39px;
        float: left;
        margin: 0;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body:not(.mobile) .navigation-footer .socials-box a:hover {
        background: #fff;
        color: #272727;
    }

    .navigation-footer .socials-box a:first-child {
        border-left: none;
    }

    header .main_categories {
        margin: 0;
    }

    header .main_categories li a {
        padding: 7px;
        font-size: 11px;
    }

    .header-wrapper.style-10 .line-entry:last-child {
        padding: 0 20px 0 0;
    }

    .menu-button {
        font-size: 25px;
        color: #2f2f2f;
        cursor: pointer;
        /*position: absolute;*/
        /*right: 0;*/
        /*top: 0;*/
        margin-left: 10px;
        line-height: 100%;
        padding: 10px;
    }

    .menu-button .fa {
        line-height: inherit;
        display: block;
    }

    body.opened-menu {
        overflow: scroll;
    }

    .navigation, .content-push {
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
    }

    header.opened .navigation {
        transform: translateX(0px);
        -moz-transform: translateX(0px);
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
    }

    /*body.opened-menu .content-push{transform: translateX(200px); -moz-transform: translateX(200px); -webkit-transform: translateX(200px); -ms-transform: translateX(200px);}*/
    .close-header-layer {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: none;
        background: rgba(0, 0, 0, 0.5);
    }

    #content-block nav > ul {
        float: none;
    }

    nav > ul > li {
        float: none;
        border-bottom: 1px #343434 solid;
        padding: 0;
        position: relative;
    }

    nav > ul > li:hover, nav > ul > li:focus, nav > ul > li:active {
        background-color: transparent;
        transition: all .3s ease-in-out;
    }

    nav > ul > li > a {
        font-size: 12px;
        color: #fff !important;
        line-height: 14px;
        padding: 15px 45px 15px 20px;
        display: block;
    }

    nav > ul > li > .fa {
        position: absolute;
        right: 5px;
        top: 2px;
        line-height: 40px;
        width: 40px;
        text-align: center;
        cursor: pointer;
        margin: 0;
        font-size: 12px;
    }

    nav > ul > li.opened > .fa {
        transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
    }

    .full-width-menu-items-right {
        display: none;
    }

    .full-width-menu-items-left {
        margin-left: 0;
        margin-right: 0;
    }

    .submenu {
        position: relative;
        top: auto;
        left: auto;
        padding: 0 !important;
        /*max-height: 45vh;*/
    }

    ::-webkit-scrollbar-corner {
        /*
        background-image: url(resources/corner.png);
        background-repeat: no-repeat;
        */
        background-color: #272727;
    }

    .submenu-links-line {
        display: none;
    }

    .submenu-list-title {
        margin: 0;
        display: block;
        position: relative;
    }

    .submenu-list-title a {
        display: block;
        margin: 0;
        font-size: 12px;
        line-height: 14px;
        padding: 15px 45px 15px 20px;
    }

    .submenu-list-title .toggle-list-button {
        width: 43px;
        height: 43px;
        position: absolute;
        top: 0;
        right: 2px;
        cursor: pointer;
    }

    .submenu-list-title .toggle-list-button:before {
        width: 11px;
        height: 1px;
        background: #878787;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -1px;
        margin-left: -6px;
        content: "";
    }

    .submenu-list-title .toggle-list-button:after {
        width: 1px;
        height: 11px;
        background: #878787;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -6px;
        margin-left: -1px;
        content: "";
    }

    .toggle-list-container {
        padding-left: 0;
    }

    .submenu-list-title.opened .toggle-list-button:after {
        height: 0;
        margin-top: 0;
    }

    .submenu .list-type-1 {
        margin-bottom: 0;
    }

    .submenu .list-type-1 li {
        padding: 5px 10px 5px;
        display: inline-block;
        width: 100%;
    }

    .submenu .product-column-entry {
        float: none;
        width: auto;
        padding: 0;
    }

    .submenu .product-column-entry .image {
        display: none;
    }

    .submenu .product-column-entry .hot-mark {
        display: none;
    }

    .submenu .product-column-entry .submenu-list-title {
        margin-left: 0;
        margin-right: 0;
    }

    .submenu .product-column-entry .description {
        margin: 0;
    }

    nav .column-2 .submenu .full-width-menu-items-left, nav .column-1 .full-width-menu-items-left {
        margin-right: 0;
    }

    nav .column-2 .submenu, nav .column-1 .submenu, nav .simple-list .submenu {
        width: auto;
        margin: 0;
        left: auto;
    }

    .submenu-background {
        display: none;
    }

    nav .simple-list .submenu a {
        display: block;
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        padding: 15px 45px 15px 20px;
        color: #2e2e2e;
        font-weight: 700;
        text-transform: uppercase;
        border: none;
    }

    nav .simple-list .submenu a .fa {
        display: none;
    }

    nav > ul > li > a .menu-label {
        position: relative;
        right: auto;
        top: -7px;
        margin-left: 5px;
    }

    .responsive-search-button {
        display: inline-block;
    }

    .header-functionality-entry {
        padding: 0;
        border-right: none;
    }

    .header-functionality-entry span {
        display: none;
    }

    .header-functionality-entry .fa {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 18px;
        /*color: #2f2f2f;*/
        text-align: center;
        margin: 0;
    }

    .header-functionality-entry.open-search-popup {
        display: inline-block;
    }

    .header-middle {
        border-bottom: 1px solid #f0f0f0;
    }

    .header-functionality-entry b {
        position: absolute;
        right: 5px;
        top: 3px;
    }

    #logo {
        min-height: 0;
    }

    header .middle-entry {
        display: none;
    }

    header .navigation {
        padding-bottom: 60px;
        overflow-x: hidden;
    }

    header .navigation-footer {
        padding-bottom: 60px;
    }

    header .navigation-copyright {
        padding: 10px;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .search-box.popup {
        right: 0 !important;
        width: 100%;
        top: 134px !important;
    }

    .cart-box.popup {
        display: none !important;
    }

    .navigation-search-content {
        display: none;
    }

    .full-width-menu-items-left .row > div {
        padding: 0;
    }

    .full-width-menu-items-left .row {
        margin: 0;
    }

    .description table {
        width: 100% !important;
    }

    .description table tr td {
        font-size: 12px;
    }

    .similar_product_thumb .site_product_thumb .title {
        font-size: 1rem;
    }

    .site_product_thumb .thumb_price {
        padding: 5px 10px;
    }

    .cart_product_subtitle,
    .cart_product_title .cart-price {
        font-size: 14px;
    }

    .cart_products, .cart_customer_form {
        padding-bottom: 15px;
    }

    .cart_item_row:first-of-type .cart_item {
        margin-top: 0;
    }

    .cart_products .cart_item_row {
        position: relative;
    }

    .cart_products .cart_item_row .product-title {
        font-size: 16px;
        line-height: 100%;
    }

    .cart_products .cart_item_row .product-title,
    .cart_products .cart_item_row .product-qty,
    .cart_products .cart_item_row .form-control {
        margin-bottom: 10px;
        display: block;
    }

    .cart_products .cart_item_row .col-md-3 span {
        display: block;
        font-size: 12px;
    }

    .cart_products .cart_item_row .product-qty,
    .cart_products .cart_item_row .form-control {
        font-size: 12px;
    }

    .cart_products .cart_item_row .btn_remove_cart_item {
        position: absolute;
        right: -10px;
        top: -10px;
    }

    .cart_customer_form input,
    .cart_customer_form textarea,
    .product_details .btn_add_to_cart,
    .cart_customer_form .btn_add_to_cart {
        font-size: 12px;
    }

    .newsletter h3 {
        font-size: 18px;
    }

    .newsletter p {
        font-size: 12px;
    }

    .newsletter .form-control,
    .newsletter .input-group-text {
        font-size: 12px;
    }

    .errorMessage,
    .newsletter .alert {
        padding: 10px;
    }

    .empty-products {
        font-size: 12px;
        text-align: center;
    }

    footer {
        padding-top: 25px;
    }

    footer .bottom-footer {
        text-align: center;
        padding: 10px;
    }

    footer .footer_link {
        padding-bottom: 0;
    }

    footer .footer_link ul li img {
        max-width: 160px;
        margin: 30px auto 10px;
        display: block;
    }

    .mobile_hide {
        display: none !important;
    }
}

/** ./RESPONSIVE **/