/*Common*/
  @font-face {
    font-family: 'GT-Walsheim';
    src: url('../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/GT-Walsheim-Regular.woff');
    src: url('../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/GT-Walsheim-Regular.woff') format('woff'), url('../../frontend/Codazon/unlimited_delloutlet_version1/en_US/css/fonts/GT-Walsheim-Regular.ttf') format('truetype'), url('../../frontend/Codazon/unlimited_delloutlet_version1/en_US/css/fonts/GT-Walsheim-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display:swap;}
  @font-face {
    font-family: 'GT-Walsheim-Bold';
    src: url('../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/GT-Walsheim-Condensed-Bold.woff');
    src: url('../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/GT-Walsheim-Condensed-Bold.woff') format('woff'), url('../../frontend/Codazon/unlimited_delloutlet_version1/en_US/css/fonts/GT-Walsheim-Condensed-Bold.ttf') format('truetype'), url('../../frontend/Codazon/unlimited_delloutlet_version1/en_US/css/fonts/GT-Walsheim-Condensed-Bold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display:swap;}

    /* mobile sticky footer styles start */
    @media (max-width: 768px) {

        .comparecount {
            position: absolute;
            top: 12%;
            left: 32%;
        }

        .mb-bottom-toolbar {
            margin-bottom: 25px;
        }

        .sticky-footer .nav-link img {
            margin-left: 20px;
        }

        /* Hide on desktop */
        .mobile-sticky-footer {
            display: none;
        }

        /* Sticky Footer */
        .sticky-footer {
            position: fixed !important;
            bottom: 0 !important;
            left: 0 !important;
            width: 100% !important;
            /* height: 60px !important; */
            background-color: #f2fbff;
            border-top: 1px solid #ddd !important;
            display: flex !important;
            justify-content: space-around !important;
            align-items: center !important;
            z-index: 999999 !important;
            /* stays above everything */
            padding-bottom: px;
            padding-top: 10px;
        }

        /* Footer Items */
        .sticky-footer .sf-item {
            text-decoration: none;
            color: #333;
            font-size: 16px;
        }

        /* Add spacing so content doesn't hide behind footer */
        .maincontent {
            padding-bottom: 80px;
        }

        body {
            padding-bottom: 80px !important;
        }

        .footer-popup {
            display: none;
            position: fixed;
            bottom: 70px;
            left: 0;
            width: 30%;
            z-index: 999999;
            margin-left: 36%;
            margin-bottom: 1px;
            background: transparent;
            color: white;
            text-align: center;
            /* border-radius: 21px 21px 21px 21px; */
        }

        /* Popup box */
        .footer-popup-content {
            background: #090909ff;
            padding: 0px 20px 0px 20px;
            border-radius: 10px 10px 0 0;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
            animation: slideUp 0.3s ease;
            border-radius: 21px 21px 21px 21px;
            border: 1px solid #5cb85c;
        }

        /* Close button */
        .close-popup {
            /* float: right;
        font-size: 22px;
        cursor: pointer; */
            width: 20px;
            margin: 10px auto 10px auto;
            height: 20px;
            border-radius: 6px;
            background-color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #242121;
        }

        /* Popup links */
        .footer-popup-content a {
            display: block;
            padding: 10px 0;
            color: #eee;
            text-decoration: none;

            /* border-bottom: 1px solid #eee; */
        }

        @keyframes slideUp {
            from {
                transform: translateY(100%);
            }

            to {
                transform: translateY(0);
            }
        }
    }

    .chat img {
        width: 38px;
        height: 38px;
        border-radius: 50%;
        color: #000;
    }

    .nav-link .count_image {
        position: relative;
        margin: auto;
    }

    .nav-link {
        width: 50%;
        text-align: center;
        border: none;
        outline: none;
        background-color: inherit;
    }

    .chat p {
        margin-top: 0;
    }

    .nav-link p {
        margin-top: 6px;
        font-size: 12px;
        color: #282828;
    }
    .popup-title {
        text-transform: uppercase;
        font-size: 14px;
        border-bottom: 1px solid #e1e1e1;
        padding: 15px 20px 15px;
        color: #282828;
        overflow: hidden;
        text-align: left;
    }

    .cart-items {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .cart-item {
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }

    .cart-item-inner {
        display: flex;
        align-items: flex-start;
    }

    .cart-item-image {
        flex: 0 0 70px;
        /* fixed width for image */
        margin-right: 10px;
    }

    .cart-item-image img {
        width: 70px;
        height: auto;
        border: 1px solid #ddd;
        border-radius: 4px;
    }

    .cart-item-details {
        flex: 1;
    }

    .product-name {
        display: block;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .product-meta {
        font-size: 13px;
        color: #555;
    }

    .product-meta .qty,
    .product-meta .price {
        display: block;
        /* stack them vertically */
        margin-bottom: 3px;
    }


    /* Hide on desktop */
    .mobile-sticky-footer {
        display: none;
    }

    @media (max-width: 768px) {
        .mobile-sticky-footer {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background: #fff;
            border-top: 1px solid #ddd;
            display: flex;
            justify-content: space-around;
            align-items: center;
            z-index: 999999;
        }

        .msf-item {
            text-decoration: none;
            color: #333;
            font-size: 14px;
            position: relative;
        }

        .cart-badge {
            background: red;
            color: #fff;
            padding: 2px 6px;
            border-radius: 50%;
            font-size: 12px;
            margin-left: 4px;
        }

        /* Popup overlay */
        .cart-popup {
            display: none;
            position: fixed;
            bottom: 88px;
            left: 0;
            width: 100%;
            background: rgba(0, 0, 0, 0.4);
            z-index: 999999;
        }

        /* Popup box */
        .cart-popup-content {
            background: #fff;
            padding: 0px 20px 20px 20px;
            border-radius: 10px 10px 0 0;
            animation: slideUp 0.3s ease;
        }

        .close-cart {
            float: right;
            font-size: 22px;
            cursor: pointer;
        }

        .cart-items {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .cart-item {
            padding: 10px 0;
            border-bottom: 1px solid #eee;
        }

        .go-to-cart {
            display: block;
            margin-top: 15px;
            padding: 10px;
            background: #000;
            color: #fff;
            text-align: center;
            border-radius: 5px;
            text-decoration: none;
        }

        @keyframes slideUp {
            from {
                transform: translateY(100%);
            }

            to {
                transform: translateY(0);
            }
        }

        .chat-header {
            display: none;
        }

        .chat_section {
            top: 55% !important;
        }
    .desktop-view{
        display:none !important;
    }
    .mobile-view{
      display:block !important;
    }
    }
.sticky-footer { display:none;}
    /* mobile sticky footer styles end */

/* ============================================
   MENU BACKGROUND
   ============================================ */

/* Mobile */
@media (max-width: 767px) {
    .nav-open .nav-sections {
        background: #000 !important;
    }

    .cdz-menu .item.level-top>.menu-link, 
    .cdz-menu .item.level-top>.dropdown-toggle, 
    .nav-sections .header.links li.greet.welcome, 
    .nav-sections .header.links li .cdz-dropdown>a, 
    .nav-sections .header.links li>a {
        color: #fff !important;
        border: 0 !important;
    }

    .nav-sections-item-title {
        background: #eaeaea !important;
    }

    .nav-sections-item-title a {
        color: #000000 !important;
    }

    .nav-sections-item-title.active {
        background: #0085c3 !important;
    }

    .nav-sections-item-title.active a {
        color: #fff !important;
    }

    .cdz-menu .item.level-top>.groupmenu-drop {
        background: #000 !important;
    }

    .cdz-menu .item.level-top>.groupmenu-drop a, 
    .cdz-menu .item.level-top>.groupmenu-drop p, 
    .cdz-menu .item.level-top .groupdrop-link .item a {
        color: #fff !important;
    }

    .groupmenu-drop li .groupmenu-drop-content .col-sm-4 ul.groupdrop-link, 
    .groupmenu-drop li .groupmenu-drop-content .col-sm-7 ul {
        padding-left: 20px !important;
    }

    .groupmenu-drop li .groupmenu-drop-content .col-sm-4 {
        border-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .nav-sections .nav-sections-item-content ul.groupmenu li.level0 .groupdrop-title {
        font-weight: 600 !important;
        color: #0085c3 !important;
    }

    .nav-sections-item-title.active {
        background: #000 !important;
    }

    .nav-sections-item-title.active a.nav-sections-item-switch {
        color: #fff !important;
    }

    .section-item-content.nav-sections-item-content{
        border-top: 0 !important;
    }
}
/* ============================================
   FOOTER
   ============================================ */

/* Mobile */
@media (max-width: 767px) {
    .sticky-footer .nav-link img {
        margin-left: auto;
        margin-right: auto;
    }

    .nav-link.cart .cart-badge {
        margin-left: 20px;
    }
}


/* ============================================
   FOOTER POPUP
   ============================================ */

/* Mobile */
@media (max-width: 767px) {
    #footerPopup.footer-popup {
        width: 40%;
        margin-left: 31%;
    }

    #footerPopup.footer-popup .footer-popup-content {
        padding: 15px 25px 0;
    }

    #footerPopup.footer-popup .footer-popup-content a {
        display: flex;
        color: #fff !important
    }

    #footerPopup.footer-popup .footer-popup-content a img {
        margin-right: 8px;
    }
}


/* ============================================
   CHAT
   ============================================ */

/* Mobile */
@media (max-width: 767px) {
    .widget .chat_section{
        top: 30% !important;
        z-index: 99;
    }
}/** css related to Uppy **/
.uppy-Dashboard-progressindicators,
.uppy-Dashboard-close,
.uppy-Dashboard-dropFilesHereHint,
.uppy-Dashboard-inner{
    display:none;
}

.image.image-placeholder #fileUploader{
    border:500px solid transparent;
    bottom:0;
    cursor:pointer;
    font-size:10em;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:3
}
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/
*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}

:after,
:before {
    --tw-content: "";
}

:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
        Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
    line-height: inherit;
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

button,
select {
    text-transform: none;
}

button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

:-moz-focusring {
    outline: auto;
}

:-moz-ui-invalid {
    box-shadow: none;
}

progress {
    vertical-align: baseline;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}

fieldset {
    margin: 0;
}

fieldset,
legend {
    padding: 0;
}

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

dialog {
    padding: 0;
}

textarea {
    resize: vertical;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
}

[role="button"],
button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}

img,
video {
    max-width: 100%;
    height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}

:root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 10% 3.9%;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
    --radius: 0.5rem;
}

* {
    border-color: hsl(var(--border));
}

body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
}

.container {
    width: 100%;
}
.dell-support .text-sm,.dell-support .text-tiny
{
    color: #000000;
}
.slide .border-blue-500,.slide .border-blue-500:hover,.slide .border-blue-500:visited,.slide .border-blue-500:focus,.buy-now-button,.buy-now-button:hover,.buy-now-button:visited
{
    color:#ffff !important;
}
@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 1023px) {
    .container {
        max-width: 1023px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px;
    }
}

@media (min-width: 2000px) {
    .container {
        max-width: 2000px;
    }
}

@media (min-width: 2300px) {
    .container {
        max-width: 2300px;
    }
}

@media (min-width: 2600px) {
    .container {
        max-width: 2600px;
    }
}

@media (min-width: 2700px) {
    .container {
        max-width: 2700px;
    }
}

@media (min-width: 4000px) {
    .container {
        max-width: 4000px;
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    inset: 0;
}

.inset-x-0 {
    left: 0;
    right: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.left-\[50\%\] {
    left: 50%;
}

.right-0 {
    right: 0;
}

.right-4 {
    right: 1rem;
}

.right-\[300px\] {
    right: 300px;
}

.top-0 {
    top: 0;
}

.top-1\/2 {
    top: 50%;
}

.top-4 {
    top: 1rem;
}

.top-\[50\%\] {
    top: 50%;
}

.top-full {
    top: 100%;
}

.z-0 {
    z-index: 0;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.z-\[100\] {
    z-index: 100;
}

.z-\[10\] {
    z-index: 10;
}

.m-10 {
    margin: 2.5rem;
}

.m-2 {
    margin: 0.5rem;
}

.m-auto {
    margin: auto;
}

.mx-1 {
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom: 0;
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mr-\[15px\] {
    margin-right: 15px;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-\[75\%\] {
    margin-top: 75%;
}

.mt-auto {
    margin-top: auto;
}

.block {
    display: block;
}

.flex {
    display: flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.h-12 {
    height: 3rem;
}

.h-4 {
    height: 1rem;
}

.h-6 {
    height: 1.5rem;
}

.h-\[120px\] {
    height: 120px;
}

.h-\[150px\] {
    height: 150px;
}

.h-\[220px\] {
    height: 220px;
}

.h-\[250px\] {
    height: 250px;
}

.h-\[300px\] {
    height: 300px;
}

.h-\[490px\] {
    height: 490px;
}

.h-\[50px\] {
    height: 50px;
}

.h-\[52\%\] {
    height: 52%;
}

.h-\[55vh\] {
    height: 55vh;
}

.h-\[70\%\] {
    height: 70%;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.max-h-60 {
    max-height: 15rem;
}

.min-h-0 {
    min-height: 0;
}

.min-h-\[350px\] {
    min-height: 350px;
}

.min-h-\[490px\] {
    min-height: 490px;
}

.min-h-screen {
    min-height: 100vh;
}

.w-12 {
    width: 3rem;
}

.w-4 {
    width: 1rem;
}

.w-48 {
    width: 12rem;
}

.w-6 {
    width: 1.5rem;
}

.w-\[100\%\] {
    width: 100%;
}

.w-\[100px\] {
    width: 100px;
}

.w-\[150px\] {
    width: 145px;
}

.w-\[300px\] {
    width: 300px;
}

.w-\[50\%\] {
    width: 50%;
}

.w-\[50px\] {
    width: 50px;
}

.w-\[60px\] {
    width: 60px;
}

.w-\[70\%\] {
    width: 70%;
}

.w-\[95\%\] {
    width: 95%;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

.max-w-4xl {
    max-width: 56rem;
}

.max-w-full {
    max-width: 100%;
}

.max-w-lg {
    max-width: 32rem;
}

.max-w-md {
    max-width: 28rem;
}

.flex-1 {
    flex: 1 1 0%;
}

.flex-auto {
    flex: 1 1 auto;
}

.flex-shrink-0 {
    flex-shrink: 0;
}

.flex-grow {
    flex-grow: 1;
}

.-translate-x-full {
    --tw-translate-x: -100%;
}

.-translate-x-full,
.-translate-y-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2 {
    --tw-translate-y: -50%;
}

.translate-x-0 {
    --tw-translate-x: 0px;
}

.translate-x-0,
.translate-x-1\/2 {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2 {
    --tw-translate-x: 50%;
}

.translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
}

.translate-x-\[-50\%\],
.translate-x-full {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full {
    --tw-translate-x: 100%;
}

.translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
}

.transform,
.translate-y-\[-50\%\] {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
    cursor: pointer;
}

.list-disc {
    list-style-type: disc;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.flex-col {
    flex-direction: column;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-start {
    align-items: flex-start;
}

.items-center {
    align-items: center;
}

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

.justify-end {
    justify-content: flex-end;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.justify-evenly {
    justify-content: space-evenly;
}

.justify-items-center {
    justify-items: center;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-6 {
    gap: 1.5rem;
}

.gap-8 {
    gap: 2rem;
}

.space-x-12 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0.5;
    margin-right: calc(3rem * var(--tw-space-x-reverse));
    margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.5rem * var(--tw-space-x-reverse));
    margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.whitespace-normal {
    white-space: normal;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.break-words {
    overflow-wrap: break-word;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: var(--radius);
}

.rounded-sm {
    border-radius: calc(var(--radius) - 4px);
}

.rounded-xl {
    border-radius: 0.75rem;
}

.rounded-br-xl {
    border-bottom-right-radius: 0.75rem;
}

.rounded-tr-xl {
    border-top-right-radius: 0.75rem;
}

.border {
    border-width: 1px;
}

.border-2 {
    border-width: 2px;
}

.border-\[1px\] {
    border-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-b-2 {
    border-bottom-width: 2px;
}

.border-b-4 {
    border-bottom-width: 4px;
}

.border-l-2 {
    border-left-width: 2px;
}

.border-l-\[1\.3px\] {
    border-left-width: 1.3px;
}

.border-t-2 {
    border-top-width: 2px;
}

.border-solid {
    border-style: solid;
}

.border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
}

.border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(6 114 203 / var(--tw-border-opacity, 1));
}

.border-green-400 {
    --tw-border-opacity: 1;
    border-color: rgb(74 222 128 / var(--tw-border-opacity, 1));
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.border-opacity-50 {
    --tw-border-opacity: 0.5;
}

.bg-\[\#0672CB\] {
    --tw-bg-opacity: 1;
    background-color: rgb(6 114 203 / var(--tw-bg-opacity, 1));
}

.bg-\[\#141d28\] {
    --tw-bg-opacity: 1;
    background-color: rgb(20 29 40 / var(--tw-bg-opacity, 1));
}

.bg-\[\#444\] {
    --tw-bg-opacity: 1;
    background-color: rgb(68 68 68 / var(--tw-bg-opacity, 1));
}

.bg-\[\#f4bb5e\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 187 94 / var(--tw-bg-opacity, 1));
}

.bg-\[\#fff\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-background {
    background-color: hsl(var(--background));
}

.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.bg-black\/80 {
    background-color: rgb(0 0 0/0.8);
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(6 114 203 / var(--tw-bg-opacity, 1));
}

.bg-darkgray {
    --tw-bg-opacity: 1;
    background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1));
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.bg-lightgray {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-gradient-to-br {
    background-image: linear-gradient(
        to bottom right,
        var(--tw-gradient-stops)
    );
}

.from-\[\#839db4\] {
    --tw-gradient-from: #839db4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgb(131 157 180/0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.to-\[\#d2d2d2\] {
    --tw-gradient-to: #d2d2d2 var(--tw-gradient-to-position);
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.75rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-6 {
    padding: 1.5rem;
}

.p-\[2\.5\%\] {
    padding: 2.5%;
}

.p-\[4\%\] {
    padding: 4%;
}

.px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.py-\[4px\] {
    padding-top: 4px;
    padding-bottom: 4px;
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pl-2 {
    padding-left: 0.5rem;
}

.pl-4 {
    padding-left: 1rem;
}

.pl-6 {
    padding-left: 1.5rem;
}

.pl-\[6\.25rem\] {
    padding-left: 6.25rem;
}

.pr-10 {
    padding-right: 2.5rem;
}

.pr-12 {
    padding-right: 3rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-end {
    text-align: end;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

.text-\[10px\] {
    font-size: 10px;
}

.text-\[11px\] {
    font-size: 11px;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-lg {
    font-size: 1.3rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 1.0rem;
    line-height: 1.25rem;
}

.text-tiny {
    font-size: 0.725rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.text-xt {
    font-size: 1.0rem;
    line-height: 30px;
}

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

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-none {
    line-height: 1;
}

.tracking-tight {
    letter-spacing: -0.025em;
    color: #000;
}

.tracking-wide {
    letter-spacing: 0.025em;
    color: #000;
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}

.text-blue,.text-blue:hover,.text-blue:focus {
    --tw-text-opacity: 1;
    color: rgb(6 114 203 / var(--tw-text-opacity, 1));
    border-color: #ffff;
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700 {
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800 {
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-muted-foreground {
    color: hsl(var(--muted-foreground));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-white:hover
{
    background-color: rgb(6 114 203 / var(--tw-bg-opacity, 1)) !important;
    border-color: #3485c2;
}
.dell-support-block:hover {
    background-color: #141d28 !important;
}
.underline {
    text-decoration-line: underline;
}

.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.placeholder-gray-500::-moz-placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-70 {
    opacity: 0.7;
}

.mix-blend-multiply {
    mix-blend-mode: multiply;
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1), 0 4px 6px -4px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-lg,
.shadow-md {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0/0.1), 0 2px 4px -2px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
        0 2px 4px -2px var(--tw-shadow-color);
}

.ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
}

.transition {
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-colors {
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.duration-200 {
    transition-duration: 0.2s;
}

.duration-300 {
    transition-duration: 0.3s;
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(
                var(--tw-enter-translate-x, 0),
                var(--tw-enter-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1),
                var(--tw-enter-scale, 1)
            )
            rotate(var(--tw-enter-rotate, 0));
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(
                var(--tw-exit-translate-x, 0),
                var(--tw-exit-translate-y, 0),
                0
            )
            scale3d(
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1),
                var(--tw-exit-scale, 1)
            )
            rotate(var(--tw-exit-rotate, 0));
    }
}

.duration-200 {
    animation-duration: 0.2s;
}

.duration-300 {
    animation-duration: 0.3s;
}

.ease-in-out {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.carousal-swiper .swiper-pagination {
    display: none;
}

#consent-button-div {
    position: fixed !important;
    bottom: 70px;
    z-index: 10;
}

.features .swiper-slide img {
    width: 25% !important;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f0f0f0;
}

.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}

.after\:inset-0:after {
    content: var(--tw-content);
    inset: 0;
}

.after\:bg-black:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
}

.after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
}

.after\:duration-300:after {
    transition-duration: 0.3s;
    content: var(--tw-content);
    animation-duration: 0.3s;
}

.hover\:bg-gray-100:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.hover\:bg-lightgray:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}

.hover\:text-blue:hover {
    --tw-text-opacity: 1;
    color: rgb(6 114 203 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-500:hover {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.hover\:opacity-100:hover {
    opacity: 1;
}

.hover\:shadow-xl:hover {
    --tw-shadow: 0 20px 25px -5px rgb(0 0 0/0.1), 0 8px 10px -6px rgb(0 0 0/0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color),
        0 8px 10px -6px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring));
}

.focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
}

.disabled\:pointer-events-none:disabled {
    pointer-events: none;
}

.group:hover .group-hover\:underline {
    text-decoration-line: underline;
}

.group:hover .group-hover\:opacity-90 {
    opacity: 0.9;
}

.group:hover .group-hover\:after\:opacity-30:after {
    content: var(--tw-content);
    opacity: 0.3;
}

.data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: hsl(var(--accent));
}

.data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: hsl(var(--muted-foreground));
}

.data-\[state\=open\]\:animate-in[data-state="open"] {
    animation-name: enter;
    animation-duration: 0.15s;
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
}

.data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation-name: exit;
    animation-duration: 0.15s;
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
}

.data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
}

.data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
}

.data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: 0.95;
}

.data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: 0.95;
}

.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
    --tw-exit-translate-x: -50%;
}

.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
    --tw-exit-translate-y: -48%;
}

.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
    --tw-enter-translate-x: -50%;
}

.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
    --tw-enter-translate-y: -48%;
}

@media (min-width: 640px) {
    .sm\:block {
        display: block;
    }

    .sm\:w-1\/2 {
        width: 50%;
    }

    .sm\:w-\[100\%\] {
        width: 100%;
    }

    .sm\:max-w-md {
        max-width: 33rem;
    }

    .sm\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:flex-row {
        flex-direction: row;
    }

    .sm\:justify-start {
        justify-content: flex-start;
    }

    .sm\:justify-end {
        justify-content: flex-end;
    }

    .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(0.5rem * var(--tw-space-x-reverse));
        margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:whitespace-nowrap {
        white-space: nowrap;
    }

    .sm\:break-normal {
        overflow-wrap: normal;
        word-break: normal;
    }

    .sm\:rounded-lg {
        border-radius: var(--radius);
    }

    .sm\:text-left {
        text-align: left;
    }
}

@media (min-width: 768px) {
    .md\:mt-0 {
        margin-top: 0;
    }

    .md\:block {
        display: block;
    }

    .md\:flex {
        display: flex;
    }

    .md\:hidden {
        display: none;
    }

    .md\:h-\[100px\] {
        height: 100px;
    }

    .md\:h-\[230px\] {
        height: 230px;
    }

    .md\:h-\[350px\] {
        height: 350px;
    }

    .md\:h-\[400px\] {
        height: 400px;
    }

    .md\:h-\[65vh\] {
        height: 65vh;
    }

    .md\:min-h-\[350px\] {
        min-height: 450px;
    }

    .md\:w-\[150px\] {
        width: 150px;
    }

    .md\:w-\[30\%\] {
        width: 30%;
    }

    .md\:w-\[50\%\] {
        width: 48%;
        min-height: 6vh;
        margin: 12px;
        font-size: 1.3rem;
    }

    .md\:w-\[80px\] {
        width: 80px;
    }

    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        position: relative;
        z-index: 1;
    }

    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .md\:justify-between {
        justify-content: space-between;
    }

    .md\:justify-evenly {
        justify-content: space-evenly;
        position: relative;
        z-index: 1;
    }

    .md\:gap-10 {
        gap: 2.5rem;
    }

    .md\:p-10 {
        padding: 2.5rem;
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .md\:pb-\[1rem\] {
        padding-bottom: 1rem;
    }

    .md\:text-left {
        text-align: left;
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
}

@media (min-width: 1023px) {
    .ipad-max\:block {
        display: block;
    }

    .ipad-max\:hidden {
        display: none;
    }
}

@media (min-width: 1024px) {
    .lg\:mx-10 {
        margin-left: 2.5rem;
        margin-right: 2.5rem;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:h-\[150px\] {
        height: 150px;
    }

    .lg\:h-\[450px\] {
        height: 450px;
    }

    .lg\:h-\[85\%\] {
        height: 85%;
    }

    .lg\:w-\[100px\] {
        width: 100px;
    }

    .lg\:w-\[200px\] {
        width: 220px;
    }

    .lg\:w-\[80\%\] {
        width: 80%;
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .lg\:flex-row {
        flex-direction: row;
    }

    .lg\:p-\[2\.5\%\] {
        padding: 2.5%;
    }
}

@media (min-width: 1200px) {
    .large\:flex {
        display: flex;
    }

    .large\:hidden {
        display: none;
    }
}

@media (min-width: 1536px) {
    .\32xl\:mb-4 {
        margin-bottom: 1rem;
    }

    .\32xl\:h-\[150px\] {
        height: 150px;
    }

    .\32xl\:h-\[250px\] {
        height: 250px;
    }

    .\32xl\:h-\[400px\] {
        height: 400px;
    }

    .\32xl\:h-\[565px\] {
        height: 565px;
    }

    .\32xl\:h-\[62\%\] {
        height: 62%;
    }

    .\32xl\:h-\[75vh\] {
        height: 75vh;
    }

    .\32xl\:w-\[250px\] {
        width: 250px;
    }

    .\32xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

@media (min-width: 2000px) {
    .\33xl\:h-\[350px\] {
        height: 350px;
    }

    .\33xl\:h-\[600px\] {
        height: 600px;
    }
}

@media (min-width: 2300px) {
    .\34xl\:h-\[400px\] {
        height: 400px;
    }

    .\34xl\:h-\[750px\] {
        height: 750px;
    }
}

@media (min-width: 2600px) {
    .\35xl\:h-\[500px\] {
        height: 500px;
    }

    .\35xl\:h-\[950px\] {
        height: 950px;
    }
}

@media (min-width: 2700px) {
    .\36xl\:h-\[1050px\] {
        height: 1050px;
    }

    .\36xl\:h-\[600px\] {
        height: 600px;
    }
}

@media (min-width: 4000px) {
    .\37xl\:h-\[1250px\] {
        height: 1250px;
    }

    .\37xl\:h-\[700px\] {
        height: 700px;
    }
}

@font-face {
    font-family: geistSans;
    src: url(https://www.dell.com/zh-cn/outlet/_next/static/media/4473ecc91f70f139-s.p.woff)
        format("woff");
    font-display: swap;
    font-weight: 100 900;
}

@font-face {
    font-family: geistSans Fallback;
    src: local("Arial");
    ascent-override: 85.83%;
    descent-override: 20.52%;
    line-gap-override: 9.33%;
    size-adjust: 107.19%;
}

.__className_370b13 {
    font-family: geistSans, geistSans Fallback;
}

.__variable_370b13 {
    --font-geist-sans: "geistSans", "geistSans Fallback";
}

@font-face {
    font-family: geistMono;
    src: url(https://www.dell.com/zh-cn/outlet/_next/static/media/463dafcda517f24f-s.p.woff)
        format("woff");
    font-display: swap;
    font-weight: 100 900;
}

@font-face {
    font-family: geistMono Fallback;
    src: local("Arial");
    ascent-override: 69.97%;
    descent-override: 16.73%;
    line-gap-override: 7.61%;
    size-adjust: 131.49%;
}

.__className_302f86 {
    font-family: geistMono, geistMono Fallback;
}

.__variable_302f86 {
    --font-geist-mono: "geistMono", "geistMono Fallback";
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(
        --swiper-wrapper-transition-timing-function,
        initial
    );
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    transition-property: transform;
    display: block;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical
    > .swiper-wrapper
    > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(
        270deg,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(
        0deg,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.5),
        rgba(0, 0, 0, 0)
    );
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border-radius: 50%;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-top: 4px solid transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

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

    to {
        transform: rotate(1turn);
    }
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: opacity 0.3s;
    transform: translateZ(0);
    z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(
        --swiper-pagination-bullet-width,
        var(--swiper-pagination-bullet-size, 8px)
    );
    height: var(
        --swiper-pagination-bullet-height,
        var(--swiper-pagination-bullet-size, 8px)
    );
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-vertical
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    display: inline-block;
    transition: transform 0.2s, top 0.2s;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal
    > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: transform 0.2s, left 0.2s;
}

.swiper-horizontal.swiper-rtl
    > .swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    transition: transform 0.2s, right 0.2s;
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
    background: var(
        --swiper-pagination-progressbar-bg-color,
        rgba(0, 0, 0, 0.25)
    );
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
}

.swiper-horizontal
    > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform-origin: center;
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(180deg);
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto;
}

.swiper-button-lock {
    display: none;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: normal;
    line-height: 1;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.larger-cards {
    width: 100%;
    height: 100%;
}

.smaller-cards {
    width: 70% !important;
    height: 80% !important;
}

@media (max-width: 640px) {
    .smaller-cards {
        height: 100% !important;
    }
}

.ctas a {
    border: 1px solid #ffffff;
    padding: 14px 28px;
    font-size: 1.25rem;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    position: relative;
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.swiper-pagination-bullet {
    position: relative;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    opacity: 1;
    background-color: transparent;
    border: 2px solid #007db8;
    border-radius: 50%;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination-bullet-active {
    color: #fff;
    border: 2px solid #007db8;
    background-color: #007db8;
    animation: ticker 5s linear forwards;
}

@keyframes ticker {
    0% {
        background-color: #007db8;
    }

    to {
        background-color: transparent;
    }
}

.hero-swiper .swiper-pagination {
    bottom: 15px;
    display: flex;
    justify-content: center;
}

.swiper-button-next,
.swiper-button-prev {
    display: none;
}

.slider-container {
    position: relative;
    width: 100%;
    margin: auto;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.slide {
    min-width: 100%;
    flex-shrink: 1;
    box-sizing: border-box;
}

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

.slider-btn:hover,.slider-btn:visited,.slider-btn:focus {
    background-color: rgba(255, 255, 255, 1);
    color: #000 !important;
}

.slider-btn.prev {
    left: 10px;
}

.slider-btn.next {
    right: 10px;
}

.dots-container {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
}
.py-8
{
    padding-bottom: 4rem;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.dot.active {
    background-color: rgba(255, 255, 255, 1);
}

@media (max-width: 767px) {
    .which-dell .grid {
        display: flex;
    }

    .which-dell .grid .description .list-disc {
        padding-left: 3rem;
    }

    .which-dell .grid-three {
        display: none;
    }
}
.md\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
/* Modal Window */
body.modal-open,
html.modal-open {
    overflow: hidden;
}

#modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: rgb(0 0 0 / 0.8);
}

#modalContent {
    background-color: #fff;
    margin: 15% auto;
    bottom: 18%;
    position: relative;
    border-radius: 0.5rem;
}

#closeModal {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
.hide {
    display: none !important;
}
.show {
    display: flex !important;
}
/* A container to hold both the slider and the buttons */
.custom-slider-wrapper {
    width: 100%;
}
/* The viewport of our slider */
.custom-slider-container {
    width: 100%;
    overflow: hidden; /* This hides the slides that are not in view */
}
/* The "filmstrip" that holds all slides and moves */
.custom-slides {
    display: flex;
    /* We set the gap between slides here */
    gap: 14px;
    transition: transform 0.5s ease-in-out;
}
/* Each individual slide */
.custom-swiper-slide {
    /* We want to show 3 slides, so each takes up a third of the container's width, minus the gap */
    min-width: calc((100% / 4) - (10px * 4 / 4));
    flex-shrink: 1; /* Prevents slides from shrinking */
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #333;
    font-size: 24px;
    font-weight: bold;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
/* Responsive: Show only one slide on smaller screens */
@media (max-width: 768px) {
    .custom-swiper-slide {
        min-width: 100%;
    }
}
/* Container for the navigation buttons */
.slider-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}
#finalImage {
    width: 25% !important;
}
/* Styling for the navigation buttons */
img.w-full.flex.justify-center {
    width: 25% !important;
}
.slide.dark {
    color:#fff;
}
.slide.light{
    color: #000;
}
.slide a {
    font-size:18px;
}
.banner-description .text-tiny {
    font-size: 12px;
}
.banner-description .text-2xl {
    font-size: 24px;
}
/* --- General Container and Header Styles --- */
.product-container {
    background-color: #141d28;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.product-wrapper {
    width: 100%;
    padding: 2.5%;
}

.header-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-title {
    font-weight: 700;
    font-size: 1.3rem;
    color: white;
}

.view-all-link {
    border: 1px solid white;
    color: white !important;
    font-size: 1.0rem;
    padding: 0.25rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background-color 200ms;
}

.view-all-link:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.icon-wrapper {
    padding-left: 0.5rem;
}

/* --- Product Grid Styles --- */
.product-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    justify-items: center;
}

/* --- Product Card Styles --- */
.product-card {
    width: 100%;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: box-shadow 300ms;
    height: 300px; /* Base height for mobile */
    display: flex;
    flex-direction: column;
    height: auto !important;
}

.product-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.image-section {
    background-color: #fff;
    position: relative;
    width: 100%;
    padding: 1rem; /* Added padding to create space around the image */
    display: flex; /* Added flex to center the image */
    align-items: center; /* Center image vertically */
    justify-content: center; /* Center image horizontally */
}

.product-image {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Changed from 'cover' to 'contain' to prevent cropping */
}

.details-section {
    padding: 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 120px;
    background-color: #f3f4f6; /* Equivalent to bg-lightgray */
}

.info-wrapper {
    flex-shrink: 0;
}

.product-name {
    color: rgb(6 114 203/var(--tw-text-opacity,1));
    font-size: 1.125rem;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0.5rem;
}

.product-name a {
    text-decoration: none;
    color: inherit !important;
}

.product-price {
    color: #4b5563;
    font-size: 1.0rem;
    margin-top: 0.25rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.button-wrapper {
    margin-top: auto;
    display: flex; /* Added flex to center the button */
    justify-content: center; /* Center button horizontally */
}

.buy-now-button {
    background-color: rgb(6 114 203/var(--tw-text-opacity,1));
    color: white;
    padding: 0.5rem 1.5rem; /* Increased padding for more space around text */
    transition: background-color 200ms;
    text-decoration: none;
    display: inline-block; /* Changed to inline-block so width is determined by content */
}

.buy-now-button:hover {
    background-color: rgb(6 114 203/var(--tw-text-opacity,1));
}

/* --- Responsive Media Queries --- */
@media (min-width: 768px) {
    .product-container {
        flex-direction: row;
    }
    .product-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}



@media (min-width: 1536px) {
 
    .section-title {
        font-size: 1.2rem;
    }
    .product-name {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }
    .details-section {
        height: 150px;
    }
}
.mt-auto .text-white {
    font-size: 15px;
}
.description .pl-\[6\.25rem\] {
    padding-left: 8.25rem;
}
.slider-btn {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border: none;
    color: #000;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.description.flex-grow {
    min-height: 180px;
}
@media(min-width: 2560px) {
    .slide img {
        height: 100vh!important;
    }
}
#finalTitle {
    font-size: 1.25rem;
    color: rgb(6 114 203 / var(--tw-text-opacity, 1));
    font-weight: 600;
}
#finalText {
    font-size: 1.0rem;
}
#finalAction,#finalAction:hover,#finalAction:active,#finalAction:focus {
    font-size: 1.25rem;
    background-color: rgb(6 114 203 / var(--tw-bg-opacity, 1));
}

.header-panel-wrapper.sticky {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    padding: 10px;
}
.modal-slider {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0; top: 0;
  width: 100vw; height: 100vh;
  background: rgba(0,0,0,0.6);
  overflow: auto;
}
.modal-content-slider {
  background: #fff;
  margin: 4vh auto;
  padding: 32px 24px;
  border-radius: 12px;
  width: 60vw;
  max-width: 600px;
  min-height: 340px;
  position: relative;
  box-shadow: 0 8px 40px rgba(0,0,0,0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.close {
  position: absolute;
  right: 24px; top: 16px;
  font-size: 32px;
  color: #444;
  cursor: pointer;
  z-index: 10;
}
.modal-img-wrapper {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}
#modalImg {
  max-width: 320px;
  width: auto;
  height: 18vh;
  display: block;
  margin: 0 auto;
}
#modalText {
  text-align: center;
  font-size: 1.0rem;
  color: #333;
  margin: 0;
}
#modal-title {
    font-weight: 700;
    font-size: 1.3rem;
    line-height: 1.75rem;
    margin-bottom: 15px;
    color: #000;
    text-align: center;
}
@media not (min-width: 400px) {
  .w-\[150px\] {
    width: 128px !important;
    }
    .min-h-\[350px\] {
        min-height: 522px !important;
    }
    .w-\[50\%\] {
    width: 60% !important;
    }
}.fieldset > .field.no-label > .label,
.fieldset > .fields > .field.no-label > .label,
.product-item-actions .actions-secondary > .action span,
.table-comparison .cell.label.remove span,
.table-comparison .cell.label.product span,
.cart.table-wrapper .col.qty .label,
.minicart-wrapper .action.showcart .text,
.minicart-wrapper .action.showcart .counter-label,
.checkout-index-index .page-title-wrapper,
.checkout-payment-method .field-select-billing > .label,
.checkout-payment-method .payments .legend,
.checkout-payment-method .ccard .legend,
.fieldset .fullname.field > .label,
.account .column.main .limiter > .label,
.field.street .field .label,
.account-nav .title,
.page-product-downloadable .product-options-wrapper .fieldset .legend.links-title,
.page-product-giftcard .fieldset.giftcard > .legend,
.opc-wrapper .form-giftcard-account .field .label,
.filter-options-content .filter-count-label,
.block-wishlist-search-form .form-wishlist-search .fieldset > .legend,
.page-multiple-wishlist .page-title-wrapper .page-title,
.multicheckout .table-wrapper .col .label,
.multicheckout .block .methods-shipping .item-content .fieldset > .legend,
.block.newsletter .label,
.block-reorder .product-item .label,
.opc-wrapper .form-discount .field .label,
.action.skip:not(:focus),
.page-header .panel.wrapper .switcher .label,
.page-footer .switcher .label,
.products-grid.wishlist .product-item .comment-box .label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.message.info {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fdf0d5;
  color: #6f4400;
  padding-left: 40px;
  position: relative;
}
.message.info a {
  color: #1979c3;
}
.message.info a:hover {
  color: #006bb4;
}
.message.info a:active {
  color: #006bb4;
}
.message.info > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 28px;
  color: #c07600;
  content: '\e602';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.error {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fae5e5;
  color: #e02b27;
  padding-left: 40px;
  position: relative;
}
.message.error a {
  color: #1979c3;
}
.message.error a:hover {
  color: #006bb4;
}
.message.error a:active {
  color: #006bb4;
}
.message.error > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 28px;
  color: #b30000;
  content: '\e602';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.warning {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fdf0d5;
  color: #6f4400;
  padding-left: 40px;
  position: relative;
}
.message.warning a {
  color: #1979c3;
}
.message.warning a:hover {
  color: #006bb4;
}
.message.warning a:active {
  color: #006bb4;
}
.message.warning > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 28px;
  color: #c07600;
  content: '\e602';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.notice {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fdf0d5;
  color: #6f4400;
  padding-left: 40px;
  position: relative;
}
.message.notice a {
  color: #1979c3;
}
.message.notice a:hover {
  color: #006bb4;
}
.message.notice a:active {
  color: #006bb4;
}
.message.notice > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 28px;
  color: #c07600;
  content: '\e602';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.success {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #e5efe5;
  color: #006400;
  padding-left: 40px;
  position: relative;
}
.message.success a {
  color: #1979c3;
}
.message.success a:hover {
  color: #006bb4;
}
.message.success a:active {
  color: #006bb4;
}
.message.success > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 28px;
  color: #006400;
  content: '\e610';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.mst-nav__search {
  padding-left: 0;
  width: 100%;
  position: relative;
}
.mst-nav__search .mst-nav__category a.mst-nav_category-toggler {
  display: none !important;
}
.mst-nav__search .mst-nav__category .items > .items {
  margin-left: 0;
}
.mst-nav__search .filter-current {
  padding: 0 10px;
  width: fit-content;
}
.mst-nav__search .filter-current span {
  color: inherit;
}
.mst-nav__search .filter-current .mst-nav__search-term:hover {
  background: none;
}
.mst-nav__search .action.search {
  display: inline-block;
  background: none;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  font-weight: 400;
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
}
.mst-nav__search .action.search::before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 32px;
  color: #757575;
  content: "\e615";
  font-family: "luma-icons";
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.mst-nav__search .mst-nav__search-suggestion {
  position: absolute;
  border: 1px solid #d1d1d1;
  background: white;
  z-index: 1000;
  max-height: 600px;
  overflow-y: auto;
  left: 0;
  margin-top: -1px;
  min-width: 100%;
  max-width: 50vw;
  width: 400px;
}
.mst-nav__search .mst-nav__search-suggestion .mst-nav__sizeLimiter {
  display: none;
}
.mst-nav__search .mst-nav__search-suggestion .mst-nav__alphabetical {
  display: none;
}
.mst-nav__search .mst-nav__search-suggestion .mst-nav__letter {
  display: none !important;
}
.mst-nav__search .mst-nav__search-suggestion .filter-options-item {
  border: none;
  padding: 0;
}
.mst-nav__search .mst-nav__search-suggestion .filter-options-item .mst-nav__suggestion-title {
  font-weight: 600;
  margin: 0;
  overflow: hidden;
  padding: 5px 10px;
  background: #eeeeee5c;
  position: relative;
  text-transform: uppercase;
  word-break: break-all;
  z-index: 1;
  display: block;
  text-decoration: none;
}
.mst-nav__search .mst-nav__search-suggestion .filter-options-item .filter-options-content {
  padding: 0 10px;
}
.mst-nav__search .mst-nav__search-suggestion .filter-options-item .filter-options-content .items {
  display: flex !important;
  flex-wrap: wrap;
}
.mst-nav__search .mst-nav__search-suggestion .filter-options-item .filter-options-content .items li,
.mst-nav__search .mst-nav__search-suggestion .filter-options-item .filter-options-content .items .mst-nav__label-item {
  margin: 5px 2rem 5px 0 !important;
  display: block;
  width: auto;
}
.mst-nav__search .mst-nav__search-suggestion .mst-nav__suggest-match {
  color: #0e89dc;
  font-weight: 600;
}
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}
.mst-nav__progress-bar {
  background: #ff5501;
  position: fixed;
  z-index: 103100;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
}
.mst-nav__progress-bar .mst-nav__progress-bar-peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #ff5501, 0 0 5px #ff5501;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px);
}
.mst-search__result-tabs {
  list-style: none;
  border-bottom: 1px solid #cccccc;
  padding: 0;
}
.mst-search__result-tabs:before,
.mst-search__result-tabs:after {
  content: '';
  display: table;
}
.mst-search__result-tabs:after {
  clear: both;
}
.mst-search__result-tabs li {
  margin: 0 5px -1px 0;
  padding: 0;
  float: left;
}
.mst-search__result-tabs li a {
  display: block;
  padding: 10px 35px;
  text-decoration: none;
  color: #7d7d7d;
  background: #f6f6f6;
  border: 1px solid #cccccc;
  border-radius: 1px 1px 0 0;
}
.mst-search__result-tabs li a.active,
.mst-search__result-tabs li a:hover,
.mst-search__result-tabs li a:focus {
  color: #333333;
  background: #ffffff;
}
.mst-search__result-tabs li a.active {
  border-bottom: 1px solid #ffffff;
}
.mst-search__result-index {
  padding: 1rem 0 1rem 0;
}
.mst-search__result-index .mst-search__result-index-title {
  background: #f6f6f6;
  padding: 1rem;
  border-radius: 1px;
  color: #7d7d7d;
}
.mst-search__result-index:last-child {
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #f6f6f6;
}
.mst-search__index ul.mst-search__list {
  list-style: none;
  margin-bottom: 10px;
  padding-left: 0;
}
.mst-search__index ul.mst-search__list li {
  margin: 2rem 0;
}
.mst-search__index ul.mst-search__list li:before,
.mst-search__index ul.mst-search__list li:after {
  content: '';
  display: table;
}
.mst-search__index ul.mst-search__list li:after {
  clear: both;
}
.mst-search__index ul.mst-search__list li:last-child {
  margin-bottom: 0;
}
.mst-search__index ul.mst-search__list li .mst-search__index-title {
  font-size: 1.5rem;
  font-weight: 600;
}
.mst-search__index ul.mst-search__list li .mst-search__index-title > a {
  color: #333333;
}
.mst-search__index ul.mst-search__list li .mst-search__index-title > span {
  color: #aaaaaa;
}
.mst-search__index ul.mst-search__list li .mst-search__index-title._crumbs a:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='h-auto pos-relative mh-4 css-10v800z'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E");
  display: inline-block;
  width: 13px;
  height: 13px;
  margin: -2px 5px;
}
.mst-search__index ul.mst-search__list li .mst-search__index-title._crumbs a:last-child:after {
  display: none;
}
.mst-search__index ul.mst-search__list li .mst-search__index-content {
  color: #666666;
  margin: .5rem 0 0 0;
}
.mst-search__index ul.mst-search__list li .mst-search__index-image {
  margin-right: 2rem;
  float: left;
}
.mst-search__index ul.mst-search__list li .mst-search__index-image > img {
  max-width: 5rem;
  max-height: 5rem;
}
.mst-search__highlight {
  background: #ffff00;
}
.mst-search__misc-recommendations {
  display: flex;
  flex-wrap: wrap;
}
.mst-search__misc-recommendations dt {
  margin-right: 20px;
}
.mst-search__misc-recommendations dd {
  margin-right: 20px;
}
.mst-search__misc-recommendations dd .count {
  color: #7d7d7d;
}
.mst-search-in__wrapper {
  max-width: 100%;
  display: flex;
  overflow: hidden;
  position: relative;
  flex-grow: 1;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.mst-search-in__wrapper .mst-search-in__title {
  border: none;
  padding: 6px 3px 6px 6px;
  margin-right: 3px;
  font-weight: 600;
  white-space: nowrap;
}
.mst-search-in__wrapper .mst-search-in__item {
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin: 0 5px 5px 0;
  padding: 6px 12px;
  color: #494949;
  text-decoration: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mst-search-in__wrapper .mst-search-in__item span.name {
  display: flex;
  flex-wrap: nowrap;
  font-size: 13px;
}
.mst-search-in__wrapper .mst-search-in__item span.name i {
  font-style: normal;
  display: flex;
  align-items: center;
}
.mst-search-in__wrapper .mst-search-in__item span.name i:after {
  font-size: 7px;
  content: '\e608';
  font-family: 'luma-icons';
  margin: 0 5px;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
  color: #757575;
}
.mst-search-in__wrapper .mst-search-in__item span.name i:last-child:after {
  display: none;
}
.mst-search-in__wrapper .mst-search-in__item span.count {
  color: #757575;
  display: block;
  margin-left: 8px;
  font-size: 80%;
}
.mst-search-in__wrapper .mst-search-in__item span.count:before {
  content: "(";
}
.mst-search-in__wrapper .mst-search-in__item span.count:after {
  content: ")";
}
.mst-search-in__wrapper .mst-search-in__item:hover {
  border-color: #ff5501;
  text-decoration: none;
}
.mst_categorySearchLoader {
  display: none;
  position: absolute;
  top: 6px;
  right: 15px;
  width: 20px;
  height: 20px;
}
.mst_categorySearchLoader .spinner-item {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #999999 transparent transparent transparent;
}
.mst_categorySearchLoader .spinner-item.spinner-item-1 {
  animation-delay: -0.45s;
}
.mst_categorySearchLoader .spinner-item.spinner-item-2 {
  animation-delay: -0.3s;
}
.mst_categorySearchLoader .spinner-item.spinner-item-3 {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.mst_categorySearch {
  display: block;
  position: relative;
}
.mst_categorySearch_searchIcon {
  position: absolute;
  left: 10px;
  font-size: 21px;
  color: #bbbbbb;
}
span.mst_categorySearch_totals {
  position: absolute;
  right: 0;
  padding: 6px 15px 6px 15px;
  color: #999;
  display: none;
}
input#mst_categorySearch {
  padding: 0 0 0 35px;
  margin-bottom: 15px;
  width: 100%;
  max-width: 100%;
}
.mst_categorySearchLoader .fa-spinner {
  font-size: 30px;
}
#search_autocomplete,
.search-autocomplete,
#searchbox_autocomplete {
  display: none !important;
  height: 0 !important;
  overflow: hidden !important;
}
.block-search {
  z-index: 10000;
}
.mst-searchautocomplete__autocomplete {
  display: none !important;
  position: absolute;
  top: 3.1rem;
  left: 0;
  box-sizing: border-box;
  background: #ffffff;
  border-radius: 3px;
  min-height: 3.5rem;
  z-index: 1000;
  text-align: left;
  overflow: hidden;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  margin-top: 7px;
}
.mst-searchautocomplete__autocomplete._active {
  display: block !important;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  max-height: 70vh;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results {
  height: 100%;
  overflow-y: auto;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__results.__all {
  margin-bottom: 40px;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__spinner {
  display: none;
  position: absolute;
  top: 5px;
  right: 10px;
}
.mst-searchautocomplete__autocomplete._loading .mst-searchautocomplete__spinner {
  display: block;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__empty-result {
  background: #efefef;
  text-align: center;
  padding: 8px 10px;
  color: #777777;
  font-size: 1.2rem;
  display: block;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
  border-top: 1px solid #efefef;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
  font-weight: 600;
  padding: 10px 0;
  color: #777777;
  font-size: 1.2rem;
  display: block;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__index-title {
  border-bottom: 1px solid #efefef;
  padding: 10px 0 9px 0px;
  margin: 0 10px;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #777777;
  text-transform: uppercase;
  font-weight: 700;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
  display: none;
}
.mst-searchautocomplete__autocomplete ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.mst-searchautocomplete__autocomplete ul li {
  margin: 0;
  padding: 7px 10px;
  cursor: pointer;
}
.mst-searchautocomplete__autocomplete ul li:before,
.mst-searchautocomplete__autocomplete ul li:after {
  content: '';
  display: table;
}
.mst-searchautocomplete__autocomplete ul li:after {
  clear: both;
}
.mst-searchautocomplete__autocomplete ul li a.title {
  font-weight: 500;
  margin-bottom: 0;
  color: #333333;
  text-decoration: none;
}
.mst-searchautocomplete__autocomplete ul li._active {
  background: #f8f8f8;
}
.mst-searchautocomplete__autocomplete ul li._active a.title {
  text-decoration: underline;
}
.mst-searchautocomplete__index.popular .index-title {
  background: none;
  text-align: left;
  color: #999999;
}
.mst-searchautocomplete__index.popular ul li {
  padding: 10px 10px 10px 10px;
  margin: 0;
}
.mst-searchautocomplete__index.popular ul li a {
  font-size: 1.3rem;
  color: #575757;
  font-weight: 600;
}
.mst-searchautocomplete__index.popular ul li:hover {
  background: #f0f0f0;
  cursor: pointer;
}
.mst-searchautocomplete__index.popular ul li:hover a {
  text-decoration: none;
}
.mst-searchautocomplete__index.magento_catalog_product {
  border-left: 1px solid transparent;
}
.mst-searchautocomplete__item.magento_catalog_product {
  display: flex;
  border-bottom: 1px solid #f6f6f6;
  align-items: center;
  padding: 10px;
}
.mst-searchautocomplete__item.magento_catalog_product:last-child {
  border-bottom: none;
}
.mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper {
  height: 8rem;
  width: 8rem;
  margin-right: 1rem;
}
.mst-searchautocomplete__item.magento_catalog_product .mst-product-image-wrapper img {
  height: 8rem;
  max-width: 8rem;
  display: block;
  margin: auto;
  object-fit: contain;
}
.mst-searchautocomplete__item.magento_catalog_product .title {
  display: block;
  margin-bottom: 0.5rem;
}
.mst-searchautocomplete__item.magento_catalog_product .title a {
  color: #333333;
}
.mst-searchautocomplete__item.magento_catalog_product .title .sku {
  color: #777777;
}
.mst-searchautocomplete__item.magento_catalog_product .meta {
  flex-grow: 1;
  overflow: hidden;
}
.mst-searchautocomplete__item.magento_catalog_product .description {
  font-size: 1.2rem;
  color: #777777;
  height: 3rem;
  line-height: 1.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
}
.mst-searchautocomplete__item.magento_catalog_product .store > .price {
  display: block;
  font-weight: 600;
  margin-left: 1rem;
  white-space: nowrap;
  font-size: 1.3rem;
}
.mst-searchautocomplete__item.magento_catalog_product .store > .price .price-label {
  margin-right: 1rem;
}
.mst-searchautocomplete__item.magento_catalog_product .product-reviews-summary {
  margin: 0;
}
.mst-searchautocomplete__item.magento_catalog_product .product-reviews-summary .reviews-actions {
  display: none;
}
.mst-searchautocomplete__item.magento_catalog_product .to_cart_message {
  padding: 5px 10px;
  font-size: 1.2rem;
}
.mst-searchautocomplete__item.magento_catalog_product .to_cart_message.error {
  color: #e02b27;
  background: #fae5e5;
}
.mst-searchautocomplete__item.magento_catalog_product .to_cart_message.success {
  color: #006400;
  background: #e5efe5;
}
.mst-searchautocomplete__item.magento_catalog_product .to-cart {
  float: right;
  margin-top: .5rem;
  margin-bottom: .5rem;
}
.mst-searchautocomplete__item.magento_catalog_product .inStock {
  color: #76bd76;
}
.mst-searchautocomplete__item.magento_catalog_product .outOfStock {
  color: #a96565;
}
.mst-searchautocomplete__item.magento_catalog_product._active {
  background: #f8f8f8 !important;
}
.mst-searchautocomplete__item.magento_catalog_product._active .title a {
  text-decoration: underline;
}
.mst-searchautocomplete__item.magento_search_query a {
  float: left;
}
.mst-searchautocomplete__item.magento_search_query .num_results {
  float: right;
  color: #777777;
}
.mst-searchautocomplete__item a.title {
  word-break: break-word;
}
.mst-searchautocomplete__item a.title i {
  color: #777777;
  display: inline-block;
  margin: 0 .5rem;
  font-style: normal;
}
.mst-searchautocomplete__highlight {
  font-weight: 600;
  color: #1ba1fc;
}
.mst-searchautocomplete__spinner {
  position: relative;
  width: 20px;
  height: 20px;
  margin: auto;
}
.mst-searchautocomplete__spinner .spinner-item {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 0;
  border: 2px solid #ffffff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #999999 transparent transparent transparent;
}
.mst-searchautocomplete__spinner .spinner-item.spinner-item-1 {
  animation-delay: -0.45s;
}
.mst-searchautocomplete__spinner .spinner-item.spinner-item-2 {
  animation-delay: -0.3s;
}
.mst-searchautocomplete__spinner .spinner-item.spinner-item-3 {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 768px) {
  .mst-searchautocomplete__autocomplete {
    width: 100%;
  }
  .mst-searchautocomplete__autocomplete._active {
    display: block !important;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols {
    width: 720px !important;
    position: absolute;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
    clear: left;
    float: left;
    display: block;
    position: relative;
    max-width: 223px;
    width: 223px;
    padding-bottom: 2rem;
    box-sizing: border-box;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index .mst-searchautocomplete__index-title {
    margin-right: 0;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
    width: 480px;
    max-width: 480px;
    clear: right;
    float: right;
    border-left: 1px solid #f6f6f6;
    border-right: unset;
    padding-bottom: 0;
  }
  .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__show-all {
    clear: both;
  }
}
@media (max-width: 768px) {
  .mst-searchautocomplete__autocomplete .mst-searchautocomplete__close {
    display: block;
    position: absolute;
    right: 6px;
    top: 0;
    font-weight: bold;
    color: #999999;
    font-size: 1.6rem;
    padding: 10px;
    line-height: 1rem;
    cursor: pointer;
  }
}
.mst-search-autocomplete__typeahead-overlay {
  color: #aaa;
  top: 0;
  position: absolute !important;
  z-index: -1;
  left: 15px;
  border: 0 !important;
}

.cart-summary .block .fieldset {
  margin: 15px 0 25px 5px;
}
.cart-summary .block .fieldset .field {
  margin: 0 0 10px;
}
.cart-summary .block .fieldset .field.note {
  font-size: 12px;
}
.cart-summary .block .fieldset .methods .field > .label {
  display: inline;
}
.cart-totals {
  border-top: 1px solid #d1d1d1;
  padding-top: 10px;
}
.cart-totals .table-wrapper {
  margin-bottom: 0;
  overflow: inherit;
}
.cart-totals .discount.coupon {
  display: none;
}
.cart.table-wrapper .items thead + .item {
  border-top: 1px solid #d1d1d1;
}
.cart.table-wrapper .items > .item {
  border-bottom: 1px solid #d1d1d1;
  position: relative;
}
.cart.table-wrapper .col {
  padding-top: 20px;
}
.cart.table-wrapper .col.qty .input-text {
  margin-top: -5px;
}
.cart.table-wrapper .item-actions td {
  padding-bottom: 10px;
  text-align: center;
  white-space: normal;
}
.cart.table-wrapper .item .col.item {
  display: block;
  min-height: 75px;
  padding: 25px 0 10px 75px;
  position: relative;
}
.cart.table-wrapper .actions-toolbar > .action,
.action-gift {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 10px;
  margin-right: 10px;
}
.cart.table-wrapper .actions-toolbar > .action:hover,
.cart.table-wrapper .actions-toolbar > .action:active,
.cart.table-wrapper .actions-toolbar > .action:focus,
.action-gift:hover,
.action-gift:active,
.action-gift:focus {
  text-decoration: none;
}
.cart.table-wrapper .actions-toolbar > .action:last-child,
.action-gift:last-child {
  margin-right: 0;
}
.cart.table-wrapper .action.help.map {
  font-weight: 400;
}
.cart.table-wrapper .product-item-photo {
  display: block;
  left: 0;
  max-width: 60px;
  padding: 0;
  position: absolute;
  top: 15px;
  width: 100%;
}
.cart.table-wrapper .product-item-details {
  white-space: normal;
}
.cart.table-wrapper .product-item-name {
  display: inline-block;
  font-weight: 400;
  margin-top: -6px;
}
.cart.table-wrapper .gift-registry-name-label:after {
  content: ':';
}
.cart.table-wrapper .item-options {
  font-size: 12px;
  margin-bottom: 10px;
}
.cart.table-wrapper .product-item-name + .item-options {
  margin-top: 10px;
}
.cart.table-wrapper .action.configure {
  display: inline-block;
  margin: 0 0 20px;
}
.cart-container .checkout-methods-items {
  margin-top: 20px;
  text-align: center;
}
.cart-container .checkout-methods-items .action.primary {
  width: 100%;
}
.cart-container .checkout-methods-items .item + .item {
  margin-top: 20px;
}
.cart-products-toolbar .toolbar-amount {
  margin: 25px 0 15px;
  padding: 0;
  text-align: center;
}
.cart-products-toolbar .pages {
  margin: 0 0 25px;
  text-align: center;
}
.cart-products-toolbar .pages .items > .item {
  border-bottom: 0;
}
.cart-products-toolbar-top {
  border-bottom: 1px solid #d1d1d1;
}
.block.crosssell {
  margin-top: 70px;
}
.cart-tax-info + .cart-tax-total,
.cart .cart-tax-info + .cart-tax-total {
  display: block;
}
.cart.table-wrapper .col.price,
.order-items.table-wrapper .col.price,
.cart.table-wrapper .col.qty,
.order-items.table-wrapper .col.qty,
.cart.table-wrapper .col.subtotal,
.order-items.table-wrapper .col.subtotal,
.cart.table-wrapper .col.msrp,
.order-items.table-wrapper .col.msrp {
  text-align: right;
}
.block-minicart .items-total {
  float: left;
  margin: 0 10px;
}
.block-minicart .items-total .count {
  font-weight: 700;
}
.block-minicart .subtotal {
  margin: 0 10px 10px;
  text-align: right;
}
.block-minicart .amount .price-wrapper:first-child .price {
  font-size: 18px;
  font-weight: 700;
}
.block-minicart .subtitle {
  display: none;
}
.block-minicart .subtitle.empty {
  display: block;
  font-size: 14px;
  padding: 30px 0 20px;
  text-align: center;
}
.block-minicart .text.empty {
  text-align: center;
}
.block-minicart .block-content > .actions {
  margin-top: 15px;
  text-align: center;
}
.block-minicart .block-content > .actions > .primary {
  margin: 0 10px 15px;
}
.block-minicart .block-content > .actions > .primary .action.primary {
  display: block;
  margin-bottom: 15px;
  width: 100%;
}
.block-minicart .block-content > .actions > .primary .action.primary:last-child {
  margin-bottom: 0;
}
.block-minicart .block-category-link,
.block-minicart .block-product-link,
.block-minicart .block-cms-link,
.block-minicart .block-banners {
  margin: 15px 0 0;
  text-align: center;
}
.minicart-wrapper {
  display: inline-block;
  position: relative;
  float: right;
}
.minicart-wrapper:before,
.minicart-wrapper:after {
  content: '';
  display: table;
}
.minicart-wrapper:after {
  clear: both;
}
.minicart-wrapper .action.showcart {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.minicart-wrapper .action.showcart:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 35px;
  line-height: 33px;
  color: #8f8f8f;
  content: '\e611';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-wrapper .action.showcart:hover:before {
  color: #333333;
}
.minicart-wrapper .action.showcart:active:before {
  color: #8f8f8f;
}
.minicart-wrapper .action.showcart.active {
  display: inline-block;
  text-decoration: none;
}
.minicart-wrapper .action.showcart.active:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 35px;
  line-height: 33px;
  color: #8f8f8f;
  content: '\e611';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-wrapper .action.showcart.active:hover:before {
  color: #333333;
}
.minicart-wrapper .action.showcart.active:active:before {
  color: #8f8f8f;
}
.minicart-wrapper .block-minicart {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  margin-top: 4px;
  min-width: 100%;
  width: 320px;
  z-index: 101;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.minicart-wrapper .block-minicart li {
  margin: 0;
}
.minicart-wrapper .block-minicart li:hover {
  cursor: pointer;
}
.minicart-wrapper .block-minicart:before,
.minicart-wrapper .block-minicart:after {
  border-bottom-style: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.minicart-wrapper .block-minicart:before {
  border: 6px solid;
  border-color: transparent transparent #ffffff transparent;
  z-index: 99;
}
.minicart-wrapper .block-minicart:after {
  border: 7px solid;
  border-color: transparent transparent #bbbbbb transparent;
  z-index: 98;
}
.minicart-wrapper .block-minicart:before {
  right: 26px;
  top: -12px;
}
.minicart-wrapper .block-minicart:after {
  right: 25px;
  top: -14px;
}
.minicart-wrapper.active {
  overflow: visible;
}
.minicart-wrapper.active .block-minicart {
  display: block;
}
.minicart-wrapper .block-minicart {
  padding: 25px 20px;
}
.minicart-wrapper .block-minicart .block-title {
  display: none;
}
.minicart-wrapper .product .actions {
  float: right;
  margin: -28px 0 0;
  text-align: right;
}
.minicart-wrapper .product .actions > .primary,
.minicart-wrapper .product .actions > .secondary {
  display: inline;
}
.minicart-wrapper .action.close {
  display: inline-block;
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  font-weight: 400;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
}
.minicart-wrapper .action.close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.minicart-wrapper .action.close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 32px;
  line-height: 32px;
  color: inherit;
  content: '\e616';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-wrapper .action.close:hover:before {
  color: inherit;
}
.minicart-wrapper .action.close:active:before {
  color: inherit;
}
.minicart-wrapper .action.close:focus,
.minicart-wrapper .action.close:active {
  background: none;
  border: none;
}
.minicart-wrapper .action.close:hover {
  background: none;
  border: none;
}
.minicart-wrapper .action.close.disabled,
.minicart-wrapper .action.close[disabled],
fieldset[disabled] .minicart-wrapper .action.close {
  pointer-events: none;
  opacity: 0.5;
}
.minicart-wrapper .action.showcart {
  white-space: nowrap;
}
.minicart-wrapper .action.showcart .counter.qty {
  background: #ff5501;
  color: #ffffff;
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  display: inline-block;
  margin: 3px 0 0;
  min-width: 18px;
  overflow: hidden;
  padding: 0 3px;
  text-align: center;
  white-space: normal;
}
.minicart-wrapper .action.showcart .counter.qty.empty {
  display: none;
}
.minicart-wrapper .action.showcart .counter.qty .loader > img {
  max-width: 24px;
}
.minicart-wrapper .minicart-widgets {
  margin-top: 15px;
}
.minicart-items-wrapper {
  border: 1px solid #cccccc;
  margin: 0 -20px;
  border-left: 0;
  border-right: 0;
  overflow-x: auto;
  padding: 15px;
}
.minicart-items {
  margin: 0;
  padding: 0;
  list-style: none none;
}
.minicart-items .product-item {
  padding: 20px 0;
}
.minicart-items .product-item:not(:first-child) {
  border-top: 1px solid #cccccc;
}
.minicart-items .product-item:first-child {
  padding-top: 0;
}
.minicart-items .product-item-pricing .label {
  display: inline-block;
}
.minicart-items .price-minicart {
  margin-bottom: 5px;
}
.minicart-items .message {
  margin-bottom: 0;
  margin-top: 10px;
}
.minicart-items .product > .product-item-photo,
.minicart-items .product > .product-image-container {
  float: left;
}
.minicart-items .product .toggle {
  display: block;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.minicart-items .product .toggle:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 16px;
  color: inherit;
  content: '\e622';
  font-family: 'icons-blank-theme';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-items .product .toggle:after {
  position: static;
  right: 20px;
  top: 0;
}
.minicart-items .product.active > .toggle:after {
  content: '\e621';
}
.minicart-items .product-item-name {
  font-weight: 400;
  margin: 0 0 10px;
}
.minicart-items .product-item-name a {
  color: #1979c3;
}
.minicart-items .product-item-details {
  padding-left: 88px;
}
.minicart-items .product-item-details .price {
  font-weight: 700;
}
.minicart-items .product-item-details .price-including-tax,
.minicart-items .product-item-details .price-excluding-tax {
  margin: 5px 0 0;
}
.minicart-items .product-item-details .weee[data-label] {
  font-size: 1.1rem;
}
.minicart-items .product-item-details .details-qty {
  margin-top: 10px;
}
.minicart-items .product.options .tooltip.toggle {
  display: inline-block;
  text-decoration: none;
}
.minicart-items .product.options .tooltip.toggle > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.minicart-items .product.options .tooltip.toggle:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 28px;
  color: inherit;
  content: '\e622';
  font-family: 'icons-blank-theme';
  margin: -3px 0 0 7px;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-items .product.options .tooltip.toggle .details {
  display: none;
}
.minicart-items .item-qty {
  text-align: center;
  width: 45px;
}
.minicart-items .update-cart-item {
  font-size: 1.1rem;
  margin-left: 5px;
  vertical-align: top;
}
.minicart-items .subtitle {
  display: none;
}
.minicart-items .action.edit,
.minicart-items .action.delete {
  display: inline-block;
  text-decoration: none;
}
.minicart-items .action.edit > span,
.minicart-items .action.delete > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.minicart-items .action.edit:before,
.minicart-items .action.delete:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 28px;
  line-height: 28px;
  color: #303030;
  content: '\e606';
  font-family: 'icons-blank-theme';
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.minicart-items .action.edit:hover:before,
.minicart-items .action.delete:hover:before {
  color: #303030;
}
.minicart-items .action.edit:active:before,
.minicart-items .action.delete:active:before {
  color: #303030;
}
.minicart-items .action.delete:before {
  content: '\e604';
}
.fieldset .fullname.field > .label + .control {
  width: 100%;
}
.account .column.main h2 {
  margin-top: 0;
}
.account .column.main .toolbar {
  text-align: center;
}
.account .column.main .toolbar .limiter-options {
  width: auto;
}
.account .sidebar-additional {
  margin-top: 40px;
}
.account .table-wrapper:last-child {
  margin-bottom: 0;
}
.account .table-wrapper .action {
  margin-right: 15px;
}
.account .table-wrapper .action:last-child {
  margin-right: 0;
}
.account-nav .content {
  background: #f5f5f5;
  padding: 15px 0;
}
.account-nav .item {
  margin: 3px 0 0;
}
.account-nav .item:first-child {
  margin-top: 0;
}
.account-nav .item a,
.account-nav .item > strong {
  border-left: 3px solid transparent;
  display: block;
  padding: 5px 18px 5px 15px;
}
.account-nav .item a {
  text-decoration: none;
}
.account-nav .item a:hover {
  background: #e8e8e8;
}
.account-nav .item.current a,
.account-nav .item.current strong {
  border-color: #ff5501;
  font-weight: 600;
}
.account-nav .item.current a {
  border-color: #ff5501;
}
.account-nav .item .delimiter {
  border-top: 1px solid #d1d1d1;
  display: block;
  margin: 10px 1.8rem;
}
.block .title {
  margin-bottom: 10px;
}
.block .title strong {
  font-weight: 700;
  line-height: 1.1;
  font-size: 1.4rem;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.column.main .block .title strong {
  font-size: 18px;
}
.block p:last-child {
  margin: 0;
}
.block .box-actions {
  margin-top: 5px;
}
.field.password .control {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.field.password .control .mage-error {
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.field.password .control .input-text {
  -ms-flex-order: 0;
  -webkit-order: 0;
  order: 0;
  z-index: 2;
}
.password-strength-meter {
  background-color: #f4f4f4;
  height: 32px;
  line-height: 32px;
  padding: 0 9px;
  position: relative;
  z-index: 1;
}
.password-strength-meter:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.password-none .password-strength-meter:before {
  background-color: #f4f4f4;
  width: 100%;
}
.password-weak .password-strength-meter:before {
  background-color: #ffafae;
  width: 25%;
}
.password-medium .password-strength-meter:before {
  background-color: #ffd6b3;
  width: 50%;
}
.password-strong .password-strength-meter:before {
  background-color: #c5eeac;
  width: 75%;
}
.password-very-strong .password-strength-meter:before {
  background-color: #81b562;
  width: 100%;
}
.control.captcha-image {
  margin-top: 10px;
}
.control.captcha-image .captcha-img {
  vertical-align: middle;
}
.downloadable.samples {
  margin-bottom: 20px;
}
.downloadable.samples dd {
  margin: 0 0 10px;
}
.table-downloadable-products .product-name {
  margin-right: 15px;
}
.field.downloads .price-container {
  display: inline;
  white-space: nowrap;
}
.field.downloads .price-container:before {
  content: ' + ';
  display: inline;
}
.field.downloads .price-excluding-tax {
  display: inline;
}
.field.downloads .price-excluding-tax:before {
  content: ' (' attr(data-label) ': ';
}
.field.downloads .price-excluding-tax:after {
  content: ')';
}
.field.downloads .price-including-tax {
  font-size: 1.4rem;
  display: inline;
  font-weight: 600;
}
.field.downloads .sample.link {
  float: right;
}
.page-product-downloadable .product-add-form {
  clear: both;
  margin-bottom: 25px;
}
.page-product-downloadable .product-options-bottom .field.qty {
  display: none !important;
}
.cart-summary .block.giftcard .action.check {
  line-height: 1.2rem;
  padding: 5px 8px;
  font-size: 1.1rem;
  margin-top: 20px;
}
.page-product-giftcard .giftcard-amount {
  margin-bottom: 0;
  text-align: left;
}
.page-product-giftcard .giftcard-amount .field:last-child {
  padding-bottom: 20px;
}
.page-product-giftcard .product-options-wrapper .field:first-of-type {
  margin-top: 20px;
}

.wishlist.split.button {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.wishlist.split.button:before,
.wishlist.split.button:after {
  content: '';
  display: table;
}
.wishlist.split.button:after {
  clear: both;
}
.wishlist.split.button .action.split {
  float: left;
  margin: 0;
}
.wishlist.split.button .action.toggle {
  float: right;
  margin: 0;
}
.wishlist.split.button button.action.split,
.wishlist.split.button .cart.table-wrapper .actions-toolbar > .action.action.split,
.wishlist.split.button .action-gift.action.split {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.wishlist.split.button button + .action.toggle,
.wishlist.split.button .cart.table-wrapper .actions-toolbar > .action + .action.toggle,
.wishlist.split.button .action-gift + .action.toggle {
  border-bottom-left-radius: 0;
  border-left: 0;
  border-top-left-radius: 0;
}
.wishlist.split.button .action.toggle {
  display: inline-block;
  text-decoration: none;
}
.wishlist.split.button .action.toggle > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wishlist.split.button .action.toggle:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: #7d7d7d;
  content: '\e622';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.wishlist.split.button .action.toggle:hover:after {
  color: #333333;
}
.wishlist.split.button .action.toggle:active:after {
  color: inherit;
}
.wishlist.split.button .action.toggle.active {
  display: inline-block;
  text-decoration: none;
}
.wishlist.split.button .action.toggle.active > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wishlist.split.button .action.toggle.active:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: #7d7d7d;
  content: '\e621';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.wishlist.split.button .action.toggle.active:hover:after {
  color: #333333;
}
.wishlist.split.button .action.toggle.active:active:after {
  color: inherit;
}
.wishlist.split.button .items {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  margin-top: 4px;
  min-width: 200px;
  z-index: 100;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.wishlist.split.button .items li {
  margin: 0;
  padding: 5px 5px 5px 23px;
}
.wishlist.split.button .items li:hover {
  background: #e8e8e8;
  cursor: pointer;
}
.wishlist.split.button .items:before,
.wishlist.split.button .items:after {
  border-bottom-style: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.wishlist.split.button .items:before {
  border: 6px solid;
  border-color: transparent transparent #ffffff transparent;
  z-index: 99;
}
.wishlist.split.button .items:after {
  border: 7px solid;
  border-color: transparent transparent #bbbbbb transparent;
  z-index: 98;
}
.wishlist.split.button .items:before {
  left: 10px;
  top: -12px;
}
.wishlist.split.button .items:after {
  left: 9px;
  top: -14px;
}
.wishlist.split.button.active {
  overflow: visible;
}
.wishlist.split.button.active .items {
  display: block;
}
.wishlist.split.button .items {
  text-align: left;
}
.wishlist.split.button .items .item > span {
  display: block;
  padding: 5px 5px 5px 23px;
}
.wishlist.split.button .items .item:last-child:hover {
  background: #e8e8e8;
}
.wishlist.split.button .items li {
  padding: 0;
}
.cart.table-wrapper .wishlist.split.button {
  margin-bottom: 10px;
}
.cart.table-wrapper .wishlist.split.button > .action.toggle {
  padding: 4px 5px;
}
.wishlist.window.popup {
  box-sizing: border-box;
  background: #ffffff;
  border: 1px solid #aeaeae;
  padding: 22px;
  width: 100%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  transition: opacity 0.3s linear;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
  display: none;
  opacity: 0;
}
.wishlist.window.popup .popup-header {
  margin: 0 0 25px;
  padding-right: 22px;
}
.wishlist.window.popup .popup-header .title {
  font-weight: 300;
  line-height: 1.1;
  font-size: 1.8rem;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.wishlist.window.popup .popup-actions .action.close {
  position: absolute;
  display: inline-block;
  background-image: none;
  background: none;
  -moz-box-sizing: content-box;
  border: 0;
  box-shadow: none;
  line-height: inherit;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-shadow: none;
  font-weight: 400;
  right: 10px;
  top: 10px;
}
.wishlist.window.popup .popup-actions .action.close > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.wishlist.window.popup .popup-actions .action.close:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  content: '\e616';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.wishlist.window.popup .popup-actions .action.close:hover:before {
  color: inherit;
}
.wishlist.window.popup .popup-actions .action.close:active:before {
  color: inherit;
}
.wishlist.window.popup .popup-actions .action.close:focus,
.wishlist.window.popup .popup-actions .action.close:active {
  background: none;
  border: none;
}
.wishlist.window.popup .popup-actions .action.close:hover {
  background: none;
  border: none;
}
.wishlist.window.popup .popup-actions .action.close.disabled,
.wishlist.window.popup .popup-actions .action.close[disabled],
fieldset[disabled] .wishlist.window.popup .popup-actions .action.close {
  pointer-events: none;
  opacity: 0.5;
}
.wishlist.window.popup.active {
  opacity: 1;
}
.wishlist.window.popup.active {
  display: block;
}
.wishlist.overlay {
  transition: opacity 0.15s linear;
  background: #000000;
  z-index: 899;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.wishlist.overlay.active {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.wishlist.overlay.active {
  display: block;
}
.block-wishlist-management {
  position: relative;
}
.block-wishlist-management .wishlist-select .wishlist-name-label {
  font-weight: 600;
}
.block-wishlist-management .wishlist-title {
  margin-bottom: 10px;
}
.block-wishlist-management .wishlist-title strong {
  font-weight: 300;
  margin-right: 10px;
}
.block-wishlist-management .wishlist-notice {
  color: #7d7d7d;
  display: inline-block;
  margin-right: 20px;
}
.block-wishlist-management .wishlist-toolbar-select,
.block-wishlist-management .wishlist-toolbar-actions {
  display: inline-block;
}
.block-wishlist-management .wishlist-toolbar-select {
  margin-right: 20px;
}
.block-wishlist-management .wishlist-dropdown.move {
  margin-right: 20px;
}
.block-wishlist-search-form .form-wishlist-search {
  margin-bottom: 60px;
  max-width: 500px;
}
.block-wishlist-search-results .toolbar-wishlist-results {
  text-align: center;
}
.block-wishlist-info-items .block-title {
  font-size: 2.2rem;
  margin-bottom: 20px;
}
.block-wishlist-info-items .block-title > strong {
  font-weight: 300;
}
.block-wishlist-info-items .product-item {
  width: 100%;
}
.block-wishlist-info-items .product-item-photo {
  margin-left: 20px;
}
.block-wishlist-info-items .product-item-info {
  width: auto;
}
.block-wishlist-info-items .product-item-info:hover .split {
  visibility: visible;
}
.block-wishlist-info-items .price-wrapper {
  display: block;
  margin: 0 0 10px;
}
.block-wishlist-info-items .split {
  clear: both;
  padding: 10px 0;
}
.block-wishlist-info-items .action.towishlist {
  padding: 10px 0;
}
.block-wishlist-info-items .input-text.qty {
  margin-right: 10px;
}

.page-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100vh;
}
.page-main {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.page-header {
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 20px;
}
.header.content {
  padding-top: 10px;
  position: relative;
}
.logo {
  float: left;
  margin: 0 0 10px 40px;
  max-width: 50%;
  position: relative;
  z-index: 5;
}
.logo img {
  display: block;
  height: auto;
}
.page-print .logo {
  float: none;
}
.page-main > .page-title-wrapper .page-title + .action {
  margin-top: 30px;
}
.action.skip:focus {
  background: #f0f0f0;
  padding: 10px;
  box-sizing: border-box;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 15;
}
.action-skip-wrapper {
  height: 0;
  position: relative;
}
.message.global p {
  margin: 0;
}
.message.global.noscript,
.message.global.cookie {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #ffee9c;
  border-color: #d6ca8e;
  color: #333333;
  margin: 0;
}
.message.global.noscript a,
.message.global.cookie a {
  color: #1979c3;
}
.message.global.noscript a:hover,
.message.global.cookie a:hover {
  color: #006bb4;
}
.message.global.noscript a:active,
.message.global.cookie a:active {
  color: #ff5501;
}
.message.global.cookie {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  z-index: 3;
}
.message.global.cookie .actions {
  margin-top: 10px;
}
.message.global.demo {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #ff0101;
  border-color: none;
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}
.message.global.demo a {
  color: #1979c3;
}
.message.global.demo a:hover {
  color: #006bb4;
}
.message.global.demo a:active {
  color: #ff5501;
}
.page-footer {
  margin-top: auto;
}
.footer.content {
  border-top: 1px solid #d1d1d1;
  margin-top: 25px;
  padding-bottom: 25px;
  padding-top: 25px;
}
.footer.content .links > li {
  margin: 0 0 8px;
}
.footer.content .switcher-store {
  margin: 0 0 30px;
}
.footer .copyright,
.footer .bugs {
  display: block;
  margin: 20px 0 0;
}
.page-header .panel.wrapper .switcher,
.page-footer .switcher {
  margin-right: 10px;
}
.page-header .panel.wrapper .switcher .options,
.page-footer .switcher .options {
  display: inline-block;
  position: relative;
}
.page-header .panel.wrapper .switcher .options:before,
.page-footer .switcher .options:before,
.page-header .panel.wrapper .switcher .options:after,
.page-footer .switcher .options:after {
  content: '';
  display: table;
}
.page-header .panel.wrapper .switcher .options:after,
.page-footer .switcher .options:after {
  clear: both;
}
.page-header .panel.wrapper .switcher .options .action.toggle,
.page-footer .switcher .options .action.toggle {
  padding: 0;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
}
.page-header .panel.wrapper .switcher .options .action.toggle > span,
.page-footer .switcher .options .action.toggle > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.page-header .panel.wrapper .switcher .options .action.toggle:after,
.page-footer .switcher .options .action.toggle:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  content: '\e622';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.page-header .panel.wrapper .switcher .options .action.toggle:hover:after,
.page-footer .switcher .options .action.toggle:hover:after {
  color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle:active:after,
.page-footer .switcher .options .action.toggle:active:after {
  color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active,
.page-footer .switcher .options .action.toggle.active {
  display: inline-block;
  text-decoration: none;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active > span,
.page-footer .switcher .options .action.toggle.active > span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:after,
.page-footer .switcher .options .action.toggle.active:after {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  line-height: 22px;
  color: inherit;
  content: '\e621';
  font-family: 'icons-blank-theme';
  margin: 0;
  vertical-align: top;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  text-align: center;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:hover:after,
.page-footer .switcher .options .action.toggle.active:hover:after {
  color: inherit;
}
.page-header .panel.wrapper .switcher .options .action.toggle.active:active:after,
.page-footer .switcher .options .action.toggle.active:active:after {
  color: inherit;
}
.page-header .panel.wrapper .switcher .options ul.dropdown,
.page-footer .switcher .options ul.dropdown {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  margin-top: 4px;
  min-width: 160px;
  z-index: 100;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}
.page-header .panel.wrapper .switcher .options ul.dropdown li,
.page-footer .switcher .options ul.dropdown li {
  margin: 0;
  padding: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown li:hover,
.page-footer .switcher .options ul.dropdown li:hover {
  background: #e8e8e8;
  cursor: pointer;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before,
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
  border-bottom-style: solid;
  content: '';
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
  border: 6px solid;
  border-color: transparent transparent #ffffff transparent;
  z-index: 99;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
  border: 7px solid;
  border-color: transparent transparent #bbbbbb transparent;
  z-index: 98;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:before,
.page-footer .switcher .options ul.dropdown:before {
  left: 10px;
  top: -12px;
}
.page-header .panel.wrapper .switcher .options ul.dropdown:after,
.page-footer .switcher .options ul.dropdown:after {
  left: 9px;
  top: -14px;
}
.page-header .panel.wrapper .switcher .options.active,
.page-footer .switcher .options.active {
  overflow: visible;
}
.page-header .panel.wrapper .switcher .options.active ul.dropdown,
.page-footer .switcher .options.active ul.dropdown {
  display: block;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a,
.page-footer .switcher .options ul.dropdown a {
  display: block;
  padding: 8px;
}
.page-header .panel.wrapper .switcher .options ul.dropdown a:hover,
.page-footer .switcher .options ul.dropdown a:hover {
  text-decoration: none;
}
.page-header .panel.wrapper .switcher li,
.page-footer .switcher li {
  font-size: 12px;
  margin: 0;
}
.page-header .panel.wrapper .switcher strong,
.page-footer .switcher strong {
  font-weight: 400;
}
.widget {
  clear: both;
}
.page-header .widget.block,
.page-footer .widget.block {
  margin: 20px 0;
  display: none;
}

.cookie-status-message {
  display: none;
}
.price-container.weee:before {
  display: none;
}
.toolbar.wishlist-toolbar .limiter {
  float: right;
}
.toolbar.wishlist-toolbar .main .pages {
  display: inline-block;
  position: relative;
  z-index: 0;
}
.toolbar.wishlist-toolbar .toolbar-amount,
.toolbar.wishlist-toolbar .limiter {
  display: inline-block;
  z-index: 1;
}
.product-items .action.towishlist:before,
.products.list.items .action.towishlist:before,
.table-comparison .action.towishlist:before {
  content: '\e601';
}
.account .table-wrapper .data.table.wishlist > thead > tr > th,
.account .table-wrapper .data.table.wishlist > tbody > tr > th,
.account .table-wrapper .data.table.wishlist > tfoot > tr > th,
.account .table-wrapper .data.table.wishlist > thead > tr > td,
.account .table-wrapper .data.table.wishlist > tbody > tr > td,
.account .table-wrapper .data.table.wishlist > tfoot > tr > td {
  border-top: 1px solid #d1d1d1;
}
.account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th,
.account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td,
.account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td,
.account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.account .table-wrapper .data.table.wishlist > tbody + tbody {
  border-top: 1px solid #d1d1d1;
}
.account .table-wrapper .data.table.wishlist thead > tr > th {
  border-bottom: 0;
}
.account .table-wrapper .data.table.wishlist tbody > tr:last-child > td {
  border-bottom: 1px solid #d1d1d1;
}
.account .table-wrapper .data.table.wishlist .product.name {
  display: inline-block;
  margin-bottom: 10px;
}
.account .table-wrapper .data.table.wishlist .box-tocart {
  margin: 10px 0;
}
.account .table-wrapper .data.table.wishlist .box-tocart .qty {
  vertical-align: middle;
}
.account .table-wrapper .data.table.wishlist .col.item {
  width: 50%;
}
.account .table-wrapper .data.table.wishlist .col.photo {
  max-width: 150px;
}
.account .table-wrapper .data.table.wishlist .col.selector {
  max-width: 15px;
}
.account .table-wrapper .data.table.wishlist textarea {
  margin: 10px 0;
}
.account .table-wrapper .data.table.wishlist .input-text.qty {
  margin-bottom: 10px;
}
.account .table-wrapper .data.table.wishlist .action.primary {
  vertical-align: top;
}
.account .table-wrapper .data.table.wishlist .price {
  font-weight: 700;
}
.block-wishlist .product-item-name {
  margin-right: 25px;
}

@media only screen and (max-width: 768px) {
  .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: 15px;
    padding-right: 15px;
  }
  .account .page-main,
  .cms-privacy-policy .page-main {
    padding-top: 41px;
    position: relative;
  }
  .navigation {
    padding: 0;
  }
  .navigation .parent .level-top {
    display: block;
    text-decoration: none;
    position: relative;
  }
  .navigation .parent .level-top:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 42px;
    line-height: inherit;
    color: inherit;
    content: '\e622';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .navigation .parent .level-top:after {
    position: absolute;
    right: 7px;
    top: -8px;
  }
  .navigation .parent .level-top.ui-state-active:after {
    content: '\e621';
  }
  .nav-sections {
    -webkit-overflow-scrolling: touch;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    transition: left 0.3s;
    height: 100%;
    left: calc(-1 * (100% - 54px));
    overflow: auto;
    position: fixed;
    top: 0;
    width: calc(100% - 54px);
  }
  .nav-sections .switcher {
    border-top: 1px solid #d1d1d1;
    font-size: 1.6rem;
    font-weight: 700;
    margin: 0;
    padding: .8rem 3.5rem .8rem 2rem;
  }
  .nav-sections .switcher .label {
    display: block;
    margin-bottom: 5px;
  }
  .nav-sections .switcher:last-child {
    border-bottom: 1px solid #d1d1d1;
  }
  .nav-sections .switcher-trigger strong {
    display: block;
    text-decoration: none;
    position: relative;
  }
  .nav-sections .switcher-trigger strong:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 42px;
    line-height: inherit;
    color: inherit;
    content: '\e622';
    font-family: 'icons-blank-theme';
    vertical-align: middle;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
  }
  .nav-sections .switcher-trigger strong:after {
    position: absolute;
    right: -40px;
    top: -16px;
  }
  .nav-sections .switcher-trigger.active strong:after {
    content: '\e621';
  }
  .nav-sections .switcher-dropdown {
    margin: 0;
    padding: 0;
    list-style: none none;
    display: none;
    padding: 10px 0;
  }
  .nav-sections .switcher-options.active .switcher-dropdown {
    display: block;
  }
  .nav-sections .header.links {
    margin: 0;
    padding: 0;
    list-style: none none;
    border-bottom: 1px solid #d1d1d1;
  }
  .nav-sections .header.links li {
    font-size: 1.6rem;
    margin: 0;
  }
  .nav-sections .header.links li.greet.welcome {
    border-top: 1px solid #d1d1d1;
    font-weight: 700;
    padding: 0.8rem 15px;
  }
  .nav-sections .header.links li > a {
    border-top: 1px solid #d1d1d1;
  }
  .nav-sections .header.links a,
  .nav-sections .header.links a:hover {
    color: #575757;
    text-decoration: none;
    display: block;
    font-weight: 700;
    padding: 0.8rem 15px;
  }
  .nav-sections .header.links .header.links {
    border: 0;
  }
  .nav-before-open {
    height: 100%;
    overflow-x: hidden;
    width: 100%;
  }
  .nav-before-open .page-wrapper {
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -ms-transition: left 0.3s;
    transition: left 0.3s;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: relative;
  }
  .nav-before-open body {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
  }
  .nav-open .page-wrapper {
    left: calc(100% - 54px);
  }
  .nav-open .nav-sections {
    -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75);
    left: 0;
    z-index: 99;
  }
  .nav-open .nav-toggle:after {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
  }
  .nav-sections-items {
    position: relative;
    z-index: 1;
  }
  .nav-sections-items:before,
  .nav-sections-items:after {
    content: '';
    display: table;
  }
  .nav-sections-items:after {
    clear: both;
  }
  .nav-sections-item-title {
    background: #e8e8e8;
    border: solid #dbdbdb;
    border-width: 0 0 1px 1px;
    box-sizing: border-box;
    float: left;
    height: 71px;
    padding-top: 24px;
    text-align: center;
    width: 33.33%;
  }
  .nav-sections-item-title.active {
    background: transparent;
    border-bottom: 0;
  }
  .nav-sections-item-title .nav-sections-item-switch:hover {
    text-decoration: none;
  }
  .nav-sections-item-content {
    box-sizing: border-box;
    float: right;
    margin-left: -100%;
    margin-top: 71px;
    width: 100%;
    padding: 25px 0;
  }
  .nav-sections-item-content:before,
  .nav-sections-item-content:after {
    content: '';
    display: table;
  }
  .nav-sections-item-content:after {
    clear: both;
  }
  .nav-sections-item-content.active {
    display: block;
  }
  .navigation {
    background: #f5f5f5;
    box-sizing: border-box;
  }
  .navigation ul {
    margin: 0;
    padding: 0;
  }
  .navigation li {
    margin: 0;
  }
  .navigation a {
    display: block;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .navigation a,
  .navigation a:hover {
    color: #575757;
    text-decoration: none;
  }
  .navigation .level0 {
    border-top: 1px solid #d1d1d1;
    font-size: 1.6rem;
  }
  .navigation .level0 > .level-top {
    font-weight: 700;
    padding: 8px 40px 8px 15px;
    text-transform: uppercase;
    word-wrap: break-word;
  }
  .navigation .level0 > .level-top:hover {
    color: #333333;
  }
  .navigation .level0.active .all-category .ui-state-focus {
    border-color: #ff5501;
    border-style: solid;
    border-width: 0 0 0 8px;
    padding-left: 7px;
    display: inline-block;
  }
  .navigation .level0 > .level1 {
    font-weight: 600;
  }
  .navigation .level0.active > a:not(.ui-state-active),
  .navigation .level0.has-active > a:not(.ui-state-active) {
    border-color: #ff5501;
    border-style: solid;
    border-width: 0 0 0 8px;
  }
  .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon),
  .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) {
    margin-left: -8px;
  }
  .navigation li.level0:last-child {
    border-bottom: 1px solid #d1d1d1;
  }
  .navigation .submenu > li {
    word-wrap: break-word;
  }
  .navigation .submenu > li > a:hover {
    color: #333333;
  }
  .navigation .submenu:not(:first-child) {
    font-weight: 400;
    line-height: 1.3;
    left: auto !important;
    overflow-x: hidden;
    padding: 0;
    position: relative;
    top: auto !important;
    transition: left 0.3s ease-out;
  }
  .navigation .submenu:not(:first-child) > li > a {
    padding-left: 15px;
  }
  .navigation .submenu:not(:first-child) > li:last-child {
    margin-bottom: 0;
  }
  .navigation .submenu:not(:first-child) ul {
    display: block;
    padding-left: 15px;
  }
  .navigation .submenu:not(:first-child) ul > li {
    margin: 0;
  }
  .navigation .submenu:not(:first-child) ul > li a {
    color: #575757;
    display: block;
    line-height: normal;
  }
  .navigation .submenu:not(:first-child) ul > li a:hover {
    color: #333333;
  }
  .navigation .submenu:not(:first-child).expanded {
    display: block !important;
    padding-right: 0;
    top: 0 !important;
  }
  .navigation .submenu:not(:first-child) .active > a {
    border-color: #ff5501;
    border-style: solid;
    border-width: 0 0 0 8px;
    padding-left: 7px;
  }
  .navigation .submenu:not(:first-child) .level1.active > a {
    padding-left: 7px;
  }
  
  .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track {
    display: block;
    float: none;
    margin: 10px 0 0;
  }
}
@media only screen and (max-width: 639px) {
  .block-search {
    margin-top: 10px;
  }
  .minicart-wrapper {
    margin-top: 10px;
  }
  .minicart-wrapper:before,
  .minicart-wrapper:after {
    content: '';
    display: table;
  }
  .minicart-wrapper:after {
    clear: both;
  }
  .minicart-wrapper .product .actions {
    float: left;
    margin: 10px 0 0 0;
  }
  .minicart-wrapper .update-cart-item {
    float: right;
    margin-left: 0;
  }
  .opc-wrapper .step-title {
    font-size: 18px;
    border-bottom: 0;
    padding-bottom: 0;
  }
  .account .toolbar .pages {
    float: right;
  }
  .account .toolbar .limiter {
    clear: both;
  }
}
@media only screen and (max-width: 479px) {
  .tooltip.wrapper .tooltip.content {
    min-width: 10rem;
  }
  .minicart-wrapper .block-minicart {
    width: 290px;
  }
  .modal-popup .field-tooltip .field-tooltip-content {
    width: 200px;
  }
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}@font-face {
  font-family: 'icons-blank-theme';
  src: url('../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display:swap;
}

body .mdl-textfield__input,
body textarea.mdl-textfield__input {
    color: #9c9c9c;
    border-color: #e1e1e1;
    background: transparent;
    font: 400 12px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
}

body .mdl-textfield {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%
}

body.rtl-layout .mdl-textfield__label,
body.rtl-layout .input-text,
body.rtl-layout .mdl-textfield__input {
    text-align: right
}

body .mdl-textfield__label:after {
    bottom: 10px
}

body .mdl-textfield--floating-label .mdl-textfield__label {
    font: 400 12px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif;
    color: #9c9c9c
}

body .mdl-textfield--floating-label.is-focused .mdl-textfield__label,
body .mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
body .mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #3485c2;
    top: 5px
}

body .mdl-textfield {
    width: 100%
}

body .mdl-textfield__label:after {
    background-color: #3485c2
}

.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: 500 14px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #414b56;
    margin-bottom: 10px
}

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
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important
}
.custom-before-breadcrumb
{
     display: flex;
}
.learn-more-block-header
{
    color: #ffff !important;
    text-decoration: underline !important;
    font-weight: bold !important;
    background-color: #002a58;
    width: 100%;
    text-align: center;
    padding: 16px;
}
.learn-more-block-header:active, learn-more-block-header:focus, learn-more-block-header:visited, learn-more-block-header: hover,
{
   color: #ffff !important;
}
.groupmenu-drop-content ul li a {
    padding: 7px 5px !important;
}
.detail-button {
    padding: 0;
}
@media (width: 1024px) {
    .header-panel-wrapper .header-panel-right {
        grid-template-columns: .5fr 1fr !important;
    }
}
/* iPad Portrait (768px - 1024px) */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) {
  #modalOverlay
  {
    top: 30%
  }
  .header-panel-wrapper .header-panel-right
  {
        grid-template-columns: .45fr 1fr !important;
  }
  .support-email
    {
        word-break: break-word;
    }
    .banner-content
    {
        padding: 0rem;
        margin-top: 0.5rem;
    }
        .md\:text-2xl {
        font-size: 1.1rem;
        line-height: 1.2rem;
    }
}

/* iPad Landscape (768px - 1024px) */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {
    #modalOverlay
  {
    top: 30%
  }
}
@media (min-width: 768px) {
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
        top: calc(100% - 1px)
    }
        .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title a, .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a {
        color: #444;
    }
}

.owl-loaded .owl-stage {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch
}

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

.owl-carousel .owl-nav [class*='owl-'] {
    text-align: center;
    font-size: 0;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    position: absolute;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    border-color: #3485c2;
    background: #3485c2
}

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

.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: #3485c2;
    border-color: #3485c2;
    background: #fff
}

.breadcrumbs {
    padding-top: 20px
}

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

.breadcrumbs .items {
    color: #a8aeba;
    font: 400 13px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
}

.breadcrumbs .items a {
    color: #a8aeba
}

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

.breadcrumbs .items a:hover {
    color: #3485c2
}

.breadcrumbs .items>li {
    display: inline
}

.modal-popup .modal-header {
    padding-top: 2rem;
    padding-bottom: 0
}

.modal-popup .modal-inner-wrap .modal-header .action-close {
    padding: 0;
    width: 40px;
    height: 32px;
    border: 1px solid;
    color: #fff;
    border-color: #3485c2;
    background: #3485c2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.modal-popup .modal-inner-wrap .modal-header .action-close:before {
    color: #fff;
    line-height: 40px;
    margin-left: -1px
}

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

.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
}

@media (min-width: 768px) {
    .actions-toolbar .secondary a.action {
        margin-top: 0
    }
}

.modal-popup.confirm .modal-footer {
    text-align: center;
    padding-top: 0 !important;
    border-top: 0
}

.modal-popup.confirm .modal-content {
    padding-bottom: 2rem;
    text-align: center;
    padding-top: 10px
}

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

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

.affix {
    position: fixed
}

@-ms-viewport {
    width: device-width
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
    display: none !important
}

@media (min-width: 1025px),
(max-width: 767px) {
    .visible-tablet {
        display: none
    }
}

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

    table.visible-sm {
        display: table
    }

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

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

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

    table.visible-md {
        display: table
    }

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

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

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

    table.visible-lg {
        display: table
    }

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

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

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
    p.shop-all-button {
        position: relative;
        left: 2%;
    }

}

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

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

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

.invisible {
    visibility: hidden
}

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

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

.row:before,
.row:after {
    content: " ";
    display: table
}

.row:after {
    clear: both
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12,
.col-xs-13,
.col-sm-13,
.col-md-13,
.col-lg-13,
.col-xs-14,
.col-sm-14,
.col-md-14,
.col-lg-14,
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15,
.col-xs-16,
.col-sm-16,
.col-md-16,
.col-lg-16,
.col-xs-17,
.col-sm-17,
.col-md-17,
.col-lg-17,
.col-xs-18,
.col-sm-18,
.col-md-18,
.col-lg-18,
.col-xs-19,
.col-sm-19,
.col-md-19,
.col-lg-19,
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20,
.col-xs-21,
.col-sm-21,
.col-md-21,
.col-lg-21,
.col-xs-22,
.col-sm-22,
.col-md-22,
.col-lg-22,
.col-xs-23,
.col-sm-23,
.col-md-23,
.col-lg-23,
.col-xs-24,
.col-sm-24,
.col-md-24,
.col-lg-24 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-13,
.col-xs-14,
.col-xs-15,
.col-xs-16,
.col-xs-17,
.col-xs-18,
.col-xs-19,
.col-xs-20,
.col-xs-21,
.col-xs-22,
.col-xs-23,
.col-xs-24 {
    float: left
}

.col-xs-1 {
    width: 4.16667%
}

.col-xs-2 {
    width: 8.33333%
}

.col-xs-3 {
    width: 12.5%
}

.col-xs-4 {
    width: 16.66667%
}

.col-xs-5 {
    width: 20.83333%
}

.col-xs-6 {
    width: 25%
}

.col-xs-7 {
    width: 29.16667%
}

.col-xs-8 {
    width: 33.33333%
}

.col-xs-9 {
    width: 37.5%
}

.col-xs-10 {
    width: 41.66667%
}

.col-xs-11 {
    width: 45.83333%
}

.col-xs-12 {
    width: 50%
}

.col-xs-13 {
    width: 54.16667%
}

.col-xs-14 {
    width: 58.33333%
}

.col-xs-15 {
    width: 62.5%
}

.col-xs-16 {
    width: 66.66667%
}

.col-xs-17 {
    width: 70.83333%
}

.col-xs-18 {
    width: 75%
}

.col-xs-19 {
    width: 79.16667%
}

.col-xs-20 {
    width: 83.33333%
}

.col-xs-21 {
    width: 87.5%
}

.col-xs-22 {
    width: 91.66667%
}

.col-xs-23 {
    width: 95.83333%
}

.col-xs-24 {
    width: 100%
}

.col-xs-pull-0 {
    right: 0%
}

.col-xs-pull-1 {
    right: 4.16667%
}

.col-xs-pull-2 {
    right: 8.33333%
}

.col-xs-pull-3 {
    right: 12.5%
}

.col-xs-pull-4 {
    right: 16.66667%
}

.col-xs-pull-5 {
    right: 20.83333%
}

.col-xs-pull-6 {
    right: 25%
}

.col-xs-pull-7 {
    right: 29.16667%
}

.col-xs-pull-8 {
    right: 33.33333%
}

.col-xs-pull-9 {
    right: 37.5%
}

.col-xs-pull-10 {
    right: 41.66667%
}

.col-xs-pull-11 {
    right: 45.83333%
}

.col-xs-pull-12 {
    right: 50%
}

.col-xs-pull-13 {
    right: 54.16667%
}

.col-xs-pull-14 {
    right: 58.33333%
}

.col-xs-pull-15 {
    right: 62.5%
}

.col-xs-pull-16 {
    right: 66.66667%
}

.col-xs-pull-17 {
    right: 70.83333%
}

.col-xs-pull-18 {
    right: 75%
}

.col-xs-pull-19 {
    right: 79.16667%
}

.col-xs-pull-20 {
    right: 83.33333%
}

.col-xs-pull-21 {
    right: 87.5%
}

.col-xs-pull-22 {
    right: 91.66667%
}

.col-xs-pull-23 {
    right: 95.83333%
}

.col-xs-pull-24 {
    right: 100%
}

.col-xs-push-0 {
    left: 0%
}

.col-xs-push-1 {
    left: 4.16667%
}

.col-xs-push-2 {
    left: 8.33333%
}

.col-xs-push-3 {
    left: 12.5%
}

.col-xs-push-4 {
    left: 16.66667%
}

.col-xs-push-5 {
    left: 20.83333%
}

.col-xs-push-6 {
    left: 25%
}

.col-xs-push-7 {
    left: 29.16667%
}

.col-xs-push-8 {
    left: 33.33333%
}

.col-xs-push-9 {
    left: 37.5%
}

.col-xs-push-10 {
    left: 41.66667%
}

.col-xs-push-11 {
    left: 45.83333%
}

.col-xs-push-12 {
    left: 50%
}

.col-xs-push-13 {
    left: 54.16667%
}

.col-xs-push-14 {
    left: 58.33333%
}

.col-xs-push-15 {
    left: 62.5%
}

.col-xs-push-16 {
    left: 66.66667%
}

.col-xs-push-17 {
    left: 70.83333%
}

.col-xs-push-18 {
    left: 75%
}

.col-xs-push-19 {
    left: 79.16667%
}

.col-xs-push-20 {
    left: 83.33333%
}

.col-xs-push-21 {
    left: 87.5%
}

.col-xs-push-22 {
    left: 91.66667%
}

.col-xs-push-23 {
    left: 95.83333%
}

.col-xs-push-24 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

.col-xs-offset-1 {
    margin-left: 4.16667%
}

.col-xs-offset-2 {
    margin-left: 8.33333%
}

.col-xs-offset-3 {
    margin-left: 12.5%
}

.col-xs-offset-4 {
    margin-left: 16.66667%
}

.col-xs-offset-5 {
    margin-left: 20.83333%
}

.col-xs-offset-6 {
    margin-left: 25%
}

.col-xs-offset-7 {
    margin-left: 29.16667%
}

.col-xs-offset-8 {
    margin-left: 33.33333%
}

.col-xs-offset-9 {
    margin-left: 37.5%
}

.col-xs-offset-10 {
    margin-left: 41.66667%
}

.col-xs-offset-11 {
    margin-left: 45.83333%
}

.col-xs-offset-12 {
    margin-left: 50%
}

.col-xs-offset-13 {
    margin-left: 54.16667%
}

.col-xs-offset-14 {
    margin-left: 58.33333%
}

.col-xs-offset-15 {
    margin-left: 62.5%
}

.col-xs-offset-16 {
    margin-left: 66.66667%
}

.col-xs-offset-17 {
    margin-left: 70.83333%
}

.col-xs-offset-18 {
    margin-left: 75%
}

.col-xs-offset-19 {
    margin-left: 79.16667%
}

.col-xs-offset-20 {
    margin-left: 83.33333%
}

.col-xs-offset-21 {
    margin-left: 87.5%
}

.col-xs-offset-22 {
    margin-left: 91.66667%
}

.col-xs-offset-23 {
    margin-left: 95.83333%
}

.col-xs-offset-24 {
    margin-left: 100%
}

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-13,
    .col-sm-14,
    .col-sm-15,
    .col-sm-16,
    .col-sm-17,
    .col-sm-18,
    .col-sm-19,
    .col-sm-20,
    .col-sm-21,
    .col-sm-22,
    .col-sm-23,
    .col-sm-24 {
        float: left
    }

    .col-sm-1 {
        width: 4.16667%
    }

    .col-sm-2 {
        width: 8.33333%
    }

    .col-sm-3 {
        width: 12.5%
    }

    .col-sm-4 {
        width: 16.66667%
    }

    .col-sm-5 {
        width: 20.83333%
    }

    .col-sm-6 {
        width: 25%
    }

    .col-sm-7 {
        width: 29.16667%
    }

    .col-sm-8 {
        width: 33.33333%
    }

    .col-sm-9 {
        width: 37.5%
    }

    .col-sm-10 {
        width: 41.66667%
    }

    .col-sm-11 {
        width: 45.83333%
    }

    .col-sm-12 {
        width: 50%
    }

    .col-sm-13 {
        width: 54.16667%
    }

    .col-sm-14 {
        width: 58.33333%
    }

    .col-sm-15 {
        width: 62.5%
    }

    .col-sm-16 {
        width: 66.66667%
    }

    .col-sm-17 {
        width: 70.83333%
    }

    .col-sm-18 {
        width: 75%
    }

    .col-sm-19 {
        width: 79.16667%
    }

    .col-sm-20 {
        width: 83.33333%
    }

    .col-sm-21 {
        width: 87.5%
    }

    .col-sm-22 {
        width: 91.66667%
    }

    .col-sm-23 {
        width: 95.83333%
    }

    .col-sm-24 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: 0%
    }

    .col-sm-pull-1 {
        right: 4.16667%
    }

    .col-sm-pull-2 {
        right: 8.33333%
    }

    .col-sm-pull-3 {
        right: 12.5%
    }

    .col-sm-pull-4 {
        right: 16.66667%
    }

    .col-sm-pull-5 {
        right: 20.83333%
    }

    .col-sm-pull-6 {
        right: 25%
    }

    .col-sm-pull-7 {
        right: 29.16667%
    }

    .col-sm-pull-8 {
        right: 33.33333%
    }

    .col-sm-pull-9 {
        right: 37.5%
    }

    .col-sm-pull-10 {
        right: 41.66667%
    }

    .col-sm-pull-11 {
        right: 45.83333%
    }

    .col-sm-pull-12 {
        right: 50%
    }

    .col-sm-pull-13 {
        right: 54.16667%
    }

    .col-sm-pull-14 {
        right: 58.33333%
    }

    .col-sm-pull-15 {
        right: 62.5%
    }

    .col-sm-pull-16 {
        right: 66.66667%
    }

    .col-sm-pull-17 {
        right: 70.83333%
    }

    .col-sm-pull-18 {
        right: 75%
    }

    .col-sm-pull-19 {
        right: 79.16667%
    }

    .col-sm-pull-20 {
        right: 83.33333%
    }

    .col-sm-pull-21 {
        right: 87.5%
    }

    .col-sm-pull-22 {
        right: 91.66667%
    }

    .col-sm-pull-23 {
        right: 95.83333%
    }

    .col-sm-pull-24 {
        right: 100%
    }

    .col-sm-push-0 {
        left: 0%
    }

    .col-sm-push-1 {
        left: 4.16667%
    }

    .col-sm-push-2 {
        left: 8.33333%
    }

    .col-sm-push-3 {
        left: 12.5%
    }

    .col-sm-push-4 {
        left: 16.66667%
    }

    .col-sm-push-5 {
        left: 20.83333%
    }

    .col-sm-push-6 {
        left: 25%
    }

    .col-sm-push-7 {
        left: 29.16667%
    }

    .col-sm-push-8 {
        left: 33.33333%
    }

    .col-sm-push-9 {
        left: 37.5%
    }

    .col-sm-push-10 {
        left: 41.66667%
    }

    .col-sm-push-11 {
        left: 45.83333%
    }

    .col-sm-push-12 {
        left: 50%
    }

    .col-sm-push-13 {
        left: 54.16667%
    }

    .col-sm-push-14 {
        left: 58.33333%
    }

    .col-sm-push-15 {
        left: 62.5%
    }

    .col-sm-push-16 {
        left: 66.66667%
    }

    .col-sm-push-17 {
        left: 70.83333%
    }

    .col-sm-push-18 {
        left: 75%
    }

    .col-sm-push-19 {
        left: 79.16667%
    }

    .col-sm-push-20 {
        left: 83.33333%
    }

    .col-sm-push-21 {
        left: 87.5%
    }

    .col-sm-push-22 {
        left: 91.66667%
    }

    .col-sm-push-23 {
        left: 95.83333%
    }

    .col-sm-push-24 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 4.16667%
    }

    .col-sm-offset-2 {
        margin-left: 8.33333%
    }

    .col-sm-offset-3 {
        margin-left: 12.5%
    }

    .col-sm-offset-4 {
        margin-left: 16.66667%
    }

    .col-sm-offset-5 {
        margin-left: 20.83333%
    }

    .col-sm-offset-6 {
        margin-left: 25%
    }

    .col-sm-offset-7 {
        margin-left: 29.16667%
    }

    .col-sm-offset-8 {
        margin-left: 33.33333%
    }

    .col-sm-offset-9 {
        margin-left: 37.5%
    }

    .col-sm-offset-10 {
        margin-left: 41.66667%
    }

    .col-sm-offset-11 {
        margin-left: 45.83333%
    }

    .col-sm-offset-12 {
        margin-left: 50%
    }

    .col-sm-offset-13 {
        margin-left: 54.16667%
    }

    .col-sm-offset-14 {
        margin-left: 58.33333%
    }

    .col-sm-offset-15 {
        margin-left: 62.5%
    }

    .col-sm-offset-16 {
        margin-left: 66.66667%
    }

    .col-sm-offset-17 {
        margin-left: 70.83333%
    }

    .col-sm-offset-18 {
        margin-left: 75%
    }

    .col-sm-offset-19 {
        margin-left: 79.16667%
    }

    .col-sm-offset-20 {
        margin-left: 83.33333%
    }

    .col-sm-offset-21 {
        margin-left: 87.5%
    }

    .col-sm-offset-22 {
        margin-left: 91.66667%
    }

    .col-sm-offset-23 {
        margin-left: 95.83333%
    }

    .col-sm-offset-24 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-13,
    .col-md-14,
    .col-md-15,
    .col-md-16,
    .col-md-17,
    .col-md-18,
    .col-md-19,
    .col-md-20,
    .col-md-21,
    .col-md-22,
    .col-md-23,
    .col-md-24 {
        float: left
    }

    .col-md-1 {
        width: 4.16667%
    }

    .col-md-2 {
        width: 8.33333%
    }

    .col-md-3 {
        width: 12.5%
    }

    .col-md-4 {
        width: 16.66667%
    }

    .col-md-5 {
        width: 20.83333%
    }

    .col-md-6 {
        width: 25%
    }

    .col-md-7 {
        width: 29.16667%
    }

    .col-md-8 {
        width: 33.33333%
    }

    .col-md-9 {
        width: 37.5%
    }

    .col-md-10 {
        width: 41.66667%
    }

    .col-md-11 {
        width: 45.83333%
    }

    .col-md-12 {
        width: 50%
    }

    .col-md-13 {
        width: 54.16667%
    }

    .col-md-14 {
        width: 58.33333%
    }

    .col-md-15 {
        width: 62.5%
    }

    .col-md-16 {
        width: 66.66667%
    }

    .col-md-17 {
        width: 70.83333%
    }

    .col-md-18 {
        width: 75%
    }

    .col-md-19 {
        width: 79.16667%
    }

    .col-md-20 {
        width: 83.33333%
    }

    .col-md-21 {
        width: 87.5%
    }

    .col-md-22 {
        width: 91.66667%
    }

    .col-md-23 {
        width: 95.83333%
    }

    .col-md-24 {
        width: 100%
    }

    .col-md-pull-0 {
        right: 0%
    }

    .col-md-pull-1 {
        right: 4.16667%
    }

    .col-md-pull-2 {
        right: 8.33333%
    }

    .col-md-pull-3 {
        right: 12.5%
    }

    .col-md-pull-4 {
        right: 16.66667%
    }

    .col-md-pull-5 {
        right: 20.83333%
    }

    .col-md-pull-6 {
        right: 25%
    }

    .col-md-pull-7 {
        right: 29.16667%
    }

    .col-md-pull-8 {
        right: 33.33333%
    }

    .col-md-pull-9 {
        right: 37.5%
    }

    .col-md-pull-10 {
        right: 41.66667%
    }

    .col-md-pull-11 {
        right: 45.83333%
    }

    .col-md-pull-12 {
        right: 50%
    }

    .col-md-pull-13 {
        right: 54.16667%
    }

    .col-md-pull-14 {
        right: 58.33333%
    }

    .col-md-pull-15 {
        right: 62.5%
    }

    .col-md-pull-16 {
        right: 66.66667%
    }

    .col-md-pull-17 {
        right: 70.83333%
    }

    .col-md-pull-18 {
        right: 75%
    }

    .col-md-pull-19 {
        right: 79.16667%
    }

    .col-md-pull-20 {
        right: 83.33333%
    }

    .col-md-pull-21 {
        right: 87.5%
    }

    .col-md-pull-22 {
        right: 91.66667%
    }

    .col-md-pull-23 {
        right: 95.83333%
    }

    .col-md-pull-24 {
        right: 100%
    }

    .col-md-push-0 {
        left: 0%
    }

    .col-md-push-1 {
        left: 4.16667%
    }

    .col-md-push-2 {
        left: 8.33333%
    }

    .col-md-push-3 {
        left: 12.5%
    }

    .col-md-push-4 {
        left: 16.66667%
    }

    .col-md-push-5 {
        left: 20.83333%
    }

    .col-md-push-6 {
        left: 25%
    }

    .col-md-push-7 {
        left: 29.16667%
    }

    .col-md-push-8 {
        left: 33.33333%
    }

    .col-md-push-9 {
        left: 37.5%
    }

    .col-md-push-10 {
        left: 41.66667%
    }

    .col-md-push-11 {
        left: 45.83333%
    }

    .col-md-push-12 {
        left: 50%
    }

    .col-md-push-13 {
        left: 54.16667%
    }

    .col-md-push-14 {
        left: 58.33333%
    }

    .col-md-push-15 {
        left: 62.5%
    }

    .col-md-push-16 {
        left: 66.66667%
    }

    .col-md-push-17 {
        left: 70.83333%
    }

    .col-md-push-18 {
        left: 75%
    }

    .col-md-push-19 {
        left: 79.16667%
    }

    .col-md-push-20 {
        left: 83.33333%
    }

    .col-md-push-21 {
        left: 87.5%
    }

    .col-md-push-22 {
        left: 91.66667%
    }

    .col-md-push-23 {
        left: 95.83333%
    }

    .col-md-push-24 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 4.16667%
    }

    .col-md-offset-2 {
        margin-left: 8.33333%
    }

    .col-md-offset-3 {
        margin-left: 12.5%
    }

    .col-md-offset-4 {
        margin-left: 16.66667%
    }

    .col-md-offset-5 {
        margin-left: 20.83333%
    }

    .col-md-offset-6 {
        margin-left: 25%
    }

    .col-md-offset-7 {
        margin-left: 29.16667%
    }

    .col-md-offset-8 {
        margin-left: 33.33333%
    }

    .col-md-offset-9 {
        margin-left: 37.5%
    }

    .col-md-offset-10 {
        margin-left: 41.66667%
    }

    .col-md-offset-11 {
        margin-left: 45.83333%
    }

    .col-md-offset-12 {
        margin-left: 50%
    }

    .col-md-offset-13 {
        margin-left: 54.16667%
    }

    .col-md-offset-14 {
        margin-left: 58.33333%
    }

    .col-md-offset-15 {
        margin-left: 62.5%
    }

    .col-md-offset-16 {
        margin-left: 66.66667%
    }

    .col-md-offset-17 {
        margin-left: 70.83333%
    }

    .col-md-offset-18 {
        margin-left: 75%
    }

    .col-md-offset-19 {
        margin-left: 79.16667%
    }

    .col-md-offset-20 {
        margin-left: 83.33333%
    }

    .col-md-offset-21 {
        margin-left: 87.5%
    }

    .col-md-offset-22 {
        margin-left: 91.66667%
    }

    .col-md-offset-23 {
        margin-left: 95.83333%
    }

    .col-md-offset-24 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-13,
    .col-lg-14,
    .col-lg-15,
    .col-lg-16,
    .col-lg-17,
    .col-lg-18,
    .col-lg-19,
    .col-lg-20,
    .col-lg-21,
    .col-lg-22,
    .col-lg-23,
    .col-lg-24 {
        float: left
    }

    .col-lg-1 {
        width: 4.16667%
    }

    .col-lg-2 {
        width: 8.33333%
    }

    .col-lg-3 {
        width: 12.5%
    }

    .col-lg-4 {
        width: 16.66667%
    }

    .col-lg-5 {
        width: 20.83333%
    }

    .col-lg-6 {
        width: 25%
    }

    .col-lg-7 {
        width: 29.16667%
    }

    .col-lg-8 {
        width: 33.33333%
    }

    .col-lg-9 {
        width: 37.5%
    }

    .col-lg-10 {
        width: 41.66667%
    }

    .col-lg-11 {
        width: 45.83333%
    }

    .col-lg-12 {
        width: 50%
    }

    .col-lg-13 {
        width: 54.16667%
    }

    .col-lg-14 {
        width: 58.33333%
    }

    .col-lg-15 {
        width: 62.5%
    }

    .col-lg-16 {
        width: 66.66667%
    }

    .col-lg-17 {
        width: 70.83333%
    }

    .col-lg-18 {
        width: 75%
    }

    .col-lg-19 {
        width: 79.16667%
    }

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

    .col-lg-21 {
        width: 87.5%
    }

    .col-lg-22 {
        width: 91.66667%
    }

    .col-lg-23 {
        width: 95.83333%
    }

    .col-lg-24 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: 0%
    }

    .col-lg-pull-1 {
        right: 4.16667%
    }

    .col-lg-pull-2 {
        right: 8.33333%
    }

    .col-lg-pull-3 {
        right: 12.5%
    }

    .col-lg-pull-4 {
        right: 16.66667%
    }

    .col-lg-pull-5 {
        right: 20.83333%
    }

    .col-lg-pull-6 {
        right: 25%
    }

    .col-lg-pull-7 {
        right: 29.16667%
    }

    .col-lg-pull-8 {
        right: 33.33333%
    }

    .col-lg-pull-9 {
        right: 37.5%
    }

    .col-lg-pull-10 {
        right: 41.66667%
    }

    .col-lg-pull-11 {
        right: 45.83333%
    }

    .col-lg-pull-12 {
        right: 50%
    }

    .col-lg-pull-13 {
        right: 54.16667%
    }

    .col-lg-pull-14 {
        right: 58.33333%
    }

    .col-lg-pull-15 {
        right: 62.5%
    }

    .col-lg-pull-16 {
        right: 66.66667%
    }

    .col-lg-pull-17 {
        right: 70.83333%
    }

    .col-lg-pull-18 {
        right: 75%
    }

    .col-lg-pull-19 {
        right: 79.16667%
    }

    .col-lg-pull-20 {
        right: 83.33333%
    }

    .col-lg-pull-21 {
        right: 87.5%
    }

    .col-lg-pull-22 {
        right: 91.66667%
    }

    .col-lg-pull-23 {
        right: 95.83333%
    }

    .col-lg-pull-24 {
        right: 100%
    }

    .col-lg-push-0 {
        left: 0%
    }

    .col-lg-push-1 {
        left: 4.16667%
    }

    .col-lg-push-2 {
        left: 8.33333%
    }

    .col-lg-push-3 {
        left: 12.5%
    }

    .col-lg-push-4 {
        left: 16.66667%
    }

    .col-lg-push-5 {
        left: 20.83333%
    }

    .col-lg-push-6 {
        left: 25%
    }

    .col-lg-push-7 {
        left: 29.16667%
    }

    .col-lg-push-8 {
        left: 33.33333%
    }

    .col-lg-push-9 {
        left: 37.5%
    }

    .col-lg-push-10 {
        left: 41.66667%
    }

    .col-lg-push-11 {
        left: 45.83333%
    }

    .col-lg-push-12 {
        left: 50%
    }

    .col-lg-push-13 {
        left: 54.16667%
    }

    .col-lg-push-14 {
        left: 58.33333%
    }

    .col-lg-push-15 {
        left: 62.5%
    }

    .col-lg-push-16 {
        left: 66.66667%
    }

    .col-lg-push-17 {
        left: 70.83333%
    }

    .col-lg-push-18 {
        left: 75%
    }

    .col-lg-push-19 {
        left: 79.16667%
    }

    .col-lg-push-20 {
        left: 83.33333%
    }

    .col-lg-push-21 {
        left: 87.5%
    }

    .col-lg-push-22 {
        left: 91.66667%
    }

    .col-lg-push-23 {
        left: 95.83333%
    }

    .col-lg-push-24 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 4.16667%
    }

    .col-lg-offset-2 {
        margin-left: 8.33333%
    }

    .col-lg-offset-3 {
        margin-left: 12.5%
    }

    .col-lg-offset-4 {
        margin-left: 16.66667%
    }

    .col-lg-offset-5 {
        margin-left: 20.83333%
    }

    .col-lg-offset-6 {
        margin-left: 25%
    }

    .col-lg-offset-7 {
        margin-left: 29.16667%
    }

    .col-lg-offset-8 {
        margin-left: 33.33333%
    }

    .col-lg-offset-9 {
        margin-left: 37.5%
    }

    .col-lg-offset-10 {
        margin-left: 41.66667%
    }

    .col-lg-offset-11 {
        margin-left: 45.83333%
    }

    .col-lg-offset-12 {
        margin-left: 50%
    }

    .col-lg-offset-13 {
        margin-left: 54.16667%
    }

    .col-lg-offset-14 {
        margin-left: 58.33333%
    }

    .col-lg-offset-15 {
        margin-left: 62.5%
    }

    .col-lg-offset-16 {
        margin-left: 66.66667%
    }

    .col-lg-offset-17 {
        margin-left: 70.83333%
    }

    .col-lg-offset-18 {
        margin-left: 75%
    }

    .col-lg-offset-19 {
        margin-left: 79.16667%
    }

    .col-lg-offset-20 {
        margin-left: 83.33333%
    }

    .col-lg-offset-21 {
        margin-left: 87.5%
    }

    .col-lg-offset-22 {
        margin-left: 91.66667%
    }

    .col-lg-offset-23 {
        margin-left: 95.83333%
    }

    .col-lg-offset-24 {
        margin-left: 100%
    }
}

.page-header .switcher .options ul.dropdown {
    border: 0px solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 1px 4px 15px 0px rgba(204, 198, 198, 0.41);
    -moz-box-shadow: 1px 4px 15px 0px rgba(204, 198, 198, 0.41);
    -webkit-box-shadow: 1px 4px 15px 0px rgba(204, 198, 198, 0.41);
    -o-box-shadow: 1px 4px 15px 0px rgba(204, 198, 198, 0.41);
    -ms-box-shadow: 1px 4px 15px 0px rgba(204, 198, 198, 0.41)
}

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

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

md-menu-content {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.account-info-summary {
    padding: 0
}

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

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

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

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

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

.account-info-summary .info-summary-bottom .md-content>p:not(&.secondary) {
    display: inline-block;
    vertical-align: top;
    margin: 10px 0
}

.account-info-summary .info-summary-bottom .md-content>p:not(&.secondary) a.md-raised.md-primary {
    color: #282828;
    font-size: 0
}

.account-info-summary .info-summary-bottom .md-content>p:not(&.secondary) a.md-raised.md-primary:active,
.account-info-summary .info-summary-bottom .md-content>p:not(&.secondary) a.md-raised.md-primary:focus,
.account-info-summary .info-summary-bottom .md-content>p:not(&.secondary) a.md-raised.md-primary:visited {
    color: #282828
}

.account-info-summary .info-summary-bottom .md-content>p:not(&.secondary) a.md-raised.md-primary:hover {
    color: #282828
}

.account-info-summary .info-summary-bottom .md-content>p:not(&.secondary) a.md-raised.md-primary:before {
    display: inline-block;
    font-family: 'Roboto', FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08b';
    font-size: 16px;
    vertical-align: middle;
    vertical-align: top
}

.account-info-summary .info-summary-bottom .md-primary {
    width: 80%;
    max-width: 140px;
    box-shadow: none;
    border: 0;
    font-size: 12px;
    font-weight: 600
}

.account-info-summary .info-summary-bottom .secondary {
    padding: 15px;
    background: #f5f5f5;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

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

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

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

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

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

.account-info-summary .info-summary-top md-content {
    background: #fff
}

.account-info-summary .info-summary-top md-input-container {
    margin-top: 10px
}

.account-info-summary .info-summary-top md-input-container .md-input {
    padding: 0;
    height: 35px
}

.account-info-summary .info-summary-top md-input-container .md-input:focus:not([disabled]) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none
}

.account-info-summary .info-summary-top md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 0
}

.account-info-summary .info-summary-top md-input-container .md-errors-spacer {
    display: none
}

.account-info-summary .info-summary-top md-input-container.md-input-focused label:not(.md-no-float),
.account-info-summary .info-summary-top md-input-container.md-input-has-placeholder label:not(.md-no-float),
.account-info-summary .info-summary-top md-input-container.md-input-has-value label:not(.md-no-float) {
    -moz-transform: translate3d(0, 6px, 0) scale(.85);
    -webkit-transform: translate3d(0, 6px, 0) scale(.85);
    -o-transform: translate3d(0, 6px, 0) scale(.85);
    transform: translate3d(0, 6px, 0) scale(.85)
}

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

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

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

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

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

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

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

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

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

.account-info-summary .info-summary-top .mdl-textfield {
    width: 100%
}

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

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

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

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

.mini-list .details {
    float: right;
    color: #dbdbdb;
    padding: 0;
    border: 0;
    width: auto;
    height: auto;
    line-height: unset;
    margin: 0;
    min-width: auto;
    border-radius: 0;
    min-height: unset;
    background: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none
}

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

.mini-list .details:hover {
    color: #3485c2
}

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

.mini-list .details:before {
    display: inline-block;
    font-family: 'Roboto', FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e';
    font-size: 18px;
    vertical-align: middle
}

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

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

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

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

.mini-list .product-item-actions .tocart:before {
    display: inline-block;
    font-family: 'Roboto', FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f07a';
    font-size: 20px;
    vertical-align: middle
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mini-list md-content {
    background: #fff
}

.mini-list md-input-container {
    margin-top: 10px
}

.mini-list md-input-container .md-input {
    padding: 0;
    height: 35px
}

.mini-list md-input-container .md-input:focus:not([disabled]) {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none
}

.mini-list md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 0
}

.mini-list md-input-container .md-errors-spacer {
    display: none
}

.mini-list md-input-container.md-input-focused label:not(.md-no-float),
.mini-list md-input-container.md-input-has-placeholder label:not(.md-no-float),
.mini-list md-input-container.md-input-has-value label:not(.md-no-float) {
    -moz-transform: translate3d(0, 6px, 0) scale(.85);
    -webkit-transform: translate3d(0, 6px, 0) scale(.85);
    -o-transform: translate3d(0, 6px, 0) scale(.85);
    transform: translate3d(0, 6px, 0) scale(.85)
}

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

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

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

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

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

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

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

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

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

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

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

.info-summary-bottom .secondary {
    padding: 15px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    background: #f5f5f5
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.link.wishlist .cdz-dropdown .block-content .mdl-textfield {
    width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.block-minicart {
    margin-bottom: 0
}

.block-minicart .block-title {
    text-transform: uppercase;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
    padding: 15px 20px 15px;
    color: #282828;
    overflow: hidden;
    text-align: left
}

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

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

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

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

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

.rtl-layout .block-minicart .viewcart {
    float: left
}

.block-minicart .viewcart:before {
    display: inline-block;
    font-family: 'Roboto', FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f08e';
    font-size: 18px;
    vertical-align: middle
}

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

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

.block-minicart .cart-total {
    background: #f5f5f5;
    padding: 20px
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.minicart-items .product-item .product-item-name a:active,
.minicart-items .product-item .product-item-name a:focus,
.minicart-items .product-item .product-item-name a:visited {
    color: #282828
}

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

.minicart-items .product-item .product-item-name a:hover {
    text-decoration: none
}

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

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

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

.minicart-items .product-item .product-item-pricing .label {
    width: auto
}

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

.minicart-items .update-cart-item {
    padding: 0;
    border: 0;
    right: 0;
    bottom: 10px
}

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

.minicart-items .update-cart-item:before {
    display: inline-block;
    font-family: 'Roboto', FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f021';
    font-size: 16px;
    vertical-align: middle
}

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

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

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

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

body {
    overflow-x: hidden
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rtl-layout .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link:after {
        float: left;
        content: "\f104"
    }

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

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

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

    .rtl-layout .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-vertical-tabs .cdz-tabs .cdz-tab-content.col-sm-17 {
        padding-left: 10px;
        padding-right: 0
    }

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

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

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

    .rtl-layout .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .cdz-horizontal-tabs .cdz-vertical-tabs .cdz-tabs .cdz-nav-tabs .cdz-tab-link {
        text-align: right
    }

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

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

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

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

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

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

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

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

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

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

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

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

    .rtl-layout .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupmenu-drop {
        right: 100%;
        left: auto
    }

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

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

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

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

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

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

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop li.item:hover>.groupmenu-drop {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: inherit
    }

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

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

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

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

    .rtl-layout .cdz-horizontal-menu li.level0>.groupmenu-drop {
        right: 0;
        left: auto
    }

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

    .cdz-horizontal-menu.cdz-translate li.level0:hover>.groupmenu-drop {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: inherit
    }

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

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

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

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

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

    .rtl-layout .cdz-horizontal-menu .groupmenu li.item.level0 {
        float: right
    }

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

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

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

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

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

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

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

    .cdz-vertical-menu .groupmenu-drop {
        top: -1px;
        left: 100%;
        visibility: hidden;
        -webkit-opacity: 0;
        -moz-opacity: 0;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
        -moz-transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
        transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
        display: none
    }

    .rtl-layout .cdz-vertical-menu .groupmenu-drop {
        right: 100%;
        left: auto
    }

    .cdz-vertical-menu li.item:hover>.groupmenu-drop {
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        visibility: inherit;
        display: block
    }

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

    .cdz-vertical-menu .item.level0>a.menu-link {
        display: block;
        padding: 0px 0px 0px 10px
    }

    .rtl-layout .cdz-vertical-menu .item.level0>a.menu-link {
        padding: 0px 10px 0px 0px
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon {
        min-width: 37px;
        text-align: center;
        padding-left: 4px;
        margin: 0 0 0 -10px
    }

    .rtl-layout .cdz-vertical-menu .item.level0>a.menu-link .menu-icon {
        margin: 0 -10px 0 0;
        margin-right: -10px !important
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
        border-left: 1px solid #dfdfdf
    }

    .rtl-layout .cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
        border-left: none;
        border-right: 1px solid #dfdfdf
    }

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

    .cdz-vertical-menu .item.level0.parent>a.menu-link:before {
        display: inline-block;
        font-family: 'Roboto', FontAwesome;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        content: "\f105";
        float: right;
        margin-top: 8px;
        margin-right: 10px
    }

    .rtl-layout .cdz-vertical-menu .item.level0.parent>a.menu-link:before {
        content: "\f104";
        float: left;
        margin-right: 0px;
        margin-left: 10px
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .rtl-layout .cdz-horizontal-menu .groupmenu li.item.level0 {
        float: right
    }

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

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        color: #fff;
        border-color: #3485c2;
        background: #3485c2;
        font: 600 14px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
    }

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

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

    .cdz-horizontal-menu .groupmenu li.level0:hover>a.menu-link {
        color: #ffb21e;
        border-color: #3485c2;
        background: transparent;
        font: 600 14px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
    }
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
    background-color: #fff;
    border-color: #e1e1e1;
    box-shadow: 0 3px 3px #e1e1e1;
    -moz-box-shadow: 0 3px 3px #e1e1e1;
    -webkit-box-shadow: 0 3px 3px #e1e1e1;
    -o-box-shadow: 0 3px 3px #e1e1e1;
    -ms-box-shadow: 0 3px 3px #e1e1e1;
    color: #999;
    font: 400 12px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a {
    color: #999;
    font: 400 12px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cdz-menu .menu-go-link:after {
    font-family: 'Roboto', FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f14c";
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    color: #282828
}

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

@media (min-width: 768px) {
    .cdz-menu .groupmenu-width-24 {
        width: 710px
    }
}

@media (min-width: 992px) {
    .cdz-menu .groupmenu-width-24 {
        width: 930px
    }
}

@media (min-width: 1200px) {
    .cdz-menu .groupmenu-width-24 {
        width: 1140px
    }
}

@media (min-width: 1300px) {
    .cdz-menu .groupmenu-width-24 {
        width: 1240px
    }
}

@media (min-width: 1400px) {
    .cdz-menu .groupmenu-width-24 {
        width: 1340px
    }
}

.cdz-menu .groupmenu-width-24.row {
    box-sizing: content-box
}

.cdz-menu.dropdown-fullwidth .groupmenu-width-24 {
    margin-left: auto;
    margin-right: auto
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cdz-sidebar {
    display: none
}

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

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

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

.utilies-section::-webkit-scrollbar {
    width: 6px;
    background-color: #dedede
}

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

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

@media (min-width: 768px) {
    .page-header .sticky-menu.active {
        -webkit-animation-name: fadeInDown;
        -webkit-animation-duration: 5.0s;
        -webkit-animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: normal;
        -webkit-animation-play-state: running;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: anim_titles;
        -moz-animation-duration: 5.0s;
        -moz-animation-timing-function: linear;
        -moz-animation-iteration-count: infinite;
        -moz-animation-direction: normal;
        -moz-animation-play-state: running;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-delay: 1s;
        -moz-animation-delay: 1s;
        -webkit-animation-iteration-count: 1;
        -moz-animation-iteration-count: 1;
        -webkit-animation-duration: 0.7s;
        -moz-animation-duration: 0.7s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out
    }
}

.page-header .sticky-menu.active .header.panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0
}

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

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

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

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

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

.cdz-popup-area .cdz-popup .mdl-textfield {
    width: 100%
}

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

.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top:before {
    font-family: 'Roboto', FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f007';
    font-size: 60px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    z-index: 1;
    color: #3485c2;
    background-color: #fff;
    left: 0;
    width: 100%
}

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

.cdz-popup-area .cdz-popup.popup-wl-login-popup .md-content {
    text-align: center;
    padding: 50px 30px 10px;
    position: relative
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .md-content:before {
    font-family: 'Roboto', 'CodazonFont';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e986';
    font-size: 45px;
    speak: none;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0px;
    z-index: 1;
    color: #3485c2;
    background-color: #fff;
    left: 0;
    width: 100%
}

.cdz-popup-area .cdz-popup.popup-wl-login-popup .md-content .desc {
    text-transform: uppercase
}

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

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

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

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

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

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

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

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

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

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

.rtl-layout .cdz-popup-area .cdz-popup.popup-minicart-popup .cdz-popup-inner .minicart-items .product-item .product-item-actions .details-qty {
    float: left
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes search-loading {

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

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

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

@keyframes search-loading {

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

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

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

.page-header .header-search .minisearch input[type="text"] {
    padding-left: 15px;
    padding-right: 15px
}

.page-header .header-search .minisearch .searchsuite-autocomplete {
    width: 100%;
    overflow-y: auto;
    min-width: 300px
}

.page-header .header-search .minisearch .searchsuite-autocomplete .suggest ul li {
    padding: 0 10px
}

.page-header .header-search .minisearch .mdl-textfield__label {
    left: 0 !important;
    padding: 0 15px
}

.page-header .header-search .minisearch .mdl-textfield__label:after {
    bottom: 0
}

.full-box-trigger {
    cursor: pointer;
    z-index: 10
}

.full-box-placeholder {
    position: static
}

.full-box-placeholder .cdz-cat-search {
    display: none
}

.full-search-box {
    position: relative
}

.full-search-box .full-box-trigger {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.full-search-box .cdz-cat-search {
    display: none
}

.search-box-area .full-search-box .cdz-cat-search {
    display: block
}

.full-search-box .searchsuite-autocomplete {
    width: 100%
}

.search-box-area .search-box-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden
}

.search-box-area .block-search {
    width: 100%;
    padding: 0;
    margin: 0
}

.search-box-area .block-search .field.search {
    padding: 10px 0px
}

.search-box-area .block-search .control {
    padding: 0;
    border-top: none;
    margin: 0
}

.search-box-area .block-search .control input {
    left: auto;
    right: auto;
    position: relative;
    margin: 0
}

.search-box-area .block-search .action.search {
    display: block;
    position: relative;
    left: auto;
    right: auto
}

.search-box-area .block-search .label {
    display: none
}

.search-box-area .search-box-content {
    top: 150px;
    position: absolute;
    max-width: calc(100% - 40px);
    height: auto;
    color: #fff;
    position: relative;
    margin: 0 auto;
    font-size: 22px
}

.search-box-area .search-box-content .mdl-textfield {
    width: 100%
}

.search-box-area .search-box-content .inner {
    height: 60px
}

.search-box-area .search-box-content .current-cat {
    height: 50px;
    display: flex;
    width: 100%;
    max-width: none;
    align-items: flex-end;
    padding-bottom: 0;
    position: absolute;
    bottom: 0;
    color: #fff;
    position: relative;
    padding-right: 20px
}

.rtl-layout .search-box-area .search-box-content .current-cat {
    padding-left: 20px;
    padding-right: 0;
    text-align: right
}

.search-box-area .search-box-content .current-cat>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-box-area .search-box-content .current-cat:after {
    display: inline-block;
    font-family: 'Roboto', 'CodazonFont';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e97b';
    font-size: 20px;
    speak: none;
    position: absolute;
    top: 28px;
    right: 0
}

.search-box-area .search-box-content input.input-text {
    height: 70px;
    font-size: 22px;
    color: #fff;
    background-color: transparent;
    padding-top: 28px
}

.search-box-area .cdz-cat-search .category-list a {
    color: #ffffff
}

.search-box-area {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    visibility: hidden;
    overflow-y: scroll;
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 100
}

body.search-box-opened {
    overflow: hidden
}

body.search-box-opened .page-wrapper {
    overflow-y: hidden
}

body.search-box-opened .search-box-area {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -moz-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    transition: all ease 400ms;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible;
    z-index: 1000
}

.search-box-area .search-box-close {
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 999;
    cursor: pointer
}

.search-box-area .search-box-close:before {
    -webkit-font-smoothing: antialiased;
    content: '\e616';
    font-family: 'Roboto', 'icons-blank-theme';
    font-size: 60px;
    color: #fff;
    line-height: 62px
}

.search-box-area .minisearch .actions {
    position: absolute;
    right: 0;
    top: 30px;
    z-index: 5
}

.search-box-area .minisearch button.action.search {
    border: none;
    font-size: 0;
    width: 50px;
    height: 50px;
    background: transparent
}

.search-box-area .minisearch button.action.search:before {
    display: inline-block;
    font-family: 'Roboto', 'CodazonFont';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e99d';
    font-size: 23px;
    speak: none;
    line-height: 30px;
    color: #FFF
}

.search-box-area .search-box-backface {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.85)
}

.search-box-area .has-cat {
    width: 100%;
    float: right
}

.search-box-area .has-cat input[type=text].input-text {
    padding-left: 220px;
    padding-top: 24px;
    background-color: transparent
}

.search-box-area .has-cat .searchsuite-autocomplete {
    left: 200px;
    top: calc(100% - 15px);
    width: calc(100% - 200px)
}

.search-box-area .cdz-cat-search {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 200px;
    display: block;
    z-index: 100
}

.search-box-area .full-search-box {
    position: relative;
    display: inline-block;
    width: 100%
}

.search-box-area .nested {
    position: absolute;
    top: calc(100% + 20px);
    display: none
}

.search-box-area .mdl-textfield:not(.is-focused) .mdl-textfield__label {
    color: #FFF;
    font-size: 22px;
    padding: 20px 0px 20px 220px
}

.search-box-area .mdl-textfield:not(.is-focused) .mdl-textfield__input {
    border-bottom-width: 2px;
    border-bottom-color: #666
}

.search-box-area .mdl-textfield .mdl-textfield__label {
    overflow: visible
}

.search-box-area .mdl-textfield .mdl-textfield__label:after {
    height: 2px;
    background-color: #fff
}

.search-box-area .mdl-textfield.is-focused .mdl-textfield__label,
.search-box-area .mdl-textfield.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
    color: #fff;
    font-size: 18px;
    padding: 0 0;
    top: -10px
}

.search-box-area .mdl-textfield.is-focused .mdl-textfield__label:after {
    z-index: 100
}

@media (min-width: 768px) {
    .category-list a {
        display: block
    }

    .page-header .header-search.no-full-box .minisearch.active .is-focused label {
        display: none
    }

    .page-header .header-search.no-full-box div[data-role="search_form"] {
        background: #fff;
        position: relative
    }

    .page-header .header-search.no-full-box #search_mini_form {
        width: 100%;
        padding-right: 30px
    }

    .rtl-layout .page-header .header-search.no-full-box #search_mini_form {
        padding-right: 0;
        padding-left: 30px
    }

    .page-header .header-search.no-full-box #search_mini_form .mdl-textfield__label {
        text-overflow: ellipsis;
        transition: none
    }

    .page-header .header-search.no-full-box .cdz-cat-search .category-chooser {
        background: #fff;
        color: #999
    }

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

    .rtl-layout .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search {
        left: auto;
        right: 1px
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .category-chooser {
        box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
        -webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
        -o-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08);
        -ms-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.08)
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .category-chooser .dropdown-inner::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #f8f8f8
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .category-chooser .dropdown-inner::-webkit-scrollbar {
        width: 6px;
        background-color: #dedede
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .category-chooser .dropdown-inner::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #dedede
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .inner {
        height: 100%;
        position: relative
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search span:after {
        display: inline-block;
        font-family: 'Roboto', 'CodazonFont';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e97b";
        font-size: 10px;
        speak: none;
        margin: 0;
        position: absolute;
        right: 0;
        top: 50%;
        top: calc(50% - 5px)
    }

    .rtl-layout .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search span:after {
        left: 0;
        right: auto
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .current-cat {
        padding: 0px 10px;
        height: 100%;
        display: flex;
        align-items: center;
        width: 120px;
        color: #34343c;
        text-decoration: none
    }

    .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .current-cat span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding-left: 2px
    }

    .rtl-layout .page-header .header-search.no-full-box.has-cat-search .cdz-cat-search .current-cat span {
        padding-right: 2px;
        padding-left: 0
    }

    .page-header .header-search.no-full-box.has-cat-search .current-cat {
        color: #34343c
    }

    .page-header .header-search.no-full-box.has-cat-search .current-cat:after {
        content: "";
        background: #34343c;
        width: 1px;
        height: 18px;
        position: absolute;
        top: 10%;
        top: calc((100% - 18px)/2);
        right: -10px
    }

    .rtl-layout .page-header .header-search.no-full-box.has-cat-search .current-cat:after {
        right: auto;
        left: -10px
    }

    .page-header .header-search.no-full-box.has-cat-search #search_mini_form.minisearch label {
        text-overflow: ellipsis;
        transition: none
    }

    .page-header .sticky-menu:not(.active) .header-search.no-full-box.has-cat-search #search_mini_form.minisearch {
        width: calc(100% - 40px)
    }

    .page-header .sticky-menu:not(.active) .header-search.no-full-box.has-cat-search #search_mini_form.minisearch.has-cat {
        padding-left: 130px;
        padding-right: 35px;
        width: 100%
    }

    .rtl-layout .page-header .sticky-menu:not(.active) .header-search.no-full-box.has-cat-search #search_mini_form.minisearch.has-cat {
        padding-right: 130px;
        padding-left: 35px
    }

    .page-header .sticky-menu.active .header-search.no-full-box .searchsuite-autocomplete {
        margin-top: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box.has-cat-search .cdz-cat-search .current-cat {
        width: 0;
        padding: 0;
        opacity: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box.has-cat-search .cdz-cat-search .current-cat span {
        width: 0;
        font-size: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box.has-cat-search #search_mini_form.minisearch.has-cat {
        padding: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box div[data-role="search_form"] {
        display: flex;
        align-items: center;
        width: 100px;
        float: right;
        padding: 0;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .rtl-layout .page-header .sticky-menu.active .header-search.no-full-box div[data-role="search_form"] {
        float: left
    }

    .page-header .sticky-menu.active .header-search.no-full-box .cdz-cat-search {
        padding: 0;
        opacity: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box .minisearch label,
    .page-header .sticky-menu.active .header-search.no-full-box .minisearch input[type="text"],
    .page-header .sticky-menu.active .header-search.no-full-box .cdz-cat-search .current-cat {
        font: 600 14px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif;
        font-weight: normal
    }

    .page-header .sticky-menu.active .header-search.no-full-box .minisearch .mdl-textfield {
        padding: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box .minisearch label {
        color: #34343c;
        top: 10px;
        opacity: 0;
        padding: 0;
        bottom: auto
    }

    .page-header .sticky-menu.active .header-search.no-full-box .minisearch label:after {
        display: none
    }

    .page-header .sticky-menu.active .header-search.no-full-box .minisearch input[type="text"] {
        width: 0;
        border-bottom: 0;
        padding: 0;
        color: #34343c;
        height: 35px;
        line-height: 35px;
        opacity: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box .minisearch .actions .search {
        position: absolute;
        right: 0;
        top: 0;
        width: 35px;
        height: 35px;
        z-index: 5
    }

    .rtl-layout .page-header .sticky-menu.active .header-search.no-full-box .minisearch .actions .search {
        right: auto;
        left: 0
    }

    .page-header .sticky-menu.active .header-search.no-full-box .cdz-cat-search.open .category-chooser {
        visibility: hidden
    }

    .page-header .sticky-menu.active .header-search.no-full-box {
        overflow: hidden
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover {
        overflow: visible;
        z-index: 1
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover div[data-role="search_form"] {
        width: 300px;
        z-index: 1
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover .cdz-cat-search {
        opacity: 1;
        min-width: 85px
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover #search_mini_form.minisearch.has-cat {
        transition-delay: 0.2s;
        padding-left: 130px;
        padding-right: 35px
    }

    .rtl-layout .page-header .sticky-menu.active .header-search.no-full-box:hover #search_mini_form.minisearch.has-cat {
        padding-right: 130px;
        padding-left: 35px
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover input[type="text"] {
        width: 100%;
        padding: 0 8px;
        opacity: 1
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover .mdl-textfield__label {
        opacity: 1;
        padding: 0 8px;
        transition: none
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover .cdz-cat-search.open .category-chooser {
        visibility: visible
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover .cdz-cat-search .current-cat {
        transition-delay: 0.2s;
        width: 120px;
        padding: 0 10px;
        opacity: 1
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover .cdz-cat-search .current-cat span {
        width: 100%;
        font-size: 100%
    }

    .page-header .sticky-menu.active .header-search.no-full-box:hover.has-cat-search div[data-role="search_form"] {
        width: 350px
    }
}

@media (min-width: 768px) {
    .search-box-area .search-box-content {
        padding: 0 70px
    }

    #search_mini_form {
        width: auto;
        float: none
    }
}

.page-header .sticky-menu:not(.active) .header-search.hide-advanced-search .action.advanced {
    display: none
}

.page-header .sticky-menu:not(.active) .header-search.hide-advanced-search .minisearch input[type="text"] {
    width: 100%
}

.page-header .sticky-menu:not(.active) .header-search.hide-advanced-search .minisearch .actions {
    right: 0
}

.page-header .minisearch .is-dirty .mdl-textfield__label {
    display: none
}

.search-box-area .no-cat-search .mdl-textfield:not(.is-focused) .mdl-textfield__label {
    padding-left: 0px
}

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

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

.minisearch .nested a:hover {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}

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

.minisearch .nested a .advanced-label {
    background: #000000;
    padding: 3px 5px;
    border-radius: 3px;
    position: absolute;
    right: 100%;
    top: 10px;
    font-size: 12px;
    white-space: nowrap;
    color: #ffffff;
    visibility: hidden;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.rtl-layout .minisearch .nested a .advanced-label {
    left: 100%;
    left: auto
}

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

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

.page-header .switcher .options .action.toggle.active:after,
.page-header .switcher .options .action.toggle:after {
    line-height: 18px
}

@media (min-width: 768px) {
    .page-header .header-top {
        background: #fff;
        color: #34343c;
        padding: 7px 0
    }

    .page-header .header-top a {
        color: #34343c
    }

    .page-header .header-top a:active,
    .page-header .header-top a:focus,
    .page-header .header-top a:visited {
        color: #34343c
    }

    .page-header .header-top a:hover {
        color: #3485c2
    }

    .page-header .header-panel-top {
        position: relative
    }
}

@media (min-width: 768px) {
    .page-header {
        background-color: #fff;
        color: #34343c;
        background: #fff url(../../frontend/codazon/themelayout/images/tspr.png) 0 0;
        margin-bottom: 0
    }

    .page-header .panel.wrapper {
        border-bottom: 0;
    }

    .page-header .header-panel-left,
    .page-header .header-panel-right {
        padding: 0
    }

    .page-header .header-panel-bottom {
        color: #34343c;
        background: #3485c2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        margin: 20px 0 0
    }

    .page-header .logo {
        margin: 45px 0 0;
        max-width: 100%
    }

    .rtl-layout .page-header .logo {
        float: right
    }

    .page-header .features-links {
        margin-top: 45px;
        float: right
    }

    .rtl-layout .page-header .features-links {
        float: left
    }

    .page-header .features-links>li {
        display: inline-block;
        vertical-align: top;
        margin-left: 22.5px
    }

    .rtl-layout .page-header .features-links>li {
        margin-left: 0;
        margin-right: 22.5px
    }

    .page-header .features-links #top-wishlist,
    .page-header .features-links .account-trigger,
    .page-header .features-links .showcart {
        position: relative;
        text-decoration: none;
        display: block;
        padding-left: 45px;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .rtl-layout .page-header .features-links #top-wishlist,
    .rtl-layout .page-header .features-links .account-trigger,
    .rtl-layout .page-header .features-links .showcart {
        padding-right: 45px;
        padding-left: 0
    }

    .page-header .features-links #top-wishlist:hover>span,
    .page-header .features-links .account-trigger:hover>span,
    .page-header .features-links .showcart:hover>span {
        color: #3485c2
    }

    .page-header .features-links span.text-uppercase,
    .page-header .features-links span.text-underlink {
        display: block;
        font-size: 11px;
        white-space: nowrap
    }

    .page-header .features-links span.text-uppercase {
        text-transform: uppercase;
        color: #34343c;
        font-weight: 600
    }

    .page-header .features-links span.text-underlink {
        text-transform: uppercase;
        color: #7c7c8d
    }

    .page-header .account-trigger:before,
    .page-header .action.showcart:before,
    .page-header #top-wishlist:before {
        position: absolute;
        left: 0;
        top: -5px;
        padding: 3px 0;
        color: #3485c2;
        width: 38px;
        height: 38px;
        line-height: 38px;
        margin-right: 5px;
        text-align: center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%
    }

    .rtl-layout .page-header .account-trigger:before,
    .rtl-layout .page-header .action.showcart:before,
    .rtl-layout .page-header #top-wishlist:before {
        right: 0;
        left: auto
    }

    .page-header .authorization-link {
        position: relative
    }

    .page-header .account-trigger:before {
        display: inline-block;
        font-family: 'Roboto', 'CodazonFont';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e9ab";
        font-size: 27px;
        speak: none
    }

    .page-header .account-trigger:hover {
        text-decoration: none
    }

    .page-header .account-trigger:hover span {
        color: #3485c2
    }

    .page-header .cart-link {
        min-height: 30px
    }

    .page-header .minicart-wrapper {
        margin: 0
    }

    .page-header .action.showcart {
        font-size: 11px;
        position: relative;
        display: block
    }

    .page-header .action.showcart:before {
        display: inline-block;
        font-family: 'Roboto', 'CodazonFont';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e992';
        font-size: 27px;
        speak: none;
        color: #3485c2
    }

    .page-header .action.showcart .text {
        width: auto;
        height: auto;
        clip: unset;
        position: static;
        text-transform: uppercase;
        color: #7c7c8d
    }

    .page-header .action.showcart .cart-subtotal {
        color: #34343c;
        font-weight: 600
    }

    .page-header .action.showcart .counter.qty {
        display: block;
        position: absolute;
        top: -10px;
        min-width: 13px;
        height: 13px;
        line-height: 14px;
        font-size: 11px;
        font-weight: 600;
        left: 30px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        color: #fff;
        background: #0d0d0d
    }

    .page-header .action.showcart span {
        display: block;
        font-size: 11px
    }

    .page-header .action.showcart span.price {
        font-size: 14px
    }

    .page-header .action.showcart:hover span.text,
    .page-header .action.showcart:hover span.cart-subtotal {
        color: #3485c2
    }

    .page-header .action.showcart:hover:before {
        color: #3485c2
    }

    .page-header .action.showcart:hover .counter.qty span {
        color: #fff;
        background: #0d0d0d
    }

    .rtl-layout .page-header .action.showcart .counter.qty {
        right: 0;
        left: auto
    }

    .page-header .wishlist #top-wishlist:before {
        display: inline-block;
        font-family: 'Roboto', 'CodazonFont';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e986';
        font-size: 27px;
        speak: none
    }

    .page-header .wishlist .text-uppercase .counter.qty {
        position: absolute;
        top: -10px;
        min-width: 13px;
        height: 13px;
        line-height: 14px;
        font-size: 11px;
        font-weight: 600;
        left: 30px;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        color: #fff;
        background: #0d0d0d;
        text-align: center
    }

    .rtl-layout .page-header .wishlist .text-uppercase .counter.qty {
        right: 0;
        left: auto
    }

    .page-header .store-language-currency .account-trigger:before {
        display: inline-block;
        font-family: 'Roboto', FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\f0ac';
        font-size: 27px;
        vertical-align: middle
    }

    .page-header .store-language-currency .account-trigger .text-uppercase {
        display: flex
    }

    .page-header .store-language-currency .account-trigger .language:after {
        content: "|";
        margin: 0 3px
    }

    .page-header .minisearch .actions .search {
        padding: 0;
        margin: 0;
        border: 0;
        font-size: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        opacity: 1;
        -moz-transition: color .3s ease;
        -webkit-transition: color .3s ease;
        -o-transition: color .3s ease;
        transition: color .3s ease;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        color: #3485c2;
        background: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none
    }

    .page-header .minisearch .actions .search:before {
        display: inline-block;
        font-family: 'Roboto', 'CodazonFont';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e99d';
        font-size: 18px;
        speak: none;
        vertical-align: middle
    }

    .page-header .minisearch .actions {
        text-align: center
    }

    .page-header .sticky-menu:not(.active) .header-search-wrap {
        float: right;
        padding: 6px 0
    }

    .rtl-layout .page-header .sticky-menu:not(.active) .header-search-wrap {
        float: left
    }

    .page-header .sticky-menu:not(.active) .header-search {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .page-header .sticky-menu:not(.active) .header-search .mdl-textfield {
        padding: 0;
        width: 100%
    }

    .page-header .sticky-menu:not(.active) .header-search.hide-advanced-search div[data-role="search_form"] {
        width: calc(calc(100% - 10px))
    }

    .page-header .sticky-menu:not(.active) .rtl-layout .minisearch .nested {
        left: 0
    }

    .page-header .sticky-menu:not(.active) .cdz-cat-search {
        height: 30px;
        position: relative
    }

    .page-header .sticky-menu:not(.active) .cdz-cat-search .current-cat {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        padding-left: 10px;
        line-height: 33px
    }

    .rtl-layout .page-header .sticky-menu:not(.active) .cdz-cat-search .current-cat {
        padding-left: 0;
        padding-right: 10px
    }

    .page-header .sticky-menu:not(.active) div[data-role="search_form"] {
        width: calc(calc(100% - 35px));
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .page-header .sticky-menu:not(.active) .minisearch {
        position: relative
    }

    .page-header .sticky-menu:not(.active) .minisearch .actions {
        position: absolute;
        right: 0;
        top: 0;
        text-align: center
    }

    .rtl-layout .page-header .sticky-menu:not(.active) .minisearch .actions {
        left: 0;
        right: auto
    }

    .page-header .sticky-menu:not(.active) .minisearch .nested {
        right: -37px
    }

    .rtl-layout .page-header .sticky-menu:not(.active) .minisearch .nested {
        right: auto;
        left: -37px
    }

    .page-header .sticky-menu:not(.active) .minisearch input[type="text"] {
        border: 0;
        height: 30px;
        line-height: 30px;
        padding: 0 10px;
        width: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color: #34343c;
        background: #fff
    }

    .page-header .sticky-menu:not(.active) .minisearch input[type="text"]:focus:not([disabled]) {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        -o-box-shadow: none;
        -ms-box-shadow: none
    }

    .page-header .sticky-menu:not(.active) .minisearch label.mdl-textfield__label {
        color: #34343c;
        padding-top: 0;
        bottom: 5px;
        top: auto;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        padding-left: 10px;
        text-overflow: ellipsis
    }

    .rtl-layout .page-header .sticky-menu:not(.active) .minisearch label.mdl-textfield__label {
        padding-right: 10px;
        padding-left: 0;
        text-align: right
    }
}

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

    .page-header .cdz-horizontal-menu.groupmenu {
        vertical-align: top;
        background-color: #3485c2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .page-header .cdz-horizontal-menu.groupmenu:not(.animated) li.level0:hover>a.menu-link {
        color: #ffb21e;
        border-color: #3485c2;
        background: transparent;
        font: 600 14px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
    }

    .page-header .cdz-horizontal-menu.groupmenu:not(.animated) li.level0:hover>a.menu-link:before {
        width: 98%
    }

    .page-header .cdz-horizontal-menu.groupmenu li.level0>a.menu-link {
        color: #fff;
        border-color: #3485c2;
        background: #3485c2;
        font: 600 14px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif;
        padding: 10px 20px 11px;
        border-right: 1px solid #3485c2;
        position: relative
    }

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

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

    .page-header .cdz-horizontal-menu.groupmenu li.level0>a.menu-link:before {
        width: 0;
        height: 3px;
        top: 2px;
        left: 3px;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        content: "";
        background-color: #fff;
        position: absolute
    }

    .rtl-layout .page-header .cdz-horizontal-menu.groupmenu li.level0>a.menu-link {
        border-right: 0;
        border-left: 1px solid #3485c2
    }

    .page-header .cdz-horizontal-menu.groupmenu li.level0:last-child a.menu-link {
        border-right: 0
    }

    .page-header .cdz-horizontal-menu.groupmenu li.level0:first-child>a.menu-link {
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px
    }

    .page-header .cdz-horizontal-menu.groupmenu li.level0.parent>a.menu-link:after {
        display: inline-block;
        font-family: 'Roboto', FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\f107';
        font-size: 16px;
        vertical-align: middle;
        margin: 0 5px;
        line-height: 1
    }

    .cdz-vertical-menu .item.level0 {
        border: 0
    }

    .cdz-vertical-menu .item.level0>a.menu-link .menu-icon+span {
        border: 0
    }

    .cdz-vertical-menu .groupmenu {
        border: 1px solid #eaeaea;
        padding-bottom: 2px;
        border-top: 0
    }
}

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

    .rtl-layout .page-header .sticky-menu.active .header-panel-bottom {
        padding: 0 0 0 220px
    }

    .page-header .sticky-menu.active .header-menu-wrap {
        width: 100%
    }

    .page-header .sticky-menu.active .header-panel-left {
        display: none;
        position: absolute;
        top: 17px;
        left: 0;
        width: 150px;
        padding: 0
    }

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

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

    .page-header .sticky-menu.active .header-search-wrap {
        position: absolute;
        right: 155px;
        top: 3px;
        height: 35px;
        border: 0;
        width: 35px;
        padding: 0
    }

    .rtl-layout .page-header .sticky-menu.active .header-search-wrap {
        right: auto;
        left: 150px
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search:not(.no-full-box) {
        width: 40px;
        height: 40px;
        height: 100%;
        float: right;
        cursor: pointer;
        background: #3485c2;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        transition: all 500ms ease;
        -moz-backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search:not(.no-full-box) .minisearch input[type="text"] {
        background: #3485c2;
        width: 40px;
        height: 40px;
        display: none
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search:not(.no-full-box) .minisearch .actions .search {
        color: #fff
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search:not(.no-full-box) .minisearch .actions .search:before {
        line-height: 40px;
        font-size: 20px
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search:not(.no-full-box) .minisearch label {
        font-size: 0
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search:not(.no-full-box) .mdl-textfield {
        display: none
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search:not(.no-full-box):hover .minisearch .actions .search {
        color: #ffb21e
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box {
        width: 35px;
        height: 35px
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box.no-full-box .minisearch .actions .search {
        border: 1px solid transparent;
        background: #3485c2
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box:hover div[data-role="search_form"] {
        border-radius: 3px
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box:hover .minisearch .actions .search {
        background: #3485c2;
        border-color: #fff;
        border-radius: 3px
    }

    .page-header .sticky-menu.active .header-panel-right {
        position: absolute;
        top: 17px;
        right: 0;
        z-index: 1;
        padding: 0;
        width: auto
    }

    .rtl-layout .page-header .sticky-menu.active .header-panel-right {
        right: auto;
        left: 0
    }

    .page-header .sticky-menu.active .header-panel-right .features-links {
        margin-top: 0
    }

    .page-header .sticky-menu.active .header-panel-right .features-links>li {
        margin: 0
    }

    .page-header .sticky-menu.active .header-panel-right .features-links>li .cdz-dropdown {
        display: block
    }

    .page-header .sticky-menu.active .header-panel-right .features-links #top-wishlist,
    .page-header .sticky-menu.active .header-panel-right .features-links .account-trigger,
    .page-header .sticky-menu.active .header-panel-right .features-links .showcart {
        min-height: 30px
    }

    .page-header .sticky-menu.active .header-panel-right .features-links #top-wishlist:before,
    .page-header .sticky-menu.active .header-panel-right .features-links .account-trigger:before,
    .page-header .sticky-menu.active .header-panel-right .features-links .showcart:before {
        color: #fff;
        font-size: 22px
    }

    .page-header .sticky-menu.active .header-panel-right .features-links #top-wishlist span.text-uppercase,
    .page-header .sticky-menu.active .header-panel-right .features-links .account-trigger span.text-uppercase,
    .page-header .sticky-menu.active .header-panel-right .features-links .showcart span.text-uppercase,
    .page-header .sticky-menu.active .header-panel-right .features-links #top-wishlist span.text-underlink,
    .page-header .sticky-menu.active .header-panel-right .features-links .account-trigger span.text-underlink,
    .page-header .sticky-menu.active .header-panel-right .features-links .showcart span.text-underlink {
        display: none
    }

    .page-header .sticky-menu.active .header-panel-right .features-links #top-wishlist:hover:before,
    .page-header .sticky-menu.active .header-panel-right .features-links .account-trigger:hover:before,
    .page-header .sticky-menu.active .header-panel-right .features-links .showcart:hover:before {
        color: #ffb21e
    }

    .page-header .sticky-menu.active .header-panel-right .features-links .store-language-currency {
        display: none
    }

    .page-header .sticky-menu.active .header-panel-right .cart-link {
        min-height: 0
    }

    .page-header .sticky-menu.active .header-panel-right .minicart-wrapper .action.showcart:before {
        color: #fff;
        font-size: 22px
    }

    .page-header .sticky-menu.active .header-panel-right .minicart-wrapper .action.showcart .text,
    .page-header .sticky-menu.active .header-panel-right .minicart-wrapper .action.showcart .cart-subtotal {
        display: none
    }

    .page-header .sticky-menu.active .header-panel-right .minicart-wrapper .action.showcart:hover:before {
        color: #ffb21e
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .page-header .features-links li {
        margin-left: 15.5px
    }

    .rtl-layout .page-header .features-links li {
        margin-right: 15.5px;
        margin-left: 0
    }

    .page-header .header-menu-wrap {
        padding: 0
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        padding: 12px 10px
    }
    .main-logo {
        display: none !important;
    }
    .small-logo {
        display: block !important;
        width: 60px;
        padding-right: 4px;
        position: relative;
        top: -4px;
    }
}

@media (max-width: 767px) {
    .page-header .header-menu-wrap {
        display: none
    }

    .page-header .panel.header>.row {
        position: relative
    }

    .page-header .logo {
        margin-top: 12px
    }

    .page-header .header-panel-bottom {
        width: 90px;
        float: right;
        position: absolute;
        top: 8px;
        right: 0px;
        height: 35px;
        padding: 0;
        text-align: center
    }

    .rtl-layout .page-header .header-panel-bottom {
        right: auto;
        left: 0
    }

    .page-header .header-search-wrap {
        padding: 0
    }

    .page-header .header-search-wrap .mdl-textfield {
        display: none
    }

    .page-header .header-search-wrap .nested {
        display: none
    }

    .page-header .header-panel-left {
        text-align: center
    }

    .page-header .sticky-menu.active {
        min-height: 50px
    }

    .rtl-layout .page-header .sticky-menu.active .header-panel-bottom {
        left: -10px
    }

    .page-header .sticky-menu.active .header.panel {
        padding-top: 0;
        padding-bottom: 0
    }

    .page-header .sticky-menu.active .mobi-cart-wrapper {
        right: 0
    }

    .rtl-layout .page-header .sticky-menu.active .mobi-cart-wrapper {
        right: auto;
        left: 0
    }

    .page-header .header-search,
    .page-header .mobi-cart-wrapper {
        top: 0
    }

    .page-header .mobi-cart-wrapper {
        right: 5px
    }

    .page-header .header-search {
        right: 40px
    }
}

/*footer*/
.page-footer {
    color: #a8aeba;
    font-size: 14px;
    background: #414b56 url(../../frontend/codazon/themelayout/images/tspr.png) transparent
}

.page-footer a {
    color: #a8aeba
}

.page-footer a:active,
.page-footer a:focus,
.page-footer a:visited {
    color: #a8aeba
}

.page-footer a:hover {
    color: #fff
}

.page-footer .footer.content {
    border: 0;
    padding-top: 30px;
    padding-bottom: 0;
    margin-top: 0;
    background-color: #414b56;
    padding-left: 0;
    padding-right: 0
}

.page-footer .footer.content .block {
    float: none
}

.page-footer .footer-bottom {
    background: #414b56;
    padding: 30px 0;
    text-align: left
}

.page-footer .newsletter {
    overflow: hidden
}

.page-footer .newsletter-title {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 25px;
    color: #fff
}

.page-footer .footer-box .h5 {
    text-transform: uppercase;
    font-weight: 600;
    color: #fff
}
.page-footer .bottom-links {
    padding: 0;
    list-style: none;
    margin: 0;
    display: inline-block
}

.page-footer .bottom-links li {
    display: inline-block;
    margin: 0 15px 0 0
}

.page-footer .bottom-links li a {
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

/*footer ends*/
body {
    font-family: 'Roboto', "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #eee;
}

body .mdl-textfield__label:after {
    background: transparent;
}

body.cms-codazon-home-page .breadcrumbs ul.items {
    padding-left: 27px;
    margin-left: 0 !important;
}

body.cms-codazon-home-page main#maincontent .owl-carousel .owl-item img.owl-lazy {
    display: none;
}

.modal-popup.confirm .modal-content {
    color: #444;
}

.header-panel-right p,
.header-panel-right ul,
.header-panel-right span,
.header-panel-right li,
.header-panel-right select,
.header-panel-right label {
    font-family: 'Roboto', 'Trebuchet MS';
}

.header-panel-right p,
.header-panel-right ul,
.header-panel-right span,
.header-panel-right li,
.header-panel-right select,
.header-panel-right label {
    font-family: 'Roboto', 'Trebuchet MS';
}

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

ul.features-links .link.wishlist .product-items .product-item {
    margin: 0 0 10px;
    border-bottom: 1px solid #dbdbdb;
}

.header-panel-right .link.wishlist .mini-list ul {
    padding: 0;
}

.cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
    padding: 10px 0;
}

ul.features-links .link.wishlist .product-items .product-item {
    margin: 0 0 10px;
    border-bottom: 1px solid #dbdbdb;
}

.header-panel-right .link.wishlist .mini-list ul {
    padding: 0;
}

.cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
    padding: 10px 0;
}

.mini-list .product-item-left .action.delete.btn-remove {
    background-color: #0085c3;
    border-color: #0085c3;
}

.wishlist .product-item .price-box .price {
    color: #444;
    display: block;
    margin-bottom: -9px;
}

.products-grid.wishlist .product-item-comment {
    font-size: 14px;
}

.mini-list a.details,
.mini-list a.details:visited {
    color: #444;
}

.wl-drop-menu .mini-list .product-item .product-item-name {
    margin: 0 0 5px;
}

.wl-drop-menu .mini-list .product-item-details,
.wl-drop-menu .mini-list .product-item-details .col-xs-10 {
    padding: 0;
}

.mini-list .product-item-actions .qty-box input {
    height: 40px;
}

@media (min-width: 768px) {
    .groupdrop-banner a img {
        max-width: 140px;
    }
}

@media (min-width: 1200px) {
    .link.wishlist .mini-list ul.product-items .product-item-name a span {
        font-size: 16px;
    }
}

.footer.content {
    padding: 0;
    margin: 0;
}

.account-info-summary .md-block label.mdl-textfield__label:after,
.mini-list .md-block label.mdl-textfield__label:after {
    content: '*';
    position: static;
    margin-left: 5px;
    color: red;
    visibility: visible;
}

.account-info-summary .info-summary-top .actions-toolbar .primary button {
    padding: 7px 12px;
    background-color: #0f6eca;
    color: #fff;
    font-family: 'Roboto', 'Trebuchet MS';
    font-size: 14px;
    font-weight: 400;
}

.link.wishlist .mini-list .actions-toolbar .primary .mdl-button {
    border-color: #3485c2;
    background-color: #3485c2;
    color: #fff;
}

.mini-list .actions-toolbar .primary button {
    font-weight: 400;
}

.block-static-block.widget {
    margin: 0;
}

.page-header .header-search.no-full-box #search_mini_form {
    padding-right: 0;
    background: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
span,
li,
a {
    margin: 0;
}

p,
ul,
span,
li,
select,
label {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
}

button,
.mdl-button,
.md-button,
.md-button.md-raised,
.cart-container .form-cart .action.continue,
.action.primary,
button.action,
.totals.sub .mark,
.totals.sub .amount,
.cart-totals .mark strong,
.includes-shipping .shipping-tittle {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
    font-size: 14px;
    color: #444;
    margin: 0;
    line-height: 22px;
    text-transform: capitalize;
}

@media (min-width: 992px) {

    p,
    ul,
    span {
        line-height: 22px;
    }
}

/*****bact to top****/
#back-top a:focus,
#back-top a:active,
#back-top a:hover,
#back-top a {
    color: #fff;
    border-color: #0085c3;
    background: #444;
}

/******** search *******/
.mst-searchautocomplete__autocomplete {
    left: 0px !important;
    top: 30px !important;
}

.mst-searchautocomplete__index-title span,
.mst-searchautocomplete__item.magento_catalog_product .price {
    font-family: 'Roboto', Arial;
    text-transform: capitalize;
    font-weight: 600;
}

.mst-searchautocomplete__index-title span {
    font-size: 18px;
    color: #444;
}

.mst-searchautocomplete__highlight {
    font-weight: 400;
    color: #0085c3;
}

.mst-searchautocomplete__wrapper ul li a.title,
.mst-searchautocomplete__wrapper .meta .title a,
.mst-searchautocomplete__item.magento_catalog_product .description,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
    font-family: 'Roboto', 'Trebuchet MS';
    font-size: 16px;
    text-transform: capitalize;
    color: #444;
    font-weight: 400;
    background-color: #fff;
}

.mst-searchautocomplete__wrapper .meta .title a,
.mst-searchautocomplete__item.magento_catalog_product .price {
    color: #0085c3;
    font-size: 16px;
}

.mst-searchautocomplete__item.magento_catalog_product .description,
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all a {
    font-size: 14px;
}

.mst-searchautocomplete__spinner .spinner-item {
    width: 8px;
    height: 8px;
}

.mst-searchautocomplete__autocomplete .mst-searchautocomplete__spinner {
    top: 15px;
    width: 80px;
    left: auto;
    right: 0;
}

.mst-searchautocomplete__spinner .spinner-item.spinner-item-2 {
    left: 8px;
}

.mst-searchautocomplete__spinner .spinner-item.spinner-item-3 {
    left: 16px;
}

.mst-searchautocomplete__spinner .spinner-item.spinner-item-4 {
    left: 24px;
}

.mst-searchautocomplete__spinner .spinner-item.spinner-item-5 {
    left: 32px;
}

.mst-searchautocomplete__spinner .spinner-item.spinner-item-6 {
    left: 40px;
}

.mst-searchautocomplete__spinner .spinner-item.spinner-item-7 {
    left: 48px;
}

.mst-searchautocomplete__spinner .spinner-item.spinner-item-8 {
    left: 56px;
}

.page-header .action.showcart .counter.qty span {
    line-height: 15px;
}

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

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .action-wpr+.col-xs-10.text-center {
    padding-left: 5px;
    padding-right: 5px;
}

.minicart-wrapper .minicart-items .action,
.mobi-cart-wrapper .minicart-items .action {
    position: static;
    background-color: #0085c3;
    border-color: #0085c3;
    margin: 7px 0;
    vertical-align: middle;
}

.abs-pager-toolbar .toolbar-amount,
.account .toolbar .toolbar-amount,
.toolbar-giftregistry-results .toolbar-amount,
.toolbar-wishlist-results .toolbar-amount,
.abs-pager-toolbar .limiter,
.account .toolbar .limiter,
.toolbar-giftregistry-results .limiter,
.toolbar-wishlist-results .limiter,
body .mdl-textfield__input,
body textarea.mdl-textfield__input,
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"] {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
    font-size: 14px;
    color: #444;
    padding: 0;
    line-height: 40px;
    height: 40px;
}

.minicart-wrapper .minicart-items .action.edit,
.mobi-cart-wrapper .minicart-items .action.edit {
    right: 20px;
}

.minicart-items .item-qty {
    width: 35px;
    line-height: 30px;
    height: 30px;
    border-width: 1px;
    border: 1px solid #e1e1e1;
}

.minicart-wrapper .minicart-items .item-qty,
.mobi-cart-wrapper .minicart-items .item-qty {
    display: inline-block;
}

.minicart-wrapper .block-minicart li .col-xs-10.text-center .details-qty.qty {
    margin-left: -10px;
    margin-right: -10px;
}

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

.minicart-wrapper .product-item .product-item-actions .product-item-pricing .price-container {
    padding: 4px 0;
}

.price-including-tax .price,
.price-excluding-tax .price {
    font-weight: 400;
}

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

.minicart-items .product-item:not(:first-child),
.minicart-items .product-item:first-child {
    border-bottom: 1px solid #e9eaec;
}

.block.filter .block-actions .action.clear,
.action.primary {
    color: #fff;
}

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

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .action-wpr+.col-xs-10.text-center {
    padding-left: 5px;
    padding-right: 5px;
}

.minicart-wrapper .minicart-items .action,
.mobi-cart-wrapper .minicart-items .action {
    position: static;
    background-color: #0085c3;
    border-color: #0085c3;
    margin: 7px 0;
    vertical-align: middle;
}

.abs-pager-toolbar .toolbar-amount,
.account .toolbar .toolbar-amount,
.toolbar-giftregistry-results .toolbar-amount,
.toolbar-wishlist-results .toolbar-amount,
.abs-pager-toolbar .limiter,
.account .toolbar .limiter,
.toolbar-giftregistry-results .limiter,
.toolbar-wishlist-results .limiter,
body .mdl-textfield__input,
body textarea.mdl-textfield__input,
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"] {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
    font-size: 14px;
    color: #444;
    padding: 0;
    line-height: 40px;
    height: 40px;
}

.minicart-wrapper .minicart-items .action.edit,
.mobi-cart-wrapper .minicart-items .action.edit {
    right: 20px;
}

.minicart-items .item-qty {
    width: 35px;
    line-height: 30px;
    height: 30px;
    border-width: 1px;
    border: 1px solid #e1e1e1;
}

.minicart-wrapper .minicart-items .item-qty,
.mobi-cart-wrapper .minicart-items .item-qty {
    display: inline-block;
}

.minicart-wrapper .block-minicart li .col-xs-10.text-center .details-qty.qty {
    margin-left: -10px;
    margin-right: -10px;
}

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

.minicart-wrapper .product-item .product-item-actions .product-item-pricing .price-container {
    padding: 4px 0;
}

.price-including-tax .price,
.price-excluding-tax .price {
    font-weight: 400;
}

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

.minicart-items .product-item:not(:first-child),
.minicart-items .product-item:first-child {
    border-bottom: 1px solid #e9eaec;
}

.block.filter .block-actions .action.clear,
.action.primary {
    color: #fff;
}

.page-footer select option {
    color: #444;
}

@media (min-width: 768px) {
    .page-footer .footer-content-top>.row {
        padding-bottom: 30px;
    }

    .page-footer .footer-content-top {
        padding: 30px 0px 20px 0px;
    }
}

/*breadcrumbs*/
.breadcrumbs {
    margin-bottom: 0px;
    position: relative;
    padding: 0 15px;
}

.breadcrumbs ul.items li.item {
    font-size: 14px;
    color: #444;
    position: relative;
    padding-right: 20px;
}

.breadcrumbs ul.items li.item a {
    color: #444;
}

.breadcrumbs ul.items li.item a:hover {
    color: #0085c3;
    text-decoration: none;
}

.breadcrumbs ul.items li.item:last-child {
    color: #0085c3;
}

.breadcrumbs .item:not(:last-child):after {
    content: '/';
    color: #444;
    display: block;
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    top: -1px;
    left: auto;
    position: absolute;
    right: 0;
}

.breadcrumbs ul.items {
    padding: 15px 0px;
    border-bottom: 1px solid #c3c3c3;
}

@media (min-width: 768px) {
    .breadcrumbs {
        padding: 0px 20px;
    }
}

@media (min-width: 1024px) {
    .breadcrumbs {
        padding: 0px 10px;
    }
}

/* ---- breadcrumb home icon ---- */
.breadcrumbs ul.items li.item.home a::before {
    display: inline-block;
    content: '\f015';
    font-family: 'Roboto', 'FontAwesome';
    width: 15px;
    position: relative;
}

@media (min-width: 768px) {

    .header-panel-left p,
    .header-panel-right ul {
        font-size: 13px;
        padding: 12px 0px;
        line-height: 22px;
    }

    .page-header .features-links,
    .page-header .sticky-menu.active .features-links {
        margin: 0;
        padding: 8px 0px;
    }

    .page-header .account-trigger:before,
    .page-header .action.showcart:before,
    .page-header #top-wishlist:before,
    .page-header .account-trigger:after,
    .page-header #top-wishlist:after {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0;
        color: #0085c3;
        width: 29px;
        height: 29px;
        line-height: 33px;
        text-align: center;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
    }

    .page-header .account-trigger:before,
    .page-header .action.showcart:before,
    .page-header .wishlist #top-wishlist:before {
        content: '';
        height: 0px;
    }

    .page-header .features-links {
        font-size: 0;
    }

    .page-header .features-links #top-wishlist,
    .page-header .features-links .account-trigger {
        padding-left: 0;
        padding-right: 29px;
        color: #444;
    }

    .page-header .sticky-menu.active .features-links #top-wishlist,
    .page-header .sticky-menu.active .features-links .account-trigger {
        padding-right: 29px;
    }

    .page-header .features-links #top-wishlist:hover>span,
    .page-header .action.showcart:hover span.text,
    .page-header .action.showcart:hover span.cart-subtotal {
        color: #0085c3;
    }

    .page-header .action.showcart:hover span.text:after {
        background: url(../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/images/dell/shopping-cart.png) no-repeat;
        /* background: url("../../frontend/Codazon/unlimited_default/en_US/images/dell/shopping-cart-color.svg") no-repeat;
        background-size: cover; */
    }

    .page-header .features-links .showcart {
        padding-left: 0px;
    }

    .page-header .sticky-menu.active .features-links .showcart {
        width: 30px;
    }

    .page-header .wishlist #top-wishlist:after,
    .page-header .account-trigger:after {
        display: inline-block;
        font-family: 'Roboto', 'CodazonFont';
        font-style: normal;
        font-weight: normal;
        line-height: 32px;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 27px;
        speak: none;
        color: #444;
    }

    .page-header .wishlist #top-wishlist:hover:after,
    .page-header .account-trigger:hover:after {
        color: #0085c3;
    }

    .page-header .wishlist #top-wishlist:after {
        content: '\e986';
    }

    .page-header .sticky-menu.active .wishlist #top-wishlist:after {
        top: 0;
    }

    .page-header .action.showcart span.text:after,
    .page-header .sticky-menu.active .action.showcart span.text:after {
        content: "";
        width: 30px;
        height: 30px;
        background: url(../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/images/dell/shopping-cart-default.png) no-repeat;
        /* background: url("../../frontend/Codazon/unlimited_default/en_US/images/dell/shopping-cart-black.svg") no-repeat;
        background-size: cover;*/
        top: -5px;
        right: auto;
        position: static;
        display: inline-block;
        vertical-align: middle;
    }

    .sticky-menu.active .action.showcart span.text:after {
        margin-left: 0px;
    }

    .page-header .sticky-menu.active .action.showcart span.text:after,
    .page-header .sticky-menu.active .cart-link:hover .action.showcart span.text:after {
        background: url(../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/..images/dell/shopping-cart-white.svg) no-repeat;
        background-size: cover;
    }

    .page-header .account-trigger:after {
        content: '\e9ab';
        top: 0;
    }

    .page-header .cart-link .action.showcart span {
        display: inline-table;
        font-size: 0px;
        vertical-align: top;
    }

    .page-header .cart-link .action.showcart span.price {
        line-height: 30px;
        display: table;
    }

    .page-header .cart-link .action.showcart .text {
        text-transform: capitalize;
        line-height: 30px;
        color: #444;
    }

    .page-header .features-links .authorization-link span.text-uppercase,
    .page-header .features-links .authorization-link span.text-underlink {
        text-transform: capitalize;
        color: #444;
        font-size: 0px;
        line-height: 20px;
        font-weight: 400;
    }

    .page-header .features-links .authorization-link:hover span.text-uppercase,
    .page-header .features-links .authorization-link:hover span.text-underlink {
        color: #0085c3;
    }

    .page-header .cart-link {
        min-height: 20px;
    }

    .page-header .sticky-menu.active .header-panel-right {
        padding-right: 15px;
    }

    .page-header .sticky-menu.active .header-panel-right .minicart-wrapper .action.showcart .text,
    .page-header .sticky-menu.active .header-panel-right .minicart-wrapper .action.showcart .cart-subtotal {
        display: inline-table;
        font-size: 0;
    }

    .page-header .sticky-menu.active .cart-link .action.showcart span.price {
        color: #fff;
        font-size: 0;
    }

    .page-header .sticky-menu.active .header-panel-right .features-links>li {
        margin: 0;
        padding: 0 0 0 15px;
    }

    .page-header .sticky-menu.active .header-search-wrap {
        right: 170px;
    }

    .page-header .sticky-menu.active .minisearch .actions .search:before {
        color: #fff;
        font-size: 22px;
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box {
        margin-top: 19px;
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box.no-full-box .minisearch .actions .search {
        background: #0085c3;
        border: none;
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box:hover .minisearch .actions .search {
        border: 1px solid #fff;
    }

    .header-panel-bottom {
        padding: 0;
    }

    .sticky-menu.active .header-panel-bottom .col-sm-4.col-md-2 {
        padding-left: 15px;
    }

    .page-header .cart-link .action.showcart span.counter-number {
        color: #fff;
        font-size: 10px;
    }

    .page-header .action.showcart .counter.qty {
        left: 25px;
        min-width: 16px;
        height: 16px;
    }
}

@media (min-width: 1024px) {

    .page-header .action.showcart span.text:after,
    .page-header .sticky-menu.active .action.showcart span.text:after {
        margin-left: 0px;
    }

    .page-header .sticky-menu.active .features-links .showcart {
        padding-left: 0px;
    }
}

@media (min-width: 1200px) {

    .header-panel-left p,
    .header-panel-right ul {
        font-size: 14px;
    }

    .header-panel-left p,
    .header-panel-right ul {
        padding: 15px 0px;
    }

    .page-header .account-trigger:before,
    .page-header .action.showcart:before,
    .page-header #top-wishlist:before,
    .page-header .account-trigger:after,
    .page-header #top-wishlist:after {
        top: 0;
    }

    .page-header .features-links {
        padding: 16px 0px;
    }

    .page-header .sticky-menu.active .header-search-wrap .header-search.no-full-box {
        margin-top: 19px;
    }

    ul.features-links li a span,
    .page-header .cart-link .action.showcart span,
    .page-header .features-links .authorization-link span.text-uppercase,
    .page-header .features-links .authorization-link span.text-underlink {
        font-size: 14px;
    }

    .page-header .features-links .authorization-link a span.text-uppercase,
    .page-header .features-links .link.wishlist a span.text-uppercasel,
    .page-header .features-links .authorization-link span.text-underlink {
        margin-right: 5px;
        line-height: 30px;
    }

    .header-panel-left p,
    .header-panel-right ul {
        padding: 17px 0px;
    }

    .page-header .action.showcart .counter.qty {
        left: 70px;
    }

    .page-header .sticky-menu.active .features-links .showcart {
        min-width: 30px;
    }

    .sticky-menu.active .header-panel-bottom .col-sm-4.col-md-2 {
        padding-left: 10px;
    }

    .page-header .action.showcart span.text:after,
    .page-header .sticky-menu.active .action.showcart span.text:after {
        margin-left: 0px;
    }

    .page-header .features-links,
    .page-header .sticky-menu.active .features-links {
        padding: 13px 0px;
    }

    .page-header .sticky-menu.active .features-links {
        padding: 9px 0px;
    }

    .page-header .wishlist #top-wishlist:after,
    .page-header .account-trigger:after {
        line-height: 30px;
    }

    .page-header .account-trigger:after {
        top: 0;
    }

    .page-header .sticky-menu.active .account-trigger:after {
        top: 0;
    }

    .page-header .sticky-menu.active .features-links .showcart {
        padding-left: 0px;
    }

    .page-header .cart-link .action.showcart span.price {
        padding-left: 5px;
    }
}

/*******Menu******/
.page-header .logo {
    margin: 0;
    padding: 10px 0px;
}

.cdz-horizontal-menu .groupmenu li.level0>a.menu-link,
.cdz-horizontal-menu .groupmenu li.level0:hover>a.menu-link {
    line-height: 55px;
}

.groupmenu li a span {
    font-family: 'Roboto', Arial;
    font-size: 19px;
    text-transform: capitalize;
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title {
    font-family: 'Roboto', Arial;
    font-size: 16px;
    text-transform: capitalize;
    color: #0085c3;
    padding-bottom: 5px;
}
.cdz-menu:not(.cdz-toggle-menu) ul.groupdrop-link li a {
    font-family: 'Roboto', 'Trebuchet MS';
    font-size: 14px;
    text-transform: capitalize;
    color: #444;
}
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop {
    box-shadow: none;
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:visited {
    color: #444;
}

.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:hover,
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:active,
.cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop a:focus {
    color: #0085c3;
}

.header-search .header-search-inner .search-form form input,
.header-search .header-search-inner .search-form form label,
body .mdl-textfield--floating-label .mdl-textfield__label,
.page-header .sticky-menu:not(.active) .minisearch label.mdl-textfield__label,
.page-header .header-search.no-full-box #search_mini_form .mdl-textfield__label,
.page-header .sticky-menu.active .header-search.no-full-box .minisearch input[type="text"] {
    font-family: 'Roboto', 'Trebuchet MS';
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
    color: #444;
}

.header-search .header-search-inner .search-form form input,
.page-header .sticky-menu.active .header-search.no-full-box .minisearch input[type="text"] {
    text-transform: lowercase;
}
@media (min-width: 768px) {
    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        padding: 12px 25px 12px 0px;
    }

    .header-style-03 .panel.header .header-panel-bottom {
        margin: 0;
        border-radius: 0;
    }

    .cdz-horizontal-menu .groupmenu,
    .header-style-03 .panel.header .header-panel-bottom,
    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link,
    .page-header .sticky-menu.active {
        background: #0085c3;
    }

    .page-header .sticky-menu:not(.active) div[data-role="search_form"] {
        width: calc(100% - 10px);
    }

    .header-search .header-search-inner {
        padding: 20px 0px;
    }

    .sticky-menu.active .header-search .header-search-inner {
        padding: 0px;
    }

    .cdz-horizontal-menu .groupmenu li.level0:hover>a.menu-link,
    .switchpage-control .dot {
        color: #fff;
    }

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop>li.item {
        padding: 20px 15px;
    }

    .cdz-menu:not(.cdz-toggle-menu) ul.groupdrop-link {
        padding-top: 0px;
    }

    .cdz-menu:not(.cdz-toggle-menu) ul.groupdrop-link li {
        margin: 0;
        padding: 5px 0px;
    }

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

    .page-header .sticky-menu.active .header-menu-wrap {
        width: auto;
    }

    .page-header .sticky-menu.active .header.panel {
        padding-top: 0;
        padding-bottom: 0;
    }

    .page-header .sticky-menu.active .wishlist .cdz-dropdown span.text-uppercasel {
        font-size: 0;
    }

    .page-header .sticky-menu.active .wishlist #top-wishlist:hover:after,
    .page-header .sticky-menu.active .account-trigger:hover:after,
    .page-header .sticky-menu.active .wishlist #top-wishlist:after,
    .page-header .sticky-menu.active .account-trigger:after {
        color: #fff;
    }

    .page-header .sticky-menu:not(.active) .header-search-wrap {
        padding: 4px 10px;
    }

    .page-header .sticky-menu:not(.active) .header-search.hide-advanced-search div[data-role="search_form"] {
        width: 100%;
        background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
    }

    .page-header .features-links>li {
        margin-left: 20px;
        height: 30px;
    }

    .page-header .features-links>li.link.wishlist {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link {
        padding: 12px 40px 12px 0px;
    }

    .page-header .sticky-menu:not(.active) div[data-role="search_form"] {
        width: calc(100% - 5px);
    }

    .page-header.header-style-03 {
        min-height: 125px !important;
    }
}

.header-panel-wrapper {
    width: 100%;
    float: left;
}

@media (max-width: 991px) {
    .header-panel-wrapper {
        height: 66px;
    }
}

.header-panel-wrapper .header-panel-left {
    width: 60px;
    float: left;
    padding: 13px 0 0 20px;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .header-panel-wrapper .header-panel-left {
        width: 40px;
        padding: 13px 0 0;
    }

    .header-panel-wrapper .header-panel-left .logo {
        height: 40px;
        width: 40px;
        float: left;
    }

    .header-panel-wrapper .header-panel-left .nav-toggle {
        right: 20px;
        left: inherit;
        width: 21px;
        height: 20px;
        top: 22px;
        transform: none;
        font-size: 12px;
        background: url(../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/images/dell/cart-dell.svg) no-repeat;
        background-size: 100%;
    }

    .nav-open .header-panel-wrapper .header-panel-left .nav-toggle {
        background: none;
    }

    .header-panel-wrapper .header-panel-left .nav-toggle:before {
        background: transparent;
    }

    .header-panel-wrapper .header-panel-left .nav-toggle span {
        font-size: 0;
    }

    .header-panel-wrapper .header-panel-left .nav-toggle span:before,
    .header-panel-wrapper .header-panel-left .nav-toggle span:after {
        background: 0 0;
    }

    .nav-open .header-panel-wrapper .header-panel-left .nav-toggle span:after {
        height: 3px;
        background-color: #444;
        left: 0;
    }

    .nav-open .header-panel-wrapper .header-panel-left .nav-toggle span:before {
        height: 3px;
        background-color: #444;
        left: 0;
    }

    .header-panel-wrapper .header-panel-left .nav-toggle .mobile-menu-content {
        color: #444;
        margin-top: 2px;
        display: inline-block;
        margin-left: -4px;
    }
}

.header-panel-wrapper .header-panel-left .logo {
    padding: 0;
}

.header-panel-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
    padding: 15px;
}

.header-panel-wrapper .header-panel-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
    -ms-flex: 2 1 auto;
    flex: 2 1 auto;
}

.header-panel-wrapper .header-panel-right {
    float: right;
}

.header-panel-wrapper .header-search {
    width: 100%;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner {
    padding: 0;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mdl-textfield__label {
    font-family: roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form input {
    border: 1px solid rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-radius: 0;
    color: #444;
    line-height: 21px;
    padding: 2px 11px;
    height: 28px;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .actions button {
    background: #444 !important;
    border: none;
    padding: 2px 12px;
    color: #fff;
    border-radius: 2px;
    width: auto;
    font-size: 14px;
    line-height: 21px;
    height: 26px;
    position: relative;
    top: 1px;
    right: 1px;
    bottom: 1px;
    font-family: roboto, Arial, Helvetica, sans-serif;
    text-transform: capitalize;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .actions button:before {
    Content: "";
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mst-searchautocomplete__autocomplete._active {
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    border-bottom: 3px solid #007db8;
    margin: 0;
    background: #fff;
    color: #007db8;
    padding: 4px 0 10px;
    line-height: 30px;
    height: auto;
    max-height: 420px;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mst-searchautocomplete__autocomplete._active ul li {
    padding-left: 14px;
    width: 100%;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mst-searchautocomplete__autocomplete._active ul li:hover {
    background-color: #f0f0f0;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mst-searchautocomplete__autocomplete._active ul li a {
    color: #007db8;
    font-family: roboto, Arial, Helvetica, sans-serif;
    font-size: 14px;
}
.mst-searchautocomplete__autocomplete ul
{
        max-height: 62vh !important;
}

.header-panel-wrapper .header-panel-right ul {
    padding: 20px 17px 0 0;
}

@media (max-width: 991px) {
    .header-panel-wrapper .header-panel-right ul {
        padding-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-panel-wrapper .header-panel-right ul.features-links li {
        margin-left: 10px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-panel-wrapper .header-panel-right ul.features-links li.wishlist {
        font-size: 13px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-panel-wrapper .header-panel-right ul.features-links li.wishlist a {
        padding-right: 27px !important;
        padding-left: 0 !important;
        width: auto !important;
    }
}

.header-panel-wrapper .header-panel-right ul.features-links li.wishlist a span {
    line-height: 30px;
    padding-right: 6px;
}

.header-panel-wrapper .header-panel-right ul.features-links li.wishlist a:hover span {
    color: #444444 !important;
}

.header-panel-wrapper .header-panel-right ul.features-links li.wishlist a#top-wishlist:hover:after {
    color: #444444;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-panel-wrapper .header-panel-right ul.features-links li.authorization-link a.account-trigger {
        padding-top: 5px;
        padding-left: 0;
        padding-right: 37px;
    }

    .header-panel-wrapper .header-panel-right ul.features-links li.authorization-link a.account-trigger .text-underlink {
        font-size: 13px;
    }
}

.header-panel-wrapper .header-panel-right ul.features-links li.authorization-link a.account-trigger:hover span.text-underlink {
    color: #444444;
}

.header-panel-wrapper .header-panel-right ul.features-links li.authorization-link a.account-trigger:hover:after {
    color: #444444;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .header-panel-wrapper .header-panel-right ul.features-links li.cart-link a.showcart span.text {
        font-size: 13px;
    }
}

.header-panel-wrapper .header-panel-right ul.features-links li.cart-link a.showcart:hover span {
    color: #444444;
}

.header-panel-wrapper .header-panel-right ul.features-links li.cart-link a.showcart:hover span:after {
    background: url(../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/images/dell/shopping-cart-default.png) no-repeat;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown .cdz-dd-content {
    left: inherit !important;
    right: 0;
}
.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content {
    left: inherit !important;
    right: 0;
    border: 1px solid #cce7f3;
    border-top: 0;
    border-bottom: 4px solid #007db8;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner input,
.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner button {
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner button {
    background-color: #007db8;
    border-color: #007db8;
    border-radius: 2px;
    font-size: 14px;
    line-height: 18px;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner button:hover {
    background-color: #00447c;
    border-color: #00537b;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner p.secondary {
    line-height: 20px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#edf1f3));
    background-repeat: repeat-x;
    background-color: #f7f9fa;
    background-image: linear-gradient(to bottom, #fefefe, #edf1f3);
    border: 1px solid #ccc;
    border-radius: 2px;
    padding: 6px 15px;
    font-size: 14px;
    text-transform: none;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner p.secondary .create-account-link {
    color: #007db8;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner p.secondary .create-account-link:hover {
    color: #007db8;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .secondary a span {
    color: #282828;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .block-top {
    font-size: 13px;
    padding: 10px 10px 14px 15px;
    letter-spacing: 1px;
    font-weight: 400;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .block-top .block-title {
    padding-top: 40px;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .block-top .block-title:after {
    font-size: 30px;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .block-content {
    padding: 0 15px 10px;
    font-size: 14px;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .account-info-summary .info-summary-top {
    padding: 10px 20px 0;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .account-info-summary .info-summary-bottom {
    padding: 0 15px 10px;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner #minicart-content-wrapper .block-title {
    border-bottom: 1px solid #aaa;
    text-transform: none;
    padding: 7px 15px 10px;
    color: #444;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner #minicart-content-wrapper .block-content {
    padding: 0 15px 10px;
    line-height: normal;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner #minicart-content-wrapper .block-content .subtitle.empty {
    text-align: left;
    text-transform: none;
    padding: 10px 0 0;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner #minicart-content-wrapper .block-content .subtitle.empty span {
    color: #007db8;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner #minicart-content-wrapper .block-content .minicart-widgets {
    margin-top: 0;
}
@media (min-width: 1025px) {
    .cdz-menu.is-tablet .visible-tablet {
        display: none !important;
    }
}

/* Which Dell is right for you ? */
@media (min-width: 200px) {
    .dell-right-image {
        max-height: initial !important;
    }

    .dell-right-section .dell-right-box ul,
    .dell-right-section .dell-right-box p {
        max-width: 270px;
    }
}

.dell-right-section {
    padding: 26px 7% !important;
}

.dell-right-section .home-main-support-section {
    padding: 20px 0;
}

.dell-right-section .home-main-support-section h2 {
    font-size: 48px;
    font-weight: 300;
    line-height: 1;
    color: #006bbd;
    padding: 0;
    margin: 0 0 10px 0;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.dell-right-section .dell-right-box {
    padding: 0 50px;
    text-align: center;
    margin-bottom: 30px;
}

.dell-right-section .dell-right-box p {
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #000;
    margin-bottom: 30px;
    padding-left: 27px;
    padding-top: 30px;
    max-width: 240px;
}

.dell-right-section .dell-right-box ul {
    padding: 0 0 0 39px;
    max-width: 240px;
}

.dell-right-section .dell-right-box ul li {
    text-align: left;
    font-size: 14px;
    color: #000;
    margin-bottom: 6px;
}

.dell-right-section .dell-right-box .shop-link {
    width: 100%;
    float: left;
    text-align: center;
    margin: 40px 0 10px;
}

.dell-right-section .dell-right-box .shop-link a.cat-pd-link {
    border: 1px solid transparent;
    border-radius: 3px;
    border-color: #007db8;
    background-color: #0085c3;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    display: inline-block;
    min-width: 216px;
}

.dell-right-section .dell-right-box .explore-link {
    width: 100%;
    float: left;
    text-align: center;
}

.dell-right-section .dell-right-box .explore-link a.cat-fran-link {
    background-color: #fff;
    border: 2px solid #006bbd;
    color: #006bbd;
    padding: 10px 15px;
    font-size: 16px;
    display: inline-block;
    min-width: 216px;
    border-radius: 3px;
    transition: transform .3s cubic-bezier(.215, .61, .355, 1), background-color .2s ease, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1);
}

.dell-right-section .dell-right-box .shop-link a.cat-pd-link:hover {
    background-color: #00447c;
}

.dell-right-section .dell-right-box .explore-link a.cat-fran-link:hover {
    border: 2px solid #0076ce;
    background-color: #0076ce;
    color: #ffffff;
}

.dell-right-section .dell-right-box .homeWhichDell {
    display: flex;
    flex-direction: row;
    width: 216px;
    border-radius: 2px;
    align-items: center;
    padding: 7px 35px 7px 10px;
    font-size: 16px;
    font-weight: 600;
    color: #444;
    background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzAwNmJiZCc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+);
    border: 1px solid #ccc;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    outline: 0;
    background-position: calc(100% - 10px), calc(100%), 100% 0;
    background-size: 25px 25px, 25px 25px, 2.5em 2.5em;
    background-repeat: no-repeat;
    line-height: 1.15;
    height: 38px;
    margin: auto auto 34px;
}

.dell-right-section .dell-right-box .homeWhichDell.open {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCknIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nIzAwNmJiZCc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+);
    background-position: calc(100% - 10px), calc(100%), 100% 0;
    background-size: 25px 25px, 25px 25px, 2.5em 2.5em;
    background-color: #cce5f1;
    color: #006bbd;
}

.dell-right-section .dell-right-box .homeWhichDell option {
    color: #444;
    background-color: #fff;
    position: relative;
    display: block;
    padding: 7px 10px;
    font-weight: 400;
    font-size: 16px;
    white-space: normal;
}

@media (max-width: 991px) {
    .dell-right-section .dell-right-box {
        padding: 0;
        width: 48%;
        float: left;
        margin-right: 2%;
    }

    .dell-right-section .dell-right-box:last-child {
        display: none;
    }

    .dell-right-section .dell-right-box .homeWhichDell {
        width: 100%;
    }

    .dell-right-section .dell-right-box p {
        margin-bottom: 20px;
        padding-left: 0;
        max-width: 100%;
    }

    .dell-right-section .dell-right-box ul {
        padding: 0 0 0 13px;
        max-width: 100%;
    }

    .dell-right-section .dell-right-box .shop-link a.cat-pd-link,
    .dell-right-section .dell-right-box .explore-link a.cat-fran-link {
        min-width: 100%;
        padding: 10px;
    }

    .dell-right-section .dell-right-box p {
        min-height: 73px;
    }

    .dell-right-section .dell-right-box ul {
        min-height: 170px;
    }

    .dell-right-section .home-main-support-section h2 {
        font-size: 30px;
    }

    .dell-right-section .col-sm-8:nth-child(3) {
        float: right;
        margin-right: 0;
    }
}

@media (min-width: 546px) and (max-width: 991px) {
    .dell-right-section .dell-right-box ul {
        min-height: 120px;
    }
}

.dell-right-section .dell-right-box ul {
    padding: 0 0 0 39px;
    max-width: 240px;
    min-height: 180px;
}

.dell-right-section .dell-right-box p {
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
    padding-left: 27px;
    padding-top: 30px;
    max-width: 240px;
    min-height: 100px;
}

.dell-right-section .dell-right-box .shop-link {
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 10px;
}

@media (min-width: 992px) and (max-width: 1100px) {
    .dell-right-section {
        padding: 26px 2% !important;
    }
}

@media (max-width: 767px) {
    .dell-right-section .dell-right-box ul {
        padding: 0 0 0 15px;
        max-width: 240px;
        min-height: 200px;
    }

    .dell-right-section .dell-right-box p {
        padding-left: 3px;
    }
}

dell-right-box-wrap .dell-right-box:only-child {
    margin-left: 33.3333%;
}

.dell-right-section.two-column-only .dell-right-box {
    width: 48%;
}

.dell-right-section.two-column-only .dell-right-box p,
.dell-right-section.two-column-only .dell-right-box ul {
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 991px) {
    .dell-right-box-wrap .dell-right-box:nth-child(n+3) {
        display: none;
    }
}

.dell-right-section {
    padding: 26px 7% !important;
    background-color: white;
}

.main-content-sec .main-content-row .home-main-section {
    background: #f9f9f9;
    padding: 40px 4vw;
    text-align: center;
}

.dell-right-section .dell-right-box p {
    font-weight: 600;
    font-size: 16px;
    text-align: left;
    color: #000;
    margin-bottom: 10px;
    padding-left: 27px;
    padding-top: 30px;
    max-width: 240px;
    min-height: 100px;
    margin: 0 auto 10px;
}

.dell-right-section .dell-right-box ul {
    padding: 0 0 0 39px;
    max-width: 240px;
    min-height: 180px;
    margin: auto;
}

#home-page-sticky-menu-row,
#home-page-sticky-menu-row .col-sm-4 {
    background-color: #EEEEEE !important;
}

.warranty-spec-image {
    display: contents;
}

span.warranty-spec-text {
    line-height: 30px;
    margin-left: 5px;
}

/***Home page Common***/
body.cms-codazon-home-page p,
body.cms-codazon-home-page ul,
body.cms-codazon-home-page span,
body.cms-codazon-home-page li,
body.cms-codazon-home-page select,
body.cms-codazon-home-page label {
    font-family: roboto, Arial, Helvetica, sans-serif;
}

body.cms-codazon-home-page header.page-header {
    z-index: 3;
}

body.cms-codazon-home-page .breadcrumbs {
    z-index: 2;
    background: #f6f7f9;
    width: 100%;
    border-bottom: 1px solid #c3c3c3;
}

body.cms-codazon-home-page .breadcrumbs ul.items {
    border-bottom: none;
}

@media (min-width: 768px) {
    body.cms-codazon-home-page .breadcrumbs ul.items {
        width: 100%;
    }
}

@media (min-width: 992px) {
    body.cms-codazon-home-page .breadcrumbs ul.items {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.cms-codazon-home-page .breadcrumbs ul.items {
        width: 1190px;
    }
}

body.cms-codazon-home-page .cdz-main-content {
    position: relative;
}

body.cms-codazon-home-page .cdz-main-content .cdz-slideshow {
    z-index: 1;
}

body.cms-codazon-home-page .cdz-main-content .cdz-slideshow .cdz-slideshow-outer {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

@media (max-width: 768px) {
    body.cms-codazon-home-page .cdz-main-content .cdz-slideshow .cdz-slideshow-outer {
        position: inherit;
    }
}

body.cms-codazon-home-page .cdz-main-content .main-content-sec {
    z-index: 2;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    body.cms-codazon-home-page .cdz-main-content #home-page-sticky-menu-row {
        z-index: inherit;
    }
}

body.cms-codazon-home-page .cdz-main-content .home-page-sticky-spacing-row {
    position: relative;
    display: block;
    width: 100%;
}

@media (max-width: 768px) {
    body.cms-codazon-home-page .cdz-main-content .home-page-sticky-spacing-row {
        display: none;
    }
}

body.cms-codazon-home-page footer {
    z-index: 2;
    position: relative;
}

#back-top a {
    border-color: #eee;
}

#back-top a:hover#back-top a:focus#back-top a:active {
    border-color: #eee;
}

#desk_menu-container {
    width: auto;
    margin-top: 0;
    padding-left: 168px;
    background: #ffffff;
}

@media (max-width: 991px) {
    #desk_menu-container {
        padding-left: 45px;
    }
}

#desk_menu-container .cdz-navigation {
    max-width: 100%;
}

#desk_menu-container .cdz-navigation ul.groupmenu {
    background-color: #ffffff;
}

@media (max-width: 991px) {
    #desk_menu-container .cdz-navigation ul.groupmenu {
        margin-top: -10px;
    }

    #desk_menu-container .cdz-navigation ul.groupmenu .groupmenu-drop li {
        padding: 15px;
    }
}

#desk_menu-container .cdz-navigation ul.groupmenu li {
    margin-top: -7px;
}

#desk_menu-container .cdz-navigation ul.groupmenu li a {
    color: #444;
    padding: 0px 15px 28px 28px;
    border-color: transparent;
    background: transparent;
    line-height: 1.15;
}

#desk_menu-container .cdz-navigation ul.groupmenu li a span {
    font-size: 14px;
    font-weight: 400;
    font-family: roboto, Arial, Helvetica, sans-serif;
    line-height: 2.15;
}

#desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-left: 1px solid #cce7f3;
    border-right: 1px solid #cce7f3;
    border-bottom: 4px solid #007db8;
    border-top: none;
}

@media (min-width: 992px) {
    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop {
        width: 900px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop {
        width: 560px;
    }
}

@media (min-width: 992px) {
    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .groupmenu-width-24 {
        width: 900px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .groupmenu-width-24 {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .row {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) {
    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .row .col-sm-4 {
        width: 25%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .row .col-sm-4 {
        width: 50%;
    }

    #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .row .col-sm-4 .groupdrop-link li {
        padding: 9px 2px;
    }
}

#desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .groupdrop-title {
    color: #007db8;
    font-size: 18px;
    font-family: roboto, Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding-bottom: 20px;
}

#desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content ul.groupdrop-link li a {
    padding-left: 0;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

/***Banner section***/
.cdz-main-content .home-page-sticky-menu {
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 2;
}

@media (min-width: 769px) {
    .cdz-main-content .home-page-sticky-menu.stick {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 5;
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    }
}

@media (max-width: 768px) {
    .cdz-main-content .home-page-sticky-menu.stick {
        position: inherit;
    }
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    border-bottom: 1px solid #ccc;
    background-color: #f9f9f9;
    overflow: hidden;
    margin: 0;
}

@media (max-width: 768px) {
    .cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row {
        flex-wrap: wrap;
    }
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 {
    position: relative;
    height: 100%;
    width: 170px;
    height: 130px;
    overflow: hidden;
    background-color: #f9f9f9;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    border-width: 0 1px;
    border-style: solid;
    border-color: transparent;
    padding: 0;
}

@media (max-width: 768px) {
    .cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 {
        width: 50vw;
    }
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 .hpg-cat-item-wrap {
    position: absolute;
    top: 40px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 .hpg-cat-item-wrap img {
    max-width: 30px;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 .hpg-cat-item-wrap .hpg-cat-label {
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 9px;
    color: #444;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 .hpg-cat-item-wrap .hpg-cat-links {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 41px;
    overflow: hidden;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    right: 0;
    height: 73px;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 .hpg-cat-item-wrap .hpg-cat-links a {
    color: #006bbd;
    font-size: 16px;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4:hover {
    border-color: #d1d1d1;
    background-color: #fff;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4:hover .hpg-cat-item-wrap .hpg-cat-links {
    margin-top: 0;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4:hover .hpg-cat-item-wrap .hpg-cat-label {
    font-weight: 700;
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4:hover .hpg-cat-item-wrap[data-link-count="2"] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transform: translate(0, -70px);
    transform: translate(0, -70px);
    -ms-transform: translate(0, -70px);
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4:hover .hpg-cat-item-wrap[data-link-count="1"] .hpg-cat-label {
    color: #007db8;
    font-weight: 700;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    top: 0;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption {
    width: 50%;
    text-align: center !important;
    left: 0;
    top: inherit;
    position: relative;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption p {
    font-family: roboto, Arial, Helvetica, sans-serif;
    color: #444444;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption p.slide-textcate {
    font-size: 15px;
    margin-bottom: 10px;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption p.slide-title {
    font-size: 29px;
    margin-bottom: 0;
    font-weight: normal;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption p.slide-text {
    font-size: 17px;
    margin: 10px 37px 20px;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption a {
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption a.slide-btn {
    color: #444444;
    border: 1px solid #444444;
    background: transparent;
    font-size: 17px;
    padding: 5px 15px;
    margin: 0 5px;
    text-transform: capitalize;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-caption a.slide-btn:hover {
    background-color: #444;
    border-color: #4444;
    color: #eee;
}

.cdz-main-content .cdz-slideshow .cdz-slideshow-outer .cdz-slideshow-inner .item-desc .slide-bottom-right {
    display: none;
}

/***Content Section***/
.main-content-sec .main-content-row {
    margin-left: -15px;
    margin-right: -15px;
}

.main-content-sec .main-content-row h2,
.main-content-sec .main-content-row p,
.main-content-sec .main-content-row a {
    font-family: roboto, Arial, Helvetica, sans-serif;
    color: #444;
}

.main-content-sec .main-content-row .home-main-section {
    background: #f9f9f9;
    padding: 40px 4vw;
    text-align: center;
}

@media (max-width: 992px) {
    .main-content-sec .main-content-row .home-main-section {
        padding-top: 30px;
    }
}

.main-content-sec .main-content-row .home-main-section h2 {
    font-size: 31px;
    line-height: normal;
    margin-bottom: 10px;
    font-weight: 300;
    text-transform: unset;
}

.main-content-sec .main-content-row .home-main-section.home-main-support-section h2 {
    text-transform: uppercase;
    font-weight: 400;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.main-content-sec .main-content-row .home-main-section .home-main-text-block {
    font-size: 16px;
    line-height: 150%;
    margin-bottom: 5px;
}

.main-content-sec .main-content-row .home-main-section .home-main-img-wrap {
    margin-bottom: 10px;
}

.main-content-sec .main-content-row .home-main-section .home-main-img-wrap img {
    max-width: 43px;
    max-height: 43px;
    display: block;
    width: 100%;
    margin: 0 auto;
}

@media (max-width: 992px) {
    .main-content-sec .main-content-row .home-main-section .home-main-img-wrap img {
        max-width: 28px;
        max-height: 28px;
    }
}

.main-content-sec .main-content-row .home-main-section .home-main-sect-link-wrap {
    margin: 20px 0;
    padding-top: 5px;
}

.main-content-sec .main-content-row .home-main-section .home-main-sect-link-wrap a {
    color: #006bbd;
    font-size: 17px;
}

.main-content-sec .main-content-row .home-main-section ul {
    padding: 0;
}

.main-content-sec .main-content-row .home-main-section ul li {
    border-right: 1px solid #707070;
    display: inline-block;
    padding: 0 20px;
}

.main-content-sec .main-content-row .home-main-section ul li a {
    color: #006bbd;
    font-size: 16px;
}

.main-content-sec .main-content-row .home-main-section ul li:last-child {
    border-right: none;
}

.main-content-sec .main-content-row .home-main-section.home-main-two-up-section {
    text-align: left;
    padding: 20px 0 40px;
    background-color: #ffffff;
    display: flex;
    flex-wrap: wrap;
}

.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-left-area {
    border-right: 1px solid #707070;
}

.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-left-area,
.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-right-area {
    width: 50%;
    float: left;
    padding: 0 5vw;
}

.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-left-area .home-main-content-wrap .home-main-tagline,
.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-right-area .home-main-content-wrap .home-main-tagline {
    font-size: 29px;
    margin: 10px 0;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-left-area .home-main-content-wrap h2,
.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-right-area .home-main-content-wrap h2 {
    color: #707070;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-left-area .home-main-content-wrap .home-main-text-block,
.main-content-sec .main-content-row .home-main-section.home-main-two-up-section .home-main-right-area .home-main-content-wrap .home-main-text-block {
    font-size: 17px;
}

.main-content-sec .main-content-row .home-main-product-sec {
    width: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    background: #ffffff;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-img-sec {
    width: 55%;
    float: left;
    text-align: center;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec {
    float: right;
    width: 45%;
    padding-left: 5%;
    padding-right: 5%;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp a .home-main-title {
    color: #707070;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 15px;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp a .home-main-tagline {
    font-size: 29px;
    margin: 10px 0;
    color: #444;
    line-height: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

@media (max-width: 991px) {
    .main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp a .home-main-tagline {
        font-size: 20px;
    }
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp a .home-main-tagline strong {
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp .home-main-text-block {
    font-size: 17px;
    line-height: 150%;
    margin: 0 0 5px;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp .home-main-sect-link-wrap {
    margin: 20px 0;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp .home-main-sect-link-wrap a {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #707070;
    color: #0076ce;
    font-size: 17px;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp .home-main-sect-link-wrap a:first-child {
    padding-left: 0;
}

.main-content-sec .main-content-row .home-main-product-sec .home-main-content-sec .home-main-content-sec-warp .home-main-sect-link-wrap a:last-child {
    padding-right: 0;
    border: 0;
}

/***Footer Section***/
footer.page-footer {
    background: #eee;
}

@media (min-width: 1200px) {
    footer.page-footer .container {
        width: 1170px !important;
    }
}

footer.page-footer .footer-content-top {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 12px 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    footer.page-footer .footer-content-top .container {
        display: flex;
        text-align: left;
    }
}

footer.page-footer .footer-content-top ul {
    float: left;
    padding: 0;
}

footer.page-footer .footer-content-top ul li {
    display: inline-block;
    margin: 0 13px 0 0;
    padding: 3px 0 0;
    line-height: normal;
}

footer.page-footer .footer-content-top ul li a {
    font-family: roboto, Arial, Helvetica, sans-serif;
    color: #444;
    font-size: 14px;
}

footer.page-footer .footer-content-top ul li a:hover {
    color: #00447c;
}

footer.page-footer .footer-content-top .col-md-4 {
    padding-left: 0;
    padding-right: 0;
    float: right;
    width: auto;
}

footer.page-footer .footer-content-top .col-md-4 .newsletter p.h5 {
    display: none;
}

footer.page-footer .footer-content-top .col-md-4 #footer-content-5 img {
    padding-left: 0;
}

footer.page-footer .footer-content-top .col-md-4 #footer-content-5 .select {
    width: 110px;
    height: 20px;
}

footer.page-footer .footer-content-top .col-md-4 #footer-content-5 .select:after {
    border-color: #444 transparent transparent transparent;
}

footer.page-footer .footer-content-top .col-md-4 #footer-content-5 .select select {
    border: none;
    color: #444;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

footer.page-footer .footer-bottom {
    background: #444;
    padding: 12px 10px;
}

footer.page-footer .footer-bottom ul {
    line-height: normal;
}

footer.page-footer .footer-bottom ul li {
    display: inline-block;
    margin: 0 2px 0 0;
    line-height: normal;
}

footer.page-footer .footer-bottom ul li a {
    font-size: 11px;
    padding: 2px 6px;
    color: #fff;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

/***Home page Animation***/
@media (min-width: 992px) {
    [animation=angle-up] {
        overflow: hidden;
    }

    [animation=angle-up].active {
        overflow: visible;
    }

    [animation=angle-up] .home-main-img-sec,
    [animation=angle-up] .home-main-content-sec,
    [animation=angle-up] .home-main-left-area,
    [animation=angle-up] .home-main-right-area {
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
        -webkit-transition-property: opacity, -webkit-transform;
        transition-property: opacity, -webkit-transform;
        transition-property: transform, opacity;
        transition-property: transform, opacity, -webkit-transform;
        -webkit-transition-duration: 0.8s, 1s;
        transition-duration: 0.8s, 1s;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        will-change: transform, opacity;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }

    [animation=angle-up].active .home-main-img-sec,
    [animation=angle-up].active .home-main-content-sec,
    [animation=angle-up].active .home-main-left-area,
    [animation=angle-up].active .home-main-right-area {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

.cdz-main-content .home-page-sticky-menu #home-page-sticky-menu-row .col-sm-4 .hpg-cat-item-wrap .hpg-cat-label {
    font-size: 16px;
    margin-top: 14px;
    margin-bottom: 9px;
    color: #444;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.footer.content {
    display: contents;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .page-header .action.showcart .counter.qty {
        left: inherit;
        right: -6px;
    }

    .category-home .space-base ul.sub-cat-ul li.cat-li .cat-image img,
    .category-work .space-base ul.sub-cat-ul li.cat-li .cat-image img {
        max-width: 82%;
        max-height: 100%;
        min-height: auto;
    }
}

.header-panel-wrapper .header-panel-right ul.features-links li.cart-link a.showcart:hover span.counter-number {
    color: #ffffff;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner button {
    background-color: transparent;
    border-color: transparent;
    margin-top: 4px;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner button#top-cart-btn-checkout,
.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .mini-list .actions-toolbar button .header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .mini-list .actions-toolbar button.mdl-button {
    background-color: #007db8;
    border-color: #007db8;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mst-searchautocomplete__autocomplete._active ul li {
    padding-right: 14px;
}

.breadcrumbs ul.items li.item:last-child a {
    color: #0085c3;
}

@media (min-width: 768px) {
    .mst-searchautocomplete__autocomplete._active {
        overflow-x: hidden;
        max-height: 300px;
    }
}

@media (max-width: 991px) {
    .header-panel-wrapper .header-panel-left .nav-toggle .mobile-menu-content {
        position: absolute;
        left: 0;
        top: 23px;
    }
}



body.cms-codazon-home-page .breadcrumbs ul.items {
    margin-left: 27px;
}

@media (min-width: 769px) {
    .cdz-main-content #cdz-slider.stick+.home-page-sticky-menu {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 5;
        -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
    }
}

html {
    overflow-x: hidden;
}

html.cdz-panel-open-right {
    overflow: visible !important;
}

html,
body {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
}

body {
    font-family: 'Roboto', "Trebuchet MS", Arial, Helvetica, sans-serif;
    background: #eee;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
span,
li,
a {
    margin: 0;
}

a {
    text-decoration: none;
}

body .fieldset>.field {
    color: #444;
}

body .mdl-textfield__label:after {
    background: transparent;
}

p,
ul,
span,
li,
select,
label {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
slider-block,
.value {
    font-family: 'Roboto', Arial;
    font-weight: 600;
}

body select {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
    font-size: 13px;
    color: #444;
    text-transform: capitalize;
}

.price-including-tax .price,
.price-excluding-tax .price {
    font-weight: 400;
}

.block.filter .block-actions .action.clear,
.action.primary {
    background-color: #0F6ECA;
    border-color: #0F6ECA;
    color: #fff;
    border-radius: 4px;
    text-transform: capitalize;
    font-size: 14px;
}

.products.list .item.product .product-item-info .product-item-actions .actions-secondary .action.towishlist {
    margin-right: 5px;
}

.float-right,
.support-design del {
    float: right;
}

@media (min-width: 992px) {

    .container,
    .page-main:not(.page-main-full)>div,
    .top-container ul,
    .page-wrapper>.breadcrumbs {
        width: 970px;
    }

    p,
    ul,
    span {
        line-height: 22px;
    }
}

@media (min-width: 1200px) {

    .container,
    .page-main:not(.page-main-full)>div,
    .top-container ul,
    .page-wrapper>.breadcrumbs {
        width: 1190px;
    }
}

@media (min-width: 1366px) {

    .container,
    .page-main:not(.page-main-full)>div,
    .top-container ul,
    .page-wrapper>.breadcrumbs {
        width: 1300px;
    }
}

/******promotional block*******/
.block-static-block.widget {
    margin: 0;
}

.promotional-banner {
    padding: 10px 0px;
}

.promotional-banner strong span {
    padding-bottom: 3px;
    display: inline-block;
    font-weight: 400;
    color: #fff;
}

.promotional-banner span {
    color: #fff;
}

@media (min-width: 768px) {
    .promotional-banner strong span {
        font-size: 18px !important;
        padding-bottom: 5px;
    }

    .promotional-banner span {
        font-size: 13px !important;
    }
}

@media (min-width: 1024px) {
    .promotional-banner strong span {
        font-size: 20px !important;
    }

    .promotional-banner span {
        font-size: 14px !important;
    }
}

@media (min-width: 1200px) {
    .promotional-banner strong span {
        font-size: 22px !important;
    }
}

/******Contact Banner****/
.header-panel-left p,
.header-panel-right ul,
.header-panel-left p a {
    padding: 14px 0px;
    color: #444;
}

.header-panel-left p a {
    text-decoration: underline;
}

.header-panel-left p a:hover {
    color: #0085c3;
}

.page-header .sticky-menu:not(.active) .minisearch input[type="text"] {
    padding: 0 30px 0 10px;
}

.page-header .header-search.no-full-box #search_mini_form {
    padding-right: 0;
}

.block.filter .filter-options .filter-options-content .item:before {
    display: none;
}

.block.filter .filter-options .filter-options-content .item .checkbox label,
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"],
.block.filter .items .filter-label {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
    font-size: 14px;
    color: #444;
    text-transform: none;
}

.block,
.sidebar .widget.block:not(:last-child),
.sidebar .widget:not(:last-child),
.block-banners,
.block-banners-inline {
    margin-bottom: 20px;
}

.wishlist .product-items .product-item .product-item-actions .tocart.primary,
.wishlist .product-items .product-item .product-item-actions .tocart.primary:hover {
    color: #fff;
    background: #47951e;
    border-color: #47951e;
}

.wishlist .product-items .product-item .product-item-actions .tocart.primary:hover span {
    color: #fff;
}

.actions-toolbar .primary {
    position: relative;
}

.abs-pager-toolbar .toolbar-amount,
.account .toolbar .toolbar-amount,
.toolbar-giftregistry-results .toolbar-amount,
.toolbar-wishlist-results .toolbar-amount,
.abs-pager-toolbar .limiter,
.account .toolbar .limiter,
.toolbar-giftregistry-results .limiter,
.toolbar-wishlist-results .limiter,
body .mdl-textfield__input,
body textarea.mdl-textfield__input,
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"] {
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
    font-size: 14px;
    color: #444;
    padding: 0;
    line-height: 40px;
    height: 40px;
}

@media (min-width: 768px) {

    .wishlist .fieldset>.field>.label,
    .wishlist .fieldset>.fields>.field>.label {
        font-weight: 400;
    }

    .actions-toolbar .primary .action {
        margin: 0 10px 0 0;
    }

    .form-wishlist-items .actions-toolbar .primary,
    .form-address-edit .actions-toolbar .primary,
    .form-edit-account .actions-toolbar .primary,
    .form-newsletter-manage .actions-toolbar .primary,
    .customer-address-index .actions-toolbar .primary {
        float: none;
    }

    .form-wishlist-items .actions-toolbar .secondary,
    .form-address-edit .actions-toolbar .secondary,
    .form-edit-account .actions-toolbar .secondary,
    .form-newsletter-manage .actions-toolbar .secondary,
    .customer-address-index .actions-toolbar .secondary {
        padding-right: 15px;
    }

    .account .orders-recent,
    .account .orders-history {
        overflow-x: auto;
    }

    .account .orders-recent #my-orders-table,
    .account .orders-history #my-orders-table {
        min-width: 700px;
    }

    .account .orders-recent #my-orders-table .data-table,
    .account .orders-history #my-orders-table .data-table {
        padding-top: 0px;
    }
}

.product-item-details .product-item-name a {
    font-size: 16px;
    color: #0085c3;
    text-decoration: none;
    line-height: 22px;
}

@media (min-width: 1200px) {
    .checkout-index-index .page-main {
        max-width: auto !important;
    }

    .container,
    .page-main:not(.page-main-full)>div {
        width: 1200px !important;
    }
}

@media (min-width: 1300px) {

    .container,
    .page-main:not(.page-main-full)>div {
        width: 1300px !important;
    }
}

/* ----- Mini Cart ----- */
.cdz-dropdown .cdz-dd-content {
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15);
}

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

.minicart-wrapper .minicart-items .action,
.mobi-cart-wrapper .minicart-items .action {
    position: static;
    background-color: #0085c3;
    border-color: #0085c3;
    margin: 7px 0;
    vertical-align: middle;
}

.minicart-wrapper .minicart-items .action.edit,
.mobi-cart-wrapper .minicart-items .action.edit {
    right: 20px;
}

.cart_flex {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    align-items: center;
}

.minicart-wrapper .minicart-items .item-qty,
.mobi-cart-wrapper .minicart-items .item-qty {
    display: inline-block;
}

.minicart-wrapper .product-item .product-item-actions .product-item-pricing .price-container,
.mobi-cart-wrapper .product-item .product-item-actions .product-item-pricing .price-container {
    padding: 8px 0;
}

/* ----- signin ----- */
.account-info-summary .info-summary-top .actions-toolbar .primary button {
    padding: 7px 12px;
    background-color: #0F6ECA;
    color: #fff;
    font-family: 'Roboto', 'Trebuchet MS';
    font-size: 14px;
    font-weight: 400;
}

.actions-toolbar button {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
}

.customer-account-login .login-container .block-customer-login .fieldset>.field.note {
    margin-bottom: 20px;
}

a.action.primary,
.action.primary {
    background-color: #0F6ECA;
    border-color: #0F6ECA;
}

.account-info-summary .info-summary-top .actions-toolbar .secondary {
    margin: 10px 0 10px;
}

.account-info-summary .info-summary-top .actions-toolbar .secondary a:visited,
.account-info-summary .info-summary-top .actions-toolbar .secondary .action.remind,
.account-info-summary .info-summary-bottom .secondary .create-account-link:visited,
.account-info-summary .info-summary-bottom .secondary .create-account-link {
    color: #0085c3;
}

.account-info-summary .mdl-textfield.is-dirty div.mage-error {
    position: static;
}

.block.filter .block-content .filter-options div[data-role="collapsible"] .filter-options-title {
    text-transform: uppercase;
}

.block.filter .block-actions .action.clear,
.action.primary {
    color: #fff;
}

.customer-account-login .login-container .block .actions-toolbar .secondary a.action,
.block-new-customer .block-content .actions-toolbar .primary .action.primary {
    text-transform: none;
    line-height: 22px;
}

/* ---- footer select ---- */
.page-footer .newsletter.footer-box .select {
    position: relative;
    height: 38px;
    background: transparent;
    box-shadow: none;
}

.page-footer .newsletter.footer-box .select:after {
    content: '';
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    pointer-events: none;
}

.page-footer .newsletter.footer-box .select:before {
    width: 30px;
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    background: transparent;
    content: '';
    pointer-events: none;
}

.page-footer .newsletter.footer-box .select select {
    font-size: 14px;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    height: 100%;
    width: 100%;
    color: #fff;
    cursor: pointer;
    outline: none;
    padding-top: 1px;
    padding-right: 35px;
    padding-left: 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-appearance: none;
    -webkit-appearance: none;
}
@media (min-width: 768px) and (max-width: 1199px) {
    .page-header .features-links #top-wishlist {
        padding-left: 29px;
        padding-right: 0;
        width: 29px;
        height: 29px;
    }
}

@media (min-width: 768px) {
    .box-tocart .field.qty #qty-error {
        left: 0;
        top: calc(100% + 5px);
    }

    .page-footer .newsletter.footer-box .select {
        width: 80%;
    }
}

.mini-list .actions-toolbar .primary button {
    font-weight: 400;
}

.actions-toolbar>.primary a,
.actions-toolbar>.primary a:focus,
.actions-toolbar>.primary a:active,
.actions-toolbar>.primary a:visited {
    color: #fff;
}

.page-header .action.showcart .counter.qty span {
    line-height: 22px;
}

.header-panel-right .link.wishlist .mini-list ul {
    padding: 0px;
}

.product-item-name .product-item-link:active,
.product-item-link:active,
.product.name a:active,
.product-item-name .product-item-link:focus,
.product-item-link:focus,
.product.name a:focus,
.product-item-name .product-item-link:visited,
.product-item-link:visited,
.product.name a:visited,
.link.wishlist .product-item-details .product-item-name a,
#wishlist-sidebar .product-item-details .product-item-name a,
.product-item-name .product-item-link,
.product-item-link,
.product.name a,
.minicart-items .product-item .product-item-name a:active,
.minicart-items .product-item .product-item-name a:focus,
.minicart-items .product-item .product-item-name a:visited,
.minicart-items .product-item .product-item-name a {
    color: #0085c3;
}
.product-item .price-box {
    margin: auto;
}
.minicart-wrapper .block-minicart li:hover {
    cursor: pointer;
}
.cdz-dd-content {
    width: 320px;
}

#footer-content-5 {
    display: flex;
    align-items: center;
}

#footer-content-5 img {
    padding-left: 7px;
}

@media (min-width: 768px) {

    .cdz-horizontal-menu.cdz-translate li.level0>.groupmenu-drop,
    .cdz-horizontal-menu.cdz-translate li.level0:hover>.groupmenu-drop {
        top: auto;
        left: 0 !important;
        width: 100vw;
    }

    .header-panel-bottom .header-menu-wrap,
    .header-panel-bottom .cdz-navigation,
    .header-panel-bottom .cdz-horizontal-menu .groupmenu li.item.level0 {
        position: static;
    }

    .cdz-horizontal-menu.cdz-translate ul.groupmenu.overflow-items-container li:last-child>.groupmenu-drop,
    .cdz-horizontal-menu.cdz-translate ul.groupmenu.overflow-items-container li:last-child:hover>.groupmenu-drop,
    .static-wrap:not(.has-items-overflowed) .cdz-horizontal-menu.cdz-translate ul.groupmenu li:last-child>.groupmenu-drop,
    .static-wrap:not(.has-items-overflowed) .cdz-horizontal-menu.cdz-translate ul.groupmenu li:last-child:hover>.groupmenu-drop {
        left: auto !important;
        width: auto !important;
    }
}

/* ---- breadcrumb home icon ---- */
.breadcrumbs ul.items li.item.home a::before {
    display: inline-block;
    content: '\f015';
    font-family: 'Roboto', 'FontAwesome';
    width: 15px;
    position: relative;
}

.cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
    padding: 10px 0px;
}

.link.wishlist .cdz-dropdown .block-content {
    padding: 15px;
}

/* ----- google recaptcha ----- */
.account-info-summary .info-summary-top .actions-toolbar,
.features-links .link.wishlist .field-recaptcha {
    margin-top: 15px;
}

.features-links .link.wishlist .field-recaptcha {
    margin-bottom: 15px
}

.cdz-sidebar .g-recaptcha iframe {
    width: 304px;
}

.field-recaptcha {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.wishlist .mini-list .field-recaptcha {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
}

.cdz-sidebar .account-info-summary .field-recaptcha {
    transform: scale(0.91);
    -webkit-transform: scale(0.91);
}

@media (max-width: 360px) {
    .field-recaptcha {
        transform: scale(0.82);
        -webkit-transform: scale(0.82);
    }
}

/* ---- modal-popup ---- */
.modal-popup.confirm .modal-inner-wrap .modal-content {
    padding-right: 3rem;
}

/* ---- minicart ---- */
.minicart-items .product-item {
    margin: 10px 0 0;
    padding: 10px 0;
}

.minicart-items .product-item:not(:first-child),
.minicart-items .product-item:first-child {
    border-bottom: 1px solid #e9eaec;
}

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

.minicart-items .item-qty {
    width: 35px;
    line-height: 30px;
    height: 30px;
    border-width: 1px;
    border: 1px solid #e1e1e1;
}

.minicart-wrapper .product-item .product-item-actions .product-item-pricing .price-container {
    padding: 4px 0;
}

@media (max-width: 991px) and (min-width: 768px) {
    .page-header .features-links li {
        margin-left: 0;
    }
}

/* ----- mega menu ----- */
@media (min-width: 768px) {
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop-content {
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title {
        min-height: 47px;
    }
}

.account-info-summary .md-block label.mdl-textfield__label::after,
.mini-list .md-block label.mdl-textfield__label::after {
    content: '*';
    position: static;
    margin-left: 5px;
    color: red;
    visibility: visible;
}

body.cms-codazon-home-page footer {
    z-index: 2;
    position: relative;
}

.actions-toolbar {
    margin-top: 7px
}

.actions-toolbar button {
    border-radius: 0
}

.block-authentication .actions-toolbar {
    margin-bottom: unset !important
}

.actions-toolbar>.secondary:last-child {
    float: left
}

@media (min-width: 768px) {
    .popup-authentication .actions-toolbar {
        margin-bottom: 0;
        margin-top: unset !important
    }
}

html {
    color: rgba(0, 0, 0, .87)
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}


a,
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}

html {
    width: 100%;
    height: 100%;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0
}

main {
    display: block
}

*[hidden] {
    display: none !important
}

html,
body {
    font-family: 'Roboto', "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54;
    font-size: .6em
}

h1,
h2 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

h3,
h4 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-weight: 400
}

h4 {
    font-size: 24px;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale;
    margin: 24px 0 16px
}

h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}

h5,
h6 {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    margin: 24px 0 16px
}

h6 {
    font-size: 16px;
    letter-spacing: .04em
}

h6,
p {
    font-weight: 400;
    line-height: 24px
}

address,
ul,
ol {
    font-weight: 400;
    letter-spacing: 0
}

.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}

.mdl-button .mdl-badge[data-badge]:after {
    top: -10px;
    right: -5px
}

.mdl-badge.mdl-badge--no-background[data-badge]:after {
    color: #ff4081;
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 0 1px gray
}

.mdl-badge.mdl-badge--overlap {
    margin-right: 10px
}

.mdl-badge.mdl-badge--overlap:after {
    right: -10px
}

.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    margin: 0;
    min-width: 64px;
    padding: 0 16px;
    display: inline-block;
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px;
    vertical-align: middle
}

.mdl-button::-moz-focus-inner {
    border: 0
}

.mdl-button:hover {
    background-color: rgba(158, 158, 158, .2)
}

.mdl-button:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

.mdl-button:active {
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button.mdl-button--colored {
    color: #3f51b5
}

.mdl-button.mdl-button--colored:focus:not(:active) {
    background-color: rgba(0, 0, 0, .12)
}

input.mdl-button[type="submit"] {
    -webkit-appearance: none
}

.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}

.mdl-button--raised:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--raised.mdl-button--colored {
    background: #3f51b5;
    color: #fff
}

.mdl-button--raised.mdl-button--colored:hover {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored:active {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored:focus:not(:active) {
    background-color: #3f51b5
}

.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--fab {
    border-radius: 50%;
    font-size: 24px;
    height: 56px;
    margin: auto;
    min-width: 56px;
    width: 56px;
    padding: 0;
    overflow: hidden;
    background: rgba(158, 158, 158, .2);
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    position: relative;
    line-height: normal
}

.mdl-button--fab .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}

.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button--fab:active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab:focus:not(:active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}

.mdl-button--fab.mdl-button--colored {
    background: #ff4081;
    color: #fff
}

.mdl-button--fab.mdl-button--colored:hover {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:focus:not(:active) {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored:active {
    background-color: #ff4081
}

.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff
}

.mdl-button--icon {
    border-radius: 50%;
    font-size: 24px;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal
}

.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}

.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}

.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}

.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}

.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple,
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}

.mdl-button--primary.mdl-button--primary {
    color: #3f51b5
}

.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff
}

.mdl-button--primary.mdl-button--primary.mdl-button--raised,
.mdl-button--primary.mdl-button--primary.mdl-button--fab {
    color: #fff;
    background-color: #3f51b5
}

.mdl-button--accent.mdl-button--accent {
    color: #ff4081
}

.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff
}

.mdl-button--accent.mdl-button--accent.mdl-button--raised,
.mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: #fff;
    background-color: #ff4081
}

.mdl-button[disabled][disabled],
.mdl-button.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, .26);
    cursor: default;
    background-color: transparent
}

.mdl-button--fab[disabled][disabled],
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-button--raised[disabled][disabled],
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26);
    box-shadow: none
}

.mdl-button--colored[disabled][disabled],
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled {
    color: rgba(0, 0, 0, .26)
}

.mdl-button .material-icons {
    vertical-align: middle
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}

.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 20px
}

.mdl-textfield--align-right {
    text-align: right
}

.mdl-textfield--full-width {
    width: 100%
}

.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}

.mdl-textfield--expandable .mdl-button--icon {
    top: 16px
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: block;
    font-size: 16px;
    font-family: 'Roboto', "Helvetica", "Arial", sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    color: inherit
}

.mdl-textfield__input[type="number"] {
    -moz-appearance: textfield
}

.mdl-textfield__input[type="number"]::-webkit-inner-spin-button,
.mdl-textfield__input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mdl-textfield.is-focused .mdl-textfield__input {
    outline: none
}

.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #d50000;
    box-shadow: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__input,
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield textarea.mdl-textfield__input {
    display: block
}

.mdl-textfield__label {
    bottom: 0;
    color: rgba(0, 0, 0, .26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.mdl-textfield.is-dirty .mdl-textfield__label,
.mdl-textfield.has-placeholder .mdl-textfield__label {
    visibility: hidden
}

.mdl-textfield--floating-label .mdl-textfield__label {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    transition: none
}

fieldset[disabled] .mdl-textfield .mdl-textfield__label,
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    color: #3f51b5;
    font-size: 12px;
    top: 4px;
    visibility: visible
}

.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.has-placeholder .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}

.mdl-textfield--floating-label.is-invalid .mdl-textfield__label {
    color: #d50000;
    font-size: 12px
}

.mdl-textfield__label:after {
    background-color: #3f51b5;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
}

.mdl-textfield.is-focused .mdl-textfield__label:after {
    left: 0;
    visibility: visible;
    width: 100%
}

.mdl-textfield.is-invalid .mdl-textfield__label:after {
    background-color: #d50000
}

.mdl-textfield__error {
    color: #d50000;
    position: absolute;
    font-size: 12px;
    margin-top: 3px;
    visibility: hidden;
    display: block
}

.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}

.mdl-textfield__expandable-holder {
    display: inline-block;
    position: relative;
    margin-left: 32px;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    display: inline-block;
    max-width: .1px
}

.mdl-textfield.is-focused .mdl-textfield__expandable-holder,
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder {
    max-width: 600px
}

.mdl-textfield__expandable-holder .mdl-textfield__label:after {
    bottom: 0
}

h1.title {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 20px;
    color: #000;
}

.mobile-view {
    display: none;
}

.desktop-view {
    display: block;
}

@media (min-width: 768px) {
    .banner-mobile {
        display: none;
    }

    .banner-desktop {
        display: block;
    }
}

strong.footer-text {
    font-size: 11px;
    padding: 2px 6px;
    color: #fff;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

p.footer-text-content {
    font-size: 11px;
    padding: 2px 6px;
    color: #fff;
    font-family: roboto, Arial, Helvetica, sans-serif;
}

.outlet-home-above-bottom .col-sm-24 .bannersection .homebanner .bannermob-content .bannercontent,
.outlet-work-above-bottom-content .col-sm-24 .bannersection .homebanner .bannermob-content .promotion-bannercontent {
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    color: #ffffff;
    text-align: left;
}

.outlet-home-above-bottom .col-sm-24 .bannersection .homebanner .bannermob-content .bannercontent p a.btn,
.outlet-work-above-bottom-content .col-sm-24 .bannersection .homebanner .bannermob-content .promotion-bannercontent p a.btn {
    background-color: #edf1f3;
    padding: 7px 11px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: none;
    color: #007db8 !important;
}

.cdz-main-content .cdz-tabs-wrap .cdz-block-content .cdz-tabs .tab-item .tab-content .slide-caption.text-left h4 a,
.cdz-main-content .cdz-tabs-wrap .cdz-block-content .cdz-tabs .tab-item .tab-content .slide-caption.text-left h4 a:active,
.cdz-main-content .cdz-tabs-wrap .cdz-block-content .cdz-tabs .tab-item .tab-content .slide-caption.text-left h4 a:focus,
.cdz-main-content .cdz-tabs-wrap .cdz-block-content .cdz-tabs .tab-item .tab-content .slide-caption.text-left h4 a:visited {
    color: #1979c3;
}

.cdz-main-content .cdz-tabs-wrap ul.box-cate-link li a,
.cdz-main-content .cdz-tabs-wrap ul.box-cate-link li a:active,
.cdz-main-content .cdz-tabs-wrap ul.box-cate-link li a:focus,
.cdz-main-content .cdz-tabs-wrap ul.box-cate-link li a:visited {
    color: #1979c3;
}

.outlet-home-above-bottom .col-sm-24 .bannersection .homebanner .bannermob-content .bannerimg a,
.outlet-work-above-bottom-content .col-sm-24 .bannersection .homebanner .bannermob-content .bannerimg a {
    width: 100%;
    float: left;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner button#top-cart-btn-checkout {
    background-color: #007db8;
    border-color: #007db8;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .mini-list .actions-toolbar button {
    background-color: #007db8;
    border-color: #007db8;
}

.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .account-info-summary button {
    background-color: #007db8;
    border-color: #007db8;
}

.cdz-main-content .cdz-slider .owl-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    float: left;
    text-align: center;
}

.cdz-main-content .cdz-slider .owl-dots button span {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 3px;
    background: #fff;
    border-radius: 100%;
}

.cdz-main-content .cdz-slider .owl-dots button.active span {
    background: #007db8;
}

.products-grid.wishlist .product-item .fieldset .field.qty .label span {
    font-size: 12px;
}

.wishlist .product-items .product-item .product-item-actions .tocart.primary {
    font-size: 12px;
    padding: 7px 10px;
}

html[lang="zh"] .account .products-grid.wishlist .product-item .fieldset .field.qty label {
    padding-right: 0;
}

.products-grid.wishlist .product-item .fieldset .field.qty .label {
    width: 50%;
    line-height: 36px;
}

.wishlist .fieldset>.field:not(.choice)>.control {
    width: 50%;
}

.account .products-grid.wishlist .product-item .box-tocart input.qty {
    width: 30px;
    border: 1px solid #e9eaec;
    font-size: 12px;
}

html[lang="zh"] .header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .action-wpr+.col-xs-10.text-center {
    padding-left: 5px;
    padding-right: 5px;
}

.chat_section {
    position: fixed;
    top: 40%;
    z-index: 5;
    right: 0;
    padding: 0;
    -webkit-box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
}

.chat-header {
    position: absolute;
    left: 0;
    top: -1px;
    background: #007db8;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    padding: 0 15px;
    line-height: 28px;
    -webkit-box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
    z-index: -1;
    right: inherit;
    font-size: 14px;
    font-weight: normal;
    width: 86px;
    height: 28px;
    text-align: center;
    color: #ffffff;
    border-radius: 0;
}

.chat-body {
    float: right;
    margin: -1px 0 0;
    background-color: white;
    padding: 11px 37px 10px 23px;
    height: auto;
    box-shadow: none;
    border: 1px solid #aaa;
    border-left: 3px solid #007db8;
    width: 260px;
}

.chat-help {
    position: relative;
}

.chat-close-button {
    position: absolute;
    right: -28px;
    top: -21px;
    border: none;
    padding: 0;
}

.chat-close-button:before {
    color: #000;
    font-size: 27px;
    content: "×";
    font-family: 'Roboto', 'Trebuchet MS';
}

ul.chat-buy {
    margin: 0;
    padding: 0;
    font: 400 13px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif;
}

.chat-help {
    position: relative;
}

.chat-close-button {
    position: absolute;
    right: -28px;
    top: -21px;
    border: none;
    padding: 0;
}

.chat-close-button:before {
    color: #000;
    font-size: 27px;
    content: "×";
}

ul.chat-buy li {
    list-style: none;
    padding: 8px;
}

ul.chat-buy li p {
    padding-left: 26px;
}

.chat-close-button:hover,
.chat-close-button:focus {
    background-color: transparent;
    border: none;
}

a.chat-to-buy {
    color: #FFF;
}

a.dds__drawer-tab {
    color: #FFF;
}

span.cd__dds__phone__desktop {
    color: #0085C3;
}

.dds__small-icon {
    width: 20px;
    margin: 1px 5px -2px -2px;
}

.chat-buy p {
    color: #1979c3;
}

@media (min-width: 992px) {
    footer.page-footer .footer-content-top .container {
        min-height: 24.5px;
    }
}

.chat-to-buy {
    cursor: pointer;
}

button.closeButton[embeddedService-chatHeader_chatHeader]:before {
    color: white;
    font-size: 34px;
    content: "×";
}

button.minimizeButton[embeddedService-chatHeader_chatHeader]:before {
    color: white;
    font-size: 15px;
    content: "__";
    font-family: 'Roboto', 'Trebuchet MS';
    font-weight: 400;
}

button.minimizeButton:focus[embeddedService-chatHeader_chatHeader] {
    background: none;
}

.sidebarHeader button:hover[embeddedService-chatHeader_chatHeader]:before {
    right: 45px;
    background: transparent;
    opacity: 1;
    top: inherit;
}

.sidebarHeader button.minimizeButton:hover[embeddedService-chatHeader_chatHeader]:before {
    right: 42px;
}

.sidebarHeader button.closeButton:hover[embeddedService-chatHeader_chatHeader]:before {
    right: 8px;
}

embeddedservice-chat-header .sidebarHeader lightning-icon,
embeddedservice-chat-header .sidebarHeader svg.slds-icon-text-default {
    fill: transparent;
}

.home-main-img-sec a img {
    width: 742px;
    height: 544px;
}

@media (max-width: 767px) {
    .home-main-img-sec a img {
        width: 330px;
        height: 242px;
    }
    .header-panel-wrapper .header-panel-left .nav-toggle .mobile-menu-content {
        display: none !important;
    }
}

.chat-msg {
    color: red;
}

.cdz-slider .hpg-hero-section {
    position: relative;
}

.cdz-slider .hpg-hero-section .hpg-card-text {
    position: absolute;
    width: 100vw;
    top: 106px;
    top: 0;
    bottom: 0;
    height: calc(100% - 106px);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cdz-slider .hpg-hero-section .hpg-card-text[data-theme=dark]>div {
    color: #eee !important;
}

.cdz-slider .hpg-hero-section .hpg-card-text[data-theme=light]>div {
    color: #444 !important;
}

.cdz-slider .hpg-hero-section .hpg-card-copy-title {
    font-size: 15px;
    margin-bottom: 10px;
    text-align: center;
}

.cdz-slider .hpg-hero-section .hpg-card-copy-headline {
    font-size: 29px;
    color: #00447d;
    text-align: center;
    margin-bottom:10px;
}

.cdz-slider .hpg-hero-section .hpg-card-copy-promotext {
    font-size: 17px;
    text-align: center;
    margin: 10px 30px 0;
    font-family: roboto;
}

.cdz-slider .hpg-hero-section .hpg-card-copy-cta-holder {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cdz-slider .hpg-hero-section .hpg-card-text .hpg-card-inner-div {
    width: 50%;
    /* text-align: center;*/
}

:root {
    --tabletMastheadHeight: 60px;
    --desktopMastheadHeight: 106px;
    --mobileMastheadHeight: 128px;
}

.cdz-slider .hpg-hero-section .hpg-card-text .hpg-card-inner-div .hpg-card-copy .hpg-card-copy-cta-holder .hpg-card-copy-cta {
    border-style: solid;
    border-width: 1px;
    padding: 5px 15px;
    margin: 0 5px;
}

.cdz-slider .hpg-hero-section .hpg-card-copy-cta-holder[data-hover-theme]>a {
    border-color: #444;
    color: #444;
}

.cdz-slider .hpg-hero-section .hpg-card-copy-cta-holder[data-hover-theme=dark]>a {
    color: #eee !important;
    border-color: #eee !important;
}

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"] {
    border-width: 0;
    border-bottom-width: 1px;
    height: 40px;
    line-height: 40px
}

body md-input-container .md-placeholder,
body md-input-container label:not(.md-no-float):not(.md-container-ignore) {
    padding-left: 10px
}

body md-input-container .md-errors-spacer {
    min-height: 1px
}

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

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

.relative_pos {
    position: relative !important
}

.text-right {
    text-align: right
}

.text-uppercase {
    text-transform: uppercase
}

md-input-container {
    margin: 7px 0
}

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

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

.flex-grid {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -o-align-items: stretch;
    align-items: stretch
}

.login-container .g-recaptcha,
.form-login .g-recaptcha {
    margin-bottom: 10px !important
}

.required-captcha.checkbox {
    position: absolute;
    display: block;
    visibility: visible;
    overflow: hidden;
    opacity: 0;
    width: 1px;
    height: 1px
}

.field.required {
    position: relative
}

/*!
 *  Font Awesome Bootstrap Checkboxes & Radios. Pure css way to make inputs look prettier.
 *  https://github.com/flatlogic/awesome-bootstrap-checkbox
 *  License - https://github.com/flatlogic/awesome-bootstrap-checkbox/blob/master/LICENSE (MIT License)
 */
.checkbox {
    display: inline;
    cursor: pointer
}

.checkbox label {
    display: inline;
    vertical-align: baseline;
    position: relative;
    padding-left: 5px;
    cursor: pointer
}

.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    left: 0;
    top: 1px;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out, color .15s ease-in-out;
    -o-transition: border .15s ease-in-out, color .15s ease-in-out;
    transition: border .15s ease-in-out, color .15s ease-in-out
}

.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 0;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555
}

.checkbox input[type="checkbox"],
.checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.checkbox input[type="checkbox"]:focus+label::before,
.checkbox input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.checkbox input[type="checkbox"]:checked+label::after,
.checkbox input[type="radio"]:checked+label::after {
    font-family: 'Roboto', "FontAwesome";
    content: "\f00c"
}

.checkbox input[type="checkbox"]:indeterminate+label::after,
.checkbox input[type="radio"]:indeterminate+label::after {
    display: block;
    content: "";
    width: 10px;
    height: 3px;
    background-color: #555555;
    border-radius: 2px;
    margin-left: -16.5px;
    margin-top: 7px
}

.checkbox input[type="checkbox"]:disabled,
.checkbox input[type="radio"]:disabled {
    cursor: not-allowed
}

.checkbox input[type="checkbox"]:disabled+label,
.checkbox input[type="radio"]:disabled+label {
    opacity: 0.65
}

.checkbox input[type="checkbox"]:disabled+label::before,
.checkbox input[type="radio"]:disabled+label::before {
    background-color: #eeeeee;
    cursor: not-allowed
}

.checkbox.checkbox-circle label::before {
    border-radius: 50% !important
}

.checkbox.checkbox-circle label::after {
    border-radius: 50% !important
}

.checkbox.checkbox-inline {
    margin-top: 0
}

.checkbox-primary input[type="checkbox"]:checked+label::before,
.checkbox-primary input[type="radio"]:checked+label::before {
    background-color: #337ab7;
    border-color: #337ab7
}

.checkbox-primary input[type="checkbox"]:checked+label::after,
.checkbox-primary input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-danger input[type="checkbox"]:checked+label::before,
.checkbox-danger input[type="radio"]:checked+label::before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type="checkbox"]:checked+label::after,
.checkbox-danger input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-info input[type="checkbox"]:checked+label::before,
.checkbox-info input[type="radio"]:checked+label::before {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.checkbox-info input[type="checkbox"]:checked+label::after,
.checkbox-info input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-warning input[type="checkbox"]:checked+label::before,
.checkbox-warning input[type="radio"]:checked+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type="checkbox"]:checked+label::after,
.checkbox-warning input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-success input[type="checkbox"]:checked+label::before,
.checkbox-success input[type="radio"]:checked+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type="checkbox"]:checked+label::after,
.checkbox-success input[type="radio"]:checked+label::after {
    color: #fff
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::before,
.checkbox-primary input[type="radio"]:indeterminate+label::before {
    background-color: #337ab7;
    border-color: #337ab7
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::after,
.checkbox-primary input[type="radio"]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::before,
.checkbox-danger input[type="radio"]:indeterminate+label::before {
    background-color: #d9534f;
    border-color: #d9534f
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::after,
.checkbox-danger input[type="radio"]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-info input[type="checkbox"]:indeterminate+label::before,
.checkbox-info input[type="radio"]:indeterminate+label::before {
    background-color: #5bc0de;
    border-color: #5bc0de
}

.checkbox-info input[type="checkbox"]:indeterminate+label::after,
.checkbox-info input[type="radio"]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::before,
.checkbox-warning input[type="radio"]:indeterminate+label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::after,
.checkbox-warning input[type="radio"]:indeterminate+label::after {
    background-color: #fff
}

.checkbox-success input[type="checkbox"]:indeterminate+label::before,
.checkbox-success input[type="radio"]:indeterminate+label::before {
    background-color: #5cb85c;
    border-color: #5cb85c
}

.checkbox-success input[type="checkbox"]:indeterminate+label::after,
.checkbox-success input[type="radio"]:indeterminate+label::after {
    background-color: #fff
}

.radio {
    padding-left: 20px
}

.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px
}

.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border .15s ease-in-out;
    -o-transition: border .15s ease-in-out;
    transition: border .15s ease-in-out
}

.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -0.33, .2, 1.33);
    -moz-transition: -moz-transform .1s cubic-bezier(.8, -0.33, .2, 1.33);
    -o-transition: -o-transform .1s cubic-bezier(.8, -0.33, .2, 1.33);
    transition: transform .1s cubic-bezier(.8, -0.33, .2, 1.33)
}

.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
    cursor: pointer
}

.radio input[type="radio"]:focus+label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.radio input[type="radio"]:checked+label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.radio input[type="radio"]:disabled {
    cursor: not-allowed
}

.radio input[type="radio"]:disabled+label {
    opacity: 0.65
}

.radio input[type="radio"]:disabled+label::before {
    cursor: not-allowed
}

.radio.radio-inline {
    margin-top: 0
}

.radio-primary input[type="radio"]+label::after {
    background-color: #337ab7
}

.radio-primary input[type="radio"]:checked+label::before {
    border-color: #337ab7
}

.radio-primary input[type="radio"]:checked+label::after {
    background-color: #337ab7
}

.radio-danger input[type="radio"]+label::after {
    background-color: #d9534f
}

.radio-danger input[type="radio"]:checked+label::before {
    border-color: #d9534f
}

.radio-danger input[type="radio"]:checked+label::after {
    background-color: #d9534f
}

.radio-info input[type="radio"]+label::after {
    background-color: #5bc0de
}

.radio-info input[type="radio"]:checked+label::before {
    border-color: #5bc0de
}

.radio-info input[type="radio"]:checked+label::after {
    background-color: #5bc0de
}

.radio-warning input[type="radio"]+label::after {
    background-color: #f0ad4e
}

.radio-warning input[type="radio"]:checked+label::before {
    border-color: #f0ad4e
}

.radio-warning input[type="radio"]:checked+label::after {
    background-color: #f0ad4e
}

.radio-success input[type="radio"]+label::after {
    background-color: #5cb85c
}

.radio-success input[type="radio"]:checked+label::before {
    border-color: #5cb85c
}

.radio-success input[type="radio"]:checked+label::after {
    background-color: #5cb85c
}

input[type="checkbox"].styled:checked+label:after,
input[type="radio"].styled:checked+label:after {
    content: '';
    width: 9px;
    height: 9px;
    background: #ff915b;
    border-radius: 2px;
    position: absolute;
    top: 5px;
    left: 4px;
    display: block;
    padding: 0
}

input[type="checkbox"] .styled:checked+label::before,
input[type="radio"] .styled:checked+label::before {
    color: #fff
}

input[type="checkbox"] .styled:checked+label::after,
input[type="radio"] .styled:checked+label::after {
    color: #fff
}

.product.attribute.description #techspecs_section #accessoriesTechSpecs .config-options-container .tech-spec-row .tech-spec-title {
    font-size: 14px;
}

.product.attribute.description #techspecs_section #accessoriesTechSpecs .config-options-container .tech-spec-row .tech-spec-tablet-value-0 {
    font-size: 14px;
    font-weight: 400;
}
.modal-popup .modal-inner-wrap {
    margin: 2rem auto
}

.mdl-button {
    height: inherit;
    line-height: inherit;
    min-width: inherit
}
.account .form-address-edit .actions-toolbar .action.primary,.md-button.mdl-button--raised,a.action.primary,.action.primary,.md-button.md-primary,.cdz-popup-area .cdz-popup .actions-toolbar .primary button,.md-button.md-primary.md-raised {
    color: #fff;
    border-color: #3485c2;
    background: #3485c2;
    font: 600 12px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif
}
@media (min-width: 768px),
print {

    .abs-product-options-list-desktop dt,
    .block-giftregistry-shared .item-options dt {
        clear: left;
        float: left;
        margin: 0 10px 5px 0
    }

    .block-giftregistry-shared .item-options dt:after {
        content: ': '
    }

    .abs-product-options-list-desktop dd,
    .block-giftregistry-shared .item-options dd {
        display: inline-block;
        float: left;
        margin: 0 0 5px
    }

    .abs-button-desktop {
        width: auto
    }

    .abs-blocks-2columns,
    .column .block-addbysku .block-content .box,
    .login-container .block,
    .account .column.main .block:not(.widget) .block-content .box,
    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box,
    [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
    .sales-guest-view .column.main .block:not(.widget) .block-content .box {
        width: 48.8%
    }

    .column .block-addbysku .block-content .box:nth-child(odd),
    .login-container .block:nth-child(odd),
    .account .column.main .block:not(.widget) .block-content .box:nth-child(odd),
    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(odd),
    [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(odd),
    .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(odd) {
        clear: left;
        float: left
    }

    .column .block-addbysku .block-content .box:nth-child(even),
    .login-container .block:nth-child(even),
    .account .column.main .block:not(.widget) .block-content .box:nth-child(even),
    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box:nth-child(even),
    [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box:nth-child(even),
    .sales-guest-view .column.main .block:not(.widget) .block-content .box:nth-child(even) {
        float: right
    }

    .abs-reset-left-margin-desktop,
    .bundle-options-container .legend.title,
    .column.main .cart-summary .actions-toolbar,
    .cart.table-wrapper .item-actions .actions-toolbar,
    .gift-summary .actions-toolbar,
    .cart.table-wrapper .gift-summary .actions-toolbar,
    .column.main .block-giftregistry-shared-items .actions-toolbar,
    .form-new-agreement .fieldset .legend,
    .form-new-agreement .actions-toolbar,
    .column.main .paypal-review .actions-toolbar,
    .wishlist-index-index .main .form-wishlist-items .actions-toolbar {
        margin-left: 0
    }

    .abs-action-remove-desktop,
    .abs-add-fields-desktop .fieldset .additional .action.remove,
    .form-giftregistry-share .fieldset .additional .action.remove,
    .form-giftregistry-edit .fieldset .additional .action.remove,
    .form-add-invitations .fieldset .additional .action.remove,
    .form-create-return .fieldset .additional .action.remove,
    .form.send.friend .fieldset .additional .action.remove {
        margin-left: 75.8%;
        top: 6px
    }

    .form-giftregistry-share .fieldset .field:not(.choice) .control,
    .form-giftregistry-edit .fieldset .field:not(.choice) .control,
    .form-add-invitations .fieldset .field:not(.choice) .control,
    .form-create-return .fieldset .field:not(.choice) .control,
    .form.send.friend .fieldset .field:not(.choice) .control {
        width: 50%
    }

    .abs-margin-for-forms-desktop,
    .fieldset .legend,
    .column:not(.sidebar-main) form .actions-toolbar,
    .column:not(.sidebar-additional) form .actions-toolbar,
    .login-container .fieldset:after {
        margin-left: 0
    }

    .abs-visually-hidden-desktop,
    .modes-label,
    .block-search .label,
    .dashboard-welcome-toggler {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .abs-add-clearfix-desktop:before,
    .abs-add-clearfix-desktop:after,
    .abs-pager-toolbar:before,
    .abs-pager-toolbar:after,
    .block-cart-failed .block-content:before,
    .block-cart-failed .block-content:after,
    .column .block-addbysku .block-content:before,
    .column .block-addbysku .block-content:after,
    .cart-container:before,
    .cart-container:after,
    .login-container:before,
    .login-container:after,
    .account .column.main .block:not(.widget) .block-content:before,
    .account .column.main .block:not(.widget) .block-content:after,
    .block-addresses-list .items.addresses:before,
    .block-addresses-list .items.addresses:after,
    .block-giftregistry-shared .item-options:before,
    .block-giftregistry-shared .item-options:after,
    .gift-wrapping .nested:before,
    .gift-wrapping .nested:after,
    .table .gift-wrapping .content:before,
    .table .gift-wrapping .content:after,
    .block-wishlist-management:before,
    .block-wishlist-management:after,
    .paypal-review .block-content:before,
    .paypal-review .block-content:after,
    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:before,
    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
    [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:before,
    [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
    .sales-guest-view .column.main .block:not(.widget) .block-content:before,
    .sales-guest-view .column.main .block:not(.widget) .block-content:after,
    .header.content:before,
    .header.content:after,
    .page-header .header.panel:before,
    .page-header .header.panel:after,
    .account .toolbar:before,
    .account .toolbar:after,
    .toolbar-giftregistry-results:before,
    .toolbar-giftregistry-results:after,
    .toolbar-wishlist-results:before,
    .toolbar-wishlist-results:after {
        content: '';
        display: table
    }

    .abs-add-clearfix-desktop:after,
    .abs-pager-toolbar:after,
    .block-cart-failed .block-content:after,
    .column .block-addbysku .block-content:after,
    .cart-container:after,
    .login-container:after,
    .account .column.main .block:not(.widget) .block-content:after,
    .block-addresses-list .items.addresses:after,
    .block-giftregistry-shared .item-options:after,
    .gift-wrapping .nested:after,
    .table .gift-wrapping .content:after,
    .block-wishlist-management:after,
    .paypal-review .block-content:after,
    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content:after,
    [class^='sales-guest-'] .column.main .block:not(.widget) .block-content:after,
    .sales-guest-view .column.main .block:not(.widget) .block-content:after,
    .header.content:after,
    .page-header .header.panel:after,
    .account .toolbar:after,
    .toolbar-giftregistry-results:after,
    .toolbar-wishlist-results:after {
        clear: both
    }

    .abs-add-box-sizing-desktop,
    .column.main,
    .sidebar-main,
    .sidebar-additional {
        box-sizing: border-box
    }

    .abs-add-box-sizing-desktop-m,
    .opc-wrapper {
        box-sizing: border-box
    }

    .abs-revert-field-type-desktop .fieldset>.field,
    .abs-revert-field-type-desktop .fieldset .fields>.field,
    .product-add-form .fieldset>.field,
    .product-add-form .fieldset .fields>.field {
        margin: 0 0 20px
    }

    .abs-revert-field-type-desktop .fieldset>.field:not(.choice)>.label,
    .abs-revert-field-type-desktop .fieldset .fields>.field:not(.choice)>.label,
    .product-add-form .fieldset>.field:not(.choice)>.label,
    .product-add-form .fieldset .fields>.field:not(.choice)>.label {
        box-sizing: content-box;
        float: none;
        width: auto;
        text-align: left;
        padding: 0
    }

    .abs-revert-field-type-desktop .fieldset>.field:not(.choice)>.control,
    .abs-revert-field-type-desktop .fieldset .fields>.field:not(.choice)>.control,
    .product-add-form .fieldset>.field:not(.choice)>.control,
    .product-add-form .fieldset .fields>.field:not(.choice)>.control {
        float: none;
        width: auto
    }

    .abs-revert-field-type-desktop .fieldset>.field>.label,
    .abs-revert-field-type-desktop .fieldset .fields>.field>.label,
    .product-add-form .fieldset>.field>.label,
    .product-add-form .fieldset .fields>.field>.label {
        margin: 0 0 5px;
        display: inline-block
    }

    .abs-revert-field-type-desktop .fieldset>.field.choice:before,
    .abs-revert-field-type-desktop .fieldset .fields>.field.choice:before,
    .abs-revert-field-type-desktop .fieldset>.field.no-label:before,
    .abs-revert-field-type-desktop .fieldset .fields>.field.no-label:before,
    .product-add-form .fieldset>.field.choice:before,
    .product-add-form .fieldset .fields>.field.choice:before,
    .product-add-form .fieldset>.field.no-label:before,
    .product-add-form .fieldset .fields>.field.no-label:before {
        display: none
    }

    .product-add-form .fieldset>.field:not(:first-child):last-of-type,
    .product-add-form .fieldset .fields>.field:not(:first-child):last-of-type {
        margin-bottom: 0
    }

    .abs-no-display-desktop,
    .opc-estimated-wrapper {
        display: none
    }

    .abs-pager-toolbar,
    .account .toolbar,
    .toolbar-giftregistry-results,
    .toolbar-wishlist-results {
        margin-bottom: 20px;
        position: relative
    }

    .abs-pager-toolbar .limiter,
    .account .toolbar .limiter,
    .toolbar-giftregistry-results .limiter,
    .toolbar-wishlist-results .limiter {
        float: right;
        position: relative;
        z-index: 1
    }

    .abs-pager-toolbar .toolbar-amount,
    .account .toolbar .toolbar-amount,
    .toolbar-giftregistry-results .toolbar-amount,
    .toolbar-wishlist-results .toolbar-amount {
        float: left;
        line-height: normal;
        padding: 7px 0 0;
        position: relative;
        z-index: 1
    }

    .abs-pager-toolbar .pages,
    .account .toolbar .pages,
    .toolbar-giftregistry-results .pages,
    .toolbar-wishlist-results .pages {
        position: absolute;
        width: 100%;
        z-index: 0
    }

    .abs-shopping-cart-items-desktop,
    .block-cart-failed,
    .cart-container .form-cart,
    .cart-container .cart-gift-item {
        float: left;
        position: relative;
        width: 73%
    }

    .abs-shopping-cart-items-desktop .actions,
    .block-cart-failed .actions,
    .cart-container .form-cart .actions,
    .cart-container .cart-gift-item .actions {
        text-align: right
    }

    .block-cart-failed .action.clear,
    .block-cart-failed .action.update,
    .cart-container .form-cart .action.clear,
    .cart-container .form-cart .action.update,
    .cart-container .cart-gift-item .action.clear,
    .cart-container .cart-gift-item .action.update {
        margin-left: 10px
    }

    .block-cart-failed .action.continue,
    .cart-container .form-cart .action.continue,
    .cart-container .cart-gift-item .action.continue {
        float: left
    }

    h1 {
        font-size: 32px;
        margin-bottom: 40px
    }

    .columns {
        display: block
    }

    .column.main {
        min-height: 300px
    }

    .page-layout-1column .column.main {
        width: 100%;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-3columns .column.main {
        width: 50%;
        display: inline-block;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-left .column.main {
        width: 75%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-right .column.main {
        width: 75%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .sidebar-main {
        padding-right: 2%
    }

    .page-layout-3columns .sidebar-main {
        width: 25%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .page-layout-2columns-left .sidebar-main {
        width: 25%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .page-layout-2columns-right .sidebar-main {
        width: 25%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1
    }

    .page-layout-2columns-right .sidebar-main {
        padding-left: 2%;
        padding-right: 0
    }

    .sidebar-additional {
        clear: right;
        padding-left: 2%
    }

    .page-layout-3columns .sidebar-additional {
        width: 25%;
        float: right;
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3
    }

    .page-layout-2columns-left .sidebar-additional {
        width: 25%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-right .sidebar-additional {
        width: 25%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .page-layout-2columns-left .main {
        padding-left: 2%
    }

    .page-layout-2columns-left .sidebar-additional {
        clear: left;
        float: left;
        padding-left: 0
    }

    .panel.header {
        padding: 10px 20px
    }

    .nav-toggle {
        display: none
    }

    .nav-sections {
        -webkit-flex-shrink: 0;
        flex-shrink: 0;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        margin-bottom: 25px
    }

    .nav-sections-item-title {
        display: none
    }

    .nav-sections-item-content {
        display: block !important
    }

    .nav-sections-item-content>* {
        display: none
    }

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

    .navigation {
        background: #f5f5f5;
        font-weight: 700;
        height: inherit;
        left: auto;
        overflow: inherit;
        padding: 0;
        position: relative;
        top: 0;
        width: 100%;
        z-index: 3
    }

    .navigation:empty {
        display: none
    }

    .navigation ul {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        position: relative
    }

    .navigation li.level0 {
        border-top: none
    }

    .navigation li.level1 {
        position: relative
    }

    .navigation .level0 {
        margin: 0 10px 0 0;
        display: inline-block;
        position: relative
    }

    .navigation .level0:last-child {
        margin-right: 0;
        padding-right: 0
    }

    .navigation .level0:hover:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 100%;
        width: 10px;
        height: calc(100% + 3px);
        z-index: 1
    }

    .navigation .level0>.level-top {
        color: #575757;
        line-height: 53px;
        padding: 0 12px;
        text-decoration: none;
        box-sizing: border-box;
        position: relative;
        display: inline-block
    }

    .navigation .level0>.level-top:hover,
    .navigation .level0>.level-top.ui-state-focus {
        color: #333;
        text-decoration: none
    }

    .navigation .level0.active>.level-top,
    .navigation .level0.has-active>.level-top {
        border-color: #ff5501;
        border-style: solid;
        border-width: 0 0 3px;
        color: #333;
        text-decoration: none;
        display: inline-block
    }

    .navigation .level0.parent:hover>.submenu {
        overflow: visible !important
    }

    .navigation .level0.parent>.level-top {
        padding-right: 20px
    }

    .navigation .level0.parent>.level-top>.ui-menu-icon {
        position: absolute;
        right: 0;
        display: inline-block;
        text-decoration: none
    }

    .navigation .level0.parent>.level-top>.ui-menu-icon>span {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .navigation .level0.parent>.level-top>.ui-menu-icon:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 20px;
        color: inherit;
        content: '\e622';
        font-family: 'Roboto', 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .navigation .level0 .submenu {
        background: #fff;
        border: 1px solid #d1d1d1;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.19);
        font-weight: 700;
        min-width: 230px;
        padding: 15px 0;
        display: none;
        left: 0;
        margin: 0 !important;
        position: absolute;
        z-index: 1;
        margin-top: 11px
    }

    .navigation .level0 .submenu>ul {
        margin-top: 11px
    }

    .navigation .level0 .submenu>ul:before,
    .navigation .level0 .submenu>ul:after {
        content: '';
        display: block;
        overflow: hidden;
        position: absolute
    }

    .navigation .level0 .submenu>ul:before {
        color: #fff;
        left: 20px;
        top: -20px;
        border: 10px solid transparent;
        height: 0;
        width: 0;
        border-bottom-color: #fff;
        z-index: 4
    }

    .navigation .level0 .submenu>ul:after {
        border: 11px solid transparent;
        height: 0;
        width: 0;
        border-bottom-color: #d1d1d1;
        color: #d1d1d1;
        left: 19px;
        top: -22px;
        z-index: 3
    }

    .navigation .level0 .submenu:before {
        content: '';
        display: block;
        position: absolute;
        width: 100%;
        height: 4px;
        left: 0;
        top: -4px;
        z-index: 1
    }

    .navigation .level0 .submenu a {
        display: block;
        line-height: inherit;
        color: #575757;
        padding: 8px 20px
    }

    .navigation .level0 .submenu a:hover,
    .navigation .level0 .submenu a.ui-state-focus {
        background: #e8e8e8;
        color: #333;
        text-decoration: none
    }

    .navigation .level0 .submenu .active>a {
        border-color: #ff5501;
        border-style: solid;
        border-width: 0 0 0 3px
    }

    .navigation .level0 .submenu .submenu {
        top: 0 !important;
        left: 100% !important
    }

    .navigation .level0 .submenu .submenu-reverse {
        left: auto !important;
        right: 100%
    }

    .navigation .level0 .submenu li {
        margin: 0
    }

    .navigation .level0 .submenu li.parent>a>.ui-menu-icon {
        position: absolute;
        right: 3px;
        display: inline-block;
        text-decoration: none
    }

    .navigation .level0 .submenu li.parent>a>.ui-menu-icon>span {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .navigation .level0 .submenu li.parent>a>.ui-menu-icon:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 12px;
        line-height: 20px;
        color: inherit;
        content: '\e608';
        font-family: 'Roboto', 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .navigation .level0.more {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    .navigation .level0.more:after {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 26px;
        line-height: inherit;
        color: inherit;
        content: '\e607';
        font-family: 'Roboto', 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .navigation .level0.more:before {
        display: none
    }

    .navigation .level0.more:after {
        cursor: pointer;
        padding: 8px 12px;
        position: relative;
        z-index: 1
    }

    .navigation .level0.more:hover>.submenu {
        overflow: visible !important
    }

    .navigation .level0.more li {
        display: block
    }

    .panel.header .links,
    .panel.header .switcher {
        display: inline-block
    }

    .fieldset>.field {
        margin: 0 0 20px;
        box-sizing: border-box;
        margin: 0 0 29px
    }

    .fieldset>.field>.label {
        margin: 0
    }

    .fieldset>.field:before,
    .fieldset>.field:after {
        content: '';
        display: table
    }

    .fieldset>.field:after {
        clear: both
    }

    .fieldset>.field.choice:before,
    .fieldset>.field.no-label:before {
        padding: 6px 15px 0 0;
        width: 25.8%;
        box-sizing: border-box;
        content: ' ';
        float: left;
        height: 1px
    }

    .fieldset>.field .description {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .fieldset>.field:not(.choice)>.label {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .fieldset>.field:not(.choice)>.control {
        width: 74.2%;
        float: left
    }

    .product.data.items {
        position: relative;
        z-index: 1
    }

    .product.data.items:before,
    .product.data.items:after {
        content: '';
        display: table
    }

    .product.data.items:after {
        clear: both
    }

    .product.data.items>.item.title {
        float: left;
        width: auto
    }

    .product.data.items>.item.title>.switch {
        height: 20px;
        display: block;
        position: relative;
        z-index: 2
    }

    .product.data.items>.item.content {
        margin-top: 20px;
        box-sizing: border-box;
        float: right;
        margin-left: -100%;
        width: 100%
    }

    .product.data.items>.item.content:before,
    .product.data.items>.item.content:after {
        content: '';
        display: table
    }

    .product.data.items>.item.content:after {
        clear: both
    }

    .product.data.items>.item.content.active {
        display: block
    }

    .product.data.items>.item.title {
        margin: 0 5px 0 0
    }

    .product.data.items>.item.title>.switch {
        font-weight: 600;
        line-height: 20px;
        font-size: 1.4rem;
        color: #7d7d7d;
        text-decoration: none;
        background: #f0f0f0;
        border: 1px solid #d1d1d1;
        border-bottom: none;
        height: 20px;
        padding: 5px 20px 5px 20px
    }

    .product.data.items>.item.title>.switch:visited {
        color: #7d7d7d;
        text-decoration: none
    }

    .product.data.items>.item.title>.switch:hover {
        color: #7d7d7d;
        text-decoration: none
    }

    .product.data.items>.item.title>.switch:active {
        color: #333;
        text-decoration: none
    }

    .product.data.items>.item.title:not(.disabled)>.switch:focus,
    .product.data.items>.item.title:not(.disabled)>.switch:hover {
        background: #fcfcfc
    }

    .product.data.items>.item.title:not(.disabled)>.switch:active,
    .product.data.items>.item.title.active>.switch,
    .product.data.items>.item.title.active>.switch:focus,
    .product.data.items>.item.title.active>.switch:hover {
        background: #fff;
        color: #333;
        text-decoration: none
    }

    .product.data.items>.item.title.active>.switch,
    .product.data.items>.item.title.active>.switch:focus,
    .product.data.items>.item.title.active>.switch:hover {
        padding-bottom: 6px
    }

    .product.data.items>.item.content {
        background: #fff;
        margin-top: 31px;
        padding: 20px 20px 20px 20px;
        border: 0;
        border-top: 1px solid #d1d1d1
    }

    .actions-toolbar:before,
    .actions-toolbar:after {
        content: '';
        display: table
    }

    .actions-toolbar:after {
        clear: both
    }

    .actions-toolbar .primary {
        float: left
    }

    .actions-toolbar .secondary {
        float: right
    }

    .actions-toolbar .primary,
    .actions-toolbar .secondary {
        display: inline-block
    }

    .actions-toolbar .primary a.action,
    .actions-toolbar .secondary a.action {
        display: inline-block
    }

    .actions-toolbar .primary .action {
        margin: 0 5px 0 0
    }

    .actions-toolbar .secondary a.action {
        margin-top: 6px
    }

    .actions-toolbar>.primary,
    .actions-toolbar>.secondary {
        margin-bottom: 0
    }

    .actions-toolbar>.primary .action,
    .actions-toolbar>.secondary .action {
        margin-bottom: 0;
        width: auto
    }

    .nav-sections {
        margin: 0
    }

    .modal-popup.modal-slide .modal-footer {
        border-top: 1px solid #c1c1c1;
        text-align: right
    }

    .klarna-payments-method>.payment-method-title {
        padding: 11.5px 0
    }

    .mst-searchautocomplete__autocomplete._active {
        display: block !important
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols {
        width: 720px !important;
        position: absolute
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__index {
        clear: left;
        float: left;
        display: block;
        position: relative;
        max-width: 240px;
        width: 240px;
        padding-bottom: 10px;
        box-sizing: border-box;
        border-right: 1px solid #efefef;
        margin-right: -1px
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols div.magento_catalog_product {
        width: 480px !important;
        max-width: 480px !important;
        clear: right;
        float: right;
        border-left: 1px solid #efefef;
        border-right: unset;
        margin-left: -1px
    }

    .mst-searchautocomplete__autocomplete._active.mst-2-cols .mst-searchautocomplete__show-all {
        clear: both
    }

    .block-cart-failed .actions {
        text-align: left
    }

    .block-cart-failed .actions.primary {
        float: right
    }

    .payment-method-braintree .cvv .field-tooltip {
        left: 6rem
    }

    .braintree-paypal-account {
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 0;
        display: inline-block;
        width: 50%
    }

    .account .table-credit-cards .col.actions {
        width: 100px
    }

    .bundle-options-container .bundle-options-wrapper,
    .bundle-options-container .product-options-wrapper {
        float: left;
        width: 57%
    }

    .bundle-options-container .block-bundle-summary {
        float: right;
        position: relative;
        width: 40%
    }

    .page-layout-2columns-left .bundle-options-container .bundle-options-wrapper,
    .page-layout-2columns-left .bundle-options-container .block-bundle-summary,
    .page-layout-2columns-right .bundle-options-container .bundle-options-wrapper,
    .page-layout-2columns-right .bundle-options-container .block-bundle-summary,
    .page-layout-3columns .bundle-options-container .bundle-options-wrapper,
    .page-layout-3columns .bundle-options-container .block-bundle-summary {
        width: 48%
    }

    .page-products .columns {
        padding-top: 0;
        position: relative;
        z-index: 1
    }

    .products.wrapper~.toolbar .pages {
        float: left
    }

    .toolbar-amount {
        float: left
    }

    .sorter {
        float: right
    }

    .modes {
        display: inline-block;
        float: left;
        margin-right: 20px
    }

    .products.wrapper~.toolbar .modes {
        display: none
    }

    .modes-mode {
        color: #7d7d7d;
        border: 1px solid #d1d1d1;
        border-right: 0;
        float: left;
        font-weight: 400;
        line-height: 1;
        padding: 7px 10px;
        text-align: center;
        display: inline-block;
        text-decoration: none
    }

    .modes-mode:not(.active):hover {
        color: #7d7d7d;
        background: #dedede
    }

    .modes-mode:last-child {
        border-right: 1px solid #d1d1d1
    }

    .modes-mode.active {
        color: #a6a6a6
    }

    .modes-mode>span {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .modes-mode:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 24px;
        line-height: inherit;
        color: #7d7d7d;
        content: '\e60d';
        font-family: 'Roboto', 'icons-blank-theme';
        vertical-align: middle;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .modes-mode:hover:before {
        color: #7d7d7d
    }

    .mode-list:before {
        content: '\e60b'
    }

    .products.wrapper~.toolbar .limiter {
        display: block;
        float: right
    }

    .product-info-main .box-tocart,
    .product-options-bottom .box-tocart {
        display: table
    }

    .product-info-main .box-tocart .field.qty,
    .product-options-bottom .box-tocart .field.qty {
        display: table-cell
    }

    .product-info-main .box-tocart .actions,
    .product-options-bottom .box-tocart .actions {
        display: table-cell;
        padding-top: 25px;
        text-align: center;
        vertical-align: bottom
    }

    .product-info-main .page-title-wrapper .page-title {
        margin-top: -13px
    }

    .sidebar .product-items .product-item-info .product-item-photo {
        float: left;
        left: auto;
        margin: 0 10px 10px 0;
        position: relative;
        top: auto
    }

    .sidebar .product-items .product-item-details {
        margin: 0
    }

    .sidebar .product-items .product-item-actions {
        clear: left
    }

    .product-info-main {
        float: right
    }

    .product.media {
        float: left;
        margin-bottom: 25px
    }

    .page-layout-1column .product-info-main {
        width: 40%
    }

    .page-layout-1column .product.media {
        width: 57%
    }

    .page-layout-2columns-left .product-info-main,
    .page-layout-2columns-right .product-info-main,
    .page-layout-3columns .product-info-main {
        width: 48%
    }

    .page-layout-2columns-left .product.media,
    .page-layout-2columns-right .product.media,
    .page-layout-3columns .product.media {
        width: 50%
    }

    .block-category-event.block:last-child {
        margin-bottom: 30px;
        padding: 10px 0 30px
    }

    .block-category-event .block-title {
        margin: 0
    }

    .block-category-event .block-title strong {
        font-size: 2.4rem
    }

    .block-category-event .ticker li {
        display: none;
        margin: 0 50px
    }

    .block-category-event .ticker .value {
        font-size: 6rem
    }

    .block-category-event .ticker .label {
        font-size: 1.4rem;
        text-transform: none
    }

    .block-category-event .dates .date {
        font-size: 5rem
    }

    .block-category-event .dates .start {
        padding-right: 50px
    }

    .block-category-event .dates .start:after {
        font-size: 5rem;
        right: 10px
    }

    .block-search {
        float: right;
        padding-left: 15px;
        position: relative;
        width: 250px;
        z-index: 4
    }

    .block-search .control {
        border-top: 0;
        margin: 0;
        padding: 0 0 25px
    }

    .block-search .nested {
        display: block;
        padding-top: 5px;
        position: absolute
    }

    .block-search input {
        margin: 0;
        padding-right: 35px;
        position: static
    }

    .block-search input::-webkit-input-placeholder {
        color: #c2c2c2
    }

    .block-search input:-moz-placeholder {
        color: #c2c2c2
    }

    .block-search input::-moz-placeholder {
        color: #c2c2c2
    }

    .block-search input:-ms-input-placeholder {
        color: #c2c2c2
    }

    .block-search .action.search {
        display: inline-block;
        background-image: none;
        background: none;
        -moz-box-sizing: content-box;
        border: 0;
        box-shadow: none;
        line-height: inherit;
        margin: 0;
        padding: 0;
        text-decoration: none;
        text-shadow: none;
        font-weight: 400;
        padding: 5px 0;
        position: absolute;
        right: 10px;
        top: 0;
        z-index: 1
    }

    .block-search .action.search>span {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .block-search .action.search:before {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 22px;
        line-height: 22px;
        color: #8f8f8f;
        content: '\e615';
        font-family: 'Roboto', 'icons-blank-theme';
        margin: 0;
        vertical-align: top;
        display: inline-block;
        font-weight: normal;
        overflow: hidden;
        speak: none;
        text-align: center
    }

    .block-search .action.search:hover:before {
        color: inherit
    }

    .block-search .action.search:active:before {
        color: inherit
    }

    .block-search .action.search:focus,
    .block-search .action.search:active {
        background: none;
        border: none
    }

    .block-search .action.search:hover {
        background: none;
        border: none
    }

    .block-search .action.search.disabled,
    .block-search .action.search[disabled],
    fieldset[disabled] .block-search .action.search {
        pointer-events: none;
        opacity: .5
    }

    .block-search .action.search:focus:before {
        color: #333
    }

    .search-autocomplete {
        margin-top: 0
    }

    .cart-container .widget {
        float: left
    }

    .cart-container .widget.block {
        margin-bottom: 20px
    }

    .cart-summary {
        float: right;
        position: relative;
        width: 23%
    }

    .column.main .cart-summary .actions-toolbar>.secondary {
        float: none
    }

    .cart-summary .block .fieldset .field {
        margin: 0 0 20px;
        margin: 0 0 10px
    }

    .cart-summary .block .fieldset .field:not(.choice)>.label {
        box-sizing: content-box;
        float: none;
        width: auto;
        text-align: left;
        padding: 0
    }

    .cart-summary .block .fieldset .field:not(.choice)>.control {
        float: none;
        width: auto
    }

    .cart-summary .block .fieldset .field>.label {
        margin: 0 0 5px;
        display: inline-block
    }

    .cart-summary .block .fieldset .field.choice:before,
    .cart-summary .block .fieldset .field.no-label:before {
        display: none
    }

    .cart.table-wrapper .items {
        min-width: 100%;
        width: auto
    }

    .cart.table-wrapper .item .col.item {
        padding: 27px 8px 10px
    }

    .cart.table-wrapper .item-actions td {
        text-align: right
    }

    .cart.table-wrapper .product-item-photo {
        display: table-cell;
        max-width: 100%;
        padding-right: 20px;
        position: static;
        vertical-align: top;
        width: 1%
    }

    .cart.table-wrapper .product-item-details {
        display: table-cell;
        vertical-align: top;
        white-space: normal;
        width: 99%
    }

    .cart.table-wrapper .item-actions .actions-toolbar {
        text-align: left
    }

    .cart .action {
        margin-bottom: 10px
    }

    .cart-products-toolbar .toolbar-amount {
        line-height: 30px;
        margin: 0
    }

    .cart-products-toolbar .pages {
        float: right;
        margin: 0 0 1px
    }

    .cart-products-toolbar .pages .item:last-child {
        margin-right: 0
    }

    .cart.table-wrapper .cart-products-toolbar+.cart thead tr th.col {
        padding-bottom: 7px;
        padding-top: 8px
    }

    .cart.table-wrapper .cart+.cart-products-toolbar {
        margin-top: 25px
    }

    .minicart-wrapper {
        margin-left: 13px
    }

    .minicart-wrapper .block-minicart {
        right: -15px;
        width: 390px
    }

    .opc-wrapper {
        width: 33.33333333%;
        float: left;
        -ms-flex-order: 1;
        -webkit-order: 1;
        order: 1;
        padding-right: 30px
    }

    .checkout-onepage-success .print {
        display: block;
        float: right;
        margin: 22px 0 0
    }

    .opc-progress-bar-item {
        width: 185px
    }

    .checkout-index-index .modal-popup .form-shipping-address {
        max-width: 600px
    }

    .checkout-index-index .modal-popup .modal-footer .action-save-address {
        float: right;
        margin: 0 0 0 10px
    }

    .checkout-shipping-method .actions-toolbar>.primary {
        float: right
    }

    .checkout-shipping-method .actions-toolbar .action.primary {
        margin: 0
    }

    .opc-wrapper .form-login,
    .opc-wrapper .form-shipping-address {
        max-width: 600px
    }

    .table-checkout-shipping-method {
        width: auto
    }

    .opc-sidebar {
        margin: 46px 0 20px;
        width: 33.33333333%;
        float: right;
        -ms-flex-order: 2;
        -webkit-order: 2;
        order: 2
    }

    .opc-summary-wrapper .modal-header .action-close {
        display: none
    }

    .authentication-dropdown {
        background-color: #fff;
        border: 1px solid #aeaeae;
        -webkit-transform: scale(1, 0);
        -webkit-transform-origin: 0 0;
        -webkit-transition: -webkit-transform linear .1s, visibility 0s linear .1s;
        position: absolute;
        text-align: left;
        top: 100%;
        transform: scale(1, 0);
        transform-origin: 0 0;
        transition: transform linear .1s, visibility 0s linear .1s;
        visibility: hidden;
        width: 100%
    }

    .authentication-dropdown._show {
        z-index: 100;
        -webkit-transform: scale(1, 1);
        -webkit-transition: -webkit-transform linear .1s, visibility 0s linear 0s;
        transform: scale(1, 1);
        transition: transform linear .1s, visibility 0s linear 0s;
        visibility: visible
    }

    .authentication-wrapper {
        width: 33.33333333%;
        text-align: right
    }

    .block-authentication .block-title {
        font-size: 2.6rem;
        border-bottom: 0;
        margin-bottom: 25px
    }

    .block-authentication .actions-toolbar>.primary {
        display: inline;
        float: right;
        margin-right: 0
    }

    .block-authentication .actions-toolbar>.primary .action {
        margin-right: 0
    }

    .block-authentication .actions-toolbar>.secondary {
        float: left;
        margin-right: 2rem;
        padding-top: 1rem
    }

    .popup-authentication .modal-inner-wrap {
        min-width: 768px;
        width: 60%
    }

    .popup-authentication .block-authentication {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        border-top: 1px solid #c1c1c1
    }

    .popup-authentication .block[class],
    .popup-authentication .form-login,
    .popup-authentication .fieldset,
    .popup-authentication .block-content {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-grow: 1;
        flex-grow: 1
    }

    .popup-authentication .block[class] {
        box-sizing: border-box;
        float: left;
        padding: 10px 30px 0 0;
        width: 50%
    }

    .popup-authentication .block[class]+.block {
        border-left: 1px solid #c1c1c1;
        border-top: 0;
        margin: 0;
        padding: 10px 0 0 40px
    }

    .popup-authentication .block[class]+.block:before {
        left: 0;
        top: 50%
    }

    .popup-authentication .actions-toolbar {
        margin-bottom: 0;
        margin-top: auto
    }

    .checkout-payment-method .actions-toolbar .primary {
        float: right;
        margin: 0
    }

    .checkout-payment-method .fieldset>.field-select-billing>.control {
        float: none;
        width: 100%
    }

    .checkout-payment-method .payment-method-content .fieldset>.field {
        margin: 0 0 20px
    }

    .checkout-payment-method .payment-method-content .fieldset>.field.choice:before {
        padding: 0;
        width: 0
    }

    .checkout-payment-method .payment-method-content .fieldset>.field.type .control {
        margin-left: 25.8%
    }

    .checkout-payment-method .payment-method-content .fieldset>.field.type.no-detection .control {
        margin-left: 0
    }

    .checkout-billing-address .action-update {
        float: right
    }

    .checkout-billing-address .actions-toolbar .action-cancel {
        margin: 6px 20px 0 0
    }

    .checkout-payment-method .payment-option-title {
        padding-left: 22px
    }

    .checkout-payment-method .payment-option-content .payment-option-inner+.actions-toolbar {
        margin-left: 0
    }

    .contact-index-index .column:not(.sidebar-additional) .form.contact {
        min-width: 600px
    }

    .login-container .block.login .actions-toolbar>.primary {
        margin-bottom: 0;
        margin-right: 30px
    }

    .login-container .block.login .actions-toolbar>.secondary {
        float: left
    }

    .login-container .fieldset>.field>.control {
        width: 80%
    }

    .fieldset .fullname .field .label {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .fieldset .fullname .field .control {
        width: 74.2%;
        float: left
    }

    .form.password.reset,
    .form.send.confirmation,
    .form.password.forget,
    .form.create.account,
    .form.search.advanced,
    .form.form-orders-search {
        min-width: 600px;
        width: 50%
    }

    .account.page-layout-2columns-left .sidebar-main,
    .account.page-layout-2columns-left .sidebar-additional {
        width: 22.3%
    }

    .account.page-layout-2columns-left .column.main {
        width: 77.7%
    }

    .block-addresses-list .items.addresses {
        font-size: 0
    }

    .block-addresses-list .items.addresses>.item {
        display: inline-block;
        font-size: 14px;
        margin-bottom: 20px;
        vertical-align: top;
        width: 48.8%
    }

    .block-addresses-list .items.addresses>.item:nth-last-child(1),
    .block-addresses-list .items.addresses>.item:nth-last-child(2) {
        margin-bottom: 0
    }

    .block-addresses-list .items.addresses>.item:nth-child(even) {
        margin-left: 2.4%
    }

    .control.captcha-image .captcha-img {
        margin: 0 10px 10px 0
    }

    .page-product-downloadable .product-options-wrapper {
        float: left;
        width: 55%
    }

    .page-product-downloadable .product-options-bottom {
        float: right;
        width: 40%
    }

    .page-product-downloadable .product-options-bottom .field.qty+.actions {
        padding-top: 0
    }

    .gift-message .field {
        margin-bottom: 20px
    }

    .gift-options {
        position: relative;
        z-index: 1
    }

    .gift-options .actions-toolbar {
        clear: both;
        float: right;
        position: static
    }

    .gift-options .actions-toolbar .secondary {
        float: right
    }

    .gift-options .actions-toolbar .secondary .action {
        float: right;
        margin-left: 20px
    }

    .gift-options .actions-toolbar .secondary .action-cancel {
        display: block;
        float: left;
        margin-top: 6px
    }

    .gift-options .actions-toolbar:nth-child(3):before {
        border-left: 1px solid #c1c1c1;
        bottom: 5rem;
        content: '';
        display: block;
        left: 50%;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 0
    }

    .gift-options-title {
        font-weight: 300;
        font-size: 1.8rem
    }

    .cart.table-wrapper .action-gift {
        float: left
    }

    .order-options .gift-wrapping,
    .table-order-review .gift-wrapping {
        max-width: 50%
    }

    .form-giftregistry-search .fieldset {
        margin-bottom: 29px
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field {
        margin: 0 0 20px;
        box-sizing: border-box
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field>.label {
        margin: 0
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:before,
    .form-giftregistry-search .fieldset>.fields-specific-options>.field:after {
        content: '';
        display: table
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:after {
        clear: both
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field.choice:before,
    .form-giftregistry-search .fieldset>.fields-specific-options>.field.no-label:before {
        padding: 6px 15px 0 0;
        width: 25.8%;
        box-sizing: border-box;
        content: ' ';
        float: left;
        height: 1px
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field .description {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:not(.choice)>.label {
        padding: 6px 15px 0 0;
        text-align: right;
        width: 25.8%;
        box-sizing: border-box;
        float: left
    }

    .form-giftregistry-search .fieldset>.fields-specific-options>.field:not(.choice)>.control {
        width: 74.2%;
        float: left
    }

    .block-giftregistry-shared-items .product-item-photo {
        display: table-cell;
        max-width: 100%;
        padding: 0 20px 0 0;
        vertical-align: top;
        width: 1%
    }

    .block-giftregistry-shared-items .product-item-details {
        display: table-cell;
        vertical-align: top;
        width: 99%;
        word-break: normal
    }

    .block-giftregistry-shared-items .col.product {
        width: 48%
    }

    .block-giftregistry-shared-items .col:not(.product) {
        text-align: center
    }

    .block-giftregistry-shared-items .col.price {
        padding-top: 17px
    }

    .block-giftregistry-shared-items .input-text.qty {
        margin-top: -4px
    }

    .gift-options-cart-item .gift-wrapping,
    .cart-gift-item .gift-wrapping {
        box-sizing: border-box;
        float: left;
        padding-right: 20px;
        width: 50%
    }

    .gift-options-cart-item .gift-wrapping+.gift-message,
    .cart-gift-item .gift-wrapping+.gift-message {
        border-left: 1px solid #c1c1c1;
        box-sizing: border-box;
        float: left;
        padding-left: 4.5rem;
        width: 50%
    }

    .form-add-invitations .additional,
    .form-add-invitations .field.text {
        margin-top: 29px
    }

    .table-invitations .col {
        width: 50%
    }

    .wishlist.window.popup {
        bottom: auto;
        top: 20%;
        left: 50%;
        margin-left: -212px;
        width: 380px;
        right: auto
    }

    .wishlist.window.popup .field {
        margin: 0 0 20px
    }

    .wishlist.window.popup .field:not(.choice)>.label {
        box-sizing: content-box;
        float: none;
        width: auto;
        text-align: left;
        padding: 0
    }

    .wishlist.window.popup .field:not(.choice)>.control {
        float: none;
        width: auto
    }

    .wishlist.window.popup .field>.label {
        margin: 0 0 5px;
        display: inline-block
    }

    .wishlist.window.popup .field.choice:before,
    .wishlist.window.popup .field.no-label:before {
        display: none
    }

    .block-wishlist-management {
        margin-bottom: 20px
    }

    .block-wishlist-management .wishlist-select {
        border-bottom: 1px solid #e8e8e8;
        display: table;
        margin-bottom: 15px;
        width: 100%
    }

    .block-wishlist-management .wishlist-select .wishlist-name {
        display: table-cell;
        margin-right: 10px;
        padding: 5px 10px 10px;
        vertical-align: top;
        white-space: nowrap;
        width: 5%
    }

    .block-wishlist-management .wishlist-select-items {
        display: table-cell;
        padding-right: 160px;
        vertical-align: top
    }

    .block-wishlist-management .wishlist-select-items .item {
        display: inline-block;
        margin-right: 10px;
        padding: 5px 10px 10px
    }

    .block-wishlist-management .wishlist-select-items .item:last-child {
        margin-right: 0
    }

    .block-wishlist-management .wishlist-select-items .current {
        border-bottom: 3px solid #ff5501;
        font-weight: 600
    }

    .block-wishlist-management .wishlist-select .wishlist-name-current {
        display: none
    }

    .block-wishlist-management .wishlist-add.item {
        position: absolute;
        right: 0;
        top: 0
    }

    .block-wishlist-management .wishlist-title strong {
        font-size: 4rem
    }

    .block-wishlist-management .wishlist-info {
        float: left
    }

    .block-wishlist-management .wishlist-toolbar {
        float: right
    }

    .block-wishlist-info-items .product-item-photo {
        margin-left: 0
    }

    .products-grid.wishlist .product-item-checkbox {
        float: left
    }

    .products-grid.wishlist .product-item-checkbox+.product-item-name {
        margin-left: 25px
    }

    .block.newsletter {
        max-width: 44%;
        width: max-content
    }

    .block.newsletter .field {
        margin-right: 5px
    }

    .block.newsletter .field .control {
        width: 100%
    }

    .block.newsletter .action.subscribe {
        border-radius: 3px
    }

    .paypal-review .paypal-review-title {
        border-bottom: 1px solid #d1d1d1
    }

    .paypal-review .block-content .box-order-shipping-address,
    .paypal-review .block-content .box-order-shipping-method,
    .paypal-review .block-content .box-order-shipping-method+.box-order-billing-address {
        box-sizing: border-box;
        float: left;
        width: 33%
    }

    .paypal-review .block-content .box-order-shipping-address {
        padding: 0 5%;
        width: 34%
    }

    .paypal-review .col.subtotal,
    .paypal-review .mark,
    .paypal-review .amount {
        text-align: right
    }

    .products.wrapper.list .product-reviews-summary {
        margin: 0
    }

    .reward-settings+.actions-toolbar {
        margin-top: -32px
    }

    .form-create-return .additional .field:last-child {
        margin-top: 29px
    }

    .magento-rma-guest-returns .column.main .block:not(.widget) .block-content .box {
        margin-bottom: 20px
    }

    .block-returns-tracking .block-title .action {
        margin: 0 0 0 30px
    }

    .block-returns-tracking .block-title .actions-track {
        float: right;
        margin-top: 12px
    }

    .table-order-items .subtotal,
    .table-order-items .amount {
        text-align: right
    }

    .table-order-items.creditmemo .col.qty,
    .table-order-items.creditmemo .col.discount,
    .table-order-items.creditmemo .col.subtotal {
        text-align: center
    }

    .table-order-items.creditmemo .col.total {
        text-align: right
    }

    .order-pager-wrapper .order-pager-wrapper-top {
        padding-left: 0;
        padding-right: 0
    }

    .order-pager-wrapper .pages {
        float: right
    }

    .order-actions-toolbar .action.print {
        display: block;
        float: right
    }

    .page-title-wrapper .order-date {
        margin-top: -20px
    }

    [class^='sales-guest-'] .column.main .block:not(.widget) .block-content .box,
    .sales-guest-view .column.main .block:not(.widget) .block-content .box {
        margin-bottom: 20px
    }

    .page-wrapper>.breadcrumbs,
    .page-wrapper>.top-container,
    .page-wrapper>.widget {
        box-sizing: border-box;
        width: 100%
    }

    .navigation ul {
        padding: 0 8px
    }

    .header.panel>.header.links {
        float: right;
        font-size: 0;
        margin: 0;
        padding: 0;
        list-style: none none;
        margin-left: auto
    }

    .header.panel>.header.links>li {
        display: inline-block;
        vertical-align: top
    }

    .header.panel>.header.links>li {
        font-size: 14px;
        margin: 0 0 0 15px
    }

    .header.panel>.header.links>li.welcome,
    .header.panel>.header.links>li a {
        line-height: 1.4
    }

    .header.panel>.header.links>li.welcome a {
        padding-left: 5px
    }

    .header.content {
        padding: 30px 20px 0
    }

    .page-header {
        border: 0;
        margin-bottom: 0
    }

    .page-header .panel.wrapper {
        border-bottom: 0
    }

    .page-header .switcher {
        display: inline-block
    }

    .page-main>.page-title-wrapper .page-title {
        display: inline-block
    }

    .page-main>.page-title-wrapper .page-title+.action {
        float: right;
        margin-top: 20px
    }

    .logo {
        margin: -8px auto 25px 0
    }

    .logo img {
        max-height: inherit
    }

    .footer.content .block {
        float: right
    }

    .footer.content .links {
        display: inline-block;
        margin-bottom: 20px;
        padding: 0 50px 0 0;
        vertical-align: top
    }

    .footer.content .switcher.store {
        display: inline-block;
        padding-right: 50px;
        vertical-align: top
    }

    .my-credit-cards .card-type img {
        display: block
    }

    .products-grid.wishlist .product-item-tooltip {
        display: inline-block
    }

    .products-grid.wishlist .product-item-actions {
        margin: 10px 0 0
    }

    .products-grid.wishlist .product-item .fieldset .field.qty {
        margin-bottom: 10px;
        padding-right: 10px
    }

    .products-grid.wishlist .product-item .fieldset .field.qty .label {
        width: auto
    }

    .products-grid.wishlist .product-item .box-tocart .actions-primary {
        margin: 0
    }

    .products-grid.wishlist .product-item .box-tocart .stock {
        margin: 20px 0 0
    }

    .wishlist-index-index .product-item-info {
        width: 240px
    }
}
.modal-popup.confirm .modal-inner-wrap {
    margin: 6rem auto;
}
@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)
    }
}
.cdz-translator {
    animation-name: translator;
    animation-duration: 1s
}
.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
}
.price-box .price, .product-item .price-box .price {
    font-family: 'Roboto', Arial;
    font-weight: 600;
    font-size: 18px;
    color: #444;
    margin: 0;
    padding-bottom: 10px;
}
.product-item .price-box .price {
    color: #414b56;
    font: 600 18px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif;
}
.product-item-info {
    width: 100%
}
.price-box .price, .product-item .price-box .price {
    font-family: 'Roboto', Arial !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    color: #444;
    margin: 0;
    padding-bottom: 10px;
}
.price-box .special-price .price-label, .price-box .old-price .price-label {
    display: none;
}
.wl-drop-menu .mini-list .product-item .product-item-name {
    margin: 0 0 5px;
}
@font-face { 
    font-family:'CodazonFont';
    src:url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/CodazonFont.eot");
    src:url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/CodazonFont.eot") format('embedded-opentype'),url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/CodazonFont.ttf") format('truetype'),url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/CodazonFont.woff") format('woff'),url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/CodazonFont.svg") format('svg');
    font-weight:normal;
    font-style:normal;
  ;font-display:swap;} 
@font-face { 
  font-family:'FontAwesome';
  src:url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/fontawesome-webfont.eot?v=4.7.0");
  src:url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format('embedded-opentype'),url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/fontawesome-webfont.woff2?v=4.7.0") format('woff2'),url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/fontawesome-webfont.woff?v=4.7.0") format('woff'),url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/fontawesome-webfont.ttf?v=4.7.0") format('truetype'),url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/css/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format('svg');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
.link.wishlist .mini-list .mdl-textfield div.mage-error {
    position: relative;
}
.page-header .header-search.no-full-box .minisearch.active label {
    display:none;
}
button.action-accept {
    border-color: #3485c2;
    background: #fff;
    color:#444;
    font-size:14px;
}
.modal-inner-wrap .modal-footer .action-accept {
    color: #3485c2;
  background-color:#fff;
}
.modal-inner-wrap .modal-footer .action-accept:hover {
    color: #fff;
  background-color:#3485c2;
}
@media (min-width: 768px){
    .mst-searchautocomplete__autocomplete._active {
        overflow: auto;
    }
}
.message.success {
    font-family: 'Roboto',"Trebuchet MS",Arial,Helvetica,sans-serif;
}
.columns .hpg-hero-section .hpg-card-copy-sub-headline {
    font-size:20px;
    color: black;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}
.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .account-info-summary button,
.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner .mini-list .actions-toolbar button,
.header-panel-wrapper .header-panel-right ul.features-links li .cdz-dropdown.cdz-dd-active .cdz-dd-content .cdz-dd-content-inner button#top-cart-btn-checkout {
    background-color: #0085c3 !important;
}
/** CSS For Logo **/
@media (min-width: 768px) {
    .header-panel-wrapper .header-panel-left {
      width: auto;
      float: left;
      padding: initial;
      margin-right: initial;
    }
    .header-panel-wrapper .header-panel-left .logo {
      padding: 0;
      position: relative;
      top: 23px;
      height: auto;
      width: auto;
      float: right;
    }
  }
  .logo img {
    padding-right: 5px;
  }
  input#search::placeholder {
    font-weight:400;
    color:#444;
    text-transform:capitalize;
  }
  .mdl-textfield--floating-label.is-focused .mdl-textfield__label,.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,.mdl-textfield--floating-label.has-placeholder .mdl-textfield__label {
    position: relative;
    top: -45px !important
  }
  .mst-searchautocomplete__autocomplete .mst-searchautocomplete__empty-result {
    font-size: 1.7rem;
  }
  .mst-searchautocomplete__autocomplete .mst-searchautocomplete__show-all {
    position: relative;
  }
  .mst-searchautocomplete__autocomplete .mst-searchautocomplete__results {
    height: 100%;
    overflow-y: visible;
  }
  .mst-searchautocomplete__autocomplete .mst-searchautocomplete__results.__all {
    margin-bottom: 0px;
  }
.out-of-stock-message {
    color: #e02b27;
}
.mst-searchautocomplete__autocomplete .mst-searchautocomplete__wrapper {
    max-height: 207vh;
}
.header-panel-wrapper .header-panel-right {
    float: right;
    display: grid;
    grid-template-columns: .4fr 1fr;
    justify-items: center;
    position: relative;
}
@media (min-width: 768px) {
    .header-panel-wrapper .header-panel-left .logo {
        top:0
    }
    }

.header-panel-wrapper .header-panel-right ul {
    padding: 0 !important;
}
@media (min-width: 768px) {
    .page-header .minisearch .actions .search {
    background-color: rgb(6 114 203 / var(--tw-bg-opacity, 1)) !important;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    }
}
.page-header .header-search.no-full-box #search_mini_form {
    border-radius: 25px;
}

li.item.link.compare {
    list-style: none;
    position: relative;
    padding: 0;
    top:0 !important;
}
.item.link.compare:after {
    display: inline-block;
    font: normal normal 14px / 1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f0c5';
    margin-bottom: 0px;
    position: relative;
    left: 9px;
    color: #444;
    font-size: 18px;
}
.page-header .sticky-menu:not(.active) .header-search.hide-advanced-search .minisearch input[type="text"]{
    background-color: rgb(224 224 224 / var(--tw-bg-opacity, 1));
    border-radius: 9999px;
}
#desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop {
    width: 900px;
    border-bottom: none;
}

.chat_section{
     position: fixed;
    top: 40%;
    z-index: 5;
    right: 0;
    padding: 0;
    -webkit-box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
}
.chat-to-buy {
    cursor: pointer;
}
.chat-header{  
    position: absolute;
    left: 0;
    top: -1px;
    background: #007db8;
    -webkit-transform: rotate(90deg);
    transform: rotate( 90deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    padding: 0 15px;
    line-height: 28px;
    -webkit-box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
    box-shadow: 2px 2px 5px 0 rgb(0 0 0 / 30%);
    z-index: -1;
    right: inherit;
    font-size: 14px;
    font-weight: normal;
    width: 86px;
    height: 28px;
    text-align: center;
    color: #ffffff;
    border-radius: 0;
}
.chat-body {
    float: right;
    margin: -1px 0 0;
    background-color: white;
    padding: 11px 37px 10px 23px;
    height: auto;
    box-shadow: none;
    border: 1px solid #aaa;
    border-left: 3px solid #007db8;
    width: 275px;
}
.chat-help{
    position: relative;
}
.chat-close-button{
    position: absolute;
    right: -28px;
    top: -21px;
    background-color: none;
    padding: 0;
}
.chat-close-button:before {
    color: #000;
    font-size: 27px;
    content: "×";
}
button.closeButton[embeddedService-chatHeader_chatHeader]:before {
color: white;
 font-size: 34px;
content:"×";
}
button.minimizeButton[embeddedService-chatHeader_chatHeader]:before {
color: white;
 font-size: 15px;
content:"__";
}
 button.minimizeButton:focus[embeddedService-chatHeader_chatHeader]{
        background:none;
    }
.sidebarHeader button:hover[embeddedService-chatHeader_chatHeader]:before{
        right: 45px;
        background: transparent;
        opacity: 1;
        top: inherit;
    }
    .sidebarHeader button.minimizeButton:hover[embeddedService-chatHeader_chatHeader]:before {
        right: 42px;
    }
    .sidebarHeader button.closeButton:hover[embeddedService-chatHeader_chatHeader]:before{
        right: 8px;
    }
    embeddedservice-chat-header .sidebarHeader lightning-icon,
    embeddedservice-chat-header .sidebarHeader svg.slds-icon-text-default {
        fill: transparent;
    }
ul.chat-buy{
    margin: 0;
    padding: 0;
}
.chat-help{
    position: relative;
}
.chat-close-button{
    position: absolute;
    right: -28px;
    top: -21px;
    border: none;
    padding: 0;
}
.chat-close-button:before {
    color: #000;
    font-size: 27px;
    content: "×";
}
ul.chat-buy li {
    list-style: none;
}
ul.chat-buy li p {
    padding-left: 26px;
}
.chat-close-button:hover,
.chat-close-button:focus{
    background-color: transparent;
    border: none;
}
a.chat-to-buy {
    color: #FFF;
}
a.dds__drawer-tab {
    color: #FFF;
}
span.cd__dds__phone__desktop {
    color: #0085C3;
}
.dds__small-icon {
    width: 20px;
    margin: 1px 5px -2px -2px;
}
.chat-buy p {
    color: #1979c3;
}
 /* Moved css from backend config footer to here ended */
.login-container .block .block-title {
    font-size: 2.5rem;
}
.fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after {
    font-size: 1.7rem;
}
.account .actions-toolbar > .secondary:last-child {
    float: left;
    margin-top: 0px;
    margin-left: 10px;
}
 .captcha-validation-error {
    color: #e02b27;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    padding: 0 10px;
    margin-bottom: 8px;
    margin-right: 48%;
}
input:focus {
    outline: none;
}
#back-top a {
    font: 600 12px/1.35 Rajdhani, Helvetica Neue, Verdana, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    line-height: 48px;
    border: 1px solid;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #3485c2;
    border-color: #3485c2;
    display: block;
    box-shadow: 3px 5px 10px 0 rgba(0,0,0,.3);
    -moz-box-shadow: 3px 5px 10px 0 rgba(0,0,0,.3);
    -webkit-box-shadow: 3px 5px 10px 0 rgba(0,0,0,.3);
    -o-box-shadow: 3px 5px 10px 0 rgba(0,0,0,.3);
    -ms-box-shadow: 3px 5px 10px 0 rgba(0,0,0,.3);
}
#back-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 99;
}
#back-top a:before {
    display: inline-block;
    font-family: 'CodazonFont';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e96b';
    font-size: 20px;
    speak: none;
    line-height: 46px;
    color: #fff;
}
.container, .page-main:not(.page-main-full)>div, .breadcrumbs .items {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}
.mst-searchautocomplete__wrapper ul li a.title {
    color: #007db8;
}
#desk_menu-container .cdz-navigation ul.groupmenu .menu-link.prft-menu {
  line-height: 2.7;
}
@media(min-width: 769px) and (max-width: 1024px) {
    
    #desk_menu-container .cdz-navigation ul.groupmenu {
        margin-top: 0;
    }
    .header-panel-wrapper .header-panel-middle {
        width: 300px;
    }
}
ul.chat-buy li a{
    display: flex;
    color:#1979c3;
}
.product-item-status {
    font-size: 14px;
}
.product-info strong {
    display: block;
    margin: 5px 0;
}
.details-qty.qty .label {
    font-size: 14px;
    margin-right: 10px;
}
.product-item-pricing .price-container {
    width: max-content;
}
#top-cart-btn-checkout{
    height: 7.2vh
}
.modal-slide._show, .modal-popup._show {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.modal-popup {
    pointer-events: none;
}
.modal-popup {
    z-index: 900;
    left: 0;
    overflow-y: auto;
}
.modal-slide, .modal-popup {
    bottom: 0;
    left: 0;
    min-width: 0;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s .3s, opacity .3s ease;
    transition: visibility 0s .3s, opacity .3s ease;
}
.modal-popup.confirm .modal-inner-wrap {
    margin: 6rem auto;
}
.modal-popup._show .modal-inner-wrap {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.modal-popup.confirm .modal-inner-wrap {
    max-width: 50rem;
}
.modal-popup .modal-inner-wrap {
    width: 40%;
}
.modal-popup .modal-inner-wrap {
    margin: 5rem auto;
    width: 40%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    box-sizing: border-box;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform .2s ease;
}
.modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap {
    background-color: #ffffff;
    box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35);
    opacity: 1;
    pointer-events: auto;
}
.modal-popup .modal-header {
    padding-top: 2rem;
    padding-bottom: 0;
}
.modal-popup .modal-header, .modal-popup .modal-footer {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}
.modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer {
    padding-left: 3rem;
    padding-right: 3rem;
}
.modal-popup.confirm .modal-inner-wrap .modal-content, .modal-popup.confirm .modal-footer {
    padding-left: 40px;
    padding-right: 40px !important;
}
.modal-popup.confirm .modal-content {
    color: #444;
}
.modal-popup.confirm .modal-content {
    padding-bottom: 2rem;
    text-align: center;
    padding-top: 10px;
}
.modal-popup.confirm .modal-footer {
    text-align: center;
    padding-top: 0 !important;
    border-top: 0;
}

.modal-popup.confirm .modal-inner-wrap .modal-content, .modal-popup.confirm .modal-footer {
    padding-left: 40px;
    padding-right: 40px !important;
}
.modal-popup .modal-footer {
    margin-top: auto;
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.modal-popup .modal-inner-wrap .modal-header .action-close {
    padding: 0;
    width: 40px;
    height: 36px;
    border: 1px solid;
    color: #fff;
    border-color: #3485c2;
    background: #3485c2;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    right: 0;
}
.modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close {
    background-image: none;
    background: none;
    -moz-box-sizing: content-box;
    border: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-shadow: none;
    font-weight: 400;
    display: inline-block;
    text-decoration: none;
    position: absolute;
    right: 0;
    top: 0;
}
.modal-popup .modal-inner-wrap .modal-header .action-close:before {
    color: #fff;
    line-height: 40px;
    margin-left: -1px;
}
.modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before {
    font-size: 18px;
    line-height: 32px;
    position: relative;
    color: #8f8f8f;
    content: '\2715';
    bottom: 10px;
    font-family: 'icons-blank-theme';
    margin: 0;
    vertical-align: top;
    display: inline-block;
    font-weight: normal;
    overflow: hidden;
    speak: none;
    text-align: center;
}
.modal-footer .action-secondary.action-dismiss {
    margin-right: 5px;
}
.modal-popup.confirm._show .modal-inner-wrap button {
   border: 1px solid;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 7px 15px;
    min-height: auto;
    text-transform: uppercase;
}
.modal-popup.confirm._show {
    z-index: 999 !important;
}
.item.link.compare a{
    color: #1979c3;
}
.message.info {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fdf0d5;
  color: #6f4400;
  padding-left: 40px;
  position: relative;
}
.message.info a {
  color: #1979c3;
}
.message.info a:hover {
  color: #006bb4;
}
.message.info a:active {
  color: #006bb4;
}
.message.info > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 28px;
  color: #c07600;
  content: '\2713';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.error {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.0rem;
  background: #fae5e5;
  color: #e02b27;
  padding-left: 40px;
  position: relative;
}
.message.error a {
  color: #1979c3;
}
.message.error a:hover {
  color: #006bb4;
}
.message.error a:active {
  color: #006bb4;
}
.message.error > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 28px;
  color: #b30000;
  content: '\2713';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.warning {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fdf0d5;
  color: #6f4400;
  padding-left: 40px;
  position: relative;
}
.message.warning a {
  color: #1979c3;
}
.message.warning a:hover {
  color: #006bb4;
}
.message.warning a:active {
  color: #006bb4;
}
.message.warning > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 28px;
  color: #c07600;
  content: '\2713';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.notice {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.3rem;
  background: #fdf0d5;
  color: #6f4400;
  padding-left: 40px;
  position: relative;
}
.message.notice a {
  color: #1979c3;
}
.message.notice a:hover {
  color: #006bb4;
}
.message.notice a:active {
  color: #006bb4;
}
.message.notice > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 28px;
  color: #c07600;
  content: '\2713';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.message.success {
  margin: 0 0 10px;
  padding: 10px 20px;
  display: block;
  line-height: 1.2em;
  font-size: 1.0rem;
  background: #e5efe5;
  color: #006400;
  padding-left: 40px;
  position: relative;
}
.message.success a {
  color: #1979c3;
}
.message.success a:hover {
  color: #006bb4;
}
.message.success a:active {
  color: #006bb4;
}
.message.success > *:first-child:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  line-height: 28px;
  color: #006400;
  content: '\2713';
  font-family: 'icons-blank-theme';
  margin: -14px 0 0;
  vertical-align: middle;
  display: inline-block;
  font-weight: normal;
  overflow: hidden;
  speak: none;
  left: 0;
  top: 18px;
  width: 40px;
  position: absolute;
  text-align: center;
}
.loading-mask .loader > img {
    bottom: 0;
    left: 0;
    margin: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
}
.modal-popup .modal-title {
    border-bottom: 1px solid #c1c1c1;
    font-weight: 300;
    padding-bottom: 10px;
    font-size: 26px;
    margin-bottom: 0;
    min-height: 1em;
    word-wrap: break-word;
}
.loading-mask .loader>p {
    display: none;
}
.action-close span {
    display: none;
}
.old-price .price {
    text-decoration: line-through;
    position: relative;
    top: -3px;
    text-decoration-color: #444
}
.hidden-order-id {
    display: none;
}
  @media (max-width: 767px) {
    .header-panel-wrapper .header-panel-left {
      display: block;
    }
    .header-panel-wrapper  .header-panel-middle{
      justify-content: flex-end;
      padding-right: 0;
    }
    .header-panel-wrapper .header-search{
      width: auto;
    }
    li.item.link.compare {
    position: relative;
    top: 20px;
    display: inline-block;
    }
    .item.link.compare:after {
        left: 13px !important;
        top: -10px;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper {
      right: inherit;
      top: inherit;
      float: right;
      margin: 0 30px 0 0 !important;
      position: inherit;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .cdz-dropdown {
      position: inherit;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .cdz-dropdown .cdz-dd-content {
      left: 0 !important;
      right: 0;
      width: 100%;
      top: 65px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border: 1px solid #cce7f3;
      border-top: 0;
      border-bottom: 4px solid #007db8;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .cdz-dropdown .cdz-dd-content .cdz-dd-content-inner {
      padding: 0;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .cdz-dropdown .cdz-dd-content .cdz-dd-content-inner .block-minicart {
      margin-bottom: 0;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .cdz-dropdown .cdz-dd-content .cdz-dd-content-inner .block-minicart .block-title {
      padding: 10px 15px;
      color: #444444;
      text-transform: none;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .cdz-dropdown .cdz-dd-content .cdz-dd-content-inner .block-minicart .subtitle.empty {
      padding: 10px 14px;
      text-transform: none;
      color: #007db8;
      text-align: left;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .action.showcart:before {
      content: '\e992';
      color: #444;
    }


    .header-panel-wrapper .header-panel-middle .header-search {
      right: inherit;
      float: right;
      margin-right: 0;
      position: inherit;
    }
     .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form {
      position: relative;
    }
    .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mdl-textfield {
      padding: 0;
      width: 100%;
      border: 1px solid #cccccc;
    }
    .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .search-toggle {
      display: none !important;
    }
    .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .actions {
      right: 2px !important;
      top: 2px;
      background: #444;
    }
    .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .actions button {
      height: 27px;
    }
        .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form input {
      padding: 5px 80px 5px 5px;
      height: 30px;
    }
        .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mst-searchautocomplete__autocomplete._active {
      left: 0 !important;
      top: 29px !important;
    }
        .header-panel-wrapper .header-panel-middle .header-search .header-search-inner #search_mini_form .mst-searchautocomplete__autocomplete._active ul li {
      padding-left: 0;
    }
      .page-header .mobi-cart-wrapper .action.showcart {
        width: 45px !important;
        height: 35px;
        line-height: 35px;
        display: block;
        text-align: center;
    }
    .page-header .mobi-cart-wrapper .action.showcart {
        position: relative;
    }
    .header-panel-wrapper .header-panel-middle {
        width: 30%;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .action.showcart span.text {
        display: none;
        line-height: 0;
        color: #444;
        font-size: 12px;
        left: inherit !important;
        top: inherit !important;
        width: 45px !important;
        white-space: nowrap;
    }
    .header-panel-wrapper .header-panel-middle .mobi-cart-wrapper .action.showcart span.text:after {
      width: 0;
    }
    li.item.link.compare .action.compare {
    display: inline-block;
    }
    #cat-accordion .accordion-group .accordion-heading .col-pad-right {
        width: 76px;
        padding: 0 20px;
    }
    #cat-accordion .accordion-group .accordion-heading .col-pad-right img {
        max-width: 76px;
    }
    #cat-accordion .accordion-group .accordion-heading .col-pad-right + td {
        padding-right: 30px;
    }
    #cat-accordion .accordion-group .accordion-heading .col-pad-right + td h5.category-title {
        font-size: 14px;
        line-height: 20px;
        font-weight: normal;
        font-family: 'roboto',Arial,Helvetica,sans-serif;
        color: #007db8;
    }
        header.page-header {
      background-color: #ffffff;
      min-height: 66px;
    }
    .nav-open .nav-sections {
      right: 0;
      left: initial;
    }
    .nav-sections {
      right: -80%;
      right: calc(-1 * (100% - 54px));
      left: initial;
      -webkit-transition: right 0.3s;
      -moz-transition: right 0.3s;
      -ms-transition: right 0.3s;
      transition: right 0.3s;
    }
    .nav-sections .nav-sections-item-title a {
      font-size: 14px;
      font-family: roboto, Arial, Helvetica, sans-serif;
      font-weight: normal;
    }
    .nav-sections .nav-sections-item-content .header.links li a {
      font-family: roboto, Arial, Helvetica, sans-serif;
    }
    .nav-sections .nav-sections-item-content ul.groupmenu li.level0 a span {
      font-size: 14px;
      font-family: roboto, Arial, Helvetica, sans-serif;
    }
    .nav-sections .nav-sections-item-content ul.groupmenu li.level0 .groupdrop-title {
      font-size: 14px;
      font-family: roboto, Arial, Helvetica, sans-serif;
      font-weight: normal;
    }
    .nav-sections .nav-sections-item-content ul.groupmenu li.level0 ul.groupdrop-link li a {
      font-size: 14px;
      font-family: roboto, Arial, Helvetica, sans-serif;
      font-weight: normal;
    }
    .nav-before-open .page-wrapper {
      -webkit-transition: right 0.3s;
      -moz-transition: right 0.3s;
      -ms-transition: right 0.3s;
      transition: right 0.3s;
      height: 100%;
      right: 0;
      left: initial;
      overflow: hidden;
      position: relative;
    }
    .nav-open .page-wrapper {
      right: 80%;
      right: calc(100% - 54px);
      left: initial;
    }
    .nav-open .header-panel-wrapper .header-panel-left .nav-toggle {
      width: 23px;
      height: 26px;
      top: 6px;
      position: absolute;
      left: inherit;
    }
    .nav-open .header-panel-wrapper .header-panel-left .nav-toggle span {
      height: 26px;
    }
    .nav-open .header-panel-wrapper .header-panel-left .nav-toggle .mobile-menu-content {
      display: none;
    }
    .nav-open .header-panel-wrapper .header-panel-left .nav-toggle:after {
      background: transparent;
      content: inherit;
    }
    .mst-searchautocomplete__autocomplete {
        left: 10px !important;
        top: 44px !important;
        min-width: calc(100vw - 52px);
        height: 60vh;
        overflow: auto;
    }
    .mst-searchautocomplete__autocomplete .mst-searchautocomplete__spinner {
        width: 90px;
    }
    .page-footer .footer-box p.h5 {
        font-style: normal;
    }

    .page-footer .footer-box p.h5:after {
        content: '';
    }

    .page-footer .footer-box {
        padding: 15px 0px;
        border-bottom: 1px solid #fff;
    }

    .page-footer .footer-content-bottom p.social {
        border-top: 0px;
    }

    .page-footer .footer-content-top {
        padding: 0px 10px 20px 10px;
    }
        .page-header, .page-header .sticky-menu.active {
        background: #0085c3;
    }

    .page-header .header-panel-bottom, .page-header .sticky-menu.active .header-panel-bottom {
        width: 100%;
        position: relative;
        height: auto;
        float: none;
        top: auto;
        padding: 0px;
        display: inline-block;
        margin: auto;
    }

    .page-header .sticky-menu.active {
        padding: 0;
    }

    .page-header .sticky-menu.active .header-panel-bottom {
        padding: 0px;
    }

    .page-header .nav-toggle {
        top: 22px;
    }

    .page-header .header-panel-bottom .col-sm-8.col-md-9.header-search-wrap {
        position: absolute;
        top: 15px;
        right: 0;
    }

    .page-header .header-search.input-opened .search-form, .page-header .header-search .search-form, .page-header .sticky-menu.active .header-search.input-opened .search-form {
        top: auto;
        background: #eee;
    }

    .page-header .header-search .minisearch .actions {
        right: 42px !important;
        background: #0085c3;
    }

    .page-header .header-search.input-opened .search-toggle:before {
        font-family: roboto, CodazonFont;
        content: "\e99d";
    }

    .page-header .sticky-menu:not(.active) .minisearch input[type="text"] {
        background: #fff;
        box-shadow: none;
        border: none;
    }

    .page-header .header-search.no-full-box .mdl-textfield {
        width: 90%;
        float: left;
    }

    .page-header .header-search .minisearch .action.search:before {
        color: #fff;
        line-height: 2;
    }

    .page-header .header-search .search-form a.search-toggle {
        position: absolute;
        right: 0;
    }

    .page-header .header-search .search-form a.search-toggle:before, .page-header .header-search.input-opened .search-form a.search-toggle:before {
        line-height: 54px;
        content: "\E976";
        color: #444;
    }

    .page-header.header-style-03 .panel {
        min-height: 60px!important;
    }

    .page-header .logo {
        padding: 7px 0px;
        height: 60px;
    }
    .page-header .header-search {
        right: 60px;
    }

    .page-header .sticky-menu.active .mobi-cart-wrapper, .page-header .mobi-cart-wrapper {
        right: 15px;
    }

    .page-header .header-search .search-toggle {
        height: 49px;
    }

    .page-header .header-search .search-toggle:before {
        font-size: 20px;
    }
    .nav-toggle>span
    {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    }
    .page-header .nav-toggle>span:before, .page-header .nav-toggle>span:after, .page-header .nav-toggle:before {
        left: 5px;
    }

    .page-header.header-style-03 {
        min-height: 66px!important;
    }

    /******mobile sub menu *****/
    .nav-sections-item-title {
        width: 50%;
        padding: 16px 30px;
        height: auto;
    }

    .nav-sections-item-content {
        margin-top: 53px;
    }

    .cdz-menu .item.level-top>.menu-link {
        padding: 12px 10px;
        border-bottom: 1px solid #d1d1d1;
    }

    .groupmenu li a span {
        font-size: 18px;
    }

    .cdz-horizontal-menu .groupmenu li.level0>a.menu-link, .cdz-horizontal-menu .groupmenu li.level0:hover>a.menu-link {
        line-height: 28px;
    }

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

    .groupdrop-banner a img {
        max-width: 50%;
        display: none;
    }

    .groupmenu-drop li .groupmenu-drop-content .col-sm-4 {
        border-bottom: 1px solid #d1d1d1;
        margin-bottom: 15px;
    }

    .groupmenu .groupmenu-drop {
        border-bottom: 1px solid #d1d1d1;
    }

    .cdz-menu .line-left {
        padding-left: 0;
        border-left: 0;
    }

    .nav-sections-item-title.active {
        background: #0085c3 !important;
    }

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

    .nav-sections-item-title {
        border: none;
    }

    .nav-sections-item-title a {
        font-family: roboto, 'TrebuchetMS-Bold';
        font-size: 16px;
        text-transform: capitalize!important;
        font-weight: 600;
    }

    .cdz-menu .item.level-top>.dropdown-toggle {
        height: 50px;
        line-height: 50px;
    }

    .nav-sections .header.links li.greet.welcome, .nav-sections .header.links li .cdz-dropdown>a, .nav-sections .header.links li>a, .nav-sections .header.links a, .nav-sections .header.links a:hover {
        font-family: roboto, 'Trebuchet MS';
        font-size: 14px;
        text-transform: capitalize!important;
        font-weight: 400;
        color: #444;
    }
    li.greet.welcome {
    display: none;
    }

    .page-footer {
        padding-bottom: 0px;
    }

    .page-header {
        margin-bottom: 0;
    }

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

    .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title, .cdz-menu:not(.cdz-toggle-menu) .groupmenu-drop .groupdrop-title-line {
        margin-bottom: 0;
    }

    .cdz-menu .groupdrop-link, .cdz-menu .groupdrop-banner {
        margin-bottom: 10px;
    }

    .cdz-menu .item.level-top>.groupmenu-drop {
        padding: 0px 10px;
        background: #f2f2f2;
    }
    .header-panel-wrapper .header-panel-left .logo {
    padding: 0;
    bottom: 10px;
    width: 60px;
  }
    .header-panel-wrapper .header-panel-middle .header-search .header-search-inner .search-form {
      position: absolute;
      width: 100%;
      float: left;
      background-color: #fff;
      border: 1px solid #cce7f3;
      border-top: 1px solid #fff;
      border-bottom: 4px solid #007db8;
      padding: 20px 15px 10px;
      right: 0;
    }
    .dell-right-section .dell-right-box ul {
      padding: 0 0 0 15px;
      max-width: 240px;
      min-height: 200px;
      }
      .dell-right-section .dell-right-box p{
      padding-left: 3px;
      }
      .header-panel-wrapper .header-panel-middle .header-search .header-search-inner {
      padding: 0;
      position: inherit;
    }
    .header-panel-wrapper .header-panel-middle .header-search .header-search-inner .search-toggle:before {
      color: #444;
    }
    .header-panel-wrapper .header-panel-middle .header-search .header-search-inner .search-toggle .mobile-search-content {
      font-size: 12px;
      display: none;
      line-height: 0;
      margin-top: -2px;
      color: #444;
    }
    .page-header .header-panel-left {
        display: block;
    }

    .page-header .mobi-cart-wrapper .action.showcart:before {
        content: '';
    }

    .page-header .mobi-cart-wrapper .action.showcart span.text:after {
        position: absolute;
        right: 0;
        top: -2px;
        padding: 0;
        color: #0085c3;
        width: 38px;
        height: 38px;
        line-height: 33px;
        text-align: center;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        content: '';
        background: url("../../frontend/Codazon/unlimited_delloutlet_version1/zh_Hans_CN/images/dell/shopping-cart-white.svg") no-repeat;
        background-size: cover;
    }

    .page-header .mobi-cart-wrapper .action.showcart .text {
        font-size: 0;
        display: block;
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter.qty {
        background: #444;
        height: 16px;
        min-width: 16px;
        right: -2px;
    }

    .page-header .mobi-cart-wrapper .action.showcart .counter-number {
        font-size: 10px;
        font-family: roboto, 'Trebuchet MS';
        font-weight: 400;
    }
    .visible-xs {
        display: block !important;
    }
    .mb-bottom-toolbar {
        display: none!important;
    }
    .ctas a
    {
        padding: 8px;
        text-align: center;
    }
    .h-\[250px\] {
    height: 125px;
    }
    .min-h-\[350px\] {
        min-height: 432px;
    }
    #modalOverlay
    {
        top: 25%;
    }    
    footer.page-footer .footer-content-top,footer.page-footer .footer-content-top .container {
        padding: 0;
    }
    footer.page-footer .footer-content-top ul {
        width: 100%;
        text-align: left;
    }
    footer.page-footer .footer-content-top ul li {
        margin: 0;
        padding: 12px 20px;
        border-bottom: 1px solid #aaa;
        display: block;
    }
    footer.page-footer .footer-content-top ul li a {
        color: #fff !important;
    }
    .page-footer .footer-box {
        border-bottom: 1px solid #fff;
    }
    footer.page-footer .footer-content-top .col-md-4 {
        float: left;
    }
    footer.page-footer .footer-content-top .col-md-4 .newsletter {
        padding: 12px 0;
    }
    footer.page-footer .footer-content-top .col-md-4 #footer-content-5 .select:after {
        border-color: #fff transparent transparent;
    }
    footer.page-footer .footer-content-top .col-md-4 #footer-content-5 .select select {
        padding-left: 20px;
        color: #fff;
    }
    footer.page-footer .footer-bottom {
        padding: 0;
    }
    footer.page-footer .footer-bottom .container {
        padding: 0;
    }
    footer.page-footer .footer-bottom ul li {
        padding: 12px 20px;
        margin: 0;
        border-bottom: 1px solid #5eb0d7;
        display: block;
    }
    footer.page-footer .footer-bottom ul {
        width: 100%;
        text-align: left;
    }
    footer.page-footer .footer-bottom ul li a {
        font-size: 14px;
        padding: 0;
    }
    .support-email
    {
        word-break: break-word;
    }
  }
  /* mobile responsive styles  start */
  @media (max-width: 767px) {
li.item.link.compare {
    width: 65px !important;
}
span.counter.qty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
/*  Header and Menu start  */
.header-panel-wrapper .header-panel-left .logo {
    top: -10px;
    margin: 0;
    width: 70px;
}

.header-panel-wrapper .header-panel-left .logo img.small-logo {
    width: 70px;
}

.header-panel-wrapper .header-panel-right li.item.link.compare {
    display: none;
}

.header-panel-wrapper .header-panel-middle .mobi-cart-wrapper {
    display: none !important;
}

.header-panel-wrapper {
    position: relative;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner .search-toggle {
    position: absolute;
    right: 60px;
    top: 15px;
}

.header-panel-wrapper .header-panel-middle .header-search .header-search-inner .search-form {
    background-color: #fff !important;
    top: 67px;
}

.page-header .header-search.input-opened .search-toggle:before {
    content: "\E976";
}

.nav-sections-item-title.active {
    background: #0085c3;
}

/*  Header and Menu End  */
/*  Footer Start  */
footer.page-footer .footer-bottom {
    background: #f0f0f0;
    padding: 0 5px;
}

footer.page-footer .footer-content-top ul li a {
    color: #000 !important;
}

footer.page-footer .footer-bottom ul li, footer.page-footer .footer-content-top ul li {
    border-bottom: 0px;
    background: #f0f0f0;
}

footer p.footer-text-content {
    color: #000;
}

footer.page-footer .footer-bottom ul li a {
    color: #000;
}

strong.footer-text {
    color: #000;
}

footer.page-footer .footer-content-top .col-md-4 #footer-content-5 .select select {
    color: #000;
}

footer.page-footer .footer-content-top .col-md-4 #footer-content-5 .select:after {
    border-color: #000 transparent transparent;
}


footer.sticky-footer  > div:first-child{
    top: -60px;
    left: 0;
}

#ot-sdk-btn-floating.ot-floating-button {
    bottom: 0 !important;
}

/*  Footer End  */
/* Home banner */

.hero-banner .slider-container .slides .slide .relative {
    flex-direction: column;
    height: 100%;
}

.hero-banner .slider-container .slides .slide .relative > .block {
    margin-bottom: 0;
}

.hero-banner .slider-container .slides .slide .absolute {
    background: #0c2155;
    margin: 0;
    position: relative;
    height: 100%;
    padding: 60px 30px;
}

.hero-banner .slider-container .slides .slide img {
    height: 275px;
    object-fit: cover;
    object-position: right;
}

.hero-banner .slider-container .dots-container {
    bottom: 30px;
}

.hero-banner .slider-container .slides .slide .absolute h1.text-xl {
    color: #fff;
    font-size: 24px;
}


.hero-banner .slider-container .slides .slide .absolute h2.text-xm {
    font-size: 16px;
}

.hero-banner .slider-container .slides .slide .absolute p.text-xm {
    font-size: 12px;
}

.hero-banner .slider-container .slides .slide .absolute .mt-6 {
    padding: 0;
}

.dell-support .ctas {
    flex-wrap: wrap;
    gap: 40px 0;
}

.dell-support .text-sm {
    word-wrap: break-word;
}
.modal-content-slider {
    width: 80vw;
}

.modal-content-slider {
    width: 80vw;
}
/* End Home banner */
.which-dell .grid .grid-one,
    .which-dell .grid .grid-two {
        width: 50%;
    }

    .which-dell .grid select {
        width: 80% !important;
    }

    .dell-support .ctas a {
        font-size: 14px;
    }

    .dell-support .ctas p {
        margin: 0 !important;
    }

    .cms-codazon-home-page .sticky-footer .nav-link.account img {
        margin-top: 13px;
        margin-bottom: 13px;
    }

    .features .custom-slider-container .custom-swiper-slide .leading-6{
        height: 380px;
        min-height: 380px;
    }
    .cms-codazon-home-page .header-panel-wrapper .header-panel-left .logo {
        top: -13px;
    }
}
/* mobile responsive styles  end */
/* ============================================
   HOME PAGE HEADER
   ============================================ */

/* Desktop */
@media (min-width: 991px) {
    .cms-index-index #desk_menu-container .cdz-navigation ul.groupmenu li .groupmenu-drop .groupmenu-drop-content .groupmenu-width-24 ul li {
        padding: 0 15px;
    }

    .cms-index-index .page-header .header.panel {
        padding: 15px 20px 3px;
    }

    .cms-index-index #desk_menu-container .cdz-navigation ul.groupmenu li a {
        padding: 0px 15px 0px 28px;
    }

    .cms-index-index .groupmenu-drop-content .groupmenu-width-24 .col-sm-7 {
        width: 24.167% !important;
    }

    .cms-index-index #desk_menu-container .cdz-navigation ul.groupmenu li .col-sm-7 a {
        padding: 0px 15px 0px 20px;
    }
}


/* ============================================
   HOMEPAGE BANNER
   ============================================ */

/* Desktop */
@media (min-width: 991px) {
    .cms-index-index .dots-container {
        bottom: 20px;
    }
}


/* ============================================
   HOMEPAGE
   ============================================ */

/* Desktop */
@media (min-width: 991px) {
    .dell-support h1:hover {
        background-color: transparent !important;
    }
}