/*Kesisoglou Custom Font*/

@font-face {
    font-family: "cf_asty_stdregular";
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-book-webfont.eot");
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-book-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-book-webfont.woff2") format("woff2"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-book-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "cf_asty_stdbold";
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-bold-webfont.eot");
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-bold-webfont.woff2") format("woff2"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-bold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "cf_asty_stdextrabold";
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-extrabold-webfont.eot");
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-extrabold-webfont.woff2") format("woff2"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-extrabold-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "cf_asty_stdlight";
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-light-webfont.eot");
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-light-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-light-webfont.woff2") format("woff2"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-light-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "cf_asty_stdmedium";
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-medium-webfont.eot");
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-medium-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-medium-webfont.woff2") format("woff2"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "cf_asty_stdthin";
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-thin-webfont.eot");
    src: url("/Themes/DefaultClean/Content/css/fonts/cfastystd-thin-webfont.eot?#iefix") format("embedded-opentype"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-thin-webfont.woff2") format("woff2"), url("/Themes/DefaultClean/Content/css/fonts/cfastystd-thin-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

@keyframes drift-fadeZoomIn {
    0% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes drift-fadeZoomOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    15% {
        transform: scale(1.1);
        opacity: 1;
    }

    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}

@keyframes drift-loader-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0);
    }

    50% {
        transform: translate(-50%, -50%) rotate(-180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@keyframes drift-loader-before {
    0% {
        transform: scale(1);
    }

    10% {
        transform: scale(1.2) translateX(6px);
    }

    25% {
        transform: scale(1.3) translateX(8px);
    }

    40% {
        transform: scale(1.2) translateX(6px);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.8) translateX(6px);
    }

    75% {
        transform: scale(0.7) translateX(8px);
    }

    90% {
        transform: scale(0.8) translateX(6px);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes drift-loader-after {
    0% {
        transform: scale(1);
    }

    10% {
        transform: scale(1.2) translateX(-6px);
    }

    25% {
        transform: scale(1.3) translateX(-8px);
    }

    40% {
        transform: scale(1.2) translateX(-6px);
    }

    50% {
        transform: scale(1);
    }

    60% {
        transform: scale(0.8) translateX(-6px);
    }

    75% {
        transform: scale(0.7) translateX(-8px);
    }

    90% {
        transform: scale(0.8) translateX(-6px);
    }

    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes drift-fadeZoomIn {
    0% {
        -webkit-transform: scale(1.5);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes drift-fadeZoomOut {
    0% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    15% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }
}

@-webkit-keyframes drift-loader-rotate {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0);
    }

    50% {
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    }
}

@-webkit-keyframes drift-loader-before {
    0% {
        -webkit-transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.2) translateX(6px);
    }

    25% {
        -webkit-transform: scale(1.3) translateX(8px);
    }

    40% {
        -webkit-transform: scale(1.2) translateX(6px);
    }

    50% {
        -webkit-transform: scale(1);
    }

    60% {
        -webkit-transform: scale(0.8) translateX(6px);
    }

    75% {
        -webkit-transform: scale(0.7) translateX(8px);
    }

    90% {
        -webkit-transform: scale(0.8) translateX(6px);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-webkit-keyframes drift-loader-after {
    0% {
        -webkit-transform: scale(1);
    }

    10% {
        -webkit-transform: scale(1.2) translateX(-6px);
    }

    25% {
        -webkit-transform: scale(1.3) translateX(-8px);
    }

    40% {
        -webkit-transform: scale(1.2) translateX(-6px);
    }

    50% {
        -webkit-transform: scale(1);
    }

    60% {
        -webkit-transform: scale(0.8) translateX(-6px);
    }

    75% {
        -webkit-transform: scale(0.7) translateX(-8px);
    }

    90% {
        -webkit-transform: scale(0.8) translateX(-6px);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.drift-zoom-pane {
    /*  background: rgba(0, 0, 0, 0.5);*/
    /* This is required because of a bug that causes border-radius to not
  work with child elements in certain cases. */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    cursor: crosshair;
}

    .drift-zoom-pane.drift-opening {
        opacity: 1;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .drift-zoom-pane.drift-closing {
        opacity: 0;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .drift-zoom-pane.drift-inline {
        /*position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);*/
    }

.drift-loading .drift-zoom-pane-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 66px;
    height: 20px;
    animation: drift-loader-rotate 1800ms infinite linear;
    -webkit-animation: drift-loader-rotate 1800ms infinite linear;
}

.password-recovery-page .field-validation-error {
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
}

.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
}

.drift-zoom-pane-loader:before {
    left: 0;
    animation: drift-loader-before 1800ms infinite linear;
    -webkit-animation: drift-loader-before 1800ms infinite linear;
}

.drift-zoom-pane-loader:after {
    right: 0;
    animation: drift-loader-after 1800ms infinite linear;
    -webkit-animation: drift-loader-after 1800ms infinite linear;
    animation-delay: -900ms;
    -webkit-animation-delay: -900ms;
}

.drift-bounding-box {
    /*    background-color: rgba(0, 0, 0, 0.4);*/
    cursor: crosshair;
}

.blue-header {
    padding: 15px;
    background-color: #e90018;
    color: #fff;
    text-align: center;
    z-index: 1078;
    font-family: "cf_asty_stdregular";
}

    .blue-header a {
        font-family: "cf_asty_stdregular";
    }

.blue-header-container {
    max-width: 1530px;
    padding: 0 15px;
    margin: 0 auto;
}

.blue-header + .header {
    top: 47px;
}
/*********** CSS RESET **********/
* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
}

    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html {
    margin: 0;
    -webkit-text-size-adjust: none;
}

ol,
ul {
    list-style: none;
}

a,
input,
button {
    font-family: "cf_asty_stdregular";
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ease-in-out {
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a img {
    border: none;
}

a:active {
    outline: none;
}

input[type="text"],
input[type="password"],
textarea,
select {
    font-family: "cf_asty_stdregular";
}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="text"],
input[type="password"],
textarea {
    border-radius: 0;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
    display: none !important;
}

.registration-page .inputs label.switchButton,
.account-page-wrapper .inputs label.switchButton,
.switchButton {
    width: 43px;
    height: 26px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: #e90018;
    -moz-transition: background-color 0.3s ease-in;
    -o-transition: background-color 0.3s ease-in;
    -webkit-transition: background-color 0.3s ease-in;
    transition: background-color 0.3s ease-in;
    position: relative;
    float: left;
    cursor: pointer;
}

    .registration-page .inputs label.switchButton:before,
    .account-page-wrapper .inputs label.switchButton:before,
    .switchButton::before {
        content: "";
        background-color: #fff;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        -moz-box-shadow: 0 1px 2px #999;
        -webkit-box-shadow: 0 1px 2px #999;
        box-shadow: 0 1px 2px #999;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 2px;
        cursor: pointer;
        -moz-transition: left 0.3s ease-in;
        -o-transition: left 0.3s ease-in;
        -webkit-transition: left 0.3s ease-in;
        transition: left 0.3s ease-in;
    }

input[type="checkbox"]:checked + .switchButton::before,
.account-page-wrapper
.inputs
input[type="checkbox"]:checked + .switchButton::before,
.registration-page
.inputs
input[type="checkbox"]:checked + .switchButton::before {
    left: 19px;
}

input[type="checkbox"]:checked + .switchButton,
.account-page-wrapper .inputs input[type="checkbox"]:checked + .switchButton,
.registration-page .inputs input[type="checkbox"]:checked + .switchButton {
    background-color: #40daa8;
}

.switchButton {
    position: absolute;
    right: 10px;
    top: 8px;
}
/*********** GLOBAL STYLES **********/
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-family: "cf_asty_stdregular";
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}

    .nice-select:hover {
        border-color: #dbdbdb;
    }

    .nice-select:active,
    .nice-select.open,
    .nice-select:focus {
        border-color: #999;
    }

    .nice-select:after {
        width: 0;
        height: 0;
        content: "";
        z-index: 3;
        border-top: 7px solid #dcddde;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        right: 12px;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        -moz-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        -webkit-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    .nice-select.open:after {
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select.disabled {
        border-color: #ededed;
        color: #999;
        pointer-events: none;
    }

        .nice-select.disabled:after {
            border-color: #cccccc;
        }

    .nice-select.wide {
        width: 100%;
    }

        .nice-select.wide .list {
            left: 0 !important;
            right: 0 !important;
        }

    .nice-select.right {
        float: right;
    }

        .nice-select.right .list {
            left: auto;
            right: 0;
        }

    .nice-select.small {
        font-size: 12px;
        height: 36px;
        line-height: 34px;
    }

        .nice-select.small:after {
            height: 4px;
            width: 4px;
        }

        .nice-select.small .option {
            line-height: 34px;
            min-height: 34px;
        }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        left: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
        width: 100%;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-family: "cf_asty_stdregular";
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding-left: 18px;
        padding-right: 29px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

        .nice-select .option:hover,
        .nice-select .option.focus,
        .nice-select .option.selected.focus {
            background-color: #f6f6f6;
        }

        .nice-select .option.selected {
            font-family: "cf_asty_stdbold";
        }

        .nice-select .option.disabled {
            background-color: transparent;
            color: #999;
            cursor: default;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}

.form-fields {
    position: relative;
    border-top: 0;
    background-color: #fff;
    padding: 30px 15px;
}

.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1 {
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    padding: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 50px;
    line-height: 55px;
    background-color: #000;
}

    .registration-page .button-1:hover,
    .registration-result-page .button-1:hover,
    .login-page .button-1:hover,
    .password-recovery-page .button-1:hover,
    .account-page .button-1:hover,
    .return-request-page .button-1:hover {
        background-color: #e90018;
        opacity: 1;
    }

.slick-prev:before,
.slick-next:before {
    display: none;
}

.master-wrapper-content {
    width: 100%;
}

body,
html {
    color: #4f4f4f;
    font: normal 14px cf_asty_stdregular, Arial, Helvetica, sans-serif;
    font-family: "cf_asty_stdregular";
    margin: 0;
    -webkit-font-smoothing: none !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-font-smoothing: antialiased !important;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    max-width: 100%;
    overflow-x: hidden;
}

.center-1 {
    margin: 0;
}

p {
    font-size: 20px;
    font-family: "cf_asty_stdlight";
    color: #3f3f3f;
    margin: 0 0 10px;
    font-weight: 900;
    letter-spacing: 0.013em;
}

ul li {
    font-size: 16px;
    font-family: "cf_asty_stdlight";
    color: #3f3f3f;
    margin: 0 0 10px;
}

h1,
h2 {
    font-size: 30px;
    font-family: "cf_asty_stdlight";
    color: #000000;
    margin: 0;
}

.clear {
    height: 0;
    display: block;
    clear: both;
}

.bar-notification .content {
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 14px;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
    font-family: "cf_asty_stdregular";
}

.flex-container,
* > .flex-container {
    display: -ms-flexbox;
    /*IE*/
    display: -webkit-flex;
    /* Safari */
    display: flex;
}

.justify-content-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-content-around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.justify-content-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.align-items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flex-shrink-1 {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.container {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}

.container-large {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 15px;
}

.container-large-new {
    max-width: 1676px;
    margin: 0 auto;
    padding: 0 10px;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-10 {
    -ms-flex-preferred-size: 10%;
    flex-basis: 10%;
}

.flex-14 {
    -ms-flex-preferred-size: 14%;
    flex-basis: 14%;
}

.flex-15 {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
}

.flex-16 {
    -ms-flex-preferred-size: 16%;
    flex-basis: 16%;
}

.flex-18 {
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
}

.flex-20 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}

.flex-24 {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%;
}

.flex-24_55 {
    -ms-flex-preferred-size: 24.55%;
    flex-basis: 24.55%;
}

.flex-25 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.flex-30 {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.flex-32_65 {
    -ms-flex-preferred-size: 32.65%;
    flex-basis: 32.65%;
}

.flex-32_9 {
    -ms-flex-preferred-size: 32.9%;
    flex-basis: 32.9%;
}

.flex-33 {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
}

.flex-35 {
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
}

.flex-40 {
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}

.flex-45 {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

.flex-48_416 {
    -ms-flex-preferred-size: 48.416%;
    flex-basis: 48.416%;
}

.flex-49 {
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

.flex-50 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.flex-55 {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
}

.flex-60 {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}

.flex-65 {
    -ms-flex-preferred-size: 65%;
    flex-basis: 65%;
}

.flex-70 {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

.flex-75 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
}

.flex-80 {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
}

.flex-84 {
    -ms-flex-preferred-size: 84%;
    flex-basis: 84%;
}

.flex-90 {
    -ms-flex-preferred-size: 90%;
    flex-basis: 90%;
}

.flex-100 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.italic-text {
    font-style: italic;
}

.master-wrapper-page {
    background-color: #f7f7f7;
    overflow: hidden;
}

.master-wrapper-content {
    width: 100%;
    /*    margin: 150px 0 0;*/
    margin: 0;
}

.blue-header + div + div + script + .master-wrapper-content {
    /*  margin: 191px 0 0;*/
}

.inputs input[type="text"],
.inputs input[type="password"],
.inputs select {
    background-color: transparent;
    text-align: left;
    color: #4f4f4f;
    padding: 15px;
    border-radius: 5px;
    border: solid 1px #e8e8e8;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-family: "cf_asty_stdregular";
    height: 42px;
    line-height: 40px;
}

    .inputs input[type="text"]::placeholder,
    .inputs input[type="password"]::placeholder {
        color: #bcbcbc;
        font-size: 13px;
        font-family: "cf_asty_stdlight";
        font-family: "cf_asty_stdregular";
    }

.breadcrumb {
    margin: 0;
    background-color: transparent;
    padding: 0;
    text-align: left;
}

    .breadcrumb ul {
        font-size: 0;
        width: 100%;
        padding: 0;
    }

    .breadcrumb li {
        display: inline-block;
        margin: 0;
        font-family: "cf_asty_stdregular";
    }

        .breadcrumb li * {
            display: inline-block;
            margin: 0 2px;
            font-size: 13px;
            line-height: 1;
            color: #a8a8aa;
            font-family: "cf_asty_stdregular";
            text-transform: uppercase;
        }

            .breadcrumb li *:last-child {
                margin: 0 4px 0 2px;
            }

    .breadcrumb strong {
        font-family: "cf_asty_stdregular";
    }

    .breadcrumb a:hover {
        color: #e90018;
    }

.count-of-products {
    text-align: center;
}

    .count-of-products span {
        color: #000000;
        font-family: "cf_asty_stdbold";
        font-size: 13px;
    }

.inputs label {
    width: 100%;
    display: block;
    text-align: left;
    margin: 0 0 10px;
    font-family: "cf_asty_stdlight";
}

.inputs textarea {
    border-radius: 7px;
    border: 2px solid #e5e5e5;
    background-color: transparent;
    text-align: left;
    color: #8c8c8c;
    font-size: 16px;
    font-family: "cf_asty_stdlight";
    padding: 15px;
}

    .inputs textarea::placeholder {
        color: #bcbcbc;
        font-size: 13px;
        font-family: "cf_asty_stdlight";
        font-family: "cf_asty_stdregular";
    }

.fieldset,
.section {
    margin: 0 0 35px;
}

.bar-notification {
    z-index: 999999;
}

.page-title {
    min-height: unset;
    margin: 0 0 35px;
    border-bottom: 0;
    padding: 0;
}

    .page-title h1 {
        font-size: 26px;
        font-family: "cf_asty_stdthin";
        color: #323232;
    }

#back-to-top {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 57px;
    padding: 0 1px 0 2px;
    background: #e90018;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.2s ease-out;
    opacity: 0;
    font-size: 11px;
    font-family: "cf_asty_stdbold";
    background-repeat: no-repeat;
    background-size: 25px;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/back-to-top-icon.svg);
    background-position: 49% 6px;
}

    #back-to-top.show {
        opacity: 1;
    }

.sitemap-page,
.topic-page,
.recently-viewed-products-page,
.compare-products-page,
.product-reviews-page {
    padding: 30px 0;
}

    .topic-page .page-title,
    .recently-viewed-products-page .page-title,
    .compare-products-page .page-title,
    .product-reviews-page .page-title {
        margin: 0 0 35px;
    }

    .product-reviews-page .form-fields {
        max-width: 400px;
        margin: 0 auto;
        background-color: transparent;
    }

    .sitemap-page .page-body {
        max-width: 1230px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .compare-products-page .no-data {
        margin: 25px 0 0;
        text-align: center;
    }

    .sitemap-page a:hover {
        color: #e90018;
    }

.write-review .button-1 {
    background-color: #e90018;
    text-transform: none;
}

    .write-review .button-1:hover {
        background-color: #e90018;
        opacity: 0.7;
    }

.product-reviews-page h1 a {
    color: #e90018;
}

/*.swiper-button-prev, .swiper-button-next {
    display: none;
}*/
/*********** HEADER **********/


.header-links-mobile {
    display: none;
}

.header-bottom-outer {
    position: relative;
}

.header {
    width: 100%;
    /*  position: fixed;
    right: 0;
    left: 0;*/
    z-index: 1031;
    /*top: 0;*/
}

    .header.fixed {
        width: 100%;
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1031;
        top: 0;
    }

.header-wrapper {
    background-color: #fff;
    padding: 10px 0 14px;
}

.header-logo {
    display: block;
    margin: 0;
    text-align: center;
    flex-basis: 15.5%;
}

.header-menu {
    width: 100%;
}

.search-box input.search-box-text,
.search-box .search-box-button {
    height: 52px;
}

    .search-box input.search-box-text::placeholder {
        color: #9b9898;
        font-size: 15px;
        font-family: "cf_asty_stdlight";
        padding: 0 15px;
    }

.instantSearch.resize {
    width: 298px;
    top: 25px !important;
}

.instantSearch .k-list {
    background-color: #fff;
    -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.15);
}

.search-box form {
    display: block;
    position: relative;
}

.search-box .current {
    position: relative;
    font-size: 11px;
    top: -7px;
    max-width: 80px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.instant-search-item .detail .price {
    color: #e90018;
}

.header-links span.wishlist-qty,
.header-links span.cart-qty {
    position: absolute;
    top: 0;
    height: 16px;
    width: 16px;
    min-width: 16px;
    line-height: 17px;
    text-align: center;
    font-family: "cf_asty_stdmedium";
    font-size: 9px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: -9px;
    top: -3px;
    padding: 0 5px;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
    visibility: visible;
    background-color: #e90018;
}

    .header-links span.wishlist-qty.not-visible,
    .header-links span.cart-qty.not-visible {
        visibility: hidden;
    }

.header-links span.wishlist-qty {
}

.search-box .search-box-button {
    background-color: transparent;
    font-size: 0;
    min-width: unset;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/search-icon-gray.svg);
    padding: 0;
    margin: 0 10px 0 0;
    font-family: "cf_asty_stdlight";
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

    .search-box .search-box-button:hover {
        background-color: transparent;
    }

.search-box input.search-box-text {
    width: 190px !important;
    width: 100% !important;
    max-width: 973px;
    padding: 13px 25px 13px 65px;
    background-color: transparent;
    border: 0;
    border: 1px solid #eaeaea;
    color: #191919;
    font-size: 16px;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    font-family: "cf_asty_stdregular";
}

.close-search-box {
    width: 22px;
    height: 25px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/close-icon.svg);
    display: block;
    position: absolute;
    left: 78.52%;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .close-search-box:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/close-icon-hover.svg);
    }

    .close-search-box.hidden {
        display: none;
    }

.search-box-select option {
    color: #fff;
}

.language-list a {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    line-height: 1;
}

.header-links {
    margin: 0 10px 0 0;
    flex-direction: column;
    gap: 14px;
}

    .header-links > div {
        /* width: 25px;
  height: 25px;
  margin: 0 15px 0 0; */
        position: relative;
    }

    .header-links .account-icon {
        position: relative;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/account-icon.svg);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        width: 24px;
        height: 28px;
    }

.cart-qty,
.wishlist-qty {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    height: 20px;
    width: 23px;
    line-height: 20px;
    text-align: center;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: -15px;
    top: -9px;
    padding: 0 5px;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
    background-color: #e90018;
    color: #fff;
}

.language-list li a span {
    color: #4c4c4c;
    font-size: 14px;
    font-family: "cf_asty_stdregular";
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    font-family: "cf_asty_stdregular";
}

    .language-list li a span.active-lang {
        color: #cecece;
    }

.language-list li a:hover span {
    color: #e90018;
}

    .language-list li a:hover span.active-lang {
        color: #cecece;
    }

.language-list li:first-child a:after {
    content: "";
    display: block;
    height: 12px;
    width: 2px;
    position: absolute;
    background-color: #cecece;
    right: -6px;
    top: 3px;
}

#topcartlink {
    display: block;
    width: 32px;
    height: 27px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/cart-icon.svg);
    position: relative;
}

.header-links a,
.header-links span {
    line-height: 1;
    text-transform: none;
    display: block;
    height: 25px;
}

#topcartlink a {
    background: none;
    padding: 0;
}

.wishlist-icon {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/wishlist-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 31px;
    height: 27px;
    position: relative;
}

.account-icon .account-hover {
    bottom: -5px;
    position: absolute;
    width: 200px;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
    opacity: 0;
    padding: 13px 15px 5px 35px;
    left: -97px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}

.account-icon:hover .account-hover,
.account-icon-before:hover + .account-icon .account-hover {
    opacity: 1;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    visibility: visible;
    bottom: -5px;
    z-index: 1026;
}

.header-links > div.account-icon-before {
    width: auto;
    height: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin: 0;
}

.header-links .account-icon-before span {
    height: auto;
    color: #191919;
    font-size: clamp(13px, 1vw, 16px);
    text-transform: uppercase;
    text-align: right;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.header-links .account-hover a {
    height: auto;
    line-height: 20px;
    text-align: left;
    position: relative;
    font-family: "cf_asty_stdregular";
}

    .header-links .account-hover a:first-child {
        margin: 0 0 5px;
    }

.account-icon .account-hover:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    top: -5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    right: 85px;
}

.header-links .account-hover a {
    color: #000;
}

.header-links a:hover {
    color: #e90018;
}

.header-links .account-hover a.ico-account:before,
.header-links .account-hover a.ico-login:before {
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    left: -22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/bullseye-icon.svg);
    top: 1px;
}

.header-links .account-hover a.ico-logout:before {
    content: "";
    width: 17px;
    height: 17px;
    display: block;
    position: absolute;
    left: -22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/logout-icon.svg);
}

.language-list li:first-child a {
    margin: 0 8px 0 0;
}

.header-bottom-wrapper {
    background-color: #e90018;
    padding: 15px;
    position: relative;
    z-index: 1026;
}

.header-bottom-container {
    max-width: 1676px;
    margin: 0 auto;
    padding: 0 10px;
    width: 97%;
}

.flex-bottom-item a {
    position: relative;
    font-family: "cf_asty_stdregular";
}

.flex-bottom-item span {
    color: #ffffff;
    font-size: clamp(12px, 1vw, 16px);
    font-family: "cf_asty_stdmedium";
    position: relative;
    font-family: "cf_asty_stdregular";
}

    .flex-bottom-item span:before {
        content: "";
        display: block;
        width: 25px;
        height: 20px;
        position: absolute;
        left: -30px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        top: -5px;
    }

.phone-icon {
    text-align: center;
}

.flex-bottom-item.location-icon span:before {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/location-icon.svg);
}

.flex-bottom-item.phone-icon span:before {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/phone-icon.svg);
}

.flex-bottom-item.catalogue-icon span:before {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/catalogue-icon.svg);
}
@keyframes fadePulse {
    0% {
        background-color: #000000;
    }

    50% {
        background-color: #e90018;
    }

    100% {
        background-color: #000000;
    }
}
.flex-bottom-item-new-arrivals-top {
    position: relative;
}

    .flex-bottom-item-new-arrivals-top .new-arrivals-count {
        position: absolute;
        top: 0;
        height: 25px;
        width: 25px;
        min-width: 16px;
        line-height: 25px;
        text-align: center;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        right: -19px;
        top: -17px;
        padding: 0px 3px;
        transition: opacity 0.5s ease-in-out;
        animation: fadePulse 1.6s ease-in-out infinite;
        opacity: 1;
        visibility: visible;
        background-color: #000000;
    }

.flex-bottom-item a .new-arrivals-count {
    transition: all .3s ease-in-out;
    border: 1px solid transparent;
    box-shadow: 0 0 20px 0px rgba(0,0,0, .6);
}

.flex-bottom-item a:hover .new-arrivals-count {
    background-color: #FFFFFF;
    color: #000;
}

.admin-header-links {
    position: absolute;
    right: 0;
    z-index: 99999;
    top: 0;
}

.price-limit-wrapper {
    min-width: 100px;
    margin: 3px 10px 0 0;
    height: 22px;
    gap: 7px;
}

.price-limit-icon img {
    display: block;
    max-width: 30px;
    margin-bottom: 5px;
}

.price-limit-numbers span {
    color: #191919;
    font-family: "cf_asty_stdbold";
    font-size: 14px;
    margin: 0 -3px 0 0;
}

.mobileMenuOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    background-color: #000;
    z-index: 3;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65);
    opacity: 0.65;
    display: none;
}
/*********** CUSTOMER FINANCIAL WARNING CARD STYLES **********/

.kes-cust-warning-container {
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
    padding: 10px 0;
}

.kes-cust-warning-inner-wrapper {
    background-color: #ffffff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.kes-cust-warning-title {
    font-weight: 500;
    font-size: clamp(20px, 2.5vw, 30px);
    line-height: clamp(30px, 3vw, 35px);
    margin-bottom: 16px;
    font-family: "cf_asty_stdregular";
}

.kes-cust-warning-card {
    background-color: #f8f8f8;
    border: 2px solid #e3e5e8;
    border-radius: 6px;
    padding: 8px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.kes-cust-warning-balance-section {
    display: flex;
    background-color: #f8f8f8;
    border: 2px solid #ef4155;
}

.kes-cust-warning-balance-box,
.kes-cust-warning-update-box {
    flex: 1;
    padding: 15px;
}

.kes-cust-warning-balance-box {
    background-color: #ef4155;
    color: #fff;
}

.kes-cust-warning-update-box {
    background-color: #f4f5f9;
    border-left: 1px solid #ef4155;
}

.kes-cust-warning-balance-box .kes-cust-warning-label {
    color: #FFFFFF;
}

.kes-cust-warning-label {
    font-size: clamp(13px, 1vw, 15px);
    color: #ef4155;
    margin: 0;
    font-weight: 700;
    font-family: "cf_asty_stdbold";
}

.kes-cust-warning-amount {
    font-size: clamp(25px, 3vw, 36px);
    margin: 8px 0 0;
    font-weight: bold;
    color: #FFF;
    font-family: "cf_asty_stdbold";
}

.kes-cust-warning-date {
    font-weight: bold;
    color: #ef4155;
    font-size: clamp(13px, 1vw, 15px);
    margin-top: 5px;
    font-family: "cf_asty_stdbold";
}

.kes-cust-warning-analysis {
    padding: 10px 0 0;
    background-color: #f8f8f8;
}

    .kes-cust-warning-analysis h4 {
        margin: 8px 0 15px;
        padding: 5px;
        font-weight: 700;
        color: #848e9b;
        border: 2px solid #e3e5e8;
        font-size: clamp(14px, 1.1vw, 18px);
        line-height: clamp(18px, 1.5vw, 20px);
        font-family: "cf_asty_stdbold";
    }

.kes-cust-warning-months {
    display: flex;
    justify-content: space-around;
}

.kes-cust-warning-month {
    padding: 15px 8px;
    color: #000;
    font-weight: bold;
    font-family: "cf_asty_stdbold";
}

.kes-cust-warning-month-wrapper {
    flex: 1;
}

    .kes-cust-warning-month-wrapper p {
        font-weight: 700;
        color: #848e9b;
        margin: 0 0 7px;
        font-family: "cf_asty_stdbold";
        font-size: clamp(14px, 1vw, 16px);
    }

.kes-cust-warning-red {
    background-color: #fc625d;
}

.kes-cust-warning-yellow {
    background-color: #fed59f;
}

.kes-cust-warning-green {
    background-color: #c3e2b8;
}

.kes-cust-warning-month > p, .kes-cust-warning-month > span {
    margin: 4px 0 0;
    color: #FFF;
    font-size: 14px;
}

.kes-cust-warning-message {
    padding: 0 10px;
    margin: 20px 0 10px;
    font-size: clamp(16px, 2vw, 26px);
    line-height: clamp(24px, 3vw, 36px);
    color: #000;
}

.kes-cust-warning-ok-button {
    margin-top: 10px;
    min-width: 120px;
    background-color: #e90018;
    border: 2px solid #e90018;
    padding: 8px 12px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .kes-cust-warning-ok-button:hover {
        background-color: #ffffff;
        color: #e90018;
    }

.home-page .customer-card-wrapper {
    display: none;
}

.checkout-warning-popup {
    text-align: center;
}

    .checkout-warning-popup h3 {
        font-weight: 500;
        font-size: clamp(20px, 2.5vw, 30px);
        line-height: clamp(30px, 3vw, 35px);
        margin-bottom: 16px;
        font-family: "cf_asty_stdregular";
    }
/*
.home-page .kes-cust-warning-popup-wrap {
    background-color: #FFF;
    padding: 20px 0;
}*/
.home-page .kes-cust-warning-container {
    background-color: #FFF;
}
/*
.home-page .kes-cust-warning-ok-button {
    display: none;
}*/
/*********** END CUSTOMER FINANCIAL WARNING CARD STYLES **********/
/***** MINI CART STYLES *****/
.miniCartItemRight .prices .card .back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right;
    line-height: 1;
}
/***** END MINI CART STYLES *****/
/*********** HOMEPAGE **********/
.background-overlay {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: center;
}

.swiper-slide .container {
    width: 100%;
}

.swiper-slide {
    cursor: url(/Themes/DefaultClean/Content//images/Kesisoglou/drag.png) 16 9, ew-resize;
}

    .swiper-slide h1 {
        font-size: 48px;
        font-family: "cf_asty_stdbold";
        color: #ffffff;
        margin: 0 0 15px;
        line-height: 1;
    }

.slider-title-logo {
    margin: 0 0 45px;
}

    .slider-title-logo img {
        max-width: 100%;
        display: block;
        height: auto;
    }

.swiper-slide p {
    color: #fff;
    font-family: "cf_asty_stdthin";
    font-size: 27px;
    text-align: left;
}

.swiper-slide .buttons-wrapper {
    margin: 15px 0 0;
    text-align: left;
}

.swiper-slide .button {
    color: #fff;
    font-size: 21px;
    font-family: "cf_asty_stdthin";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 169px;
    height: 50px;
    border-radius: 30px;
    background-color: #e90018;
    padding: 0 0 2px;
    opacity: 1;
}

    .swiper-slide .button:hover {
        opacity: 0.7;
    }

.swiper-pagination-bullet {
    width: 42px;
    height: 8px;
    display: inline-block;
    border: 0;
    border-radius: 0;
    background-color: #cecece;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.swiper-pagination-bullet-active {
    border: 0;
    background-color: #3c3c3c;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 30px;
}

    .swiper-container-horizontal > .swiper-pagination-bullets
    .swiper-pagination-bullet-active {
        margin: 0 15px;
    }

.header-logo a img {
    width: 100%;
}
/*********** HOMEPAGE PRODUCT CAROUSELS **********/
.home-page .product-grid .item-box {
    width: 100%;
}

.item-box
.buttons.flex-container.justify-content-between.align-items-center:hover
.see-prod-link {
    background-color: #b1070a;
    border-right: 1px solid #b1070a;
}

.homepage-middle-wrapper .homepage-title h2 {
    color: #fff;
}

.homepage-top-wrapper {
    background-color: #f7f7f7;
    padding: 0 0 40px;
}

.homepage-middle-wrapper {
    background-color: #3d3d3d;
    padding: 15px 0 40px;
}

    .homepage-middle-wrapper .product-grid .title {
        color: #fff;
    }

.homepage-products-wrapper .home-page-product-grid {
    margin: 0;
}

.homepage-products-wrapper .product-grid .item-box {
    margin: 0;
}

.home-page .product-grid .homepage-products-carousel .item-box {
    width: 100%;
    margin: 0;
}

.homepage-products-wrapper .product-grid .title {
    padding: 0;
    border: 0;
    margin: 0 0 25px;
    line-height: 1;
}

    .homepage-products-wrapper .product-grid .title strong {
        font-family: "cf_asty_stdthin";
        font-size: 26px;
        color: #323232;
    }

.homepage-products-wrapper .owl-nav {
    position: absolute;
    top: -58px;
    right: 0;
}

.homepage-middle-wrapper
.homepage-products-wrapper
.product-grid
.title
strong {
    color: #fff;
}

.homepage-next-to-bottom-wrapper {
    padding: 20px 0 40px;
}

.homepage-products-carousel {
    padding: 10px 0;
}

.homepage-manufacturers-wrapper.categories-manufacturers-wrapper {
    padding: 0 0 35px;
}

.homepage-manufacturers-wrapper .kesisoglou-image-grid-wrapper {
    padding: 85px 0 30px;
}
/*********** HOMEPAGE CATEGORY CAROUSEL**********/
.homepage-categories-wrapper {
    background-color: #eaeaea;
    padding: 30px 0 60px;
}

section.homepage-categories-wrapper .item-box {
    transition: all 0.5s ease-in-out;
}

    section.homepage-categories-wrapper .item-box:hover {
        opacity: 0.7;
    }

.homepage-title {
    margin: 0 0 25px;
}

    .homepage-title h2 {
        color: #323232;
        font-family: "cf_asty_stdthin";
        font-size: 26px;
        text-align: center;
    }

.owl-carousel .item-box {
    width: 100%;
    margin: 0;
}

.home-page-category-grid .picture a:before {
    padding-top: 67%;
}

.owl-homepage-categories .item-box .picture a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.owl-homepage-categories .owl-nav {
    position: absolute;
    top: -61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    width: 33px;
    height: 33px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 9px;
    border: 2px solid #cccccc;
    border-radius: 50%;
    font-size: 0;
    position: absolute;
}

.owl-carousel .owl-nav .owl-prev {
    right: 40px;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-left_grey.svg);
    background-position: 46% 51%;
}

.owl-carousel .owl-nav .owl-next {
    right: 0;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-right_grey.svg);
    background-position: 53% 51%;
}

.owl-carousel .owl-nav .owl-prev:hover {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-left.svg);
}

.owl-carousel .owl-nav .owl-next:hover {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-right.svg);
}

.owl-carousel .owl-nav .owl-next:hover,
.owl-carousel .owl-nav .owl-prev:hover {
    border-color: #191919;
}

.owl-carousel .owl-nav .owl-next.disabled:hover,
.owl-carousel .owl-nav .owl-prev.disabled:hover {
    opacity: 0.5;
}

.owl-carousel .owl-nav .owl-next.disabled,
.owl-carousel .owl-nav .owl-prev.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.home-page-category-grid {
    margin: 0;
}

    .home-page-category-grid .title a {
        display: block;
        padding: 27px 20px 27px;
        color: #3c3c3c;
        font-family: "cf_asty_stdbold";
        font-size: 16px;
        line-height: 1;
        text-align: center;
    }

.owl-homepage-categories .owl-dots {
    display: flex;
    position: absolute;
    bottom: -40px;
    right: 0;
    left: 0;
    justify-content: center;
}

    .owl-homepage-categories .owl-dots .owl-dot {
        background: #cecece;
        border: none;
        width: 8px;
        height: 8px;
        font-size: 0;
        border-radius: 50%;
        margin: 0 5px;
    }

        .owl-homepage-categories .owl-dots .owl-dot.active {
            background: #3c3c3c;
        }
/*********** HOMEPAGE MANUFACTURER CAROUSEL**********/
.home-page .manufacturer-grid .carousel-item .title {
    display: none;
}

.home-page .nop-jcarousel {
    margin: 0;
}

.home-page .jCarouselMainWrapper .slick-dotted.slick-slider {
    margin: 0;
}

.home-page .manufacturer-grid .picture {
    border: 0;
    margin: 0;
    background-color: #f9f9f9;
}

/*********** MANUFACTURERS PAGE **********/
.manufacturer-list-page {
    padding: 35px 0;
}

    .manufacturer-list-page .item-box {
        position: relative;
        width: 19%;
        border: 2px solid #fff;
        border-radius: 5px;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        .manufacturer-list-page .item-box:hover {
            -moz-transform: translate3d(2px, 1px, 119px);
            -ms-transform: translate3d(2px, 1px, 119px);
            -o-transform: translate3d(2px, 1px, 119px);
            -webkit-transform: translate3d(2px, 1px, 119px);
            transform: translate3d(2px, 1px, 119px);
            -moz-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 80px 0 rgba(0, 0, 0, 0.15);
        }

        .manufacturer-list-page .item-box .picture {
            margin: 0;
            border: 0;
        }

            .manufacturer-list-page .item-box .picture a {
                padding: 45px;
                pointer-events: none;
            }

                .manufacturer-list-page .item-box .picture a img {
                    max-height: 75px;
                    mix-blend-mode: multiply;
                    opacity: 1;
                    -webkit-filter: grayscale(100%);
                    filter: grayscale(100%);
                }

        .manufacturer-list-page .item-box:hover .picture a img {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
        }

        .manufacturer-list-page .item-box .picture:hover a img {
            -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
        }

        .manufacturer-list-page .item-box .picture a:before {
            padding-top: 33%;
        }
/*********** CATEGORY PAGE **********/

.category-slider-wrapper .swiper-slide {
    padding: 0;
    min-height: unset;
}

    .category-slider-wrapper .swiper-slide img {
        max-width: 100%;
        display: block;
        height: auto;
    }

.categories-also-bought-wrapper {
    padding: 65px 0 20px;
    background-color: #fff;
}

.category-page .product-grid .owl-item .item-box {
    width: 100%;
}

.homepage-products-carousel .owl-item {
    padding: 5px 1px;
}

.categories-pre-offers-wrapper {
    padding: 40px 0 70px;
    background-color: #3d3d3d;
}

.categories-offers-wrapper {
    padding: 40px 0 70px;
    background-color: #e90018;
}

    .categories-pre-offers-wrapper .product-grid .title strong,
    .categories-offers-wrapper .product-grid .title strong {
        color: #fff;
    }

    .categories-offers-wrapper .homepage-title h2 {
        color: #fff;
    }

    .categories-offers-wrapper.empty {
        display: none;
    }

.category-page .category-description {
    display: none;
}

.new-arrivals-category-page .item-box-sub-category {
    width: 100%;
    max-width: 1004px;
    margin: 0 auto 25px;
    /* padding:0 10px;*/
    float: none;
}

.new-arrivals-category-page .new-arrivals-desc {
    color: #9f9f9f;
    font-size: 15px;
    line-height: 20px;
    margin-top: 15px;
    gap: 10px;
}

.new-arrivals-category-page .item-box-sub-category .picture {
    flex-basis: 32.013%;
}

.sub-category-title-grid {
    border-bottom: 2px solid #e90018;
    align-items: flex-start;
}


.new-arrivals-category-page .item-box-sub-category .sub-category-title {
    flex-basis: 66.057%;
    padding: 0 0 15px 29px;
}

.new-arrivals-category-page .item-box-sub-category .title {
    padding: 15px 0 0 0;
}

.ribbon-new-arrivals {
    padding: 7px 17px 8px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}

.not-updated-ribbon {
    background-color: #E9031B;
}

.last-update-ribbon {
    background-color: #05D06B;
}

.new-arrivals-desc-right {
    text-align: right;
    font-size: 14px;
    line-height: 23px;
    color: #B2B2B2;
    font-weight: 300;
}

    .new-arrivals-desc-right span {
        color: #000000;
    }

.ribbon-new-arrivals span {
    color: #FFFFFF;
    font-size: clamp(9px, 1vw, 12px);
    display: inline-block;
    padding-left: clamp(19px, 3vw, 33px);
    position: relative;
    text-align: center;
}

    .ribbon-new-arrivals span::before {
        content: '';
        display: block;
        width: clamp(16px, 2vw, 28px);
        height: 28px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }

.not-updated-ribbon span::before {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/NewArrivals/arrivals-danger.svg);
    height: 23px;
}

.last-update-ribbon span::before {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/NewArrivals/arrivals-check-circle.svg);
}

.new-arrivals-category-page .sub-category-grid .title a {
    color: #000;
    font-weight: 700;
    font-size: 18px;
    justify-content: flex-start;
}

.new-arribals-desc-left p {
    color: #9f9f9f;
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    letter-spacing: 0.013em;
}

.subcategories-picture-grid-wrapper {
    background-color: #fff;
}

.category-wrapper {
    max-width: 1340px;
    padding: 0 15px 20px;
    margin: 0 auto;
}

.breadcrumb-wrapper {
    background-color: #fff;
    -moz-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.15);
    margin: 0 0 15px;
}

    .breadcrumb-wrapper .category-container {
        min-height: 51px;
    }

.category-container {
    max-width: 1340px;
    padding: 0 15px;
    margin: 0 auto;
}

.block-category-navigation .title {
    border: 0;
    border-radius: 0;
    text-align: center;
    padding: 11px 5px 12px 10px;
    cursor: pointer;
}

    .block-category-navigation .title strong {
        font-family: "cf_asty_stdmedium";
        color: #000000;
        font-size: 13px;
        text-transform: uppercase;
    }

.product-cart-price-top .prices.not-allowed {
    pointer-events: none;
}

.side-2 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    left: auto !important;
    right: 15px;
    width: 20px !important;
    height: 20px !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-bottom.svg) !important;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.side-2 .ui-accordion .ui-accordion-header-active .ui-accordion-header-icon {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.block-category-navigation .ui-widget-content {
    border: 0;
}

.block .list a:before {
    display: none;
}

.block .list .active > a,
.block .list a:hover {
    color: #e90018;
}

.nopAjaxFilters7Spikes .block .filtersGroupPanel {
    display: block !important;
}

.nopAjaxFilters7Spikes .block .title a.toggleControl:after {
    display: none !important;
}

.nopAjaxFilters7Spikes .block .title {
    background: transparent !important;
    margin: 0;
    border: 0;
    text-align: center;
}

.product-selectors .sortOptionsDropDown {
    width: 100%;
    height: 35px;
    min-width: 225px;
    line-height: 35px;
    margin-top: 0;
    padding: 0 12px;
    -moz-box-shadow: 0 1px 5px #e5e5e5;
    -webkit-box-shadow: 0 1px 5px #e5e5e5;
    box-shadow: 0 1px 5px #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #7f7f7f;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    outline: none;
    cursor: pointer;
    position: relative;
}

.product-selectors span {
    vertical-align: middle;
    font-size: 12px;
    font-family: "cf_asty_stdregular";
    line-height: 17px;
}

.product-selectors .nice-select .option:hover,
.product-selectors .nice-select .option.focus,
.product-selectors .nice-select .option.selected.focus {
    background-color: #b2b2b2;
}

.product-selectors .nice-select .option {
    font-size: 12px;
    line-height: 30px;
    min-height: 30px;
}

.product-selectors {
    font-size: 0;
    margin: 0;
    padding: 5px 0 5px;
    border: 0;
}

    .product-selectors > div {
        margin: 0 5px;
    }

.html-wizard-page .nice-select {
    padding: 0 31px 0 8px;
    width: 100%;
    height: 35px;
    line-height: 30px;
    margin-top: 0;
    -moz-box-shadow: 0 1px 5px #e5e5e5;
    -webkit-box-shadow: 0 1px 5px #e5e5e5;
    box-shadow: 0 1px 5px #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #7f7f7f;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    outline: none;
    cursor: pointer;
    position: relative;
}

.html-wizard-page .product-selectors .product-viewmode {
    display: inline-flex;
}

.wizard-inputs-wrapper {
    margin: 0 0 15px;
}

.wizard-inputs-grid {
    gap: 16px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    position: relative;
    padding-right: 20px;
    background-position: 97%;
    background-repeat: no-repeat;
    background-size: 15px;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/select2-search-icon.svg);
}
/*.product-selectors .nice-select:active, .product-selectors .nice-select.open, .product-selectors .nice-select:focus {
	border-color: transparent;
}*/
.nice-select.productsPageSizeDropDown {
    padding: 0 31px 0 8px;
    width: 100%;
    height: 35px;
    line-height: 30px;
    margin-top: 0;
    -moz-box-shadow: 0 1px 5px #e5e5e5;
    -webkit-box-shadow: 0 1px 5px #e5e5e5;
    box-shadow: 0 1px 5px #e5e5e5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #7f7f7f;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    outline: none;
    cursor: pointer;
    position: relative;
}

.product-page-size > span {
    display: none;
}

.pager li span {
    border-color: transparent;
    background-color: #e90018;
    color: #fff;
}

.number-of-returned-products,
.number-of-returned-products.active {
    display: none !important;
}

.product-for-models-wrap {
    margin-bottom: 15px;
}

.product-for-models-inner {
    max-width: 286px;
    width: 100%;
}

.product-for-models-wrap a {
    border: 1px solid #E90018;
    border-radius: 8px;
    padding: 12px 20px;
    display: block;
    text-align: center;
    font-size: 15px;
    color: #e90018;
    text-transform: uppercase;
    font-family: "cf_asty_stdmedium";
    transition: 0.2s ease-in-out;
    width: 100%;
}

    .product-for-models-wrap a:hover {
        background-color: #E90018;
        color: #fff;
    }

.product-models-popup {
    display: none;
    padding: 40px 10px 0;
}

#cboxLoadedContent .product-models-popup {
    display: block;
}

.product-models-popup .ui-accordion .ui-accordion-header {
    border: 0;
    padding: 10px 35px 10px 5px;
    position: relative;
    background: none;
    background-color: #dedede;
}

    .product-models-popup .ui-accordion .ui-accordion-header::after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/plus-icon.svg);
        position: absolute;
        top: 50%;
        right: 15px;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.product-models-popup .ui-accordion .ui-accordion-header-active::after {
    -moz-transform: translateY(-50%) rotate(135deg);
    -ms-transform: translateY(-50%) rotate(135deg);
    -o-transform: translateY(-50%) rotate(135deg);
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg);
}

.product-models-popup
.ui-accordion
.ui-accordion-header
.ui-accordion-header-icon {
    display: none;
}

.product-models-popup .ui-accordion .ui-accordion-content {
    border: 0;
    padding: 10px 0;
}

.accordion-table tr td {
    padding: 10px;
    border: 1px solid #dedede;
}
/*********** CATEGORY PAGE - ONLY CATEGORIES TEMPLATE **********/
.sub-categories-wrapper {
    background-color: #f7f7f7;
    padding: 25px 0;
}

.sub-category-page .page-title {
    padding: 0;
    margin: 0 0 40px;
    min-height: unset;
    border: 0;
}

    .sub-category-page .page-title h1 {
        color: #323232;
        font-family: "cf_asty_stdthin";
        font-size: 26px;
        text-transform: uppercase;
    }

.item-box-sub-category {
    width: 24%;
    margin: 0 0.5% 25px;
    float: left;
    background-color: #fff;
}

.home-page-category-grid .title,
.sub-category-grid .title {
    padding: 6px;
}

.sub-category-item .picture a {
    position: relative;
    display: block;
}

    .sub-category-item .picture a:before,
    .home-page-category-grid .picture a:before,
    .sub-category-grid .picture a:before {
        content: "";
        display: block;
        padding-top: 50%;
    }

    .sub-category-item .picture a img {
        position: absolute;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.sub-category-title {
    padding: 15px 0;
    background-color: #fff;
}

.sub-category-grid .title a {
    padding: 0;
    color: #323232;
    font-family: "cf_asty_stdbold";
    font-size: 16px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.categories-manufacturers-wrapper {
    padding: 85px 0 65px;
    background-color: #fff;
}

.sub-category-page .manufacturer-grid .carousel-item .title {
    display: none;
}

.sub-category-page .nop-jcarousel {
    margin: 0;
}

.sub-category-page .jCarouselMainWrapper .slick-dotted.slick-slider {
    margin: 0;
}

.categories-manufacturers-wrapper .slick-carousel .item-box {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border: 0;
}

.sub-category-page .manufacturer-grid .picture {
    border: 0;
    margin: 0;
    background-color: #f9f9f9;
}

.categories-manufacturers-wrapper .item-box .picture a {
    display: block;
    position: relative;
    padding: 45px;
}

    .categories-manufacturers-wrapper .item-box .picture a img {
        max-height: 75px;
        mix-blend-mode: multiply;
        opacity: 1;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

.categories-manufacturers-wrapper .item-box .picture:hover a img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.categories-manufacturers-wrapper .item-box .picture a:before {
    padding-top: 33%;
}

.categories-manufacturers-wrapper .jCarouselMainWrapper .slick-dots li button {
    background: #cecece;
    border: none;
    width: 8px;
    height: 8px;
    font-size: 0;
    border-radius: 50%;
}

.categories-manufacturers-wrapper
.jCarouselMainWrapper
.slick-dots
.slick-active
button {
    background: #3c3c3c;
}

.ui-dialog-content p {
    font-size: 16px;
    font-family: "cf_asty_stdregular";
    font-weight: normal;
}
/*********** ITEM BOX **********/
.item-box {
    width: 24%;
    margin: 0 0.5% 10px;
    background-color: #fff;
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

    .item-box:nth-child(3n + 1) {
        clear: none;
    }

    .item-box .details {
        padding: 0 15px;
    }

    .item-box .product-title {
        min-height: 60px;
        margin: 0 0 5px;
        font-size: 15px;
    }

        .item-box .product-title a {
            display: block;
            color: #000000;
            font-size: 15px;
            text-align: center;
            line-height: 20px;
        }

            .item-box .product-title a:hover {
                color: #000000;
            }

    .item-box .product-rating-box,
    .product-review-box .product-rating-box {
        margin: 0 0 15px;
        display: block;
    }

    .item-box .rating,
    .product-review-box .rating {
        background: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/no-star.png) repeat-x;
        width: 91px;
        height: 17px;
        margin: 0 auto;
    }

        .item-box .rating div,
        .product-review-box .rating div {
            background: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/star.png) repeat-x;
            height: 17px;
        }

    .item-box .description {
        display: block;
        color: #b2b2b2;
        font-size: 11px;
        line-height: 14px;
        text-align: center;
        margin: 0 0 15px;
        min-height: 28px;
        max-height: 28px;
        overflow: hidden;
        display: none;
    }

item-box .prices {
    flex-basis: 50px;
}

.item-box .sku {
    text-align: center;
    max-height: 17px;
    overflow: hidden;
    font-size: 13px;
    margin: 0 0 15px;
}

    .item-box .sku span {
        color: #8e8e8e;
        font-size: 13px;
        text-align: left;
        font-weight: 400;
    }

        .item-box .sku span.value {
            font-weight: 700;
        }

    .item-box .sku .label {
        margin: 0 4px 0 0;
    }

.compare-item .prices,
.price-cart-wrapper .prices,
.unit-price .prices {
    height: 50px !important;
    border-top: 2px solid #dadada;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
}

.item-box .prices {
    flex-basis: 52px;
}

.item-grid .owl-carousel .owl-item {
    padding: 5px 8px;
}

.prices.prices-not-allowed {
    pointer-events: none;
}

.compare-item .prices {
    margin: 0;
}

/*.item-box .prices.not-logged-in {
	display: none;
}*/

.compare-item .card-wrapper,
.price-cart-wrapper .card-wrapper,
.unit-price .card-wrapper,
.item-box .card-wrapper,
.overview .card-wrapper {
    position: relative;
    width: 100%;
    height: 50px;
}

.compare-item .card div.front,
.price-cart-wrapper .card div.front,
.unit-price .card div.front,
.item-box .card div.front {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/price-tag-icon.svg);
    background-repeat: no-repeat;
    background-position: 95% 70%;
    background-size: 32px;
}

.home-page .item-box .card div.front {
    background-position: 50% 70%;
}

.wishlist-page .item-box .card div.front {
    background-position: 95% 70%;
}

.overview .card div.front {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/price-tag-icon.svg);
    background-repeat: no-repeat;
    background-position: 85% 70%;
    background-size: 32px;
}

.shopping-cart-page .card div.front, .checkout-page .card div.front {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Cart/euro-icon.svg);
    background-repeat: no-repeat;
    background-position: 50% 70%;
    background-size: 40px;
}

.overview .card-wrapper-grey .card div.front,
.item-box .card-wrapper-grey .card div.front {
    cursor: initial;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/price-tag-grey-icon.svg);
}

.compare-item label.card-label,
.price-cart-wrapper label.card-label,
.unit-price label.card-label,
.item-box label.card-label,
.overview label.card-label {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.item-box .prices .suggested-retail-price {
    font-size: 15px;
    color: #a8a8aa;
    font-weight: 400;
    display: inline-block;
    line-height: 15px;
}

.item-box .prices .suggested-retail-price-label {
    display: inline-flex;
    margin-right: 5px;
    color: #a8a8aa;
}

.item-box .card .back {
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    padding-top: 10px;
}

.item-box .custom-tooltip {
    left: auto;
    right: 0;
}

.compare-item .card,
.price-cart-wrapper .card,
.unit-price .card,
.item-box .card,
.overview .card {
    position: relative;
    height: 100%;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transition: all 1600ms;
    -o-transition: all 1600ms;
    -webkit-transition: all 1600ms;
    transition: all 1600ms;
    z-index: 20;
}

    .compare-item .card div,
    .price-cart-wrapper .card div,
    .unit-price .card div,
    .item-box .card div,
    .overview .card div {
        position: absolute;
        height: 100%;
        width: 100%;
        background: #fff;
        text-align: center;
        line-height: 50px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        border-radius: 2px;
    }

    .compare-item .card .back,
    .price-cart-wrapper .card .back,
    .unit-price .card .back,
    .item-box .card .back,
    .overview .card .back {
        background: #fff;
        color: #fff;
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        text-align: right;
    }

.item-box .prices-grey,
.product-details-page .prices-grey {
    pointer-events: none;
}

    .item-box .prices-grey .card-wrapper,
    .product-details-page .prices-grey .card-wrapper {
        pointer-events: none;
    }

    .item-box .prices-grey label.card-label,
    .product-details-page .prices-grey label.card-label {
        pointer-events: none;
        cursor: initial;
    }

    .item-box .prices-grey .card div.front,
    .product-details-page .prices-grey .card div.front {
        pointer-events: none;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/price-tag-grey-icon.svg);
        cursor: initial;
    }

.product-details-page .attributes {
    display: none;
}

.wishlist-add-to-cart .see-prod-link {
    font-size: 15px;
    color: #fff;
    font-family: "cf_asty_stdbold";
    padding: 16px;
    padding-left: 50px;
    text-align: center;
    background-position: 35%;
}

.compare-item label.card-label:hover .card,
.price-cart-wrapper label.card-label:hover .card,
.unit-price label.card-label:hover .card,
.item-box label.card-label:hover .card,
.overview label.card-label:hover .card {
    -moz-transform: rotateX(20deg);
    -ms-transform: rotateX(20deg);
    -o-transform: rotateX(20deg);
    -webkit-transform: rotateX(20deg);
    transform: rotateX(20deg);
    -moz-box-shadow: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.hidden-buttons {
    display: none;
}

.see-prod-link {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #e90018;
    border-right: 1px solid #e90018;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/search-icon-white.svg);
    background-size: 20px;
    background-position: center;
    background-repeat: no-repeat;
}

    .see-prod-link:hover {
        background-color: #e90018;
    }

.item-box .buttons .box-compare-wrapper:only-child .see-prod-link {
    font-size: 14px;
    color: #fff;
    font-family: "cf_asty_stdbold";
    padding: 16px;
    text-align: center;
    padding-left: 40px;
    background-position: 30%;
}

.box-compare-wrapper.wishlist-disabled .see-prod-link {
    font-size: 15px;
    color: #fff;
    font-family: "cf_asty_stdbold";
    padding: 16px;
    padding-left: 50px;
    text-align: center;
    background-position: 34%;
}

.compare-item .card-label input,
.price-cart-wrapper .card-label input,
.unit-price .card-label input,
.item-box .card-label input,
.overview .card-label input {
    display: none;
}

    .compare-item .card-label input[checked="checked"] + .card,
    .price-cart-wrapper .card-label input[checked="checked"] + .card,
    .unit-price .card-label input[checked="checked"] + .card,
    .item-box .card-label input[checked="checked"] + .card,
    .overview .card-label input[checked="checked"] + .card {
        -moz-transform: rotateX(180deg);
        -ms-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
        opacity: 1;
    }

.unit-price label {
    display: inherit;
}

.compare-item .actual-price, .item-box .actual-price {
    margin: 0 5px 0 0;
    font-size: 15px;
    color: #323233;
    font-family: "cf_asty_stdmedium";
    line-height: 1;
    margin: 0;
}

.cart
.unit-price .actual-price {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    line-height: 23px;
}

.compare-item .old-price,
.item-box .old-price {
    margin: 0 4px 0 0;
    font-size: 16px;
    color: #e90018;
    text-decoration: line-through;
    font-family: "cf_asty_stdmedium";
}

.price-cart-wrapper .prices {
    width: 100%;
    border: 0;
}

.item-box .picture a img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    object-fit: contain;
}

.item-box:hover .picture a img {
    opacity: 1;
}

.item-box .picture a img.second-image {
    opacity: 0;
}

.item-box .picture:hover a img.second-image {
    opacity: 1;
}

.product-grid .item-box .productQuantityTextBox {
    display: none !important;
}

.box-cart-wrapper,
.box-wishlist-wrapper {
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    width: 50px;
}

.item-box .product-box-bottom-wrapper {
    padding: 0 10px 10px;
}

.product-box-bottom-wrapper
.prices-wishlist.flex-container.justify-content-between {
    padding: 0;
    padding: 0 0 5px 0;
    align-items: center;
}

.prices.not-logged-in {
    flex-basis: 100%;
    text-align: center;
}

.product-box-bottom-wrapper
.buttons.flex-container.justify-content-between.align-items-center {
    padding: 0;
}

/*.box-compare-wrapper {
    -ms-flex-preferred-size: calc(100% - 100px);
    flex-basis: calc(100% - 100px);
    width: calc(100% - 100px);
}*/

.box-cart-wrapper + .box-compare-wrapper.wishlist-disabled {
    -ms-flex-preferred-size: calc(100% - 50px);
    flex-basis: calc(100% - 50px);
    width: calc(100% - 50px);
}

.item-box .buttons > *:only-child {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: 100% !important;
}

    .item-box
    .buttons > *:only-child
    input[type="button"].add-to-compare-list-button {
        background-position: 30%;
    }

.product-grid .item-box .ajax-cart-button-wrapper {
    display: block !important;
    width: 100% !important;
}

.item-box .buttons > * {
    height: 45px;
}

    .item-box .buttons > *:first-child.box-compare-wrapper {
        -ms-flex-preferred-size: calc(100% - 50px);
        flex-basis: calc(100% - 50px);
        width: calc(100% - 50px);
    }

.item-box .buttons > .box-compare-wrapper.wishlist-disabled {
    width: 100%;
    flex-basis: 100%;
}

.item-box input[type="button"],
.wishlist-remove-button .remove-label input[type="checkbox"] {
    background-color: #e90018;
    width: 100% !important;
    display: block;
    height: 45px;
    border: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid #e90018 !important;
    background-position: center;
    background-size: 23px;
    background-repeat: no-repeat;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.buttons.flex-container.justify-content-between.align-items-center {
    padding: 7px 10px;
}

.prices-wishlist.flex-container.justify-content-between {
    padding: 0;
    align-items: center;
    padding-inline: 10px;
}

.box-wishlist-wrapper input[type="button"] {
    background-color: initial;
    border-right: 0 !important;
}
/*
    .item-box input[type="button"]:hover {
        background-color: #b1070a;
    }
*/
.item-box input[type="button"].add-to-compare-list-button {
    background-position: 20%;
    font-size: 14px;
}

.item-box .product-box-add-to-cart-button:hover {
    background-color: #b1070a;
    border-right: 1px solid #b1070a !important;
}

.item-box .short-description.short-description-2 {
    margin: 0 0 5px;
    min-height: 50px;
    text-align: center;
    line-height: 18px;
    color: #b2b2b2;
    font-size: 14px;
    font-family: "cf_asty_stdregular";
}

/*    .item-box .short-description.short-description-2 {
        display:none;
    }*/

.hidden-buttons {
    display: none;
}

.box-wishlist-wrapper .item-box input[type="button"] {
    border-right: 0;
}

.prices + .item-box-buttons-wrapper {
    bottom: 50px;
}


.item-box:hover .item-box-buttons-wrapper {
    display: block;
}

.item-box .add-to-wishlist-button {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-heart-icon-grey.svg);
}

    .item-box .add-to-wishlist-button:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-heart-icon-red.svg);
        background-size: 23px;
    }

    .item-box .add-to-wishlist-button.active {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-heart-icon-red.svg);
        background-size: 23px;
    }

.product-details-page .add-to-wishlist-button.active {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-heart-icon-red.svg);
    background-size: 23px;
}

.product-box-manufacturer {
    margin: 0 0 10px;
    text-align: center;
}

    .product-box-manufacturer span {
        font-size: 14px;
        color: #e90018;
    }

.product-list .product-box-manufacturer {
    text-align: left;
}

.item-box .add-to-compare-list-button {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-compare-icon.svg);
    font-size: 12px;
    font-family: "cf_asty_stdmedium";
    color: #fff;
    padding: 4px 0 0 30px;
    background-position: 15% center;
}

    .item-box .add-to-compare-list-button:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-compare-icon-hover.svg);
    }

/*.owl-item .item-box .box-cart-wrapper + .box-compare-wrapper, .item-box .box-cart-wrapper + .box-compare-wrapper {
    width: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}*/

.owl-item
.item-box
.box-cart-wrapper + .box-compare-wrapper
input[type="button"].add-to-compare-list-button,
.item-box
.box-cart-wrapper + .box-compare-wrapper
input[type="button"].add-to-compare-list-button {
    font-size: 0;
    background-position: center;
}

.owl-item .item-box .box-cart-wrapper,
.item-box .box-cart-wrapper {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
}

    .owl-item .item-box .box-cart-wrapper input[type="button"],
    .item-box .box-cart-wrapper input[type="button"] {
        background-position: 10%;
        font-size: 15px;
        text-align: center;
        /*    padding-left: 40px;*/
        font-family: "cf_asty_stdbold";
        padding-top: 3px;
    }

/*********** CATEGORY PAGE HEADER **********/
.category-featured-products-wrapper {
    padding: 10px 0;
}

.nopAjaxFilters7Spikes .checkbox-list label {
    word-break: break-word;
}

.category-header-container {
    max-width: 1340px;
    padding: 0;
    margin: 0 auto;
}

.category-header-box {
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 5px;
}

    .category-header-box a img {
        max-width: 100%;
        display: block;
        height: auto;
    }

    .category-header-box .prices {
        border: 0;
        height: 33px;
        margin: 15px 0 0;
    }

    .category-header-box .product-title {
        min-height: 22px;
    }

        .category-header-box .product-title a {
            font-size: 11px;
            font-family: "cf_asty_stdlight";
        }

.category-header-title {
    font-size: 13px;
    font-family: "cf_asty_stdlight";
}

.category-header-box .picture a {
    display: block;
    position: relative;
    height: 100%;
}

.category-header-box .picture {
    min-width: 68px;
    margin: 0 5px 0 0;
}

.category-header-box.item-box {
    margin: 0 0.5%;
}

.category-header-left {
    padding: 0 0 35px;
    -ms-flex-preferred-size: 19.5%;
    flex-basis: 19.5%;
}

.category-header-right {
    -ms-flex-preferred-size: 80.2%;
    flex-basis: 80.2%;
}

.category-header-box.item-box .card div {
    line-height: 35px;
}

.category-header-box.item-box .card-wrapper {
    height: 35px;
}

.category-header-box.item-box label.card-label {
    height: 35px;
}

/*********** CATEGORY PAGE FILTERS **********/
.filtersGroupPanel .checkbox-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.filtersGroupPanel .checkbox-item {
    width: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

    .filtersGroupPanel .checkbox-item:nth-of-type(odd):last-child {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .filtersGroupPanel .checkbox-item:nth-of-type(odd):only-child {
        width: 49%;
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    }

.nopAjaxFilters7Spikes .checkbox-list label:before,
.nopAjaxFilters7Spikes .checkbox-list label:after {
    display: none;
}

.filtersTitlePanel p.filtersTitle {
    display: none;
}

a.clearFilterOptionsAll {
    color: #fff;
    background-color: #191919;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: block !important;
    text-align: center;
    padding: 2px;
}

.clearFilterOptionsAll:hover {
    background-color: #e90018;
}

.wishlist-page .item-box .box-cart-wrapper input[type="button"] {
    /*    padding-left: 40px;*/
    text-align: center;
    padding-top: 4px;
    background-position: 27%;
}
/*********** CATEGORY PAGE CAROUSEL **********/
.category-carousel-wrapper {
    background-color: #eaeaea;
    padding: 40px 0 0;
}

    .category-carousel-wrapper .nop-jcarousel {
        margin: 0;
    }

        .category-carousel-wrapper .nop-jcarousel .item-box .picture a:before {
            content: "";
            display: block;
            padding-top: 80%;
        }

.slick-initialized .slick-slide {
    display: block;
    padding: 10px 5px;
}

/*********** CUSTOMER CARD PAGE **********/
.customer-card-wrapper {
    background-color: #262626;
    padding: 15px 0;
}

.customer-cart-name-title {
    padding: 15px;
    margin: 0 0 10px;
    text-align: center;
}

    .customer-cart-name-title h3 {
        text-align: center;
        color: #fff;
        font-size: 19px;
        line-height: 22px;
        font-weight: 400;
    }

.small-customer-card {
    max-width: 850px;
    margin: 0 auto;
    padding: 0 15px;
}

.small-card-item {
    -ms-flex-preferred-size: calc(50% - 8px);
    flex-basis: calc(50% - 8px);
    border: 2px solid;
    padding: 17px 15px;
}

    .small-card-item p {
        margin: 0;
        text-align: center;
    }

.first-card-item {
    border-color: #e84253;
    margin: 0 16px 0 0;
}

    .first-card-item:only-child {
        margin: 0 auto;
    }

.second-card-item {
    border-color: #707070;
}

.small-card-top-text p {
    color: #ffffff;
    font-size: 16px;
    line-height: 19px;
    font-family: "cf_asty_stdlight";
}

.small-card-line {
    margin: 0 0 7px;
}

.card-days {
    font-family: "cf_asty_stdbold";
    color: #e88442;
}

.small-card-price-text p {
    font-size: 34px;
    line-height: 41px;
    font-family: "cf_asty_stdbold";
}

.first-card-item .small-card-price-text p {
    color: #e84253;
}

.second-card-item .small-card-price-text p {
    color: #e88442;
}

.small-card-bottom {
    max-width: 215px;
    margin: 0 auto;
}

    .small-card-bottom p {
        font-size: 13px;
        color: #fff;
        line-height: 14px;
    }

.small-card-line:last-child {
    margin: 0;
}

.customer-card-inner-wrapper {
    max-width: 680px;
    margin: 0 auto;
    padding: 0 15px;
}

.customer-card-inner {
    padding: 8px;
    background-color: #b8b6b6;
}

.customer-card-inner-container {
    background-color: #fff;
    padding: 8px;
    border-radius: 5px;
}

.open-balance-container {
    border: 2px solid #ef4155;
}

    .open-balance-container > * {
        width: 50%;
        text-align: center;
        padding: 10px 15px 15px;
    }

        .open-balance-container > *:only-child {
            width: 100%;
        }

    .open-balance-container > .web-openbalance {
        background-color: #ef4155;
    }

.web-daylimit-balance-title {
    margin: 0 0 10px;
}

    .web-daylimit-balance-title h4 {
        font-size: 16px;
        font-family: "cf_asty_stdbold";
        color: #ef4155;
    }

.web-daylimit-balance-text p {
    font-size: 15px;
    line-height: 16px;
    font-family: "cf_asty_stdbold";
    color: #ef4155;
    margin: 0;
}

.open-balance-price span {
    display: block;
    font-size: 46px;
    line-height: 38px;
    color: #fff;
    font-family: "cf_asty_stdbold";
}

.open-balance-price span {
    display: block;
    font-size: 35px;
    color: #fff;
    font-family: "cf_asty_stdbold";
}

.open-balance-title {
    margin: 0 0 10px;
}

    .open-balance-title h4 {
        color: #fff;
        font-size: 16px;
        font-family: "cf_asty_stdbold";
    }

.customer-card-2 {
    padding: 8px;
    border: 2px solid #e3e5e8;
    border-radius: 5px;
    background-color: #f4f5f9;
}

.customer-card-top {
    margin: 0 0 10px;
}

.customer-card-bottom-title {
    padding: 4px;
    border: 2px solid #e3e5e8;
    margin: 0 0 7px;
}

    .customer-card-bottom-title h4 {
        text-align: center;
        font-size: 14px;
        color: #848e96;
        font-family: "cf_asty_stdbold";
    }

.customer-card-bottom-item {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 25%;
    width: -moz-available;
    width: -webkit-fill-available;
    text-align: center;
    padding: 4px 0 0;
}

.customer-card-item-title {
    margin: 0 0 3px;
}

    .customer-card-item-title h5 {
        color: #848e96;
        font-size: 13px;
        font-family: "cf_asty_stdbold";
    }

.customer-card-item-box .balance-value {
    font-size: 15px;
    color: #4d3c3c;
    font-family: "cf_asty_stdbold";
}

.customer-card-item-box {
    padding: 13px 3px;
    background-color: #fc625d;
}

.customer-card-bottom-item:last-child .customer-card-item-box {
    background-color: #c3e2b8;
}

.customer-card-bottom-item:nth-last-child(2) .customer-card-item-box {
    background-color: #fed59f;
}
/*********** SEARCH PAGE **********/
.advanced-search {
    display: none;
}

.columns-wrapper-search {
    padding: 80px 0 20px;
}

.search-input .form-fields {
    padding: 30px 15px 10px;
    background-color: #fff;
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}

.search-page .page-title {
    margin: 0 0 30px;
    text-align: center;
}

.search-input .inputs {
    text-align: center;
}

    .search-input .inputs label {
        width: 100%;
        text-align: center;
        cursor: pointer;
        position: relative;
    }

.search-results {
    margin: 34px 0 0;
}

.search-input .nice-select {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    float: none;
}

    .search-input .nice-select .list {
        max-height: 400px;
        overflow: auto;
    }

.advanced-search .price-range {
    margin: 0 auto;
    display: flex;
    max-width: 200px;
}

.search-input .inputs input[type="text"] {
    float: none;
    margin: 0 auto;
}

.search-input .reversed label {
    padding: 0 0 0 30px;
    position: relative;
    display: inline-block;
    width: auto;
}

.search-input .button-1 {
    min-width: 140px;
    border: none;
    padding: 10px 30px;
    text-transform: uppercase;
    background-color: #e90018;
    color: #fff;
    text-align: center;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .search-input .button-1:hover {
        background-color: #b1070a;
    }
/*********** KESISOGLOU GRID **********/

.kesisoglou-image-grid-wrapper {
    padding: 35px 0 30px;
}

.kesisoglou-image-grid-container {
    max-width: 1560px;
    padding: 0 15px;
    margin: 0 auto;
}

.kesisoglou-image-grid-title {
    margin: 0 0 30px;
}

    .kesisoglou-image-grid-title h2 {
        color: #323232;
        font-family: "cf_asty_stdthin";
        font-size: 26px;
        text-align: center;
    }

.outer-image-item-flex {
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
}

.kesisoglou-image-grid-top {
    margin: 0 0 10px;
}

.image-carousel {
    height: 100%;
}

    .image-carousel .owl-stage-outer {
        height: 100%;
    }

    .image-carousel .owl-stage {
        height: 100%;
    }

    .image-carousel.owl-carousel .owl-item {
        height: 100%;
    }

    .image-carousel .image-item {
        height: 100%;
    }

.kesisoglou-image-grid-top .image-item-small:first-child {
    margin: 0 0 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 10px 15px 20px !important;
}

.kesisoglou-image-grid-top .image-item-small:nth-child(2) {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 26px 10px 40px;
}

.image-carousel.owl-carousel img {
    width: auto;
}

.image-carousel img {
    max-width: 285px;
    max-height: 160px;
    margin: 0 auto;
    width: auto;
}

.kesisoglou-image-grid-top.flex-container.justify-content-between.flex-wrap
.image-item {
    padding: 20px 15px 30px;
}

.image-item {
    padding: 26px 15px 30px;
    background-size: cover;
    background-position: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    transition: all 0.5s ease-in-out;
}

    .image-item:hover {
        opacity: 0.7;
        transition: all 0.5s ease-in-out;
    }

.image-carousel .image-item {
    height: 100%;
    text-align: center;
}

.image-carousel.owl-carousel .image-item {
    height: 100%;
    text-align: center;
    cursor: url(/Themes/DefaultClean/Content//images/Kesisoglou/drag.png) 16 9, ew-resize;
}

.image-carousel .image-item {
    height: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.image-anchor-wrapper {
    margin: 30px 0 0;
}

.image-anchor {
    font-size: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    color: #000000;
    font-family: "cf_asty_stdlight";
    border: 2px solid #000000;
    width: 169px;
    height: 50px;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding: 0 0 1px;
    text-decoration: none;
}

    .image-anchor:hover {
        color: #fff;
        background-color: #000000;
    }

    .image-anchor[style="color: #FFFFFF; border-color: #FFFFFF"]:hover {
        background-color: #fff !important;
        color: #3c3c3c !important;
    }

    .image-anchor[style="color: #000000; border-color: #000000"]:hover {
        background-color: #000000 !important;
        color: #ffffff !important;
    }

.image-carousel .image-anchor {
    margin: 0 auto;
    text-decoration: none;
}

.homepage-top-wrapper .homepage-products-wrapper {
    padding: 40px 0 0;
}

.image-anchor.isWhite {
    border-color: #fff;
    color: #fff;
}

    .image-anchor.isWhite:hover {
        color: #3c3c3c;
        background-color: #fff;
    }

.image-text .image-title-text p {
    font-size: 23px;
    font-family: "cf_asty_stdlight";
    color: #3c3c3c;
    line-height: 28px;
    margin: 0 0 5px;
    text-align: left;
}

.image-carousel .image-text p {
    text-align: center;
}

.image-item-small-right .image-text .image-title-text p {
    text-align: right;
}

.image-text .image-title-text.isWhite p {
    color: #fff;
}

.price-text {
    font-size: 40px;
    font-family: "cf_asty_stdbold";
    color: #dc0000;
}

.image-text-wrapper .price-text {
    margin: 0 0 20px;
}

.image-item-small .image-wrapper img {
    max-width: 252px;
    display: block;
}

.image-carousel .image-wrapper {
    margin: 30px 0 83px;
}

.image-carousel .owl-dots {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0;
}

    .image-carousel .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #cecece;
        margin: 2px;
    }

        .image-carousel .owl-dots .owl-dot.active {
            background-color: #2c2c2c;
        }

.image-item.image-item-small.image-item-small-right .image-text-wrapper {
    text-align: right;
}

.image-item.image-item-small.image-item-small-right .image-text-wrapper {
    text-align: right;
}

.image-item.image-item-small.image-item-small-right .image-wrapper {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.image-item.image-item-small.image-item-small-right .image-anchor {
    margin: 0 0 0 auto;
}

.topic-block a,
.topic-page a {
    text-decoration: none;
}

.topic-page .page-title h1 {
    font-family: "cf_asty_stdmedium";
    font-size: 22px;
}

.topic-page p {
    font-size: 16px;
    font-family: "cf_asty_stdregular";
    font-weight: normal;
}

/*********** COOKIE BAR **********/
.eu-cookie-bar-notification {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 1050;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    padding: 10px 15px;
    text-align: center;
}

    .eu-cookie-bar-notification button {
        min-width: 120px;
        background-color: #e90018;
        border: 2px solid #e90018;
    }

        .eu-cookie-bar-notification button:hover {
            min-width: 120px;
            background-color: #fff;
            color: #e90018;
        }

    .eu-cookie-bar-notification a {
        display: block;
        color: #e90018;
    }
/*********** RIBBONS **********/
.ribbon-custom-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%;
    max-width: 150px;
}

.item-grid .ribbon-custom-wrapper {
    left: -35px;
    top: 20px;
    right: auto;
}

.ribbon {
    padding: 7px 0;
    text-align: center;
    width: 100%;
}

    .ribbon.offer {
        background-color: #e90018;
        color: #fff;
        font-size: 13px;
        font-family: "cf_asty_stdbold";
    }

    .ribbon.new {
        background-color: #42bee2;
        color: #fff;
        font-size: 13px;
        font-family: "cf_asty_stdbold";
    }

.ribbon-custom-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .item-grid .ribbon-custom-wrapper.two-ribbons,
    .ribbon-custom-wrapper.two-ribbons {
        left: -49px;
        top: 5px;
        right: auto;
        max-width: 165px;
    }

.product-details-page .ribbon-custom-wrapper.two-ribbons {
    left: -46px;
    right: auto;
    width: 420px;
    top: 2px;
    padding: 0px 0px 0 0px;
}

.home-page-product-grid .ribbon-custom-wrapper {
    display: none;
}

.availability-box {
    padding: 0 0 5px !important;
    font-size: 14px;
    text-align: center;
    border-bottom: 1px solid #f3f3f3;
}

    .availability-box span {
        /*  text-transform: uppercase;*/
        font-weight: 700;
    }

.product-ribbon {
    display: inline-block;
    vertical-align: middle;
    position: absolute !important;
    left: 39px;
    overflow: hidden;
    top: 0px;
    width: 116px;
    height: 116px;
}

    .product-ribbon span {
        font-size: 13px;
    }

.product-essential .ribbon.new {
    padding-left: 1px;
}

.product-details-page .ribbon-custom-wrapper {
    left: -45px;
    right: auto;
    width: 420px;
    top: 20px;
    padding: 0 0px 0 8px;
}

/*********** NEWS PAGE **********/
.news-item-page {
    padding: 55px 0;
}

.news-item-page {
    display: block;
    max-width: 100%;
    height: auto;
}

.news-list-page {
    padding: 55px 0;
}

    .blog-page .page-title,
    .news-list-page .page-title {
        margin: 0 0 35px;
    }

.post-body,
.news-body {
    margin: 0 0 20px;
    padding: 0;
    line-height: 22px;
    text-align: left;
}

.post-date,
.news-date {
    display: block;
    margin: 0 0 15px;
    background-color: #f6f6f6;
    padding: 10px 0;
    font-style: italic;
    color: #444;
    text-align: left;
}

.news-head {
    text-align: left;
}

.post-title,
.news-title {
    display: inline-block;
    padding: 10px 0;
    line-height: 20px;
    font-size: 16px;
    font-family: "cf_asty_stdbold";
    color: #444;
    text-align: left;
}

.news-picture img {
    max-width: 100%;
    display: block;
    height: auto;
}

.post-title:hover,
.news-title:hover {
    color: #ef0502;
}
/*********** MANUFACTURER PAGE **********/

.html-manufacturer-page .columns-wrapper {
    padding: 55px 0 0;
}

.manufacturer-page .page-title h1 {
    text-align: center;
}
/*********** PRODUCT PAGE **********/

.prices.flex-container.justify-content-center.align-items-center {
    flex-basis: 165px;
}

.item-box .prices.flex-container.justify-content-center.align-items-center {
    pointer-events: all !important;
}

.product-details-page
.prices.flex-container.justify-content-center.align-items-center {
    flex-basis: 140px;
    pointer-events: all !important;
}
/*.product-details-page .prices.prices-grey.not-available-prices {
    display: none;
}*/
.product-details-page .prices .suggested-retail-price {
    font-size: 15px;
    color: #a8a8aa;
    font-weight: 400;
}

.product-cart-price-top.flex-container {
    justify-content: space-between;
    align-items: center;
}

.gallery .picture img {
    margin: 35px auto 0;
}

.gallery .picture:before {
    padding-top: 85%;
}

.product-details-page {
    padding: 10px 0 0;
    background-color: #fff;
    margin: -5px 0 0;
}

.mobile-gallery {
    display: none;
}

.manufacturers-logo img {
    max-width: 100%;
    display: block;
    height: auto;
}

.manufacturers-logo {
    padding: 25px 15px 0;
}

.overview-html-wrapper {
    padding: 0 0 25px;
}

.overview-html-item {
    padding: 25px 15px 0;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

    .overview-html-item img {
        max-width: 100%;
        display: block;
        height: auto;
    }

.picture-thumbs.owl-carousel .owl-nav .owl-next {
    background: none;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

    .picture-thumbs.owl-carousel .owl-nav .owl-next:after {
        content: "";
        display: block;
        border-left: 9px solid #000;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
    }

.picture-thumbs.owl-carousel .owl-nav .owl-next {
    display: none;
}

.product-essential {
    border: 0;
    padding-bottom: 55px;
    position: relative;
    max-width: 1388px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/product-top-shadow.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-bottom: 0;
}

.item-grid .item-box .picture {
    padding: 0 25px 0px 25px;
}

.homepage-categories-wrapper .item-grid .item-box .picture {
    padding: 0;
}

.measurement-unit {
    margin: 0 0 5px;
    display: block;
    color: #8e8e8e;
    font-size: 13px;
    text-align: center;
    line-height: 17px;
    border-top: 1px solid #f3f3f3;
    padding-top: 10px;
}

.page.product-details-page .measurement-unit {
    border: 0;
    color: #000;
}

.measurement-unit .value {
    font-weight: 700;
    font-size: 13px;
}

.home-page-product-grid .measurement-unit,
.home-page-product-grid .sku,
.home-page-product-grid .availability-box {
    /* padding: 0 15px; */
    max-width: 215px;
    margin: 0 auto 15px;
}

.home-page-product-grid .availability-box {
    font-size: 14px;
    padding: 0;
}

.gallery .picture-wrapper {
    max-width: 467px;
    margin: -30px auto 15px;
    position: relative;
    left: -60px;
}

.gallery .picture-thumbs {
    max-width: 467px;
    margin: 0 auto;
    left: -65px;
    position: relative;
}

.picture-thumbs.owl-carousel .owl-stage {
    margin: 0 auto;
}

.product-page-breadcrumb-wrapper {
    padding: 20px 0;
    background-color: #fff;
    -moz-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.15);
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .product-page-breadcrumb-wrapper .breadcrumb li * {
        font-size: 13px;
        margin: 0 1px;
    }

    .product-page-breadcrumb-wrapper .breadcrumb li:last-child * {
        margin: 0 1px 0 6px;
        color: #000000;
    }

.overview .product-name {
    margin: 0 0 15px;
    border-bottom: 0;
    padding: 0;
}

    .overview .product-name h1 {
        font-size: 20px;
        font-family: "cf_asty_stdregular";
    }

.overview .short-description {
    margin: 0 0 15px;
    line-height: 20px;
    color: #b2b2b2;
    font-size: 14px;
    font-family: "cf_asty_stdregular";
}

.overview .additional-details .sku span {
    font-size: 14px;
    color: #000;
}

.overview .manufacturers span {
    font-size: 14px;
    color: #b2b2b2;
}

    .overview .manufacturers span.value {
        font-size: 15px;
        color: #e90018;
        font-family: "cf_asty_stdmedium";
    }

.product-essential .measurement-unit {
    text-align: left;
    margin: 0 0 10px;
}

    .product-essential .measurement-unit span {
        color: #000;
        font-size: 14px;
    }

.additional-details .sku span {
    color: #000;
}

.overview-right {
    background-color: #e1dede;
    margin: 0 1%;
}


.variant-overview .qty-input {
    display: none;
}

.product-no-reviews,
.product-reviews-overview {
    margin: 0 0 35px;
    display: block;
}

.overview-buttons div {
    display: block;
    width: 40px;
    margin: 0 10px 2px 0;
}

.overview .button-2,
.variant-overview .button-2 {
    background-color: #fff;
    font-size: 0;
    height: 40px;
    padding: 0;
    /* border: 2px solid #b2b2b2;*/
    width: 40px;
    border-radius: 3px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.overview span.price.actual-price {
    font-size: 20px;
}

/*    .overview .button-2:hover, .variant-overview .button-2:hover {
        background-color: #e90018;
        border: 2px solid #e90018;
    }*/

.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/product-wishlist-icon.svg);
}

    .overview .add-to-wishlist-button:hover,
    .variant-overview .add-to-wishlist-button .product-review-links:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-heart-icon-red.svg);
    }

.overview .add-to-compare-list-button {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/product-compare-icon.svg);
}

    .overview .add-to-compare-list-button:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/product-compare-icon-hover.svg);
    }

.overview .email-a-friend-button {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/mail-icon.svg);
}

    .overview .email-a-friend-button:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/mail-icon-hover.svg);
    }

.product-review-links {
    padding: 0 5px;
}

    .product-review-links a {
        text-decoration: none;
        color: #b2b2b2;
        font-size: 11px;
    }

        .product-review-links a:hover {
            color: #e90018;
        }

    .product-review-links .separator {
        font-size: 11px;
        color: #b2b2b2;
    }

.product-cart-price-wrapper {
    /*border: 2px solid #dbdbdb;*/
    overflow: hidden;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 0 30px;
    max-width: 354px;
}

    .product-cart-price-wrapper .warning-container {
        border: 2px solid #E90018;
    }

        .product-cart-price-wrapper .warning-container span {
            color: #E90018;
        }

            .product-cart-price-wrapper .warning-container span::before {
                background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Product/warning-filled.svg);
            }

    .product-cart-price-wrapper .add-to-cart-button-wrapper {
        max-width: 300px;
    }

.overview .prices,
.variant-overview .prices {
    margin: 0;
}

.product-cart-price-bottom {
    /*    background-color: #f2f2f2;*/
    padding: 7px;
}

.overview .add-to-cart {
    margin: 0;
}

.overview .add-to-cart-button,
.variant-overview .add-to-cart-button {
    display: block;
    float: none;
    width: 100%;
    border-radius: 7px;
    max-width: unset;
    background-color: #e90018;
    font-size: 15px;
    font-family: "cf_asty_stdbold";
    padding: 3px 20px 0;
    height: 45px;
}

    .overview .add-to-cart-button:hover,
    .variant-overview .add-to-cart-button:hover {
        background-color: #b1070a;
    }

.overview .prices .product-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 13px;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1;
}

.info-icon {
    cursor: pointer;
    margin-left: 4px;
    font-size: 14px;
    color: #007bff;
    user-select: none;
}

.custom-tooltip {
    display: none;
    position: absolute;
    background-color: #333;
    color: #fff;
    padding: 4px 6px;
    border-radius: 5px;
    font-size: 10px;
    top: 25px;
    left: 0;
    white-space: nowrap;
    z-index: 10;
}

.info-icon.active + .custom-tooltip {
    display: inline-block;
}

.overview label.card-label {
    padding-right: 10px;
}

.overview .old-product-price {
    padding: 10px;
    text-align: center;
}

.overview .availability .stock,
.variant-overview .availability .stock {
    margin: 0 0 3px;
    text-align: left;
}

.overview .availability,
.variant-overview .availability {
    margin: 0;
    overflow: hidden;
}

.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel {
    display: block;
    position: relative;
}

    .overview .add-to-cart-panel .ajax-cart-button-wrapper {
        display: block;
        width: 100%;
        float: none;
    }

.overview .availability .stock {
    margin: 0 0 10px;
}

.overview .value,
.variant-overview .value {
    color: #444;
    font-family: "cf_asty_stdmedium";
    /*  text-transform: uppercase;*/
}

.value.green-color {
    color: #00cc99;
}

.value.red-color {
    color: #e90018;
}

.value.yellow-color {
    color: #ff7b08;
}

.value.blue-color {
    color: dodgerblue;
}

.overview .prices {
    /*    border-bottom: 2px solid #dbdbdb;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .overview .prices > div,
    .variant-overview .prices > div {
        margin: 0;
    }

.gallery .picture {
    background-color: #fff;
}

.product-collateral {
    margin: 0;
}

.product-details-carousel-wrapper {
    padding: 40px 0 70px;
    background-color: #3d3d3d;
    display: none;
}

    .product-details-carousel-wrapper .nop-jcarousel {
        margin: 0;
    }

        .product-details-carousel-wrapper .nop-jcarousel .carousel-title strong {
            color: #fff;
        }

/*.gallery .picture-wrapper .picture a {
    pointer-events: none;
}
*/
.gallery .picture-thumbs-navigation-arrow {
    display: none;
}

.gallery .picture-wrapper .picture a {
    display: inline-block;
    max-width: 100%;
    mix-blend-mode: multiply;
    background-color: #fff;
    background-blend-mode: multiply;
}

.gallery .picture img,
.gallery .picture-thumbs img,
.variant-picture img {
    mix-blend-mode: multiply;
    background-color: #f7f7f7;
    background-blend-mode: multiply;
    width: auto;
    /*cursor: crosshair;*/
}

.product-see-more {
    display: block;
    margin: 0 auto;
    max-width: 200px;
    text-align: center;
    padding: 12px 5px 10px;
    font-size: 16px;
    color: #fff;
    background-color: #f5001b;
    border: 2px solid #f5001b;
}

    .product-see-more:hover {
        background-color: #fff;
        color: #f5001b;
    }

.gallery .picture-thumbs .thumb-item {
    mix-blend-mode: multiply;
    background-color: #fff;
    background-blend-mode: multiply;
    opacity: 0.5;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .gallery .picture-thumbs .thumb-item:hover {
        opacity: 1;
    }

    .gallery .picture-thumbs .thumb-item.active {
        opacity: 1;
    }

a.cloudzoom-gallery.thumb-item.cloudzoom-gallery-active,
a.cloudzoom-gallery.thumb-item:hover {
    opacity: 1;
}

.gallery .picture-thumbs .thumb-item {
    display: block;
    margin: 0 auto 10px;
    /*width: 120px;*/
    width: auto;
    height: auto;
}

/*.drift-zoom-pane {
  -webkit-box-shadow: 5px 5px 7px #818181;
  -moz-box-shadow: 5px 5px 7px #818181;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
}*/

.overview .manufacturers .label {
    display: none;
}

.product-essential .container-large {
    max-width: 1309px;
    background-color: #fff;
    padding-top: 30px;
}

    .product-essential .container-large:after {
        content: "";
        display: block;
        clear: both;
    }

.product-no-reviews a {
    text-decoration: underline;
    font-size: 12px;
    color: #b2b2b2;
    pointer-events: none;
}

/*Product Specifications*/
.product-specifications-wrapper {
    padding: 80px 0;
}

.product-specifications-container {
    max-width: 1290px;
    margin: 0 auto;
    padding: 0 15px;
}

.product-details-page .product-specs-box .title {
    margin: 0 0 25px;
}

.product-specs-box .title h3 {
    font-size: 28px;
    font-family: "cf_asty_stdregular";
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    color: #191919;
}

.product-specs-box tr:nth-child(odd) {
    background-color: #fafafa;
}

.product-specs-box td {
    border: 0;
    padding: 7px 10px 5px;
    color: #000;
    font-size: 15px;
    width: 50%;
    font-family: "cf_asty_stdregular";
    line-height: 22px;
}

    .product-specs-box td.spec-name {
        font-family: "cf_asty_stdbold";
    }

.product-specs-box .specs-table .even td {
    padding-top: 15px;
    padding-bottom: 15px;
}
/*End Product Specifications*/
/*Product Page Breadcrumb*/
.image-breadcrumb img {
    max-width: 40px;
    display: block;
    height: auto;
}

.product-page-breadcrumb-wrapper .breadcrumb-back-to-top {
    display: none;
}

.product-page-breadcrumb-wrapper.fixed .breadcrumb-back-to-top {
    display: none;
}

.product-page-breadcrumb-wrapper.fixed {
    position: fixed;
    right: 0;
    left: 0;
    /* top: 253px; */
    z-index: 9999;
    background-color: #fff;
    padding: 18px 0 11px;
}

    .product-page-breadcrumb-wrapper.fixed .breadcrumb {
        display: block;
    }

.back-to-top-title span {
    display: inline-block;
    margin: 0 2px;
    font-size: 12px;
    line-height: 1;
    color: #000000;
    font-family: "cf_asty_stdregular";
    text-transform: uppercase;
}

.back-to-top-anchor {
    padding: 0 15px;
}

.image-breadcrumb {
    position: relative;
}

    .image-breadcrumb:before {
        content: "";
        width: 20px;
        height: 20px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/back-icon.svg);
        position: absolute;
        left: -20px;
        top: 5px;
    }

/*Kesisoglou Product Bottom*/

.product-flex-image img {
    max-width: 100%;
    display: block;
    height: auto;
    /*    -o-object-fit: cover;
    object-fit: cover;*/
    width: 100%;
}

.product-bottom-container.text-left .product-flex-text {
    padding: 0 10px 0 4.5%;
}

.product-bottom-container.text-right .product-flex-text {
    padding: 0 4.5% 0 10px;
}

.product-flex-text h3 {
    color: #fff;
    font-size: 28px;
    margin: 0 0 35px;
}

.sub-title {
    font-size: 22px;
    font-family: "cf_asty_stdlight";
    display: block;
    margin: 10px 0 0;
}

.product-flex-text p {
    color: #fff;
    max-width: 660px;
    line-height: 1.5;
}

.product-bottom-container.text-left .product-flex-text p {
    margin-right: auto;
}

.product-bottom-container.text-right .product-flex-text p {
    margin-left: auto;
}
/*********** ACCOUNT PAGES **********/
.table-wrapper .header {
    position: static;
    background-color: #262626;
}

    .table-wrapper .header td {
        width: 10%;
    }

.account-page .table-wrapper td {
    pointer-events: none;
}

.account-page .table-wrapper td,
.account-page .table-wrapper th {
    font-family: "cf_asty_stdregular";
}

.table-wrapper .innertable {
    border: 2px solid #262626;
}

.no-data-wrapper {
    text-align: center;
    margin: 30px 0;
}

.table-wrapper .footersmall,
.table-wrapper .footer {
    background-color: #262626;
    color: #fff;
    border-top: 1px solid #b9b9b9;
}

.account-page-wrapper {
    padding: 50px 0 100px;
}

.account-page.customer-data-page .table-wrapper {
    margin: 40px 0 30px;
    text-align: center;
}

.customer-data-page button,
.customer-data-page input[type="submit"] {
    color: #fff;
    border: 0;
    background-color: #e90018;
    height: 36px;
    display: inline-block;
    padding: 0 14px;
    margin: 0 5px;
}

.account-menu {
    width: 100%;
    height: 60px;
    background-color: white;
    position: relative;
    z-index: 1;
    -moz-box-shadow: 0 1px 5px #e5e5e5;
    -webkit-box-shadow: 0 1px 5px #e5e5e5;
    box-shadow: 0 1px 5px #e5e5e5;
}

.account-page-wrapper .page-title {
    display: none;
}

    .account-page-wrapper .page-title h1 {
        text-align: center;
    }

.account-page-wrapper .fieldset .title,
.account-page-wrapper .section .title {
    text-align: center;
}

    .registration-page .fieldset .title strong,
    .account-page-wrapper .fieldset .title strong,
    .account-page-wrapper .section .title strong {
        font-family: "cf_asty_stdlight";
    }

.fieldset-wrapper .fieldset {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
}

.registration-page .button-1,
.account-page .button-1,
.registration-result-page .button-1 {
    max-width: 400px;
    margin: 0 auto;
}

.fieldset-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.account-page .fieldset {
    max-width: 400px;
    margin: 0 0.5% 35px;
}

.fieldset-inner-wrapper {
    -ms-flex-preferred-size: 67%;
    flex-basis: 67%;
}

.customer-info-page .fieldset-wrapper {
    max-width: 860px;
    padding: 0 15px;
    margin: 0 auto;
}

.date-of-birth .nice-select {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
}

.account-page.change-password-page .fieldset {
    margin: 0 auto 30px;
}

.outterhheader {
    background-color: #e90018 !important;
    color: #fff;
}

.registration-page .form-fields,
.account-page .form-fields {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.registration-page .inputs label,
.account-page-wrapper .inputs label,
.checkout-page .inputs label {
    position: absolute;
    height: 40px;
    left: 1px;
    top: 1px;
    width: auto;
    padding: 0 15px;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    line-height: 43px;
    color: #000;
    background-color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.registration-page .inputs input,
.account-page-wrapper .inputs input,
.checkout-page .inputs input {
    text-align: right;
}

.registration-page .required,
.account-page .required {
    display: none;
}

.registration-page .field-validation-error,
.account-page .field-validation-error,
.checkout-page .field-validation-error {
    text-align: left;
    margin: 10px 0;
    padding: 0 25px;
    position: relative;
    font-size: 15px;
}

    .registration-page .field-validation-error:before,
    .account-page .field-validation-error:before,
    .checkout-page .field-validation-error:before {
        content: "!";
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        left: 0;
        top: -2px;
        width: 20px;
        height: 20px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        border: 2px solid;
        font-size: 13px;
        padding: 0 2px 0 2px;
    }

.registration-page .date-of-birth-container {
    width: 100%;
}

.accept-privacy-policy span {
    color: #e90018;
    cursor: pointer;
}

.registration-page .inputs.date-of-birth label,
.account-page-wrapper .inputs.date-of-birth label,
.account-page-wrapper .inputs-gender label {
    position: relative;
}

.gender {
    display: inline-block;
    padding: 0 15px;
}

.registration-page .inputs.inputs-confirm-password input {
    border-bottom: solid 1px #e8e8e8;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.registration-result-page {
    padding: 80px 0 100px;
}

    .registration-result-page .page-body {
        max-width: 430px;
        padding: 0 15px;
        margin: 0 auto;
    }

.date-of-birth .nice-select .list {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
}

.account-page .nice-select .option {
    font-size: 13px;
    padding: 0 10px;
}

.account-page .no-data {
    text-align: center;
}

.account-page .inputs {
    margin: 0;
}

    .registration-page .inputs input,
    .account-page .inputs input,
    .checkout-page .inputs input {
        border-radius: 0;
        border-bottom: 0;
    }

    .registration-page .inputs:last-child input,
    .account-page .inputs:last-child input,
    .checkout-page .inputs:last-child input {
        border: solid 1px #e8e8e8;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .registration-page .inputs:first-child input,
    .account-page .inputs:first-child input,
    .checkout-page .inputs:first-child input {
        border-bottom: 0;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .registration-page .inputs:only-child input,
    .account-page .inputs:only-child input,
    .checkout-page .inputs:only-child input {
        border-bottom: solid 1px #e8e8e8;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

    .registration-page .inputs.inputs-email input,
    .account-page .inputs.inputs-email input {
        border-bottom: solid 1px #e8e8e8;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }

.address-edit-page .inputs.inputs-fax {
    margin: 0 0 20px;
}

    .address-edit-page .inputs.inputs-fax input {
        border-bottom: solid 1px #e8e8e8;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }

.address-list-page .button-2:hover,
.order-list-page .button-2:hover {
    color: #e90018;
}

.registration-page .inputs-gender div input + label:before,
.account-page-wrapper .inputs-gender div input + label:before,
.checkout-page .method-name input + label:before {
    content: "";
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: solid 2px #e8e8e8;
    background-color: #fff;
}

.registration-page .inputs-gender div input:checked + label:before,
.account-page-wrapper .inputs-gender div input:checked + label:before,
.checkout-page .method-name input:checked + label:before {
    background-color: #e90018;
    -moz-box-shadow: inset 0 0 0 3px rgba(255, 255, 255);
    -webkit-box-shadow: inset 0 0 0 3px rgba(255, 255, 255);
    box-shadow: inset 0 0 0 3px rgba(255, 255, 255);
}

.registration-page .inputs-gender div label,
.account-page-wrapper .inputs-gender div label,
.checkout-page .method-name label {
    padding: 0 0 0 25px;
    cursor: pointer;
}

.registration-page .inputs-gender div input,
.account-page-wrapper .inputs-gender div input,
.checkout-page .method-name input {
    display: none !important;
}

.address-list-page .info,
.order-list-page .info {
    margin: 0 0 35px;
    border-top: 0;
    background-color: #fff;
    padding: 20px;
}

.address-edit-page .edit-address {
    margin: 0 auto 30px;
    border-top: 0;
    background-color: #fff;
    padding: 30px 15px;
    max-width: 400px;
}

.registration-page .inputs-newsletter label,
.account-page-wrapper .inputs-newsletter label {
    position: relative;
}

.registration-page .inputs-newsletter #Newsletter,
.account-page .inputs-newsletter #Newsletter {
    position: absolute;
    right: 0;
}

.registration-page .inputs label.switchButton,
.account-page-wrapper .inputs label.switchButton {
    font-size: 0;
    float: none;
    position: absolute;
    right: 0;
    left: auto;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.registration-page .inputs {
    margin: 0;
}

.registration-page .newsletter-label,
.account-page .newsletter-label {
    height: 40px;
    left: 1px;
    top: 1px;
    width: auto;
    padding: 0 15px;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    line-height: 43px;
    color: #000;
    background-color: #fff;
    margin: 0;
    text-transform: uppercase;
}

.account-page-wrapper .change-password-page .page-title {
    display: block;
    margin: 0 0 30px;
}

    .account-page-wrapper .change-password-page .page-title h1 {
        font-family: "cf_asty_stdbold";
        font-size: 13px;
        color: #323232;
        text-transform: uppercase;
    }

.return-button {
    height: 100%;
}

.return-container {
    height: 100%;
}

.account-page-wrapper .address-edit-page .page-title {
    display: block;
    margin: 0 0 30px;
}

    .account-page-wrapper .address-edit-page .page-title h1 {
        text-align: center;
        font-family: "cf_asty_stdbold";
        font-size: 13px;
        color: #323232;
        text-transform: uppercase;
    }

.return-button a {
    font-family: "cf_asty_stdlight";
    font-size: 13px;
    color: #cccccc;
    width: 100px;
    position: relative;
    z-index: 1;
    text-align: center;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left center;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/close-grey-icon.svg);
}

    .return-button a:hover {
        color: #e90018;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/close-grey-icon-hover.svg);
    }

    .return-button a:before {
    }

.cart .product a:hover,
.data-table .product a:hover,
.data-table .info a:hover {
    color: #e90018;
    text-decoration: none;
}

.address-edit-page .nice-select {
    float: none;
    width: 60%;
    float: right;
    border: 0;
}

.address-edit-page .inputs-select {
    border: solid 1px #e8e8e8;
    border-bottom: 0;
}

/*********** ORDER PAGE **********/
.order-details-page {
    max-width: 1230px;
    margin: 0 auto;
    padding: 80px 15px 100px;
}

    .order-details-page .page-title a.print-order-button {
        background-color: #e90018;
        color: #fff;
        text-align: center;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 10px 20px;
    }

        .order-details-page .page-title a.print-order-button:hover {
            background-color: #b1070a;
        }

    .order-details-page .page-title h1 {
        margin: 0 0 30px;
        border-bottom: 0;
        padding: 0;
    }

    .order-details-page .page-title a {
        display: inline-block;
        min-width: 180px;
        margin: 5px 0;
        border: none;
        background-color: #aaa;
        background-image: none;
        color: #fff;
        text-align: center;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        padding: 10px 20px;
    }

        .order-details-page .page-title a:hover {
            background-color: #999;
        }

    .order-details-page .order-overview .order-total strong {
        font-family: "cf_asty_stdregular";
        color: #e90018;
    }

    .order-details-page .order-overview .order-number {
        margin: 0 0 10px;
        text-transform: none;
    }

    .order-details-page .section .title strong {
        font-family: "cf_asty_stdlight";
    }

    .order-details-page .actions {
        margin: 30px 0 0;
        font-size: 0;
        text-align: right;
    }

        .order-details-page .actions input:first-child {
            background-color: #e90018;
            color: #fff;
            text-align: center;
            font-family: "cf_asty_stdmedium";
            font-size: 12px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            padding: 10px 20px;
            margin: 5px 0 5px 5px;
        }

            .order-details-page .actions input:first-child:hover {
                background-color: #b1070a;
            }

    .order-details-page .total-info {
        background-color: transparent;
        padding: 0;
        color: #444;
        font-family: "cf_asty_stdlight";
    }

.back-button a {
    width: auto;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/back-grey-icon.svg);
    padding: 0 0 0 25px;
}

    .back-button a:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/back-grey-icon-hover.svg);
    }

.totals tr td strong {
    color: #e90018;
    font-family: "cf_asty_stdextrabold";
    font-weight: 700;
    font-size: 18px;
}

.terms-of-service-title {
    margin-bottom: 11px;
}

    .terms-of-service-title span {
        color: #B2B2B2;
        font-weight: 500;
        font-size: 15px;
        line-height: 23px;
    }
/*********** CART TABLES **********/
.warning-popup-wrapper {
    padding: 40px 0;
    display: none;
}

#cboxLoadedContent .warning-popup-wrapper {
    display: block;
}

.warning-popup-container {
    max-width: 640px;
    padding: 0 10px;
    margin: 0 auto;
    width: 97%;
}

.warning-popup-text p {
    text-align: center;
    font-size: 16px;
}

.data-table td,
.forum-table td,
.data-table th,
.forum-table th {
    border: 0;
    background-color: transparent;
    font-family: "cf_asty_stdlight";
}

.data-table tbody tr,
.forum-table tbody tr {
    border-bottom: 2px solid #e5e5e5;
}

.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
    min-width: 345px;
}

.data-table td,
.forum-table td {
    padding: 0px 20px;
    position: relative;
    text-align: center;
}

    .data-table td:last-child:after,
    .forum-table td:last-child:after {
        display: none;
    }

    .data-table td:after,
    .forum-table td:after {
        content: "";
        display: block;
        width: 2px;
        height: 65px;
        position: absolute;
        right: 0;
        top: 50%;
        background-color: #e5e5e5;
        transform: translateY(-50%);
    }

.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name {
    text-align: center;
}

    .data-table .product a,
    .data-table .info a {
        font-family: "cf_asty_stdregular";
    }

.checkout-attributes dt:first-child,
.checkout-attributes dt:first-child + dd {
    display: none;
}

.cart-footer .cart-collaterals div.selected-checkout-attributes {
    display: none;
}


/*********** CONTACT PAGE **********/
.contact-page {
    background-color: #f2f2f2;
}

    .contact-page span.field-validation-error {
        position: absolute;
        bottom: -18px;
        left: 2px;
    }

.contact-page-top {
    padding: 55px 15px 0;
}

.contact-card {
    max-width: 620px;
    margin: 0 auto 100px;
    border-radius: 10px;
    background-color: #fff;
    overflow: hidden;
    -moz-box-shadow: 0px 3px 9px 0px #ccc;
    -webkit-box-shadow: 0px 3px 9px 0px #ccc;
    box-shadow: 0px 3px 9px 0px #ccc;
}

.contact-page .page-title {
    background-color: #191919;
    padding: 16px 0 13px;
}

    .contact-page .page-title h1 {
        color: #ffffff;
        font-size: 14px;
        font-family: "cf_asty_stdbold";
        line-height: 18px;
    }

.contact-card-inner {
    padding: 30px 20px 25px;
}

.contact-card .inputs {
    margin: 0 0 30px;
}

.contact-page .inputs label {
    color: #262626;
    font-family: "cf_asty_stdbold";
    font-size: 13px;
    padding: 0 10px;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.contact-page .inputs input[type="text"],
.contact-page .inputs textarea {
    width: 100%;
}

.contact-page .inputs textarea {
    min-height: 110px;
}

.contact-page .buttons {
    margin: 0;
}

.contact-page .button-1 {
    font-size: 13px;
    font-family: "cf_asty_stdbold";
    height: 49px;
    width: 100%;
    border-radius: 7px;
    background-color: #e90f0b;
}

    .contact-page .button-1:hover {
        background-color: #b1070a;
    }

.contact-page .topic-block {
    margin: 0;
}

.contact-info {
    text-align: center;
    margin: 0 0 75px;
}

.contact-info-text-top {
    margin: 0 0 25px;
}

.contact-info-line {
    margin: 0 0 5px;
}

.contact-info-icon {
    margin: 0 0 25px;
}

    .contact-info-icon img {
        display: block;
        height: auto;
        max-width: 25px;
        margin: 0 auto;
    }

.contact-info-wrapper p {
    margin: 0;
    font-size: 16px;
    text-align: center;
    color: #3f3f3f;
}

.map iframe {
    pointer-events: none;
    display: block;
}

.topic-block strong,
.topic-page strong {
    color: #3f3f3f;
}
/*********** CART PAGE **********/
/*** CART TABLE STYLES ***/
.shopping-cart-page .table-wrapper {
    padding: 0 10px;
}

.cart-product-inner {
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cart-grid-container {
    gap: 9px;
}

.cart {
    border-collapse: separate;
    border-spacing: 0 12px;
}

    .cart tbody tr {
        background-color: #FFFFFF;
        box-shadow: 0px 0px 10px rgba(0,0,0,.26);
    }


        .cart tbody tr td.product {
            padding: 13px 10px 10px;
        }

            .cart tbody tr td.product a {
                color: #000000;
                font-weight: 600;
                font-size: 18px;
                line-height: 23px;
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
            }

            .cart tbody tr td.product .manufacturer-cart {
                margin: 0 0 4px;
                color: #e90018;
                font-family: "cf_asty_stdbold";
                font-size: 16px;
            }

            .cart tbody tr td.product .sku {
                display: flex;
                width: 100%;
                gap: 5px;
                margin-top: 4px;
            }

                .cart tbody tr td.product .sku * {
                    color: #757575;
                    font-size: 18.5px;
                    font-weight: 300;
                }

                .cart tbody tr td.product .sku label {
                    display: block;
                }

        .cart tbody tr td.cart-table-quantity {
            text-align: center;
        }

        .cart tbody tr td.remove-from-cart {
            padding: 6px;
        }

            .cart tbody tr td.remove-from-cart .td-title {
                display: block;
                font-size: 0;
                width: 51px;
                height: 110px;
                background-color: #F3F3F3;
                background-repeat: no-repeat;
                background-size: 18px;
                background-position: center;
                background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Cart/bin-icon.svg);
                cursor: pointer;
            }

            .cart tbody tr td.remove-from-cart input {
                display: none;
            }

        .cart tbody tr td.product-comment-td .product-comment-label {
            display: block;
            margin: 0 0 6px;
            color: #B2B2B2;
            font-size: 15px;
            font-weight: 500;
            text-align: left;
        }

        .cart tbody tr td.product-comment-td .product-comment {
            height: 55px;
            overflow-y: auto;
            resize: none;
            border: 1px solid #E1E6EB;
            font-weight: 300;
            font-size: 14px;
            max-width: 138px;
            min-height: unset;
        }

        .cart tbody tr td.unit-price {
            padding: 0 10px;
        }

            .cart tbody tr td.unit-price .product-unit-price {
                color: #000000;
                font-size: 18px;
                font-weight: 700;
                line-height: 23px;
            }

.order-summary-content {
    padding: 0 0 clamp(45px,8vw,86px);
}

.cart-table-quantity-grid {
    gap: 8px;
    justify-content: center;
}

    .cart-table-quantity-grid .measurement-unit-cart {
        color: #757575;
        font-weight: 500;
        font-size: 15px;
        line-height: 23px;
        text-transform: uppercase;
    }

    .cart-table-quantity-grid.no-edit-quantity-grid, .checkout-page .cart-table-quantity-grid {
        justify-content: unset;
        max-width: 100px;
        margin: 0 0 0 auto;
    }

.cart-quantity-spinner {
    gap: 4px;
}

    .cart-quantity-spinner .cart-ui-spinner-button {
        width: 43px;
        height: 43px;
        border-radius: 3px;
        font-size: 0;
        background-color: #FFF;
        border: 1px solid #E1E6EB;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 9px;
    }

    .cart-quantity-spinner .cart-ui-spinner-down {
        background-color: #F3F3F3;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Cart/cart-minus-icon.svg);
    }

    .cart-quantity-spinner .cart-ui-spinner-up {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Cart/cart-plus-icon.svg);
    }

.cart-quantity-spinner {
    gap: 4px;
}

    .cart-quantity-spinner .qty-cart-input {
        width: 43px;
        height: 43px;
        text-align: center;
        border: 1px solid #E1E6EB;
        border-radius: 3px;
        color: #000000;
        font-size: 18px;
        line-height: 23px;
        font-weight: 600;
    }

.shopping-cart-page .totals {
    order: -1;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,.26);
    padding: 7px 17px 17px;
}

.shopping-cart-page .selected-checkout-attributes {
    display: none;
}

.cart-continueshopping-button {
    padding: 0 10px;
    margin-top: clamp(35px, 9vw, 109px);
}

    .cart-continueshopping-button button {
        width: 196px;
        height: 45px;
        position: relative;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #FFF;
        color: #757575;
        font-size: 14.5px;
        padding: 14px 4px 14px 14px;
        font-weight: 600;
        border: 1px solid #757575;
    }

        .cart-continueshopping-button button::before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 13px;
            width: 8px;
            height: 12px;
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Cart/left-cevron-icon.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            -moz-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
        }

        .cart-continueshopping-button button:hover::before {
            -moz-transform: translate(-5px,-50%);
            -ms-transform: translate(-5px,-50%);
            -o-transform: translate(-5px,-50%);
            -webkit-transform: translate(-5px,-50%);
            transform: translate(-5px,-50%);
        }

.shopping-cart-page .checkout-buttons .checkout-button {
    width: 100%;
    background-color: #E90018;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 15px 10px 12px;
    color: #FFF;
    font-weight: 300;
    line-height: 18px;
    font-size: 15px;
    border: 0;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .shopping-cart-page .checkout-buttons .checkout-button:hover {
        opacity: .7;
    }

.shopping-cart-page .terms-of-service {
    padding: 0;
    position: relative;
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,.26);
    padding: 16px 16px 60px;
    text-align: left;
    font-size: 14px;
}

.shopping-cart-page .cart-grid-right .totals {
    margin: 0 0 32px;
}

.shopping-cart-page .cart-options {
    margin: 0 0 32px;
}

.shopping-cart-page .terms-of-service .terms-agree {
    position: absolute;
    bottom: 21px;
    left: 45px;
    color: #E90018;
    font-weight: 700;
    font-size: 15px;
    line-height: 18px;
}

.shopping-cart-page .checkout-attributes dt label {
    color: #B2B2B2;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
}

.totals .cart-total tr td {
    padding: 13px 0;
    font-size: 15px;
    line-height: 18px;
    color: #232323;
    font-weight: 300;
}

    .totals .cart-total tr td:first-child {
        font-size: 15px;
        line-height: 23px;
        font-weight: 600;
        color: #B2B2B2;
        width: 35%;
    }

    .totals .cart-total tr td.cart-total-right span {
        display: block;
        max-width: 120px;
        margin-left: auto;
        text-align: left;
        font-weight: 600;
    }

.totals .cart-total tr.order-subtotal td.cart-total-right {
    font-weight: 700;
    font-family: "cf_asty_stdbold";
    color: #000000;
    font-size: 18px;
}

.cart-table-quantity {
    position: relative;
}

    .cart-table-quantity .message-error ul li {
        font-size: clamp(11.11px, 1vw, 13.33px);
        margin: 0;
        color: #E90018;
        font-weight: 600;
    }
/*** END CART TABLE STYLES ***/
.cart td.unit-price,
.data-table td.unit-price {
    white-space: nowrap;
    padding: 0;
    min-width: unset;
    width: 9%;
}

.cart .unit-price .card div {
    background-color: transparent;
    border: 0;
}

.cart .unit-price .prices {
    border: 0;
    margin: 0;
    pointer-events: all !important;
}

.cart .unit-price .card div.back {
    line-height: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    justify-content: center;
}

.cart .unit-price .card .suggested-retail-price-label {
    color: #a8a8aa;
}

.cart .suggested-retail-price {
    color: #a8a8aa;
}

.cart .prices .back .suggested-retail-price-wrap {
    margin: 0 0 7px;
}

.cart .prices .info-icon {
    display: none;
}

.validation-errors-wrap {
    max-width: 430px;
    margin: 0 auto;
    padding: 0 15px;
}

.shopping-cart-page {
    max-width: 1388px;
    margin: 0 auto;
    padding: 0 5px;
}

    .shopping-cart-page .page-title {
        margin: 0 0 28px;
        padding: 0;
    }

        .shopping-cart-page .page-title h1 {
            color: #000000;
            font-weight: 700;
            font-family: "cf_asty_stdbold";
        }

.terms-of-service a {
    margin: 0 0 0 3px;
    color: #e90018;
}

.cart-footer .total-info {
    margin: 0;
    border-bottom: 0;
    padding: 5px 0 15px;
}

.cart-footer .terms-of-service {
    text-align: left;
    padding: 0;
}

.cart-footer .checkout-buttons {
    padding: 0;
}

.shopping-cart-page .common-buttons .update-cart-button {
    display: none;
}

.cart-total td {
    font-family: "cf_asty_stdlight";
}

.cart-total .order-total {
    font-family: "cf_asty_stdmedium";
}

    .cart-total .order-total label {
        display: block;
        max-width: 78px;
    }


.cart-options .common-buttons {
    text-align: right;
    padding: 0;
    margin: 0;
}

.cart-footer {
    margin: 0 0 50px;
    border-top: 0;
}

    .cart-footer .totals {
        width: 100%;
        margin: 0;
        max-width: 450px;
    }

.checkout-buttons input[type="submit"],
.checkout-buttons button {
    width: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
}

.cart-footer .checkout-button {
    display: inline-block;
    min-width: 160px;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: #e90018;
    color: #fff;
    text-align: center;
    font-family: "cf_asty_stdmedium";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .cart-footer .checkout-button:hover {
        background-color: #b1070a;
    }

.checkout-buttons .continue-shopping-button {
    display: inline-block;
    min-width: 160px;
    border: none;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background-color: #262626;
    color: #fff;
    text-align: center;
    font-family: "cf_asty_stdmedium";
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .checkout-buttons .continue-shopping-button:hover {
        background-color: #505050;
    }

.cart-footer .cart-collaterals {
    width: calc(100% - 480px);
    margin: 0;
    padding: 0;
}

.shopping-cart-page .checkout-attributes {
    float: none;
}

.cart-options textarea {
    width: 100%;
    border: 0;
    resize: none;
    height: 90px;
    min-height: unset;
    overflow-y: auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,.26);
    background-color: #FFF;
}

.cart-footer .cart-collaterals div {
    float: none;
    margin: 0 0 15px;
    max-width: 500px;
}

.cart-footer .terms-of-service {
    text-align: left;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.terms-of-service label {
    cursor: pointer;
    padding: 0 5px 0 30px;
}

.address-edit-page input[type="checkbox"],
.registration-page .accept-privacy-policy input[type="checkbox"],
.terms-of-service input[type="checkbox"],
.search-input input[type="checkbox"] {
    display: none;
}

    .address-edit-page input[type="checkbox"] + input + label:before,
    .address-edit-page input[type="checkbox"] + input + label:after,
    .registration-page .accept-privacy-policy input[type="checkbox"] + label:after,
    .registration-page .accept-privacy-policy input[type="checkbox"] + label:before,
    .terms-of-service input[type="checkbox"] + label:before,
    .terms-of-service input[type="checkbox"] + label:after,
    .search-input input[type="checkbox"] + input + label:before,
    .search-input input[type="checkbox"] + input + label:after {
        content: "";
        display: block;
        height: 21px;
        width: 21px;
        position: absolute;
        left: 0;
        border: 1px solid #ccc;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .address-edit-page input[type="checkbox"]:checked + input + label:after,
    .registration-page
    .accept-privacy-policy
    input[type="checkbox"]:checked + label:after,
    .terms-of-service input[type="checkbox"]:checked + label:after,
    .search-input input[type="checkbox"]:checked + input + label:after {
        background-color: #e90018;
        -moz-box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
        -webkit-box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
        box-shadow: inset 0 0 0 4px rgb(255, 255, 255);
        width: 20px;
        height: 20px;
    }

    .registration-page .accept-privacy-policy input[type="checkbox"] + label:after,
    .registration-page
    .accept-privacy-policy
    input[type="checkbox"] + label:before {
        left: -25px;
    }

.shopping-cart-page .terms-of-service input[type="checkbox"] + label:after {
    top: 94.5%;
    left: 16px;
}

.shopping-cart-page .terms-of-service input[type="checkbox"] + label:before {
    display: none;
}

.checkout-attributes-wrapper label.text-prompt {
    color: #B2B2B2;
    font-weight: 500;
    font-size: 15px;
    line-height: 23px;
    display: block;
    margin: 0 0 5px;
}

.shopping-cart-page .terms-of-service a {
    margin: 0px 0 0 3px;
    color: #e90018;
    display: block;
}

.shopping-cart-page .terms-of-service label {
    cursor: pointer;
    padding: 0;
    display: block;
    font-size: 14px;
    color: #757575;
}

.account-page-wrapper .address-edit-page .inputs.is-company label {
    padding: 0 25px;
    background: transparent;
    position: static;
}

.registration-page .accept-privacy-policy > * {
    position: relative;
}

.measurement-unit-cart {
    margin: 5px 0 0;
}
/*********** CHECKOUT PAGE **********/
.checkout-page .table-wrapper {
    padding: 0 10px;
}

.checkout-page .cart .product-quantity {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E1E6EB;
    border-radius: 3px;
    padding: 0 5px;
    color: #000000;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
}

.checkout-page .cart-continueshopping-button {
    display: none;
}

/*.checkout-page .cart-grid-right {
    display: none;
}*/

/*.checkout-page .cart-grid-left {
    flex-basis: 100%;
    width: 100%;
}*/

/*.checkout-page .cart-grid-container {
    max-width: 1057px;
    margin: 0 auto;
}*/

.checkout-page .cart .product-comment-td {
    padding: 0 20px;
}

.checkout-page {
    max-width: 1388px;
    padding: 0 15px;
    margin: 0 auto;
}

    .checkout-page .button-1 {
        display: inline-block;
        min-width: 140px;
        border: none;
        background-color: #e90018;
        padding: 10px 30px;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

        .checkout-page .button-1:hover {
            background-color: #b1070a;
        }

    .checkout-page .page-title {
        margin: 0 0 30px;
    }

.order-progress a {
    min-width: 80px;
    text-transform: uppercase;
    font-size: 13px;
    color: #000;
    font-family: "cf_asty_stdregular";
}

.order-progress {
    margin: 0 0 60px;
    background-color: #F7F7F7;
    box-shadow: 0px 10px 20px rgba(0,0,0,.26);
    padding: 26px 0 16px;
}

    .order-progress li {
        margin: 0 5px;
        padding: 15px;
        background-color: #fff;
        min-width: 124px;
        box-shadow: 0px 0px 10px rgba(0,0,0,.26);
    }

    .order-progress a:before {
        content: "";
        display: block;
        width: 35px;
        height: 35px;
        background: none;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 25px;
        border: 0;
    }

    .order-progress .cart-step a:before {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/shoppingcart-icon.png);
    }

    .order-progress .address-step a:before {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/address-icon.png);
    }

    .order-progress .shipping-step a:before {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/truck-icon.png);
    }

    .order-progress .payment-step a:before {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/payment-icon.png);
    }

    .order-progress .confirmation-step a:before {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/invoice-icon.png);
    }

    .order-progress .completed-step a:before {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/tick-icon.png);
    }
/*Billing Address*/
.checkout-page .select-button {
    text-align: center;
}

    .checkout-page .select-button input, .checkout-page .select-button button {
        width: 100%;
        padding: 15px 20px;
    }

.checkout-page .order-summary .title-order-summary {
    margin-bottom: 31px;
    text-align: center;
}

    .checkout-page .order-summary .title-order-summary strong {
        color: #000000;
        font-size: 26px;
        line-height: 37px;
        text-align: center;
        font-family: "cf_asty_stdbold";
        font-weight: 700;
    }

.ship-to-same-address h4 {
    margin: 0 0 20px;
    color: #323232;
    font-family: "cf_asty_stdlight";
    font-size: 17px;
}

.ship-to-same-address .switchButton {
    position: absolute;
    margin: 0 auto;
    right: 0;
    left: 0;
    top: 50%;
}

.new-billing-address .ui-widget-content, .new-shipping-address .ui-widget-content {
    background: none;
    border: 0;
    padding: 0;
}

.enter-address .edit-address {
    background-color: #fff;
    border-top: 0;
    margin: 0;
    padding: 20px;
}

.checkout-page .new-billing-address, .checkout-page .new-shipping-address {
    max-width: 860px;
    margin: 0 auto;
}

.enter-address .edit-address {
    background-color: #fff;
    border-top: 0;
    margin: 0;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.checkout-page .required {
    display: none;
}

.checkout-page .buttons {
    margin: 30px 0;
}

.new-billing-address .inputs, .new-shipping-address .inputs {
    width: 49%;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
    position: relative;
    margin: 0;
}

#CompanyDetails {
    width: 100%;
}

#NewAddress_IsCompany {
    position: absolute;
    right: 15px;
    top: 15px;
}

.checkout-page .inputs input[type="text"] {
    width: 100%;
}

.checkout-page .inputs .nice-select {
    width: 100%;
    border: 0;
}

.checkout-page .inputs-select {
    border: solid 1px #e8e8e8;
}

.checkout-page .inputs-select {
    border: solid 1px #e8e8e8;
    border-bottom: 0;
}

.new-billing-address .title, .new-shipping-address .title {
    background: transparent;
    padding: 15px;
    border: 0;
    border-bottom: 2px solid #ccc;
    font-family: "cf_asty_stdregular";
}

    .new-billing-address .title .ui-accordion-header-icon, .new-shipping-address .title .ui-accordion-header-icon {
        display: none;
    }

    .new-billing-address .title strong, .new-shipping-address .title strong {
        font-family: "cf_asty_stdlight";
    }

    .new-billing-address .title:after, .new-shipping-address .title:after {
        content: "";
        width: 40px;
        height: 40px;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-bottom.svg);
        background-size: 35px;
        background-repeat: no-repeat;
        background-position: 97% center;
        display: block;
        position: absolute;
        right: 25px;
        top: 15%;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .new-billing-address .title.ui-state-active:after, .new-shipping-address .title.ui-state-active:after {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.checkout-page .ship-to-same-address {
    padding: 15px 0;
    text-align: center;
}

.checkout-page .inputs-last-name input[type="text"] {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.checkout-page .phone-inputs input[type="text"] {
    width: 100%;
    border-bottom: solid 1px #e8e8e8;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-width: 400px;
}

.checkout-page .edit-address .nice-select .list {
    width: 100%;
}

/*Shipping*/
.shipping-method .method-name {
    display: inline-block;
    position: relative;
}

.shipping-method .method-list li label {
    padding: 0 0 0 15px;
}
/*Order Completed*/
.order-completed .details strong {
    font-family: "cf_asty_stdregular";
    text-transform: none;
}

.order-completed .details a {
    color: #ed0903;
}

.shipping-method .shipping-method-container {
    max-width: 810px;
    margin: 0 auto;
}

.shipping-method .method-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(300px, calc(50% - 10px), 400px), 1fr));
    list-style-type: none;
    gap: 20px;
    padding: 15px 25px 25px;
}

    .shipping-method .method-list li {
        background-color: #FFF;
        margin: 0;
        padding: clamp(20px, 3vw, 34px) clamp(18px, 3vw, 32px);
        box-shadow: 0px 0px 10px rgba(0,0,0,0.26);
        text-align: left;
    }

        .shipping-method .method-list li .method-name {
            background-color: #FFF;
            color: #000000;
            font-size: clamp(16px, 1.5vw, 18px);
            font-weight: 700;
            padding: 0;
        }

            .shipping-method .method-list li .method-name label {
                color: #000;
                font-weight: 700;
                font-size: clamp(16px, 1.5vw, 18px);
                padding-left: 31px;
                position: relative;
                cursor: pointer;
                font-family: "cf_asty_stdbold";
                display: flex;
            }


            .shipping-method .method-list li .method-name input {
                display: none;
            }

                .shipping-method .method-list li .method-name input + label::before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 50%;
                    left: 0;
                    transform: translateY(-50%);
                    width: 17px;
                    height: 17px;
                    border: 1px solid #B2B2B2;
                    border-radius: 0;
                    background-color: #FFF;
                    -moz-transition: all .3s ease-in-out;
                    -o-transition: all .3s ease-in-out;
                    -webkit-transition: all .3s ease-in-out;
                    transition: all .3s ease-in-out;
                    box-shadow: inset 0 0 0 3px #FFF;
                }

                .shipping-method .method-list li .method-name input:checked + label::before {
                    background-color: #E90018;
                }

        .shipping-method .method-list li .method-description {
            color: #000;
            font-weight: 400;
            font-size: clamp(14px, 1vw, 16px);
            padding-left: 31px;
            min-height: 38px;
            font-family: 'cf_asty_stdlight';
        }

        .shipping-method .method-list li .method-name-wrap {
            min-height: 40px;
        }

/*********** LOGIN PAGE **********/
.login-page {
    background-color: #f7f7f7;
    padding: 100px 0;
}

    .login-page .customer-blocks {
        margin: 0 auto;
    }

    .login-page .external-authentication {
        margin: 0;
    }

    .login-page .new-wrapper .text {
        margin: 0 0 15px;
        border-top: 0;
        background-color: #fff;
        padding: 19px 0 20px;
        min-height: unset;
        font-family: "cf_asty_stdlight";
        text-align: left;
        font-size: 13px;
    }

    .login-page .customer-blocks-tabs section {
        display: none;
        padding: 20px;
        background-color: #fff;
    }

    .login-page .customer-blocks-tabs {
        margin: 0 auto;
        width: 100%;
        max-width: 390px;
        background-color: #fff;
        -moz-box-shadow: 0 1px 5px #e5e5e5;
        -webkit-box-shadow: 0 1px 5px #e5e5e5;
        box-shadow: 0 1px 5px #e5e5e5;
    }

        .login-page .customer-blocks-tabs input[type="radio"] {
            display: none;
        }

    .login-page .returning-wrapper .form-fields {
        min-height: unset;
        padding: 0;
        width: 100%;
    }

    .login-page .inputs {
        width: 100%;
    }

    .login-page #tab1:checked ~ #content1,
    .login-page #tab2:checked ~ #content2 {
        display: block;
    }

    .login-page .new-wrapper {
        float: none;
        width: 100%;
        margin: 0;
    }

    .login-page .returning-wrapper {
        float: none;
        width: 100%;
        position: static;
    }

    .login-page input[type="radio"] + label {
        display: block;
        float: left;
        /*width: 50%;*/
        width: 100%;
        font-family: "cf_asty_stdbold";
        font-size: 12px;
        height: 60px;
        text-align: center;
        line-height: 65px;
        background-color: #ededed;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: 0;
        /*cursor: pointer;*/
        color: #000;
    }

    .login-page input[type="radio"]:checked + label {
        color: #000;
        background-color: #fff;
    }

    .login-page .returning-wrapper .buttons {
        background-color: #fff;
        padding: 0;
        margin: 20px 0 0;
    }

    .login-page .button-1,
    .login-page .login-button {
        width: 100%;
        color: #fff;
        text-align: center;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        padding: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        height: 50px;
        line-height: 55px;
        background-color: #000;
    }

        .login-page .button-1:hover,
        .login-page .login-button:hover {
            background-color: #e90018;
            opacity: 1;
        }

    .login-page input[type="radio"] + label[for="tab2"] {
        display: none;
    }

    .login-page .returning-wrapper .inputs.reversed {
        white-space: normal;
        margin: 0;
        height: auto;
    }

    .login-page .returning-wrapper input[type="text"],
    .login-page .returning-wrapper input[type="password"] {
        width: 100%;
        background: #fff;
        height: 42px;
        line-height: 42px;
        padding: 0 15px;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        text-align: right;
        color: #656565;
        max-width: 100%;
        border: 1px solid #fff;
        -moz-appearance: none;
        -webkit-appearance: none;
    }

    .login-page .inputs.reversed {
        border: 0;
    }

    .login-page .inputs {
        width: 100%;
        position: relative;
        border-top: 1px solid #e5e5e5;
        border-left: 1px solid #e5e5e5;
        border-right: 1px solid #e5e5e5;
        height: 44px;
        margin: 0;
    }

        .login-page .inputs:nth-child(2) {
            border-bottom: 1px solid #e5e5e5;
        }

    .login-page .returning-wrapper .inputs label {
        position: absolute;
        height: 41px;
        left: 1px;
        top: 1px;
        width: auto;
        padding: 0 15px;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        line-height: 41px;
        color: #000;
        background-color: #fff;
        margin: 0;
    }

    .login-page .returning-wrapper .inputs.reversed * {
        display: block;
        width: auto;
        font-family: "cf_asty_stdregular";
        font-size: 12px;
        line-height: 14px;
        margin: 20px 0;
        color: #656565;
        position: relative;
        text-align: left;
    }

    .login-page .returning-wrapper .inputs.reversed a:hover {
        color: #e90018;
    }

.register-block .buttons {
    margin: 0;
}

.login-page .new-wrapper .button-1 {
    margin: 0;
}

.login-page .returning-wrapper .inputs.reversed .forgot-password {
    display: none;
}
/*********** REGISTER PAGE **********/
.registration-page {
    padding: 80px 0 100px;
}

    .registration-page .form-fields {
        max-width: 400px;
        margin: 0 auto;
    }

    .registration-page .button-1 {
        max-width: 320px;
    }

    .registration-page .date-of-birth {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .registration-page .date-of-birth .nice-select {
            -ms-flex-preferred-size: 32%;
            flex-basis: 32%;
            margin: 0;
        }

            .registration-page .date-of-birth .nice-select .option {
                font-size: 12px;
            }
/*********** COMPARE PRODUCTS WIDGET **********/
.compare-products-notification-wrapper {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
}

.compare-products-notification-bar {
    background-color: #e90018;
    padding: 12px 0 11px;
    cursor: pointer;
}

.compare-products-noticifation .product-picture img {
    max-width: 100px;
    display: block;
    margin: auto;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}

.compare-products-notification-wrapper a,
.compare-products-notification-wrapper span {
    color: #fff;
    font-size: 12px;
    font-family: "cf_asty_stdmedium";
}

.compare-bar-text {
    margin: 0 15px 0 0;
    padding: 0 0 0 30px;
    position: relative;
}

    .compare-bar-text:before {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/box-compare-icon.svg);
        position: absolute;
        left: 0;
        top: -2px;
    }

.compare-products-notification-wrapper a {
    font-size: 10px;
    text-decoration: underline;
}

    .compare-products-notification-wrapper a:hover {
        color: #191919;
    }

.compare-products-notification-container {
    max-width: 1380px;
    padding: 0 15px;
    margin: 0 auto;
}

.compare-products-noticifation {
    background-color: #fff;
    padding: 10px 0;
}

.close-comparison-wrap {
    text-align: right;
    padding: 0 30px 0 0;
    position: relative;
}

    .close-comparison-wrap .show-text {
        display: block;
    }

    .close-comparison-wrap .close-text {
        display: none;
    }

    .close-comparison-wrap.active .close-text {
        display: block;
    }

    .close-comparison-wrap.active .show-text {
        display: none;
    }

    .close-comparison-wrap:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        width: 24px;
        height: 24px;
        top: -4px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-white-down-icon.svg);
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .close-comparison-wrap.active:after {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.compare-bar-text a {
    text-decoration: none;
}

.compare-item {
    width: 19.5%;
    -ms-flex-preferred-size: 19.5%;
    flex-basis: 19.5%;
    margin: 0 0.6% 0 0;
    text-align: center;
    border-top: 0;
    position: relative;
    min-height: 262px;
    border: 1px solid #ededed;
    padding: 0 20px;
}

    .compare-item:nth-of-type(5n) {
        margin: 0;
    }

    .compare-item .product-name a {
        width: 100%;
        max-width: 250px;
        margin: auto;
        font-family: "cf_asty_stdlight";
        font-size: 16px;
        line-height: 20px;
        padding: 0 5px;
        height: 60px;
        overflow: hidden;
        color: #000;
        text-decoration: none;
        display: block;
    }

    .wishlist-item .remove-label,
    .compare-item .remove-product {
        position: relative;
    }

        .wishlist-item .remove-from-cart input,
        .compare-item .remove-product .remove-button {
            background-color: #e5e5e5;
            width: 26px;
            height: 26px;
            line-height: 26px;
            position: absolute;
            top: 10px;
            right: -10px;
            display: block;
            z-index: 1;
            font-size: 0;
            border: 0;
            border-radius: 50%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 12px;
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/close-white-icon.svg);
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .wishlist-item .remove-from-cart input:hover,
            .compare-item .remove-product .remove-button:hover {
                background-color: #e90018;
            }

    .compare-item .product-price .price {
        font-family: "cf_asty_stdmedium";
        font-size: 20px;
        line-height: 38px;
        color: #323232;
        display: block;
    }

    .compare-item .product-sku span {
        color: #d1d1d1;
        font-family: "cf_asty_stdregular";
        font-size: 12px;
        line-height: 16px;
    }

.compare-cart-container {
    width: 100%;
    max-width: 200px;
    margin: 10px auto;
    background-color: #efefef;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 35px;
    line-height: 35px;
}

.compare-products-notification-wrapper .picture {
    display: block;
    height: 100px;
    position: relative;
}

.compare-add-to-cart {
    -ms-flex-preferred-size: calc(100% - 43px);
    flex-basis: calc(100% - 43px);
}

.compare-add-to-wishlist {
    -ms-flex-preferred-size: 43px;
    flex-basis: 43px;
}

.compare-cart-bottom input[type="button"] {
    width: 100%;
    height: 100%;
    border: 0;
}

.compare-add-to-cart .add-to-cart-button {
    background-color: #e90018;
    color: #fff;
    text-align: center;
    font-family: "cf_asty_stdmedium";
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 0 0;
}

    .compare-add-to-cart .add-to-cart-button:hover {
        background-color: #b1070a;
    }

.compare-cart-bottom .add-to-wishlist-button {
    background-color: #efefef;
    line-height: 40px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/heart-icon-compare.svg);
}

    .compare-cart-bottom .add-to-wishlist-button:hover {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/heart-icon-compare-hover.svg);
    }

.compare-products-page .clear-list {
    position: static;
    margin: 0 auto 35px;
    display: block;
    max-width: 300px;
    background-color: #e90018;
    text-align: center;
}

    .compare-products-page .clear-list:hover {
        background-color: #e90018;
        opacity: 0.7;
    }

.compare-products-table .remove-button:hover {
    color: #e90018;
}

.compare-products-table .product-name td a:hover {
    color: #e90018;
}

/*********** WISHLIST PAGE **********/
.wishlist-page .prices.prices-not-allowed {
    flex-basis: 100%;
    text-align: center;
    line-height: 50px;
}

.wishlist-page-wrapper .container {
    max-width: 1340px;
}

.wishlist-page {
    max-width: unset;
    padding: 0;
    margin: 0 auto;
}

    .wishlist-page .page-title h1 {
        margin: 0 0 30px;
    }

.cart th,
.data-table th,
.forum-table th {
    text-align: center;
    text-transform: uppercase;
    font-family: "cf_asty_stdmedium";
}

.wishlist-page .share-info {
    display: none;
}

.wishlist-page .email-a-friend-wishlist-button {
    display: none;
}

.cart .add-to-cart label {
    display: block;
    font-size: 0;
    width: 27px;
    height: 27px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 19px;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/cart-icon.svg);
    margin: auto;
    cursor: pointer;
    border-radius: 50%;
    background-color: #b1070a;
}

    .cart .add-to-cart label input {
        display: none;
    }

.wishlist-page .no-data {
    margin: 25px 0 0;
    text-align: center;
    font-family: "cf_asty_stdlight";
}

.wishlist-content .update-wishlist-button {
    display: none;
}

.wishlist-content .button-2 {
    display: none;
}

.cart td.quantity input {
    width: 65px;
    text-align: center;
    height: 42px;
    margin-top: 0;
    margin-bottom: 0;
}

.cart .product-picture img {
    max-height: 90px;
}

.data-table td,
.forum-table td {
    mix-blend-mode: multiply;
    background-color: #f7f7f7;
}

.cart .ui-corner-all {
    border: 0;
    background: transparent;
}

.cart .ui-state-default .ui-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 1px solid #ddd;
}

.cart .ui-spinner a.ui-spinner-button {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: none;
    border: 0;
}

.cart .ui-state-default .ui-icon {
    cursor: pointer;
    width: 20px;
    height: 20px;
}

    .cart .ui-state-default .ui-icon.ui-icon-triangle-1-n {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/plus-icon.svg);
        background-position: center;
        background-size: 10px;
    }

    .cart .ui-state-default .ui-icon.ui-icon-triangle-1-s {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/minus-icon.svg);
        background-position: center;
        background-size: 11px;
    }

.wishlist-item .remove-label {
    display: block;
}

.wishlist-item .remove-from-cart input {
    -webkit-appearance: none;
    cursor: pointer;
    position: relative;
    right: 0;
    top: 0;
}

.wishlist-item.z-index-fix .remove-from-cart input {
    z-index: 0;
}

.wishlist-item .remove-from-cart {
    position: absolute;
    right: 5px;
    top: 10px;
    cursor: pointer;
}

.item-box .wishlist-title .product-title {
    display: block;
    color: #000000;
    font-size: 17px;
    text-align: center;
    line-height: 20px;
}

.wishlist-item-bottom {
    width: 100%;
    height: 51px;
    background-color: #fbfbfb;
    border-top: 1px solid #e5e5e5;
}

.wishlist-buttons-left {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}

.wishlist-buttons-right {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.wishlist-buttons-left .unit-price {
    display: inline-block;
    padding: 0 15px;
    line-height: 50px;
    font-family: "cf_asty_stdmedium";
    font-size: 19px;
    color: #323232;
}

.item-box .wishlist-item-bottom input[type="button"] {
    width: 40px !important;
    font-size: 0;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/wishlist-cart-icon.svg);
    border: 0 !important;
    margin: 0 7px 0 0;
}

.wishlist-remove-button .remove-label input[type="checkbox"] {
    -webkit-appearance: none;
    height: 50px;
    cursor: pointer;
}

.wishlist-page .item-box .unit-price .prices {
    border: 0;
    width: 120px !important;
    margin: 0;
}

/*.wishlist-page .unit-price .card div, .item-box .card div {
    background-color: #fbfbfb;
}*/


/******* SHOPPING CART *******/
.order-summary-confirm .cart tbody tr td.product-comment-td .product-comment {
    pointer-events: none;
}

.order-summary-confirm .checkout-attributes textarea {
    min-width: clamp(240px, 18vw, 350px);
    pointer-events: none;
}

.order-summary-confirm .selected-checkout-attributes textarea {
    font-family: "cf_asty_stdregular";
    padding: 8px;
    vertical-align: middle;
    min-width: clamp(240px, 18vw, 350px);
    border: 0;
    resize: none;
    min-height: 110px;
    overflow-y: auto;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .26);
    background-color: #FFF;
    font-size: 14px;
    color: #777;
    line-height: 18px;
    width: 100%;
}

.order-summary-confirm .selected-checkout-attributes {
    margin: 15px 0;
}
/******* END SHOPPING CART *******/
/*********** WIZARD PAGE **********/
.wizard-outter-wrapper {
    padding: 15px 0;
    background-color: #eeeeee;
}

    .wizard-outter-wrapper .product-grid {
        margin: 0;
    }

.wizard-outter-container {
    max-width: 1448px;
    padding: 0 10px;
    margin: 0 auto;
    width: 97%;
}

.wizard-inputs,
.wizard-button {
    margin: 0;
}

    .wizard-inputs label {
        margin-bottom: 7px;
        font-family: "cf_asty_stdbold";
    }

    .wizard-inputs select {
        width: 100%;
        padding: 10px;
    }

    .wizard-button .wizard-refresh-button {
        background-color: transparent;
        color: #e90018;
        border: 1px solid #e90018;
    }

    .wizard-button > button,
    .wizard-button > input {
        width: 100%;
        display: block;
        border: 0;
        background-color: #e90018;
        color: #fff;
        height: 42px;
        font-size: 13px;
        font-weight: 700;
        text-transform: uppercase;
    }

        .wizard-button > button:hover,
        .wizard-button > input:hover {
            opacity: 0.7;
        }

.select2-container--default
.select2-selection--single
.select2-selection__rendered {
    background-color: #fff !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}

.select2-dropdown {
    z-index: 1035 !important;
}

.select2-container {
    width: 100% !important;
}

.wizard-inputs-grid {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(clamp(180px, 13vw, 220px), 1fr) );
    gap: 20px;
}

/*********** NOT FOUND PAGE **********/
.page-not-found-wrapper {
    padding: 80px 0 100px;
    text-align: center;
}

.not-found-page .page-title {
    display: none;
}

.page-not-found-container {
    max-width: 1230px;
    padding: 0 15px;
    margin: 0 auto;
}

.page-not-found-image img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.page-not-found-text span {
    font-size: 46px;
    font-family: "cf_asty_stdbold";
    color: #000000;
}

.page-not-found-link a {
    color: #e90018;
    font-size: 18px;
    font-family: "cf_asty_stdbold";
}

    .page-not-found-link a:hover {
        color: #a91b13;
    }

.not-found-page p {
    margin: 45px 0 40px;
}

/*********** PASSWORD RECOVERY PAGE **********/
.password-recovery-page {
    padding: 80px 0 100px;
}

.password-recovery-wrap {
    max-width: 430px;
    padding: 0 15px;
    margin: 0 auto;
    text-align: center;
}

.password-recovery-page .form-fields {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
/*********** FOOTER **********/
.footer-newsletter {
    padding: 85px 0;
    background-color: #fff;
    display: none;
}

.newsletter-container {
    max-width: 810px;
    margin: 0 auto;
    padding: 0 15px;
}

.newsletter-text {
    padding: 0 10px 0 0;
}

    .newsletter-text h3 {
        color: #323232;
        font-family: "cf_asty_stdthin";
        font-size: 22px;
        text-align: left;
    }

.newsletter-email input[type="text"] {
    width: calc(100% - 151px);
    border: 2px solid #e2e2e2;
    height: 49px;
    background-color: #f2f2f2;
    font-size: 16px;
    font-family: "cf_asty_stdregular";
    color: #323232;
    padding: 10px;
}

    .newsletter-email input[type="text"]::placeholder {
        font-size: 13px;
        font-family: "cf_asty_stdregular";
        color: #323232;
    }

.newsletter-email .newsletter-subscribe-button {
    width: 151px;
    height: 49px;
    background-color: #111111;
    text-transform: none;
    font-family: "cf_asty_stdregular";
    font-size: 16px;
}

    .newsletter-email .newsletter-subscribe-button:hover {
        opacity: 0.7;
    }

.footer-social {
    background: #e90018;
    background: -moz-linear-gradient(left, #e90018 0%, #f8001c 100%);
    background: -webkit-linear-gradient(left, #e90018 0%, #f8001c 100%);
    background: linear-gradient(to right, #e90018 0%, #f8001c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e90018 ', endColorstr='#f8001c',GradientType=1 );
    padding: 20px 0;
}

.footer-social-container {
    max-width: 380px;
    margin: 0 auto;
    padding: 0 15px;
}

.footer-social .social li {
    margin: 0 10px 0 0;
}

    .footer-social .social li a {
        width: 34px;
        height: 34px;
        display: block;
        margin: 0 5px 0 0;
        font-size: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 26px;
    }

    .footer-social .social li:hover a {
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .footer-social .social li.facebook a {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/facebook-icon-new.svg);
        background-size: 12px;
        background-position: 95% center;
    }

    .footer-social .social li.twitter a {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/youtube-icon-new.svg);
    }

    .footer-social .social li.youtube a {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/twitter-icon-new.svg);
    }

    .footer-social .social li.linked-in a {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/instagram-icon-new.svg);
        background-position: left;
    }

    .footer-social .social li.viber a {
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/viber-icon-new.svg);
        background-size: contain;
        width: 44px;
    }

    .footer-social .social li:last-child {
        margin: 0;
    }

.footer-upper {
    width: 100%;
    padding: 100px 0;
    border: 0;
    background-color: #fff;
}

.footer-block .title {
    color: #191919;
    font-size: 18px;
    margin: 0 0 25px;
}

.footer-block {
    width: auto;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

    .footer-block .list li {
        padding: 2px 0;
        margin: 0 0 5px;
    }

        .footer-block .list li a {
            display: inline;
            padding: 0;
            color: #191919;
            font-family: "cf_asty_stdlight";
            font-size: 14px;
        }

            .footer-block .list li a:hover {
                color: #e90018;
            }

.footer-logo-wrap {
    text-align: center;
}

    .footer-logo-wrap img {
        max-width: 100%;
        display: block;
        height: auto;
        margin: 0 auto;
    }

.footer-lower {
    width: 100%;
    padding: 10px 0;
    background-color: #262626;
}

.footer-info {
    float: none;
    line-height: 1;
}

.footer-powered-by {
    float: none;
    margin: 0;
    line-height: 1;
    display: none;
}

.footer-lower span,
.footer-lower a,
.footer-powered-by {
    color: #fff;
    font-family: "cf_asty_stdlight";
}

.footer-lower .footer-info {
    display: block;
    width: 100%;
    text-align: center;
}

    .footer-lower .footer-info span {
        text-align: center;
        font-size: 14px;
    }

.header-container {
    gap: clamp(20px, 3vw, 46px);
    align-items: end;
}

.search-as-guest-label {
    font-size: 0;
    display: none;
}

.search-as-guest-inner input {
    border: 0;
    border: 1px solid #eaeaea;
    padding: 13px 26px 13px 65px;
    width: 100%;
    max-width: 1110px;
    position: relative;
    color: #191919;
    cursor: pointer;
}

    .search-as-guest-inner input:disabled {
        background-color: #fff;
    }

    .search-as-guest-inner input::placeholder {
        font-size: clamp(14px, 1vw, 16px);
        color: #9b9898;
    }

.search-as-guest-icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

/* WIZARD DUMMY */

.wizard-wrapper {
    background-color: #eeeeee;
    padding-block: 15px 25px;
}

.wizard-inner {
    max-width: 1450px;
    width: 97%;
    padding: 0 10px;
    margin: 0 auto;
}

.wizard-grid {
    display: grid;
    grid-template-columns: repeat( auto-fill, minmax(clamp(180px, 13vw, 220px), 1fr) );
    gap: 20px;
}

.wizard-grid-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
}

    .wizard-grid-block select {
        width: 100%;
        color: #191919;
        height: 40px;
    }

    .wizard-grid-block label {
        width: 100%;
        text-align: left;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
    }

    .wizard-grid-block button {
        width: 100%;
        border: 0;
        padding: 12px 25px;
        font-size: 13px;
        font-weight: 600;
    }

    .wizard-grid-block .wizard-search-button {
        background-color: #e90018;
        border: 1px solid #e90018;
        color: #fff;
    }

    .wizard-grid-block .wizard-clear-button {
        background-color: transparent;
        border: 1px solid #e90018;
        color: #e90018;
    }

.header-right {
    order: 2;
    flex-basis: 20%;
}

.price-limit-numbers {
    text-align: left;
}

.header-links-new-wrapper {
    display: flex;
    justify-content: space-between;
}

.flex-bottom-item {
    padding-left: 30px;
    position: relative;
}

    .flex-bottom-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 25px;
        height: 25px;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.flex-bottom-item-1:before {
    background-image: url(../../Content/images/Kesisoglou/Icons/header-bottom-icon-1.svg);
}

.flex-bottom-item-2:before {
    background-image: url(../../Content/images/Kesisoglou/Icons/header-bottom-icon-2.svg);
}

.flex-bottom-item-3:before {
    background-image: url(../../Content/images/Kesisoglou/Icons/header-bottom-icon-3.svg);
}

.flex-bottom-item-4:before {
    /*background-image: url(../../Content/images/Kesisoglou/Icons/header-bottom-icon-4.svg);*/
    background-image: url(../../Content/images/Kesisoglou/Icons/offers_icon.svg);
}

.flex-bottom-item-5:before {
    background-image: url(../../Content/images/Kesisoglou/Icons/header-bottom-icon-5.svg);
}

/* ALERT BOX */

.alert-box {
    display: none;
}

    .alert-box.open {
        background-color: rgba(0, 0, 0, 0.2);
        position: fixed;
        inset: 0;
        z-index: 999999;
        backdrop-filter: blur(10px);
        display: block;
    }

.alert-wrapper {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    max-width: 500px;
}

.alert-inner {
    padding: clamp(30px, 7vw, 50px);
    background-color: #fff;
    position: relative;
    border-radius: 10px;
}

    .alert-inner .alert-close-button {
        position: absolute;
        top: 7px;
        right: 7px;
        width: 25px;
        height: 25px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .alert-inner .alert-close-button img {
            filter: invert(1);
            cursor: pointer;
        }

.alert-body {
    max-width: 450px;
    text-align: center;
}

    .alert-body p {
        font-size: clamp(16px, 1.5vw, 20px);
    }

/* END ALERT BOX */

/*PRODUCT GRID*/
.product-cart-price-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.warning-container {
    display: none;
    border: 2px solid #FE5151;
    padding: 12px 15px;
    border-radius: 6px;
}

    .warning-container span {
        display: block;
        position: relative;
        color: #FE5151;
        font-size: 13px;
        padding-left: 45px;
    }

        .warning-container span::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            background-position: center;
            background-size: contain;
            background-repeat: no-repeat;
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/warning-filled.svg);
            width: 31px;
            height: 31px;
        }

    .warning-container.open {
        display: block
    }

.product-cart-price-wrapper .qty-input-wrapper {
    grid-column: 1/span 1;
    grid-row: 1/ span 1;
}

.product-cart-price-wrapper .warning-container {
    grid-column: 1/span 2;
    grid-row: 2/ span 1;
}

.product-cart-price-wrapper .product-cart-price-top {
    grid-column: 1/span 2;
    grid-row: 3/ span 1;
    max-width: 310px;
}

.product-cart-price-wrapper .add-to-cart-button-wrapper {
    grid-column: 1/span 2;
    grid-row: 4/ span 1;
}

.product-cart-price-wrapper .qty-input-wrapper .qty-input {
    display: block;
}

.product-cart-price-wrapper .qty-input-wrapper .ui-spinner {
    border: 0;
    height: 43px !important;
    display: flex;
    gap: 4px;
}

.product-cart-price-wrapper .qty-input-wrapper {
    border-radius: 6px;
    padding: 5px 0;
}

    .product-cart-price-wrapper .qty-input-wrapper .ui-spinner .qty-input {
        min-width: 43px;
        width: 43px;
        background-color: #FFFFFF;
        margin: 0;
        border: 1px solid #E1E6EB;
        border-radius: 3px;
        padding: 0 1px;
    }

    .product-cart-price-wrapper .qty-input-wrapper .ui-spinner .ui-spinner-button {
        border: 0;
        background: none;
        height: 43px;
        width: 43px;
        border: 1px solid #E1E6EB;
        cursor: pointer;
        border-radius: 3px;
        position: relative;
    }

        .product-cart-price-wrapper .qty-input-wrapper .ui-spinner .ui-spinner-button .ui-button-text .ui-icon {
            background-position: center;
            background-size: 11px;
            background-repeat: no-repeat;
            width: 100%;
        }

        .product-cart-price-wrapper .qty-input-wrapper .ui-spinner .ui-spinner-button.ui-spinner-up .ui-button-text .ui-icon {
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Product/product-plus-icon.svg);
        }

        .product-cart-price-wrapper .qty-input-wrapper .ui-spinner .ui-spinner-button.ui-spinner-down .ui-button-text .ui-icon {
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Product/product-minus-icon.svg);
        }

        .product-cart-price-wrapper .qty-input-wrapper .ui-spinner .ui-spinner-button.ui-spinner-up {
            right: 0;
        }

        .product-cart-price-wrapper .qty-input-wrapper .ui-spinner .ui-spinner-button.ui-spinner-down {
            order: -1;
            background-color: #F3F3F3;
        }

#bar-notification.hide {
    display: none !important;
}

.checkout-page .address-item .message-error {
    margin: 0;
}

.checkout-page .section.pickup-in-store {
    display: none;
}

.checkout-page .select-shipping-address .title {
    margin-bottom: 36px;
}

    .checkout-page .select-shipping-address .title strong {
        font-size: 26px;
        line-height: 37px;
        font-weight: 700;
        font-family: "cf_asty_stdbold";
        color: #000;
    }

.checkout-page .address-item .pickup-points .pickupinstore-inner .single-pickup-point.name {
    text-align: left;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    font-family: "cf_asty_stdbold";
    margin-bottom: 34px;
}

.checkout-page .address-item .pickup-points .pickupinstore-inner .single-pickup-point.address {
    text-align: left;
    color: #000000;
    font-size: clamp(16px,1.5vw,20px);
    line-height: clamp(24px,1.5vw,30px);
    font-weight: 600;
    max-width: 200px;
}

.checkout-page .address-item .pickupinstore-inner p.single-pickup-point.pickup-point-inner-title {
    padding: 5px 0 0;
    color: #B2B2B2;
    font-size: 18px;
    line-height: 23px;
    font-weight: 600;
    text-align: left;
}

.checkout-page .address-item .pickup-points .pickupinstore-inner .single-pickup-point.fee {
    display: none;
}

.checkout-page .page-title h1 {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 26px;
    line-height: 37px;
    font-family: "cf_asty_stdbold";
}
/*END PRODUCT GRID*/
.order-summary-content .table-wrapper td.quantity .refresh-button-wrapper {
    background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/refresh.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 27px;
    height: 27px;
    margin: 8px auto 0;
    cursor: pointer;
}

.confirm-order .order-summary-content {
    max-width: 1388px;
    margin: 0 auto;
    padding: 0;
}

.checkout-page .order-summary-content .totals {
    background-color: #FFF;
    box-shadow: 0px 0px 10px rgba(0,0,0,.26);
}

.checkout-page .confirm-order .cart-footer {
    padding: 0 10px;
}

.checkout-page .confirm-order .info-list {
    max-width: 385px;
    margin: 10px auto 0;
    background-color: #FFFFFF;
    padding: 20px;
    color: #444;
    box-shadow: 0px 0px 10px rgba(0,0,0,.26);
}

/*********** MEDIA **********/
@media (min-width: 481px) {
    .footer .header-bottom-wrapper {
        display: none;
    }
}

@media (min-width: 1001px) {
    /*********** GLOBAL STYLES **********/
    .kesisoglou-grid-click {
        display: none;
    }
    /*********** HEADER **********/
    .header-links-wrapper {
        float: none;
        padding: 0;
        align-items: end;
    }

    .header-menu > ul {
        display: none !important;
        font-size: 0;
        position: relative;
    }

    .search-box .nice-select.open .list {
        position: absolute;
        z-index: 99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
        background-color: #555555;
        color: #fff;
    }

    .search-box .nice-select .option {
        font-size: 11px;
        max-width: 100%;
        padding: 4px 8px;
        height: auto;
        line-height: 20px;
        min-height: unset;
        margin: 0;
        position: relative;
        z-index: 999999999999999;
        color: #fff;
        word-break: break-word;
        display: block;
        white-space: initial;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .search-box {
        display: block;
        text-align: left;
        vertical-align: middle;
        position: relative;
        z-index: 100000;
        z-index: inherit;
    }

        .search-box select:focus {
            color: #fff;
        }
    /*********** PRODUCT PAGE **********/
    .overview {
        width: 50%;
    }

    .gallery {
        width: 50%;
    }
    /*********** WISHLIST PAGE **********/
    .wishlist-page .item-box {
        width: 19%;
        margin: 0 1% 15px 0;
    }

    /**** CHECKOUT CONFIRM PAGE ****/
    .checkout-page .confirm-order .buttons {
        margin: 30px 0;
        text-align: right;
        max-width: 335px;
        margin: 0 0 0 auto;
        padding: 10px 20px 10px 0;
        width: 23.27%;
    }

        .checkout-page .confirm-order .buttons input {
            width: 100%;
        }
}

@media (min-width: 1001px) and (max-width: 1325px) {
    .product-ribbon {
        left: 0;
    }
}

@media screen and (min-width: 320px) {
    body {
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        body.minicart-show {
            overflow: hidden;
        }

    .header {
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .minicart {
        display: block;
        position: fixed;
        right: 0;
        height: 100%;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 20px 0;
        z-index: 9999999999999;
        width: 330px;
        height: 100%;
        background-color: #ededed;
        filter: drop-shadow(-10px 0 16px rgba(0, 0, 0, .15));
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

        .minicart.show {
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            -webkit-transform: translateX(0);
            transform: translateX(0);
        }

    .miniCartWrapper {
        margin: 20px 0;
        height: 100%;
    }

    .miniCartTitle {
        position: relative;
    }

    #miniCartClose {
        background-color: #cccccc;
        width: 30px;
        height: 30px;
        font-size: 30px;
        line-height: 30px;
        cursor: pointer;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 19px;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/close-icon.svg);
        border-radius: 3px;
        position: absolute;
        right: 0;
        top: 0;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

        #miniCartClose:hover {
            background-color: #e90018;
        }

    .flyout-cart {
        position: static;
        z-index: 100;
        width: 330px;
        box-shadow: unset;
        background-color: transparent;
        height: 100%;
        display: block;
    }

    .minicart-show .flyout-cart {
        display: block;
    }

    .miniCartItemLeft {
        flex-basis: 25%;
    }

    .miniCartItemRight {
        flex-basis: 75%;
    }

    .overflow-hidden {
        overflow: hidden;
    }

    .mini-shopping-cart .item {
        overflow: hidden;
        padding: 10px 0;
        width: 100%;
        background-color: #fff;
        margin-bottom: 15px;
        -moz-box-shadow: 0px 1px 5px #dcdcdc;
        -webkit-box-shadow: 0px 1px 5px #dcdcdc;
        box-shadow: 0px 1px 5px #dcdcdc;
        padding: 8px;
        display: flex;
    }

    .miniCartWrapper .picture img {
        max-width: 100%;
    }

    .miniCartWrapper .prices.flex-container.justify-content-center.align-items-center {
        flex-basis: 100%;
        pointer-events: all !important;
    }

    .shopping-cart-page .no-data {
        margin: 25px 0 0;
        text-align: center;
    }

    .miniCartTitle h3 {
        text-align: center;
        height: 30px;
        line-height: 30px;
        font-family: "cf_asty_stdbold";
        font-size: 14px;
        color: #000;
        padding: 0 20px;
    }

    .mini-shopping-cart .items {
        border-top: 0;
        border-bottom: 0;
        margin: 0 0 20px;
        height: calc(100% - 180px);
        overflow-y: auto;
        padding-right: 3px;
    }

    .empty-cart {
        text-align: center;
        font-size: 14px;
        font-family: "cf_asty_stdregular";
    }

    .mini-shopping-cart .name {
        width: 100%;
        min-height: 47px;
        margin-bottom: 5px;
    }

        .mini-shopping-cart .name a {
            color: #000000;
            font-family: "cf_asty_stdregular";
            font-size: 13px;
            line-height: 16px;
        }

            .mini-shopping-cart .name a:hover {
                color: #000000;
            }

    .price-cart-wrapper span:not(.custom-tooltip) {
        color: #3f3f3f;
        font-family: "cf_asty_stdmedium";
        font-size: 13px;
    }

    .price-cart-wrapper span.suggested-retail-price {
        color: #a8a8aa;
        font-family: "cf_asty_stdmedium";
        font-size: 11px;
        font-weight: 400;
        display: inline-block;
        margin: 0 0 10px;
    }

    .price-cart-wrapper span:not(.custom-tooltip) {
        color: #a8a8aa;
        font-family: "cf_asty_stdmedium";
        font-size: 11px;
    }

    .mini-shopping-cart {
        padding: 0 20px;
        text-align: left;
        font-size: 12px;
        height: 100%;
    }

        .mini-shopping-cart .picture {
            float: left;
            width: 66px;
            text-align: center;
        }

        .mini-shopping-cart input[type="button"] {
            border: none;
            padding: 0;
            text-transform: none;
            width: 100%;
            text-align: center;
            color: #fff;
            background-color: #e90018;
            min-height: 43px;
            font-family: "cf_asty_stdmedium";
            font-size: 12px;
            line-height: 43px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            display: block;
        }

            .mini-shopping-cart input[type="button"]:hover {
                background-color: #b1070a;
            }

        .mini-shopping-cart .buttons {
            margin: 0;
            width: 100%;
            border-top: 1px solid #d4d4d4;
            border-bottom: 1px solid #d4d4d4;
            padding: 20px 0;
        }

        .mini-shopping-cart .totals {
            color: #232323;
            font-size: 12px;
            font-family: "cf_asty_stdmedium";
        }

            .mini-shopping-cart .totals strong {
                color: #232323;
                font-size: 12px;
                float: right;
            }

    /*********** CATEGORY PAGE **********/
    .product-selectors .product-viewmode a {
        width: 17px;
        height: 16px;
        margin: 0 0 0 5px;
    }

        .product-selectors .product-viewmode a.list {
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/list-icon.svg);
            display: none;
        }

        .product-selectors .product-viewmode a.grid {
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/grid-icon.svg);
        }

        .product-selectors .product-viewmode a:hover {
            opacity: 1;
        }
}

@media screen and (min-width: 731px) {
    /*********** CATEGORY PAGE **********/
    .product-list .product-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product-list .product-box-bottom-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .product-list .product-box-bottom-wrapper {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

        .product-list .product-box-bottom-wrapper .prices {
            margin: 0;
            border: 0;
        }

        .product-list .product-box-bottom-wrapper > div {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            margin: 0;
            position: static;
        }

        .product-list .product-box-bottom-wrapper > .item-box-buttons-wrapper {
            min-width: 500px;
        }

    .product-list .item-box .picture {
        float: none;
        width: 220px;
    }

        .product-list .item-box .picture + .details {
            margin: 0;
            width: calc(100% - 220px);
            text-align: left;
            padding: 52px 10px 0;
        }

    .product-list .item-box .description {
        text-align: left;
        color: #656565;
        line-height: 20px;
        font-family: "cf_asty_stdregular";
        font-size: 13px;
        margin-bottom: 35px;
        display: none;
    }

    .product-list .item-box .product-rating-box .rating {
        text-align: left;
        margin: 0 0 15px;
    }

    .product-list .item-box .product-title a {
        text-align: left;
    }

    .product-list .item-box .sku {
        text-align: left;
    }

    .product-list .item-box .buttons > * {
        width: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }

    .product-list .box-compare-wrapper {
        width: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
    }

    .product-list .item-box input[type="button"] {
        background-position: 9px;
        font-size: 12px;
        padding: 4px 0 0 40px;
        font-family: "cf_asty_stdmedium";
        text-align: left;
    }

    .product-list
    .item-box
    .box-cart-wrapper + .box-compare-wrapper
    input[type="button"].add-to-compare-list-button {
        font-size: 12px;
        background-position: 12px;
    }

    .product-list .item-box .short-description.short-description-2 {
        text-align: left;
    }

    .product-list .item-box .buttons > *:first-child.box-compare-wrapper {
        width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

        .product-list
        .item-box
        .buttons > *:first-child.box-compare-wrapper + .box-wishlist-wrapper {
            width: 50%;
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        }

    .product-list .item-box .product-box-add-to-cart-button {
        padding: 4px 0 0 30px;
    }

    .product-list .item-box .add-to-wishlist-button {
        padding: 4px 0 0 30px;
        color: #fff;
        font-family: "cf_asty_stdmedium";
    }

    .product-list .item-box {
        float: none;
        width: 100%;
        margin: 0 0 20px;
    }

    /*    .product-box-bottom-wrapper {
        border-top: 2px solid #DADADA;
    }*/

    .product-list
    .prices.not-logged-in + .item-box-buttons-wrapper > .buttons > .box-compare-wrapper.wishlist-disabled {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .product-list
    .item-box
    .buttons
    .box-compare-wrapper:only-child
    .see-prod-link {
        background-position: 40%;
    }

    .product-list .prices.not-logged-in + .item-box-buttons-wrapper {
        bottom: 0;
        position: absolute;
        right: 0;
        left: auto;
    }
}

@media screen and (min-width: 1025px) {
    .flex-row-1025 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .wizard-as-guest-toggle {
        display: none;
    }

    .wizard-as-b2b-toggle {
        display: none;
    }

    .header-right {
        min-width: 300px;
    }

    .header-wrapper {
        min-height: 96px;
    }
    /*********** SEARCH PAGE **********/
    .search-input {
        width: 125%;
        margin-left: -25%;
    }

    .columns-wrapper-search .side-2 {
        padding: 398px 0 0;
    }

    .search-page .page-title {
        width: 125%;
        margin-left: -25%;
    }
    /*********** HEADER **********/

    .mega-menu-right img {
        max-width: 100%;
        display: block;
        height: auto;
    }

    .header-menu {
        width: 100%;
        margin: 0;
        background-color: #fff;
        padding: 0;
        border: 0;
        position: static;
    }

        .header-menu > ul > li {
            padding: 0 8px;
            padding: 0;
            margin: 0;
            border: 0;
        }

            .header-menu > ul > li > a,
            .header-menu > ul > li > span {
                font-size: 13px;
                font-family: "cf_asty_stdbold";
                color: #000;
                line-height: 1;
            }

                .header-menu > ul > li > a:after {
                    content: "";
                    display: block;
                    height: 2px;
                    width: 100%;
                    background-color: transparent;
                    margin: 3px 0 0;
                    -moz-transition: all 0.2s ease-in-out;
                    -o-transition: all 0.2s ease-in-out;
                    -webkit-transition: all 0.2s ease-in-out;
                    transition: all 0.2s ease-in-out;
                }

            .header-menu > ul > li:hover > a:after {
                background-color: #000;
            }

        .header-menu ul li:hover > .mega-menu-wrapper {
            display: block;
            width: 100%;
            left: 0;
            right: 0;
            max-width: 1670px;
            padding: 40px 65px 75px;
            margin: 0 auto;
            -moz-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
        }

        .header-menu ul li > .mega-menu-wrapper {
            padding: 40px 65px 75px;
            display: none;
            position: absolute;
            background-color: #fff;
            z-index: 999999;
        }

        .header-menu .sublist {
            display: block;
            position: static;
            box-shadow: unset;
            padding: 0;
            width: 100%;
            height: auto;
        }

            .header-menu .sublist.first-level {
                display: block;
                -moz-column-count: 4;
                -ms-column-count: 4;
                -webkit-column-count: 4;
                column-count: 4;
                -moz-column-gap: 10px;
                -ms-column-gap: 10px;
                -webkit-column-gap: 10px;
                column-gap: 10px;
            }

        .header-menu .mega-menu-left {
            -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
        }

        .header-menu .mega-menu-right {
            -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
            min-height: 100%;
        }

        .header-menu > ul {
            display: flex !important;
            justify-content: space-between;
        }

        .header-menu .sublist .sublist {
            display: none !important;
        }

        .header-menu .sublist li a {
            padding: 0;
            display: inline-block;
            font-size: 13px;
            font-family: "cf_asty_stdregular";
            line-height: 29px;
        }

            .header-menu .sublist li a:before {
                display: none;
            }

        .header-menu .sublist li {
            width: 100%;
            float: none;
            display: inline-block;
            margin: 0 0 2px;
        }

            .header-menu .sublist li:hover > a {
                background-color: transparent;
                color: #212121;
                font-family: "cf_asty_stdbold";
            }

    .search-box .nice-select .option:hover,
    .search-box .nice-select .option.focus,
    .search-box .nice-select .option.selected.focus {
        background-color: #000;
        color: #fff;
    }

    .top-menu {
        padding: 15px 15px 12px;
        padding: 15px 0 12px;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }

        .top-menu.top-menu-hover {
            background-color: #fff;
        }

    .header-menu > ul.top-menu.top-menu-hover > li > a {
        color: #262626;
    }

    .phone-icon a {
        pointer-events: none;
    }

    .overlay-header {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: #000;
        z-index: 1026;
        opacity: 0.5;
    }

    .mobileMenu {
        display: none !important;
    }

    .search-box {
        z-index: 100000;
        flex-basis: 80%;
    }
    /*********** CATEGORY PAGE **********/
    .side-2 {
        width: 19.5%;
        margin: 0;
    }

        .side-2 .block {
            background-color: #fff;
            -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
            -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
            margin: 0 0 15px;
        }

    .block-category-navigation {
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: inherit;
        -webkit-transition: inherit;
        transition: inherit;
    }

        .block-category-navigation:hover,
        .block-category-navigation .ui-accordion-header-active {
            background-color: #e90018;
        }

        .block-category-navigation .title strong {
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .block-category-navigation:hover .title strong,
        .block-category-navigation .ui-accordion-header-active.title strong {
            color: #fff !important;
        }

    .product-selectors .product-viewmode span {
        display: inline-block;
    }

    .product-sorting > span,
    .product-viewmode > span,
    .product-page-size > span {
        line-height: 18px !important;
        color: #000000;
        font-family: "cf_asty_stdmedium";
        font-size: 12px;
        margin-right: 5px !important;
    }

    .center-2 {
        width: 80.2%;
    }

    .center-2,
    .side-2 {
        margin: 0;
    }
    /*********** ACCOUNT PAGES **********/
    .block-account-navigation .list li.customer-info,
    .block-account-navigation .list li.customer-addresses {
        display: none;
    }

    .block:not(.block-category-navigation) .listbox {
        display: block !important;
        border-bottom: none;
    }

    .account-menu .block-account-navigation .title {
        display: none;
    }

    .block-account-navigation {
        width: 100%;
        margin: 0 auto;
        max-width: 1340px;
        padding: 0 15px;
        height: 100%;
    }

        .block-account-navigation .listbox .list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .block-account-navigation .listbox {
            border: 0;
            padding: 0;
            height: 100%;
        }

        .block-account-navigation .list li {
            margin: 0;
            padding: 0;
            height: 100%;
            -ms-flex-preferred-size: 36.6%;
            flex-basis: 36.6%;
            text-align: center;
        }

        .block-account-navigation .list a {
            height: 100%;
            font-family: "cf_asty_stdbold";
            font-size: 14px;
            color: #000000;
            padding: 23px 0;
            display: inline-block;
            text-align: center;
            text-transform: uppercase;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

            .block-account-navigation .list a.active {
                color: #e90018;
            }
    /*********** CATEGORY PAGE **********/
    .mobile-sub-category-anchor {
        display: none;
    }

    .filter-button-wrap {
        display: none;
    }

    .product-selectors-mobile-wrapper {
        display: none;
    }
    /*********** CHECKOUT PAGES **********/
    .checkout-page .address-item ul, .checkout-page .address-item .pickupinstore-inner {
        min-height: 220px;
    }

    /*** SHOPPING CART PAGE ***/
    .cart-grid-left {
        flex-basis: 74.71%;
    }

    .cart-grid-right {
        flex-basis: 23.27%;
        padding: 12px 0 0;
    }

    .cart tbody tr td.product-picture {
        width: 12.403%;
        padding: 0 0 0 10px;
    }

    .cart tbody tr td.product {
        width: 41.7%;
        padding: 13px 10px 10px 3px;
    }

    .cart tbody tr td.cart-table-quantity {
        width: 24%;
        position: relative;
    }

    .cart tbody tr td.unit-price {
        width: 22%;
        text-align: center;
    }

        .cart tbody tr td.unit-price .suggested-retail-price {
            font-size: 15px;
            color: #a8a8aa;
            font-weight: 400;
            display: inline-block;
        }

    .shopping-cart-page td .message-error {
        position: absolute;
        bottom: 5px;
        width: 240px;
        right: 10px;
    }

    .message-error-icon {
        position: absolute;
        top: 9px;
        right: 0;
        left: 0;
        transform: translateX(-20px);
    }
    /*** END SHOPPING CART PAGE ***/
}

@media screen and (min-width: 1025px) and (max-width: 1190px) {
    /*********** SEARCH PAGE **********/
    .search-input {
        width: 135%;
        margin-left: -35%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
    /*********** HEADER **********/
    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        font-size: 9px;
        padding: 5px 5px;
    }

    .top-menu {
        padding: 17px 0px 13px;
    }

    .master-wrapper-content {
        width: 100%;
        /*  margin: 149px 0 0;*/
        margin: 0;
    }

    /*********** ACCOUNT PAGES **********/
    .block-account-navigation .list a {
        font-size: 11px;
        padding: 25px 0;
    }
    /*********** HOMEPAGE **********/
    .home-page-product-grid .availability-box {
        font-size: 12px;
        padding: 0;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1280px) {
    .image-item-small .image-wrapper img {
        max-width: 110px;
        display: block;
    }

    .image-item {
        padding: 58px 10px;
    }
}

@media screnn and (min-width: 1281px) and (max-width: 1366px) {
    /*********** HEADER **********/
    .header-menu > ul > li {
        padding: 0 6px;
    }
}

@media screen and (max-width: 1366px) {
    /*********** HOMEPAGE **********/
    .image-item-small .image-wrapper img {
        max-width: 135px;
        display: block;
    }

    .image-text .image-title-text p {
        font-size: 19px;
        min-height: 84px;
    }

    .image-text-wrapper .price-text {
        margin: 0 0 35px;
    }

    .price-text {
        font-size: 26px;
    }

    .image-item {
        padding: 36px 30px;
    }

    .image-price-text {
        min-height: 78px;
    }
}

@media (max-width: 1190px) {
    .home-page-category-grid .title a {
        padding: 25px 15px 30px;
        font-size: 13px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1480px) {
    .header-menu > ul > li > a,
    .header-menu > ul > li > span {
        font-size: 10px;
    }

    .header-menu > ul > li {
        padding: 0 4px;
    }

    .top-menu {
        padding: 17px 15px 12px;
    }

    .image-text .image-title-text p {
        font-size: 20px;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1190px) {
    /*********** GLOBAL STYLES **********/
    .side-2 {
        width: 25%;
    }

    .center-2 {
        width: 74%;
    }

    .price-text {
        font-size: 28px;
    }
    /*********** CATEGORY PAGE **********/
    .product-sorting > span,
    .product-viewmode > span,
    .product-page-size > span {
        font-size: 8px;
        margin-right: -1px !important;
    }

    .breadcrumb li * {
        font-size: 9px;
    }
}

@media (max-width: 1024px) {

    .shopping-cart-page .order-summary-content .cart tr td.unit-price {
        display: block;
        width: unset;
        margin: 15px auto 15px;
    }

    .shopping-cart-page .order-summary-content .cart tr td.quantity {
        margin-block: 15px;
    }

    .shopping-cart-page .order-summary-content .cart tr td.remove-from-cart {
        margin-top: 15px;
    }

    .cart tbody tr td.remove-from-cart .td-title {
        width: 100%;
        height: 40px;
    }

    .cart tbody tr td.product .sku {
        justify-content: center;
    }

    .cart tbody tr td.product-comment-td .product-comment-label {
        text-align: center;
    }

    .cart tbody tr td.product-comment-td .product-comment {
        max-width: unset;
        width: 100%;
    }

    .shopping-cart-page .cart-grid-right {
        max-width: 500px;
        margin: 10px auto;
    }

    .header-bottom-wrapper {
        padding: 25px;
    }

    .flex-bottom-item {
        position: absolute;
        left: 50%;
        /* right: 0; */
        margin: 0 auto;
        flex-basis: 100%;
        justify-content: center;
        align-items: center;
        top: 50%;
        transform: translate(-50%, -50%);
    }

        .flex-bottom-item span {
            font-size: clamp(11px, 1vw, 14px) !important;
        }

    .flex-bottom-item-1 {
        animation: header-fade-animation1 16s infinite;
    }

    .flex-bottom-item-2 {
        animation: header-fade-animation2 16s infinite;
    }

    .flex-bottom-item-3 {
        animation: header-fade-animation3 16s infinite;
    }

    .flex-bottom-item-4 {
        animation: header-fade-animation4 16s infinite;
    }

    .flex-bottom-item-5 {
        animation: header-fade-animation5 16s infinite;
    }


    @keyframes header-fade-animation1 {
        0% {
            opacity: 0;
        }

        10% {
            opacity: 0;
        }

        20% {
            opacity: 1;
        }

        30% {
            opacity: 0;
        }

        40% {
            opacity: 0;
        }

        50% {
            opacity: 0;
        }

        60% {
            opacity: 0;
        }

        70% {
            opacity: 0;
        }

        80% {
            opacity: 0;
        }

        90% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes header-fade-animation2 {
        0% {
            opacity: 0;
        }

        10% {
            opacity: 0;
        }

        20% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        40% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        60% {
            opacity: 0;
        }

        70% {
            opacity: 0;
        }

        80% {
            opacity: 0;
        }

        90% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes header-fade-animation3 {
        0% {
            opacity: 0;
        }

        10% {
            opacity: 0;
        }

        20% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        40% {
            opacity: 0;
        }

        50% {
            opacity: 0;
        }

        60% {
            opacity: 1;
        }

        70% {
            opacity: 0;
        }

        80% {
            opacity: 0;
        }

        90% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes header-fade-animation4 {
        0% {
            opacity: 0;
        }

        10% {
            opacity: 0;
        }

        20% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        40% {
            opacity: 0;
        }

        50% {
            opacity: 0;
        }

        60% {
            opacity: 0;
        }

        70% {
            opacity: 0;
        }

        75% {
            opacity: 1;
        }

        80% {
            opacity: 0;
        }

        90% {
            opacity: 0;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes header-fade-animation5 {
        0% {
            opacity: 0;
        }

        10% {
            opacity: 0;
        }

        20% {
            opacity: 0;
        }

        30% {
            opacity: 0;
        }

        40% {
            opacity: 0;
        }

        50% {
            opacity: 0;
        }

        60% {
            opacity: 0;
        }

        70% {
            opacity: 0;
        }

        75% {
            opacity: 0;
        }

        80% {
            opacity: 0;
        }

        90% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    .wizard-as-guest-toggle,
    .wizard-as-b2b-toggle {
        display: block;
        background-color: #eeeeee;
        transform: translateY(-2px);
    }

        .wizard-as-guest-toggle button,
        .wizard-as-b2b-toggle button {
            border: 0;
            padding-block: 10px;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 14px;
        }

    .wizard-wrapper {
        display: none;
    }

        .wizard-wrapper.open {
            display: block;
            position: relative;
            padding-top: 48px;
            max-height: 400px;
            overflow: auto;
        }

    .wizard-close-button-wrapper {
        position: absolute;
        top: 10px;
        right: 20px;
        display: block;
    }

        .wizard-close-button-wrapper span {
            background-image: url(../../Content/images/Kesisoglou/Icons/close-icon.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
            display: block;
            filter: invert(1);
            width: 20px;
            height: 20px;
        }

    .wizard-outter-wrapper {
        display: none;
    }

        .wizard-outter-wrapper.open {
            display: block;
            position: relative;
            max-height: 400px;
            overflow: auto;
        }

    .header-right {
        order: 2;
        flex-basis: 16%;
    }

    .search-as-guest-wrapper {
        display: none;
    }

    .mega-menu-right {
        display: none;
    }

    .mega-menu-left {
        width: 100%;
    }

    .owl-item .item-box .box-cart-wrapper input[type="button"],
    .item-box .box-cart-wrapper input[type="button"] {
        font-size: 10px;
    }

    .checkout-page .address-item ul, .checkout-page .address-item .pickupinstore-inner {
        min-height: 215px;
    }
    /*********** GLOBAL STYLES **********/
    .master-wrapper-content {
        /* margin: 50px 0 0;*/
        margin: 0;
    }

    html.no-scroll {
        overflow: hidden;
    }

    .page-title {
        margin: 0 0 25px;
    }

        .page-title h1 {
            font-size: 20px;
        }

    .center-2 {
        float: none;
        width: 100%;
    }

    /*.side-2 {
		display: none;
	}*/
    /*********** HEADER **********/
    .search-box-select.open ~ .mobile-close-search-box,
    .search-box-select.open ~ .search-box-button {
        z-index: -1;
    }

    .admin-header-links {
        /* right: calc(50% - 95px); */
        /* left: 0; */
        width: 95px;
        margin: 0 auto;
    }

        .admin-header-links * {
            display: inline-block;
            line-height: 24px;
        }

    .header-wrapper {
        background-color: #fff;
        padding: 0 10px;
    }

    .header-container {
        padding: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header .menu-toggle {
        padding: 0;
        background: transparent;
    }

    .menu-toggle,
    .sublist-toggle {
        display: block;
    }

    .header #mobileMenuButton span::before,
    .header #mobileMenuButton span::after {
        position: absolute;
        display: block;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #000;
        content: "";
        -moz-transition-duration: 0.3s, 0.3s;
        -o-transition-duration: 0.3s, 0.3s;
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -moz-transition-delay: 0.3s, 0s;
        -o-transition-delay: 0.3s, 0s;
        -webkit-transition-delay: 0.3s, 0s;
        transition-delay: 0.3s, 0s;
        -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }

    .header #mobileMenuButton span::before {
        top: -10px;
        -moz-transition-property: top, -moz-transform;
        -o-transition-property: top, -o-transform;
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }

    .header #mobileMenuButton span::after {
        bottom: -10px;
        -moz-transition-property: bottom, -moz-transform;
        -o-transition-property: bottom, -o-transform;
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }

    .header #mobileMenuButton.open span::before,
    .header #mobileMenuButton.open span::after {
        -moz-transition-delay: 0s, 0.3s;
        -o-transition-delay: 0s, 0.3s;
        -webkit-transition-delay: 0s, 0.3s;
        transition-delay: 0s, 0.3s;
    }

    .header #mobileMenuButton.open {
        background-color: #fff;
    }

        .header #mobileMenuButton.open span::before {
            top: 0;
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .header #mobileMenuButton.open span::after {
            bottom: 0;
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .header #mobileMenuButton.open span {
            background: none;
        }

    .header #mobileMenuButton span {
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 18px;
        right: 18px;
        height: 3px;
        background: #000;
        -moz-transition: background 0s 0.3s;
        -o-transition: background 0s 0.3s;
        -webkit-transition: background 0s;
        -webkit-transition-delay: 0.3s;
        transition: background 0s 0.3s;
    }

    .header #mobileMenuButton span {
        left: 15px;
        right: 15px;
    }

    .header #mobileMenuButton {
        display: block;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        width: 70px;
        height: 65px;
        font-size: 0;
        cursor: pointer;
        -moz-transition: background 0.3s;
        -o-transition: background 0.3s;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
        background-color: #fff;
        float: left;
    }

    .header #mobileMenuButton {
        width: 60px;
        height: 50px;
    }

    .header-links-wrapper .price-limit-wrapper {
        display: none;
    }

    .header-links > div {
        margin: 0 10px 0 0;
        gap: 14px;
    }

    .search-box-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        /* height: 100px; */
        padding: 10px 12px;
        z-index: -1;
        -moz-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        -o-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        .search-box-wrapper.open {
            -moz-transform: translateY(0%);
            -ms-transform: translateY(0%);
            -o-transform: translateY(0%);
            -webkit-transform: translateY(0%);
            transform: translateY(0%);
            top: 150px;
            background-color: #fff;
        }

            .search-box-wrapper.open.fixed {
                top: 100px !important;
            }

    .search-box input.search-box-text.full-search-box {
        height: 42px;
    }

    .search-box input.search-box-text.full-search-box {
        width: 100% !important;
        height: 42px;
        border: 1px solid #ddd;
        font-size: 20px;
        color: #000;
        padding: 3px 40px 0;
    }

    .store-search-box {
        /* -ms-flex-preferred-size: 320px;
    flex-basis: 320px; */
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: end;
        flex-basis: 11%;
    }

    .search-toggle {
        display: block;
        width: 35px;
        height: 50px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/search-icon.svg);
        background-size: 25px;
    }

    .header-logo {
        -ms-flex-preferred-size: 170px;
        /* flex-basis: 170px; */
        min-width: 160px;
        order: 1;
    }

    .header-links .account-icon-before span {
        font-size: 11px;
    }

    .header-right .language-selector {
        display: none;
    }

    .header-links-wrapper {
        padding: 0;
    }

    .header-links {
        margin: 0 15px 0 0;
        margin: 0;
    }

    .header .mobileMenu {
        position: fixed;
        left: -330px;
        width: 330px;
        top: 50px;
        height: 100%;
        background-color: #eaeaea;
        z-index: 4;
        color: #000;
        font-family: "cf_asty_stdregular";
        font-size: 19px;
        padding: 18px;
        overflow: hidden;
        -moz-transition: left 0.5s ease-in-out;
        -o-transition: left 0.5s ease-in-out;
        -webkit-transition: left 0.5s ease-in-out;
        transition: left 0.5s ease-in-out;
    }

    .header-links .account-icon {
        width: 25px;
        height: 25px;
    }

    .header-menu {
        margin: 0;
        position: static;
        border: 0;
        padding: 0;
    }

    .header .mobileMenu.open {
        position: fixed;
        left: 0;
        top: 50px;
        z-index: 1026;
        overflow: auto;
        padding-bottom: 120px;
    }

        .header .mobileMenu.open.fixed {
            top: 66px !important;
        }

    .mobileMenuOverlay.open {
        display: block;
        z-index: 1023;
    }

    .blue-header + script + .header .mobileMenu {
        top: 127px;
    }

    .top-menu.mobile {
        display: block;
        margin: 0 0 25px;
    }

    .top-menu > li > a {
        display: block;
        min-height: 41px;
        padding: 14px 33px 10px 10px;
        font-size: 13px;
        color: #555;
        text-align: left;
    }

    .sublist .sublist-toggle {
        height: 39px;
        width: 38px;
        background-size: 40px;
    }

    .top-menu .sublist li a {
        width: calc(100% - 39px);
        font-size: 11px;
    }

    .header-menu ul li:hover > .sublist,
    .header-menu ul li > .sublist {
        padding: 0;
    }

    .top-menu .sublist li a {
        display: block;
        padding: 15px 18px;
        font-size: 15px;
        padding: 14px 5px 10px;
        font-size: 13px;
        color: #555;
        text-align: left;
    }

    .price-limit-wrapper {
        max-width: 100px;
        margin: 15px auto 0;
    }

    .price-limit-numbers span {
        color: #191919;
        font-family: "cf_asty_stdbold";
        font-size: 19px;
        margin: 0 -3px 0 0;
    }

    .language-list li a span {
        font-size: 21px;
    }

    .language-list li:first-child a:after {
        height: 19px;
    }

    .sublist .sublist li {
        background-color: #fff;
    }

    .sublist-toggle {
        height: 39px;
    }
    /*Search Box*/
    .search-box input.search-box-text {
        width: 100% !important;
        background-color: transparent;
        border-bottom: 2px solid #fff;
        color: #fff;
        font-size: 19px;
        -moz-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        -webkit-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        border: 1px solid #e5e5e5;
        height: 40px;
    }

    .search-box .search-box-button {
        background-color: transparent;
        font-size: 0;
        min-width: unset;
        background-repeat: no-repeat;
        background-size: 20px;
        background-position: center;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/search-icon-gray.svg);
        padding: 0;
        margin: 0 10px 0 0;
        font-family: "cf_asty_stdlight";
        height: 38px;
        width: 45px;
        text-align: center;
        cursor: pointer;
        position: absolute;
        bottom: 0;
        left: 0;
    }

    .mobile-close-search-box {
        width: 22px;
        height: 22px;
        display: block;
        position: absolute;
        right: 11px;
        bottom: 9px;
        border-radius: 50%;
        background-color: #d8d8d8;
        background-repeat: no-repeat;
        background-size: 10px;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/close-white-icon.svg);
        background-position: center;
        cursor: pointer;
    }

        .mobile-close-search-box:hover {
            background-color: #e90018;
        }

    .mobileMenuFooter {
        padding: 20px 0 0;
        margin: 20px 0 0;
        border-top: 1px solid #000;
    }

    select.search-box-select {
        display: none !important;
    }

    .search-box-select:focus,
    .nice-select.open {
        border-color: #e5e5e5;
    }

    .search-box-select .list {
        top: 30px;
    }

    .search-box .current {
        max-width: unset;
        height: 33px;
        top: 0;
        line-height: 37px;
    }

    .search-box-wrapper .option {
        line-height: 33px;
        padding: 0 15px;
        font-size: 12px;
        min-height: 33px;
        margin: 0;
    }

    .product-flex-text h3 {
        color: #fff;
        font-size: 20px;
    }

    .sub-title {
        font-size: 17px;
        margin: 5px 0 0;
    }

    .product-flex-text p {
        font-size: 14px;
    }
    /*********** BRANDS PAGE **********/
    .manufacturer-list-page {
        padding: 40px 0;
    }

        .manufacturer-list-page .item-box {
            width: 24%;
        }

    /*********** ACCOUNT PAGE **********/
    .block .title {
        background: #ffffff url(../images/toggle-gray.png) 99% 20px no-repeat;
        padding: 18px 30px 12px 15px;
        border: 0;
    }

    .block .listbox {
        display: none;
        border-bottom: 0;
        padding: 10px 5px;
        background-color: #fff;
    }

    .block {
        margin: 0 auto;
    }

        .block .title strong {
            font-family: "cf_asty_stdregular";
        }
    /*********** PRODUCT PAGE **********/
    .product-page-breadcrumb-wrapper.fixed {
        top: 50px;
        padding: 6px 0 4px;
        display: none;
    }

    .image-breadcrumb:before {
        top: 13px;
    }

    .product-page-breadcrumb-wrapper .breadcrumb li * {
        font-size: 9px;
        margin: 0 1px;
    }

    .product-page-breadcrumb-wrapper {
        padding: 10px;
    }
    /*********** CATEGORY PAGE **********/

    .item-box-buttons-wrapper {
        display: block;
    }

    .side-2 {
        margin: 0;
    }

    .category-page .sub-category-grid {
        margin: 0 -15px;
    }

    .sub-categories-wrapper {
        background-color: #f7f7f7;
        padding: 30px 0;
    }

    .category-page .item-box-sub-category {
        margin: 0;
        width: 20%;
        border-right: 1px solid #ededed;
        border-top: 1px solid #ededed;
        max-width: 100%;
        height: auto;
    }

    .category-page .sub-category-grid .item-grid {
        border-bottom: 1px solid #ededed;
    }

    .category-page.sub-category-page .page-title {
        margin: 0 0 25px;
    }

        .category-page.sub-category-page .page-title h1 {
            color: #323232;
            font-family: "cf_asty_stdthin";
            font-size: 20px;
            line-height: 22px;
        }

    .category-page.sub-category-page .item-box-sub-category .sub-category-title {
        display: block;
        min-height: 105px;
    }

    .category-page.sub-category-page .item-box-sub-category .picture {
        display: block;
    }

    .home-page-category-grid .title,
    .sub-category-grid .title {
        padding: 6px;
    }

    .mobile-sub-category-anchor img {
        max-width: 60px;
        display: block;
        margin: 0 auto;
    }

    .mobile-sub-category-title {
        text-align: center;
        display: block;
        font-family: "cf_asty_stdmedium";
        font-size: 11px;
        color: #7f7f7f;
        width: 100%;
        padding: 12px;
        white-space: nowrap;
        max-width: 200px;
        margin: 0 auto;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .mobile-sub-category-anchor {
        display: none;
        padding: 15px 0 0;
    }

    .breadcrumb {
        display: none;
    }

    .product-selectors-wrapper {
        display: none;
    }

    .breadcrumb-wrapper .category-container {
        max-width: 710px;
        min-height: 52px;
    }

    .product-selectors-mobile-wrapper {
        position: relative;
    }

    .product-grid,
    .product-list {
        max-width: 710px;
        margin: 0 auto;
    }

    .homepage-products-wrapper .home-page-product-grid {
        margin: 0 auto;
        max-width: 910px;
    }

    .category-page .product-grid .item-box {
        width: 32%;
        margin: 0 0.5% 15px;
        clear: none;
    }

        .category-page .product-grid .item-box .description {
            min-height: 29px;
        }

        .category-page .product-grid .item-box .sku span {
            color: #b2b2b2;
            font-size: 13px;
        }

    .new-arrivals-category-page .item-box-sub-category {
        width: 60%;
        max-width: 1004px;
        margin: 0 auto 20px;
        padding: 0 10px;
        float: none;
    }

    /*   .new-arrivals-category-page p.new-arrivals-desc {
        display: none;
    }*/
    .new-arrivals-category-page .new-arrivals-desc {
        text-align: left;
        margin: 0;
    }

    .new-arrivals-category-page .item-box-sub-category .picture {
        flex-basis: 100%;
    }

    .new-arrivals-category-page .item-box-sub-category .sub-category-title {
        flex-basis: 100%;
        padding: 0px 0 15px 0px;
    }

    .new-arrivals-category-page .item-box-sub-category .title {
        padding: 0;
    }

    .new-arrivals-category-page .sub-category-grid .title a {
        color: #000;
        font-weight: 700;
        font-size: 18px;
        justify-content: flex-start;
    }
    /*Filters*/
    .close-filters-mobile-wrap {
        display: none;
        position: absolute;
        right: 0;
        left: 0;
        height: 100%;
        text-align: left;
    }

    .changeListViewWrap {
        text-align: left;
        float: left;
        border: 1px solid #e90018;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 30px;
        margin-top: 0;
        overflow: hidden;
    }

        .changeListViewWrap .changeListViewButton {
            font-family: "cf_asty_stdregular";
            font-size: 12px;
            line-height: 30px;
            width: 50px;
            text-align: center;
            color: #e90018;
            float: left;
            margin: 0;
        }

            .changeListViewWrap .changeListViewButton.selected {
                color: #fff;
                background-color: #e90018;
            }

    .close-filters-mobile {
        font-family: "cf_asty_stdregular";
        font-size: 12px;
        line-height: 30px;
        color: #b2b2b2;
        background-color: transparent;
        border: 0;
    }

    .filter-button-wrap {
        text-align: right;
    }

        .filter-button-wrap .filter-btn {
            border: 1px solid #e90018;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            color: #e90018;
            font-family: "cf_asty_stdregular";
            font-size: 12px;
            line-height: 30px;
            height: 30px;
            text-align: center;
            min-width: 78px;
            background-color: #fff;
        }

            .filter-button-wrap .filter-btn.active {
                background-color: #e90018;
                color: #fff;
            }

    .close-filters-mobile-wrap {
        display: none;
        position: absolute;
        right: 0;
        left: 0;
        height: 100%;
        text-align: left;
        background-color: #fff;
    }

        .close-filters-mobile-wrap.openFilters {
            display: block;
        }

    .nopAjaxFilters7Spikes {
        position: absolute;
        top: -15px;
        width: 100%;
        height: 100%;
        right: 0;
        left: 0;
        z-index: 999;
        background-color: #fff;
        display: none;
        -moz-box-shadow: 0 1px 5px #e5e5e5;
        -webkit-box-shadow: 0 1px 5px #e5e5e5;
        box-shadow: 0 1px 5px #e5e5e5;
        background-color: #fff;
        padding: 24px 8px;
    }

        .nopAjaxFilters7Spikes.openFilters {
            display: block;
            overflow: auto;
            max-height: 100vh;
            padding-bottom: 190px;
        }

    body.open-filters,
    html.open-filters {
        overflow: hidden;
    }

    .filtersPanel .filter-block {
        max-width: 470px;
        margin: 0 auto;
        text-align: center;
    }

    .nopAjaxFilters7Spikes .block .title {
        margin-bottom: 22px !important;
    }

        .nopAjaxFilters7Spikes .block .title a.toggleControl {
            padding: 0 !important;
            color: #000 !important;
            text-align: center;
            font-family: "cf_asty_stdbold";
            font-size: 13px !important;
            pointer-events: none;
        }

    .nopAjaxFilters7Spikes .filtersTitlePanel {
        -moz-box-shadow: unset !important;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        padding: 0 !important;
        margin: 0 0 29px !important;
    }

    a.clearFilterOptionsAll {
        background-color: #e90018 !important;
    }

    .nopAjaxFilters7Spikes .block {
        margin: 0 auto 29px !important;
    }

        .nopAjaxFilters7Spikes .block .filtersGroupPanel {
            padding: 0 !important;
        }
    /*End Filters*/
    /*********** PRODUCT PAGE **********/
    .product-no-reviews,
    .product-reviews-overview {
        margin: 0 0 20px;
    }
}

@media screen and (min-width: 731px) and (max-width: 1024px) {
    /*********** CATEGORY PAGE **********/
    .product-list .product-box-bottom-wrapper > .item-box-buttons-wrapper {
        -ms-flex-preferred-size: 500px;
        flex-basis: 500px;
    }

    .product-list .product-box-bottom-wrapper > .prices {
        -ms-flex-preferred-size: calc(100% - 500px);
        flex-basis: calc(100% - 500px);
    }
}

@media screen and (min-width: 768px) {
    .flex-row-768 {
        flex-direction: row;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /*********** HEADER **********/
    .search-box .search-box-button {
        /* left: 250px; */
    }

    .search-box-select {
        margin: 0 !important;
    }

    .search-box form {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 744px;
        margin: 0 auto;
    }

    .search-box-text {
        float: none;
        width: 100%;
        margin: 0 0 0 15px;
    }

    .search-box-select {
        max-width: 230px;
    }

    .search-box-wrapper {
        height: 70px;
        padding: 15px 12px;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    /*********** CATEGORY PAGE **********/
    .category-header-left {
        -ms-flex-preferred-size: 12%;
        flex-basis: 12%;
    }

    .category-header-title {
        font-size: 9px;
        font-family: "cf_asty_stdlight";
    }

    .category-header-right {
        -ms-flex-preferred-size: 88%;
        flex-basis: 88%;
    }

    .category-header-box .picture {
        min-width: 45px;
    }

    .box-details {
        width: calc(100% - 45px);
        text-align: left;
    }
}

@media (min-width: 769px) {
    .flex-row-769 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    /*********** WIZARD PAGE **********/
    .wizard-button {
        flex-basis: calc(13.66% - 8px);
    }

    .wizard-inputs {
        flex-basis: calc(18.66% - 8px);
    }
    /*********** BLOG PAGES **********/
    .blog-page .post,
    .news-items .news-item {
        margin: 0 0 30px;
        width: 49%;
        margin: 0 2% 30px 0;
    }

        .blog-page .post:nth-child(2n),
        .news-items .news-item:nth-child(2n) {
            margin: 0 0 30px 0;
        }
    /*********** CHECKOUT PAGE - CONFIRM PAGE **********/
    .checkout-page .page-title {
        margin: 40px 0 50px;
        padding: 0;
    }

    .order-confirm-page .order-review-data > div,
    .order-confirm-page .order-details-area > div,
    .order-confirm-page .shipment-details-area > div {
        float: none;
        width: 48%;
        margin: 0 auto 40px;
        min-width: 320px;
        max-width: 550px;
    }

    .checkout-page.order-confirm-page .section.order-summary {
        margin: 30px 0 30px;
    }
    /*********** CATEGORY PAGE **********/
    .product-list .measurement-unit {
        text-align: left;
        margin: 0 0 10px;
    }

    .product-list .availability-box {
        text-align: left;
        margin: 0 0 10px;
    }

    .product-list .item-box .product-title {
        height: auto;
        padding: 10px 0 0;
        font-size: 18px;
        margin: 0 0 10px;
        min-height: unset;
    }
}

@media (min-width: 769px) and (max-width: 1000px) {
    /*********** PRODUCT PAGE **********/
    .overview-left {
        text-align: left;
    }
}

@media screen and (max-width: 1000px) {
    .homepage-title {
        margin: 0 0 60px;
    }

    .compare-products-notification-wrapper {
        display: none;
    }

    .product-essential .container-large {
        max-width: 385px;
        position: relative;
    }

    .product-ribbon {
        left: 17px;
        top: 50px;
    }

    .kesisoglou-image-grid-top .image-item-small:first-child {
        text-align: left;
    }

    .kesisoglou-image-grid-bottom .outer-image-item-flex {
        text-align: left;
    }
    /*********** HEADER **********/
    .sublist-toggle {
        height: 39px;
        width: 39px;
        background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/menu-down.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 20px !important;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .sublist-toggle.active {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }
    /*********** HOMEPAGE **********/
    .slider-title-logo img {
        margin: 0 auto;
    }

    .swiper-slide .buttons-wrapper {
        text-align: left;
    }

    .kesisoglou-image-grid-wrapper {
        padding: 35px 0 0;
    }

    .kesisoglou-image-grid-title {
        margin: 0 0 30px;
    }

    .kesisoglou-image-grid-container {
        max-width: 430px;
    }

    .kesisoglou-image-grid-top {
        margin: 0;
    }

    .kesisoglou-image-grid-bottom .outer-image-item-flex {
        margin: 0 0 10px;
    }

    .kesisoglou-image-grid-top,
    .kesisoglou-image-grid-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .kesisoglou-image-grid-top .outer-image-item-flex {
            margin: 0 0 10px;
        }

    .slide-item {
        display: block;
    }

    .kesisoglou-image-grid-top,
    .kesisoglou-image-grid-bottom {
        display: block;
    }

    .kesisoglou-grid-click {
        text-align: center;
        padding: 0 0 10px;
        border-bottom: 1px solid #aaa;
    }

    .responsive-kesisoglou-click {
        display: inline-block;
        font-family: "cf_asty_stdlight";
        position: relative;
    }

        .responsive-kesisoglou-click:after {
            content: "";
            display: block;
            width: 20px;
            height: 20px;
            position: absolute;
            right: -25px;
            top: 2px;
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-bottom.svg);
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            cursor: pointer;
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .responsive-kesisoglou-click.active:after {
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .owl-homepage-categories .owl-nav {
        top: -40px;
        right: 0;
        left: 0;
        margin: 0 auto;
    }

        .owl-homepage-categories .owl-nav .owl-prev,
        .owl-carousel .owl-nav .owl-prev {
            right: calc(50% + 6px);
        }

        .owl-homepage-categories .owl-nav .owl-next,
        .owl-carousel .owl-nav .owl-next {
            right: calc(50% - 33px);
        }

    .homepage-products-wrapper .product-grid .title {
        margin: 0 0 65px;
    }

    .homepage-products-wrapper .owl-nav {
        top: -47px;
        right: 0;
        left: 0;
    }

    .nop-jcarousel .carousel-title {
        margin: 0 0 55px;
    }

    .homepage-manufacturers-wrapper.categories-manufacturers-wrapper {
        padding: 35px 0;
    }

    .jCarouselMainWrapper .slick-prev {
        right: calc(50% - -6px);
        top: 45px;
    }

    .jCarouselMainWrapper .slick-next {
        right: calc(50% - 36px);
        top: 45px;
    }
    /*********** CART PAGE **********/
    .cart .unit-price .card div.back {
        width: 100%;
        align-items: center;
    }

    .order-progress li {
        margin: 0 5px 10px;
        min-width: 110px;
        max-width: 110px;
    }

    .cart td:after,
    .data-table td:after,
    .forum-table td:after {
        display: none;
    }

    .cart td.product {
        padding: 5px 5px 15px;
        font-size: 11px;
    }

    .product-essential .gallery {
        display: none !important;
    }

    .mobile-gallery {
        margin: 20px auto 55px;
        width: 100%;
        max-width: 350px;
        display: block;
        -moz-box-shadow: 0 0 15px #e5e5e5;
        -webkit-box-shadow: 0 0 15px #e5e5e5;
        box-shadow: 0 0 15px #e5e5e5;
        background-color: #fff;
    }

        .mobile-gallery .owl-nav {
            display: none;
        }

        .mobile-gallery img {
            padding: 20px;
            max-width: 100%;
            display: block;
            height: auto;
        }

    .mobile-gallery-carousel .owl-dot {
        border: 0;
        background: transparent;
        display: block;
        height: 8px;
        width: 8px;
        outline: none;
        line-height: 0px;
        font-size: 0px;
        color: transparent;
        padding: 0;
        cursor: pointer;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background-color: #cecece;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0 5px;
    }

        .mobile-gallery-carousel .owl-dot.active {
            background-color: #000000;
        }

    .mobile-gallery-carousel .owl-dots {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        bottom: -30px;
        right: 0;
        left: 0;
    }

    .cart tbody tr td.unit-price {
        width: 100%;
    }

    .cart-table-quantity-grid.no-edit-quantity-grid, .checkout-page .cart-table-quantity-grid {
        margin: 0 auto;
        padding: 10px 0 0;
    }

    .checkout-page .cart .product-comment-td {
        padding: 10px 20px;
    }

    .checkout-page .cart-grid-right {
        max-width: 318px;
        margin: 0 auto;
        width: 100%;
    }

    .checkout-page .order-review-data {
        margin: 0 0 30px;
    }
    /*********** CATEGORY PAGES **********/
    .category-wrapper {
        padding: 0 15px 15px;
    }
}

@media screen and (max-width: 870px) {
    /*********** ACCOUNT PAGES **********/
    .customer-info-page .fieldset-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .customer-data-container.flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .customer-data-item {
        margin: 0 0 10px;
    }

        .customer-data-item input[type="text"] {
            max-width: 120px;
        }
}

@media screen and (max-width: 768px) {


    .product-for-models-inner {
        width: 100%;
        max-width: unset;
    }
    /*********** GENERAL **********/
    .header-logo {
        min-width: 130px;
    }

    .ui-dialog .ui-dialog-content {
        padding: 0 !important;
        text-align: left;
    }

        .ui-dialog .ui-dialog-content .topic-page p {
            text-align: left;
            font-size: 14px;
        }
    /*********** WIZARD PAGE **********/
    .wizard-outter-container {
        max-width: 300px;
    }

    .wizard-inputs,
    .wizard-button {
        width: 100%;
    }
    /*********** HOMEPAGE **********/
    .jCarouselMainWrapper .slick-next,
    .jCarouselMainWrapper .slick-prev {
        border: 2px solid #cccccc;
    }
    /*********** CART PAGE **********/
    .cart-footer .totals {
        margin: 0 auto;
    }

    .cart-footer .cart-collaterals {
        margin: 0 auto;
        width: 100%;
        max-width: 420px;
    }

    .shipping-method .method-list li label {
        padding: 0 0 0 25px;
    }

    .order-progress li {
        min-width: unset;
        max-width: unset;
        width: 15%;
        padding: 10px 0;
        font-size: 10px;
    }

        .order-progress li.inactive-step a {
            opacity: 0.3;
            cursor: default;
            font-size: 10px;
        }
    /*********** BRANDS PAGE **********/
    .manufacturer-list-page .item-box {
        width: 32.33%;
        clear: none;
    }

    .category-page .item-box-sub-category {
        margin: 0;
        width: 33.33%;
        border-right: 1px solid #ededed;
        border-top: 1px solid #ededed;
        max-width: 100%;
        height: auto;
    }

    /*********** WISHLIST PAGE **********/
    .wishlist-page .item-box {
        width: 32%;
        margin: 0 1.8% 15px 0;
        clear: none;
    }

        .wishlist-page .item-box:nth-child(3n) {
            margin: 0 0 15px;
            clear: none;
        }
    /*********** PRODUCT PAGE **********/
    .product-essential {
        background-image: unset;
    }

        .product-essential .measurement-unit {
            text-align: center;
        }

    .overview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: 0;
    }

    .product-no-reviews,
    .product-reviews-overview {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 20px;
    }

    .product-review-box {
        margin: 0 2px 8px;
    }

    .overview-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product-cart-price-wrapper {
        margin: 0 auto 30px;
        max-width: 382px;
    }

    .product-collateral {
        margin: 0;
    }

    .product-details-carousel-wrapper .jCarouselMainWrapper .slick-prev,
    .product-details-carousel-wrapper .jCarouselMainWrapper .slick-next {
        border: 1px solid #fff;
    }

    .overview {
        background-color: #fff;
        padding: 25px 0;
    }

    .product-essential {
        padding: 0;
    }

    .overview-left {
        padding: 0 10px;
    }
    /*********** CATEGORY PAGE **********/
    .category-featured-products-wrapper {
        padding: 10px 0;
        display: none;
    }

    .category-carousel-wrapper .nop-jcarousel .carousel-title {
        margin: 0 0 55px;
    }

    .category-carousel-wrapper .jCarouselMainWrapper .slick-prev,
    .category-carousel-wrapper .jCarouselMainWrapper .slick-next {
        border: 2px solid #cccccc;
        top: 45px;
    }

    .category-carousel-wrapper .jCarouselMainWrapper .slick-prev {
        right: calc(50% - 3px);
    }

    .category-carousel-wrapper .jCarouselMainWrapper .slick-next {
        right: calc(50% - 39px);
    }

    .new-arrivals-category-page .item-box-sub-category {
        width: 60%;
        max-width: 1004px;
        margin: 0 auto 20px;
        padding: 0 10px;
        float: none;
    }

    /*    .new-arrivals-category-page p.new-arrivals-desc {
        display: none;
    }
*/
    .new-arrivals-category-page .new-arrivals-desc {
        text-align: left;
        margin: 0;
    }

    .sub-category-title-grid {
        align-items: center;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .new-arrivals-category-page .item-box-sub-category .picture {
        flex-basis: 100%;
    }

    .new-arrivals-category-page .item-box-sub-category .sub-category-title {
        flex-basis: 100%;
        padding: 0 0 15px 0;
    }

    .new-arrivals-category-page .item-box-sub-category .title {
        padding: 0;
    }

    .new-arrivals-category-page .sub-category-grid .title a {
        color: #000;
        font-weight: 700;
        font-size: 18px;
        justify-content: flex-start;
    }

    .sub-category-title-grid > * {
        width: 100%;
    }
    /*********** FOOTER **********/
    /*Newsletter Footer*/
    .footer-newsletter {
        padding: 35px 0;
    }

    .newsletter.flex-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .newsletter-text {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        margin: 0 0 15px;
    }

    .newsletter-subscribe {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
    /*End Newsletter Footer*/
    .footer-upper {
        padding: 50px 0;
    }

    .footer-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-block {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%;
        max-width: 400px;
    }

        .footer-block .title {
            background: #e90018;
            background: -moz-linear-gradient(left, #e90018 0%, #f8001c 100%);
            background: -webkit-linear-gradient(left, #e90018 0%, #f8001c 100%);
            background: linear-gradient(to right, #e90018 0%, #f8001c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e90018 ', endColorstr='#f8001c',GradientType=1 );
            padding: 14px 15px;
            position: relative;
            color: #FFFFFF;
        }

            .footer-block .title strong {
                font-family: "cf_asty_stdlight";
            }

        .footer-block .list li a {
            color: #000;
        }

        .footer-block .title:after {
            content: "";
            display: block;
            height: 30px;
            width: 30px;
            position: absolute;
            right: 10px;
            top: 18%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/arrow-bottom.svg);
            -moz-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }

        .footer-block .title.active:after {
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

    .footer-lower-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .footer-info {
        margin: 0 0 5px;
    }
}

@media (max-width: 767px) {
    /*********** HEADER **********/
    .header-links > div.account-icon-before {
        display: none;
    }
    /*********** HOMEPAGE **********/

    .kesisoglou-image-grid-wrapper {
        padding: 25px 0 0;
    }
    /*********** WISHLIST PAGE **********/
    .wishlist-page {
        max-width: 1230px;
        padding: 40px 15px 50px;
        margin: 0 auto;
    }

        .wishlist-page .page-title h1 {
            margin: 0;
        }

    /*********** PRODUCT PAGE **********/
    .product-bottom-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .product-bottom-container.text-right .product-flex-text {
            padding: 15% 15px;
        }

        .product-bottom-container.text-left .product-flex-text {
            padding: 15% 15px;
        }

        .product-bottom-container.text-left .product-flex-image {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2;
        }

    .product-flex-text h3 {
        text-align: center;
    }

    .product-flex-text p {
        text-align: center;
        margin: 0 auto;
    }
}

@media screen and (max-width: 730px) {
    /*********** HEADER **********/
    .header .mobileMenu {
        width: 270px;
        left: -270px;
    }
    /*********** CATEGORY PAGE **********/
    .category-page .item-box-sub-category {
        width: 33.33%;
    }

    .product-viewmode-mobile {
        display: none;
    }

    .category-page .product-list .item-box {
        width: 32%;
        margin: 0 0.5% 15px;
        clear: none;
    }

    .close-filters-mobile-wrap {
        top: -13px;
    }

    .product-list .item-box-buttons-wrapper {
        position: absolute;
        right: 0;
        left: 0;
        bottom: 0;
        display: none;
    }

    .product-list .prices + .item-box-buttons-wrapper {
        bottom: 50px;
    }

    .category-page .product-list .item-box .sku span {
        color: #b2b2b2;
        font-size: 9px;
    }

    .category-page .product-list .item-box .description {
        min-height: 29px;
    }

    .new-arrivals-category-page .item-box-sub-category {
        width: 60%;
        max-width: 1004px;
        margin: 0 auto 20px;
        padding: 0 10px;
        float: none;
    }

    /*    .new-arrivals-category-page p.new-arrivals-desc {
        display: none;
    }*/
    .new-arrivals-category-page .new-arrivals-desc {
        text-align: left;
        margin: 0;
    }

    .sub-category-item.flex-container {
        flex-direction: column;
    }

    .new-arrivals-category-page .item-box-sub-category .picture {
        flex-basis: 100%;
    }

    .new-arrivals-category-page .item-box-sub-category .sub-category-title {
        flex-basis: 100%;
        padding: 0px 0 15px 0px;
    }

    .new-arrivals-category-page .item-box-sub-category .title {
        padding: 10px 0 0 0;
    }

    .new-arrivals-category-page .sub-category-grid .title a {
        color: #000;
        font-weight: 700;
        font-size: 18px;
        justify-content: flex-start;
    }
}

@media (min-width: 611px) and (max-width: 730px) {
    .owl-item .item-box .box-cart-wrapper input[type="button"],
    .item-box .box-cart-wrapper input[type="button"] {
        background-position: 10%;
        font-size: 9px;
        text-align: left;
        padding-left: 22px;
        font-family: "cf_asty_stdbold";
        background-size: 12px;
    }
}

@media screen and (max-width: 670px) {
    /*********** HEADER **********/
    .flex-bottom-item span {
        font-size: 10px;
    }
    /*********** CART PAGE **********/
    .order-progress {
        padding: 20px 0px 0;
        margin: 0 0 20px;
    }

        .order-progress ul {
            font-size: 0;
            max-width: 365px;
            margin: 0 auto;
        }

        .order-progress li {
            min-width: 110px;
            max-width: 110px;
            width: 15%;
            padding: 10px 0;
            font-size: 10px;
        }

    .compare-bar-left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .compare-products-notification-bar {
        padding: 12px 45px 11px;
    }
}

@media (max-width: 650px) {
    /*********** CUSTOMER CARD **********/

    .open-balance-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .open-balance-container > * {
            width: 100%;
        }

    .customer-card-bottom-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .customer-card-bottom-item {
        width: 100%;
        width: -moz-available;
        width: -webkit-fill-available;
    }

    .open-balance-title h4,
    .web-daylimit-balance-title h4 {
        font-size: 14px;
    }

    .web-daylimit-balance-text p {
        font-size: 11px;
        line-height: 14px;
    }

    .open-balance-price span {
        font-size: 25px;
        line-height: 25px;
    }
    /*********** WISHLIST PAGE **********/

    .wishlist-page .item-box {
        width: 48.5%;
    }

        .wishlist-page .item-box:nth-child(2n) {
            margin: 0 0 15px;
        }

        .wishlist-page .item-box:nth-child(3n) {
            margin: 0 1.8% 15px 0;
        }

    .owl-item .item-box .box-cart-wrapper input[type="button"],
    .item-box .box-cart-wrapper input[type="button"] {
        background-position: 10%;
        font-size: 10px;
        text-align: left;
        padding-left: 39px;
        font-family: "cf_asty_stdbold";
        padding-top: 3px;
    }
}

@media screen and (max-width: 639px) {
    /*********** HOMEPAGE **********/
    .home-page-category-grid {
        margin: 0 auto;
        max-width: 320px;
    }

    .home-page .item-grid {
        max-width: 254px;
        margin: 0 auto;
    }

    .home-page .jCarouselMainWrapper .slick-dotted.slick-slider {
        margin: 0 auto;
        max-width: 320px;
    }

    .homepage-manufacturers-wrapper.categories-manufacturers-wrapper {
        padding: 35px 0 35px;
    }

    /*********** CATEGORY PAGE **********/
    .category-page .item-grid .owl-carousel {
        max-width: 254px;
        margin: 0 auto;
    }

    .category-page .product-grid .owl-item .item-box {
        width: 100%;
        max-width: 248px;
        margin: 0 auto;
    }
    /*********** CHECKOUT PAGES **********/
    .new-billing-address .title {
        background: transparent;
        padding: 15px 60px;
        border: 0;
        border-bottom: 2px solid #ccc;
        font-size: 15px;
    }
}

@media screen and (max-width: 610px) {
    /*********** HEADER **********/
    /*.header-bottom-wrapper {
		display: none;
	}*/

    /*********** HOMEPAGE **********/

    .swiper-slide p {
        font-size: 25px;
        line-height: 28px;
        color: #000 !important;
    }

    .swiper-slide h1 {
        font-size: 35px;
        line-height: 28px;
        color: #000 !important;
    }
    /*********** REGISTRATION PAGE **********/
    .registration-page {
        padding: 80px 0 10px;
    }
    /*********** BRANDS PAGES **********/
    .manufacturer-list-page .item-box {
        width: 49%;
        clear: none;
    }
    /*********** CHECKOUT PAGES **********/
    .enter-address .edit-address {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 20px 10px;
    }

    .new-billing-address .inputs {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .checkout-page .phone-inputs input[type="text"] {
        max-width: unset;
        border-bottom: 0;
    }
    /*********** KESISOGLOU GRID **********/
    .kesisoglou-image-grid-title {
        margin: 0 0 25px;
    }

        .kesisoglou-image-grid-title h2 {
            font-size: 20px;
            line-height: 24px;
        }
    /*********** CATEGORY PAGES **********/
    .category-page .item-box-sub-category {
        width: 50%;
    }

        .category-page .item-box-sub-category:nth-of-type(odd):last-child {
            width: 100%;
        }

    .new-arrivals-category-page
    .item-box-sub-category:nth-of-type(odd):last-child {
        width: 60%;
    }

    .category-page .product-list .item-box,
    .category-page .product-grid .item-box {
        width: calc(49% - 1px);
        margin: 0 10px 15px 0;
    }

        .category-page .product-list .item-box:nth-child(2n),
        .category-page .product-grid .item-box:nth-child(2n) {
            margin: 0 0 15px;
        }

    .new-arrivals-category-page .item-box-sub-category {
        width: 60%;
        max-width: 1004px;
        margin: 0 auto 20px;
        padding: 0 10px;
        float: none;
    }

    /*  .new-arrivals-category-page p.new-arrivals-desc {
        display: none;
    }*/
    .new-arrivals-category-page .new-arrivals-desc {
        text-align: left;
        margin: 0;
    }

    .sub-category-item.flex-container {
        flex-direction: column;
    }

    .new-arrivals-category-page .item-box-sub-category .picture {
        flex-basis: 100%;
    }

    .new-arrivals-category-page .item-box-sub-category .sub-category-title {
        flex-basis: 100%;
        padding: 0px 0 15px 0px;
    }

    .new-arrivals-category-page .item-box-sub-category .title {
        padding: 10px 0 0 0;
    }

    .new-arrivals-category-page .sub-category-grid .title a {
        color: #000;
        font-weight: 700;
        font-size: 18px;
        justify-content: flex-start;
    }
    /*********** PRODUCT PAGE **********/
    .product-no-reviews,
    .product-reviews-overview {
        margin: 0 0 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .nop-jcarousel .carousel-title {
        margin: 0 0 55px !important;
    }

    .product-details-carousel-wrapper .jCarouselMainWrapper .slick-next,
    .product-details-carousel-wrapper .jCarouselMainWrapper .slick-prev {
        top: 45px;
    }

    .product-details-carousel-wrapper .jCarouselMainWrapper .slick-prev {
        right: calc(50% + 6px);
    }

    .product-details-carousel-wrapper .jCarouselMainWrapper .slick-next {
        right: calc(50% - 36px);
    }
}

@media screen and (max-width: 509px) {
    /*********** PRODUCT PAGE **********/
    .product-details-carousel-wrapper .nop-jcarousel .item-grid {
        max-width: 254px;
        margin: 0 auto;
    }
    /*********** CATEGORY PAGE **********/
    .category-carousel-wrapper .slick-slider.item-grid {
        max-width: 254px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    /*********** HEADER **********/
    .header-bottom-wrapper {
        /* display: none; */
    }

    .product-flex-text h3 {
        font-size: 17px;
        margin: 0 0 20px;
    }

    .sub-title {
        font-size: 14px;
    }

    .product-flex-text p {
        font-size: 12px;
    }
    /*********** HOMEPAGE **********/

    /*********** ACCOUNT PAGES **********/
    .account-page .fieldset {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%;
        max-width: 400px;
        margin: 0 auto 35px;
    }

    .fieldset-inner-wrapper {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        width: 100%;
    }

    .small-card-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .first-card-item {
        margin: 0 0 15px;
    }
    /*********** PRODUCT PAGE **********/
    .product-details-carousel-wrapper .nop-jcarousel .carousel-title strong {
        color: #fff;
        font-size: 18px;
    }
    /*********** LOGIN PAGE **********/
    .page-title h1 {
        font-size: 17px;
    }
    /*********** CATEGORY PAGE **********/
    .category-slider-wrapper
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 7px;
    }

    .swiper-pagination-bullet {
        width: 25px;
        height: 4px;
    }

    .sub-category-grid .title a {
        font-size: 12px;
        min-height: 35px;
    }
    /*********** WISHLIST PAGE **********/

    .wishlist-page .item-box {
        width: 100%;
        max-width: 255px;
        margin: 0 auto 15px;
        float: none;
    }

        .wishlist-page .item-box:nth-child(2n) {
            margin: 0 auto 15px;
        }

        .wishlist-page .item-box:nth-child(3n) {
            margin: 0 auto 15px;
        }
    /*********** FOOTER **********/
    .footer .header-bottom-wrapper {
        display: block;
        max-width: 400px;
        margin: 0 auto;
        background-color: transparent;
        padding: 0;
    }

    .footer .header-bottom-container {
        padding: 0;
        text-align: left;
    }

    .footer .header-bottom-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .footer .header-bottom-container .flex-bottom-item {
            -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
            text-align: left;
            margin: 0 0 25px;
            padding: 16px 42px;
            background: #e90018;
            background: -moz-linear-gradient(left, #e90018 0%, #f8001c 100%);
            background: -webkit-linear-gradient(left, #e90018 0%, #f8001c 100%);
            background: linear-gradient(to right, #e90018 0%, #f8001c 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e90018 ', endColorstr='#f8001c',GradientType=1 );
        }

    .footer .flex-bottom-item span {
        font-size: 15px;
        font-family: "cf_asty_stdlight";
    }
}

@media screen and (max-width: 460px) {

    .product-cart-price-wrapper {
        grid-template-columns: 1fr;
        gap: 20px;
    }



        .product-cart-price-wrapper .qty-input-wrapper {
            grid-column: 1/span 1;
            grid-row: 1/ span 1;
        }

        .product-cart-price-wrapper .warning-container {
            grid-column: 1/span 1;
            grid-row: 2/ span 1;
        }

        .product-cart-price-wrapper .product-cart-price-top {
            grid-column: 1/span 1;
            grid-row: 3/ span 1;
        }

        .product-cart-price-wrapper .add-to-cart-button-wrapper {
            grid-column: 1/span 1;
            grid-row: 4/ span 1;
        }


    /*********** HEADER **********/
    .header-links-mobile {
        display: block;
    }

    .header-links .account-icon {
        display: none;
    }

    .header-links-mobile {
        padding: 20px 10px;
        display: none;
    }

        .header-links-mobile li {
            text-align: left;
            font-size: 19px;
            padding-left: 30px;
            position: relative;
        }

            .header-links-mobile li.account-mobile-icon:before {
                content: "";
                display: block;
                width: 23px;
                height: 20px;
                position: absolute;
                left: 0;
                top: 1px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                background-image: url(/Themes/DefaultClean/Content/images/Kesisoglou/Icons/account-black-icon.svg);
            }

            .header-links-mobile li a {
                color: #000;
                font-family: "cf_asty_stdlight";
            }
    /*********** ACCOUNT PAGES **********/
    .account-page-wrapper .inputs label,
    .checkout-page .inputs label {
        font-size: 9px;
    }

    .account-page .inputs input,
    .checkout-page .inputs input {
        font-size: 10px;
    }

    .address-edit-page .nice-select {
        font-size: 10px;
        text-align: center;
    }

        .address-edit-page .nice-select span.current {
            display: block;
            text-align: center;
        }
    /*********** CART PAGE **********/
    .cart-footer .checkout-buttons {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .checkout-buttons input[type="submit"] {
        margin: 0 0 10px;
    }

    .checkout-buttons input[type="submit"],
    .checkout-buttons button {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        display: block;
        width: 100%;
        max-width: 250px;
    }
    /*********** CATEGORY PAGE **********/
    .category-page .product-list .item-box,
    .category-page .product-grid .item-box {
        width: 100%;
        max-width: 250px;
        margin: 0 auto 15px;
        float: none;
    }

        .category-page .product-list .item-box:nth-child(2n),
        .category-page .product-grid .item-box:nth-child(2n) {
            margin: 0 auto 15px;
        }
}

@media (max-width: 380px) {
    /*********** NEWSLETTER **********/
    .newsletter-email {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .newsletter-subscribe {
        width: 100%;
    }

    .newsletter-email .newsletter-subscribe-button {
        width: calc(100% - 1px);
    }

    .newsletter-email input[type="text"] {
        width: 100%;
    }

    /*********** BRANDS PAGE **********/
    .manufacturer-list-page .item-box {
        width: 100%;
        clear: none;
        margin: 0 0 10px;
    }

    /*********** REGISTRATION PAGE **********/
    .registration-page .date-of-birth .nice-select {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 0 10px;
    }

    .account-page .date-of-birth-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .account-page .date-of-birth .nice-select {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .account-page .date-of-birth .nice-select {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: 0 0 10px;
    }
}

@media (max-width: 350px) {
    .header-logo {
        -ms-flex-preferred-size: 150px;
        flex-basis: 150px;
        min-width: 110px;
    }
}

.card-label.loader-visible .outter-wrapper {
    opacity: 1;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

#loader {
    display: block;
    position: relative;
    left: 167%;
    top: 170%;
    width: 30px;
    height: 30px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 0.2px solid transparent;
    border-top-color: #e90018;
    -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.product-details-page #loader {
    display: block;
    position: relative;
    left: 135%;
    top: 166%;
    width: 30px;
    height: 30px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 0.2px solid transparent;
    border-top-color: #e90018;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.wishlist-page #loader {
    display: block;
    position: relative;
    left: 112%;
    top: 170%;
    width: 30px;
    height: 30px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 0.2px solid transparent;
    border-top-color: #e90018;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.wishlist-page .item-box .card .back {
    text-align: right;
    padding-right: 10px;
    padding-top: 10px;
    line-height: 1;
    display: flex;
    flex-direction: column;
}

.item-box .prices .suggested-retail-price-wrap {
    display: flex;
    justify-content: flex-end;
    line-height: 1;
    margin: 0 0 8px;
}

.home-page #loader {
    display: block;
    position: relative;
    left: 130%;
    top: 170%;
    width: 30px;
    height: 30px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 0.2px solid transparent;
    border-top-color: #e90018;
    -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.shopping-cart-page #loader {
    display: block;
    position: relative;
    left: 100%;
    top: 170%;
    width: 30px;
    height: 30px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 0.2px solid transparent;
    border-top-color: #e90018;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 50%;
    border: 0.2px solid transparent;
    border-top-color: #cccccc;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    bottom: 7px;
    border-radius: 50%;
    border: 0.2px solid transparent;
    border-top-color: #262626;
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}

.card-label.loader-visible .front {
    background-image: none !important;
}

.card-label #loader-wrapper {
    display: none;
}

.card-label.loader-visible #loader-wrapper {
    display: block;
    z-index: 99999999;
}

/*.compare-item .card-label input[checked="checked"] + .outter-wrapper, .price-cart-wrapper .card-label input[checked="checked"] + .outter-wrapper, .unit-price .card-label input[checked="checked"] + .outter-wrapper, .item-box .card-label input[checked="checked"] + .outter-wrapper, .overview .card-label input[checked="checked"] + .outter-wrapper {
    opacity: 0;
}*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg); /* IE 9 */
        transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
    }

    100% {
        -webkit-transform: rotate(360deg); /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg); /* IE 9 */
        transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
    }
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

/*
 * Hide from both screenreaders and browsers: 
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: 
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 0.5px;
}

    /*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: 
 */

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: 
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:  */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
}

@media (max-width: 1024px) {
    .header-bottom-outer {
        position: relative;
        z-index: 9999;
    }

        .header-bottom-outer.hide {
            display: none;
        }

    .shopping-cart-page #loader {
        display: block;
        position: relative;
        left: 164%;
        top: 170%;
        width: 30px;
        height: 30px;
        margin: -75px 0 0 -75px;
        border-radius: 50%;
        border: 0.2px solid transparent;
        border-top-color: #e90018;
        -webkit-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
    }

    .shopping-cart-page label.card-label {
        width: 50px !important;
    }
}
