@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.shine-effect.cdz-banner {
    overflow: hidden;
    position: relative
}

.shine-effect.cdz-banner:before {
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg)
}

.shine-effect.cdz-banner:hover:before {
    -webkit-animation: shine 1.2s;
    animation: shine 1.2s
}

@-webkit-keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomin {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.5)
    }

    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes zoomout {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.67)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes zoomout {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.67)
    }

    100% {
        transform: scale(1)
    }
}

.border-zoom-effect.cdz-banner a {
    display: inline-block;
    position: relative
}

.border-zoom-effect.cdz-banner a:before,
.border-zoom-effect.cdz-banner a:after {
    position: absolute;
    top: 2.5%;
    left: 2.5%;
    content: "";
    width: 95%;
    height: 95%;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.border-zoom-effect.cdz-banner a:before {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: scale(1, 0)
}

.border-zoom-effect.cdz-banner a:after {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    transform: scale(0, 1)
}

.border-zoom-effect.cdz-banner a:hover:before,
.border-zoom-effect.cdz-banner a:hover:after {
    transform: scale(1)
}

.scale-effect.cdz-banner {
    overflow: hidden
}

.scale-effect.cdz-banner img {
    transition: all 500ms ease;
    backface-visibility: hidden
}

.scale-effect.cdz-banner:hover img {
    transform: scale(1.1)
}

.shake:hover {
    animation: shake .82s cubic-bezier(.36, .07000000000000001, .19, .97) infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}

@keyframes shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}

@keyframes cssload-zoom {
    0% {
        transform: scale(0.5, 0.5)
    }

    50% {
        transform: scale(1, 1)
    }

    100% {
        transform: scale(1.5, 1.5)
    }
}

.hidden {
    display: none !important;
    visibility: hidden !important
}

.stock {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 36px;
    min-width: 118px;
    padding: 0 18px 0 36px; /* left padding for dot */
    border-radius: 5px;
    background: #fff;
    border: 1px solid #D6ECE2;
    box-sizing: border-box;
    font-size: 18px;
    line-height: 1.2;
    color: #131F2E;
    font-weight: 600;
    text-transform: none;
    gap: 10px;
}
    .visible-tablet {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table
    }

    tr.visible-xs {
        display: table-row !important
    }

    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table
    }

    tr.visible-sm {
        display: table-row !important
    }

    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table
    }

    tr.visible-md {
        display: table-row !important
    }

    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media only screen and (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table
    }

    tr.visible-lg {
        display: table-row !important
    }

    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media only screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto
}

.stock:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    /* background: rgba(63, 175, 130, 0.23); */
    z-index: 1;
}
.stock:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    /* background: #3FAF82; */
    z-index: 2;
    animation: pulse 1.6s infinite !important;
}

@media only screen and (min-width: 768px) {
    .col-sm-pull-right {
        float: right
    }
}

.full-width {
    width: 100% !important
}

.page-header a.action.skip.contentarea {
    display: none
}

.page-header .switcher .options,
.page-footer .switcher .options {
    display: inline-block;
    position: relative
}

.page-header .switcher .options:before,
.page-footer .switcher .options:before {
    content: '';
    display: table
}

.page-header .switcher .options .action.toggle,
.page-footer .switcher .options .action.toggle {
    display: inline-block;
    text-decoration: none;
    padding: 0;
    cursor: pointer
}

.page-header .switcher .options .action.toggle:after,
.page-footer .switcher .options .action.toggle:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    line-height: 22px;
    color: inherit;
    content: '\e622';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
    overflow: hidden;
    speak: none;
    text-align: center
}

.page-header .switcher .options .action.toggle.active:after,
.page-footer .switcher .options .action.toggle.active:after {
    content: '\e621'
}

.page-header .switcher .options ul.dropdown,
.page-footer .switcher .options ul.dropdown {
    margin: 0;
    padding: 0;
    list-style: none none;
    background: #fff;
    border: 1px solid #bbb;
    margin-top: 4px;
    min-width: 160px;
    z-index: 100;
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15)
}

.page-header .switcher .options ul.dropdown li,
.page-footer .switcher .options ul.dropdown li {
    font-size: 12px;
    margin: 0;
    padding: 0
}

.page-header .switcher .options ul.dropdown a,
.page-footer .switcher .options ul.dropdown a {
    display: block;
    padding: 8px
}

.page-header .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid;
    border-color: transparent transparent #fff;
    z-index: 99;
    left: 10px;
    top: -12px
}

.page-header .panel.wrapper .switcher .options {
    display: block
}

.page-header .panel.wrapper .switcher .options .action.toggle>span,
.page-header .panel.wrapper .switcher .options .action.toggle.active>span {
    width: auto;
    height: auto;
    overflow: visible;
    position: static;
    margin: 0
}

.page-footer .switcher .options .action.toggle:after {
    display: inline-block !important;
    font-size: 22px;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
    height: auto;
    position: static
}

.page-footer .switcher .options .action.toggle.active:after {
    transform: none
}

.nav-sections .switcher a img {
    margin: 0 5px 0 0;
    display: inline-block
}

.page-header .switcher .options .action.toggle>span,
.page-footer .switcher .options .action.toggle>span,
.page-header .switcher .options .action.toggle.active>span,
.page-footer .switcher .options .action.toggle.active>span {
    position: relative;
    height: auto;
    width: auto;
    margin: 0;
    clip: unset
}

.logo {
    max-width: none
}

.page-header .switcher .options ul.dropdown {
    border: 0px solid #ededed;
    max-height: 400px;
    overflow: auto;
    border-radius: 3px;
    box-shadow: 1px 4px 15px 0px rgba(204, 198, 198, 0.41)
}

.page-header .switcher .options ul.dropdown:after {
    border-color: transparent transparent #fff transparent
}

.page-header .switcher .options ul.dropdown li:hover {
    background: #f9f9f9
}

.page-header .switcher .options img.lang-img {
    margin: 0 3px 0 0;
    vertical-align: middle;
    display: inline-block
}

.info-summary-bottom .secondary {
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    background: #f5f5f5;
    border-top: 1px solid rgba(245, 245, 245, 0.5);
    border-bottom: 1px solid rgba(245, 245, 245, 0.5)
}

.info-summary-bottom .secondary .create-account-link {
    color: #c9c7c7;
    font-weight: 500
}

.info-summary-bottom .secondary .create-account-link:active,
.info-summary-bottom .secondary .create-account-link:focus,
.info-summary-bottom .secondary .create-account-link:visited {
    color: #c9c7c7
}

.info-summary-bottom .secondary .create-account-link:hover {
    color: #282828
}

.info-summary-bottom .secondary .create-account-question {
    color: #9c9c9c;
    font-weight: 500
}

.link.wishlist .cdz-dropdown .cdz-dd-content-inner[class],
.authorization-link .cdz-dropdown .cdz-dd-content-inner[class] {
    padding-inline: 0
}

.account-info-summary {
    padding: 0
}

.account-info-summary .block-customer-login {
    margin: 0
}

.account-info-summary .info-summary-bottom {
    padding: 0;
    text-align: center
}

.account-info-summary .info-summary-bottom .title {
    text-transform: uppercase;
    margin-top: 10px
}

.account-info-summary .info-summary-bottom .title a {
    color: #c9c7c7;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .5px
}

.account-info-summary .info-summary-bottom .title a:active,
.account-info-summary .info-summary-bottom .title a:focus,
.account-info-summary .info-summary-bottom .title a:visited {
    color: #c9c7c7
}

.account-info-summary .info-summary-bottom .title a:hover {
    color: #282828
}

.account-info-summary .info-summary-top {
    text-align: left;
    padding: 10px 20px
}

.account-info-summary .info-summary-top .actions-toolbar {
    margin-top: 25px
}

.account-info-summary .info-summary-top .actions-toolbar .primary {
    display: block;
    width: 100%
}

.account-info-summary .info-summary-top .actions-toolbar .primary button {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    box-shadow: none
}

.account-info-summary .info-summary-top .actions-toolbar .primary button.md-focused:not([disabled]) {
    box-shadow: none
}

.account-info-summary .info-summary-top .actions-toolbar .secondary {
    width: 100%;
    text-align: center;
    margin: 5px 0 10px;
    font-size: 14px
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a {
    color: #9c9c9c
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a:active,
.account-info-summary .info-summary-top .actions-toolbar .secondary a:focus,
.account-info-summary .info-summary-top .actions-toolbar .secondary a:visited {
    color: #9c9c9c
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a:hover {
    color: #c9c7c7
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a:hover {
    text-decoration: none
}

.account-info-summary .info-summary-top .icon-account {
    width: 80px;
    height: 80px;
    background: #c9c7c7;
    border-radius: 100%;
    margin: 20px auto;
    text-align: center
}

.account-info-summary .info-summary-top .icon-account:before {
    display: inline-block;
    font: normal normal 30px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f007";
    color: #ffffff;
    line-height: 75px
}

.store-language-currency .acount-menu .account-menu-items {
    padding: 10px 20px
}

.cdz-dd-content .acount-menu .account-menu-items a {
    color: #282828
}

.cdz-dd-content .acount-menu .account-menu-items a:active,
.cdz-dd-content .acount-menu .account-menu-items a:focus,
.cdz-dd-content .acount-menu .account-menu-items a:visited {
    color: #282828
}

.cdz-dd-content .acount-menu .account-menu-items a:hover {
    color: #c9c7c7
}

.acount-menu .account-menu-items {
    padding: 10px 20px 30px
}

.acount-menu .account-menu-items>li>a:before {
    margin-right: 8px;
    width: 15px;
    position: static;
    display: inline-block;
    font: normal normal 11px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f007"
}

.acount-menu .account-menu-items>li>a.compare:before {
    content: "\f0ec"
}

.acount-menu .account-menu-items>li>a.order-link:before {
    content: "\f022"
}

.acount-menu .account-menu-items>li>a.contact-link:before {
    content: "\f003"
}

.acount-menu .account-menu-items>li a {
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
    font-weight: 500
}

.acount-menu .account-menu-items>li.wishlist>a:before {
    content: "\f08a";
    margin-right: 11px;
    width: 15px
}

.acount-menu .account-menu-items>li.language-link a {
    padding: 0px 0 2px
}

.acount-menu .account-menu-items>li.language-link a>img {
    margin-right: 11px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.language-link .action {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.language-link .action a {
    padding: 0px 0 2px
}

.acount-menu .account-menu-items>li.language-link .action a>img {
    margin-right: 11px;
    width: 12px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.language-link .switcher-dropdown .switcher-option {
    position: relative
}

.acount-menu .account-menu-items>li.language-link .switcher-option a {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.currency-link a {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.currency-link a.switcher-trigger:before {
    display: inline-block;
    font: normal normal 11px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d6";
    margin-right: 8px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.currency-link .dropdown .switcher-option a {
    margin: 0
}

.acount-menu .account-menu-items>li.store-link a.switcher-trigger {
    margin-left: 26px
}

.acount-menu .account-menu-items>li.store-link a.switcher-trigger:before {
    display: inline-block;
    font: normal normal 11px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0ac";
    margin-right: 8px;
    width: 15px;
    position: absolute;
    left: 0;
    top: 7px
}

.acount-menu .account-menu-items>li.store-link .switcher-dropdown {
    display: none
}

.acount-menu .account-menu-items>li.store-link .switcher-options.active .switcher-dropdown {
    display: block;
    list-style: none
}

.acount-menu .account-menu-items>li .switcher-dropdown {
    padding: 0 0 0 26px;
    margin: 0;
    list-style: none
}

.acount-menu .account-menu-items>li .switcher {
    position: relative;
    display: block;
    margin: 0
}

.acount-menu .account-menu-items>li .switcher .switcher-options {
    display: block;
    position: static
}

.acount-menu .account-menu-items>li .switcher .switcher-options .action {
    display: block
}

.acount-menu .account-menu-items>li .switcher .switcher-options .action.toggle {
    border-bottom: 1px solid rgba(189, 189, 189, 0.9);
    display: inline-block;
    width: calc(100% - 30px);
    padding: 5px 0 2px !important;
    margin-bottom: 5px
}

.acount-menu .account-menu-items>li .switcher .switcher-options .action.toggle>span {
    width: auto;
    height: auto;
    overflow: visible;
    position: static;
    margin: 0
}

.acount-menu .account-menu-items>li .switcher .switcher-option {
    margin: 0
}

.acount-menu .account-menu-items>li .switcher .switcher-option a {
    border: 0;
    display: inline-block !important;
    width: 100%;
    padding: 5px 0 2px !important;
    margin-bottom: 5px !important
}

.acount-menu .account-menu-items>li .switcher .switcher-option a:after {
    font-size: 0
}

.page-header .panel.wrapper .switcher .options .action.toggle:after,
.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.account-menu-items .switcher .options .action.toggle:after {
    display: inline-block;
    font: normal normal var(--sw-arrow-fs, 11px)/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: var(--sw-arrow, "\f0dd");
    position: absolute;
    inset-inline: auto 5px;
    color: #9c9c9c;
    top: 3px;
    margin: 0;
    overflow: visible
}

.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.page-header .panel.wrapper .switcher .options .action.toggle.active.active:after,
.account-menu-items .switcher .options .action.toggle.active:after {
    content: var(--sw-arrow, "\f0dd");
    transform: rotate(180deg)
}

md-menu-content.wl-drop-menu {
    max-height: none
}

.mini-list .details,
.page-header .mini-list .details {
    color: #dbdbdb
}

.mini-list .details:active,
.page-header .mini-list .details:active,
.mini-list .details:focus,
.page-header .mini-list .details:focus,
.mini-list .details:visited,
.page-header .mini-list .details:visited {
    color: #dbdbdb
}

.mini-list .details:hover,
.page-header .mini-list .details:hover {
    color: #fb6a00
}

.mini-list .block-top {
    border-bottom: 1px solid #dbdbdb;
    font-size: 14px;
    padding: 17px 10px 14px 15px;
    color: #c9c7c7;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px
}

.mini-list .block-top .ng-binding {
    color: #34343c
}

.mini-list .details {
    float: right;
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    line-height: unset;
    margin: 0;
    min-width: auto;
    border-radius: 0;
    min-height: unset;
    background: transparent;
    box-shadow: none
}

.mini-list .details.md-focused:not([disabled]) {
    background: transparent;
    box-shadow: none
}

.mini-list .details:before {
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e'
}

.mini-list .details span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.mini-list .product-item-actions .actions-primary {
    display: block
}

.mini-list .product-item-actions .tocart {
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    line-height: unset;
    margin: 0;
    min-width: auto;
    border-radius: 0;
    min-height: unset;
    background: transparent;
    box-shadow: none;
    color: #282828;
    float: right;
    width: 50%
}

.mini-list .product-item-actions .tocart.md-focused:not([disabled]) {
    background: transparent;
    box-shadow: none
}

.mini-list .product-item-actions .tocart:before {
    display: inline-block;
    font: normal normal 20px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f07a'
}

.mini-list .product-item-actions .tocart:hover {
    color: #c9c7c7
}

.mini-list .product-item-actions .qty-box {
    margin: 0 0 5px;
    display: inline-block;
    width: 49%
}

.mini-list .product-item-actions .qty-box label {
    font-size: 0;
    display: none
}

.mini-list .product-item-actions .qty-box input {
    font-size: 12px;
    color: #34343c;
    height: 25px;
    max-width: 60px;
    padding: 0;
    text-align: center
}

.mini-list .product-item-actions .qty-box .md-errors-spacer {
    min-height: unset
}

.mini-list .product-item .product-item-info {
    margin: 0 0 10px
}

.mini-list .product-item .product-item-info .product-item-name a {
    text-decoration: none;
    text-transform: none
}

.mini-list .product-item .product-item-info .product-item-name a span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.mini-list .product-item .product-item-info .product-item-price p {
    margin: 0
}

.mini-list .product-item .price {
    color: #6f14f1;
    font-weight: 500
}

.mini-list .product-item-details {
    margin: 0
}

.mini-list .product-item-left {
    position: relative
}

.mini-list .product-item-left .action.delete.btn-remove {
    position: absolute;
    top: 0px;
    left: 10px;
    background: #c9c7c7;
    border: 1px solid #c9c7c7;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 10px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    z-index: 1
}

.mini-list .product-item-left .action.delete.btn-remove:before {
    display: inline-block;
    font: normal normal normal 9px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e977';
    speak: none;
    color: #fff;
    line-height: 16px
}

.mini-list .product-item-left .action.delete.btn-remove:hover {
    background: #ffffff;
    color: #c9c7c7
}

.mini-list .product-item-left .action.delete.btn-remove:hover:before {
    color: #c9c7c7
}

.mini-list .actions-toolbar {
    margin-top: 25px
}

.mini-list .actions-toolbar .primary {
    display: block;
    width: 100%
}

.mini-list .actions-toolbar .primary button {
    width: 100%;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    box-shadow: none
}

.mini-list .actions-toolbar .primary button.md-focused:not([disabled]) {
    box-shadow: none
}

.mini-list .actions-toolbar .secondary {
    width: 100%;
    text-align: center;
    margin: 5px 0 10px;
    font-size: 14px
}

.mini-list .actions-toolbar .secondary a {
    color: #9c9c9c
}

.mini-list .actions-toolbar .secondary a:active,
.mini-list .actions-toolbar .secondary a:focus,
.mini-list .actions-toolbar .secondary a:visited {
    color: #9c9c9c
}

.mini-list .actions-toolbar .secondary a:hover {
    color: #c9c7c7
}

.mini-list .actions-toolbar .secondary a:hover {
    text-decoration: none
}

.wislist-sidebar-content .no-login .block-title {
    padding-top: 50px;
    position: relative;
    text-align: center
}

.wislist-sidebar-content .no-login .block-title:after {
    display: inline-block;
    font: normal normal normal 30px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e986';
    speak: none;
    font-size: 35px;
    position: absolute;
    top: 5px;
    left: calc((100% - 35px)/2)
}

.cdz-dropdown {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.cdz-dropdown .cdz-dd-content {
    max-height: 0;
    transform: translateY(20px);
    visibility: hidden;
    position: absolute;
    opacity: 0;
    left: 0;
    top: calc(100% + 10px);
    transition: opacity ease 200ms, transform ease 500ms, max-height ease 500ms;
    backface-visibility: hidden;
    z-index: 100;
    box-shadow: 2px 2px 2px rgba(187, 187, 187, 0.3);
    overflow: hidden
}

.cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
    position: relative;
    text-align: start;
    max-height: 80vh;
    overflow: auto;
    color: #282828;
    background: #ffffff;
    padding: 10px 10px
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items {
    text-align: left
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li {
    background: transparent !important
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a {
    font-weight: 600;
    font-size: 11px;
    color: #282828
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:active,
.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:focus,
.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:visited {
    color: #282828
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li a:hover {
    color: #c9c7c7
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items li .switcher .switcher-options .action {
    display: block
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items .switcher .options.active ul.dropdown {
    position: static;
    box-shadow: none;
    border: none;
    padding: 0 0 0 26px;
    margin: 0;
    max-height: none
}

.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items .switcher .options.active ul.dropdown:before,
.cdz-dropdown .cdz-dd-content .acount-menu .account-menu-items .switcher .options.active ul.dropdown:after {
    display: none
}

.cdz-dropdown.cdz-dd-active .cdz-dd-content {
    opacity: 1;
    max-height: 1000px;
    transform: translateY(0px);
    visibility: visible;
    transition: opacity ease 500ms, transform ease 500ms, max-height ease 500ms;
    backface-visibility: hidden
}

.cdz-dd-content {
    min-width: 320px
}

.cdz-dd-content #btn-minicart-close {
    display: none
}

.link.wishlist .cdz-dropdown .block-title {
    padding-top: 50px;
    position: relative;
    text-align: center
}

.link.wishlist .cdz-dropdown .block-title:after {
    display: inline-block;
    font: normal normal normal 30px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e986';
    speak: none;
    font-size: 35px;
    position: absolute;
    top: 5px;
    left: calc((100% - 35px)/2)
}

.link.wishlist .cdz-dropdown .block-content {
    margin-top: 10px;
    padding: 10px
}

.link.wishlist .cdz-dropdown .block-content a:before {
    display: none
}

.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a {
    font-size: 80%;
    width: auto;
    height: auto;
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:active,
.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:focus,
.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:visited {
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .actions-toolbar .secondary a:hover {
    color: #c9c7c7
}

.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link {
    padding: 0;
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:active,
.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:focus,
.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:visited {
    color: #282828
}

.link.wishlist .cdz-dropdown .block-content .info-summary-bottom .secondary .create-account-link:hover {
    color: #c9c7c7
}

.minicart-wrapper .cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
    padding: 0
}

.minicart-wrapper .cdz-dropdown .block-minicart {
    padding: 0;
    width: auto;
    border: none;
    box-shadow: none
}

.minicart-wrapper .cdz-dropdown .block-minicart .block-title {
    display: block
}

.minicart-wrapper .cdz-dropdown .block-minicart .subtitle.empty {
    padding-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .cdz-dd-content {
        min-width: 300px
    }

    .block-minicart .minicart-items-wrapper {
        max-height: 200px
    }

    .block-minicart .minicart-items .product-item .product-item-actions {
        display: block
    }

    .block-minicart .minicart-items .product-item .product-item-actions .price {
        font-size: 12px
    }

    .block-minicart .minicart-items .product-item .product-item-actions .price-including-tax,
    .block-minicart .minicart-items .product-item .product-item-actions .price-excluding-tax {
        font-size: 12px;
        line-height: 1.35
    }

    .block-minicart .minicart-items .product-item .product-item-name {
        white-space: normal;
        text-align: left
    }

    .block-minicart .cart-total .actions button {
        width: 100%;
        margin: 0
    }
}

.md-open-menu-container md-menu-content {
    width: 330px;
    padding: 0
}

.minicart-wrapper .block-minicart {
    position: static
}

.cdz-dd-content .block-minicart.empty {
    background: #ffffff;
    color: #282828
}

.block-minicart {
    margin-bottom: 0
}

.block-minicart .block-title {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid rgba(245, 245, 245, 0.5);
    padding: 15px 20px 15px;
    color: #c9c7c7;
    overflow: hidden;
    text-align: left
}

.block-minicart .subtitle.empty {
    padding: 20px 20px;
    font-weight: normal;
    color: #999;
    text-align: initial
}

.block-minicart .items-total {
    float: none;
    color: #282828;
    text-transform: none
}

.block-minicart .viewcart {
    float: right;
    color: #282828
}

.block-minicart .viewcart:active,
.block-minicart .viewcart:focus,
.block-minicart .viewcart:visited {
    color: #282828
}

.block-minicart .viewcart:hover {
    color: #c9c7c7
}

.block-minicart .viewcart:before {
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e'
}

.block-minicart .viewcart span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.block-minicart .minicart-items-wrapper {
    border: 0;
    margin: 0;
    padding: 20px;
    max-height: 300px
}

.block-minicart .cart-total .subtotal {
    overflow: hidden;
    margin: 0 0 10px
}

.block-minicart .cart-total .subtotal .label {
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    color: #686770;
    font-weight: 600
}

.block-minicart .cart-total .subtotal .amount {
    float: right
}

.block-minicart .cart-total .subtotal .amount .price-wrapper:first-child .price {
    color: #c9c7c7
}

.block-minicart .cart-total .actions .layout-row {
    margin: 0 -5px;
    display: flex;
    justify-content: center
}

.block-minicart .cart-total .actions .layout-column {
    display: flex;
    flex-direction: column
}

.block-minicart .cart-total .actions .layout-column .button,
.block-minicart .cart-total .actions .layout-column button {
    width: 100%;
    margin: 5px 0;
    text-align: center;
    padding: 5px 7px;
    display: inline-block;
    font-size: 13px
}

@media only screen and (min-width: 768px) {
    .block-minicart .cart-total .actions .layout-column #btn-minicart-close {
        display: none
    }
}

.block-minicart .cart-total .actions button {
    margin: 0 5px
}

.minicart-items .product-item-left {
    position: relative;
    padding: 0
}

.minicart-items .action {
    position: absolute;
    top: 0px;
    left: 0px;
    background: #c9c7c7;
    border: 1px solid #c9c7c7;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 10px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    z-index: 1
}

.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
    display: inline-block;
    font: normal normal normal 9px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e977';
    speak: none;
    color: #fff;
    line-height: 16px
}

.minicart-items .action.edit:hover,
.minicart-items .action.delete:hover {
    background: #ffffff;
    color: #c9c7c7
}

.minicart-items .action.edit:hover:before,
.minicart-items .action.delete:hover:before {
    color: #c9c7c7
}

.minicart-items .action.edit {
    top: 20px
}

.minicart-items .action.edit:before {
    display: inline-block;
    font: normal normal 9px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f040';
    font-size: 8px;
    line-height: 15px;
    padding: 0 2px
}

.minicart-items .product-item {
    padding: 20px 0 0;
    margin: 0
}

.minicart-items .product-item:not(:first-child) {
    border: 0
}

.minicart-items .product-item .price {
    color: #c9c7c7;
    font-size: 14px
}

.minicart-items .product-item .product-item-name {
    font-weight: 500
}

.minicart-items .product-item .product-item-name a:hover {
    color: #c9c7c7;
    text-decoration: none
}

.minicart-items .product-item .product-item-details {
    padding-left: 20px
}

.minicart-items .product-item .product-item-actions {
    text-align: right
}

.minicart-items .product-item .product-item-actions .details-qty {
    margin-top: 3px;
    text-transform: uppercase;
    display: flex;
    align-items: baseline;
    position: relative
}

.minicart-items .product-item .item-qty {
    margin: 0
}

.minicart-items .product-item .product-item-pricing .label {
    display: none
}

.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax {
    margin: 0
}

.minicart-items .update-cart-item {
    padding: 0;
    border: 0;
    bottom: 10px;
    position: absolute;
    inset-inline: -25px auto;
    background: transparent;
    color: #353535;
    box-shadow: none
}

.minicart-items .update-cart-item span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.minicart-items .update-cart-item:before {
    display: inline-block;
    font: normal normal 16px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f021'
}

.md-sidenav-right .block-minicart .cart-total {
    position: fixed;
    width: 100%;
    bottom: 0;
    min-height: 110px;
    z-index: 1
}

.md-sidenav-right .block-minicart .minicart-items-wrapper {
    height: inherit !important;
    max-height: calc(100% - 160px)
}

.md-sidenav-right .block-minicart .cart-total,
.md-sidenav-left .block-minicart .cart-total {
    position: absolute
}

.md-sidenav-right .block-minicart .block-content,
.md-sidenav-left .block-minicart .block-content {
    height: calc(100vh - 50px);
    overflow: hidden;
    position: relative;
    width: 100%
}

@media only screen and (max-device-width: 767px) {

    .md-sidenav-right .block-minicart .block-content,
    .md-sidenav-left .block-minicart .block-content {
        height: calc(100vh - 125px)
    }
}

.checkout-index-index .checkout-container .authentication-wrapper .action.action-auth-toggle {
    border: none
}

.cdz-menu ul,
.cdz-menu ol {
    padding: 0;
    list-style: none
}

.cdz-menu a,
.cdz-menu a:hover {
    text-decoration: none
}

.cdz-menu .cat-tree a.groupdrop-title {
    font-weight: normal
}

.cdz-menu p.groupdrop-title,
.cdz-menu .cat-tree.no-dropdown a.groupdrop-title {
    font-weight: bold
}

.cdz-menu .space-s {
    margin-bottom: 10px
}

.cdz-menu .space-top,
.cdz-menu .groupdrop-title.space-top {
    margin-top: 20px
}

.cdz-menu .text-uppercase {
    text-transform: uppercase
}

.cdz-menu .line-left {
    padding-left: 20px;
    border-left: 1px solid #ccc
}

.cdz-menu .line-right {
    padding-right: 20px;
    border-right: 1px solid #ccc
}

.cdz-menu hr {
    border-top: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 20px
}

.cdz-menu .text-center {
    text-align: center
}

.cdz-menu .group-title-bottom {
    margin-bottom: 20px
}

.cdz-menu .groupmenu-drop li.parent {
    position: relative
}

.cdz-menu .block.widget .block-title {
    text-align: center
}

.cdz-menu .block.widget .products-grid .product-item {
    width: 100% !important;
    margin: 0;
    border: none;
    text-align: center
}

.cdz-menu .block.widget .products-grid .product-item .product-item-info {
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.cdz-menu .block.widget .products-grid .product-item .product-item-info .actions-primary {
    display: inline
}

.cdz-menu .block.widget .products-grid .product-item .product-item-info .actions-primary+.actions-secondary {
    display: inline;
    width: auto
}

.cdz-menu .contact-form-wrapper {
    margin-right: 10%;
    margin-bottom: 20px
}

.cdz-menu .contact-form-wrapper .legend {
    font-size: 150%;
    border-bottom: none
}

.cdz-menu .contact-form-wrapper .fieldset {
    margin-bottom: 20px
}

.cdz-menu .contact-form-wrapper .actions-toolbar .primary {
    margin: 0
}

.cdz-menu .cdz-tabs {
    margin-top: 0
}

.cdz-menu label {
    display: inline-block;
    background: #19b2f5;
    color: #fff;
    font-size: 80%;
    padding: 0px 5px;
    margin: 0 5px;
    top: -5px;
    position: relative
}

.cdz-menu label.hot {
    background: #ff0000
}

.temp>.need-unwrap {
    margin: 0 0
}

.cdz-menu i.menu-icon.img-icon {
    display: inline-flex;
    margin-inline-end: 5px;
    align-items: center
}

.cdz-menu i.menu-icon.img-icon svg,
.cdz-menu i.menu-icon.img-icon img {
    max-width: var(--mn-icon-w);
    fill: currentColor
}

.cdz-menu li.level0>a.menu-link {
    display: flex;
    align-items: center
}

.cdz-menu li.level0>a.menu-link .menu-icon {
    margin-inline: 0 5px;
    min-width: calc(var(--mn-icon-w) + 3px)
}

@media only screen and (min-width: 768px) {
    .cdz-navigation {
        box-sizing: border-box;
        margin-inline: auto;
        max-width: 1400px;
        position: relative;
        display: block
    }

    .cdz-navigation .cdz-horizontal-menu .groupmenu {
        margin: 0
    }

    .nav-sections-item-content>.cdz-navigation {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) li.item.level0 .cdz-google-map {
        display: none
    }

    .cdz-menu:not(.cdz-toggle-menu) li.item.level0:hover .cdz-google-map {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop-content {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) img.groupdrop-banner-pos {
        position: absolute
    }

    .cdz-menu:not(.cdz-toggle-menu) ul.groupdrop-link,
    .cdz-menu:not(.cdz-toggle-menu) ul.groupmenu-drop,
    .cdz-menu:not(.cdz-toggle-menu) ul.groupmenu-nondrop {
        padding: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .dropdown-rtl {
        text-align: right
    }

    .cdz-menu:not(.cdz-toggle-menu) .dropdown-rtl li.item.parent>.menu-link:before {
        float: left;
        content: "\f104"
    }

    .cdz-menu:not(.cdz-toggle-menu) .dropdown-rtl li.item.parent .groupmenu-drop {
        left: auto;
        right: 100%;
        text-align: right
    }

    .cdz-menu:not(.cdz-toggle-menu).dropdown-fullwidth .groupmenu-drop {
        border: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        position: absolute;
        background: #FFF;
        top: 100%;
        left: 0;
        z-index: 104;
        border: 1px solid #ccc;
        padding: 0;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19)
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs {
        padding-right: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link {
        display: block;
        padding: 10px 5px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:after {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        margin-top: 3px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active {
        background: #ececec
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-nav-tabs {
        padding-left: 0;
        padding-right: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content.col-sm-17 {
        padding-left: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane {
        display: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane.active {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link {
        display: block;
        padding: 10px 5px;
        text-align: left
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs {
        margin-top: -15px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs {
        text-align: center;
        display: block;
        margin: 0 -5px 15px;
        background: #eeeeee;
        box-shadow: inset 0 -3px 10px -7px #555
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link {
        display: inline-block;
        padding: 9px 20px;
        position: relative;
        font-size: 115%;
        transform: perspective(1px) translateZ(0);
        border-right: 1px solid #e2e2e2
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:first-child {
        border-left: 1px solid #e2e2e2
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:before {
        display: inline-block;
        font: normal normal normal 18px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        bottom: 10px;
        left: calc((100% - 10px)/2)
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #464646;
        transform: scaleY(0);
        transform-origin: 50% 100%;
        transition-property: transform;
        transition-duration: .4s;
        transition-timing-function: ease-out
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:hover {
        color: #fff
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active:before,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:hover:before {
        color: #282828;
        font-size: 18px;
        bottom: -12px;
        content: "\f0d7"
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link.active:after,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:hover:after {
        transform: scaleY(1)
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane {
        display: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-tabs .cdz-tab-content .cdz-tab-pane.active {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupmenu-drop {
        top: -1px;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cat-tree.groupmenu-drop .groupmenu-drop {
        top: -7px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent>.menu-link {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent>.menu-link:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        margin-top: 3px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent.cat-tree:not(.no-dropdown)>a {
        display: block
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .item.parent.cat-tree:not(.no-dropdown)>a:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        margin-top: 3px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop li.item:hover>.groupmenu-drop {
        opacity: 1;
        transform: translateY(0);
        visibility: inherit
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.item {
        min-width: 230px;
        position: relative;
        padding: 20px;
        margin: 0px auto
    }

    .cdz-menu:not(.cdz-toggle-menu) .cat-tree li.item {
        padding: 8px 15px;
        min-width: 230px;
        position: relative;
        margin: 0px auto
    }

    .cdz-menu:not(.cdz-toggle-menu) .multicols[class] {
        flex-wrap: wrap;
        width: calc(var(--tree-cols) * 250px - 18px);
        gap: 0px 20px
    }

    .cdz-menu:not(.cdz-toggle-menu) .multicols[class]>li.item {
        width: 230px;
        margin: 0
    }

    .cdz-menu:not(.cdz-toggle-menu) .multicols[class]>li.tablet-item {
        flex-basis: 100%
    }

    .cdz-menu:not(.cdz-toggle-menu) li.parent.item:hover>ul.multicols {
        display: flex !important
    }

    .cdz-horizontal-menu {
        width: 100%
    }

    .cdz-horizontal-menu li.level0>.groupmenu-drop {
        display: none
    }

    .cdz-horizontal-menu.cdz-translate li.level0>.groupmenu-drop {
        top: 45px;
        display: block;
        visibility: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transform: translateY(20px);
        transition: .1s
    }

    .cdz-horizontal-menu.cdz-translate li.level0:hover>.groupmenu-drop {
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translateY(0);
        visibility: inherit;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s
    }

    .cdz-horizontal-menu .groupmenu {
        width: 100%;
        display: inline-block;
        padding: 0;
        background-color: #ffffff
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        text-transform: uppercase;
        transition: all 500ms ease;
        backface-visibility: hidden;
        display: inline-block;
        vertical-align: top;
        padding: 12px 20px;
        box-sizing: border-box;
        border-width: 0px;
        border-style: solid;
        text-decoration: none;
        color: #333;
        background-color: #ffffff;
        border-color: #f0f0f0;
        font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif;
        cursor: pointer;
        line-height: 22px
    }

    .cdz-horizontal-menu .groupmenu .groupmenu-drop {
        font: 500 12px/1.35 Poppins, Helvetica Neue, Verdana, Arial, sans-serif
    }

    .cdz-horizontal-menu .groupmenu li.item {
        list-style: none
    }

    .cdz-horizontal-menu .groupmenu li.item.level0 {
        margin-top: 0px;
        margin-bottom: 0px;
        position: relative;
        display: inline-block;
        vertical-align: top;
        float: left
    }

    .cdz-horizontal-menu .groupmenu .groupmenu-nondrop {
        position: relative
    }

    .cdz-horizontal-menu .groupmenu .groupmenu-nondrop>li.item {
        margin: 0px 0px;
        padding-left: 0px
    }

    .cdz-horizontal-menu .groupmenu .no-dropdown>.cat-tree.groupmenu-drop {
        top: auto;
        left: auto
    }

    .cdz-horizontal-menu .groupmenu .no-dropdown>.groupdrop-title {
        margin-bottom: 10px;
        display: inline-block
    }

    .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown>.cat-tree.groupmenu-drop .groupmenu-drop {
        visibility: hidden;
        height: 0;
        position: absolute;
        opacity: 0;
        background: #fff;
        border: 1px solid #ccc;
        height: auto
    }

    .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown>.cat-tree.groupmenu-drop .parent:hover>.groupmenu-drop {
        visibility: visible;
        height: auto;
        opacity: 1
    }

    .cdz-horizontal-menu .groupmenu ul.groupmenu-drop li.no-dropdown {
        display: block;
        list-style: none;
        margin-top: 0;
        margin-bottom: 0
    }

    .cdz-vertical-menu>.groupmenu {
        margin: 0
    }

    .cdz-vertical-menu .groupmenu-drop {
        top: -1px;
        left: 100%;
        visibility: hidden;
        opacity: 0;
        transform: rotateY(45deg);
        transition: transform .4s ease;
        transform-origin: left;
        display: none
    }

    .cdz-vertical-menu li.item:hover>.groupmenu-drop {
        opacity: 1;
        transform: rotateY(0deg);
        visibility: inherit;
        display: block
    }

    .cdz-vertical-menu .item.level0 {
        display: block;
        padding: 0px;
        border: 1px solid #dfdfdf;
        position: relative;
        margin-bottom: -1px
    }

    .cdz-vertical-menu .item.level0>a.menu-link {
        display: flex;
        padding-inline: 10px 0px;
        padding-block: 10px;
        align-items: center;
        position: relative
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon {
        min-width: calc(var(--mn-icon-w) + 19px);
        text-align: center;
        margin-inline: -5px 0;
        justify-content: center
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
        border-inline-start: 1px solid #dfdfdf;
        padding-inline-start: 10px
    }

    .cdz-vertical-menu .item.level0>a.menu-link span {
        display: inline-block
    }

    .cdz-vertical-menu .item.level0.parent>a.menu-link:before {
        display: inline-block;
        font: normal normal normal 18px/1 FontAwesome;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        height: 100%;
        display: flex;
        margin-inline-end: 10px;
        align-items: center
    }

    .cdz-vertical-menu.dropdown-fullheight {
        position: relative
    }

    .cdz-vertical-menu.dropdown-fullheight ul.groupmenu-drop {
        box-shadow: none;
        left: calc(100% - 1px)
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree) {
        position: static
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree)>ul.groupmenu-drop {
        display: flex;
        flex-direction: row;
        min-height: 100%
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0.cat-tree,
    .cdz-vertical-menu.dropdown-fullheight .item.level0.no-full {
        position: relative
    }

    .cdz-vertical-menu.dropdown-fullheight.is-tablet .visible-tablet {
        position: absolute !important;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1
    }

    .cdz-vertical-menu.dropdown-fullheight.is-tablet .visible-tablet+li.item {
        padding-top: 60px
    }
}

@media only screen and (min-width: 768px) and (max-device-width:1180px) {
    .cdz-horizontal-menu.cdz-translate li.level0>.groupmenu-drop {
        display: none;
        transition: none
    }

    .cdz-horizontal-menu.cdz-translate li.level0:hover>.groupmenu-drop {
        display: block
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree) .visible-tablet {
        position: absolute !important;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1
    }

    .cdz-vertical-menu.dropdown-fullheight .item.level0:not(.cat-tree) .visible-tablet+li.item {
        padding-top: 60px
    }
}

@media only screen and (max-width: 767px) {
    .nav-open .nav-sections {
        background: #ffffff
    }

    .cdz-menu .row {
        margin: 0 -10px
    }

    .cdz-menu .groupdrop-banner {
        margin-bottom: 20px
    }

    .cdz-menu li.item {
        margin-bottom: 0px
    }

    .cdz-menu li.item.open>.dropdown-toggle:before,
    .cdz-menu li.item .cdz-tab-link.active+.dropdown-toggle:before {
        content: "\e9b3"
    }

    .cdz-menu .menu-tabs {
        margin: 0
    }

    .cdz-menu .menu-tabs .tab-item {
        margin: 0
    }

    .cdz-menu .menu-tabs .cdz-tab-pane {
        margin-top: 10px;
        min-height: 1px !important
    }

    .cdz-menu .menu-tabs .cdz-link-wrap {
        position: relative;
        padding: 4px 0
    }

    .cdz-menu .groupmenu-drop {
        display: none
    }

    .cdz-menu .groupmenu-drop li.item>a {
        padding: 7px 0
    }

    .cdz-menu .groupmenu-drop li.item.parent .groupmenu-drop {
        padding-left: 20px;
        padding-top: 5px
    }

    .cdz-menu .menu-link,
    .cdz-menu a.groupdrop-title {
        width: 100%;
        display: inline-block
    }

    .cdz-menu .item.level-top {
        display: block;
        position: relative;
        margin-bottom: 5px
    }

    .cdz-menu .item.level-top>.menu-link {
        padding: 0 10px !important;
        line-height: 40px !important;
        background: transparent;
        color: #444444;
        font-weight: 500;
        text-transform: uppercase;
        font-size: 14px
    }

    .cdz-menu .item.level-top>.menu-link .menu-icon.fa {
        margin: 0 10px 0 0
    }

    .cdz-menu .item.level-top>.groupmenu-drop {
        margin: 0px;
        padding: 10px;
        box-shadow: none
    }

    .cdz-menu .item.level-top>.groupmenu-drop .groupmenu-drop-content {
        padding-left: 15px
    }

    .cdz-menu .item.level-top>.groupmenu-drop>.tablet-item>a {
        background: rgba(255, 255, 255, 0.5);
        border-bottom: none !important
    }

    .cdz-menu .item.level-top .groupdrop-link .item {
        padding: 0
    }

    .cdz-menu .item.level-top .groupdrop-link .item a {
        border-bottom: 0 !important;
        color: #444444;
        font-size: 14px;
        font-weight: 500
    }

    .cdz-menu .dropdown-toggle {
        display: block;
        position: absolute;
        top: 0px;
        right: 0;
        cursor: pointer;
        width: 100%;
        height: 40px;
        line-height: 40px;
        background: rgba(0, 0, 0, 0);
        color: #444444;
        text-align: end;
        padding-inline-end: 10px
    }

    .cdz-menu .dropdown-toggle:before {
        display: inline-block;
        font: normal normal 13px/1 CodazonFont;
        content: "\e9b4";
        vertical-align: middle;
        text-align: center;
        transition: all 500ms ease;
        margin-top: 7px
    }

    .cdz-menu .parent {
        position: relative
    }

    .cdz-menu .groupmenu-drop .parent>.menu-link+.dropdown-toggle {
        height: 30px;
        line-height: 17px;
        top: 0
    }

    .cdz-menu .groupmenu-drop .parent li.tablet-item {
        padding-inline-start: 0 !important
    }

    .cdz-menu .tablet-item {
        display: block;
        margin-bottom: 10px !important
    }
}

.cdz-vertical-menu .item.level0>a.menu-link>span {
    max-width: 100%;
    display: inline-block
}

.cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
    max-width: calc(100% - 50px)
}

.cdz-vertical-menu .item.level0.parent>a.menu-link>span {
    max-width: calc(100% - 35px)
}

.cdz-vertical-menu .item.level0.parent>a.menu-link>.menu-icon+span {
    max-width: calc(100% - 80px)
}

.cdz-vertical-menu .item.level0>a.menu-link span span {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0;
    max-width: 100%;
    overflow-x: hidden
}

@media (max-width: 992px) and (min-width:768px) {
    .cdz-vertical-menu .item.level0>a.menu-link {
        font-size: 11px
    }
}

@media (max-width: 860px) and (min-width:768px) {
    .cdz-vertical-menu .item.level0>a.menu-link {
        padding: 7px 0
    }

    .cdz-vertical-menu .item.level0>a.menu-link>span {
        padding-inline: 10px
    }

    .cdz-vertical-menu .item.level0>a.menu-link>.menu-icon {
        display: none
    }

    .cdz-vertical-menu .item.level0>a.menu-link>.menu-icon+span {
        border: none;
        padding-inline: 10px !important;
        max-width: 100%
    }

    .cdz-vertical-menu .item.level0.parent>a.menu-link>.menu-icon+span {
        max-width: calc(100% - 35px)
    }
}

.cdz-vertical-menu .item.level0>a.menu-link span span {
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0;
    max-width: 100%;
    overflow: hidden;
    display: block
}

.cat-tree-wrap li.item:not(.level1) {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 10px auto
}

.groupdrop-title-line {
    border-bottom: 1px solid;
    font-size: 120%;
    padding-bottom: 5px
}

.cdz-menu.cdz-toggle-menu [class^="col-sm-"],
.cdz-menu.cdz-toggle-menu [class*=" col-sm-"] {
    width: 100%
}

.cdz-menu.cdz-toggle-menu .row {
    margin: 0 -10px
}

.cdz-menu.cdz-toggle-menu .groupdrop-banner {
    margin-bottom: 20px
}

.cdz-menu.cdz-toggle-menu li.item {
    margin-bottom: 0px
}

.cdz-menu.cdz-toggle-menu li.item.open>.dropdown-toggle:before,
.cdz-menu.cdz-toggle-menu li.item .cdz-tab-link.active+.dropdown-toggle:before {
    transform: rotate(90deg)
}

.cdz-menu.cdz-toggle-menu .menu-tabs {
    margin: 0
}

.cdz-menu.cdz-toggle-menu .menu-tabs .tab-item {
    margin: 0
}

.cdz-menu.cdz-toggle-menu .menu-tabs .cdz-tab-pane {
    margin-top: 10px;
    min-height: 1px !important
}

.cdz-menu.cdz-toggle-menu .menu-tabs .cdz-link-wrap {
    position: relative;
    padding: 4px 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop {
    display: none
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item {
    padding: 5px 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item.parent .groupmenu-drop {
    padding-left: 20px;
    padding-top: 5px
}

.cdz-menu.cdz-toggle-menu .menu-link,
.cdz-menu.cdz-toggle-menu a.groupdrop-title {
    width: 100%;
    display: inline-block
}

.cdz-menu.cdz-toggle-menu .item.level-top {
    display: block;
    position: relative;
    margin-bottom: 5px
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link {
    padding: 10px;
    background: transparent;
    color: #444444;
    border-bottom: 1px solid
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link .fa {
    margin: 0 5px
}

.cdz-menu.cdz-toggle-menu .item.level-top>.dropdown-toggle {
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0);
    color: #444444
}

.cdz-menu.cdz-toggle-menu .item.level-top>.dropdown-toggle:before {
    margin-top: 7px
}

.cdz-menu.cdz-toggle-menu .item.level-top>.groupmenu-drop {
    margin: 0px;
    border: 1px solid #f0f0f0;
    padding: 10px;
    box-shadow: none
}

.cdz-menu.cdz-toggle-menu .parent {
    position: relative
}

.cdz-menu.cdz-toggle-menu .dropdown-toggle {
    display: block;
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer
}

.cdz-menu.cdz-toggle-menu .dropdown-toggle:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 27px;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    text-align: center;
    width: 100%;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.links-list .cdz-vertical-menu .item.level-top {
    border-bottom: 1px solid #e1e1e1
}

.links-list .cdz-vertical-menu .item.level-top>a.menu-link {
    text-transform: uppercase;
    background: transparent;
    color: #999999
}

.links-list .cdz-vertical-menu .item.level-top>a.menu-link:visited,
.links-list .cdz-vertical-menu .item.level-top>a.menu-link:focus {
    color: #999999
}

@media only screen and (min-width: 768px) {
    .links-list .cdz-vertical-menu .item.level-top>a.menu-link:hover {
        color: #222222
    }
}

.links-list .cdz-vertical-menu .item.level-top:hover>a.menu-link {
    color: #222222
}

@media only screen and (max-width: 767px) {
    .links-list .cdz-vertical-menu .dropdown-toggle:before {
        color: #999999
    }
}

@media only screen and (min-width: 768px) {
    .no-loaded.cdz-menu.cdz-horizontal-menu .groupmenu {
        white-space: nowrap;
        overflow: hidden;
        font-size: 0
    }

    .no-loaded.cdz-menu.cdz-horizontal-menu .groupmenu>li.item.level0 {
        float: none
    }

    .cdz-horizontal-menu .groupmenu {
        background-color: transparent
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        background-color: transparent
    }
}

@media only screen and (min-width: 768px) {
    .menu-icon .groupmenu li.level0>a.menu-link .menu-icon {
        display: block;
        text-align: center;
        font-size: 30px;
        margin-bottom: 10px
    }

    .cdz-horizontal-menu.cdz-translate li.level0>.groupmenu-drop {
        top: 100%
    }

    .cdz-horizontal-menu .groupmenu {
        vertical-align: top;
        background-color: #ffffff
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        color: #333333;
        border-color: #ebebeb;
        background: #ffffff;
        font: 700 15px/1.35 "Mona Sans", sans-serif
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:active,
    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:focus,
    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:visited {
        color: #333333
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link:hover {
        color: #fb6a00
    }

    .cdz-horizontal-menu .groupmenu li.level0:hover>a.menu-link {
        color: #fb6a00;
        border-color: #ebebeb;
        background: #ffffff
    }

    .cdz-vertical-menu .item.level0 {
        border-color: #efefef
    }

    .cdz-vertical-menu .item.level0>a.menu-link {
        color: #222222;
        border-color: #efefef;
        background: #ffffff;
        font: normal 14px/1.35 "Mona Sans", sans-serif
    }

    .cdz-vertical-menu .item.level0>a.menu-link:active,
    .cdz-vertical-menu .item.level0>a.menu-link:focus,
    .cdz-vertical-menu .item.level0>a.menu-link:visited {
        color: #222222
    }

    .cdz-vertical-menu .item.level0>a.menu-link:hover {
        color: #222222
    }

    .cdz-vertical-menu .item.level0:hover>a.menu-link {
        color: #222222;
        border-color: #efefef;
        background: #ffc9b8
    }

    .cdz-vertical-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        top: 0;
        inset-inline: 100% auto
    }

    .cdz-vertical-menu .item.level0.parent>a.menu-link:before {
        position: absolute;
        right: 0
    }

    .cdz-vertical-menu li.item:hover>.groupmenu-drop {
        top: 0
    }
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
    background-color: #ffffff;
    border-color: #e1e1e1;
    box-shadow: 0 3px 3px #e1e1e1;
    color: #999999;
    font: 400 14px/1.35 "Mona Sans", sans-serif
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a {
    color: #999999;
    font: 400 14px/1.35 "Mona Sans", sans-serif
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:active,
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:focus,
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:visited {
    color: #999999
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:hover {
    color: #5c2900
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title-line {
    text-transform: uppercase;
    color: #282828;
    margin: 0 0 10px;
    padding: 0 0 5px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title {
    text-transform: uppercase;
    color: #282828;
    font-weight: 700;
    margin: 0;
    padding: 0 0 5px;
    min-height: 25px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title a {
    color: #282828;
    font-weight: 700
}

@keyframes show-page {
    0% {
        opacity: 0;
        width: 0px;
        overflow: hidden
    }

    99% {
        width: 100%;
        overflow: hidden
    }

    100% {
        opacity: 1;
        width: 100%;
        overflow: visible
    }
}

@keyframes show-page-a {
    0% {
        color: transparent;
        opacity: 1
    }

    79% {
        opacity: 1
    }

    80% {
        color: transparent;
        opacity: 0
    }

    100% {
        color: #333333;
        opacity: 1
    }
}

@keyframes show-page-a-before {
    0% {
        color: #333333;
        content: "\f111";
        opacity: 1;
        font-size: 8px;
        position: absolute;
        left: 50%;
        top: calc((100% - 10px)/2)
    }

    80% {
        color: #333333;
        content: "\f111";
        font-size: 10px;
        opacity: 1;
        position: absolute;
        left: 50%;
        top: calc((100% - 10px)/2)
    }

    100% {
        content: '';
        position: absolute;
        opacity: 0;
        font-size: 0px
    }
}

@-webkit-keyframes hide-page {
    0% {
        width: 100%
    }

    100% {
        width: 0px
    }
}

.static-wrap.has-items-overflowed {
    display: flex;
    flex-direction: row;
    align-items: center
}

.cdz-menu.no-loaded .cdz-item-tag {
    display: none
}

.cdz-menu .cdz-item-tag {
    color: #ffffff;
    background: #ff8000;
    border-color: #ff8000;
    border-width: 0;
    position: absolute;
    padding: 0px 7px;
    width: auto;
    top: -4px;
    right: -2px;
    text-align: center;
    font-size: 11px;
    text-transform: none;
    z-index: 10;
    display: block;
    line-height: 1.3;
    font-weight: 600;
    cursor: default;
    white-space: nowrap
}

.cdz-menu .cdz-item-tag:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    bottom: -8px;
    border: 4px solid transparent;
    border-top-color: inherit;
    right: 10px
}

@media only screen and (max-width: 767px) {
    .cdz-menu .cdz-item-tag {
        right: 45px;
        top: 0px
    }
}

.sticky-menu.active .cdz-menu .cdz-item-tag {
    top: -2px
}

.cdz-menu .animated .cdz-item-tag {
    opacity: 0
}

.cdz-menu.cdz-toggle-menu .cdz-item-tag,
.cdz-menu.cdz-vertical-menu .cdz-item-tag {
    right: 45px;
    top: 5px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.tablet-item {
    padding: 0
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.tablet-item>a {
    padding: 10px 20px;
    border-bottom: 1px solid #ccc
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a.menu-go-link {
    font-size: 13px;
    width: 100%;
    display: block
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .tablet-tab-link {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
    text-align: center
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .tablet-tab-link a.menu-go-link {
    border: 1px solid #ccc;
    width: auto;
    display: inline-block;
    padding: 2px 15px;
    background: #eee;
    border-radius: 4px
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .tablet-tab-link a.menu-go-link:after {
    content: "\f178"
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop .menu-tabs {
    width: 100%
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop .menu-tabs a.cdz-tab-link {
    padding: 5px 0px;
    display: block;
    width: 100%
}

.cdz-menu.cdz-toggle-menu .tablet-item,
.cdz-menu.cdz-toggle-menu .tablet-tab-link {
    display: none !important
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .cdz-menu.no-loaded li.item.level0.parent:after {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
        z-index: 10;
        content: ''
    }
}

.cdz-menu.is-tablet .visible-tablet {
    display: block
}

.cdz-menu .menu-go-link {
    text-transform: uppercase
}

.cdz-menu .menu-go-link .link-prefix {
    color: #000
}

.cdz-menu .menu-go-link .link-text {
    font-weight: 700;
    color: #282828
}

.cdz-menu .menu-go-link:after {
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f14c";
    display: inline-block;
    margin-left: 10px;
    color: #282828
}

.groupmenu.show-page {
    float: right !important;
    display: flex;
    flex-direction: row
}

.groupmenu.show-page>li>a {
    white-space: nowrap !important;
    max-width: 100%;
    overflow: hidden
}

.groupmenu.animated.show-page>li>a {
    animation-name: show-page-a;
    animation-duration: 1000ms
}

.groupmenu.animated.show-page>li>a:after {
    animation-name: show-page-a-after;
    animation-duration: 1000ms
}

.groupmenu.animated.show-page>li>a:before {
    position: absolute;
    top: 12px;
    opacity: 0;
    animation-name: show-page-a-before;
    animation-duration: 1000ms;
    display: inline-block;
    font: normal normal 10px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111"
}

.groupmenu.show-page.animated {
    animation-name: show-page;
    animation-duration: 1000ms
}

.groupmenu.hide-page {
    display: none;
    animation-name: hide-page;
    animation-duration: 1000ms
}

.switchpage-control .control {
    padding: 14px 0px;
    display: flex;
    flex-direction: row;
    width: 30px;
    position: relative;
    color: #333333;
    margin: 0 15px
}

.switchpage-control .control .times {
    font-size: 0
}

.switchpage-control .control .times:before,
.switchpage-control .control .times:after {
    position: absolute;
    left: 0px;
    width: 26px;
    height: 2px;
    background: #333333;
    content: "";
    z-index: 3;
    top: 20px;
    outline: 1px solid transparent;
    opacity: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    transform: rotate(0)
}

.switchpage-control .control.page-two .times {
    transition: all linear 600ms;
    backface-visibility: hidden;
    opacity: 1
}

.switchpage-control .control.page-two .times:before {
    opacity: 1;
    transform: rotate(-45deg)
}

.switchpage-control .control.page-two .times:after {
    opacity: 1;
    transform: rotate(45deg);
    bottom: 0
}

.switchpage-control .control.page-two .dot {
    opacity: 0;
    transition: all linear 900ms;
    backface-visibility: hidden
}

.switchpage-control .control:hover {
    color: #333333
}

.switchpage-control .dot {
    width: calc(100%/3);
    display: inline-block;
    font-size: 6px;
    position: relative
}

.switchpage-control .dot:before {
    font: normal normal 6px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f111";
    display: inline-block
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {

    .switchpage-control .control .times:before,
    .switchpage-control .control .times:after {
        opacity: 0
    }

    .switchpage-control .control.page-two .times:before,
    .switchpage-control .control.page-two .times:after {
        opacity: 1
    }
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title {
    padding: 0 0 10px;
    border-bottom: 1px solid
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title.no-line {
    border: none
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item {
    margin-bottom: 0
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a {
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    overflow: hidden;
    display: block
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a:before {
    content: '';
    background: #5c2900;
    opacity: .2;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    transform: translate3d(-110%, 0, 0);
    z-index: -1
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a:hover:before {
    transform: translate3d(0, 0, 0)
}

@media only screen and (max-width: 767px) {
    .dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item a {
        padding: 0
    }
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item.last {
    margin-bottom: 20px
}

.dropdown-menustyle01.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-link .item.last a {
    border-bottom: 0px solid #e1e1e1
}

.cdz-menu.no-loaded {
    min-height: 0
}

.dropdown-menustyle02 .groupdrop-link li {
    margin: 0;
    padding: 6px 0
}

.dropdown-menustyle02 .groupdrop-link li a {
    position: relative;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.dropdown-menustyle02 .groupdrop-link li a:before {
    content: "";
    position: absolute;
    width: 0px;
    height: 1px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    left: 0;
    top: 7px
}

.dropdown-menustyle02 .groupdrop-link li a:hover {
    padding-left: 15px
}

.dropdown-menustyle02 .groupdrop-link li a:hover:before {
    width: 10px;
    background-color: #5c2900
}

.dmlb,
.dmlb-new {
    font-size: 80%;
    margin-top: -5px;
    display: inline-block;
    position: absolute;
    color: #5c2900
}

@media only screen and (max-width: 767px) {
    #mobi_vertcial-menu-container .main-content-top-left {
        margin: 10px
    }

    #mobi_vertcial-menu-container .groupmenu {
        background: #ffffff
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        box-shadow: none
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:active,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:focus,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:visited {
        color: #222222
    }
}

@keyframes cdz-slidedown {
    0% {
        max-height: 0;
        overflow: hidden;
        opacity: 0
    }

    50% {
        opacity: 1
    }

    99% {
        max-height: 1000px;
        overflow: hidden
    }

    100% {
        max-height: none;
        overflow: visible
    }
}

.cdz-menu {
    --mn-dd-w-max: var(--cur-cont-width, 1400px);
    --mn-cont-pd: var(--cur-cont-pd, 10px);
    --mn-icon-w: 18px
}

@media only screen and (min-width: 768px) {
    .cdz-menu .grmn-width {
        width: calc(var(--mn-dd-w-max) * var(--mn-dd-iw) / 24 - 2 * var(--mn-cont-pd) - 20px);
        max-width: 100%;
        margin-inline: auto
    }

    .cdz-scroll-menu.no-loaded .groupmenu {
        background: #ffffff url('../../../../codazon/themelayout/images/loader.gif') no-repeat center center;
        margin-top: 8px;
        width: 275px;
        padding: 30px
    }

    .cdz-scroll-menu.no-loaded .groupmenu>* {
        display: none
    }

    .cdz-scroll-menu .menu-inner {
        margin-top: 8px
    }

    .cdz-scroll-menu .m-top-list {
        background: #ffffff
    }

    .cdz-scroll-menu .m-top-list .scrm-active.item.level0>a.menu-link {
        background: #ffc9b8;
        color: #222222;
        border-color: #ffc9b8
    }

    .cdz-scroll-menu .m-org-list>.item.level0>.groupmenu-drop {
        background: #ffffff
    }

    .fixed-height-menu {
        position: relative;
        overflow: hidden
    }

    .fixed-height-menu .cdz-menu {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0
    }

    .fixed-height-menu:after {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 0;
        font-family: FontAwesome;
        content: "\f107";
        font-size: 14px;
        height: 10px;
        line-height: 10px;
        text-align: center;
        border: 1px solid #efefef;
        border-top-style: dashed;
        color: #d6d6d6;
        background: #ffffff
    }

    .fixed-height-menu:before {
        position: absolute;
        width: calc(100% - 4px);
        bottom: 10px;
        left: 2px;
        background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 100%);
        height: 120px;
        max-height: 40%;
        content: '';
        z-index: 1
    }

    .fixed-height-menu:hover {
        overflow: visible
    }

    .fixed-height-menu:hover .cdz-menu {
        z-index: 10
    }

    .fixed-height-menu:hover:before,
    .fixed-height-menu:hover:after {
        display: none
    }

    .desk-vertcial-menu-container {
        position: relative
    }

    .desk-vertcial-menu-container .menu-title {
        cursor: pointer;
        user-select: none
    }

    .desk-vertcial-menu-container .menu-container {
        display: none;
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        z-index: 600;
        min-width: 340px
    }

    .desk-vertcial-menu-container .cdz-vertical-menu {
        width: 100%;
        z-index: 10
    }

    .desk-vertcial-menu-container:hover .menu-container {
        display: block
    }

    .cms-index-index .sticky-menu:not(.active) .desk-vertcial-menu-container:hover .menu-container {
        display: none
    }

    .cms-index-index .sticky-menu:not(.active) .desk-vertcial-menu-container.one-ver:hover .menu-container {
        display: block
    }

    .click-display .cdz-vertical-menu {
        display: none !important
    }

    .sticky-menu.active .click-display.cdz-active .menu-container,
    .sticky-menu.active .click-display.cdz-active .cdz-vertical-menu,
    .one-ver.click-display.cdz-active .menu-container,
    .one-ver.click-display.cdz-active .cdz-vertical-menu {
        display: block !important
    }

    .one-ver.click-display.cdz-active .cdz-vertical-menu,
    .sticky-menu.active .click-display.cdz-active .cdz-vertical-menu {
        animation-name: cdz-slidedown;
        animation-duration: 500ms
    }

    .sticky-menu.active .click-display.cdz-active .menu-title:before,
    .one-ver.click-display.cdz-active .menu-title:before {
        transform: rotateZ(180deg)
    }
}

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

    .cms-index-index .sticky-menu:not(.active) .click-display.first-active .menu-container,
    .cms-index-index .sticky-menu:not(.active) .click-display.first-active .cdz-vertical-menu {
        display: block !important
    }

    .cms-index-index .sticky-menu:not(.active) .click-display.first-active .menu-title:before {
        transform: rotateZ(180deg)
    }
}

@media only screen and (max-width: 767px) {
    .fixed-height-menu {
        height: auto !important
    }
}

.cdz-menu.cdz-toggle-menu .dropdown-toggle:before {
    display: inline-block;
    font: normal normal normal 14px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e9b4';
    speak: none;
    width: 40px;
    height: 40px;
    line-height: 40px
}

.cdz-menu.cdz-toggle-menu .item.level-top {
    margin-bottom: 0
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link {
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    color: #999999
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:active,
.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:focus,
.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:visited {
    color: #999999
}

.cdz-menu.cdz-toggle-menu .item.level-top>.menu-link:hover {
    color: #5c2900
}

.cdz-menu.cdz-toggle-menu .item.level-top>.dropdown-toggle:before {
    margin-top: 0
}

.cdz-menu.cdz-toggle-menu li.item.open>.dropdown-toggle:before,
.cdz-menu.cdz-toggle-menu li.item .cdz-tab-link.active+.dropdown-toggle:before {
    content: '\e9b3';
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

.cdz-menu.cdz-toggle-menu .item.level-top>.groupmenu-drop {
    border: 0;
    padding-left: 20px;
    padding-right: 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item.parent .groupmenu-drop {
    padding-top: 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item {
    padding-top: 0;
    padding-bottom: 0
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a {
    text-transform: uppercase;
    padding: 10px 0;
    color: #999999
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:active,
.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:focus,
.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:visited {
    color: #999999
}

.cdz-menu.cdz-toggle-menu .groupmenu-drop li.item a:hover {
    color: #5c2900
}

.cdz-sidebar {
    display: none
}

.cdz-panel-open-right .cdz-sidebar,
.cdz-panel-open-left .cdz-sidebar {
    display: inline
}

.utilies-section {
    max-height: 100vh;
    overflow-y: auto;
    overflow-x: hidden
}

@media only screen and (max-width: 767px) {
    .page-header {
        position: relative;
        min-height: 50px;
        border-bottom: 1px solid #e1e1e1;
        margin-bottom: 10px;
        color: #333333;
        background: #ffffff
    }

    .page-header .header.links.visible-xs {
        display: none !important
    }

    .page-header #desk_cart-wrapper {
        display: none
    }

    .page-header a.logo[class] {
        float: none;
        max-width: 150px;
        margin-block: 5px;
        margin-inline: 0 30px;
        min-height: 45px;
        align-items: center;
        justify-content: center;
        display: inline-flex
    }

    .page-header .nav-toggle {
        width: 35px;
        height: 20px;
        display: inline-block;
        float: left;
        cursor: pointer;
        font-size: 0;
        left: 0;
        position: absolute;
        top: 16px;
        z-index: 14
    }

    .page-header .nav-toggle>span {
        display: inline-block;
        position: relative;
        height: 100%;
        width: 100%
    }

    .page-header .nav-toggle>span:before,
    .page-header .nav-toggle>span:after {
        position: absolute;
        left: 0;
        width: 26px;
        height: 2px;
        content: "";
        background: #333333;
        z-index: 3;
        transition: transform .35s ease;
        backface-visibility: hidden
    }

    .page-header .nav-toggle>span:after {
        bottom: 0
    }

    .page-header .nav-toggle:before {
        position: absolute;
        left: 0;
        top: 8px;
        width: 16px;
        height: 2px;
        content: "";
        background: #333333
    }

    .page-header .nav-toggle span {
        position: relative;
        display: inline-block;
        height: 20px
    }

    .page-header .mobi-cart-wrapper {
        position: absolute;
        right: 0;
        top: 0
    }

    .page-header .mobi-cart-wrapper .action.showcart {
        width: 35px;
        height: 35px;
        line-height: 35px;
        display: block;
        text-align: center
    }

    .page-header .mobi-cart-wrapper .action.showcart:before {
        display: inline-block;
        font: normal normal normal 22px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e992';
        speak: none;
        color: #333333;
        line-height: 35px
    }

    .page-header .mobi-cart-wrapper .action.showcart .text,
    .page-header .mobi-cart-wrapper .action.showcart .counter-label,
    .page-header .mobi-cart-wrapper .action.showcart .cart-subtotal {
        display: none
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter.qty {
        display: block;
        position: absolute;
        top: 0px;
        min-width: 15px;
        height: 15px;
        line-height: 16px;
        font-size: 11px;
        font-weight: 600;
        right: 0px;
        text-align: center;
        border-radius: 100%;
        color: #ffffff;
        background: #F44336
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter-number {
        display: block;
        font-size: 11px
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter-number.price {
        display: none
    }

    .nav-before-open.nav-open .nav-toggle {
        height: 35px;
        top: 10px;
        left: 0
    }

    .nav-before-open.nav-open .nav-toggle:before {
        opacity: 0
    }

    .nav-before-open.nav-open .nav-toggle span {
        height: 30px
    }

    .nav-before-open.nav-open .nav-toggle span:before,
    .nav-before-open.nav-open .nav-toggle span:after {
        top: 15px;
        left: 5px;
        outline: 1px solid transparent
    }

    .nav-before-open.nav-open .nav-toggle span:before {
        transform: rotate(-45deg)
    }

    .nav-before-open.nav-open .nav-toggle span:after {
        transform: rotate(45deg)
    }

    .nav-open .nav-toggle>span:before,
    .nav-open .nav-toggle>span:after {
        background: #ffffff
    }
}

@media only screen and (max-width: 767px) {
    .nav-open .nav-sections {
        background: #ffffff
    }

    .nav-sections-item-title {
        background: #ffffff;
        border-color: #efefef
    }

    .nav-sections-item-title a {
        color: #353535
    }

    .nav-sections-item-title.active {
        background: #ffffff
    }

    .nav-sections-item-title.active a {
        color: #222222
    }

    .nav-sections-item-title:first-child {
        border-left: 0
    }

    .nav-sections-item-content {
        padding: 0
    }

    .nav-sections .header.links {
        border-color: #efefef
    }

    .nav-sections .header.links li.greet.welcome,
    .nav-sections .header.links li .cdz-dropdown>a,
    .nav-sections .header.links li>a {
        color: #222222;
        font-size: 14px;
        font-weight: 500;
        border-top: 0;
        border-bottom: 1px solid #efefef
    }

    .nav-sections .header.links li:last-child a {
        border-bottom: 0
    }

    .nav-sections .header.links li .cdz-dropdown {
        display: block;
        position: relative
    }

    .nav-sections .header.links li .cdz-dropdown a:after {
        display: inline-block;
        font: normal normal normal 14px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e9b4';
        speak: none;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        color: #222222
    }

    .nav-sections .header.links li .cdz-dropdown .cdz-dd-content {
        min-width: 1px;
        width: 100%;
        position: static
    }

    .nav-sections .header.links li .cdz-dropdown.cdz-dd-active a:after {
        content: "\e9b3"
    }

    .nav-sections .switcher {
        font-size: 14px;
        font-weight: 500;
        padding: 0;
        border-color: #efefef
    }

    .nav-sections .switcher a {
        color: #222222;
        display: block;
        width: 100%
    }

    .nav-sections .switcher:first-child {
        border-top: 0
    }

    .nav-sections .switcher:last-child {
        border-color: #efefef
    }

    .nav-sections .switcher.switcher-currency .switcher-label {
        display: none
    }

    .nav-sections .switcher .switcher-trigger {
        padding: 10px 20px;
        position: relative
    }

    .nav-sections .switcher .switcher-trigger.active:after {
        content: "\e9b3"
    }

    .nav-sections .switcher .switcher-trigger:after {
        display: inline-block;
        font: normal normal normal 14px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e9b4';
        speak: none;
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        position: absolute;
        top: 0;
        right: 0;
        color: #222222
    }

    .nav-sections .switcher .switcher-dropdown {
        padding: 10px 20px;
        background: #f2f2f2
    }

    .nav-sections .switcher .switcher-dropdown li:last-child {
        margin-bottom: 0
    }

    .cdz-menu .item.level-top>span.dropdown-toggle:before {
        margin-top: 0
    }

    .cdz-menu .item.level-top>.menu-link,
    .cdz-menu .item.level-top>.dropdown-toggle {
        color: #222222
    }

    .cdz-menu .item.level-top>.menu-link {
        display: flex;
        align-items: center
    }

    .cdz-menu .item.level-top .groupdrop-link .item a {
        color: #222222
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        background: #f2f2f2
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title-line {
        color: #222222;
        font: 400 14px/1.35 "Mona Sans", sans-serif;
        font-weight: 700;
        margin-bottom: 10px
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title a,
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a {
        color: #222222
    }

    .cdz-menu .cdz-link-wrap .dropdown-toggle {
        color: #222222
    }

    .cdz-menu .item.level-top .groupdrop-link .item {
        padding: 5px 0
    }

    .cdz-menu .item.level-top>.groupmenu-drop .groupmenu-drop-content {
        padding-left: 0
    }

    .cdz-menu .groupdrop-banner-pos {
        margin-bottom: 20px
    }

    .cdz-menu .groupdrop-link {
        margin-bottom: 20px
    }

    .cdz-menu .menu-tabs .cdz-tab-pane {
        background: #e6e6e6;
        padding: 10px
    }

    .nav-sections-item-title {
        text-transform: uppercase
    }

    .checkout-index-index .nav-sections,
    .checkout-index-index .nav-toggle {
        display: none !important
    }
}

@media only screen and (min-width: 768px) {
    .f-sections {
        display: none
    }
}

.f-nav-sections-item-title {
    padding: 15px 10px;
    background: #ffffff;
    border-block: 1px solid #efefef;
    color: #353535;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 115%;
    margin-top: -1px
}

.f-nav-sections-item-title:before {
    font: normal 18px/1.2 CodazonFont;
    content: '\e97b';
    margin-inline-end: 1.1rem;
    color: rgba(53, 53, 53, 0.5);
    display: inline-block;
    vertical-align: middle
}

.f-sections .header.links li.greet.welcome {
    display: none
}

.page-header .sticky-menu.active {
    box-shadow: 0 0 5px #bdbdbd;
    width: 100%;
    max-width: 100% !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 880;
    margin: 0 auto;
    padding: 0;
    position: fixed !important;
    background-color: #ffffff
}

@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active {
        animation: fadeInDown normal running forwards 1 .7s 0s ease-out
    }
}

.page-header .sticky-menu.active .header.panel {
    margin: 0;
    border-radius: 0
}

@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active .header.panel {
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.page-header .sticky-menu.active .header.panel .header-panel-bottom {
    margin: 0
}

.page-header .sticky-menu.active .cdz-dropdown .cdz-dd-content {
    top: 100%
}

.page-header .sticky-menu.active .cdz-vertical-menu .groupmenu {
    margin-bottom: 0
}

@media only screen and (min-width: 768px) {
    .page-header .sticky-menu.active .header-panel-bottom {
        padding: 0 250px 0 0;
        border: 0
    }

    .page-header .sticky-menu.active .logo {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .page-header .sticky-menu.active {
        padding: 0 10px;
        background-color: #ffffff;
        color: #333333;
        background: #ffffff url(../../../../codazon/themelayout/images/tspr.png) 0 0;
        min-height: 47px
    }
}

.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top {
    text-align: inherit;
    padding: 60px 30px 10px;
    position: relative
}

.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top:before {
    font: normal normal 60px/1 FontAwesome;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f007';
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    z-index: 1;
    color: #fb6a00;
    left: 0;
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top .icon-account {
    display: none
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .block-inner {
    padding: 50px 30px 10px;
    position: relative
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .block-inner:before {
    font: normal normal normal 45px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e986';
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    z-index: 1;
    color: #fb6a00;
    left: 0;
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .block-inner .desc {
    text-transform: uppercase;
    text-align: center
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .actions-toolbar>.primary {
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .actions-toolbar>.primary button {
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .forgot-password {
    text-align: center
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .forgot-password a.action {
    border-bottom: 1px solid;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-top: 10px;
    display: inline-block;
    font-size: 90%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .no-account {
    text-align: center;
    margin-top: 20px;
    padding: 20px
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .no-account p {
    display: block;
    text-transform: uppercase;
    font-size: 100%;
    margin-bottom: 10px
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .no-account a.md-primary {
    display: inline-block;
    width: calc(100% - 20px)
}

.cdz-popup-area .cdz-popup.popup-minicart-popup .cdz-popup-inner {
    padding: 0
}

.cdz-popup-area .cdz-popup.popup-minicart-popup .block-minicart .cart-total .actions button,
.cdz-popup-area .cdz-popup.popup-minicart-popup .block-minicart .cart-total .actions .button {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .cdz-popup-area .cdz-popup.popup-minicart-popup #btn-minicart-close-popup {
        display: none
    }
}

.cdz-popup-area .cdz-popup.popup-minicart-popup .minicart-items .product-item .product-item-actions .details-qty {
    float: right
}

.cdz-popup-area {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    visibility: hidden
}

.cdz-popup-area .cdz-popup-area-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    justify-content: center
}

.cdz-popup-area .cdz-backface {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.cdz-popup-area .cdz-backface:before {
    -webkit-font-smoothing: antialiased;
    content: '\e616';
    font-family: 'icons-blank-theme';
    font-size: 60px;
    color: #fff;
    line-height: 62px;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 999;
    cursor: pointer
}

.cdz-popup-area button.close-cdzpopup {
    position: absolute;
    top: 0px;
    padding: 0;
    width: 40px;
    height: 40px;
    border: 1px solid;
    color: #000;
    border-color: transparent;
    background: transparent;
    border-radius: 0;
    right: 0px;
    display: none
}

.cdz-popup-area button.close-cdzpopup:before {
    -webkit-font-smoothing: antialiased;
    content: '\e616';
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-size: 32px;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
    color: #000;
    line-height: 40px;
    margin-left: -1px
}

.cdz-popup-area .cdz-popup {
    visibility: hidden;
    overflow: visible;
    top: -110%;
    left: 0;
    right: 0;
    position: absolute;
    transition: all 500ms ease;
    backface-visibility: hidden;
    max-height: 80%;
    width: 500px;
    max-width: calc(100% - 40px);
    margin: 2rem auto
}

.cdz-popup-area .cdz-popup .cdz-popup-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 20px
}

.cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content {
    max-height: 500px;
    max-height: 80vh;
    overflow: auto
}

body.cdz-popup-opened .cdz-popup-area {
    visibility: visible;
    overflow-y: scroll
}

body.cdz-popup-opened .cdz-backface {
    opacity: 1;
    transition: all 500ms ease;
    backface-visibility: hidden
}

body.cdz-popup-opened .cdz-popup.opened {
    visibility: visible;
    top: 0;
    z-index: 1000
}

body.cdz-popup-opened>.page-wrapper {
    overflow: scroll
}

body.cdz-popup-opened .sticky-menu.active {
    box-shadow: none
}

body.cdz-popup-opened .sticky-menu.active .panel.header {
    box-shadow: none
}

body.cdz-popup-opened .modal-popup.confirm {
    z-index: 1000
}

.cdz-popup .minicart-popup {
    display: block
}

@media only screen and (max-width: 767px) {
    .cdz-popup-area .cdz-popup {
        margin-top: 5rem
    }
}

form.minisearch.loading .control input[type=text] {
    box-shadow: none;
    -webkit-animation-name: search-loading;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-name: search-loading;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@-webkit-keyframes search-loading {

    0%,
    100% {
        box-shadow: none
    }

    25%,
    75% {
        box-shadow: 0 0 3px 1px #68a8e0
    }

    50% {
        box-shadow: 0 0 3px 1px #fff
    }
}

@keyframes search-loading {

    0%,
    100% {
        box-shadow: none
    }

    25%,
    75% {
        box-shadow: 0 0 3px 1px #68a8e0
    }

    50% {
        box-shadow: 0 0 3px 1px #fff
    }
}

.search-autocomplete {
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    margin-top: 4px !important;
}

.search-autocomplete .product,
.search-autocomplete .suggest {
    margin: 0
}

.search-autocomplete .product.active,
.search-autocomplete .suggest.active,
.search-autocomplete.active {
    display: block
}

.search-autocomplete .suggest {
    color: #3C3C3C
}

.search-autocomplete .title {
    padding: 10px;
    margin-bottom: 5px;
    background: #f0f0f0;
    color: #575757
}

.search-autocomplete .title .see-all {
    display: inline-block;
    float: right;
    color: #909090;
    cursor: pointer
}

.search-autocomplete .no-result {
    padding: 10px;
    background: #f0f0f0;
    color: #575757;
    text-align: center
}

.search-autocomplete ul {
    padding: 0 10px;
    margin-bottom: 0;
    list-style-type: none
}

.search-autocomplete ul li {
    color: #000;
    cursor: unset;
    padding: 0
}

.search-autocomplete .suggest ul li {
    color: #3C3C3C
}

.search-autocomplete .product ul li {
    border-bottom: 1px solid #D4D2D2
}

.search-autocomplete .product ul li:last-child {
    border-bottom: none
}

.search-autocomplete ul li.selected,
.search-autocomplete ul li:hover {
    background-color: #fff
}

.search-autocomplete ul li:after {
    clear: both;
    content: '';
    display: block
}

.search-autocomplete ul li.action {
    padding: 0
}

.search-autocomplete ul li.action .action.close {
    background: rgba(0, 0, 0, 0);
    border: 0;
    box-shadow: none;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    float: right;
    font-weight: 400;
    height: 30px;
    line-height: inherit;
    margin: 0;
    padding: 0;
    right: 0;
    text-decoration: none;
    text-shadow: none;
    top: 0;
    width: 40px
}

.search-autocomplete ul li.action .action.close:before {
    color: #8f8f8f;
    content: '\e616';
    display: inline-block;
    font-family: luma-icons;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    overflow: hidden;
    text-align: center;
    vertical-align: top
}

.search-autocomplete ul li.gray-row {
    text-align: center
}

.search-autocomplete ul li.gray-row,
.search-autocomplete ul li.gray-row.selected,
.search-autocomplete ul li.gray-row:hover {
    background-color: #e8e8e8
}

.search-autocomplete ul li.gray-row a {
    color: #7B7B7B;
}

.search-autocomplete ul li a {
    cursor: pointer
}

.search-autocomplete ul li .qs-option-image {
    float: left;
    max-width: 82px;
    width: 25%
}

.search-autocomplete ul li .qs-option-info {
    color: #000;
    display: inline-block;
    float: left;
    padding-left: 5%;
    text-align: left;
    width: 70%;
    margin-bottom: 10px
}

.search-autocomplete ul li .qs-option-info.noimage {
    padding-left: 0;
    width: 100%
}

.search-autocomplete ul li:last-child .qs-option-info {
    margin-bottom: 0
}

.search-autocomplete ul li .qs-option-info .qs-option-title {
    display: inline-block;
    margin: 0;
    width: 100%
}

.search-autocomplete ul li .qs-option-info .qs-option-reviews {
    display: inline-block;
    text-transform: lowercase;
    width: 100%
}

.search-autocomplete ul li .qs-option-info .qs-option-reviews .product-reviews-summary {
    margin-bottom: 4px
}

.search-autocomplete ul li .qs-option-info .qs-option-reviews .reviews-actions {
    font-size: 12px
}

.search-autocomplete ul li .qs-option-info .qs-option-sku {
    display: block;
    width: 100%;
    color: #004875;
    font-size: 12px
}

.search-autocomplete ul li .qs-option-info .qs-option-description,
.search-autocomplete ul li .qs-option-info .qs-option-shortdescription {
    color: #3C3C3C;
    font-size: 13px
}

.search-autocomplete ul li .qs-option-info .qs-option-price {
    display: inline-block;
    font-weight: 700;
    margin-top: 15px
}

.search-autocomplete ul li .qs-option-info .qs-option-addtocart {
    display: inline-block;
    float: right;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .search-autocomplete {
        left: 15px;
        right: 15px;
        width: auto
    }
}

.block-search .action.search[disabled] {
    opacity: 1
}

@media only screen and (min-width: 768px) {
    #search_mini_form {
        width: auto;
        float: none
    }
}

.search-autocomplete::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f8f8f8
}

.search-autocomplete::-webkit-scrollbar {
    width: 6px;
    background-color: #dedede
}

.search-autocomplete::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #dedede
}

.search-autocomplete ul {
    padding: 0 10px
}

.search-autocomplete .title {
    color: #282828;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.search-autocomplete .title .see-all {
    background: #282828;
    border-radius: 3px;
    padding: 3px 10px;
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.search-autocomplete .title .see-all:hover {
    background-color: #fb6a00;
    color: #fff
}

.search-autocomplete .suggest ul li {
    padding: 0 10px;
    margin-bottom: 10px
}

.search-autocomplete .suggest ul li a {
    color: #818181
}

.search-autocomplete .suggest ul li a:active,
.search-autocomplete .suggest ul li a:focus,
.search-autocomplete .suggest ul li a:visited {
    color: #818181
}

.search-autocomplete .suggest ul li a:hover {
    color: #fb6a00
}

.search-autocomplete .product ul li {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.search-autocomplete .product ul li a {
    color: #818181
}

.search-autocomplete .product ul li a:active,
.search-autocomplete .product ul li a:focus,
.search-autocomplete .product ul li a:visited {
    color: #818181
}

.search-autocomplete .product ul li a:hover {
    color: #fb6a00
}

.search-autocomplete .product ul li .qs-option-image {
    width: 60px
}

.search-autocomplete .product ul li .qs-option-info {
    width: calc(100% - 60px);
    padding-left: 20px;
    margin-bottom: 0;
    white-space: normal
}

.search-autocomplete .product ul li .qs-option-info .qs-option-sku {
    color: #fb6a00;
    margin-bottom: 5px
}

.search-autocomplete .product ul li .qs-option-info .qs-option-price {
    margin-top: 5px;
    width: 100%;
    display: block
}

.search-autocomplete .product ul li .qs-option-info .qs-option-addtocart {
    float: none
}

.search-autocomplete .product ul li .qs-option-title {
    margin-bottom: 5px;
    white-space: normal
}

.search-autocomplete .product ul li .qs-option-title a {
    font-weight: bold;
    font-size: 14px
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary {
    margin: 0
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a {
    font-size: 12px;
    font-weight: normal;
    color: #999999
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:active,
.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:focus,
.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:visited {
    color: #999999
}

.search-autocomplete .product ul li .qs-option-reviews .product-reviews-summary a:hover {
    color: #fb6a00
}

.search-autocomplete .product ul li .price-box .price-from,
.search-autocomplete .product ul li .price-box .price-to {
    margin-bottom: 10px;
    float: left
}

.cdz-cat-search {
    padding: 20px 0
}

.cdz-cat-search .inner {
    position: relative;
    width: 100%
}

.cdz-cat-search .category-chooser {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    visibility: hidden;
    width: 300px;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    background: #333333;
    color: #ffffff;
    transition: all ease 500ms;
    backface-visibility: hidden;
    z-index: 100
}

.cdz-cat-search.open .category-chooser {
    visibility: visible;
    max-height: 600px;
    opacity: 1;
    transition: all ease 500ms;
    backface-visibility: hidden
}

.cdz-cat-search .dropdown-inner {
    width: 100%;
    padding: 10px 10px;
    max-height: 400px;
    overflow: auto
}

.cdz-cat-search .category-list a {
    cursor: pointer;
    color: #999999;
    padding-left: 15px;
    position: relative
}

.cdz-cat-search .category-list a:active,
.cdz-cat-search .category-list a:focus,
.cdz-cat-search .category-list a:visited {
    color: #999999
}

.cdz-cat-search .category-list a:hover {
    color: #fb6a00
}

.cdz-cat-search .category-list a:before {
    display: inline-block;
    font: normal normal normal 10px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e9b3';
    speak: none;
    position: absolute;
    left: 0;
    top: 5px
}

.cdz-cat-search .category-list ul a:before {
    content: "\e9b4"
}

.cdz-cat-search ul {
    margin: 0;
    padding: 0;
    list-style: none none
}

.cdz-cat-search ul ul {
    padding-left: 20px
}

.cdz-cat-search .parent>a {
    margin-bottom: 10px;
    display: block;
    vertical-align: top
}

@media only screen and (max-width: 767px) {
    .cdz-cat-search .category-chooser {
        width: 100%
    }
}

.minisearch .field {
    margin: 0
}

.minisearch input.input-text {
    padding-left: 15px;
    padding-right: 15px;
    left: auto;
    position: relative;
    margin: 0
}

.minisearch input.input-text::placeholder {
    color: inherit;
    text-transform: uppercase;
    opacity: 1
}

.minisearch .nested {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 0;
    z-index: 3;
    padding: 0;
    display: block
}

.minisearch .nested a {
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    color: #ffffff;
    opacity: .8;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.minisearch .nested a:hover {
    opacity: 1
}

.minisearch .nested a:after {
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f085";
    line-height: 35px
}

.minisearch .nested a .advanced-label {
    background: #000000;
    padding: 3px 5px;
    border-radius: 3px;
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: #ffffff;
    visibility: hidden;
    transition: all 500ms ease;
    backface-visibility: hidden;
    opacity: 0;
    top: -23px;
    left: 50%;
    transform: translateX(-50%)
}

.minisearch .nested a .advanced-label:before {
    position: absolute;
    left: calc(50% - 5px);
    bottom: -10px;
    border: 5px solid transparent;
    border-top-color: #000000;
    content: '';
    width: 10px;
    height: 10px
}

.minisearch .nested a:hover span {
    opacity: 1;
    visibility: visible
}

.minisearch.hide-advanced-search .action.advanced {
    display: none
}

@media only screen and (min-width: 768px) {

    .minisearch div.search-form {
        background: #ffffff;
        position: relative;
        line-height: normal;
        z-index: 11
    }

    .minisearch .cdz-cat-search .category-chooser {
        background: #ffffff;
        color: #999999
    }

    .minisearch .cdz-cat-search .category-chooser {
        box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
    }

    .minisearch .cdz-cat-search .inner {
        height: 100%;
        position: relative
    }

    .minisearch .cdz-cat-search span:after {
        display: inline-block;
        font: normal normal normal 10px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e97b";
        speak: none;
        margin: 0;
        position: absolute;
        right: 0;
        top: 50%;
        top: calc(50% - 5px)
    }

    .minisearch .cdz-cat-search .current-cat {
        padding: 0 10px;
        height: 100%;
        display: flex;
        align-items: center;
        width: 110px;
        color: #282828;
        text-decoration: none;
        min-width: 120px
    }

    .minisearch .cdz-cat-search .current-cat span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 2px
    }

    .minisearch .cdz-cat-search .current-cat {
        color: #282828
    }

    .minisearch .cdz-cat-search .current-cat:after {
        content: "";
        background: #282828;
        width: 1px;
        height: 18px;
        position: absolute;
        top: 10%;
        top: calc((100% - 18px)/2);
        right: -10px
    }

    .minisearch.has-cat-search .cdz-cat-search {
        position: absolute;
        padding: 0;
        top: 1px;
        left: 1px;
        height: 98%;
        height: calc(100% - 2px);
        z-index: 5
    }

    .minisearch .control {
        padding: 0 0;
        border-top: none;
        margin: 0
    }

    .minisearch .actions .search[class] {
        background: #fb6a00;
        border: none;
        width: 35px;
        height: 35px;
        padding: 0;
        margin: 0;
        opacity: 1;
        right: 0;
        border-radius: 0px 3px 3px 0px;
        transition: none;
        position: absolute;
        display: inline-block
    }

    .minisearch .actions .search[class]>span {
        font-size: 0
    }

    .minisearch .actions .search[class]:before {
        display: inline-block;
        font-weight: normal;
        transition: .6s;
        color: #ffffff;
        overflow: visible;
        content: '\e615';
        font-family: 'icons-blank-theme'
    }

    .minisearch .actions .search[class]:hover:before {
        color: #fb6a00
    }

    .block-search {
        width: 100%;
        padding: 0;
        background: #ffffff
    }

    .field.search {
        overflow: hidden
    }

    .search-form,
    .minisearch div.search-form {
        background: transparent
    }


    .minisearch.has-cat-search .minisearch.has-cat {
        padding-left: 130px;
        padding-right: 35px;
        width: 100%
    }

    .sticky-menu:not(.active) div.search-form {
        width: calc(100% - 35px);
        display: inline-block
    }

    .sticky-menu:not(.active) div.search-form .nested {
        right: -37px
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search {
        width: calc(calc(100% - 10px))
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search .action.advanced {
        display: none
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search input.input-text {
        width: 100%
    }

    .sticky-menu:not(.active) div.search-form.hide-advanced-search .actions {
        right: 0
    }

    .sticky-menu:not(.active) .hide-advanced-search div.search-form {
        width: 100%
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch-wrap:hover {
        z-index: 100
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .search-autocomplete {
        margin-top: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch input.input-text {
        height: 35px;
        line-height: 35px;
        color: #333333;
        border: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat {
        color: #333333;
        width: 0;
        padding: 0;
        opacity: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat span {
        width: 0;
        font-size: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat:after {
        background: #333333
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch label,
    .page-header:not(.sksnhv) .sticky-menu.active .minisearch input.input-text,
    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search .current-cat {
        font: 700 15px/1.35 "Mona Sans", sans-serif;
        font-weight: normal
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch div.search-form {
        display: flex;
        align-items: center;
        width: 35px;
        float: right;
        padding: 0;
        overflow: hidden;
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search {
        padding: 0;
        opacity: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 35px;
        height: 100%;
        z-index: 5;
        background-color: #ffffff;
        border: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search:before {
        display: inline-block;
        font: normal normal normal 20px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e99d';
        speak: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .cdz-cat-search.open .category-chooser {
        visibility: hidden
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .category-chooser {
        display: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover {
        z-index: 1
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .category-chooser {
        display: block
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search {
        opacity: 1;
        min-width: 85px
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover div.search-form {
        width: 300px;
        z-index: 1;
        overflow: visible
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover input.input-text {
        width: 100%;
        padding: 0 8px;
        opacity: 1
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search.open .category-chooser {
        visibility: visible
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search .current-cat {
        transition-delay: .2s;
        width: 120px;
        padding: 0 10px;
        opacity: 1
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover .cdz-cat-search .current-cat span {
        width: 100%;
        font-size: 100%
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch:hover.has-cat-search div.search-form {
        width: 350px
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search {
        background-color: transparent;
        box-shadow: none
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search .control {
        visibility: hidden;
        opacity: 0;
        transition: .5s
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search:hover {
        background-color: #fff
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search:hover .control {
        width: auto;
        opacity: 1;
        visibility: visible
    }

    .page-header:not(.sksnhv) .sticky-menu.active .block-search .search-autocomplete {
        right: 0;
        left: auto;
        width: 320px;
        min-width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .minisearch-wrap {
        position: absolute;
        right: 0;
        top: 0;
        padding: 10px 10px 0 0;
        z-index: 801;
        white-space: nowrap
    }

    .minisearch-wrap .mobi-cart-wrapper {
        display: inline-block !important;
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        vertical-align: middle
    }

    .minisearch-wrap .minisearch input.input-text {
        background: #fff !important;
        color: #000 !important
    }

    .minisearch-wrap .minisearch input.input-text::placeholder {
        color: inherit
    }

    .minisearch-wrap .nested {
        display: none
    }

    .minisearch .search-form {
        right: 0
    }

    .minisearch .minisearch-inner {
        position: relative
    }

    .minisearch .nested {
        display: none
    }

    .minisearch .search-toggle {
        font-size: 0;
        text-decoration: none;
        width: 35px;
        height: 35px;
        line-height: 33px;
        text-align: center;
        border: none;
        background: transparent;
        transition: .5s
    }

    .minisearch .search-toggle:before {
        font-family: CodazonFont;
        content: "\e99d";
        font-size: 17px;
        color: #333333
    }

    .minisearch .search-form {
        visibility: hidden;
        position: fixed;
        width: 100%;
        background: #fff;
        left: 0px;
        top: 40px;
        z-index: 10;
        opacity: 0;
        transition: .5s;
        box-shadow: 0px 4px 4px rgba(211, 211, 211, 0.5)
    }

    .minisearch.input-opened .search-toggle:before {
        content: "\E976";
        transform: rotateZ(90deg)
    }
    
    .minisearch.input-opened .search-form {
        visibility: visible;
        opacity: 1;
        top: 47px
    }

    .minisearch .search {
        margin: 0
    }

    .minisearch .search .control {
        border: none;
        position: relative;
        padding: 10px 10px;
        width: 100%;
        margin: 0
    }

    .minisearch .search .label {
        /*display: none*/
    }

    .minisearch .minisearch .actions {
        position: absolute;
        right: 0 !important;
        top: 0;
        right: 10px !important;
        top: 10px
    }

    .minisearch .minisearch .action.search {
        display: block;
        background: transparent
    }

    .minisearch .minisearch .action.search:before {
        color: #282828
    }

    .minisearch input.input-text {
        left: auto;
        position: relative;
        margin: 0;
        border: 1px solid #ccc;
        box-shadow: inset 0px 2px 3px #ccc;
        height: 35px;
        line-height: 33px;
        color: #282828
    }

    .minisearch input.input-text::placeholder {
        color: #282828
    }

    .minisearch.has-cat-search .cdz-cat-search {
        display: block;
        position: absolute;
        left: 10px;
        z-index: 20;
        padding: 0 0px;
        display: flex;
        height: 100%;
        align-items: center
    }

    .minisearch.has-cat-search .cdz-cat-search a.current-cat {
        padding: 0px 10px;
        white-space: nowrap;
        display: inline-block;
        color: #000;
        border-right: 1px solid #ccc
    }

    .minisearch.has-cat-search .cdz-cat-search a.current-cat:after {
        font-family: 'CodazonFont';
        display: inline-block;
        content: "\e97b";
        font-size: 10px;
        vertical-align: middle;
        margin-left: 10px
    }

    .minisearch.has-cat-search .cdz-cat-search a.current-cat span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        width: 80px;
        vertical-align: middle
    }

    .minisearch.has-cat-search .cdz-cat-search.open a.current-cat:after {
        content: '\E96B'
    }

    .minisearch.has-cat-search .cdz-cat-search .inner {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center
    }

    .minisearch.has-cat-search .cdz-cat-search .dropdown {
        width: 250px;
        max-width: calc(100vw - 20px);
        left: 0px;
        background: #ffffff;
        box-shadow: 0px 3px 4px #ccc;
        z-index: 200;
        text-align: left
    }

    .minisearch.has-cat-search .cdz-cat-search .dropdown .category-list a {
        color: #282828
    }

    .minisearch.has-cat-search input.input-text {
        padding-left: 130px;
        padding-right: 35px
    }

    .actions .search {
        width: 35px;
        height: 35px;
        font-size: 0;
        padding: 0;
        opacity: 1;
        border: 0;
        background: #ffffff
    }

    .actions .search:before {
        display: inline-block;
        font: normal normal normal 17px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e99d";
        speak-as: none;
        color: #333333
    }
}

.desk-search-wrap {
    position: static
}

.mobi-search-wrap {
    width: 100%;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .page-header .sticky-menu.active+.mobi-search-wrap {
        position: fixed;
        top: 47px;
        left: 0;
        z-index: 20;
        margin-top: 0
    }

    .page-header.display-full-search .sticky-menu.active {
        box-shadow: none
    }
}

.display-full .minisearch .search-toggle {
    display: none !important
}

.display-full .minisearch {
    width: 100%
}

.display-full .minisearch .search-form {
    visibility: visible;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    opacity: 1;
    width: 100%
}

.display-full .search-autocomplete {
    top: 100%
}

.page-header .sticky-menu.active .nested {
    display: none
}

.page-header .switcher .options .action.toggle.active:after,
.page-header .switcher .options .action.toggler {
    line-height: 18px
}

.page-header .switcher .switcher-trigger a img {
    margin: 0 3px 0 0;
    vertical-align: middle
}

@media only screen and (min-width: 768px) {
    .page-header .header-top {
        background: #333333;
        color: #ffffff;
        padding: 7px 0
    }

    .page-header .header-top a {
        color: #ffffff
    }

    .page-header .header-top a:active,
    .page-header .header-top a:focus,
    .page-header .header-top a:visited {
        color: #ffffff
    }

    .page-header .header-top a:hover {
        color: #fb6a00
    }

    .page-header .header-panel-top {
        position: relative
    }

    .store-contact {
        font-size: 11px;
        letter-spacing: 1px;
        margin-top: 2px;
        padding: 0 10px
    }

    .store-contact a {
        margin-right: 25px;
        color: #ffffff
    }

    .store-contact a:active,
    .store-contact a:focus,
    .store-contact a:visited {
        color: #ffffff
    }

    .store-contact a:hover {
        color: #fb6a00
    }

    .store-contact a .fa {
        margin-right: 5px
    }

    .social-wrap a {
        font-size: 0;
        color: #ffffff;
        display: inline-block;
        width: 25px;
        margin: 0 3px;
        text-align: center;
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .social-wrap a:active,
    .social-wrap a:focus,
    .social-wrap a:visited {
        color: #ffffff
    }

    .social-wrap a:hover {
        color: #fb6a00
    }

    .social-wrap a .fa {
        font-size: 14px
    }
}

@media only screen and (max-width: 767px) {
    .page-header .header-top {
        display: none
    }
}

.page-layout-checkout .page-wrapper {
    background: transparent
}

.page-layout-checkout .page-wrapper .page-header {
    background: #ffffff
}

.page-layout-checkout .page-wrapper .page-header .logo {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .page-layout-checkout .page-wrapper .page-header {
        background: #ffffff
    }

    .page-layout-checkout .page-wrapper .page-header .logo {
        margin: 0
    }
}

.page-layout-checkout .page-wrapper .action-auth-toggle,
.page-layout-checkout .page-wrapper .action-auth-toggle:hover {
    color: #818181;
    border: 1px solid #818181
}

.opc-estimated-wrapper .minicart-wrapper {
    margin: 0
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart {
    position: relative;
    padding: 5px;
    color: #222222;
    background-color: transparent;
    border: 0
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart:before {
    display: inline-block;
    font: normal normal normal 26px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e992';
    speak: none;
    color: #818181
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart:hover {
    color: #fb6a00
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart:hover:before {
    color: #fb6a00
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart .cart-subtotal {
    display: inline-block;
    vertical-align: sub;
    font-size: 14px
}

.opc-estimated-wrapper .minicart-wrapper .action.showcart .counter.qty {
    height: 18px;
    line-height: 18px;
    background-color: #F44336;
    position: absolute;
    top: -7px;
    left: 25px;
    border-radius: 100%
}

.page-header .sticky-menu.active .el-sticky-hide[class] {
    display: none
}


@media only screen and (min-width: 768px) {
    .minisearch input.input-text {
        line-height: 41px;
        height: 43px;
        padding: 0px 10px;
        border: none
    }

    .minisearch input.input-text::placeholder {
        text-transform: none
    }

    .minisearch .actions .search {
        width: 43px;
        height: 43px
    }

    .block-search {
        border-radius: 25px
    }

    .page-header .sticky-menu:not(.active) .minisearch {
        padding: 0
    }

    .page-header .sticky-menu:not(.active) .minisearch input.input-text {
        font-size: inherit
    }

    .page-header .sticky-menu:not(.active) .minisearch .search {
        border: 1px solid var(--hd-bd);
        border-radius: 25px;
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search {
        border-radius: 25px;
        inset-inline: auto 3px;
        width: auto;
        height: 37px;
        top: 3px;
        display: flex;
        align-items: center;
        padding-inline: 15px 20px
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search>span {
        font-size: 100%;
        position: relative;
        margin: 0;
        color: #ffffff;
        width: auto;
        height: auto;
        text-transform: none;
        display: inline-flex
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search:before {
        font-size: 29px;
        line-height: 1;
        margin-inline: 0 6px
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions .search:hover:before {
        color: #ffffff
    }

    .page-header .sticky-menu:not(.active) .minisearch.has-cat-search .minisearch.has-cat {
        padding-right: 0
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search:before {
        display: inline-block;
        font: normal normal normal 20px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e98f";
        speak: none
    }
}

@media only screen and (min-width: 768px) {
    .sticky-menu:not(.active) .minisearch .cdz-cat-search span:before {
        font: normal normal normal 15px / 1 'CodazonFont';
        content: '\e98c';
        margin-inline-end: 7px;
        display: inline-flex
    }

    .sticky-menu:not(.active) .minisearch .cdz-cat-search .current-cat {
        min-width: 140px
    }

    body[class] .page-header .sticky-menu:not(.active) .minisearch.has-cat-search .minisearch.has-cat {
        padding-inline-start: 150px
    }

    .cdz-menu:not(.cdz-toggle-menu).dropdown-fullwidth .groupmenu-drop {
        border-top: 1px solid var(--hd-bd);
        box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1)
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        text-transform: none;
        padding-block: 16px
    }

    .cdz-horizontal-menu li.item.level0.parent>.menu-link {
        display: flex;
        align-items: center
    }

    .cdz-horizontal-menu li.item.level0.parent>.menu-link:after {
        font: normal normal 15px/1 FontAwesome;
        content: "\f107";
        display: inline-block;
        margin-inline-start: 7px
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
        border-inline-start: none
    }

    .cdz-menu .cdz-item-tag {
        border-radius: 3px;
        min-height: 17px;
        display: flex;
        align-items: center
    }

    .cdz-menu .cdz-item-tag:before {
        display: none
    }

    .desk-vertcial-menu-container {
        height: 100%
    }

    .desk-vertcial-menu-container>div {
        height: 100%
    }

    .desk-vertcial-menu-container .menu-title {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        font: var(--hd-f-main);
        padding-inline-end: 20px;
        position: relative;
        color: #333333;
        background: #ffffff
    }

    .desk-vertcial-menu-container .menu-title:after {
        content: '';
        position: absolute;
        height: 60%;
        top: 20%;
        inset-inline: auto 0;
        border-left: 1px solid var(--hd-bd)
    }

    .desk-vertcial-menu-container .menu-title .tt-text {
        width: 100%;
        white-space: nowrap
    }

    .desk-vertcial-menu-container .menu-title .tt-text:before {
        font: normal normal normal 15px/1 FontAwesome;
        display: inline-flex;
        content: "\f0ca";
        margin-inline-end: 7px
    }

    .desk-vertcial-menu-container .menu-title[class]:before {
        font: normal normal normal 23px/1 FontAwesome;
        display: inline-flex;
        content: "\f107";
        margin-inline-start: 7px;
        order: 2
    }

    .minicart-wrapper .action.showcart {
        position: relative
    }

    .minicart-wrapper .action.showcart .counter.qty {
        position: absolute;
        top: -14px;
        inset-inline: auto -12px;
        min-width: 20px;
        width: auto;
        height: 20px;
        padding: 0;
        font-size: 11px;
        margin: 0;
        border-radius: 10px;
        line-height: 0;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .page-header {
        --hd-icon-h: 20px;
        --sw-arrow: "\f107";
        --sw-arrow-fs: 14px;
        background: #ffffff;
        color: #818181;
        font: var(--hd-f-main);
        font-weight: normal
    }

    .page-header>.container {
        width: 100%;
        padding: 0
    }

    .page-header .panel.wrapper {
        border: none
    }

    .page-header .header-bottom {
        border-block: 1px solid var(--hd-bd);
        background-color: #ffffff;
        color: #333333;
        font: var(--hd-f-main)
    }

    .page-header .header-bottom a {
        color: #333333
    }

    .page-header .header.content,
    .page-header .header.panel {
        padding: 0
    }

    .page-header .header-top {
        font-size: var(--hd-fs-sec)
    }

    .page-header .header-main {
        padding: 30px 0;
        font-size: var(--hd-fs-sec)
    }

    .page-header .header-main input,
    .page-header .header-main button {
        font-size: 100%
    }

    .page-header .hd-main-row {
        display: flex;
        align-items: center
    }

    .page-header .header-panel-right {
        display: flex;
        justify-content: end;
        width: auto;
        align-items: center;
        gap: 10px
    }

    .page-header .header-panel-middle {
        flex-grow: 1
    }

    .page-header .menu-area {
        display: flex;
        align-items: stretch
    }

    .page-header .panel.wrapper .switcher .options ul.dropdown {
        box-shadow: 0px 15px 50px 0px rgba(27, 32, 50, 0.1)
    }

    .page-header .logo {
        margin: 0
    }

    .page-header .switcher[class] {
        margin: 0
    }

    .page-header .switcher[class] .switcher-options[class] .action>a[class],
    .page-header .switcher[class] .switcher-options[class] a.action[class] {
        display: flex;
        position: relative;
        padding: 0;
        padding-inline: 0px 20px;
        align-items: center;
        font-weight: inherit;
        white-space: nowrap
    }

    .page-header .features-links {
        display: flex;
        gap: 8px;
        order: 3;
        align-items: center;
        --ft-link-txt: #818181
    }

    .page-header .features-links .hd-icon svg {
        height: var(--hd-icon-h);
        width: auto;
        fill: var(--ft-link-txt)
    }

    .page-header .features-links .hd-icon:hover {
        --ft-link-txt: #fb6a00
    }

    .page-header .features-links .account-trigger,
    .page-header .features-links .cdz-dd-trigger {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    .page-header .features-links .account-trigger .hd-icon {
        display: flex;
        height: calc(var(--hd-icon-h) + 16px);
        aspect-ratio: 1;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        border: 1px solid var(--ft-link-txt)
    }

    .page-header .minicart-wrapper {
        margin: 0
    }

    .page-header .wishlist .cdz-dd-trigger .label,
    .page-header .action.showcart:before,
    .page-header .action.showcart>span:not(.hd-icon),
    .page-header .authorization-link .account-trigger>span:not(.hd-icon) {
        display: none
    }

    .page-header .header-menu-wrap {
        flex-grow: 1
    }

    .page-header .hd-bt-wrap {
        flex-shrink: 0;
        display: flex;
        align-items: center;
        gap: 10px;
        padding-inline-start: 20px;
        position: relative
    }

    .page-header .hd-bt-wrap:before {
        content: '';
        position: absolute;
        height: 60%;
        top: 20%;
        inset-inline: 0 auto;
        border-left: 1px solid var(--hd-bd)
    }

    .page-header .sticky-menu.active #desk_menu-container {
        max-width: calc(100% - 180px)
    }

    .page-header .sticky-menu.active .cdz-horizontal-menu .cdz-item-tag {
        top: 1px
    }

    .page-header .sticky-menu.active .header.panel {
        padding-block: 0
    }

    .page-header .sticky-menu.active .header-panel-left,
    .page-header .sticky-menu.active .header-panel-right>.switcher {
        display: none
    }

    .page-header .sticky-menu.active .header-main {
        position: absolute;
        width: auto;
        inset-inline: auto 0;
        z-index: 1;
        background: transparent;
        padding-block: 0;
        height: 100%;
        display: flex;
        align-items: center
    }

    .page-header .sticky-menu.active .header-main>.container {
        width: auto
    }

    .page-header .sticky-menu.active .header-bottom {
        border-block: none
    }

    .page-header .sticky-menu.active .minisearch .actions .search:before {
        color: #818181
    }

    .page-header .sticky-menu.active .features-links .hd-icon {
        min-width: 35px
    }

    .page-header .sticky-menu.active .search:hover {
        border: 1px solid var(--hd-bd)
    }

    .page-header:not(.sksnhv) .sticky-menu.active .minisearch .actions .search {
        background-color: transparent
    }
}

@media (min-width: 768px) and (max-width:1024px) {
    .desk-vertcial-menu-container .menu-container {
        min-width: 280px
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        padding-inline: 12px
    }

    .header-vertical-menu-wrap {
        width: 54px
    }

    .sticky-menu.active .header-menu-wrap {
        visibility: hidden;
        pointer-events: none
    }

    .page-header .hd-bt-wrap,
    .desk-vertcial-menu-container .menu-title[class]:before,
    .panel.header .switcher {
        display: none
    }

    .desk-vertcial-menu-container .menu-title[class] .tt-text {
        font-size: 0;
        padding-inline-start: 10px
    }
}

@media only screen and (max-width: 767px) {
    .page-header {
        margin-bottom: 0
    }

    .page-header .hd-bt-wrap,
    .page-header .mobi-cart-wrapper .action.showcart .hd-icon {
        display: none
    }

    .page-header .header-panel-left {
        text-align: center
    }

    #mobi_vertcial-menu-container .main-content-top-left {
        margin: 0
    }

    .mobi-vertcial-menu-container .menu-title {
        padding: 12px 15px;
        background: #e25f00;
        color: #ffffff;
        text-transform: uppercase;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 700
    }

    .mobi-vertcial-menu-container .menu-title:after {
        display: inline-block;
        font: normal normal normal 20px / 1 'CodazonFont';
        content: '\e9b1'
    }
}

.hd-bt-links {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    gap: 20px;
    font-size: var(--hd-fs-sec)
}

.hd-bt-links>li {
    margin: 0
}

.hd-bt-links .hd-link {
    display: flex;
    align-items: center
}

.hd-bt-links .hd-link-ic {
    font-family: inherit;
    font-weight: inherit
}

.hd-bt-links .hd-link-ic.fa:before {
    font-family: FontAwesome;
    margin-inline-end: 6px;
    font-size: 20px;
    font-weight: normal;
    color: #fb6a00;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(251, 106, 0, 0.1);
    border-radius: 50%
}
/* fix search padding */
.block-search .control {
    padding: 0 !important;
}
/* add to wishlist button customization */
.product-list-style-63 .product-item[class] .qs-button,
.product-list-style-63 .product-item[class] .action.towishlist,
.product-list-style-63 .product-item[class] .action.tocompare {
    border-radius: 5px !important;
}
.product-list-style-63 .product-item[class] .action.towishlist {
    background: #f8b618 !important;
    color: white !important;
}
@media only screen and (min-width: 768px) {
    .product-list-style-63 .product-item[class] .qs-button:hover,
    .product-list-style-63 .product-item[class] .action.tocompare:hover {
        background: #f8b618 !important;
    }
}
.action.towishlist:hover:before {
    color: white !important;
    background: none !important;
}
/* izgled izdelka */
.product-list-style-63 .product-item-link[class] {
    font-weight: 400;
}
.product-list-style-63 .action.primary {
    border-radius: 5px !important;
    width: unset !important;
    padding-left: 40px !important;
    padding-right: 32px !important;
}
.product-list-style-63 .action.primary span {
    display: block !important;
    text-transform: none;
    font-size: 13px !important;
}
.product-list-style-63 .action.primary:before {
    content: '\E9A8' !important;
    padding-right: 10px;
}
.product-list-style-63 .i-btn {
    justify-content: center !important;
}

/* Custom overrides for Smile ElasticSuite search-autocomplete
   Purpose: ensure this popup wins against other theme/vendor styles
   WARNING: uses `!important` intentionally as requested. Tweak values as needed.
*/

/* stronger selector by repeating the class */
.search-autocomplete.search-autocomplete,
.elasticsuite-autocomplete .search-autocomplete {
    border: 1px solid #e6e6e6 !important;
}


.search-autocomplete.search-autocomplete dl dt:not(:empty),
.search-autocomplete.search-autocomplete dl dd:not(:empty) {
    background: #ffffff !important;
    border-bottom: 1px solid #e6e6e6 !important;
    cursor: default !important;
    margin: 0 !important;
    padding: 4px 10px !important;
    position: relative !important;
    text-align: left !important;
    white-space: normal !important;
}

.search-autocomplete.search-autocomplete dl dt:hover,
.search-autocomplete.search-autocomplete dl dt.selected,
.search-autocomplete.search-autocomplete dl dd:hover,
.search-autocomplete.search-autocomplete dl dd.selected {
    background: #f5f5f5 !important;
}

.search-autocomplete.search-autocomplete dl dd {
    cursor: pointer !important;
    padding: 6px 10px !important;
}

.search-autocomplete.search-autocomplete .amount {
    color: #999999 !important;
    position: absolute !important;
    right: 7px !important;
    top: 6px !important;
}

.search-autocomplete.search-autocomplete .clear {
    clear: both !important;
}

/* fix for sale and new tag covering autocomplete */
.cdz-menu .cdz-item-tag {
    z-index: 3 !important;
}
/* If the popup still appears behind other elements, increase z-index further */

/* search icon background fix */
#minisearch-form-top-search>div.actions>button {
    background-color: #f8b618;
}

/* Move/match the loupe next to cart when Elasticsuite replaces markup */
.search-toggle.moved-to-cart{display:inline-block;margin-left:.5rem;position:relative;z-index:805}
.search-toggle.moved-to-cart .cdz-search-ic{background:#f8b618;border-radius:50%;padding:6px;display:inline-block;}
.search-toggle.moved-to-cart .cdz-search-ic svg{display:block}

/* When search is opened, ensure header search container gets visible styles */
[data-role="search_container"].input-opened .hidden-xs.search-form{display:block}

/* Hide duplicate search icon (form submit) on mobile so only the moved loupe shows */
@media (max-width: 767px) {
    .header-search .actions .action.search,
    form.minisearch .actions .action.search {
        display: none !important;
    }

    /* ensure cart and loupe are aligned horizontally and right-aligned */
    .mobi-cart-wrapper,
    #mobi_cart-wrapper,
    .search-toggle.moved-to-cart {
        display: inline-block !important;
        vertical-align: middle;
        float: right !important;
        margin-left: .75rem;
        margin-right: 8px;
    }

    /* spacing: loupe (left) then cart (right) */
    .mobi-cart-wrapper { margin-right: 0; }
}

.header-search:not(.input-opened) { display:none; }
@media (min-width: 768px) {
    /* keep header search visible on desktop */
    .header-search { display: block !important; }

    /* On desktop: hide the in-form submit loupe and show the moved loupe (white) */
    .header-search .actions .action.search { display: none !important; }
    .search-toggle.moved-to-cart { display: inline-block !important; float: none !important; margin-right: 8px; }

    /* Make moved loupe white on yellow like design */
    .search-toggle.moved-to-cart .cdz-search-ic{ background:#f8b618; border-radius:50%; padding:6px; }
    .search-toggle.moved-to-cart .cdz-search-ic svg { stroke: #fff; }
}

/* Desktop: position moved loupe inside the search form */
@media (min-width: 768px) {
    .header-search .hidden-xs.search-form { position: relative; }
    .search-toggle.moved-to-cart {
        position: absolute !important;
        right: 11px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 900;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        background: #f8b618;
        padding: 6px 12px; /* wider pill */
        border-radius: 20px; /* pill shape */
        box-shadow: 0 1px 2px rgba(0,0,0,.12);
        min-width: 40px;
        height: 32px;
    }
    /* ensure input has padding to avoid overlap with wider pill */
    .header-search .hidden-xs.search-form input.input-text {
        padding-right: 72px;
    }
}
[for="minisearch-input-top-search"] { display:none !important; }
.smile-elasticsuite-autocomplete-result .product-shop { width: 84%; padding: 0; }

.box-tocart.att-scr-qty.active .scr-pinfo {
    background: unset !important;
    border: unset !important;
}

.box-tocart.att-scr-qty.active .scr-pinfo {
    justify-content: flex-start !important;
}
.box-tocart.att-scr-qty.active .scr-pname {
    font-weight: 500;
    max-width: calc(60vw - 10px) !important;
    white-space: pre-wrap !important;
}
.box-tocart .field.qty { display: none !important;}
.box-tocart.att-scr-qty.active .scr-qty-thumb>img {
    border-radius: 5px;
    margin-top: -5px;
    height: 44px !important;
    width: 44px !important;
}

#product-addtocart-button:before {
        font: normal normal normal 18px / 1 CodazonFont;
            content: '\E9A8' !important;
                padding-right: 10px;
    }
/* Stock status badges: pill with overlapping colored dot and inner highlight */
.stock {
    display: inline-flex;
    align-items: center;
    position: relative;
    height: 36px; /* match provided rectangle height */
    min-width: 118px; /* ensure minimum width */
    padding: 8px 14px 0px 38px !important; /* increased left padding to keep text clear of dot */
    border-radius: 5px; /* as requested */
    background: #FFFFFF;
    border: 1px solid #BFBFBF; /* requested border color */
    box-sizing: border-box;
    font-size: 14px;
    line-height: 1;
    color: #131F2E !important;
    font-weight: 600;
    text-transform: unset !important;
}

.stock::before {
    /* outer light green ring */
    content: '' !important;
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 50% !important;
    background: rgba(63, 175, 130, 0.23) !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
    pointer-events: none !important;
    animation: pulse 1.6s infinite !important;
}
.stock.available:before {
    background: #D6ECE2;
}
.stock.available:after {
    content: '' !important;
    position: absolute !important;
    left: 17px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 8px !important;
    height: 8px !important;
    background: #3FAF82 !important;
    border-radius: 50% !important;
    z-index: 2 !important;
    display: block !important;
    pointer-events: none !important;
}
/* .stock.available:before {
    background: #D6ECE2;
    box-shadow: 0 0 0 0 #D6ECE2;
} */

/* subtle inner highlight */
/* .stock:after { display: none; } */

/* Variants: green = available, yellow = partial/coming, red = unavailable */
.stock.available { color: #2aa84f; }
.stock.partial { color: #b88600; }
.stock.partial:before { background: rgba(241,196,15,0.18); }
.stock.partial:after {
    /* inner smaller yellow/dark dot */
    content: '';
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #b88600;
    border-radius: 50%;
    z-index: 2;
    display: block;
    pointer-events: none;
}
.stock.unavailable { color: #c0392b; }
.stock.unavailable:before { background: rgba(231,76,60,0.12); }
.stock.unavailable:after {
    /* inner smaller red dot */
    content: '';
    position: absolute;
    left: 17px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #e74c3c;
    border-radius: 50%;
    z-index: 2;
    display: block;
    pointer-events: none;
}

    
.stock span { display: inline-block; position: relative; z-index: 3; vertical-align: middle; }

@media (max-width: 480px) {
    .stock { padding-left: 30px; font-size: 12px; }
    .stock:before { width: 16px; height: 16px; left: 6px; border-width: 2px; }
    .stock:after { left: 9px; width: 6px; height: 6px; }
}


.page-header:not(.sksnhv) .sticky-menu.active .header-search div.search-form {
    min-width: 70px !important;
}

/* your animation */
@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(60, 76, 252, 0.6);
    }
    70% {
        box-shadow: 0 0 0 6px rgba(60, 76, 252, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(60, 76, 252, 0);
    }
}