@-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 #fff;
    border-right: 1px solid #fff;
    transform: scale(1, 0)
}

.border-zoom-effect.cdz-banner a:after {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    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)
    }
}

@font-face {
    font-family: 'CodazonFont';
    src: url(../../../../codazon/themelayout/fonts/CodazonFont.eot);
    src: url(../../../../codazon/themelayout/fonts/CodazonFont.eot) format('embedded-opentype'), url(../../../../codazon/themelayout/fonts/CodazonFont.woff2) format('woff2'), url(../../../../codazon/themelayout/fonts/CodazonFont.woff) format('woff'), url(../../../../codazon/themelayout/fonts/CodazonFont.ttf) format('truetype'), url(../../../../codazon/themelayout/fonts/CodazonFont.svg) format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

.sidebar .blog-search {
    overflow: hidden
}

:root {
    --cont-max-width: 1400px;
    --gb-sign: 1
}

body {
    color: #999;
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    background: #f6f7f9
}

@media only screen and (max-width: 767px) {
    body {
        font: 400 13px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
    }
}

address,
p,
ul,
ol {
    line-height: 1.35;
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.no-max-height {
    max-height: none !important
}

.no-min-height {
    min-height: none !important
}

@media only screen and (min-width: 768px) {
    .full-height-md {
        min-height: 100vh
    }
}

.relative_pos {
    position: relative !important
}

.static_pos {
    position: static !important
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-start {
    text-align: start
}

.text-end {
    text-align: end
}

.text-uppercase {
    text-transform: uppercase
}

.link-block {
    display: block
}

.action.primary,
button.action {
    text-transform: uppercase
}

body:not(.cms-index-index) .page-main {
    padding-top: 20px;
    padding-bottom: 20px
}

.columns a {
    color: #999
}

.columns a:active,
.columns a:focus,
.columns a:visited {
    color: #999
}

.columns a:hover {
    color: #036
}

.columns a:hover {
    text-decoration: none
}

a {
    color: #999
}

a:active,
a:focus,
a:visited {
    color: #999;
    font-weight: normal
}

a:hover {
    text-decoration: none
}

a:active,
a:focus,
a:visited {
    color: #999
}

a:hover {
    color: #036
}

h1,
.h1 {
    font: 700 32px/1.15 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828;
    margin: 0 0 10px
}

h2,
.h2 {
    font: 600 26px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    margin: 0 0 10px
}

h3,
.h3 {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    margin: 0 0 10px
}

h4,
.h4 {
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    margin: 0 0 5px
}

h5,
.h5 {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    margin: 0 0 5px
}

h6,
.h6 {
    font: 500 13px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    margin: 0 0 5px
}

.flex-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.abs-img {
    position: relative;
    display: block;
    overflow: hidden
}

.abs-img img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0
}

.abs-frame {
    position: relative;
    display: block;
    overflow: hidden
}

.abs-frame .abs-frame-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.sections.nav-sections {
    margin: 0
}

.page-wrapper {
    background: #f6f7f9
}

.columns .column.main {
    padding-bottom: 0
}

.page-main-full {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    clear: both
}

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

.container-fluid {
    width: 100%
}

.pd-side-10 {
    padding-left: 10px;
    padding-right: 10px
}

.ovf-hidden {
    overflow: hidden
}

[layout-align="center center"] {
    text-align: center
}

.cdz-block-title {
    margin-bottom: 20px
}

.cdz-block-title .b-title.h2 {
    font: 700 32px/1.15 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828;
    margin-bottom: 0;
    font-weight: 500
}

.cdz-block-title .title-desc {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #6e7370;
    letter-spacing: 1.5px
}

.cdz-block-title.text-start {
    text-align: start
}

.cdz-block-title.text-end {
    text-align: end
}

.paypal.checkout {
    text-align: center
}

.paypal.checkout input {
    max-width: 100%
}

div.mage-error[generated] {
    clear: both
}

@media only screen and (max-width: 767px) {
    .columns .column.main {
        max-width: 100%
    }

    .container-fluid {
        padding-left: 10px;
        padding-right: 10px
    }
}

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

    .breadcrumbs .items,
    .page-main:not(.page-main-full)>div,
    .container {
        width: 1200px
    }

    .sticky-menu.active .panel.wrapper {
        width: 1200px;
        position: relative;
        margin: 0 auto
    }

    .cms-page-view .page-title-wrapper {
        width: 1200px;
        margin: 0 auto;
        padding: 0 10px
    }
}

@media (min-width:1300px) {

    .breadcrumbs .items,
    .page-main:not(.page-main-full)>div,
    .container {
        width: 1300px
    }

    .sticky-menu.active .panel.wrapper {
        width: 1300px;
        position: relative;
        margin: 0 auto
    }

    .cms-page-view .page-title-wrapper {
        width: 1300px;
        margin: 0 auto;
        padding: 0 10px
    }
}

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

    .breadcrumbs .items,
    .page-main:not(.page-main-full)>div,
    .container {
        width: 1400px
    }

    .sticky-menu.active .panel.wrapper {
        width: 1400px;
        position: relative;
        margin: 0 auto
    }

    .cms-page-view .page-title-wrapper {
        width: 1400px;
        margin: 0 auto;
        padding: 0 10px
    }
}

.breadcrumbs .items,
.page-main:not(.page-main-full)>div {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto
}

.breadcrumbs {
    padding-top: 20px
}

.breadcrumbs .item:not(:last-child):after {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f105';
    margin: 2px 5px
}

.breadcrumbs .items {
    color: #999;
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.breadcrumbs .items a {
    color: #999
}

.breadcrumbs .items a:active,
.breadcrumbs .items a:focus,
.breadcrumbs .items a:visited {
    color: #999
}

.breadcrumbs .items a:hover {
    color: #036
}

.breadcrumbs .items>li {
    display: inline
}

@media only screen and (max-width: 767px) {
    .breadcrumbs {
        padding-top: 10px;
        margin-bottom: 0;
        margin: 0
    }

    .breadcrumbs .items {
        padding: 0
    }
}

.message.success {
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.message.success a {
    color: #006400;
    text-decoration: underline
}

.message.success a:active,
.message.success a:focus,
.message.success a:visited {
    color: #006400
}

.message.success a:hover {
    color: #036
}

.message.warning,
.message.error,
.message.notice,
.message.info {
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.ie10 .page-wrapper,
.ie11 .page-wrapper {
    height: auto
}

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

    .navigation,
    .breadcrumbs,
    .page-header .header.panel,
    .header.content,
    .footer.content,
    .page-main,
    .page-wrapper>.widget,
    .page-wrapper>.page-bottom,
    .block.category.event,
    .top-container {
        padding-left: 10px;
        padding-right: 10px
    }
}

.ajax-loader {
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.ajax-loader .bottom-block {
    margin-top: 5px
}

.ajax-loader .bottom-block {
    text-align: center;
    padding: 10px;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 600;
    color: #036;
    text-transform: uppercase
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ajax-loader {
        padding-right: 20px
    }
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #036;
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 .6s infinite
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 .6s infinite
}

.cdz-ajax-trigger {
    width: 300px;
    padding: 7px 20px;
    font-size: 14px;
    border: 2px solid;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    color: #fff;
    border-color: #000;
    background: #000;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.cdz-ajax-trigger>span {
    padding: 0 20px;
    position: relative
}

.cdz-ajax-trigger>span:before {
    display: inline-block;
    font: normal normal normal 16px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e96e';
    speak: none;
    opacity: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    position: absolute;
    left: 0
}

.cdz-ajax-trigger:hover>span:before {
    opacity: 1;
    animation: cssload-updown 1150ms linear infinite
}

.line-clamp {
    line-clamp: var(--name-lines, 2);
    -webkit-line-clamp: var(--name-lines, 2);
    box-orient: vertical;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.img-cover {
    display: block;
    aspect-ratio: var(--img-ratio, 1);
    overflow: hidden
}

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

img[data-lazysrc] {
    height: 100px;
    opacity: 0
}

img[data-menulazy] {
    height: 100px;
    background: #ccc;
    opacity: 0.5
}

.abs-img img.cdz-lazy,
.product-image-wrapper img.cdz-lazy {
    background: rgba(255, 255, 255, 0.6) url('../../../../codazon/themelayout/images/loader.gif') no-repeat center center;
    background-size: 100px;
    width: 100%;
    height: 100%;
    transition: none !important
}

.tab-links-placeholder {
    opacity: 0
}

.owl-carousel {
    touch-action: manipulation
}

body._has-modal {
    padding-right: var(--scrollbar-width);
    overflow: hidden
}

.modal-popup.cdz-alert-popup .modal-title {
    line-height: 1
}

.modal-popup.cdz-alert-popup .modal-inner-wrap {
    width: 500px;
    max-width: calc(100% - 40px)
}

.modal-popup.cdz-alert-popup .modal-header {
    padding-top: 15px
}

.modal-popup.cdz-alert-popup .modal-content {
    text-align: initial;
    padding-top: 10px;
    padding-bottom: 10px
}

.modal-popup.cdz-alert-popup .modal-footer {
    text-align: initial;
    padding-bottom: 15px;
    padding-top: 15px
}

.modal-popup.cdz-alert-popup .modal-inner-wrap .modal-header .action-close {
    right: 0px
}

.modal-popup.modal-zoom .modal-inner-wrap {
    transform: scale(0)
}

.modal-popup.modal-zoom._show .modal-inner-wrap {
    transform: scale(1)
}

@media (min-width:769px) {
    .page-layout-2columns-left .main {
        padding-left: 0;
        padding-inline-start: 2%
    }
}

@media (max-width:768px) {
    .modal-popup.modal-zoom {
        pointer-events: none
    }

    .modal-popup.modal-zoom .modal-inner-wrap[class] {
        background: #fff;
        height: auto;
        margin-top: 30px
    }

    .modal-popup.modal-zoom .modal-header:not(:has(h1)) {
        padding: 0
    }
}

@media only screen and (max-width: 767px) {
    .mb-o-1 {
        order: 1
    }

    .mb-o-2 {
        order: 2
    }
}

.no-padding {
    padding: 0 !important
}

@media only screen and (max-width: 767px) {
    .no-padding-xs {
        padding: 0 !important
    }
}

.no-margin {
    margin: 0
}

.cdz-shadow {
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

@media only screen and (min-width: 768px) {
    .flex-grid-row {
        -webkit-flex-flow: row;
        flex-flow: row
    }

    .desk-flex {
        display: flex
    }
}

.d-inline-block {
    display: inline-block
}

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

.space-base {
    margin-bottom: 20px
}

.space-md {
    margin-bottom: 40px
}

.space-lg {
    margin-bottom: 60px
}

.space-mobile {
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .space-lg {
        margin-bottom: 40px
    }

    .space-xs {
        margin-bottom: 15px
    }

    .space-md {
        margin-bottom: 20px
    }
}

input[type="checkbox"] {
    margin: 1px 0 0 0;
    margin-inline-end: 7px;
    position: relative;
    top: 0px;
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: #fff;
    color: #fff;
    border: 2px solid #ccc;
    text-align: center;
    line-height: 12px;
    border-radius: 2px;
    cursor: pointer
}

input[type="checkbox"]:before {
    font: normal 12px/1 CodazonFont;
    content: "\f00c";
    opacity: 0
}

input[type="checkbox"]:after {
    content: '';
    background: rgba(0, 38, 77, 0.4);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 20px);
    top: calc(50% - 20px);
    transform: scale(0);
    opacity: 0;
    transition: all ease .4s
}

input[type="checkbox"]:checked {
    background: #036;
    border-color: #036
}

input[type="checkbox"]:checked:before {
    opacity: 1
}

input[type="checkbox"]:hover:after {
    transform: scale(1);
    opacity: 1
}

.columns>.sidebar input[type="checkbox"]:after {
    display: none
}

.cdz-select-wrap {
    position: relative;
    display: block
}

.cdz-select-wrap select {
    opacity: 0;
    position: relative;
    z-index: 2
}

.cdz-select-wrap .mk {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cdz-select-wrap .mk:after {
    line-height: 12px;
    position: absolute;
    font-family: CodazonFont;
    content: '\E97B';
    right: 10px;
    top: calc(50% - 6px);
    font-size: 12px
}

body:not(.rtl-layout) .cdz-select-wrap .mk {
    padding-right: 30px
}

.block.newsletter input {
    margin: 0
}

.mdl-progress {
    display: block;
    position: relative;
    width: auto;
    height: 10px;
    border: 1px solid #f0f2f7;
    max-width: 100%
}

.mdl-progress>.bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    transition: width .2s cubic-bezier(.4, 0, .2, 1)
}

.mdl-progress>.progressbar {
    background-color: #8ac249;
    z-index: 1;
    left: 0
}

.mdl-progress>.bufferbar {
    background: transparent
}

.cdz-qty-box {
    position: relative;
    padding-inline-end: 18px;
    width: max-content
}

.cdz-qty-box>input[type] {
    margin: 0 !important;
    border-radius: 0 !important;
    border: 1px solid #e1e1e1
}

.cdz-qty-box .m-btn {
    position: absolute;
    height: 50%;
    width: 19px;
    inset-block: 0 auto;
    inset-inline-end: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    color: #8c8c8c;
    border: 1px solid #e1e1e1
}

.cdz-qty-box .m-btn:after {
    font: normal 9px/1 CodazonFont;
    content: "\e9b4"
}

.cdz-qty-box .m-btn.m-minus {
    inset-block: auto 0;
    border-top: 0
}

.cdz-qty-box .m-btn.m-minus:after {
    content: "\e9b3"
}

.modal-popup.cdz-video-frame .modal-content {
    padding: 0
}

.modal-popup.cdz-video-frame .modal-header {
    padding: 0
}

.modal-popup.cdz-video-frame .modal-inner-wrap {
    width: 75%;
    background-color: transparent;
    box-shadow: none;
    margin: 2rem auto
}

.modal-popup.cdz-video-frame .modal-content {
    overflow-y: unset
}

.modal-popup.cdz-video-frame .action-close {
    z-index: 999
}

@media only screen and (max-width: 767px) {
    .modal-popup.cdz-video-frame .modal-content {
        padding: 0
    }

    .modal-popup.cdz-video-frame .modal-inner-wrap {
        width: 90%
    }
}

.modal-popup .modal-inner-wrap {
    margin: 2rem auto
}

input::file-selector-button,
.account .form-address-edit .actions-toolbar .action.primary,
.account .secondary .action.back,
a.action.primary,
button,
.action.primary,
.cdz-popup-area .cdz-popup.popup-wl-login-popup .no-account a.md-primary,
.cart-container .form-cart .action.continue,
a.button,
.action.primary,
.action-primary {
    border: 1px solid;
    box-shadow: none;
    border-radius: 4px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    padding: 7px 15px;
    min-height: auto;
    text-transform: uppercase
}

input::file-selector-button {
    cursor: pointer
}

input::file-selector-button,
button,
.cart-container .form-cart .action.continue,
a.action.secondary,
a.action.secondary:visited {
    color: #fff;
    border-color: #000;
    background: #000;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

input::file-selector-button:focus,
button:focus,
.cart-container .form-cart .action.continue:focus,
a.action.secondary:focus,
a.action.secondary:visited:focus,
input::file-selector-button:active,
button:active,
.cart-container .form-cart .action.continue:active,
a.action.secondary:active,
a.action.secondary:visited:active,
input::file-selector-button:hover,
button:hover,
.cart-container .form-cart .action.continue:hover,
a.action.secondary:hover,
a.action.secondary:visited:hover {
    color: #036;
    border-color: #036;
    background: #fff
}

.account .form-address-edit .actions-toolbar .action.primary,
a.action.primary,
.action.primary,
.action-primary,
.action.primary,
.cdz-popup-area .cdz-popup .actions-toolbar .primary button {
    color: #fff;
    border-color: #036;
    background: #036;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.account .form-address-edit .actions-toolbar .action.primary:focus,
a.action.primary:focus,
.action.primary:focus,
.action-primary:focus,
.action.primary:focus,
.cdz-popup-area .cdz-popup .actions-toolbar .primary button:focus,
.account .form-address-edit .actions-toolbar .action.primary:active,
a.action.primary:active,
.action.primary:active,
.action-primary:active,
.action.primary:active,
.cdz-popup-area .cdz-popup .actions-toolbar .primary button:active,
.account .form-address-edit .actions-toolbar .action.primary:hover,
a.action.primary:hover,
.action.primary:hover,
.action-primary:hover,
.action.primary:hover,
.cdz-popup-area .cdz-popup .actions-toolbar .primary button:hover {
    color: #fff;
    border-color: #000;
    background: #000
}

.qs-button,
a.qs-button {
    display: block;
    padding: 0;
    width: 38px;
    height: 38px;
    line-height: 34px;
    border: 1px solid;
    text-align: center;
    border-radius: 100%;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #000;
    border-color: #000;
    background: #fff
}

.qs-button:focus,
a.qs-button:focus,
.qs-button:active,
a.qs-button:active,
.qs-button:hover,
a.qs-button:hover {
    color: #fff;
    border-color: #036;
    background: #036
}

.qs-button span,
a.qs-button span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.qs-button:before,
a.qs-button:before {
    display: inline-block;
    font: normal normal 16px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f06e'
}

.actions-secondary>.action.towishlist:before {
    display: none !important
}

.actions-secondary>.action.towishlist:after {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f004'
}

.actions-secondary>.action.tocompare:before {
    display: none
}

.actions-secondary>.action.tocompare:after {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f0c5'
}

.actions-secondary>.action {
    padding: 0;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 0px solid;
    text-align: center;
    border-radius: 100%;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.actions-secondary>.action span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

.product-list-style-04 .cdz-ajax-trigger:hover {
    color: #fff;
    border-color: #036;
    background: #036
}

#back-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 100
}

#back-top a {
    color: #fff;
    background: #000;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 46px;
    border: 1px solid;
    text-align: center;
    border-radius: 100%;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #000;
    border-color: #000;
    background: #fff;
    display: block;
    box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, .3)
}

#back-top a:focus,
#back-top a:active,
#back-top a:hover {
    color: #036;
    border-color: #036;
    background: #fff
}

#back-top a:focus,
#back-top a:active,
#back-top a:hover {
    color: #fff;
    border-color: #036;
    background: #036
}

#back-top a span {
    font-size: 0;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    display: none
}

#back-top a:before {
    display: inline-block;
    font: normal normal normal 20px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e96b';
    speak: none;
    line-height: 46px
}

@media only screen and (max-width: 767px) {
    #back-top {
        display: none !important
    }
}

.swatch-option-tooltip>.image,
.swatch-option-tooltip-layered>.image {
    margin: -10px -10px 0px;
    background-size: 100% !important
}

.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:before {
    top: 4px
}

.swatch-option-tooltip .corner:after,
.swatch-option-tooltip-layered .corner:after {
    top: 3px
}

.base-slider .owl-dots {
    width: 100%;
    text-align: center;
    margin: 15px 0 0
}

.base-slider .owl-dots .owl-dot {
    overflow: hidden;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #a8aeba;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: relative !important
}

.base-slider .owl-dots .owl-dot span {
    height: 100%;
    width: 100%;
    background-color: #646d7e;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    transform: scale(0)
}

.base-slider .owl-dots .owl-dot.active span {
    transform: scale(1)
}

.base-slider .owl-nav [class*='owl-'] {
    top: calc((100% - 40px)/2);
    opacity: 0;
    backface-visibility: hidden;
    visibility: hidden
}

.base-slider .owl-nav [class*='owl-'].owl-next {
    right: 0px;
    transform: translate(150%)
}

.base-slider .owl-nav [class*='owl-'].owl-prev {
    left: 0px;
    transform: translate(-150%)
}

.base-slider .owl-nav [class*='owl-'].disabled {
    opacity: 0
}

@media (max-device-width: 1366px) {

    .base-slider .owl-nav [class*='owl-'].owl-next,
    .base-slider .owl-nav [class*='owl-'].owl-prev {
        transform: translateX(0) !important
    }
}

.base-slider:hover .owl-nav [class*='owl-']:not(.disabled) {
    opacity: 1
}

.base-slider:hover .owl-nav [class*='owl-'].disabled {
    opacity: .2
}

.base-slider:hover .owl-nav [class*='owl-'].owl-prev,
.base-slider:hover .owl-nav [class*='owl-'].owl-next {
    transform: translateX(0);
    visibility: visible
}

.base-slider .owl-nav [class*='owl-'] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

@media only screen and (max-width: 1199px) {
    .base-slider:not(.mb-nav) .owl-nav {
        display: none
    }

    .mb-nav .base-slider .owl-nav[class] {
        display: block
    }
}

.sl-static-nav .owl-nav {
    position: static;
    display: block
}

.sl-static-nav .owl-nav[class] [class*='owl-'][class] {
    position: absolute;
    transform: none !important;
    top: calc((100% - 40px)/2);
    opacity: 1;
    visibility: visible
}

.sl-static-nav .owl-nav[class] [class*='owl-'][class]:not(.disabled) {
    opacity: 1
}

.sl-static-nav .owl-nav[class] [class*='owl-'][class].disabled {
    opacity: 0.3
}

.sl-static-nav .owl-nav[class] [class*='owl-'][class].owl-prev {
    inset-inline: 0 auto
}

.sl-static-nav .owl-nav[class] [class*='owl-'][class].owl-next {
    inset-inline: auto 0
}

.sl-sm-nav {
    --sl-nav-w: 40px
}

.sl-sm-nav .owl-nav[class] [class*='owl-'][class] {
    width: var(--sl-nav-w);
    height: var(--sl-nav-w);
    border-radius: 0
}

.owl-loaded .owl-height .owl-stage {
    display: block
}

.sl-dis-nav .owl-nav[class] [class*='owl-'].disabled {
    display: none
}

.list.products-list .cdz-product-labels {
    left: 0;
    right: auto
}

@media only screen and (max-width: 767px) {
    .brand-slider-wrapper .owl-nav {
        display: none
    }
}

.cdz-slideshow .icon-loading {
    font-size: 0 !important
}

.cdz-slideshow .icon-loading span {
    font-size: 0
}

.cdz-slideshow .owl-nav [class*='owl-'] {
    top: calc((100% - 50px)/2);
    opacity: 0;
    backface-visibility: hidden;
    visibility: hidden
}

.cdz-slideshow .owl-nav [class*='owl-'].owl-next {
    right: 0px;
    transform: translate(150%)
}

.cdz-slideshow .owl-nav [class*='owl-'].owl-prev {
    left: 0px;
    transform: translate(-150%)
}

.cdz-slideshow .owl-nav [class*='owl-'].disabled {
    opacity: 0
}

@media (max-device-width: 1366px) {

    .cdz-slideshow .owl-nav [class*='owl-'].owl-next,
    .cdz-slideshow .owl-nav [class*='owl-'].owl-prev {
        transform: translateX(0) !important
    }
}

.cdz-slideshow:hover .owl-nav [class*='owl-']:not(.disabled) {
    opacity: 1
}

.cdz-slideshow:hover .owl-nav [class*='owl-'].disabled {
    opacity: .2
}

.cdz-slideshow:hover .owl-nav [class*='owl-'].owl-prev,
.cdz-slideshow:hover .owl-nav [class*='owl-'].owl-next {
    transform: translateX(0);
    visibility: visible
}

.cdz-slideshow .owl-nav [class*='owl-'] {
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.cdz-slideshow .owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px
}

.cdz-slideshow .owl-dots .owl-dot {
    overflow: hidden;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    background-color: #333333;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    position: relative !important;
    transition: all 500ms ease;
    backface-visibility: hidden;
    transform: scale(.8);
    opacity: .4
}

.cdz-slideshow .owl-dots .owl-dot.active {
    background-color: #036;
    transform: scale(1);
    opacity: 1
}

@media only screen and (max-width: 1199px) {
    .cdz-slideshow .owl-nav {
        display: none
    }
}

.fb_iframe_widget iframe {
    width: 100% !important
}

table#product-attribute-specs-table td {
    padding: 10px 10px 5px;
    vertical-align: top;
    line-height: 1
}

table#product-attribute-specs-table tr {
    margin-bottom: 5px
}

.block.newsletter .field.newsletter {
    max-width: none
}

.cdz-newsletter-modal.modal-popup .modal-header {
    padding: 0;
    z-index: 100
}

.cdz-newsletter-modal.modal-popup .modal-inner-wrap .modal-header .action-close {
    right: 0;
    z-index: 5
}

.cdz-newsletter-modal.modal-popup .modal-inner-wrap {
    width: 60%;
    max-width: 780px
}

.cdz-newsletter-modal.modal-popup .modal-content {
    padding: 0
}

.cdz-newsletter-modal.modal-popup [class*="cdz-popup-newsletter"] {
    padding: 0
}

.cdz-newsletter-modal.modal-popup .popup-title h3 {
    font-size: 30px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    color: #282828
}

.cdz-newsletter-modal.modal-popup .popup-content {
    text-align: center;
    padding: 60px 40px;
    position: relative
}

.cdz-newsletter-modal.modal-popup .popup-content-desc {
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 1px;
    margin-bottom: 30px
}

.cdz-newsletter-modal.modal-popup .block.newsletter {
    width: 100%;
    margin-bottom: 10px
}

.cdz-newsletter-modal.modal-popup .block.newsletter .newsletter {
    width: 100%;
    display: block;
    margin-bottom: 10px
}

.cdz-newsletter-modal.modal-popup .block.newsletter .newsletter .control:before {
    display: none
}

.cdz-newsletter-modal.modal-popup .block.newsletter .newsletter input {
    border: 1px solid #e9eaec;
    padding: 0;
    text-align: center;
    font-size: 14px;
    height: 35px;
    border-radius: 4px
}

.cdz-newsletter-modal.modal-popup .block.newsletter .actions {
    width: 100%;
    display: block
}

.cdz-newsletter-modal.modal-popup .block.newsletter .actions .subscribe {
    width: 100%;
    height: 35px;
    padding: 0;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    border-radius: 4px
}

.cdz-newsletter-modal.modal-popup .social {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 20px;
    text-align: center
}

.cdz-newsletter-modal.modal-popup .social a {
    display: inline-block;
    text-align: center;
    margin: 0 10px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #036
}

.cdz-newsletter-modal.modal-popup .social a:active,
.cdz-newsletter-modal.modal-popup .social a:focus,
.cdz-newsletter-modal.modal-popup .social a:visited {
    color: #036
}

.cdz-newsletter-modal.modal-popup .social a:hover {
    color: #999
}

.cdz-newsletter-modal.modal-popup .banner img {
    display: block
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .cdz-newsletter-modal.modal-popup .modal-inner-wrap {
        min-width: 650px
    }

    .cdz-newsletter-modal.modal-popup .popup-title h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .cdz-newsletter-modal.modal-popup .popup-content-desc {
        font-size: 14px;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 767px) {
    .cdz-newsletter-modal.modal-popup .popup-title h3 {
        font-size: 22px;
        margin-bottom: 20px
    }

    .cdz-newsletter-modal.modal-popup .popup-content-desc {
        font-size: 14px;
        margin-bottom: 15px
    }

    .cdz-newsletter-modal.modal-popup .modal-header .action-close {
        z-index: 2
    }
}

@media only screen and (max-width: 480px) {
    .cdz-newsletter-modal.modal-popup .modal-inner-wrap {
        width: 90%
    }
}

@media only screen and (max-width: 767px) {
    .modal-popup .modal-inner-wrap {
        max-width: 90%
    }
}

body input[type="text"],
body input[type="password"],
body input[type="url"],
body input[type="tel"],
body input[type="search"],
body input[type="number"],
body input[type="datetime"],
body input[type="email"] {
    color: #8c8c8c;
    border-color: #e1e1e1;
    background: transparent;
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
    padding-right: 10px;
    outline: none;
    background-clip: padding-box;
    box-shadow: none;
    border-width: 1px;
    border-radius: 2px
}

body textarea {
    color: #8c8c8c;
    border-color: #e1e1e1;
    background: transparent;
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    border-width: 1px;
    border-radius: 2px;
    box-shadow: none
}

body select,
body .cdz-select-wrap .mk {
    border: 1px solid;
    color: #8c8c8c;
    border-color: #e1e1e1;
    background: transparent;
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    box-shadow: none;
    padding: 5px 10px 4px;
    vertical-align: baseline
}

body form select,
body form .cdz-select-wrap .mk {
    height: 35px;
    border-width: 1px;
    border-radius: 2px
}

body ._keyfocus *:focus,
body input:not([disabled]):focus,
body textarea:not([disabled]):focus,
body select:not([disabled]):focus {
    box-shadow: none
}

body .page-footer input[type=text],
body .page-footer input[type=email] {
    height: 40px;
    line-height: 40px
}

label[for] {
    cursor: pointer
}

.fieldset>.field,
.fieldset>.fields>.field,
form .field {
    margin: 0 0 15px
}

.product-item form .field.qty {
    margin-bottom: 0
}

.fieldset>.field>.label,
.fieldset>.fields>.field>.label,
.field>.label {
    margin: 0 0;
    font-size: 13px
}

.fieldset>.field:not(.choice)>.label {
    padding-right: 0
}

.fieldset .fullname .field .control {
    width: 100%
}

.fieldset .fullname .field .label {
    text-align: inherit;
    width: 100%;
    padding: 0;
    float: none
}

.column:not(.sidebar-main) form .actions-toolbar,
.column:not(.sidebar-additional) form .actions-toolbar {
    margin: 0
}

.fieldset .legend {
    margin-left: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e9eaec;
    width: 100%;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #282828;
    margin-bottom: 10px
}

.fieldset>.field>.label,
.fieldset>.fields>.field>.label {
    font-weight: normal
}

@media only screen and (min-width: 768px) {
    .fieldset>.field:not(.choice)>.label {
        clear: both;
        width: 100%;
        text-align: left
    }

    .fieldset>.field:not(.choice)>.control {
        width: 100%
    }

    .fieldset>.field.choice:before,
    .fieldset>.field.no-label:before {
        display: none
    }

    .form.search.advanced {
        width: 60%;
        display: inline-block
    }
}

.form.search.advanced .fields.range .field:first-child .control:after {
    top: 0px;
    line-height: 35px
}

.form.search.advanced .group.price .addon .addafter {
    padding-top: 0px;
    line-height: 35px;
    font-family: inherit;
    font-size: inherit
}

.actions-toolbar>.secondary:last-child {
    margin-top: 0
}

body input[name=qty],
body .qty input,
body input[name=min_price],
body input[name=max_price],
body .page-footer input[type=email] {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0
}

.field-tooltip .field-tooltip-action:before {
    font-family: FontAwesome;
    content: '\F059';
    width: 30px;
    height: 30px;
    line-height: 30px
}

.field-tooltip._active .field-tooltip-content {
    line-height: 1.2
}

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

    input[type=text]:focus,
    input[type=number]:focus,
    input[type=email]:focus,
    textarea:focus {
        font-size: 16px
    }
}

.mb-bottom-toolbar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 2px 2px 10px #333;
    z-index: 800;
    overflow: visible
}

.mb-bottom-toolbar .owl-loaded .owl-stage {
    padding: 4px 0 0
}

.mb-bottom-toolbar .menu-items {
    transition: width linear 300ms;
    ;
    backface-visibility: hidden;
    width: 100%;
    float: right
}

.mb-bottom-toolbar .menu-items>.item {
    padding: 0;
    text-align: center;
    opacity: 1
}

.mb-bottom-toolbar .menu-items .item>a,
.mb-bottom-toolbar .group-switch>button.switcher {
    border: 0;
    font-size: 17px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    padding: 0;
    text-align: center;
    transition: font-size linear 300ms;
    background-color: transparent;
    box-shadow: none;
    display: inline-block;
    color: #000;
    position: relative
}

.mb-bottom-toolbar .menu-items .item>a:not([disabled]):active,
.mb-bottom-toolbar .group-switch>button.switcher:not([disabled]):active,
.mb-bottom-toolbar .menu-items .item>a:not([disabled]):focus,
.mb-bottom-toolbar .group-switch>button.switcher:not([disabled]):focus,
.mb-bottom-toolbar .menu-items .item>a:not([disabled]):hover,
.mb-bottom-toolbar .group-switch>button.switcher:not([disabled]):hover {
    background-color: transparent;
    box-shadow: none;
    color: #000
}

.mb-bottom-toolbar .ilabel {
    font-size: 13px;
    text-transform: none;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    line-height: 12px;
    color: #000;
    text-align: center
}

.mb-bottom-toolbar .group-switch {
    z-index: 100;
    padding: 4px 0 0;
    text-align: center;
    background: inherit
}

.mb-bottom-toolbar .group-switch .dot {
    display: inline-block;
    width: calc(100%/6);
    position: relative;
    font-size: 7px;
    text-align: center
}

.mb-bottom-toolbar .group-switch a.return {
    top: 5px
}

.mb-bottom-toolbar .btn-cart {
    position: relative
}

.mb-bottom-toolbar .btn-cart .info-wrap {
    position: absolute;
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: red;
    font-size: 11px;
    right: 2px;
    color: #ffffff;
    border-radius: 100%
}

.btn-groups .owl-carousel .owl-stage-outer {
    overflow: visible
}

.btn-groups .owl-carousel .owl-stage-outer>.owl-stage>.owl-item {
    visibility: hidden
}

.btn-groups .owl-carousel .owl-stage-outer>.owl-stage>.owl-item.active {
    visibility: visible
}

.switcher {
    position: relative
}

.switcher .dot {
    opacity: 1;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.switcher .times {
    font-size: 0;
    opacity: 0;
    display: block;
    width: 0
}

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

.switcher.return .dot {
    opacity: 0;
    transition: all linear 900ms;
    backface-visibility: hidden;
    width: calc(100%/8)
}

.switcher.return .times {
    transition: all linear 600ms;
    backface-visibility: hidden;
    opacity: 1
}

.switcher.return .times:before {
    transform: rotate(-45deg);
    opacity: 1
}

.switcher.return .times:after {
    transform: rotate(45deg);
    bottom: 0;
    opacity: 1
}

.changing .menu-items {
    width: 5px;
    transition: width linear 300ms;
    backface-visibility: hidden
}

.wave-line {
    animation-name: waveline;
    animation-duration: 1000ms
}

.btn-group {
    opacity: 0
}

.active .btn-group {
    opacity: 1
}

.mb-bottom-toolbar .fa-shopping-cart:before {
    display: inline-block;
    font: normal normal normal 19px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e992";
    speak: none;
    line-height: 32px
}

.mb-bottom-toolbar .mb-toolbar-content {
    position: absolute;
    width: calc(100% - 40px);
    max-height: calc(100vh - 150px);
    min-height: 107px;
    background-color: #fff;
    z-index: 100;
    left: 20px;
    bottom: calc(100% + 20px);
    visibility: hidden;
    transform: scale(0);
    transition: 300ms;
    backface-visibility: hidden
}

.mb-bottom-toolbar .mb-toolbar-content .mb-toolbar-content-inner {
    position: relative;
    display: inline
}

.mb-bottom-toolbar .mb-toolbar-content:after {
    position: absolute;
    content: '';
    left: calc(50% - 10px);
    border: 10px solid transparent;
    border-top-color: #fff;
    bottom: -20px
}

.mb-bottom-toolbar .mb-toolbar-content-inner {
    width: 100%
}

.mb-bottom-toolbar .mb-toolbar-backface {
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    transition: 300ms;
    backface-visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5)
}

.mb-bottom-toolbar.content-opened .mb-toolbar-content {
    visibility: visible;
    transform: scale(1);
    transition: 300ms;
    backface-visibility: hidden
}

.mb-bottom-toolbar.content-opened .mb-toolbar-backface {
    visibility: visible;
    opacity: 1;
    transition: 300ms;
    backface-visibility: hidden
}

html.nav-before-open {
    height: auto
}

.nav-open .nav-sections {
    z-index: 910
}

.nav-open .mb-bottom-toolbar {
    left: calc(100% - 54px);
    transition: 0.3s;
    backface-visibility: hidden
}

.mb-bottom-toolbar {
    transition: 0.3s;
    backface-visibility: hidden
}

@media only screen and (max-width: 767px) {
    .footer-minicart {
        display: none
    }

    html.nav-open .page-header .sticky-menu.active {
        inset-inline: calc(100% - 54px) auto;
        transition: 300ms
    }

    .nav-open .nav-toggle:after {
        height: 100vh
    }
}

.modal-slide .modal-inner-wrap,
.modal-popup .modal-inner-wrap,
.minicart-wrapper .block-minicart {
    background: #fff
}

.minicart-items .product-item .product-item-name a {
    color: #000
}

.block-minicart .cart-total {
    background: #f5f5f5;
    padding: 20px;
    border-top: 1px solid rgba(245, 245, 245, 0.5)
}

.minicart-wrapper .block-minicart {
    margin-top: 0
}

.cdz-sidebar .account-info-summary .info-summary-bottom .secondary {
    background: #f5f5f5
}

.cdz-popup {
    background: #fff
}

.cdz-popup .cdz-popup-inner {
    background: #fff
}

.cdz-popup.popup-wl-login-popup .no-account,
.cdz-popup .account-info-summary .info-summary-bottom .secondary {
    background: #f5f5f5
}

.cdz-popup .mini-list .product-item-actions .tocart:not(:hover) {
    color: #999
}

.cdz-popup .mini-list .product-item-actions .qty-box input {
    color: #8c8c8c
}

.cdz-popup a,
.cdz-popup .acount-menu .account-menu-items>li a {
    color: #999
}

.cdz-popup a:active,
.cdz-popup .acount-menu .account-menu-items>li a:active,
.cdz-popup a:focus,
.cdz-popup .acount-menu .account-menu-items>li a:focus,
.cdz-popup a:visited,
.cdz-popup .acount-menu .account-menu-items>li a:visited {
    color: #999
}

.cdz-popup a:hover,
.cdz-popup .acount-menu .account-menu-items>li a:hover {
    color: #036
}

.cdz-sidebar {
    background: #fff;
    color: #999;
    position: absolute;
    width: 320px;
    height: 100%;
    top: 0;
    z-index: 888;
    overflow: auto
}

.cdz-sidebar a,
.cdz-sidebar .acount-menu .account-menu-items>li a {
    color: #999
}

.cdz-sidebar a:hover,
.cdz-sidebar .acount-menu .account-menu-items>li a:hover {
    color: #036
}

.cdz-sidebar.md-sidenav-left {
    left: -320px;
    right: auto
}

.cdz-sidebar.md-sidenav-right {
    left: auto;
    right: -320px
}

.cdz-sidebar-backface {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    z-index: 887;
    opacity: 0
}

body {
    right: 0;
    left: 0
}

.cdz-panel-open-right body,
.cdz-panel-open-left body {
    position: relative;
    right: 320px;
    left: auto;
    transition: right ease 300ms;
    backface-visibility: hidden;
    overflow: hidden
}

.cdz-panel-open-right .sticky-menu.active,
.cdz-panel-open-left .sticky-menu.active {
    right: 320px;
    left: auto;
    transition: right ease 300ms;
    backface-visibility: hidden
}

.cdz-panel-open-right .cdz-sidebar-backface,
.cdz-panel-open-left .cdz-sidebar-backface {
    visibility: visible;
    opacity: 1;
    transition: opacity ease 300ms;
    backface-visibility: hidden
}

.cdz-panel-open-left body {
    right: auto;
    left: 320px;
    transition: left ease 300ms;
    backface-visibility: hidden
}

.cdz-panel-open-left .sticky-menu.active {
    right: auto;
    left: 320px;
    transition: left ease 300ms;
    backface-visibility: hidden
}

.cdz-panel-close-right body,
.cdz-panel-close-left body {
    position: relative;
    right: 0px;
    left: auto;
    transition: right ease 300ms;
    backface-visibility: hidden;
    overflow: hidden
}

.cdz-panel-close-right .sticky-menu.active,
.cdz-panel-close-left .sticky-menu.active {
    right: 0px;
    left: auto;
    transition: right ease 300ms;
    backface-visibility: hidden
}

.cdz-panel-close-right .cdz-sidebar-backface,
.cdz-panel-close-left .cdz-sidebar-backface {
    opacity: 0;
    transition: opacity ease 300ms;
    backface-visibility: hidden
}

.cdz-panel-close-left body {
    right: auto;
    left: 0;
    transition: left ease 300ms;
    backface-visibility: hidden
}

.md-sidenav-left,
.md-sidenav-right {
    width: 320px
}

@media only screen and (max-width: 767px) {
    html[class*='cdz-panel-open-'] {
        height: 100%;
        overflow: hidden;
        width: 100%
    }

    html[class*='cdz-panel-open-'] body {
        height: 100%;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    html[class*='cdz-panel-open-'] .cdz-sidebar {
        z-index: 900;
        overflow: auto;
        height: 100%;
        position: fixed;
        top: 0;
        width: 80%;
        width: calc(100% - 70px)
    }

    html[class*='cdz-panel-open-'] .cdz-sidebar.md-sidenav-right {
        left: auto;
        right: 0
    }

    html[class*='cdz-panel-open-'] .cdz-sidebar.md-sidenav-left {
        left: 0;
        right: auto
    }

    html[class*='cdz-panel-open-'] .cdz-sidebar #minicart-list {
        overflow-y: scroll
    }

    html[class*='cdz-panel-open-'] .cdz-sidebar .utilies-section {
        max-height: 100%
    }

    html.cdz-panel-open-right body {
        right: 80%;
        right: calc(100% - 70px);
        transition: none
    }

    html.cdz-panel-open-right .cdz-sidebar.md-sidenav-left {
        display: none
    }

    html.cdz-panel-open-left .cdz-sidebar.md-sidenav-right {
        display: none
    }
}

@keyframes cdzSideMenuShow {
    0% {
        left: -320px
    }

    100% {
        left: 0
    }
}

@keyframes cdzSideMenuShowRTL {
    0% {
        right: -320px
    }

    100% {
        right: 0
    }
}

.ver-menu-stage {
    position: fixed;
    z-index: 1000;
    display: none;
    overflow-y: auto;
    overflow-x: hidden
}

.ver-menu-stage .inner {
    position: relative;
    width: 100%
}

.ver-menu-stage .stage-backface {
    position: absolute;
    display: block;
    z-index: 22
}

.ver-menu-stage .stage-menu-wrap {
    width: 320px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 23
}

.ver-menu-stage .cdz-menu {
    overflow: hidden
}

.ver-menu-stage .cdz-menu:hover {
    overflow: visible
}

.cdz-panel-open-left .ver-menu-stage {
    display: block
}

.cdz-panel-open-left .ver-menu-stage .stage-menu-wrap {
    animation: cdzSideMenuShow 300ms ease
}

@media only screen and (max-width: 767px) {
    .ver-menu-stage .stage-menu-wrap {
        width: 80%;
        width: calc(100% - 70px)
    }
}

.cdz-slideshow:not(.no-loaded) .icon-loading {
    display: none
}

.slide-caption {
    position: absolute;
    color: #282828
}

.slide-caption.cls-white {
    color: #ffffff
}

.slide-caption.cls-white .slide-title {
    color: #ffffff
}

.slide-caption.cls-white .slide-title span {
    border-color: #fff
}

.slide-caption.cls-white .h1 {
    font-style: italic;
    color: #fff;
    font-weight: 500
}

.slide-caption.cls-white .slide-btn a {
    color: #fff;
    border-color: #036;
    background: #036
}

.slide-caption .slide-textcate {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.5;
    text-transform: uppercase
}

.slide-caption .slide-text {
    font-size: 16px;
    margin-bottom: 15px;
    line-height: 1.5
}

.slide-caption .slide-title {
    margin-bottom: 10px
}

.slide-caption .slide-title span {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #282828;
    padding: 5px 20px;
    font-weight: 600
}

.slide-caption .slide-btn a {
    display: inline-block;
    padding: 12px 40px;
    color: #fff;
    border-color: #036;
    background: #036;
    text-transform: uppercase;
    vertical-align: middle;
    font-size: 14px;
    border-radius: 30px
}

.active .slide-caption .slide-title {
    -webkit-animation: slideBounceInDown 800ms ease-in-out;
    -moz-animation: slideBounceInDown 800ms ease-in-out;
    animation: slideBounceInDown 800ms ease-in-out
}

.active .slide-caption .slide-text {
    -webkit-animation: slideBounceInDown 1400ms ease-in-out;
    -moz-animation: slideBounceInDown 1400ms ease-in-out;
    animation: slideBounceInDown 1400ms ease-in-out
}

.active .slide-caption .slide-btn {
    -webkit-animation: slideBounceInDown 2000ms ease-in-out;
    -moz-animation: slideBounceInDown 2000ms ease-in-out;
    animation: slideBounceInDown 2000ms ease-in-out
}

@-webkit-keyframes slideBounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }

    80% {
        -webkit-transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideBounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }

    80% {
        -moz-transform: translateY(-10px)
    }

    100% {
        -moz-transform: translateY(0)
    }
}

@-o-keyframes slideBounceInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        -o-transform: translateY(30px)
    }

    80% {
        -o-transform: translateY(-10px)
    }

    100% {
        -o-transform: translateY(0)
    }
}

@keyframes slideBounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }

    60% {
        opacity: 1;
        transform: translateY(30px)
    }

    80% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

.active .slideText.slideBounceInDown {
    -webkit-animation-name: slideBounceInDown;
    -moz-animation-name: slideBounceInDown;
    -o-animation-name: slideBounceInDown;
    animation-name: slideBounceInDown
}

@media only screen and (max-width: 767px) {
    .slide-caption .slide-text {
        display: none
    }

    .slide-caption .h1 {
        font-size: 16px
    }

    .slide-caption .slide-btn a {
        font-size: 11px;
        padding: 5px 20px
    }

    .slide-caption .slide-textcate {
        font-size: 14px
    }
}

@media only screen and (min-width: 768px) {
    .slide-caption.text-left {
        text-align: left !important
    }

    .slide-caption.text-right {
        text-align: right !important
    }

    .slide-caption.slide-top-left {
        left: 10%;
        top: 20%
    }

    .slide-caption.slide-top-right {
        right: 15%;
        top: 20%
    }

    .slide-caption.slide-top-center {
        max-width: 600px;
        top: 20%;
        left: 50%;
        transform: translateX(-50%)
    }

    .slide-caption.slide-bottom-left {
        left: 7%;
        bottom: 10%
    }

    .slide-caption.slide-bottom-right {
        right: 7%;
        bottom: 10%
    }

    .slide-caption.slide-middle {
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        left: 0;
        flex-direction: column
    }

    .slide-caption .button-link {
        display: inline-block;
        cursor: pointer;
        font-size: 14px;
        padding: 10px 45px;
        text-transform: uppercase;
        color: #fff;
        border-color: #000;
        background: #000;
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .slide-caption .button-link:hover,
    .slide-caption .button-link:visited {
        color: #fff;
        border-color: #036;
        background: #036
    }
}

@media only screen and (max-width: 767px) {
    .slide-caption {
        width: 100%;
        text-align: center;
        top: 20%
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .slide-caption.slide-top-left {
        top: 10%
    }

    .slide-caption.slide-top-right {
        top: 10%
    }

    .slide-caption.slide-top-center {
        top: 10%
    }
}

@media only screen and (min-width: 768px) {
    .sstext-6x {
        font-size: 50px;
        font-weight: 600
    }

    .sstext-4x {
        font-size: 42px
    }

    .sstext-title {
        font-size: 22px
    }
}

@media (min-width:1199px) {
    .sstext-6x {
        font-size: 60px
    }

    .sstext-4x {
        font-size: 52px
    }

    .sstext-title {
        font-size: 30px
    }
}

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

    .sstext-6x,
    .sstext-4x {
        font-size: 25px;
        font-weight: bold
    }

    .sstext-title {
        font-size: 12px;
        margin-bottom: 0 !important
    }
}

.cdz-slideshow .items .item {
    position: relative
}

.cdz-slideshow .video-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.cdz-slideshow .video-wrap .overlay {
    background: #000
}

.cdz-slideshow .video-wrap.hideall .overlay {
    opacity: 0;
    background: transparent
}

.cdz-slideshow .video-wrap .front-overlay:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    opacity: 0
}

@media only screen and (min-width: 768px) {
    .cdz-slideshow .video-wrap.hideall .front-overlay:before {
        background: #000000;
        opacity: 0.5
    }

    .cdz-slideshow .video-wrap.hideall .front-overlay:after {
        display: block;
        font-family: FontAwesome;
        content: "\f1ce";
        position: absolute;
        font-size: 65px;
        left: calc(50% - 43px);
        top: calc(50% - 43px);
        transform: translate(-50%, -50%);
        color: #fff;
        animation: fa-spin 1s infinite steps(8);
        width: 87px;
        height: 87px;
        text-align: center;
        line-height: 87px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.7)
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .instagram-wrapper.cdz-block .cdz-block-title .b-title {
        white-space: initial
    }
}

.cdz-block .cdz-block-title {
    text-align: left;
    margin-bottom: 20px
}

.cdz-block .cdz-block-title .b-title {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 500
}

.cdz-block .cdz-block-title .title-desc {
    width: 100%;
    font-size: 12px
}

.cdz-block.twitter-feeds-wrap .twitter-list {
    padding: 0;
    list-style: none
}

.cdz-block.twitter-feeds-wrap .tweet-text {
    position: relative
}

.cdz-block.twitter-feeds-wrap .tweet-text:before {
    display: inline-block;
    font: normal normal 20px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f10d';
    color: #036
}

.cdz-block.twitter-feeds-wrap .tweet-time {
    font-style: italic;
    margin: 0 0 5px
}

.cdz-block.twitter-feeds-wrap .tweet-user {
    font-weight: 600
}

@keyframes cssload-updown {
    0% {
        transform: translateY(-3px)
    }

    50% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(3px)
    }
}

@-webkit-keyframes sk-bounce {

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

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {

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

    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes schdBannerPagePulse {
    to {
        box-shadow: 0 0 0 105px rgba(232, 76, 61, 0)
    }
}

@-moz-keyframes schdBannerPagePulse {
    to {
        box-shadow: 0 0 0 105px rgba(232, 76, 61, 0)
    }
}

@-ms-keyframes schdBannerPagePulse {
    to {
        box-shadow: 0 0 0 105px rgba(232, 76, 61, 0)
    }
}

@keyframes schdBannerPagePulse {
    to {
        box-shadow: 0 0 0 105px rgba(232, 76, 61, 0)
    }
}

@-webkit-keyframes schdBannerPagePulseSmall {
    to {
        box-shadow: 0 0 0 72px rgba(232, 76, 61, 0)
    }
}

@-moz-keyframes schdBannerPagePulseSmall {
    to {
        box-shadow: 0 0 0 72px rgba(232, 76, 61, 0)
    }
}

@-ms-keyframes schdBannerPagePulseSmall {
    to {
        box-shadow: 0 0 0 72px rgba(232, 76, 61, 0)
    }
}

@keyframes schdBannerPagePulseSmall {
    to {
        box-shadow: 0 0 0 72px rgba(232, 76, 61, 0)
    }
}

@keyframes translator {
    from {
        opacity: 0;
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes oscillation {
    0% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }

    30% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px)
    }

    60% {
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    100% {
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(24px, 0)
    }
}

@keyframes waveline {
    0% {
        top: 0px
    }

    50% {
        top: -20px
    }

    100% {
        top: 0px
    }
}

@-webkit-keyframes waveline {
    0% {
        top: 0px
    }

    50% {
        top: -20px
    }

    100% {
        top: 0px
    }
}

.cdz-translator {
    animation-name: translator;
    animation-duration: 1s
}

.cdz-transparent {
    opacity: 0
}

.abs-img {
    position: relative;
    display: block;
    overflow: hidden
}

.abs-img img {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    max-height: none
}

.abs-img img[src] {
    object-fit: cover;
    height: 100%
}

.cdz-tabs.df-tabs .tab-item {
    display: none
}

.cdz-tabs.df-tabs .tab-item.active {
    display: block
}

.sidebar {
    max-width: 100%
}

[data-sidebarsection] {
    display: none !important
}

.zoom-eff,
.owl-carousel .owl-lazy.zoom-eff {
    transform: scale(1);
    transition: .5s
}

.zoom-eff:hover,
.owl-carousel .owl-lazy.zoom-eff:hover {
    transform: scale(1.1)
}

.double-bounce-spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto
}

.double-bounce-spinner .double-bounce1,
.double-bounce-spinner .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #036;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-bounce 2s infinite ease-in-out
}

.double-bounce-spinner .double-bounce2 {
    animation-delay: -1.0s
}

ul.abs-dropdown {
    list-style: none
}

ul.abs-dropdown li {
    list-style: none
}

.section-menu-wrap {
    position: fixed;
    top: 200px;
    left: 0px;
    z-index: 200
}

.section-menu-wrap.open button.toggle-btn.md-button.md-ink-ripple:before {
    content: '\f0c6'
}

.section-menu-wrap.open .section-menu {
    opacity: 1;
    transform: none;
    transition: all 300ms ease;
    backface-visibility: hidden
}

.section-menu-wrap .section-menu {
    opacity: 0;
    transform: translateX(-40px);
    transition: all 300ms ease;
    backface-visibility: hidden;
    display: block;
    width: 45px;
    background: #036;
    border-radius: 0 7px 7px 0;
    overflow: hidden;
    box-shadow: 0px 3px 4px rgba(198, 227, 238, .51)
}

.section-menu-wrap .section-menu .menu-item {
    cursor: pointer;
    width: 100%;
    color: #036;
    height: 45px;
    text-align: center;
    align-items: center;
    display: flex;
    text-decoration: none;
    position: static
}

.section-menu-wrap .section-menu .menu-item .sec-icon {
    width: 100%;
    font-size: 20px
}

.section-menu-wrap .section-menu .menu-item .item-label {
    position: absolute;
    left: calc(100% + 10px);
    background: #414b56;
    color: transparent;
    opacity: 0;
    visibility: hidden
}

.section-menu-wrap .section-menu .menu-item .item-label:after {
    content: '';
    border: 7px solid;
    position: absolute;
    right: calc(100% - 1px);
    top: calc(50% - 7px);
    border-color: transparent #414b56 transparent transparent;
    transition: all 300ms ease;
    backface-visibility: hidden
}

.section-menu-wrap .section-menu .menu-item:hover .item-label {
    color: #fff;
    opacity: 1;
    overflow: visible;
    padding: 10px 10px;
    max-width: 200px;
    visibility: visible;
    transition: opacity 300ms ease .4s;
    backface-visibility: hidden
}

.section-menu-wrap .section-menu .menu-item:hover .item-label span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block
}

.section-menu-wrap .section-menu .menu-item:last-child {
    border-bottom: none
}

.section-menu-wrap .section-menu .menu-item.active {
    background: #036;
    color: #fff
}

@media (max-width:1400px) {
    .section-menu-wrap {
        display: none
    }
}

.cdz-video.video-no-loaded .video-placeholder,
.cdz-video.video-no-loaded .video-player {
    display: none
}

.cdz-video.video-no-loaded .brand-loader {
    display: block
}

.cdz-video .cdz-video-inner {
    position: relative
}

.cdz-video .video-placeholder {
    width: 100%
}

.cdz-video .video-player {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center
}

.cdz-video .video-player .video-player-icon {
    cursor: pointer;
    display: block;
    margin: auto;
    border: none;
    border-radius: 50%;
    background: rgba(28, 28, 28, 0.87);
    box-shadow: 0 13px 20px 0 rgba(0, 0, 0, 0.8100000000000001)
}

.cdz-video .video-player .video-player-icon>span {
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center
}

.cdz-video .video-player .video-player-icon>span>svg {
    fill: #fff;
    width: 32px;
    height: 44px
}

.cdz-video .video-player .video-player-icon>span:hover>svg,
.cdz-video .video-player .video-player-icon>span:focus>svg {
    fill: #036;
    transition: .3s
}

ul.abs-dropdown>li {
    cursor: pointer
}

.f-left {
    float: left
}

.f-right {
    float: right
}

.btn-group-linkstyle .item {
    float: left;
    border-right: 1px solid #000;
    padding-right: 7px;
    padding-left: 7px
}

.btn-group-linkstyle .item:first-child {
    padding-left: 0px
}

.btn-group-linkstyle .item:last-child {
    padding-right: 0px;
    border-right: none
}

.btn-group-linkstyle .item .btn-link {
    padding: 0 0;
    border: none;
    text-decoration: underline
}

button.owl-dot {
    padding: 0 0;
    font: inherit;
    border: 0;
    background: none;
    border-radius: 0
}

button.owl-dot:active,
button.owl-dot:focus,
button.owl-dot:visited,
button.owl-dot:hover {
    background: none
}

.cdz-dd-trigger {
    display: inline-block
}

.minicart-wrapper .cdz-dd-content .block-minicart {
    display: block
}

.toolbar-blog-posts,
.toolbar-products {
    display: inline-block;
    width: 100%
}

.page-products .product-items .item.product-item {
    position: relative
}

.page-products .product-item-info {
    width: 100%
}

.fotorama__fullscreen .cdz-magnifier {
    display: none !important
}

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

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important
}

@media only screen and (min-width: 768px) {
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        top: calc(100% - 1px)
    }
}

.message.global.cookie#notice-cookie-block {
    z-index: 1000
}

.infinite-scroll-placeholder .double-bounce-spinner {
    margin: 20px auto
}

.contact-form-wrap .fieldset>div:not(.field) {
    float: left;
    width: 100%;
    padding: 0 20px
}

.contact-form-wrap .fieldset .field-recaptcha {
    padding-left: 0;
    padding-right: 0
}

.ui-datepicker {
    display: none
}

.panel-toggle-wrap:not(.applied) .content-outer {
    max-height: none !important
}

.panel-toggle-wrap:not(.applied) .content-toolbar {
    display: none !important
}

.panel-toggle-wrap.applied .content-toolbar {
    position: relative;
    text-align: center
}

.panel-toggle-wrap.applied .content-toggle {
    cursor: pointer;
    display: inline-block;
    padding: 2px 15px;
    border: 1px solid #fff;
    color: #fff;
    background: #000;
    border-radius: 4px
}

.panel-toggle-wrap.applied .content-toggle:hover {
    color: #000;
    background: #fff
}

.panel-toggle-wrap.applied .content-toggle>span {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase
}

.panel-toggle-wrap.applied .content-toggle:before {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    content: "\f196";
    font-family: FontAwesome;
    margin-right: 7px
}

.panel-toggle-wrap.applied .content-outer {
    position: relative
}

.panel-toggle-wrap.applied:not(.content-open) .content-outer:after {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(255, 255, 255, 0), #fff 100%);
    height: 120px;
    max-height: 40%;
    content: ''
}

.panel-toggle-wrap.applied.content-open .content-outer {
    max-height: none !important;
    margin-bottom: 30px
}

.panel-toggle-wrap.applied.content-open .content-toggle:before {
    content: "\f147"
}

.wishlist-index-index .products-grid .product-items {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    [class*="mb-stage-padding"] .owl-carousel {
        overflow: hidden !important
    }

    [class*="mb-stage-padding"] .owl-carousel .owl-stage-outer {
        overflow: visible
    }

    .mb-stage-padding-5 .owl-carousel {
        padding: 0 5% 0 0
    }

    .mb-stage-padding-10 .owl-carousel {
        padding: 0 10% 0 0
    }

    .mb-stage-padding-20 .owl-carousel {
        padding: 0 20% 0 0
    }

    .mb-stage-padding-30 .owl-carousel {
        padding: 0 30% 0 0
    }
}

.nice-scroll {
    scrollbar-color: #e9eaec transparent;
    scrollbar-width: thin;
    scrollbar-border: none
}

.nice-scroll::-webkit-scrollbar {
    width: 7px
}

.nice-scroll::-webkit-scrollbar-thumb {
    background: #e9eaec
}

.nice-scroll::-webkit-scrollbar-thumb:hover {
    background: #888
}

.nice-scroll::-webkit-scrollbar-track {
    background: transparent
}

.nice-scroll::-webkit-scrollbar:horizontal {
    height: 7px
}

.nice-scroll::-webkit-scrollbar-thumb:horizontal {
    background: #e9eaec
}

.nice-scroll::-webkit-scrollbar-thumb:horizontal:hover {
    background: #888
}

.nice-scroll._scrhv:hover {
    scrollbar-color: #888 #e9eaec
}

.nice-scroll._scrhv:hover::-webkit-scrollbar-thumb {
    background: #888
}

.nice-scroll._scrrd::-webkit-scrollbar-thumb {
    border-radius: 4px
}

.nice-scroll::-webkit-scrollbar-track:horizontal {
    background: transparent
}

.fullbox {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.abs-fullbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

body:not(.rtl-layout) .no-pad-left {
    padding-left: 0
}

body:not(.rtl-layout) .no-pad-right {
    padding-right: 0
}

.no-pad-hor {
    padding-left: 0;
    padding-right: 0
}

.no-pad-ver {
    padding-top: 0;
    padding-bottom: 0
}

@media only screen and (min-width: 768px) {
    body:not(.rtl-layout) .desk-no-pad-left {
        padding-left: 0
    }

    body:not(.rtl-layout) .desk-no-pad-right {
        padding-right: 0
    }

    .desk-no-pad-hor {
        padding-left: 0;
        padding-right: 0
    }

    .desk-no-pad-ver {
        padding-top: 0;
        padding-bottom: 0
    }
}

.brand-container .owl-carousel.owl-loaded {
    padding-top: 0
}

.brand-container .brand-top {
    margin-bottom: 30px
}

.brand-container .block {
    margin-bottom: 0
}

.brand-container .block.featured-brands-block {
    margin-bottom: 20px
}

.brand-container .page-desc {
    margin-bottom: 20px
}

.brand-container .block-title {
    color: #282828;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    background-color: transparent;
    padding: 0;
    margin-bottom: 20px;
    min-width: 100%;
    border-bottom: 1px solid #e9eaec
}

.brand-container .block-title>strong {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    border: 0;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: -1px;
    display: inline-block;
    vertical-align: top;
    border-bottom: 3px solid #036;
    text-transform: uppercase
}

.block-brands-search .all-brank-link {
    font-size: 0;
    float: right;
    margin-top: 2px
}

.block-brands-search .all-brank-link:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e';
    font-size: 16px;
    color: #999999
}

.block-brands-search .all-brank-link:hover:before {
    color: #282828
}

.brand-main .brand-search-wrap,
.featured-brands-block .brand-search-wrap {
    float: right;
    width: 250px;
    z-index: 10;
    max-width: 100%
}

.brand-search-wrap {
    font-size: 14px !important
}

.brand-search-wrap .search-input {
    height: 35px;
    line-height: 35px;
    display: block
}

.brand-search-wrap .list-wrap {
    background-color: #FFF
}

.brand-search-wrap input[type="text"] {
    font-size: 10px;
    font-style: italic;
    padding-left: 35px;
    margin-top: -3px
}

.brand-search-wrap .brand-form {
    position: relative
}

.brand-search-wrap .brand-form .ui-helper-hidden-accessible {
    display: block;
    width: 100%;
    color: #c07600;
    position: absolute;
    width: auto;
    white-space: nowrap;
    top: -10px;
    font-size: 11px
}

.brand-search-wrap .search-label {
    position: absolute;
    left: 10px;
    top: 10px
}

.brand-search-wrap .search-label:before {
    display: inline-block;
    font: normal normal normal 14px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e98f';
    speak: none
}

.brand-search-wrap .brand-list {
    display: block !important;
    padding: 0;
    width: 100% !important;
    border: 1px solid #e9eaec;
    border-top: none;
    margin: 0;
    left: 0 !important;
    top: 0 !important
}

.brand-search-wrap .brand-list._hide {
    display: none !important
}

.brand-search-wrap .brand-list .item {
    list-style: none;
    border-bottom: 1px dotted #e9eaec;
    margin-bottom: 0
}

.brand-search-wrap .brand-list .item:last-child {
    border-bottom: none
}

.brand-search-wrap .brand-list .item:last-child {
    border-bottom: none
}

.brand-search-wrap .brand-list .item a {
    line-height: 0;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center
}

.brand-search-wrap .brand-list .item a>span {
    display: block;
    float: left
}

.brand-search-wrap .brand-list .item a .brand-img {
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.brand-search-wrap .brand-list .item a .brand-img img {
    width: 100%
}

.brand-search-wrap .brand-list .item:hover {
    background-color: #f6f7f9
}

.brand-search-wrap .brand-list .item.selected {
    background: #f6f7f9
}

.brand-alphabet-list .char-list {
    overflow: hidden;
    margin-bottom: 20px
}

.brand-alphabet-list .char-item {
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 4px 10px;
    font-size: 18px;
    background-color: #f6f7f9;
    color: #282828;
    border: 1px solid #e9eaec;
    text-decoration: none;
    border-radius: 3px;
    transition: all ease 400ms;
    min-width: 32px;
    opacity: 0.5;
    cursor: default;
    font-size: 14px;
    text-transform: uppercase
}

.brand-alphabet-list .char-item.available {
    opacity: 1;
    cursor: pointer
}

.brand-alphabet-list .char-item.available:hover {
    background-color: #036;
    color: #ffffff;
    border-color: #036
}

.brand-alphabet-list .char-item.active {
    background-color: #036;
    color: #ffffff;
    border-color: #036
}

.brand-alphabet-list .brand-group {
    clear: both;
    margin-bottom: 20px
}

.brand-alphabet-list .brand-list {
    clear: both
}

.brand-alphabet-list .brand-list .group-header {
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #e9eaec;
    margin-bottom: 20px
}

.brand-alphabet-list .brand-list .label {
    display: inline-block;
    padding: 4px 12px;
    min-width: 100px;
    font-size: 18px;
    background-color: #036;
    color: #ffffff;
    position: relative;
    text-align: center;
    margin-bottom: -1px;
    font-weight: normal
}

.brand-alphabet-list .brand-item-inner {
    text-align: center
}

.brand-alphabet-list .brand-item-inner .brand-name {
    color: #282828
}

.brand-alphabet-list .brand-item-inner .brand-name:hover {
    color: #fc7070
}

.brand-alphabet-list .brand-item-inner .item-bottom {
    text-align: center;
    margin-top: 10px
}

.brand-alphabet-list .brand-item-inner .brand-name {
    display: block
}

.brand-alphabet-list .brand-item-inner .count {
    color: #282828;
    background: #e8e9eb;
    display: inline-block;
    padding: 2px 8px;
    clear: both;
    margin-top: 5px;
    border-radius: 5px;
    font-size: 10px;
    font-style: italic
}

.brand-alphabet-list .brand-item {
    margin-bottom: 10px
}

.sidebar .brand-item {
    margin-bottom: var(--ibr_mg, 10px);
    border-radius: 6px;
    overflow: hidden
}

.brand-container {
    margin-bottom: 40px
}

.brand-container .brand-img-wrap {
    line-height: 0;
    border: 1px solid #e2e2e2;
    padding: 4px 4px;
    border-radius: 3px;
    background: #ffffff;
    display: block;
    box-shadow: -1px 3px 3px #d7d6d6
}

.brand-container .brand-img-wrap .brand-image {
    border: 1px solid #e2e2e2;
    width: 100%
}

.brand-container .cover-section {
    margin-bottom: 20px
}

.brand-container .cover-section .brand-cover {
    width: 100%
}

.brand-container .cover-section .cover-wrap {
    line-height: 0
}

.brand-container .cover-section .after-cover {
    background-color: #ffffff;
    border: 1px solid #e9eaec;
    border-top: none
}

.brand-container .cover-section .after-cover .thumb-section {
    min-height: 45px;
    position: relative
}

.brand-container .cover-section .after-cover .thumb-section .brand-img-wrap {
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 100%;
    box-shadow: none
}

.brand-container .cover-section .after-cover .title {
    font-weight: 500;
    color: #282828;
    margin: 7px 0 0px 15px;
    display: inline-block;
    font-size: 22px
}

.brand-container .social-section .cdz-social-listing {
    padding: 7px 10px 5px 10px;
    margin-bottom: 0px;
    float: right
}

.brand-container .social-section .cdz-social-listing .item {
    float: left;
    list-style: none;
    margin-bottom: 0;
    margin-right: 10px
}

.brand-container .social-section .cdz-social-listing .item:last-child {
    margin-right: 0px
}

.brand-container .social-section .cdz-social-listing .item .share-btn {
    padding: 5px 5px;
    min-width: 28px;
    margin: 0px;
    border: none;
    color: #282828;
    font-size: 16px;
    transition: all ease 500ms;
    -webkit-transition: all ease 500ms;
    background: none
}

.brand-container .social-section .cdz-social-listing .item .share-btn:hover {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    color: #036
}

.block-brands .owl-carousel {
    padding-top: 0
}

.block-brands .owl-carousel .owl-nav {
    position: absolute;
    top: -48px;
    right: 0;
    margin-top: 0
}

.block-brands .owl-carousel .owl-nav [class*='owl-'] {
    width: 30px;
    height: 30px;
    top: calc(35%);
    -webkit-top: calc(35%);
    -o-top: calc(35%);
    -moz-top: calc(35%);
    position: static;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none
}

.block-brands .owl-carousel .owl-nav [class*='owl-']:before {
    font-size: 18px;
    line-height: 28px
}

.featured-brands.owl-carousel .owl-nav {
    position: static
}

.featured-brands.owl-carousel .owl-nav [class*='owl-'] {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 40%;
    left: 0;
    top: calc(30%);
    -webkit-top: calc(30%);
    -o-top: calc(30%);
    -moz-top: calc(30%)
}

.featured-brands.owl-carousel .owl-nav [class*='owl-']:before {
    font-size: 20px;
    line-height: 38px
}

.featured-brands.owl-carousel .owl-nav [class*='owl-'].owl-next {
    left: auto;
    right: 0
}

.product-brand-info {
    clear: both;
    padding-top: 10px;
    display: block
}

.product-brand-info .brand-link {
    border: 1px solid #e9eaec;
    display: inline-block;
    overflow: hidden;
    vertical-align: text-bottom;
    width: 70px
}

.product-brand-info .brand-link img {
    display: block
}

.brand-loader {
    display: none
}

.brand-loader.double-bounce-spinner .double-bounce1,
.brand-loader.double-bounce-spinner .double-bounce2 {
    background-color: #036
}

.no-loaded .brand-loader {
    display: block
}

.no-loaded .brand-inner {
    display: none
}

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

    .brand-main .brand-search-wrap,
    .featured-brands-block .brand-search-wrap {
        float: none;
        width: 100%
    }
}

.groupmenu .no-loaded .shop-by-brand-list {
    display: none
}

.groupmenu .shop-by-brand-list .brand-link {
    border: 1px solid #e9eaec
}

@media only screen and (min-width: 768px) {
    .cdz-all-brands .block-title .brand-search-wrap .list-wrap {
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%
    }
}

@media only screen and (max-width: 767px) {
    .brand-container .brand-top .block.featured-brands-block {
        margin-bottom: 20px
    }

    .brand-container .brand-top .block.featured-brands-block .owl-nav {
        display: none
    }
}

.brand-container .brand-top .featured-brands-block .block-title {
    z-index: 2;
    position: relative
}

.product-info-main .product-info-stock-sku .extra-attr {
    width: 100%;
    margin-top: 7px
}

.top-featured-brands {
    margin-bottom: 20px
}

.loobook-container .lookbook-img-wrap {
    border-color: #e2e2e2;
    background: #ffffff
}

.loobook-container .lookbook-img-wrap .lookbook-image {
    border: 1px solid #e2e2e2
}

.loobook-container .cover-section .after-cover {
    background-color: #fff;
    border: 1px solid #e9eaec
}

.loobook-container .cover-section .after-cover .title {
    color: #282828
}

.loobook-container .social-section .cdz-social-listing .item .share-btn {
    color: #fff;
    border-color: #036;
    background: #036
}

.loobook-container .social-section .cdz-social-listing .item .share-btn:hover {
    color: #fff;
    border-color: #000;
    background: #000
}

.lb-modal-container .item-products .product-item.product-active .product-top .product-number {
    color: #fff;
    border-color: #036;
    background: #036
}

.lb-modal-container .item-modal-inner .media-section .item-point.point-active {
    color: #fff;
    border-color: #036;
    background: #036
}

.lb-modal-container .item-modal-inner .media-section .item-point.point-active:before {
    background: #00458a
}

.lb-modal-container .item-modal-inner .product-section .item-title {
    font: 600 26px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828
}

.lb-modal-container .item-modal-inner .product-section .product-item.product-active .product-top .product-number {
    color: #fff;
    border-color: #036;
    background: #036
}

.lb-modal-container .item-modal-inner .product-section .product-item .button-buy {
    color: #fff;
    border-color: #036;
    background: #036
}

.lb-modal-container .item-modal-inner .product-section .product-item .button-buy:hover {
    color: #fff;
    border-color: #000;
    background: #000
}

.lb-modal-container .item-modal-inner .product-section .product-item .product-name {
    color: #282828;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.lb-modal-container .item-modal-inner .product-section .product-item .product-name:active,
.lb-modal-container .item-modal-inner .product-section .product-item .product-name:focus,
.lb-modal-container .item-modal-inner .product-section .product-item .product-name:visited {
    color: #282828
}

.lb-modal-container .item-modal-inner .product-section .product-item .product-name:hover {
    color: #036
}

.toggle-menu .item ul>.item:hover:before {
    background-color: #036
}

.toggle-menu .item .menu-link {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.toggle-menu .item.open>.menu-link {
    color: #036
}

@media only screen and (min-width: 768px) {
    .lookbook.wrapper .lookbook-inner .lookbook-bottom:before {
        background: #036
    }
}

.lookbook-category .block.block-lookbook-category-menu {
    padding: 20px;
    margin: 0
}

.lookbook-category .block.block-lookbook-category-menu .block-title {
    color: #282828;
    text-transform: uppercase;
    border-bottom: 1px solid #e9eaec;
    margin-bottom: 20px;
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.lookbook-category .block.block-lookbook-category-menu .block-title strong {
    border-bottom: 3px solid #282828;
    padding-bottom: 5px;
    display: inline-block;
    margin-bottom: -1px
}

.lookbook-category .block.block-lookbook-category-menu .toggle-menu .item .menu-link {
    margin-bottom: 10px;
    text-transform: none
}

.lookbook-category .block.block-lookbook-category-menu .toggle-menu .item .menu-link:active,
.lookbook-category .block.block-lookbook-category-menu .toggle-menu .item .menu-link:focus,
.lookbook-category .block.block-lookbook-category-menu .toggle-menu .item .menu-link:visited {
    color: #999;
    font-weight: normal
}

.lookbook-category .block.block-lookbook-category-menu .toggle-menu .item ul {
    margin-bottom: 10px
}

.loobook-container .toolbar.toolbar-products .field.limiter {
    display: inline-block;
    float: right
}

.loobook-container .toolbar.toolbar-products .toolbar-sorter {
    padding-top: 0
}

.loobook-container .toolbar .lb-cat-toggle {
    color: #036;
    background: transparent
}

.loobook-container .toolbar .lb-cat-toggle:before {
    display: inline-block;
    font: normal normal 16px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f114';
    margin: 0 5px
}

.loobook-container .toolbar .lb-cat-toggle span {
    vertical-align: middle
}

.loobook-container .cover-section .lookbook-cover {
    width: 100%
}

.loobook-container .toolbar-blog-posts .toolbar-amount,
.loobook-container .toolbar-products .toolbar-amount {
    padding-top: 0;
    height: 32px;
    line-height: 32px
}

.cdz-panel-open-left .lookbook-category .loobook-container .toolbar .lb-cat-toggle:before {
    content: '\f115'
}

.cdz-block-title {
    margin-bottom: 20px
}

.cdz-block-title .b-title.h2 {
    font: 700 32px/1.15 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828;
    margin-bottom: 0;
    font-weight: 500;
    white-space: nowrap
}

.cdz-block-title .title-desc {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #6e7370;
    letter-spacing: 1.5px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .cdz-block-title {
        margin-bottom: 10px
    }

    .cdz-block-title .b-title.h2,
    .cdz-block-title .b-title.h1 {
        font: 600 22px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        margin-bottom: 0
    }

    .cdz-block-title .title-desc {
        font: 500 13px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
    }
}

.cdz-product-labels {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    margin: 0;
    list-style: none;
    padding: 0
}

.cdz-product-labels .label-item {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 3px;
    padding: 2px 10px;
    text-align: center;
    border-radius: 3px
}

.cdz-product-labels .label-item {
    color: #fff;
    background: #036
}

.cdz-product-labels .label-item.new {
    color: #fff;
    background: #6bb52a
}

.cdz-product-labels .label-item.sale {
    color: #fff;
    background: #f25c05
}

.owl-loaded .owl-stage {
    display: flex;
    align-items: stretch
}

.cl-shadow .owl-loaded .owl-stage {
    padding-top: 20px;
    padding-bottom: 20px
}

.cdz-slideshow .owl-loaded .owl-stage {
    display: block;
    padding: 0
}

.block-products-list .products-grid .product-items {
    display: flex;
    flex-flow: wrap
}

.block-products-list .products-grid .product-item {
    display: inline-block;
    padding: 10px;
    margin: 10px;
    max-width: calc((100%/5) - 20px)
}

.products-grid .product-item {
    background: #fff
}

.cdz-product .product-image-container {
    width: 100%
}

.cdz-product .products {
    margin-bottom: 0;
    margin-top: 0
}

.product-item-info {
    width: 100%
}

.product-item-name .product-item-link,
.page-header .product-item .product-item-link,
.product-item-link,
.product.name a {
    color: #000;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.product-item-name .product-item-link:active,
.page-header .product-item .product-item-link:active,
.product-item-link:active,
.product.name a:active,
.product-item-name .product-item-link:focus,
.page-header .product-item .product-item-link:focus,
.product-item-link:focus,
.product.name a:focus,
.product-item-name .product-item-link:visited,
.page-header .product-item .product-item-link:visited,
.product-item-link:visited,
.product.name a:visited {
    color: #000
}

.product-item-name .product-item-link:hover,
.page-header .product-item .product-item-link:hover,
.product-item-link:hover,
.product.name a:hover {
    color: #036
}

.product-image-container {
    vertical-align: top
}

.product-reviews-summary {
    display: inline-block
}

.product-item .product-reviews-summary {
    margin: 0 0 5px;
    width: 100%
}

.product-item .product-item-sku {
    margin-bottom: 5px;
    color: #6e7370
}

.product-item .price-box {
    margin: 0 0 5px
}

.product-item .price-box .price {
    color: #036;
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.product-item .price-box .minimal-price {
    margin-bottom: 0
}

.product-item .price-box .minimal-price .price-label,
.product-item .price-box .minimal-price .price-container {
    display: inline-block
}

.product-item .price-box .price-label {
    margin-right: 3px
}

.product-item .price-box .price-from,
.product-item .price-box .price-to {
    display: inline-block;
    float: none
}

.product-item .price-box .minimal-price-link .price-label {
    font-size: 14px;
    color: #000000
}

.product-item .old-price {
    margin: 0 5px 0 0;
    color: #6e7370
}

.product-item .old-price .price {
    color: #6e7370
}

.product-item .product-item-description {
    margin: 0 0 5px;
    color: #6e7370
}

.product-item .qs-button:hover {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4)
}

.product-item .product-item-top {
    margin-bottom: 10px
}

.product-item .product-item-actions .actions-secondary>.action {
    float: left
}

.products-grid .product-item div[class^="swatch-opt-"] {
    display: block
}

@media only screen and (min-width: 768px) {
    .product-item .actions-secondary>.action:hover:after {
        animation: cssload-zoom 1000ms linear infinite;
        -o-animation: cssload-zoom 1000ms linear infinite;
        -ms-animation: cssload-zoom 1000ms linear infinite;
        -webkit-animation: cssload-zoom 1000ms linear infinite;
        -moz-animation: cssload-zoom 1000ms linear infinite
    }
}

@media only screen and (max-width: 767px) {
    .item-group {
        padding: 0
    }

    .product-item-info {
        padding: 0
    }

    .product-item-info .product-reviews-summary {
        margin-bottom: 0
    }

    .product-item-info .product-reviews-summary .reviews-actions {
        display: none
    }

    .product-item-info .product-reviews-summary .rating-summary {
        padding: 0;
        margin: 0;
        display: inline-block
    }

    .product-item-top {
        position: relative;
        margin-bottom: 5px
    }

    .product-item-details {
        text-align: center
    }

    .products-grid .product-item .product-item-actions {
        display: flex !important;
        margin: 10px auto 5px;
        justify-content: center;
        align-items: center
    }

    .product-item-inner {
        position: relative;
        text-align: center;
        margin: 5px 0
    }

    .actions-secondary>.action.towishlist:after {
        content: "\f08a"
    }

    .product-item {
        padding: 10px
    }

    .product-item .product-item-name {
        text-overflow: ellipsis;
        overflow: hidden
    }

    .product-item .price-box .price {
        font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
    }

    .product-item .price-box .old-price {
        margin-left: 5px;
        margin-right: 0;
        float: none
    }

    .product-item .product-item-name .product-item-link,
    .product-item .product-item-link,
    .product-item .product.name a {
        font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        text-transform: capitalize
    }

    .product-item .qs-button,
    .product-item .product-item-description,
    .product-item .product-item-sku {
        display: none
    }

    .product-item .product-image-wrapper .product-image-photo {
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .product-item .product-item-actions .actions-secondary>.action.tocompare {
        display: block
    }

    .product-item .product-item-actions .actions-secondary {
        padding-left: 0;
        display: flex;
        width: auto
    }

    .actions-primary .tocart,
    .actions-secondary>a.action {
        border: 0;
        margin-right: 7px;
        padding: 0;
        width: 30px;
        height: 30px;
        line-height: 26px;
        border: 1px solid;
        text-align: center;
        border-radius: 100%;
        transition: all 500ms ease;
        backface-visibility: hidden;
        border-color: #000;
        background: #fff;
        border-radius: 4px;
        color: #000;
        border-color: #036;
        background: #036;
        transition: none !important
    }

    .actions-primary .tocart:focus,
    .actions-secondary>a.action:focus,
    .actions-primary .tocart:active,
    .actions-secondary>a.action:active,
    .actions-primary .tocart:hover,
    .actions-secondary>a.action:hover {
        color: #fff;
        border-color: #036;
        background: #036
    }

    .actions-primary .tocart span,
    .actions-secondary>a.action span {
        font-size: 0;
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        vertical-align: middle;
        text-align: left;
        display: none
    }

    .actions-primary .tocart:focus,
    .actions-secondary>a.action:focus,
    .actions-primary .tocart:active,
    .actions-secondary>a.action:active,
    .actions-primary .tocart:hover,
    .actions-secondary>a.action:hover {
        transition: none !important
    }

    .actions-primary {
        text-align: center
    }

    .actions-primary .tocart:before {
        display: inline-block;
        font: normal normal normal 16px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e992';
        speak: none;
        position: relative;
        vertical-align: middle
    }

    .actions-secondary>.action.tocompare {
        margin-right: 0
    }

    .actions-secondary>.action:after {
        line-height: 30px
    }

    .products-grid .owl-item .product-item {
        width: 100%
    }
}

.cdz-product,
.brand-slider-wrapper.no-loaded {
    position: relative;
    min-height: 100px
}

[class*="product-list"] .no-loaded {
    display: flex;
    align-items: center;
    justify-content: center
}

.cdz-slideshow.no-loaded {
    height: auto;
    min-height: 0
}

.cdz-slideshow.no-loaded .icon-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.products .owl-carousel:not(.owl-loaded),
.blog-post-grid .owl-carousel:not(.owl-loaded) {
    display: block !important;
    opacity: 0;
    overflow: hidden;
    transition: all 300ms ease;
    white-space: nowrap;
    min-height: 300px
}

.products .owl-carousel:not(.owl-loaded) .item-group,
.blog-post-grid .owl-carousel:not(.owl-loaded) .item-group {
    display: inline-block
}

.products .owl-carousel:not(.owl-loaded) .product-item,
.blog-post-grid .owl-carousel:not(.owl-loaded) .product-item,
.products .owl-carousel:not(.owl-loaded) .item,
.blog-post-grid .owl-carousel:not(.owl-loaded) .item {
    width: 260px;
    margin-right: 20px;
    margin-top: 20px;
    display: inline-block
}

.swatch-option-loading,
img[data-role="lazy-img"] {
    content: url("../../../../codazon/themelayout/images/source.gif");
    width: 100px !important
}

img[data-role="lazy-img"].hovered-img {
    opacity: 0
}

.owl-carousel .owl-nav [class*='owl-'] {
    text-align: center;
    font-size: 0;
    border-width: 1px;
    border-style: solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #fff;
    border-color: #036;
    background: #036
}

.owl-carousel .owl-nav [class*='owl-']:before {
    display: inline-block;
    font: normal normal 20px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f104'
}

.owl-carousel .owl-nav [class*='owl-'].owl-next:before {
    content: '\f105'
}

.owl-carousel .owl-nav [class*='owl-'].owl-prev:before {
    content: '\f104'
}

.owl-carousel .owl-nav [class*='owl-'].disabled {
    cursor: default
}

.owl-carousel .owl-nav [class*='owl-']:hover {
    z-index: 1
}

.owl-carousel .owl-nav [class*='owl-']:hover:not(.disabled) {
    color: #036;
    border-color: #036;
    background: #fff
}

.cl-shadow .owl-carousel {
    margin-top: -20px !important;
    margin-bottom: -20px !important
}

.cdz-slideshow .owl-carousel {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.cdz-mainbox {
    border: 1px solid #e9eaec;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    border-radius: 5px
}

.block-new-products.grid .block-title strong {
    color: #282828;
    font-weight: 600
}

.product-items.widget-new-grid {
    margin: 0 -10px
}

.product-items.widget-new-grid .product-item {
    float: left;
    width: 25%;
    padding: 0 10px
}

.product-items.widget-new-grid .product-item .product-item-info {
    background: #fff;
    padding: 10px;
    border-radius: 3px
}

.page-layout-1column .product-items.widget-new-grid .product-item {
    width: 20%
}

.page-layout-3columns .product-items.widget-new-grid .product-item {
    width: 50%
}

.product-items.widget-new-grid .product-item .product-item-actions .actions-primary,
.product-items.widget-new-grid .product-item .product-item-actions .actions-primary+.actions-secondary {
    display: inline-block;
    vertical-align: top
}

.page-products .products-grid .product-items.widget-new-grid {
    margin: 0 -10px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-items.widget-new-grid .product-item {
        width: 50%
    }

    .page-layout-1column .product-items.widget-new-grid .product-item {
        width: 33.3333%
    }

    .page-layout-3columns .product-items.widget-new-grid .product-item {
        width: 100%
    }

    .page-products .products-grid .product-items.widget-new-grid {
        margin: 0 -10px
    }
}

@media only screen and (max-width: 767px) {
    .product-items.widget-new-grid .product-item {
        width: 50%;
        margin-bottom: 10px
    }

    .page-layout-1column .product-items.widget-new-grid .product-item {
        width: 50%
    }

    .page-layout-3columns .product-items.widget-new-grid .product-item {
        width: 50%
    }
}

@media only screen and (min-width: 768px) {
    .page-products .cdz-product-wrap[class*='product-list-style-'] .products-grid .product-items .owl-item .item.product-item {
        width: 100%
    }
}

.product-disable-hover-img [class*='product-list-style-'] .product-item .product-image-photo,
.product-disable-hover-img .list.products-list .item.product-item .product-item-top .product-image-photo,
.product-disable-hover-img [class*='product-list-style-'] .product-item .hovered-img,
.product-disable-hover-img .list.products-list .item.product-item .product-item-top .hovered-img {
    transition: none
}

.product-disable-hover-img [class*='product-list-style-'] .product-item .product-image-photo.hovered-img,
.product-disable-hover-img .list.products-list .item.product-item .product-item-top .product-image-photo.hovered-img {
    transform: translateX(0)
}

.product-disable-hover-img [class*='product-list-style-'] .product-item:hover .product-image-photo.main-img,
.product-disable-hover-img .list.products-list .item.product-item .product-item-top:hover .product-image-photo.main-img {
    opacity: 1;
    transform: translateX(0)
}

.product-disable-hover-img [class*='product-list-style-'] .product-item:hover .product-image-photo.hovered-img,
.product-disable-hover-img .list.products-list .item.product-item .product-item-top:hover .product-image-photo.hovered-img {
    opacity: 0
}

.product-list-style-17 .product-item .product-image-photo {
    transition: all 500ms ease;
    backface-visibility: hidden
}

.product-list-style-17 .product-item .product-image-photo.hovered-img {
    opacity: 0
}

.product-list-style-17 .product-item:hover .product-image-photo.hovered-img {
    opacity: 1
}

.product-list-style-17 .product-item:hover .product-image-photo.main-img {
    opacity: 0
}

.product-list-style-17 .cdz-ajax-trigger {
    min-width: 200px;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 1px
}

.product-list-style-17 .flex-grid {
    margin: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch
}

.product-list-style-17 .product-item-info {
    width: 100%
}

.product-list-style-17 .product-item-top {
    position: relative
}

.product-list-style-17 .cdz-product-labels .label-item {
    font-size: 12px;
    margin-bottom: 5px;
    padding: 2px 10px;
    position: relative;
    font-weight: 400;
    border-radius: 0
}

@media only screen and (max-width: 767px) {
    .product-list-style-17 .cdz-product-labels .label-item {
        font-size: 10px !important;
        padding: 2px 10px !important
    }
}

.product-list-style-17 .product-image-container .product-image-photo {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .95
}

.product-list-style-17 .product-item-details {
    text-align: center;
    margin-top: 15px;
    padding: 0 10px
}

.product-list-style-17 .product-item-name .product-item-link {
    text-transform: capitalize;
    letter-spacing: 1px;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.product-list-style-17 .swatch-attribute {
    margin-top: 5px
}

@media only screen and (min-width: 768px) {
    .product-list-style-17 .product-item {
        padding: 0
    }

    .product-list-style-17 .button-hover-wrap {
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 45%;
        left: 0;
        width: 100%;
        z-index: 3;
        justify-content: center;
        opacity: 0;
        transition: all 500ms ease;
        backface-visibility: hidden;
        transform: translateY(30px)
    }

    .product-list-style-17 .button-hover-wrap .tocart,
    .product-list-style-17 .button-hover-wrap .tocompare,
    .product-list-style-17 .button-hover-wrap .action.towishlist,
    .product-list-style-17 .button-hover-wrap .qs-button,
    .product-list-style-17 .button-hover-wrap a.qs-button {
        margin-right: 10px;
        padding: 0;
        width: 37px;
        height: 37px;
        line-height: 33px;
        border: 1px solid;
        text-align: center;
        border-radius: 100%;
        transition: all 500ms ease;
        backface-visibility: hidden;
        color: #000;
        border-color: #000;
        background: #fff;
        border-radius: 4px;
        color: #fff;
        border-color: #036;
        background: #036
    }

    .product-list-style-17 .button-hover-wrap .tocart:focus,
    .product-list-style-17 .button-hover-wrap .tocompare:focus,
    .product-list-style-17 .button-hover-wrap .action.towishlist:focus,
    .product-list-style-17 .button-hover-wrap .qs-button:focus,
    .product-list-style-17 .button-hover-wrap a.qs-button:focus,
    .product-list-style-17 .button-hover-wrap .tocart:active,
    .product-list-style-17 .button-hover-wrap .tocompare:active,
    .product-list-style-17 .button-hover-wrap .action.towishlist:active,
    .product-list-style-17 .button-hover-wrap .qs-button:active,
    .product-list-style-17 .button-hover-wrap a.qs-button:active,
    .product-list-style-17 .button-hover-wrap .tocart:hover,
    .product-list-style-17 .button-hover-wrap .tocompare:hover,
    .product-list-style-17 .button-hover-wrap .action.towishlist:hover,
    .product-list-style-17 .button-hover-wrap .qs-button:hover,
    .product-list-style-17 .button-hover-wrap a.qs-button:hover {
        color: #fff;
        border-color: #036;
        background: #036
    }

    .product-list-style-17 .button-hover-wrap .tocart span,
    .product-list-style-17 .button-hover-wrap .tocompare span,
    .product-list-style-17 .button-hover-wrap .action.towishlist span,
    .product-list-style-17 .button-hover-wrap .qs-button span,
    .product-list-style-17 .button-hover-wrap a.qs-button span {
        font-size: 0;
        display: block;
        text-indent: -99999px;
        overflow: hidden;
        vertical-align: middle;
        text-align: left;
        display: none
    }

    .product-list-style-17 .button-hover-wrap .tocart:hover,
    .product-list-style-17 .button-hover-wrap .tocompare:hover,
    .product-list-style-17 .button-hover-wrap .action.towishlist:hover,
    .product-list-style-17 .button-hover-wrap .qs-button:hover,
    .product-list-style-17 .button-hover-wrap a.qs-button:hover {
        color: #036;
        border-color: #036;
        background: #fff
    }

    .product-list-style-17 .button-hover-wrap .tocart span,
    .product-list-style-17 .button-hover-wrap .tocompare span,
    .product-list-style-17 .button-hover-wrap .action.towishlist span,
    .product-list-style-17 .button-hover-wrap .qs-button span,
    .product-list-style-17 .button-hover-wrap a.qs-button span {
        display: none
    }

    .product-list-style-17 .button-hover-wrap .tocart label {
        display: none
    }

    .product-list-style-17 .button-hover-wrap .tocart:after {
        display: inline-block;
        font: normal normal 14px/1 FontAwesome;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f07a"
    }

    .product-list-style-17 .tocompare {
        margin-right: 0 !important
    }

    .product-list-style-17 .tocompare:before {
        display: inline-block;
        font: normal normal 14px/1 FontAwesome;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f0ec"
    }

    .product-list-style-17 .action.towishlist:after {
        display: inline-block;
        font: normal normal 14px/1 FontAwesome;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f004"
    }

    .product-list-style-17 .qs-button:before,
    .product-list-style-17 a.qs-button:before {
        line-height: unset
    }

    .product-list-style-17 .qs-button:hover,
    .product-list-style-17 a.qs-button:hover {
        box-shadow: none
    }

    .product-list-style-17 .products.list.items .action.towishlist:before,
    .product-list-style-17 .table-comparison .action.towishlist:before {
        display: none
    }

    .product-list-style-17 .product-image-container {
        position: relative
    }

    .product-list-style-17 .price-box {
        margin-bottom: 0
    }

    .product-list-style-17 .price-box .price {
        font-size: 14px;
        font-weight: 500
    }

    .product-list-style-17 .price-box .old-price {
        margin: 0 7px;
        float: none
    }

    .product-list-style-17 .product-reviews-summary {
        display: inline-block;
        margin: 5px 0
    }

    .product-list-style-17 .product-reviews-summary .rating-summary {
        margin: 0;
        padding: 0
    }

    .product-list-style-17 .product-reviews-summary .reviews-actions {
        display: none
    }

    .product-list-style-17 .product-item:hover .button-hover-wrap {
        transform: translateY(0);
        opacity: 1
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .product-list-style-17 .product-item-details {
        margin-top: 0;
        margin-bottom: 15px
    }

    .product-list-style-17 .products-grid {
        margin: 0 !important
    }

    .product-list-style-17 .products-grid .product-item {
        margin: 10px !important;
        width: calc((100%/3) - 20px) !important
    }

    .product-list-style-17 .products-grid .cdz-ajax-trigger.md-button {
        margin-top: 30px
    }
}

@media only screen and (max-width: 767px) {
    .product-list-style-17 .product-item .product-item-name {
        margin: 0
    }

    .product-list-style-17 .product-item-details {
        margin-top: 0;
        margin-bottom: 15px
    }

    .product-list-style-17 .product-item-actions {
        margin-top: 10px
    }

    .product-list-style-17 .grid.products-grid>.actions {
        margin-left: -10px
    }
}

.tab-content .products {
    margin-top: 25px
}

.box-cate-link {
    padding: 0;
    margin: 0
}

.cdz-banner img {
    width: 100%
}

.swatch-option-tooltip>.image,
.swatch-option-tooltip-layered>.image {
    margin: -10px -10px 0px;
    background-size: 100% !important
}

.swatch-option-tooltip .corner:before,
.swatch-option-tooltip-layered .corner:before {
    top: 4px
}

.swatch-option-tooltip .corner:after,
.swatch-option-tooltip-layered .corner:after {
    top: 3px
}

.swatch-option {
    min-width: 0
}

.swatch-attribute-options {
    margin: 0 -10px 0 0;
    display: inline-block
}

.product-options-wrapper .swatch-attribute-options {
    display: block
}

.product-options-wrapper .swatch-attribute {
    margin: 0 0 10px 0
}

.product-info-main .product-options-wrapper .swatch-attribute {
    margin-bottom: 20px
}

.swatch-option {
    transform: scale(1);
    transition: all 500ms ease;
    backface-visibility: hidden;
    border-radius: 0;
    position: relative;
    overflow: inherit
}

.product-item div[class^="swatch-opt-"] {
    display: inline-block;
    vertical-align: top;
    text-align: inherit
}

.product-item div[class^="swatch-opt-"]>div {
    display: inline-block;
    text-align: inherit;
    clear: left;
    width: 100%
}

.product-item .swatch-option {
    height: 22px
}

.product-item .swatch-option.text {
    padding: 1px 8px
}

.product-item .swatch-option.color,
.product-item .swatch-option.image {
    height: 15px !important;
    width: 15px !important;
    padding: 0;
    min-width: inherit
}

div[class^="swatch-opt-"]>div {
    vertical-align: top
}

.swatch-attribute-label {
    font-weight: normal;
    padding-bottom: 5px;
    display: inline-block
}

.swatch-option:not(.disabled):hover,
.swatch-option.selected:not(.disabled) {
    outline: none
}

.swatch-option:not(.disabled):hover:after,
.swatch-option.selected:not(.disabled):after {
    position: absolute;
    bottom: -6px;
    width: 100%;
    left: 0px;
    content: '';
    height: 2px
}

.swatch-option.text:not(.disabled):hover,
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover {
    outline: none;
    transform: scale(1, 1)
}

.swatch-option-tooltip {
    padding: 0;
    border-radius: 5px
}

.swatch-option-tooltip .title {
    padding: 5px 0
}

div[class^="swatch-opt-"]>div {
    vertical-align: top
}

.swatch-option {
    border: 1px solid #e9eaec;
    transform: scale(1);
    transition: all 500ms ease;
    backface-visibility: hidden
}

.swatch-option.text {
    color: #999;
    border-color: #e9eaec;
    background: #fff
}

.swatch-option:not(.disabled):hover,
.swatch-option.selected:not(.disabled) {
    border: 1px solid #e9eaec
}

.swatch-option:not(.disabled):hover:after,
.swatch-option.selected:not(.disabled):after {
    background: #036
}

.swatch-option.text:not(.disabled):hover,
.swatch-option.image:not(.disabled):hover,
.swatch-option.color:not(.disabled):hover {
    outline: 0px solid #282828;
    border: 1px solid #e9eaec
}

.swatch-option-tooltip {
    padding: 0 10px
}

.swatch-option-tooltip>.image {
    margin-top: 0
}

.catalog-product-view .swatch-option-tooltip {
    padding: 0 10px
}

.catalog-product-view .swatch-option-tooltip>.image {
    margin-top: 0
}

.product-options-wrapper .swatch-option:focus {
    box-shadow: 0 0 3px 1px rgba(186, 186, 186, 0.5)
}

.product-options-wrapper .swatch-opt {
    margin: 0
}

.product-options-wrapper .swatch-opt .swatch-attribute {
    margin-bottom: 10px
}

.product-options-wrapper .swatch-opt .swatch-attribute:last-child {
    margin-bottom: 0
}

.product-options-wrapper .swatch-option.text {
    border-radius: 30px;
    border-width: 2px;
    background: transparent;
    padding: 0px 10px;
    min-width: 32px;
    height: 32px !important;
    line-height: calc(32px - 2px);
    font-weight: 500;
    color: #000
}

.product-options-wrapper .swatch-option.text.selected {
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    color: #fff !important;
    border-color: #036 !important;
    background: #036 !important
}

.product-options-wrapper .swatch-option.text.disabled:before {
    outline: none
}

.product-options-wrapper .swatch-option.text:hover {
    border: 2px solid #036;
    transform: scale(1)
}

.product-options-wrapper .swatch-option.color,
.product-options-wrapper .swatch-option.image {
    border: 0;
    overflow: hidden;
    border-radius: 100%
}

.product-options-wrapper .swatch-option.color.selected:before,
.product-options-wrapper .swatch-option.image.selected:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    color: #ffffff
}

.product-options-wrapper .swatch-option.color:hover,
.product-options-wrapper .swatch-option.image:hover {
    border: 0;
    transform: scale(1)
}

.product-options-wrapper .swatch-option.color {
    width: 20px !important;
    height: 20px !important
}

.product-options-wrapper .swatch-option.color.selected:before {
    line-height: 20px
}

.product-options-wrapper .swatch-option.image {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    background-size: 100% !important;
    border-radius: 0
}

.product-options-wrapper .swatch-option.image.selected:before {
    line-height: 20px
}

.product-options-wrapper .swatch-option.disabled:after {
    background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #fff 43%, #fff 46%, #ff5216 47%, #ff5216 51%, #fff 51%, #fff 53%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%)
}

.product-options-wrapper .swatch-option.disabled:hover {
    cursor: default
}

.product-options-wrapper .swatch-option.disabled:hover:after {
    display: block;
    height: 100%;
    width: auto;
    left: 0;
    background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #fff 43%, #fff 46%, #ff5216 47%, #ff5216 51%, #fff 51%, #fff 53%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, 0) 100%)
}

.product-options-wrapper .swatch-option:hover,
.product-options-wrapper .swatch-option.selected {
    transform: scale(1)
}

.product-options-wrapper .swatch-option:hover:after,
.product-options-wrapper .swatch-option.selected:after {
    display: none
}

.product-options-wrapper .field.required .product-custom-option {
    border-width: 1px
}

.product-options-wrapper .field.required select.product-custom-option {
    margin-bottom: 5px
}

.product-options-wrapper .fieldset {
    margin-top: 20px
}

.swatch-attribute-options a.swatch-option-link-layered {
    position: relative;
    display: inline-block
}

.swatch-attribute-options a.swatch-option-link-layered:empty {
    display: none
}

.swatch-attribute-options a.swatch-option-link-layered .swatch-option {
    width: 20px;
    height: 20px;
    padding: 0;
    min-width: 0;
    min-height: 0;
    margin: 0 7px 7px 0;
    line-height: 18px
}

.swatch-attribute-options a.swatch-option-link-layered .swatch-option.text {
    width: auto;
    padding: 0px 8px
}

.filter-options-content-inner>.items {
    position: relative
}

.column.main .block.filter .filter-checkbox label .swatch-option {
    display: inline-block;
    float: none
}

.column.main .block.filter .filter-checkbox label .swatch-option.color,
.column.main .block.filter .filter-checkbox label .swatch-option.image {
    min-width: inherit;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    padding: 0
}

.column.main .block.filter .filter-checkbox label .swatch-option.text {
    padding: 1px 8px
}

.product-options-wrapper .swatch-input {
    position: absolute;
    visibility: hidden;
    left: 0;
    z-index: -1
}

.block-reorder .product-item {
    position: relative;
    padding-left: 20px
}

.block-reorder .product-item .field.item {
    position: absolute;
    left: 0
}

@media only screen and (min-width: 768px) {
    .block-reorder .product-item .field.item {
        top: -2px
    }
}

.block-reorder .product-items-names .product-item {
    border-bottom: 1px dashed #e9eaec;
    padding-bottom: 10px
}

.block-reorder .actions-toolbar {
    max-width: 100%;
    margin-bottom: 0
}

.block-reorder .actions-toolbar .secondary .action.view {
    text-transform: uppercase;
    font-style: italic;
    border-bottom: 1px solid;
    color: #999
}

.block-reorder .actions-toolbar .secondary .action.view:hover {
    color: #036;
    text-decoration: none
}

.block-reorder .actions-toolbar .primary {
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .block-reorder .actions-toolbar .primary {
        display: inline-block;
        float: none;
        margin-right: 20px;
        vertical-align: baseline
    }

    .block-reorder .actions-toolbar .secondary {
        float: none;
        display: inline-block
    }
}

.block-compare .block-title .counter {
    text-transform: capitalize;
    font-weight: normal;
    font-style: italic;
    color: #fff;
    font-size: 80%
}

.block-compare .block-title .counter:before {
    content: '('
}

.block-compare .block-title .counter:after {
    content: ')'
}

.block-compare .product-items-names .product-item {
    border-bottom: 1px dashed #e9eaec;
    padding-bottom: 10px
}

.block-compare .product-item .product-item-name {
    margin-left: 25px
}

.block-compare .action.delete {
    right: auto;
    left: 0;
    top: 0px;
    width: 18px;
    height: 18px;
    color: #999;
    text-align: center;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.block-compare .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: #999;
    line-height: 18px
}

.block-compare .action.delete:hover {
    color: #ffffff;
    background: #036;
    border-color: #036
}

.block-compare .action.delete:hover:before {
    color: #ffffff
}

.block-compare .actions-toolbar .action.compare {
    color: #fff;
    border-color: #036;
    background: #036;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.block-compare .actions-toolbar .action.compare:focus,
.block-compare .actions-toolbar .action.compare:active,
.block-compare .actions-toolbar .action.compare:hover {
    color: #036;
    border-color: #036;
    background: #fff
}

.block-compare .actions-toolbar .secondary {
    margin-top: 7px
}

.block-compare .actions-toolbar .secondary .action.clear {
    text-transform: uppercase;
    font-style: italic;
    border-bottom: 1px solid;
    color: #999
}

.block-compare .actions-toolbar .secondary .action.clear:hover {
    color: #036;
    text-decoration: none
}

.block-wishlist .block-title .counter {
    text-transform: capitalize;
    font-weight: normal;
    font-style: italic;
    color: #fff;
    font-size: 80%
}

.block-wishlist .block-title .counter:before {
    content: '('
}

.block-wishlist .block-title .counter:after {
    content: ')'
}

.block-wishlist .action.delete {
    top: 0px;
    width: 18px;
    height: 18px;
    line-height: 16px;
    border-radius: 0;
    color: #999;
    text-align: center;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.block-wishlist .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: #999;
    line-height: 18px
}

.block-wishlist .action.delete:hover {
    color: #ffffff;
    background: #036;
    border-color: #036
}

.block-wishlist .action.delete:hover:before {
    color: #ffffff
}

.block-wishlist .product-items .product-item-photo {
    position: absolute !important
}

.block-wishlist .product-items .product-item-details {
    margin-left: 90px
}

.block-wishlist .product-items .product-item {
    border-bottom: 1px dashed #e9eaec;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.block-wishlist .product-items .product-item .product-item-name a {
    line-clamp: var(--name-lines, 2);
    -webkit-line-clamp: var(--name-lines, 2);
    box-orient: vertical;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.block-wishlist .product-items .product-item .price-box {
    margin: 0
}

.block-wishlist .product-items .product-item .price-box .price {
    font-size: 15px
}

.block-wishlist .product-items .product-item .product-item-actions {
    clear: none;
    margin-top: 5px
}

.block-wishlist .product-items .product-item .product-item-actions .tocart.primary {
    border: 0;
    background: transparent;
    color: #999;
    padding: 0;
    font-weight: normal;
    border-bottom: 1px solid;
    border-radius: 0
}

.block-wishlist .product-items .product-item .product-item-actions .tocart.primary:hover {
    color: #036
}

.block-wishlist .actions-toolbar {
    overflow: hidden
}

.block-wishlist .actions-toolbar .primary {
    float: right
}

.block-wishlist .actions-toolbar .action.details {
    text-transform: uppercase;
    font-style: italic;
    border-bottom: 1px solid
}

.block-wishlist .actions-toolbar .action.details:before {
    display: inline-block;
    font: normal normal normal 12px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e971';
    speak: none;
    margin-right: 5px;
    font-weight: bold
}

.block-wishlist .actions-toolbar .action.details:hover {
    color: #036;
    text-decoration: none
}

.block.filter .options dt {
    margin: 10px 0
}

.block.filter .options .items .item {
    border-bottom: 1px dashed #e9eaec;
    padding: 8px 0
}

.block.filter .options .items .item span.count {
    float: right
}

@media only screen and (max-width: 767px) {
    .block-wishlist .product-items .product-item {
        padding: 0 0 15px
    }

    .block-wishlist .product-items .product-item .product-item-actions .tocart.primary {
        width: auto
    }

    .block-wishlist .product-items .product-item .product-item-actions .tocart.primary:before {
        display: none
    }

    .block-wishlist .product-items .product-item .product-item-actions .tocart.primary span {
        font-size: 12px;
        text-indent: 0;
        display: inline-block
    }

    .block-wishlist .product-items .product-item-name {
        white-space: inherit
    }

    .block-wishlist .product-items .product-item-details {
        text-align: left
    }

    .block-wishlist .actions-primary {
        text-align: left
    }
}

.sidebar .block.filter .swatch-attribute-options {
    display: block
}

.block.filter .block-subtitle {
    text-transform: uppercase;
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 600;
    color: #282828;
    border-bottom: 1px solid #e9eaec;
    padding-bottom: 10px;
    display: block;
    margin-bottom: 0
}

.block.filter .filter-options .filter-options-item {
    border-bottom: 1px dashed #e9eaec;
    padding-bottom: 15px
}

.block.filter .filter-options .filter-options-item:last-child {
    border: none;
    padding-bottom: 0
}

.block.filter .filter-options .filter-options-item .filter-options-title {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    cursor: pointer;
    margin: 0;
    padding: 15px 40px 0 0;
    position: relative;
    text-transform: uppercase;
    word-break: break-all;
    font-weight: 600
}

.block.filter .filter-options .filter-options-item .filter-options-title:before {
    display: inline-block;
    font: normal normal normal 12px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e991';
    speak: none;
    position: absolute;
    top: 17px;
    right: 0;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.block.filter .filter-options .filter-options-item.active .filter-options-title:before {
    transform: rotate(90deg)
}

.block.filter .filter-options .filter-options-content {
    margin: 15px 0 0
}

.block.filter .filter-options .filter-options-content .item {
    margin-bottom: 10px
}

.block.filter .filter-options .filter-options-content .item:before {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f105';
    margin: 0 3px 0 0
}

.block.filter .filter-options .filter-options-content .count {
    color: #858585;
    border: 1px solid #858585;
    border-radius: 2px;
    display: inline-block;
    height: 15px;
    line-height: 13px;
    font-size: 10px;
    padding: 0 2px;
    margin: 0 0 0 2px;
    vertical-align: text-top;
    opacity: .5;
    font-family: arial;
    min-width: 15px;
    text-align: center
}

.block.filter .filter-options .filter-options-content .count:before,
.block.filter .filter-options .filter-options-content .count:after {
    display: none
}

.block.filter .filter-options .filter-options-content .price-slider-container {
    padding: 10px 5px;
    display: inline-block;
    width: 100%
}

.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap {
    float: left;
    margin-top: 10px
}

.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap>div,
.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap>span {
    float: left;
    line-height: 38px
}

.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap .delimiter,
.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap .currency {
    margin: 0 5px
}

.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap .control {
    position: relative
}

.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap input {
    width: 50px;
    text-align: center
}

.block.filter .filter-options .filter-options-content .price-slider-container .input-wrap+.action {
    float: right;
    margin-top: 10px
}

.block.filter .block-subtitle.filter-current-subtitle {
    border: 0
}

.block.filter .filter-current .items {
    overflow: hidden;
    border: 0;
    background: #f9f9f9;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(249, 249, 249, 0.5)
}

.block.filter .items .filter-label {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px
}

.block.filter .items .action.remove {
    width: 18px;
    height: 18px;
    line-height: 16px;
    border-radius: 0;
    color: #999;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.block.filter .items .action.remove span {
    display: none
}

.block.filter .items .action.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: #999;
    line-height: 18px !important
}

.block.filter .items .action.remove:hover {
    color: #ffffff;
    background: #036;
    border-color: #036
}

.block.filter .items .action.remove:hover:before {
    color: #ffffff
}

.block.filter .block-actions .action.clear {
    text-transform: uppercase;
    border: 1px solid;
    padding: 5px 10px;
    display: inline-block;
    vertical-align: top;
    color: #fff;
    border-color: #036;
    background: #036;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.block.filter .block-actions .action.clear:focus,
.block.filter .block-actions .action.clear:active,
.block.filter .block-actions .action.clear:hover {
    color: #fff;
    border-color: #000;
    background: #000
}

.page-layout-1column .block.filter {
    margin-bottom: 0;
    margin-top: 10px
}

.page-layout-1column .block.filter .filter-content {
    padding: 0;
    margin-top: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 500ms ease;
    transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
    backface-visibility: hidden;
    transform: translateY(20px)
}

.page-layout-1column .block.filter .block-title.filter-title {
    position: relative;
    text-align: start;
    border: 0;
    padding: 0;
    background: transparent;
    border-radius: 0;
    min-width: 0;
    margin-bottom: 20px
}

.page-layout-1column .block.filter .block-title.filter-title strong {
    display: inline-block;
    border: 1px solid;
    box-shadow: none;
    border-radius: 4px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #fff;
    border-color: #036;
    background: #036;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    padding: 5px 15px;
    text-transform: uppercase;
    cursor: pointer;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.page-layout-1column .block.filter .block-title.filter-title strong:focus,
.page-layout-1column .block.filter .block-title.filter-title strong:active,
.page-layout-1column .block.filter .block-title.filter-title strong:hover {
    color: #fff;
    border-color: #000;
    background: #000
}

.page-layout-1column .block.filter .block-title.filter-title strong:before {
    margin: 0 10px 0 0;
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f0b0';
    vertical-align: baseline
}

.page-layout-1column .block.filter .block-title.filter-title:not([data-count="0"]):before {
    background: #000;
    color: #fff;
    border: 1px solid #fff;
    content: attr(data-count);
    position: absolute;
    min-width: 18px;
    height: 18px;
    font-size: 12px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -14px;
    padding: 0 2px;
    left: 0
}

.page-layout-1column .block.filter.active .filter-content {
    margin: 0 !important;
    padding: 20px !important;
    background: #fff;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    visibility: inherit;
    position: fixed;
    width: 350px;
    max-width: 85vw;
    height: 100%;
    overflow: auto;
    top: 0;
    right: 0;
    z-index: 31;
    border-radius: 0
}

.page-layout-1column .block.filter.active .block-title.filter-title strong:after {
    font-family: 'icons-blank-theme';
    content: '\e616';
    color: #fff;
    font-size: 36px;
    font-weight: normal;
    padding: 0 10px;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    display: block;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 30;
    text-align: start
}

@media only screen and (max-width: 767px) {
    .sidebar .block.filter:not(.account-nav) {
        background: transparent;
        padding: 0;
        border: 0
    }

    .sidebar .block.filter:not(.account-nav) .block-title strong:after {
        display: none
    }

    .sidebar .block.filter {
        box-shadow: none !important;
        margin-bottom: 0 !important;
        margin-top: 10px
    }

    .sidebar .block.filter .filter-content {
        padding: 0;
        margin-top: 0;
        height: 0;
        visibility: hidden;
        overflow: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 500ms ease;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
        backface-visibility: hidden;
        transform: translateY(20px)
    }

    .sidebar .block.filter .block-title.filter-title {
        position: relative;
        text-align: start;
        border: 0;
        padding: 0;
        background: transparent;
        border-radius: 0;
        min-width: 0;
        margin-bottom: 20px
    }

    .sidebar .block.filter .block-title.filter-title strong {
        display: inline-block;
        border: 1px solid;
        box-shadow: none;
        border-radius: 4px;
        transition: all 500ms ease;
        backface-visibility: hidden;
        color: #fff;
        border-color: #036;
        background: #036;
        font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        padding: 5px 15px;
        text-transform: uppercase;
        cursor: pointer;
        font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
    }

    .sidebar .block.filter .block-title.filter-title strong:focus,
    .sidebar .block.filter .block-title.filter-title strong:active,
    .sidebar .block.filter .block-title.filter-title strong:hover {
        color: #fff;
        border-color: #000;
        background: #000
    }

    .sidebar .block.filter .block-title.filter-title strong:before {
        margin: 0 10px 0 0;
        display: inline-block;
        font: normal normal 18px/1 FontAwesome;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\f0b0';
        vertical-align: baseline
    }

    .sidebar .block.filter .block-title.filter-title:not([data-count="0"]):before {
        background: #000;
        color: #fff;
        border: 1px solid #fff;
        content: attr(data-count);
        position: absolute;
        min-width: 18px;
        height: 18px;
        font-size: 12px;
        border-radius: 9px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: -14px;
        padding: 0 2px;
        left: 0
    }

    .sidebar .block.filter.active .filter-content {
        margin: 0 !important;
        padding: 20px !important;
        background: #fff;
        box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translateY(0);
        visibility: inherit;
        position: fixed;
        width: 350px;
        max-width: 85vw;
        height: 100%;
        overflow: auto;
        top: 0;
        right: 0;
        z-index: 31;
        border-radius: 0
    }

    .sidebar .block.filter.active .block-title.filter-title strong:after {
        font-family: 'icons-blank-theme';
        content: '\e616';
        color: #fff;
        font-size: 36px;
        font-weight: normal;
        padding: 0 10px;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        display: block;
        top: 0;
        background: rgba(0, 0, 0, 0.7);
        z-index: 30;
        text-align: start
    }

    .sidebar .block.filter .block-content {
        padding: 0 !important
    }

    body.page-with-filter.filter-active {
        overflow: hidden
    }

    body.page-with-filter.filter-active .page-header {
        z-index: 1
    }

    body.page-with-filter.filter-active #maincontent {
        z-index: 2
    }

    body.page-with-filter.filter-active .page-header .sticky-menu.active {
        opacity: 0 !important;
        visibility: hidden !important;
        animation: none !important
    }

    body.page-with-filter.filter-active .mb-bottom-toolbar {
        display: none !important
    }
}

.has-prslider .filter-options-content-inner {
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: visible
}

.price-slider-container .price-slider {
    margin-bottom: 10px
}

.price-slider-container .ph {
    position: relative;
    width: 100%;
    display: block
}

.price-slider-container .pval {
    position: absolute;
    padding: 10px;
    bottom: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 8px;
    border-radius: 2px;
    font-size: 10px;
    text-align: center;
    background: #333;
    color: #fff;
    display: none
}

.price-slider-container .pval:before {
    position: absolute;
    content: '';
    bottom: -12px;
    transform: scaleY(2);
    left: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border: 4px solid transparent;
    border-top-color: #333
}

.price-slider-container a.ui-slider-handle.ui-state-hover .pval,
.price-slider-container a.ui-slider-handle.ui-state-focus .pval {
    display: block
}

.price-slider-container .ui-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    background: rgba(0, 51, 102, 0.4);
    cursor: pointer
}

.price-slider-container .input-wrap {
    margin: 10px 0px 10px 0px;
    display: inline-block;
    vertical-align: middle
}

.price-slider-container .input-wrap .control {
    width: 50px;
    display: inline-block;
    position: relative
}

.price-slider-container .input-wrap .control input {
    text-align: center
}

.price-slider-container .input-wrap .control label.error {
    position: absolute;
    width: 186px;
    padding: 5px 10px;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #f00;
    border-radius: 5px;
    background-color: #fff;
    z-index: 10;
    color: #f00;
    line-height: 1
}

.price-slider-container .input-wrap .control label.error:after,
.price-slider-container .input-wrap .control label.error:before {
    content: '';
    position: absolute;
    display: block;
    width: 14px;
    height: 14px;
    border: 7px solid transparent;
    left: calc(50% - 7px);
    box-sizing: border-box
}

.price-slider-container .input-wrap .control.min-value label.error {
    bottom: calc(100% + 10px)
}

.price-slider-container .input-wrap .control.min-value label.error:after {
    bottom: -14px;
    border-top-color: #fff
}

.price-slider-container .input-wrap .control.min-value label.error:before {
    bottom: -15px;
    border-top-color: #f00
}

.price-slider-container .input-wrap .control.max-value label.error {
    top: calc(100% + 10px)
}

.price-slider-container .input-wrap .control.max-value label.error:after {
    top: -14px;
    bottom: -14px;
    border-bottom-color: #fff
}

.price-slider-container .input-wrap .control.max-value label.error:before {
    top: -15px;
    bottom: -15px;
    border-bottom-color: #f00
}

.sidebar>.block {
    width: 100%
}

.sidebar>.block .block-content.filter-content {
    width: 100%
}

.filter-current {
    width: 100%
}

.filter-options-item .ui-slider-horizontal {
    height: 5px;
    position: relative
}

.filter-options-item .ui-slider-horizontal .ui-slider-handle {
    height: 16px;
    width: 16px;
    padding: 0 0;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -5px;
    cursor: pointer;
    border: 3px solid rgba(0, 51, 102, 0.8);
    background: #fff
}

@media only screen and (max-width: 767px) {
    .filter-options-item .ui-slider-horizontal {
        height: 15px;
        margin: 30px 27px 30px 0;
        border-radius: 0
    }

    .filter-options-item .ui-slider-horizontal .ui-slider-handle {
        background: #036;
        border: none;
        border-radius: 0;
        height: 27px;
        width: 27px;
        top: -6px
    }
}

.filter-options-item .slider-state {
    margin-top: 20px
}

.filter-options-item .slider-state .value {
    padding: 2px 10px;
    border: 1px solid #ccc;
    color: #f98b25;
    min-width: 25px;
    display: inline-block;
    text-align: center
}

.filter-options-item .slider-state .delimiter {
    margin: 0px 5px
}

.items.filter-checkbox li {
    margin-bottom: 8px;
    display: inline-block;
    width: 100%
}

.items.filter-checkbox li * {
    vertical-align: top
}

.items.filter-checkbox li label {
    cursor: pointer
}

.items.filter-checkbox li .swatch-option {
    display: inline-block;
    float: none
}

.items.filter-checkbox li.child {
    padding-inline: 25px 0
}

.items.filter-checkbox li.child-2 {
    padding-inline: 50px 0
}

.swatch-layered .items.filter-checkbox li .swatch-option {
    display: inline-block;
    float: none;
    text-align: center;
    width: 15px;
    height: 15px;
    margin: 0 0;
    margin-right: 5px;
    min-width: 0
}

.swatch-layered .items.filter-checkbox li .swatch-option:hover:after {
    display: none
}

@media only screen and (min-width: 768px) {
    .filter-options-content-outer {
        border-top: 1px dashed #e9eaec;
        padding-top: 10px
    }

    .filter-options-content-inner {
        scrollbar-color: #e9eaec transparent;
        scrollbar-width: thin;
        scrollbar-border: none
    }

    .filter-options-content-inner::-webkit-scrollbar {
        width: 7px
    }

    .filter-options-content-inner::-webkit-scrollbar-track {
        background: transparent
    }

    .filter-options-content-inner::-webkit-scrollbar-thumb {
        background: #e9eaec
    }

    .filter-options-content-inner::-webkit-scrollbar-thumb:hover {
        background: #888
    }

    .block.filter .filter-options .filter-options-item.active {
        border: none
    }

    .stk-sidebar {
        --stk_sb_top: 60px;
        width: 25%;
        padding-inline: 0 20px;
        position: sticky;
        top: var(--stk_sb_top);
        max-height: calc(100vh - var(--stk_sb_top) - 20px);
        overflow: auto;
        overflow-y: overlay;
        margin-bottom: 20px
    }

    .page-layout-2columns-right .stk-sidebar {
        padding-inline: 20px 0;
        overflow: auto
    }

    .stk-sidebar>div {
        width: 100% !important
    }

    .stk-sidebar .block {
        box-shadow: none !important
    }

    .stk-sidebar .sidebar-additional>.block:last-child {
        margin-bottom: 0
    }

    .stk-sidebar .sidebar-main,
    .stk-sidebar .sidebar-additional {
        padding-inline-end: 0 !important
    }
}

.rating-box {
    display: inline-block;
    width: auto;
    white-space: nowrap;
    position: relative
}

.rating-box:before {
    font-family: FontAwesome;
    content: ' \f006  \f006  \f006  \f006  \f006 '
}

.rating-box .rating {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    position: absolute;
    left: 0
}

.rating-box .rating:before {
    font-family: FontAwesome;
    content: ' \f005  \f005  \f005  \f005  \f005 '
}

.filter-options-item .rating-box {
    font-size: 15px;
    margin-right: 7px
}

.filter-options-item .rating-box .rating {
    color: #ff5501
}

.filter-options-item .rating-item {
    padding: 4px 0px
}

.rating-slider-container .slider-wrap {
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 15px;
    padding: 0px 20px 0px 5px
}

.ui-slider-horizontal .ui-slider-handle.rating-slider-handle {
    min-width: 20px;
    width: auto;
    height: 20px;
    text-align: center;
    top: -8px;
    color: white;
    line-height: 20px;
    padding: 0 8px;
    font-size: 12px;
    border-radius: 3px;
    text-transform: uppercase;
    background: #036;
    border: 1px solid #036
}

.ui-slider-horizontal.rating-slider {
    border-radius: 0;
    height: 5px
}

.sorter-options {
    margin: 0 0 0 7px
}

.cdz-flbar {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background: #fff;
    border-bottom: 1px solid #fafafa;
    padding: 7px 10px 7px;
    z-index: 10;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(229, 229, 229, 0.5);
    display: none
}

.cdz-flbar.under-sticky {
    padding-top: 55px
}

.cdz-flbar.active {
    display: flex
}

.cdz-flbar .fl-btn {
    background: #036;
    color: #fff;
    border: 1px solid #036;
    padding: 3px 15px;
    text-transform: uppercase;
    position: relative
}

.cdz-flbar .fl-btn .count {
    background: #000;
    color: #fff;
    border: 1px solid #fff;
    position: absolute;
    min-width: 16px;
    height: 16px;
    font-size: 11px;
    border-radius: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -5px;
    left: 2px;
    padding: 0 2px
}

.cdz-flbar .fl-btn:before {
    margin: 0 10px 0 0;
    display: inline-block;
    font-family: FontAwesome;
    content: '\f0b0';
    font-size: 18px;
    font-weight: normal
}

.filter-active .cdz-flbar {
    display: none
}

.cdz-flbar-wrap {
    display: none
}

.column.main .category-view {
    margin-block: 20px;
    display: inline-block;
    width: 100%
}

.category-view .panel-toggle-wrap.applied {
    margin-bottom: 40px
}

body.page-layout-1column.page-with-filter.filter-active {
    overflow: hidden
}

body.page-layout-1column.page-with-filter.filter-active .page-header {
    z-index: 1
}

body.page-layout-1column.page-with-filter.filter-active #maincontent {
    z-index: 2
}

body.page-layout-1column.page-with-filter.filter-active .page-header .sticky-menu.active {
    opacity: 0 !important;
    visibility: hidden !important;
    animation: none !important
}

body.page-layout-1column.page-with-filter.filter-active .mb-bottom-toolbar {
    display: none !important
}

@media only screen and (max-width: 767px) {
    .cdz-flbar-wrap {
        display: block
    }

    .sidebar .ui-slider-horizontal.rating-slider {
        height: 20px
    }

    .sidebar .ui-slider-horizontal .ui-slider-handle.rating-slider-handle {
        height: 27px;
        min-width: 27px;
        top: -4px;
        line-height: 27px;
        border-radius: 0
    }

    .stk-sidebar {
        width: 100%
    }
}

.products .product-item {
    position: relative
}

.loadmore-disabled .listing-actions {
    display: none !important
}

.product-image-photo {
    width: 100%
}

.price-box {
    overflow: hidden
}

.price-box .price-from {
    margin-right: 10px;
    float: left
}

.price-box .old-price {
    float: left;
    margin-right: 10px
}

.price-box .special-price,
.price-box .old-price {
    display: inline-block;
    vertical-align: top
}

.price-box .special-price .price-label,
.price-box .old-price .price-label {
    display: none
}

.toolbar .modes-mode {
    padding: 5px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #fff;
    border-color: #000;
    background: #000
}

.toolbar .modes-mode:before {
    color: #fff
}

.toolbar .modes-mode:not(.active):hover,
.toolbar .modes-mode.active {
    color: #fff;
    border-color: #036;
    background: #036
}

.toolbar .modes-mode:not(.active):hover:before,
.toolbar .modes-mode.active:before {
    color: #fff
}

.toolbar .toolbar-amount {
    padding-top: 5px
}

.toolbar .pages .items,
.toolbar .pages .item {
    vertical-align: top;
    line-height: 1
}

.toolbar .pages strong.page,
.toolbar .pages a.page,
.toolbar .pages .action.next,
.toolbar .pages .action.previous {
    transition: all 500ms ease;
    backface-visibility: hidden;
    width: 34px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    border: 1px solid;
    color: #999;
    border-color: #e9eaec;
    background: #fff
}

.toolbar .pages strong.page:before,
.toolbar .pages a.page:before,
.toolbar .pages .action.next:before,
.toolbar .pages .action.previous:before {
    color: #999;
    margin: 0;
    width: 32px;
    height: 32px
}

.toolbar .pages .action.next:hover,
.toolbar .pages .action.previous:hover,
.toolbar .pages a.page:hover,
.toolbar .pages strong.page {
    color: #fff;
    border: 1px solid #036;
    background: #036
}

.toolbar .pages .action.next:hover:before,
.toolbar .pages .action.previous:hover:before,
.toolbar .pages a.page:hover:before,
.toolbar .pages strong.page:before {
    color: #fff
}

.toolbar .pages .action.previous {
    margin: 0
}

.toolbar .pages .action.previous:before {
    display: inline-block;
    font: normal normal normal 16px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e974';
    speak: none;
    line-height: 32px
}

.toolbar .pages .action.next {
    margin: 0
}

.toolbar .pages .action.next:before {
    display: inline-block;
    font: normal normal normal 16px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e991';
    speak: none;
    line-height: 32px
}

@media only screen and (max-width: 767px) {
    .toolbar-products .toolbar-amount {
        float: left
    }

    .sorter {
        padding-top: 0;
        float: right
    }
}

@media only screen and (max-width: 480px) {
    .sorter-options {
        width: 70px
    }
}

.product-reviews-summary .reviews-actions {
    vertical-align: top;
    line-height: 1.35
}

.product-reviews-summary .rating-summary {
    left: 0
}

.rating-summary .rating-result {
    width: auto;
    margin-left: 0
}

.rating-summary .rating-result:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f005';
    letter-spacing: 3px;
    content: '\f005' '\f005' '\f005' '\f005' '\f005';
    height: 13px;
    color: #e1e1e1
}

.rating-summary .rating-result>span:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f005';
    letter-spacing: 3px;
    content: '\f005' '\f005' '\f005' '\f005' '\f005';
    height: 13px;
    color: #036;
    vertical-align: top
}

.product-item .product-reviews-summary .reviews-actions {
    display: none
}

.product-item .product-reviews-summary .rating-summary {
    display: inline-flex;
    margin: 0;
    padding: 0
}

.grid.products-grid .products:not(.row),
.grid.products-grid.products:not(.row) {
    margin-top: 0;
    margin-bottom: 0
}

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

    .grid.products-grid .products:not(.row),
    .grid.products-grid.products:not(.row) {
        overflow: hidden
    }

    .product-list-container .list.products-list .item.product-item .product-item-top {
        width: 100px;
        margin-right: 10px
    }

    .product-list-container .list.products-list .item.product-item .product-item-details {
        width: calc(100% - 110px)
    }
}

.list.products-list .products,
.list.products-list.products {
    margin: 0
}

.list.products-list .product-item {
    display: inline-block
}

.list.products-list .product-item .product-item-info {
    display: block
}

.list.products-list .product-item .product-item-info .product-item-details,
.list.products-list .product-item .product-item-info .product-item-top {
    display: inline-block;
    float: left;
    text-align: left
}

.list.products-list .item.product-item .product-item-top {
    position: relative
}

.list.products-list .item.product-item .product-item-photo {
    display: block;
    width: 100%;
    padding: 0
}

.list.products-list .item.product-item .qs-button {
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: calc((100% - 38px)/2);
    left: calc((100% - 38px)/2)
}

.list.products-list .item.product-item .qs-button:before {
    line-height: 35px
}

.list.products-list .item.product-item .product-item-top {
    width: 250px;
    margin-right: 30px
}

.list.products-list .item.product-item .product-item-top .product-image-photo {
    transition: all 500ms ease;
    backface-visibility: hidden
}

.list.products-list .item.product-item .product-item-top .product-image-photo.hovered-img {
    opacity: 0
}

.list.products-list .item.product-item .product-item-top .product-image-photo.hovered-img {
    transform: translateX(100%)
}

.list.products-list .item.product-item .product-item-top:hover .product-image-photo.main-img {
    transform: translateX(-100%)
}

.list.products-list .item.product-item .product-item-top:hover .product-image-photo.hovered-img {
    opacity: 1;
    transform: translateX(0)
}

.list.products-list .item.product-item:hover .qs-button {
    opacity: 1
}

.list.products-list .item.product-item .product-item-inner {
    margin-top: 10px
}

.list.products-list .item.product-item .product-item-actions .actions-primary,
.list.products-list .item.product-item .product-item-actions .actions-primary+.actions-secondary {
    display: inline-block;
    vertical-align: middle
}

.list.products-list .item.product-item .product-item-description {
    margin-top: 20px
}

.list.products-list .item.product-item .product-item-details {
    width: calc(100% - 280px)
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .list.products-list .item.product-item .product-item-top {
        width: 150px
    }

    .list.products-list .item.product-item .product-item-details {
        width: calc(100% - 180px)
    }
}

.search.found {
    font-weight: bold;
    margin-bottom: 10px
}

.search.summary {
    margin-bottom: 20px
}

.search.summary .item {
    list-style: none;
    list-style-position: inside;
    margin-bottom: 3px;
    padding-left: 40px
}

.search.summary .item strong {
    margin: 0 5px 0 0
}

.products.list.items .action.tocompare:before,
.products.list.items .action.towishlist:before {
    overflow: visible
}

.products .product-item-sku .label {
    margin: 0 5px 0 0
}

.product-items .action.towishlist:before {
    overflow: visible
}

.sidebar .block-wishlist .product-item .product-image-container {
    width: 70px !important
}

.sidebar .block-wishlist .actions-secondary>a.action {
    background: transparent;
    border: none
}

.sidebar-additional .block {
    margin-bottom: 20px
}

.sidebar-additional .block .actions-toolbar {
    display: inline-block;
    width: 100%
}

.product-list-container .cdz-btn-load-more {
    min-width: 200px;
    margin-block: 30px;
    max-width: 100%
}

.cdz-subcategories {
    margin-bottom: 30px
}

.cdz-subcategories.no-loaded {
    min-height: 100px;
    overflow: hidden
}

.cdz-subcategories .item {
    background: #fff;
    position: relative
}

.cdz-subcategories .cdz-subcat-title {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828;
    margin-bottom: 10px
}

.cdz-subcategories.base-slider .owl-nav {
    position: static
}

.cdz-subcategories.base-slider .owl-nav [class*='owl-'] {
    top: 50% !important;
    transform: translateY(-50%) !important
}

.cdz-subcategories.base-slider .owl-nav [class*='owl-'].owl-prev {
    right: auto;
    left: 0
}

.cdz-subcategories.base-slider .owl-nav [class*='owl-'].owl-next {
    right: 0;
    left: auto
}

.cdz-subcategories .cdz-subcat-inner {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 1px 4px 0px rgba(230, 230, 230, 0.48)
}

.cdz-subcategories .owl-carousel.cdz-subcat-inner:not(.owl-loaded) {
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    overflow: hidden
}

.cdz-subcategories .owl-carousel.cdz-subcat-inner:not(.owl-loaded)>.item {
    display: inline-block;
    width: calc(100%/7 - 10px);
    margin-right: 10px
}

.cdz-subcategories .item-top {
    overflow: hidden;
    line-height: 0
}

.cdz-subcategories .item-title {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
    text-align: center;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all ease 400ms
}

.cdz-subcategories .item-title,
.cdz-subcategories a.item-title {
    font-weight: 500;
    color: #000
}

.cdz-subcategories .item-title:hover,
.cdz-subcategories a.item-title:hover {
    opacity: 0.8
}

@media only screen and (min-width: 768px) {
    .cdz-subcategories.hovered-style .item-title {
        position: absolute;
        bottom: -20px;
        left: 0;
        width: 100%;
        padding: 5px 5px;
        background: rgba(0, 0, 0, 0.54);
        visibility: hidden;
        opacity: 0;
        transition: all ease 400ms
    }

    .cdz-subcategories.hovered-style a.item-title,
    .cdz-subcategories.hovered-style .item-title {
        color: #fff
    }

    .cdz-subcategories.hovered-style .item:hover .item-title {
        visibility: visible;
        opacity: 1;
        bottom: 0px
    }
}

.cdz-subcategories.circular .item-top {
    border-radius: 50%
}

.cdz-subcategories.rounded-corners .item-top {
    border-radius: 5px
}

.fotorama__thumb {
    background: transparent
}

.cdz-popup.popup-product-view-side-guide {
    width: 70%
}

.product-social-links {
    width: 100%
}

.product-info-main .swatch-attribute-label,
.product-info-main .field.qty .label {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #999
}

.product-info-main .page-title-wrapper .page-title {
    font-size: 30px;
    margin-top: 0
}

.product-info-main .product-brand-info {
    padding: 10px 0
}

.product-info-main .product-reviews-summary {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 10px;
    display: inline-block
}

.product-info-main .product-reviews-summary .rating-summary {
    padding-right: 10px;
    overflow: visible;
    position: static
}

.product-info-main .product-reviews-summary .rating-summary .rating-result>span:before {
    color: #f9c400
}

.product-info-main .product-reviews-summary .reviews-actions {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px
}

.product-info-main .product-reviews-summary .reviews-actions .action {
    text-decoration: none;
    margin: 0
}

.product-info-main .product-reviews-summary .reviews-actions .action.view {
    color: #000
}

.product-info-main .product-reviews-summary .reviews-actions .action.view:active,
.product-info-main .product-reviews-summary .reviews-actions .action.view:focus,
.product-info-main .product-reviews-summary .reviews-actions .action.view:visited {
    color: #000
}

.product-info-main .product-reviews-summary .reviews-actions .action.view:hover {
    color: #036
}

.product-info-main .product-reviews-summary .reviews-actions .action.view:after {
    content: "|";
    margin: 0 5px
}

.product-info-main .product-reviews-summary .reviews-actions .action.add {
    color: #036;
    text-decoration: underline
}

.product-info-main .product-reviews-summary .reviews-actions .action.add:active,
.product-info-main .product-reviews-summary .reviews-actions .action.add:focus,
.product-info-main .product-reviews-summary .reviews-actions .action.add:visited {
    color: #036
}

.product-info-main .product-reviews-summary .reviews-actions .action.add:hover {
    color: #000
}

.product-info-main .product-reviews-summary .start-icon {
    font-size: 0;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    left: 10px
}

.product-info-main .product-reviews-summary .start-icon:after {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005"
}

.product-info-main .product-reviews-summary:hover .short-review-summary {
    display: block;
    position: absolute;
    width: 250px;
    right: 10%;
    top: 0;
    margin-top: 25px;
    padding: 25px 35px 25px 20px;
    background: #ffffff;
    z-index: 1;
    border: 1px solid #e9eaec;
    border-radius: 5px;
    box-shadow: 0 0 5px 0px #f1f1f1
}

.product-info-main .product-reviews-summary:hover .short-review-summary:before,
.product-info-main .product-reviews-summary:hover .short-review-summary:after {
    content: "";
    width: 0;
    height: 0;
    border-inline: 10px solid transparent;
    border-bottom: 12px solid #fff;
    top: -12px;
    right: 45%;
    position: absolute
}

.product-info-main .product-reviews-summary:hover .short-review-summary:before {
    z-index: 1
}

.product-info-main .product-reviews-summary:hover .short-review-summary:after {
    border-inline: 11px solid transparent;
    border-bottom: 12px solid #e9eaec;
    top: -13px;
    right: 45%
}

.product-info-main .product-reviews-summary .product-review-wrap {
    color: #282828
}

.product-info-main .short-review-summary {
    display: none;
    text-align: center
}

.product-info-main .short-review-summary .action.view {
    display: inline-block;
    margin: 10px auto;
    border: 1px solid;
    padding: 7px 10px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #fff;
    border-color: #000;
    background: #000
}

.product-info-main .short-review-summary .action.view:hover {
    color: #000;
    border-color: #000;
    background: #fff
}

.product-info-main .product-info-stock-sku {
    font-size: 12px;
    width: 100%;
    display: inline-block
}

.product-info-main .product-info-stock-sku .stock.available {
    color: #2fb157;
    font-weight: 500;
    margin-right: 0;
    padding: 0
}

.product-info-main .product-info-stock-sku .stock.unavailable {
    color: #ff0000;
    padding: 0
}

.product-info-main .product-info-stock-sku .attribute.sku {
    float: left
}

.product-info-main .price-box {
    margin-top: 0
}

.product-info-main .price-box .price-wrapper,
.product-info-main .price-box .old-price {
    display: inline-block
}

.product-info-main .price-box .price-wrapper .price {
    font-weight: 600;
    font-size: 40px;
    color: #036
}

.product-info-main .price-box .special-price {
    margin: 0 15px 0 0
}

.product-info-main .price-box .special-price .price {
    font-size: 40px;
    color: #036
}

.product-info-main .price-box .old-price {
    float: none;
    vertical-align: bottom;
    margin-bottom: 5px
}

.product-info-main .price-box .old-price .price {
    font-size: 18px;
    color: #a8aeba;
    text-decoration: line-through
}

.product-info-main .price-box .weee,
.product-info-main .price-box .tax {
    line-height: 1
}

.product-info-main .price-box .price-from,
.product-info-main .price-box .price-to {
    display: block;
    float: none
}

.product-info-main .price-box .price-from>.price-final_price .price-label,
.product-info-main .price-box .price-to>.price-final_price .price-label {
    display: block;
    margin-bottom: 5px
}

.product-info-main .price-box .price-from .old-price,
.product-info-main .price-box .price-to .old-price {
    vertical-align: middle
}

.product-info-main .product-right .box-tocart {
    margin-bottom: 0
}

.product-info-main .box-tocart {
    width: 100%;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    float: none
}

.product-info-main .box-tocart .actions {
    width: 100%;
    float: left;
    display: block;
    padding-top: 0;
    margin-top: 15px
}

.product-info-main .box-tocart .primary.tocart {
    width: 100%;
    padding: 9px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 100%;
    border-radius: 4px;
    color: #fff;
    border-color: #036;
    background: #036
}

.product-info-main .box-tocart .primary.tocart>span {
    padding-left: 25px;
    position: relative
}

.product-info-main .box-tocart .primary.tocart>span:before,
.product-info-main .box-tocart .primary.tocart>span:after {
    display: inline-block;
    font: normal normal normal 18px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e992';
    speak: none;
    position: absolute;
    left: 1px;
    top: 50%;
    transition: .3s ease;
    backface-visibility: hidden
}

.product-info-main .box-tocart .primary.tocart>span:before {
    transform: translate(-100%, -50%);
    opacity: 0
}

.product-info-main .box-tocart .primary.tocart>span:after {
    transform: translate(0, -50%);
    opacity: 1
}

.product-info-main .box-tocart .primary.tocart:focus,
.product-info-main .box-tocart .primary.tocart:active,
.product-info-main .box-tocart .primary.tocart:hover {
    color: #036;
    border-color: #036;
    background: #fff
}

.product-info-main .box-tocart .primary.tocart:hover>span:before {
    transform: translate(0, -50%);
    opacity: 1
}

.product-info-main .box-tocart .primary.tocart:hover>span:after {
    transform: translate(100%, -50%);
    opacity: 0
}

@media only screen and (max-width: 767px) {
    .product-info-main .box-tocart .primary.tocart>span {
        padding: 0
    }
}

.product-info-main .box-tocart .primary.tocart span {
    position: relative;
    padding-left: 40px
}

.product-info-main .box-tocart .primary.tocart span:before,
.product-info-main .box-tocart .primary.tocart span:after {
    display: inline-block;
    font: normal normal normal 24px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e994";
    speak: none;
    position: absolute;
    left: 0
}

.product-info-main .box-tocart.update .field.qty .qty {
    height: 35px;
    width: 130px
}

.product-info-main .size-guide-wrap {
    position: absolute;
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 600;
    right: 0;
    top: 0
}

.product-info-main .size-guide-wrap a {
    color: #036
}

.product-info-main .size-guide-wrap a:active,
.product-info-main .size-guide-wrap a:focus,
.product-info-main .size-guide-wrap a:visited {
    color: #036
}

.product-info-main .size-guide-wrap a:hover {
    color: #999
}

.product-info-main .product.attribute.overview {
    text-align: start
}

.product-info-main .product.attribute.overview ul {
    padding: 0 0 0 16px;
    margin: 0
}

.product-info-main .product.attribute.overview ul li {
    margin-bottom: 5px
}

.product-info-main .overview .type {
    margin-bottom: 7px;
    display: inline-block;
    text-transform: uppercase;
    color: #282828
}

.product-info-main .product-addto-links {
    text-align: center;
    margin: 15px 0
}

.product-info-main .product-addto-links .action {
    border: 0;
    background: transparent;
    color: #999999;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase
}

.product-info-main .product-addto-links .action:before {
    margin-right: 10px
}

.product-info-main .product-addto-links .action.towishlist:active,
.product-info-main .product-addto-links .action.towishlist:focus {
    background: transparent;
    border: 0
}

.product-info-main .product-addto-links .action.towishlist:before {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f004"
}

.product-info-main .product-addto-links .action.tocompare:active,
.product-info-main .product-addto-links .action.tocompare:focus {
    background: transparent;
    border: 0
}

.product-info-main .product-addto-links .action.tocompare:before {
    display: inline-block;
    font: normal normal normal 14px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e97d";
    speak: none
}

.product-info-main .product-addto-links .action:hover {
    border: 0;
    background: transparent;
    color: #036
}

.product-info-main .cdz-social-listing {
    padding: 0;
    list-style: none;
    text-align: center;
    justify-content: center;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.product-info-main .cdz-social-listing li {
    display: inline-block;
    margin: 0
}

.product-info-main .cdz-social-listing li a {
    margin: 0;
    border: 0;
    background: transparent;
    font-size: 16px;
    display: inline-flex;
    height: 20px;
    line-height: 20px;
    justify-content: center;
    align-items: center;
    min-width: 20px;
    box-shadow: none;
    border-radius: 0
}

.product-info-main .cdz-social-listing .cdz-networks .cdz-dd-content {
    inset-inline: auto 0;
    width: auto;
    min-width: 0
}

.product-info-main .cdz-social-listing .cdz-networks .cdz-network-list {
    position: relative;
    inset: auto;
    flex-direction: column;
    margin: 0
}

.product-info-main .product-inventory-deal {
    margin: 5px 0;
    text-align: center;
    color: #32b259;
    text-transform: uppercase;
    font-weight: 500
}

.product-info-main .product-inventory-deal .deal-items {
    margin-top: 15px
}

.product-info-main .product-inventory-deal .deal-item {
    display: inline-block;
    position: relative;
    margin: 5px 20px
}

.product-info-main .product-inventory-deal .deal-item span {
    display: block;
    margin-bottom: 12px
}

.product-info-main .product-inventory-deal .deal-item span.value {
    font-size: 30px
}

.product-info-main .product-inventory-deal .deal-item span.label {
    font-size: 11px;
    letter-spacing: 0.5px
}

.product-info-main .product-inventory-deal .deal-item:after {
    content: ":";
    font-size: 30px;
    position: absolute;
    right: -25px;
    top: 0
}

.product-info-main .product-inventory-deal .deal-item:last-child:after {
    content: ""
}

.product-info-main .product-inventory-deal .product-inventory {
    font-size: 16px;
    margin-bottom: 10px
}

.product-info-main .field.choice input {
    vertical-align: middle;
    margin-top: 0
}

.large-box-tocart.box-tocart .field.qty {
    padding: 0
}

.large-box-tocart .cart-qty {
    display: flex;
    position: relative;
    max-width: 130px
}

.large-box-tocart .cart-qty .qty {
    background: transparent;
    text-align: center;
    color: #000;
    padding: 0 35px;
    font-weight: 600;
    height: 35px
}

.large-box-tocart .qty-ctl button {
    min-width: unset;
    width: auto;
    margin: 0;
    padding: 0;
    top: 0;
    position: absolute;
    height: 100%;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    border-color: transparent;
    background: transparent;
    box-shadow: none
}

.large-box-tocart .qty-ctl button.increase {
    right: 0
}

.large-box-tocart .qty-ctl button.increase:before {
    display: inline-block;
    font: normal normal normal 12px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9b4";
    speak: none
}

.large-box-tocart .qty-ctl button.decrease {
    left: 0
}

.large-box-tocart .qty-ctl button.decrease:before {
    display: inline-block;
    font: normal normal normal 12px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e9b3";
    speak: none
}

.large-box-tocart .qty-ctl button:hover:before {
    color: #036
}

.product-options-wrapper .field.required .product-custom-option {
    border-width: 1px
}

.product-options-wrapper .field.required select.product-custom-option {
    margin-bottom: 5px
}

.product-options-wrapper .fieldset {
    margin-top: 20px
}

.fotorama__nav-wrap--vertical .fotorama__nav__shaft {
    background: transparent
}

.gallery-container {
    position: relative
}

.gallery-container .label-wrap {
    position: absolute;
    top: 20px
}

.gallery-container .label-wrap.left {
    left: 0
}

.gallery-container .label-wrap.left .cdz-product-labels {
    margin-left: 30px
}

.gallery-container .label-wrap.left .cdz-product-labels .label-item {
    padding-left: 15px;
    padding-right: 15px
}

.gallery-container .label-wrap.left .cdz-product-labels .label-item:before {
    left: 12px
}

.gallery-container .label-wrap.right {
    right: 20px;
    left: auto !important
}

.gallery-container .label-wrap.right .cdz-product-labels .label-item {
    padding-left: 15px;
    padding-right: 15px
}

.gallery-container .label-wrap.right .cdz-product-labels .label-item:before {
    right: 12px
}

.gallery-container .cdz-product-labels {
    z-index: 1;
    position: relative
}

.gallery-container .cdz-product-labels .label-item {
    text-align: center;
    font-size: 15px;
    background-color: #036;
    color: #fff;
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 10px;
    min-width: 100px;
    border-radius: 0
}

.gallery-container .cdz-product-labels .label-item .label-content {
    line-height: 1
}

.gallery-container .cdz-product-labels .label-item.new {
    background: #000
}

.gallery-container .cdz-product-labels .label-item.sale {
    background: #f25c05
}

@media only screen and (max-width: 767px) {
    .gallery-container .cdz-product-labels .label-item {
        min-width: 70px;
        font-size: 12px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 6px
    }

    .gallery-container .label-wrap {
        top: 10px
    }

    .gallery-container .label-wrap.left {
        left: 10px !important
    }

    .gallery-container .label-wrap.left .cdz-product-labels {
        margin-left: 0px
    }

    .gallery-container .label-wrap.right {
        right: 10px
    }
}

@media only screen and (min-width: 768px) {
    .fotorama__wrap .cdz-magnifier {
        transform: scale(0);
        transition: transform .5s ease
    }

    .fotorama__wrap .cdz-manifier-active .fotorama__stage__frame .fotorama__img {
        -webkit-filter: grayscale(80%) opacity(60%);
        filter: grayscale(80%) opacity(60%)
    }

    .fotorama__wrap:not(.fotorama__wrap--no-controls) .cdz-magnifier {
        transition-delay: 0.3s;
        transform: scale(1)
    }

    .cdz-magnifier {
        position: absolute;
        border-radius: 50%;
        box-shadow: inset 0px 0px 30px #949494;
        display: none
    }

    .fotorama__fullscreen .cdz-magnifier {
        display: none !important
    }
}

.reviews-summary-top {
    align-items: center;
    margin-bottom: 10px
}

.reviews-summary-top div {
    display: inline-block
}

.reviews-summary-top .rating-point {
    font-size: 30px;
    margin-right: 10px
}

.reviews-summary-top .rating-summary {
    padding: 0 10px 0 0;
    display: inline-block;
    margin-top: -10px
}

.reviews-summary-top .reviews-actions {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-top: -10px
}

.reviews-summary-top .reviews-actions .view {
    color: #282828
}

.reviews-summary-top .reviews-actions .view:active,
.reviews-summary-top .reviews-actions .view:focus,
.reviews-summary-top .reviews-actions .view:visited {
    color: #282828
}

.reviews-summary-top .reviews-actions .view:hover {
    color: #036
}

.reviews-summary-bottom .rating-groups .group-item label {
    min-width: 40px
}

.rating-groups .group-item {
    align-items: center;
    margin-bottom: 6px
}

.rating-groups .group-item label {
    min-width: 25px;
    display: inline-block;
    position: relative;
    text-align: left
}

.rating-groups .group-item .value {
    position: relative;
    display: inline-block;
    min-width: 75%
}

.rating-groups .group-item .item-count {
    position: absolute;
    left: 100%;
    top: -3px;
    margin-left: 5px
}

.rating-summary .rating-result>span {
    line-height: 1
}

.rating-summary .rating-result>span:before {
    color: #f9c400
}

.product.info.detailed .product.items {
    margin-bottom: 30px;
    display: block;
    padding: 15px 30px;
    background: #fff
}

.product.info.detailed .product.items .item.title {
    position: relative
}

.product.info.detailed .product.items .item.title>.switch {
    height: auto;
    border: 0;
    padding: 8px 10px 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border-color: transparent;
    background: transparent
}

.product.info.detailed .product.items .item.title>.switch:after {
    position: absolute;
    width: 100%;
    height: 3px;
    background: #036;
    content: "";
    left: 0;
    bottom: -3px;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.product.info.detailed .product.items .item.title>.switch .counter {
    padding: 0 3px
}

.product.info.detailed .product.items .item.title>.switch .counter:before {
    content: "("
}

.product.info.detailed .product.items .item.title>.switch .counter:after {
    content: ")"
}

.product.info.detailed .product.items .item.title.active>.switch:after {
    bottom: 0
}

.product.info.detailed .product.items>.item.content {
    margin-top: 45px;
    border-top: 2px solid #e9eaec;
    padding-left: 0;
    padding-right: 0;
    background: #fff
}

.product.info.detailed table td,
.product.info.detailed th {
    border: 1px solid #e9eaec !important
}

.product.info.detailed .additional-attributes>tbody>tr th,
.product.info.detailed .additional-attributes>tbody>tr td {
    padding: 10px
}

.product-review-wrap .product-reviews-summary {
    display: block
}

#product-review-container .review-item {
    padding: 25px 0
}

#product-review-container .review-content-top {
    margin-bottom: 10px
}

#product-review-container .review-content {
    margin-bottom: 20px
}

#product-review-container .review-details {
    margin-bottom: 10px
}

#product-review-container .block-title {
    position: relative
}

#product-review-container .sub-title {
    color: #036;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    letter-spacing: 0.5px;
    margin-bottom: 10px
}

#product-review-container .main-title {
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    letter-spacing: 0.5px;
    font-weight: 600;
    color: #707780
}

#product-review-container .new-review {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 50px 10px;
    border: 2px solid;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    border-radius: 5px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #fff;
    border-color: #000;
    background: #000
}

#product-review-container .new-review:before {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f044";
    margin-right: 5px
}

#product-review-container .new-review:hover {
    color: #000;
    border-color: #000;
    background: #fff
}

#product-review-container .rating-summary {
    margin-bottom: 3px;
    display: table-row;
    align-items: baseline
}

#product-review-container .rating-label {
    width: auto;
    display: table-cell;
    padding-right: 20px
}

#product-review-container .review-content-top .review-title {
    margin: 0;
    padding: 0 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    color: #707780;
    letter-spacing: 1px;
    padding-left: 20px;
    max-width: calc(100% - 170px);
    line-height: 1.55
}

#product-review-container .review-ratings {
    display: table;
    margin-bottom: 10px
}

#product-review-container .review-content {
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    color: #414b56;
    display: inline-block;
    width: 100%
}

#product-review-container .review-details {
    display: flex;
    font-style: italic;
    color: #999;
    font-size: 12px
}

#product-review-container .review-details .review-date {
    margin: 0 5px
}

#product-review-container .review-details .review-author strong {
    font-weight: 500;
    color: #707780
}

#product-review-container .comment-link {
    letter-spacing: 0.5px;
    font-size: 14px
}

#product-review-container .comment-link span {
    color: #999
}

#product-review-container .comment-link strong {
    color: #036;
    font-weight: 600
}

.review-add {
    background: #f9f9f9;
    border: 1px solid #e9eaec;
    padding: 20px;
    position: relative;
    border-radius: 5px
}

.review-add .review-form {
    max-width: 100%
}

.review-add .review-legend span {
    text-transform: uppercase;
    font-weight: 500
}

.review-add .review-legend strong {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 10px;
    color: #999
}

.review-add .fieldset>.field:not(.choice)>.label {
    width: auto;
    font-weight: 500;
    color: #999;
    margin: 0 20px 0 0
}

.review-add .review-field-ratings .review-field-rating .label {
    padding-bottom: 6px;
    padding-top: 10px
}

.review-add #product-review-table .review-field-rating .label {
    width: auto
}

.review-add .fieldset>.field:not(.choice) .control {
    float: none
}

.review-add .fieldset>.field:not(.choice) .label {
    float: left;
    width: auto
}

.review-add .review-form-actions .submit.primary {
    padding: 12px 60px;
    font-size: 14px;
    border-width: 2px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #fff;
    border-color: #036;
    background: #036
}

.review-add .review-form-actions .submit.primary:hover {
    border-width: 2px;
    color: #036;
    border-color: #036;
    background: #fff
}

.review-add:before,
.review-add:after {
    content: "";
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #f9f9f9;
    position: absolute;
    top: -7px;
    left: 50px
}

.review-add:before {
    border-bottom: 7px solid #e9eaec;
    top: -8px
}

.review-add .field .control input {
    background: transparent
}

.toolbar.review-toolbar {
    box-shadow: none;
    margin-bottom: 10px
}

.page-product-bundle.catalog-product-view .bundle-options-container {
    margin-bottom: 0
}

.page-product-bundle.catalog-product-view .bundle-options-container .product-add-form {
    padding: 20px;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.page-product-bundle.catalog-product-view .bundle-options-container .bundle-options-wrapper {
    width: 57% !important
}

.page-product-bundle.catalog-product-view .bundle-options-container .block-bundle-summary {
    width: 40% !important;
    padding: 20px
}

.page-product-bundle.catalog-product-view .bundle-options-wrapper .product-options-wrapper .fieldset {
    margin-top: 0
}

.page-product-bundle.catalog-product-view .bundle-options-wrapper .action.back {
    border-width: 2px
}

.page-product-bundle.catalog-product-view .bundle-options-wrapper .action.back:hover {
    color: #fff;
    border-color: #036;
    background: #036;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.page-product-bundle.catalog-product-view .bundle-options-wrapper .field.option>label,
.page-product-bundle.catalog-product-view .bundle-options-wrapper .nested .field.qty .label {
    font-size: 15px;
    color: #282828;
    font-weight: 600
}

.page-product-bundle.catalog-product-view .bundle-options-wrapper .field.option input,
.page-product-bundle.catalog-product-view .bundle-options-wrapper .field.option select {
    max-width: 300px;
    vertical-align: middle
}

.page-product-bundle.catalog-product-view .bundle-options-wrapper .field.qty .label,
.page-product-bundle.catalog-product-view .bundle-options-wrapper .field.qty .control {
    display: inline-block
}

.page-product-bundle.catalog-product-view .bundle-options-wrapper .field.qty .label {
    margin-right: 10px
}

.page-product-bundle.catalog-product-view .block-bundle-summary .title {
    margin-bottom: 10px
}

.page-product-bundle.catalog-product-view .block-bundle-summary .title strong {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold
}

.page-product-bundle.catalog-product-view .block-bundle-summary .box-tocart .field.qty,
.page-product-bundle.catalog-product-view .block-bundle-summary .box-tocart .actions {
    display: block
}

.page-product-bundle.catalog-product-view .block-bundle-summary .product-details .price-box .price {
    font-size: 35px;
    font-weight: 500
}

.page-product-bundle.catalog-product-view .block-bundle-summary strong {
    color: #282828;
    font-weight: 600
}

.page-product-bundle.catalog-product-view .block-bundle-summary .field.qty label {
    margin-right: 10px
}

.page-product-bundle.catalog-product-view .block-bundle-summary .box-tocart .action.primary.buy-now {
    margin-top: 10px;
    color: #fff;
    border-color: #000;
    background: #000
}

@media only screen and (max-width: 767px) {
    .page-product-bundle.catalog-product-view .price-from {
        margin-right: 0
    }

    .page-product-bundle.catalog-product-view .bundle-actions .action.primary span:before,
    .page-product-bundle.catalog-product-view .bundle-actions .action.primary span:after {
        display: none
    }

    .page-product-bundle.catalog-product-view .block-bundle-summary .box-tocart .actions {
        margin-top: 25px
    }

    .page-product-bundle.catalog-product-view .bundle-options-container .bundle-options-wrapper {
        width: 100% !important
    }

    .page-product-bundle.catalog-product-view .bundle-options-container .bundle-options-wrapper .field.option {
        margin-bottom: 20px
    }

    .page-product-bundle.catalog-product-view .bundle-options-container .block-bundle-summary {
        width: 100% !important
    }

    .page-product-bundle.catalog-product-view .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span:before,
    .page-product-bundle.catalog-product-view .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span:after {
        display: none
    }
}

.page-product-downloadable .item-title.samples-item-title {
    display: inline-block;
    margin-inline-end: 7px
}

.page-product-downloadable .samples-item {
    display: inline-block
}

.page-product-downloadable .product-add-form {
    margin-bottom: 0
}

.page-product-downloadable .product-options-wrapper .fieldset {
    margin-top: 0
}

.page-product-downloadable .product-options-wrapper .fieldset>.legend+br {
    display: none
}

.catalog-product-view .product-options-wrapper .field {
    margin-bottom: 15px
}

.catalog-product-view .product-options-wrapper .field>.label:not(.admin__field-label),
.catalog-product-view .product-options-wrapper .field .legend {
    font-size: 15px;
    color: #282828;
    font-weight: 600;
    margin-bottom: 7px
}

.catalog-product-view .product-options-wrapper .field input,
.catalog-product-view .product-options-wrapper .field select,
.catalog-product-view .product-options-wrapper .field textarea {
    max-width: 300px
}

.catalog-product-view .product-options-wrapper .field .note {
    display: block;
    font-size: 14px
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .product-info-main .page-title-wrapper .page-title {
        font-size: 20px
    }

    .product-info-main .product-addto-links .action {
        font-size: 13px;
        padding: 0 8px
    }

    .product-info-main .box-tocart .field.qty .label {
        width: 100%
    }

    .product-info-main .box-tocart .field.qty .control {
        float: left
    }

    .product-info-main .product-inventory-deal .deal-item {
        margin: 5px 10px
    }

    .product-info-main .product-inventory-deal .deal-item:after {
        font-size: 20px;
        right: -15px;
        top: -5px
    }

    .product-info-main .product-inventory-deal .deal-item span.value {
        font-size: 15px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .rating-groups .group-item .value {
        width: 100%
    }

    .product-info-main .price-box {
        margin-bottom: 15px
    }

    .product-info-main .product-options-wrapper .swatch-attribute {
        margin-bottom: 10px
    }

    .product-info-main .product-options-wrapper .swatch-attribute:last-child {
        margin-bottom: 0
    }

    .product-info-main .product-options-wrapper .swatch-opt {
        margin: 0
    }

    .product-info-main .product-options-wrapper .fieldset {
        margin-top: 0
    }
}

.cdz-rv-img-md .modal-content {
    padding: 0
}

.cdz-rv-img-md .modal-inner-wrap {
    overflow: visible
}

.cdz-rv-img-md .modal-header .action-close {
    position: absolute;
    z-index: 3
}

.toolbar.review-toolbar:not(:has(.pages)) {
    display: none
}

.review-form .review-field-media {
    display: flex;
    align-items: center;
    gap: 10px 0;
    flex-wrap: wrap
}

.review-form .review-field-media .label[class] {
    white-space: nowrap;
    margin: 0 !important;
    padding: 0 !important;
    margin-inline-end: 10px !important
}

.review-form .review-field-media .control {
    width: auto !important
}

.review-form .review-field-media input::file-selector-button {
    margin: 0;
    margin-inline-end: 10px
}

.review-form .review-field-media input[type=file] {
    margin: 0;
    display: flex;
    align-items: center
}

.cdz-rv-att .rv-att-label {
    text-transform: uppercase;
    background: #036;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    border-radius: 3px;
    line-height: 1;
    font-size: max(12px, 80%)
}

.cdz-rv-att .rv-att-label:before {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    content: "\F0C6"
}

.cdz-rv-att .rv-imgs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.cdz-rv-att .rv-imgs .abs-img {
    width: 100%;
    padding-bottom: 100%;
    transition: .5s
}

.cdz-rv-att .rv-imgs .rv-img {
    width: 120px;
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer
}

.cdz-rv-att .rv-imgs .rv-img:hover .abs-img {
    opacity: 0.5
}

.rv-img-all .owl-stage {
    padding-block: 15px;
    padding-inline-start: 2px
}

.rv-img-all img {
    user-select: none
}

.rv-img-title {
    font-weight: 300;
    line-height: 1.1;
    font-size: 2.6rem;
    margin-top: 2.5rem;
    margin-bottom: 2rem
}

@media (min-width:768px) and (max-width:768px) {
    .product.info.detailed .product.items .item.title.visible-xs {
        display: block !important
    }

    .product.info.detailed .product.items .item.title.hidden-xs {
        display: none !important
    }
}

@media (max-width:768px) {
    .product-info-main {
        margin: 0
    }

    .product-info-main .page-title-wrapper .page-title {
        font-size: 18px
    }

    .product-info-main .product-reviews-summary {
        padding-bottom: 0
    }

    .product-info-main .product-reviews-summary:hover .short-review-summary {
        right: -10%
    }

    .product-info-main .product-info-stock-sku {
        margin-bottom: 10px
    }

    .product-info-main .product-info-stock-sku .stock {
        display: block;
        float: left;
        margin-right: 10px
    }

    .product-info-main .box-tocart .field.qty .label {
        width: 100%
    }

    .product-info-main .product-inventory-deal .deal-item {
        margin: 5px 10px
    }

    .product-info-main .product-inventory-deal .deal-item:after {
        font-size: 20px;
        right: -15px;
        top: -5px
    }

    .product-info-main .product-inventory-deal .deal-item span.value {
        font-size: 15px
    }

    .product-info-main .product-options-wrapper .swatch-attribute {
        margin-bottom: 10px
    }

    .product-info-main .product-options-wrapper .swatch-attribute:last-child {
        margin-bottom: 0
    }

    .product-info-main .product-options-wrapper .swatch-opt {
        margin: 0
    }

    .product-info-main .product-options-wrapper .fieldset {
        margin-top: 0
    }

    .product-info-main .box-tocart .actions .action.buy-now {
        width: 100%
    }

    .product-info-main .product-addto-links .action.tocompare,
    .product-info-main .product-addto-links .action.towishlist {
        display: inline-block;
        font-size: 12px;
        border: 1px solid;
        padding: 9px 10px 7px;
        margin: 3px;
        border-radius: 4px
    }

    .product-info-main .product-addto-links .action.tocompare:before,
    .product-info-main .product-addto-links .action.towishlist:before {
        display: none
    }

    .product.info.detailed .product.items .item.title>.switch:before {
        display: inline-block;
        font: normal normal normal 15px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e97b";
        speak: none;
        position: absolute;
        inset-inline: auto 0;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .product.info.detailed .product.items .item.title.active>.switch:before {
        transform: rotate(180deg)
    }

    .product.info.detailed {
        margin-bottom: 0
    }

    #product-review-container .review-content-top .review-title {
        display: block;
        width: 100%;
        min-width: 100%;
        padding: 0
    }

    #product-review-container .new-review {
        display: none
    }

    .product.info.detailed .product.items {
        padding: 0 15px 25px;
        margin-bottom: 0
    }

    .product.info.detailed .product.items>.item.content {
        border: 0;
        margin-top: 0
    }

    .product.info.detailed .product.items .item.title>.switch {
        padding: 0
    }

    .product.info.detailed .product.items .reviews-summary-bottom {
        max-width: 200px
    }
}

.column.main .block.crosssell,
.column.main .block.upsell,
.column.main .block.related {
    margin-bottom: 50px
}

.column.main .block.crosssell .block-collapsible-nav-title,
.column.main .block.upsell .block-collapsible-nav-title,
.column.main .block.related .block-collapsible-nav-title,
.column.main .block.crosssell .block-title,
.column.main .block.upsell .block-title,
.column.main .block.related .block-title {
    margin-bottom: 0
}

.column.main .block.crosssell .block-collapsible-nav-title strong,
.column.main .block.upsell .block-collapsible-nav-title strong,
.column.main .block.related .block-collapsible-nav-title strong,
.column.main .block.crosssell .block-title strong,
.column.main .block.upsell .block-title strong,
.column.main .block.related .block-title strong {
    font: 700 32px/1.15 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828;
    margin-bottom: 0;
    font-weight: 500
}

.column.main .sidebar .block-viewed-products-grid .block-title {
    margin-bottom: 0 !important;
    color: #fff;
    background: #036;
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.column.main .sidebar .block-viewed-products-grid .block-title strong {
    color: #fff
}

.block.related .field.choice.related {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 3
}

.block.related .field.choice.related label {
    font-size: 0
}

.block.related .field.choice.related input[type] {
    top: 10px;
    margin: 0
}

.block.related .action.select {
    margin: 0;
    padding: 0px 5px;
    border: 0;
    background: transparent;
    min-width: unset;
    color: #999
}

.block.related .action.select:focus,
.block.related .action.select:active,
.block.related .action.select:hover {
    color: #036;
    box-shadow: none
}

.block.related .block-actions {
    margin-bottom: 20px
}

.block.upsell .block-title.title {
    margin-bottom: 20px !important
}

.block.crosssell {
    margin-top: 0
}

.block.crosssell .block-title.title {
    margin-bottom: 20px !important;
    color: #282828;
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.block.related .products-grid .product-item,
.block.upsell .products-grid .product-item,
.block.crosssell .products-grid .product-item {
    background: #fff;
    height: 100%;
    margin-bottom: 0;
    padding-bottom: 10px
}

.block.related .products-grid .product-item .price-box .price,
.block.upsell .products-grid .product-item .price-box .price,
.block.crosssell .products-grid .product-item .price-box .price {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.block.related .products-grid .product-item .product-item-top,
.block.upsell .products-grid .product-item .product-item-top,
.block.crosssell .products-grid .product-item .product-item-top {
    padding: 15px
}

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

    .block.related .products-grid .product-item,
    .block.upsell .products-grid .product-item,
    .block.crosssell .products-grid .product-item {
        padding: 0
    }
}

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

    .block.related .products-grid .product-item .price-box .price,
    .block.upsell .products-grid .product-item .price-box .price,
    .block.crosssell .products-grid .product-item .price-box .price {
        font-size: 14px
    }
}

.block-viewed-products-grid {
    display: inline-block
}

.block-viewed-products-grid .product-item-name a {
    color: #000
}

.block-viewed-products-grid .product-item-name a:active,
.block-viewed-products-grid .product-item-name a:focus,
.block-viewed-products-grid .product-item-name a:visited {
    color: #000
}

.block-viewed-products-grid .product-item-name a:hover {
    color: #036
}

.block-viewed-products-grid .products-list .product-item-name a {
    text-transform: uppercase;
    white-space: normal
}

.block-viewed-products-grid .products-list .product-item-actions {
    display: inline-block;
    width: 100%
}

.block-viewed-products-grid .products-list .product-item .minimal-price-link,
.block-viewed-products-grid .products-list .product-item .price-excluding-tax,
.block-viewed-products-grid .products-list .product-item .price-including-tax {
    display: inline-block
}

.block-viewed-products-grid .product-item .product-image-container {
    width: 100% !important
}

.block-viewed-products-grid .product-item-description .product-item-link {
    display: none
}

.block-viewed-products-grid .block-title {
    margin-bottom: 20px !important
}

.block-viewed-products-grid.block {
    width: 100%
}

.block-viewed-products-grid.block .products-grid .product-items {
    margin: 0px -10px
}

@media only screen and (max-width: 767px) {
    .block-viewed-products-grid.block .products-grid .product-items {
        margin: 0px -5px
    }
}

.block-viewed-products-grid.block .products-grid .product-items .product-item {
    height: auto;
    margin-bottom: 20px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: transparent;
    padding: 0 10px
}

@media only screen and (max-width: 767px) {
    .block-viewed-products-grid.block .products-grid .product-items .product-item {
        padding: 0 5px;
        margin-bottom: 10px
    }
}

.block-viewed-products-grid.block .products-grid .product-items .product-item .product-item-info {
    background: #fff;
    height: 100%;
    padding-bottom: 20px
}

.block-viewed-products-grid.block .products-grid .product-items .product-item .actions-secondary,
.block-viewed-products-grid.block .products-grid .product-items .product-item .actions-primary {
    display: inline-block;
    width: auto;
    padding: 0
}

.block-viewed-products-grid.block .products-grid .product-items .product-item .button-hover-wrap .actions-secondary .action:hover:after {
    animation: none
}

.sidebar .block-viewed-products-grid {
    background: #fff
}

.sidebar .block-viewed-products-grid .list.products-list .item.product-item {
    box-shadow: none;
    padding: 0 0
}

.sidebar .block-viewed-products-grid .list.products-list .item.product-item .product-item-top {
    width: 70px;
    margin: 0 0
}

.sidebar .block-viewed-products-grid .list.products-list .item.product-item .product-item-top .product-item-photo {
    width: 100%;
    position: relative
}

.sidebar .block-viewed-products-grid .list.products-list .item.product-item .product-item-details {
    width: calc(100% - 70px);
    margin: 0 0;
    padding: 10px 10px 10px 20px
}

.sidebar .block-viewed-products-grid .list.products-list .item.product-item .action.primary {
    padding: 7px 15px
}

.sidebar .block-viewed-products-grid .list.products-list .item.product-item .product-item-actions .actions-primary+.actions-secondary {
    width: auto
}

.box-tocart .field.qty #qty-error {
    position: absolute;
    background: #fff;
    padding: 5px 10px;
    border: 1px solid;
    font-size: 11px;
    width: 240px
}

@media only screen and (min-width: 768px) {
    .box-tocart .field.qty #qty-error {
        top: 0;
        left: calc(100% + 10px)
    }
}

@media only screen and (max-width: 767px) {
    .box-tocart .field.qty #qty-error {
        top: 100%;
        z-index: 100
    }
}

.block-bundle-summary .unavailable,
.block-bundle-summary .available {
    padding: 0;
    margin-top: 10px;
    float: none
}

.block-shipping-estimation {
    width: 100%;
    margin-top: 20px
}

.block-shipping-estimation .block-title {
    color: #036
}

.block-shipping-estimation .current-address {
    color: #999
}

.block-shipping-estimation .block-heading:before {
    content: '';
    background: url(../../../../codazon/themelayout/images/truck-icon.png) no-repeat 0px -4px;
    background-size: cover;
    width: 22px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 7px
}

.block-shipping-estimation .block-heading strong {
    text-transform: uppercase
}

.block-shipping-estimation .block-heading a.content-toggle {
    color: #036;
    position: relative;
    padding-right: 15px
}

.block-shipping-estimation .block-heading a.content-toggle:after {
    content: "";
    font-size: 22px;
    line-height: 22px;
    color: inherit;
    content: '\e622';
    font-family: 'icons-blank-theme';
    position: absolute;
    top: -1px;
    right: -5px
}

.block-shipping-estimation.opened a.content-toggle:after {
    transform: rotate(180deg)
}

.block-shipping-estimation .shipping-cost-result .rs-title {
    text-transform: uppercase
}

.block-shipping-estimation select {
    border-top: none;
    border-left: none;
    border-right: none
}

.fotorama__nav-wrap .fotorama_vertical_ratio .fotorama__img {
    max-height: none
}

.magnifier-preview {
    z-index: 10
}

.cdz-product-attr {
    margin-bottom: 5px
}

.cdz-product-attr .type {
    display: inline-block
}

.cdz-product-attr.attr-line>.value {
    display: inline
}

.cdz-product-attr.attr-block>.type {
    margin-bottom: 5px
}

.cdz-product-attr.attr-block>.value {
    display: inline-block;
    width: 100%
}

.product-info-main .price-box.price-tier_price .price-wrapper .price {
    font-size: 1.4rem;
    font-weight: 700;
    color: inherit
}

@media only screen and (max-width: 767px) {
    .cdz-popup.popup-product-view-side-guide {
        max-width: calc(100% - 20px);
        width: calc(100% - 20px)
    }
}

.modal-popup .modal-header {
    padding-top: 2rem;
    padding-bottom: 0
}

.modal-popup .modal-inner-wrap {
    width: 40%
}

.modal-popup .modal-inner-wrap .modal-header .action-close {
    padding: 0;
    width: 40px;
    height: 40px;
    border: 1px solid;
    color: #fff;
    border-color: #036;
    background: #036;
    border-radius: 0;
    right: -40px
}

.modal-popup .modal-inner-wrap .modal-header .action-close:before {
    color: #fff;
    line-height: 40px;
    margin-left: -1px
}

.qs-modal .modal-popup .modal-inner-wrap {
    width: 1000px;
    max-width: calc(100% - 40px)
}

.qs-modal .gallery-placeholder {
    position: relative
}

.qs-modal .quickshop-media {
    width: 50%;
    float: left
}

.qs-modal .quickshop-media .product.media {
    width: 100%
}

.qs-modal .quickshop-main {
    width: 50%;
    float: left;
    padding: 20px
}

.qs-modal .quickshop-main .product-info-main {
    width: 100%
}

.qs-modal .price-box .price-from,
.qs-modal .price-box .price-to {
    display: inline-block
}

.qs-modal .price-box p.price-from>.price-final_price .price-label,
.qs-modal .price-box p.price-to>.price-final_price .price-label {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 0
}

.qs-modal .page-product-bundle .bundle-actions {
    display: none
}

.qs-modal .page-product-bundle .product-info-main .price-box {
    padding-bottom: 0
}

.qs-modal .page-product-bundle .product-options-wrapper .action.back.customization {
    display: none
}

.qs-modal .page-product-bundle .product-options-wrapper .input-text.qty {
    width: 47px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #e1e1e1;
    text-align: center
}

.qs-modal .page-product-bundle .product-options-wrapper .nested {
    margin-top: 10px
}

.qs-modal .page-product-bundle .block-bundle-summary .action.primary.tocart {
    width: 100%
}

.qs-modal .page-product-bundle .block-bundle-summary {
    padding: 20px
}

.qs-modal .page-title-wrapper .page-title {
    font: 700 32px/1.15 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.quickshop-modal .content-wrap {
    min-height: 80%;
    min-height: 80vh
}

.ajax-loading .qs-modal .modal-header {
    display: none
}

.qs-modal .modal-popup .modal-header {
    padding: 0
}

.qs-modal .modal-popup .modal-content {
    padding: 10px !important;
    max-height: 80%;
    background: #fff;
    scrollbar-color: #e9eaec transparent;
    scrollbar-width: thin;
    scrollbar-border: none
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar {
    width: 7px
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar-thumb {
    background: #e9eaec
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar-thumb:hover {
    background: #888
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar-track {
    background: transparent
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar:horizontal {
    height: 7px
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar-thumb:horizontal {
    background: #e9eaec
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar-thumb:horizontal:hover {
    background: #888
}

.qs-modal .modal-popup .modal-content._scrhv:hover {
    scrollbar-color: #888 #e9eaec
}

.qs-modal .modal-popup .modal-content._scrhv:hover::-webkit-scrollbar-thumb {
    background: #888
}

.qs-modal .modal-popup .modal-content._scrrd::-webkit-scrollbar-thumb {
    border-radius: 4px
}

.qs-modal .modal-popup .modal-content::-webkit-scrollbar-track:horizontal {
    background: transparent
}

.qs-modal .fotorama1527147400104 .fotorama__nav--thumbs .fotorama__nav__frame {
    padding: 10px
}

.qs-modal .fotorama__nav-wrap--vertical .fotorama__nav__shaft {
    background-color: transparent !important
}

.qs-modal .product-info-main .price-box {
    padding-bottom: 20px;
    margin-bottom: 0
}

.qs-modal .product-info-main .product.info.detailed .product.data.items>.item.title>.switch {
    background: transparent
}

.qs-modal .product-info-main .product.info.detailed .product.data.items>.item.title>.switch:hover:before {
    transform: scale(1, 1)
}

.qs-modal .product-info-main .product.info.detailed .product.data.items>.item.title.active>.switch {
    background: transparent
}

.qs-modal .product-info-main .product.info.detailed .product.data.items>.item.content {
    border-top-width: 1px
}

.qs-modal .product-info-main .product-info-stock-sku {
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 5px
}

.qs-modal .product-info-main .product-info-stock-sku .stock {
    margin-bottom: 0;
    display: inline-block;
    width: auto
}

.qs-modal .product-info-main .product-info-stock-sku .attribute.sku {
    display: inline-block;
    white-space: nowrap;
    float: right
}

.qs-modal .product-info-main .product-reviews-summary {
    width: 100%;
    margin-top: 0
}

.page-product-grouped .product-info-main .price-box {
    padding-bottom: 0;
    margin: 0
}

.page-product-grouped .product-info-main .product-reviews-summary .reviews-actions {
    padding: 0
}

.page-product-grouped .product-info-main .table.grouped .control .qty {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e9eaec
}

.page-product-grouped .product-info-main .table.data.grouped .price-box .price-wrapper .price {
    font-size: 14px
}

.page-product-grouped .product-info-main .table.data.grouped>thead>tr>th,
.page-product-grouped .product-info-main .table.data.grouped tbody>tr>td {
    padding-left: 0;
    padding-right: 0
}

.page-product-grouped .product-info-main .table-wrapper {
    margin-top: 20px
}

.page-product-bundle .bundle-options-wrapper,
.page-product-bundle .block-bundle-summary {
    width: 100% !important
}

.page-product-bundle .bundle-options-container .bundle-options-wrapper,
.page-product-bundle .bundle-options-container .product-options-wrapper {
    width: 100% !important
}

.page-product-bundle .bundle-options-container .legend.title {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: capitalize;
    margin-top: 0
}

.page-product-bundle .bundle-options-container .input-text.qty {
    height: 30px;
    line-height: 30px;
    border: 1px solid #e9eaec
}

.page-product-bundle .block-bundle-summary {
    background-color: #f9f9f9
}

.page-product-bundle .block-bundle-summary .product-image-container {
    width: 100px !important;
    float: left;
    margin: 0 20px 0 0
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.page-product-bundle .bundle-actions .action.primary {
    width: 100%;
    padding: 9px;
    margin-left: 0;
    margin-right: 0;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 100%;
    border-radius: 30px;
    color: #fff;
    border-color: #036;
    background: #036
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span,
.page-product-bundle .bundle-actions .action.primary>span {
    padding-left: 25px;
    position: relative
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span:before,
.page-product-bundle .bundle-actions .action.primary>span:before,
.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span:after,
.page-product-bundle .bundle-actions .action.primary>span:after {
    display: inline-block;
    font: normal normal normal 18px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e992';
    speak: none;
    position: absolute;
    left: 1px;
    top: 50%;
    transition: .3s ease;
    backface-visibility: hidden
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span:before,
.page-product-bundle .bundle-actions .action.primary>span:before {
    transform: translate(-100%, -50%);
    opacity: 0
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span:after,
.page-product-bundle .bundle-actions .action.primary>span:after {
    transform: translate(0, -50%);
    opacity: 1
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary:focus,
.page-product-bundle .bundle-actions .action.primary:focus,
.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary:active,
.page-product-bundle .bundle-actions .action.primary:active,
.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary:hover,
.page-product-bundle .bundle-actions .action.primary:hover {
    color: #036;
    border-color: #036;
    background: #fff
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary:hover>span:before,
.page-product-bundle .bundle-actions .action.primary:hover>span:before {
    transform: translate(0, -50%);
    opacity: 1
}

.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary:hover>span:after,
.page-product-bundle .bundle-actions .action.primary:hover>span:after {
    transform: translate(100%, -50%);
    opacity: 0
}

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

    .page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span,
    .page-product-bundle .bundle-actions .action.primary>span {
        padding: 0
    }
}

.page-product-downloadable .product-info-main .items.samples {
    padding-top: 15px
}

.page-product-downloadable .product-info-main .product-options-wrapper {
    width: 100%
}

.page-product-downloadable .product-info-main .product-options-bottom {
    width: 100%;
    clear: both;
    padding-top: 30px
}

.page-product-downloadable .product-info-main .field.downloads .sample.link {
    float: none;
    margin-left: 20px
}

.page-product-downloadable .product-info-main .box-tocart,
.page-product-downloadable .product-options-bottom .box-tocart {
    margin: 0
}

.qs-modal.product-options-modal .modal-popup .modal-inner-wrap {
    width: 800px
}

.qs-modal.product-options-modal #customizeTitle {
    display: none
}

.qs-modal.product-options-modal .quickshop-media {
    width: 45%
}

.qs-modal.product-options-modal .quickshop-main {
    width: 55%
}

.qs-modal.product-options-modal .quickshop-modal .content-wrap {
    min-height: 0
}

.qs-modal .product-info-main .size-guide-wrap {
    position: relative;
    margin: 0 0
}

@media only screen and (max-width: 767px) {
    .modal-popup .modal-inner-wrap .modal-header .action-close {
        top: 0;
        inset-inline: auto 0;
        z-index: 10
    }

    .modal-popup .modal-inner-wrap {
        width: 90%
    }

    .qs-modal.product-options-modal .quickshop-media,
    .qs-modal.product-options-modal .quickshop-main {
        width: 100%
    }
}

.customer-account-login .page-title-wrapper {
    text-transform: uppercase;
    text-align: center
}

.customer-account-login .page-title-wrapper .page-title {
    margin-bottom: 20px;
    padding-top: 30px
}

.customer-account-login .login-container {
    padding: 0;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.customer-account-login .login-container .block-customer-login .block-content md-content {
    text-align: initial
}

.customer-account-login .login-container .block {
    width: 100%;
    padding: 20px;
    margin-bottom: 0
}

.customer-account-login .login-container .block .block-title {
    border: 0;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 0;
    text-align: center
}

.customer-account-login .login-container .block .field.note {
    text-align: center
}

.customer-account-login .login-container .block .actions-toolbar {
    margin-left: 0;
    margin-top: 10px
}

.customer-account-login .login-container .block .actions-toolbar>.primary {
    width: 100%
}

.customer-account-login .login-container .block .actions-toolbar>.primary .action {
    width: 100%
}

.customer-account-login .login-container .block .actions-toolbar .secondary {
    margin: 10px 0px 0px 0px;
    width: 100%
}

.customer-account-login .login-container .block .actions-toolbar .secondary a.action {
    border-bottom: 1px solid;
    text-decoration: none !important;
    text-transform: uppercase;
    float: right;
    width: auto
}

.customer-account-login .login-container .block .fieldset {
    margin-bottom: 0;
    position: relative
}

.customer-account-login .login-container .block .fieldset:after {
    margin: 0;
    position: absolute;
    bottom: 0px
}

.customer-account-login .login-container .block.block-new-customer {
    background: #eee;
    padding: 20px
}

.customer-account-forgotpassword .page-main {
    text-align: center
}

.customer-account-forgotpassword .page-title-wrapper {
    text-transform: uppercase
}

.customer-account-forgotpassword .page-title-wrapper .page-title {
    margin-bottom: 20px;
    padding-top: 30px
}

.customer-account-forgotpassword .form.password.forget {
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    padding: 20px
}

.customer-account-forgotpassword .form.password.forget .fieldset {
    margin: 0 0 20px
}

.customer-account-forgotpassword .form.password.forget .fieldset>.field {
    margin-bottom: 10px
}

.customer-account-forgotpassword .form.password.forget .actions-toolbar {
    margin: 0
}

.customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary {
    width: 100%
}

.customer-account-forgotpassword .form.password.forget .actions-toolbar>.primary .action {
    width: 100%
}

.customer-account-forgotpassword .form.password.forget .actions-toolbar .secondary {
    margin-top: 10px;
    width: 100%
}

.customer-account-forgotpassword .form.password.forget .actions-toolbar .secondary a.action {
    border-bottom: 1px solid;
    text-decoration: none !important;
    text-transform: uppercase
}

.sales-guest-form .page-main {
    text-align: center
}

.sales-guest-form .page-title-wrapper {
    text-transform: uppercase
}

.sales-guest-form .page-title-wrapper .page-title {
    margin-bottom: 20px;
    padding-top: 30px
}

.sales-guest-form .form-orders-search {
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    padding: 20px
}

.sales-guest-form .form-orders-search .fieldset legend {
    text-transform: uppercase;
    margin: 0;
    float: none;
    font-weight: 600
}

.catalogsearch-advanced-index .page-main {
    text-align: center
}

.catalogsearch-advanced-index .page-title-wrapper {
    text-transform: uppercase
}

.catalogsearch-advanced-index .page-title-wrapper .page-title {
    margin-bottom: 20px;
    padding-top: 30px
}

.catalogsearch-advanced-index .form.search.advanced {
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    padding: 20px
}

.catalogsearch-advanced-index .form.search.advanced .fieldset legend {
    text-transform: uppercase;
    margin: 0;
    float: none;
    font-weight: 600
}

.multishipping-checkout-register .page-main,
.customer-account-create .page-main {
    text-align: center
}

.multishipping-checkout-register .page-title-wrapper,
.customer-account-create .page-title-wrapper {
    text-transform: uppercase
}

.multishipping-checkout-register .page-title-wrapper .page-title,
.customer-account-create .page-title-wrapper .page-title {
    margin-bottom: 20px;
    padding-top: 30px
}

.multishipping-checkout-register .form-create-account,
.customer-account-create .form-create-account {
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    text-align: initial
}

.multishipping-checkout-register .form-create-account .fieldset .legend,
.customer-account-create .form-create-account .fieldset .legend {
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    float: none;
    font-weight: 600
}

.multishipping-checkout-register .form-create-account .fieldset-fullname .fields .field,
.customer-account-create .form-create-account .fieldset-fullname .fields .field {
    width: 50%
}

.multishipping-checkout-register .form-create-account .fieldset .field,
.customer-account-create .form-create-account .fieldset .field {
    position: relative
}

.multishipping-checkout-register .form-create-account .customer-name-prefix-middlename-suffix>.label,
.customer-account-create .form-create-account .customer-name-prefix-middlename-suffix>.label {
    position: relative;
    overflow: visible;
    margin: 0;
    height: auto
}

.multishipping-checkout-register .form-create-account .fieldset-fullname .fields .field,
.customer-account-create .form-create-account .fieldset-fullname .fields .field {
    width: 100%
}

.multishipping-checkout-register .form-create-account .actions-toolbar,
.customer-account-create .form-create-account .actions-toolbar {
    margin: 0 20%
}

.multishipping-checkout-register .form-create-account .actions-toolbar>.primary,
.customer-account-create .form-create-account .actions-toolbar>.primary {
    width: 100%
}

.multishipping-checkout-register .form-create-account .actions-toolbar>.primary .action,
.customer-account-create .form-create-account .actions-toolbar>.primary .action {
    width: 100%
}

.multishipping-checkout-register .form-create-account .actions-toolbar .secondary,
.customer-account-create .form-create-account .actions-toolbar .secondary {
    margin: 10px 0px 0px 0px;
    width: 100%
}

.multishipping-checkout-register .form-create-account .actions-toolbar .secondary a.action,
.customer-account-create .form-create-account .actions-toolbar .secondary a.action {
    text-decoration: none !important;
    text-transform: uppercase;
    width: 100%
}

.multishipping-checkout-register .form-create-account .customer-dob .ui-datepicker-trigger,
.customer-account-create .form-create-account .customer-dob .ui-datepicker-trigger {
    position: absolute;
    top: 0px;
    right: 0
}

#password-strength-meter-container {
    overflow: hidden;
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 0;
    width: 100%;
    margin: 10px 0
}

#password-strength-meter-container #password-strength-meter {
    float: left;
    height: 100%;
    font-size: 0;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #959292;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width .6s ease;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
    animation: progress-bar-stripes 2s linear infinite
}

#password-strength-meter-container #password-strength-meter:before {
    display: none
}

#password-strength-meter-container #password-strength-meter-label {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    padding: 0 5px
}

#password-strength-meter-container.password-weak #password-strength-meter,
#password-strength-meter-container.password-strength-meter-1 #password-strength-meter {
    width: 25%;
    background-color: #d9534f
}

#password-strength-meter-container.password-medium #password-strength-meter,
#password-strength-meter-container.password-strength-meter-2 #password-strength-meter {
    width: 50%;
    background-color: #f0ad4e
}

#password-strength-meter-container.password-strong #password-strength-meter,
#password-strength-meter-container.password-strength-meter-3 #password-strength-meter {
    width: 75%;
    background-color: #337ab7
}

#password-strength-meter-container.password-very-strong #password-strength-meter,
#password-strength-meter-container.password-strength-meter-4 #password-strength-meter {
    width: 100%;
    background-color: #5cb85c
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.sales-guest-form .page-main,
.catalogsearch-advanced-index .page-main,
.customer-account-login .page-main,
.customer-account-forgotpassword .page-main,
.customer-account-create .page-main {
    padding-bottom: 40px
}

@media only screen and (min-width: 768px) {
    .customer-account-login .login-container {
        width: 50%;
        margin: 0 auto
    }

    .customer-account-login .login-container .block {
        padding: 20px 20%
    }

    .customer-account-login .login-container .block.block-new-customer {
        padding: 20px 20%
    }

    .customer-account-forgotpassword .form.password.forget {
        padding: 50px 20px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .privacy-policy.cms-content {
        position: relative;
        padding-top: 60px
    }
}

.cms-about-us .wrapper-breadcrums {
    display: none
}

.aboutus-page {
    padding: 30px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    border: 0
}

.aboutus-page .aboutus-box {
    margin-bottom: 60px
}

.aboutus-page .box-img {
    border: 1px solid #e9eaec;
    padding: 10px;
    width: auto;
    display: inline-block
}

.aboutus-page .aboutus-title {
    text-transform: uppercase
}

.aboutus-page .aboutus-titlesmall {
    position: relative;
    margin-bottom: 15px
}

.aboutus-page .aboutus-titlesmall:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    top: 50%;
    border-top: 1px solid #e1e1e1
}

.aboutus-page .aboutus-titlesmall h3 {
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    background: #fff;
    padding-right: 20px;
    position: relative;
    z-index: 1
}

.aboutus-page .cls-features h5 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px
}

.aboutus-page .cls-features h5:before {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f0c5';
    border-radius: 100%;
    border: 1px solid #e1e1e1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    text-align: center
}

.aboutus-page .cls-features h5.title-2:before {
    content: '\f260'
}

.aboutus-page .cls-features h5.title-3:before {
    content: '\f26c'
}

.aboutus-page .cls-features .items li {
    margin: 0;
    padding: 7px 0
}

.aboutus-page .cls-features .items li:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f067';
    padding-right: 10px
}

.contact-index-index .page-title-wrapper {
    text-align: center;
    text-transform: uppercase
}

.contact-index-index .page-title-wrapper .page-title {
    margin-bottom: 20px;
    padding-top: 30px
}

.contact-index-index .form.contact {
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    padding: 10px 20px;
    margin-bottom: 20px
}

.contact-index-index .form.contact .fieldset {
    margin-bottom: 10px
}

.contact-index-index .column:not(.sidebar-additional) .form.contact {
    width: 100%;
    min-width: 0
}

.contact-index-index .contact-form-wrap label {
    color: #999
}

.contact-index-index .store-info {
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    padding: 10px 20px;
    margin-bottom: 20px !important
}

.contact-index-index .store-info .block-title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #fafafa;
    width: 100%;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #282828
}

.contact-index-index .store-info strong {
    color: #282828;
    min-width: 80px;
    display: inline-block
}

.contact-index-index .store-info p,
.contact-index-index .store-info li,
.contact-index-index .store-info .items {
    margin-bottom: 7px;
    font-size: 12px
}

.contact-index-index .store-info [class*="icon"]:before,
.contact-index-index .store-info .i-fax:before,
.contact-index-index .store-info .i-store:before,
.contact-index-index .store-info .i-time:before,
.contact-index-index .store-info .i-mainstore:before,
.contact-index-index .store-info .i-phone:before,
.contact-index-index .store-info .i-email:before {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f017';
    padding-right: 10px;
    margin-top: -4px;
    width: 25px;
    color: #282828
}

.contact-index-index .store-info .i-store:before,
.contact-index-index .store-info .i-mainstore:before,
.contact-index-index .store-info .i-phone:before {
    display: inline-block;
    font: normal normal normal 14px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e997';
    speak: none
}

.contact-index-index .store-info .i-phone:before {
    content: '\e950'
}

.contact-index-index .store-info .i-time:before {
    content: '\f017'
}

.contact-index-index .store-info .i-fax:before {
    content: '\f1ac'
}

.contact-index-index .store-info .i-email:before {
    content: '\f003'
}

@media (min-width:1400px) {

    .contact-index-index .form.contact,
    .contact-index-index .store-info.block {
        padding: 20px
    }
}

@media only screen and (min-width: 768px) {
    .contact-form-wrap .fieldset {
        margin: 0 -20px
    }

    .contact-form-wrap .fieldset .legend {
        margin: 0 20px 10px;
        width: calc(100% - 40px)
    }

    .contact-form-wrap .fieldset>.field {
        float: left;
        width: 50%;
        padding: 0 20px
    }

    .contact-form-wrap .fieldset>.field.telephone,
    .contact-form-wrap .fieldset>.field.note,
    .contact-form-wrap .fieldset>.field.comment {
        width: 100%
    }

    .contact-container {
        display: flex;
        justify-content: center
    }
}

.searchsuite-autocomplete .qs-option-info .qs-option-title a,
.searchsuite-autocomplete .suggest ul[role=listbox] li a {
    color: #000
}

.searchsuite-autocomplete .qs-option-info .qs-option-title a:hover,
.searchsuite-autocomplete .suggest ul[role=listbox] li a:hover {
    color: #036
}

.searchsuite-autocomplete .suggest {
    display: none
}

.searchsuite-autocomplete .title .see-all {
    display: none
}

table>thead>tr>th {
    text-transform: uppercase;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

table .price-including-tax,
table .price-excluding-tax {
    font-size: 14px
}

.cart-container {
    border: 1px solid #e9eaec;
    background: #fff;
    margin-bottom: 50px;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.cart-container .cart-summary {
    background: #f5f5f5;
    padding: 20px
}

.cart-container .cdz-qty-box {
    margin-top: -7px;
    display: inline-block
}

.cart-container .cdz-qty-box div.mage-error {
    position: absolute;
    top: 30px;
    inset-inline: auto 0;
    width: 150px
}

.cart-container .form-cart {
    background: #fff;
    padding: 20px;
    border-radius: 5px
}

.cart-container .cart.item {
    position: relative
}

.cart-container .cart .item-actions .actions-toolbar {
    text-align: right
}

.cart-container .cart.table-wrapper .actions-toolbar>.action {
    border-radius: 100%;
    background: #036;
    border: 1px solid #036;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 14px;
    transition: all 500ms ease;
    backface-visibility: hidden;
    z-index: 1;
    padding: 0
}

.cart-container .cart.table-wrapper .actions-toolbar>.action span {
    display: none
}

.cart-container .cart.table-wrapper .actions-toolbar>.action.action-edit:before,
.cart-container .cart.table-wrapper .actions-toolbar>.action.action-delete:before,
.cart-container .cart.table-wrapper .actions-toolbar>.action.action-towishlist:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f00d';
    color: #fff
}

.cart-container .cart.table-wrapper .actions-toolbar>.action.action-edit:hover,
.cart-container .cart.table-wrapper .actions-toolbar>.action.action-delete:hover,
.cart-container .cart.table-wrapper .actions-toolbar>.action.action-towishlist:hover {
    background: #fff;
    color: #036
}

.cart-container .cart.table-wrapper .actions-toolbar>.action.action-edit:hover:before,
.cart-container .cart.table-wrapper .actions-toolbar>.action.action-delete:hover:before,
.cart-container .cart.table-wrapper .actions-toolbar>.action.action-towishlist:hover:before {
    color: #036
}

.cart-container .cart.table-wrapper .actions-toolbar>.action.action-towishlist:before {
    display: inline-block;
    font: normal normal normal 12px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e985';
    speak: none;
    color: #fff
}

.cart-container .cart.table-wrapper .actions-toolbar>.action.action-edit {
    top: 15px
}

.cart-container .cart.table-wrapper .actions-toolbar>.action.action-edit:before {
    content: '\f040'
}

.cart-container .cart.table-wrapper .price {
    color: #036
}

.cart-container .cart.table-wrapper .col.qty .input-text {
    margin-top: -10px;
    font-size: 14px;
    height: 30px;
    line-height: 30px
}

.cart-container .cart-summary>.title {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.cart-container .cart-summary .block>.title strong {
    text-transform: uppercase;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif !important
}

.cart-container .cart-summary .cart-totals,
.cart-container .cart-summary .block>.title {
    border-color: #e9eaec
}

.cart-container .cart-summary table>tbody>tr>th,
.cart-container .cart-summary table>tbody>tr>td {
    padding: 3px 10px
}

.cart-container .cart-summary .cart-totals .grand .mark {
    padding-top: 10px;
    padding-bottom: 10px
}

.cart-container .cart-totals .grand .amount strong {
    color: #036
}

.cart.table-wrapper .items thead+.item {
    border-color: #e9eaec
}

.cart-gift-item {
    width: 100%
}

.cart.table-wrapper .action-gift,
.gift-item-block .title {
    color: #fff;
    border-color: #000;
    background: #000;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.cart.table-wrapper .action-gift:focus,
.gift-item-block .title:focus,
.cart.table-wrapper .action-gift:active,
.gift-item-block .title:active,
.cart.table-wrapper .action-gift:hover,
.gift-item-block .title:hover {
    color: #036;
    border-color: #036;
    background: #fff
}

.gift-item-block {
    padding: 20px
}

.gift-item-block .title {
    text-transform: uppercase;
    margin-bottom: 30px;
    font-size: 120%
}

.gift-item-block .content {
    border-bottom: none;
    padding: 0
}

.cart-container .cart.main.actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap
}

.cart-container .cart.main.actions .action[class] {
    margin: 0;
    float: none
}

@media only screen and (min-width: 768px) {
    .cart-container {
        display: inline-block;
        width: 100%
    }

    .cart-container:before {
        height: 100%;
        width: 27%;
        inset-inline-end: 0;
        content: '';
        background: #f5f5f5;
        position: absolute
    }

    .cart-container .cart-summary {
        width: 27%;
        top: 0 !important;
        margin-bottom: 0;
        position: sticky;
        min-height: 100%;
        float: right
    }

    .has-hd-sticky .cart-container .cart-summary {
        top: 26px !important
    }

    .cart-container .form-cart {
        float: left;
        position: relative;
        width: 73%
    }

    .cart-container>*:nth-child(3n+0) {
        width: 73%;
        padding: 20px
    }

    .cart-container .gift-item-block {
        padding-inline: 0px
    }

    .checkout-cart-index .block.crosssell {
        display: inline-block;
        width: 100%
    }
}

@media only screen and (min-width: 768px) {
    .cart-informed-modal .section-top-inner {
        -webkit-flex-flow: row;
        flex-flow: row
    }
}

.block-minicartpro .section-content .total-qty,
.block-minicartpro .section-content .subtotal {
    width: 100%;
    margin: 0 0;
    display: inline-block
}

.block-minicartpro .section-content .label {
    display: inline-block;
    text-align: left;
    float: left
}

.block-minicartpro .section-content .amount {
    display: inline-block;
    float: right;
    text-align: right
}

.block-minicartpro .cart-empty {
    padding: 20px 10px;
    color: red
}

.minicart-items .product-info {
    text-align: left
}

.minicart-items dl.product.options.list dd.values {
    margin-right: 0
}

.cart-informed-modal .modal-popup .modal-inner-wrap {
    margin-top: 2rem
}

.cart-informed-modal .minicart-popup .ajaxcart-loader {
    display: none
}

.cart-informed-modal .minicart-popup .minicartpro-content-wrapper {
    display: block
}

.cart-informed-modal .minicart-popup.ajaxcart-loading .ajaxcart-loader {
    display: block
}

.cart-informed-modal .minicart-popup.ajaxcart-loading .minicartpro-content-wrapper {
    display: none
}

.cart-informed-modal .modal-popup._show .modal-inner-wrap {
    width: 1000px;
    max-width: calc(100% - 80px)
}

.cart-informed-modal .block-minicartpro.block {
    margin-bottom: 20px
}

.cart-informed-modal .block-minicart .minicart-items-wrapper {
    padding: 0px;
    margin: 0 0
}

.cart-informed-modal .block-minicart .minicart-items-wrapper .section-content-inner {
    padding: 0px 0px;
    overflow-y: auto;
    height: auto !important;
    max-height: 172px
}

.cart-informed-modal .block-minicart .minicart-items-wrapper .section-content-inner .minicart-items .product-item {
    padding: 10px
}

.cart-informed-modal .subtotal {
    border-bottom: 1px solid rgba(189, 189, 189, 0.4);
    padding-bottom: 20px
}

.cart-informed-modal strong.subtitle {
    font-weight: normal;
    display: block;
    width: 100%;
    font-size: 17px;
    margin: 0px 0px 20px 0px;
    color: #282828;
    text-transform: uppercase;
    font-weight: 600
}

.cart-informed-modal .product.options .content>strong.subtitle {
    display: none
}

.cart-informed-modal .product.options.list {
    margin-top: 10px
}

.cart-informed-modal .product.options.list .label {
    margin-right: 10px;
    float: left
}

.cart-informed-modal .cart-items strong.subtitle {
    margin-bottom: 10px
}

.cart-informed-modal .product-image-wrapper {
    padding-bottom: 100% !important
}

.cart-informed-modal .product-image-photo {
    width: 100% !important;
    height: auto !important;
    position: absolute !important;
    max-height: none
}

.cart-informed-modal .section-top-inner {
    overflow: hidden
}

.cart-informed-modal .product-item .price {
    color: #036
}

.cart-informed-modal .actions {
    margin-top: 5px
}

.cart-informed-modal .actions .button.action,
.cart-informed-modal .actions button.action {
    width: 100%;
    margin-bottom: 10px;
    padding: 7px 10px;
    text-align: center
}

.cart-informed-modal .section-top .newst-added-item {
    padding: 10px 0
}

.cart-informed-modal .section-top .cart-items {
    padding: 10px 20px
}

.cart-informed-modal .section-top .minicartpro-summary {
    padding: 10px 20px;
    border: 1px solid rgba(189, 189, 189, 0.4)
}

.cart-informed-modal .section-top .minicartpro-summary .paypal.checkout {
    text-align: center
}

@media (min-width:768px) {
    .cart-informed-modal .latest-added-item .product.flex-grid {
        -webkit-flex-flow: row;
        flex-flow: row
    }
}

.cart-informed-modal .latest-added-item .left-part {
    width: 30%
}

.cart-informed-modal .latest-added-item .right-part {
    width: 70%;
    padding: 10px 10px
}

.cart-informed-modal .product-item .product-image-container {
    width: 100%
}

.cart-informed-modal .product-item .product-item-actions .details-qty {
    float: right
}

.cart-informed-modal .product-item .product-item-pricing .label {
    margin-right: 10px
}

.cart-informed-modal .section-bottom .block.crosssell {
    margin: 10px -10px 0;
    overflow: hidden
}

.cart-informed-modal .section-bottom .block.crosssell .block-title {
    padding: 0 0 10px;
    border: none;
    border-bottom: 2px solid #036;
    margin: 0
}

.cart-informed-modal .section-bottom .block.crosssell .owl-loaded .owl-stage {
    padding-bottom: 0
}

.cart-informed-modal .section-bottom .block.crosssell .products-grid .product-item {
    margin-bottom: 0;
    width: 100%;
    width: calc(100%)
}

.cart-informed-modal .section-bottom .block.crosssell .products-grid .product-item .product-item-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.cart-informed-modal .section-bottom .block.crosssell .products-grid .product-item .product-item-name .product-item-link {
    text-transform: none
}

@media only screen and (max-width: 767px) {
    .cart-informed-modal .section-top-inner>div {
        width: 100%
    }

    .cart-informed-modal .section-bottom,
    .cart-informed-modal .section-top>.section-top-inner>.cart-items {
        display: none
    }
}

.product-item .product-image-container {
    width: 100%
}

.minicart-popup {
    display: none
}

body.cart-informed-modal-opened .minicart-popup {
    display: block
}

body.cart-informed-modal-opened aside.modal-popup.confirm._show {
    z-index: 1000 !important
}

.footer-minicart {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    box-shadow: 0 -7px 20px 0px rgba(179, 175, 175, 0.21)
}

.footer-minicart.opened .footer-cart-inner .cart-trigger .summary-count-label span:after {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer-cart-inner {
    position: relative
}

@media only screen and (min-width: 768px) {
    .footer-cart-inner .cart-inner-left {
        width: 70%;
        width: calc(100% - 420px);
        float: left
    }

    .footer-cart-inner .cart-inner-right {
        width: 30%;
        width: 420px;
        float: left;
        margin: 0;
        display: flex;
        align-items: center
    }

    .footer-cart-inner .minicartpro-summary {
        border-left: 1px solid #e9eaec;
        padding: 10px;
        border-right: 1px solid #e9eaec
    }

    .footer-cart-inner .minicartpro-actions {
        padding: 10px
    }
}

.footer-cart-inner .block-minicart .minicart-items-wrapper {
    padding: 10px
}

.footer-cart-inner .block-minicart .subtitle {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    color: #282828
}

.footer-cart-inner .block-minicartpro {
    background: #fff;
    position: relative;
    width: 100%;
    overflow: auto
}

.footer-cart-inner .block-minicartpro .paypal.after:before {
    display: none
}

.footer-cart-inner .block-minicartpro .paypal.checkout {
    display: inline-block;
    margin: 7px auto 0
}

.footer-cart-inner .cart-trigger {
    position: absolute;
    bottom: 100%;
    background: #036;
    padding: 7px 15px;
    color: #fff;
    min-width: 100px;
    text-align: center;
    cursor: pointer
}

.footer-cart-inner .cart-trigger .flying-destination {
    position: absolute;
    top: 0;
    left: 0
}

.footer-cart-inner .cart-trigger .summary-count-label span:after {
    display: inline-block;
    font: normal normal 18px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f106';
    margin-left: 5px;
    line-height: 0.5;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.footer-cart-inner .minicart-items {
    width: auto;
    white-space: nowrap;
    margin: 0 -5px
}

.footer-cart-inner .minicart-items .product-image-wrapper {
    padding-bottom: 100% !important
}

.footer-cart-inner .minicart-items .product-image-photo {
    width: 100% !important;
    height: auto !important;
    position: absolute;
    max-height: none
}

.footer-cart-inner .minicart-items .product-item {
    width: 70px;
    float: none;
    display: inline-block;
    padding: 0;
    position: relative;
    margin: 0 5px
}

.footer-cart-inner .minicart-items .product-item .product-item-left {
    cursor: pointer
}

.footer-cart-inner .minicart-items .product-item .product-item-left .product-item-photo {
    position: relative
}

.footer-cart-inner .minicart-items .product-item .product-item-left .product-item-photo:before {
    cursor: pointer;
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 0;
    text-align: center;
    color: #fff;
    background: #282828;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 17px;
    height: 17px;
    display: inline-block;
    font: normal normal 11px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f040';
    z-index: 2;
    line-height: 17px
}

.footer-cart-inner .minicart-items .product-item .product-item-left .item-qty {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 5;
    background: #fc7070;
    color: #fff;
    display: block;
    border-radius: 100%;
    width: 17px;
    height: 17px;
    line-height: 18px;
    text-align: center;
    font-size: 85%
}

.footer-cart-inner .minicart-items .product-item .product-item-right {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    visibility: hidden;
    transition: all ease 400ms;
    background-color: #f8f8f8;
    opacity: 0;
    padding: 10px
}

.footer-cart-inner .minicart-items .product-item .product-item-right .item-qty {
    border-width: 1px;
    height: 30px;
    width: 41px
}

.footer-cart-inner .minicart-items .product-item .product-item-right .action {
    position: static;
    width: 19px;
    margin-top: 4px;
    float: left;
    margin-right: 1px
}

.footer-cart-inner .minicart-items .product-item.active .product-item-left {
    z-index: 101
}

.footer-cart-inner .minicart-items .product-item.active .product-item-right {
    visibility: visible;
    left: 100%;
    transition: all ease 400ms;
    opacity: 1;
    z-index: 100
}

.sidebar-minicart {
    position: fixed;
    right: 0;
    top: 0;
    background: #fff;
    height: 100%;
    width: 300px;
    max-width: 100%;
    z-index: 900;
    transform: translateX(100%);
    transition: transform ease 300ms;
    backface-visibility: hidden
}

.sidebar-minicart .sidebar-cart-inner .block-minicartpro {
    visibility: hidden
}

.sidebar-minicart.opened {
    transform: translateX(0);
    box-shadow: -2px 0px 10px rgba(230, 230, 230, 0.48);
    transition: transform ease 300ms;
    backface-visibility: hidden
}

.sidebar-minicart.opened .sidebar-cart-inner .block-minicartpro {
    visibility: visible
}

.sidebar-cart-inner {
    width: 100%;
    position: static
}

.sidebar-cart-inner .cart-trigger {
    position: absolute;
    width: 40px;
    height: 40px;
    color: #fff;
    border-color: #036;
    background: #036;
    left: -50px;
    top: 50%;
    cursor: pointer;
    font-size: 0;
    display: flex;
    display: -webkit-flex;
    align-items: center
}

.sidebar-cart-inner .cart-trigger:before {
    display: inline-block;
    font: normal normal 16px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f291';
    margin-left: auto;
    margin-right: auto
}

.ajaxcart-loading .sidebar-cart-inner .cart-trigger:before {
    display: inline-block;
    font: normal normal 16px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f021';
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.sidebar-cart-inner .cart-trigger .flying-destination {
    position: absolute;
    top: 50%;
    left: 0px;
    display: block
}

.sidebar-cart-inner .cart-trigger .summary-count-label {
    position: absolute;
    font-size: 11px;
    right: -7px;
    top: -10px;
    color: #fff;
    border-color: #036;
    background: #036;
    padding: 3px 5px;
    border: 2px solid #fff;
    border-radius: 100%;
    min-width: 24px;
    min-height: 24px;
    text-align: center
}

.sidebar-cart-inner .block-minicart .cart-total {
    position: fixed;
    width: 100%;
    bottom: 0;
    min-height: 110px;
    z-index: 1;
    max-width: 320px
}

.sidebar-cart-inner .block-minicart .minicart-items-wrapper {
    height: auto !important;
    max-height: calc(100vh - 160px)
}

.sidebar-minicart .cdz-backface {
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    right: 300px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    transition: 300ms;
    backface-visibility: hidden
}

.sidebar-minicart .cart-trigger {
    display: none
}

.sidebar-minicart.opened .cart-trigger {
    display: flex;
    display: -webkit-flex
}

.sidebar-minicart.opened .cdz-backface {
    z-index: 0;
    visibility: visible;
    opacity: 1;
    transition: 300ms;
    backface-visibility: hidden
}

@media (min-width:768px) and (max-width:1024px) {

    .cart-informed-modal .cart-items .minicart-items .product-item-details .product-info,
    .cart-informed-modal .cart-items .minicart-items .product-item-details .product-item-actions {
        width: 100%;
        text-align: inherit
    }

    .cart-informed-modal .cart-items .minicart-items .product-item-details .product-info .details-qty,
    .cart-informed-modal .cart-items .minicart-items .product-item-details .product-item-actions .details-qty {
        float: inherit
    }
}

@media only screen and (max-width: 767px) {
    .cart-informed-modal .section-top .newst-added-item {
        padding: 10px 0px
    }

    .cart-informed-modal .section-top .newst-added-item .minicart-items .product-item .product.flex-grid {
        display: block
    }

    .cart-informed-modal .section-top .newst-added-item .minicart-items .product-item .left-part {
        float: left
    }

    .cart-informed-modal .section-top .newst-added-item .minicart-items .product-item .product-item-details {
        padding: 0px;
        padding-left: 10px;
        overflow: hidden;
        box-sizing: border-box
    }

    .cart-informed-modal .section-top .newst-added-item .minicart-items .product-item .product-item-details .product-item-name {
        width: 100%;
        float: left
    }

    .cart-informed-modal .section-top .newst-added-item .minicart-items .product-item .product-item-details .product-item-pricing {
        float: left;
        width: 100%;
        text-align: left
    }
}

body.cdz-ajax-loading:not(.cdz-ajaxpost-proccessing) .cart-informed-modal .minicart-popup .ajaxcart-loader {
    display: block
}

body.cdz-ajax-loading:not(.cdz-ajaxpost-proccessing) .cart-informed-modal .minicart-popup .minicartpro-content-wrapper {
    display: none
}

.cdz-msg-container.fixed {
    position: fixed;
    top: 80px;
    right: 10px;
    z-index: 1000;
    width: 400px;
    max-width: 100%
}

.cdz-msg-container .message {
    box-shadow: 1px 1px 1px #ccc;
    font-size: 14px;
    border-radius: 5px
}

.cdz-msg-container .message.success {
    background: #f2f7b5
}

.cdz-msg-container .message a {
    text-decoration: none
}

.table-wrapper.comparison .table-comparison .product-reviews-summary {
    width: 100%;
    text-align: center
}

.table-wrapper.comparison .table-comparison .product-reviews-summary .rating-summary,
.table-wrapper.comparison .table-comparison .product-reviews-summary .reviews-actions {
    display: inline-block
}

.table-wrapper.comparison .table-comparison td:empty {
    padding: 0
}

.catalog-product_compare-index .action.print {
    font-size: 16px;
    width: 100%;
    margin-bottom: 30px;
    display: block
}

.catalog-product_compare-index .action.print:before {
    display: inline-block;
    font: normal normal 15px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f02f";
    margin-right: 7px
}

@media print {
    header.page-header {
        min-height: 0 !important
    }

    .table-wrapper table.table-comparison .product-item-name>a {
        font-weight: bold;
        text-decoration: none !important;
        font-size: 15px
    }

    .table-wrapper table.table-comparison td:empty {
        width: 0
    }

    .catalog-product_compare-index header.page-header,
    .catalog-product_compare-index footer.page-footer {
        display: none
    }
}

.cart.actions .action.towishlist {
    margin-right: 5px
}

.cdz-cart-validation-message .message {
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.cdz-cart-validation-message .message.success {
    display: none
}

.cart-container .cart.table-wrapper .item-options .price:after {
    content: '';
    display: table;
    margin-bottom: 5px
}

.minicart-items .product-item.disabling {
    background: url(../../../../codazon/themelayout/images/source.gif) no-repeat center center;
    background-size: 170px auto;
    position: relative
}

.minicart-items .product-item.disabling>.product {
    opacity: 0.2
}

.minicart-items .product-item .product-image-container {
    width: 100% !important
}

.opc-wrapper input[type="text"],
.opc-wrapper input[type="password"],
.opc-wrapper input[type="url"],
.opc-wrapper input[type="tel"],
.opc-wrapper input[type="search"],
.opc-wrapper input[type="number"],
.opc-wrapper input[type="datetime"],
.opc-wrapper input[type="email"] {
    border-width: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.opc-wrapper .fieldset>.field>.label {
    margin-bottom: 10px
}

.opc-wrapper .fieldset>.field {
    margin-bottom: 15px
}

.agreements-modal .modal-footer {
    padding-bottom: 15px;
    padding-top: 15px
}

.checkout-agreements-block .action-show {
    color: #282828
}

.checkout-agreements-block .action-show:hover {
    color: #036
}

.checkout-payment-method .checkout-billing-address .billing-address-details {
    line-height: 21px;
    font-style: italic
}

.billing-address-details .action-edit-address {
    margin-top: 10px
}

.bundle-actions .action.primary,
.bundle-options-container .block-bundle-summary .box-tocart .action.primary,
.product-info-main .box-tocart .action.tocart,
.product-options-bottom .box-tocart .action.tocart,
.cart-container .checkout-methods-items .action.primary,
.block-minicart .block-content>.actions>.primary .action.primary,
.methods-shipping .actions-toolbar .action.primary,
.block-authentication .action.action-register,
.block-authentication .action.action-login,
.checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary,
.form-address-edit .actions-toolbar .action.primary,
.multicheckout .action.primary {
    font-size: 16px;
    padding: 10px 15px
}

.page-layout-checkout .navigation,
.page-layout-checkout .breadcrumbs,
.page-layout-checkout .page-header .header.panel,
.page-layout-checkout .header.content,
.page-layout-checkout .footer.content,
.page-layout-checkout .page-wrapper>.widget,
.page-layout-checkout .page-wrapper>.page-bottom,
.page-layout-checkout .block.category.event,
.page-layout-checkout .top-container,
.page-layout-checkout .page-main {
    max-width: 1400px
}

.checkout-index-index {
    padding: 0
}

.checkout-index-index .page-main {
    max-width: 1400px;
    margin-inline: auto
}

.checkout-index-index .header.content {
    padding: 0
}

.checkout-index-index .page-header:not(.header-style-01) {
    margin-bottom: 0
}

@media (min-width:768px) {
    .checkout-index-index .page-header:not(.header-style-01) {
        border-bottom: 1px solid #e9eaec
    }
}

.checkout-index-index.display-social-buttons .page-wrapper .authentication-wrapper {
    margin-top: -170px
}

@media only screen and (max-width: 767px) {
    .checkout-index-index.display-social-buttons .page-wrapper .authentication-wrapper {
        margin: 0 0 20px
    }
}

.checkout-index-index .page-wrapper .page-header .header.content {
    padding: 30px 20px !important
}

.checkout-index-index .page-wrapper .opc-wrapper .opc {
    border: 1px solid #e9eaec;
    padding: 20px;
    background: #fff
}

.checkout-index-index .page-wrapper .opc-block-summary {
    border: 1px solid #e9eaec;
    background: #fff
}

.checkout-index-index .page-wrapper .opc-block-shipping-information {
    padding: 22px 30px
}

.checkout-index-index .page-wrapper .opc-block-shipping-information .shipping-information {
    padding: 22px 30px;
    margin: -22px -30px;
    border: 1px solid #e9eaec;
    background: #fff
}

.checkout-index-index .page-wrapper .opc-sidebar {
    margin-top: 0
}

.checkout-index-index .page-wrapper .authentication-wrapper {
    margin-top: -100px
}

@media only screen and (max-width: 767px) {
    .checkout-index-index .page-wrapper .authentication-wrapper {
        margin: 0 0 20px
    }
}

.checkout-index-index .page-wrapper .action-auth-toggle,
.checkout-index-index .page-wrapper .action-auth-toggle:hover {
    padding: 7px 15px;
    border-radius: 5px
}

.checkout-index-index .page-wrapper .page-main:not(.page-main-full)>div {
    width: auto
}

.checkout-index-index .page-wrapper .opc-progress-bar {
    text-align: center;
    clear: both
}

.checkout-index-index .page-wrapper .opc-progress-bar-item>span .opc-block-summary {
    background: #f9f9f9;
    padding: 20px
}

.checkout-index-index .page-wrapper .opc-progress-bar-item>span .opc-block-summary>.title {
    text-transform: uppercase;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.checkout-index-index .page-wrapper .opc-progress-bar-item>span .opc-block-summary .items-in-cart>.title {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    border-color: #e9eaec
}

.checkout-index-index .page-wrapper .opc-progress-bar-item>span .opc-block-summary .items-in-cart>.title strong {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.checkout-index-index .page-wrapper .opc-progress-bar-item>span .opc-block-summary .minicart-items .product-item .product-item-details {
    padding-left: 88px
}

.checkout-index-index .page-wrapper .opc-progress-bar-item>span {
    font-size: 16px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .checkout-index-index .page-wrapper .opc-progress-bar-item>span {
        font-size: 12px
    }
}

.checkout-index-index .page-wrapper .opc-progress-bar-item>span:after {
    color: #999;
    font-size: 18px
}

.checkout-index-index .page-wrapper .opc-progress-bar-item._active:before,
.checkout-index-index .page-wrapper .opc-progress-bar-item._active>span:before {
    background: #036
}

.checkout-index-index .page-wrapper .opc-progress-bar-item._active>span:after {
    font-size: 2rem
}

.checkout-index-index .page-wrapper .opc-wrapper {
    width: 66.66666667%
}

.checkout-index-index .page-wrapper .checkout-payment-method .payment-method-content {
    padding-left: 0
}

@media only screen and (max-width: 767px) {
    .checkout-index-index .page-wrapper .opc-wrapper {
        width: 100%
    }
}

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

.checkout-container .modal-custom .action-close {
    margin: 5px
}

.checkout-container .block-authentication .block-title {
    display: none
}

.checkout-container .block-authentication .actions-toolbar>.primary {
    clear: both;
    width: 100%
}

.checkout-container .block-authentication .actions-toolbar>.primary .action {
    width: 100%;
    padding: 7px 15px;
    color: #fff;
    border-color: #000;
    background: #000;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.checkout-container .block-authentication .actions-toolbar>.primary .action:hover {
    color: #fff;
    border-color: #036;
    background: #036;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.checkout-container .block-authentication .actions-toolbar>.secondary {
    width: 100%;
    text-align: center;
    margin-right: 0
}

.checkout-container .methods-shipping .actions-toolbar .action.primary {
    padding: 10px 40px
}

.opc-wrapper .step-title,
.opc-block-shipping-information .shipping-information-title,
.opc-block-summary>.title,
.checkout-agreements-items .checkout-agreements-item-title {
    text-transform: uppercase;
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    border-color: #e9eaec;
    font-weight: 600
}

.checkout-payment-method .payment-option-title .action-toggle {
    color: #282828
}

@media only screen and (min-width: 768px) {
    .checkout-shipping-method .actions-toolbar>.primary {
        float: left
    }
}

.opc-sidebar .minicart-items .product>.product-image-container {
    width: 50px !important;
    height: auto !important;
    display: inline-block
}

.opc-sidebar .minicart-items .product-item .product-item-details {
    display: inline-block;
    width: calc(100% - 50px)
}

.opc-sidebar .opc-block-summary .items-in-cart>.title {
    border-color: #e9eaec
}

@media only screen and (max-width: 767px) {
    .payment-method-billing-address {
        padding: 15px
    }

    .opc-block-summary {
        padding: 15px 10px
    }

    .opc-block-summary .product-item {
        border-top: 1px solid #e9eaec !important
    }

    .opc-block-summary .product-item:first-child {
        border-top: 0 !important
    }

    .opc-block-summary .product-item .product-item-name {
        white-space: normal
    }

    .opc-block-summary .product-item .subtotal,
    .opc-block-summary .product-item .product-item-name-block {
        text-align: left;
        display: block;
        padding: 0
    }

    .opc-block-summary .product-item .price {
        font-size: 14px;
        font-weight: 600
    }
}

.opc-block-shipping-information .shipping-information-title .action-edit:before {
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f040'
}

.checkout-success {
    text-align: center;
    font-size: 18px
}

.checkout-success .success-title {
    font-size: 48px;
    color: #fc7070;
    padding-top: 60px
}

.checkout-success .success-title span {
    display: inline-block;
    clear: both;
    margin-bottom: 0;
    vertical-align: top
}

.checkout-success .success-title span.success-title-icon {
    font-size: 0;
    width: 95px;
    height: 95px;
    line-height: 95px;
    text-align: center;
    border-radius: 100%;
    border: 2px solid #fc7070
}

.checkout-success .success-title span.success-title-icon:before {
    display: inline-block;
    font: normal normal 48px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f00c';
    line-height: 95px
}

.checkout-success p {
    margin-bottom: 1.5rem
}

.checkout-success .order-id {
    color: #fc7070
}

.checkout-success .order-id:active,
.checkout-success .order-id:focus,
.checkout-success .order-id:visited {
    color: #fc7070
}

.checkout-success .order-id:hover {
    color: #fc7070
}

.checkout-success .order-id:hover {
    text-decoration: underline
}

.checkout-success .success-bottom {
    font-size: 14px;
    padding-top: 60px;
    padding-bottom: 60px
}

.checkout-success div.primary {
    padding-top: 15px
}

.checkout-onepage-success #registration {
    text-align: center
}

.checkout-onepage-success .checkout-success .actions-toolbar {
    display: flex;
    justify-content: center
}

.checkout-index-index .footer-minicart {
    display: none
}

body.page-layout-1column.checkout-index-index .page-header .header.panel {
    max-width: none
}

body.page-layout-1column.checkout-index-index .checkout-container>.authentication-wrapper {
    display: none
}

@media only screen and (max-width: 767px) {
    body.page-layout-1column.checkout-index-index .nav-sections {
        display: block !important
    }

    body.page-layout-1column.checkout-index-index .nav-toggle {
        display: inline-block !important
    }

    body.page-layout-1column.checkout-index-index .page-header .logo {
        margin-top: 12px
    }
}

.opc-block-summary .actions-toolbar .secondary {
    float: none
}

.payment-method-braintree .hosted-control {
    height: 48px;
    border-color: #e9eaec
}

.cdz-opc-wrapper {
    --opc_bg: #fff;
    --opc_bd: #fafafa;
    --op_text: #999;
    --opc_title_bg: #036;
    --opc_title_text: #fff;
    --opc_title_bd: #036;
    --opc_bdr: var(--opc_bdr);
    --opc_btn_pd: 7px 25px;
    --opc_btn_bdr: 4px
}

.table:not(.cart):not(.totals)>thead>tr>th,
.table:not(.cart):not(.totals)>thead>tr>td {
    border-bottom-color: #e9eaec
}

.account .column.main {
    margin-bottom: 25px
}

.account .fieldset .legend {
    border-bottom: 1px solid #282828
}

.account .secondary .action.back {
    color: #fff;
    border-color: #036;
    background: #036;
    font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.account .secondary .action.back:focus,
.account .secondary .action.back:active,
.account .secondary .action.back:hover {
    color: #fff;
    border-color: #000;
    background: #000
}

.account .secondary .action.back:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f112';
    margin-right: 5px
}

.account .sidebar-additional {
    margin-top: 0
}

.account-nav .content {
    background: transparent
}

.account-nav .content .item {
    margin: 0;
    border-top: 1px dashed #e9eaec
}

.account-nav .content .item:first-child {
    border-color: transparent
}

.account-nav .content .item a,
.account-nav .content .item>strong {
    border: 0;
    padding: 13px 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #999
}

.account-nav .content .item.current strong {
    color: #036;
    font-weight: 600
}

.account-nav .content .item:hover a {
    transform: translateX(10px);
    background: transparent;
    font-weight: 600;
    color: #036
}

@media only screen and (max-width: 767px) {
    .account .page-title-wrapper {
        padding-right: 50px
    }

    .account-nav {
        margin-bottom: 0
    }

    .block.account-nav .title {
        clip: inherit;
        width: auto;
        margin: 0;
        position: absolute;
        height: auto;
        right: 0;
        top: -40px;
        text-align: center;
        border: 1px solid;
        color: #fff;
        border-color: #036;
        background: #036;
        font: 600 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        transition: all 500ms ease;
        backface-visibility: hidden
    }

    .block.account-nav .title:focus,
    .block.account-nav .title:active,
    .block.account-nav .title:hover {
        color: #fff;
        border-color: #000;
        background: #000
    }

    .block.account-nav .title strong {
        font-size: 0;
        height: 35px;
        width: 35px;
        line-height: 35px;
        display: block;
        margin: 0
    }

    .block.account-nav .title strong:before {
        display: inline-block;
        font: normal normal normal 16px/1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e9b1';
        speak: none;
        line-height: 35px
    }

    .block.account-nav .content {
        margin-bottom: 0;
        height: 0;
        visibility: hidden;
        overflow: hidden;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 500ms ease;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
        backface-visibility: hidden;
        transform: translateY(20px)
    }

    .block.account-nav.active .content {
        margin-bottom: 20px;
        height: inherit;
        opacity: 1;
        filter: alpha(opacity=100);
        transform: translateY(0);
        visibility: inherit
    }
}

.account .column.main .block:not(.widget).block-reviews-dashboard .block-title>strong,
.account .column.main .block:not(.widget).block-dashboard-orders .block-title>strong,
.account .column.main .block:not(.widget).block-dashboard-info .block-title>strong,
.account .column.main .block:not(.widget).block-dashboard-addresses .block-title>strong {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.account .column.main .block:not(.widget).block-reviews-dashboard .block-content .box .box-title,
.account .column.main .block:not(.widget).block-dashboard-orders .block-content .box .box-title,
.account .column.main .block:not(.widget).block-dashboard-info .block-content .box .box-title,
.account .column.main .block:not(.widget).block-dashboard-addresses .block-content .box .box-title {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 10px
}

.account .column.main .block:not(.widget).block-reviews-dashboard .block-content .box .box-title span,
.account .column.main .block:not(.widget).block-dashboard-orders .block-content .box .box-title span,
.account .column.main .block:not(.widget).block-dashboard-info .block-content .box .box-title span,
.account .column.main .block:not(.widget).block-dashboard-addresses .block-content .box .box-title span {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828
}

.account .column.main .block:not(.widget).block-reviews-dashboard .block-content .box .box-content,
.account .column.main .block:not(.widget).block-dashboard-orders .block-content .box .box-content,
.account .column.main .block:not(.widget).block-dashboard-info .block-content .box .box-content,
.account .column.main .block:not(.widget).block-dashboard-addresses .block-content .box .box-content {
    margin-bottom: 20px
}

.account .column.main .block:not(.widget),
.account .order-details-items {
    margin-bottom: 2rem;
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.account .order-links {
    border-bottom: none;
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.account .order-links:has(.item:only-child) {
    display: none
}

.account .order-links .item {
    margin: 0;
    display: block
}

.account .order-links .item>:where(a, strong) {
    padding: 9px 20px;
    background: #fff;
    display: block;
    color: #999;
    box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.15);
    text-transform: uppercase;
    border-radius: 3px;
    border: 1px solid transparent
}

.account .order-links .item.current>:where(a, strong) {
    background: #036;
    color: #fff;
    cursor: default;
    border-color: #036
}

.account .column.main .block:not(.widget) .block-title {
    color: #282828;
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #e9eaec;
    padding-bottom: 10px
}

.account .column.main .block:not(.widget) .block-title .action.edit,
.account .column.main .block:not(.widget) .block-title .action.view {
    float: right;
    padding: 4px 10px;
    font: 400 14px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    background: #036;
    color: #fff;
    border-radius: 4px;
    transition: all 500ms ease;
    backface-visibility: hidden
}

.account .column.main .block:not(.widget) .block-title .action.edit:after,
.account .column.main .block:not(.widget) .block-title .action.view:after {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e';
    margin-left: 5px
}

.account .column.main .block:not(.widget) .block-title .action.edit:hover,
.account .column.main .block:not(.widget) .block-title .action.view:hover {
    opacity: .7;
    text-decoration: none
}

.account .column.main .block:not(.widget) .box-title>span {
    color: #282828;
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.account .column.main .block:not(.widget) .block-content .box-actions .action.change-password,
.account .column.main .block:not(.widget) .block-content .box-actions .action.edit {
    text-transform: uppercase
}

.account .column.main .block:not(.widget) .block-content .box-actions .action.change-password:before,
.account .column.main .block:not(.widget) .block-content .box-actions .action.edit:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f044';
    margin-right: 3px
}

.account .column.main .block:not(.widget) .block-content .box-actions .action.edit {
    margin-right: 10px
}

.account .column.main .block:not(.widget) .block-content .items .item {
    margin-top: 10px
}

.account .column.main .block:not(.widget) .block-content .items .item:first-child {
    margin-top: 0
}

.account .column.main .block:not(.widget) .block-content .items .item .product-name {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.account .form.form-edit-account,
.account form.form-newsletter-manage {
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px
}

.account .form.form-edit-account .fieldset .legend,
.account form.form-newsletter-manage .fieldset .legend {
    color: #282828;
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    border-bottom: 1px solid #e9eaec;
    padding-bottom: 10px;
    margin: 0 0 20px;
    width: 100%
}

.account .form.form-edit-account .fieldset-fullname>.fields,
.account form.form-newsletter-manage .fieldset-fullname>.fields {
    margin: 0 -10px
}

.account .form.form-edit-account .fieldset-fullname>.fields>.field,
.account form.form-newsletter-manage .fieldset-fullname>.fields>.field {
    width: 50%;
    float: left;
    padding: 0 10px
}

.account .form.form-edit-account .fieldset>.field,
.account form.form-newsletter-manage .fieldset>.field {
    margin-bottom: 10px
}

.account .form.form-edit-account .fieldset>.field.choice:before,
.account form.form-newsletter-manage .fieldset>.field.choice:before,
.account .form.form-edit-account .fieldset>.field.no-label:before,
.account form.form-newsletter-manage .fieldset>.field.no-label:before {
    display: none
}

.account .table-wrapper.orders-history,
.account .table-wrapper.reviews {
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.account .account-billing-agreements {
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.order-details-items,
.order-details-items .table-order-items tbody+tbody {
    border-color: #e9eaec
}

@media only screen and (min-width: 768px) {
    .actions-toolbar .secondary a.action {
        margin-top: 0
    }
}

.account .products-grid.wishlist {
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px
}

.account .products-grid.wishlist .product-item {
    display: inline-block
}

.account .products-grid.wishlist .box-tocart>.fieldset {
    display: table
}

.account .products-grid.wishlist .product-item {
    padding: 0 10px
}

.account .products-grid.wishlist .product-item .product-item-photo {
    border: 1px solid #e9eaec
}

.account .products-grid.wishlist .product-item .product-item-info {
    position: relative
}

.account .products-grid.wishlist .product-item .fieldset .field.qty {
    display: table-cell
}

.account .products-grid.wishlist .product-item .fieldset .field.qty label {
    padding-top: 0;
    padding-right: 10px;
    line-height: 32px
}

.account .products-grid.wishlist .product-item .product-item-actions {
    display: table-cell;
    vertical-align: bottom;
    width: 100%;
    white-space: normal
}

.account .products-grid.wishlist .product-item .price-box>p {
    margin-bottom: 5px
}

.account .products-grid.wishlist .product-item .box-tocart input.qty {
    width: 40px;
    border: 1px solid #e9eaec
}

.account .products-grid.wishlist .product-item-inner>.product-item-actions .action {
    position: absolute;
    top: 5px;
    left: 5px;
    background: #036;
    border: 1px solid #036;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 10px;
    font-size: 0;
    padding: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    z-index: 1
}

.account .products-grid.wishlist .product-item-inner>.product-item-actions .action.edit:before,
.account .products-grid.wishlist .product-item-inner>.product-item-actions .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
}

.account .products-grid.wishlist .product-item-inner>.product-item-actions .action.edit:hover,
.account .products-grid.wishlist .product-item-inner>.product-item-actions .action.delete:hover {
    background: #ffffff;
    color: #036
}

.account .products-grid.wishlist .product-item-inner>.product-item-actions .action.edit:hover:before,
.account .products-grid.wishlist .product-item-inner>.product-item-actions .action.delete:hover:before {
    color: #036
}

.account .products-grid.wishlist .product-item-inner>.product-item-actions .action.edit {
    top: 25px
}

.account .products-grid.wishlist .product-item-inner>.product-item-actions .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
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .account .products-grid.wishlist .product-item {
        width: 230px
    }
}

@media only screen and (max-width: 767px) {
    .account .page.messages {
        margin-bottom: 10px
    }

    .account .columns .sidebar-main {
        order: 0;
        position: relative
    }

    .account .column.main .block:not(.widget) .block-title .action.edit,
    .account .column.main .block:not(.widget) .block-title .action.view {
        font-size: 0
    }

    .account .order-links {
        margin-top: 30px
    }

    .account .order-links .item>:where(a, strong) {
        text-transform: none;
        padding-inline: 10px
    }

    .account .products-grid.wishlist {
        margin: 0 0 20px
    }

    .account .products-grid.wishlist .product-item {
        padding: 15px 0;
        border-bottom: 0;
        border-top: 1px solid #e9eaec
    }

    .account .products-grid.wishlist .product-item:first-child {
        border-top: 0;
        padding-top: 0
    }

    .account .products-grid.wishlist .product-item .product-item-info {
        padding: 0
    }

    .account .products-grid.wishlist .product-item .fieldset .field.qty {
        display: inline-block;
        vertical-align: top;
        width: auto;
        margin-bottom: 0
    }

    .account .products-grid.wishlist .product-item .fieldset .field.qty .control {
        display: inline-block
    }

    .account .products-grid.wishlist .box-tocart {
        margin: 0;
        width: 100%
    }

    .account .products-grid.wishlist .box-tocart>.fieldset {
        text-align: left
    }

    .account .products-grid.wishlist .box-tocart>.fieldset .product-item-actions {
        display: inline-block !important;
        vertical-align: top;
        margin: 2px 10px;
        width: auto;
        float: none
    }

    .account .products-grid.wishlist .product-item-inner {
        position: static;
        margin: 0
    }
}

.account .form-address-edit {
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.table-wrapper.comparison {
    padding: 20px;
    border: 1px solid #e9eaec;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    padding: 0
}

.table-wrapper.comparison .table-comparison .cell.label {
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    color: #282828;
    border-color: #f3f3f3
}

.table-wrapper.comparison .table-comparison .cell.attribute {
    font-size: 14px
}

.table-wrapper.comparison .table-comparison .cell.remove {
    padding: 10px;
    border: 0
}

.table-wrapper.comparison .table-comparison .cell.remove .action.delete:before {
    display: inline-block;
    font: normal normal normal 12px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e977';
    speak: none;
    width: 25px
}

.table-wrapper.comparison .table-comparison tr {
    border-bottom: 1px solid #f3f3f3
}

.table-wrapper.comparison .table-comparison tr>td:nth-child(2n) {
    background: rgba(230, 230, 230, 0.5)
}

.table-wrapper.comparison .table-comparison .cell.product.info {
    text-align: center;
    border-color: #f3f3f3
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .actions-primary,
.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .actions-secondary {
    display: inline-block;
    width: auto;
    float: left
}

.table-wrapper.comparison .table-comparison .cell.product.info .price-box .old-price {
    float: none;
    margin-left: 10px
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions {
    display: inline-block;
    background: #036;
    border-radius: 4px;
    padding: 3px;
    margin: 10px auto
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .actions-secondary {
    border-radius: 4px;
    padding: 0;
    background: #fff;
    margin: 0
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .actions-secondary a,
.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .actions-secondary:hover {
    color: #036
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .actions-secondary>.action.towishlist:after {
    line-height: 30px
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .tocart.primary {
    padding: 7px 15px;
    height: 30px;
    border: 0
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .tocart.primary:before,
.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .tocart.primary:after {
    display: none
}

.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .tocart.primary:active,
.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .tocart.primary:focus,
.table-wrapper.comparison .table-comparison .cell.product.info .product-item-actions .tocart.primary:hover {
    color: #fff;
    border-color: #036;
    background: #036
}

.table-wrapper.comparison .table-comparison .price-box {
    margin: 5px 0
}

.table-wrapper.comparison .table-comparison .product-reviews-summary {
    display: inline-block;
    margin: 5px 0
}

.table-wrapper.comparison .table-comparison .product-item-name {
    margin: 5px 0
}

table.cfl {
    border: 1px solid #ddd
}

table.cfl tr {
    border-color: #dddddd !important
}

body.catalog-product-compare-index .action.print:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f02f';
    margin-right: 3px
}

.login-container .fieldset:after {
    font-size: inherit
}

.account-nav .item .delimiter {
    border: none;
    margin: 0;
    margin-bottom: -1px;
    margin-top: -1px
}

.account .page-title-wrapper .order-status {
    display: inline-block;
    font-size: 16px;
    border: 1px solid #000;
    padding: 1px 10px;
    border-radius: 6px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 30px
}

.account .page-title-wrapper .order-date:before {
    display: inline-block;
    font: normal normal 12px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f073";
    margin-right: 5px
}

.account .page-title-wrapper .order-actions-toolbar .action.order,
.account .page-title-wrapper .order-actions-toolbar .action.print {
    float: left
}

@media only screen and (max-width: 767px) {
    .account .columns {
        width: 100%
    }

    .sidebar .block.account-nav {
        margin-top: 5px;
        position: relative
    }

    .sidebar .block.account-nav .title {
        padding: 0 0;
        position: absolute;
        min-width: 0;
        border-bottom-width: 1px;
        border-color: #036;
        border-radius: 5px
    }

    .sidebar .block .content.account-nav-content {
        padding: 0 20px
    }

    .sidebar .content.account-nav-content.active {
        visibility: visible;
        opacity: 1;
        height: auto;
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 768px) {
    .sidebar>.account-nav>.title.account-nav-title {
        display: none
    }
}

.field.choice.persistent {
    margin: 10px 0px 10px 0px;
    display: inline-block;
    width: 100%
}

.field.choice.persistent .label.mdl-switch {
    display: inline-block;
    float: left;
    width: auto
}

.field.choice.persistent .tooltip.wrapper {
    display: inline-block;
    margin-top: 3px;
    float: right
}

body:not(.rtl-layout) .cdz-sidebar .persistent .tooltip.wrapper .tooltip.content {
    right: 0;
    left: auto
}

body:not(.rtl-layout) .cdz-sidebar .persistent .tooltip.wrapper .tooltip.content:before,
body:not(.rtl-layout) .cdz-sidebar .persistent .tooltip.wrapper .tooltip.content:after {
    right: 15px;
    left: auto
}

.cdz-sidebar .g-recaptcha {
    width: 100%
}

.cdz-sidebar .g-recaptcha>* {
    width: 100% !important
}

.cdz-sidebar .g-recaptcha iframe {
    width: 100%
}

.cdz-popup-area .g-recaptcha {
    display: flex;
    justify-content: center;
    margin: 20px 0
}

.acount-menu .account-menu-items li.language-link .switcher-dropdown .switcher-option {
    overflow: hidden
}

.account-social-login .actions-toolbar {
    margin: 0 5px 10px 5px
}

.md-content .social-btn .btn-social {
    font-size: 12px
}

.account-info-summary .info-summary-top .account-social-login,
.mini-list .account-social-login {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.account-info-summary .info-summary-top .account-social-login .block-content,
.mini-list .account-social-login .block-content {
    margin-top: 0 !important;
    padding: 0 !important
}

.account-info-summary .info-summary-top .account-social-login .btn-social>:first-child,
.mini-list .account-social-login .btn-social>:first-child {
    background-position: 0
}

.account-info-summary .info-summary-top .account-social-login .actions-toolbar,
.mini-list .account-social-login .actions-toolbar {
    display: block;
    margin: 0 auto 10px auto
}

.account-social-login a,
.page-header .header-top .account-social-login a,
.page-header .account-wrapper .account-social-login a,
.account-social-login a:hover,
.page-header .header-top .account-social-login a:hover,
.page-header .account-wrapper .account-social-login a:hover {
    color: #fff !important;
    text-transform: none;
    font-weight: normal
}

.cdz-popup-content .account-info-summary .info-summary-top .account-social-login {
    margin-top: 20px
}

body.customer-account-login .login-container .block .fieldset:after {
    display: none
}

body.customer-account-login .login-container .block .actions-toolbar .secondary a.action {
    float: none
}

.page-wrapper form.form-wishlist-items .actions-toolbar {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%
}

.wishlist-toolbar.toolbar {
    display: none
}

#form-tmpl+.wishlist-toolbar.toolbar {
    display: block;
    width: 100%
}

#form-tmpl+.wishlist-toolbar.toolbar br {
    display: none
}

#form-tmpl+.wishlist-toolbar.toolbar .pager .pages,
#form-tmpl+.wishlist-toolbar.toolbar .pager .toolbar-amount {
    display: block
}

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

    .account .wishlist-toolbar.toolbar .limiter,
    .account .wishlist-toolbar.toolbar .pages {
        margin-bottom: 0
    }
}

.block-reorder .actions-toolbar {
    display: inline-block;
    width: 100%
}

.popup-authentication .block-authentication {
    border: none
}

.block-authentication .block-title strong {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828
}

.block-authentication .block[class] ul {
    list-style: inside;
    padding: 0px
}

.block-authentication .actions-toolbar {
    margin-top: auto !important
}

.block-authentication .actions-toolbar>.primary .action {
    border-radius: 4px;
    border-width: 1px
}

.block-authentication .form-login .fieldset {
    margin-bottom: 0
}

.block-authentication .form-login .actions-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.block-authentication .form-login .actions-toolbar>.primary,
.block-authentication .form-login .actions-toolbar>.secondary {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    float: none;
    order: 2;
    white-space: nowrap
}

.block-authentication .form-login .actions-toolbar>.secondary {
    order: 1;
    width: 100%
}

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

@media print {

    body.page-print .order-status,
    body.page-print .mb-bottom-toolbar,
    body.page-print .actions-toolbar {
        display: none !important
    }

    body.page-print .box-order-shipping-address,
    body.page-print .box-order-shipping-method,
    body.page-print .box-order-billing-address,
    body.page-print .box-order-billing-method {
        display: inline-block;
        vertical-align: top
    }

    body.page-print .box-order-shipping-address,
    body.page-print .box-order-billing-address {
        width: 50%
    }

    body.page-print a:link,
    body.page-print a:visited,
    body.page-print a {
        text-decoration: none !important
    }

    body.page-print a:link:after,
    body.page-print a:visited:after,
    body.page-print a:after {
        display: none
    }

    body.page-print a.logo {
        margin-left: 0;
        background: black
    }

    body.page-print a.logo:after {
        display: none
    }

    body.page-print img {
        page-break-inside: avoid;
        page-break-after: avoid
    }

    body.page-print .logo .main-logo {
        display: block !important;
        margin-left: 10px
    }

    body.page-print .logo .small-logo {
        display: none !important
    }

    body.page-print .page-break {
        display: block;
        page-break-before: always
    }

    body.page-print .entry a:after {
        content: "Thank for your order" !important
    }
}

@media only screen and (min-width: 768px) {
    body.page-print .logo {
        padding-left: 25px;
        display: block
    }
}

@media only screen and (max-width: 767px) {
    body.page-print .page-main {
        padding-top: 0
    }

    body.page-print .nav-toggle {
        display: none
    }

    body.page-print .logo {
        background: #036;
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 0 0 15px;
        padding: 10px
    }

    body.page-print .logo img.small-logo {
        display: inline-block !important
    }
}

.enhanced-privacy-cookie-policy {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 100
}

.enhanced-privacy-popup .popup.content {
    width: 100%;
    padding: 5px 0
}

.enhanced-privacy-popup {
    background: #fff;
    color: #666
}

.enhanced-privacy-popup .close {
    border: none;
    position: absolute;
    right: 10px;
    top: 3px;
    padding: 0;
    background: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #282828;
    font-weight: normal
}

.enhanced-privacy-popup .close:after {
    content: "\00d7";
    font-size: 30px;
    line-height: 30px;
    font-family: serif;
    background: none
}

.enhanced-privacy-popup .actions-toolbar {
    display: flex;
    align-items: center
}

.enhanced-privacy-popup .actions-toolbar a {
    color: #282828
}

.enhanced-privacy-popup .actions-toolbar button.action {
    padding: 5px 15px
}

.enhanced-privacy-popup .secondary {
    margin-right: 15px;
    text-align: left
}

.enhanced-privacy-popup .block-title {
    margin-bottom: 5px;
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #282828
}

.enhanced-privacy-popup .block-content-inner {
    padding-right: 15px
}

@media only screen and (min-width: 768px) {
    .enhanced-privacy-cookie-policy {
        left: auto;
        right: 95px;
        bottom: 0px;
        width: 450px;
        max-width: 100%
    }

    .enhanced-privacy-cookie-policy .container {
        width: 100%
    }

    .enhanced-privacy-popup {
        border-radius: 10px 10px 0 0;
        border-left: 6px solid #036;
        box-shadow: #212121 0px 2px 5px 0px;
        padding: 0 0 0 5px
    }

    .block-content,
    .block-content .action {
        font-size: 13px
    }

    .secondary a.action {
        border-bottom: 1px solid
    }
}

@media only screen and (max-width: 767px) {
    .enhanced-privacy-cookie-policy {
        z-index: 801
    }

    .enhanced-privacy-popup {
        border-bottom: 8px solid #036;
        box-shadow: 0px 0px 7px 0px #989393
    }

    .enhanced-privacy-popup .block-content {
        flex-direction: column
    }

    .enhanced-privacy-popup .block-content-inner {
        padding-right: 0px
    }

    .enhanced-privacy-popup .block-title {
        font-size: 15px;
        display: inline
    }

    .enhanced-privacy-popup .notification-text {
        display: inline
    }

    .enhanced-privacy-popup .popup.content {
        padding: 5px 10px
    }

    .enhanced-privacy-popup .close {
        bottom: 14px;
        top: auto
    }
}

@media only screen and (max-width: 767px) {
    .page-main {
        padding-left: 0;
        padding-right: 0
    }

    .secondary .action.back {
        display: block
    }

    .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr :where(td[data-th], th[data-th]):before {
        padding-inline: 0 10px;
        color: inherit !important
    }

    .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td[class] {
        text-align: start
    }
}

:root {
    --bd-col-main-width: 70%;
    --bd-col-side-width: 30%;
    --bd-col-pd: 20px
}

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

    .account.page-layout-2columns-left .sidebar-main,
    .account.page-layout-2columns-left .sidebar-additional,
    .columns .sidebar-main,
    .columns .sidebar-additional {
        padding-inline: 0px var(--bd-col-pd)
    }

    .page-layout-3columns .columns .sidebar-additional {
        padding-inline: var(--bd-col-pd) 0
    }

    .page-layout-2columns-right .sidebar-additional,
    .page-layout-2columns-right .sidebar-main {
        padding-inline: var(--bd-col-pd) 0px
    }

    .sidebar-additional {
        padding-inline: 0px var(--bd-col-pd)
    }
}

@media (min-width:769px) {
    .page-layout-3columns .page-main>.columns {
        display: flex;
        flex-wrap: nowrap
    }

    .page-layout-3columns .columns .column.main {
        order: 2;
        flex: 0 0 50%;
        max-width: 50%
    }

    .page-layout-3columns .columns .sidebar-main {
        order: 1;
        flex: 0 0 25%;
        max-width: 25%
    }

    .page-layout-3columns .columns .sidebar-additional {
        order: 3;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:768px) and (max-width:1024px) {

    .account.page-layout-2columns-left .column.main,
    .page-layout-2columns-left .column.main,
    .page-layout-2columns-right .column.main {
        width: var(--bd-col-main-width)
    }

    .page-layout-3columns .column.main {
        width: 40%
    }

    .page-layout-3columns .sidebar-additional,
    .account.page-layout-2columns-left .sidebar-additional,
    .page-layout-2columns-left .sidebar-additional,
    .page-layout-2columns-right .sidebar-additional,
    .page-layout-3columns .sidebar-main,
    .account.page-layout-2columns-left .sidebar-main,
    .page-layout-2columns-left .sidebar-main,
    .page-layout-2columns-right .sidebar-main {
        width: var(--bd-col-side-width)
    }
}

@media (min-width:768px) and (max-width:768px) {
    :root {
        --bd-col-pd: 0px;
        --bd-col-main-width: 100%;
        --bd-col-side-width: 100%
    }
}

.modal-popup.confirm .modal-footer {
    text-align: start;
    padding-top: 0 !important;
    border-top: 0
}

.modal-popup.confirm .modal-content {
    padding-bottom: 2rem;
    text-align: start;
    padding-top: 10px
}

.block.newsletter {
    max-width: none
}

.product-list-style-35 .trigger-wrap {
    text-align: center
}

.product-list-style-35 .product-item {
    position: relative;
    padding: 0px;
    margin-bottom: 30px;
    border: 1px solid #fafafa;
    border-radius: 5px
}

.product-list-style-35 .product-item .product-item-info {
    transition: .6s;
    box-shadow: 0 3px 4px 0 rgba(35, 35, 35, 0.1), 0 0 1px 0 rgba(10, 31, 68, 0.08)
}

.product-list-style-35 .product-item:hover .product-item-info {
    box-shadow: 0px 6px 4px #ccc
}

.product-list-style-35 .product-item-top {
    position: relative;
    margin-bottom: 0
}

.product-list-style-35 .product-image-photo {
    transition: 1s
}

.product-list-style-35 .product-image-photo.main-img {
    visibility: visible;
    opacity: 1
}

.product-list-style-35 .product-image-photo.hovered-img {
    visibility: hidden;
    opacity: 0
}

body:not(.product-disable-hover-img) .product-list-style-35 .product-item:hover .product-image-photo.main-img {
    visibility: hidden;
    opacity: 0
}

body:not(.product-disable-hover-img) .product-list-style-35 .product-item:hover .product-image-photo.hovered-img {
    visibility: visible;
    opacity: 1
}

.product-list-style-35 .cdz-product-labels {
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
    text-align: left
}

.product-list-style-35 .cdz-product-labels .label-item {
    text-transform: none;
    border-radius: 0;
    font-weight: normal
}

.product-list-style-35 .rating-summary .rating-result:before {
    content: '\f006' '\f006' '\f006' '\f006' '\f006';
    color: #036
}

.product-list-style-35 .rating-summary .rating-result>span:before {
    color: #036
}

.product-list-style-35 .button-hover-wrap {
    position: absolute;
    left: auto;
    right: 10px;
    top: 10px;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: .6s;
    transform: translateY(-20px)
}

.product-list-style-35 .product-item:hover .button-hover-wrap {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px)
}

.product-list-style-35 .products.list.items .action.towishlist,
.product-list-style-35 .products.list.items .action.tocompare {
    display: block;
    margin-bottom: 10px;
    position: relative
}

.product-list-style-35 .products.list.items .action.towishlist:before,
.product-list-style-35 .products.list.items .action.tocompare:before {
    color: #036;
    display: inline-block;
    font: normal normal normal 15px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E987";
    speak: none
}

.product-list-style-35 .products.list.items .action.towishlist span,
.product-list-style-35 .products.list.items .action.tocompare span {
    font-size: 0
}

.product-list-style-35 .products.list.items .action.towishlist:before {
    content: "\E987"
}

.product-list-style-35 .products.list.items .action.tocompare:before {
    content: "\E959"
}

.product-list-style-35 .products.list.items .product-item-actions {
    margin: 20px 0 10px 0px
}

.product-list-style-35 .qs-button {
    position: absolute;
    top: calc(50% - 19px);
    left: calc(50% - 19px);
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transition: .6s
}

.product-list-style-35 .qs-button:before {
    display: inline-block;
    font: normal normal normal 20px/1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\E982";
    speak: none
}

.product-list-style-35 .product-item:hover .qs-button {
    visibility: visible;
    opacity: 1
}

.product-list-style-35 .product-item-info {
    height: 100%
}

.product-list-style-35 .product-item-details {
    padding: 10px 10px;
    text-align: center
}

.product-list-style-35 .product-item-inner {
    margin: 0 0 20px 0;
    margin-bottom: 20px;
    text-align: center
}

.product-list-style-35 .product-item-name {
    text-align: center;
    margin-bottom: 10px;
    padding: 0 20px;
    white-space: normal
}

.product-list-style-35 .product-item-name a.product-item-link {
    font-weight: normal;
    text-transform: none
}

.product-list-style-35 .product-item-sku {
    font-size: 12px;
    color: #6e7370
}

.product-list-style-35 .product-item-description {
    font-size: 12px;
    margin-top: 10px;
    padding: 0px 10px
}

.product-list-style-35 .price-box {
    text-align: center
}

.product-list-style-35 .price-box .price {
    font-size: 130%
}

.product-list-style-35 .price-box .old-price,
.product-list-style-35 .price-box .special-price {
    float: none;
    margin-right: 10px
}

.product-list-style-35 .product-item div[class^="swatch-opt-"] {
    margin-top: 10px
}

.product-list-style-35 .product-reviews-summary .reviews-actions {
    display: none
}

.product-list-style-35 .product-item-actions .actions-primary {
    display: inline-block;
    width: 100%;
    text-align: center
}

.product-list-style-35 .tocart.primary {
    font: 500 13px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-size: 13px;
    background: #036;
    color: #fff;
    padding: 6px 23px;
    position: relative;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    white-space: nowrap;
    border-radius: 0;
    text-overflow: ellipsis;
    font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    padding: 9px 20px;
    border-radius: 4px;
    text-transform: none;
    width: 90%;
    margin: 0px 5%
}

.product-list-style-35 .tocart.primary:before,
.product-list-style-35 .tocart.primary:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 10px;
    left: 0;
    top: 0;
    background: #00478f
}

.product-list-style-35 .tocart.primary:after {
    left: auto;
    right: 0
}

.product-list-style-35 .tocart.primary:hover {
    opacity: 0.8;
    background: #036;
    color: #fff
}

.product-list-style-35 .tocart.primary:hover>span:after {
    position: absolute;
    content: "";
    opacity: .8;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 1px;
    z-index: 4;
    border: 1px solid transparent;
    border-radius: 1px;
    box-shadow: 0 0 0 0 #39f;
    background-color: #036;
    transition: schdBannerPagePulseSmall 1s infinite cubic-bezier(.66, 0, 0, 1);
    backface-visibility: hidden;
    -moz-animation: schdBannerPagePulseSmall 1s infinite cubic-bezier(.66, 0, 0, 1);
    -ms-animation: schdBannerPagePulseSmall 1s infinite cubic-bezier(.66, 0, 0, 1);
    animation: schdBannerPagePulseSmall 1s infinite cubic-bezier(.66, 0, 0, 1)
}

.product-list-style-35 .tocart.primary:before,
.product-list-style-35 .tocart.primary:after,
.product-list-style-35 .tocart.primary>span:before,
.product-list-style-35 .tocart.primary>span:after {
    display: none
}

.product-list-style-35 .field.qty {
    width: 120px;
    display: block;
    text-align: center;
    margin: 0 auto;
    vertical-align: top
}

.product-list-style-35 .field.qty .label {
    display: none
}

.product-list-style-35 .field.qty .control {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f7f7f7;
    padding: 5px;
    border-radius: 4px;
    margin-bottom: 10px
}

.product-list-style-35 .field.qty input {
    height: 30px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    border: 0;
    width: 45px
}

.product-list-style-35 .field.qty .qty-ctl .decrease,
.product-list-style-35 .field.qty .qty-ctl .increase {
    min-width: 30px;
    margin: 0;
    border: 0;
    padding: 0;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    width: 20px;
    border-radius: 0;
    color: #a8a8a8;
    border-color: #fff;
    background: #fff
}

.product-list-style-35 .field.qty .qty-ctl .decrease:focus,
.product-list-style-35 .field.qty .qty-ctl .increase:focus,
.product-list-style-35 .field.qty .qty-ctl .decrease:active,
.product-list-style-35 .field.qty .qty-ctl .increase:active,
.product-list-style-35 .field.qty .qty-ctl .decrease:hover,
.product-list-style-35 .field.qty .qty-ctl .increase:hover {
    background: transparent;
    color: #036
}

.product-list-style-35 .field.qty .qty-ctl .decrease {
    border-radius: 4px
}

.product-list-style-35 .field.qty .qty-ctl .decrease:before {
    content: '-'
}

.product-list-style-35 .field.qty .qty-ctl .increase {
    border-radius: 4px
}

.product-list-style-35 .field.qty .qty-ctl .increase:before {
    content: '+'
}

@media only screen and (min-width: 768px) {
    .product-list-style-35 .cdz-ajax-trigger {
        font: 500 13px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        font-size: 16px;
        border-width: 1px;
        overflow: visible;
        position: relative;
        min-width: 350px;
        border-radius: 4px;
        color: #fff;
        border-color: #000;
        background: #000
    }

    .product-list-style-35 .cdz-ajax-trigger:hover {
        color: #036;
        border-color: #036;
        background: #fff
    }

    .product-list-style-35 .cdz-ajax-trigger .mdl-button__ripple-container {
        display: none
    }
}

@media only screen and (max-width: 767px) {
    .product-list-style-35 .trigger-wrap {
        margin-top: 10px
    }

    .product-list-style-35 .product-item {
        margin-bottom: 10px
    }

    .product-list-style-35 .product-item-name {
        padding: 0 0px
    }

    .product-list-style-35 .button-hover-wrap {
        visibility: visible;
        transform: translateY(0px);
        transition: none;
        opacity: 1
    }

    .product-list-style-35 .actions-primary .tocart:hover:before {
        animation: none
    }

    .product-list-style-35 .cdz-ajax-trigger {
        font: 500 13px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        font-size: 13px;
        border-width: 1px
    }

    .product-list-style-35 .cdz-product-labels .label-item {
        font-size: 11px
    }
}

.wrapper.list .product-list-style-35 .field.qty {
    display: inline-block;
    width: auto;
    vertical-align: middle
}

.wrapper.list .product-list-style-35 .field.qty .control {
    margin: 0
}

.wrapper.list .product-list-style-35 .action.tocart {
    display: inline-block;
    width: auto;
    margin: 0 10px
}

.wrapper.list .product-list-style-35 .product-item-actions .actions-primary {
    width: auto;
    text-align: start
}

.wrapper.list .product-list-style-35 .actions-primary,
.wrapper.list .product-list-style-35 .actions-secondary {
    vertical-align: middle !important;
    margin: 5px 0
}

.wrapper.list .product-list-style-35.product-item-inner {
    text-align: start
}

.post-list-style13 .item-inner {
    border: 1px solid #e9eaec;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    background: #fff;
    padding: 0;
    border-radius: 7px;
    overflow: hidden
}

.post-list-style13 .post-top {
    position: relative;
    background: #fff
}

.post-list-style13 .post-top .post-img:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    transform: scale(0);
    opacity: 0;
    left: 0;
    top: 0;
    content: '';
    transition: all ease 400ms
}

.post-list-style13 .share-buttons {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    padding: 0px 0px;
    overflow: hidden;
    transition: all ease 400ms;
    opacity: 0;
    visibility: hidden
}

.post-list-style13 .share-buttons>a {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    border-bottom: 1px solid #e9eaec
}

.post-list-style13 .share-buttons>a:last-child {
    border-bottom: none
}

.post-list-style13 .post-img img {
    transition: all ease 400ms
}

.post-list-style13 .post-item:hover .share-buttons {
    opacity: 1;
    visibility: visible
}

.post-list-style13 .post-item:hover .post-img img {
    transform: scale(1.1)
}

.post-list-style13 .post-item:hover .post-img:after {
    opacity: 0.5;
    transform: scale(1)
}

.post-list-style13 .post-header {
    padding: 10px
}

.post-list-style13 .post-date:before {
    display: inline-block;
    font: normal normal 13px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f073';
    vertical-align: baseline;
    margin: 0 7px 0 0
}

.post-list-style13 .post-bottom {
    padding-bottom: 10px
}

.post-list-style13 .post-bottom-inner {
    padding: 10px
}

.post-list-style13 a.post-item-link {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
    display: inline-block
}

.post-list-style13 .post-title {
    margin-bottom: 10px
}

.post-list-style13 .post-title .post-item-link {
    font: 600 26px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-size: 15px;
    font-weight: 500
}

.post-list-style13 a.post-category {
    font-size: 13px;
    color: #282828;
    margin-bottom: 5px;
    display: block
}

.post-list-style13 .post-author {
    margin-bottom: 5px
}

.post-list-style13 .post-desc {
    color: #6e7370;
    font-size: 12px
}

.post-list-style13 .more-link-wrap {
    position: relative;
    height: 0
}

@media only screen and (min-width: 768px) {
    .box-style-02 .owl-carousel .owl-nav [class*='owl-'] {
        top: -50px;
        width: auto;
        height: auto;
        line-height: 1.35;
        border: none;
        background: none !important;
        left: auto;
        right: 0;
        transform: none;
        visibility: visible;
        opacity: 1;
        color: #999
    }

    .box-style-02 .owl-carousel .owl-nav [class*='owl-']:active,
    .box-style-02 .owl-carousel .owl-nav [class*='owl-']:focus,
    .box-style-02 .owl-carousel .owl-nav [class*='owl-']:visited {
        color: #999
    }

    .box-style-02 .owl-carousel .owl-nav [class*='owl-']:hover {
        color: #036
    }

    .box-style-02 .owl-carousel .owl-nav [class*='owl-'].owl-prev {
        left: auto;
        right: 30px
    }

    .box-style-02 .owl-carousel .owl-nav [class*='owl-'].owl-prev:before {
        content: "\f177"
    }

    .box-style-02 .owl-carousel .owl-nav [class*='owl-']:before {
        content: "\f178"
    }
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'] {
    text-align: center;
    font-size: 0;
    border-width: 1px;
    border-style: solid;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    transition: all 500ms ease;
    backface-visibility: hidden;
    color: #fff;
    border-color: #036;
    background: #036
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-']:before {
    display: inline-block;
    font: normal normal 20px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f104'
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].owl-next:before {
    content: '\f105'
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].owl-prev:before {
    content: '\f104'
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].disabled {
    cursor: default
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-']:hover {
    z-index: 1
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-']:hover:not(.disabled) {
    color: #036;
    border-color: #036;
    background: #fff
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'] {
    top: calc((100% - 35px)/2);
    opacity: 0;
    backface-visibility: hidden;
    visibility: hidden
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].owl-next {
    right: 0px;
    transform: translate(150%)
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].owl-prev {
    left: 0px;
    transform: translate(-150%)
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].disabled {
    opacity: 0
}

@media (max-device-width: 1366px) {

    .brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].owl-next,
    .brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'].owl-prev {
        transform: translateX(0) !important
    }
}

.brand-style01 .shop-by-brand-slider:hover .owl-nav [class*='owl-']:not(.disabled) {
    opacity: 1
}

.brand-style01 .shop-by-brand-slider:hover .owl-nav [class*='owl-'].disabled {
    opacity: .2
}

.brand-style01 .shop-by-brand-slider:hover .owl-nav [class*='owl-'].owl-prev,
.brand-style01 .shop-by-brand-slider:hover .owl-nav [class*='owl-'].owl-next {
    transform: translateX(0);
    visibility: visible
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'] {
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0
}

.brand-style01 .shop-by-brand-slider .owl-nav [class*='owl-'] {
    border-radius: 0 !important;
    color: #bcb8b8;
    border-color: #f5f5f5;
    background: #f5f5f5
}

.brand-style01 .shop-by-brand-slider .owl-dots {
    width: 100%;
    text-align: center;
    margin: 15px 0 0
}

.brand-style01 .shop-by-brand-slider .owl-dots .owl-dot {
    overflow: hidden;
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #a8aeba;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: relative !important
}

.brand-style01 .shop-by-brand-slider .owl-dots .owl-dot span {
    height: 100%;
    width: 100%;
    background-color: #646d7e;
    border-radius: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 500ms ease;
    backface-visibility: hidden;
    transform: scale(0)
}

.brand-style01 .shop-by-brand-slider .owl-dots .owl-dot.active span {
    transform: scale(1)
}

.tabs-style-10 {
    position: relative
}

.tabs-style-10 .cdz-block-title {
    text-align: left;
    margin-bottom: -22px
}

.tabs-style-10 .title-desc {
    display: none
}

@media only screen and (min-width: 768px) {
    .tabs-style-10 .box-cate-link {
        text-align: right
    }

    .tabs-style-10 .box-cate-link .item {
        display: inline-block;
        margin: 0
    }

    .tabs-style-10 .box-cate-link .item:first-child .tab-title:after {
        display: none
    }

    .tabs-style-10 .box-cate-link .tab-title {
        padding: 0px 20px;
        position: relative;
        display: inline-block;
        transition: .5s;
        color: #999;
        line-height: 1;
        font: 600 16px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        text-align: center
    }

    .tabs-style-10 .box-cate-link .tab-title:after {
        content: '';
        position: absolute;
        left: 0;
        right: auto;
        top: 1px;
        bottom: auto;
        background: #999;
        height: 15px;
        width: 1px
    }

    .tabs-style-10 .box-cate-link .item.active .tab-title,
    .tabs-style-10 .box-cate-link .item:hover .tab-title {
        color: #036
    }

    .tabs-style-10 .tab-content {
        padding: 30px 0px 0px
    }
}

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

    .tabs-style-10 .cdz-block-title,
    .tabs-style-10 .cdz-block-title .b-title.h2 {
        text-align: start;
        padding: 0
    }

    .tabs-style-10 .cdz-block-content {
        padding-top: 25px;
        position: relative
    }

    .tabs-style-10 .title-desc {
        display: none
    }

    .tabs-style-10 .b-title {
        max-width: 68%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .tabs-style-10 .mobile-toggle {
        position: absolute;
        right: 0;
        top: 0;
        background: #036;
        color: #fff;
        padding: 5px 30px 5px 15px;
        border-radius: 3px;
        font: 500 13px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
        font-size: 13px
    }

    .tabs-style-10 .mobile-toggle:hover {
        color: #fff
    }

    .tabs-style-10 .mobile-toggle:after {
        font-family: FontAwesome;
        content: "\f107";
        margin-left: 10px;
        font-size: 18px;
        line-height: 1;
        position: absolute;
        transition: 0.6s
    }

    .tabs-style-10 .mobile-toggle.open:after {
        transform: rotateZ(-180deg)
    }

    .tabs-style-10 .abs-dropdown {
        top: 30px;
        position: absolute;
        right: 0;
        background-color: #fff;
        padding: 0px 0px;
        width: 180px;
        max-width: 100%;
        z-index: 6;
        text-align: left;
        box-shadow: 0px 2px 4px #ccc
    }

    .tabs-style-10 .abs-dropdown>li {
        margin-bottom: 0;
        padding: 5px 10px;
        background: #fff;
        text-align: left
    }

    .tabs-style-10 .abs-dropdown>li.active {
        background: #004c99
    }

    .tabs-style-10 .abs-dropdown>li.active a {
        color: #fff
    }

    .tabs-style-10 .abs-dropdown>li a {
        color: #282828
    }

    .tabs-style-10 .abs-dropdown>li:hover {
        background-color: #fafafa
    }

    .tabs-style-10 .tab-icon {
        display: none
    }

    .tabs-style-10 .cdz-block-title {
        margin-bottom: -26px;
        text-align: left
    }
}

.banner-style11 {
    position: relative
}

.banner-style11 .item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: inherit;
    padding: 30px 10%
}

.banner-style11 .item-content.text-left {
    width: auto;
    height: auto;
    text-align: left;
    top: 20%;
    padding: 0 0 0 10%
}

.banner-style11 .item-content.text-right {
    width: auto;
    height: auto;
    text-align: right;
    top: 20%;
    left: auto;
    right: 0;
    padding: 0 10% 0 0
}

.banner-style11 .bc-desc {
    font: 600 20px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    letter-spacing: 3px
}

.banner-style11 .expanded {
    letter-spacing: 7px
}

.banner-style11 .lsp-normal {
    letter-spacing: 0px
}

.banner-style11 .bc-title {
    font-size: 320%;
    font-weight: 700;
    line-height: 1.7;
    color: #000000
}

.banner-style11 .bc-btn {
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 1px solid
}

.banner-style11 .bc-btn:hover {
    font-style: italic
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .banner-style11 .bc-title {
        font-size: 20px;
        line-height: 1.25
    }

    .banner-style11 .bc-desc {
        letter-spacing: 3px
    }

    .banner-style11 .bc-desc,
    .banner-style11 .bc-btn {
        font-size: 13px;
        line-height: 1.1
    }
}

@media only screen and (max-width: 991px) {
    .banner-style11 .bc-title {
        font-size: 30px
    }

    .banner-style11 .bc-desc {
        font-size: 24px
    }

    .banner-style11 .bc-btn {
        font-size: 13px;
        line-height: 1.1
    }
}

@media only screen and (max-width: 767px) {
    .banner-style11 .bc-title {
        font-size: 20px
    }

    .banner-style11 .bc-desc {
        font-size: 16px
    }

    .banner-style11 .bc-btn {
        font-size: 13px;
        line-height: 1.1
    }
}

.banner-style13 {
    overflow: hidden
}

.banner-style13 .cdz-banner {
    text-align: center;
    position: relative;
    float: left;
    width: 100%;
    color: #fff;
    overflow: hidden;
    background-color: #000
}

.banner-style13 .cdz-banner * {
    transition: all .4s ease-in;
    backface-visibility: hidden
}

.banner-style13 .cdz-banner img {
    position: relative;
    max-width: 100%;
    vertical-align: top;
    opacity: .8
}

.banner-style13 .cdz-banner .abs-img img {
    position: absolute
}

.banner-style13 .item-content {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    padding: 20px 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.banner-style13 .item-content.item-content-top {
    justify-content: flex-start
}

.banner-style13 .item-content.item-content-bottom {
    justify-content: flex-end
}

.banner-style13 .bc-title {
    font: 700 32px/1.15 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-size: 50px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .2em;
    color: #fff
}

.banner-style13 .bc-subtitle {
    font: 600 26px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .2em;
    color: #fff;
    margin: 0 0 60px
}

.banner-style13 .bc-btn,
.banner-style13 a.bc-btn,
.banner-style13 button.bc-btn {
    background: none;
    border: none;
    border-bottom: 1px solid;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0 0 5px;
    color: #fff
}

.banner-style13 .bc-btn:hover,
.banner-style13 a.bc-btn:hover,
.banner-style13 button.bc-btn:hover {
    letter-spacing: .2em
}

.banner-style13:hover img {
    transform: scale(1.1, 1.1);
    opacity: .6
}

@media only screen and (max-width: 991px) {
    .banner-style13 .bc-title {
        font-size: 30px
    }

    .banner-style13 .bc-subtitle {
        font-size: 24px;
        margin: 0 0 40px
    }
}

@media only screen and (max-width: 767px) {
    .banner-style13 .bc-title {
        font-size: 20px
    }

    .banner-style13 .bc-subtitle {
        font-size: 16px;
        margin: 0 0 20px
    }
}

.parallax-banner {
    position: relative
}

.parallax-banner .desc {
    text-align: center;
    color: #ffffff;
    height: 100%;
    letter-spacing: 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 73%;
    margin: 0 auto;
    z-index: 1
}

.parallax-banner .desc .h1 {
    color: #ffffff;
    font-size: 30px
}

@media only screen and (max-width: 767px) {
    .parallax-banner .desc {
        width: 100%
    }
}

.parallax-bg {
    display: flex;
    text-align: center;
    align-items: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    min-height: 339px
}

.parallax-bg:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4)
}

.parallax-bg.parallax-bg2x {
    min-height: 600px
}

@media only screen and (max-width: 767px) {
    .parallax-bg {
        background-size: cover
    }
}

@media only screen and (min-device-width:320px) and (max-device-width:1024px) {
    .parallax-bg {
        background-attachment: unset !important;
        background-position: center top !important
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .parallax-banner .desc {
        max-width: 70%;
        display: inline-block;
        padding: 10%
    }
}

.block-bg-02 {
    padding: 120px 0;
    position: relative
}

.block-bg-02.small-padding {
    padding: 40px 0
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .block-bg-02 {
        padding: 40px 0
    }

    .block-bg-02.small-padding {
        padding: 20px 0
    }
}

.block-bg-02>.container {
    position: relative
}

.block-bg-02.white-content .cdz-block-content {
    padding: 5% 20px;
    background: #fff
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .block-bg-02.white-content .cdz-block-content {
        padding: 20px
    }
}

.block-bg-02.white-title .cdz-block-title .b-title.h2 {
    color: #fff
}

.block-bg-02.white-title .cdz-block-title .title-desc {
    color: #fff !important
}

.block-bg-02.overlay-dark:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: 0
}

.block-bg-02.overlay-dark .cdz-block-title .b-title.h2 {
    color: #fff
}

.block-bg-02.overlay-dark .cdz-block-title .title-desc {
    color: #fff !important
}

.block-bg-02.overlay-dark .product-item,
.block-bg-02.overlay-dark .post-item .item-inner {
    box-shadow: none
}

.cdz-slideshow .slide-caption {
    font-family: Oswald
}

.cdz-slideshow .slide-caption p {
    font-family: Oswald
}

.cdz-slideshow .slide-caption .button-link {
    color: #000;
    border-color: #fff;
    background: #fff;
    min-width: 200px;
    text-align: center;
    border-radius: 4px
}

.cdz-slideshow .slide-caption .button-link:hover {
    color: #fff;
    border-color: #036;
    background: #036
}

@media only screen and (min-width: 768px) {
    .cdz-slideshow .slide-caption .slide-textcate {
        font-size: 24px;
        font-weight: 700
    }

    .cdz-slideshow .slide-caption .sstext-6x {
        font-size: 850%;
        line-height: 1
    }

    .cdz-slideshow .slide-caption .slide-text {
        font-size: 400%;
        font-weight: 700;
        color: #036;
        line-height: 1
    }
}

.product-list-style-34 .cdz-product-labels .label-item {
    text-transform: none;
    border-radius: 0;
    font-weight: normal
}

.brand-slider-wrapper {
    border-radius: 5px;
    border: 1px solid #fafafa;
    box-shadow: 0 1px 2px #dcdcdc
}

@media only screen and (min-width: 768px) {
    .tabs-style-10 .box-cate-link {
        margin-right: 53px
    }
}

.cdz-block-title .b-title.h2 span.inner {
    color: #036
}

.block-brands .owl-carousel .owl-nav {
    top: -42px;
    right: 15px
}

.block.block-brands-search .block-title {
    margin-bottom: 20px
}

.block.block-brands-search .block-title a:before {
    color: #fff
}

.block.block-brands-search .block-title a:before:active,
.block.block-brands-search .block-title a:before:focus,
.block.block-brands-search .block-title a:before:visited {
    color: #fff
}

.block.block-brands-search .block-title a:before:hover {
    color: #fff
}

.sidebar .block:not(.account-nav) {
    margin-bottom: 2rem;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
    border-radius: 5px
}

.sidebar .block:not(.account-nav) .block-title,
.sidebar .block:not(.account-nav) .title {
    color: #fff;
    background: #036;
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    position: relative;
    padding: 0;
    margin-bottom: 0;
    min-width: 100%;
    padding: 25px 20px;
    border-radius: 5px 5px 0 0
}

.sidebar .block:not(.account-nav) .block-title strong,
.sidebar .block:not(.account-nav) .title strong {
    font: 600 18px/1.35 Heebo, Helvetica Neue, Verdana, Arial, sans-serif
}

.sidebar .block:not(.account-nav) .accordion,
.sidebar .block:not(.account-nav) .tagclaud-hld,
.sidebar .block:not(.account-nav) .block-content,
.sidebar .block:not(.account-nav) .content {
    padding: 15px 20px;
    margin-bottom: 0;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.sidebar .block:not(.account-nav)>.empty {
    padding: 15px 20px;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.sidebar .block:not(.account-nav) .block-title a.all-brank-link,
.sidebar .block:not(.account-nav) .title a.all-brank-link {
    color: #fff
}

.sidebar .block:not(.account-nav) .block-title a.all-brank-link:active,
.sidebar .block:not(.account-nav) .title a.all-brank-link:active,
.sidebar .block:not(.account-nav) .block-title a.all-brank-link:focus,
.sidebar .block:not(.account-nav) .title a.all-brank-link:focus,
.sidebar .block:not(.account-nav) .block-title a.all-brank-link:visited,
.sidebar .block:not(.account-nav) .title a.all-brank-link:visited {
    color: #fff
}

.sidebar .block:not(.account-nav) .block-title a.all-brank-link:hover,
.sidebar .block:not(.account-nav) .title a.all-brank-link:hover {
    color: #fff
}

.sidebar .block:not(.account-nav) .block-title a.all-brank-link:before,
.sidebar .block:not(.account-nav) .title a.all-brank-link:before {
    color: #fff
}

.sidebar .block:not(.account-nav) .block-title a.all-brank-link:hover,
.sidebar .block:not(.account-nav) .title a.all-brank-link:hover {
    opacity: .7
}

.sidebar .block:not(.account-nav).block-brands .owl-carousel .owl-nav {
    top: -50px;
    right: -10px
}

.sidebar .block:not(.account-nav) .brand-slider-wrapper {
    box-shadow: none;
    padding: 0
}

.toolbar {
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 10px;
    border: 0px solid #fafafa;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

.list.products-list .item.product-item {
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 10px;
    border: 0px solid #fafafa;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
}

@media screen and (min-width: 768px) {
    .page-header .logo img {
        max-height: 50px;
    }

    .banner-style13 .bc-subtitle {
        font-size: 12px !important;
        margin: 0 0 10px !important;
    }
}

.price-box.price-final_price {
    display: none;
}

.banner-style13 .bc-subtitle {
    font-size: 20px !important;
}

.product-item-price {
    display: none;
}

.button-wrap {
    display: none;
}

@media (min-width: 768px) {
    .contact-container {
        display: flex;
        flex-wrap: wrap;
    }

    .contact-form-wrap,
    .store-info-wrap {
        width: 50%;
        box-sizing: border-box;
        padding: 10px;
    }
}

@media (max-width: 767px) {

    .contact-form-wrap,
    .store-info-wrap {
        width: 100%;
        padding: 10px 0;
    }
}

button.action.tocart.primary {
    display: none;
}

.fotorama__stage {
    height: 350px !important;
    width: 560px !important;
}

ul.cdz-social-listing {
    display: none !important;
}


a:active,
a:focus,
a:visited {
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cat-tree.groupmenu-drop .groupmenu-drop {
        top: 0px;
    }
}

body {
    color: #000 !important;
}

figure.about-img {
    width: 50%;
}

a.action.tocompare {
    display: none !important;
}

.cdz-subcategories.base-slider.rounded-corners.no-title.mf-initial {
    display: none;
}

@media only screen and (max-width:740px) and (min-width:360px) {
    .banner-style13 .bc-subtitle {
        font-size: 12px !important;
        margin: 0 0 10px !important;
    }
}