/* ---------------------
    #GRID BREAKPOINTS
------------------------ */
/* ---------------------
    #FONTS
------------------------ */
/* ---------------------
    #PATHS
------------------------ */
/* ---------------------
    #COLORS
------------------------ */
/* ------------------------
    #MEDIA QUERIES MIXINS
--------------------------- */
/* ---------------------
    #STYLE MIXINS
------------------------ */
/* ---------------------
    #GLOBAL STYLES
------------------------ */
*:focus {
    outline: none;
}

a.no-underline:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

a:hover {
    color: inherit;
}

@media screen and (min-width: 768px) {
    .container--landing {
        width: 750px;
    }

    .sorting-section {
        display: block !important;
    }
}

@media screen and (min-width: 992px) {
    .container--landing {
        width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .container--landing {
        width: 1200px;
    }
}

.container--center {
    margin: 0 auto;
    text-align: center;
}

.wrap {
    margin: 0 auto;
    padding: 0 30px;
}

@media screen and (min-width: 768px) {
    .wrap {
        max-width: 750px;
    }
}

@media screen and (min-width: 992px) {
    .wrap {
        max-width: 970px;
    }
}

@media screen and (min-width: 1200px) {
    .wrap {
        max-width: 1170px;
    }
}

.relative {
    position: relative;
}

.static {
    position: static;
}

.vertical-align {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

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

.horizontal-align {
    margin: 0 auto;
    text-align: center;
}

.overlay,
.overlay--lower {
    display: none;
    position: fixed;
    z-index: 1199;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.overlay--lower {
    z-index: 49;
}

.hover--opacity {
    opacity: 1;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.hover--opacity:hover {
    opacity: 0.6;
}

.select2-dropdown {
    z-index: 1300;
}

.bootstrap--reset-gutter {
    padding-left: 15px;
    padding-right: 15px;
}

@media screen and (min-width: 992px) {
    .bootstrap--reset-gutter {
        padding-left: 0;
        padding-right: 0;
    }
}

.bootstrap--display-fix {
    display: inline-block;
}

.bootstrap--reset-margin {
    margin-left: 0;
    margin-right: 0;
}

.boostrap--col-fix {
    min-height: initial;
}

.bcg--gray {
    background-color: #f0f3f7;
}

.sm--show {
    display: block;
}

@media screen and (min-width: 992px) {
    .sm--show {
        display: none;
    }
}

.sm--hide {
    display: none;
}

@media screen and (min-width: 992px) {
    .sm--hide {
        display: block;
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -ms-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    -o-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;
    -webkit-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.invisible {
    opacity: 0;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

@media screen and (min-width: 768px) {
    .row--flex {
        display: flex;
        align-items: center;
    }
}

input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

@media screen and (max-width: 767px) {
    .phone-hide {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .tablet-hide {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .tablet-hide {
        display: block;
    }
}

@media screen and (min-width: 992px) {
    .desktop-hide {
        display: none;
    }
}

.animation-slide-in {
    opacity: 1;
    transform: translateY(0%);
}

@media screen and (min-width: 992px) {
    .animation-slide-in {
        transform: translateY(10%);
        opacity: 0;
        transition: 0.6s all ease-in-out;
    }
}

.animation-slide-in.active-anim {
    transform: translateY(0%);
    opacity: 1;
}

.animation-chain > *:nth-child(1) {
    animation-delay: 0.05s !important;
    transition-delay: 0.05s !important;
}

.animation-chain > *:nth-child(2) {
    animation-delay: 0.1s !important;
    transition-delay: 0.1s !important;
}

.animation-chain > *:nth-child(3) {
    animation-delay: 0.15s !important;
    transition-delay: 0.15s !important;
}

.animation-chain > *:nth-child(4) {
    animation-delay: 0.2s !important;
    transition-delay: 0.2s !important;
}

.animation-chain > *:nth-child(5) {
    animation-delay: 0.25s !important;
    transition-delay: 0.25s !important;
}

.animation-chain > *:nth-child(6) {
    animation-delay: 0.3s !important;
    transition-delay: 0.3s !important;
}

.animation-chain > *:nth-child(7) {
    animation-delay: 0.35s !important;
    transition-delay: 0.35s !important;
}

.animation-chain > *:nth-child(8) {
    animation-delay: 0.4s !important;
    transition-delay: 0.4s !important;
}

.animation-chain > *:nth-child(9) {
    animation-delay: 0.45s !important;
    transition-delay: 0.45s !important;
}

/* ---------------------
    #TYPOGRAPHY
------------------------ */
h2 {
    font-size: 24px;
}

@media screen and (min-width: 992px) {
    h2 {
        font-size: 30px;
    }
}

.headline--big {
    border: 0;
    padding: 0 15px;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    color: #4d4d4d;
}

@media screen and (min-width: 768px) {
    .headline--big {
        padding: 0;
        font-size: 48px;
    }
}

.headline--gray {
    color: #4d4d4d;
}

.headline--black {
    color: #1f2226;
}

.headline--thin {
    margin-bottom: 50px;
    text-transform: uppercase;
}

.headline--big--italic {
    border: 0;
    font-size: 22.5px;
    font-style: italic;
}

@media screen and (min-width: 768px) {
    .headline--big--italic {
        font-size: 36px;
    }
}

.headline--thin--medium {
    font-size: 24px;
    line-height: 1.3;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) {
    .headline--smallest--italic {
        top: -15px !important;
        border-bottom: 0;
        font-size: 24px;
        line-height: 24px;
    }
}

.paragraph a {
    color: #ae1f24;
    text-decoration: underline;
}

.paragraph--sans {
    font-size: 16px;
    line-height: 1.6;
    color: #4b4b4b;
}

.paragraph--serif {
    font-size: 22px;
    line-height: 1.6;
    color: #4b4b4b;
}

.label--gray {
    margin: 0;
    padding: 0;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: normal;
}

.text--transform-none {
    text-transform: none;
}

.text--no-underline {
    text-decoration: none;
}

.text--no-underline:hover {
    text-decoration: none;
}

.text--uppercase {
    text-transform: uppercase;
}

.text--lowercase {
    text-transform: lowercase;
}

.text--underline {
    text-decoration: underline;
}

.text--important {
    color: #ae1f24;
}

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

.text--right,
.headline--right {
    text-align: right;
}

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

.text--black,
.headline--black {
    color: #1f2226;
}

/* ---------------------
    #BUTTONS
------------------------ */
.btn {
    cursor: pointer;
}

.btn a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #1f2226;
}

.btn a:hover,
.btn a:focus {
    text-decoration: none;
}

.btn.active,
.btn:active {
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.btn--ghost {
    margin: 50px 0;
    border: 1px solid #aaa;
    border-radius: 0;
    background-color: rgba(31, 34, 38, 0);
    color: #1f2226;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn--ghost:hover {
    background-color: #4b4b4b;
    color: #fff;
}

.btn--ghost:hover a {
    text-decoration: none;
    color: #fff;
}

.btn--ghost:hover:focus {
    outline: none;
    color: #fff;
}

.btn--ghost:focus {
    text-decoration: none;
    outline: none;
    color: #1f2226;
}

.btn--red,
.btn--red--smaller {
    padding: 15px 30px;
    border: 0;
    border-radius: 0;
    background-color: #ae1f24;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    -webkit-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

@media screen and (min-width: 768px) {
    .btn--red,
    .btn--red--smaller {
        padding: 15px 80px;
    }
}

.btn--red:hover,
.btn--red--smaller:hover,
.btn--red:focus,
.btn--red--smaller:focus,
.btn--red:active,
.btn--red--smaller:active {
    background-color: #6e2023;
    color: #fff;
}

.btn--red--smaller {
    padding: 10px 30px;
    font-size: 12px;
}

.btn--center {
    display: block;
    margin: 0 auto;
}

.btn--menu--ghost {
    border: 1px solid #1f2226;
}

.btn--signup {
    color: #ae1f23;
    background: none;
    border: 1px solid #ae1f23;
}

.btn--signup:hover {
    background-color: #901a1e;
}

.btn--gray {
    padding: 10px;
    border: 0;
    border-radius: 0;
    outline: none;
    background-color: #4b4b4b;
    box-shadow: none;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
}

.btn--gray:hover {
    color: #fff;
    background-color: #ae1f24;
}

.btn--gray:focus {
    color: #fff;
}

.btn--to-top {
    display: none;
    position: fixed;
    z-index: 500;
    right: 16px;
    bottom: 48px;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease-in-out;
    color: rgba(256, 256, 256, 0.8);
}

.btn--to-top:hover {
    color: #fff;
}

@media screen and (min-width: 992px) {
    .btn--to-top:hover {
        background-color: rgba(174, 31, 36, 0.9);
    }
}

.btn--add-item {
    display: none;
    position: fixed;
    z-index: 1;
    right: 0;
    bottom: 100px;
    border-radius: 0;
    background-color: #4b4b4b;
    color: #fff;
}

.btn--add-item:hover {
    background-color: #ae1f24;
    color: #fff;
}

.btn--hover-info {
    position: relative;
    z-index: 10;
}

.btn--hover-info:hover:after {
    content: attr(data-text);
    position: absolute;
    display: none;
    z-index: 9999;
    top: 25px;
    left: 0;
    min-width: 125px;
    padding: 5px;
    line-height: 20px;
    font-size: 12px;
    background-color: #fff;
    color: #1f2226;
    -webkit-box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
    -moz-box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
    box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
}

@media screen and (min-width: 768px) {
    .btn--hover-info:hover:after {
        display: block;
    }
}

.btn--share {
    width: 20px;
    height: 20px;
    background-image: url("../img/icon-share--gray.png");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
    background-color: transparent;
}

.btn--share:hover {
    background-image: url("../img/icon-share--red.png");
}

.btn--sell {
    width: 20px;
    height: 20px;
    background-image: url("../img/icon-sell--gray.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    padding: 0;
    border: 0;
}

.btn--sell:hover,
.btn--sell.active {
    background-image: url("../img/icon-sell--red.png");
}

.book-an-appointment {
    background: #fff;
}

@media screen and (max-width: 991px) {
    .book-an-appointment {
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 51;
        width: 100%;
        padding: 10px;
    }
}

@media screen and (max-width: 767px) {
    .book-an-appointment {
        top: 70px;
    }
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    background-color: #901a1e;
}

.btn--close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 50px;
    background: none;
}

.btn--close .icon {
    display: block;
}

.btn--white {
    padding: 2px 10px;
    border: 0;
    border-radius: 0;
    background-color: #fff;
    color: #6e2023;
    text-transform: uppercase;
    font-size: 12px;
}

.btn--inactive {
    opacity: 0.2;
}

.add-item-button {
    z-index: 1;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
    outline: none;
}

.btn-file-upload {
    cursor: pointer;
}
.btn-active {
    background-color: #3797f1;
    color: #fff;
}

.btn-active:focus {
    color: #fff;
}

/* ---------------------
    #ICONS
------------------------ */
.icon {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.icon--instagram {
    background-image: url("/img/icon-instagram.png");
}

.icon--facebook {
    background-image: url("/img/icon-facebook.svg");
}

.icon--google {
    background-image: url("/img/icon-google.svg");
}

.icon--twitter {
    background-image: url("/img/icon-twitter.svg");
}

.icon--play {
    width: 65px;
    height: 65px;
    background-image: url("/img/icon-play.svg");
}

.icon--cross {
    width: 20px;
    height: 20px;
    background-image: url("/img/icon-cross.svg");
}

.icon--slider-left,
.icon--slider-right {
    display: inline-block;
    width: 50px;
    height: 50px;
}

@media screen and (min-width: 768px) {
    .icon--slider-left,
    .icon--slider-right {
        width: 80px;
        height: 80px;
    }
}

.icon--slider-left {
    background-image: url("/img/icon-slider-left.svg");
}

.icon--slider-right {
    background-image: url("/img/icon-slider-right.svg");
}

.icon--hanger,
.icon--needle,
.icon--box,
.icon--van,
.icon--shopping-cart,
.icon--clothing,
.icon--clean-storage {
    display: inline-block;
    width: 100px;
    height: 70px;
}

.icon--hanger {
    background-image: url("/img/icon-hanger.svg");
}

.icon--box {
    background-image: url("/img/icon-box.svg");
}

.icon--van {
    background-image: url("/img/van.png");
}

.icon--needle {
    background-image: url("/img/icon-needle.svg");
}

.icon--shopping-cart {
    background-image: url("/img/icon-shopping-cart.png");
}

.icon--clothing {
    width: 100%;
    background-image: url("/img/icon-clothing.svg");
}

.icon--clean-storage {
    width: 100%;
    background-image: url("/img/icon-temperature.svg");
}

.icon--clothes {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.icon--shoes-female {
    background-image: url("/img/icon-shoes-female.svg");
}

.icon--shoes-male {
    background-image: url("/img/icon-shoes-male.svg");
}

.icon--boots-female {
    background-image: url("/img/icon-boots-female.svg");
}

.icon--pants-male {
    background-image: url("/img/icon-pants-male.svg");
}

.icon--dresses-female {
    background-image: url("/img/icon-dresses-female.svg");
}

.icon--shirts-male {
    background-image: url("/img/icon-shirts-male.svg");
}

.icon--suits-female {
    background-image: url("/img/icon-suits-female.svg");
}

.icon--suits-male {
    background-image: url("/img/icon-suits-male.svg");
}

.icon--coats-female {
    background-image: url("/img/icon-coats-female.svg");
}

.icon--coats-male {
    background-image: url("/img/icon-coats-male.svg");
}

.icon--how-it-works--close {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("/img/how-it-works/icon-close-hiw.svg");
}

.icon--tailoring,
.icon--ironing,
.icon--cleaning,
.icon--clothing-repairs,
.icon--shoe-bag-repairs {
    display: inline-block;
    width: 90px;
    height: 90px;
}

.icon--cleaning {
    background-image: url("/img/icon-cleaning-2.png");
}

.icon--ironing {
    background-image: url("/img/icon-ironing.svg");
}

.icon--tailoring {
    background-image: url("/img/icon-tailoring.png");
}

.icon--camera {
    background-image: url("/img/icon-camera.svg");
    display: inline-block;
    width: 60px;
    height: 60px;
}

.icon--question-mark {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url("/img/icon-question-mark.svg");
}

.icon--clothing-repairs {
    background-image: url("/img/icon-clothing-repairs.png");
}

.icon--shoe-bag-repairs {
    background-image: url("/img/icon-shoe-bag-repairs.png");
}

/* ---------------------
    #SELECT2 styling
------------------------ */
.select2-container {
    width: 100%;
}

.brand-filter-component .select2-selection__clear {
    display: none;
}

/* ---------------------
    #FORMS
------------------------ */
textarea {
    max-width: 100%;
    max-height: 500px;
}

.form-control:focus,
.form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #1f2226;
}

/* ---------------------
    #BANNERS
------------------------ */
.banner__content {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner__content .headline {
    margin-top: 15px;
    border: 0;
    font-size: 16px;
    font-style: normal;
    color: #fff;
    text-shadow: 0px 0px 2px black;
}

@media screen and (min-width: 768px) {
    .banner__content .headline {
        font-size: 22px;
    }
}

@media screen and (min-width: 992px) {
    .banner__content .headline {
        font-size: 28px;
    }
}

.banner__content .headline--italic {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px;
    font-style: italic;
    text-transform: initial;
}

.banner__content .paragraph {
    font-size: 26px;
    color: #fff;
    font-weight: 300;
    text-shadow: 0px 0px 2px black;
}

@media screen and (min-width: 768px) {
    .banner__content .paragraph {
        font-size: 36px;
    }
}

@media screen and (min-width: 992px) {
    .banner__content .paragraph {
        font-size: 42px;
    }
}

/* ---------------------
    #PROGRESS CIRCLE
------------------------ */
.progress-radial {
    position: absolute;
    top: -10px;
    right: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #ccc;
    cursor: pointer;
}

@media screen and (min-width: 992px) {
    .progress-radial {
        width: 50px;
        height: 50px;
    }
}

.progress-radial:hover:after {
    content: attr(data-text);
    position: absolute;
    display: none;
    z-index: 9999;
    top: 50px;
    left: 0;
    min-width: 150px;
    padding: 5px 15px;
    line-height: 20px;
    font-size: 12px;
    background-color: #fff;
    color: #1f2226;
    -webkit-box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
    -moz-box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
    box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
}

@media screen and (min-width: 768px) {
    .progress-radial:hover:after {
        display: block;
    }
}

.progress-radial .overlay,
.progress-radial .overlay--lower {
    display: inline-block;
    position: absolute;
    width: 34px;
    height: 34px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 1px;
    margin-top: 1px;
}

@media screen and (min-width: 992px) {
    .progress-radial .overlay,
    .progress-radial .overlay--lower {
        width: 44px;
        height: 44px;
    }
}

.progress-radial__text {
    position: relative;
    top: 6px;
    text-align: center;
    line-height: 1;
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .progress-radial__text {
        top: 8px;
        font-size: 14px;
    }
}

.progress-radial__text span {
    color: #4b4b4b;
    font-size: 10px;
}

@media screen and (min-width: 992px) {
    .progress-radial__text span {
        font-size: 11px;
    }
}

a .progress-radial__text {
    color: #1f2226;
}

.progress-0 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(90deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-5 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(108deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-10 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(126deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-15 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(144deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-20 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(162deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-25 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(180deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-30 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(198deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-35 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(216deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-40 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(234deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-45 {
    background-image: linear-gradient(
            90deg,
            #ccc 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(252deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-50 {
    background-image: linear-gradient(
            -90deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-55 {
    background-image: linear-gradient(
            -72deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-60 {
    background-image: linear-gradient(
            -54deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-65 {
    background-image: linear-gradient(
            -36deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-70 {
    background-image: linear-gradient(
            -18deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-75 {
    background-image: linear-gradient(
            0deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-80 {
    background-image: linear-gradient(
            18deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-85 {
    background-image: linear-gradient(
            36deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-90 {
    background-image: linear-gradient(
            54deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-95 {
    background-image: linear-gradient(
            72deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

.progress-100 {
    background-image: linear-gradient(
            90deg,
            #ae1f24 50%,
            transparent 50%,
            transparent
        ),
        linear-gradient(270deg, #ae1f24 50%, #ccc 50%, #ccc);
}

/* ---------------------
    #BOXES
------------------------ */
.boxes {
    padding-top: 15px;
}

.boxes > .headline {
    margin-bottom: 20px;
}

.boxes > .paragraph {
    margin-bottom: 60px;
}

.boxes > div {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .boxes > div {
        padding-right: 15px;
    }

    .boxes > div:nth-of-type(even) {
        padding-right: 0;
    }
}

@media screen and (min-width: 992px) {
    .boxes > div:nth-of-type(even) {
        padding-right: 15px;
    }

    .boxes > div:last-of-type {
        padding-right: 0;
    }
}

.boxes .btn {
    margin: 0;
    padding: 5px 30px;
    text-transform: uppercase;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.boxes .btn:hover {
    color: #fff;
    background-color: #ae1f24;
    border-color: #ae1f24;
}

@media screen and (min-width: 992px) {
    .boxes .btn {
        font-size: 12px;
    }
}

.boxes .btn--red,
.boxes .btn--red--smaller {
    padding: 10px 15px;
}

.boxes .btn--center {
    margin: 0 auto 10px;
}

.boxes .link {
    display: inline-block;
    margin-top: 15px;
    font-size: 14px;
}

.boxes__paragraph {
    margin-top: 30px;
    font-size: 14px;
}

.boxes__single-box {
    position: relative;
    padding: 45px 0;
    border: 1px solid #ccc;
    text-align: center;
    -webkit-transition: border-color 0.3s ease;
    -ms-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

@media screen and (min-width: 768px) {
    .boxes__single-box {
        height: 500px;
        padding: 45px 30px;
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media screen and (min-width: 992px) {
    .boxes__single-box {
        height: 550px;
    }
}

.boxes__single-box:hover {
    border-color: #1f2226;
}

.boxes__single-box .icon {
    margin-bottom: 15px;
}

.boxes__single-box .headline {
    margin: 15px 0 0;
    padding: 0;
    font-size: 21px;
}

.boxes__single-box .single-box__middle-section {
    padding: 0 15px;
}

@media screen and (min-width: 768px) {
    .boxes__single-box .single-box__middle-section {
        position: absolute;
        top: 130px;
        left: 0;
        right: 0;
        padding: 0 25px;
    }
}

@media screen and (min-width: 768px) {
    .boxes__single-box .single-box__bottom-section {
        position: absolute;
        bottom: 30px;
        left: 0;
        right: 0;
    }
}

@media screen and (min-width: 992px) {
    .boxes__single-box .single-box__bottom-section {
        bottom: 60px;
    }
}

.boxes__single-box--no-action:hover {
    border-color: #ccc;
}

.boxes__single-box--bigger {
    height: 500px;
    padding: 45px 30px;
}

@media screen and (min-width: 992px) {
    .boxes__single-box--bigger {
        padding: 70px 30px;
        height: 600px;
    }
}

.boxes__single-box--bigger .single-box__middle-section {
    top: 130px;
}

@media screen and (min-width: 992px) {
    .boxes__single-box--bigger .single-box__middle-section {
        top: 155px;
    }
}

.boxes__single-box--bigger .single-box__bottom-section {
    bottom: 30px;
}

@media screen and (min-width: 992px) {
    .boxes__single-box--bigger .single-box__bottom-section {
        bottom: 85px;
    }
}

@media screen and (min-width: 768px) {
    .boxes__col-container {
        height: 515px;
    }
}

@media screen and (min-width: 992px) {
    .boxes__col-container {
        height: 565px;
    }
}

@media screen and (min-width: 1200px) {
    .boxes__col-container {
        height: 615px;
    }
}

.boxes__single-box--labeled {
    position: relative;
    border-color: #1f2226 !important;
}

.boxes__single-box--labeled:after {
    content: attr(data-text);
    position: absolute;
    height: 0;
    top: 30px;
    right: -44px;
    border-bottom: 45px solid #1f2226;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    line-height: 46px;
    color: #fff;
    text-transform: uppercase;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.single-box__list {
    margin: 40px 0;
    padding: 0;
    list-style: none;
}

.single-box__list .single-box__list__item {
    margin-top: 10px;
    font-size: 14px;
    color: #4b4b4b;
    text-transform: uppercase;
}

@media screen and (min-width: 992px) {
    .single-box__list .single-box__list__item {
        font-size: 13px;
    }
}

.single-box__list .single-box__list__item:before {
    content: "- ";
}

.single-box__list .single-box__list__item.list__item--no-line:before {
    content: "";
}

.boxes--close {
    display: inline-block;
    width: 100%;
}

.boxes--close .col {
    padding: 0;
}

.boxes--close .boxes--close__single {
    position: relative;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 70px 50px;
}

@media screen and (min-width: 768px) {
    .boxes--close .boxes--close__single {
        height: 343px;
        padding: 50px;
    }
}

.boxes--close .boxes--close__single .boxes--close__single__link {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

.boxes--close .boxes--close__single .icon {
    width: 80px;
    height: 80px;
}

.boxes--close .boxes--close__single .icon--shoe-bag-repairs {
    width: 120px;
}

.boxes--close .boxes--close__single .icon--clothing-repairs {
    width: 100px;
}

.boxes--close .boxes--close__single .headline {
    margin: 20px 0 10px;
    border: 0;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
}

.boxes--close .boxes--close__single .paragraph {
    margin: 0;
    padding: 0;
    color: #4b4b4b;
}

.boxes--close > div:nth-of-type(1) .boxes--close__single {
    border-bottom: 0;
}

@media screen and (min-width: 768px) {
    .boxes--close > div:nth-of-type(1) .boxes--close__single {
        border-right: 0;
    }
}

.boxes--close > div:nth-of-type(2) .boxes--close__single {
    border-bottom: 0;
}

.boxes--close > div:nth-of-type(3) .boxes--close__single {
    border-bottom: 0;
}

@media screen and (min-width: 768px) {
    .boxes--close > div:nth-of-type(3) .boxes--close__single {
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }
}

.content-box {
    margin: 40px 0;
    border: 1px solid #1f2226;
}

@media screen and (min-width: 992px) {
    .content-box {
        margin: 100px 0;
    }
}

.content-box .headline {
    padding: 0;
    border: 0;
    font-size: 18px;
    line-height: 26px;
}

@media screen and (min-width: 768px) {
    .content-box .headline {
        padding-bottom: 14px;
        font-size: 38px;
        line-height: 38px;
    }
}

@media screen and (min-width: 992px) {
    .content-box .headline {
        font-size: 52px;
        line-height: 52px;
    }
}

.content-box .headline--smaller {
    margin: 0;
    padding: 0 0 10px;
    font-size: 13px;
    line-height: 16px;
}

@media screen and (min-width: 768px) {
    .content-box .headline--smaller {
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) {
    .content-box .headline--smaller {
        font-size: 20px;
        line-height: 38px;
    }
}

.content-box .headline__up-span {
    position: relative;
    top: -7px;
    font-size: 12.5px;
    font-weight: 300;
}

@media screen and (min-width: 768px) {
    .content-box .headline__up-span {
        top: -14px;
        font-size: 24px;
    }
}

@media screen and (min-width: 992px) {
    .content-box .headline__up-span {
        top: -20px;
        font-size: 38px;
    }
}

.content-box__single {
    padding: 30px 20px;
}

@media screen and (min-width: 992px) {
    .content-box__single {
        padding: 50px 150px;
    }
}

/* ---------------------
    #MODALS
------------------------ */
.modal-footer {
    display: inline-block;
    width: 100%;
}

.modal-footer .btn-primary {
    margin: 0 0 15px;
    padding: 12px 15px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .modal-footer .btn-primary {
        padding: 12px 67px;
    }
}

@media screen and (min-width: 992px) {
    .modal-footer .btn-primary {
        margin-left: 15px;
    }
}

.modal-footer .btn-warning {
    margin: 0 0 15px;
    border: 1px solid #ccc;
    background-color: transparent;
    text-transform: uppercase;
    font-size: 12px;
    color: #ae1f24;
}

.modal-footer .btn-warning:hover {
    text-decoration: underline;
}

.modal-footer .btn + .btn {
    margin-bottom: 15px;
    margin-left: 0;
}

@media screen and (min-width: 992px) {
    .modal-footer .btn + .btn {
        margin-left: 15px;
    }
}

.modal-footer .btn {
    width: 100%;
    margin-left: 0;
}

@media screen and (min-width: 992px) {
    .modal-footer .btn {
        width: initial;
        margin-left: 15px;
    }
}

.modal--confirm-delete .modal-content {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
}

.modal--confirm-delete .modal-header,
.modal--confirm-delete .modal-body,
.modal--confirm-delete .modal-footer {
    padding: 0;
}

.modal--confirm-delete .modal-body {
    padding: 20px 0 40px;
}

.modal--confirm-delete .modal-footer {
    padding: 40px 0 0;
    border-top: 1px solid #ccc;
}

.modal--confirm-delete .modal-footer .btn--red,
.modal--confirm-delete .modal-footer .btn--red--smaller {
    margin-bottom: 0;
}

.modal--select-item .modal-footer .btn-group {
    width: 100%;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
    .modal--select-item .modal-footer .btn-group {
        width: initial;
        margin-bottom: 0;
    }
}

.modal--select-item .modal-footer .btn-default {
    margin: 0;
}

.modal--select-item .modal-footer .btn-primary {
    margin-bottom: 0;
}

.modal--create-closet .btn--red,
.modal--create-closet .btn--red--smaller,
.modal--confirm-delete .btn--red,
.modal--confirm-delete .btn--red--smaller {
    margin: 0;
    padding: 6px 12px;
    font-size: 14px;
}

.modal--create-closet .btn--ghost,
.modal--confirm-delete .btn--ghost {
    margin: 0;
}

.modal--create-closet .btn--ghost:hover,
.modal--confirm-delete .btn--ghost:hover {
    color: #fff;
}

.modal--demo-account .modal-content {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
}

.modal--demo-account .modal-header,
.modal--demo-account .modal-body,
.modal--demo-account .modal-footer {
    padding: 0;
}

.modal--demo-account .modal-body {
    padding: 20px 0 40px;
}

.modal--demo-account .modal-footer {
    padding: 40px 0 0;
    border-top: 1px solid #ccc;
}

.modal--demo-account .modal-footer .btn--ghost {
    margin: 0;
    padding: 15px 30px;
}

.modal--demo-account .modal-footer .btn--red,
.modal--demo-account .modal-footer .btn--red--smaller {
    margin-bottom: 0;
}

.modal--create-closet .btn--red,
.modal--create-closet .btn--red--smaller {
    margin-top: 15px;
}

@media screen and (min-width: 992px) {
    .modal--create-closet .btn--red,
    .modal--create-closet .btn--red--smaller {
        margin-top: 0;
    }
}

.modal--create-closet .modal-footer .btn + .btn {
    margin-bottom: 0;
}

.modal--membership .modal-body {
    padding: 50px 50px 80px;
}

@media screen and (min-width: 992px) {
    .modal--membership .modal-body {
        padding: 50px 0 80px;
    }
}

.modal--membership .btn {
    width: 90%;
    margin-top: 15px;
    padding: 10px 15px;
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .modal-newsletter {
        margin-top: 240px;
    }
}

.modal-newsletter .modal-body .caption {
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .modal-newsletter .modal-body .caption {
        font-size: 11px;
    }
}

.modal-newsletter .modal-body input[type="text"] {
    width: 210px;
    height: 37px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}

@media screen and (min-width: 992px) {
    .modal-newsletter .modal-body input[type="submit"] {
        position: relative;
        top: -1px;
        padding: 10px 30px;
    }
}

.tooltip-active:after {
    content: attr(data-text);
    position: absolute;
    display: none;
    z-index: 9999;
    top: 22px;
    left: 0;
    min-width: 150px;
    padding: 5px 15px;
    line-height: 20px;
    font-size: 12px;
    background-color: #fff;
    color: #1f2226;
    -webkit-box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
    -moz-box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
    box-shadow: 0 2px 5px rgba(170, 170, 170, 0.75);
}

@media screen and (min-width: 768px) {
    .tooltip-active:after {
        display: block;
    }
}

/* ---------------------
    #NAVBAR
------------------------ */
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
    border-radius: 0;
    color: #4b4b4b;
}

@media screen and (min-width: 992px) {
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        border-radius: 0;
        background-color: #ae1f24;
        color: #fff;
    }

    .navbar-default .navbar-toggle:focus .icon-bar,
    .navbar-default .navbar-toggle:hover .icon-bar {
        background-color: #fff;
    }
}

.navbar--overlay {
    border-bottom: 1px solid #333;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.navbar--overlay:after {
    position: absolute;
    content: "";
    z-index: 1199;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.navbar:not(.nav-submenu) {
    height: 70px;
    background-color: #fff;
    border-radius: 0;
}

@media screen and (min-width: 768px) {
    .navbar:not(.nav-submenu) {
        height: 80px;
    }
}

.navbar:not(.nav-submenu) .wrap {
    padding-top: 10px;
    top: 0%;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

@media screen and (min-width: 768px) {
    .navbar:not(.nav-submenu) .wrap {
        padding-top: 15px;
    }
}

@media screen and (min-width: 992px) {
    .navbar:not(.nav-submenu) .wrap {
        padding-top: 0px;
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.navbar:not(.nav-submenu) + div,
.navbar:not(.nav-submenu) + nav,
.navbar:not(.nav-submenu) + section {
    margin-top: 70px;
}

@media screen and (min-width: 768px) {
    .navbar:not(.nav-submenu) + div,
    .navbar:not(.nav-submenu) + nav,
    .navbar:not(.nav-submenu) + section {
        margin-top: 80px;
    }
}

.my-stuff .navbar:not(.nav-submenu) + div {
    margin-top: 140px;
}

@media screen and (min-width: 992px) {
    .my-stuff .navbar:not(.nav-submenu) + div {
        margin-top: 80px;
    }
}
@media screen and (max-width: 991px) {
    .my-stuff .navbar:not(.nav-submenu) + div {
        margin-top: 80px;
    }
}
@media screen and (max-width: 767px) {
    .my-stuff .navbar:not(.nav-submenu) + div {
        margin-top: 70px;
    }
}

.navbar-header:not(.nav-submenu) .btn--try-demo {
    float: right;
    display: inline-block;
    margin-top: 10px;
    margin-right: 15px;
    padding: 5px 25px;
    border: 1px solid #ae1f24;
}

@media screen and (min-width: 991px) {
    .navbar-header:not(.nav-submenu) .btn--try-demo {
        display: none;
    }
}

.navbar-header:not(.nav-submenu) .navbar-brand {
    position: relative;
    top: 15px;
    height: 30px;
    padding: 0;
}

@media screen and (min-width: 992px) {
    .navbar-header:not(.nav-submenu) .navbar-brand {
        top: 0;
    }
}

.navbar-header:not(.nav-submenu) .navbar-brand img {
    max-width: 100%;
    max-height: 20px;
}

@media screen and (min-width: 768px) {
    .navbar-header:not(.nav-submenu) .navbar-brand img {
        max-height: 100%;
    }
}

.navbar-header:not(.nav-submenu) .navbar-toggle {
    margin-right: 0;
}

.navbar-nav:not(.nav-submenu) .nav__menu-item a {
    margin: 0;
    padding: 15px 15px;
    font-size: 12px;
    letter-spacing: 1px;
    text-align: center;
}
.nav__menu-item li.dropdown {
    float: none;
}

.nav__menu-item li.dropdown > a.dropdown-toggle:hover,
.nav__menu-item li.dropdown > a.dropdown-toggle:focus,
.nav__menu-item li.dropdown.open > a.dropdown-toggle,
.nav__menu-item li.dropdown .dropdown-menu > li > a:hover {
    background-color: unset;
}

.nav__menu-item li.dropdown > a.dropdown-toggle {
    line-height: 20px;
}

.nav__menu-item .dropdown-menu > li > a.active {
    color: #ae1f24 !important;
    text-decoration: none;
}

.nav__menu-item .dropdown .arrow-down:before {
    content: "";
    position: absolute;
    border: 1px solid #3d485d;
    border-width: 0 2px 2px 0;
    padding: 3px;
    margin-left: 10px;
    top: 50%;
    transform: translateY(calc(-50% - 2px)) rotate(45deg);
    -webkit-transform: translateY(calc(-50% - 2px)) rotate(45deg);
    transition: transform 0.1s;
    transition-timing-function: step-start;
}

.nav__menu-item .dropdown .arrow-down-mobile:before {
    position: absolute;
    border: 1px solid #3d485d;
    border-width: 0 2px 2px 0;
    padding: 3px;
    margin-left: 10px;
    top: 50%;
    transform: translateY(calc(-50% - 2px)) rotate(45deg);
    -webkit-transform: translateY(calc(-50% - 2px)) rotate(45deg);
    transition: transform 0.1s;
    transition-timing-function: step-start;
}

.dropdown-block {
    display: inline-flex;
    position: relative;
}

@media screen and (max-width: 991px) {
    .nav__menu-item .dropdown .arrow-down-mobile {
        position: absolute;
        z-index: 2;
        right: -30px;
        top: -2px;
        width: 47px;
        height: 47px;
    }
    .nav__menu-item .dropdown .arrow-down-mobile:before {
        content: "";
        margin-left: -3px;
        top: 50%;
        left: 50%;
    }
    .nav__menu-item .dropdown.open .arrow-down-mobile:before {
        transform: translateY(calc(-50% + 2px)) rotate(-135deg);
        -webkit-transform: translateY(calc(-50% + 2px)) rotate(-135deg);
        transition: transform 0.1s;
        transition-timing-function: step-end;
    }
    .nav__menu-item .dropdown .arrow-down:before {
        content: unset;
    }
}

.nav__menu-item ul.dropdown-menu {
    box-shadow: 0px 12px 24px -8px rgba(0, 0, 0, 0.1),
        0px 0px 6px -2px rgba(0, 0, 0, 0.4);
    max-height: 51rem;
    border-radius: 0.2rem;
    text-align: left;
    background-color: #ffffff;
    color: rgba(45, 58, 79, 0.9);
    right: 50%;
    transform: translateX(50%);
    width: 18rem;
    margin-top: 0;
}

.nav__menu-item ul.dropdown-menu {
    width: 20rem;
    right: unset;
    transform: unset;
}

.nav__menu-item li.dropdown > a.dropdown-toggle:hover {
    color: #1f2226 !important;
}

.nav__menu-item ul.dropdown-menu > li > a {
    padding: 10px 2rem !important;
}

.nav__menu-item ul.dropdown-menu > li > a {
    padding: 10px 25px !important;
}

.nav__menu-item a.dropdown-toggle .arrow-down {
    padding-right: inherit;
}

@media screen and (min-width: 992px) {
    .navbar-nav:not(.nav-submenu) .nav__menu-item a {
        text-align: left;
        padding: 5px 15px;
        font-size: 12px;
    }
}
@media screen and (min-width: 992px) {
    .nav__menu-item .dropdown ul.dropdown-menu {
        display: block;
        transition: opacity 0.1s ease-out;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
    }

    .nav__menu-item .dropdown:hover ul.dropdown-menu {
        opacity: 1;
        height: auto;
        visibility: visible;
    }

    .nav__menu-item li.dropdown:hover .arrow-down:before {
        transform: translateY(calc(-50% + 2px)) rotate(-135deg);
        -webkit-transform: translateY(calc(-50% + 2px)) rotate(-135deg);
        transition: transform 0.1s;
        transition-timing-function: step-end;
    }
}

@media screen and (max-width: 991px) {
    .navbar-fixed-top .navbar-collapse {
        max-height: unset;
    }

    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .nav__menu-item ul.dropdown-menu {
        transform: unset;
    }

    .nav__menu-item .dropdown.open .arrow-down:before {
        transform: translateY(calc(-50% + 2px)) rotate(-135deg);
        -webkit-transform: translateY(calc(-50% + 2px)) rotate(-135deg);
    }

    .nav__menu-item li.dropdown.open .dropdown-menu > li > a:not(.active) {
        color: #777 !important;
    }
}

@media screen and (min-width: 1200px) {
    .navbar-nav:not(.nav-submenu) .nav__menu-item a {
        padding: 5px 15px;
    }
}

.navbar-nav:not(.nav-submenu) .nav__menu-item a:link,
.navbar-nav:not(.nav-submenu) .nav__menu-item a:visited,
.navbar-nav:not(.nav-submenu) .nav__menu-item a:focus,
.navbar-nav:not(.nav-submenu) .nav__menu-item a:active {
    color: #1f2226;
}

.navbar-nav:not(.nav-submenu) .nav__menu-item a:hover {
    color: #ae1f24;
    text-decoration: none;
}

.navbar-nav:not(.nav-submenu) .nav__menu-item a.btn--signup {
    color: #ae1f24;
}

.navbar-nav:not(.nav-submenu) .nav__menu-item a.btn--signup:hover {
    color: #fff;
    background-color: #ae1f23;
}

.navbar-nav:not(.nav-submenu) .nav__menu-item--empty {
    display: none;
    position: relative;
    width: 50px;
}

.nav__menu-item a {
    text-decoration: none;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    background: none;
    color: #ae1f23 !important;
}

.navbar-default .navbar-nav > .active > a.btn--signup {
    background: #ae1f23;
    color: #fff !important;
}

.navbar-default .navbar-nav a.active {
    color: #ae1f23 !important;
}
.navbar-default .navbar-nav a:hover {
    background-color: unset;
}

@media screen and (min-width: 992px) {
    .navbar-nav:not(.nav-submenu) .nav__menu-item--empty {
        display: inline-block;
    }
}

@media screen and (max-width: 991px) {
    .navbar:not(.nav-submenu) .navbar-collapse {
        position: absolute;
        left: 0;
        margin: 4px 0 0 0;
        background-color: #fff;
        border: 0;
        padding: 0;
        width: 100%;
    }

    .navbar .navbar-nav > li {
        text-align: center;
    }

    .navbar-nav:not(.nav-submenu) .nav__menu-item a.btn--signup {
        display: inline-block;
        margin-bottom: 30px;
        padding: 6px 30px;
    }
}

@media screen and (max-width: 991px) {
    .navbar:not(.nav-submenu) .navbar-collapse .navbar-nav {
        margin: 0;
    }
}

@media only screen and (max-width: 991px) {
    .navbar {
        /* since 3.1.0 */
    }

    .navbar .navbar-header {
        float: none;
    }

    .navbar .navbar-toggle {
        display: block;
    }

    .navbar .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar .navbar-nav > li {
        float: none;
    }

    .navbar .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar .navbar-text {
        float: none;
        margin: 15px 0;
    }

    .navbar .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar .collapsing {
        overflow: hidden !important;
    }

    .sub-navbar-toggle {
        width: 100%;
        float: none;
        margin-right: 0;
        color: white;
        border: none;
    }
}

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}

.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
    margin-right: 0;
    margin-left: 0;
}

.nav-submenu {
    margin: 80px 0 0;
    border: 0;
    border-radius: 0;
    background: #292e33;
}

.nav-submenu .navbar-collapse {
    padding-left: 0;
    text-align: center;
}

.nav-submenu .navbar-nav {
    display: block;
    float: none;
    vertical-align: top;
}

@media screen and (min-width: 991px) {
    .nav-submenu .navbar-nav {
        display: inline-block;
    }
}

.nav-submenu .navbar-nav > li > a {
    color: #cccccc;
    margin-left: 0;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    -webkit-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.nav-submenu .navbar-nav > li > a:hover {
    -webkit-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
    color: #fff;
}

.nav-submenu .navbar-nav > li.activated > a {
    color: #fff;
}

.nav-submenu ul {
    margin: 0;
    padding: 0;
}

.nav-submenu ul li {
    border-left: 0px solid #444444;
}

@media screen and (min-width: 991px) {
    .nav-submenu ul li {
        border-left: 1px solid #444444;
    }

    .nav-submenu .navbar-nav > li > a {
        padding: 16px !important;
    }
}

.nav-submenu ul li:last-child {
    border-right: 0px solid #444444;
}

@media screen and (min-width: 991px) {
    .nav-submenu ul li:last-child {
        border-right: 1px solid #444444;
    }
}

@media screen and (min-width: 992px) {
    .submenu {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        background-color: #292e33;
        z-index: 3;
    }
}

@media screen and (min-width: 992px) {
    .submenu + .banner {
        margin-top: 100px;
    }
}

/* ---------------------
    #FOOTER
------------------------ */
.footer {
    padding: 50px 30px 50px;
    background: #333b40;
    overflow: hidden;
    max-width: 100%;
}

@media screen and (min-width: 992px) {
    .footer {
        padding: 50px 0 50px;
    }
}

.footer ul {
    margin: 0 0 15px 0;
    padding: 0;
    overflow: hidden;
}

.footer ul:last-of-type {
    margin: 0;
}

.footer ul li {
    display: inline-block;
    list-style: none;
}

.footer__menu-item {
    padding: 10px 10px;
}

.footer__menu-item a {
    color: #cccccc;
    font-weight: 400;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .footer__menu-item a {
        font-size: 14px;
    }
}

.footer__social .icon {
    position: relative;
    margin: 5px;
}

.footer__social .icon a {
    display: block;
    width: 100%;
    height: 100%;
}

.footer__text {
    font-size: 12px;
    color: #85898b;
}

.footer__text a {
    color: #85898b;
}

.footer__text.footer__text--bigger {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .footer__text.footer__text--bigger {
        font-size: 14px;
    }
}

/* ---------------------
    #SIDE MENU
------------------------ */
.side-menu {
    position: fixed;
    color: #1f2226;
    background: #fff;
}

.side-menu .form-group {
    margin: 15px 0 0 0;
}

.side-menu ul {
    margin: 0;
    padding: 0;
}

.side-menu ul li {
    list-style: none;
}

.side-menu ul li a {
    width: 100%;
}

.side-menu ul li a:hover {
    text-decoration: none;
}

.side-menu__headline {
    position: relative;
    margin: 0;
    border-bottom: 1px solid #aaa;
    padding: 10px 30px 10px;
    color: #1f2226;
    background-color: #ecf1f5;
    font-weight: 300;
    font-size: 24px;
}

.side-menu__headline:after {
    content: "";
    position: absolute;
    top: 24px;
    right: 15px;
    width: 10px;
    height: 10px;
    margin-left: -4px;
    margin-top: -2px;
    border-color: #4b4b4b;
    border-style: solid;
    border-width: 2px 0 0 2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    cursor: pointer;
}

.open .side-menu__headline:after {
    webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.side-menu-group .side-menu__item--container {
    display: none;
}

.side-menu-group.open .side-menu__item--container {
    display: block;
}

.side-menu-group.open .side-menu__item--container.side-menu__boxes {
    display: table;
}

.side-menu__headline .side-menu__clear-filter {
    position: absolute;
    top: 20px;
    right: 40px;
}

.side-menu-group .select2-container {
    width: 100% !important;
}

.side-menu__clear-filter {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    text-decoration: underline;
    color: #ae1f24;
}

.side-menu__buttons--bottom .side-menu__clear-filter {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    color: #ae1f24;
    border: 1px solid #ae1f24;
    text-decoration: none;
    padding: 7px 30px;
    width: 304px;
}

.side-menu__buttons--bottom .side-menu__clear-filter:hover {
    background: #ae1f24;
    color: #fff;
    text-decoration: none;
}

.tag-filter-component input {
    font-size: 14px;
    box-shadow: none;
}

.tag-filter-component .tag {
    display: inline-block;
    background: #4b4b4b;
    text-transform: uppercase;
    color: #fff;
    padding: 4px 10px;
    margin: 5px 0 0 0;
}

.tag-filter-component .tag span {
    font-size: 12px;
    margin-right: 4px;
}

.tag-filter-component .tag a {
    color: #fff;
    font-size: 12px;
}

.category-dropdown > a {
    position: relative;
    background: none;
}

.category-dropdown > a:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 10px;
    width: 10px;
    height: 10px;
    margin-left: -4px;
    margin-top: -2px;
    border-color: #4b4b4b;
    border-style: solid;
    border-width: 2px 0 0 2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.category-dropdown > a.active:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.category-dropdown .dropdown__content {
    display: none;
    padding: 15px 0;
}

.category-dropdown .dropdown__content a {
    display: block;
    width: 100%;
    border-bottom: 0;
    padding: 0;
    background: none;
}

.side-menu__item--container {
    margin: 0 !important;
    padding: 20px 30px 20px;
}

.side-menu__boxes {
    display: table;
    width: 100%;
}

.side-menu__boxes .grid__item {
    padding-left: 5px;
    padding-right: 5px;
    margin: 5px 0;
}

.side-menu__boxes .side-menu__boxes__box {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    border: 1px solid #ccc;
    padding: 5px 15px;
    text-align: center;
    text-transform: uppercase;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: 600;
}

.side-menu__boxes .side-menu__boxes__box:hover:not(.active) {
    border: 1px solid #4d4d4d;
    text-decoration: none;
}

.side-menu__boxes .side-menu__boxes__box .icon {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.side-menu__boxes .side-menu__boxes__box .icon--summer {
    background-image: url("/img/sun--gray.png");
}

.side-menu__boxes .side-menu__boxes__box .icon--winter {
    background-image: url("/img/winter--gray.png");
}

.side-menu__boxes .side-menu__boxes__box.active {
    position: relative;
    background-color: #4b4b4b;
    color: #fff;
}

.side-menu__boxes .side-menu__boxes__box.active .icon--summer {
    background-image: url("/img/sun--white.png");
}

.side-menu__boxes .side-menu__boxes__box.active .icon--winter {
    background-image: url("/img/winter--white.png");
}

.side-menu__boxes .side-menu__boxes__box.active:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-image: url("/img/checkmark--white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.side-menu__colors {
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.side-menu__colors ul {
    display: inline-block;
}

.side-menu__buttons--bottom {
    text-align: center;
}

.side-menu__buttons--bottom .btn {
    text-transform: uppercase;
    margin: 40px 5px 20px;
    padding: 7px 30px;
    font-size: 12px;
}

.side-menu__buttons--bottom .btn:hover {
    color: white;
}

.side-menu__buttons--bottom a {
    text-transform: uppercase;
}

.side-menu__buttons {
    display: flex;
    justify-content: center;
}

.side-menu-vertical {
    width: 100%;
    height: 100%;
    padding-bottom: 100px;
    top: 0;
    z-index: 1200;
    overflow-x: visible;
    overflow-y: auto;
    -webkit-box-shadow: 0 1px 5px rgba(75, 75, 75, 0.75);
    -moz-box-shadow: 0 1px 5px rgba(75, 75, 75, 0.75);
    box-shadow: 0 1px 5px rgba(75, 75, 75, 0.75);
}

@media screen and (min-width: 768px) {
    .side-menu-vertical {
        width: 360px;
    }
}

.side-menu-left {
    left: -100%;
}

@media screen and (min-width: 768px) {
    .side-menu-left {
        left: -360px;
    }
}

.side-menu-left.side-menu-open {
    left: 0px;
}

.side-menu-push {
    overflow-x: hidden;
}

.side-menu-push-toright {
    margin-left: 0;
}

@media screen and (min-width: 768px) {
    .side-menu-push-toright {
        margin-left: 360px;
    }
}

.side-menu,
.side-menu-push {
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* ---------------------
    #SINGLE ITEM VIEW
------------------------ */
.view-item__navigation .glyphicon {
    display: inline-block;
    font-size: 12px;
}

.view-item__header {
    background-color: #1f2226;
    padding: 15px 0px;
    color: #fff;
}

.view-item__header a {
    border-bottom: 1px solid #fff;
    line-height: 18px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.view-item__header a:hover {
    opacity: 0.6;
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.view-item__header a:focus,
.view-item__header a:link,
.view-item__header a:hover,
.view-item__header a:active {
    text-decoration: none;
}

.view-item__wardrobe {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
    line-height: 8px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
    color: #aaa;
}

.view-item__item-name {
    border: 0;
    margin: 0;
}

/* ---------------------
    #ITEM LIST
------------------------ */
.image-container {
    position: relative;
}

.image-container .image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.large-closet-list {
    visibility: hidden;
}

.item-inner--ghost,
.item-inner--ghost--new {
    border: 2px dashed #aaa;
    height: 66px;
    margin-top: 20px;
    background-color: transparent;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .item-inner--ghost,
    .item-inner--ghost--new {
        margin-top: 0;
        height: 435px;
    }
}

.item-inner--ghost a,
.item-inner--ghost--new a {
    display: block;
    width: 90%;
    margin: 0 auto;
}

.item-inner--ghost a:hover,
.item-inner--ghost--new a:hover {
    text-decoration: none;
}

.item-inner--ghost .btn,
.item-inner--ghost--new .btn {
    display: block;
    width: 100%;
}

.item-inner--ghost .dropdown-menu,
.item-inner--ghost--new .dropdown-menu {
    z-index: 100;
    margin-left: 15px;
    border-radius: 0;
}

.item-inner--ghost--new {
    height: 140px;
    margin: 60px 0 30px;
}

.item-list__alert {
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 40px;
    border: 1px solid #ccc;
    background-color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    color: #4b4b4b;
}

.item-list__alert a {
    color: #ae1f24;
    text-decoration: underline;
}

a.btn--subscribe-now {
    color: #fff;
    background: #ae1f23;
    border: 1px solid #ae1f23;
    text-decoration: none;
    padding: 10px 30px;
    margin-top: 40px;
    display: inline-block;
}

.item-index-header {
    margin-top: 0 !important;
    display: inline-block;
    width: 100%;
    border-top: 0;
    padding: 0 0 40px;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .item-index-header {
        margin-top: 12px !important;
    }
}

@media screen and (min-width: 768px) {
    .item-index-header {
        padding: 40px 0;
    }
}

.item-index-header .item-index-header__right-side {
    padding: 15px 15px 0;
}

@media screen and (min-width: 768px) {
    .item-index-header .item-index-header__right-side {
        padding: 15px 0 0;
    }
}

@media screen and (min-width: 992px) {
    .item-index-header .item-index-header__right-side {
        padding: 15px 15px 0;
    }
}

.item-index-header .item-index-header__right-side .btn--red,
.item-index-header .item-index-header__right-side .btn--red--smaller {
    display: inline-block;
    width: 100%;
    padding: 10px 30px;
    font-size: 12px;
}

@media screen and (min-width: 992px) {
    .item-index-header .item-index-header__right-side .btn--red,
    .item-index-header .item-index-header__right-side .btn--red--smaller {
        width: initial;
    }
}

@media screen and (max-width: 991px) {
    .item-index-header .item-index-header__right-side .btn--red {
        margin-bottom: 10px;
    }
}

.item-index-header .item-index-header__right-side .btn--ghost {
    width: 100%;
    margin: 0 0 30px;
    padding: 10px 30px;
    font-size: 12px;
}

.item-index-header .item-index-header__right-side .btn--ghost:hover {
    background-color: transparent;
    color: #1f2226;
    border-color: #1f2226;
}

@media screen and (min-width: 768px) {
    .item-index-header .item-index-header__right-side .btn--ghost {
        width: 100%;
        margin: 0 15px 10px 0;
    }
}

@media screen and (min-width: 992px) {
    .item-index-header .item-index-header__right-side .btn--ghost {
        width: initial;
        margin: 0 15px 0 0;
    }
}

.sorting-section {
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .sorting-section {
        margin-top: 15px;
    }
}

@media screen and (min-width: 992px) {
    .sorting-section {
        margin-top: 0;
    }
}

.show-item-filter {
    width: 100%;
}

.show-item-filter .glyphicon {
    display: inline-block;
    margin-right: 5px;
}

.filter-select {
    width: 150px;
}

.clear-filter {
    width: 100%;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .clear-filter {
        padding: 9px 0 0;
        text-align: left;
    }
}

.item {
    position: relative;
}

.item a {
    color: #1f2226;
}

.item a:hover {
    text-decoration: none;
}

.item .left-side {
    position: absolute;
    display: inline-block;
    top: 15px;
    left: 15px;
    width: 20px;
    height: 20px;
}

.item .right-side {
    position: absolute;
    display: inline-block;
    top: 15px;
    right: 15px;
    width: 20px;
    height: 20px;
}

.change-view-btns {
    background-color: transparent;
}

.change-view-btns .btn {
    background-color: transparent;
    color: #4b4b4b;
}

.change-view-btns .btn.active {
    color: #1f2226;
}

.sort-by,
.change-view {
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    text-align: right;
}

.items .item .bottom .item-name {
    font-weight: 600;
}

.items .item .bottom .item-brand-name {
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 2px;
    color: #1f2226;
}

.items .item .bottom .item-description {
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 5px;
    display: block;
    height: 40px;
    overflow: hidden;
}

.items .item .bottom .item-description {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.items .item .bottom .item-fabric {
    font-size: 12px;
    text-transform: uppercase;
    display: block;
}

.items .item .bottom .item-fabric {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.items .item .bottom .item-likes {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    color: #ae1f24;
}

.items .item .bottom .item-wrapper-fabric-and-like {
    position: relative;
}

.items .item .bottom .item-price {
    display: block;
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
}

.uncheck-item {
    display: none;
    position: relative;
    z-index: 1;
    background: no-repeat url("/img/check-red.png");
    border: none;
    height: 20px;
    width: 20px;
    outline: hidden;
    font-size: 12px;
    background-size: 20px 20px;
}

.uncheck-item:hover:not(.un-hover) {
    background: no-repeat url("/img/closeActive.png");
    background-size: 100%;
}

.item.active .uncheck-item {
    display: block;
}

.items .item.active .top .add-to-list {
    display: none;
}

.top_data {
    -webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

.item.active .top_data {
    opacity: 0;
}

.bottom,
.middle .image {
    -webkit-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

.items .item.active .middle a {
    position: relative;
}

.large-closet-list {
    margin-top: 60px;
    font-size: 24px;
    font-style: normal;
}

@media screen and (min-width: 768px) {
    .large-closet-list {
        margin-top: 0;
        font-size: 32px;
    }
}

@media screen and (max-width: 991px) {
    .change-view__container {
        display: none;
    }
}

.change-view__container .btn-group > .btn.active {
    z-index: 0;
}

@media screen and (max-width: 767px) {
    [data-pin-log="button_pinit_floating"] {
        display: none !important;
    }
}

.wardrobe-select__container {
    padding: 0;
    width: 100%;
    margin: 0 auto;
}

.wardrobe-select .select-title {
    margin-right: 5px;
    display: inline-block;
    line-height: 39px;
}

@media screen and (min-width: 992px) {
    .wardrobe-select__container {
        width: 50%;
        padding: 15px 15px 0;
    }

    .wardrobe-select__container .wardrobe-select .select2-container {
        width: auto !important;
        min-width: 250px;
    }
}

@media screen and (min-width: 768px) {
    .wardrobe-select__container {
        padding: 15px 15px 0;
    }

    .wardrobe-select__container .wardrobe-select .select2-container {
        width: calc(100% - 150px) !important;
    }
}

.wardrobe-select__container .wardrobe-select {
    width: 90%;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .wardrobe-select__container .wardrobe-select {
        width: 100%;
        margin: 0;
    }
}

.wardrobe-select__container
    .select2-container--default
    .select2-selection--single {
    height: 100%;
    padding-bottom: 10px;
    border: 0;
    border-bottom: 1px solid #ccc;
    font-size: 24px;
}

@media screen and (min-width: 768px) {
    .wardrobe-select__container
        .select2-container--default
        .select2-selection--single {
        font-size: 18px;
        padding-bottom: 0;
    }
}

.wardrobe-select__container
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 0;
}

@media screen and (min-width: 768px) {
    .wardrobe-select__container
        .select2-container--default
        .select2-selection--single
        .select2-selection__arrow {
        top: -4px;
        right: -2px;
    }
}

.wardrobe-select__container
    .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 1.4;
}

.wardrobe-select__container
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -4px;
    margin-top: -2px;
    border-color: #888;
    border-style: solid;
    border-width: 2px 0 0 2px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.wardrobe-select__container
    .select2-container--default.select2-container--open
    .select2-selection--single
    .select2-selection__arrow
    b {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width: 992px) {
    .list-view img {
        max-width: 100%;
        max-height: 100%;
    }

    .list-view .add-item {
        margin-bottom: 50px;
    }

    .list-view .item {
        width: 100%;
        height: 135px;
    }

    .list-view .item .item-inner,
    .list-view .item .item-inner--ghost,
    .list-view .item .item-inner--ghost--new {
        height: 150px;
        padding: 0;
    }

    .list-view .item .item-inner--ghost,
    .list-view .item .item-inner--ghost--new {
        height: 100px;
        margin-top: 30px;
    }

    .list-view .item .item-inner--ghost a,
    .list-view .item .item-inner--ghost--new a {
        width: 25%;
    }

    .list-view .item .top {
        display: flex;
        position: relative;
        float: right;
        right: 0;
        width: 20%;
        height: 150px;
        margin: 0;
    }

    .list-view .item .top .left-side {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        top: 0;
        left: 0;
        width: 50%;
        height: 150px;
    }

    .list-view .item .top .left-side button {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .list-view .item .top .left-side button.btn--share {
        background-size: 20px 20px;
        background-position: center;
    }

    .list-view .item .top .right-side {
        float: right;
        position: relative;
        top: 0;
        left: 0;
        width: 50%;
        height: 150px;
    }

    .list-view .item .top .right-side button {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }

    .list-view .item .top .right-side button.add-to-list,
    .list-view .item .top .right-side button.uncheck-item {
        background-size: 20px 20px;
        background-position: center;
    }

    .list-view .item .top .right-side button.add-to-list:hover,
    .list-view .item .top .right-side button.uncheck-item:hover {
        background-repeat: no-repeat;
    }

    .list-view .item .middle {
        position: relative;
        z-index: 10;
        float: left;
        width: 80%;
        height: 150px;
        padding: 0;
        pointer-events: all;
    }

    .list-view .item .middle .image-container {
        display: inline-block;
        height: 150px;
        width: 100%;
        padding: 15px;
        overflow: hidden;
        text-align: center;
        opacity: 1;
        -webkit-transition: opacity 0.3s ease;
        -ms-transition: opacity 0.3s ease;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }

    .list-view .item .middle .image-container:hover {
        opacity: 0.6;
    }

    .list-view .item .middle .image-container .image {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 10px 0 10px 0;
        margin-left: 10px;
        margin-right: 10px;
        background-position: left;
        background-clip: content-box;
    }

    .list-view .item .middle .image-container .image.no-image {
        background-position: -10px;
        background-size: 14%;
    }
}

@media screen and (min-width: 992px) and (min-width: 1200px) {
    .list-view .item .middle .image-container .image.no-image {
        background-position: -20px;
        background-size: 14%;
    }
}

@media screen and (min-width: 992px) {
    .list-view .item .bottom {
        position: relative;
        z-index: 10;
        margin-left: 150px;
        margin-right: 40%;
        width: 66%;
        height: 100%;
        background-color: #fff;
        padding: 0;
    }

    .list-view .item .bottom .item-name,
    .list-view .item .bottom .item-description {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0;
        margin: 55px 0 0;
    }

    .list-view .item .bottom .item-description {
        left: 5px;
        overflow: hidden;
        width: 45%;
        text-overflow: ellipsis;
        text-align: left;
        white-space: nowrap;
    }

    .list-view .item .bottom .item-fabric {
        display: inline-block;
        position: absolute;
        top: 0;
        left: 5px;
        margin: 100px 0 0;
        font-size: 16px;
        text-align: left;
    }

    .list-view .item .bottom .item-likes {
        top: 40px;
    }

    .list-view .item .bottom .item-brand-name {
        position: absolute;
        display: inline-block;
        top: 0;
        left: 5px;
        margin: 35px 0 0;
        font-size: 12px;
        text-align: left;
    }

    .list-view .item .bottom .item-price {
        position: absolute;
        display: inline-block;
        top: 65px;
        bottom: 0;
        right: 30px;
        margin: 0;
        font-size: 16px;
        text-align: right;
    }

    .list-view .items .item.active .top .right-side {
        border-left: 0;
    }

    .list-view .items .item.active .middle a:after {
        position: absolute;
        height: 50%;
        left: 0;
        top: 0;
        bottom: 0;
        margin-top: auto;
        margin-left: 40px;
        margin-bottom: auto;
        width: 40%;
        background: no-repeat url("/img/checked.png");
        background-position: left 45%;
        padding: 25px 0 0 85px;
        text-transform: uppercase;
        text-align: left;
        -moz-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }
}

@media screen and (min-width: 992px) {
    .modal--select-item .modal-header {
        padding: 40px 40px 0;
    }
}

@media screen and (min-width: 992px) {
    .modal--select-item .modal-footer {
        padding: 10px 40px 30px;
    }
}

.clear-filter:active,
.clear-filter:focus {
    outline: none;
}

.list-view .modal--select-item .item {
    height: 100%;
}

a[title="Gold"] div,
a[title="gold"] div {
    background-image: -ms-linear-gradient(
        top,
        #eaca96 0%,
        #c09b5e 100%
    ) !important;
    background-image: -moz-linear-gradient(
        top,
        #eaca96 0%,
        #c09b5e 100%
    ) !important;
    background-image: -o-linear-gradient(
        top,
        #eaca96 0%,
        #c09b5e 100%
    ) !important;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #eaca96),
        color-stop(100, #c09b5e)
    ) !important;
    background-image: -webkit-linear-gradient(
        top,
        #eaca96 0%,
        #c09b5e 100%
    ) !important;
    background-image: linear-gradient(
        to bottom,
        #eaca96 0%,
        #c09b5e 100%
    ) !important;
}

a[title="Silver"] div,
a[title="silver"] div {
    background-image: -ms-linear-gradient(
        top,
        #d6e3e5 0%,
        #a7bcc1 100%
    ) !important;
    background-image: -moz-linear-gradient(
        top,
        #d6e3e5 0%,
        #a7bcc1 100%
    ) !important;
    background-image: -o-linear-gradient(
        top,
        #d6e3e5 0%,
        #a7bcc1 100%
    ) !important;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #d6e3e5),
        color-stop(100, #a7bcc1)
    ) !important;
    background-image: -webkit-linear-gradient(
        top,
        #d6e3e5 0%,
        #a7bcc1 100%
    ) !important;
    background-image: linear-gradient(
        to bottom,
        #d6e3e5 0%,
        #a7bcc1 100%
    ) !important;
}

/* --------------------------
    #LOGIN AND REGISTRATION
----------------------------- */
.remember-me {
    margin: 80px 0 -10px;
    text-align: center;
}

@media screen and (max-width: 991px) {
    .login-section .container {
        display: flex;
        flex-flow: column;
    }

    .login-section .quick-login {
        width: 100%;
        padding: 10px;
        margin-top: 0;
    }

    .log-in-with {
        margin-top: 100px;
        order: 2;
    }

    .quick-login:before,
    .quick-login:after {
        display: none !important;
    }

    .log-in-with:before {
        content: "";
        display: block;
        width: 100%;
        height: 100px;
        border-top: 1px solid #e7e7e7;
    }

    .log-in-with:after {
        content: "or";
        width: 60px;
        height: 60px;
        position: absolute;
        top: -25px;
        left: 0;
        right: 0;
        bottom: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        border-radius: 50%;
        border: 1px solid #e7e7e7;
        background-color: #fff;
        font-size: 18px;
        font-style: italic;
        color: #4b4b4b;
        padding: 14px;
    }

    .nav-submenu,
    .nav-submenu.admin-mode {
        margin-top: 0px;
    }

    .login-section .img-login {
        width: 100%;
        max-width: 100%;
        padding: 0;
        display: flex;
        justify-content: center;
        border-bottom: 1px solid lightgray;
        margin: -30px 0 30px 0;
    }

    .login-section .img-login h1 {
        text-align: center !important;
        margin: 0 !important;
    }

    .login-section .img-login .number-phone-register {
        justify-content: center;
    }

    .sign-up-section .quick-login:before {
        border: none !important;
        height: 0px !important;
    }

    .sign-up-section .quick-login {
        margin-top: 0px !important;
    }

    .sign-up-section .quick-login:after {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .login-section .container {
        display: flex;
        justify-content: center;
    }

    .login-section .quick-login {
        width: 50%;
        max-width: 475px;
        padding: 10px;
    }
}

.login-window h1 {
    margin-bottom: 30px;
}

.log-in-with {
    padding-top: 10px;
}

.img-login {
    max-width: 50%;
    padding-right: 25px;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    overflow: inherit;
    white-space: nowrap;
}

.img-login a {
    cursor: pointer;
    text-decoration: none !important;
}

.img-login h1 {
    font-style: italic;
    text-align: center;
    border: none;
    font-size: 52px;
    width: 100%;
    color: #666;
}

@media screen and (max-width: 992px) {
    .img-login h1 {
        font-size: 36px;
    }
}

@media screen and (max-width: 768px) {
    .img-login h1 {
        font-size: 28px;
    }
}

.img-login .number-phone-register {
    color: #a6192e;
    display: flex;
    justify-content: flex-end;
}

.quick-login {
    margin-top: 100px;
    width: 50%;
    padding-left: 10%;
}

@media screen and (min-width: 992px) {
    .quick-login {
        margin-left: 16.6666666667%;
        margin-top: 0;
    }
}

.quick-login:before {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    border-top: 1px solid #e7e7e7;
}

@media screen and (min-width: 992px) {
    .quick-login:before {
        position: absolute;
        top: 0;
        left: -22%;
        height: 100%;
        width: 16.6666666667%;
        border-left: 1px solid #e7e7e7;
        border-top: 0;
    }
}

.quick-login:after {
    content: "or";
    width: 60px;
    height: 60px;
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    font-size: 18px;
    font-style: italic;
    color: #4b4b4b;
    padding: 14px;
}

@media screen and (min-width: 992px) {
    .quick-login:after {
        width: 70px;
        height: 70px;
        left: calc(-22% - 35px);
        right: initial;
        margin-left: initial;
        margin-right: initial;
        top: calc(50% - 35px);
        font-size: 24px;
        padding: 14px;
    }
}

.login-section {
    margin: 15px 0 50px;
}

@media screen and (min-width: 992px) {
    .login-section {
        margin: 60px 0 100px;
    }
}

.login-section .btn-primary {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn--fb {
    position: relative;
    margin-top: 15px;
    background-color: #4b72bb;
    border-radius: 3px;
    height: 46px;
}

.btn--fb:hover {
    background-color: #4b72bb;
}

.btn--fb:after {
    content: "";
    position: absolute;
    background-image: url("/img/ico-facebook.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 7px;
    bottom: 0;
    width: 32px;
    height: 32px;
    left: 7px;
}

.btn--google {
    position: relative;
    margin-top: 15px;
    background-color: #4285f4;
    border-radius: 3px;
    height: 46px;
}

.btn--google:hover {
    background-color: #4285f4;
}

.btn--google:after {
    content: "";
    position: absolute;
    background-image: url("/img/ico-google.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: -3px;
    bottom: 0;
    width: 52px;
    height: 52px;
    left: -3px;
}

.btn-fb-o,
.btn-fb-o:hover,
.btn-fb-o:focus {
    background: #4b72bb;
}

.btn-200 {
    width: 100%;
    max-width: 200px;
}

.btn-full-width {
    margin-top: 10px;
    width: 100%;
}

.registration-info {
    font-size: 12px;
    font-weight: 400;
    margin: 30px 25px;
    text-align: center;
    letter-spacing: 1px;
}

.registration-info a {
    color: #1f2226;
    text-decoration: underline;
}

#modalReferralPopup .tag-editor {
    padding-top: 3px;
    padding-bottom: 3px;
}

#modalReferralPopup .form-group input {
    border-radius: 0;
    border-color: #ccc;
}

#modalReferralPopup label {
    text-align: left;
    font-weight: normal;
}

#modalReferralPopup a.tiny-link {
    color: #333;
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer;
}

.separate-circle {
    position: relative;
    font-style: italic;
    margin: 50px 0;
    height: 1px;
    border-bottom: 1px solid #ccc;
}

.separate-circle span {
    display: block;
    width: 46px;
    height: 46px;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc;
    border-radius: 50%;
    top: 50%;
    line-height: 46px;
}

.custom-col-50:after {
    content: "";
    display: block;
    clear: both;
    float: none;
}

.custom-col-50 .col-first {
    float: left;
    width: 50%;
    padding-right: 10px;
}

.custom-col-50 .col-last {
    float: right;
    width: 50%;
    padding-left: 10px;
}

.custom-col-50 .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.btn-close-modal {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 32px;
    height: 32px;
    background: #ae1f24;
    border-radius: 50%;
}

.btn-close-modal:before,
.btn-close-modal:after {
    position: absolute;
    left: 15px;
    content: " ";
    height: 18px;
    width: 2px;
    background-color: #fff;
    top: 7px;
}

.btn-close-modal:before {
    transform: rotate(45deg);
}

.btn-close-modal:after {
    transform: rotate(-45deg);
}

.promotion-popup .btn-close-modal:before,
.promotion-popup .btn-close-modal:after {
    width: 4px;
    height: 22px;
    top: 3px;
}

.promotion-popup .btn-close-modal {
    background: none;
}

.promotion-popup-content {
    padding: 30px;
}

.promotion-popup-content h3 {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 28px;
    font-weight: bold;
}

.promotion-popup-content p {
    margin-bottom: 24px;
    font-size: 17px;
}

.promotion-popup-content p.small-text,
.ontolo-promotion-popup-content p.small-text {
    font-size: 15px;
}

.promotion-popup-content .btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.ontolo-promotion-popup-banner > img {
    width: 80%;
    padding: 30px;
}

.ontolo-promotion-popup-content p {
    margin-bottom: 10px;
}

.ontolo-promotion-popup-content p.not-margin {
    margin-bottom: 0;
}

.ontolo-promotion-popup-content .btn--white {
    padding: 10px 30px;
    font-size: 16px;
    color: #ae1f23;
    border: 1px solid #ae1f23;
    margin-top: 20px;
    margin-bottom: 30px;
}

#modalOntoloPromotionPopup .btn-close-modal {
    background: unset;
    border-radius: unset;
}

#modalOntoloPromotionPopup .btn-close-modal:before,
#modalOntoloPromotionPopup .btn-close-modal:after {
    background-color: #8c8c88;
}

.ontolo-promotion-popup-content .btn--white:hover {
    color: #fff;
    background-color: #ae1f23;
}

@media screen and (max-width: 768px) {
    #modalOntoloPromotionPopup .modal-dialog {
        width: auto !important;
    }

    .ontolo-promotion-popup-banner > img {
        width: 100%;
        padding: 30px 20px;
    }

    .ontolo-promotion-popup-content {
        padding: 0 20px;
    }

    .ontolo-promotion-popup-content .btn--white {
        margin: 20px;
    }
}

@media screen and (min-width: 992px) {
    .registration-info {
        margin: 70px 25px 0;
    }
}

/* ---------------------
    #BILLING HISTORY
------------------------ */

.billing {
    margin-top: 30px;
}

.billing__status {
    margin-bottom: 70px;
}

.billing__history {
    margin-bottom: 70px;
}

.billing__alert {
    padding: 40px;
    border: 1px solid #ccc;
    background-color: #f0f3f7;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    color: #1f2226;
}

.billing__single {
    margin: 0 0 10px;
    border: 1px solid #ccc;
    padding: 30px 15px;
    text-align: center;
    -webkit-transition: border-color 0.3s ease;
    -ms-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

.billing__single:hover {
    border-color: #1f2226;
}

.billing__single .btn {
    width: 100%;
    margin: 0;
    border: 1px solid #4b4b4b;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition: border-color 0.3s ease;
    -ms-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

.billing__single .btn:hover {
    /*
    border-color: #1F2226;*/
    background-color: transparent;
    border-color: #ae1f23;
    color: #ae1f23;
}

@media screen and (min-width: 768px) {
    .billing__single .btn {
        margin-top: 0;
    }
}

@media screen and (min-width: 992px) {
    .billing__single .btn {
        margin-top: 10px;
    }
}

@media screen and (min-width: 1200px) {
    .billing__single .btn {
        margin-top: 0;
    }
}

.billing__single .billing__single__title,
.billing__single .billing__single__date,
.billing__single .billing__single__amount {
    padding-top: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #4b4b4b;
    text-align: center;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .billing__single .billing__single__title,
    .billing__single .billing__single__date,
    .billing__single .billing__single__amount {
        text-align: left;
    }
}

.billing__single .billing__buttons {
    margin-top: 30px;
}

@media screen and (min-width: 768px) {
    .billing__single .billing__buttons {
        margin: 0;
    }
}

.billing__single .billing__single__details .btn {
    margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
    .billing__single .billing__single__details .btn {
        margin-bottom: 0;
    }
}

.billing__select,
.headline__select {
    position: relative;
    display: inline-block;
    top: 0;
    width: 100%;
    padding-right: 12%;
    margin-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 370px) {
    .billing__select,
    .headline__select {
        padding-right: 20%;
    }
    .headline__select {
        padding-right: 0;
    }
}

@media screen and (min-width: 470px) {
    .billing__select,
    .headline__select {
        display: block;
        top: -51px;
        margin-bottom: 0;
        padding-right: 0;
    }
}

.billing__select select,
.headline__select select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    padding: 7px 50px 7px 15px;
    font-size: 14px;
    font-style: normal;
    color: #4b4b4b;
    background-color: transparent;
}

.billing__select > .select-wrapper,
.headline__select > .select-wrapper {
    position: relative;
    float: right;
}

.billing__select > .select-wrapper:after,
.headline__select > .select-wrapper:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 15px;
    width: 8px;
    height: 8px;
    margin-left: -4px;
    margin-top: -2px;
    border-color: #4b4b4b;
    border-style: solid;
    border-width: 2px 0 0 2px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.billing__select > label,
.headline__select > label {
    float: right;
    margin: 10px 15px 0 0;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    color: #1f2226;
    text-transform: uppercase;
}

/* ---------------------
    #ACCOUNT
------------------------ */
.my-account {
    padding: 50px 0 100px;
}

.my-account__form .my-account__row-button {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .my-account__form .my-account__row-button {
        text-align: left;
    }
}

.my-account__aside {
    margin-top: 50px;
}

@media screen and (min-width: 768px) {
    .my-account__aside {
        margin-top: 0;
    }
}

.my-account__aside .my-account__aside__box {
    border: 1px solid #ccc;
    padding: 10px 30px 0;
}

.my-account__aside .aside__row--border {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}

.my-account__aside .aside__label {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    color: #4b4b4b;
}

@media screen and (min-width: 992px) {
    .my-account__aside .aside__label {
        font-size: 13px;
    }
}

.my-account__aside .aside__value {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.my-account__aside .aside__btn {
    margin: 45px 0 10px;
    padding: 10px 30px;
    text-transform: uppercase;
    font-size: 12px;
    color: #4b4b4b;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.my-account__aside .aside__btn:hover {
    background-color: #4b4b4b;
    color: #fff;
}

.my-account__aside .aside__learn-more {
    font-size: 12px;
    text-decoration: underline;
    text-transform: uppercase;
    color: #ae1f24;
}

@media screen and (max-width: 768px) {
    .my-account__aside .col-centered {
        display: inline-block;
        float: none;
        text-align: right;
        margin-right: -4px;
    }

    .my-account__aside .row--mobile-centered {
        width: 100%;
        margin: 0 auto 15px;
    }

    .my-account__aside .row--mobile-centered .aside__label {
        text-align: left;
    }

    .my-account__aside .row--mobile-centered .aside__value {
        text-align: right;
        padding-right: 10px;
    }
}

@media screen and (max-width: 668px) {
    .my-account__aside .row--mobile-centered {
        width: 80%;
    }
}

@media screen and (max-width: 568px) {
    .my-account__aside .row--mobile-centered {
        width: 100%;
    }
}

.my-account__paragraph {
    padding: 8px 4px;
}

/* ---------------------
    #TESTIMONIALS
------------------------ */
.testimonials {
    padding: 80px 0;
}

@media screen and (min-width: 992px) {
    .testimonials {
        padding: 80px 100px;
    }
}

.testimonials > div:first-of-type {
    padding-top: 0;
}

.testimonials > div:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
}

.testimonials__single {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #4b4b4b;
    padding: 60px 0;
}

.testimonials__single .headline {
    margin-top: 50px;
}

@media screen and (min-width: 992px) {
    .testimonials__single .headline {
        margin-top: 0;
    }
}

.testimonials__single__left-side--text {
    padding-right: 15px;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .testimonials__single__left-side--text {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .testimonials__single__left-side--text {
        padding-right: 50px;
        text-align: left;
    }
}

.testimonials__single__left-side--text .headline {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .testimonials__single__left-side--text .headline {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .testimonials__single__left-side--text .headline {
        text-align: left;
    }
}

.testimonials__single__right-side--text {
    padding-left: 15px;
    text-align: left;
}

@media screen and (min-width: 768px) {
    .testimonials__single__right-side--text {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .testimonials__single__right-side--text {
        padding-left: 50px;
        text-align: left;
    }
}

.testimonials__single__right-side--text .headline {
    text-align: left;
}

@media screen and (min-width: 768px) {
    .testimonials__single__right-side--text .headline {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .testimonials__single__right-side--text .headline {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .testimonials__single .testimonials--has-image-text {
        padding-top: 25px;
    }
}

.testimonials--padding-top {
    padding-top: 50px;
}

.testimonials__person {
    padding-top: 15px;
    text-transform: uppercase;
    color: #4b4b4b;
}

.testimonials__person__right--no-image {
    float: right;
}

.testimonials__person .testimonials__person__name {
    color: #4d4d4d;
}

.testimonials__person .testimonials__person__spacer {
    margin: 0 8px;
}

.testimonials__video-overlay {
    position: fixed;
    z-index: 1500;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
}

.testimonials__video-overlay iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 80%;
    height: 30%;
}

@media screen and (min-width: 768px) {
    .testimonials__video-overlay iframe {
        height: 50%;
    }
}

@media screen and (min-width: 992px) {
    .testimonials__video-overlay iframe {
        height: 70%;
    }
}

@media screen and (min-width: 1200px) {
    .testimonials__video-overlay iframe {
        height: 90%;
    }
}

.testimonials__video {
    position: relative;
    width: 100%;
    height: 400px;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.testimonials__video .video__play {
    position: relative;
    z-index: 1;
    display: block;
    text-align: center;
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
    color: #fff;
    opacity: 1;
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.testimonials__video .icon {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin-bottom: 15px;
}

.testimonials__video:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.testimonials__video:hover .video__play {
    opacity: 0.6;
}

.testimonials__video:hover:after {
    background-color: rgba(31, 34, 38, 0.6);
}

.carousel {
    padding: 50px 0 100px;
    text-align: left;
}

.carousel .carousel-inner {
    width: 90%;
    overflow: hidden;
    margin: 0px auto;
}

@media screen and (min-width: 768px) {
    .carousel .carousel-inner {
        width: 70%;
    }
}

.carousel .thumbnail {
    background: transparent;
}

.carousel .testimonials__person {
    padding: 10px;
}

.carousel .paragraph {
    padding: 10px;
    font-size: 14px;
    line-height: 1.6;
    color: #4b4b4b;
}

@media screen and (min-width: 768px) {
    .carousel .paragraph {
        padding: 0;
        font-size: 14px;
    }
}

.carousel .thumbnail {
    margin: 0 auto;
}

.carousel .thumbnail img {
    display: inline-block;
    margin-bottom: 25px;
}

@media screen and (min-width: 768px) {
    .carousel .thumbnail img {
        display: block;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 15px;
    }
}

@media screen and (min-width: 1200px) {
    .carousel .thumbnail img {
        padding-left: 30px;
        padding-right: 0;
    }
}

.carousel-indicators li {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #4b4b4b;
    border-radius: 50%;
}

.carousel-indicators li.active {
    width: 18px;
    height: 18px;
    border: 1px solid #ae1f24;
    background-color: transparent;
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.carousel-control .icon {
    position: absolute;
    top: initial;
    bottom: 10px;
    margin: auto;
}

@media screen and (min-width: 768px) {
    .carousel-control .icon {
        top: 0;
        bottom: 0;
        margin: auto;
    }
}

.carousel-control.left {
    left: 0;
    text-align: left;
}

.carousel-control.left .icon {
    left: 0;
}

.carousel-control.right {
    right: 0;
    text-align: right;
}

.carousel-control.right .icon {
    right: 0;
}

.testimonials--brand {
    padding: 80px 0 60px;
}

.testimonials--brand__text .paragraph {
    font-size: 13px;
    line-height: 1.6;
    color: #4b4b4b;
}

@media screen and (min-width: 1200px) {
    .testimonials--brand__text .paragraph {
        font-size: 14px;
    }
}

.testimonials--brand__text .testimonials__person {
    padding-top: 0;
}

@media screen and (min-width: 1200px) {
    .testimonials--brand__text .testimonials__person {
        padding-top: 15px;
    }
}

/* ---------------------
    #EDIT & CREATE MODAL
------------------------ */
.modal-content {
    border-radius: 0;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.modal-header {
    padding: 50px 15px 0px;
}

@media screen and (min-width: 768px) {
    .modal-header {
        padding: 50px 50px 0px;
    }
}

.modal-header .close {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: normal;
}

.modal-header .close span {
    display: inline-block;
    position: relative;
    top: 4px;
    margin-left: 5px;
    font-weight: bold;
    font-size: 22px;
}

.modal-body {
    display: inline-block;
    width: 100%;
    padding: 15px 15px 0;
}

@media screen and (min-width: 768px) {
    .modal-body {
        padding: 15px 35px 0;
    }
}

.modal-body .col--padding-left {
    padding: 0;
}

@media screen and (min-width: 992px) {
    .modal-body .col--padding-left {
        padding-left: 30px;
        padding-right: 15px;
    }
}

.modal-body .col--padding-left .icon--question-mark {
    right: 0;
}

@media screen and (min-width: 992px) {
    .modal-body .col--padding-left .icon--question-mark {
        right: 15px;
    }
}

.modal-body .col--padding-right {
    padding: 0;
}

@media screen and (min-width: 992px) {
    .modal-body .col--padding-right {
        padding-left: 15px;
        padding-right: 30px;
    }
}

.modal-body .icon--question-mark {
    position: absolute;
    top: 2px;
    right: 15px;
}

.modal-body .form-group {
    height: 70px;
}

.modal-body label {
    width: 100%;
    font-size: 10px;
    font-weight: bold;
    color: #4b4b4b;
    letter-spacing: 1px;
}

.modal-body .form-group input,
.modal-body .form-group textarea,
.modal-body .form-group select {
    height: 40px;
    line-height: 32px;
    border: #ebebeb 1px solid;
    border-radius: 5px;
}

.modal-body .form-group input[type="text"] {
    padding: 0 10px;
}

.modal-body .product-tags .icon--question-mark {
    top: -20px;
    right: 0;
}

.form-group .radio.fe input {
    height: auto;
    position: relative;
    margin-right: 10px;
}

@media screen and (min-width: 992px) {
    .modal-body .product-tags .icon--question-mark {
        right: 15px;
    }
}

.modal-body .product-tags .add-tag {
    padding-left: 0;
    width: 100%;
    padding-right: 0;
}

@media screen and (min-width: 992px) {
    .modal-body .product-tags .add-tag {
        padding-right: 15px;
        width: 50%;
    }
}

.modal-body .product-tags .tag {
    position: relative;
    padding: 5px 30px;
    height: 30px;
    line-height: 20px;
    font-size: 12px;
    background-color: #4b4b4b;
    margin: 0 10px 10px 0px;
}

.modal-body .product-tags .tag .remove {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    right: 5px;
    margin: auto;
}

.modal-body .product-tags input {
    width: 100%;
    height: 40px;
    padding-left: 10px;
    border: #ebebeb 1px solid;
    border-radius: 5px;
    line-height: 30px;
    font-size: 11px;
    font-style: italic;
}

.modal-body .product-tags .tags-container {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.modal-body .date-picker .form-group {
    position: relative;
}

.modal-body .date-picker .form-group:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 35px;
    right: 10px;
    width: 15px;
    height: 15px;
    pointer-events: none;
    background-image: url("/img/icon-date-picker.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.modal-footer {
    padding: 10px 15px 50px;
}

@media screen and (min-width: 768px) {
    .modal-footer {
        padding: 10px 50px 50px;
    }
}

.modal-toggle {
    display: none;
    width: 100%;
    padding-top: 25px;
}

.delete-toggle {
    display: none;
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #ccc;
}

.delete-toggle .paragraph {
    margin-bottom: 30px;
    font-size: 11px;
    font-weight: bold;
    color: #4b4b4b;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .delete-toggle .paragraph {
        text-align: left;
    }
}

.delete-toggle .btn-primary {
    margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
    .delete-toggle .btn-primary {
        margin-bottom: 0;
    }
}

.more-section {
    padding: 15px;
}

.more-section .btn {
    margin-top: 15px;
    padding: 10px 30px;
}

.item-modal .image-uploader .image {
    position: relative;
    overflow: hidden;
    height: 295px;
    background-color: #ecf1f5;
    border: #ebebeb 1px solid;
}

.item-modal .image-uploader .image .file-uploader {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 80%;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0 100px 0 15px;
    border: 1px solid #ebebeb;
    background-color: #fff;
    font-style: italic;
    color: #4b4b4b;
    overflow: hidden;
}

.item-modal .image-uploader .image .file-uploader .button--file-upload {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 40px;
}

.item-modal .image-uploader .image .slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0;
}

.item-modal .product-tags {
    padding: 0;
    border: 0;
}

.item-modal .product-tags .add-tag input {
    border: #ebebeb 1px solid;
}

/* ---------------------
    #APPOINTMENT
------------------------ */
.create-appointment {
    padding: 40px 0 60px;
}

.create-appointment .alert-container {
    padding: 0 15px;
}

@media screen and (min-width: 768px) {
    .create-appointment .alert-container {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .create-appointment {
        padding: 40px 15px 60px;
    }
}

.create-appointment .alert-danger {
    padding: 30px;
    border-color: #ae1f24;
    border-radius: 0;
    margin-bottom: 80px;
    text-align: center;
}

.create-appointment .alert-danger .paragraph {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    color: #ae1f24;
}

.create-appointment .alert-danger .error-list {
    margin: 0;
    padding: 0;
    font-size: 12px;
    list-style: none;
    text-transform: capitalize;
    color: #ae1f24;
}

.create-appointment .alert-danger .error-list li:before {
    content: " - ";
}

.appointment-label {
    display: inline-block;
    color: #aaa;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.appointment-step {
    margin: 0px 0px 15px;
}

.appointment-step p {
    color: #959595;
}

.appointment-step a {
    color: #ae1f24;
}

.appointment-step a[href^="tel"] {
    color: inherit; /* Inherit text color of parent element on mobile. */
    text-decoration: none; /* Remove underline. */
}

.appointment-step:not(.active) .step-contents {
    display: none;
}

.appointment-step.active .step-contents {
    display: block;
}

.appointment-step__headline {
    position: relative;
    height: initial;
    background-color: #ecf1f5;
    cursor: pointer;
}

.appointment-step:not(.step-one):not(.allow) .appointment-step__headline {
    cursor: not-allowed;
}

.appointment-step:not(.step-one):not(.allow) .step-indicator {
    background-color: #ecf1f5;
    color: #333;
}

@media screen and (max-width: 991px) {
    .appointment-step p {
        padding: 0 15px;
    }
}

@media screen and (min-width: 992px) {
    .appointment-step__headline {
        height: 90px;
    }
}

.appointment-step__headline .step-indicator {
    position: relative;
    top: 50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 62px;
    height: 62px;
    margin: auto;
    padding-top: 10px;
    border: 10px solid #fff;
    border-radius: 50%;
    background-color: #ae1f24;
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .appointment-step__headline .step-indicator {
        top: 50%;
        left: -30px;
        right: initial;
    }
}

.appointment-step__headline .headline {
    margin: 0;
    padding: 50px 15px 25px;
    border: 0;
    line-height: 1.5;
    font-size: 18px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .appointment-step__headline .headline {
        padding: 50px 0 25px;
        font-size: 20px;
    }
}

@media screen and (min-width: 992px) {
    .appointment-step__headline .headline {
        padding: 0 0 0 60px;
        line-height: 90px;
        font-size: 24px;
        text-align: left;
    }
}

.step-contents {
    padding: 50px 15px;
}

@media screen and (min-width: 768px) {
    .step-contents {
        padding: 50px 0;
    }
}

.step-contents .appointment-type {
    margin: 0 0 30px;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    text-transform: initial;
    letter-spacing: 0;
}

.step-contents .appointment-type:first-of-type {
    margin-top: 0;
}

.step-contents .appointment-type > input[type="radio"],
.step-contents .appointment-type > input[type="checkbox"] {
    display: none;
    margin-right: 20px;
}

.step-contents .appointment-type > input[type="radio"] + label,
.step-contents .appointment-type > input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 45px;
    padding-bottom: 10px;
    font-weight: 600;
    line-height: 23px;
    background-image: url("/img/radio.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.step-contents .appointment-type > input[type="radio"]:checked + label,
.step-contents .appointment-type > input[type="checkbox"]:checked + label {
    background-image: url("/img/radio-checked.png");
}

.step-contents .appointment-wardrobe {
    padding-left: 0;
}

.step-two-point-two {
    display: none;
}

@media screen and (min-width: 992px) {
    .step-contents .appointment-wardrobe {
        padding-left: 45px;
    }
}

.step-contents .appointment-wardrobe .appointment-label {
    margin-bottom: 30px;
    padding-left: 15px;
}

.step-contents .btn {
    margin: 30px 0 0;
    padding: 10px 30px;
    width: 100%;
    float: initial;
}

@media screen and (min-width: 768px) {
    .step-contents .btn {
        width: initial;
        float: right;
    }
}

.step-contents .new-items-selector div:first-of-type {
    margin-bottom: 15px;
}

.step-contents .new-items-selector .new-items__input {
    width: 80px;
    height: 45px;
    border: 1px solid #ccc;
    font-style: italic;
    text-align: center;
}

.step-contents .new-items-selector .new-items__input + .new-items-label {
    margin-left: 15px;
    text-transform: initial;
    font-size: 14px;
    font-weight: 600;
}

.step-contents .item-list {
    padding-top: 40px;
}

.step-contents .item-list .item {
    border: 1px solid #ccc;
}

.step-contents .item-list .item-list__single-item {
    margin: 20px 0;
    padding: 15px;
    border: 1px solid #ccc;
}

.step-contents .item-list .item-list__single-item .image-container {
    height: 100px;
}

.step-contents .item-list .item-list__single-item .item-information {
    padding: 0 0 0 30px;
    width: 80%;
    min-height: 60px;
}

@media screen and (min-width: 768px) {
    .step-contents .item-list .item-list__single-item .item-information {
        width: 90%;
    }
}

.step-contents
    .item-list
    .item-list__single-item
    .item-information
    .item-brand {
    font-weight: 600;
    font-size: 10px;
    color: #4b4b4b;
}

.step-contents .item-list .item-list__single-item .item-information__buttons {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
}

.step-contents
    .item-list
    .item-list__single-item
    .item-information__buttons
    input[type="checkbox"] {
    display: none;
}

.step-contents .item-list .item-list__single-item .item-information__comment {
    display: none;
    padding: 20px 0 5px;
}

.step-contents
    .item-list
    .item-list__single-item
    .item-information__comment
    .input__comment {
    width: 100%;
    margin-top: 5px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    font-size: 12px;
}

.step-contents .item-list .item-list__single-item .btn {
    width: 150px;
    margin: 5px 10px 5px 0;
    padding: 5px 15px;
    background-color: transparent;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    color: #4b4b4b;
    float: none;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.step-contents .item-list .item-list__single-item .btn[data-selected="true"] {
    position: relative;
    background-color: #4b4b4b;
    color: #fff;
}

.step-contents
    .item-list
    .item-list__single-item
    .btn[data-selected="true"]:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-image: url("/img/checkmark--white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.step-contents .item-list .item-list__single-item .remove-from-list {
    position: absolute;
    top: 10px;
    right: 10px;
}

.step-contents .item-list .item-list__add-item {
    display: inline-block;
    width: 100%;
    margin: 5px 0;
    padding: 0 30px;
    border: 2px dashed #aaa;
    background-color: transparent;
    text-align: center;
}

.step-contents .item-list .item-list__add-item .btn {
    margin: 20px 0;
    padding: 7px 30px;
    float: none;
}

.appointment-summary .appointment-summary__headline,
.appointment-summary-passive .appointment-summary__headline {
    margin: 0;
    padding: 20px 30px;
    border: 1px solid #cccccc;
    background-color: #ecf1f5;
}

.appointment-summary .appointment-summary__content,
.appointment-summary-passive .appointment-summary__content {
    padding: 30px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

.appointment-summary .appointment-summary__title,
.appointment-summary-passive .appointment-summary__title {
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    color: #1f2226;
}

.appointment-summary .appointment-summary__title + .paragraph,
.appointment-summary-passive .appointment-summary__title + .paragraph {
    margin: 10px 0 25px;
    text-align: left;
}

.appointment-summary .btn,
.appointment-summary-passive .btn {
    margin-top: 15px;
    padding: 15px 0;
    width: 100%;
}

.closet-panel {
    position: relative;
    width: 100%;
    height: 260px;
    padding: 20px;
    border: 1px solid #4b4b4b;
}

.closet-panel .headline {
    margin-bottom: 20px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    color: #4b4b4b;
}

.closet-panel p {
    font-weight: normal;
    font-size: 12px;
    line-height: 1.7;
    color: #4b4b4b;
}

.closet-panel.active {
    background-color: #4b4b4b;
    color: #fff;
}

.closet-panel.active p,
.closet-panel.active .headline {
    color: #fff;
}

.closet-panel.active:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-image: url("/img/checkmark--white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.timeslot-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.timeslot-day__container {
    padding-right: 0;
}

@media screen and (min-width: 992px) {
    .timeslot-day__container {
        padding-right: 15px;
    }
}

.timeslot-day__container .select-wrapper {
    position: relative;
}

.timeslot-day__container .select-wrapper:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    pointer-events: none;
    background-image: url("/img/icon-date-picker.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.timeslot-day__container .timeslot-day {
    width: 100%;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #4b4b4b;
    font-style: italic;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: none;
}

.timeslot-time__container {
    padding-left: 0;
}

@media screen and (min-width: 992px) {
    .timeslot-time__container {
        padding-left: 15px;
    }
}

.timeslot-time__container .select-wrapper {
    position: relative;
}

.timeslot-time__container .select-wrapper:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    pointer-events: none;
    background-image: url("/img/icon-clock.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.timeslot-time__container .timeslot-time {
    width: 100%;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #4b4b4b;
    font-style: italic;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.phone-section {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.phone-section .appointment-type {
    margin: 20px 0 10px;
}

.phone-section .appointment-type:first-of-type {
    margin: 20px 0 10px;
}

.phone-section .phone-section__phone {
    display: none;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 12px;
    color: #4b4b4b;
}

.phone-section .phone-section__phone select.form-control {
    width: 100%;
    padding: 0 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    color: #4b4b4b;
    font-style: italic;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-weight: normal;
}

.phone-section .phone-section__phone .select-wrapper {
    position: relative;
}

.phone-section .phone-section__phone .select-wrapper:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    pointer-events: none;
    background-image: url("../img/icon-contact.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: #b0b0b1;
}

.note-section {
    margin-top: 30px;
    padding-bottom: 30px;
}

.note-section .appointment-label {
    margin-bottom: 23px;
}

.note-section .form-control {
    border-color: #ccc;
}

@media screen and (min-width: 768px) {
    .phone-section .phone-section__phone {
        font-size: 14px;
    }
}

.phone-section .phone-section__phone span {
    display: inline-block;
    margin-left: 0;
    color: #ae1f24;
}

@media screen and (min-width: 768px) {
    .phone-section .phone-section__phone span {
        margin-left: 10px;
    }
}

.phone-section .phone-section__phone a {
    display: inline-block;
    width: 100%;
    margin-left: 0;
    color: #ae1f24;
}

@media screen and (min-width: 768px) {
    .phone-section .phone-section__phone a {
        width: initial;
        margin-left: 10px;
    }
}

.phone-section .phone-section__phone .btn {
    position: relative;
    width: 100%;
    margin: 30px 0 15px;
    padding: 5px 30px;
    height: 34px;
    text-transform: uppercase;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .phone-section .phone-section__phone .btn {
        width: initial;
        margin: 0;
    }
}

.appointments__list {
    padding: 40px 0 100px;
}

.pricing .btn--gray {
    width: 150px;
    margin: 0 5px;
    padding: 5px 15px;
    background-color: transparent;
    border: 1px solid #ccc;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #4b4b4b;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (min-width: 768px) {
    .pricing .btn--gray {
        font-size: 12px;
    }
}

.pricing .btn--gray:hover:not(.active) {
    border: 1px solid #4d4d4d;
    text-decoration: none;
}

.pricing .btn--gray:hover:not(.active) {
    border: 1px solid #4b4b4b;
    text-decoration: none;
    background-color: #4b4b4b;
    color: #fff;
}

.pricing .btn--gray.active {
    position: relative;
    background-color: #4b4b4b;
    color: #fff;
}

.pricing .btn--gray.active:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 10px;
    width: 10px;
    height: 10px;
    background-image: url("/img/checkmark--white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.pricing__offer input[type="checkbox"] {
    display: block;
    cursor: pointer;
    opacity: 0;
    top: 23px;
    position: relative;
    z-index: 999;
    left: 7px;
    width: 30px;
    height: 30px;
}

.pricing__offer input[type="checkbox"] + span:first-of-type {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: -1px 4px 0 -10px;
    vertical-align: top;
    background: url(../img/checkbox.png) left top no-repeat;
    background-size: 40px;
    cursor: pointer;
    position: relative;
    left: -5px;
}

.pricing__offer input[type="checkbox"] + span:first-of-type:checked + span {
    background: url(../img/checkbox.png) -20px top no-repeat;
}

.pricing__offer input[type="checkbox"]:checked + span:first-of-type {
    background: url(../img/checkbox.png) -20px top no-repeat;
    background-size: 40px;
}

.pricing__offer__list-item span {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 14px;
    color: #ae1f24;
    cursor: help;
    border: 1px solid;
    padding: 0;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    text-align: center;
    line-height: 22px;
}

.pricing__offer__bottom-section .paragraph {
    font-size: 14px;
    margin: 15px 0;
}

.pricing__offer__bottom-section .headline {
    position: relative;
    margin: 0;
    border: 0;
    font-size: 20px;
}

@media screen and (min-width: 992px) {
    .pricing__offer__bottom-section .headline {
        font-size: 26px;
    }
}

.pricing__offer__bottom-section .headline--big {
    font-size: 22px;
}

@media screen and (min-width: 992px) {
    .pricing__offer__bottom-section .headline--big {
        font-size: 28px;
    }
}

.pricing__offer__bottom-section .btn--center {
    padding: 10px 40px;
    font-size: 12px;
    margin: 30px auto;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px) {
    .pricing__offer__bottom-section .btn--center {
        font-size: 14px;
        padding: 10px 50px;
        margin: 35px auto 10px auto;
    }
}

.pricing__offer__bottom-section__label + .headline {
    margin-top: 20px;
    margin-bottom: 50px;
}

@media screen and (min-width: 992px) {
    .pricing__offer__bottom-section__label + .headline {
        margin-top: 46px;
        margin-bottom: 65px;
    }
}

@media screen and (min-width: 992px) {
    .pricing__offer__bottom-section__label + .headline {
        margin-top: 7px;
        margin-bottom: 73px;
    }
}

.pricing__offer-examples .headline {
    border: 0;
}

.pricing__offer-examples__paragraph span {
    font-weight: 600;
    color: #4b4b4b;
}

.pricing__offer-examples__pts span {
    position: relative;
    top: -10px;
    font-size: 18px;
}

.pricing__long-box .btn--big {
    display: block;
    margin: 0 auto;
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .pricing__long-box .btn--big {
        margin-top: 10px;
        font-size: 16px;
    }
}

@media screen and (min-width: 992px) {
    .pricing__long-box .btn--big {
        padding: 10px 50px;
        font-size: 18px;
    }
}

.pricing__long-box .btn--big .icon-arrow {
    position: relative;
    top: -1px;
    left: 6px;
    font-size: 9px;
}

@media screen and (min-width: 768px) {
    .pricing__long-box .btn--big .icon-arrow {
        top: -2px;
        left: 6px;
        font-size: 12px;
    }
}

@media screen and (min-width: 992px) {
    .pricing__long-box .btn--big .icon-arrow {
        left: 20px;
    }
}

.pricing__long-box a {
    top: 15px;
    position: relative;
}

.landing__banner .headline {
    margin-top: 30px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .landing__banner .headline {
        margin-top: 0;
        font-size: 36px;
        text-align: left;
        max-width: 440px;
    }
}

@media screen and (min-width: 992px) {
    .landing__banner .headline {
        font-size: 38px;
    }
}

@media screen and (min-width: 1200px) {
    .landing__banner .headline {
        font-size: 48px;
    }
}

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

@media screen and (min-width: 768px) {
    .landing__banner .paragraph {
        text-align: left;
    }
}

@media screen and (min-width: 992px) {
    .landing__banner .paragraph {
        margin-top: 50px;
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 36px;
        max-width: 350px;
    }
}

.landing__banner .btn {
    display: block;
    margin: 30px auto;
}

@media screen and (min-width: 768px) {
    .landing__banner .btn {
        display: inline-block;
    }
}

.landing__banner--wedding .headline--big {
    position: relative;
    top: -15px;
}

@media screen and (min-width: 992px) {
    .landing__banner--wedding .headline--big {
        top: 20px;
    }
}

@media screen and (min-width: 992px) {
    .landing__banner--wedding .btn {
        position: relative;
        top: -30px;
    }
}

@media screen and (min-width: 1200px) {
    .landing__banner--wedding .btn {
        top: 0;
    }
}

.landing__sign-up .headline,
.landing__sign-up .btn {
    display: inline-block;
}

.landing__sign-up .btn {
    position: relative;
    margin-top: 20px;
}

@media screen and (min-width: 1200px) {
    .landing__sign-up .btn {
        top: -8px;
        margin-top: 0;
    }
}

.landing__sign-up .headline {
    color: #fff;
}

@media screen and (min-width: 1200px) {
    .landing__sign-up .headline {
        margin-right: 50px;
        font-size: 30px;
        line-height: 48px;
    }
}

.landing__footer .paragraph {
    margin: 0;
    color: #85898b;
    font-size: 10px;
}

@media screen and (min-width: 992px) {
    .landing__footer .paragraph {
        font-size: 12px;
    }
}

@media screen and (min-width: 992px) {
    .landing-testimonials .headline {
        margin-top: 60px;
    }
}

@media screen and (min-width: 992px) {
    .landing-testimonials .btn {
        margin-top: 15px;
    }
}

@media screen and (min-width: 768px) {
    .about-us__behind-the-scene {
        padding: 60px 0;
    }
}

@media screen and (min-width: 768px) {
    .about-us__behind-the-scene-images {
        padding-top: 20px;
    }
}

@media screen and (min-width: 992px) {
    .about-us__behind-the-scene-images {
        padding-top: 60px;
    }
}

.about-us__behind-the-scene-images .third-size-image {
    display: inline-block;
    width: 100%;
    margin-top: 1em;
}

@media screen and (min-width: 992px) {
    .about-us__behind-the-scene-images .third-size-image {
        margin-top: 60px;
        width: 30%;
    }

    .about-us__behind-the-scene-images .third-size-image:nth-child(1) {
        margin-right: 1.25%;
    }

    .about-us__behind-the-scene-images .third-size-image:nth-child(2) {
        margin-left: 1.25%;
        margin-right: 1.25%;
    }

    .about-us__behind-the-scene-images .third-size-image:nth-child(3) {
        margin-left: 1.25%;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .about-us__behind-the-scene-images .third-size-image {
        margin-top: 48px;
        width: 30%;
    }

    .about-us__behind-the-scene-images .third-size-image:nth-child(1) {
        margin-right: 1.25%;
    }

    .about-us__behind-the-scene-images .third-size-image:nth-child(2) {
        margin-left: 1.25%;
        margin-right: 1.25%;
    }

    .about-us__behind-the-scene-images .third-size-image:nth-child(3) {
        margin-left: 1.25%;
    }
}

.about-us__behind-the-scene-images img {
    display: block;
    width: 100%;
}

.about-us__behind-the-scene-images {
    text-align: center;
}

.about-us-quote blockquote {
    border-left: none;
    margin: 1.5em auto;
    padding: 10px 20px;
    quotes: "\201C""\201D""\2018""\2019";
    font-weight: 300;
}

@media screen and (min-width: 768px) {
    .about-us-quote blockquote {
        max-width: 80%;
    }
}

.about-us-quote blockquote:before {
    color: #ae1f24;
    content: open-quote;
    font-size: 4em;
    line-height: 0.15em;
    margin-right: 0em;
    vertical-align: -0.4em;
}

.about-us-quote blockquote p {
    display: inline;
    font-size: 24px;
    line-height: 1.425em;
}

.about-us-quote blockquote:after {
    content: attr(cite);
    display: block;
    text-align: right;
    font-size: 22px;
    color: #ae1f24;
}

@media screen and (max-width: 767px) {
    .about-us-quote blockquote:before {
        content: open-quote;
        font-size: 2em;
    }

    .about-us-quote blockquote p {
        font-size: 20px;
    }

    .about-us-quote blockquote:after {
        font-size: 18px;
        margin-top: 12px;
    }
}

@media screen and (max-width: 767px) {
    .about-us-button-bottom {
        padding-bottom: 48px;
    }
}

.gray-info-box {
    margin: 80px 0 110px;
    padding: 50px 0;
    background-color: #f2f2f2;
}

.gray-info-box p {
    margin: 0 0 10px;
    font-size: 18px;
    text-align: center;
}

.gray-info-box h3 {
    margin: 0 0 10px;
    font-size: 30px;
    font-weight: normal;
}

.quotation-box {
    position: relative;
    padding: 0 0 140px;
}

.quotation-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 170px;
    color: #e7e7e7;
}

.quotation-box .quotation-box--title {
    margin: 15px 0 55px;
    text-transform: uppercase;
}

.quotation-box blockquote {
    padding: 0;
    margin: 0 0 30px;
    border-left: none;
    font-size: 30px;
    text-transform: none;
}

.quotation-box blockquote .quotation-box--paragraph {
    position: relative;
    padding-top: 12px;
    line-height: 1.5;
}

.quotation-box blockquote .quotation-box--paragraph__author b {
    display: block;
    font-size: 16px;
    font-style: normal;
}

.quotation-box blockquote .quotation-box--paragraph__author i {
    display: block;
    font-size: 15px;
    color: #9999a2;
}

.quotation-box > p {
    text-align: right;
}

.about-us__press {
    margin: 20px 0;
}

@media screen and (min-width: 768px) {
    .about-us__press {
        margin: 40px 0;
    }
}

@media screen and (min-width: 992px) {
    .about-us__press {
        margin: 90px 0;
    }
}

.about-us__press__box {
    display: inline-block;
    width: 100%;
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.about-us__press__box h3 {
    font-size: 16px !important;
    color: rgba(0, 0, 0, 0.9) !important;
}

.about-us__press__box blockquote {
    height: 100px;
    margin: 1.5em 8px;
    padding: 4px 8px;
    quotes: "\201C""\201D";
    font-weight: 300;
}
.about-us__press__box blockquote:before {
    color: #ae1f24;
    content: open-quote;
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -0.4em;
}
.about-us__press__box blockquote p {
    display: inline;
    font-size: 16px;
    line-height: 1.25em;
}

@media screen and (min-width: 460px) {
    .about-us__press__box {
        width: 47.5%;
        margin-right: 5%;
    }

    .about-us__press__box:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (min-width: 768px) {
    .about-us__press__box {
        width: 31%;
        margin-right: 2.8333%;
    }

    .about-us__press__box:nth-child(2n) {
        margin-right: 2.8333%;
    }

    .about-us__press__box:nth-child(3n) {
        margin-right: 0;
    }
}

.about-us__press__box:hover {
    text-decoration: none;
    border: 1px solid #ae1f24;
}

.about-us__press__box:hover span {
    text-decoration: underline;
    color: #1f2226;
}

.about-us__press__box h3 {
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: rgba(77, 77, 77, 0.8);
}

.about-us__press__box p {
    height: 110px;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    color: #ae1f24;
}

.about-us__press__box span {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    color: #4d4d4d;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.padding-right-news {
    padding-right: 2.5%;
}

/* ---------------------
    #OTHER PAGES
------------------------ */
.contact {
    padding: 50px 15px 150px;
}

@media screen and (min-width: 992px) {
    .contact {
        padding: 50px 60px 150px;
    }
}

.contact .headline {
    margin: 0 0 20px;
}

.contact .paragraph {
    margin: 0 0 80px;
    color: #4b4b4b;
}

.contact__form {
    padding: 50px 15px 0 15px;
}

@media screen and (min-width: 992px) {
    .contact__form {
        padding: 0 0 0 60px;
    }
}

.contact__form .btn {
    width: 100%;
    -webkit-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

.contact__form .form-group label {
    font-size: 12px;
}

.contact__form--header h2 {
    padding: 0;
    margin-bottom: 15px;
    border: none;
    font-size: 27px;
    font-weight: bolder;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #5e4e4e;
}

.contact__form--header p {
    margin-bottom: 40px;
    font-size: 14px;
    text-align: center;
    color: #4d4d4d;
}

.contact__aside {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.contact__aside > .contact__aside--box > div:first-of-type {
    padding-top: 0;
}

.contact__aside .contact__aside__item {
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding: 40px 0 10px;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.contact__aside .contact__aside__label {
    position: absolute;
    bottom: 10px;
    left: 0;
    padding-left: 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #9999a2;
}

@media screen and (min-width: 768px) {
    .contact__aside .contact__aside__label {
        font-size: 12px;
    }
}

.contact__aside--box {
    padding: 30px 10px;
    margin-bottom: 20px;
    background-color: #f2f2f2;
}

@media screen and (min-width: 768px) {
    .contact__aside--box {
        padding: 30px 60px;
    }
}

.contact__aside--box h1 {
    padding: 0;
    margin-bottom: 25px;
    border: none;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #5e4e4e;
}

@media screen and (min-width: 768px) {
    .contact__aside--box h1 {
        font-size: 27px;
        margin-bottom: 45px;
    }
}

.contact__aside--box .paragraph {
    margin-bottom: 20px;
}

.contact__aside--box .contact__phone-number a:not([href^="mailto"]) {
    font-size: 20px;
}

@media screen and (min-width: 768px) {
    .contact__aside--box .contact__phone-number a:not([href^="mailto"]) {
        font-size: 24px;
    }
}

.contact__aside--box .contact__place,
.contact__aside--box .paragraph,
.contact__aside--box .contact__email a {
    font-size: 12px;
}

@media screen and (min-width: 768px) {
    .contact__aside--box .contact__place,
    .contact__aside--box .paragraph,
    .contact__aside--box .contact__email a {
        font-size: 14px;
    }
}

.contact__aside--box .contact__place,
.contact__aside--box .contact__email {
    top: 0px;
}

@media screen and (min-width: 768px) {
    .contact__aside--box .contact__place,
    .contact__aside--box .contact__email {
        top: 2px;
    }
}

.contact__place,
.contact__phone-number,
.contact__email {
    position: relative;
    top: 2px;
    padding-right: 0;
    text-align: right;
    color: #4b4b4b;
}

.contact__place a,
.contact__phone-number a,
.contact__email a {
    color: #4b4b4b;
}

.contact__place a:not([href^="mailto"]),
.contact__phone-number a:not([href^="mailto"]),
.contact__email a:not([href^="mailto"]) {
    font-size: 24px;
    color: #ae1f24;
    font-weight: 300;
}

.contact__share {
    padding-top: 40px;
    color: #4b4b4b;
}

.contact__phone-number {
    top: 5px;
    font-size: 16px;
}

@media screen and (min-width: 768px) {
    .contact__phone-number {
        font-size: 18px;
    }
}

@media screen and (min-width: 992px) {
    .contact__phone-number {
        font-size: 24px;
    }
}

.contact__place,
.contact__email {
}

.faq {
    padding: 60px 0;
}

.faq__container {
    margin: 0;
    padding: 0;
}

.faq__single {
    margin: 0 0 15px;
    padding: 0;
    list-style: none;
}

.faq__single.faq__single--hidden {
    display: none;
}

.faq__single .faq__single__box {
    position: relative;
    padding: 25px;
    height: initial;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: border-color 0.3s ease;
    -ms-transition: border-color 0.3s ease;
    -moz-transition: border-color 0.3s ease;
    -o-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}

.faq__single .faq__single__box.stylist__info {
    max-width: 960px;
    padding: 12px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .faq__single .faq__single__box {
        height: 90px;
    }
}

@media screen and (min-width: 768px) {
    .faq__single .faq__single__box.stylist__info {
        height: 152px;
    }
}

@media screen and (max-width: 767px) {
    .faq__single .faq__single__box.stylist__info {
        margin: auto;
    }
}

.faq__single .faq__single__box:hover {
    border-color: #1f2226;
}

.faq__single .faq__single__box:hover .btn {
    border-color: #1f2226;
}

.faq__single .faq__single__title {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1.5;
    font-size: 18px;
    color: #4b4b4b;
    top: 0%;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

@media screen and (max-width: 767px) {
    .faq__single .stylist__info {
        text-align: center;
    }

    .faq__single .stylist__info p {
        text-align: left;
    }
}

.faq__single .stylist__info .faq__single__title {
    font: 300 32px "Lato", sans-serif;
    top: auto;
    transform: none;
    vertical-align: middle;
}

.stylist__image {
    height: 128px;
    padding: 0 12px 2px 0;
}

@media screen and (min-width: 768px) {
    .faq__single .faq__single__title {
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 175px 0 0;
    }
}

@media screen and (max-width: 500px) {
    .faq__single .stylist__info .faq__single__title {
        padding: 12px 0 0 0;
    }

    .stylist__image {
        height: 128px;
        margin: 0 80px;
        padding: 0;
    }
}

.faq__single .faq__single__content {
    display: none;
    padding: 40px 15px 50px;
    line-height: 1.8;
    color: #4b4b4b;
}

.faq__single .faq__single__content.stylist__info {
    max-width: 960px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .faq__single .faq__single__content {
        padding: 40px 90px 50px;
    }
}

.faq__single .faq__single__content h1,
.faq__single .faq__single__content h2,
.faq__single .faq__single__content h3,
.faq__single .faq__single__content h4,
.faq__single .faq__single__content h5,
.faq__single .faq__single__content h6 {
    margin: 30px 0 15px;
    padding: 0;
    border: 0;
    font-size: 18px;
    color: #1f2226;
}

.faq__single .faq__single__content a {
    color: #ae1f24;
    text-decoration: underline;
}

.faq__single .btn {
    display: block;
    position: static;
    right: 25px;
    margin: 30px 0 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 12px;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    top: 0%;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
}

@media screen and (min-width: 768px) {
    .faq__single .btn {
        position: relative;
        top: 50%;
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        width: 150px;
        margin: 0;
    }
}

.faq__single .btn:hover {
    background-color: transparent;
    color: #1f2226;
    border-color: #1f2226;
}

.faq__bottom-section {
    padding: 50px 0;
}

.faq__bottom-section .headline {
    margin: 0 0 40px;
}

.faq__bottom-section .paragraph {
    margin: 0 0 40px;
}

.text-page__header .paragraph {
    margin-bottom: 60px;
    line-height: 1.7;
    color: #4b4b4b;
}

.text-page__header .paragraph a {
    text-decoration: underline;
    color: #ae1f24;
}

.text-page__container {
    padding: 40px 20px;
}

@media screen and (min-width: 992px) {
    .text-page__container {
        padding: 40px 0;
    }
}

.text-page__container li {
    margin-bottom: 30px;
}

.text-page__container .paragraph {
    padding: 0;
    line-height: 1.7;
}

@media screen and (min-width: 768px) {
    .text-page__container .paragraph {
        padding: 0 40px;
    }
}

@media screen and (min-width: 992px) {
    .text-page__container .paragraph {
        padding: 0 80px;
    }
}

.text-page__container .paragraph a {
    color: #1f2226;
    text-decoration: underline;
}

.closets--list {
    padding: 40px 0 80px;
}

.closets--list .add-closet-panel {
    background: #4b4b4b;
    color: #fff;
}

#appointments-list .appointment-summary {
    height: 600px;
}

#appointments-list
    .appointment-summary
    .appointment-summary__title.total-items {
    display: inline-block;
    margin-top: 15px;
}

#appointments-list p {
    text-align: left;
}

.video--full-width {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 58%;
    margin-bottom: 45px;
}

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

.play-video-btn--banner {
    position: relative;
}

.play-video-btn--banner:hover .icon-play {
    background-position: bottom;
}

.icon-play {
    position: absolute;
    top: 13px;
    right: 30px;
    width: 20px;
    height: 20px;
    background: url("../img/play-icon.png") no-repeat top;
}

/*# sourceMappingURL=style.css.map */

.newsletter {
    padding: 58px 0;
    height: 150px;
    background: #1f2226;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.newsletter.success {
    padding: 45px 0;
}

.newsletter .success-newsletter {
    display: none;
}

.newsletter.success .success-newsletter {
    display: block;
}

.newsletter.success form {
    display: none;
}

.newsletter .form-group {
    margin: 0 10px 10px;
    position: relative;
}

.newsletter .error {
    position: absolute;
    bottom: -20px;
    left: 0;
    white-space: nowrap;
}

.newsletter .error .error-message {
    color: #ff263c;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
}

.newsletter input.form-control {
    width: 320px;
    max-width: 100%;
    text-align: center;
    color: #4d4d4d;
    font-size: 14px;
    border-radius: 0;
}

.newsletter .btn--red {
    padding: 6px 20px;
}

.newsletter .btn--red:focus {
    background: #ae1f24;
}

.new-footer .footer-content {
    /* background-image: url('../img/pakt-fabric-texture@1x.jpg'); */
    background-color: #ae1f24;
    background-size: contain;
    background-repeat: repeat;
    color: #fff;
    padding: 30px 0;
}

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

.footer-col ul li {
    margin: 6px 0;
}

.footer-col .title {
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.footer-col .subtitle {
    margin-top: 15px;
    margin-bottom: 2px;
}

.footer-col p {
    margin: 0;
}

.footer-col a {
    color: #fff;
    font-weight: bold;
}

.footer-col a:hover {
    color: #333;
    text-decoration: none;
}

.footer-col .social-link {
}

.footer-col .social-link a {
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    width: 34px;
    height: 34px;
}

.footer-col .social-link .facebook {
    background-image: url("../img/facebook-icon.svg");
}

.footer-col .social-link .facebook:hover {
    background-image: url("../img/facebook-icon-black.svg");
}

.footer-col .social-link .twitter {
    background-image: url("../img/twitter-icon.svg");
}

.footer-col .social-link .twitter:hover {
    background-image: url("../img/twitter-icon-black.svg");
}

.footer-col .social-link .instagram {
    background-image: url("../img/instagram-icon.svg");
    margin-right: 15px;
}

.footer-col .social-link .instagram:hover {
    background-image: url("../img/instagram-icon-black.svg");
}

.footer-col .form-newsletter input[type="email"] {
    border: 0;
    height: 44px;
    line-height: 44px;
    border-radius: 0;
    padding: 6px 12px;
    font-size: 14px;
    box-shadow: none;
}

.footer-col .form-newsletter .input-group-addon {
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    color: transparent;
    background: #000;
    border-radius: 0;
    position: relative;
}

.footer-col .form-newsletter .input-group-addon:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../img/baseline_arrow_forward_white_48dp.png") center
        no-repeat;
    background-size: 30px;
}

.footer-col .form-newsletter .error {
    margin-top: 5px;
}

.footer-col .form-newsletter .error-message {
    color: #fff;
}

.footer-col .footer-newsletter .success-newsletter {
    display: none;
}

.footer-col .footer-newsletter.success .success-newsletter {
    display: block;
}

.footer-col .footer-newsletter.success form {
    display: none;
}

.footer-copyright {
    background: #7e1317;
    color: #fff;
    font-size: 12px;
    padding: 20px 0;
}

.footer-right-align {
    text-align: right;
}

.footer-policy a {
    color: #fff;
    font-weight: bold;
}

.footer-policy a:hover {
    color: #333;
    text-decoration: none;
}

#nav-icon {
    width: 44px;
    height: 34px;
    position: relative;
    margin: 8px 0 14px;
    float: right;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 4px;
}

#nav-icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 24px;
    background: #888;
    border-radius: 9px;
    opacity: 1;
    left: 9px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

#nav-icon span:nth-child(1) {
    top: 9px;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
    top: 15px;
}

#nav-icon span:nth-child(4) {
    top: 21px;
}

#nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.promotion-popup-banner img {
    max-width: 100%;
}

@media (min-width: 992px) {
    #nav-icon {
        display: none;
    }
}

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

@media (max-width: 991px) {
    .newsletter input.form-control {
        width: 280px;
        margin: auto;
    }

    .sorting-section {
        margin-top: 15px;
    }

    .clear-filter-text {
        padding: 0 0 15px;
    }
}

@media (max-width: 767px) {
    .newsletter {
        height: 160px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .newsletter .error {
        position: relative;
        bottom: 0;
    }

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

    .new-footer .footer-content {
        /* background-image: url('../img/pakt-fabric-texture@2x.jpg'); */
        background-color: #ae1f24;
    }

    .items-list-filter {
        margin-left: 5px;
        width: calc(100% - 120px) !important;
    }

    .n-p-xs {
        padding-right: 0;
        padding-left: 0;
    }

    .sorting-section {
        display: none;
    }
}

.btn.reset-btn {
    padding: 10px 30px;
    font-size: 12px;
    font-weight: normal;
}

/* ****** */
.n-m {
    margin: 0;
}

.n-p {
    padding: 0;
}

.m-t-40 {
    margin-top: 40px;
}

/*REGISTER NEW*/
.header-navbar {
    height: 80px;
}

.header-navbar--hidden {
    display: none;
}

.header-navbar--show {
    display: block !important;
}

.confirm-finish-booking {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    background-color: #f1f2f2;
    position: fixed;
    z-index: 123;
}

.confirm-finish-booking > p {
    margin: auto;
    margin-right: 0;
}

.confirm-finish-booking--btn {
    margin: auto;
    margin-left: 0;
}

.confirm-finish-booking--btn > a {
    font-size: 12px;
    width: 168px;
    height: 30px;
    margin-left: 25px;
    border-radius: 0;
    padding: 6px;
}

.confirm-finish-booking--btn > a:hover {
    color: #ffffff;
}

.confirm-finish-booking.hidden-confirm {
    display: none;
}

.confirm-finish-booking ~ header.hero-smaller {
    margin-top: 0;
}

.confirm-finish-booking.hidden-confirm ~ header.hero-smaller {
    margin-top: 80px;
}

.signup-wrapper {
    padding-bottom: 0 !important;
}

.show-footer {
    display: block !important;
}

.signup__service--icon-dropdown {
    width: 16px;
    height: 16px;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/icon-dropdown.png);
}

.ask-question__content-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.signup__modal-not-sure,
.signup__modal-gift-code {
    background-color: rgba(51, 51, 51, 0.9);
}

.signup__modal-not-sure .modal-header > button.close,
.signup__modal-gift-code .modal-header > button.close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -49px;
    opacity: unset;
}

.signup__modal-not-sure .modal-header > button.close > span,
.signup__modal-gift-code .modal-header > button.close > span {
    font-weight: normal;
    font-size: 47px;
    color: #ffffff;
}

.signup__modal-gift-code .modal-dialog {
    top: 15%;
}

.signup__modal-not-sure .modal-dialog,
.signup__modal-gift-code.detail .modal-dialog {
    top: 10%;
}

.signup__modal-not-sure .modal-content {
    width: 95%;
}

.signup__modal-gift-code .modal-content {
    width: 75%;
    margin: auto;
}

.signup__modal-gift-code.detail .modal-content {
    width: 100%;
    margin: 0;
}

.signup__modal-not-sure .modal-header,
.signup__modal-gift-code .modal-header {
    padding: 0 !important;
}

.signup__modal-not-sure .modal-header > button,
.signup__modal-gift-code .modal-header > button {
    position: absolute;
    top: -30px;
    left: 102%;
}

.signup__modal-not-sure--content,
.signup__modal-gift-code--content,
.signup__modal-not-sure--content-get {
    font-size: 25px;
    padding: 0 10px;
    text-align: center;
}

.signup__modal-not-sure--content-get {
    padding: 0;
    position: relative;
}

.signup__modal-not-sure--content-get > p:first-child {
    padding: 0 10px;
}

.signup__modal-not-sure--content > a,
.signup__modal-gift-code--content > a {
    font-size: 16px;
    margin-bottom: 90px;
    width: 168px;
    height: 40px;
    padding: 10px;
}

.signup__modal-not-sure--content-get > a {
    font-size: 16px;
    margin-bottom: 58px;
    width: 168px;
    height: 40px;
    padding: 10px;
}

.signup__modal-not-sure--content-get:before {
    position: absolute;
    height: 1px;
    width: 89%;
    top: -40px;
    margin-left: 10px;
    border-bottom: solid 1px #1e2227;
}

.signup__modal-not-sure--content-get:after {
    content: "OR";
    font-size: 14px;
    position: absolute;
    background-color: #fff;
    top: -50px;
    left: 47%;
    width: 40px;
}

.signup__modal-gift-code--detail {
    text-align: center;
    margin-bottom: 30px;
}

.signup__modal-gift-code--detail > p {
    font-size: 30px;
    font-weight: 300;
    color: #1e2227;
    margin: 0;
}

.signup__modal-gift-code--detail > p > span {
    font-weight: 600;
}

.signup__modal-gift-code-title {
    margin: 20px 0;
    font-size: 20px;
    font-weight: bold;
    color: #1e2227;
    text-align: left;
}

.signup__modal-gift-banner {
    width: 100%;
    height: 316px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/sigup-banner-detail-giftcode.png);
}

.signup__modal-gift-code-description {
    font-size: 20px;
    font-weight: normal;
}

.hidden-footer {
    display: none;
}

.signup .form-control[disabled] {
    background-color: #fafafa;
}

.signup .signup__nav > div {
    margin-top: 50px;
}

.signup .signup--btn-back {
    display: none;
    text-align: right;
    padding: 0;
    position: absolute;
    left: 0;
    top: 130px;
}

.signup .signup--btn-back.show {
    display: block;
}

.signup .signup--btn-back > a {
    padding: 0;
    font-size: 24px;
    font-weight: 300;
    color: #1e2227;
}

@media (max-width: 1200px) {
    .signup .signup--btn-back {
        top: 100px;
    }
}

@media (max-width: 991px) {
    .signup .signup--btn-back {
        top: 90px;
    }
}

@media (max-width: 768px) {
    .signup .signup--btn-back {
        top: 80px;
    }
}

.signup .nav-select {
    display: flex;
    justify-content: center;
}

.signup .nav-select > li.rectangle {
    width: 155px;
    height: 35px;
    font-size: 12px;
    text-align: center;
}

.signup .nav-select > li.rectangle.active {
    border-bottom: 4px solid #ae1f24;
}

.signup .nav-select > li.rectangle.active > span {
    color: #ae1f24;
    font-weight: bold;
}

/*Select service*/
.signup__service-list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.signup__service-list .membership-box {
    border-radius: 0;
}

.signup__service-list--group .membership-box {
    width: 340px;
}

.signup__service-list--icon-arrow-left {
    display: block;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/ic-keyboard-arrow-left.svg);
    width: 32px;
    height: 32px;
    margin: auto;
    margin-left: 0;
    cursor: pointer;
}

.signup__service-list--icon-arrow-right {
    display: block;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/ic-keyboard-arrow-right.svg);
    width: 32px;
    height: 32px;
    margin: auto;
    margin-right: 0;
    cursor: pointer;
}

.how-it-work .signup__service-list--icon-arrow-left {
    position: absolute;
    left: 0;
    top: calc(50% - 16px);
}

.how-it-work .signup__service-list--icon-arrow-right {
    position: absolute;
    right: 0;
    top: calc(50% - 16px);
}

.how-it-work-title {
    text-align: center;
    font-size: 32px;
}

.how-it-work-describe {
    text-align: center;
    font-size: 20px;
    color: #4a4a4a;
    height: 70px;
    padding: 0 50px;
}
@media screen and (min-width: 769px) and (max-width: 991px) {
    .how-it-work-describe {
        height: 100px;
    }
}
@media screen and (max-width: 460px) {
    .how-it-work-describe {
        height: 120px;
        padding: 0 30px;
    }

    .btn-width-full button {
        width: 100%;
    }
}

.signup__service-paginate {
    position: absolute;
    bottom: 35px;
}

.signup__service-paginate span {
    width: 16px;
    height: 16px;
    background-color: #4a4a4a;
    display: inline-block;
    border-radius: 16px;
    margin-right: 28px;
    cursor: pointer;
}

.signup__service-paginate span.active {
    background-color: #ae1f24;
}

.signup__service-paginate span:last-child {
    margin-right: 0;
}

h1.signup__service--title {
    padding: 0;
    font-size: 35px;
    margin: 50px 0px;
    border-bottom: none;
    text-align: center;
    color: #1e2227;
}

.signup__service--sub-title {
    font-size: 24px;
    text-align: center;
    color: #1e2227;
}

h2.signup__service--whatever {
    font-size: 20px;
    margin-bottom: 50px;
    color: #1e2227;
    font-weight: 300;
}

.bundle .signup__service--whatever {
    text-align: center;
    margin-bottom: 20px;
}
.bundle .signup__service--whatever .pakt-hover {
    right: unset;
    top: unset;
    margin-left: 10px;
    z-index: 3;
}

.pakt-select-title {
    font-size: 30px;
    font-weight: 300;
    color: #4a4a4a;
}

.pakt-select-title span.pakt-select__text-style {
    font-weight: bold;
}

.pakt-select__from-hkd-item,
.pakt-content__options--hkd {
    display: inline-grid;
    font-size: 25px;
    height: 66px;
    margin-bottom: 40px;
}

.membership-box.new .pakt-select__from-hkd-item {
    height: 40px;
    padding-top: 10px;
}

.pakt-select__from-hkd-item > p {
    margin: 0;
}

.pakt-select__from-hkd-item s {
    font-size: 15px;
}

.pakt-select__from-hkd-item .hkd-highlight {
    color: #ae1f24;
}

.pakt-select__from-hkd-item .from-hkd-item__text-style {
    margin: 0;
}

.pakt-select__descriptions,
.from-hkd-item__text-style {
    height: 54px;
    margin: 20px 0px 40px 0px;
    font-size: 15px;
    color: #4a4a4a;
}

.pakt-select__descriptions {
    margin: 20px 20px 30px 20px;
}

.service-pricing .pakt-select__descriptions {
    font-size: 15px;
    line-height: 24px;
    height: 54px;
}

.service-pricing .pakt-select__descriptions {
    height: 70px;
}

.from-hkd-item__minimum-month {
    margin-bottom: 30px;
    font-size: 20px;
}

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

.signup__service--select-btn {
    width: 136px;
    height: 40px;
    padding: 10px;
    margin-bottom: 25px;
}

.signup__service--select-btn.new {
    width: 70%;
}

.signup__service--window.gift-code {
    border-left: 1px solid #e4e4e4;
}

.signup__service--window .pakt-select__descriptions {
    margin-bottom: 21px;
    font-size: 16px;
}

.signup__service--window__btn {
    text-align: center;
    width: 164px;
    height: 40px;
    border: solid 1px #1e2227;
    border-radius: 0;
    color: #1e2227;
    padding: 9px;
}

.signup__service--window__btn:hover {
    background-color: #1f2226;
    color: #ffffff;
}

.signup__service--contact {
    width: 100%;
    height: 450px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/marketing/contact-signup-banner.jpg);
    margin: 50px 0;
}

.signup__service--contact__box {
    text-align: center;
    margin: 50px;
    background-color: rgba(255, 255, 255, 0.9);
}

.signup__service--contact__box .pakt-select__descriptions {
    font-size: 16px;
    padding: 0 110px;
}

.signup__service--contact__box .signup__service--title {
    margin: 50px 0 22px 0;
    padding: 0;
}

.signup__service--contact__box .pakt-select-title {
    margin-top: 56px;
}

.signup__service--contact__box .pakt-select__descriptions {
    margin-bottom: 0;
    height: auto;
}

.signup__service--contact__box--phone {
    font-size: 35px;
    color: #ae1f24;
    margin: 30px 70px;
}

.signup__service--contact .btn--red {
    width: 167px;
    height: 40px;
    padding: 10px;
    font-size: 16px;
}

.signup__service--ask-question .signup__service--title {
    text-align: center;
    padding: 0;
    margin: 0;
}

.ask-question__content h5,
.ask-question__content--end h5,
.ask-question__content-detail {
    font-size: 16px;
    margin: 0;
}

.ask-question__content {
    padding: 30px 0;
    border-bottom: 1px solid #979797;
}

.ask-question__content-detail a {
    color: #ae1f24;
    text-decoration: underline;
}

.ask-question__content--end {
    padding: 30px 0;
    border-bottom: none;
}

.signup__service--ask-question .ask-question__btn {
    text-align: center;
}

/*Content Pakt Select*/
.pakt-content__title {
    padding: 0;
    text-align: center;
    font-size: 35px;
    font-weight: 300;
    margin: 50px 0 20px;
    border-bottom: none;
    color: #1e2227;
}

.pakt-content__list .membership-box,
.pakt-content__list .membership-box-x {
    border-radius: 0;
    max-height: 425px;
}
.pakt-content__list .membership-box {
    max-height: unset;
}

.pakt-content__list .membership-box .panel-body {
    /*.pakt-content__list .membership-box-x .panel-body {*/
    padding: 40px 15px;
    padding-top: 22px;
}

.pakt-content__list .membership-box.new .panel-body {
    padding: 15px;
}

.pakt-content__title > span,
.pakt-content__options--item-name > span {
    font-weight: bold;
}

.pakt-content__description {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    margin-top: 0;
    margin-bottom: 70px;
}

.pakt-content__options {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
}

.pakt-content__options > a.btn {
    width: 227px;
    height: 40px;
    background-color: #f1f2f2;
    border-radius: 0;
    color: #1e2227;
    padding: 10px;
    margin-right: 16px;
}

.pakt-content__options > a.btn.package {
    height: 50px;
}

.pakt-content__options > a.btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pakt-content__options > a.btn:last-of-type {
    margin-right: 0;
}

.pakt-content__options > a.btn.active {
    color: #ffffff;
    background-color: #ae1f24;
    border: solid 1px #ae1f24;
}

.pakt-content__options.new > a.btn {
    margin-right: 30px;
}

.pakt-content__list .pakt-service-pricing a.btn--red {
    padding: 10px 30px;
}

.pakt-service-pricing {
    text-align: center;
}

.pakt-content__options--dropdown-mobile {
    width: 20px;
    height: 12px;
    display: none;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/icon-dropdown-white.svg);
}

.pakt-content__options--item-fur {
    width: 97px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-luxe-fur.svg);
}

.pakt-content__options--item-fur-2 {
    width: 97px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-coat-grey.svg);
}

.pakt-content__options--item-browse {
    width: 110px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/digital_wardrobe_black.svg);
}

.pakt-content__options--item-wear {
    width: 143px;
    height: 115px;
    margin: 0 auto;
    background-size: 90%;
    background-image: url(/img/pakt-content/van-black.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.pakt-content__options--item-return {
    width: 110px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-white-glove-valet-black.svg);
}

.pakt-content__options--item-glove {
    width: 126px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/glove-black.svg);
}

.pakt-content__options--item-hand {
    width: 115px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/hand-black.svg);
}

.pakt-content__options--item-db {
    width: 116px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-luxe-designer-handbag.svg);
}

.pakt-content__options--item-wb {
    width: 118px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-luxe-wedding-dress.svg);
}

.pakt-content__options--item-bg {
    width: 69px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-luxe-ball-gown.svg);
}

.pakt-content__options--item-traveller {
    width: 69px;
    height: 113px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-traveller-hanging.svg);
}

.pakt-content__options--item-ski {
    width: 112px;
    height: 113px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/ski/pakt-ski.svg);
}

.pakt-content__options--item-checked {
    width: 24px;
    height: 24px;
    margin-top: -20px;
    background-image: url(/img/check.svg);
    float: right;
    display: none;
}

.pakt-content__options--item-name {
    font-size: 30px;
    text-align: center;
    color: #4a4a4a;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 40px;
    white-space: nowrap;
}

.pakt-content__options--item-book-collection {
    width: 110px;
    height: 115px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-content/pakt-white-glove-valet-black.svg);
}

.pakt-content__options--item-get-paid {
    width: 127px;
    height: 115px;
    margin: 0 auto;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: center;
    background-image: url(/img/pakt-content/pakt-get-paid.svg);
}

.pakt-content__options--item-consignment-2 {
    width: 150px;
    height: 115px;
    margin: 0 auto;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: center;
    background-image: url(/img/pakt-consignment-icon.svg);
}

.pakt-content__options--item-care {
    width: 150px;
    height: 115px;
    margin: 0 auto;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: center;
    background-image: url(/img/pakt-content/pakt-dry-cleaning-grey.svg);
}

.pakt-content__options--item-pass-it-on {
    width: 150px;
    height: 115px;
    margin: 0 auto;
    background-size: 80%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-position: center;
    background-image: url(/img/pakt-content/pakt-pass-it-on.svg);
}

.pakt-content__options--item-name.has-warning-referral {
    margin-bottom: 20px;
}

.signup__billing--detail-order .alert-warrning-referral {
    margin-bottom: 10px;
    border-radius: unset;
    border-left: unset;
    border-right: unset;
}

.signup__billing--detail-order .alert-warrning-referral > p {
    font-size: 16px;
}

.signup__billing--detail-order .alert-warrning-referral > p > span {
    font-weight: bold;
}

.pakt-content__options--item-description {
    font-size: 20px;
    text-align: center;
}

.pakt-content__options--item-crease {
    width: 40px;
    height: 40px;
    padding: 10px;
}

.pakt-content__options--item-crease + span {
    width: 65px;
}

.pakt-content__options--item-number {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #4a4a4a;
}

.pakt-content__options--item-number > select {
    width: 57px;
    margin-right: 8px;
    height: 40px;
    border-radius: 0;
    font-size: 16px;
    color: #4a4a4a;
    border: none;
}

.pakt-consignment .pakt-content__options--item-number > select {
    width: 99px;
    text-align: center;
}

.pakt-content__feature-title {
    text-align: center;
    font-size: 30px;
    color: #4a4a4a;
    margin-top: 50px;
    margin-bottom: 30px;
    border-bottom: 0;
}

.pakt-content__feature-table > tbody > tr > td {
    border: 0 !important;
    padding: 20px;
    font-size: 20px;
    color: #4a4a4a;
}

.pakt-content__feature-table > tbody {
    border: solid 1px #dddddd;
}

.pakt-content__feature-table > tbody > tr:nth-of-type(odd) {
    background-color: #f1f3f2 !important;
}

.feature-table--bold {
    padding-left: 50px !important;
    font-weight: bold;
    white-space: nowrap;
}

.pakt-content_term-conditions {
    margin-top: 50px;
    margin-bottom: 200px;
}

.pakt-content_term-conditions > p {
    margin: 0;
    font-size: 16px;
    color: #1e2227;
}

/*Select option x*/
.pakt-content__options-x--box {
    padding-top: 40px;
    padding-bottom: 20px;
    margin-bottom: 50px;
    background-color: #fafafa;
}

.pakt-content__options-x--icon-descriptions {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/ic-error-outline.svg);
    opacity: unset;
    display: none;
}

.pakt-content__options-x--icon-descriptions > span {
    display: none;
}

.pakt-content__options-x--icon-descriptions.tooltip > span {
    display: block;
}

.pakt-content__options-x--item-name,
.pakt-content__options-x--item-name-lite {
    text-align: center;
    font-size: 30px;
    color: #4a4a4a;
    margin-bottom: 20px;
    border-bottom: 0;
}

.pakt-content__options-x--item-name.hidden-add-lite-bag {
    margin-bottom: 57.5px;
}

.pakt-content__options-x--item-name-lite {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pakt-content__options-x--item-name-lite > p {
    margin: 0;
}

.pakt-content__options-x--item-description {
    font-size: 20px;
}

.pakt-content__options-x--item-lite {
    font-size: 15px;
    margin-bottom: 56px;
    min-height: 43px;
}

.pakt-content__options-x--btn-add {
    width: 97px;
    height: 30px;
    color: #ffffff;
    padding: 6px;
    background-color: #4a4a4a;
    border-radius: 0;
    margin-bottom: 20px;
}

.membership-box-x .panel-body {
    padding-top: 0;
    padding-bottom: 40px;
}

.membership-box.checked {
    border: solid 3px #ae1f24;
}

.pakt-total {
    margin-top: 88px;
    background-image: url(/img/signup-service-footer.png);
    height: 124px;
    padding-top: 0px;
}

.pakt-total.show-footer {
    position: fixed;
    background-color: white;
    z-index: 123;
    width: 100%;
    bottom: 0;
}

.pakt-total.show-footer > div {
    padding: 0;
}

.pakt-total--group {
    display: flex;
    justify-content: flex-end;
    padding-right: 30px;
}

.pakt-total--detail {
    padding-top: 10px;
    text-align: right;
    font-size: 16px;
    margin-right: 30px;
}

.pakt-total--detail > p > span {
    color: #43474b;
    font-weight: bold;
}

.pakt-total--items-hkd {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pakt-total--items-hkd p:last-child {
    font-size: 28px;
    font-weight: bold;
    color: #43474b;
}

.pakt-total--next {
    display: flex;
    flex-direction: column;
    width: 168px;
    justify-content: flex-end;
}

.pakt-total--next > a.btn {
    width: 100%;
    height: 40px;
    padding: 10px;
}

.pakt-total--next-none-service {
    float: right;
}

.pakt-content__options-fee {
    background-color: #f1f2f2;
}

.pakt-content__options-fee--item-name {
    text-align: center;
    font-size: 30px;
    color: #4a4a4a;
    margin-top: 25px;
    margin-bottom: 40px;
    border-bottom: 0;
}

.from-hkd-item__fee-hkd {
    font-size: 20px;
}

.pakt-content__options-fee > div p:last-child {
    margin-bottom: 20px;
}

.pakt-content__options.active .pakt-content__options--dropdown-mobile {
    transform: translateY(calc(50% - 7px)) rotate(-180deg);
}

#frmOrder,
#frmPayment {
    margin-bottom: 200px;
}

@media screen and (max-width: 768px) {
    #frmPayment {
        margin-bottom: 50px;
    }
}

.signup__form--login-success {
    height: 102px;
    border: solid 1px #dddddd;
    background-color: #fafafa;
    margin-bottom: 30px;
}

.signup__form--login-success > p {
    font-size: 16px;
    color: #1e2227;
    margin: 18px auto 10px 34px;
}

.signup__form--login-success p:last-child {
    font-size: 25px;
    color: #4a4a4a;
    margin-top: 0 !important;
}

.signup__form--title {
    font-size: 20px;
    color: #1e2227;
    margin-bottom: 20px;
}

.signup__form--label {
    font-size: 18px;
    color: #1e2227;
}

.signup__form--receive {
    display: flex;
}

.signup__form--label-receive {
    font-size: 16px;
    font-weight: 300;
    color: #1e2227;
    margin-bottom: 30px !important;
}

.signup__form--input {
    height: 40px;
    margin-bottom: 30px !important;
    border-radius: 0;
}

.signup__form--strong-password-weak,
.signup__form--strong-password-fair,
.signup__form--strong-password-good,
.signup__form--strong-password-strong {
    display: flex;
    margin-top: -24px;
}

.signup__form--strong-password-weak > span,
.signup__form--strong-password-fair > span,
.signup__form--strong-password-good > span,
.signup__form--strong-password-strong > span {
    width: 20%;
}

.signup__form--strong-password-weak > span {
    color: #ae1f24;
}

.signup__form--strong-password-weak > div {
    height: 3px;
    width: 25%;
    margin-top: 10px;
    background-color: #ae1f24;
}

.signup__form--strong-password-weak div:last-child {
    height: 3px;
    width: 75%;
    background-color: #dddddd;
    margin-top: 10px;
}

.signup__form--strong-password-fair > span {
    color: #e27a01;
}

.signup__form--strong-password-fair > div {
    height: 3px;
    width: 50%;
    margin-top: 10px;
    background-color: #e27a01;
}

.signup__form--strong-password-fair div:last-child {
    height: 3px;
    width: 50%;
    margin-top: 10px;
    background-color: #dddddd;
}

.signup__form--strong-password-good > span {
    color: #3797f1;
}

.signup__form--strong-password-good > div {
    height: 3px;
    width: 75%;
    margin-top: 10px;
    background-color: #3797f1;
}

.signup__form--strong-password-good div:last-child {
    height: 3px;
    width: 25%;
    margin-top: 10px;
    background-color: #dddddd;
}

.signup__form--strong-password-strong > span {
    color: #439604;
}

.signup__form--strong-password-strong > div {
    width: 100%;
    height: 3px;
    margin-top: 10px;
    background-color: #439604;
}

input.signup__form--input:focus ~ .signup__form--floating-label,
input.signup__form--input:not(:placeholder-shown)
    ~ .signup__form--floating-label {
    top: -13px;
    left: 30px;
    font-size: 12px;
    background-color: #ffffff;
    height: 24px;
    padding: 5px;
    color: #1e2227;
}

input.signup__form--input:invalid:not(:placeholder-shown),
input.signup__form--input.input-error,
select.signup__form--select.select-error {
    border: solid 1px #ae1f24;
}

input.signup__form--input:invalid:not(:placeholder-shown)
    ~ .signup__form--floating-label,
input.signup__form--input.input-error ~ .signup__form--floating-label,
select.signup__form--select.select-error ~ .signup__form--floating-label {
    color: #ae1f24;
}

input.signup__form--input:invalid:not(:placeholder-shown),
input.signup__form--input.input-error,
select.signup__form--select.select-error {
    margin-bottom: 6px !important;
}

.signup__form--error {
    margin-bottom: 30px;
}

.signup__form--error-label {
    font-size: 14px;
    color: #ae1f24;
}

.signup__form--floating-label {
    position: absolute;
    pointer-events: none;
    left: 25px;
    top: 10px;
    font-size: 13px;
    color: #9c9c9c;
}

.signup__form--select::-webkit-input-placeholder,
.signup__form--textarea::-webkit-input-placeholder {
    font-size: 16px;
    color: #9b9b9b;
    left: 30px;
}

.signup__form--btn {
    height: 40px;
    width: 100%;
    padding: 10px !important;
    margin-bottom: 30px;
}

.signup__form--select {
    float: left;
    height: 40px;
    width: 100% !important;
    border-radius: 0;
    margin-bottom: 30px !important;
    color: inherit;
}

.signup__form--select[disabled] {
    background-color: #fafafa;
}

.signup__form--textarea {
    border-radius: 0;
    margin-bottom: 30px !important;
}

.signup__form--check-box {
    width: 17px;
    height: 17px;
    border: solid 1px #9b9b9b;
    background-color: #ffffff;
    border-radius: 0;
    margin-bottom: 26px !important;
    margin-right: 13px !important;
}

.signup__form--check-radio {
    width: 16px;
    height: 16px;
    /*margin-top: 16px !important;
    margin-right: 16px !important;*/
    margin: 16px 16px 30px !important;
}

.signup__form--check + label {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    font-size: 14px;
    color: #1a2258;
}

.signup .input-group .input-group-btn.dropdown-phonecode select {
    text-indent: -9999px;
}

.dropdown-phonecode.input-error {
    top: -12px;
}

.signup .input-group-btn .ui-selectmenu-button {
    border-radius: 0;
    background: none;
    box-shadow: 0 0 1px #999;
    height: 40px;
    margin-bottom: 30px;
    width: 72px;
    border: 1px solid #ccc;
}

.signup .input-group-btn .ui-selectmenu-button span.ui-selectmenu-text {
    font-size: 16px;
    line-height: 34px;
    text-align: center;
    padding: 4px 14px 0 4px;
}

.signup__billing--title {
    font-size: 20px;
    margin-bottom: 30px;
}

.signup__billing--appointment .signup__billing--title {
    font-size: 24px;
}

.signup__billing--pay {
    height: 60px;
    border: solid 1px #9b9b9b;
    background-color: #ffffff;
    margin-bottom: 30px;
}

.signup__billing--detail-order {
    border: solid 1px #dddddd;
}

.signup__billing--detail-order .pakt-total--items-hkd {
    justify-content: flex-end;
}

.signup__billing--pakt-total,
.signup__billing--not-sure-content {
    margin-top: -10px;
    background-image: url(/img/signup-service-footer.png);
    height: 172px;
}

.bundle__billing--pakt-total {
    margin-top: -10px;
    padding: 15px 0;
    background-image: url(/img/signup-service-footer.png);
    min-height: 172px;
}

.signup__billing--not-sure-content {
    display: flex;
}

.signup__billing--not-sure-content > p {
    margin: auto 20px;
    font-size: 18px;
    color: #4a4a4a;
}

.signup__billing--not-sure-footer {
    text-align: right;
    padding-right: 20px;
    margin-top: 20px;
}

.signup__billing--not-sure-footer > p {
    font-size: 16px;
    color: #ae1f24;
}

.signup__billing--not-sure-footer > p:last-child {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.signup__billing--total {
    padding-right: 20px;
}

.signup__billing--total .pakt-total--detail {
    margin-right: 0 !important;
}

.signup__billing--promo {
    display: flex;
    height: 84px;
    background-color: #f8f8f8;
    padding-right: 20px;
    height: 113px;
}

.signup__billing--promo-detail {
    display: flex;
    width: 100%;
    margin: auto;
    margin-top: 30px;
    margin-left: 20px;
}

.signup__billing--promo-detail p:first-child {
    font-size: 20px;
    color: #4a4a4a;
}

.signup__billing--promo-detail p:last-child {
    font-size: 16px;
    color: #9c9c9c;
}

.signup__billing--promo-code {
    text-align: right;
    color: #ae1f24;
    font-size: 16px;
    margin: auto;
    margin-right: 0;
    padding-right: 0;
}

.signup__billing--sub-total {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    font-size: 20px;
    margin-top: 20px;
    color: #4a4a4a;
}

.signup__billing--promo-discount {
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    color: #438100;
    font-size: 20px;
    padding-top: 10px;
}

.signup__billing--promo-discount > p {
    font-size: 20px;
}

.signup__billing--pakt-total > div {
    height: 100%;
    display: grid;
}

.bundle__billing--pakt-total > div {
    display: flex;
}

.bundle__billing--pakt-total .signup__billing--pakt-total-number > p {
    white-space: inherit;
}

.signup__billing--pakt-total-number {
    margin-left: 0 !important;
    text-align: left;
}

.signup__billing--pakt-total-price {
    width: 100%;
    margin-right: 0 !important;
    /*margin-left: 50px !important;*/
    text-align: right;
}

.signup__billing--pakt-total-price > p > span {
    float: left;
}

.signup__billing--pakt-total-number,
.signup__billing--pakt-total-price {
    margin: auto;
}

.signup__billing--pakt-total-number > p,
.signup__billing--pakt-total-price > p {
    font-size: 20px;
    color: #4a4a4a;
    white-space: normal;
}

.signup__billing--pakt-total-number > p.bundle-noted {
    font-size: 16px;
    font-style: italic;
}

@media screen and (max-width: 768px) {
    .signup__billing--pakt-total-number > p,
    .signup__billing--pakt-total-price > p {
        white-space: normal;
    }
}

#frmPayment .payment-box {
    box-shadow: none;
    padding: 0 !important;
}

.signup__billing--conditions {
    display: flex;
}

.signup__billing--conditions > p {
    font-size: 16px;
}

.signup__billing--conditions > p > a {
    color: #ae1f24;
}

.signup__billing--btn-complete {
    display: inline-grid;
}

.signup__billing--btn-complete > a {
    width: 168px;
    height: 40px;
    padding: 10px;
}

.braintree-loader__container {
    border-radius: 0 !important;
}

.braintree-options-list {
    display: flex;
    background: #ffffff;
    flex-direction: column;
}

.braintree-option.braintree-option__paypal {
    order: 1;
    margin-bottom: 30px;
    border-top: solid 1px #9b9b9b;
}

.braintree-option.braintree-option__card {
    order: 2;
}

.braintree-method.braintree-method--active {
    border-radius: 0;
}

#bt-dropin .braintree-option:first-child,
#bt-dropin .braintree-option:last-child,
#bt-dropin .braintree-card,
#bt-dropin .braintree-paypal {
    border-radius: 0 !important;
}

#frmPayment .braintree-heading,
#frmPayment .braintree-placeholder {
    display: none;
}

.braintree-card .braintree-form__field-group > label {
    width: 100% !important;
}

.braintree-method.braintree-method--active {
    border-radius: 0 !important;
}

#frmPayment .braintree-large-button {
    background: none;
}

.signup__billing--completed {
    margin-top: 40px;
    text-align: center;
}

.signup__billing--my-account > a.btn {
    width: 193px;
    height: 40px;
    padding: 8px;
}

.signup__billing--invite-or-share {
    margin-top: 50px;
    margin-bottom: 100px;
    padding: 50px;
    border: solid 1px #1e2227;
}

.signup__billing--invite-or-share-content,
.signup__billing--share-content {
    font-size: 16px;
    padding: 0 95px;
    margin-bottom: 30px;
}

.signup__billing--share-content {
    padding: 0;
}

.signup__billing--invite-or-share-content > p > span {
    font-weight: bold;
}

.signup__billing--invite-or-share .signup__billing--title,
.signup__billing--share .signup__billing--title {
    font-size: 24px;
}

.signup__billing--invite,
.signup__billing--share-btn,
.signup__billing--share-btn-fb {
    display: flex;
}

.signup__billing--share {
    margin-top: 35px;
}

.signup__billing--invite > a.btn {
    width: 146px;
    height: 40px;
    margin-left: 20px;
    padding: 7px;
}

.signup__billing--invite > button {
    margin-top: 0px;
    height: 40px;
    width: 150px;
    margin-left: 20px;
    padding: 7px;
}

.signup__billing--share-btn-fb > a.btn--red {
    width: 115px;
    height: 40px;
    padding: 10px;
}

.signup__billing--share-btn-fb > a.btn-primary {
    background-color: #4d74b9;
    width: 115px;
    height: 40px;
    margin-top: 0;
    margin-left: 20px;
    padding: 10px;
}

.signup__billing--border-or {
    border-top: solid 1px;
    margin-top: 20px;
}

.signup__billing--share:after {
    content: "OR";
    position: absolute;
    background-color: #fff;
    top: -26%;
    left: 46%;
    width: 40px;
}

.signup__billing--appointment-title {
    font-size: 20px;
    color: #adadad;
    margin-bottom: 20px;
}

.signup__billing--appointment-content,
.signup__billing--appointment-collection {
    font-size: 18px;
    margin-bottom: 40px;
}

.signup__billing--appointment-collection {
    display: flex;
    flex-flow: column;
}

.pakt-hover {
    width: 20px;
    height: 20px;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-info.svg);
    position: absolute;
    right: 30px;
    top: 17px;
}

.pakt-info {
    display: none;
    position: absolute;
    background-color: #555555;
    color: #fff;
    z-index: 1;
    width: 200px;
    font-size: 16px;
    right: 0;
    top: calc(100% + 10px);
    padding: 10px;
    text-align: center;
}

.pakt-info:after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 5px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

.pakt-hover:hover .pakt-info {
    display: block;
}

/*BEGIN -- Signup Consignment*/
.pakt-content__options--item-consignment {
    width: 100px;
    height: 77px;
    margin: 50px auto 0;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-consignment-icon.svg);
}

.pakt-consignment .pakt-content__options-fee h3,
.pakt-content__options-fee h3 {
    font-size: 20px;
}

.pakt-consignment .pakt-content__options-fee p {
    margin-bottom: 20px;
}

.pakt-icon-group {
    width: 860px;
    margin: auto;
    display: flex;
    justify-content: center;
}

.pakt-icon-group .pakt-icon-block {
    width: 144px;
    padding-left: 20px;
    padding-right: 20px;
}

.pakt-icon-group .pakt-icon-block .pakt-icon {
    margin: auto;
    width: 88px;
    height: 88px;
    background-size: contain;
    background-repeat: no-repeat;
}

.pakt-icon-group .pakt-icon-block .pakt-icon.pakt-icon-air {
    background-image: url(/img/aircon.svg);
    background-size: 80%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-humidity {
    background-image: url(/img/humidity.svg);
    background-size: 60%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-digital {
    background-image: url(/img/digital_wardrobe.svg);
    background-size: 70%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-white-glove {
    background-image: url(/img/pakt-white-glove-valet.svg);
    background-size: 80%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-van {
    background-image: url(/img/van.svg);
    background-size: 90%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-camera {
    background-image: url(/img/pakt-camera.svg);
    background-size: 80%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-uv {
    background-image: url(/img/uv.svg);
    background-size: 70%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-expert {
    background-image: url(/img/pakt-expert.svg);
    background-size: 60%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-leading {
    background-image: url(/img/pakt-leading.svg);
    background-size: 30%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-decluttering {
    background-image: url(/img/pakt-decluttering.svg);
    background-size: 50%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-travel {
    background-image: url(/img/pakt-travel.svg);
    background-size: 70%;
    background-position: 50%;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-title {
    font-size: 18px;
    color: #ae1f24;
    text-align: center;
}

.pakt-icon-group .pakt-icon-block .pakt-icon-title.nowrap {
    white-space: nowrap;
}

.signup__service-list--group .membership-box.new {
    margin-bottom: 0;
}

@media screen and (max-width: 1300px) {
    .signup__service-list--group .membership-box.new {
        width: auto;
        max-width: 340px;
    }
}

@media screen and (min-width: 1200px) {
    .col-md-consignment .membership-box {
        height: 425px !important;
    }
}
@media screen and (max-width: 1200px) {
    .pakt-select-title {
        font-size: 24px !important;
    }
}

@media screen and (min-width: 992px) {
    .col-md-consignment {
        margin-left: 29%;
        margin-right: 30%;
    }
}

@media screen and (max-width: 991px) {
    .pakt-icon-group {
        width: 100%;
    }

    .pakt-icon-group .pakt-icon-block {
        width: 20%;
    }

    .signup__service-list--group .membership-box.new {
        margin-bottom: 20px;
    }

    .signup__service-list--group > div:last-child .membership-box.new {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    .col-md-consignment {
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .pakt-icon-group {
        flex-wrap: wrap;
    }

    .pakt-icon-group .pakt-icon-block {
        width: 50%;
        display: block;
        float: left;
        padding: 20px;
    }
    .signup__service-list--group .membership-box.new {
        max-width: unset;
    }
}
/*END -- Signup Consignment*/

/*BEGIN -- Signup PAKT-PIX*/

.pakt-content__options--item-camera {
    width: 132px;
    height: 103px;
    margin: 0 auto;
    background-size: cover;
    background-position-x: center;
    background-image: url(/img/pakt-pix-camera-v2.svg);
}

.pakt-pix .membership-box {
    height: 425px;
}

.pakt-pix .pakt-select__descriptions {
    font-size: 20px;
    color: #4a4a4a;
    font-weight: 300;
    margin: auto;
    margin-top: 20px;
}

.pakt-total__pakt-pix .pakt-total--items-hkd {
    width: 255px;
}

/*END -- Signup PAKT-PIX*/

/*BEGIN -- Signup PAKT-BRIDAL */
.pakt-bridal-content__options-fee {
    height: 425px;
}

.pakt-bridal-content__options-fee .panel-body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pakt-bridal-content__options-fee .pakt-content__options--describe {
    margin: auto;
    font-size: 15px;
}
/*END -- Signup PAKT-BRIDAL */

/*BEGIN -- Signup PAKT-SKI */
.pakt-content__options-pix--item-name {
    text-align: center;
    font-size: 30px;
    color: #4a4a4a;
    margin-bottom: 20px;
    border-bottom: 0;
}

.pakt-content__options-pix--item-name {
    margin-top: 25px;
    margin-bottom: 45px;
}

.pakt-content__options-pix--item-name-lite {
    font-size: 15px;
    margin-bottom: 65px;
}

.pakt-content__options-pix--item-lite {
    font-size: 15px;
    margin-bottom: 56px;
}

.pakt-ski .pakt-content__options-fee--item-name {
    margin-bottom: 25px;
}

.pakt-pix .pakt-content__options-fee--item-name {
    margin-bottom: 20px;
}

.pakt-ski .pakt-content__options-fee .from-hkd-item__fee-text {
    margin: 15px 0;
}
/*END -- Signup PAKT-SKI */

/*BEGIN -- Progress bar*/
.signup--progress-bar {
    top: -5px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1234;
    justify-content: center;
    display: none;
    align-items: center;
    background: rgba(0, 0, 0, 0.3);
}

.lds-heart {
    display: inline-block;
    position: relative;
    top: -10%;
    width: 80px;
    height: 80px;
    transform: rotate(45deg);
    transform-origin: 40px 40px;
}

.lds-heart div {
    top: 32px;
    left: 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    background: #ae1f24;
    animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lds-heart div:after,
.lds-heart div:before {
    content: " ";
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    background: #ae1f24;
}

.lds-heart div:before {
    left: -24px;
    border-radius: 50% 0 0 50%;
}

.lds-heart div:after {
    top: -24px;
    border-radius: 50% 50% 0 0;
}

/*END -- Progress bar*/

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 227px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    /*bottom: 125%;*/
    left: 50%;
    margin-left: -60px;
    font-size: 16px;

    /* Fade in tooltip */
    opacity: 0.8 !important;
    transition: opacity 0.3s;
}

.tooltip-bottom {
    top: 145%;
    left: 50% !important;
    margin-left: -113px !important;
}

.tooltip-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #555 transparent;
}

/* Show the tooltip text when you click the tooltip container */
.tooltip .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.ui-widget-content {
    background-color: #cccccc !important;
    color: #555 !important;
}

.ui-widget-shadow {
    opacity: 1 !important;
}

@keyframes lds-heart {
    0% {
        transform: scale(0.95);
    }
    5% {
        transform: scale(1.1);
    }
    39% {
        transform: scale(0.85);
    }
    45% {
        transform: scale(1);
    }
    60% {
        transform: scale(0.95);
    }
    100% {
        transform: scale(0.9);
    }
}

@media (max-width: 1200px) {
    .signup__service-list div.panel-body {
        padding: 0 !important;
    }

    .signup__service-list--group .membership-box {
        width: 273px;
    }
}

@media (max-width: 992px) {
    .signup__service-list--group .membership-box {
        width: 100%;
    }

    .signup__service-list--group .membership-box.new {
        max-width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .header-navbar {
        height: 70px;
    }

    .signup__service-list div.panel-body {
        padding: 15px 40px !important;
    }

    .confirm-finish-booking {
        display: inline-block;
        width: 100%;
        text-align: center;
        height: 100px;
    }

    .confirm-finish-booking > p {
        padding: 10px;
    }

    .confirm-finish-booking--btn {
        display: flex;
        justify-content: center;
    }

    .confirm-finish-booking--btn > a {
        margin: 0;
    }

    .confirm-finish-booking--btn > a:last-child {
        margin-left: 20px;
    }

    .confirm-finish-booking.hidden-confirm ~ header.hero-smaller {
        margin-top: 0;
    }

    .signup__nav {
        margin-left: 0;
        margin-right: 0;
    }

    .signup__nav .collapse {
        display: block;
    }

    .signup__nav .span-item-select {
        font-size: 10px;
    }

    .signup .signup__nav > div {
        padding-left: 0;
        padding-right: 0;
    }

    .pakt-content__options--dropdown-mobile {
        display: block;
        right: 45px;
        margin-top: 15px;
        position: absolute;
    }

    .signup__service--window.gift-code {
        border-left: none;
        margin-top: 80px;
    }

    .signup__service--contact__box .pakt-select__descriptions {
        padding: 0;
    }

    .signup__service--window.gift-code:after {
        border: 1px solid black;
        width: 100%;
        position: absolute;
    }

    .signup__service--contact,
    .signup__service--contact__box {
        width: 100%;
        margin: 50px 0;
    }

    .signup__service--contact__box--phone {
        margin-left: 20px;
        margin-right: 20px;
    }

    .signup__service--ask-question {
        margin-bottom: 30px;
    }

    .pakt-content__description {
        margin-left: 30px;
        margin-right: 30px;
    }

    .pakt-content__options {
        width: 100%;
        display: inline-grid;
        justify-content: unset;
        padding-left: 15px;
        padding-right: 15px;
    }

    .pakt-content__options > a.btn {
        width: 100%;
        text-align: left;
        display: none;
        height: auto !important;
        margin-bottom: 0;
    }

    a.btn.ng-scope.ng-binding br {
        display: none;
    }

    .pakt-content__options > a {
        display: none;
    }

    .pakt-content__options.new > a {
        display: block;
    }

    .pakt-content__options > a.active {
        display: block;
    }

    .pakt-content__options--item-number > select {
        width: 57px !important;
        margin-right: 8px;
        margin-bottom: 0;
    }

    .pakt-consignment .pakt-content__options--item-number > select {
        width: 99px !important;
    }

    .pakt-content__feature-table > tbody > tr > td {
        display: inline-block;
        padding-left: 20px !important;
    }

    .signup__modal-not-sure .modal-content,
    .signup__modal-gift-code .modal-content {
        width: 100%;
        left: 0;
        margin: 0;
    }

    .signup__modal-not-sure .modal-header > button.close,
    .signup__modal-gift-code .modal-header > button.close {
        top: -49px;
        left: 88%;
    }

    .signup__modal-not-sure .modal-header > button.close > span,
    .signup__modal-gift-code .modal-header > button.close > span {
        font-weight: normal;
        font-size: 47px;
        color: #ffffff;
    }

    .signup__modal-not-sure .modal-dialog,
    .signup__modal-gift-code .modal-dialog {
        margin: 0;
        top: 15%;
    }

    .signup__modal-not-sure .modal-dialog {
        margin: auto;
    }

    .signup__modal-not-sure--content > a,
    .signup__modal-gift-code--content > a {
        margin-bottom: 60px;
    }

    .signup__modal-not-sure--content-get {
        margin-top: 20px;
    }

    .signup__modal-not-sure--content-get > p {
        padding: 10px;
    }

    .signup__modal-not-sure--content-get:before {
        width: 85%;
        left: 20px;
        bottom: 59%;
    }

    .signup__modal-gift-code-description > div > ul {
        padding-left: 20px;
    }

    .pakt-total--group {
        justify-content: flex-start;
        padding-left: 5px;
    }

    .pakt-total--detail {
        padding-left: 10px;
        text-align: left;
        white-space: nowrap;
    }

    .signup__billing--total .pakt-total--detail {
        text-align: right;
    }

    .pakt-total--items-hkd {
        width: 100%;
    }

    .pakt-total--items-hkd > p:first-child {
        order: 2;
        margin-right: 0;
    }

    .pakt-total--next {
        position: absolute;
        top: -60%;
        width: 60px;
        height: 60px;
        right: calc(3% + 4px);
    }

    .pakt-total--next > a.btn {
        height: 100%;
        padding: 20px;
    }

    .pakt-total--next > a.btn > span {
        display: none;
    }

    .pakt-total--items-hkd {
        display: inline-flex;
    }

    .pakt-total--items-hkd > p {
        padding-left: 0 !important;
    }

    .signup__billing--invite-or-share-content {
        padding: 0 !important;
    }

    .signup__billing--invite-or-share {
        padding: 50px 10px !important;
        margin-left: 10px;
    }

    .signup__form--entrance-gate {
        height: 62px;
    }

    .signup__billing--invite,
    .signup__billing--share-btn {
        display: block;
    }

    .signup__billing--invite > a.btn {
        margin-left: 0;
    }

    .signup__billing--border-or {
        margin-top: 50px !important;
    }

    .signup__billing--share:after {
        top: calc(-19% - 1px);
    }

    .signup__modal-gift-code--content {
        padding: 0 20px;
    }

    .ask-question__content,
    .ask-question__content--end {
        margin: 0 20px;
    }

    .signup__billing--sub-total {
        padding: 0 10px;
    }

    .signup__billing--promo-detail {
        width: 100%;
        margin: auto;
        margin-left: 20px;
    }

    .signup__billing--promo-discount {
        padding: 10px;
    }

    .signup__billing--total {
        padding: 0 10px !important;
    }

    .signup__billing--share-btn-fb {
        justify-content: center;
    }

    .signup__billing-your-order {
        margin-top: 50px;
        margin-bottom: 100px;
    }

    .sort-by {
        float: left !important;
    }
}

@media screen and (max-width: 991px) {
    .signup--btn-back > a {
        float: left;
        margin-left: 15px;
    }

    .signup__service-list:not(.how-it-work) {
        display: block;
    }

    .signup__service-list--group {
        display: block !important;
    }

    .signup__service-list--group .membership-box {
        width: auto;
    }

    .signup__service-list--group.special.hidden {
        display: none !important;
    }
}

/* SKI PROJECT */
.ski-project {
    padding: 20px 0 100px 0;
}

.ski-project__more_space {
    max-width: 640px;
    margin: 0 auto;
}

.ski-project__more_space h2 {
    text-align: left !important;
}

.ski-project__image {
    height: 128px;
    padding: 0 12px 0 0;
}

.ski-project__list {
    padding-top: 40px;
    margin: 0 20px;
    text-align: left;
    font-size: 20px;
    font-weight: 300;
}

.create-appointment hr {
    display: none;
}

.how-it-work {
    padding: 30px 0 80px;
    background-color: #f1f2f2;
    width: 53%;
    margin: auto;
    position: relative;
}

@media (max-width: 991px) {
    .ski-project {
        padding: 20px 0 60px 0;
    }

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

    .ski-project__image {
        height: 128px;
        padding: 0 0 40px 0;
    }

    .create-appointment hr {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .card-list-table {
        table-layout: fixed;
        background: transparent;
        margin-bottom: 0;
        width: 100%;
    }
    .card-list-table thead {
        display: none;
    }
    .card-list-table tbody tr {
        background: #fff;
        cursor: pointer;
        display: block;
        padding: 15px 10px;
        margin: 0 0 10px 0;
        border: solid 1px #ccc;
    }

    .card-list-table tbody td {
        display: block;
        padding: 10px 10px 10px 50% !important;
        position: relative;
        border: none !important;
    }

    .card-list-table tbody td:before {
        text-transform: uppercase;
        font-size: 0.85em;
        content: attr(data-title);
        display: table-cell;
        font-weight: 600;
        height: 100%;
        left: 5px;
        margin: auto;
        position: absolute;
        vertical-align: middle;
        white-space: nowrap;
        width: 40%;
    }

    .card-list-table thead th {
        text-transform: uppercase;
        font-size: 0.85em;
        letter-spacing: 0.5pt;
    }

    .card-list-table > tbody > tr > td:last-child {
        display: table;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }

    .card-list-table > tbody > tr > td:last-child > a {
        width: 70px;
        height: 30px;
        font-size: 14px;
        padding: 4px 12px;
    }

    .how-it-work {
        width: calc(100% - 30px);
    }

    #item-list-filter .wardrobe-select {
        overflow: hidden;
    }

    #item-list-filter .wardrobe-select .select2-container {
        width: calc(100% - 120px) !important;
        float: right;
    }
}

@media screen and (max-width: 991px) {
    .list-items-collection > button,
    .list-items-delivery > button {
        margin-bottom: 10px !important;
    }
}

@media screen and (max-width: 768px) {
    .item-index-header {
        padding-bottom: 20px !important;
    }

    .book-an-delivery > button,
    .list-items-delivery > button {
        margin-bottom: 10px !important;
    }

    .list-items-collection > button {
        margin-bottom: 10px !important;
    }
}

/* Appointments */
.add-new-wardrobe {
    border: 2px dashed #aaa;
    display: flex;
    height: 260px;
    margin-bottom: 30px;
}

.add-new-wardrobe > a {
    display: flex;
    margin: 0 auto;
    height: max-content;
}

.add-new-wardrobe > a > div {
    margin: 0 !important;
    padding: 10px 20px !important;
}

@media screen and (max-width: 768px) {
    .add-new-wardrobe {
        height: 66px;
    }

    .add-new-wardrobe > a {
        width: 90%;
        display: flex;
    }

    .add-new-wardrobe > a > div.btn {
        margin: auto !important;
    }

    body.secure-auto-height {
        margin-top: 80px;
    }

    .testimonials__person__right--no-image {
        float: left;
    }

    label[for="is-book-collection"] {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    body.secure-auto-height {
        margin-top: 70px;
    }
}

/* Wardrobe */
.wardrobe__checkbox {
    display: flex;
    align-items: center;
}

.wardrobe__checkbox > input,
.wardrobe__checkbox > label {
    margin: 0;
}

.wardrobe__checkbox > label {
    margin-left: 15px;
}

.wardrobe--col-padding-right {
    padding-right: 0;
}

.wardrobe--col-padding-right > select {
    width: 100%;
}
/* Wardrobe */

.mb-0-5 {
    margin-bottom: 5px;
}
.mb-2-5 {
    margin-bottom: 25px;
}
.mb-4-5 {
    margin-bottom: 45px;
}
.mb-7-5 {
    margin-bottom: 75px;
}

.flex-column-between {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.flex-column-between input {
    height: 37px !important;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: 10px;
}
.mb-2 {
    margin-bottom: 20px;
}
.mb-3 {
    margin-bottom: 30px;
}
.mb-4 {
    margin-bottom: 40px;
}
.mb-6 {
    margin-bottom: 60px;
}
.mb-8 {
    margin-bottom: 80px;
}
.pd-0 {
    padding: 0;
}
.border-none {
    border: none !important;
}

.consignment {
    border-bottom: 1px solid #ccc;
}

.consignment h4 {
    color: #333;
    font-weight: bold;
}
.consignment .btn--red {
    background-color: #ae1f24;
    color: #fff;
    border: 0;
}

.consignment .btn--red:hover {
    background-color: #6e2023;
}

.consignment.form-horizontal .form-group:last-child {
    border: none;
    margin-bottom: 0;
}

#editItemForm .form-control-static {
    border: #ebebeb 1px solid;
    border-radius: 5px;
    padding: 15px 10px;
    height: 40px;
    cursor: not-allowed;
}

.list-view .js-item-list {
    margin-bottom: 20px;
}

.line-height-none {
    line-height: unset;
    padding-top: 0;
}

.appointment-step p.remind {
    font-size: 14px;
    color: #666666;
}

.book-collection-same-time {
    padding-left: 45px;
    display: none;
}

.book-collection-same-time > input {
    display: block;
    float: left;
    margin-right: 20px;
}

.thank-request-appointment {
    padding-left: 40px;
}

.text-oneline-overfloat {
    height: 22px;
}
.headding-oneline-overfloat {
    height: 44px;
}

.pakt-content__list .membership-box,
.signup__service-list--group .membership-box {
    height: 100%;
    margin-bottom: 0;
}

.flex-pc {
    display: flex;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mb-auto-25 {
    margin: 0 auto 25px;
}

@media (max-width: 992px) {
    .pakt-content__list {
        display: block;
    }

    .flex-pc {
        display: block;
    }
}

.pakt-style {
    height: 163px;
}

@media (max-width: 991px) {
    .pakt-style {
        height: auto;
    }

    .pakt-content__list .membership-box,
    .signup__service-list--group .membership-box {
        margin-bottom: 20px;
    }
}

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

.item-list .pl-service.active {
    position: relative;
    background-color: #4b4b4b !important;
    color: #fff !important;
}

.ken-nav {
    display: none;
}

.ken-nav.active {
    display: block;
}

.charge-group {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    word-break: break-all;
}
.charge-group .service-name {
    max-width: 60%;
}

.modal-dialog {
    margin: 20px auto;
}
@media (min-width: 768px) {
    .modal-dialog {
        margin: 30px auto;
    }
}
.hover-white:hover {
    color: #fff;
}
.flex {
    display: flex;
    align-items: center;
}
.label-title {
    font-size: 15px;
    margin-left: 40px;
}
.the-first-half {
    font-size: 28px;
    padding-bottom: 14px;
    text-align: left;
    margin-top: -4px;
    color: #666;
}
@media screen and (min-width: 992px) {
    .nav-lang {
        padding: 0 20px 0 0;
    }
    .nav > li.menu-lang {
        display: flex;
        justify-content: center;
    }

    .menu-lang.dropdown:hover ul.dropdown-menu {
        min-width: auto;
        width: auto;
    }
}
.h-full {
    height: 100%;
}
.font-16 {
    font-size: 16px;
}
.alert-cookie {
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    z-index: 10;
    width: 100%;
    background-color: #dc3545;
    color: #fff;
    font-size: 18px;
}
.alert-cookie a {
    color: #fff;
    text-decoration: underline;
}
.additional-item-action {
    padding: 15px 0;
    display: flex;
    column-gap: 50px;
}

.my-account h2.big-header {
    text-align: center;
    border: none;
    font-style: normal;
    font-weight: 300;
    font-size: 42px;
    color: black;
    margin-bottom: 0;
    padding-bottom: 0;
}
.my-account h3.large-subtitle {
    text-align: center;
    font-size: 24px;
    line-height: 1.42857143;
    font-weight: 300;
}
.my-account .steps {
    text-align: center;
    margin-top: 40px;
}
.my-account .step .title {
    height: 26.4px;
}
.my-account .step p {
    font-size: 16px;
    font-weight: 300;
    margin-top: 40px;
}
.my-account .step .box-step {
    border: 1px solid #e5e8ed;
    padding: 24px;
    margin-bottom: 30px;
    height: 300px;
    box-sizing: border-box;
}
.dots {
    color: #ac222a;
    font-size: 24px;
    text-align: center;
    letter-spacing: 3px;
}

#cropImageModal .modal-dialog {
    max-width: 500px;
}

#cropImageModal .modal-body img {
    max-width: 100%;
}
#cropImageModal .modal-header {
    padding: 15px 0;
    text-align: center;
}
#cropImageModal .modal-body {
    padding: 20px;
    text-align: center;
}
#cropImageModal .modal-footer {
    padding: 20px 0 10px;
    text-align: center;
}

#cropImageModal .modal-body #crop {
    padding: 4px 12px;
    color: #fff;
    margin-top: 20px;
    border-radius: 4px;
    display: inline-block;
    background-color: #3a3b3c;
}
#cropImageModal .modal-body .before-crop {
    display: grid;
    gap: 15px;
}
#cropImageModal .modal-body #zoom {
    width: 60%;
    height: 3.5px;
    -webkit-appearance: none;
    appearance: none;
    background-color: #3e4042;
    border-radius: 3px;
    outline: none;
    margin: auto;
}

#cropImageModal .modal-body #zoom::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #3e4042;
    cursor: pointer;
}

.cropper-view-box,
.cropper-face {
    border-radius: 50%;
}

.user-avatar {
    display: flex;
}
.user-avatar .img {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    background-color: #d9d9d9;
    cursor: pointer;
}
.user-avatar .img img {
    height: 100%;
    max-width: 100%;
    border-radius: 100%;
}
.user-avatar #upload {
    display: none;
}