/* Tema duzenleme  */
@font-face {
    font-family: 'simple-line-icons';
    src: url('../fonts/simple-line-icons.ttf?az2gmn') format('truetype'), url('../fonts/simple-line-icons.woff?az2gmn') format('woff'), url('../fonts/simple-line-icons.svg?az2gmn#simple-line-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: #4C4C4C;
    font-weight: 400;
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    transition: margin-left 500ms, margin-right 500ms;
    /* background-color: #eaeaea; */
}

@media (max-width: 1024px) {
    .product-main-wrap .container {
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
    }

    .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .common-home .container {
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }

    [class*="product-product"] .container {
        padding-right: 0px;
        padding-left: 0px;
    }

    [class*="product-product"] .product-layout.container {
        padding-right: 5px;
        padding-left: 5px;
    }
}

/* Primary color */
.primary-color, .cm_item .primary-color, .nav-tabs.text-center.nav-tabs-sm > li.active {
    color: #179a94;
}

.primary-bg-color, .nav-tabs.text-center.nav-tabs-sm > li.active > a:after, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #179a94;
}

.primary-color-border, .nav-tabs {
    border-color: #179a94 !important;
}

.link-hover-color:hover {
    color: #179a94;
}

.menu-style {
    background: #ffffff;
    transition: background 400ms;
    padding: 25px 0px;
    /* border-bottom: 1px solid #ebebeb; */
}

.main-menu.vertical > ul > li:hover > a {
    background: #fbbc3400!important;
}

@media (min-width: 769px) {
    #product-view .grid-holder .item.single-product {
        margin: 0px 7px 10px 8px;
        width: 23.5%!important;
        border-radius: 5px;
        overflow: hidden;
        will-change: height;
        margin-bottom: 20px !important;
    }

    #product-view .grid-holder .item.single-product.bestseller-style {
        border: 5px solid transparent;
        background: linear-gradient(135deg, #FFEB3B, #b19e03);
        background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-origin: border-box;
        background-clip: content-box, border-box;
        background: linear-gradient(135deg, #FFEB3B, #b19e03) border-box;
        border: 1px solid transparent;
    }
}

.header-style {
    transition: background 400ms;
    position: relative;
}

.product-info .quickview-top-content .price {
    color: #000000;
    margin-top: 10px;
}

.price {
    color: #179a94;
}

.product-name, .blog-title, .product-h1, .contrast-heading, .contrast-font {
}

body.boxed-layout {
    background-color: #ececec;
}

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

h1, h2, h3, h4, h5, h6 {
    color: #1B1919;
    margin-top: 0;
    line-height: 1.4;
    font-weight: 400;
}

h1 {
    font-size: 34px;
    margin-bottom: 22px;
}

@media (max-width: 768px) {
    .minimal_bc h1#page-title {
        text-align: left!important;
        font-weight: 500;
    }

    .minimal_bc h1#page-title:after {
        content: '';
        width: 98%;
        height: 1px;
        background-color: #b3b3b3;
        display: none;
        margin-top: 7px;
    }

    .product-info .table-cell.right h1#page-title:after {
        display: none;
    }
}

.default_bc h1#page-title, .minimal_bc h1#page-title, .plain_breadcrumb h1#page-title {
    line-height: 1.1;
    /* display: none; */
    margin-left: 0px;
    text-align: center;
    margin-top: 22px;
    font-size: 16px;
}

h2 {
    font-size: 27px;
    margin-bottom: 17px;
}

h3 {
    font-size: 22px;
    margin-bottom: 14px;
}

h4 {
    font-size: 18px;
    margin-bottom: 10px;
}

h5 {
    font-size: 15px;
    margin-bottom: 8px;
}

h6 {
    font-size: 10.2px;
    margin-bottom: 6px;
}

h3.lined-title {
    display: block;
    font-size: 18px;
    position: relative;
    margin-bottom: 12px;
}

h3.lined-title.lg {
    font-size: 20px!important;
    text-transform: uppercase;
}

h3.lined-title span {
    background: #ffffff;
    padding-right: 20px;
    position: relative;
}

h3.lined-title:before {
    content: " ";
    background-color: #ececec;
    display: inline-block;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

a, a:hover, a:focus {
    color: inherit;
    cursor: pointer;
    outline: none;
}

a:hover, a:focus, .menu-cell a:hover {
    text-decoration: none;
    color: #fd1844;
}

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

p {
    margin-bottom: 10px;
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 0px;
}

small {
    font-size: 13px;
}

.form-vertical, form-horizontal {
    color: #111111;
}

@media (max-width: 1024px) {
    .product-search legend {
        font-size:20px;
        padding: 5px 0px 15px;
        text-align: center;
        margin-bottom: 0;
        border-bottom: 0px solid #e5e5e5;
    }

    .product-search legend >p {
        font-size: 13px;
        padding: 5px 0px 10px;
        text-align: center;
        margin-bottom: 0;
        border-bottom: 0px solid #e5e5e5;
        display: none;
    }
}

@media (min-width: 1025px) {
    .product-search legend {
        font-size: 22px;
        padding: 30px 0px 0px;
        text-align: center;
        margin-bottom: 0;
        border-bottom: 0px solid #e5e5e5;
    }

    .product-search legend >p {
        font-size: 16px;
        padding: 10px 0px 0px;
        text-align: center;
        margin-bottom: 0;
        border-bottom: 0px solid #e5e5e5;
        display: none;
    }
}

label {
    font-size: 14px;
    font-weight: normal;
}

input, textarea, select, .form-control {
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    box-shadow: none;
    transition: border-color 500ms;
    padding: 8px 12px;
    font-size: 14px;
    outline: none;
}

.form-control.input-sm {
    padding: 2px 8px;
    font-size: 13px;
    min-height: 36px;
}

.form-control.inline {
    display: inline-block;
    width: auto;
}

input:focus, input:focus, select:focus, textarea:focus, .form-control:focus {
    border-color: #666666;
    box-shadow: none;
    transition: border-color 500ms;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    transition: background-color 9999s, color 9999s;
    transition-delay: 9999s;
}

select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    min-height: 40px;
}

.input-group .input-group-addon {
    height: 40px;
}

.input-group .input-group-addon.captcha_addon {
    background: none;
    border-radius: 0px;
    padding-right: 7px;
}

.input-group .input-group-addon.captcha_addon.grey {
    border: none;
    background: #efefef;
}

.input-group .input-group-addon.captcha_addon img {
    max-width: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
    background-image: url('../image/arrow-down.png') !important;
    background-repeat: no-repeat;
    background-position: right 50%;
    padding-right: 25px !important;
}

.form-group {
    margin-bottom: 20px;
}

.form-control.grey {
    background: #efefef;
    border: none;
}

.form-control.grey:focus {
    background: #ececec;
}

/* Disabled body scrolling */
html.no-scroll, html.no-scroll body {
    overflow: hidden;
}

@media (min-width: 992px) {
    html.no-scroll, html.no-scroll .sticky-enabled.sticky-active .sticky-header {
        border-right:18px solid #cccccc;
    }
}

/* Containers */
/* Full width containers */
@media (min-width: 1200px) {
    .w70 {
        width:60%;
    }

    body:not(.boxed-layout) .container.full-width, .full_width_bc .breadcrumb-holder .container {
        min-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Boxed layout */
.boxed-layout .outer-container.main-wrapper {
    background: #ffffff;
}

@media (min-width: 1200px) {
    .boxed-layout .outer-container {
        max-width: 136.6rem;
        position: relative;
        margin-right: auto;
        margin-left: auto;
    }
}

@media (min-width: 1370px) {
    .wide_container .container {
        width: 1340px;
        padding: 0 0px;
        margin: 0 auto;
    }

    .quickcheckoutbox-layout.container {
        width: 1200px;
        padding: 0 0px;
    }

    .wide_container .box-layout {
        max-width: 1240px;
        margin: 0 auto;
    }

    .checkout-cart .row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .wide_container.boxed-layout .outer-container {
        max-width: 1320px;
    }

    .product-main-wrap .container.product-layout .tab-inner .col-sm-12 {
    padding: 0;
    }
}

@media (max-width:1024px) { 
    .product-main-wrap .container.product-layout .tab-inner .col-sm-12 {
    padding: 0;
    }

}

@media (min-width: 1150px) {
    .narrow_container .container {
        width:1060px;
    }

    .narrow_container.boxed-layout .outer-container {
        max-width: 1100px;
    }

    .narrow_container #cart-total .slash {
        display: none;
    }
}

.modal-content {
    border-radius: 0px;
}

/* Bootstrap Addons */
.margin-b0 {
    margin-bottom: 0px !important;
}

.margin-b10 {
    margin-bottom: 10px !important;
}

.margin-b15 {
    margin-bottom: 15px !important;
}

.margin-b20 {
    margin-bottom: 20px !important;
}

.margin-b25 {
    margin-bottom: 25px !important;
}

.margin-b30 {
    margin-bottom: 30px !important;
}

.margin-b35 {
    margin-bottom: 35px !important;
}

.margin-b40 {
    margin-bottom: 40px !important;
}

.margin-b45 {
    margin-bottom: 45px !important;
}

.margin-b50 {
    margin-bottom: 50px !important;
}

.vertical-middle {
    vertical-align: middle;
}

.vertical-bottom {
    vertical-align: bottom;
}

.display-block {
    display: block;
}

.display-inline-block {
    display: inline-block !important;
}

.normal-white-space {
    white-space: normal !important;
}

.col-lg-20 {
    width: 20%
}

.table .table {
    background-color: inherit;
}

@media (min-width: 768px) and (max-width: 991px) {
    .sm-text-center {
        text-align:center;
    }
}

@media (max-width: 767px) {
    .xs-text-center {
        text-align:center;
    }
}

a.inline-link, .inline-link a {
    padding: 3px 0;
    color: #666666;
    border-bottom: 1px solid rgba(0,0,0,.08);
}

a.inline-link:hover, .inline-link a:hover {
    color: #111111;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

a.u-lined {
    padding: 2px 0;
    color: #666666;
    border-bottom: 1px solid rgba(0,0,0,.3);
}

a.u-lined:hover {
    color: #111111;
    border-bottom: 1px solid rgba(0,0,0,1);
}

a.u-lined.light {
    color: #dddddd;
    border-bottom: 1px solid rgba(255,255,255,.3);
}

a.u-lined.light:hover {
    color: #ffffff;
    border-bottom: 1px solid rgba(255,255,255,1);
}

.hover-slidein-top {
    opacity: 0;
    display: inline-block;
    transform: translateY(20px);
    transition: all 400ms;
}

div:hover > .hover-slidein-top {
    opacity: 1;
    transform: translateY(0);
    transition: all 400ms;
}

.list-unstyled li {
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .list-unstyled li {
        margin-bottom: 0px;
    }
}

/*Blog*/
@media (max-width: 768px) {
    .blog.blog_post {
        padding-top: 4px!important;
        padding-bottom: 90px!important;
    }

    .blog-content {
        /* width: 1240px!important; */
        margin-top: 5px;
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (min-width: 1024px) {
    .blog-content {
        width: 1340px!important;
        margin-top: 30px!important;
        padding: 10px!important;
    }

    .blog-content #content {
        padding-left: 0;
    }

    .blog-content #column-right {
        padding-right: 0;
    }
}

.blog.blog_post {
    padding-top: 0px;
    padding-bottom: 180px;
}

/*Blog*/
/* Fix some bootstrap issues */
div.required .control-label:after {
    content: '* ';
    color: #F00;
    padding-left: 3px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .widget-style {
        /* background-color:#ffffff; */ padding: 10px 0px 0px 0px;
        margin: 0px 0px 0px;
    }
}

.widget-style {
    /* background-color:#ffffff; */
    padding: 0px 0px 0px 0px;
    margin: 70px 0px 70px;
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 9px;
    }
}

.font-zero {
    font-size: 0;
}

.pointer {
    cursor: pointer;
}

.overflow-hidden {
    overflow: hidden;
}

.social-icons.round a {
    display: inline-block;
    height: 30px;
    line-height: 40px;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    background: #efefef;
    color: #8f8f8f;
    font-size: 20px;
    vertical-align: top;
    margin: 0 5px 8px;
    text-decoration: none !important;
}

#footer .social-icons.round a {
    height: 34px;
    line-height: 34px;
    width: 34px;
    background: #444444;
    color: #eeeeee;
    font-size: 15px;
    margin: 4px 4px 4px 0px;
}

#footer .social-icons.round a:hover {
    background: #333333;
    color: #ffffff;
}

.social-icons.round a.google {
    line-height: 42px;
}

#footer .social-icons.round a.google {
    line-height: 36px;
}

.social-icons.round a:hover {
    color: #ffffff;
    background: #222222;
}

.social-icons.round.inversed a {
    color: #818181;
}

.social-icons.round.inversed a:hover {
    opacity: 0.85;
    color: #ffffff;
}

.social-icons.round a.facebook:hover, .social-icons.round.inversed a.facebook {
    background: #3b599800;
}

.social-icons.round a.twitter:hover, .social-icons.round.inversed a.twitter {
    background: #55acee00;
}

.social-icons.round a.google:hover, .social-icons.round.inversed a.google {
    background: #dd4b3900;
}

.social-icons.round a.youtube:hover, .social-icons.round.inversed a.youtube {
    background: #bb0000;
}

.social-icons.round a.instagram:hover, .social-icons.round.inversed a.instagram {
    background: #125688;
}

.social-icons.round a.pinterest:hover, .social-icons.round.inversed a.pinterest {
    background: #cb202700;
}

.social-icons.round a.vk:hover, .social-icons.round.inversed a.vk {
    background: #45668e;
}

/* Responsive video */
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Zoomed images */
.banner_wrap {
    position: relative;
}

.zoom_image_wrap {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.zoom_image {
    transition: transform 400ms;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.zoom_image_wrap:hover .zoom_image, .banner_wrap.hover-zoom:hover .zoom_image {
    -webkit-transform: scale(1.07);
    -moz-transform: scale(1.07);
    -o-transform: scale(1.07);
    -ms-transform: scale(1.07);
    transform: scale(1.02);
    transition: all 1000ms;
}

/* Other Price  */
.other-price {
    color: #9f9e9e;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
}

.other-price i {
    color: #9f9e9e;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 900;
}

/* Price */
.price-old {
    text-decoration: line-through;
}

/* In stock */
.in_stock {
    color: #090;
}

/* Tooltip */
.tooltip {
    pointer-events: none;
    font-family: inherit;
    backface-visibility: hidden;
    line-height: 1;
    font-size: 12px;
    border-bottom: 8px solid transparent;
    white-space: nowrap;
}

.tooltip.left {
    border-bottom: 1px solid transparent;
    border-right: 12px solid transparent;
}

.tooltip-inner {
    padding: 8px 10px;
    border-radius: 0px;
}

.tooltip.in {
    animation: 0.3s ease-in-out fadeInDown;
}

.tooltip.left.tooltip.in {
    animation: 0.3s ease-in-out fadeInRight;
}

/* Spinner Animation */
.basel-spinner:after {
    content: "";
    display: inline-block;
    border: 2px solid #cccccc;
    border-top: 2px solid #333333;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    animation: spin 500ms linear infinite;
}

.basel-spinner.light:after {
    border: 2px solid #cccccc;
    border-top: 2px solid #ffffff;
}

.basel-spinner.ajax-call:after {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -18px auto auto -18px;
}

.basel-spinner.ajax-call {
    position: fixed;
    z-index: 999;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    display: inline-block;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin: -40px auto auto -40px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#quickcheckoutconfirm {
    margin-bottom: 70px;
    margin-top: 0px;
}

#quickcheckoutconfirm .payment {
    display: inline-block;
    width: 100%;
}

@media (max-width: 1024px) {
    .account-order-info .img-thumbnail {
        width: 100%;
    }
}

@media (min-width: 1025px) {
    .account-order-info .img-thumbnail {
        width: 25%;
    }
}

.account-order-info tbody td:nth-child(2) {
    /* width: 41%; */
}

/* Ajax Modal */
.body-cover {
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms, visibility 500ms;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #3333336b;
    /* background:rgba(0,0,0,0.80); */
    z-index: 999;
}

.body-cover.active {
    visibility: visible;
    opacity: 1;
    transition: opacity 500ms, visibility 500ms;
    backdrop-filter: blur(1px);
}

.modal-closer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.modal-wrap {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -45%);
    opacity: 0.8;
    background: #ffffff;
    max-width: 90%;
    transition: transform 400ms, opacity 200ms;
}

.active .modal-wrap {
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: transform 400ms, opacity 400ms;
}

/* Animations */
.anim-underline, .nav-tabs.text-center > li > a {
    position: relative;
}

.anim-underline:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 0;
    height: 1px;
    opacity: 1;
    transition: width 200ms;
    background-color: #ffef00!important;
    z-index: -1;
}

.vertical .anim-underline:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: -5px;
    width: 0;
    height: 4px;
    opacity: 1;
    transition: width 200ms;
    background-color: #000000!important;
    z-index: -1;
}

.anim-underline:hover:after, .anim-underline.active:after, .nav-tabs.text-center > li > a:hover:after, .nav-tabs.text-center > li.active > a:after {
    width: 100%;
    left: 0
}

.anim-link-underline:after {
    content: " ";
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 0;
    height: 4px;
    opacity: 1;
    transition: width 200ms;
    background-color: #ffef00!important;
    z-index: 1;
}

.anim-link-underline:hover:after, .anim-link-underline.active:after {
    width: 100%;
    left: 0
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        margin-top: -10px;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        margin-top: -10px;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translateX(-10px)
    }

    to {
        opacity: 1;
    }
}

/* Rating */
.rating {
    color: #ff8c09;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    display: none;
}

.rating .fa.fa-star-o {
    font-family: 'Font Awesome 5 Pro';
}

.rating .fa.fa-star-o:before {
}

@media (max-width: 1024px) {
    .rating a {
        display: block;
        margin-top: 10px;
    }
}

.rating a {
    color: #000000;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: capitalize;
    text-decoration: underline;
}

.rating_stars.r0:before, .rating_stars.r1:before, .rating_stars.r2:before, .rating_stars.r3:before, .rating_stars.r4:before, .rating_stars.r5:before {
    font-family: 'Font Awesome 5 Pro';
    position: absolute;
}

.rating_stars.r0:before {
    content: "\f005\f005\f005\f005\f005";
}

.rating_stars.r1:before {
    content: "\f005";
    font-weight: 600;
}

.rating_stars.r2:before {
    content: "\f005\f005";
    font-weight: 600;
}

.rating_stars.r3:before {
    content: "\f005\f005\f005";
    font-weight: 600;
}

.rating_stars.r4:before {
    content: "\f005\f005\f005\f005";
    font-weight: 600;
}

.rating_stars.r5:before {
    content: "\f005\f005\f005\f005\f005";
    font-weight: 600;
}

/* Table layout */
.table {
    margin-bottom: 0;
    width: 100%;
    display: table;
}

.table-fixed {
    table-layout: fixed;
}

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

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

.h100 {
    height: 100%;
}

.w100 {
    width: 100%;
}

.w72 {
    width: 72%;
}

.w60 {
    width: 60%;
}

.w50 {
    width: 50%;
}

.w40 {
    width: 40%;
}

.w30 {
    width: 30%;
}

.w25 {
    width: 25%;
}

.w275 {
    width: 27.5%;
}

.w20 {
    width: 20%;
}

.w18 {
    width: 18%;
}

.w15 {
    width: 15%;
}

.w13 {
    width: 13%;
}

.w11 {
    width: 11%;
}

.w10 {
    width: 10%;
}

.w8 {
    width: 8%;
}

.v-top, .table-cell.v-top {
    vertical-align: top;
}

.nowrap {
    white-space: nowrap;
}

/* Tabs */

.most-viewed-module .tab-content {
    border: #f2f2f2 solid 0px;
    border-radius: 5px;
    padding: 0px;
}

.tab-inner .tab-content {border: #f2f2f2 solid 1px;border-radius: 5px;padding: 15px;max-height: 625px;}

.tab-content>#tab-description {max-height: 590px;overflow-y: auto;}

.nav-tabs {
    /* margin-top: 0px; */
    border-bottom: 1px solid;
    margin-bottom: 0px;
    border: none!important;
    /* display: block; */
    /* width: 750px; */
    /* height: 55px; */
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 20px 0px;
}

.nav-tabs > li {
    margin-bottom: 0px;
    color: #000000;
    /* border: #e3e2e2 solid 1px; */
    border-radius: 54px;
    margin-right: 5px;
    float: none;
    display: inline-block;
}

@media (max-width: 768px) {
    .nav-tabs {
        position: relative;
        left: 0px;
        padding: 15px 0px;
        margin-top: -30px;
    }

    .nav-tabs > li {
        margin-bottom: -3px;
        color: #000000;
        font-size: 11px;
    }

    .nav-tabs > li > a {
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 0;
    padding: 10px 20px;
    /* border-radius: 5px!important; */
}
}

@media (min-width:1025px) { 
.nav-tabs > li > a {
    font-weight: 600;
    text-transform: uppercase;
    margin-right: 0;
    padding: 10px 40px;
    /* border-radius: 5px!important; */
}

}



.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    line-height: normal;
    border: none;
    border-radius: 0;
    outline: none;
    border: #f2f2f2 solid 1px;
    border-radius: 54px;
    letter-spacing: 1px;
}

.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #048b46 !important;
    border-radius: 54px;
    font-weight: 400;
    letter-spacing: 1px;
}

/* Center Tabs */
@media (max-width: 1024px) {
    .nav-tabs.text-center {
        border-bottom:none;
        background-color: #f0f0f3;
        border-radius: 60px;
        text-align: left;
    }

    .nav-tabs.text-center > li {
        float: none;
        display: inline-block;
        padding: 5px 20px;
    }

    .nav-tabs.text-center > li > a {
        padding: 2px 0;
        margin-bottom: 12px;
        font-size: 1.15em;
    }
}

@media (min-width: 1025px) {
    .nav-tabs.text-center {
        border-bottom:none;
        background-color: #f0f0f3;
        border-radius: 60px;
        text-align: left;
    }

    .nav-tabs.text-center > li {
        float: none;
        display: inline-block;
        padding: 10px 40px;
    }

    .nav-tabs.text-center > li > a {
        padding: 2px 0;
        margin-bottom: 12px;
        font-size: 1.15em;
    }
}

.nav-tabs.text-center > li a:hover {
    color: #ffffff!important;
}

.nav-tabs.text-center > li > a, .nav-tabs.text-center > li > a:hover, .nav-tabs.text-center > li > a:focus, .nav-tabs.text-center > li.active > a, .nav-tabs.text-center > li.active > a:hover, .nav-tabs.text-center > li.active > a:focus {
    background: none;
    color: #ffffff;
}

.nav-tabs.text-center > li > a:after {
    opacity: 1;
}

/* Small Center Tabs */
.nav-tabs.text-center.nav-tabs-sm > li > a {
    transition: none;
    display: inline-block;
}

.nav-tabs.text-center.nav-tabs-sm > li + li:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    transform: rotate(25deg);
    vertical-align: middle;
    margin: 0 14px 0 12px;
    background: rgba(0,0,0,0.4);
}

.nav-tabs.text-center.nav-tabs-sm > li.active > a, .nav-tabs.text-center.nav-tabs-sm > li.active > a:hover, .nav-tabs.text-center.nav-tabs-sm > li.active > a:focus {
    color: inherit;
}

/* Large Center Tabs */
.nav-tabs.nav-tabs-lg > li > a {
    margin: 0px 0px 0px;
    padding: 3px 0;
    font-size: 1.2em;
    color: #888888;
    text-transform: uppercase;
}

.nav-tabs.text-center.nav-tabs-lg > li:not(.active) > a:after {
    opacity: 0.15;
    width: 100%;
}

/**/
/* Accordion Menu */
.plain-menu > li {
    position: relative;
    display: block;
    margin-bottom: 12px;
}

.plain-menu > li > ul {
    display: none;
}

.plain-menu > li.active > ul {
    display: block;
}

.plain-menu > li > a:not(:hover) {
    color: #111111;
}

.plain-menu .sign {
    position: absolute;
    right: 5px;
    top: 0px;
    cursor: pointer;
    display: inline-block;
    font-size: 10px;
    color: #999999;
    padding: 4px;
    transform: rotate(90deg);
    transition: transform 350ms;
}

.plain-menu li.open .sign {
    color: #111111;
    transform: rotate(-90deg);
    transition: transform 350ms;
}

.plain-menu > li > ul {
    padding-top: 10px;
}

.plain-menu > li > ul > li {
    padding: 8px 0 4px;
}

.plain-menu > li ul > li a:not(:hover) {
    color: #999999;
}

.plain-menu > li ul > li .icon-arrow-right {
    margin: 0 8px 0 2px;
    font-size: 6px;
    vertical-align: middle;
}

@media (min-width: 769px) {
    .dropdown-wrapper-click {
        position:relative;
        display: inline-block;
    }
}

#cart .dropdown-content {
    background-color: #fff;
    border-radius: 0px;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
    height: 100vh;
    top: 0px;
    right: -15px;
    position: fixed;
    z-index: 12;
}

.dropdown-content {
    position: absolute;
    background: #ffffff;
    color: #222222;
    visibility: hidden;
    opacity: 0;
    transition: visibility 300ms, opacity 300ms, margin 300ms;
    line-height: 21px;
    text-align: left;
    text-transform: none;
    z-index: 9;
    border-top: #e3e3e3 solid 1px;
    /* border-bottom: #e3e3e3 solid 1px; */
    box-shadow: 0 7px 10px #00000026;
}

.dropdown-wrapper:hover > .dropdown-content, .dropdown-wrapper-click.opened > .dropdown-content {
    visibility: visible;
    opacity: 1;
    transition: visibility 300ms, opacity 300ms, margin 300ms;
}

@media (min-width: 769px) {
    .menu-dropdown .menu-dropdown-inner {
        padding: 0;
    }

    .dropdown-wrapper.from-top > .dropdown-content, .dropdown-wrapper-click.from-top > .dropdown-content {
        margin-top: 0px;
    }
}

@media (max-width: 768px) {
    .menu-dropdown .menu-dropdown-inner {
        padding: 0px;
    }

    .dropdown-wrapper.from-top > .dropdown-content, .dropdown-wrapper-click.from-top > .dropdown-content {
        margin-top: -15px;
        width: 100%;
    }
}

.dropdown-wrapper.from-bottom > .dropdown-content, .dropdown-wrapper-click.from-bottom > .dropdown-content {
    margin-top: 15px;
    margin-left: 0px!important;
}

.dropdown-wrapper.from-top:hover > .dropdown-content, .dropdown-wrapper-click.from-top.opened > .dropdown-content, .dropdown-wrapper.from-bottom:hover > .dropdown-content, .dropdown-wrapper-click.from-bottom.opened > .dropdown-content {
    margin-top: 0px;
}

.dropdown-wrapper.from-left > .dropdown-content, .dropdown-wrapper-click.from-left > .dropdown-content {
    margin-right: 15px;
}

.dropdown-wrapper.from-left:hover > .dropdown-content, .dropdown-wrapper-click.from-left.opened > .dropdown-content {
    margin-right: 0px;
}

.dropdown-wrapper.from-right > .dropdown-content, .dropdown-wrapper-click.from-right > .dropdown-content {
    margin-right: -15px;
}

.dropdown-wrapper.from-right:hover > .dropdown-content, .dropdown-wrapper-click.from-right.opened > .dropdown-content {
    margin-right: 0px;
}

.dropdown-right {
    right: 0;
}

.dropdown-left {
    left: 0;
}

/* ---------------------------------- */
/* --------- MAIN CONTENT ----------- */
/* ---------------------------------- */
/* Header */
.common-home .header-wrapper {
    width: 100%;
    position: relative;
}

.header-wrapper {
    width: 100%;
    position: relative;
    z-index: 13;
}

.forcefullwidth_wrapper_tp_banner {
    z-index: 0;
}

/* Fixed transparent home header */
@media (max-width: 768px) {
    .common-home.home-fixed-header .fixed-header-possible .sticky-header, .common-home.home-fixed-header .fixed-header-possible .sticky-header-placeholder {
        position:absolute;
        left: 0;
        right: 0;
        background-color: #ffffff00!important;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .forcefullwidth_wrapper_tp_banner {
        /* display:none; */
    }

    .common-home.home-fixed-header .fixed-header-possible .sticky-header, .common-home.home-fixed-header .fixed-header-possible .sticky-header-placeholder {
        position: relative;
        left: 0;
        right: 0;
    }

    .common-home.home-fixed-header.sticky-enabled:not(.sticky-active) .fixed-header-possible .header-style, .common-home.home-fixed-header:not(.sticky-enabled) .fixed-header-possible .header-style, .common-home.home-fixed-header.sticky-enabled:not(.sticky-active) .fixed-header-possible .menu-style, .common-home.home-fixed-header:not(.sticky-enabled) .fixed-header-possible .menu-style {
        background: #ffffff;
        border-color: transparent !important;
        transition: background 400ms;
        margin-top: 0px;
    }

    .sticky-header:hover {
        transition: background 400ms;
    }

    .sticky-header .container {
        width: 1340px!important;
        padding: 0px 5px 0px 5px!important;
    }

    .header-bottom .table {
        margin-bottom: 0px;
    }

    .header-bottom .table .categories {
        margin-bottom: 0px;
    }

    .category-description .container {
        width: 100%;
        padding: 0px;
    }

    .category-container {
        width: 100%;
        padding: 0px 10px!important;
    }
}

/* Top line */
.top_line {
    width: 100%;
    font-size: 13px;
    letter-spacing: .3px;
    z-index: 12;
    background-size: 1.875rem;
    position: relative;
}

.top_line:before {
    content: " ";
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    bottom: 0;
}

.top_line, .top_line a {
    /* color: #333!important; */
}

.top_line .anim-underline:after, .top_line .links ul > li + li::before, .top_line .links .setting-ul > .setting-li:before {
    background-color: #ffffff;
}

.top_line .promo-message {
    padding: 5px 5px;
    line-height: 21px;
    display: inline-block;
}

.top_line .promo-message a:hover {
    opacity: 0.8;
}

/* Static links */
.links ul, .setting-ul {
    display: inline-block;
}

.links > ul > li, .setting-ul > .setting-li {
    display: inline-block;
    padding: 0 0px;
    position: relative;
    top: 6px;
    text-transform: uppercase;
    font-weight: 500;
}

.links > ul > li:last-child {
    padding-right: 0;
}

.links ul > li > a, .setting-ul > .setting-li > a {
    position: relative;
    padding-bottom: 1px;
    font-size: 12px;
}

.links ul > li > a .fa {
    margin-right: 3px;
}

.links ul > li a:hover:after {
    width: 100%;
    left: 0;
}

/* Static links in top line */
.top_line .setting-ul > .setting-li {
    padding-right: 0;
}

.top_line .links ul > li + li:before, .top_line .setting-ul > .setting-li:before {
    content: " ";
    display: inline-block;
    height: 18px;
    width: 1px;
    opacity: 0.15;
    position: absolute;
    left: -2px;
    top: 50%;
    margin-top: -9px;
}

.top_line .setting-ul {
    margin-left: 8px;
}

/* Langueage and currency trigger */
.setting-ul > .setting-li.lang-curr-trigger:after {
    content: "\f107";
    color: #000;
    opacity: 1;
    font-size: 13px;
    font-family: 'Font Awesome 5 Pro';
    margin-left: 5px;
}

.setting-ul > .setting-li.lang-curr-trigger span + span:before {
    content: "/";
    margin-left: 5px;
    margin-right: 5px;
    opacity: .75;
}

/* Header main area */
.header-main {
    transition: height 300ms, line-height 300ms;
    /*position: relative;*/
    z-index: 10;
}

#logo img {
    padding: 0px 0;
    max-height: 100%;
    width: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    #logo img {
        max-width:188px !important;
    }
}

@media (max-width: 991px) {
    .header-main.table {
        /* table-layout:fixed; */
    }

    #logo img {
        max-width: 100% !important;
        width: 65%;
        top: -4px;
        position: relative;
        left: 1.2em;
    }
}

.menu-style, .menu-style a:not(:hover), .header-main, .header-main a {
    color: #000000;
}

.sticky-header.outer-container.header-style.short .header-main .setting-li a {
    color: #000000!important;
}

body > div.outer-container.main-wrapper > div.header-wrapper.header4.fixed-header-possible > div > div > div > div > div > div.table-cell.shortcuts.text-right > div > div.main-menu.right-menu.shortcut-wrapper.hidden-xs.hidden-sm > ul > li.has-sub.dropdown-wrapper.from-bottom > div > div > div > div > div > h4 > b > a {
    color: #000;
    font-size: 12px;
    text-transform: capitalize;
    font-family: Poppins;
    font-weight: 400;
}

.header-main > .table-cell.shortcuts {
    white-space: nowrap;
}

@media (min-width: 992px) {
    .header-main .table-cell.text-center {
        padding-right:10px;
        padding-left: 0px;
    }

    .header-main .table-cell.menu-cell, .header-main .table-cell.shortcuts {
        line-height: 75px;
    }
}

@media (max-width: 991px) {
    .header2 .header-main .header-left {
        width: 100%;
        text-align: left;
    }

    .header2 .header-main .header-center {
        width: 67%;
    }

    .header2 .header-main .header-right {
        width: 17%;
        text-align: left;
    }

    .widget.carousel-widget.home-carosel-slider {
    }

    .sticky-enabled.sticky-active .sticky-header.short:not(.slidedown) .header-main, .sticky-enabled.offset250 .sticky-header.slidedown .header-main, .sticky-enabled.sticky-active .sticky-header.short .header-main .sign-in, .sticky-enabled.sticky-active .sticky-header.short:not(.slidedown) .header-main #logo, .sticky-enabled.sticky-active .header6 .sticky-header.short .header-main #logo {
        line-height: 50px!important;
        height: 50px!important;
    }

    .header-main .table-cell {
        width: 60%;
    }

    .header-main.table .table-cell.logo {
        text-align: center;
        display: inline-block;
        margin-left: 0%;
    }

    .table-cell.mobile-right-icon {
        width: 30%;
    }

    .table-cell.w40.mobile-left.menu-cell.text-left {
        width: 60px;
    }
}

/* Sign in link */
.header-main .sign-in {
    position: relative;
    margin-right: 10px;
    margin-left: 0;
    padding: 0px 0px 0px 0px;
    transition: line-height 300ms, height 300ms;
}

.header4 .header-main .sign-in {
    margin-right: 5px;
    padding-right: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header-main .sign-in {
        margin-right: 15px;
        padding-right: 25px;
    }
}

/* .header-main .sign-in:after {
 content:" ";
 position:absolute;
 right:0;
 top:0;
 bottom:0;
 background-color: #000000;
 width:2px;
 opacity:0.04;
} */
.header4 .header-main .sign-in:after {
    display: none;
}

.header-main .sign-in .anim-underline {
    padding: 2px 0;
    font-style: italic;
}

.header-main .sign-in .anim-underline:after {
    background-color: #000000;
}

/* Header icons */
.icon-element {
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 15px;
    text-align: center;
}

.icon-element p {
    font-weight: 400;
    letter-spacing: 0.7px;
}

@media (min-width: 769px) {
    .dropdown-wrapper, .dropdown-wrapper-click {
        position:relative;
        display: inline-block;
    }
}

@media (max-width: 768px) {
    .icon-element {
        margin-left: 0px;
        display: inline-block;
    }

    .order-icon {
        margin-left: 15px;
    }

    .icon-element.search-header {
        margin-left: 0px;
        display: inline-block;
        margin-right: 10px;
    }

    .icon-element.cart-header {
        margin-left: 0px;
        display: inline-block;
    }
}

.shortcut-wrapper {
    display: inline-block;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-size: 13px;
    position: relative;
    padding: 0px 0px 0px 5px;
    vertical-align: middle;
    /* margin-left:7px; */
    text-transform: uppercase;
    font-weight: 500;
}

.lang-header {
    padding: 0px 0px 0px 0px;
}

@media (max-width: 1199px) {
    .header-main .shortcut-wrapper {
        margin-left:2px;
    }

    .header-main .search-trigger {
        margin-left: 0px!important;
    }
}

@media (max-width: 768px) {
    .shortcut-wrapper2 {
        display: inline-block;
        height: 42px;
        line-height: 46px;
        text-align: center;
        font-size: 21px;
        position: relative;
        padding: 0 0px;
        vertical-align: middle;
        margin-left: 0px;
    }

    .lang-header {
        padding-right: 10px!important;
        margin: 0px!important;
    }

    .header-main .shortcut-wrapper {
        margin-left: 0px;
        padding: 0 0px;
    }
}

.top_line .shortcut-wrapper {
    vertical-align: top;
}

.shortcut-wrapper .icon {
    font-size: 21px;
    line-height: 22px;
    /* height: 42px; */
}

.shortcut-wrapper .flaticon-tracking {
    font-size: 26px;
    line-height: 37px;
    height: 42px;
    vertical-align: top;
}

@media (max-width: 1024px) {
    .shortcut-wrapper .counter {
        position:absolute;
        left: 15px;
        top: -3px;
        width: 17px;
        height: 17px;
        line-height: 19px;
        text-align: center;
        border-radius: 50%;
        background-color: #000000;
        z-index: 1;
        font-size: 9px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        /* display: none; */
    }
}

@media (min-width: 1025px) {
    .shortcut-wrapper .counter {
        position:absolute;
        left: 27px;
        top: -9px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        border-radius: 50%;
        background-color: #dddddd;
        z-index: 1;
        font-size: 14px;
        color: #000000;
        font-family: Arial, Helvetica, sans-serif;
        /* display: none; */
    }
}

.wishlist-counter {
    display: none
}

.shortcut-wrapper .cart-total-items {
    display: inline-block;
}

@media (max-width: 1024px) {
    .cart-totals-mini div {
        padding: 0;
    }

    .cart-product-mini {
        padding: 0;
    }
}

.cart-title-div {
    padding: 25px 10px;
    border-bottom: #000000 solid 1px;
    background-color: #ffffff;
}

.cart-title-div .cart-title {
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: uppercase;
}

/* Wishlist icon */
@media (max-width: 768px) {
    .shortcut-wrapper .icon {
        font-size: 16px;
        line-height: 15px;
    }

    .shortcut-wrapper .flaticon-tracking:before {
        font-size: 35px;
    }

    .shortcut-wrapper.wishlist {
        /* padding: 0 5px 0 8px!important; */
    }
}

.shortcut-wrapper.wishlist {
}

/* Wishlist hover */
@media (max-width: 768px) {
    .wishlist-hover .icon-heart:after {
        left: 0px!important;
    }
}

.wishlist-hover .icon-heart:after {
    position: absolute;
    line-height: inherit;
    font-family: 'Font Awesome 5 Pro';
    content: "\f004";
    font-style: normal;
    left: 6px;
    opacity: 0;
    transition: opacity 400ms;
    font-weight: 900;
}

.header5 .links .wishlist-hover .icon-heart:after {
    left: 6px;
}

.wishlist-hover:hover .icon-heart:after {
    opacity: 1;
    transition: opacity 400ms;
}

/* Cart icon */
.shortcut-wrapper.cart {
    padding-right: 0;
}

.shortcut-wrapper.cart #cart-total {
    /* display:inline-block; */
    line-height: 40px;
    vertical-align: top;
    margin-left: -35px;
    padding-top: 2px;
}

/* Mobile trigger */
.shortcut-wrapper.menu-trigger {
    padding: 0px;
}

/* Langguage & Currency drop down */
.lang-curr-wrapper {
    min-width: 260px;
    padding: 18px 20px;
    border-radius: 5px;
}

.lang-curr-wrapper .option {
    padding: 5px;
    width: 40%;
    float: left;
}

.lang-curr-wrapper .option p a {
    color: #000!important;
    padding: 2px 9px;
}

.lang-curr-wrapper .option .active {
    background-color: #f2f2f2;
    padding: 2px 10px;
    border-radius: 5px;
}

.lang-curr-wrapper .option + .option {
    margin-top: 0px;
    padding-left: 20px;
    border-left: 1px solid #f2f2f2;
}

.lang-curr-wrapper h4 {
    font-size: 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.6px;
}

.lang-curr-wrapper p {
    margin-bottom: 15px;
    font-size: 13px;
}

.top_line .lang-curr-wrapper a, .lang-curr-wrapper a, .header-main .lang-curr-wrapper a {
    color: #444444;
    line-height: 1.7;
}

.lang-curr-wrapper .anim-underline:after, .lang-curr-wrapper .anim-underline.active:after {
    height: 0;
}

/* Cart drop down */
#cart-content {
    /* width: 400px; */
    padding: 20px;
    color: #000000;
    white-space: normal;
}

@media (max-width: 1024px) {
    #cart-content .table.products {
        margin-bottom: 13px;
        height: 45vh;
        overflow-x: auto;
        overflow-y: auto;
        display: block;
    }
}

@media (min-width: 1025px) {
    #cart-content .table.products {
        margin-bottom: 13px;
        height: 60vh;
        overflow-x: auto;
        overflow-y: auto;
        display: block;
    }
}

#cart-content .table.products tbody {
    display: inline-table;
    width: 100%;
}

.table.products {
    margin-bottom: 13px;
    overflow-x: auto;
    overflow-y: auto;
}

.table.products tbody > tr > td {
    padding: 10px 0;
    border-top: none;
    border-bottom: 1px solid #ececec;
}

.table.products tbody > tr:first-child > td {
    padding-top: 0;
}

#cart-content td.main {
    width: 71%;
}

.table.products tbody > tr > td.image {
    width: 33px;
}

.table.products tbody > tr > td.main {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
}

.table.products .product-name {
    text-transform: uppercase;
    font-size: 11px!important;
    display: block;
    margin-bottom: 5px;
    color: #111111!important;
    letter-spacing: .3px;
    white-space: normal;
}

.table.products .product-name:hover {
    color: #888888;
}

.table.products .price-old {
    color: #999999;
    margin-right: 5px;
}

.table.products .remove {
    font-size: 15px;
    line-height: 18px;
    color: #000000;
    width: 14px;
}

#cart-content .totals {
    text-transform: uppercase;
    border-bottom: 1px solid #ececec;
    margin-bottom: 13px;
    font-size: 12px;
}

#cart-content .totals tbody > tr > td {
    padding: 1px 0 2px;
    border-top: none;
}

#cart-content .totals tbody > tr:last-child > td {
    font-size: 13px;
    padding-bottom: 8px;
    padding-top: 5px;
    font-weight: 400!important;
    color: #1B1919;
}

#cart-content .totals tbody > tr:last-child > td:last-child {
    color: #179a94;
}

#cart-content .btn-block {
    margin-bottom: 5px;
    width: 100%;
    padding: 10px 2px;
}

#cart-content .btn {
    margin-bottom: 6px;
    /* width: 47.5%!important; */
    padding: 10px 2px;
    float: left;
    margin-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
}

#cart-content .empty {
    color: #000000;
    line-height: 21px;
    /* font-weight: 900; */
    text-align: center;
}

#cart-content .empty .global-cart {
    color: #4b4a4a;
    font-size: 40px;
    margin-right: 5px;
}

@media only screen and (min-width: 1200px) {
    body:not(.narrow_container) .shortcut-wrapper.cart .counter {
        position: relative;
        left: 20px;
        top: -14px;
        font-size: inherit;
        font-family: inherit;
    }
}

/* Search */
/* Search */
.shortcut-wrapper .icon-magnifier {
    transition: opacity 400ms;
}

.opened .icon-magnifier {
    opacity: 1;
}

.search-field .btn .icon-magnifier {
    color: #000000;
}

.opened .icon-magnifier:before {
    content: "\e930";
    display: inline-block;
    transform: rotate(45deg);
    transition: transform 250ms ease-out;
}

.opened .mobile-search-div .icon-magnifier:before {
    content: "\e090";
    display: inline-block;
    transform: rotate(0deg);
    transition: transform 250ms ease-out;
}

@media (max-width: 768px) {
    .search-dropdown-holder {
        background: #ffffff;
        padding: 8px;
        width: 100%;
        border-radius: 0px;
    }

    .search-holder-mobile .fa {
        position: absolute;
        right: 20px;
        top: 18px;
        font-size: 18px;
        font-weight: 400;
    }
}

@media (min-width: 769px) {
    .search-dropdown-holder {
        background: #ffffff;
        padding: 23px;
        width: 490px;
        border-radius: 10px;
        box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
        -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
    }
}

.search-field {
    position: relative;
    border: 1px solid #e6e6e6;
    transition: border 400ms;
}

.search-field.focus {
    border: 1px solid #cccccc;
    transition: border 400ms;
}

.sticky-header .font-zero .search-field .btn {
    position: absolute;
    height: 40px;
    top: -1px;
    bottom: 0px;
    right: 0px;
    padding: 10px 11px;
    color: #fff!important;
    background-color: #ffffff00 !important;
}

.sticky-header .font-zero .search-field .btn:hover {
    position: absolute;
    height: 40px;
    top: -1px;
    bottom: 0px;
    right: 0px;
    padding: 10px 11px;
    color: #fff!important;
    background-color: #12121200 !important;
    border: #12121200 solid 1px;
}

.btn.btn-contrast.search-field .btn:hover {
    position: absolute;
    height: 40px;
    top: -1px;
    bottom: 0px;
    right: 0px;
    padding: 10px 11px;
    color: #fff !important;
}

.search-field input.main-search-input {
    border: none;
    height: 38px;
    min-height: 38px;
    padding-right: 100px;
}

/* Search with category selection */
.full-search-wrapper {
    width: 100%;
    display: table;
    border: solid 1px #ededed;
    border-radius: 10px;
}

.full-search-wrapper .search-main, .full-search-wrapper .search-category, .full-search-wrapper .search-button {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.full-search-wrapper .search-main {
    width: 100%;
    border: none;
}

.full-search-wrapper .search-main input {
    background-color: transparent;
}

.full-search-wrapper .search-category {
    width: auto;
    /* display: none; */
}

@media (max-width: 1024px) {
    .full-search-wrapper .search-category select {
        width: 138px;
        padding-left: 8px;
        text-transform: uppercase;
        font-size: 11px!important;
        background-color: transparent;
        line-height: 32px;
    }
}

@media (min-width: 1025px) {
    .full-search-wrapper .search-category select {
        width: 145px;
        padding-left: 8px;
        text-transform: uppercase;
        font-size: 11px!important;
        background-color: transparent;
        line-height: 32px;
    }
}

.full-search-wrapper select option {
    color: #555555;
    background-color: #ffffff;
}

.full-search-wrapper ::-webkit-input-placeholder {
    color: rgba(0,0,0,0.6);
}

.full-search-wrapper ::-moz-placeholder {
    color: rgba(0,0,0,0.6);
}

.full-search-wrapper :-ms-input-placeholder {
    color: rgba(0,0,0,0.6);
}

.full-search-wrapper :-moz-placeholder {
    color: rgba(0,0,0,0.6);
}

.full-search-wrapper .search-category select, .full-search-wrapper .search-main input {
    color: rgba(0,0,0,0.6);
    padding: 0;
    padding-left: 15px;
    height: 30px!important;
    min-height: 30px!important;
}

.full-search-wrapper .search-category:before, .full-search-wrapper .search-button:before {
    content: " ";
    width: 1px;
    height: 24px;
    position: absolute;
    background: #eaeaea;
    background: rgba(0,0,0,0.08);
    display: inline-block;
    top: 50%;
    margin-top: -12px;
}

.full-search-wrapper .search-category select option {
    text-transform: none;
    background: #ffffff;
}

.full-search-wrapper .search-button {
    width: auto;
    padding-right: 5px;
}

.full-search-wrapper input, .full-search-wrapper select {
    border: none !important;
}

.full-search-wrapper .search-button .icon {
    width: 46px;
    padding-left: 2px;
    color: #666666;
    color: rgba(0,0,0,0.6);
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 22px;
    cursor: pointer;
}

.full-search-wrapper .search-button .icon:hover {
    color: rgba(0,0,0,0.4);
}

/* Light search field */
.light-search .full-search-wrapper {
    border: 2px solid rgba(255,255,255,.5);
}

.light-search .full-search-wrapper ::-webkit-input-placeholder {
    color: rgba(255,255,255,.5);
}

.light-search .full-search-wrapper ::-moz-placeholder {
    color: rgba(255,255,255,.5);
}

.light-search .full-search-wrapper :-ms-input-placeholder {
    color: rgba(255,255,255,.5);
}

.light-search .full-search-wrapper :-moz-placeholder {
    color: rgba(255,255,255,.5);
}

.light-search .full-search-wrapper .search-category select, .light-search .full-search-wrapper .search-main input {
    color: rgba(255,255,255,.8);
}

.light-search .full-search-wrapper .search-category:before, .light-search .full-search-wrapper .search-button:before {
    background: rgba(255,255,255,.3);
}

.light-search select {
    background-image: url('../image/arrow-down-light.png') !important;
}

.light-search .full-search-wrapper .search-button .icon {
    color: #aaaaaa;
    color: rgba(255,255,255,.8);
}

.light-search .full-search-wrapper .search-button .icon:hover {
    color: #dddddd;
    color: rgba(255,255,255,.3);
}

/* Live Search Results */
@media (max-width: 1024px) {
    .live-search {
        width: 100vw;
        background: #ffffff;
        display: none;
        border: 1px solid #e30613;
        position: absolute;
        z-index: 9;
        border-radius: 0px;
        overflow: hidden;
        left: -9px;
        top: 47px;
    }
}

@media (min-width: 1025px) {
    .live-search {
        width: 100%;
        background: #ffffff;
        display: none;
        border: 1px solid #eeeeee;
        position: absolute;
        z-index: 9;
        border-radius: 3px;
        overflow: hidden;
    }
}

.full-search-wrapper .live-search {
    margin-top: 8px;
}

.live-search .table.products {
    margin-bottom: 0;
}

.live-search .table.products tr {
    cursor: pointer;
}

.live-search .table.products tr:hover {
    background: #fcfcfc;
}

@media (max-width: 1024px) {
    .live-search .table.products tr td.image {
        padding:8px;
        width: 50px;
        display: block!important;
        margin-bottom: -1px;
        display: table-cell;
    }
}

@media (min-width: 1025px) {
    .live-search .table.products tr td.image {
        padding:8px;
        width: 80px;
        display: block!important;
        margin-bottom: -1px;
        display: table-cell;
    }

    .live-search .table.products tr td.image img {
        border-radius: 4px;
    }
}

.live-search .table.products tr td.main {
    padding: 8px 5px 5px 0;
}

.live-search .result-text {
    text-align: center;
    padding: 0px;
    font-size: 12px;
    background-color: #038542;
    color: #fff;
}

.sticky-header .live-search .result-text a.view-all-results {
    color: #ffffff !important;
}

/* Sticky header */
@media (max-width: 768px) {
    .sticky-header {
        transition:box-shadow 400ms;
    }

    .sticky-header .container {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (min-width: 769px) {
    .sticky-header {
        transition:box-shadow 400ms;
    }
}

.sticky-header-placeholder {
    display: none;
}

.sticky-enabled.sticky-active .sticky-header-placeholder:not(.slidedown), .sticky-enabled.offset250 .sticky-header-placeholder.slidedown {
    display: table;
}

.sticky-enabled.sticky-active .sticky-header:not(.slidedown), .sticky-enabled.offset250 .sticky-header.slidedown {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
}

/* Mobile view sticky menu */
@media (max-width: 991px) {
    .sticky-enabled.sticky-active .sticky-header-placeholder {
        display:table;
    }

    .sticky-enabled.sticky-active .sticky-header {
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff;
    }
}

.sticky-header.outer-container.header-style.short {
    background-color: #fff!important;
}

.sticky-header.outer-container.header-style.short .full-width-dropdown {
    margin-top: 15px;
}

.sticky-enabled.sticky-active .sticky-header:not(.slidedown), .sticky-enabled.offset250 .sticky-header.slidedown {
    transition: box-shadow 400ms, background 400ms, left 500ms, right 500ms;
    background-color: #fff;
    -moz-box-shadow: inset 0 15px 15px -15px rgba(255,255,255,.1), 0 0 2px rgba(0,0,0,.15);
    -webkit-box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 10%), 0 0 2px rgb(0 0 0 / 15%);
    box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 10%), 0 0 2px rgb(0 0 0 / 15%);
    margin: 0px;
    border-radius: 0px;
}

@keyframes slidedown {
    0% {
        transform: translateY(-100%);
    }

    100% {
        transform: translateY(0)
    }
}

@media (min-width: 992px) {
    .sticky-enabled.sticky-active .sticky-header.mobile-only {
        position:static !important;
    }

    .sticky-enabled.offset250 .sticky-header.slidedown {
        animation: slidedown 500ms forwards;
        transition: top 0.2s ease-in-out !important;
    }
}

.sticky-enabled.sticky-active .sticky-header.short:not(.slidedown) .header-main, .sticky-enabled.offset250 .sticky-header.slidedown .header-main, .sticky-enabled.sticky-active .sticky-header .header-main .sign-in {
    transition: line-height 300ms, height 300ms;
}

@media (max-width: 1024px) {
    .sticky-enabled.sticky-active .sticky-header.short:not(.slidedown) .header-main {
        transition:line-height 300ms, height 300ms;
        line-height: 65px!important;
        height: 65px!important;
    }
}

/* Header 2&6 */
@media (min-width: 992px) {
    .header2 .header-main.menu-aligned-center, .header6 .header-main.menu-aligned-center {
        table-layout:fixed;
    }

    .header2 .header-main:not(.menu-aligned-center) .table-cell.menu-cell, .header6 .header-main:not(.menu-aligned-center) .table-cell.menu-cell {
        width: 100%;
        padding: 0;
    }

    .header2 .header-main .table-cell #logo img, .header6 .header-main .table-cell #logo img {
        margin-right: 0px;
        width: 215px;
        margin-left: -5px;
    }

    .header2 .header-main.menu-aligned-left .table-cell.menu-cell, .header6 .header-main.menu-aligned-left .table-cell.menu-cell {
        text-align: left;
        padding-left: 50px;
    }

    .header2 .header-main.menu-aligned-right .table-cell.menu-cell, .header6 .header-main.menu-aligned-right .table-cell.menu-cell {
        text-align: right;
    }
}

/* Header 4 */
.header4 .shortcut-wrapper.search-trigger {
    margin-left: 0;
    padding-left: 5px;
}

/* Header 5*/
@media (min-width: 992px) {
    .header-main > .table-cell.vertical-bottom {
        vertical-align: middle;
        line-height: normal;
        transition: height 300ms;
        padding-bottom: 5px;
    }

    .header5 #logo, .header5 .promo-message {
        display: inline-block;
    }

    .header5 #logo img, .header5 .promo-message {
        vertical-align: middle;
    }
}

@media only screen and (min-width: 1200px) {
    .header5 .promo-message {
        margin-left:40px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .header5 .header-main .table-cell #logo img {
        max-width:240px;
    }

    .header5 .promo-message {
        margin-left: 20px;
        max-width: 190px;
    }
}

.header5 .links > ul > li > a, .header5 .setting-ul > .setting-li > a {
    font-size: 13px;
}

.header5 .links.first-row {
    margin-bottom: -15px;
}

.header5 .links.first-row > ul > li > a, .header5 .first-row .setting-ul > .setting-li > a {
    line-height: 42px;
}

.header5 .links.first-row .icon {
    font-size: 19px;
    margin: 0 0px 0px 0;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 30px;
    height: 20px;
}

.header5 .links.first-row .flaticon-tracking {
    display: inline-block;
    vertical-align: inherit;
    position: relative;
    width: 38px;
}

.header5 .links.first-row .flaticon-tracking:before {
    font-size: 30px;
}

.header5 .main-menu > ul > li > a.search-trigger, .header5 .main-menu > ul > li > a.search-trigger .icon {
    margin-right: 0;
    padding-right: 0;
    font-size: 14px;
}

/* Header 6 */
.header6 .search-cell {
    padding-left: 0px;
    line-height: 40px;
    height: 50px;
}

/* --------------------*/
/* ------ MENUS -------*/
/* --------------------*/
.main-menu > ul {
    font-size: 0;
    display: block;
    /* text-align:left; */
    color: #777;
}

.main-menu > ul.block {
    display: block;
}

.main-menu > ul > li {
    display: inline-block;
    position: relative;
    font-size: 14px;
}

@media (max-width: 1024px) {
    .main-menu > ul > li > a, .main-menu-wrapper > ul > li > a {
        display: block;
        padding-right: 15px;
        padding-left: 15px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        font-size: 10px!important;
        color: #000;
    }
}

@media (min-width: 1025px) {
    .main-menu > ul > li > a, .main-menu-wrapper > ul > li > a {
        display: block;
        padding-right: 15px;
        padding-left: 15px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        font-size: 12px!important;
        color: #000;
    }
}

.main-menu > ul > li > a > .top, .main-menu-wrapper > ul > li > a > .top {
    transition: opacity 400ms;
}

@media (min-width: 0px) and (max-width: 768px) {
    .main-menu > ul > li > a .icon, .main-menu-wrapper > ul > li > a .icon {
        margin-right: 10px!important;
        font-size: 30px!important;
    }

    .main-menu-wrapper > ul > li > a .icon-nav {
        margin-right: 10px!important;
        font-size: 25px!important;
    }

    .static-link .login-register, .static-link .order-status-text, .static-link .nav-menu-account-text {
        position: relative;
        top: -7px;
    }

    .main-menu > ul > li > a .icon, .main-menu-wrapper > ul > li > a .icon {
        margin-right: 0px;
        font-size: 20px;
        color: #000!important;
        border: #dfdcdc solid 1px;
        padding: 9px;
        border-radius: 26px;
        width: 45px;
        display: inline-block;
    }

    .static-link .icon.flaticon-tracking:before {
        font-size: 26px;
    }
}

.main-menu > ul > li > a .icon, .main-menu-wrapper > ul > li > a .icon {
    top: 0px;
    font-size: 35px;
    color: #fff;
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu > ul > li > a {
        padding-right:9px;
        padding-left: 8px;
    }
}

.main-menu.menu-stay-left > ul > li:first-child > a {
    padding-left: 0px;
}

/* Sub item arrow */
.main-menu ul > li.dropdown-wrapper > a {
    padding-right: 23px;
}

.main-menu > ul > li.dropdown-wrapper > a .fa-angle-down {
    position: absolute;
    right: 11px;
    opacity: 0.5;
    font-size: 12px;
    text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul > li.dropdown-wrapper > a {
        padding-right:15px;
    }

    .main-menu ul > li.dropdown-wrapper > a .fa {
        right: 5px;
    }
}

/* Sub content */
.main-menu .dropdown-content {
    background-repeat: no-repeat;
    background-size: contain;
}

.main-menu .dropdown-inner {
    display: table;
    width: 100%;
    padding: 27px 26px 33px;
}

.main-menu .narrow .dropdown-inner {
    padding: 18px 16px;
}

.main-menu .dropdown-inner .border-left:before, .main-menu .dropdown-inner .border-right:before {
    background: #eeeeee;
}

@media (max-width: 768px) {
    .main-menu .menu-item {
        padding:0 4px;
    }
}

.main-menu .menu-item {
    padding: 0 4px;
}

.dropdown-inner h4.column-title .icon {
    opacity: 0.65;
    margin-right: 7px;
}

.dropdown-inner ul a:not(:hover) {
    color: #000000!important;
}

.dropdown-inner a .fa {
    opacity: 0.65;
    margin-right: 8px;
}

.main-menu .dropdown-inner .border {
    display: none;
    margin: 15px 0;
    border-top: 1px solid transparent;
}

.dropdown-inner ul > li {
    transition: padding-left 300ms;
}

@media (max-width: 1024px) {
    .dropdown-inner h4.column-title {
        line-height: 1.4;
        text-transform: capitalize;
        font-size: 15px;
        letter-spacing: 0.6px;
        margin: 0px 0 0px;
        position: relative;
        display: inline-block;
        font-weight: 900 !important;
        /* font-family: 'Didact Gothic', cursive; */
    }

    .dropdown-inner ul > li > a {
        display: inline-block;
        padding: 4px 0px;
        transition: padding-left 300ms, opacity 300ms, color 300ms;
        position: relative;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: 400;
    }
}

@media (min-width: 1025px) {
    .dropdown-inner h4.column-title {
        line-height: 1.4;
        text-transform: capitalize;
        font-size: 15px;
        letter-spacing: 0.6px;
        margin: 10px 0 15px;
        position: relative;
        display: inline-block;
        font-weight: 900 !important;
        /* font-family: 'Didact Gothic', cursive; */
    }

    .dropdown-inner ul > li > a {
        display: inline-block;
        padding: 4px 0px;
        transition: padding-left 300ms, opacity 300ms, color 300ms;
        position: relative;
    }
}

.main-menu .dropdown-inner ul.default-menu-ul {
    display: table-cell;
}

.main-menu .dropdown-inner li.default-menu-li a {
    min-width: 170px;
}

.dropdown-inner ul > li > a:hover {
    padding-left: 5px;
    transition: padding-left 300ms, opacity 300ms, color 300ms;
    color: #000!important;
}

/* Cateogory tree inside drop down */
.dropdown-inner .fa-angle-right {
    font-size: 0;
}

/* Sub-links visible */
.main-menu .dropdown-inner .static-menu > ul > li.has-sub > a {
    font-weight: 600;
}

.main-menu .dropdown-inner .static-menu > ul > li > ul {
    padding-bottom: 10px;
    display: block;
}

.main-menu .dropdown-inner .static-menu > ul > li > ul > li > a:before, .main-menu .dropdown-inner .static-menu > ul > li > ul > li > ul > li > a:before {
    content: "-";
    color: #bbbbbb;
    display: inline-block;
    margin-right: 6px;
}

.dropdown-inner .static-menu > ul > li > ul > li > ul > li > a:before {
    margin-left: 12px;
}

/* Sub-links visible on hover */
.dropdown-inner .hover-menu li.has-sub, .dropdown-inner .hover-menu li.has-sub > a {
    display: block;
    position: relative;
}

.hover-menu li.has-sub .fa-angle-right {
    font-size: 13px;
    color: #999999;
    position: absolute;
    line-height: 32px;
    right: 5px;
    top: 0;
    opacity: 1;
    margin-right: 0px;
}

.main-menu .dropdown-inner .hover-menu li.has-sub > ul {
    min-width: 210px;
    padding: 18px 20px;
    left: 100%;
    top: 0;
}

/* Menu Labels */
.menu-tag {
    font-style: normal;
    font-weight: 600;
    position: absolute;
    top: 48%;
    left: 100%;
    margin-top: -26px;
    margin-left: -50px;
    padding: 2px 3px 2px 4px;
    white-space: nowrap;
    color: rgba(255,255,255,0.95);
    letter-spacing: 0.5px;
    height: 14px;
    display: inline-block;
    line-height: 10px;
    font-size: 7px;
    font-family: Verdana, Geneva, sans-serif;
    background: #D41212;
}

.main-menu .dropdown-wrapper .menu-tag {
    margin-left: -30px;
}

.main-menu .dropdown-inner h4 .menu-tag {
    left: auto;
    right: -10px;
}

.main-menu .dropdown-inner ul .menu-tag {
    margin-left: -1px;
    margin-top: -22px;
}

.menu-tag:before {
    content: "\f0da";
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    position: absolute;
    bottom: -6px;
    left: 3px;
    color: #D41212;
}

.menu-tag.sale {
    background: #D41212;
}

.menu-tag.sale:before {
    color: #D41212;
}

.menu-tag.new {
    background: #179a94;
}

.menu-tag.new:before {
    color: #179a94;
}

.menu-tag.hot {
    background: #EF7C0A;
}

.menu-tag.hot:before {
    color: #EF7C0A;
}

.main-menu .dropdown-wrapper .menu-tag {
    margin-left: -30px;
}

/* Full width menu drop downs */
.main-menu > ul > li.has-full-width {
    position: static;
}

.main-menu > ul > li.has-full-width > a {
    position: relative;
}

@media (max-width: 1024px) {
    .main-menu > ul > li.has-full-width .full-width-dropdown {
        width: 97%;
        margin-left: 0px !important;
        left: 0;
        right: 0;
        transition: visibility 300ms, opacity 600ms;
        margin-top: 20px;
        border-radius: 20px;
        margin-left: 20px!important;
    }

    .main-menu > ul > li.has-full-width .full-width-dropdown .dropdown-inner {
        padding: 20px 0px 20px;
    }
}

@media (min-width: 1025px) {
    .main-menu > ul > li.has-full-width .full-width-dropdown {
        width: 100%;
        left: 0;
        right: 0;
        transition: visibility 300ms, opacity 600ms;
        margin-top: 18px;
        border-radius: 2px;
        margin-left: 0px!important;
    }

    .main-menu > ul > li.has-full-width .full-width-dropdown .dropdown-inner {
        padding: 20px 0px 20px;
    }
}

@media (max-width: 1024px) {
    .main-menu > ul > li.has-full-width .full-width-dropdown .container {
        padding-left: 20px;
        padding-right: 0px;
    }
}

@media (min-width: 1025px) {
    .main-menu > ul > li.has-full-width .full-width-dropdown .container {
        padding-left: 20px;
        padding-right: 0px!important;
    }
}

.main-menu > ul > li.has-full-width .full-width-dropdown .dsadad {
    padding-left: 0px;
    padding-right: 0px;
}

/* Vertical Menus */
.vertical-menu-bg {
    background-color: #21212100!important;
}

.main-menu.vertical {
    display: block;
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
}

.common-home .main-menu.vertical > .dropdown-content {
    visibility: visible;
    opacity: 1;
    margin: 0;
}

.main-menu.vertical .menu-heading {
    display: block;
    padding: 0 20px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: .3px;
    /* background-color: #f5f5f5; */
    font-size: 14px;
    color: #000000;
    -webkit-transition: left 0.3s, right 0.3s, height 0.3s;
    transition: left 0.3s, right 0.3s, height 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0px 0px;
}

.column .main-menu.vertical .menu-heading {
    margin-bottom: 0px;
}

.menu-heading b {
    font-weight: 600;
    letter-spacing: 1px;
}

.main-menu.vertical .menu-heading .fa-angle-down {
    position: absolute;
    right: 20px;
    font-size: 16px;
    top: 50%;
    margin-top: -8px;
}

.main-menu.vertical > ul {
    display: block;
    width: 100%;
    box-shadow: none;
}

.main-menu.vertical > ul:not(.dropdown-content) {
    position: relative;
}

.main-menu.vertical > ul > li {
    display: block;
    position: static;
}

.main-menu.vertical > ul > li .dropdown-content {
    left: 100%;
    top: 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu.vertical > ul > li .dropdown-content {
        max-width:700px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-menu.vertical > ul > li .dropdown-content {
        max-width:550px !important;
    }
}

@media (min-width: 992px) {
    .main-menu.vertical > ul > li > .dropdown-content {
        margin-top:0 !important;
        margin-left: -15px !important
    }

    .main-menu.vertical > ul > li:hover .dropdown-content {
        margin-left: 0px !important
    }
}

.main-menu.vertical > ul > li > a .icon {
    margin-right: 10px;
    font-size: 20px;
}

.main-menu.vertical > ul > li > a {
    padding-left: 0px;
    font-size: 12px;
    font-weight: 400!important;
    color: #000;
}

.main-menu.vertical > ul > li > a, .main-menu.vertical > ul > li.dropdown-wrapper > a .fa-angle-down {
    line-height: 44px;
}

.column .main-menu.vertical > ul > li > a, .column .main-menu.vertical > ul > li.dropdown-wrapper > a .fa-angle-down {
    line-height: 35px;
}

.main-menu.vertical > ul > li.dropdown-wrapper > a .fa-angle-down {
    right: 20px;
    opacity: 1;
    transform: rotate(-90deg);
}

.main-menu.vertical > ul > li > a .menu-tag {
    position: relative;
    display: inline-block;
    margin: -3px 0 0 6px;
    left: auto;
    vertical-align: middle;
}

.fab-whatsapp {
    font-size: 14px;
    margin-right: 5px;
}

.wtsp {
    left: 0px;
    position: relative;
    padding: 14px 30px;
    background-color: #32b98d;
    color: #fff;
    width: 55%;
    text-align: center;
    border-radius: 25px;
    margin: 25px 0px;
}

@media (max-width: 767px) {
    .wtsp {
        width: 100%!important;
    }
}

/* MOBILE MENU */
.main-menu-wrapper {
    transition: left 50ms;
    position: fixed;
    left: 0px;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 1px 5px rgba(0,0,0,.13);
    top: 0;
    bottom: 0;
    z-index: 99999;
    overflow-x: hidden;
    transform: translateX(-100%);
}

.mobile-menu-open .main-menu-wrapper {
    left: 0;
    padding-bottom: 0px;
    transform: translateX(0);
}

.main-menu-wrapper .close-trigger {
    position: absolute;
    top: 20px;
    font-size: 15px;
    right: 15px;
    z-index: 99999;
    background-color: #f2f2f2;
    padding: 6px 10px;
    border-radius: 64px;
    width: 30px;
    height: 30px;
    display: block;
}

@media (max-width: 991px) {
    .mobile-menu-open .sticky-enabled.sticky-active .sticky-header, .side-filter-open .sticky-enabled.sticky-active .sticky-header {
        transition:left 500ms, right 500ms;
    }
}

.main-menu-wrapper .col-xs-12 {
    width: 100%
}

.main-menu-wrapper .menu-tag {
    position: relative;
    margin: 0 0 0 4px;
    left: auto;
    vertical-align: top;
}

@media (max-width: 1024px) {
    .main-menu-wrapper > ul > li {
        display: block;
        border-bottom: 1px solid;
        border-color: #ffffff;
    }

    .main-menu-wrapper > ul > li > a {
        padding: 0px 10px;
        line-height: 35px;
        display: block;
        min-height: 36px;
        color: #111111;
    }
}

@media (min-width: 1025px) {
    .main-menu-wrapper > ul > li {
        display: block;
        border-bottom: 1px solid;
        border-color: #eeeeee;
    }

    .main-menu-wrapper > ul > li > a {
        padding: 5px 10px;
        line-height: 30px;
        display: block;
        min-height: 36px;
        color: #111111;
    }
}

.image-icon-menu i {
    font-size: 15px;
    margin-right: 10px;
    font-weight: 900;
    position: relative;
    top: 3px;
}

.image-icon-menu span {
    text-transform: capitalize;
}

.main-menu-wrapper > ul > li > a:after {
    display: none;
}

@media (max-width: 1024px) {
    .main-menu-wrapper > ul > li.dropdown-wrapper > a > .fa-angle-down {
        right: 5px!important;
        top: -9px!important;
        font-weight: 200;
    }
}

.main-menu-wrapper > ul > li.dropdown-wrapper > a > .fa-angle-down {
    position: absolute;
    right: 5px;
    top: 12px;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 13px;
    /* border-left:1px solid #e9e9e9; */
    opacity: 1;
    /* background: #e3e0e0; */
}

.main-menu-wrapper > ul > li.dropdown-wrapper > a > .fa-angle-down:before {
    transform: rotate(0);
    display: inline-block;
    transition: transform 500ms;
    content: "\f067";
}

.main-menu-wrapper > ul > li.dropdown-wrapper > a.open > .fa-angle-down:before {
    transform: rotate(-180deg);
    transition: transform 500ms;
    content: "\f068";
}

/* Sub items */
.main-menu-wrapper .dropdown-content, .main-menu-wrapper .sub-holder {
    box-shadow: none;
    margin: 0 !important;
    width: auto !important;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none !important;
    position: static;
    background-image: none !important;
}

@media (max-width: 1024px) {
    .main-menu-wrapper .dropdown-inner .menu-item {
        padding: 0px 10px 5px 10px;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        background-color: #f2f2f2;
        display: inline-block;
    }

    .menu-footer {
        bottom: 10px;
        position: relative;
        width: 100%;
    }

    .menu-footer li {
        padding: 7px 10px;
    }

    .menu-footer #language-select {
        margin-right: 10px;
    }

    .menu-footer #currency-select {
    }
}

@media (min-width: 1025px) {
    .main-menu-wrapper .dropdown-inner .menu-item {
        padding: 20px 10px 20px 15px;
        border-top: 1px solid #eeeeee;
    }
}

.main-menu-wrapper ul li.has-sub > a {
    position: relative;
    display: block;
}

.main-menu-wrapper ul li.has-sub .fa-angle-right {
    position: absolute;
    font-size: 14px;
    transform: rotate(90deg);
    background: #eeeeee;
    color: #333333;
    right: 0;
    margin-right: 0;
    top: 2px;
    height: 28px;
    width: 28px;
    line-height: 26px;
    opacity: 1;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
}

.main-menu-wrapper ul li.has-sub .open .fa-angle-right {
    transform: rotate(-90deg);
}

.main-menu-wrapper ul li ul li.has-sub ul li {
    padding-left: 12px;
}

/* Mobile menu Search */
.main-menu-wrapper > ul.mobile-top > li.search {
    padding: 0px 14px;
    background: #f9f9f9;
}

.main-menu-wrapper > ul.mobile-top > li.search .search-holder-mobile {
    position: relative;
    margin-bottom: 10px;
}

.main-menu-wrapper > ul > li.search .search-holder-mobile a {
    position: absolute;
    right: 12px;
    top: 12px;
    color: #aaaaaa;
}

/* Mobile menu language & currency */
.main-menu-wrapper ul.mobile-top {
    padding-top: 20px;
    background: #f9f9f9;
    padding-bottom: 10px;
    /* display: none; */
    padding: 20px 10px 10px;
}

.main-menu-wrapper ul.mobile-top > li {
    padding: 0 5px;
}

.main-menu-wrapper > ul > li.mobile-lang-curr {
    border: none;
}

.main-menu-wrapper > ul > li.mobile-lang-curr select {
    display: inline-block;
    margin-bottom: 10px;
    width: 100%;
}

.main-menu-wrapper > ul > li.mobile-lang-curr.has-c.has-l select {
    width: 48%;
}

.main-menu-wrapper > ul > li.mobile-lang-curr.has-c.has-l select + select {
    margin-left: 4%;
}

/* -------------------- */
/* --- CONTENT AREA --- */
/* -------------------- */
#column-left {
    padding-left: 0px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
    border-radius: 4px;
    padding-top: 0px;
    width: 21%;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 10px;
    padding-right: 0px;
    padding-top: 0px;
}

.column {
    z-index: 9;
}

#column-left .box-heading {
    /* background-color: #f5f5f5; */
    color: #000;
    font-size: 16px;
    padding: 0px 0px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px;
}

@media (max-width: 767px) {
    .column {
        z-index:100;
        position: static !important;
    }

    #column-left {
        margin-bottom: 0px!important;
        display: none;
    }

    #column-left .inner > *, #column-right .inner > * {
        display: none;
    }

    #column-left .inner .filter-container, #column-right .inner .filter-container, .pos_category_top .inner .filter-container {
        display: block !important;
        transition: left 500ms;
        position: fixed;
        left: -270px;
        width: 270px;
        background: #ffffff;
        box-shadow: 0 1px 5px rgba(0,0,0,.13);
        top: 0;
        bottom: 0;
        transition: left 500ms;
        z-index: 99;
        overflow: auto;
        padding-bottom: 70px;
    }

    #column-left .inner .filter-container .filters-holder, #column-right .inner .filter-container .filters-holder, .pos_category_top .inner .filter-container .filters-holder {
        padding: 15px;
    }

    .side-filter-open #column-left .filter-container, .side-filter-open #column-right .filter-container, .side-filter-open .pos_category_top .filter-container {
        left: 0;
        transition: left 500ms;
    }
}

@media (max-width: 1024px) {
    #content {
        padding: 0;
    }

    .box-layout {
        padding-left: 10px;
        padding-right: 10px;
    }

    .checkout-cart .box-layout {
        padding-left: 20px;
        padding-right: 20px;
        padding: 0px 15px!important;
    }
}

.account-logout #content {
    text-align: center;
    padding: 0px 15px;
}

.minimal_bc .success-page p {
    text-align: center!important;
    font-size: 15px;
    padding: 2px 20px;
}

#infinite-scroll-spinner dotlottie-player {
    width: 110px!important;
    margin: 0 auto;
    height: 140px!important;
    margin-bottom: -20px;
}

@media (max-width: 1024px) {
    .minimal_bc .success-page dotlottie-player {
        width: 206px!important;
        margin: 0 auto;
        height: 200px!important;
        margin-bottom: -20px;
    }

    .minimal_bc .success-page h1#page-title {
        text-align: center!important;
        font-size: 20px;
        margin-bottom: -5px;
    }
}

@media (min-width: 1025px) {
    .minimal_bc .success-page h1#page-title {
        text-align: center!important;
        font-size: 20px;
        margin-top: 30px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .minimal_bc .success-page dotlottie-player {
        width: 400px!important;
        margin: 0 auto;
        margin-bottom: -30px;
    }

    .content-style {
        background-color: #fff;
        padding: 0px 0px 0px 0px!important;
    }
}

.minimal_bc h1#page-title {
    text-align: center!important;
}

#content.no-min-height {
    min-height: 0px;
    padding: 0px;
}

.common-home #content {
    min-height: 0px;
    padding: 0px;
}

.information-style {
    background-color: #fff;
    padding: 0px 15px 80px 15px!important;
}

.information-style p {
    font-size: 13px;
    line-height: 20px;
}

@media (max-width: 768px) {
    .content-style {
        background-color: #fff;
        padding: 0px 5px 0px 5px!important;
    }

    .information-style {
        background-color: #fff;
        padding: 0px 15px 30px 15px!important;
    }
}

/* Breadcrumb */
.common-home .breadcrumb-holder {
    display: none !important;
}

@media (max-width: 768px) {
    .breadcrumb-holder {
        margin-bottom: 0px!important;
        background-size: cover!important;
        background-position: 70%!important;
        white-space: nowrap;
    }
}

.breadcrumb-holder {
    display: block;
    /* margin-bottom: 20px; */
}

.breadcrumb-holder #title-holder, .breadcrumb {
    display: none;
}

@media (max-width: 1024px) {
    .breadcrumb-holder .links-holder {
        display: block;
        padding: 6px 8px;
        white-space: nowrap;
        overflow: hidden;
    }
}

@media (min-width: 1025px) {
    .breadcrumb-holder .links-holder {
        display: block;
        padding: 15px 15px;
        white-space: nowrap;
    }
}

.breadcrumb-holder .links-holder span {
    display: inline-block;
}

/* Default style */
.default_bc .breadcrumb-holder {
    /* background:#F9F9F9; */
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
}

.default_bc.normal_height_bc .breadcrumb-holder, .minimal_bc.normal_height_bc .breadcrumb-holder, .minimal_inline_bc.normal_height_bc .breadcrumb-holder {
    padding: 0px 0;
}

/* Minimal breadcrumb */
@media (max-width: 1024px) {
    .minimal_bc .breadcrumb-holder .links-holder {
        padding: 0px 0px;
        text-align: center;
    }

    .minimal_bc .breadcrumb-holder {
        /* border-bottom:1px solid rgba(0,0,0,0.04); */
        background-color: #ffffff00;
        border-bottom: #f3f3f3 solid 0px;
    }
}

@media {
    .minimal_bc .category-description .breadcrumb-holder .links-holder {
        padding: 5px 5px;
        text-align: center;
    }

    .minimal_bc .breadcrumb-holder .links-holder {
        padding: 20px 5px;
        text-align: left;
    }

    .minimal_bc .breadcrumb-holder {
        background-color: #ffffff;
        border-bottom: #f3f3f3 solid 1px;
    }

    .category-description .breadcrumb-holder {
        background-color: #ffffff00;
        border-bottom: #f3f3f300 solid 1px;
    }

    /* Minimal Inline breadcrumb */
    .minimal_inline_bc .breadcrumb-holder .links-holder {
        padding: 10px 0;
        border-bottom: 1px solid rgba(0,0,0,0.04);
    }

    /* Title in breadcrumb */
    .title_in_bc #page-title {
        display: none;
    }

    .title_in_bc .breadcrumb-holder {
        background-color: #000000;
        text-align: center;
        padding: 30px 0 30px;
    }

    .title_in_bc.normal_height_bc .breadcrumb-holder {
        padding: 40px 0 22px;
    }

    .title_in_bc.normal_height_bc .breadcrumb-holder #title-holder {
        margin-bottom: 3px;
    }

    .title_in_bc.tall_height_bc .breadcrumb-holder, .title_in_bc.extra_tall_height_bc .breadcrumb-holder {
        padding: 60px 0 60px;
        margin-bottom: 30px;
    }

    .title_in_bc.tall_height_bc .breadcrumb-holder #title-holder #page-title, .title_in_bc.extra_tall_height_bc .breadcrumb-holder #title-holder #page-title {
        font-size: 1.2em;
    }

    @media (min-width: 992px) {
        .title_in_bc.extra_tall_height_bc .breadcrumb-holder {
            padding:140px 0 120px;
            margin-bottom: 60px;
        }

        .title_in_bc.extra_tall_height_bc .breadcrumb-holder #title-holder #page-title {
            margin-bottom: 15px;
            font-size: 1.4em;
        }
    }

    .title_in_bc .breadcrumb-holder, .title_in_bc .breadcrumb-holder .basel-back-btn {
        color: #ffffff;
    }

    .title_in_bc .basel-back-btn>i, .title_in_bc .basel-back-btn>i:after {
        background-color: #ffffff;
    }

    .title_in_bc .breadcrumb-holder #title-holder {
        display: block;
        font-size: 36px;
        text-transform: uppercase;
        line-height: inherit;
        line-height: 1;
    }

    .title_in_bc .breadcrumb-holder #title-holder #page-title {
        display: inline-block;
        margin: 0;
        font: inherit;
        line-height: 1;
    }

    @media (max-width: 767px) {
        .title_in_bc .breadcrumb-holder #title-holder #page-title {
            font-size: 0.7em!important;
        }
    }

    .title_in_bc .breadcrumb-holder h1, .title_in_bc .breadcrumb-holder .breadcrumb, .title_in_bc .breadcrumb-holder .breadcrumb a, .title_in_bc .breadcrumb-holder .breadcrumb > li + li:before, .title_in_bc .basel-back-btn>i:before, .title_in_bc .basel-back-btn:hover>i:before {
        color: inherit;
        opacity: 1;
    }

    .title_in_bc .breadcrumb-holder .breadcrumb {
        opacity: 0.8;
    }

    .breadcrumb {
        background: none;
        padding: 0;
        margin: 0;
        font-size: 16px!important;
    }

    .breadcrumb-holder .breadcrumb {
        display: inline-block;
    }

    @media (max-width: 1024px) {
        .breadcrumb, .breadcrumb a, .breadcrumb > li + li:before {
            color: #222222;
            font-size: 12px;
        }
    }

    @media (min-width: 1025px) {
        .breadcrumb, .breadcrumb a, .breadcrumb > li + li:before {
            color: #222222;
        }
    }

    .breadcrumb > li:last-child a {
        opacity: 1;
        cursor: default;
        color: inherit;
        width: auto;
        display: inline-block;
    }

    .breadcrumb > li + li:before {
        content: '/';
        font-size: 14px;
        padding: 0 6px 0 5px;
    }

    .basel-back-btn {
        display: inline-block;
        width: 42px;
        text-align: center;
        margin: 0 5px 0 -4px;
    }

    .basel-back-btn-disabled .basel-back-btn {
        display: none;
    }

    .basel-back-btn>i {
        width: 25px;
        font-style: normal;
        height: 2px;
        line-height: 2px;
        position: relative;
        display: inline-block;
        background-color: #000;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease
    }

    .basel-back-btn>i:before, .basel-back-btn:hover>i:before {
        content: "\f0d9";
        position: absolute;
        left: -4px;
        top: 0px;
        font-size: 22px;
        line-height: 3px;
        color: #000;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
    }

    .basel-back-btn>i:after {
        content: "";
        position: absolute;
        top: -5px;
        right: -1px;
        width: 2px;
        height: 7px;
        line-height: 0;
        background-color: #000
    }

    .basel-back-btn:hover>i {
        width: 35px
    }

    .category-description .breadcrumb, .category-description .breadcrumb a, .category-description .breadcrumb > li + li:before {
        color: #515151;
    }

    .category-description .basel-back-btn {
        width: 42px;
        text-align: center;
        margin: 0 5px 0 -4px;
    }

    .category-description .basel-back-btn-disabled .basel-back-btn {
        display: none;
    }

    .category-description .basel-back-btn>i {
        width: 25px;
        font-style: normal;
        height: 2px;
        line-height: 2px;
        position: relative;
        display: inline-block;
        background-color: #000000;
        -webkit-transition: all .25s ease;
        -moz-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease
    }

    .category-description .basel-back-btn>i:before, .category-description .basel-back-btn:hover>i:before {
        content: "\f0d9";
        position: absolute;
        left: -4px;
        top: 0px;
        font-size: 22px;
        line-height: 3px;
        color: #000000;
        font-family: 'Font Awesome 5 Pro';
        font-weight: 900;
    }

    .category-description .basel-back-btn>i:after {
        content: "";
        position: absolute;
        top: -5px;
        right: -1px;
        width: 2px;
        height: 7px;
        line-height: 0;
        background-color: #343434;
    }

    .category-description .basel-back-btn:hover>i {
        width: 35px
    }

    /* Grid System */
    .grid-holder {
        font-size: 0;
    }

    .grid-holder.gridlist {
        margin: 0;
    }

    .grid-holder .item {
        font-size: 14px;
        display: inline-block;
        vertical-align: top;
        margin: 10px 3px 0px 15px;
        width: 30.60%;
    }

    .grid-holder.gridlist .item {
        padding-right: 0;
        padding-left: 0;
    }

    .grid-holder.lg-grid6 .item {
        width: 16.66%;
    }

    .grid-holder.lg-grid5 .item {
        width: 20%;
    }

    .grid-holder.lg-grid4 .item {
        width: 25%;
    }

    .grid-holder.lg-grid3 .item {
        width: 33.333%;
    }

    .grid-holder.lg-grid2 .item {
        width: 50%;
    }

    .grid-holder.lg-grid1 .item {
        width: 100%;
    }

    @media (max-width: 360px) {
        #product-view .grid-holder .single-product {
            width: 47.1%!important;
            margin: 0px 5px 10px 5px!important;
        }
    }

    @media (min-width: 361px) and (max-width: 414px) {
        #product-view .grid-holder .single-product {
            width: 47%!important;
        }
    }

    @media (min-width: 415px) and (max-width: 767px) {
        .grid .single-product {
            margin-bottom: 10px!important;
            margin-left: 3px;
            margin: 0px 0px 0px 0px;
        }
    }

    @media (min-width: 1025px) {
        .tab-content.has-carousel .grid-holder.carousel {
            overflow: hidden;
            padding-top: 10px;
        }

        .grid-holder.carousel {
            overflow: hidden;
        }

        .grid-holder.carousel .swiper-wrapper {
        }

        .grid-holder.grid4 .item {
            margin: 5px 9px 0px 0px;
            width: 24.5%!important;
        }

        .grid-holder .swiper-pagination {
            bottom: -5px;
            margin-bottom: 10px;
            position: relative;
            display: none;
        }

        .most-viewed-module .swiper-pagination {
            display: none;
        }

        #product-view .grid-holder .single-product {
            margin-bottom: 0px!important;
            margin-left: 3px;
            width: 47.6%;
            margin: 0px 0px 0px 0px;
            border-radius: 0px;
            overflow: initial;
        }
    }

    #product-view .grid-holder .single-product .product-slider {
        border-radius: 0px 0px 0px 0px;
    }

    .grid-holder .item {
        padding-left: 0px;
        padding-right: 0px;
        width: 46%;
        margin: 0px 0px 0px 0px;
    }

    .grid-holder.md-grid6 .item {
        width: 16.66%;
    }

    .grid-holder.md-grid5 .item {
        width: 20%;
    }

    .grid-holder.md-grid4 .item {
        width: 25%;
    }

    .grid-holder.md-grid3 .item {
        width: 33.333%;
    }

    .grid-holder.md-grid2 .item {
        width: 50%;
    }

    .grid-holder.md-grid1 .item {
        width: 100%;
    }

    #column-left .grid-holder.grid1 .item, .grid-holder.gridlist .item {
        margin: 0px 0px 10px 0px;
    }

    .grid-holder.grid1 .item, .grid-holder.gridlist .item {
        width: 100%;
        margin: 0px 0px 30px 0px;
    }

    .grid-holder.grid2 .item {
        width: 50%;
    }

    .grid-holder.grid3 .item {
        width: 31.79%;
    }

    @media (max-width: 1024px) {
        .widget-related .grid-holder.grid4 .item {
            margin: 0px 0px 0px 0px;
        }
    }

    @media (min-width: 1025px) {
        .widget-related .grid-holder.grid4 .item {
            margin: 0px 10px 0px 0px;
            width: 24.44% !important;
        }
    }

    .grid-holder.grid4 .item {
        width: 24.59%;
    }

    .grid-holder.grid5 .item {
        width: 19.622222%;
        /* padding: 0px; */
        margin: 10px 10px 0px 0px;
    }

    @media (max-width: 768px) {
        .grid-holder.grid5 .item {
            width: 19%;
            padding: 0px;
            margin: 0px 5px 0px 5px;
        }
    }

    .grid-holder.grid6 .item {
        width: 16.66%;
    }

    @media (min-width: 992px) and (max-width: 1199px) {
        .grid-holder.grid5 .item {
            width:25%;
        }

        .grid-holder.grid6 .item {
            width: 20%;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .grid-holder.categories.grid6 .item, .grid-holder.categories.grid5 .item {
            width:25%;
        }

        .grid-holder.grid6 .item, .grid-holder.grid5 .item, .grid-holder.grid4 .item {
            width: 33.33%;
        }

        .col-sm-8 .grid-holder.grid3 .item, .grid-holder.grid3 .item.single-blog {
            width: 50%;
        }
    }

    @media (min-width: 590px) and (max-width: 767px) {
        .grid-holder.categories.grid6 .item {
            width:20%;
        }

        .grid-holder.categories.grid5 .item, .grid-holder.categories.grid4 .item {
            width: 25%;
        }

        .grid-holder.grid6 .item, .grid-holder.grid5 .item, .grid-holder.grid4 .item {
            width: 33.33%;
        }

        .grid-holder.grid4 .item.single-blog, .grid-holder.grid3 .item.single-blog {
            width: 50%;
        }
    }

    @media (max-width: 1024px) {
        .grid-holder.categories.grid6 .item, .grid-holder.categories.grid5 .item, .grid-holder.categories.grid4 .item {
            width:33.33%;
        }

        .grid-holder.grid6 .item, .grid-holder.grid5 .item, .grid-holder.grid4 .item, .grid-holder.grid3 .item {
            width: 47.5%;
        }

        .grid-holder.grid6 .swiper-wrapper .item, .grid-holder.grid5 .swiper-wrapper .item, .grid-holder.grid4 .swiper-wrapper .item, .grid-holder.grid3 .swiper-wrapper .item {
            width: 47.8%;
        }

        .grid-holder .item.single-blog {
            width: 100%;
        }
    }

    @media (max-width: 430px) {
        .grid-holder.categories.grid4 .item {
            width:50%;
        }

        .grid-holder.grid6 .swiper-wrapper .item, .grid-holder.grid5 .swiper-wrapper .item, .grid-holder.grid4 .swiper-wrapper .item, .grid-holder.grid3 .swiper-wrapper .item {
            width: 47.8%;
        }
    }

    @media (max-width: 380px) {
        .grid-holder.categories.grid6 .item, .grid-holder.categories.grid5 .item {
            width:50%;
        }

        .grid-holder.grid6 .item, .grid-holder.grid5 .item, .grid-holder.grid4 .item, .grid-holder.grid3 .item {
            width: 47.04%;
        }

        .grid-holder.grid6 .swiper-wrapper .item, .grid-holder.grid5 .swiper-wrapper .item, .grid-holder.grid4 .swiper-wrapper .item, .grid-holder.grid3 .swiper-wrapper .item {
            width: 83%;
        }

        .mobile_1 .grid-holder .item:not(.slick-slide) {
            width: 100% !important;
        }
    }

    @media (max-width: 589px) {
        .grid-holder.sm-grid6 .item.insta-item {
            width:16.66% !important;
        }

        .grid-holder.sm-grid5 .item.insta-item {
            width: 20% !important;
        }

        .grid-holder.sm-grid4 .item.insta-item {
            width: 25% !important;
        }

        .grid-holder.sm-grid3 .item.insta-item {
            width: 33.333% !important;
        }

        .grid-holder.sm-grid2 .item.insta-item {
            width: 50% !important;
        }

        .grid-holder.sm-grid1 .item.insta-item {
            width: 100% !important;
        }
    }

    /* Blog */
    .blog .main_description {
        padding-bottom: 20px;
    }

    .blog .main_description p {
        margin-bottom: 20px;
        line-height: 1.7;
        font-size: 1.07em;
    }

    .single-blog {
        margin-bottom: 34px;
    }

    .gridlist .single-blog {
        margin-bottom: 10px;
    }

    @media (min-width: 992px) {
        .grid1 .single-blog {
            margin-bottom:75px;
        }
    }

    .grid2 .single-blog .tags-wrapper, .grid2 .single-blog .summary, .grid3 .single-blog .tags-wrapper, .grid3 .single-blog .summary, .grid4 .single-blog .tags-wrapper, .grid4 .single-blog .summary {
        text-align: center;
    }

    .single-blog .banner_wrap {
        margin-bottom: 8px;
    }

    .blog .date_added {
        position: absolute;
        top: 10px;
        left: 10px;
        background: #ffffff;
        color: #111111;
        box-shadow: 0 0 9px rgba(0,0,0,0.1);
        min-width: 53px;
        padding: 7px 4px 10px;
        text-align: center;
        line-height: 1;
        display: none;
    }

    .blog .date_added .day {
        display: block;
        font-size: 24px;
        margin-bottom: 3px;
    }

    .single-blog .banner_wrap .tags-wrapper {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .single-blog .banner_wrap .tags {
        display: inline-block;
        padding: 2px 10px 4px;
        color: #ffffff;
    }

    .single-blog .banner_wrap .tags a {
        color: #ffffff;
        font-size: 12px;
    }

    .single-blog .banner_wrap .tags a:hover {
        text-decoration: underline;
    }

    .single-blog .banner_wrap .tags a + a:before {
        content: ",";
        margin-right: 4px;
    }

    .single-blog .banner_wrap {
        margin-bottom: 5px;
    }

    .single-blog .blog-title {
        letter-spacing: .3px;
        font-size: 1.57em!important;
        margin-bottom: 10px;
        text-align: left;
    }

    @media (min-width: 992px) {
        .grid1 .single-blog .blog-title, .grid2 .single-blog .blog-title {
            font-size:32px;
            margin-bottom: 10px;
        }
    }

    .blog .blog_stats {
        display: block;
        margin-bottom: 12px;
        color: #777777;
        display: none;
    }

    .blog .blog_stats i + i:before {
        content: "/";
        margin: 0 3px 0 3px;
        font-size: 9px;
        vertical-align: middle;
    }

    .blog .short-description {
        line-height: 1.7;
    }

    /* Blog listing module */
    .blog-widget .blog .short-description {
        margin-bottom: 0;
        text-align: left;
    }

    .widget .widget_bottom_btn {
        text-align: center;
        position: relative;
        margin-top: 20px;
    }

    .widget.contrast-bg .widget_bottom_btn {
        margin: 10px 0 40px;
    }

    .widget.blog-widget .widget_bottom_btn {
        margin-top: -10px;
    }

    .column .widget .widget_bottom_btn .btn {
        display: block;
    }

    .blog-widget .gridlist .single-blog .blog_stats, .blog-widget .gridlist .single-blog .short-description, .blog-widget .gridlist .single-blog .date_added {
        display: none;
    }

    .blog-widget .gridlist .banner_wrap .effect-holder {
        background: none !important;
    }

    /* Single Blog Page */
    @media (max-width: 768px) {
        .blog_post .main_thumb {
            position:relative;
            margin-bottom: 20px;
        }

        .blog_post h1#page-title {
            margin-bottom: 16px;
            text-transform: none;
            font-weight: normal;
            font-size: 22px;
        }

        .blog_post .blog_stats {
            margin-bottom: 15px;
            font-size: 11px;
            text-align: center;
        }

        .blog_post .post_tags {
            margin-bottom: 34px;
        }

        .blog_post .lg-share, .product-page .lg-share {
            padding: 5px 0 5px;
            text-align: center;
            margin-bottom: 10px;
            background-color: #ffffff;
        }

        .product-page .lg-share {
            margin-top: 0px;
            display: none;
        }

        .blog_post .section-title {
            text-transform: uppercase;
            padding-top: 30px;
            font-size: 16px;
        }

        .blog_post .section-title b {
            font-size: 1.375em;
        }

        .blog_post .section-title:after {
            content: "";
            display: block;
            width: 30px;
            height: 2px;
            background: #e5e5e5;
            margin: 5px 0 30px;
        }

        .blog_post .blog_comment {
            border-bottom: 1px solid #eeeeee;
            margin-bottom: 35px;
            font-size: 15px;
        }

        .blog_post .blog_comment p {
            margin-bottom: 10px;
        }

        .blog_post .blog_comment .table-cell {
            padding-bottom: 25px;
        }

        .blog_post .blog_comment .avatar i {
            margin: 2px 28px 0 0;
            font-size: 38px;
            background: #dddddd;
            color: #ffffff;
            padding: 15px;
            display: block;
        }

        .blog_post .pagination {
            margin-bottom: 20px;
            margin-top: -10px;
        }

        .blog_post .grid2 .single-blog .blog-title, .blog_post .grid3 .single-blog .blog-title {
            font-size: 24px;
            margin-bottom: 8px;
        }

        .blog_post .single-blog .blog_stats {
            margin-bottom: 12px;
        }

        .blog_post .single-blog .tags-wrapper, .blog_post .single-blog .summary {
            text-align: left;
        }
    }

    @media (min-width: 769px) {
        .blog_post .main_thumb {
            position:relative;
            margin-bottom: 20px;
            border-radius: 10px;
            overflow: hidden;
        }

        .blog_post h1#page-title {
            margin-bottom: 16px;
            text-transform: none;
            font-weight: normal;
            font-size: 22px;
        }

        .blog_post .blog_stats {
            margin-bottom: 24px;
            font-size: 13px;
            text-align: center;
        }

        .blog_post .post_tags {
            margin-bottom: 34px;
        }

        .blog_post .lg-share, .product-page .lg-share {
            padding: 5px 0 5px;
            text-align: center;
            margin-bottom: 36px;
            background-color: #ffffff;
        }

        .product-page .lg-share {
            margin-top: 15px;
        }

        .product-page .lg-share .info-share {
            display: inline;
            position: relative;
            top: 9px;
            left: -10px;
            font-size: 15px;
            color: #818181;
            /* font-style: italic; */
            font-weight: 400!important;
        }

        .blog_post .section-title {
            text-transform: uppercase;
            padding-top: 30px;
            font-size: 16px;
        }

        .blog_post .section-title b {
            font-size: 1.375em;
        }

        .blog_post .section-title:after {
            content: "";
            display: block;
            width: 30px;
            height: 2px;
            background: #e5e5e5;
            margin: 5px 0 30px;
        }

        .blog_post .blog_comment {
            border-bottom: 1px solid #eeeeee;
            margin-bottom: 35px;
            font-size: 15px;
        }

        .blog_post .blog_comment p {
            margin-bottom: 10px;
        }

        .blog_post .blog_comment .table-cell {
            padding-bottom: 25px;
        }

        .blog_post .blog_comment .avatar i {
            margin: 2px 28px 0 0;
            font-size: 38px;
            background: #dddddd;
            color: #ffffff;
            padding: 15px;
            display: block;
        }

        .blog_post .pagination {
            margin-bottom: 20px;
            margin-top: -10px;
        }

        .blog_post .grid2 .single-blog .blog-title, .blog_post .grid3 .single-blog .blog-title {
            font-size: 24px;
            margin-bottom: 8px;
        }

        .blog_post .single-blog .blog_stats {
            margin-bottom: 12px;
        }

        .blog_post .single-blog .tags-wrapper, .blog_post .single-blog .summary {
            text-align: left;
        }
    }

    /* Category wall module */
    /* No sub categories layout */
    .single-category.no-subs {
        text-align: center;
    }

    .single-category.no-subs .banner_wrap {
        margin-bottom: 10px;
    }

    .single-category.no-subs .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .single-category.no-subs .banner_wrap .table {
        text-transform: uppercase;
        color: #ffffff;
        font-size: 1.143em;
        opacity: 0;
        transition: opacity 500ms, background 500ms;
    }

    .single-category.no-subs .banner_wrap:hover .table {
        opacity: 1;
        background: rgba(0,0,0,0.4);
        transition: opacity 500ms, background 500ms;
    }

    .single-category.no-subs .name {
        margin-bottom: 8px;
        color: #111111;
        font-size: 1.57em;
    }

    /* Sub category list layout */
    .single-category.has-subs {
        padding-top: 18px;
        margin-bottom: 22px;
    }

    @media (max-width: 991px) {
        .category-widget .grid-holder:not(.carousel) .item.single-category.has-subs {
            width:50% !important;
        }
    }

    @media (max-width: 767px) {
        .category-widget .grid-holder:not(.carousel) .item.single-category.has-subs {
            width:100% !important;
        }
    }

    .single-category.has-subs .img-cell img {
        max-width: none;
        margin-right: 15px;
    }

    .single-category.has-subs h5 {
        font-size: 1.286em;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 14px;
    }

    .single-category.has-subs .list-unstyled li {
        margin-bottom: 6px;
    }

    .single-category.has-subs .list-unstyled li:before {
        content: "\f105";
        margin-right: 15px;
        font-family: FontAwesome;
        font-size: 12px;
        opacity: 0.6;
    }

    /* scroll position sticky header*/
    /* on intial load fade in the menu */
    @-webkit-keyframes firstFadeInAndDrop {
        0% {
            -webkit-transform: translate(0,-54px);
        }

        100% {
            -webkit-transform: translate(0,0);
        }
    }

    @-moz-keyframes firstFadeInAndDrop {
        0% {
            -moz-transform: translate(0,-54px);
        }

        100% {
            -moz-transform: translate(0,0);
        }
    }

    @keyframes firstFadeInAndDrop {
        0% {
            transform: translate(0,-54px);
        }

        100% {
            transform: translate(0,0);
        }
    }

    /* on navigation hover add slight white bg */
    nav:hover {
        background: rgba(255,255,255,.7);
    }

    nav {
        top: 0;
        width: 100%;
        cursor: pointer;
        -webkit-transform: translate(0,0);
        -moz-transform: translate(0,0);
        -o-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: -webkit-transform .4s, height .3s, background .4s;
        -moz-transition: -moz-transform .4s, height .3s, background .4s;
        transition: transform .4s, height .3s, background .4s;
        -webkit-animation: firstFadeInAndDrop .5s;
        -moz-animation: firstFadeInAndDrop .5s;
        animation: firstFadeInAndDrop .5s;
    }

    /* when hidden it goes up */
    nav.invisible {
        -webkit-transform: translate(0,-64px);
        -moz-transform: translate(0,-64px);
        -o-transform: translate(0,-64px);
        transform: translate(0,-64px);
        -webkit-transition: -webkit-transform .2s;
        -moz-transition: -moz-transform .2s;
        -o-transition: -o-transform .2s;
        transition: transform .2s;
        opacity: 0;
        top: 0px;
    }

    /* when shown & detached position is fixed */
    nav.detached {
        position: fixed;
        background: rgba(255,255,255,.9);
        -webkit-transition: -webkit-transform .3s, height .3s, background .4s, opacity .3s;
        -moz-transition: -moz-transform .3s, height .3s, background .4s, opacity .3s;
        -o-transition: -o-transform .3s, height .3s, background .4s, opacity .3s;
        transition: transform .3s, height .3s, background .4s, opacity .3s;
        width: 100%;
        top: 0px;
    }

    /* scroll position sticky header*/
    /* --------------------- */
    /* Basel Content Builder */
    /* --------------------- */
    /* Grid Structure */
    .cm_block_wrapper {
        overflow: hidden;
    }

    .cm_block_wrapper.has-testimonials {
        overflow: visible;
    }

    @media (min-width: 1025px) {
        .app-work.hidden-app .cm_block {
            padding: 27px 40px 35px 10px;
        }
    }

    @media (max-width: 768px) {
        .app-work.hidden-app .cm_block {
            padding: 15px 15px 25px;
        }

        .cm_block {
            width: 100%;
            background-size: 100%;
        }
    }

    .cm_block {
        width: 100%;
    }

    .cm_content {
        display: block;
        margin: auto;
    }

    .cm_content .cm_column.type-tm {
        margin-bottom: 0;
    }

    .cm_content .row.marginless {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }

    .cm_content .row.marginless .cm_column {
        margin-bottom: 0px;
        padding-left: 0;
        padding-right: 0;
    }

    .cm_content .cm_item_wrapper {
        display: table;
        width: 100%;
        height: 100%;
    }

    .cm_content .cm_item {
        display: table-cell;
        font-size: 14px;
    }

    /* Banner Grid Structure */
    .cm_content .type-img {
        font-size: 0;
    }

    .banner_overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .banner_wrap {
        display: inline-block;
        overflow: hidden;
        position: relative;
        /* margin-bottom: 30px; */
        border-radius: 0px;
    }

    @media (max-width: 768px) {
        .banner_wrap {
            margin-bottom:0px;
        }
    }

    .cm_content .type-img .banner_overlay:hover {
        background-color: #00000000;
    }

    .cm_content .type-img .cm_item > * {
        cursor: auto;
    }

    .cm_content .type-img .cm_item a:hover {
        color: #fff;
    }

    .cm_content .type-img .cm_item a {
        cursor: pointer;
    }

    /* ---------------- */
    /* Default styles */
    /* ---------------- */
    .cm_item .light, .type-img .cm_item {
        color: #ffffff;
    }

    .cm_item, .cm_item .dark {
        color: #111111;
    }

    .cm_item h1, .cm_item h2, .cm_item h3, .cm_item h4, .cm_item h5, .cm_item h6 {
        line-height: 1.1;
        color: inherit;
    }

    .cm_item h2 {
        font-size: 28px;
    }

    @media (max-width: 768px) {
        .cm_item h2 {
            font-size: 22px;
        }
    }

    .cm_item h3 {
        font-size: 28px;
    }

    .cm_item h4 {
        font-size: 40px;
        font-weight: 900;
    }

    .cm_item h5 {
        font-size: 18px;
    }

    .cm_item .xl-title {
        font-size: 46px;
        margin-bottom: 20px;
        letter-spacing: 3px;
        line-height: 1;
    }

    @media (min-width: 768px) {
        .cm_item .xl-title {
            font-size:66px;
        }
    }

    .cm_item .label {
        display: inline-block;
        padding: 4px 8px;
        line-height: 1.1;
        margin-bottom: 7px;
        font-size: 100%;
        border-radius: 0px;
        font-weight: normal;
    }

    .cm_item .spread {
        color: #666666;
        letter-spacing: 1.5px;
        margin-bottom: 10px;
    }

    .cm_item p.spread.light {
        color: #ffffff;
    }

    .cm_item .spread.small {
        color: #999999;
        letter-spacing: 0.5px;
        margin-bottom: 8px;
    }

    .cm_item .separator {
        line-height: 1px;
        margin-bottom: 10px;
    }

    .cm_item .separator:after {
        content: " ";
        display: inline-block;
        height: 1px;
        width: 30px;
        background: #bbbbbb;
        background: rgba(255,255,255,0.5);
    }

    .cm_item .dark .separator:after {
        background: #444444;
        background: rgba(0,0,0,0.4);
    }

    .x-separator {
        margin-bottom: 3px;
        line-height: 1.6;
    }

    .x-separator i {
        font-size: 10px;
        margin: 0 6px 0 7px;
        opacity: 0.65;
    }

    .x-separator:before, .x-separator:after {
        content: "-----";
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: -1px;
        opacity: 0.4;
    }

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

    .cm_item .dark a.underline, .type-html .cm_item a.underline {
        border-bottom: 1px solid rgba(0,0,0,0.25);
        opacity: 0.7
    }

    .cm_item .dark a.underline:hover, .type-html .cm_item a.underline:hover {
        border-bottom: 1px solid rgba(0,0,0,0.7);
        color: inherit;
        opacity: 1
    }

    .cm_item a.underline {
        border-bottom: 1px solid rgba(255,255,255,0.5);
    }

    .cm_item a.underline:hover {
        border-bottom: 1px solid rgba(255,255,255,1);
        color: inherit;
    }

    .cm_item a.underline.discrete {
        font-size: 0.9em;
        opacity: 0.6;
    }

    .cm_item a.underline.discrete:hover {
        opacity: 1;
    }

    /* -------------------- */
    /* Banner hover effects */
    /* -------------------- */
    .banner_wrap .effect-holder {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transition: background 400ms;
    }

    /* Hover Move Up/Down */
    .banner_wrap.hover-up .zoom_image_wrap .zoom_image {
        margin-bottom: -20px;
    }

    .banner_wrap.hover-up:hover .zoom_image_wrap .zoom_image {
        margin-bottom: -20px;
        transform: translateY(-20px);
    }

    .banner_wrap.hover-down .zoom_image_wrap .zoom_image {
        margin-top: -20px;
    }

    .banner_wrap.hover-down:hover .zoom_image_wrap .zoom_image {
        margin-top: -20px;
        transform: translateY(20px);
    }

    /* Hover Border */
    .banner_wrap.hover-border .effect-holder:before, .banner_wrap.hover-border .effect-holder:after {
        top: 20px;
        left: 20px;
        right: 20px;
        bottom: 20px;
        position: absolute;
        content: " ";
        transition: transform 400ms;
    }

    .banner_wrap.hover-border .effect-holder:before {
        transform: scaleX(0);
        border-top: 1px solid rgba(255,255,255,0.4);
        border-bottom: 1px solid rgba(255,255,255,0.4);
    }

    .banner_wrap.hover-border:hover .effect-holder:before {
        transform: scaleX(1);
    }

    .banner_wrap.hover-border .effect-holder:after {
        transform: scaleY(0);
        border-left: 1px solid rgba(255,255,255,0.4);
        border-right: 1px solid rgba(255,255,255,0.4);
    }

    .banner_wrap.hover-border:hover .effect-holder:after {
        transform: scaleY(1);
        transition: transform 400ms;
    }

    /* Hover Darken */
    .banner_wrap.hover-darken:hover .effect-holder {
        background: rgba(0,0,0,0.25);
        transition: background 400ms;
    }

    /* Hidden overlay */
    .vertical-bottom .hidden-overlay, .banner_wrap:hover .vertical-bottom .hidden-overlay, .vertical-top .hidden-overlay, .banner_wrap:hover .vertical-top .hidden-overlay {
        transition: transform 400ms;
    }

    .vertical-bottom .hidden-overlay {
        transform: translateY(200%);
    }

    .banner_wrap:hover .vertical-bottom .hidden-overlay {
        transform: translateY(0px);
    }

    .vertical-top .hidden-overlay {
        transform: translateY(-200%);
    }

    .banner_wrap:hover .vertical-top .hidden-overlay {
        transform: translateY(0px);
    }

    .cm_item .simple-caption {
        padding: 12px 25px;
        color: #000000;
        font-size: 16px;
        letter-spacing: 1.3px;
        background: #ffffff;
        display: inline-block;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.08);
        font-style: normal;
    }

    .cm_item .contrast-caption {
        padding: 100px 35px 100px;
        display: inline-block;
        background: rgba(255, 255, 255, 0.9);
        color: #000000;
    }

    .cm_item .contrast-caption h4 {
        line-height: 1.3;
        margin-bottom: 25px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.6);
        font-size: 29px;
    }

    .cm_item .contrast-caption p {
        margin-bottom: 35px;
        font-size: 15px;
    }

    /* ---------------- */
    /* Newsletter field */
    /* ---------------- */
    @media (max-width: 768px) {
        .newsletter-wrap {
            position:relative;
            max-width: 100%;
            display: block;
            padding-top: 3px;
        }

        .text-center .newsletter-wrap {
            margin: 0 auto;
        }

        .text-right .newsletter-wrap {
            margin: 0 0 0 auto;
        }

        /* Signup field */
        .sign-up-field {
            display: block;
        }
    }

    @media (min-width: 769px) {
        .newsletter-policy {
            width: 470px;
            margin: 0 auto;
        }

        .newsletter-wrap {
            position: relative;
            max-width: 560px;
            display: block;
            padding-top: 3px;
        }

        .text-center .newsletter-wrap {
            margin: 0 auto;
        }

        .text-right .newsletter-wrap {
            margin: 0 0 0 auto;
        }
    }

    /* Respond notification */
    .sign-up-field .sign-up-respond {
        position: absolute;
        top: -42px;
        left: 2px;
    }

    .sign-up-field .sign-up-respond span {
        background: #ffffff;
        color: #111111;
        font-size: 13px;
        padding: 10px 14px;
        display: block;
        white-space: nowrap;
        box-shadow: 0 0 4px rgba(0,0,0,0.25)
    }

    .sign-up-field .sign-up-respond span:before, .sign-up-field .sign-up-respond span:after {
        content: " ";
        display: block;
        position: absolute;
        height: 10px;
        background: #ffffff;
    }

    .sign-up-field .sign-up-respond span:before {
        bottom: -4px;
        left: 12px;
        width: 10px;
        transform: rotate(45deg);
        box-shadow: 0 0 4px rgba(0,0,0,0.25);
    }

    .sign-up-field .sign-up-respond span:after {
        left: 0px;
        bottom: 0px;
        width: 30px;
    }

    .light_field .sign-up-field input, .dark_field .sign-up-field input {
        border: none;
        background: none;
        padding: 8px 13px 8px 40px;
    }

    .light_field .sign-up-field:after, .dark_field .sign-up-field:after {
        content: "\f0e0";
        position: absolute;
        left: 13px;
        top: 14px;
        font-size: 14px;
        font-family: "Font Awesome 5 pro";
    }

    /* Subscribe button */
    .sign-up-field .input-group-btn {
        padding: 10px 0 0;
    }

    @media (max-width: 768px) {
        .wide-signup.dark h5 {
            font-size: 12px;
        }

        .sign-up-field .input-group-btn {
            padding: 10px 0px 0;
        }
    }

    @media (min-width: 768px) {
        .light_field .sign-up-field, .dark_field .sign-up-field {
            display:table;
        }

        .light_field .sign-up-field .input-group-btn, .dark_field .sign-up-field .input-group-btn {
            padding: 0 0 0 5px;
        }
    }

    .sign-up-field .btn-neutral {
        margin-top: 0;
        padding-left: 40px;
        padding-right: 40px;
    }

    /* Light input field */
    .light_field .sign-up-field .btn-neutral:not(:hover) {
        color: #ffffff;
        background: #ff6f96;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .light_field .sign-up-field input {
        color: #ffffff;
        border-bottom: 2px solid rgba(255,255,255,0.8) !important;
    }

    .light_field .sign-up-field:after {
        color: rgba(255,255,255,0.5);
    }

    .light_field .sign-up-field ::-webkit-input-placeholder {
        color: rgba(255,255,255,0.6) !important;
    }

    .light_field .sign-up-field :-moz-placeholder {
        color: rgba(255,255,255,0.6) !important;
    }

    .light_field .sign-up-field ::-moz-placeholder {
        color: rgba(255,255,255,0.6) !important;
    }

    .light_field .sign-up-field:-ms-input-placeholder {
        color: rgba(255,255,255,0.6) !important;
    }

    .light_field span.unsubscribe a {
        color: #ffffff;
    }

    /* Dark input field */
    @media (max-width: 768px) {
        .dark_field .sign-up-field input {
            color: #000000;
            border-bottom: 2px solid rgb(0 0 0) !important;
            height: 44px;
            /* width: 17.9em; */
        }

        .dark_field .sign-up-field input::placeholder {
            color: #000000!important;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .dark_field .sign-up-field:after {
            color: rgb(0 0 0);
        }

        .dark_field .sign-up-field ::-webkit-input-placeholder {
            color: rgba(51,51,51,0.6) !important;
        }

        .dark_field .sign-up-field :-moz-placeholder {
            color: rgba(51,51,51,0.6) !important;
        }

        .dark_field .sign-up-field ::-moz-placeholder {
            color: rgba(51,51,51,0.6) !important;
        }

        .dark_field .sign-up-field:-ms-input-placeholder {
            color: rgba(51,51,51,0.6) !important;
        }

        .dark_field span.unsubscribe a {
            color: #000000;
        }
    }

    .dark_field .sign-up-field input {
        color: #000000;
        border-bottom: solid 1px #dedee9 !important;
        height: 44px;
        background-color: #ffffff;
    }

    .dark_field .sign-up-field input::placeholder {
        color: #000000!important;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-size: 10px;
    }

    .dark_field .sign-up-field:after {
        color: rgb(0 0 0);
        z-index: 9;
    }

    .dark_field .sign-up-field ::-webkit-input-placeholder {
        color: rgba(51,51,51,0.6) !important;
    }

    .dark_field .sign-up-field :-moz-placeholder {
        color: rgba(51,51,51,0.6) !important;
    }

    .dark_field .sign-up-field ::-moz-placeholder {
        color: rgba(51,51,51,0.6) !important;
    }

    .dark_field .sign-up-field:-ms-input-placeholder {
        color: rgba(51,51,51,0.6) !important;
    }

    .dark_field span.unsubscribe a {
        color: #a3a3a3;
    }

    /* Unsubscribe */
    span.unsubscribe {
        display: inline-block;
        padding: 10px 0px;
    }

    span.unsubscribe a:hover {
        text-decoration: underline;
    }

    /* -------------------- */
    /* Newsletter templates */
    /* -------------------- */
    .wide-signup h3 {
        margin-bottom: 20px;
        font-size: 40px;
    }

    .wide-signup p {
        margin-bottom: 20px;
    }

    @media (max-width: 768px) {
        .wide-signup .btn-neutral {
            padding-right: 15px!important;
            padding-left: 15px!important;
            width: 100%;
            border-top-left-radius: 0px!important;
            border-bottom-left-radius: 0px !important;
        }
    }

    .wide-signup .btn-neutral {
        padding-right: 30px;
        padding-left: 30px;
        text-transform: uppercase;
        border-radius: 0px;
    }

    .wide-signup.light p {
        color: #a3a3a3;
    }

    .wide-signup.dark p {
        color: #555555;
        line-height: 15px;
    }

    .wide-signup.large {
        padding: 92px 30px 85px;
    }

    .wide-signup.large h3 {
        font-size: 67px;
        letter-spacing: 3px;
        margin-top: 12px;
        margin-bottom: 15px;
    }

    @media (max-width: 767px) {
        .wide-signup.large {
            padding:65px 30px 50px;
        }

        .wide-signup.large h3 {
            font-size: 46px;
        }

        .wide-signup.large .sign-up-field .input-group-btn {
            padding: 18px 0 0 5px;
        }
    }

    .wide-signup.large p {
        font-size: 18px;
        color: #ffffff;
        margin-bottom: 50px;
    }

    .wide-signup.large span.unsubscribe {
        display: block;
        margin-bottom: -30px;
    }

    .bordered-signup h2 {
        margin-bottom: 3px;
    }

    .bordered-signup .x-separator {
        margin-bottom: 10px;
        opacity: 0.6;
    }

    .x-separator.soft {
        margin-bottom: 3px;
        display: inline-block;
        opacity: 0.6;
    }

    .bordered-signup p {
        margin-bottom: 18px;
    }

    .bordered-signup span.unsubscribe {
        display: block;
        margin-bottom: -10px;
        padding-bottom: 0;
    }

    .bordered-signup .social-icons.round {
        margin-top: 35px;
    }

    /* Background colored */
    .subscribe-box {
        height: 100%;
        width: 100%;
        display: table;
        padding: 10px;
        color: #ffffff;
        border-radius: 10px;
    }

    .subscribe-box .subscribe-wrap {
        display: table-cell;
        border: 2px solid #ffffff;
        padding: 30px 17px;
        vertical-align: middle;
        border-radius: 10px;
    }

    .subscribe-box.dark .subscribe-wrap {
        border: 2px solid #111111;
    }

    .subscribe-box p {
        line-height: 1.6;
        font-size: 20px;
    }

    .subscribe-box .sign-up-field, .featherlight .sign-up-field {
        display: block;
    }

    .subscribe-box .sign-up-field .input-group-btn, .featherlight .sign-up-field .input-group-btn {
        padding: 20px 0 0;
    }

    /* -------------------- */
    /*   Promo templates    */
    /* -------------------- */
    .promo-style-1 {
        padding: 30px 10px 5px;
    }

    .promo-style-1 .icon {
        font-size: 40px;
        line-height: 20px;
        display: inline-block;
        margin-bottom: 18px;
    }

    .promo-style-1 h3 {
        font-size: 22px;
        margin-bottom: 15px;
        line-height: 1.4;
    }

    .promo-style-1 p {
        opacity: 0.8;
        line-height: 1.6;
    }

    .promo-style-1 .underline {
        opacity: 0.5;
    }

    .promo-style-1 .underline:hover {
        opacity: 0.8;
    }

    .promo-style-2 .icon {
        font-size: 30px;
        display: inline-block;
        line-height: 1.2;
        margin-bottom: 5px;
        color: #000000;
    }

    .promo-style-2 .icon img {
    }

    .promo-style-2 h3, .promo-style-4 h3 {
        font-size: 16px;
        margin-bottom: 10px;
        font-family: 'Poppins', cursive;
    }

    .promo-style-2 h3 b, .promo-style-4 h3 b {
        font-size: 15px;
        margin-bottom: 10px;
        font-family: 'Poppins', cursive;
        font-weight: 600;
    }

    .promo-style-2 p, .promo-style-4 p {
        opacity: 1;
        margin-bottom: 10px;
        line-height: 17px;
    }

    .promo-style-2 a.underline {
        opacity: 0.8;
        border-color: #333333;
        font-size: 0.9em;
    }

    .promo-style-3 {
        padding: 20px 5px 10px 85px;
        position: relative;
        color: #000000;
    }

    .promo-style-3 b {
        font-size: 15px;
    }

    .promo-style-3 .icon {
        font-size: 48px;
        position: absolute;
        left: 46px;
        top: 15px;
        /* opacity:0.25; */
    }

    .promo-style-3 p {
        font-size: 13px;
    }

    .promo-style-footer {
        padding: 61px 0px 40px 55px!important;
        position: relative;
        color: #ffffff;
    }

    .promo-style-footer .icon {
        font-size: 35px;
        position: absolute;
        left: 10px;
        top: 48px;
        /* opacity:0.25; */
    }

    @media (max-width: 768px) {
        .promo-style-3 {
            padding: 0px 0px 0px 0px;
            position: relative;
            /* color: #000000; */
            text-align: center;
        }

        .promo-style-3 b {
            font-size: 13px;
            line-height: 20px;
        }

        .promo-style-3 .icon {
            font-size: 33px;
            position: relative;
            left: 2px;
            top: 7px;
            /* opacity:0.25; */
        }

        .promo-style-3 p {
            font-size: 12px;
            text-align: center;
            top: 12px;
            position: relative;
        }

        .promo-style-footer {
            padding: 30px 15px 30px 15px!important;
            position: relative;
            color: #ffffff;
        }

        .promo-style-footer .icon {
            font-size: 35px;
            position: absolute;
            left: 78px;
            top: 3px;
            /* opacity:0.25; */
        }

        .promo-style-footer p {
            font-size: 16px;
            margin-bottom: 15px;
        }
    }

    .promo-style-4 {
        color: #ffffff;
        position: relative;
        padding: 36px 15px;
    }

    .promo-style-4 .icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        font-size: 150px;
        color: rgba(0,0,0,0.07);
        pointer-events: none;
    }

    .promo-style-4 .icon.lighten {
        color: rgba(255,255,255,0.05);
    }

    .promo-style-4 h3 {
        line-height: 1.4;
    }

    .promo-style-4 a.underline {
        opacity: 1;
        border-color: #ffffff !important;
        font-size: 0.9em;
    }

    .tiny-promo {
        display: inline-block;
        padding: 15px 2px;
    }

    .tiny-promo .icon {
        padding-right: 4px;
    }

    /* -------------------- */
    /* Skin specific blocks */
    /* -------------------- */
    .widget-border {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border-width: 20px;
        border-style: solid;
    }

    .widget-border-wrap {
        position: relative;
        padding: 0px 0px;
        margin: 0 2%;
    }

    /* Newsletter */
    .widget-border-wrap.newsletter {
        margin: 0 9%;
    }

    .widget-border-wrap.newsletter h3 {
        margin-bottom: 19px;
    }

    .widget-border-wrap.newsletter .summary {
        display: inline-block;
        max-width: 660px;
        color: #555555;
        margin-bottom: 20px;
    }

    .widget-border-wrap.newsletter .summary b {
        color: #111111;
    }

    @media (max-width: 991px) {
        /* About */ .about-widget {
            padding: 0 0%!important;
            color: #444444;
        }

        .about-widget h1 {
            font-size: 30px!important;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        .about-widget p {
            font-size: 20px;
        }

        .about-widget li {
            font-size: 18px;
        }

        .widget-border-wrap .sign-up-field .input-group-btn {
            display: inline;
        }

        .widget-border-wrap .sign-up-field input {
            margin-bottom: 10px;
        }
    }

    /* About */
    .about-widget {
        padding: 0 5%;
        color: #444444;
    }

    .about-widget h1 {
        font-size: 50px;
    }

    .about-widget p {
        font-size: 20px;
    }

    .about-widget li {
        font-size: 18px;
    }

    .border-left:before, .border-right:before {
        content: " ";
        background: #f4f4f4;
        display: block;
        width: 1px;
        position: absolute;
        top: 0;
        bottom: 0;
    }

    .border-left:before {
        left: 0;
    }

    .border-right:before {
        right: 0;
    }

    @media (max-width: 767px) {
        .border-left {
            padding-top:35px;
        }

        .border-left:before {
            height: 1px;
            width: auto;
            top: 0;
            bottom: auto;
            right: 25px;
            left: 25px;
        }
    }

    .about-widget h4 {
        color: #111111;
        font-size: 22px;
    }

    .about-widget .icon {
        color: #111111;
        font-size: 30px;
        margin-bottom: 10px;
    }

    .about-widget .btn-outline {
        border-color: #bbbbbb;
        color: #777777;
    }

    .overlapping-about {
        margin-left: -80px;
        padding: 44px 40px;
        background: #ffffff;
        box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.17);
    }

    @media (max-width: 767px) {
        .overlapping-about {
            padding:25px 20px;
            text-align: center;
            margin: -60px 20px 0;
        }

        .follow-icons {
            padding: 15px 28px;
        }
    }

    @media (min-width: 1025px) {
        h4.follow-title {
            font-size: 22px;
            color: #ffffff;
            margin: 25px 15px;
            font-weight: 300;
        }
    }

    .follow-icons {
        padding: 20px 5px 0px;
    }

    .follow-icons a {
        font-size: 22px;
        margin: 6px;
        color: rgb(86 86 86)!important;
    }

    .follow-icons a:hover {
        color: #ffffff;
    }

    @media (max-width: 767px) {
        h4.follow-title, .follow-icons {
            display:block;
            text-align: center;
        }

        h4.follow-title {
            margin-bottom: 5px;
            font-size: 23px;
            font-weight: 200;
            color: #fff;
            line-height: 30px;
        }
    }

    .wine-promo-block {
        padding: 217px 0 42px;
        position: absolute;
        z-index: 1;
        max-width: 235px;
    }

    .wine-promo-block h4 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 9px;
        font-weight: 900;
        max-width: 200px;
    }

    .wine-promo-block h3 {
        font-size: 50px;
    }

    .wine-promo-block p {
        color: rgb(138, 142, 147);
        font-size: 13px;
    }

    @media (max-width: 991px) {
        .wine-promo-block {
            text-align: left;
            padding: 10px;
            background-color: #ffffffb0;
            bottom: 20px;
            max-width: 260px;
        }

        .wine-promo-block h4 {
            font-size: 20px;
        }

        .wine-promo-block h3 {
            font-size: 68px;
        }
    }

    /* promo-text-two */
    .wine-promo-block-two {
        position: absolute;
        z-index: 1;
        margin-top: -50px;
        margin-left: 30px;
    }

    .wine-promo-block-two h4 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
        font-weight: 900;
    }

    .wine-promo-block-two h3 {
        font-size: 50px;
    }

    .wine-promo-block p {
        color: rgb(138, 142, 147);
        font-size: 13px;
    }

    @media (max-width: 991px) {
        .wine-promo-block-two {
            text-align:center;
            padding: 135px 0 0;
            position: relative;
            margin-left: 0;
        }

        .wine-promo-block-two h3 {
            font-size: 68px;
        }
    }

    .instruction-box h4 {
        margin-bottom: 24px;
    }

    .instruction-box h5 {
        margin-bottom: 5px;
    }

    .instruction-box p {
        color: #555555;
        margin-bottom: 10px;
    }

    .instruction-box .caption {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(100%);
        padding: 17px 12px;
        background: rgba(255,255,255,0.5);
        opacity: 0;
        transition: transform 440ms, opacity 200ms;
    }

    .instruction-box.clock-banner .caption {
        transform: translateY(50%);
        background: none;
    }

    .instruction-box .banner_wrap:hover .caption {
        transform: translateY(0);
        opacity: 1;
        transition: transform 440ms, opacity 400ms;
    }

    .instruction-box .caption a {
        color: #111111;
        font-size: 14px;
    }

    .instruction-box .caption a:hover {
        text-decoration: underline;
    }

    @media (max-width: 767px) {
        .video-jumbotron p {
            font-size: 15px!important;
            width: 85%!important;
            margin: 0 auto;
            margin-bottom: 50px!important;
        }

        .cm_column:not(:last-child) .bordered-item-block {
            margin-bottom: 20px;
        }
    }

    .bordered-item-block .bordered-content {
        border: 4px solid #f1f1f1;
        padding: 55px 20px 20px 20px;
        margin: -45px 0 -22px;
        color: #4c4c4c;
        color: rgba(0,0,0,0.7);
    }

    .bordered-item-block .bordered-content h5 {
        line-height: 1.4;
        color: #111111;
        margin: 3px 0 14px;
    }

    .clock-banner .type-img {
        margin-bottom: 8px;
    }

    .video-jumbotron h2 {
        margin-bottom: 10px;
        line-height: 1.2;
    }

    @media (min-width: 768px) {
        .video-jumbotron h2 {
            font-size: 42px;
            font-family: Poppins;
        }
    }

    .video-jumbotron p {
        font-size: 15px;
        width: 50%;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .opening-times {
        padding: 42px 5.5% 26px;
        display: inline-block;
        max-width: 100%;
        background: #ffffff;
    }

    .opening-times h5 {
        margin-bottom: 10px;
    }

    .opening-times .opening-title {
        font-size: 1.15em;
        margin-bottom: 7px;
    }

    .opening-times .opening-title i {
        color: #999999;
        margin-right: 6px;
    }

    .opening-times .times {
        line-height: 1.5;
        color: #555555;
    }

    .opening-times .times b {
        margin-left: 10px;
        color: #111111;
    }

    .flower-about-block h4 {
        font-size: 18px;
        margin-bottom: 23px;
    }

    @media (min-width: 992px) {
        .flower-about-block.left {
            padding-right:22px;
        }

        .flower-about-block.right {
            padding-left: 22px;
        }
    }

    .cm_item #gmap {
        height: 300px;
        margin-bottom: 30px;
    }

    .contact_form textarea {
        min-height: 180px;
    }

    /* Testimonials */
    .grid-holder .item.single-testimonial {
        padding-bottom: 10px;
    }

    .single-testimonial .testimonial-wrap {
        padding: 20px 15px 15px;
        text-align: center;
    }

    .single-testimonial .testimonial-wrap p {
        line-height: 1.6;
    }

    .single-testimonial .testimonial-wrap p:last-child {
        margin-bottom: 0;
    }

    .single-testimonial .testimonial-wrap img {
        border-radius: 50%;
        display: inline-block;
    }

    .single-testimonial b {
        color: #111111;
    }

    .block .single-testimonial .testimonial-wrap {
        margin: 8px 0;
        padding: 30px;
        background-color: #fff;
        box-shadow: 0 0 7px rgba(0,0,0,.12);
    }

    .light .single-testimonial .testimonial-wrap, .light .single-testimonial .testimonial-wrap b {
        color: #ffffff;
    }

    /* --------------------- */
    /* ------ FOOTER ------- */
    /* --------------------- */
    @media (max-width: 768px) {
        #footer .footer-top-block p:last-child {
            margin-bottom: 20px!important;
        }

        #footer .footer-top-block {
            margin-top: 0px!important;
            margin-bottom: 0px!important;
            margin: 0 auto;
        }

        #footer {
            /* padding-top: 3px!important; */
            margin-bottom: 0px;
            padding-top: 0px!important;
            padding-bottom: 35px!important;
        }
    }

    #footer {
        margin-top: 0px;
        padding-top: 65px;
        padding-bottom: 0px;
    }

    #footer a {
        color: #ffffff;
        font-style: normal;
        text-transform: uppercase;
    }

    #footer a:hover {
        color: #a3a3a3;
    }

    @media (min-width: 1024px) {
        #footer .footer-column {
            padding: 0px;
        }

        .footer-column .title {
            /* color: #ffffff; */
            font-size: 13px;
        }

        .footer-column .title i {
            display: none;
        }
    }

    #footer h5 {
        /* color: #ffffff !important; */
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600!important;
        letter-spacing: 1px!important;
        margin-bottom: 0px;
        text-align: left;
    }

    #footer h5:after {
        content: "";
        display: block;
        width: 30px;
        height: 0px;
        background-color: rgba(255,255,255,0.8);
        /* margin: 0 auto; */
        margin-top: 15px;
        /* left: 0; */
    }

    #footer p {
        margin-bottom: 5px;
    }

    #footer .footer-top-block {
        margin-top: 50px;
        margin-bottom: 10px;
    }

    #footer .footer-top-block p:last-child {
        margin-bottom: 40px;
    }

    @media (min-width: 1024px) {
        #footer .links-holder {
            /* padding-bottom: 0px; */ margin: 0 auto;
            /* width: 1240px; */
        }
    }

    @media (max-width: 1023px) {
        #footer .links-holder {
            margin: 0 auto;
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    #footer .links-holder .footer-column ul, #footer .links-holder .footer-column .footer-custom-wrapper {
        margin-bottom: 0px;
    }

    #footer .custom_block {
        display: block;
        margin-bottom: 0px;
    }

    #footer .infoline {
        display: block;
        margin-bottom: 5px;
        line-height: 20px;
        font-size: 13px;
    }

    #footer .infoline i.fa {
        width: 16px;
        text-align: center;
        margin-right: 4px;
        opacity: 0.8;
    }

    #footer .payment_img {
        padding-top: 10px;
        width: 65%;
    }

    @media (max-width: 768px) {
        #footer .footer-copyright {
            padding: 10px 0px 10px 0px!important;
            margin-top: 0px!important;
            text-align: center!important;
        }

        #footer .payment_img {
            padding-top: 25px;
            width: 98%;
            /* display: none; */
        }
    }

    #footer .footer-copyright {
        position: relative;
        color: #ffffff;
        margin: 0 auto;
        border-top: #089149 solid 1px;
        padding: 10px 0px;
        background-color: #089149;
    }

    @media (min-width: 1024px) {
        #footer .container {
            width: 1340px;
            padding: 0px 15px;
        }
    }

    #footer .footer-copyright:before {
        content: "";
        display: block;
        height: 0px;
        background: #191919!important;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        opacity: 1!important;
    }

    @media (max-width: 768px) {
        #footer h5 {
            font-size: 11px!important;
            margin-bottom: 15px;
            text-align: center;
        }

        #footer h5:after {
            content: "";
            display: block;
            width: 30px;
            height: 1px;
            margin: 0 auto;
            margin-top: 5px;
            left: 0;
        }

        #footer li a {
            text-align: left;
            font-size: 1.3rem;
            padding-left: 0px;
        }

        a.scroll-to-top {
            bottom: 180px!important;
            right: 16px!important;
            display: none;
        }
    }

    a.scroll-to-top {
        width: 50px;
        height: 50px;
        line-height: 45px;
        text-align: center;
        color: #ffffff !important;
        z-index: 10;
        font-size: 15px;
        transform: rotate(-90deg);
        visibility: hidden;
        opacity: 0;
        border-radius: 61%;
        position: fixed;
        transition: all 400ms;
        background-clip: border-box;
        padding: 4px 5px;
        right: 36px;
        bottom: 114px;
        /* display: none; */
    }

    a.scroll-to-top:not(:hover) {
        color: #000 !important;
        border-color: #c7c7c7;
        background-color: #c7c7c7;
    }

    .scroll-to-top:hover {
        background-color: #dedede;
        color: #000000!important;
    }

    .scroll-to-top:after {
        content: "";
        border: 1px dashed #a13f71;
        position: absolute;
        width: calc(100% - -10px);
        height: calc(100% - -10px);
        border-radius: 55%;
        top: -5px;
        left: -5px;
    }

    .offset250 a.scroll-to-top {
        visibility: visible;
        opacity: 1;
        transition: all 400ms;
    }

    /* alert */
    .alert {
        background: #f2f2f2;
        border-radius: 5px;
        border-width: 2px;
        padding: 10px;
        margin-bottom: 10px;
        position: relative;
        margin-left: 0px;
        color: #000000;
    }

    .alert.alert-sm {
        padding: 14px 50px 14px 18px;
        margin-bottom: 0px;
        margin-top: 32px;
    }

    .alert .close {
        font-weight: 400;
        position: absolute;
        right: 5px;
        top: 0%;
        color: inherit;
        opacity: 1;
    }

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

    @media (max-width: 1024px) {
        .alert.alert-success {
            border-color: #f2f2f2;
            color: #000000;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 10px;
        }
    }

    @media (min-width: 1025px) {
        .alert.alert-success {
            border-color: #f2f2f2;
            color: #000000;
            margin-top: 20px;
        }
    }

    .alert.alert-info {
        border-color: #f5f5f5;
    }

    .alert.alert-danger {
        border-color: #f2f2f2;
    }

    /* Pagination */
    #infinite-scroll-spinner img {
        width: 10vh;
    }

    .pagination-holder .col-sm-6 {
        padding: 5px 0;
        width: 100%;
        text-align: center;
    }

    .pagination-text {
        display: none;
    }

    .pagination-navigation {
        display: none!important;
    }

    .pagination {
        margin: 0;
    }

    .pagination > li > a, .pagination > li > span {
        padding: 0 5px;
        width: 34px;
        line-height: 32px;
        text-align: center;
        margin-left: 0;
        margin-right: 6px;
        color: #111111;
        font-size: 1.143em;
        border: 1px solid;
        border-radius: 0px !important;
        border-color: transparent transparent #b1b1b1 transparent;
        transition: border-color 400ms;
        background: none;
    }

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        color: #111111;
        background-color: transparent;
        border-color: #b1b1b1;
        transition: border-color 400ms;
    }

    .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
        background-color: #ff6600;
        border-color: transparent;
        border-radius: 5px!important;
    }

    @media (min-width: 768px) {
        .pagination-text {
            padding-top:7px;
            display: none;
            font-size: 16px;
        }
    }

    /* buttons */
    /* Buttons with Arrows */
    /*-----------------------------------*/
    @media (max-width: 768px) {
        .btn-left {
            margin-left: 13px !important;
        }

        .btn-right {
            margin-right: 16px !important;
        }

        .btn-left:before, .btn-right:before {
            top: 10px!important;
            left: 6px;
            width: 0;
            height: 0;
            border-top: 20px solid transparent;
            border-bottom: 20px solid transparent;
            border-right: 20px solid #ececec;
        }

        .btn-right:before {
            right: 9px!important;
        }
    }

    .btn-right {
        margin-right: 16px !important;
    }

    .btn-left:before, .btn-right:before {
        content: '';
        position: absolute;
        top: 20px;
        left: 6px;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-right: 20px solid #ececec;
        -moz-transition: background 0.5s ease;
    }

    .btn-right:before {
        left: auto;
        right: 21px;
        border-right: none;
        border-left: 20px solid #ececec;
    }

    .btn-left:hover:before, .btn-right:hover:before, .btn-left.hover:before, .btn-right.hover:before {
        border-left-color: #b7b7b7;
        border-right-color: #b7b7b7;
    }

    .btn-left:active:before, .btn-right:active:before, .btn-left.active:before, .btn-right.active:before {
        border-left-color: #b7b7b7;
        border-right-color: #b7b7b7;
    }

    .btn-left span {
        padding-left: 0px;
    }

    .btn-right span {
        padding-right: 0px;
    }

    .buttons {
        display: inline-block;
        width: 100%;
        font-size: 12px;
    }

    .quickcheckout-checkout .pull-right {
        display: block;
        width: 30%;
        text-align: right;
    }

    .payment .pull-left {
        display: inline-block;
        /* width: 40%; */
        margin-top: -45px;
        text-align: center;
        padding: 9px 39px;
    }

    @media (max-width: 768px) {
        .btn-sm {
            padding:5px 20px;
        }

        .btn-md {
            padding: 5px 20px!important;
        }

        .btn-lg {
            padding: 11px 33px;
        }

        .buttons .pull-right {
            display: block;
            width: 100%;
        }
    }

    #button-login {
        width: 100%;
        line-height: 35px;
        margin-bottom: 5px;
        border-radius: 10px;
        color: #fff;
    }

    .add-button, a.add-button, .add-button:hover {
        border-color: #ffffff;
        color: #ffffff!important;
        opacity: 1;
        border-width: 2px;
        background-color: #4248f600 !important;
        border-radius: 40px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        margin-top: 10px;
    }

    .add-button:hover, a.add-button:hover {
        color: #000000 !important;
        background-color: #fbfbfb !important;
        border: #ffffff solid 2px;
    }

    .btn, a.button, input.button, button.button {
        -webkit-appearance: none;
        text-transform: capitalize;
        padding: 10px 39px;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: .3px;
        border: 1px solid;
        border-radius: 3px;
        max-width: 100%!important;
        white-space: normal;
        background-color: #000000;
        border-color: transparent;
        color: #ffffff;
        outline: none !important;
        letter-spacing: .1em!important;
    }

    .btn.active, .btn:active {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .btn.btn-thin {
        border: 1px solid;
    }

    .btn:hover, a.button:hover, input.button:hover, button.button:hover {
        color: #ffffff;
        /* background-color: #777575; */
    }

    .btn, .btn:hover {
        -moz-transition: background 0.5s ease;
    }

    .btn-default, a.btn-default {
        background-color: #c5c5c5;
        border-color: transparent;
        color: #000000;
    }

    .btn-default:hover, .btn-default.active:hover, .btn-default.active.focus, .btn-default.active:focus, .btn-default:focus, .btn-default.focus:active, .btn-default:active, .btn-default:active:hover, .btn-default:active:focus, a.btn-default:hover, a.btn-default.active:hover, a.btn-default.active.focus, a.btn-default.active:focus, a.btn-default:focus, a.btn-default.focus:active, a.btn-default:active, a.btn-default:active:hover, a.btn-default:active:focus {
        background-color: #c5c5c5!important;
        color: #000000 !important;
        border-color: transparent;
    }

    .btn-primary, a.btn-primary {
        background-color: #000000;
        border-color: transparent;
        color: #ffffff;
        border-radius: 5px;
    }

    .btn-neutral {
        background-color: #00a651 !important;
        border-color: #00a651;
        color: #ffffff !important;
        padding: 11px 45px;
    }

    .btn-neutral:hover {
        background-color: #000000 !important;
        border-color: #000000;
        color: #ffffff !important;
        /* border-radius: 10px; */
        opacity: 0.9;
    }

    .btn-orange {
        background-color: #ff8c09 !important;
        border-color: #ff8c09;
        color: #ffffff !important;
        border-radius: 10px;
        padding: 10px 45px;
    }

    .btn-orange:hover {
        background-color: #ff8c09 !important;
        border-color: #ff8c09;
        color: #ffffff !important;
        opacity: 0.9;
    }

    .btn-primary:hover, .btn-primary.active:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary:focus, .btn-primary.focus:active, .btn-primary:active, .btn-primary:active:hover, .btn-primary:active:focus, a.btn-primary:hover, a.btn-primary.active:hover, a.btn-primary.active.focus, a.btn-primary.active:focus, a.btn-primary:focus, a.btn-primary.focus:active, a.btn-primary:active, a.btn-primary:active:hover, a.btn-primary:active:focus {
        background-color: #262626b0;
        color: #000000;
        border-color: transparent;
        /* border-radius: 10px!important; */
    }

    .sticky-header .font-zero .btn-contrast, .sticky-header .font-zero a.btn-contrast {
        border-color: #ffffff00;
        color: #ffffff !important;
        opacity: 1;
        border-width: 1px;
        background-color: #4CAF50 !important;
        border-radius: 3px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .btn-contrast, a.btn-contrast, .btn-contrast-outline:hover {
        border-color: #00a651;
        color: #ffffff !important;
        opacity: 1;
        border-width: 1px;
        background-color: #00a651 !important;
        border-radius: 5px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

    .sticky-header .font-zero .btn-contrast:hover, .sticky-header .font-zero a.btn-contrast:hover {
        color: #ffffff!important;
        background-color: #4CAF50 !important;
        border: #4CAF50 solid 1px;
        opacity: 0.9;
    }

    .btn-contrast:hover, a.btn-contrast:hover {
        color: #ffffff!important;
        background-color: #00a651 !important;
        border: #00a651 solid 1px;
        opacity: 0.9;
    }

    .btn-contrast-radius, a.btn-contrast-radius {
        background-color: #000!important;
        border-color: black;
        color: #ffffff!important;
        opacity: 1;
        border-width: 1px;
        font-family: 'Montserrat', sans-serif;
        border-radius: 5px;
    }

    .btn-contrast-radius:hover, a.btn-contrast-radius:hover {
        color: #000000!important;
        background-color: #fff0!important;
        border: #000 solid 1px;
    }

    .btn-outline-radius, a.btn-outline-radius {
        background-color: #fff0!important;
        border-color: black;
        color: #000000!important;
        opacity: 1;
        border-width: 1px;
        font-family: 'Montserrat', sans-serif;
        border-radius: 50px;
    }

    .btn-outline-radius:hover, a.btn-outline-radius:hover {
        background-color: #000!important;
        color: #ffffff!important;
        background-color: #000!important;
    }

    .btn-contrast-outline {
        background-color: transparent;
        border-color: #179a94;
        color: #179a94;
    }

    .btn-light, a.btn-light {
        background-color: #ffffff00;
        border-color: #000000;
        color: #000000 !important;
    }

    .btn-light:hover, a.btn-light:hover {
        background-color: #000000;
        color: #ffffff!important;
    }

    .btn-light-outline, a.btn-light-outline, .header-main .btn-light-outline, .header-main a.btn-light-outline {
        background-color: white;
        border: #ffffff solid 1px;
        color: #000000;
        padding: 10px 40px;
        border-radius: 32px;
    }

    .btn-light-outline:hover, a.btn-light-outline:hover {
        background-color: #ffffff;
        border-color: transparent;
        color: #000000!important;
    }

    .btn-outline, a.btn-outline {
        background-color: transparent;
        border-color: #000000;
        color: #000000!important;
    }

    .btn-outline:hover, a.btn-outline:hover {
        background-color: #00000000;
        border-color: #000000;
        color: #000000 !important;
    }

    .btn-outline-light, a.btn-outline-light {
        background-color: transparent;
        border-color: #ffffff;
        color: #ffffff;
    }

    .btn-outline-light:hover, a.btn-outline-light:hover {
        background-color: #ffffff;
        border-color: transparent;
        color: #111111!important;
    }

    .btn-tiny, .btn.btn-tiny {
        padding: 10px 30px;
        font-size: 0.9em;
        text-transform: capitalize;
        /* margin-right: -3px; */
        /* margin-top: -27px; */
        border: none;
    }

    .btn-sm {
        padding: 5px 20px;
    }

    .btn-md {
        padding: 13px 40px;
    }

    .btn-lg {
        padding: 11px 33px;
    }

    .btn-tiny.btn-outline, .btn-tiny.btn-outline-light, .btn-tiny.btn-contrast-outline {
        border-width: 1px;
        padding: 5px 12px;
    }

    .btn-link, .btn-link:active, .btn-link[disabled], .btn-link-light {
        border-color: transparent;
        background: none;
        color: #000000;
        padding: 0;
        line-height: 1.3em;
    }

    .btn-link:hover {
        color: #111111;
        /* border-bottom:1px solid #111111; */
        /* text-decoration:none; */
    }

    .btn-link-light {
        color: #000000;
        border-bottom: 0px solid #d5d5d5;
    }

    .btn-link-light:hover {
        color: #000000;
        border-bottom: 0px solid #ffffff;
        text-decoration: none;
    }

    .btn-inverse {
        color: #ffffff;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #ff1515;
        background-repeat: repeat-x;
    }

    .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
        background-color: #222222;
    }

    .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover {
        background-color: #3e3e3e;
        border-color: transparent;
    }

    .fa-long-arrow-right {
        margin-left: 10px
    }

    /* Remove button */
    a.button-circle {
        background: #f1f1f1;
        height: 30px;
        width: 30px;
        line-height: 34px;
        border-radius: 50%;
        font-size: 14px;
        text-align: center;
        display: inline-block;
        color: #111111;
    }

    /* Responsive table */
    .table-responsive {
        /* border:none !important; */
        overflow-x: auto;
        overflow-y: auto;
        display: block;
    }

    .table-bordered {
        /* border: none; */
        margin-bottom: 0px;
        line-height: 1.6;
    }

    .table-bordered thead {
        background-color: #f2f2f2;
    }

    .table-bordered tbody tr {
        border-bottom: #dcdcdc solid 1px;
    }

    .table-bordered.border-bottom {
        /* border-bottom: 1px solid #e7e7e7; */
    }

    .table-bordered > thead > tr > td {
        border: none;
        border-bottom: 0px solid #e7e7e7;
        padding: 13px 5px 10px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        color: #111111;
        white-space: normal !important;
        /* text-align: center; */
    }

    .table-bordered > tbody > tr > td {
        padding: 20px 5px;
        line-height: inherit;
        vertical-align: middle;
        border: none;
        /* border-top: 1px solid #e7e7e7; */
        white-space: normal !important;
        /* text-align: center; */
    }

    @media (max-width: 1024px) {
        .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > td:first-child {
            padding-left: 10px!important;
        }
    }

    @media (min-width: 1025px) {
        .table-bordered > thead > tr > td:first-child, .table-bordered > tbody > tr > td:first-child {
            padding-left: 20px;
        }

        .table-bordered > tbody > tr > td.name {
            max-width: 290px;
            padding-right: 0px;
            width: 290px;
        }
    }

    .table-bordered > thead > tr > td:last-child, .table-bordered > tbody > tr > td:last-child {
        padding-right: 10px;
        padding-left: 20px;
    }

    .table-bordered > tbody > tr > td.remove-cell {
        width: 40px;
        padding-right: 0px;
    }

    .checkout-cart .table-bordered > tbody > tr > td.image {
        width: 1%;
        padding-left: 0px !important;
        padding-right: 10px;
    }

    .table-bordered > tbody > tr > td.image {
        width: 1%;
        padding: 0px 0px;
    }

    .table-bordered > tbody > tr > td.image img {
        max-width: none;
        width: 100px;
        border-radius: 5px;
    }

    @media (max-width: 767px) {
        .table-bordered > tbody > tr > td.image img {
            max-width: 90px;
        }

        .table-bordered > tbody > tr > td {
            padding: 10px 5px 10px 5px;
        }

        .table-bordered > tbody > tr > td.name a {
            position: relative;
        }

        .table-bordered > tbody > tr > td.name {
            max-width: 290px;
            padding-right: 0px;
        }
    }

    .table-bordered > tbody > tr > td.name .text-danger {
        padding-right: 0px;
        position: relative;
        top: -10px;
        color: #ff0000;
        font-weight: 900;
        letter-spacing: 2px;
    }

    .table-bordered > tbody > tr > td.name a {
        letter-spacing: 0.5px;
        font-weight: 500;
    }

    .table-bordered > tbody > tr > td.price-cell {
        font-size: 16px;
    }

    .table-bordered > tbody > tr > td .price-old {
        color: #999999;
        display: block;
    }

    .table-bordered > tbody > tr > td small {
        color: #888888;
    }

    .table-bordered > tbody > tr > td .qty-form {
        width: 55px;
        /* padding-right:5px; */
    }

    @media (min-width: 768px) {
        .table-bordered > tbody > tr > td.total-cell {
            font-size:1.286em;
            color: #111111;
            font-weight: 700;
        }
    }

    .table-bordered.totals {
        color: #111111;
        font-size: 15px;
        border-top: 0px solid #e7e7e7;
    }

    .table-bordered.totals tbody > tr:last-child > td:last-child {
        font-weight: 700;
        font-size: 15px;
    }

    .compare-table .table-bordered > thead > tr > td {
        font-size: 1.43em;
    }

    .compare-table .table-bordered tr td {
        border-color: #f2f2f2;
    }

    .compare-table .table-bordered tbody + tbody {
        border-top: none;
    }

    .compare-table table tbody tr td:first-child {
        background: #f2f2f2;
        min-width: 200px;
        padding-left: 10px;
        text-align: left;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .compare-table table tbody tr td.remove {
        line-height: normal;
        vertical-align: bottom;
    }

    .compare-table table tbody tr td.product {
        padding-bottom: 20px;
    }

    .compare-table table tbody tr td.product a {
        color: #111111;
        display: inline-block;
        margin-bottom: 6px;
    }

    .compare-table table tbody tr td.product .compare-price {
        font-size: 1.286em;
        color: #949494;
        display: block;
        margin-bottom: 13px;
    }

    .compare-table table tbody tr td.product .compare-price .price-old {
        display: inline-block;
        color: #bbbbbb;
    }

    .compare-table table tbody tr td .rating {
        font-size: 14px;
        margin: 5px 0;
    }

    @media (max-width: 1024px) {
        .cart-left-box {
            border-radius: 5px;
            /* border: #c1c1c1 solid 1px; */
            padding: 0px;
        }

        .cart-left-box h1 {
            text-align: center!important;
            margin-bottom: 5px;
            font-size: 18px;
        }
    }

    @media (min-width: 1025px) {
        .cart-left-box {
            border-radius: 5px;
            border: #c1c1c1 solid 1px;
            padding: 20px;
        }

        .cart-left-box .col-md-4.col-sm-12, .cart-left-box .col-md-8.col-sm-12 {
            padding: 0;
        }
    }

    @media (max-width: 1024px) {
        .totals-slip {
            background-color: #ffffff;
            padding: 10px 15px 15px!important;
            background-repeat: repeat-x;
            background-position: top center;
            border-radius: 5px;
            border: #c1c1c1 solid 1px;
        }

        .totals-slip h1 {
            margin-bottom: 10px;
            font-size: 17px;
        }

        .totals-slip .table-holder {
            background: #f3f3f3;
            padding: 0px 20px;
        }

        .totals-slip .table-holder table td {
            padding: 15px 12px !important;
            color: #111111;
        }

        .totals-slip tr:first-child {
            border-top: none;
        }

        .totals-slip tr:last-child {
            border-bottom: none;
        }

        .totals-slip tr {
            border-top: #e1e1e1 solid 1px;
        }
    }

    @media (min-width: 1025px) {
        .totals-slip {
            background-color: #ffffff;
            padding: 25px 25px 25px;
            /* background-image:
 url('../image/checkout-border.jpg'); */
            background-repeat: repeat-x;
            background-position: top center;
            border-radius: 5px;
            border: #c1c1c1 solid 1px;
        }

        .totals-slip .table-holder {
            background: #f3f3f3;
            padding: 10px 20px;
        }

        .totals-slip .table-holder table td {
            padding: 15px 12px !important;
            color: #111111;
        }

        .totals-slip tr:first-child {
            border-top: none;
        }

        .totals-slip tr {
            border-top: #e1e1e1 solid 1px;
        }
    }

    @media (max-width: 991px) {
        .totals-slip, .totals-slip .table-holder {
            padding-left: 0px;
            padding-right: 0px;
            /* background: #ffffff; */
            border-radius: 5px;
        }
    }

    .totals-slip .table-holder table tr:first-child td {
        border-top: none;
    }

    .totals-slip .table-holder table tr:last-child td {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 700;
    }

    .cart-modules h4 {
        text-transform: uppercase;
        font-size: 1.286em;
    }

    /* Panel Group */
    .panel-default {
    }

    .panel-group .panel {
        border: none;
        box-shadow: none;
    }

    .panel-group .panel + .panel {
        margin-top: 15px;
    }

    .panel-group .panel-heading {
        border: none;
        border-bottom: 1px solid #e5e5e5;
        background: none;
        padding: 12px 0;
    }

    .panel-group .panel-heading .panel-title {
        font-size: 20px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .panel-body {
        padding: 25px 0;
    }

    .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top: none;
    }

    /* list group */
    .list-group a {
        border: 1px solid #DDDDDD;
        color: #888888;
        padding: 8px 12px;
    }

    .list-group a.active, .list-group a.active:hover, .list-group a:hover {
        color: #444444;
        background: #ececec;
        border: 1px solid #DDDDDD;
        text-shadow: 0 1px 0 #FFF;
    }

    /* carousel */
    .carousel-caption {
        color: #FFFFFF;
        text-shadow: 0 1px 0 #000000;
    }

    .carousel-control .icon-prev:before {
        content: '\f053';
        font-family: FontAwesome;
    }

    .carousel-control .icon-next:before {
        content: '\f054';
        font-family: FontAwesome;
    }

    /* Product Listing */
    .table-filter p {
    }

    .table-filter p {
        margin-bottom: 0px;
        font-size: larger;
    }

    @media (max-width: 768px) {
        .table.filter {
            /* display: none; */ padding: 0px 10px 23px!important;
        }
    }

    .table.filter {
        padding: 15px 10px 20px;
        /* display: none; */
        /* background-color: #f7f6f6; */
        margin-top: 0px;
        border-radius: 5px;
        margin-bottom: 0px;
        /* box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%); */
        /* -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%); */
        -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
        text-transform: uppercase;
    }

    .table.filter .view-icon i {
        font-size: 20px;
        color: #bbbbbb;
        margin-right: 3px;
        vertical-align: bottom;
    }

    .grid .table.filter .view-icon.grid i, .list .table.filter .view-icon.list i {
        color: #111111;
        cursor: default;
    }

    .table.filter .w100 {
        padding-left: 0px;
    }

    .table.filter .w100 a:before {
        content: " ";
        display: none;
        margin-right: 10px;
        height: 18px;
        width: 1px;
        background: #dddddd;
        vertical-align: bottom;
    }

    .table.filter span {
        padding: 0 3px 0 15px;
        font-size: 14px;
    }

    .table.filter .sort-select {
        position: relative;
    }

    @media (max-width: 767px) {
        .table.filter .sort-select:before {
            content: "\f15d";
            color: #222222;
            font-size: 12px;
            position: absolute;
            left: 10px;
            top: 9px;
            pointer-events: none;
            font-family: 'Font Awesome 5 Pro';
        }

        .table.filter .sort-select select {
            padding-left: 25px;
            max-width: 150px;
        }
    }

    .filter-trigger-btn {
        font-size: 16px;
        color: #222222;
    }

    .filter-trigger-btn i {
        margin-right: 3px;
    }

    .notransition .btn, .notransition .product-name, .notransition .caption {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        -o-transition: none !important;
        transition: none !important;
    }

    /* Base Styles */
    .other-color-thumb {
        background: #f9f9f9;
        padding: 15px;
        box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
        z-index: 11;
        overflow-y: auto;
        box-sizing: border-box;
        border-top: 1px solid #ddd;
        transition: all 0.3s ease;
    }

    /* Mobile Styles */
    @media (max-width: 767px) {
        .other-color-thumb {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            transform: translateY(100%);
            opacity: 0;
            max-height: 80vw;
            border-radius: 10px 10px 0 0;
            box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.2);
            z-index: 9999;
            display: block !important;
            overflow-y: hidden;
        }

        .other-color-thumb.show {
            transform: translateY(0);
            opacity: 1;
        }

        .other-color-thumb img {
            width: 25vw !important;
            height: 36vw;
            object-fit: cover;
            display: block;
            padding: 3px;
        }
    }

    /* Desktop Styles */
    @media (min-width: 768px) {
        .widget-related .slick-slide .other-color-thumb {
            bottom: 3.2rem !important;
        }

        .slick-slide .other-color-thumb {
            bottom: 11.5vh !important;
        }

        .other-color-thumb {
            position: absolute;
            bottom: -2vh !important;
            left: 0;
            width: 100%;
            max-width: 600px;
            height: 0;
            opacity: 0;
            overflow: hidden;
            padding: 10px 10px 10px 10px;
            bottom: auto;
            display: block!important;
        }

        .other-color-thumb.show {
            height: auto;
            opacity: 1;
            bottom: 0vh !important;
        }

        .widget .other-color-thumb img {
            width: 25vw !important;
            /* height: 16vh; */
            object-fit: cover;
            display: block;
            padding: 3px;
        }

        .other-color-thumb img {
            width: 25vw !important;
            height: 155px;
            object-fit: cover;
            display: block;
            padding: 3px;
        }
    }

    /* Common Elements */
    .other-color-title {
        position: relative;
        margin-bottom: 0px;
        padding: 5px 0px 10px;
        color: #000;
    }

    .other-color-title h6 {
        font-size: medium;
    }

    .other-color-title p {
        font-size: medium;
        margin-bottom: 5px;
    }

    .thumb-close {
        position: absolute;
        top: 5px;
        right: 8px;
        background: none;
        border: none;
        font-size: 20px;
        font-weight: bold;
        color: #555;
        cursor: pointer;
        z-index: 10;
    }

    .other-color-thumb .slick-track {
        display: flex;
        gap: 0px;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow: hidden;
    }

    .other-color-thumb .slick-track a {
        display: inline-flex;
        flex: 0 0 auto;
    }

    /* Color Options */
    .other-color-category {
        position: relative;
        bottom: 8px;
        right: -5px;
        display: none;
    }

    .other-color-category .color-options {
        background-color: #ffffff;
        position: absolute;
        cursor: pointer;
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        z-index: 10;
        border-radius: 12px;
        box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
    }

    .other-color-category .color-options div {
        display: flex;
        align-items: center;
    }

    .color-option {
        position: relative;
        border-radius: 13px;
        z-index: 2;
    }

    .color-option:nth-child(1) {
        background-image: linear-gradient(to right, #3023ae 0%, #53a0fd 48%, #b4ec51 101%);
    }

    .color-option:nth-child(2) {
        background-image: linear-gradient(to right, #6bceb4 0%, #f98cc2 48%, #fff781 101%);
        z-index: 1;
    }

    .color-variant-count {
        font-weight: 600;
        line-height: 16px;
        color: #333;
    }

    /* Responsive adjustments for color options */
    @media (max-width: 1024px) {
        .other-color-category {
            right: -5px;
        }

        .category-container .other-color-category .color-options {
            right: 10px;
            bottom: 5px;
            padding: 2px 8px;
        }

        [class*="product-product"] .category-container .other-color-category .color-options {
            right: 10px;
            bottom: 0px;
            padding: 2px 8px;
        }

        .other-color-category .color-options {
            right: 7px;
            bottom: 3px;
            padding: 2px 8px;
            z-index: 9;
        }

        .most-viewed-module .other-color-category .color-options {
            right: 13px;
            bottom: 0px;
            padding: 2px 8px;
        }

        .look-wrapperright .other-color-category .color-options, .look-wrapperleft .other-color-category .color-options {
            right: 6px;
            bottom: 20px;
            padding: 2px 8px;
        }

        .color-option {
            width: 10px;
            height: 10px;
        }

        .color-option:nth-child(2) {
            margin-left: -4px;
        }

        .color-variant-count {
            font-size: 9px;
        }
    }

    @media (min-width: 1025px) {
        .other-color-category {
            right: 10px;
        }

        .other-color-category .color-options {
            right: 0px;
            bottom: 5px;
            padding: 5px 10px;
        }

        .most-viewed-module .other-color-category .color-options {
            right: 0px;
            bottom: 5px;
            padding: 5px 10px;
        }

        .category-container .other-color-category .color-options {
            right: 5px;
            bottom: 5px;
            padding: 5px 10px;
        }

        [class*="product-product"] .category-container .other-color-category .color-options {
            right: 0px;
            bottom: 5px;
            padding: 5px 10px;
        }

        .color-option {
            width: 15px;
            height: 15px;
        }

        .color-option:nth-child(2) {
            margin-left: -6px;
        }

        .color-variant-count {
            font-size: 12px;
        }
    }

    /* Slider Navigation */
    .other-color-thumb .slick-prev, .other-color-thumb .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        display: block;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
        z-index: 5;
    }

    .other-color-thumb .slick-prev:before, .other-color-thumb .slick-next:before {
        font-family: 'Font Awesome 5 Pro';
        line-height: 1;
        opacity: 1;
        color: #302e2ec7;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .other-color-thumb .slick-prev {
        left: 10px;
        text-align: left;
    }

    .other-color-thumb .slick-prev:before {
        content: "\f053";
    }

    .other-color-thumb .slick-next {
        right: 10px;
        text-align: right;
    }

    .other-color-thumb .slick-next:before {
        content: "\f054";
    }

    /* Responsive adjustments for slider navigation */
    @media (max-width: 1024px) {
        .other-color-thumb .slick-prev, .other-color-thumb .slick-next {
            top: 0%;
            width: 20px;
            height: -webkit-fill-available;
            transform: translate(0, 0%);
        }

        .other-color-thumb .slick-prev:before, .other-color-thumb .slick-next:before {
            font-size: 20px;
        }
    }

    @media (min-width: 1025px) {
        .other-color-thumb .slick-prev, .other-color-thumb .slick-next {
            top: 50%;
            width: 60px;
            height: -webkit-fill-available;
            transform: translate(0, -50%);
        }

        .other-color-thumb .slick-prev:before, .other-color-thumb .slick-next:before {
            font-size: 26px;
        }
    }

    /* Slider Dots */
    .other-color-thumb .swiper-pagination-bullets {
        margin-bottom: 10px;
    }

    .other-color-thumb .swiper-pagination-bullets {
        position: absolute;
        bottom: -10px;
        padding: 0;
        margin: 0;
        list-style: none;
        width: 100% !important;
        display: flex !important;
        gap: 0px;
        height: 0px;
        z-index: 100;
    }

    @media (min-width: 1025px) {
        .other-color-thumb .swiper-pagination-bullets {
            bottom: -10px;
            gap: 3px;
        }
        .single-product .image img {
        width: 100%;
        padding: 40px;
    }    
    }

    .other-color-thumb .swiper-pagination-bullets {
        position: relative;
        display: flex;
        padding: 0;
        cursor: pointer;
        height: 3px;
        flex-grow: 1;
        margin: 0;
        border-radius: 0;
        transition: none;
        bottom: 0;
    }

    .other-color-thumb .swiper-pagination-bullet {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 100%;
        height: 3px;
        padding: 0px;
        cursor: pointer;
        color: #969696;
        border: 0;
        outline: none;
        background: #0000004d;
        border-radius: 0px;
        opacity: 1;
    }

    .other-color-thumb .swiper-pagination-bullet-active {
        background: #4e4e4ec7 !important;
        font-size: 0;
        line-height: 0;
        display: block;
        width: 100%;
        height: 3px;
        padding: 0px;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: none;
        border-radius: 0px;
    }

    .product-holder {
        padding-top: 0px;
    }

    @media (max-width: 768px) {
        .product-holder {
            padding: 0px;
        }
    }

    .single-product {
        position: relative;
        margin-bottom: 10px;
    }

    .grid .single-product {
        margin-bottom: 0px;
    }

    .single-product .image {
        position: relative;
        margin-bottom: 0px;
        overflow: hidden;
        border-radius: 0px 0px 0px 0px;
    }



    @media (max-width: 768px) {
        .single-product .image img {
        width: 100%;
        padding: 25px 20px 0px;
    }    
        .single-product .caption {
            margin-top: 0px;
        }
    }

    .single-product .image .thumb2 {
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        visibility: hidden;
        transition: all 750ms;
    }

    .single-product .image:hover .thumb2, .product-style4 .single-product:hover .thumb2 {
        opacity: 1;
        visibility: visible;
        transition: all 750ms;
    }

    .bestseller-style.single-product .image .badge {
        top: 35px;
        left: 10px;
    }

    .single-product .image .badge, .main-image .badge {
        position: absolute;
        z-index: 3;
        display: table;
        top: 10px;
        left: 10px;
        height: 20px;
        width: 45px;
        border-radius: 3px;
        padding: 5px 10px;
    }

    .single-product .image .badge + .badge, .main-image .badge + .badge {
        top: 37px;
    }

    @media (max-width: 768px) {
        .bestseller-style .image .badge {
            top: 14px!important;
        }

        .single-product .image .badge, .main-image .badge {
            position: absolute;
            z-index: 3;
            display: table;
            top: 6px;
            left: 5px;
            height: 20px;
            width: 39px;
            border-radius: 3px;
            padding: 3px 5px;
        }

        .single-product .image .badge i, .main-image .badge i {
            font-size: 10px!important;
        }

        .single-product .image .badge + .badge, .main-image .badge + .badge {
            top: 34px;
        }
    }

    .single-product .image .badge + .badge + .badge, .main-image .badge + .badge + .badge {
        top: 115px;
    }

    .single-product .image .badge i, .main-image .badge i {
        font-style: normal;
        display: table-cell;
        vertical-align: middle;
        line-height: 14px;
        letter-spacing: 0.5px;
        white-space: normal;
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 13px;
    }

    .badge i {
        font-weight: 600;
        font-size: 13px;
    }

    .sale_badge {
        background: #ed2d00!important;
        color: #ffffff!important;
    }

    .new_badge {
        background-color: #ffffff !important;
        color: #313131 !important;
        font-weight: 400;
        border: #cbcbcb solid 1px;
        display: none!important;
    }

    @media (max-width: 1024px) {
        .single-product .image .icons-wrapper {
            position:absolute;
            text-align: center;
            right: 3px;
            top: 3px;
            /* display: none; */
        }

        .bestseller-style .image .badge.out_of_stock_badge {
            background: linear-gradient(to right, #ff3b3b, #ae2c09);
            /* background: #FF9800; */
            color: #ffffff;
            width: 100%!important;
            left: 0px!important;
            top: 50%!important;
            height: 25px!important;
            border-radius: 0%!important;
        }

        .out_of_stock_badge {
            background: linear-gradient(to right, #ff3b3b, #ae2c09);
            /* background: #FF9800; */
            color: #ffffff;
            width: 100%!important;
            left: 0px!important;
            top: 50%!important;
            height: 25px!important;
            border-radius: 0%!important;
        }
    }

    @media (min-width: 1025px) {
        .single-product .image .icons-wrapper {
            position:absolute;
            text-align: center;
            right: 8px;
            top: 8px;
            /* display: none; */
        }

        .out_of_stock_badge {
            background: linear-gradient(to right, #ff3b3b, #ae2c09);
            /* background: #FF9800; */
            color: #ffffff;
            width: 100%!important;
            left: 0px!important;
            top: 50%!important;
            height: 40px!important;
            border-radius: 0%!important;
        }

        .bestseller-style .image .badge.out_of_stock_badge {
            background: linear-gradient(to right, #ff3b3b, #ae2c09);
            /* background: #FF9800; */
            color: #ffffff;
            width: 100%!important;
            left: 0px!important;
            top: 50%!important;
            height: 40px!important;
            border-radius: 0%!important;
        }
    }

    @media (max-width: 768px) {
        .grid .single-product .product-name, .grid .single-product .product-name:hover, .list .single-product .product-name {
            padding: 0px 0px 0px!important;
        }

        .image .is_quickview span {
            margin-right: 0px;
        }

        .image .is_quickview {
            bottom: -30px;
            position: absolute;
            color: #000000;
            background-color: #f2f2f2;
            padding: 7px 9px;
            border-radius: 16px;
            z-index: 1;
            right: 5%;
            margin-bottom: 0px;
            width: 35px;
            height: 25px;
            font-size: 17px;
        }

        .icons-wrapper .is-cart {
            display: none!important;
        }

        .single-product .image .icons-wrapper .icon {
            font-size: 14px!important;
            width: 30px;
            padding: 5px 0 4px;
            display: block;
            text-align: center;
            transition: all 300ms;
        }
    }

    .single-product .image .icons-wrapper .icon {
        font-size: 15px;
        width: 25px;
        padding: 4px;
        display: block;
        text-align: center;
        transition: all 300ms;
    }

    .single-product .image .icons-wrapper .icon {
        color: #111111;
    }

    @media (min-width: 768px) {
        .single-product .image .icons-wrapper .icon {
            color: #131212 !important;
            background-color: #e7e7e7;
            /* border: #ff0000 solid 3px; */
        }

        .single-product .image .icons-wrapper .icon:hover {
            color: #d5d5d5;
        }

        .single-product:hover .image .icons-wrapper .icon {
            transition: all 300ms;
        }
    }

    .single-product .image .icons-wrapper .icon span:before {
        display: inline-block;
    }

    @media (min-width: 768px) {
        .single-product .image .icons-wrapper .icon.is-cart {
            display:none;
        }
    }

    .single-product .image .btn-light-outline {
        display: none;
    }

    .grid .single-product .caption .product-name {
        display: inline;
        float: left;
        width: 100%;
        font-weight: 600;
    }

    .grid .single-product .caption .price-wrapper {
        display: inline;
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 0px;
        opacity: 1;
        margin-top: 0px;
    }

    .grid .single-product .product-name, .grid .single-product .product-name:hover, .list .single-product .product-name {
        color: #111111;
        font-size: medium!important;
        padding: 0px 0px 0px;
        margin-bottom: 0px;
        display: block;
        text-transform: capitalize;
    }

    @media (max-width: 1024px) {
        .single-product .rating {
            margin-bottom: 10px;
            margin-top: 3px;
            display: none;
        }
    }

    @media (min-width: 1025px) {
        .single-product .rating {
            margin-bottom: 15px;
            margin-top: 3px;
            display: none;
        }
    }

    .grid .single-product .price {
        font-size: 16px;
        height: 28px;
        line-height: 28px;
        transition: margin-top 300ms;
    }

    @media (max-width: 1024px) {
        .grid .single-product .price span:not(.price-new) {
            color: #000000;
            font-size: 15px;
            font-weight: 300;
        }

        .single-product .price .price-old {
            margin-right: 5px;
            text-decoration: line-through;
            color: #969696!important;
        }
    }

    @media (min-width: 1025px) {
        .grid .single-product .price span:not(.price-new) {
            color: #000000;
            font-size: large;
            font-weight: 300;
        }

        .single-product .price .price-old {
            margin-right: 5px;
            text-decoration: line-through;
            color: #969696!important;
            font-size: 17px!important;
        }
    }

    .single-product .btn-outline .global-cart {
        font-size: 0;
    }

    .single-product .description, .single-product .price-tax, .single-product .plain-links, .single-product .btn-outline, .single-product .btn-contrast {
        display: none;
        cursor: pointer;
    }

    /* Products Style 1 */
    .product-style1 .single-product .image .icons-wrapper .icon {
        color: #111111;
        background-color: #fff;
    }

    .product-style1 .grid .single-product .product-name, .list .single-product .product-name {
        border-bottom: 1px solid rgba(0,0,0,.1);
        transition: border-bottom 300ms;
        margin-bottom: 5px;
        font-weight: 600;
    }

    .product-style1 .grid .single-product .product-name:hover, .list .single-product .product-name:hover {
        border-bottom: 1px solid rgba(0,0,0,.2);
        transition: border-bottom 300ms;
    }

    @media (min-width: 768px) {
        .product-style1 .grid .single-product .price-wrapper {
            height:28px;
            overflow: hidden;
            margin: 10px 0px;
        }

        .product-style1:not(.catalog_mode) .grid .single-product:hover .price-wrapper .price {
            margin-top: -30px;
            transition: margin-top 300ms;
        }

        .product-style1 .grid .single-product .price-wrapper .btn-outline {
            display: inline-block;
            border: none;
            color: #111111;
            background: none;
            padding: 0;
            text-transform: none;
            font-weight: 600;
            height: 28px;
            line-height: 28px;
        }
    }

    .product-style1 .grid .single-product .btn-outline .global-cart {
        font-size: 16px;
        margin-right: 6px;
        font-weight: inherit;
    }

    /* Style 1 with centered product names */
    .product-style1.names-c .grid .single-product {
        text-align: center;
        border: #f2f2f2 solid 1px;
        background-color: #fff;
    }

    .product-style1.names-c .grid .single-product .product-name {
        border: none;
    }

    .product-style1.names-c .grid .single-product .btn-outline .global-cart {
        display: none;
    }

    .product-style1.names-c .grid .single-product .price-wrapper .btn-outline {
        height: 22px;
        line-height: 22px;
        color: #111111;
        border-bottom: 1px solid #999999;
    }

    .product-style1.names-c .grid .single-product .price-wrapper .btn-outline:hover {
        opacity: 0.8;
        color: #000!important;
    }

    /* Products Style 2 */
    .product-style2 .single-product {
        text-align: center;
    }

    .product-style2 .single-product .image {
        overflow: hidden;
        text-align: left;
    }

    .product-style2 .single-product .image .icons-wrapper {
        right: 0;
        left: 0;
        bottom: -40px;
        top: auto;
        height: 40px;
        background: rgba(0,0,0,0.9);
        padding: 3px 0 2px;
        letter-spacing: 12px;
        transition: bottom 300ms;
    }

    .product-style2 .single-product:hover .image .icons-wrapper {
        bottom: 0;
        transition: bottom 300ms;
    }

    .product-style2 .single-product.menu-product:hover .image .icons-wrapper {
        bottom: -4px;
    }

    .product-style2 .single-product .image .icons-wrapper .icon, .product-style2 .single-product .image .icons-wrapper .icon.is-cart {
        display: inline-block;
        max-width: 20%;
        letter-spacing: 0;
        transform: none;
        color: #ffffff;
    }

    .product-style2 .single-product.menu-product .image .icons-wrapper .icon, .product-style2 .single-product.menu-product .image .icons-wrapper .icon.is-cart {
        font-size: 16px;
        max-width: 20px;
    }

    .product-style2 .single-product .image .icons-wrapper .icon:hover, .product-style2 .single-product .image .icons-wrapper .icon.is-cart:hover {
        color: #d5d5d5;
    }

    /* Products Style 3 */
    @media (min-width: 768px) {
        .product-style3 .single-product .img-overlay, .product-style4 .single-product .img-overlay {
            position:absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            background: rgba(0,0,0,0.75);
            opacity: 0;
            transition: opacity 300ms;
        }

        .product-style3 .grid .single-product .image:hover .img-overlay, .product-style4 .grid .single-product:hover .img-overlay {
            opacity: 1;
            transition: opacity 300ms;
        }
    }

    .product-style3 .single-product {
        text-align: center;
    }

    .product-style3 .single-product .image .btn-center {
        position: absolute;
        padding: 0 30px;
        text-align: center;
        top: 50%;
        right: 0;
        left: 0;
    }

    @media (min-width: 768px) {
        .product-style3 .single-product .image .btn-center .btn-light-outline {
            display:inline-block;
            margin-top: -20px;
            transform: scale(0,0);
            opacity: 0;
            transition: all 300ms, opacity 200ms;
        }
    }

    .product-style3 .grid .single-product .image:hover .btn-center .btn-light-outline {
        transform: scale(1,1);
        opacity: 1;
        transition: all 300ms, opacity 200ms;
    }

    /* Product style 4 */
    @media (min-width: 768px) {
        .product-style4 .grid .single-product {
            padding-bottom:0;
            margin-bottom: 30px;
        }

        .product-style4 .grid .single-product .image {
            margin-bottom: 0;
        }

        .product-style4 .grid .single-product .caption {
            position: absolute;
            top: 52%;
            right: 35px;
            left: 35px;
            text-align: center;
            transform: translateY(-40%);
            -webkit-filter: blur(0.000001px);
            opacity: 0;
            transition: transform 400ms, opacity 400ms;
        }

        .product-style4 .grid .single-product:hover .caption {
            transform: translateY(-50%);
            opacity: 1;
            transition: transform 400ms, opacity 400ms;
        }

        .product-style4 .grid .single-product .product-name, .product-style4 .grid .single-product .price, .product-style4 .grid .single-product .price-new, .product-style4 .grid .single-product .rating {
            color: #ffffff;
        }

        .product-style4 .grid .single-product .product-name {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: "..";
            width: 95%;
        }

        .product-style4 .grid .single-product .price {
            line-height: 31px;
        }

        .product-style4 .grid .single-product .product-name:hover {
            color: #cccccc;
        }

        .product-style4 .grid .single-product .caption .btn-outline {
            display: inline-block;
            margin: 30px 0 0;
            pointer-events: auto;
            -webkit-filter: blur(0.000001px);
            -webkit-transform: translateZ(0);
            border-color: rgba(255,255,255,0.5);
            transition: all 400ms;
            color: #ffffff;
            border: 1px solid rgba(255,255,255,0.5)
        }

        .product-style4 .grid .single-product:hover .caption .btn-outline {
            margin: 13px 0 17px;
        }

        .product-style4 .grid .single-product .caption .btn-outline:hover {
            border-color: transparent;
            background: #ffffff;
            color: #555555;
        }
    }

    .product-style6 .single-product .image .icons-wrapper .icon, .product-style6 .grid .single-product .price {
        color: #000000;
    }

    .blog .grid-holder {
        margin: 0!important;
    }

    .blog .item.single-product {
        margin: 0!important;
    }

    .product-style6 .grid .single-product.bestseller-style {
        border: 5px solid transparent;
        background: linear-gradient(135deg, #FFEB3B, #b19e03);
        background-clip: padding-box;
        -webkit-background-clip: padding-box;
        background-origin: border-box;
        background-clip: content-box, border-box;
        background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #FFEB3B, #b19e03) border-box;
        border: 1px solid transparent;
        overflow: inherit;
    }

    @media (max-width: 1024px) {
        #mfilter-content-container .grid .single-product {
            margin: 0px 3px 0px 3px;
            width: 48.111%;
        }
    }

    .product-style6 .grid .single-product {
        text-align: left;
        border: #e3e2e2 solid 1px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        border-radius: 5px;
        /* margin-bottom: 0px!important; */
        background-color: #fff;
        overflow: hidden;
    }

    .product-style6 .grid .single-product .price {
        font-weight: 700!important;
        padding: 3px 0px 0px;
    }

    .single-product .caption {
        padding: 10px 10px;
        display: grid;
        background-color: #f9f7f7;
        border-radius: 0px 0px 0px 0px;
    }

    @media (min-width: 768px) {
        .product-style6 .grid .single-product .btn-contrast, .product-style6 .list .single-product .btn-contrast {
            display:inline-block;
        }

        .product-style6 .grid .single-product .btn-contrast {
            margin-top: 0px;
            /* display: none; */
        }

        .product-style6 .single-product .btn-contrast .global-cart {
            /* display:none; */
            margin-right: 8px;
            font-size: 18px;
            vertical-align: text-top;
            top: -4px;
            position: relative;
        }

        .product-style6 .single-product .btn-contrast {
            font-weight: 700!important;
            font-size: 12px;
            padding: 10px 30px 6px 30px;
            border-radius: 3px;
        }
    }

    /* Fix for equal height on multiple rows carousel */
    .product-style1 .grid.multiple-rows .carousel .single-product .caption, .product-style6 .grid.multiple-rows .carousel .single-product .caption {
        min-height: 86px;
        margin-bottom: -5px;
    }

    @media (min-width: 768px) {
        .product-style6 .grid.multiple-rows .carousel .single-product .caption {
            min-height:136px;
            margin-bottom: -5px;
        }
    }

    /* List style from Products module */
    .gridlist .single-product, .gridlist .single-blog {
        display: table !important;
        table-layout: fixed;
        padding-bottom: 10px;
        border-bottom: 1px solid #e5e5e5;
    }

    .gridlist:not(.carousel) .single-product:last-child, .gridlist:not(.carousel) .single-blog:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .gridlist .single-product .image, .gridlist .single-blog .banner_wrap {
        display: table-cell;
        vertical-align: top;
    }

    .gridlist .single-product .caption, .gridlist .single-blog .summary {
        display: table-cell;
        vertical-align: top;
        text-align: left;
        width: 100%;
        padding: 0 0 0 10px;
    }

    .gridlist .single-product .product-name, .gridlist .single-blog .blog-title {
        font-size: 0.9em;
        text-transform: uppercase;
        display: inline-block;
    }

    .gridlist .single-product .product-name:hover, .gridlist .single-blog .blog-title:hover {
        text-decoration: underline;
    }

    .gridlist .single-product .price :not(.price-new) {
        color: #aaaaaa;
    }

    .gridlist .single-product .icons-wrapper, .gridlist .single-product .badge, .gridlist .single-product .sale-counter, .gridlist .single-product .thumb2 {
        display: none;
    }

    /* Special Countdown */
    @media (max-width: 1024px) {
        .sale-counter div {
            background:#f2f2f27a;
            color: #000;
            display: inline-block;
            margin: 0 1px;
            padding: 5px 0px 0px;
            width: 50px;
            font-size: 0.8em;
            line-height: 10px;
            text-transform: uppercase;
            text-align: center;
            max-width: 16%;
            transition: opacity 750ms;
            border-radius: 5px;
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
        }

        .sale-counter i {
            display: block;
            font-size: 7px;
            line-height: 16px;
            font-style: normal;
            opacity: 0.6;
        }

        .look-right .image .sale-counter, .look-left .image .sale-counter {
            right: 2px;
            left: 3px!important;
            bottom: 24px!important;
        }

        .grid .image .sale-counter {
            position: absolute;
            right: 2px;
            left: 2px;
            bottom: 7px;
            text-align: left;
        }

        .grid.most-viewed-module .image .sale-counter {
            position: absolute;
            right: 2px;
            left: 2px;
            bottom: 5px;
            text-align: left;
        }

        .category-container .grid .image .sale-counter {
            position: absolute;
            right: 2px;
            left: 2px;
            bottom: 10px;
            text-align: left;
            z-index: 1;
        }
    }

    @media (min-width: 1025px) {
        .tab-content.has-carousel .sale-counter div {
            font-size: 13px;
            padding: 5px 0px;
            width: 50px;
            max-width: 16%;
        }

        .tab-content.has-carousel .sale-counter i {
            display: block;
            font-size: 9px;
            line-height: 10px;
            font-style: normal;
            opacity: 1;
        }

        .sale-counter div {
            background: #f2f2f27a;
            color: #000;
            display: inline-block;
            margin: 0 2px;
            padding: 5px 0px;
            width: 50px;
            font-size: 1.2em;
            line-height: 20px;
            text-transform: uppercase;
            text-align: center;
            max-width: 21%;
            transition: opacity 750ms;
            border-radius: 5px;
            -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
        }

        .sale-counter i {
            display: block;
            font-size: 10px;
            line-height: 16px;
            font-style: normal;
            opacity: 0.6;
        }

        [class*="product-category-"] .grid .image .sale-counter {
            bottom: 10px;
        }

        .look-wrapperleft.grid .image .sale-counter, .look-wrapperright.grid .image .sale-counter {
            position: absolute;
            right: 0px;
            left: 3px;
            bottom: 35px;
            text-align: left;
        }

        .grid .image .sale-counter {
            position: absolute;
            right: 2px;
            left: 5px;
            bottom: 7px;
            text-align: left;
        }
    }

    .grid .caption .sale-counter {
        padding-top: 12px;
    }

    .product-style2 .grid .single-product:hover .sale-counter div {
        opacity: 0;
        transition: opacity 400ms;
    }

    .menu-product .sale-counter div {
        font-size: 16px;
        line-height: 16px;
        padding: 5px 0px 3px;
        margin: 0 1px;
    }

    .special_countdown {
        display: block;
        padding: 12px 0 10px;
    }

    .special_countdown p {
        margin-bottom: 8px;
        font-style: italic;
        font-size: 14px;
        color: #777777;
    }

    .special_countdown .icon-clock {
        vertical-align: top;
        font-size: 15px;
        margin: -1px 2px 0 0;
        display: inline-block;
    }

    .special_countdown div {
        background: #f8f8f8;
        color: #111111;
        display: inline-block;
        margin: 0 3px 0 0;
        padding: 9px 0px 8px;
        width: 65px;
        font-size: 24px;
        line-height: 24px;
        text-transform: uppercase;
        text-align: center;
        max-width: 23%;
    }

    .special_countdown div i {
        display: block;
        font-size: 13px;
        line-height: 18px;
        font-style: normal;
        opacity: 0.5;
    }

    /* List view */
    @media (min-width: 768px) {
        .list .item.single-product {
            display:table;
            width: 100% !important;
            padding-bottom: 10px;
        }

        .list .item.single-product .image {
            display: table-cell;
            vertical-align: top;
            width: 30%;
            padding-bottom: 17px;
            border-bottom: 1px solid #eaeaea;
        }

        .list .item.single-product .image img {
            max-width: none;
        }

        .list .item.single-product .icons-wrapper {
            display: none;
        }

        .list .single-product .description, .list .single-product .plain-links, .list .single-product .btn-outline {
            display: inline-block;
        }

        .list .item.single-product .caption {
            display: table-cell;
            vertical-align: top;
            text-align: left;
            width: 100%;
            padding: 2px 10px 17px 25px;
            padding-bottom: 16px;
            border-bottom: 1px solid #ececec;
        }

        .list .item.single-product:last-child .image, .list .item.single-product:last-child .caption {
            border-bottom: none;
            padding-bottom: 0;
        }

        .list .item.single-product .product-name {
            font-size: 1.2em;
            margin-bottom: 5px;
        }

        .list .item.single-product .price {
            font-size: 1.5em;
        }

        .list .item.single-product .price-tax {
            font-size: 14px;
            color: #999999;
            display: block;
            margin: 4px 0;
        }

        .list .item.single-product .description, .list .item.single-product .plain-links {
            margin: 10px 0 18px;
        }

        .list .item.single-product .plain-links a {
            display: inline-block;
            white-space: nowrap;
            margin: 7px 15px 5px 0;
        }

        .list .item.single-product .plain-links a span {
            vertical-align: text-bottom;
            font-size: 16px;
            margin-right: 2px;
        }

        .list .item.single-product .image .sale-counter {
            margin-top: -58px;
            margin-bottom: 18px;
            text-align: center;
            position: relative;
        }

        .list .item.single-product .caption .sale-counter {
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .list .item.single-product .image img {
            max-width:200px;
        }
    }

    /* Category page */
    .category-main-thumb {
        display: block;
        margin-bottom: 20px;
        position: absolute;
        filter: brightness(0.7);
    }

    @media (max-width: 768px) {
        .category-description {
            display: inline-block;
            padding: 5px 0px 0px 0px;
            margin-bottom: 0px;
            height: 80%;
            width: 100%;
        }
    }

    @media (min-width: 769px) {
        .category-description {
        }
    }

    .grid-holder.categories {
        padding: 10px 0 20px;
    }

    .grid-holder.categories img {
        display: block;
        margin-bottom: 10px;
    }

    /* Product Page */
    .product-info {
    }

    @media (min-width: 992px) {
        .product-info {
            margin-bottom: 0px;
            margin-top: 0px;
            margin-left: 0px;
        }

        .product-info.quickview-info {
            margin-bottom: 0px;
            width: 70vh!important;
            height: 100vh!important;
            margin-top: 0px;
            display: block;
            overflow: hidden;
            padding: 20px;
        }

        .image-area .main-image {
            display: inline-block;
            padding-bottom: 0px;
            overflow: hidden;
            position: relative;
            /* border: #e4e4e4 solid 1px; */
            border-radius: 0px;
        }

        .image-area .main-image img {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .image-area .main-image {
            display:inline-block;
            padding-bottom: 0px;
            overflow: hidden;
            position: relative;
            border-radius: 0px;
            border: #e4e4e4 solid 1px;
        }
    }

    @media (max-width: 1024px) {
        .product-info .table-cell.left {
            width:auto;
            vertical-align: top;
            padding-bottom: 10px;
        }

        .quickview-info .image-area .main-image {
            padding-bottom: 0;
            display: block;
            border-radius: 0px;
            width: 110px!important;
        }
    }

    @media (min-width: 1025px) {
        .product-info .table-cell.left {
            width:auto;
            vertical-align: top;
            padding-bottom: 15px;
            border: #f2f2f2 solid 1px;
        }

        .quickview-info .image-area .main-image {
            padding-bottom: 0;
            display: block;
            border-radius: 0px;
            width: 210px!important;
            border: #e4e4e4 solid 1px;
        }
    }

    #main-image img {
        display: block;
    }

    #main-image img, .full-width .image-additional img, .mousetrap {
        cursor: url('../image/cursor-zoom.png'),pointer !important;
    }

    /* Image zoom on hover */
    .cloud-zoom-wrap {
        position: relative;
        z-index: 2;
    }

    .image-area.hover-zoom-disabled .mousetrap {
        display: none;
    }

    .image-additional {
        overflow: hidden;
        padding: 0;
        margin: 0;
        opacity: 1;
    }

    .container.full-width .image-additional {
        opacity: 1;
    }

    .image-additional .slick-list {
        margin: -5px;
    }

    @media (max-width: 1024px) {
        .image-additional .slick-slide {
            padding: 0px;
            margin: 5px;
            border-radius: 6px;
            overflow: hidden;
            margin-top: 10px;
            border: #e4e4e4 solid 1px;
        }
    }

    @media (min-width: 1025px) {
        .image-additional .slick-slide {
            padding: 0px;
            margin: 5px;
            border-radius: 6px;
            overflow: hidden;
            margin-top: 20px;
        }
    }

    .image-additional .icon-arrow-left, .image-additional .icon-arrow-right {
        height: 38px;
        width: 38px;
        text-align: center;
        line-height: 38px;
        font-size: 10px;
        background: #f0f0f3;
        color: #000000;
        display: block;
        bottom: 15px;
        position: absolute;
        z-index: 2;
        border-radius: 30px;
    }

    .image-additional .slick-disabled {
        cursor: default;
        color: #aaaaaa;
    }

    .image-additional .icon-arrow-left {
        right: 63px;
        box-shadow: 0 0 4px rgba(0,0,0,.1);
    }

    .image-additional .icon-arrow-right {
        right: 20px;
        box-shadow: 4px 0 4px rgba(0,0,0,.1);
    }

    @media (min-width: 992px) {
        .images-left .image-additional .icon-arrow-left {
            right:50%;
            left: auto;
        }

        .images-left .image-additional .icon-arrow-left:before {
            content: "\e607";
        }

        .images-left .image-additional .icon-arrow-right {
            left: 52%;
            right: auto;
        }

        .images-left .image-additional .icon-arrow-right:before {
            content: "\e604";
        }
    }

    @media (min-width: 992px) {
        .images-left .image-area .image-additional {
            display: block;
            margin-right: 20px;
            float: left;
        }
    }

    @media (max-width: 991px) {
        .quickview-info .image-area {
            width: 100% !important;
            margin-top: 0px;
        }

        .product-main:not(.col-sm-8) .image-area {
            /* width:340px !important; */
        }

        #main-image img {
            max-width: 100%;
        }

        .image-area .image-additional, .main-image {
            width: 100% !important;
            height: auto !important;
        }

        .col-md-9.col-sm-8 .product-info, .col-md-9.col-sm-8 .product-info .table-cell {
            display: block;
            padding-left: 0;
        }
    }

    @media (max-width: 767px) {
        .product-main:not(.col-sm-8) .image-area, .image-area, .image-area img {
            /* width:100% !important; */
        }

        .product-page .product-main:not(.col-sm-8) .image-area, .product-page .image-area, .product-page .image-area img {
            width: 100% !important;
        }

        #main-image img {
            width: 100%;
        }

        .product-info, .product-info .table-cell {
            display: block;
        }

        .product-info {
            margin-bottom: 30px;
            padding-left: 0px;
            padding-right: 0px;
            margin-top: 0px;
            width: 100%!important;
            height: 100%!important;
        }

        .table.product-info.quickview-info.featherlight-inner {
            height: 625px!important;
        }

        .product-info .quickview-top-content .info-holder {
            display: none;
            margin-top: 10px;
        }
    }

    @media (min-width: 768px) {
        .product-info .table-cell.right {
            padding: 30px;
            vertical-align: top;
            border: #f2f2f2 solid 1px;
        }

        #content > div > div.table-cell.w100.right > p:nth-child(3) {
            font-size: 14px;
            line-height: 17px;
            text-align: justify;
        }

        .product-info.quickview-info .table-cell.right {
            padding: 65px 15px 20px 25px;
        }

        .product-info .quickview-top-content .info-holder {
            display: none;
            margin-top: 10px;
        }
    }

    .product-info .table-cell .inner {
        display: inline-block;
        padding-bottom: 0px;
        width: 100%;
        border-bottom: 1px solid #ffffff;
        margin-bottom: 0px;
    }

    .quickview-info .info-holder {
        display: none;
    }

    .product-info .quickview-top-content .info-holder .single_share {
        margin-right: 10px;
    }

    .product-info.quickview-info .table-cell .inner {
        padding: 0 10px 0 0;
        border-bottom: 0px solid #e5e5e5;
    }

    .product-info .table-cell.right h1#page-title {
        font-size: 38px;
        margin: 0px 0 10px;
        line-height: 22px;
        text-align: left;
        color: #141414;
    }

    .product-info.quickview-info .table-cell.right h1 {
        font-size: 28px;
        font-weight: normal;
        text-transform: none;
        margin: 7px 0 12px;
    }

    .product-info .table-cell.right .rating {
        margin: 0px 3px 0px 0;
        display: none;
        font-size: 15px;
    }

    div.table.product-info.product-page > div.table-cell.w100.right > div.inner > a {
        text-decoration: underline;
    }

    .product-info .table-cell.right .review_link {
        display: inline-block;
        color: #999999;
    }

    .product-info .table-cell.right ul.price {
        margin-bottom: 0px;
        font-size: 28px;
        /* display: none; */
        margin-top: 0px;
        font-weight: 500;
    }

    .product-info .table-cell.right ul.price li {

    }    

    .product-info .table-cell.right .price-old {
        color: #ff0000;
        font-size: 22px;
        margin-right: 9px;
        font-weight: 300;
        display: block;
    }

    .product-info .table-cell.right .live-price-new {
    display: block;
}   

    .product-info .table-cell.right p.discount {
        border-top: 1px solid #eaeaea;
        border-bottom: 1px solid #eaeaea;
        padding: 15px 0 10px;
        margin-bottom: 20px;
    }

    .product-info .table-cell.right p.discount span {
        display: block;
        margin-bottom: 5px;
    }

    .product-info .table-cell.right p.discount i {
        font-style: normal;
    }

    .product-info .table-cell.right p.meta_description {
        margin-bottom: 20px;
        line-height: 25px;
    }

    #product {
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .zone .row > .col-sm-12 {
        padding: 0;
    }

    #product .options {
        display: table;
        padding-bottom: 0px;
        width: 100%;
        padding-top: 10px;
    }

    #product .options input[type=radio] {
        display: none;
    }

    #product .options .radio label {
        padding: 0;
    }

    #product .options .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: -1px;
    }

    #product .options .table-cell {
        vertical-align: top;
        padding-bottom: 15px;
        width: 100%;
    }

    #product .options .table-cell.radio-cell, #product .options .table-cell.checkbox-cell {
        padding-bottom: 10px;
        display: inline-block;
        padding-top: 5px;
    }

    #product .options .table-cell.name {
        padding: 10px 0px 0 0;
        width: 57%;
        min-width: 80px;
    }

    #product .options .table-cell.checkbox-cell.name {
        display: inline-block;
        display: none;
    }

    #product .options .name {
        margin-bottom: 5px;
    }

    #product .options .name.indicator {
        display: flex;
        flex-flow: row-reverse;
        justify-content: flex-end;
        position: relative;
    }

    .tooltip-indicator {
        margin-left: 6px;
    }

    #product .options .radio .name {
        position: relative;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0.21px;
        line-height: 20px;
        text-align: center;
        padding: 15px 15px;
        border-radius: 0px;
        color: #262626;
        border: 1px solid #000000;
        display: inline-block;
        transition: .1s;
    }

    #product .options .radio .name.out-stock-value {
        position: relative;
        color: #9b9999;
        border: 1px solid #D8D8D8;
    }

    #product .options .radio .name.out-stock-value:before {
    }

    #product .options .radio input:checked+span {
        background-color: #262626;
        border: 1px solid #262626;
        color: #fff;
    }

    #product .options .name label {
        font-weight: 600;
        color: #3e3f40;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    #product .options .has-image label {
        padding-left: 0;
        /* border: #e1e1e1 solid 1px; */
    }

    #product .options .has-image label input {
        display: none;
    }

    #product .options .has-image label .name {
        /* display:none; */
        font-weight: 600;
    }

    #product .options .has-image {
        display: inline-block;
        max-width: 100%;
        margin-top: 0;
    }

    #product .options .has-image:last-child {
        margin-bottom: 10px;
    }

    #product .options .has-image img {
        padding: 3px;
        width: 60px;
        margin-right: 15px;
        margin-left: 10px;
    }

    #product .options .has-image span div {
        padding: 5px 20px 5px 0px;
        max-width: 100%;
        border: #cbcbcb solid 2px;
        margin-right: 10px;
        border-radius: 5px;
        background-color: #F4F7F8;
    }

    #product .options .has-image input[type="radio"]:checked + img {
        border: 1px solid #000000;
    }

    #product .options .has-image input[type="checkbox"]:checked + img {
        border: 1px solid #000000;
    }

    #product .options .has-image input[type="checkbox"]:checked + div {
        border: 2px solid #FF895E;
    }

    #product .options .has-image input[type="checkbox"]:checked + div {
        border: 2px solid #FF895E;
    }

    #product .options .has-image input[type="checkbox"]:checked + div > .fa.icon-tick {
        background-color: #FF895E;
        color: #fff;
    }

    #product .options .has-image div .icon-tick {
        left: 50%;
        width: 25px;
        height: 25px;
        bottom: -12px;
        display: block;
        font-size: 15px;
        position: absolute;
        text-align: center;
        margin-left: -19px;
        border-radius: 9999em;
        background-color: #cbcbcb;
        line-height: 25px;
    }

    .icon-tick:before {
        content: "\f00c";
    }

    .input-quantity {
        width: 50px;
        padding-right: 5px;
        margin-right: 12px;
    }

    @media (max-width: 768px) {
        .quickview-info .form-group.buy {
            padding-top: 0px;
            margin-bottom: 10px;
        }

        .quickview-info .alert.alert-sm {
            padding: 14px 50px 14px 18px;
            margin-bottom: 0px;
        }

        .quickview-info #product {
            border-bottom: none;
            margin-bottom: 0px;
        }
    }

    .quickview-info .form-group.buy {
        padding-bottom: 20px;
        margin-bottom: -15px;
        border-bottom: 0px solid #e5e5e5;
    }

    .quickview-info .form-group.buy input {
        display: none;
    }

    .form-group.buy {
        padding-bottom: 20px;
        margin-bottom: 0px;
        margin-top: 20px;
    }

    .form-group.buy input {
        /* display: none; */
        vertical-align: middle;
        margin-right: 12px;
        border: #000000 solid 1px;
    }

    @media (max-width: 768px) {
        .form-group.buy button {
            width:100%
        }
    }

    .product-info.quickview-info .form-group.buy button {
        width: 100%;
    }

    .form-group.buy button {
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        width: calc(100% - 132px);
        background-color: #00a651;
        text-transform: uppercase;
        border: #00a651 solid 1px;
        color: #ffffff;
        padding: 15px 10px;
        border-radius: 0px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        /* box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); */
        position: relative;
    }

    .form-group.buy button:hover, .form-group.buy button:focus {
        background-color: #00a651 !important;
        color: #ffffff !important;
        border: #00a651 solid 1px;
        opacity: 0.8;
    }

    .form-group.buy .btn.details {
        margin-top: 10px;
        padding: 14px 10px;
        margin-bottom: 10px;
    }

    .product-info .table-cell.right p.info {
        margin-bottom: 0px;
        line-height: 22px;
        vertical-align: middle;
        /* display: none; */
    }

    .info.p-tax {
        display: none;
    }

    .info-right.is_wishlist {
        display: inline-grid;
        background-color: #F0F5F9;
        padding: 15px 14px;
        border-radius: 29px;
        width: 50px;
        height: 50px;
        font-size: 23px;
        margin-right: 15px;
        margin-bottom: 0px;
        position: relative;
        top: 8px;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        /* box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); */
    }

    .info-right.is_wishlist:hover {
        background-color: #fd1844;
        color: #fff;
    }

    .info-right.is_wishlist a:hover {
        color: #fff;
    }

    .is_wishlist {
        /* display:none; */
    }

    .product-info .table-cell.right p.info.is_wishlist, .product-info .table-cell.right p.info.is_compare, .product-info .table-cell.right p.info.is_ask {
        margin: 0 15px 23px 0;
        display: none;
        position: relative;
        height: 24px;
        line-height: 24px;
        padding-left: 24px;
    }

    .product-info .table-cell.right p.info.is_wishlist i, .product-info .table-cell.right p.info.is_compare i, .product-info .table-cell.right p.info.is_ask i {
        font-size: 17px;
        position: absolute;
        left: 0;
        top: 3px;
    }

    .product-info .table-cell.right p.info b {
        color: #111111;
    }

    .product-info .table-cell.right p.info.tags a + a:before {
        content: ",";
        margin-right: 8px;
    }

    .product-info .table-cell.right p.info.share a {
        font-size: 14px;
        color: #666666;
        margin: 0 5px;
        vertical-align: middle;
    }

    .product-info .table-cell.right p.info.share a:hover {
        color: #111111;
    }

    /* Full width product layout */
    .product-layout.full-width .product-info {
        table-layout: fixed;
    }

    @media (min-width: 768px) {
        .product-layout.full-width .product-info .table-cell {
            width:50%;
        }
    }

    .product-layout.full-width .image-area .main-image {
        padding-bottom: 0;
    }

    .product-layout.full-width .image-area .image-additional img {
        padding-bottom: 5px;
    }

    .product-layout.full-width .product-info .table-cell.right {
        text-align: center;
    }

    .product-layout.full-width .product-info .table-cell.right .inner {
        max-width: 550px;
    }

    .product-layout.full-width .product-info .table-cell.right .info-holder {
        padding: 20px 20px 5px;
        display: inline-block;
        background: #F9F9F9;
    }

    .product-layout.full-width .product-info .table-cell.right .info-holder p.info {
        display: inline-block;
        margin: 0 10px 15px;
    }

    .product-tabs-wrapper {
        padding: 30px 0 35px;
        background-color: #F9F9F9;
        margin-bottom: 40px;
    }

    .product-layout .inline-tabs {
        padding-top: 15px;
        margin-bottom: 60px;
    }

    .product-tabs-wrapper .tab-content {
        padding: 5px 0 10px;
        line-height: 1.7;
    }

    .tab-content p {
        line-height: 20px;
    }

    /* Reviews / Questions */
    #tab-review h4, #tab-questions h4 {
        margin-top: 16px;
        font-size: 1.286em;
    }

    @media (min-width: 768px) {
        #tab-review .col-sm-6.right, #tab-questions .col-sm-6.right {
            border-left:1px solid #efefef;
        }

        #form-review, #form-question {
            padding-left: 0px;
        }

        #review, #question {
            padding-right: 0px;
        }
    }

    #form-review .form-group, #form-question .form-group {
        margin-bottom: 2px;
    }

    #form-review label, #form-question label {
        color: #111111;
    }

    #form-review .control-label, #form-question .control-label {
        padding-bottom: 10px;
        font-weight: 400;
        margin-bottom: 0px;
        display: inline-block;
    }

    #form-review .alert.alert-sm, #form-question .alert.alert-sm {
        margin: 20px 0 10px;
    }

    .rating-stars {
        margin: 2px 0;
    }

    .rating-stars input[type="radio"] {
        visibility: hidden;
    }

    .rating-stars label i {
        cursor: pointer;
        color: #666666;
        vertical-align: text-bottom;
        font-size: 15px;
        letter-spacing: 2px;
    }

    .rating-stars input[type="radio"]:checked + label i:before {
        color: #179a94;
        content: "\f005";
    }

    #review, #question {
        padding-top: 13px;
        padding-bottom: 10px;
    }

    #review .table, #question .table {
        margin-bottom: 30px;
    }

    #review .table-cell, #question .table-cell {
        vertical-align: top;
        width: auto;
    }

    #review .table-cell.right, #question .table-cell.right {
        width: 100%;
    }

    #review .fa-user, #question .fa-comments-o {
        width: 60px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        border-radius: 50%;
        background: #eeeeee;
        font-size: 22px;
        color: #999999;
        display: block;
        margin: 4px 25px 10px 0;
    }

    #question .fa-comments-o {
        font-size: 24px;
    }

    #question p.question {
        margin-bottom: 20px;
    }

    #review p.author, #question p.author, #question p.our-answer {
        margin-bottom: 10px;
    }

    #question p.no-answer {
        color: #777777;
    }

    #review p.author .rating {
        display: block;
        color: #179a94;
        margin-top: 2px;
    }

    @media (min-width: 768px) {
        #review p.author .rating {
            float: right;
        }
    }

    /* Descreptions */
    .table.description {
        margin: 0 auto;
        margin-bottom: 20px;
        margin-top: -2px;
        background-color: #feb6db;
        border: #fff solid 2px;
        color: #fff;
    }

    .table.description div {
    }

    .table.description > tbody > tr > td, .table.description > thead > tr > td {
        padding: 0px 10px 10px 10px;
        border: none;
    }

    .table.description > thead:first-child > tr:first-child > td {
        padding-top: 15px;
        font-size: 15px;
        text-align: left;
        font-weight: 600;
        text-transform: capitalize;
    }

    /* Specifications */
    @media (min-width: 1025px) {
        .ozellik-tablo-box {
            margin-bottom: 50px;
        }

        .ozellik-tablo-box .ozellik-inner {
            background-color: #f2f2f2;
            padding: 5px 5px 20px 5px;
            border-radius: 5px;
        }

        .ozellik-tablo-box .container-inner {
            padding-left: 10px;
        }
    }

    @media (max-width: 1024px) {
        .ozellik-tablo-box {
            margin-bottom: 50px;
            display: none;
        }

        .ozellik-tablo-box .ozellik-inner {
            background-color: #f2f2f2;
            padding: 5px 5px 20px 5px;
            border-radius: 5px;
        }

        .ozellik-tablo-box .container-inner {
        }
    }

    .table.specification {
        margin: 0 auto;
        margin-bottom: 0px;
        margin-top: 15px;
        color: #000;
    }

    @media (max-width: 768px) {
        .table.specification .col-sm-4 {
            width: 40%;
            float: left;
        }

        .table.specification .col-sm-8 {
            width: 60%;
            float: left;
        }
    }

    .table.specification div {
        padding: 10px 10px;
    }

    .table.specification > tbody > tr > td, .table.specification > thead > tr > td {
        padding: 10px 10px;
        border: 0px solid #ffffff;
    }

    .table.specification > tbody > tr > td b {
        color: #000000;
        font-size: 16px;
    }

    .table.specification > thead > tr > td {
        font-size: 1.286em;
        padding-top: 40px;
        text-transform: uppercase;
    }

    .table.specification > thead:first-child > tr:first-child > td {
        padding-top: 10px;
        font-size: 15px;
        text-align: center;
        font-weight: 600;
        text-transform: capitalize;
        padding-bottom: 10px;
    }

    .widget.widget-related {
        margin-bottom: 0px;
        margin-top: 0px;
        /* overflow: hidden; */
    }

    /* Account Login */
    #drawing_canvas {
        display: none!important
    }

    .login-area {
        position: relative;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    @media (max-width: 1024px) {
        .login-area {
            position: relative;
            margin-bottom: 30px;
            margin-top: 15px;
        }

        .login-area .container {
            padding-left: 0px;
            padding-right: 0px;
        }

        .login-area .col-sm-6 {
            padding-left: 0px;
            padding-right: 0px;
        }

        .login-area .col-sm-6.right {
            padding-bottom: 0px;
        }
    }

    .login-area label {
        margin-bottom: 10px;
        display: block;
    }

    .register-area {
        position: relative;
        margin-bottom: 30px;
        padding-top: 15px;
        padding-right: 25px;
        padding-left: 25px;
    }

    .forgetten-box {
        position: relative;
        margin-bottom: 50px;
        margin-top: 20px;
    }

    .login-area .col-sm-6 {
        padding-bottom: 30px;
    }

    .login-area .col-sm-6.right {
        text-align: center;
    }

    .title_in_bc .login-area h2 {
        font-size: 2.43em;
        margin-bottom: 20px;
    }

    .login-area h2 i {
        font-size: 24px;
        margin-right: 10px;
    }

    a.label-link:not(:hover) {
        color: #888888;
    }

    .login-area .register-text {
        max-width: 400px;
        display: inline-block;
    }

    @media (min-width: 1024px) {
        .title_in_bc .login-area {
            padding-top:35px;
        }

        .login-area .container {
            padding-left: 0px;
            padding-right: 0px;
            width: 1200px;
        }

        .title_in_bc .col-sm-12 .login-area {
            padding-left: 40px;
            padding-right: 40px;
        }

        .login-area:before {
            content: " ";
            background: #e5e5e5;
            width: 1px;
            position: absolute;
            top: 15px;
            bottom: 0;
            left: 50%;
            display: none;
        }

        .login-area .col-sm-6.left {
            padding: 50px;
            border: #bbbbbb solid 1px;
            width: 50%;
            margin-right: 30px;
            min-height: 389px;
            margin-right: 15px;
            margin-left: -2px;
            border-radius: 5px;
        }

        .login-area .col-sm-6.right {
            padding: 108px 50px;
            border: #bbbbbb solid 1px;
            width: 50%;
            min-height: 380px;
            border-radius: 5px;
            margin-right: -15px;
        }
    }

    @media (max-width: 767px) {
        .widget.widget-related {
            margin-bottom: 0px;
            width: 100%!important;
        }

        .widget.widget-related .swiper-pagination {
            display: none;
        }

        .widget.widget-related .swiper-pagination.pag2 {
            bottom: 5px;
            left: 4px;
        }

        .widget.widget-related .swiper-button-next, .widget.widget-related .swiper-button-prev {
            display: none;
        }

        .widget.widget-related .related {
            margin-left: 0px;
            margin-right: 0px;
            overflow: hidden;
            padding-bottom: 16px;
        }

        .form-group.buy .btn.details {
            margin-left: 0px!important;
            margin-top: 10px!important;
            width: 100%!important;
        }

        .login-area .col-sm-6.right:before {
            content: " ";
            width: 100%;
            display: block;
            height: 1px;
            margin: 40px 0 50px;
            background: #e5e5e5;
        }
    }

    /* Account pages */
    .single-address {
        background: #f0f0f0;
        padding: 20px;
        margin-bottom: 20px;
        display: block;
        line-height: 1.6;
        border-radius: 10px;
    }

    .single-address a {
        margin-right: 10px;
    }

    /* Contact page */
    .information-contact #content #page-title {
        display: none;
    }

    .full-width-map .breadcrumb-holder {
        display: none;
    }

    .title_in_bc.full-width-map .breadcrumb-holder {
        display: block;
    }

    .title_in_bc.full-width-map .map-full-width {
        margin-top: -40px;
    }

    #gmap {
        height: 400px;
        margin-bottom: 70px;
        width: 100%;
    }

    #gmap.map-full-width {
        height: 600px;
    }

    #gmap .address-holder {
        padding: 50px 55px;
        position: absolute;
        z-index: 2;
        background: #111111;
        display: inline-block;
        top: 25%;
        right: 10%;
        left: 10%;
    }

    #gmap .address-holder h3 {
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-size: 1.57em;
    }

    #gmap .address-holder p {
        position: relative;
        margin-bottom: 20px;
        color: #cccccc;
        padding-left: 50px;
    }

    #gmap .address-holder p:before {
        position: absolute;
        left: 10px;
        top: 0;
        color: #ffffff;
        font-size: 30px;
        line-height: 38px;
        content: "\f041";
        font-family: 'Font Awesome 5 Pro';
    }

    #gmap .address-holder a {
        color: #ffffff;
        border-bottom: 1px solid #999999;
    }

    #gmap .address-holder a:hover {
        border-color: #ffffff;
    }

    @media (min-width: 768px) {
        .cm_module {
        }

        .information-contact .left-side {
            padding-right: 30px;
        }

        .information-contact .right-side {
            padding-left: 30px;
        }
    }

    .information-contact .contact-image {
        display: block;
        text-align: center;
        padding: 20px;
        border: 9px solid #fafafa;
    }

    .information-contact .contact-image img {
        width: 50%;
    }

    .information-contact .grid-holder .item {
        width: 46%;
    }

    .information-contact .grid-holder p.contact-detail {
        padding: 0px 10px 10px 55px;
        margin-bottom: 0;
        min-height: 50px;
        position: relative;
    }

    .information-contact .grid-holder .contact-detail .icon {
        position: absolute;
        left: 0;
        top: 0;
        font-size: 38px;
        line-height: 38px;
    }

    /* Widgets */
    #column-right .widget {
        background-color: #fff;
    }

    .mt30 {
        margin-top: 25px;
        margin-bottom: 50px;
    }

    .widget {
    }

    .blog-widget {
        margin-top: 0px;
    }

    @media (max-width: 768px) {
        .blog-widget {
            margin-top: 60px!important;
            padding-left: 0px;
            padding-right: 0px;
            margin-bottom: 90px;
        }

        .blog-widget .grid-holder.blog {
            padding-left: 10px;
            padding-right: 10px;
        }

        .cm_module {
            margin-bottom: 0px;
        }

        .widget.contrast-bg {
            position: relative;
            background: #f2f2f2;
            padding: 55px 0 50px!important;
            margin-left: -15px!important;
            margin-right: -15px;
        }
    }

    @media (min-width: 769px) {
        .widget.contrast-bg {
            position:relative;
            background: #e4e4e4;
            padding: 90px 0px 90px!important;
            margin-left: 0px!important;
            margin-right: 11px;
        }
    }

    .widget.carousel-widget.contrast-bg {
        /* padding:35px 0 15px; */
        box-shadow: inset 0px 12px 14px -10px rgb(0 0 0 / 60%);
        -webkit-box-shadow: inset 0px 12px 14px -10px rgb(0 0 0 / 60%);
        -moz-box-shadow: inset 0px 12px 14px -10px rgba(0, 0, 0, 0.6);
    }

    .widget.blog-widget.contrast-bg {
        padding: 60px 0 10px;
    }

    .widget-title-style3 .widget.contrast-bg .widget-title .main-title span {
        background: #f7f7f7;
    }

    .widget.contrast-bg:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -9999px;
        right: 0;
        border-left: 9999px solid #e4e4e4;
        box-shadow: 9999px 0 0 #e4e4e4;
        z-index: -1;
    }

    .widget.contrast-bg .swiper-pagination-bullets {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .widget-related .widget-title .main-title {
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 15px!important;
        color: #111111;
        position: relative;
        text-transform: uppercase;
        /* text-align:left; */
    }

    @media (max-width: 1024px) {
        .widget-related .widget-title .main-title span {
            padding: 0 0px!important;
            position: relative;
            /* font-size: 16px; */
        }
    }

    @media (min-width: 1025px) {
        .widget-related .widget-title .main-title span {
            padding: 0 0px!important;
            position: relative;
            /* font-size: 16px; */
        }
    }

    .widget-related .widget-title {
        /* text-align: left!important; */
    }

    @media (max-width: 1024px) {
        .widget.most-viewed-module .widget-title {
            display: table;
            width: 100%;
            text-align: left;
            margin-bottom: 17px;
            /* border-bottom: #dbd8d8 solid 1px; */
            position: relative;
            z-index: 2;
        }

        .widget.most-viewed-module .swiper-pagination {
            display: none;
        }
    }

    @media (min-width: 1025px) {
        .widget.most-viewed-module .widget-title {
            display: table;
            width: 100%;
            text-align: left;
            margin-bottom: 15px;
            /* border-bottom: #dbd8d8 solid 1px; */
            position: relative;
            z-index: 2;
        }
    }

    /* Widgets Title Style 1 */
    .category-widget.widget .widget-title:after {
        display: none;
    }

    .category-widget.widget .widget-title {
        border-bottom: none;
    }

    .widget .widget-title .pre-line {
        color: #4d4d4d;
        margin-bottom: 5px;
        letter-spacing: 2px;
        font-size: 16px;
    }

    @media (max-width: 1024px) {
        .widget .widget-title .main-title {
            font-size: 18px!important;
            line-height: 1.2;
            margin-bottom: 10px;
            color: #242323;
            position: relative;
            text-transform: none!important;
            margin-top: 10px;
            padding: 0px 7px;
            margin-bottom: 0px;
        }

        .widget.widget-margin-pg .widget-title .main-title {
            font-size: 18px!important;
            line-height: 1.2;
            margin-bottom: 10px;
            color: #242323;
            position: relative;
            text-transform: none!important;
            margin-top: 10px;
            padding: 0px 7px;
            margin-bottom: 15px;
        }
    }

    @media (min-width: 1025px) {
        .widget .widget-title .sub-line {
            padding-top: 4px;
            margin-bottom: 10px;
            padding: 7px 0px;
        }

        .widget .widget-title .main-title {
            font-size: 21px!important;
            line-height: 1.2;
            margin-bottom: 0px;
            color: #242323;
            position: relative;
        }
    }

    .widget .widget-title .main-title span {
        padding: 0 0px;
        position: relative;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    @media (max-width: 767px) {
        .widget .widget-title .main-title span {
            font-size: 13px;
            padding: 0 0px;
        }

        .widget .widget-title .sub-line {
            padding-top: 4px;
            margin-bottom: 10px;
            padding: 7px 8px;
        }
    }

    .widget .widget-title-separator {
        margin: 0px 0px 0px;
        font-size: 10px;
        color: #cccccc;
    }

    .widget .widget-title-separator:before, .widget .widget-title-separator:after {
        content: " ";
        display: inline-block;
        width: 25px;
        height: 1px;
        margin: 0 5px 1px;
        vertical-align: middle;
        background-color: #cccccc;
    }

    .widget .widget-title .sub-line span {
        display: inline-block;
        line-height: 27px;
        letter-spacing: 0;
        margin: 0 0px;
        font-size: 16px!important;
    }

    .widget .widget-title .sub-line .btn {
        margin-top: 17px;
    }

    .widget .widget-title .sub-line a:not(.btn):not(:hover) {
        text-decoration: underline;
    }

    /* Widgets Title Style 2 */
    .widget-title-style2 .widget .widget-title-separator {
        font-size: 0;
        display: none;
    }

    @media (max-width: 1024px) {
        .widget_top-link {
            text-align: right;
            position: relative;
            bottom: 20px;
            font-weight: 600;
            right: 9px;
        }
    }

    @media (min-width: 1025px) {
        .widget_top-link {
            text-align: right;
            position: relative;
            bottom: 22px;
            font-weight: 600;
            right: 5px;
            width: auto;
        }
    }

    @media (max-width: 1024px) {
        .widget_top-link .link_title {
            color: #000000;
            font-weight: 400;
            text-decoration: underline;
            font-size: 12px;
        }
    }

    @media (min-width: 1025px) {
        .widget_top-link .link_title {
            color: #000000;
            font-weight: 400;
            text-decoration: underline;
            font-size: 18px;
        }
    }

    .widget_top-link .link_title:hover {
        color: #000000;
    }

    .widget-title-style2 .widget .widget-title-separator:before {
        display: none;
    }

    .widget-title-style2 .widget .widget-title-separator:after {
        height: 3px;
        width: 5%;
        margin: 0px 0;
        background-color: #000000!important;
    }

    /* Widgets Title Style 3 */
    .widget-title-style3 .widget .widget-title .pre-line {
        margin-bottom: 10px;
    }

    .widget-title-style3 .widget .widget-title {
        margin-bottom: 30px;
    }

    .widget-title-style3 .widget .widget-title .main-title {
        margin-bottom: 10px;
    }

    .widget-title-style3 .widget .widget-title .main-title:before {
        content: "";
        background: #ececec;
        height: 1px;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
    }

    .widget-title-style3 .widget .widget-title .main-title span {
        padding: 0 15px;
        background: #ffffff;
        position: relative;
    }

    .widget-title-style3 .widget .widget-title .widget-title-separator {
        display: none;
    }

    /* Widgets positioned in columns */
    .column .widget {
        margin-bottom: 15px;
    }

    #column-left > div > div.widget {
        margin-bottom: 15px;
        border: #ebedf2 solid 1px;
        padding: 14px;
    }

    .column .widget .widget-title .pre-line {
        padding-top: 3px;
        letter-spacing: 2px;
    }

    .column .widget .widget-title {
        text-align: left;
        margin-bottom: 10px;
    }

    .column .widget .widget-title .main-title {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 600;
        letter-spacing: 0.75px;
        margin-bottom: 0;
    }

    .column .widget .widget-title .main-title:before {
        display: none;
    }

    .column .widget .widget-title .main-title span {
        padding: 0;
    }

    #column-left .widget .widget-title .main-title span {
        padding: 0;
        font-size: 14px;
        font-weight: 600;
    }

    .column .widget .widget-title .widget-title-separator {
        font-size: 0;
        display: none;
    }

    .column .widget .widget-title .widget-title-separator:after {
        display: none;
    }

    .column .widget .widget-title .widget-title-separator:before {
        height: 2px;
        width: 30px;
        margin: 0px 0px 6px;
        background: #e5e5e5;
        display: inline-block;
    }

    .bordered-list-title {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: 1px;
        color: #111111;
        display: block;
    }

    .bordered-list-title.invert {
        display: block;
        color: #ffffff;
        background: #111111;
        padding: 12px;
        text-align: center;
    }

    /* Account module */
    .bordered-list a {
        display: block;
        padding: 12px 15px;
        border: 1px solid #e9e9e9;
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: -1px;
        color: #6c6c6c;
        font-size: 12px;
        text-transform: uppercase;
    }

    .bordered-list a:hover {
        background-color: #f9f9f9;
    }

    /* Instagram Feed */
    .instagram_wrapper {
        position: relative;
    }

    .instagram_wrapper .instagram_title.floating_title {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        visibility: hidden;
    }

    .instagram_wrapper .instagram_title.floating_title .widget-title {
        display: inline-block;
        width: auto;
        max-width: 80%;
        visibility: visible;
        position: relative;
        z-index: 2;
        margin: 0;
        background: #ffffff;
        padding: 25px 25px 25px;
        outline: 5px solid rgba(255,255,255,.5);
    }

    .instagram_wrapper .images_wrap {
        overflow: hidden;
    }

    .instagram_wrapper .images_wrap .item {
        position: relative;
        margin: 0px 0px 0px 0px;
    }

    .instagram_wrapper .images_wrap .item .hover_fill {
        position: absolute;
        background-color: rgb(255 255 255 / 50%);
        background-image: url('../image/instagram.svg');
        background-repeat: no-repeat;
        background-position: 40% 50%;
        opacity: 0;
        transition: all 400ms;
        background-size: 10%;
    }

    .column .instagram_wrapper .images_wrap .item .hover_fill {
        background-image: url('../image/angle-right-sm.svg');
    }

    .instagram_wrapper .images_wrap .item:hover .hover_fill {
        background-position: 50% 50%;
        opacity: 1;
        transition: all 400ms;
    }

    /* Ajax filter */
    #digitalElephantFilter_box {
        position: relative;
        padding-bottom: 40px;
    }

    @media (max-width: 767px) {
        #digitalElephantFilter_box {
            padding:15px;
        }
    }

    #digitalElephantFilter_box .box-content {
    }

    #digitalElephantFilter_box .filter_element_wrap {
        margin: 5px 0;
    }

    #digitalElephantFilter_box .price {
        border: 0;
        color: #333333;
        width: 60px;
        min-width: 60px;
        text-align: center;
    }

    #digitalElephantFilter_box a.clear_filter {
        float: right;
    }

    #digitalElephantFilter_box .filter_element_title {
        padding: 5px 0px;
        cursor: pointer;
        font-weight: 600;
        text-transform: uppercase;
        font-size: 16px;
        color: #222222;
        position: relative;
    }

    #digitalElephantFilter_box .filter_element_title:before {
        content: "\f107";
        color: #999999;
        font-size: 13px;
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
        position: absolute;
        right: 5px;
        top: 7px;
        transform: none;
        transition: transform 500ms;
    }

    #digitalElephantFilter_box .filter_element_title.is_closed:before {
        transform: rotate(-90deg);
        transition: transform 500ms;
    }

    #digitalElephantFilter_box .filter_element_title:after {
        content: "";
        display: block;
        width: 40px;
        height: 2px;
        margin: 5px 0 8px;
        background: #eeeeee;
    }

    #digitalElephantFilter_box .filter_element_title.is-attribute-child {
        padding: 0 0 5px 0;
        cursor: pointer;
        font-weight: 600;
        text-transform: none;
        font-size: 14px;
        color: #222222;
    }

    #digitalElephantFilter_box .filter_element_title.is-attribute-child:after {
        display: none;
    }

    #digitalElephantFilter_box .filter_element_content {
        margin-bottom: 30px;
    }

    #digitalElephantFilter_box .checkbox-inline, #digitalElephantFilter_box .radio-inline, .digitalElephantFilter_type_checkbox label {
        padding: 4px 0 6px 0;
        cursor: default;
    }

    #digitalElephantFilter_box .checkbox-inline, #digitalElephantFilter_box .radio-inline, .digitalElephantFilter_type_checkbox label {
        padding: 4px 0 6px 0;
        cursor: default;
        position: relative;
    }

    #digitalElephantFilter_box .checkbox-inline span span, #digitalElephantFilter_box .radio-inline span span, .digitalElephantFilter_type_checkbox label span span {
        font-style: normal;
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        color: #999999;
    }

    #filter_type_image i {
        font-style: normal !important;
        opacity: 0.5;
    }

    #digitalElephantFilter_box .checkbox-inline input, #digitalElephantFilter_box .checkbox-inline span, #digitalElephantFilter_box .radio-inline input, #digitalElephantFilter_box .radio-inline span, .digitalElephantFilter_type_checkbox label {
        cursor: pointer;
        line-height: 22px;
    }

    .digitalElephantFilter_type_checkbox label img {
        margin-right: 5px;
    }

    #digitalElephantFilter_box .filter_type_image img {
        cursor: pointer;
        padding-bottom: 3px;
        border-bottom: 2px solid transparent;
    }

    #digitalElephantFilter_box .filter_type_image input:disabled + img {
        cursor: default;
    }

    #digitalElephantFilter_box .filter_type_image input[type="checkbox"]:checked img, #digitalElephantFilter_box .filter_type_image input[type="radio"]:checked img, #digitalElephantFilter_box .filter_type_image input[type="checkbox"]:checked + img, #digitalElephantFilter_box .filter_type_image input[type="radio"]:checked + img {
        border-bottom: 2px solid #111111;
    }

    #digitalElephantFilter_box input, #digitalElephantFilter_box input + img {
        /*cursor:cursor;*/
    }

    #digitalElephantFilter_box .filter_type_image input[type="checkbox"] + img {
        margin-right: 3px;
    }

    #digitalElephantFilter_box input[type="checkbox"], #digitalElephantFilter_box input[type="radio"] {
        display: none;
    }

    #digitalElephantFilter_box input[type="checkbox"] + label:after, #digitalElephantFilter_box input[type="radio"] + span:before {
        font-size: 12px;
    }

    #digitalElephantFilter_box input[type="checkbox"] + span:before, #digitalElephantFilter_box input[type="radio"] + span:before {
        content: "\f00c";
        color: #ffffff;
        font-size: 10px;
        display: inline-block;
        margin-right: 8px;
        text-align: center;
        width: 20px;
        height: 20px;
        border: 1px solid #aaaaaa;
        font-family: FontAwesome;
        vertical-align: top;
        line-height: 17px;
    }

    #digitalElephantFilter_box input[type="radio"] + span:before {
        content: "\f111";
        font-size: 5px;
        line-height: 20px;
        border-radius: 50%;
    }

    #digitalElephantFilter_box input[type="checkbox"]:checked + span:before, #digitalElephantFilter_box input[type="radio"]:checked + span:before {
        color: #444444;
    }

    #digitalElephantFilter_box .digitalElephantFilter_type_radio label, #digitalElephantFilter_box .digitalElephantFilter_type_checkbox label {
        width: 100%;
    }

    .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
        margin-left: 0;
    }

    #digitalElephantFilter_box .digitalElephantFilter_btn td {
        padding: 0px;
    }

    #digitalElephantFilter_box input.btn {
        width: 100%;
    }

    .hold-on {
        background: rgba(255, 255, 255, 0.4);
        width: 100%;
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
    }

    #digitalElephantFilter_box input:disabled + span, #digitalElephantFilter_box input:disabled + img + span {
        cursor: default;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7;
        cursor: default;
    }

    #digitalElephantFilter_box input:disabled + img {
        cursor: default;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        -moz-opacity: 0.3;
        -khtml-opacity: 0.3;
        opacity: 0.3;
        cursor: default;
    }

    .ui-slider {
        position: relative;
        text-align: left;
        margin: 14px 0;
    }

    .price-range-holder {
        padding: 10px 0 8px;
        display: block;
    }

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

    .ui-slider-horizontal {
        height: .8em;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

    .ui-widget-content {
        height: 2px !important;
        background: #e7e7e7 !important;
        border-top: none !important;
        border-bottom: none !important;
        border-left: 2px solid #e7e7e7 !important;
        border-right: 2px solid #e7e7e7 !important;
    }

    .ui-slider-horizontal .ui-slider-handle {
        top: -9px !important;
        margin-left: -2px !important;
        border-radius: 15px !important;
    }

    .ui-state-default, .ui-widget-content .ui-state-default {
        cursor: ew-resize !important;
        width: 20px !important;
        height: 20px !important;
        border: none !important;
        outline: none;
    }

    @media (max-width: 767px) {
        .ui-slider-horizontal .ui-slider-handle {
            top: -8px !important;
            border-radius: 50% !important;
        }

        .ui-state-default, .ui-widget-content .ui-state-default {
            height: 16px !important;
        }

        .ui-state-default, .ui-widget-content .ui-state-default {
            width: 16px !important;
        }

        .ui-slider-horizontal .ui-slider-handle {
            margin-left: -8px !important;
        }

        .ui-widget-content {
            border-left: 8px solid #e7e7e7 !important;
            border-right: 8px solid #e7e7e7 !important;
        }
    }

    div.ui-slider-range.ui-widget-header, .ui-state-default, .ui-widget-content .ui-state-default {
        background: #179a94 !important;
        outline: none;
    }

    .ui-corner-all {
        border-radius: 0 !important;
    }

    /* Slider */
    .tab-content.has-carousel > .tab-pane {
        display: block;
        height: 0;
    }

    #column-left .swiper-container {
        max-height: 500px;
        overflow: hidden;
    }

    #column-left .swiper-slide img {
        width: 100%;
        object-fit: cover;
    }

    @media (max-width: 1024px) {
        .tab-content.has-carousel > .tab-pane .grid-holder {
            padding-bottom: 0px;
            padding-top: 6px;
        }

        .tab-content.has-carousel > .tab-pane .grid-holder .wrap-balance {
        }

        .tab-content.has-carousel > .product-widget {
            margin-left: 0px;
            margin-right: 0px;
        }

        .most-viewed-module .tab-content.has-carousel > .product-widget {
            margin-left: 0px;
            margin-right: 0px;
        }

        .tab-content.has-carousel > .active .arrow-left, .tab-content.has-carousel > .active .arrow-right {
            display: none;
        }
    }

    .tab-content.has-carousel > .active {
        height: auto;
        padding-top: 0px;
    }

    .quickview-info .carousel .arrow-left, .quickview-info .carousel .arrow-right {
        display: block;
        padding: 10px;
        position: absolute;
        z-index: 8;
        top: 93%;
        margin-top: -20px;
        color: #000000;
        font-size: 14px;
        opacity: 1;
        transition: left 300ms, right 300ms, opacity 300ms;
        padding: 12px;
        background-color: #ffffff00;
    }

    #column-left .carousel .arrow-left, #column-left .carousel .arrow-right {
        background-color: #048b4600;
        color: #000;
    }

    .carousel .arrow-left, .carousel .arrow-right {
        display: block;
        padding: 12px 15px;
        position: absolute;
        z-index: 8;
        top: 45%;
        margin-top: -20px;
        color: #000000;
        font-size: 15px;
        opacity: 1;
        transition: left 300ms, right 300ms, opacity 300ms;
        background-color: #e7e7e7;
        border-radius: 30px;
        width: 40px;
        height: 40px;
    }

    .carousel .arrow-right.within, .column .carousel .arrow-right {
        right: 25px;
    }

    .quickview-info .column .carousel .arrow-left, .quickview-info .column .carousel .arrow-right {
        font-size: 22px;
    }

    .quickview-info .carousel .within.arrow-left {
        right: 35px;
        left: auto!important;
    }

    .quickview-info .carousel .within.arrow-right {
        right: 5px!important;
    }

    .carousel:hover .arrow-right, .carousel:hover .arrow-left, .carousel.sticky-arrows .slick-arrow.visible {
        opacity: 1;
        transition: left 300ms, right 300ms, opacity 300ms;
    }

    .carousel.sticky-arrows .slick-arrow {
        opacity: 0 !important;
    }

    .carousel.sticky-arrows .slick-arrow.visible {
        opacity: 1 !important;
    }

    .carousel:hover .slick-disabled, .sticky-arrows .visible .slick-disabled {
        cursor: default;
        opacity: 0.3 !important;
    }

    /* None hover */
    .look-wrapperleft .carousel .arrow-left {
        left: 25px;
        padding: 12px 12px;
    }

    .look-wrapperleft .carousel .arrow-right {
        right: 20px;
        padding: 12px 14px;
    }

    .look-wrapperright .carousel .arrow-left {
        left: 25px;
        padding: 12px 12px;
    }

    .look-wrapperright .carousel .arrow-right {
        right: 20px;
        padding: 12px 14px;
    }

    .carousel .arrow-left {
        left: 8px;
        padding: 12px 16px;
    }

    .carousel .arrow-right {
        right: 8px;
        padding: 12px 18px;
    }

    /* Sticky arrows */
    @media (min-width: 992px) {
        .sticky-arrows .arrow-left {
            left:20px;
        }

        .sticky-arrows .arrow-right {
            right: 20px;
        }
    }

    /* Hover */
    /* Mobile arrows and boxed layout arrows always visible */
    @media (min-width: 992px) {
        .boxed-layout .carousel .arrow-left {
            left:25px !important;
        }

        .boxed-layout .carousel .arrow-right {
            right: 25px !important;
        }
    }

    @media (max-width: 991px) {
        .look-column .carousel .arrow-left, .look-column .carousel .arrow-right {
            font-size:18px;
            padding: 10px;
            background: #f0f5f900;
            opacity: 1;
            display: none;
        }

        .look-column .carousel .arrow-left {
            left: 5px !important;
        }

        .look-column .carousel .arrow-right {
            right: -5px !important;
        }

        .carousel .arrow-left, .carousel .arrow-right {
            font-size: 18px;
            padding: 10px;
            background: #f0f5f900;
            /* box-shadow:0 0 4px rgba(0,0,0,0.10); */
            opacity: 1;
        }

        .carousel .arrow-left {
            left: -5px !important;
        }

        .carousel .arrow-right {
            right: -5px !important;
        }
    }

    .boxed-layout .carousel .arrow-left, .boxed-layout .carousel .arrow-right {
        font-size: 18px;
        line-height: 18px;
        padding: 10px;
        background: #ffffff;
        box-shadow: 0 0 4px rgba(0,0,0,0.10);
        opacity: 1;
    }

    /* within arrows */
    .carousel .arrow-left.within, .column .carousel .arrow-left {
        left: 2px;
    }

    .carousel:hover .arrow-left.within, .column .carousel:hover .arrow-left {
        left: 2px;
    }

    .carousel .arrow-right.within, .column .carousel .arrow-right {
        right: 2px;
    }

    .carousel:hover .arrow-right.within, .column .carousel:hover .arrow-right {
        /* right: 3px; */
    }

    .search-field .btn .icon-magnifier:before {
        content: "\e090";
        transform: rotate(0deg);
    }

    /* Cart icon */
    .global-cart:before {
        transform: rotate(0deg);
    }

    .global-cart-basket .global-cart:before {
        content: "\e04e";
    }

    .global-cart-handbag .global-cart:before {
        content: "\e035";
    }

    .global-cart-bag .global-cart:before {
        content: "\e04f";
    }

    .global-cart-briefcase .global-cart:before {
        content: "\e04b";
    }

    .global-cart-shoppingbag .global-cart::before {
        content: "\f290";
    }

    .global-cart-shoppingbasket .global-cart::before {
        content: "\f291";
    }

    /* MasterSlider Start */
    .master-slider {
        position: relative;
        visibility: hidden;
        -moz-transform: translate3d(0 , 0 , 0);
        overflow: hidden;
        line-height: 1.7;
        margin-top: -60px!important;
    }

    @media (max-width: 1199px) {
        .master-slider {
            min-height:0 !important;
        }
    }

    .master-slider, .master-slider * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .master-slider.ms-fullheight {
        height: 100%;
    }

    .ms-layout-partialview .ms-view {
        overflow: visible;
        background-color: transparent;
    }

    .ms-layout-partialview .ms-container {
        overflow: hidden;
    }

    .master-slider img, .ms-slide-bgvideocont video {
        max-width: none;
        margin-top: 0!important;
    }

    .ms-moz .ms-slide-bgcont>img {
        transform: translateX(0px);
    }

    .ms-loading-container {
        position: absolute;
        width: 100%;
        top: 0;
    }

    .ms-slide-auto-height {
        display: table;
    }

    .ms-no-swipe, .ms-def-cursor {
        cursor: auto !important;
    }

    .ms-ie .ms-grab-cursor {
        cursor: move;
    }

    .ms-ie .ms-grabbing-cursor {
        cursor: move;
    }

    .ms-view {
        margin: 0px auto;
        overflow: hidden;
        background: #ffffff;
        position: relative;
        -webkit-perspective: 2000px;
        -moz-perspective: 2000px;
        -ms-perspective: 2000px;
        perspective: 2000px;
    }

    .ms-view .ms-slide-container {
        position: relative;
    }

    .ms-slide {
        position: absolute;
        height: 100%;
        -webkit-transform: translateZ(0px);
        -ms-transform: translateZ(0px);
        -o-transform: translateZ(0px);
        transform: translateZ(0px);
    }

    .ms-wk .ms-slide {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }

    .ms-slide .ms-slide-bgcont, .ms-slide .ms-slide-bgvideocont {
        position: absolute;
        overflow: hidden;
        width: 100%;
    }

    .ms-slide .ms-slide-link {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 999;
    }

    .ms-ie .ms-slide-link {
    }

    .ms-slide .ms-slide-bgvideocont {
        z-index: 105;
        height: 100%;
    }

    .ms-wk .ms-slide .ms-slide-bgvideocont, .ms-wk .ms-slide-bgvideocont>video {
        -webkit-transform: translateZ(0.3px);
        transform: translateZ(0.3px);
    }

    .ms-slide .ms-slide-bgvideo {
        position: absolute;
        top: 0px;
    }

    .ms-inner-controls-cont, .ms-container {
        position: relative;
        margin: 0 auto;
    }

    .ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .ms-slide .ms-layer, .ms-fixed-layers .ms-layer, .ms-overlay-layers .ms-layer {
        position: absolute;
        pointer-events: auto;
    }

    .ms-slide .ms-layer.ms-btn.btn-primary {
        border-radius: 50px;
    }

    .ms-slide .ms-layer.image {
        width: auto !important;
    }

    @media (max-width: 768px) {
        .ms-slide .ms-layer.image {
            width: 100% !important;
            height: auto !important;
            left: 0px!important;
        }
    }

    .ms-layer-mask {
        position: absolute;
        overflow: hidden;
    }

    .ms-layer-mask .ms-layer {
        position: relative;
    }

    .ms-slide .ms-slide-layers, .ms-overlay-layers .ms-slide-layers, .ms-fixed-layers {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 109;
        top: 0px;
        pointer-events: none;
    }

    .ms-parallax-layer {
        width: 100%;
        position: absolute;
        top: 0;
    }

    .ms-scroll-parallax-cont {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .ms-wk .ms-scroll-parallax-cont {
        -webkit-transform: translateZ(0.4px);
        transform: translateZ(0.4px);
    }

    .ms-action-layer {
        cursor: pointer;
    }

    @media (max-width: 768px) {
        .ms-btn-container {
            margin-top: 7%!important;
        }
    }

    .ms-btn-container {
        position: absolute;
        width: auto !important;
    }

    .ms-btn {
        white-space: nowrap;
        width: auto !important;
    }

    .master-slider .btn-tiny {
        border-width: 1px;
        padding: 5px 12px;
    }

    .ms-default-btn:active {
        top: 1px;
    }

    /* controls */
    .ms-thumb-list {
        overflow: hidden;
        position: absolute;
    }

    .ms-bullet {
        cursor: pointer;
        float: left;
    }

    .ms-bullets.ms-dir-h {
        position: absolute;
        bottom: 9px;
        right: 50%;
        width: 100px;
    }

    .ms-bullets.ms-dir-h .ms-bullets-count {
        position: relative;
        right: -50%;
    }

    .ms-sbar {
        position: absolute;
    }

    .ms-sbar.ms-dir-h {
        left: 10px;
        right: 10px;
        top: 5px
    }

    .ms-sbar.ms-dir-v {
        top: 10px;
        bottom: 10px;
        right: 5px
    }

    .ms-sbar .ms-bar {
        height: 4px;
        background: #333;
        border-radius: 4px;
    }

    .ms-sbar.ms-dir-v .ms-bar {
        width: 4px;
    }

    .ms-sbar .ms-bar {
        position: relative;
        -webkit-transition: opacity 300ms;
        -moz-transition: opacity 300ms;
        -ms-transition: opacity 300ms;
        -o-transition: opacity 300ms;
        transition: opacity 300ms;
    }

    .ms-timerbar {
        width: 100%;
        bottom: 0px;
        position: absolute;
    }

    .ms-time-bar {
        -webkit-transition: width 120ms linear;
        -moz-transition: width 120ms linear;
        -ms-transition: width 120ms linear;
        -o-transition: width 120ms linear;
        transition: width 120ms linear;
    }

    .ms-android .ms-tooltip-point .ms-point-border {
        animation: none;
        -moz-animation: none;
        -webkit-animation: none;
        -o-animation: none;
    }

    .ms-nav-next:after, .ms-nav-prev:after, .circle-arrows .ms-nav-prev:before, .circle-arrows .ms-nav-next:before {
        display: block;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
        cursor: pointer;
        top: 50%;
        left: 30px;
        margin-top: -35px;
        position: absolute;
        z-index: 1;
        font-family: 'simple-line-icons';
        content: "\e605";
        color: #ffffff;
        font-size: 16px;
        border-radius: 50%;
        font-weight: 700;
        text-shadow: 0 0.25em 0.5em rgb(0 0 0 / 10%);
    }

    .ms-nav-next:after, .circle-arrows .ms-nav-next:before {
        right: 30px;
        left: auto;
        content: "\e606";
    }

    .simple-arrows .ms-nav-prev:after, .simple-arrows .ms-nav-next:after {
        font-size: 24px;
        width: 36px;
    }

    .circle-arrows .ms-nav-prev:after, .circle-arrows .ms-nav-next:after {
        background: rgba(0,0,0,0.1);
    }

    .circle-arrows .ms-nav-prev:before, .circle-arrows .ms-nav-next:before {
        font-size: 0;
        background: rgba(0,0,0,0.4);
        transform: scale(0,0);
        transition: transform 250ms;
    }

    .circle-arrows .ms-nav-prev:hover:before, .circle-arrows .ms-nav-next:hover:before {
        transform: scale(1,1);
        transition: transform 250ms;
    }

    .ms-bullet {
        width: 7px;
        height: 7px;
        border: 2px solid #e5e5e5;
        border-radius: 50%;
        margin: 0px 3px !important;
        transition: background 400ms;
    }

    .ms-bullet:hover {
        background: #cccccc;
        transition: background 400ms;
    }

    .ms-bullet-selected, .ms-bullet-selected:hover {
        background: #e5e5e5;
    }

    .ms-timerbar {
        opacity: 0.25;
        top: 0;
    }

    @media (max-width: 667px) {
        .ms-bullet, .ms-timerbar {
            opacity: 1;
        }

        .ms-nav-next, .ms-nav-prev {
            opacity: 0;
        }

        .master-slider .btn {
            border-width: 1px;
            font-size: 13px!important;
            padding: 15px 15px!important;
        }
    }

    @media (max-width: 550px) {
    }

    @media (max-width: 500px) {
    }

    @media (max-width: 450px) {
    }

    @media (max-width: 400px) {
    }

    @media (max-width: 340px) {
    }

    .kenburn .slide-bg {
        transition: transform 1500ms ease-in-out;
        transition-delay: 2000ms;
    }

    .ms_ready .ms-sl-selected.kenburn .slide-bg {
        transition: transform 12s linear;
    }

    .ms_ready .ms-sl-selected.zoom-light .slide-bg {
        transform: scale(1.12,1.12);
    }

    .ms_ready .ms-sl-selected.zoom-left-light .slide-bg {
        transform: scale(1.1,1.1) translateX(-1%);
    }

    .ms_ready .ms-sl-selected.zoom-right-light .slide-bg {
        transform: scale(1.1,1.1) translateX(1%);
    }

    .ms_ready .ms-sl-selected.zoom-medium .slide-bg {
        transform: scale(1.25,1.25);
    }

    .ms_ready .ms-sl-selected.zoom-left-medium .slide-bg {
        transform: scale(1.25,1.25) translateX(-3%);
    }

    .ms_ready .ms-sl-selected.zoom-right-medium .slide-bg {
        transform: scale(1.25,1.25) translateX(3%);
    }

    .ms_ready .ms-sl-selected.zoom-hard .slide-bg {
        transform: scale(1.6,1.6);
    }

    .ms_ready .ms-sl-selected.zoom-left-hard .slide-bg {
        transform: scale(1.6,1.6) translateX(-6%);
    }

    .ms_ready .ms-sl-selected.zoom-right-hard .slide-bg {
        transform: scale(1.6,1.6) translateX(6%);
    }

    @media (max-width: 1024px) {
        .featherlight {
            display: none;
            position: fixed;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 102;
            text-align: right;
            /* Changed from center to right */
            white-space: nowrap;
            cursor: pointer;
            background: rgba(0, 0, 0, 0);
            overflow: hidden;
            height: 100vh;
        }

        .featherlight:last-of-type {
            background: rgb(0 0 0 / 7%);
            backdrop-filter: blur(1px);
        }

        .featherlight .featherlight-content .review_link {
            margin-top: 10px;
            display: block;
        }

        .featherlight .featherlight-content {
            position: relative;
            text-align: left;
            vertical-align: top;
            display: inline-block;
            padding: 0;
            margin-right: 0;
            height: 60%;
            width: 60vh;
            background: #ffffff;
            cursor: auto;
            white-space: normal;
            /* Start offscreen */
            border-radius: 0px 0 0 0px;
            overflow: visible;
            transform: translateY(80%);
        }

        .quickview-top-wrapper {
            display: block;
            height: 40%;
        }

        .quickview-middle-wrapper {
            display: block;
            height: 0%;
            padding: 0px 10px;
        }

        .quickview-bottom-wrapper {
            display: block;
            height: 60%;
            padding: 0px 14px 0px 10px;
            position: relative;
        }

        .quickview-top-content {
            float: left;
            padding: 10px 0px;
            width: 52%;
        }

        .quickview-top-image {
            float: left;
            padding: 10px 15px 0px;
        }

        .quickview-bottom-content {
            display: block;
            width: 95%;
            position: absolute;
            z-index: 9;
            bottom: 10px;
            padding: 0px 5px;
        }

        html.fl-anim .featherlight .featherlight-content {
            /* Slide in to visible */
            transform: translateY(0);
            transition: transform 350ms ease-in-out;
        }
    }

    @media (min-width: 1025px) {
        html.fl-anim .featherlight .featherlight-content {
            right: 0vh;
            /* Slide in to visible */
            transition: right 500ms ease-in;
        }

        .featherlight {
            display: none;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 102;
            text-align: right;
            /* Changed from center to right */
            white-space: nowrap;
            /* cursor: pointer; */
            background: rgba(0, 0, 0, 0);
            overflow: hidden;
        }

        .featherlight:last-of-type {
            background: rgba(0, 0, 0, 0.75);
            backdrop-filter: blur(3px);
        }

        .featherlight .featherlight-content .review_link {
            margin-top: 10px;
            /* display: block; */
            margin-left: 5px;
            color: #000;
        }

        .featherlight .featherlight-content {
            position: relative;
            text-align: left;
            vertical-align: top;
            display: inline-block;
            padding: 0;
            margin-right: 0;
            height: 100vh;
            width: 65vh;
            background: #ffffff;
            cursor: auto;
            white-space: normal;
            right: -500px;
            /* Start offscreen */
            transition: right 300ms ease-in;
            border-radius: 0px 0 0 0px;
            overflow: visible;
        }

        .quickview-top-wrapper {
            display: block;
            height: 45%;
        }

        .quickview-middle-wrapper {
            display: block;
            height: 25%;
            padding: 0px 10px;
        }

        .quickview-bottom-wrapper {
            display: block;
            height: 30%;
            padding: 0px 14px 0px 10px;
            position: relative;
        }

        .quickview-top-content {
            float: left;
            padding: 15px 10px;
            width: 290px;
        }

        .quickview-top-image {
            float: left;
            width: 240px;
            padding: 15px 15px 0px;
        }

        .quickview-bottom-content {
            display: block;
            width: 59vh;
            position: absolute;
            z-index: 9;
            bottom: 0px;
            padding: 0px 10px;
        }
    }

    .quickview-top-content h1 {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .quickview-top-content .price-old {
        font-size: 16px;
        color: #878686;
        margin-right: 10px;
    }

    .quickview-top-content .live-price-new, .quickview-top-content .live-price {
        font-size: 18px;
        margin-left: 0px;
    }

    .featherlight .featherlight-close-icon {
        position: absolute;
        z-index: 9999999999;
        top: 15px;
        right: 15px;
        line-height: 12px;
        width: 25px;
        height: 25px;
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        font-size: 11px;
        background: #dcdcdc;
        color: #000000;
        padding: 6px;
        box-shadow: 0 0 4px rgba(0,0,0,0.10);
        border-radius: 30px;
        font-weight: 900;
    }

    /* Remove the before pseudo-element as we don't need vertical centering */
    .featherlight:before {
        content: none;
    }

    @media (max-width: 767px) {
        .featherlight .featherlight-content {
            width: 100% !important;
            border-radius: 15px;
            transition: transform 350ms ease-in-out;
            bottom: -42vh;
        }
    }

    /* Popup notifications */
    @media (max-width: 768px) {
        @keyframes note {
            0% {
                margin-top:25px;
                opacity: 0;
            }

            10% {
                margin-top: 0;
                opacity: 1;
            }

            90% {
                margin-top: 0;
                opacity: 1;
            }

            100% {
                margin-top: 25px;
                opacity: 0;
            }
        }

        .popup-note {
            position: fixed;
            top: 0px;
            right: 0px;
            z-index: 103;
            background: #ffffff;
            /* box-shadow:0 0 5px rgba(0,0,0,0.2); */
            animation: note 6500ms forwards;
            width: 100%;
            max-width: 100%;
            border-radius: 0px;
        }

        .popup-note .inner {
            position: relative;
            display: block;
            padding-right: 20px;
        }

        .popup-note .popup-note-close {
            position: absolute;
            top: 10px;
            right: 10px;
            display: inline-block;
            height: 22px;
            width: 22px;
            line-height: 22px;
            text-align: center;
            color: #000000;
            font-size: 21px;
        }

        .popup-note .table .table-cell {
            padding: 15px;
        }

        .popup-note .table .table-cell.img {
            padding-right: 2px;
            min-width: 70px;
            max-width: 90px;
        }

        .popup-note .table a {
            border-bottom: 1px dotted #bbbbbb;
        }
    }

    @media (min-width: 769px) {
        @keyframes note {
            0% {
                margin-top:25px;
                opacity: 0;
            }

            10% {
                margin-top: 0;
                opacity: 1;
            }

            90% {
                margin-top: 0;
                opacity: 1;
            }

            100% {
                margin-top: 25px;
                opacity: 0;
            }
        }

        .popup-note {
            position: fixed;
            top: 40px;
            right: 25px;
            z-index: 105;
            background: #ffffff;
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
            animation: note 6500ms forwards;
            width: 320px;
            max-width: 85%;
            border-radius: 10px;
        }

        .popup-note .inner {
            position: relative;
            display: block;
            padding-right: 20px;
        }

        .popup-note .popup-note-close {
            position: absolute;
            top: 10px;
            right: 10px;
            display: inline-block;
            height: 22px;
            width: 22px;
            line-height: 22px;
            text-align: center;
            color: #000000;
            font-size: 22px;
        }

        .popup-note .table .table-cell {
            padding: 15px;
        }

        .popup-note .table .table-cell.img {
            padding-right: 2px;
            min-width: 70px;
        }

        .popup-note .table a {
            border-bottom: 1px dotted #bbbbbb;
        }
    }

    /* Popup notifications end *
/* Newsletter / HTML popup */
    @media (min-width: 768px) {
        .popup-window .img-cell img {
            max-width: 468px;
        }
    }

    .popup-window .content-cell {
        padding: 25px 35px;
    }

    @media (max-width: 767px) {
        .popup-window {
            max-height:96% !important;
            overflow: auto;
        }

        .popup-window .table-cell {
            display: block;
        }
    }

    /* Cookie bar */
    @keyframes slideup {
        0% {
            transform: translateY(100%);
        }

        60% {
            transform: translateY(100%);
        }

        100% {
            transform: translateY(0)
        }
    }

    .basel_cookie_bar {
        background: #ffffff;
        position: fixed;
        bottom: 10px;
        left: 10px;
        right: 0;
        color: #000000;
        padding: 30px 25px 30px;
        z-index: 9999;
        animation: slideup 2000ms forwards;
        width: 22%;
        text-align: center;
        border-radius: 5px;
        -moz-box-shadow: inset 0 15px 15px -15px rgba(255,255,255,.1), 0 0 2px rgba(0,0,0,.15);
        -webkit-box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 10%), 0 0 2px rgb(0 0 0 / 15%);
        box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 10%), 0 0 2px rgb(0 0 0 / 15%);
        font-size: 14px;
    }

    .btn.btn-contrast.cookie-left {
        margin-right: 10px;
    }

    .basel_cookie_bar .table-cell {
        padding: 10px 0px;
        width: 100%;
    }

    .basel_cookie_bar .button-cell {
        margin-top: 35px;
    }

    .basel_cookie_bar .table-cell h2 {
        color: #5f5f5f;
    }

    @media (max-width: 767px) {
        .basel_cookie_bar {
            background: #e5e5e5;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            color: #4a4a4a;
            padding: 30px 20px 30px;
            z-index: 999;
            animation: slideup 2000ms forwards;
            width: 100%;
        }

        .product-info.quickview-info .table-cell.right h1 {
            font-size: 18px!important;
        }

        .basel_cookie_bar .table-cell {
            display: block;
            width: 100%;
        }

        .basel_cookie_bar .table-cell h2 {
            display: block;
            color: #5f5f5f;
        }

        .basel_cookie_bar .table-cell .btn {
            display: block;
            margin-bottom: 10px;
        }
    }

    .basel_cookie_bar .table-cell.button-cell {
        white-space: nowrap;
    }

    .basel_cookie_bar .table-cell.button-cell .btn-tiny {
        border-width: 2px;
        padding: 5px 15px;
        font-size: 0.85em;
    }

    .basel_cookie_bar .table-cell.button-cell .more-info {
        margin-left: 20px;
        color: #ffffff;
        padding: 2px 0;
    }

    .basel_cookie_bar .table-cell.button-cell .more-info:after {
        opacity: 1;
        background: #ffffff;
    }

    /* Top promo message */
    .top_notificaiton {
        background: #000000;
    }

    @media (max-width: 768px) {
        .top_notificaiton {
            height: 41px!important;
            font-size: 15px!important;
            letter-spacing: 1px;
            /* display: none; */
        }
    }

    .top_notificaiton {
        color: #ffffff;
        height: 30px;
        background-color: #313131!important;
        background-size: contain;
        font-size: 12px;
        text-align: center;
        position: relative;
        z-index: 11;
        width: 100%;
        letter-spacing: 0.5px;
        /* font-family: Cairo, arial; */
    }

    .top_notificaiton a {
        text-decoration: none;
    }

    .top_notificaiton a:hover {
    }

    @media (max-width: 768px) {
        .top_notificaiton .table {
            font-size: 13px;
        }

        .top_notificaiton .table img {
            position: relative;
            transform: scale(3);
            top: 0px;
        }
    }

    .top_notificaiton .table {
        padding: 0px 0;
    }

    .top_notificaiton .has-close.text-center .table {
        padding-left: 25px;
    }

    .top_notificaiton .table-cell.text-right {
        min-width: 25px;
    }

    .top_notificaiton .table .top_promo_close {
        font-size: 25px;
        font-family: Verdana, Geneva, sans-serif;
        text-decoration: none;
    }

    .top_notificaiton .table .top_promo_close:hover {
    }

    /* Sitemap */
    ul.sitemap {
        margin-bottom: 30px;
        line-height: 1.4;
    }

    ul.sitemap > li {
        margin-bottom: 20px;
    }

    ul.sitemap > li > a, ul.sitemap > li > span {
        font-size: 1.2em;
    }

    ul.sitemap > li > ul > li, ul.sitemap > li > ul > li > ul > li {
        margin: 6px 0px;
    }

    ul.sitemap > li > ul > li a:before {
        content: "- ";
    }

    ul.sitemap > li > ul > li > a {
        margin-left: 12px;
        opacity: 0.8;
    }

    ul.sitemap > li > ul > li > ul > li > a {
        margin-left: 28px;
        opacity: 0.8;
    }

    /* Brand Index */
    .brand-letter {
        border-bottom: 1px solid #eeeeee;
        margin-bottom: 20px;
        padding-bottom: 12px;
    }

    .brand-letter h2 {
        margin-bottom: 10px;
    }

    /* Custom Features */
    .ellipsis-wrap {
        display: table;
        table-layout: fixed;
        width: 100%;
        border-collapse: collapse;
        border-spacing: 0;
        border: 0;
        line-height: 20px;
    }

    .ellipsis-wrap strong {
        font-weight: 700;
    }

    .ellipsis-wrap .text-one-line {
        display: table-cell;
    }

    .text-one-line, .cut-names .product-name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 100%;
        font-weight: 400;
        letter-spacing: 0px;
    }

    /* Catalog mode */
    .catalog_mode .catalog_hide {
        display: none !important;
    }

    .wishlist_disabled .is_wishlist {
        display: none !important;
    }

    .compare_disabled .is_compare, .compare_disabled #compare-total {
        display: none !important;
    }

    .quickview_disabled .is_quickview {
        display: none !important;
    }

    .hide_ex_tax .list .item.single-product .price-tax, .hide_ex_tax p.info.p-tax {
        display: none;
    }

    /* Icon Classes */
    .icon-user-female, .icon-people, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-user, .icon-trophy, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope, .icon-envelope-open, .icon-envolope-letter, .icon-energy, .icon-emotsmile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet2, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawar, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calender, .icon-bulb, .icon-chart, .icon-arrow-up-circle, .icon-arrow-right-circle, .icon-arrow-left-circle, .icon-arrow-down-circle, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envolope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-location-pin, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symble-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-line-menu, .icon-phone, .icon-menu, .icon-optionsvertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-paypal, .icon-social-instagram, .icon-social-linkedin, .icon-social-pintarest, .icon-social-github, .icon-social-gplus, .icon-social-reddit, .icon-social-skype, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-line-plus, .icon-line-cross, .icon-line-minus, .icon-google-plus-square, .icon-google-plus, .icon-google, .icon-shopping-bag, .icon-shopping-basket, .icon-heart2, .icon-cloud, .icon-tv, .icon-sound, .icon-video, .icon-trash2, .icon-user2, .icon-key2, .icon-search, .icon-settings2, .icon-camera2, .icon-tag2, .icon-lock2, .icon-bulb2, .icon-pen2, .icon-diamond2, .icon-display, .icon-location, .icon-eye2, .icon-bubble2, .icon-stack, .icon-cup2, .icon-phone2, .icon-news, .icon-mail, .icon-like2, .icon-photo, .icon-note2, .icon-clock2, .icon-paperplane, .icon-params, .icon-banknote, .icon-data, .icon-music, .icon-megaphone, .icon-study, .icon-lab, .icon-food, .icon-t-shirt, .icon-fire2, .icon-clip, .icon-shop, .icon-calendar, .icon-wallet, .icon-vynil, .icon-truck, .icon-world, .global-cart, .global-wishlist {
        font-family: 'simple-line-icons';
        speak: none;
        font-style: normal !important;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
    }

    .icon-user-female:before {
        content: "\e000";
    }

    .icon-people:before {
        content: "\e001";
    }

    .icon-user-follow:before {
        content: "\e002";
    }

    .icon-user-following:before {
        content: "\e003";
    }

    .icon-user-unfollow:before {
        content: "\e004";
    }

    .icon-user:before {
        content: "\e005";
    }

    .icon-trophy:before {
        content: "\e006";
    }

    .icon-speedometer:before {
        content: "\e007";
    }

    .icon-social-youtube:before {
        content: "\e008";
    }

    .icon-social-twitter:before {
        content: "\e009";
    }

    .icon-social-tumblr:before {
        content: "\e00a";
    }

    .icon-social-facebook:before {
        content: "\e00b";
    }

    .icon-social-dropbox:before {
        content: "\e00c";
    }

    .icon-social-dribbble:before {
        content: "\e00d";
    }

    .icon-shield:before {
        content: "\e00e";
    }

    .icon-screen-tablet:before {
        content: "\e00f";
    }

    .icon-screen-smartphone:before {
        content: "\e010";
    }

    .icon-screen-desktop:before {
        content: "\e011";
    }

    .icon-plane:before {
        content: "\e012";
    }

    .icon-notebook:before {
        content: "\e013";
    }

    .icon-mustache:before {
        content: "\e014";
    }

    .icon-mouse:before {
        content: "\e015";
    }

    .icon-magnet:before {
        content: "\e016";
    }

    .icon-magic-wand:before {
        content: "\e017";
    }

    .icon-hourglass:before {
        content: "\e018";
    }

    .icon-graduation:before {
        content: "\e019";
    }

    .icon-ghost:before {
        content: "\e01a";
    }

    .icon-game-controller:before {
        content: "\e01b";
    }

    .icon-fire:before {
        content: "\e01c";
    }

    .icon-eyeglass:before {
        content: "\e01d";
    }

    .icon-envelope:before {
        content: "\e086";
    }

    .icon-envelope-open:before {
        content: "\e01e";
    }

    .icon-envolope-letter:before {
        content: "\e01f";
    }

    .icon-energy:before {
        content: "\e020";
    }

    .icon-emotsmile:before {
        content: "\e021";
    }

    .icon-disc:before {
        content: "\e022";
    }

    .icon-cursor-move:before {
        content: "\e023";
    }

    .icon-crop:before {
        content: "\e024";
    }

    .icon-credit-card:before {
        content: "\e025";
    }

    .icon-chemistry:before {
        content: "\e026";
    }

    .icon-bell:before {
        content: "\e027";
    }

    .icon-badge:before {
        content: "\e028";
    }

    .icon-anchor:before {
        content: "\e029";
    }

    .icon-wallet2:before {
        content: "\e02a";
    }

    .icon-vector:before {
        content: "\e02b";
    }

    .icon-speech:before {
        content: "\e02c";
    }

    .icon-puzzle:before {
        content: "\e02d";
    }

    .icon-printer:before {
        content: "\e02e";
    }

    .icon-present:before {
        content: "\e02f";
    }

    .icon-playlist:before {
        content: "\e030";
    }

    .icon-pin:before {
        content: "\e031";
    }

    .icon-picture:before {
        content: "\e032";
    }

    .icon-map:before {
        content: "\e033";
    }

    .icon-layers:before {
        content: "\e034";
    }

    .icon-handbag:before {
        content: "\e035";
    }

    .icon-globe-alt:before {
        content: "\e036";
    }

    .icon-globe:before {
        content: "\e037";
    }

    .icon-frame:before {
        content: "\e038";
    }

    .icon-folder-alt:before {
        content: "\e039";
    }

    .icon-film:before {
        content: "\e03a";
    }

    .icon-feed:before {
        content: "\e03b";
    }

    .icon-earphones-alt:before {
        content: "\e03c";
    }

    .icon-earphones:before {
        content: "\e03d";
    }

    .icon-drop:before {
        content: "\e03e";
    }

    .icon-drawar:before {
        content: "\e03f";
    }

    .icon-docs:before {
        content: "\e040";
    }

    .icon-directions:before {
        content: "\e041";
    }

    .icon-direction:before {
        content: "\e042";
    }

    .icon-diamond:before {
        content: "\e043";
    }

    .icon-cup:before {
        content: "\e044";
    }

    .icon-compass:before {
        content: "\e045";
    }

    .icon-call-out:before {
        content: "\e046";
    }

    .icon-call-in:before {
        content: "\e047";
    }

    .icon-call-end:before {
        content: "\e048";
    }

    .icon-calculator:before {
        content: "\e049";
    }

    .icon-bubbles:before {
        content: "\e04a";
    }

    .icon-briefcase:before {
        content: "\e04b";
    }

    .icon-book-open:before {
        content: "\e04c";
    }

    .icon-basket-loaded:before {
        content: "\e04d";
    }

    .icon-basket:before {
        content: "\e04e";
    }

    .icon-bag:before {
        content: "\e04f";
    }

    .icon-action-undo:before {
        content: "\e050";
    }

    .icon-action-redo:before {
        content: "\e051";
    }

    .icon-wrench:before {
        content: "\e052";
    }

    .icon-umbrella:before {
        content: "\e053";
    }

    .icon-trash:before {
        content: "\e054";
    }

    .icon-tag:before {
        content: "\e055";
    }

    .icon-support:before {
        content: "\e056";
    }

    .icon-size-fullscreen:before {
        content: "\e057";
    }

    .icon-size-actual:before {
        content: "\e058";
    }

    .icon-shuffle:before {
        content: "\e059";
    }

    .icon-share-alt:before {
        content: "\e05a";
    }

    .icon-share:before {
        content: "\e05b";
    }

    .icon-rocket:before {
        content: "\e05c";
    }

    .icon-question:before {
        content: "\e05d";
    }

    .icon-pie-chart:before {
        content: "\e05e";
    }

    .icon-pencil:before {
        content: "\e05f";
    }

    .icon-note:before {
        content: "\e060";
    }

    .icon-music-tone-alt:before {
        content: "\e061";
    }

    .icon-music-tone:before {
        content: "\e062";
    }

    .icon-microphone:before {
        content: "\e063";
    }

    .icon-loop:before {
        content: "\e064";
    }

    .icon-logout:before {
        content: "\e065";
    }

    .icon-login:before {
        content: "\e066";
    }

    .icon-list:before {
        content: "\e067";
    }

    .icon-like:before {
        content: "\e068";
    }

    .icon-home:before {
        content: "\e069";
    }

    .icon-grid:before {
        content: "\e06a";
    }

    .icon-graph:before {
        content: "\e06b";
    }

    .icon-equalizer:before {
        content: "\e06c";
    }

    .icon-dislike:before {
        content: "\e06d";
    }

    .icon-cursor:before {
        content: "\e06e";
    }

    .icon-control-start:before {
        content: "\e06f";
    }

    .icon-control-rewind:before {
        content: "\e070";
    }

    .icon-control-play:before {
        content: "\e071";
    }

    .icon-control-pause:before {
        content: "\e072";
    }

    .icon-control-forward:before {
        content: "\e073";
    }

    .icon-control-end:before {
        content: "\e074";
    }

    .icon-calender:before {
        content: "\e075";
    }

    .icon-bulb:before {
        content: "\e076";
    }

    .icon-chart:before {
        content: "\e077";
    }

    .icon-arrow-up-circle:before {
        content: "\e078";
    }

    .icon-arrow-right-circle:before {
        content: "\e079";
    }

    .icon-arrow-left-circle:before {
        content: "\e07a";
    }

    .icon-arrow-down-circle:before {
        content: "\e07b";
    }

    .icon-ban:before {
        content: "\e07c";
    }

    .icon-bubble:before {
        content: "\e07d";
    }

    .icon-camrecorder:before {
        content: "\e07e";
    }

    .icon-camera:before {
        content: "\e07f";
    }

    .icon-check:before {
        content: "\e080";
    }

    .icon-clock:before {
        content: "\e081";
    }

    .icon-close:before {
        content: "\e082";
    }

    .icon-cloud-download:before {
        content: "\e083";
    }

    .icon-cloud-upload:before {
        content: "\e084";
    }

    .icon-doc:before {
        content: "\e085";
    }

    .icon-envolope:before {
        content: "\e086";
    }

    .icon-eye:before {
        content: "\e087";
    }

    .icon-flag:before {
        content: "\e088";
    }

    .icon-folder:before {
        content: "\e089";
    }

    .icon-heart:before {
        content: "\e08a";
    }

    .icon-info:before {
        content: "\e08b";
    }

    .icon-key:before {
        content: "\e08c";
    }

    .icon-link:before {
        content: "\e08d";
    }

    .icon-lock:before {
        content: "\e08e";
    }

    .icon-lock-open:before {
        content: "\e08f";
    }

    .icon-magnifier:before {
        content: "\e090";
    }

    .icon-magnifier-add:before {
        content: "\e091";
    }

    .icon-magnifier-remove:before {
        content: "\e092";
    }

    .icon-paper-clip:before {
        content: "\e093";
    }

    .icon-paper-plane:before {
        content: "\e094";
    }

    .icon-plus:before {
        content: "\e095";
    }

    .icon-location-pin:before {
        content: "\e096";
    }

    .icon-power:before {
        content: "\e097";
    }

    .icon-refresh:before {
        content: "\e098";
    }

    .icon-reload:before {
        content: "\e099";
    }

    .icon-settings:before {
        content: "\e09a";
    }

    .icon-star:before {
        content: "\e09b";
    }

    .icon-symble-female:before {
        content: "\e09c";
    }

    .icon-symbol-male:before {
        content: "\e09d";
    }

    .icon-target:before {
        content: "\e09e";
    }

    .icon-volume-1:before {
        content: "\e09f";
    }

    .icon-volume-2:before {
        content: "\e0a0";
    }

    .icon-volume-off:before {
        content: "\e0a1";
    }

    .icon-line-menu:before {
        content: "\e120";
    }

    .icon-phone:before {
        content: "\e600";
    }

    .icon-menu:before {
        content: "\e601";
    }

    .icon-optionsvertical:before {
        content: "\e602";
    }

    .icon-options:before {
        content: "\e603";
    }

    .icon-arrow-down:before {
        content: "\e604";
    }

    .icon-arrow-left:before {
        content: "\e605";
    }

    .icon-arrow-right:before {
        content: "\e606";
    }

    .icon-arrow-up:before {
        content: "\e607";
    }

    .icon-paypal:before {
        content: "\e608";
    }

    .icon-social-instagram:before {
        content: "\e609";
    }

    .icon-social-linkedin:before {
        content: "\e60a";
    }

    .icon-social-pintarest:before {
        content: "\e60b";
    }

    .icon-social-github:before {
        content: "\e60c";
    }

    .icon-social-gplus:before {
        content: "\e60d";
    }

    .icon-social-reddit:before {
        content: "\e60e";
    }

    .icon-social-skype:before {
        content: "\e60f";
    }

    .icon-social-behance:before {
        content: "\e610";
    }

    .icon-social-foursqare:before {
        content: "\e611";
    }

    .icon-social-soundcloud:before {
        content: "\e612";
    }

    .icon-social-spotify:before {
        content: "\e613";
    }

    .icon-social-stumbleupon:before {
        content: "\e614";
    }

    .icon-line-plus:before {
        content: "\e930";
    }

    .icon-line-cross:before {
        content: "\e931";
    }

    .icon-line-minus:before {
        content: "\e932";
    }

    .icon-google-plus-square:before {
        content: "\f0d4";
    }

    .icon-google-plus:before {
        content: "\f0d5";
    }

    .icon-google:before {
        content: "\f1a0";
    }

    .icon-shopping-bag:before {
        content: "\f290";
    }

    .icon-shopping-basket:before {
        content: "\f291";
    }

    .icon-heart2:before {
        content: "\e900";
    }

    .icon-cloud:before {
        content: "\e901";
    }

    .icon-tv:before {
        content: "\e903";
    }

    .icon-sound:before {
        content: "\e904";
    }

    .icon-video:before {
        content: "\e905";
    }

    .icon-trash2:before {
        content: "\e906";
    }

    .icon-user2:before {
        content: "\e907";
    }

    .icon-key2:before {
        content: "\e908";
    }

    .icon-search:before {
        content: "\e909";
    }

    .icon-settings2:before {
        content: "\e90a";
    }

    .icon-camera2:before {
        content: "\e90b";
    }

    .icon-tag2:before {
        content: "\e90c";
    }

    .icon-lock2:before {
        content: "\e90d";
    }

    .icon-bulb2:before {
        content: "\e90e";
    }

    .icon-pen2:before {
        content: "\e90f";
    }

    .icon-diamond2:before {
        content: "\e910";
    }

    .icon-display:before {
        content: "\e911";
    }

    .icon-location:before {
        content: "\e912";
    }

    .icon-eye2:before {
        content: "\e913";
    }

    .icon-bubble2:before {
        content: "\e914";
    }

    .icon-stack:before {
        content: "\e915";
    }

    .icon-cup2:before {
        content: "\e916";
    }

    .icon-phone2:before {
        content: "\e917";
    }

    .icon-news:before {
        content: "\e918";
    }

    .icon-mail:before {
        content: "\e919";
    }

    .icon-like2:before {
        content: "\e91a";
    }

    .icon-photo:before {
        content: "\e91b";
    }

    .icon-note2:before {
        content: "\e91c";
    }

    .icon-clock2:before {
        content: "\e91d";
    }

    .icon-paperplane:before {
        content: "\e91e";
    }

    .icon-params:before {
        content: "\e91f";
    }

    .icon-banknote:before {
        content: "\e920";
    }

    .icon-data:before {
        content: "\e921";
    }

    .icon-music:before {
        content: "\e922";
    }

    .icon-megaphone:before {
        content: "\e923";
    }

    .icon-study:before {
        content: "\e924";
    }

    .icon-lab:before {
        content: "\e925";
    }

    .icon-food:before {
        content: "\e926";
    }

    .icon-t-shirt:before {
        content: "\e927";
    }

    .icon-fire2:before {
        content: "\e928";
    }

    .icon-clip:before {
        content: "\e929";
    }

    .icon-shop:before {
        content: "\e92a";
    }

    .icon-calendar:before {
        content: "\e92b";
    }

    .icon-wallet:before {
        content: "\e92c";
    }

    .icon-vynil:before {
        content: "\e92d";
    }

    .icon-truck:before {
        content: "\e92e";
    }

    .icon-world:before {
        content: "\e92f";
    }

    /* social footer */
    .social {
        margin-top: -15px;
    }

    .social a {
        width: 35px;
        height: 35px;
        text-align: center;
        margin: 0 2px;
        display: inline-block;
        font-size: 20px;
        background: #414141;
        color: #fff!important;
        border-radius: 50px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        line-height: 36px;
    }

    .social a {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .social a.facebook:hover {
        background: #39599f;
    }

    .social a.twitter:hover {
        background: #45b0e3;
    }

    .social a.linkedin:hover {
        background: #0177B5;
    }

    .social a.youtube:hover {
        background: #C2171D;
    }

    .social a.google:hover {
        background: #E21C1B;
    }

    .quick-register-hidden {
        display: none;
    }

    .login-btn {
        width: 50%;
    }

    .register-btn {
        /* width: 50%; */
        background-color: #e2e2e2;
        color: #000;
    }

    @media (min-width: 768px) {
        .social p {
            margin-bottom: 15px!important;
        }

        .social {
            margin-top: 0px!important;
            /* float: right; */
            padding-top: 0px;
            width: 100%;
            text-align: center;
            display: inline-block;
            /* border-top: 2px dashed #f2f2f0; */
        }
    }

    @media (max-width: 767px) {
        .social {
            margin-top: 0px!important;
            text-align: center;
            padding-left: 15px;
            width: 100%;
            display: block;
        }

        .social p {
            margin-bottom: 15px!important;
        }
    }

    .right-menu {
        margin-bottom: -50px;
        height: 75px;
    }

    /* social footer */
    .siparis-sorgu a {
        color: #000!important;
        font-size: 12px;
        text-transform: capitalize;
        font-family: Poppins;
        font-weight: 400;
    }

    @media only screen and (min-width: 1000px) and (max-width: 1410px) {
        .main-menu:not(.vertical) > ul > li > a > .top {
            font-size: 13px!important;
        }
    }

    @media (max-width: 767px) {
        body > div.outer-container.main-wrapper > div:nth-child(4) > div:nth-child(8) {
            display:none;
        }

        .table.products .remove, .full-search-wrapper .search-category select, .blog_post .blog_comment, .video-jumbotron p, .compare-table table tbody tr td:first-child, .grid .single-product .product-name, .grid .single-product .product-name:hover, .list .single-product .product-name {
            font-size: 2.9vw!important;
        }

        .full-search-wrapper .search-category select {
            display: none;
        }

        .forcefullwidth_wrapper_tp_banner {
            margin-top: 0px!important;
            /* margin-bottom: 30px!important; */
            /* display: none; */
        }

        div.container.boxed.promo {
            background: url(../../../../../image/catalog/siteustbanner-mobile.jpg)!important;
            background-repeat: no-repeat;
            background-position: center;
            min-height: 70px!important;
            background-size: contain!important;
            background-repeat: no-repeat!important;
        }
    }

    @media (min-width: 769px) {
        .figure-1 {
            position: absolute;
            bottom: -32px;
            left: -46px;
            display: none;
        }

        .figure-2 {
            position: absolute;
            bottom: -38px;
            right: -92px;
            display: none;
        }

        /* basic slider */
        #slider {
            position: relative;
            overflow: hidden;
            margin: 20px 45px 0 auto;
            /* border-radius: 4px; */
            display: block;
            width: 408px;
        }

        #slider ul {
            position: relative;
            margin: 0;
            padding: 0;
            height: 622px;
            list-style: none;
        }

        #slider ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 408px;
            height: 622px;
            background: #ccc;
            text-align: center;
            /* line-height: 300px; */
        }

        a.control_prev, a.control_next {
            position: absolute;
            bottom: 0px;
            z-index: 999;
            display: block;
            padding: 2% 6%;
            width: auto;
            height: auto;
            background: #ffffff;
            color: #000;
            text-decoration: none;
            font-weight: 600;
            font-size: 18px;
            cursor: pointer;
        }

        a.control_prev:hover, a.control_next:hover {
            opacity: 1;
            -webkit-transition: all 0.2s ease;
        }

        a.control_prev {
            border-radius: 0px;
            right: 35px;
        }

        a.control_next {
            right: 0;
            border-radius: 0px;
        }

        .slider_option {
            position: relative;
            margin: 10px auto;
            width: 160px;
            font-size: 18px;
        }

        #slider > ul > li > a > span {
            position: absolute;
            left: 27px;
            top: 16px;
            font-family: Poppins;
            font-size: 17px;
        }

        #slider > ul > li > a > b {
            position: absolute;
            left: 60px;
            top: 17px;
            font-family: Poppins;
            font-size: 13px;
        }

        /* basic-slider-right */
        #slider-two {
            position: relative;
            overflow: hidden;
            margin: 0px 0px 0 auto;
            /* border-radius: 4px; */
            display: block;
            width: 590px;
        }

        #slider-two ul {
            position: relative;
            margin: 0;
            padding: 0;
            height: 590px;
            list-style: none;
        }

        #slider-two ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 590px;
            height: 625px;
            /* background: #ccc; */
            text-align: left;
            /* line-height: 300px; */
        }

        a.control_prev, a.control_next {
            position: absolute;
            bottom: 0px;
            z-index: 999;
            display: block;
            padding: 2% 5%;
            width: auto;
            height: auto;
            background: #000000;
            color: #fff;
            text-decoration: none;
            font-weight: 600;
            font-size: 18px;
            cursor: pointer;
        }

        a.control_prev:hover, a.control_next:hover {
            opacity: 1;
            -webkit-transition: all 0.2s ease;
            background-color: #e6e6e6;
        }

        a.control_prev {
            border-radius: 0px;
            right: 79px;
        }

        a.control_next {
            right: 0px;
            border-radius: 0px;
        }

        .slider_option {
            position: relative;
            margin: 10px auto;
            width: 160px;
            font-size: 18px;
        }

        #slider-two > ul > li > a > span {
            position: absolute;
            left: 27px;
            top: 16px;
            font-family: Poppins;
            font-size: 17px;
        }

        #slider-two > ul > li > a > b {
            position: absolute;
            left: 60px;
            top: 17px;
            font-family: Poppins;
            font-size: 13px;
        }

        /* right slider finish */
        .wine-promo-block .anim-underline {
            font-weight: 600;
            letter-spacing: .1em;
        }

        .wine-promo-block-two .anim-underline {
            font-weight: 600;
            letter-spacing: .1em;
        }

        .eltdf-with-custom-text {
            left: calc(100% + -10px);
        }

        .eltdf-with-custom-text {
            font-family: Montserrat,sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-transform: uppercase;
            position: absolute;
            display: block;
            top: 20px;
            width: 75%;
            height: 40px;
            line-height: 40px;
            margin: 0;
            padding: 0;
            color: #000;
            letter-spacing: .42em;
            text-align: left;
            z-index: 1;
            box-sizing: border-box;
            transform-origin: 0 0;
            -webkit-transform: rotate(90deg) translateZ(0);
            -moz-transform: rotate(90deg) translateZ(0);
            transform: rotate(90deg) translateZ(0);
        }

        .photo-item-right-box {
        }

        .photo-item-right-box img {
            padding: 141px 130px 0px 100px;
        }

        .left-box-figure {
            padding-left: 3.5em;
        }

        .left-box-figure .photo-box-figure {
            position: relative;
        }

        .left-box-figure img {
        }

        .video-jumbotron.light {
            color: #e2e2e2;
            font-family: Poppins;
            padding: 180px 0px 180px;
        }

        .video-jumbotron.light h4 {
            color: #e2e2e2;
        }

        body > div.outer-container.main-wrapper > div:nth-child(3) > div:nth-child(16) {
            display: none;
        }

        .fullwidthbanner-container {
            z-index: 0;
            margin-bottom: 0px!important;
        }
    }

    @media (max-width: 768px) {
        .figure-1 {
            position: absolute;
            width: 185px;
            bottom: -16px;
            left: 3px;
        }

        .figure-2 {
            position: absolute;
            width: 180px;
            right: -11px;
            bottom: -18px;
        }

        #gmap .address-holder {
            padding: 20px 11px;
            position: absolute;
            z-index: 2;
            background: #111111;
            display: inline-block;
            top: 58%;
            right: 25%;
            left: 4%;
        }

        .widget .widget-title .sub-line span {
            display: inline-block;
            line-height: 19px;
            letter-spacing: .02em;
            margin: 0 0px;
            font-size: 12px !important;
        }

        /* basic slider */
        #slider {
            position: relative;
            overflow: hidden;
            margin: 50px 0px 0 auto;
            /* border-radius: 4px; */
            display: block;
            width: 280px!important;
            height: 480px!important;
        }

        #slider ul {
            position: relative;
            margin: 0;
            padding: 0;
            height: 425px;
            list-style: none;
        }

        #slider ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 316px;
            height: 622px;
            background: #ccc;
            text-align: center;
            /* line-height: 300px; */
        }

        a.control_prev, a.control_next {
            position: absolute;
            bottom: 0px;
            z-index: 999;
            display: block;
            padding: 2% 6%;
            width: auto;
            height: auto;
            background: #ffffff;
            color: #000;
            text-decoration: none;
            font-weight: 600;
            font-size: 18px;
            cursor: pointer;
        }

        a.control_prev:hover, a.control_next:hover {
            opacity: 1;
            -webkit-transition: all 0.2s ease;
        }

        a.control_prev {
            border-radius: 0px;
            right: 35px;
        }

        a.control_next {
            right: 0;
            border-radius: 0px;
        }

        .slider_option {
            position: relative;
            margin: 10px auto;
            width: 160px;
            font-size: 18px;
        }

        #slider > ul > li > a > span {
            position: absolute;
            left: 27px;
            top: 16px;
            font-family: Poppins;
            font-size: 17px;
        }

        #slider > ul > li > a > b {
            position: absolute;
            left: 60px;
            top: 17px;
            font-family: Poppins;
            font-size: 13px;
        }

        /* basic-slider-right */
        #slider-two {
            position: relative;
            overflow: hidden;
            /* margin: 55px 0px 0 auto; */
            /* border-radius: 4px; */
            display: block;
            width: 345px!important;
            height: 380px!important;
            float: right;
        }

        #slider-two ul {
            position: relative;
            margin: 0;
            padding: 0;
            height: 380px;
            list-style: none;
        }

        #slider-two ul li {
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            width: 345px;
            height: 380px;
            /* background: #ccc; */
            text-align: center;
            /* line-height: 300px; */
        }

        a.control_prev, a.control_next {
            position: absolute;
            bottom: 0px;
            z-index: 9;
            display: block;
            padding: 2% 6%;
            width: auto;
            height: auto;
            background: #000000;
            color: #fff;
            text-decoration: none;
            font-weight: 600;
            font-size: 18px;
            cursor: pointer;
        }

        a.control_prev:hover, a.control_next:hover {
            opacity: 1;
            -webkit-transition: all 0.2s ease;
            color: #000;
            background-color: #e6e6e6;
        }

        a.control_prev {
            border-radius: 0px;
            right: 56px;
        }

        a.control_next {
            right: 0;
            border-radius: 0px;
        }

        .slider_option {
            position: relative;
            margin: 10px auto;
            width: 160px;
            font-size: 18px;
        }

        #slider-two > ul > li > a > span {
            position: absolute;
            left: 27px;
            top: 16px;
            font-family: Poppins;
            font-size: 17px;
        }

        #slider-two > ul > li > a > b {
            position: absolute;
            left: 60px;
            top: 17px;
            font-family: Poppins;
            font-size: 13px;
        }

        /* right slider finish */
        .wine-promo-block .anim-underline {
            font-weight: 600;
            letter-spacing: .1em;
        }

        .wine-promo-block-two .anim-underline {
            font-weight: 600;
            letter-spacing: .1em;
        }

        .eltdf-with-custom-text {
            right: 8px;
        }

        .eltdf-with-custom-text {
            font-family: Montserrat,sans-serif;
            font-weight: 400;
            font-size: 12px;
            text-transform: uppercase;
            position: absolute;
            display: block;
            top: 10px;
            width: 100%;
            height: 40px;
            line-height: 40px;
            margin: 0;
            padding: 0;
            color: #000;
            letter-spacing: .42em;
            text-align: right;
            z-index: 1;
            box-sizing: border-box;
            transform-origin: 0 0;
            /* -webkit-transform: rotate(90deg) translateZ(0); */
            -moz-transform: rotate(90deg) translateZ(0);
            /* transform: rotate(90deg) translateZ(0); */
        }

        .photo-item-right-box {
        }

        .photo-item-right-box img {
            padding: 40px 58px 0px 29px;
        }

        .left-box-figure {
            padding-left: 3.5em;
        }

        .left-box-figure .photo-box-figure {
            position: relative;
        }

        .left-box-figure img {
        }

        .left-box-figure:after {
            content: "";
            background-color: #ecf4fa;
            position: absolute;
            display: inline-block;
            width: 120%;
            height: 89%;
            top: 0;
            left: 0;
            z-index: -1;
            box-sizing: border-box;
            margin: 99px 33px 0 0px;
        }

        .video-jumbotron.light {
            color: #e2e2e2;
            font-family: Poppins;
            padding: 90px 0px 90px;
        }

        .video-jumbotron.light h4 {
            color: #fff;
        }
    }

    .xdsticker_last {
        display: block;
        position: relative;
        border-top: #cdcdcd solid 1px;
        border-bottom: #cdcdcd solid 1px;
    }

    @media (min-width: 900px) {
        .xdstickers_wrapper.position_upright {
            top: 10px!important;
            right: 10px!important;
            z-index: 9;
            font-weight: 100;
            text-transform: capitalize;
            max-width: 18%;
        }

        .xdstickers {
            border-radius: 0px;
            padding: 5px 0px 5px 5px!important;
            margin-bottom: 5px!important;
            font-size: 11px;
            text-transform: uppercase;
        }

        .xdsticker-box {
            position: absolute;
            z-index: 3;
            top: 9px;
            right: -40px;
            margin: 0 auto;
        }

        .xdsticker_freeshipping i {
            position: relative;
            top: -2px!important;
            margin-right: 7px;
            font-size: 19px;
            display: inline-block;
            margin-bottom: 0px;
            font-weight: 900;
        }

        .images-left .xdsticker_last i {
            margin-right: 8px;
            font-size: 19px;
            display: inline-block;
            position: relative;
            top: -4px!important;
        }

        .images-left .xdsticker_bestseller i {
            margin-right: 8px;
            font-size: 19px;
            display: inline-block;
            position: relative;
            top: -4px!important;
        }

        .xdsticker_last i {
            margin-right: 8px;
            font-size: 19px;
            display: inline-block;
            position: relative;
            top: 3px!important;
        }

        .xdsticker_bestseller span {
            font-size: 10px;
            display: inline-block;
            width: 69%;
            font-weight: 500;
            margin: 5px 0 0px;
            line-height: 13px;
        }

        .xdsticker_freeshipping span {
            font-size: 10px;
            display: inline-block;
            width: 62%;
            font-weight: 500;
            margin: 5px 0 0px;
            line-height: 13px;
        }

        .xdsticker_last span {
            font-size: 10px;
            display: inline-block;
            width: 69%;
            font-weight: 500;
            margin: 5px 0 0px;
            line-height: 13px;
        }

        .images-left [class*="xdsticker-custom_"] {
            border-radius: 5px;
        }

        .images-left [class*="xdsticker-custom_"] span {
            font-size: 10px;
            display: inline-block;
            width: 67%;
            font-weight: 500;
            margin: 3px 0 0px;
            line-height: 13px;
        }

        .images-left [class*="xdsticker-custom_"] i {
            margin-right: 8px;
            font-size: 15px;
            display: inline-block;
            position: relative;
            top: -5px;
        }

        .xdstickers_wrapper-product-box {
            position: relative;
        }

        .xdstickers-product-box {
            border-radius: 5px;
            margin-right: 0px;
            text-transform: uppercase;
            padding: 5px 10px;
            margin-top: 5px;
            text-align: left;
            width: 75%;
        }

        .xdsticker_bestseller {
            display: block;
            /* top: -15px; */
            position: relative;
            border-top: #cdcdcd solid 0px;
            border-bottom: #cdcdcd solid 0px;
            border-radius: 5px;
            background: linear-gradient(to right, #FFEB3B, #ebd30b);
        }

        .xdsticker_last {
            display: block;
            top: 0px;
            position: relative;
            border-top: #cdcdcd solid 0px;
            border-bottom: #cdcdcd solid 0px;
            border-radius: 5px;
        }

        .xdsticker_freeshipping {
            display: block;
            position: relative;
            border-top: #cdcdcd solid 0px;
            border-bottom: #cdcdcd solid 0px;
            border-radius: 5px;
            background: linear-gradient(to right, #36a64c, #1cca00);
        }

        .main-menu > ul > li > a .icon, .main-menu-wrapper > ul > li > a .icon {
            display: none;
        }

        .button-kategori {
            -webkit-appearance: none;
            text-transform: uppercase;
            padding: 8px 20px;
            display: inline-block;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            letter-spacing: 2px!important;
            border: 2px solid;
            border-radius: 6px;
            max-width: 100%!important;
            white-space: normal;
            background-color: #00000000;
            border-color: transparent;
            color: #ffffff;
            border-color: #fff;
            outline: none !important;
            font-family: Poppins;
        }

        .button-kategori:hover {
            /* transition: color 400ms, background-color 400ms, border-color 400ms, opacity 400ms; */
            color: #000!important;
            background-color: #ffffff;
            border: #fff solid 2px;
        }

        .button-kategori-black {
            -webkit-appearance: none;
            text-transform: uppercase;
            padding: 8px 20px;
            display: inline-block;
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            letter-spacing: 2px!important;
            border: 2px solid;
            border-radius: 6px;
            max-width: 100%!important;
            white-space: normal;
            background-color: #000000;
            border-color: transparent;
            color: #ffffff;
            border-color: #000;
            outline: none !important;
            font-family: Poppins;
        }

        .button-kategori-black:hover {
            transition: color 400ms, background-color 400ms, border-color 400ms, opacity 400ms;
            color: #000!important;
            background-color: #ffffff;
            border: #ffffff solid 2px;
        }

        .cm_content .cm_column {
            margin-bottom: 0px;
        }

        .satis-band .col-md-3 {
            width: 25%;
        }

        .cm_content .type-img .cm_item {
            padding: 50px;
        }

        .light-box-text-12column {
            /* text-align: center; */
            /* margin: 40px 400px 40px 290px; */
            /* background-color: #ffffff9e; */
            padding: 40px;
        }

        .light-box-text {
            text-align: center;
            margin: 35px 406px 40px 7px;
            background-color: #ffffff9e;
            padding: 40px;
        }

        .light-box-text-2 {
            text-align: center;
            padding: 35px 10px 65px 7px;
            background-color: #ffffff9e;
        }

        .light-box-text-3-1 {
            text-align: left;
            margin: 41px 215px 20px 5px;
            /* background-color: #ffffff9e; */
            padding: 40px 30px;
        }

        .light-box-text-3-2 {
            text-align: left;
            /* background-color: #ffffff9e; */
            padding: 86px 30px;
            border: #000 solid 1px;
            border-radius: 6px;
        }

        .light-box-text-3-3 {
            text-align: left;
            /* background-color: #ffffff9e; */
            padding: 46px 30px;
            border: #000 solid 1px;
            border-radius: 6px;
        }

        .light-box-text-3-3 .kategori-logo {
            width: 150px;
            margin-bottom: 20px;
        }

        .design-text-align {
            text-align: right;
            padding-right: 0px;
            display: none;
        }

        .copyright-text-align {
            text-align: left;
            padding-left: 0px;
            color: #ffffff;
            font-size: 13px;
            margin-top: 5px;
        }

        a.sign-design {
            width: 100%;
            margin-top: 10px;
        }

        a.sign-design img {
            width: 40%;
        }
    }

    .btn-pink {
        -webkit-appearance: none;
        text-transform: uppercase;
        padding: 8px 20px;
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 2px!important;
        border: 2px solid;
        border-radius: 2px;
        max-width: 100%!important;
        white-space: normal;
        background-color: #feb6db;
        border-color: transparent;
        color: #000000;
        border-color: #feb6db;
        outline: none !important;
        font-family: Poppins;
    }

    .btn-pink:hover {
        transition: color 400ms, background-color 400ms, border-color 400ms, opacity 400ms;
        color: #000!important;
        background-color: #feb6dba3;
        border: #fed0e8 solid 2px;
    }

    @media (max-width: 899px) {
        .xdsticker_bestseller {
            display: block;
            /* top: -15px; */
            position: relative;
            border-top: #cdcdcd solid 0px;
            border-bottom: #cdcdcd solid 0px;
            border-radius: 5px;
            background: linear-gradient(to right, #FFEB3B, #ebd30b);
        }

        .xdsticker_last {
            display: block;
            top: 0px;
            position: relative;
            border-top: #cdcdcd solid 0px;
            border-bottom: #cdcdcd solid 0px;
            border-radius: 5px;
        }

        .xdsticker_freeshipping {
            display: block;
            /* top: -15px; */
            position: relative;
            border-top: #cdcdcd solid 0px;
            border-bottom: #cdcdcd solid 0px;
            border-radius: 5px;
            padding: 5px 0px 5px 10px !important;
            /* line-height: 37px!important; */
            background: linear-gradient(to right, #36a64c, #1cca00);
        }

        .button-kategori-black {
            -webkit-appearance: none;
            text-transform: uppercase;
            padding: 5px 10px;
            display: inline-block;
            font-size: 11px!important;
            line-height: 20px;
            text-align: center;
            letter-spacing: 2px!important;
            border: 2px solid;
            border-radius: 0px;
            max-width: 100%!important;
            white-space: normal;
            background-color: #000000;
            border-color: transparent;
            color: #ffffff;
            border-color: #000;
            outline: none !important;
            /* font-family: Poppins; */
        }

        .button-kategori-black:hover {
            transition: color 400ms, background-color 400ms, border-color 400ms, opacity 400ms;
            color: #000!important;
            background-color: #ffffff;
            border: #ffffff solid 2px;
        }

        .light-box-text-3-3 {
            text-align: left;
            /* background-color: #ffffff9e; */
            padding: 20px 13px;
            border: #000 solid 1px;
            border-radius: 6px;
        }

        .light-box-text-3-3 p {
        }

        .light-box-text-3-3 .kategori-logo {
            width: 110px;
            margin-bottom: 2px;
            display: none;
        }

        .dropdown-wrapper.from-top:hover > .dropdown-content, .dropdown-wrapper-click.from-top.opened > .dropdown-content, .dropdown-wrapper.from-bottom:hover > .dropdown-content, .dropdown-wrapper-click.from-bottom.opened > .dropdown-content {
            /* margin-right: -62px; */
            margin-top: 0px;
            width: 100%;
            padding-right: 0px;
            padding-left: 0px;
        }

        body > div.outer-container.main-wrapper > div.header-wrapper.header2.fixed-header-possible > div > div > div > div.table-cell.w20.shortcuts.text-right > div > div:nth-child(1) > div > div {
            /* right: -143px; */
        }

        ul.categories {
            margin-bottom: 0px;
        }

        ul.categories h3 {
            margin-top: 0px;
            margin-left: 0px;
            font-weight: 500;
            font-size: 0;
            background-color: #ffffff;
            padding: 2px 10px;
            margin-bottom: 10px;
            text-transform: uppercase;
            font-family: 'Roboto', arial;
            border-bottom: #ffffff solid 1px;
        }

        .mobile-nav-logo {
            /* display: none; */
        }

        .mobile-nav-logo img {
            width: 50%;
            margin-left: 10px;
            margin-top: 15px;
            margin-bottom: 10px;
        }

        .mobile-bottom {
            display: block;
            bottom: 0px;
            position: sticky;
            width: inherit;
            padding: 5px 0px 5px;
            background-color: #ffffff;
        }

        .product-style6 .single-product .btn-contrast .global-cart {
            /* display:none; */
            margin-right: 5px;
        }

        .single-product .btn-contrast {
            display: block;
            font-size: 12px;
            padding: 5px 5px;
            border-radius: 5px;
            margin-top: 3px;
            /* display: none; */
        }

        .button-kategori {
            -webkit-appearance: none;
            text-transform: uppercase;
            padding: 3px 10px!important;
            display: inline-block;
            font-size: 10px!important;
            line-height: 20px!important;
            text-align: center;
            border: 2px solid;
            border-radius: 6px;
            max-width: 100%!important;
            white-space: normal;
            background-color: #00000000;
            border-color: white;
            color: #ffffff;
            outline: none !important;
            /* font-family: Poppins; */
            letter-spacing: 0.2em!important;
        }

        .button-kategori:hover {
            transition: color 400ms, background-color 400ms, border-color 400ms, opacity 400ms;
            color: #fff;
            background-color: #9bcaca;
        }

        .cm_content .cm_column {
            margin-bottom: 0px;
            padding: 0;
        }

        .cm_content .type-img .cm_item {
            padding: 10px;
        }

        .light-box-text-12column {
            text-align: center;
            margin: 15px 15px 0px 15px;
            background-color: #ffffff9e;
            padding: 8px;
        }

        .light-box-text {
            text-align: center;
            margin: 0px 0px 0px 0px;
            background-color: #ffffff9e;
            padding: 15px;
        }

        .light-box-text-2 {
            text-align: left;
            padding: 20px 0px 20px 20px;
            background-color: #ffffff9e;
            margin: 5px 110px 0px 15px;
        }

        .light-box-text-3-1 {
            text-align: left;
            margin: 0px 0px 0px 0px;
            /* background-color: #ffffff9e; */
            padding: 30px 10px;
        }

        .light-box-text-3-1 h2, .light-box-text-3-2 h2 {
            font-size: 25px;
            margin-bottom: 10px;
        }

        .light-box-text-3-2 {
            text-align: right;
            margin: 0px 0px 20px 0px;
            /* background-color: #ffffff9e; */
            padding: 0px 0px;
        }

        .design-text-align {
            text-align: center;
        }

        .copyright-text-align {
            text-align: left;
            font-size: 13px;
            margin-bottom: 15px;
            color: #ffffff;
            margin-top: 3px;
        }

        a.sign-design {
            width: 100%;
            text-align: center;
            margin-top: 0px;
            display: none;
        }

        a.sign-design img {
            width: 55%;
            top: -3px;
            position: relative;
        }
    }

    .vitrin-kategori h1, .vitrin-kategori h2, .vitrin-kategori h3, .vitrin-kategori h4 {
        /* font-family: Prata; */
    }

    .footer-logo {
        text-align: center;
        margin-bottom: 20px;
    }

    .footer-logo img {
        width: 200px;
    }

    #input-option30 {
        width: auto;
        border: #000 solid 3px;
        margin-top: 10px;
    }

    .description-right-box {
        /* display: none; */
    }

    .atributes-right-box {
        display: table-cell;
        margin-bottom: 20px;
        position: relative;
        height: 100%;
        margin-top: 15px;
        width: 40%;
    }

    @media (max-width: 768px) {
        .whatsapp-buton {
            width:100%;
            margin-top: 10px;
        }
    }

    .whatsapp-buton {
        margin-top: 10px;
        display: none;
    }

    .icon-atributes {
        display: block;
        margin-bottom: 0px;
        background-color: #2f2f2f;
        color: #fff;
        padding: 5px 0px;
    }

    .icon-atributes img {
        width: 60%;
    }

    .name-atributes {
        display: block;
        margin-bottom: 10px;
    }

    @media (max-width: 1024px) {
        .plain-links {
            width: 35%;
            float: left;
            margin-top: 0px;
            margin-left: 13px;
            font-size: 19px;
            margin-bottom: 10px;
        }

        .plain-links .is_wishlist {
            padding-right: 15px;
        }

        .plain-links .is_compare {
            padding-right: 15px;
            display: none;
        }

        .plain-links .is_quickview {
        }

        .price-new {
            font-weight: 300;
            font-size: 15px;
        }
    }

    @media (min-width: 1025px) {
        .price-new {
            font-weight: 400;
            font-size: large;
        }

        .plain-links {
            width: 27%;
            float: left;
            margin-top: 0px;
            margin-left: 13px;
            font-size: 19px;
        }
    }

    .page-background-bottom {
        background-image: url('/image/catalog/reklam-banner/pages-background-transparent.png');
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        z-index: -1;
        background-position: bottom;
        padding-bottom: 102px;
    }

    #button-cart .global-cart {
        margin-right: 5px;
    }

    table.toptan_table {
        border-radius: 10px;
    }

    .toptan_table td {
        border: #ffffff solid 3px;
        background-color: #f3f3f3;
        padding: 15px;
        color: #32355d;
        letter-spacing: 1px;
    }

    .toptan_table .xl64 {
        font-weight: 900;
    }

    .toptan_table .xl63 {
        text-align: center;
    }

    @media (min-width: 0px) and (max-width:768px) {
        .xdstickers_wrapper.position_upright {
            top: 10px!important;
            right: 10px!important;
            left: auto;
            z-index: 9;
            font-weight: 100;
            text-transform: capitalize;
            width: 25%;
        }

        .xdstickers {
            padding: 2px 3px 0px 10px!important;
            border-radius: 5px;
            text-transform: uppercase;
        }

        .xdsticker-box {
            margin-bottom: 5px;
            /* min-height: 50px; */
            position: absolute;
            z-index: 3;
            bottom: 0px;
            left: 10px;
        }

        .xdsticker_freeshipping i {
            margin-bottom: 0px;
            font-weight: 900;
            margin-right: 5px;
            font-size: 14px;
            display: inline-block;
            position: relative;
            top: -2px;
        }

        .xdsticker_last i {
            margin-right: 5px;
            font-size: 14px;
            display: inline-block;
            position: relative;
            top: -1px;
        }

        .xdsticker_bestseller i {
            margin-right: 5px;
            font-size: 17px;
            display: inline-block;
            position: relative;
            top: -1px;
        }

        .xdsticker_bestseller span {
            font-size: 7px;
            display: inline-block;
            width: 66%;
            font-weight: 500;
            margin: 5px 0 0px;
            line-height: 9px;
        }

        .xdsticker_freeshipping span {
            font-size: 7px;
            display: inline-block;
            width: 68%;
            font-weight: 500;
            margin: 5px 0 0px;
            line-height: 9px;
        }

        .xdsticker_last span {
            font-size: 7px;
            display: inline-block;
            width: 66%;
            font-weight: 500;
            margin: 5px 0 0px;
            line-height: 9px;
        }

        .images-left [class*="xdsticker-custom_"] {
        }

        .images-left [class*="xdsticker-custom_"] span {
            font-size: 7px;
            display: inline-block;
            width: 68%;
            font-weight: 500;
            margin: 5px 0 0px;
            line-height: 9px;
        }

        .images-left [class*="xdsticker-custom_"] i {
            margin-right: 5px;
            font-size: 13px;
            display: inline-block;
            position: relative;
            top: -2px;
        }

        .xdstickers-product-box {
            margin-top: 0px;
            border-radius: 0px;
            padding: 5px 10px;
            text-align: center;
            font-size: 11px;
        }

        .featherlight-content .slick-track img {
            /* width: 330px!important; */
        }
    }

    @media (max-width: 768px) {
        /* musteri gosterim modal*/ .basel_product_view_bar {
            background: #f5f5f5;
            position: fixed;
            bottom: 0px;
            left: 0;
            right: 0;
            color: #000000;
            padding: 5px 0px 5px;
            z-index: 99;
            animation: slideup 2000ms forwards;
            width: 58%;
        }

        .basel_product_view_bar .table-cell {
            padding: 1px 2px;
        }

        .product_viewed_count_num {
            font-size: larger;
            color: #000000;
            display: contents;
            font-weight: 900;
        }

        /* musteri gosterim modal*/
    }

    @media (min-width: 769px) {
        /* musteri gosterim modal*/ .basel_product_view_bar {
            background: #f5f5f5;
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            color: #000000;
            padding: 1px 0px 0px;
            z-index: 99;
            animation: slideup 2000ms forwards;
            width: 17%;
        }

        .basel_product_view_bar .table-cell {
            padding: 10px 7px;
            font-size: larger;
        }

        .product_viewed_count_num {
            font-size: larger;
            color: #000000;
            display: contents;
            font-weight: 900;
        }
    }

    .button-icon .fa-whatsapp {
        font-size: 25px;
        vertical-align: middle;
    }

    .btn-odeme-al {
        background-color: #108901;
        border-radius: 10px;
        text-transform: capitalize;
    }

    .btn-odeme-al:hover {
        background-color: #108901c2;
    }

    @media (min-width: 1024px) {
        .social_footer_wrapper {
            display: flex;
            flex-wrap: wrap;
            margin-top: 15px;
        }

        .social_footer_wrapper a {
            width: 9%;
            margin-bottom: 10px;
            font-size: 25px;
        }

        .social_footer_wrapper p.social-title {
            margin-bottom: 10px!important;
            font-size: 14px;
        }

        .footer_social_link p {
            display: initial;
            margin-left: 5px;
        }

        .footer_social_link {
        }

        .footer-copyright .container {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 15px;
            padding-bottom: 15px;
            width: 1240px;
        }

        #footer .footer-inner-box {
            /* border-top: #dedede solid 1px!important; */
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .category-main-wrap #content {
            width: 78%;
            padding: 0;
        }

        .category-main-wrap {
            /* background-color: #F4F4F4; */
        }
    }

    .home-carosel-slider .grid-holder .item {
        width: 100%;
    }

    .widget.carousel-widget {
        padding-left: 0px;
        padding-right: 0px;
    }

    .atributes-inner {
        /* background-color: #f5f5f5; */
        /* width: 70%; */
        padding: 0px 0px 0px 30px;
    }

    .atributes-inner p {
        margin-bottom: 5px!important;
        letter-spacing: 1px;
    }

    .promo-style-2 {
        padding: 15px 0px 10px;
    }

    .atributes-inner ul li {
        list-style: circle;
    }

    .options .text-danger {
        background-color: #dddddd;
        padding: 10px 10px;
        color: #000000;
        text-align: left;
        margin-top: 8px;
        border-radius: 0px;
        font-size: 13px;
    }

    .product-h1 p {
        font-weight: 400;
        color: #8f8f8f;
        text-transform: uppercase;
        font-family: 'Oswald', arial!important;
        font-size: 16px;
    }

    .header-main .links {
        padding-bottom: 0px;
    }

    @media (max-width: 768px) {
        .menu-carousel {
            z-index: -1;
            position: relative;
        }

        .menu-carousel .container {
            padding: 0;
        }

        #footer .footer-inner-box {
            padding-top: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            padding-right: 0px;
        }

        #footer .footer-inner-box .footer-column {
            margin-bottom: 0px;
        }

        .social_footer_wrapper {
            display: block;
            text-align: left;
        }

        .social_footer_wrapper a {
            width: 15%;
            margin-bottom: 10px;
            font-size: 25px;
            display: inline-block;
            text-align: left;
        }

        .social_footer_wrapper p.social-title {
            margin-bottom: 10px!important;
        }

        .footer_social_link p {
            display: initial;
            margin-left: 15px;
        }

        .footer-copyright .container {
            padding-left: 0px;
            padding-right: 0px;
        }

        .button-black {
            background: #000;
            color: #fff;
            padding: 10px 20px;
        }

        .satis-band {
            padding: 0px 0px;
            margin-top: 60px;
            margin-bottom: -50px;
            position: relative;
            z-index: 9;
            box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
            -webkit-box-shadow: 0px 9px 26px 0px rgb(0 0 0 / 15%);
            -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
            border-radius: 19px;
            overflow: hidden;
        }

        .satis-band .container {
            padding: 0px 0px;
        }

        .vitrin-box {
            margin-top: 40px;
        }

        .image .is_wishlist {
            background-color: #f2f2f2;
            border-radius: 50%;
            width: 25px!important;
            height: 25px;
            padding: 5px!important;
            z-index: 1;
            position: relative;
        }

        .satis-band .cm_block {
            padding: 39px 0px;
            background-color: #fff;
            margin-top: 11px;
        }
    }

    /* mobile finish */
    @media (min-width: 769px) {
        .image .is_wishlist {
            background-color: #fff;
            border-radius: 50%;
            width: 30px!important;
            height: 30px;
            padding: 6px!important;
        }

        .image .is_quickview {
            background-color: #f2f2f2;
            border-radius: 50%;
            width: 30px!important;
            height: 30px;
            padding: 5px!important;
            margin-top: 7px;
        }

        .button-black {
            background: #000;
            color: #fff;
            padding: 10px 20px;
        }

        .vitrin-box .cm_column {
            margin-bottom: 30px;
        }

        .vitrin-box {
            margin-top: 100px;
        }

        .satis-band {
            padding: 0px 0px 0px;
            background-color: #f2f2f2;
            margin: 30px 0px 0px 0px;
            border-radius: 0px;
            z-index: 9;
            position: relative;
        }

        .satis-band .cm_block {
            padding: 20px 50px;
        }

        .payment-band-footer {
            margin-top: -312px;
            margin-bottom: -70px;
            z-index: 10;
            position: relative;
        }

        .payment-band-footer .zoom_image_wrap {
            box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
            -webkit-box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 15%);
            -moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
            margin: 25px 15px;
            border-radius: 10px;
            padding: 26px;
            background-color: #fff;
        }
    }

    /* desktop finish */
    .price-badge {
        font-size: 15px;
        background-color: #ff5656;
        color: #fff;
        padding: 0px 15px;
        position: relative;
        top: -5px;
        left: 10px;
    }

    .kdv-text {
        font-size: 16px;
    }

    .image .is_compare {
        display: none!important;
    }

    .logo-white {
        display: none;
    }

    .slidedown.short .top {
        color: #000!important;
    }

    @media (max-width: 768px) {
        .payment-band-footer {
            z-index: 10;
            position: relative;
            display: none;
        }

        .no-padding {
            padding: 0px;
            width: 100%;
        }

        .seo-left {
            text-align: center;
            margin-bottom: 5px;
            margin-top: 0px;
            height: 100%;
            padding-left: 5px;
            padding-right: 5px;
        }

        .seo-left h1 {
            margin-bottom: 0px;
            font-weight: 400;
        }
    }

    @media (min-width: 769px) {
        .footer-left {
            padding: 30px 0px 0px 0px;
        }

        .footer-right {
            padding: 0;
        }

        .footer-right-top {
            text-align: center;
        }

        .footer-right-logo img {
            width: 200px;
        }

        .footer-right-bottom {
            padding: 0px 0px 0px 0px;
            /* background-color: #313131; */
            text-align: left;
        }

        .footer-right-bottom-app img.app-logo {
            width: 30%;
            float: left;
        }

        .footer-right-bottom-app img.store-logo {
            width: 30%;
            margin-top: 25px;
            margin-right: 20px;
        }

        .footer-right-bottom-app p {
            width: 92%;
            float: left;
            margin-top: 0px;
            padding-left: 0px;
        }

        .footer-right-bottom-store {
            width: 100%;
            display: inline-block;
            margin-top: 15px;
        }

        .seo-left {
            text-align: center;
            height: 100%;
            margin-bottom: 15px;
        }
    }

    .seo-left:after {
        content: "";
        text-align: center;
        height: 10px;
        background-color: #000;
        width: 6px;
    }

    .seo-right {
        padding: 0px 10px 0px 10px;
        text-align: justify;
    }

    @media (max-width: 768px) {
        .footer-left {
            padding: 0px 0px 0px 0px;
        }

        .footer-left .row {
            padding: 0px 10px;
            margin: 0;
        }

        .footer-left .footer-column {
            margin-bottom: 20px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .footer-right {
            padding: 0;
        }

        .footer-right-top {
            text-align: center;
        }

        .footer-right-bottom {
            padding: 25px 6px 10px 10px;
            /* background-color: #1aaded; */
            text-align: left;
        }

        .footer-right-bottom p {
            font-size: 1.2rem;
        }

        .footer-right-logo img {
            width: 70%;
        }

        .footer-right-bottom-app img.app-logo {
            width: 30%;
            float: left;
        }

        .footer-right-bottom-app img.store-logo {
            width: 39%;
            margin-top: 25px;
            margin-right: 10px;
        }

        .footer-right-bottom-app p {
            float: left;
            margin-top: 17px;
            padding-left: 0px;
            color: #000;
        }

        .footer-right-bottom-store {
            width: 100%;
            display: inline-block;
            margin-top: 15px;
        }

        .mobile-only .container {
            padding-left: 3px;
            padding-right: 3px;
        }

        .seo-tags {
            white-space: nowrap;
            display: grid;
            padding-left: 0px;
            padding-right: 0;
            margin-top: 19px;
            display: none;
        }
    }

    /* accordion */
    .accordion {
        padding: 0px 0px 15px;
        border-top: 1px solid #e5e5e5;
    }

    .accordion .accordion-item {
        border-bottom: 1px solid #e5e5e5;
    }

    .accordion .accordion-item button[aria-expanded=true] {
        /* border-bottom: 1px solid #000000; */
    }

    .accordion button {
        position: relative;
        display: block;
        text-align: left;
        width: 100%;
        padding: 1.3em 0;
        color: #000000;
        font-weight: 400;
        border: none;
        background: none;
        outline: none;
    }

    .accordion button:hover, .accordion button:focus {
        cursor: pointer;
        color: #000000;
    }

    .accordion button:hover::after, .accordion button:focus::after {
        cursor: pointer;
        color: #03b5d2;
        border: 1px solid #03b5d2;
    }

    .accordion button .accordion-title {
        padding: 1em 1.5em 1em 0;
        text-transform: uppercase;
    }

    .accordion button .icon {
        display: inline-block;
        position: absolute;
        top: 19px;
        right: 0;
        width: 22px;
        height: 22px;
        border: 0px solid;
        border-radius: 22px;
    }

    .accordion button .icon::before {
        display: block;
        position: absolute;
        content: "";
        top: 9px;
        left: 5px;
        width: 10px;
        height: 2px;
        background: currentColor;
    }

    .accordion button .icon::after {
        display: block;
        position: absolute;
        content: "";
        top: 5px;
        left: 9px;
        width: 2px;
        height: 10px;
        background: currentColor;
    }

    .accordion button[aria-expanded=true] {
        color: #000000;
        font-weight: 500;
    }

    .accordion button[aria-expanded=true] .accordion-content {
        padding: 20px;
    }

    .accordion button[aria-expanded=true] .icon::after {
        width: 0;
    }

    .accordion button[aria-expanded=true] + .accordion-content {
        opacity: 1;
        max-height: 20em;
        transition: all 200ms linear;
        will-change: opacity, max-height;
        overflow-y: auto;
        background-color: #f3f3f3;
        border-radius: 5px;
        margin-bottom: 5px;
        color: #000;
    }

    .accordion .accordion-content {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        transition: opacity 200ms linear, max-height 200ms linear;
        will-change: opacity, max-height;
    }

    .accordion .accordion-content p {
        font-size: 13px;
        font-weight: 300;
        line-height: 18px;
    }

    .accordion .accordion-content p b {
        font-size: 1.15rem;
        font-weight: 300;
    }

    /* accordion */
    @media (max-width: 1024px) {
        .soru-box {
            padding: 15px 0px 0px;
            width: 100%;
            margin: 0 auto;
            border-radius: 10px;
            display: none;
        }

        .soru-box .container {
            /* background-color: #f8f8f8; */
            padding: 10px 5px 0px;
            width: 100%;
            margin: 0 auto;
            border-radius: 10px;
        }
    }

    @media (min-width: 1025px) {
        .soru-box {
            padding: 15px 0px 0px;
            width: 1340px;
            margin: 0 auto;
            border-radius: 10px;
            display: none;
        }
    }

    .text-aggre {
        text-align: right;
        padding: 20px 0px;
    }

    @media (min-width: 769px) {
        .seo-tags {
            padding: 29px 0px 0px;
            text-align: center;
            display: none;
        }
    }

    .seo-tags .item {
        display: inline-table;
        background-color: #ffffff;
        padding: 10px 15px;
        border-radius: 65px;
        margin-bottom: 0px;
        color: #000;
        text-transform: uppercase;
        margin-left: 5px;
        margin-right: 5px;
        transition: color 400ms, background-color 400ms, border-color 400ms, opacity 400ms;
        border: #fff solid 1px;
    }

    .seo-tags .item:hover {
        background-color: #00000000;
        color: #fff!important;
    }

    .seo-tags .item a:hover {
        color: #fff!important;
    }

    .caption .flyitem {
        width: 100%;
        float: left;
        text-align: right;
        padding: 5px 10px;
        display: none;
    }

    @media (max-width: 1023px) {
        .sticky-header #logo-black img {
            width: 165px;
        }

        .sticky-header #logo-white img {
            width: 70px;
        }

        .common-home .sticky-header:hover {
        }

        .common-home .sticky-header:hover .menu-inner-link {
            color: #000000!important;
        }

        .common-home .sticky-header a.shortcut-wrapper {
            color: #000000 !important;
        }

        .common-home .sticky-header:hover a.shortcut-wrapper {
            color: #000000 !important;
        }

        .common-home .sticky-header:hover .setting-li a {
            color: #000000 !important;
        }

        .common-home .sticky-header:hover .setting-li.lang-curr-trigger:after {
            color: #000!important;
        }

        .common-home .sticky-header .setting-li.lang-curr-trigger:after {
            color: #ffffff!important;
        }

        .common-home .sticky-header:hover .shortcut-wrapper .counter {
            background-color: #00a651;
            color: #ffffff;
        }

        .common-home .sticky-header .shortcut-wrapper .counter {
            background-color: #00a651;
            color: #ffffff;
        }

        .common-home .sticky-header .menu-inner-link {
            color: #fff!important;
        }

        .common-home .sticky-header.short .menu-inner-link {
            color: #000000!important;
        }

        .common-home .sticky-header.short a.shortcut-wrapper {
            color: #000000!important;
        }

        .common-home .sticky-header.short .shortcut-wrapper .counter {
            background-color: #00a651;
            color: #ffffff;
        }

        .common-home .sticky-header.short .setting-li.lang-curr-trigger:after {
            color: #000!important;
        }

        .sticky-header #logo-black {
            display: block;
        }

        .common-home .sticky-header #logo-white {
            display: none;
        }

        .sticky-header #logo-white {
            display: none;
        }

        .common-home .sticky-header .setting-li a {
            color: #ffffff !important;
        }

        .sticky-header .shortcut-wrapper .counter {
            background-color: #00a651;
            color: #ffffff;
        }

        .common-home .sticky-header #logo-black {
            display: block;
        }

        .common-home .sticky-header:hover #logo-black {
            display: block;
        }

        .common-home .sticky-header:hover #logo-white {
            display: none;
        }

        .common-home .sticky-header.short #logo-white img {
            width: 170px;
        }

        .common-home .sticky-header {
            background-color: #ffffff00;
            border-bottom: 1px solid #ffffff;
        }

        .common-home .sticky-header:hover {
            background-color: #ffffff;
            border-bottom: 1px solid #ffffff;
        }

        .common-home .sticky-header.short #logo-black {
            display: block;
        }

        .common-home .sticky-header.short #logo-white {
            display: none
        }

        .sticky-header {
            border-bottom: 1px solid #edeaea;
        }
    }

    @media (min-width: 1024px) {
        .sticky-header #logo-black img {
            width: 255px;
            position: relative;
            top: -4px;
        }

        .sticky-header #logo-white img {
            width: 175px;
            position: relative;
            top: -4px;
        }

        .common-home .sticky-header:hover {
        }

        .common-home .sticky-header:hover .menu-inner-link {
            color: #000000!important;
        }

        .common-home .sticky-header a.shortcut-wrapper {
            color: #000000 !important;
        }

        .common-home .sticky-header:hover a.shortcut-wrapper {
            color: #000000 !important;
        }

        .common-home .sticky-header:hover .setting-li a {
            color: #000000 !important;
        }

        .common-home .sticky-header:hover .setting-li.lang-curr-trigger:after {
            color: #000!important;
        }

        .common-home .sticky-header .setting-li.lang-curr-trigger:after {
            color: #000000 !important;
        }

        .common-home .sticky-header:hover .shortcut-wrapper .counter {
            background-color: #00a651;
            color: #ffffff;
        }

        .common-home .sticky-header .shortcut-wrapper .counter {
            background-color: #049149;
            color: #ffffff;
        }

        .common-home .sticky-header .menu-inner-link {
            color: #000000 !important;
        }

        .common-home .sticky-header.short .menu-inner-link {
            color: #000000!important;
        }

        .common-home .sticky-header.short a.shortcut-wrapper {
            color: #000000!important;
        }

        .common-home .sticky-header.short .shortcut-wrapper .counter {
            background-color: #048b46;
            color: #ffffff;
        }

        .common-home .sticky-header.short .setting-li.lang-curr-trigger:after {
            color: #000!important;
        }

        .sticky-header #logo-black {
            display: block;
        }

        .common-home .sticky-header #logo-white {
            display: none;
        }

        .sticky-header #logo-white {
            display: none;
        }

        .common-home .sticky-header .setting-li a {
            color: #000000 !important;
        }

        .sticky-header .shortcut-wrapper .counter {
            background-color: #06944c;
            color: #ffffff;
        }

        .common-home .sticky-header #logo-black {
            display: block;
        }

        .common-home .sticky-header:hover #logo-black {
            display: block;
        }

        .common-home .sticky-header:hover #logo-white {
            display: none;
        }

        .common-home .sticky-header.short #logo-white img {
            width: 170px;
        }

        .common-home .sticky-header {
            background-color: #ffffff00;
            border-bottom: 1px solid #ffffff;
        }

        .common-home .sticky-header:hover {
            background-color: #ffffff;
            border-bottom: 1px solid #ffffff;
        }

        .common-home .sticky-header.short #logo-black {
            display: block
        }

        .common-home .sticky-header.short #logo-white {
            display: none
        }

        .sticky-header {
            border-bottom: 0px solid #ffffff;
        }

        .main-slider {
            margin-bottom: 0px;
        }

        .ms-slide {
            position: absolute;
            height: 100%;
            -webkit-transform: translateZ(0px);
            -ms-transform: translateZ(0px);
            -o-transform: translateZ(0px);
            transform: translateZ(0px);
            background-size: cover;
            animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -ms-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -moz-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -webkit-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -o-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
        }

        .ms-wk .ms-slide {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        @-webkit-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @-moz-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @-ms-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @-o-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }
    }

    @media (max-width: 768px) {
        #logo\ logo-white {
            display: none;
        }

        #logo\ logo-black {
            display: block;
        }

        .short .logo-white {
            display: none;
        }

        .short .logo-black {
            display: block;
        }

        .header-main, .short .header-main a:not(.btn), .header-main .main-menu > ul > li > a:hover {
            color: #000!important;
        }
    }

    /* slider edit */
    @media (max-width: 768px) {
        .main-slider {
            margin-bottom: 0px;
        }

        .ms-slide {
            position: absolute;
            height: 100%;
            -webkit-transform: translateZ(0px);
            -ms-transform: translateZ(0px);
            -o-transform: translateZ(0px);
            transform: translateZ(0px);
            background-size: cover;
            animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -ms-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -moz-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -webkit-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
            -o-animation: homepageSliderBgAnimation 15s ease-in-out infinite alternate;
        }

        .ms-wk .ms-slide {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        @-webkit-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @-moz-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @-ms-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @-o-keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        @keyframes homepageSliderBgAnimation {
            from {
                background-position: left center;
            }

            to {
                background-position: right center;
            }
        }

        .instagram-slider {
            margin-top: 20px;
            margin-bottom: 70px;
        }

        .instagram-slider .carousel-title {
            display: none;
        }

        .instagram-slider .widget-title .main-title {
            margin-bottom: 0px;
        }
    }

    /* carousel slider edit */
    @media (min-width: 769px) {
        .instagram-slider {
            margin-top: 40px;
            margin-bottom: 91px;
        }

        .instagram-slider .carousel-title {
            display: none;
        }

        .instagram-slider .widget-title .main-title {
            margin-bottom: 0px;
        }
    }

    /* carousel slider end */
    /* egitim-promo-button */
    @media (max-width: 768px) {
            .tab-content.has-carousel.overflow-hidden .grid-holder.grid4 .item {
            width: 47%!important;
            margin: 0px 5px 9px 5px;
        }    
        .icon-promo img {
            width: 50px;
            display: block;
            left: 45px;
            top: 15px;
            margin: 0 auto;
        }

        .new-product-cs {
            margin: 45px 0px 45px;
        }

        .new-product-cs .widget-title .main-title {
            margin-bottom: 5px;
        }

        .marka-slider .carousel-title {
        }
    }

    @media (min-width: 769px) {
        .tab-content.has-carousel.overflow-hidden .grid-holder.grid4 .item {
            width: 24.329%!important;
            margin: 0px 9px 9px 0px;
        }
        .icon-promo img {
            width: 45px;
            display: block;
            float: left;
            position: absolute;
            left: 13px;
            top: 10px;
        }

        .new-product-cs {
            margin: 80px 0px 0px;
        }

        .new-product-cs .widget-title .main-title {
            margin-bottom: 5px;
        }

        .tab-content.has-carousel.overflow-hidden {
            margin-right: -15px;
        }
    }

    /* egitim-promo-button */
    /* mega-menu */
    @media (min-width: 1400px) {
        .categori-style-box {
            background-color: #efefef;
            padding: 34px;
            height: 320px;
        }

        .categori-style-box img {
        }

        .drop-full-menu-link .categories li {
            margin-left: 0px!important;
        }

        .drop-full-menu-link .categories {
            margin-top: 25px;
        }
    }

    @media (min-width: 769px) {
        .menu-link {
            padding-top: 30px;
        }

        .categori-style-box {
            background-color: #ffffff;
            padding: 5px 0px 0px 0px;
            height: 320px;
            margin: 5px 0px 0px 0px;
            border-left: #f2f2f2 solid 1px;
        }

        .categori-style-box img {
            width: 100%;
            margin-bottom: 15px;
        }

        .drop-full-menu-link .categories li {
            margin-left: 3em;
        }

        .drop-full-menu-link .categories {
            margin-top: 10px;
        }
    }

    /* mega-menu */
    /* footer logo start */
    @media (max-width: 1024px) {
        .footer-logo-column {
            padding-top: 0px;
            padding-bottom: 10px;
        }

        .footer-logo-column img {
            width: 50%;
        }

        /* social edit */
        .socialbtns, .socialbtns li {
            margin: 0px;
            padding: 0px;
            text-align: center;
            margin-top: 0px;
            margin-right: 10px;
            margin-left: 10px;
        }

        .socialbtns ul {
            margin: 0px;
            padding: 0px;
            text-align: center;
            margin-top: 5px;
            margin-right: 0px;
        }

        .socialbtns li {
            list-style: none outside none;
            display: inline-block;
            text-align: center;
        }

        .socialbtns .fab {
            font-size: 20px!important;
            width: 40px;
            height: 40px;
            color: #979797!important;
            background-color: #ffffff;
            border: 1px solid #5f5f5f;
            padding: 11px 9px;
            border-radius: 22px;
            -moz-border-radius: 22px;
            -webkit-border-radius: 22px;
            -o-border-radius: 22px;
            margin-bottom: 5px!important;
            font-style: normal!important;
        }

        .socialbtns .fab:hover {
            color: #ffffff!important;
            background-color: #feb6dbad;
            border: 1px solid #feb6dbad;
        }

        /* social footer edit */
    }

    @media (min-width: 1025px) {
        .footer-logo-column {
            padding-top: 0px;
        }

        .footer-logo-column img {
            width: 50%;
            margin-left: 0px;
            margin-bottom: 14px;
        }

        /* social edit */
        .socialbtns, .socialbtns ul, .socialbtns li {
            margin: 0px;
            padding: 0px;
            text-align: center;
            margin-top: 0px;
            margin-right: 5px;
            margin-bottom: 0px;
            margin-left: 5px;
        }

        .socialbtns li {
            list-style: none outside none;
            display: inline-block;
            text-align: center;
        }

        .socialbtns .fab {
            width: 40px;
            height: 40px;
            color: #979797!important;
            background-color: #ffffff;
            border: 1px solid #5f5f5f;
            padding-top: 14px;
            border-radius: 22px;
            -moz-border-radius: 22px;
            -webkit-border-radius: 22px;
            -o-border-radius: 22px;
            font-family: "Font Awesome 5 Brands";
            font-style: normal!important;
        }

        .socialbtns .fab:hover {
            color: #ffffff!important;
            background-color: #3b90ca;
            border: 1px solid #3b90ca;
            text-decoration: none!important;
        }

        /* social footer edit */
    }

    /* footer logo end */
    /* newsletter footer */
    @media (max-width: 1024px) {
        .footer-newsletter .cm_block {
            padding: 30px 0px 0px;
            background-position: 5%;
            background-size: cover;
            background-repeat: no-repeat;
            border-top: #e2e2e2 solid 1px;
            margin-top: 0px;
        }
    }

    @media (min-width: 1025px) {
        .footer-newsletter .cm_block {
            padding: 35px 0px 0px;
            /* background-image: url(/image/catalog/reklam-banner/newsletter-back.png); */
            background-position: left;
            background-size: cover;
            background-repeat: no-repeat;
        }
    }

    /* newsletter footer */
    /* plus minus */
    .minutes-box {
        margin-top: 0px!important;
        display: inline-block;
        margin-bottom: 1px;
        top: -16px;
        position: relative;
    }

    #minuse {
        border-radius: 0px 0 0 0px;
        height: 52px;
        width: 40px;
        background: transparent;
        border: 1px solid #000000;
        margin: 0;
        font-size: 20px;
        line-height: 0px;
    }

    #pluse {
        border-radius: 0 0px 0px 0px;
        height: 52px;
        width: 40px;
        background: transparent;
        border: 1px solid #000000;
        font-size: 22px;
        line-height: 20px;
        font-family: 'Font Awesome 5 Pro';
    }

    #product_qty {
        float: left;
        height: 52px;
        width: 40px;
        text-align: center;
        border-left: none !important;
        border-right: none !important;
        border: 1px solid #000000;
        margin: 0;
        border-radius: 0px;
    }

    .minutes-box span {
        margin-bottom: 2%;
        width: 0%;
        float: left;
    }

    /* Plus minus end */
    /* header edit */
    .header-bottom, .menu-style {
        background-color: #fbfbfb !important;
        line-height: 50px;
        height: 50px;
        border-top: solid 1px #ededed;
        border-bottom: solid 1px #ededed;
    }

    .table-cell.menu-cell, .main-menu:not(.vertical) > ul, .main-menu:not(.vertical) > ul > li, .main-menu:not(.vertical) > ul > li > a, .main-menu:not(.vertical) > ul > li.dropdown-wrapper > a .fa-angle-down, .main-menu.vertical .menu-heading {
        line-height: 50px!important;
        height: 50px!important;
    }

    @media (max-width: 1024px) {
        .product-navigation-prevnext {
            position: relative;
            padding: 10px 15px;
            background-color: #f2f2f2;
            margin-left: -10px;
            margin-right: -10px;
            margin-bottom: 10px;
        }

        .product-navigation-prevnext .prev-product-left {
            float: left;
            color: #000;
        }

        .product-navigation-prevnext .prev-product-right {
            float: right;
            color: #000;
        }
    }

    @media (min-width: 1025px) {
        .product-navigation-prevnext {
            padding: 15px 10px 5px 15px;
            background-color: #ffffff;
            margin-left: -15px;
            margin-right: -13px;
            margin-top: 0px;
            border-radius: 5px;
            position: relative;
            width: auto;
            float: right;
        }

        .product-navigation-prevnext .prev-product-left {
            position: relative;
            color: #000000;
        }

        .product-navigation-prevnext .prev-product-right {
            float: right;
            margin-left: 20px;
            color: #000000;
        }
    }

    /* header end*/
    /* category label slider */
    @media (max-width: 1024px) {
        .xdsticker-box-caption {
            overflow: hidden;
            max-height: 30px;
            user-select: none;
            pointer-events: none;
        }

        .label-slider {
            margin-top: 0px;
            line-height: 20px;
            text-transform: uppercase;
            position: relative;
            height: 20px;
        }

        .label-slider .xdstickers-bottom-box {
            text-align: center;
            position: relative;
            border-radius: 0px;
            height: 20px;
            margin: 0;
            border: none;
            padding: 0px!important;
        }

        .label-slider .xdstickers-bottom-box span {
            margin: 0px 0 0px;
            width: auto;
            font-size: 10px;
        }

        .label-slider .xdstickers-bottom-box i {
            margin: 0px 7px 0px;
            width: auto;
            font-size: 13px;
            top: 1px;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_last {
        }

        .label-slider .xdstickers-bottom-box .xdsticker_last span {
            font-size: 9px;
            display: inline-block;
            width: auto;
            font-weight: 500;
            margin: 0px 0 0px;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_last i {
            margin-right: 5px;
            font-size: 10px;
            display: inline-block;
            position: relative;
            top: 0px;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_freeshipping {
        }

        .label-slider .xdsticker_freeshipping span {
            font-size: 10px;
            display: inline-block;
            width: auto;
            font-weight: 500;
            margin: 0px 0 0px;
            top: 0px;
            position: relative;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_freeshipping i {
            margin-bottom: 0px;
            font-weight: 100;
            margin-right: 5px;
            font-size: 10px;
            display: inline-block;
            position: relative;
            top: 0px;
        }

        .label-slider [class*="xdsticker-custom_"] {
            text-align: center;
            position: relative;
            border-radius: 0px;
            height: 20px;
            margin: 0px;
        }

        .label-slider [class*="xdsticker-custom_"] span {
            font-size: 9px;
            display: inline-block;
            width: auto;
            font-weight: 500;
            margin: 0px 0 0px;
            font-size: 10px;
        }

        .label-slider [class*="xdsticker-custom_"] i {
            margin-right: 5px;
            display: inline-block;
            position: relative;
            top: 0px;
            font-size: 12px;
        }
    }

    @media (min-width: 1025px) {
        .xdsticker-box-caption {
            overflow: hidden;
            max-height: 30px;
            pointer-events: none;
            user-select: none;
            display: none;
        }

        .label-slider {
            margin-top: 0px;
            line-height: 30px;
            text-transform: uppercase;
            position: relative;
            height: 30px;
        }

        .label-slider .xdstickers-bottom-box {
            text-align: center;
            position: relative;
            border-radius: 0px;
            height: 30px;
            margin: 0;
            border: none;
            padding: 0px !important;
            line-height: 30px;
            width: 100%;
        }

        .label-slider .xdsticker_freeshipping {
            text-align: center;
            position: relative;
            border-radius: 0px;
            height: 30px;
            margin: 0;
            border: none;
            padding: 0px !important;
            line-height: 40px!important;
            width: 100%;
        }

        .label-slider .xdstickers-bottom-box span {
            margin: 0px 0 0px;
            width: auto;
            font-size: 14px;
        }

        .label-slider .xdstickers-bottom-box i {
            margin: 0px 7px 0px;
            width: auto;
            font-size: 17px;
            top: 0px;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_last {
        }

        .label-slider .xdstickers-bottom-box .xdsticker_last span {
            font-size: 9px;
            display: inline-block;
            width: auto;
            font-weight: 500;
            margin: 0px 0 0px;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_last i {
            margin-right: 5px;
            font-size: 10px;
            display: inline-block;
            position: relative;
            top: 0px;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_freeshipping {
        }

        .label-slider .xdsticker_freeshipping span {
            font-size: 12px;
            display: inline-block;
            width: auto;
            font-weight: 500;
            margin: 0px 0 0px;
            top: -4px;
            position: relative;
        }

        .label-slider .xdstickers-bottom-box .xdsticker_freeshipping i {
            margin-bottom: 0px;
            font-weight: 100;
            margin-right: 5px;
            font-size: 10px;
            display: inline-block;
            position: relative;
            top: 0px;
        }

        .label-slider [class*="xdsticker-custom_"] {
            text-align: center;
            position: relative;
            border-radius: 0px;
            height: 30px;
            margin: 0px;
            line-height: 30px;
        }

        .label-slider [class*="xdsticker-custom_"] span {
            font-size: 9px;
            display: inline-block;
            width: auto;
            font-weight: 500;
            margin: 0px 0 0px;
            font-size: 12px;
        }

        .label-slider [class*="xdsticker-custom_"] i {
            margin-right: 5px;
            display: inline-block;
            position: relative;
            top: 2px;
            font-size: 17px;
        }
    }

    /* category label slider end */
    /* Tooltip content */
    .tooltip-indicator {
        cursor: pointer;
    }

    @media (max-width: 1024px) {
        .tooltip-description {
            display: none;
            position: absolute;
            top: 120%;
            left: 0;
            width: 100%;
            background: #333;
            color: #fff;
            padding: 10px;
            border-radius: 6px;
            z-index: 100;
            transition: opacity .3s ease-in-out 0s;
            filter: drop-shadow(0 0 .35rem rgba(0, 0, 0, .3));
        }
    }

    @media (min-width: 1025px) {
        .tooltip-description {
            display: none;
            position: absolute;
            top: 110%;
            left: 0;
            width: 400px;
            background: #333;
            color: #fff;
            padding: 10px;
            border-radius: 6px;
            z-index: 100;
            transition: opacity .3s ease-in-out 0s;
            filter: drop-shadow(0 0 .35rem rgba(0, 0, 0, .3));
        }
    }

    .tooltip-indicator:hover .tooltip-description {
        display: block;
    }

    /* Tooltip oku */
    .tooltip-description::after {
        content: "";
        position: absolute;
        top: -10px;
        left: 70px;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #333 transparent transparent transparent;
        transform: rotate(180deg);
        filter: drop-shadow(0 0 .35rem rgba(0, 0, 0, .3));
    }

    /* Tooltip content end */
    /* Tahmini Kargo */
    .shipping-estimate {
        margin-bottom: 16px;
        background-color: #f2f2f2;
        padding: 10px 5px;
        border-radius: 0px 0px 5px 5px;
        text-align: center;
    }

    @media (max-width: 1024px) {
        .shipping-estimate span {
            font-size: 11px;
        }
    }

    @media (min-width: 1025px) {
        .shipping-estimate span {
            font-size: 13px;
        }
    }

    .shipping-estimate i {
        margin-right: 5px;
    }

    /* Tahmini Kargo */
    /* Instagram feed style */
    /* Square Container Styles */
    .insta-container {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
        /* Creates square aspect ratio */
        height: 0;
        cursor: pointer;
        background: #f5f5f5;
        border-radius: 4px;
    }

    .insta-image-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .insta-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .insta-container:hover .insta-image {
        transform: scale(1.05);
    }

    /* Perfectly Centered Overlay */
    .insta-overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.7);
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        transition: opacity 0.3s ease;
        padding: 15px;
        box-sizing: border-box;
        text-align: center;
    }

    .insta-caption-text {
        color: white;
        font-size: 14px;
        width: 100%;
        max-height: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .insta-container:hover .insta-overlay {
        opacity: 1;
    }

    /* Popup Styles */
    .insta-popup {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(255 255 255 / 18%);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
    }

    .insta-popup.active {
        opacity: 1;
        pointer-events: all;
    }

    .insta-popup-content {
        display: flex;
        max-width: 90%;
        max-height: 90%;
        background: #fff;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        width: 47%;
        -moz-box-shadow: inset 0 15px 15px -15px rgba(255, 255, 255, .1), 0 0 2px rgba(0, 0, 0, .15);
        -webkit-box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 10%), 0 0 2px rgb(0 0 0 / 15%);
        box-shadow: inset 0 15px 15px -15px rgb(255 255 255 / 10%), 0 0 2px rgb(0 0 0 / 28%);
    }

    .insta-popup-left {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #000;
    }

    .insta-popup-right {
        flex: 1;
        padding: 20px;
        display: flex;
        flex-direction: column;
        max-width: 400px;
        background: #fff;
    }

    .insta-popup-image {
        max-width: 100%;
        max-height: 80vh;
        display: block;
    }

    .insta-popup-caption {
        color: #333;
        padding: 15px 0;
        text-align: left;
        overflow-y: auto;
        flex-grow: 1;
        border-bottom: 1px solid #eee;
        margin-bottom: 15px;
    }

    .insta-popup-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }

    .insta-popup-user {
        display: flex;
        align-items: center;
        font-weight: 600;
    }

    .insta-popup-user i {
        margin-right: 10px;
        font-size: 20px;
    }

    @media (max-width: 1024px) {
        .insta-popup-time {
            color: #999;
            font-size: 12px;
            margin-right: 0px;
        }
    }

    @media (min-width: 1025px) {
        .insta-popup-time {
            color: #999;
            font-size: 12px;
            margin-right: 45px;
        }
    }

    .insta-popup-stats {
        display: flex;
        gap: 15px;
        margin-bottom: 15px;
        color: #333;
    }

    .insta-popup-stats i {
        margin-right: 5px;
    }

    @media (max-width: 1024px) {
        .insta-popup-close {
            position: absolute;
            top: 5px;
            right: 8px;
            color: #333;
            font-size: 20px;
            cursor: pointer;
            background: rgba(255,255,255,0.8);
            width: 30px;
            height: 30px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
            align-items: baseline;
        }
    }

    @media (min-width: 1025px) {
        .insta-popup-close {
            position: absolute;
            top: 7px;
            right: 10px;
            color: #333;
            font-size: 30px;
            cursor: pointer;
            background: rgba(255,255,255,0.8);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 10;
        }
    }

    .insta-popup-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #0095f6;
        color: white;
        padding: 10px 15px;
        border-radius: 5px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
    }

    .insta-popup-link:hover, .insta-popup-link:focus {
        background: #0077cc;
        transform: translateY(0px);
        color: #fff;
    }

    .insta-popup-link i {
        margin: 0 8px;
    }

    @media (max-width: 768px) {
        .insta-popup-content {
            flex-direction: column;
            max-height: 95%;
            width: 95%;
        }

        .insta-popup-left {
            /* flex: none; */
            max-height: 50vh;
        }

        .insta-popup-right {
            flex: none;
            max-width: 100%;
            max-height: 40vh;
            overflow-y: auto;
        }

        .insta-popup-image {
            max-height: 50vh;
        }

        .instagram-wraper {
            padding-left: 15px;
            padding-right: 15px;
        }

        .instagram-wraper .widget-title .main-title {
            padding-left: 0px;
            padding-right: 0px;
        }
    }

    /* Instagram feed style end */
    /* lottie player */
    @media (max-width: 1024px) {
        .checkout-cart dotlottie-player {
            margin: 0 auto;
            width: 250px!important;
            height: auto!important;
        }
    }

    @media (min-width: 1025px) {
        .checkout-cart dotlottie-player {
            margin: 0 auto;
            width: 450px!important;
            height: auto!important;
        }
    }

    /* lottie player end */
    /* look image left start */
    @media (max-width: 1024px) {
        .look-wrapperleft {
            margin-left: 0px;
            margin-right: 0px;
        }

        .look-wrapperleft .look-column {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            gap: var(--gutter-mobile);
            position: relative;
        }

        .look-wrapperleft .look-column .look-left {
            overflow: hidden;
        }

        .look-wrapperleft .look-column .look-left img {
            object-fit: cover;
            transition-duration: 1s;
        }

        .look-wrapperleft .look-column .look-left img:hover {
            transform: scale(1.1);
            transition-duration: 1s;
        }

        .look-wrapperleft .look-column .look-right {
            background-color: #f9f9f9;
            padding-bottom: 25px;
        }

        .look-wrapperleft .look-column .look-right .single-product .image {
            padding: 0px;
        }

        .look-wrapperleft .look-column .look-right .single-product .other-color-category {
            bottom: -10px;
            right: 0px;
        }

        .look-wrapperleft .look-column .look-right .single-product .image img {
            border: #e3e2e2 solid 1px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        .look-wrapperleft .look-column .look-right .module-html-content {
            padding: 25px 10px 20px 10px;
            width: 100%;
            text-align: center;
            display: inline-block;
        }

        .look-wrapperleft .look-column .look-right .module-html-content p {
            font-size: 17px;
            text-align: center;
        }

        .look-wrapperleft .look-column .look-right .module-html-content h4 {
            font-size: 18px;
            text-align: center;
            margin-bottom: 0px;
        }

        .look-wrapperleft .look-column .look-right .module-html-content .span-left {
            float: left;
            margin-top: 5px;
            font-size: 16px;
            margin-bottom: 15px;
        }

        .look-wrapperleft .look-column .look-right .module-html-content .span-right {
            font-size: 16px;
            float: left;
            font-weight: 600;
        }

        .look-wrapperleft .look-column .look-right .tab-content {
            width: 100%;
            margin-top: 0px;
        }
    }

    @media (min-width: 1025px) {
        .look-wrapperleft {
            margin-left: 0px;
            margin-right: 0px;
        }

        .look-wrapperleft .grid-holder.grid3 .item {
            width: 32.43%!important;
            overflow: inherit;
        }

        .look-wrapperleft .look-column {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            position: relative;
        }

        .look-wrapperleft .look-column .look-left {
            overflow: hidden;
        }

        .look-wrapperleft .look-column .look-left img {
            object-fit: cover;
            transition-duration: 1s;
        }

        .look-wrapperleft .look-column .look-left img:hover {
            transform: scale(1.1);
            transition-duration: 1s;
        }

        .look-wrapperleft .look-column .look-right {
            background-color: #f2f2f2;
        }

        .look-wrapperleft .look-column .look-right .single-product .image {
            padding: 0px;
        }

        .look-wrapperleft .look-column .look-right .single-product .other-color-category {
            bottom: 5px;
        }

        .look-wrapperleft .look-column .look-right .single-product .badge {
            top: 6px;
            left: 6px;
        }

        .look-wrapperleft .look-column .look-right .single-product.bestseller-style .badge {
            top: 13px;
            left: 6px;
        }

        .look-wrapperleft .look-column .look-right .single-product .image img {
            border: #e3e2e2 solid 1px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        .look-wrapperleft .look-column .look-right .module-html-content {
            padding-left: 50px;
            padding-top: 10vh;
            width: 75vh;
            text-align: center;
        }

        .look-wrapperleft .look-column .look-right .module-html-content p {
            font-size: 22px;
            text-align: center;
        }

        .look-wrapperleft .look-column .look-right .module-html-content h4 {
            font-size: 30px;
            text-align: center;
            margin-bottom: 24px;
        }

        .look-wrapperleft .look-column .look-right .module-html-content .span-left {
            float: left;
            margin-top: 5px;
            font-size: 17px;
        }

        .look-wrapperleft .look-column .look-right .module-html-content .span-right {
            font-size: 22px;
            float: right;
            font-weight: 600;
        }

        .look-wrapperleft .look-column .look-right .tab-content {
            width: 80vh;
            margin-top: 15vh;
            margin-left: -5vh;
        }
    }

    /* look image left end */
    /* look image right start */
    @media (max-width: 1024px) {
        .look-wrapperright {
            margin-left: 0px;
            margin-right: 0px;
        }

        .look-wrapperright .look-column {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            position: relative;
        }

        .look-wrapperright .look-column .look-right {
            overflow: hidden;
            z-index: 1;
            order: 1;
        }

        .look-wrapperright .look-column .look-right img {
            object-fit: cover;
            transition-duration: 1s;
        }

        .look-wrapperright .look-column .look-right img:hover {
            transform: scale(1.1);
            transition-duration: 1s;
        }

        .look-wrapperright .look-column .look-left {
            background-color: #fdfdfd;
            padding-bottom: 15px;
            order: 2;
        }

        .look-wrapperright .look-column .look-left .single-product .image {
            padding: 0px;
        }

        .look-wrapperright .look-column .look-left .single-product .other-color-category {
            bottom: -10px;
            right: 0px;
        }

        .look-wrapperright .look-column .look-left .single-product .image img {
            border: #e3e2e2 solid 1px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        .look-wrapperright .look-left .module-html-content {
            padding: 15px 10px 21px 10px;
            width: 100%;
            text-align: center;
            display: inline-block;
        }

        .look-wrapperright .look-column .look-left .module-html-content p {
            font-size: 17px;
            text-align: center;
        }

        .look-wrapperright .look-column .look-left .module-html-content h4 {
            font-size: 18px;
            text-align: center;
            margin-bottom: 0px;
        }

        .look-wrapperright .look-column .look-left .module-html-content .span-left {
            float: left;
            margin-top: 5px;
            font-size: 16px;
            margin-bottom: 15px;
        }

        .look-wrapperright .look-column .look-left .module-html-content .span-right {
            font-size: 16px;
            float: left;
            font-weight: 600;
        }

        .look-wrapperright .look-column .look-left .tab-content {
            width: 100%;
        }
    }

    @media (min-width: 1025px) {
        .look-wrapperright {
            margin-left: 0px;
            margin-right: 0px;
        }

        .look-wrapperright .grid-holder.grid3 .item {
            width: 32.43%!important;
        }

        .look-wrapperright .look-column {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            position: relative;
        }

        .look-wrapperright .look-column .look-right {
            overflow: hidden;
            z-index: 1;
        }

        .look-wrapperright .look-column .look-right img {
            object-fit: cover;
            transition-duration: 1s;
        }

        .look-wrapperright .look-column .look-right img:hover {
            transform: scale(1.1);
            transition-duration: 1s;
        }

        .look-wrapperright .look-column .look-left {
            background-color: #f2f2f2;
            z-index: 2;
        }

        .look-wrapperright .look-column .look-left .single-product .image {
            padding: 0px;
        }

        .look-wrapperright .look-column .look-left .single-product .other-color-category {
            bottom: 5px;
        }

        .look-wrapperright .look-column .look-left .single-product .image img {
            border: #e3e2e2 solid 1px;
            -webkit-transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
        }

        .look-wrapperright .look-left .module-html-content {
            padding-right: 50px;
            padding-top: 15vh;
            width: 75vh;
            text-align: center;
            float: right;
        }

        .look-wrapperright .look-column .look-left .module-html-content p {
            font-size: 22px;
            text-align: left;
        }

        .look-wrapperright .look-column .look-left .module-html-content h4 {
            font-size: 30px;
            text-align: left;
            margin-bottom: 24px;
        }

        .look-wrapperright .look-column .look-left .module-html-content .span-left {
            float: left;
            margin-top: 5px;
            font-size: 17px;
        }

        .look-wrapperright .look-column .look-left .module-html-content .span-right {
            font-size: 22px;
            float: right;
            font-weight: 600;
        }

        .look-wrapperright .look-column .look-left .tab-content {
            width: 80vh;
            margin-top: 10vh;
            margin-right: -5vh;
            float: right;
        }
    }

    /* look image right end */
    /* Category Banner Stil 1 */
    @media (max-width: 1024px) {
        /* harici oklar */ .title-arrow {
            font-size: 20px;
            margin-top: 22px;
        }

        .title-arrow .prev-left {
            font-weight: 900;
        }

        .title-arrow .next-right {
            margin-left: 10px;
            font-weight: 900;
        }

        /* harici oklar */
        .kutu-layout {
            width: 1200px;
            margin: 0 auto;
        }

        .pre-line {
            font-size: 22px;
            font-weight: 400;
        }

        .categories-main-title {
            font-size: 26px;
            font-weight: 600;
        }

        .categories-sub-line {
            font-size: 16px;
        }

        .categories-sub-line a i {
            margin-left: 5px;
            transition-duration: .5s;
        }

        .categories-sub-line a:hover i {
            margin-left: 10px;
            transition-duration: .5s;
        }

        .category-wrapper-style1 {
            position: relative;
            padding: 0px 0px 0px!important;
            background-color: #ffffff;
            margin-left: 0px;
            margin-right: 0px;
        }

        .category-wrapper-style1 .category-widget-inner {
            display: block;
            margin: 0 auto;
            width: 100%;
        }

        .category-wrapper-style1 .category-banner-left {
            width: 100%;
            color: #000;
            padding: 25px 15px 15px;
        }

        .category-wrapper-style1 .category-banner-right {
            width: 100%;
            padding: 10px 10px 20px;
        }

        .category-wrapper-style1 .overlay {
            margin-top: 15px;
            letter-spacing: 1px;
        }

        .category-wrapper-style1 .overlay b {
            font-weight: 400;
        }

        .category-wrapper-style1 .grid-holder .swip-item {
            padding: 0px 0px;
            border: #d5d5d5 solid 1px;
            margin: 0px 5px;
            transition-duration: .3s;
            width: 47.3333%!important;
        }

        .category-wrapper-style1 .grid-holder .swip-item:hover {
            border: #131313 solid 1px;
            transition-duration: .3s;
        }

        .category-wrapper-style1 .grid-holder .swip-item span {
            font-size: 13px;
            text-align: center;
            width: 100%;
            display: block;
            top: -5px;
            position: relative;
        }
    }

    @media (min-width: 1025px) {
        .title-arrow {
            font-size: 20px;
            margin-top: 22px;
        }

        .title-arrow .prev-left {
            font-weight: 900;
        }

        .title-arrow .next-right {
            margin-left: 10px;
            font-weight: 900;
        }

        /* harici oklar */
        .kutu-layout {
            width: 1200px;
            margin: 0 auto;
        }

        .pre-line {
            font-size: 22px;
            font-weight: 400;
        }

        .categories-main-title {
            font-size: 26px;
            font-weight: 600;
        }

        .categories-sub-line {
            font-size: 16px;
        }

        .categories-sub-line a i {
            margin-left: 5px;
            transition-duration: .5s;
        }

        .categories-sub-line a:hover i {
            margin-left: 10px;
            transition-duration: .5s;
        }

        .category-wrapper-style1 {
            position: relative;
            padding: 45px 0px 45px!important;
            background-color: #ffffff;
            margin-left: 0px;
            margin-right: 0px;
        }

        .category-wrapper-style1 .category-widget-inner {
            display: flex;
            justify-content: center;
            margin: 0 auto;
            width: 1200px;
        }

        .category-wrapper-style1 .category-banner-left {
            float: left;
            width: 30%;
            margin-top: 8rem;
        }

        .category-wrapper-style1 .category-banner-right {
            width: 70%;
            float: left;
            padding: 0px 0px;
        }

        .category-wrapper-style1 .overlay {
            margin-top: 15px;
            letter-spacing: 1px;
        }

        .category-wrapper-style1 .overlay b {
            font-weight: 400;
        }

        .category-wrapper-style1 .grid-holder .swip-item {
            padding: 0px 0px;
            border: #d5d5d5 solid 1px;
            margin: 0px 5px;
            transition-duration: .3s;
            width: 32.2%!important;
            transition: all .3s;
        }

        .category-wrapper-style1 .grid-holder .swip-item:hover {
            border: #131313 solid 1px;
            transition: all .3s;
        }

        .category-wrapper-style1 .grid-holder .swip-item span {
            font-size: 16px;
            text-align: center;
            width: 100%;
            display: block;
            top: -15px;
            position: relative;
        }
    }

    /* product page other color start */
    @media (max-width: 1024px) {
        .similar-layout.swiper {
            position: relative;
            margin: 0 auto;
            padding: 0 0px;
            box-sizing: border-box;
            width: 100%;
            overflow: hidden;
        }

        .similar-layout .swiper-slide {
            outline: none;
            box-sizing: border-box;
            width: 23.9% !important;
            margin-right: 5px;
            padding: 0px;
        }
    }

    @media (min-width: 1025px) {
        .similar-layout.swiper {
            position: relative;
            margin: 0 auto;
            padding: 0 0px;
            box-sizing: border-box;
            width: 100%;
        }

        .similar-layout .swiper-slide {
            outline: none;
            box-sizing: border-box;
            width: 18.7%!important;
            margin-right: 10px!important;
        }
    }

    .similar-layout.swiper .swiper-wrapper {
    }

    .similar-layout .image {
        box-sizing: border-box;
        border: #000000 solid 1px;
    }

    .similar-layout .image img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 0px;
    }

    .other-color-product .swiper-button-prev, .other-color-product .swiper-button-next {
        position: absolute;
        top: 29px;
        transform: translateY(-50%);
        width: 15px;
        height: 30px;
        background: rgb(255 255 255 / 0%);
        border-radius: 50%;
        cursor: pointer;
        z-index: 10;
    }

    .other-color-product .swiper-button-prev::after, .other-color-product .swiper-button-next::after {
        font-size: 14px;
        font-weight: bold;
        color: #000;
    }

    .other-color-product .swiper-button-prev {
        right: 35px;
        left: auto;
    }

    .other-color-product .swiper-button-next {
        right: 0px;
    }

    /* cart slide  */
    #cart .dropdown-content {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: 400px !important;
        height: 100vh !important;
        background: #ffffff !important;
        z-index: 999999 !important;
        display: block !important;
        transition: right 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        box-shadow: -10px 0 30px rgba(0,0,0,0.1) !important;
        overflow-y: auto !important;
        padding: 0 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #cart.active .dropdown-content {
        right: 0 !important;
    }

    .cart-overlay {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        background: rgba(0, 0, 0, 0.5) !important;
        z-index: 999998 !important;
        display: none;
        backdrop-filter: blur(2px);
        overflow: hidden;
    }

    .cart-overlay.active {
        display: block !important;
    }

    @media (max-width: 767px) {
        #cart .dropdown-content {
            width: 85% !important;
        }
    }

    /* cart slide  */
    /* banner flex */
    .cm_block .row {
        display: flex;
        flex-wrap: wrap;
    }

    .cm_block .cm_column {
        display: flex;
        flex-direction: column;
        padding: 0;
    }


@media (min-width:1025px) { 
    .cm_block .cm_column:first-child {
        padding-right: 10px;
    }

    .cm_block .cm_column:last-child {
        padding-left: 10px;
    }

}    

    .cm_block .banner_wrap {
        flex: 1;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
        margin-bottom: 0px;
        border: #e7e1e1 solid 1px;
    }

    .cm_block .zoom_image_wrap {
        flex: 1;
        height: 100%;
    }

    .cm_block .zoom_image {
        width: 100%;
        height: 100% !important;
        object-fit: cover;
        display: block;
    }

    .cm_block .banner_overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to right, rgb(0 0 0 / 18%) 39%, rgba(0, 0, 0, 0) 60%);
    }

    @media (max-width: 767px) {
        .cm_block .banner_wrap {
            aspect-ratio: 2/1.3;
            flex: none;
            width: 100%;
        }

        .cm_block .zoom_image_wrap {
            height: 100%;
            width: 100%;
        }

        .cm_block .zoom_image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }

    /* banner flex end */
    @media (max-width: 1024px) {
        .tp-caption.text-button-inline {
            left: 10px!important;
            font-size: 16px!important;
            top: 57vh !important;
            max-width: 94%!important;
            line-height: 18px!important;
            font-weight: 400!important;
        }

        .tp-caption.contrast-title {
            left: 10px !important;
            font-size: 45px !important;
            top: 48%!important;
        }

        .tp-caption.outline-title {
            left: 10px!important;
            font-size: 45px!important;
            top: 39% !important;
        }

        .tp-caption.contrast-text {
            left: 10px!important;
            font-size: 12px!important;
            top: 54% !important;
            max-width: 94%!important;
            line-height: 18px!important;
            font-weight: 400!important;
        }
    }