@charset "UTF-8";

/*! jQuery UI - v1.11.2 - 2015-01-02
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: .1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle,
.ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted #000
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%
}

.ui-accordion .ui-accordion-icons,
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    overflow: auto
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible
}

.ui-button,
.ui-button:active,
.ui-button:hover,
.ui-button:link,
.ui-button:visited {
    text-decoration: none
}

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon,
.ui-button-icons-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary,
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary,
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -.3em
}

button.ui-button::-moz-focus-inner,
input.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: 700;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-dialog {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0;
    padding: 1px;
    height: 20px
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0 0;
    overflow: auto
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer
}

.ui-dialog .ui-resizable-se {
    width: 12px;
    height: 12px;
    right: -5px;
    bottom: -5px;
    background-position: 16px 16px
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
}

.ui-menu .ui-menu-divider {
    margin: 5px 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    border-width: 1px 0 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item {
    padding-left: 2em
}

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

.ui-progressbar {
    height: 2em;
    text-align: left;
    overflow: hidden
}

.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%
}

.ui-progressbar .ui-progressbar-overlay {
    background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
    height: 100%;
    filter: alpha(opacity=25);
    opacity: .25
}

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 1px
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    overflow: hidden;
    position: relative;
    text-decoration: none;
    cursor: pointer
}

.ui-selectmenu-button span.ui-icon {
    right: .5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-selectmenu-button span.ui-selectmenu-text {
    text-align: left;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-spinner {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    border: none;
    background: 0 0;
    color: inherit;
    padding: 0;
    margin: .2em 22px .2em .4em;
    vertical-align: middle
}

.ui-spinner-button {
    width: 16px;
    height: 50%;
    font-size: .5em;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    cursor: default;
    display: block;
    overflow: hidden;
    right: 0
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-bottom: none;
    border-right: none
}

.ui-spinner .ui-icon {
    position: absolute;
    margin-top: -8px;
    top: 50%;
    left: 0
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

.ui-tabs .ui-tabs-nav {
    margin: 0;
    padding: .2em .2em 0
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 1px .2em 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: .5em 1em;
    text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    margin-bottom: -1px;
    padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    border-width: 0;
    padding: 1em 1.4em;
    background: 0 0
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a[href^=tel] {
    text-decoration: inherit;
    color: inherit
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none;
    vertical-align: top;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

* {
    outline: 0
}

@font-face {
    font-family: icons;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("eot"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg#icons) format("svg")
}

.icon-360-new-icon {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-360-new-icon:before {
    content: "\e001"
}

.icon-360arrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-360arrow:before {
    content: "\e002"
}

.icon-account {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-account:before {
    content: "\e003"
}

.icon-addtobag {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-addtobag:before {
    content: "\e004"
}

.icon-arrow-left {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-arrow-left:before {
    content: "\e005"
}

.icon-arrow-right {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-arrow-right:before {
    content: "\e006"
}

.icon-arrow-up {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-arrow-up:before {
    content: "\e007"
}

.icon-back-to-top-arrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-back-to-top-arrow:before {
    content: "\e008"
}

.icon-back-to-top-mobile {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-back-to-top-mobile:before {
    content: "\e009"
}

.icon-bag,
.mobile-utility-nav .minicart-link .bag-icon,
.utility-nav .minicart-link .bag-icon {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-bag:before,
.mobile-utility-nav .minicart-link .bag-icon:before,
.utility-nav .minicart-link .bag-icon:before {
    content: "\e00a"
}

.icon-bin-filled {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-bin-filled:before {
    content: "\e00b"
}

.icon-bin {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-bin:before {
    content: "\e00c"
}

.icon-call {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-call:before {
    content: "\e00d"
}

.icon-camera {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-camera:before {
    content: "\e00e"
}

.icon-chat {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-chat:before {
    content: "\e00f"
}

.icon-check-mark {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-check-mark:before {
    content: "\e010"
}

.icon-checkbox-checked {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-checkbox-checked:before {
    content: "\e011"
}

.icon-checkbox-empty {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-checkbox-empty:before {
    content: "\e012"
}

.icon-checkmark {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-checkmark:before {
    content: "\e013"
}

.icon-chevron {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-chevron:before {
    content: "\e014"
}

.icon-close {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-close:before {
    content: "\e015"
}

.icon-consultations {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-consultations:before {
    content: "\e016"
}

.icon-crop {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-crop:before {
    content: "\e017"
}

.icon-cvn-card {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-cvn-card:before {
    content: "\e018"
}

.icon-dots {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-dots:before {
    content: "\e019"
}

.icon-downArrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-downArrow:before {
    content: "\e01a"
}

.icon-downCarrot {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-downCarrot:before {
    content: "\e01b"
}

.icon-downTriangle {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-downTriangle:before {
    content: "\e01c"
}

.icon-download {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-download:before {
    content: "\e01d"
}

.icon-email {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-email:before {
    content: "\e01e"
}

.icon-error {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-error:before {
    content: "\e01f"
}

.icon-facebook {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-facebook:before {
    content: "\e020"
}

.icon-facebooknew {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-facebooknew:before {
    content: "\e021"
}

.icon-filter {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-filter:before {
    content: "\e022"
}

.icon-findstorelink {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-findstorelink:before {
    content: "\e023"
}

.icon-gift-black {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-gift-black:before {
    content: "\e024"
}

.icon-google {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-google:before {
    content: "\e025"
}

.icon-gridview {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-gridview:before {
    content: "\e026"
}

.icon-hamburger {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-hamburger:before {
    content: "\e027"
}

.icon-heart-filled {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-heart-filled:before {
    content: "\e028"
}

.icon-heart {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-heart:before {
    content: "\e029"
}

.cart-content .cart-notification .cart-error .error-icon,
.cart-content .cart-notification .full-width-slot .error-icon,
.icon-info-round,
.onepage-checkout-container .checkout-notification .cart-error .error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .error-icon {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.cart-content .cart-notification .cart-error .error-icon:before,
.cart-content .cart-notification .full-width-slot .error-icon:before,
.icon-info-round:before,
.onepage-checkout-container .checkout-notification .cart-error .error-icon:before,
.onepage-checkout-container .checkout-notification .full-width-slot .error-icon:before {
    content: "\e02a"
}

.icon-info {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-info:before {
    content: "\e02b"
}

.icon-instagram {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-instagram:before {
    content: "\e02c"
}

.icon-leftArrowBold {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-leftArrowBold:before {
    content: "\e02d"
}

.icon-leftCarouselArrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-leftCarouselArrow:before {
    content: "\e02e"
}

.icon-leftCarrot {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-leftCarrot:before {
    content: "\e02f"
}

.icon-link {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-link:before {
    content: "\e030"
}

.icon-listview {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-listview:before {
    content: "\e031"
}

.icon-live-chat {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-live-chat:before {
    content: "\e032"
}

.icon-livechat {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-livechat:before {
    content: "\e033"
}

.icon-logo {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-logo:before {
    content: "\e034"
}

.icon-mailenvelope {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-mailenvelope:before {
    content: "\e035"
}

.icon-minus-round-filled {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-minus-round-filled:before {
    content: "\e036"
}

.icon-minus-round {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-minus-round:before {
    content: "\e037"
}

.icon-missed-sample {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-missed-sample:before {
    content: "\e038"
}

.icon-more-info {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-more-info:before {
    content: "\e039"
}

.icon-ordertracking {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-ordertracking:before {
    content: "\e03a"
}

.icon-pencil {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-pencil:before {
    content: "\e03b"
}

.icon-phone {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-phone:before {
    content: "\e03c"
}

.icon-pin {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-pin:before {
    content: "\e03d"
}

.icon-pinterest {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-pinterest:before {
    content: "\e03e"
}

.icon-play-rounded-button-black {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-play-rounded-button-black:before {
    content: "\e03f"
}

.icon-play-rounded-button {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-play-rounded-button:before {
    content: "\e040"
}

.icon-plus-round-filled {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-plus-round-filled:before {
    content: "\e041"
}

.icon-plus-round {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-plus-round:before {
    content: "\e042"
}

.icon-plus-with-round-border {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-plus-with-round-border:before {
    content: "\e043"
}

.icon-plus {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-plus:before {
    content: "\e044"
}

.icon-product-gallery-next {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-product-gallery-next:before {
    content: "\e045"
}

.icon-product-gallery-prev {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-product-gallery-prev:before {
    content: "\e046"
}

.icon-quad-view {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-quad-view:before {
    content: "\e047"
}

.icon-question-circle-regular {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-question-circle-regular:before {
    content: "\e048"
}

.icon-rewards {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-rewards:before {
    content: "\e049"
}

.icon-rightArrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-rightArrow:before {
    content: "\e04a"
}

.icon-rightArrowBold {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-rightArrowBold:before {
    content: "\e04b"
}

.icon-rightCarouselArrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-rightCarouselArrow:before {
    content: "\e04c"
}

.icon-rightCarrot {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-rightCarrot:before {
    content: "\e04d"
}

.icon-rotateMobile {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-rotateMobile:before {
    content: "\e04e"
}

.campaign-module-product.full-bleed-right .play-pause-btn.active,
.exclusive-banner .play-pause-btn.active,
.external-module-video.right-bleed .play-pause-btn.active,
.icon-round-pause-button,
.play-pause-btn.active {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.campaign-module-product.full-bleed-right .play-pause-btn.active:before,
.exclusive-banner .play-pause-btn.active:before,
.external-module-video.right-bleed .play-pause-btn.active:before,
.icon-round-pause-button:before,
.play-pause-btn.active:before {
    content: "\e04f"
}

.icon-sample-check-mark-empty {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-sample-check-mark-empty:before {
    content: "\e050"
}

.icon-sample-check-mark {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-sample-check-mark:before {
    content: "\e051"
}

.icon-sample-close {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-sample-close:before {
    content: "\e052"
}

.icon-search {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-search:before {
    content: "\e053"
}

.icon-settings {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-settings:before {
    content: "\e054"
}

.icon-share {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-share:before {
    content: "\e055"
}

.icon-shareicon {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-shareicon:before {
    content: "\e056"
}

.icon-sign-out-account {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-sign-out-account:before {
    content: "\e057"
}

.icon-sign-out {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-sign-out:before {
    content: "\e058"
}

.icon-single-view {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-single-view:before {
    content: "\e059"
}

.icon-smartphone {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-smartphone:before {
    content: "\e05a"
}

.icon-sms {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-sms:before {
    content: "\e05b"
}

.icon-split-view {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-split-view:before {
    content: "\e05c"
}

.icon-star {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-star:before {
    content: "\e05d"
}

.icon-top-arrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-top-arrow:before {
    content: "\e05e"
}

.icon-twitter {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-twitter:before {
    content: "\e05f"
}

.icon-upCarrot {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-upCarrot:before {
    content: "\e060"
}

.icon-upTriangle {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-upTriangle:before {
    content: "\e061"
}

.icon-youTubeIconBlack {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-youTubeIconBlack:before {
    content: "\e062"
}

.icon-beautyjourney-bj {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-beautyjourney-bj:before {
    content: "\e063"
}

.icon-beautyjourney-gift {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-beautyjourney-gift:before {
    content: "\e064"
}

.icon-beautyjourney-title-icon {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-beautyjourney-title-icon:before {
    content: "\e065"
}

.icon-caret-down {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-caret-down:before {
    content: "\e066"
}

.icon-help {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-help:before {
    content: "\e067"
}

.icon-kakaoStory {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-kakaoStory:before {
    content: "\e068"
}

.icon-kakaoTalk {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-kakaoTalk:before {
    content: "\e069"
}

.icon-line {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-line:before {
    content: "\e06a"
}

.icon-linkShare {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-linkShare:before {
    content: "\e06b"
}

.icon-liveChat {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-liveChat:before {
    content: "\e06c"
}

.icon-logout {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-logout:before {
    content: "\e06d"
}

.icon-myPoints {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-myPoints:before {
    content: "\e06e"
}

.icon-naver {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-naver:before {
    content: "\e06f"
}

.icon-postinvoice {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-postinvoice:before {
    content: "\e070"
}

.icon-qq {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-qq:before {
    content: "\e071"
}

.icon-shoppingBag {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-shoppingBag:before {
    content: "\e072"
}

.icon-thumbs-down {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-thumbs-down:before {
    content: "\e073"
}

.icon-thumbs-up {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-thumbs-up:before {
    content: "\e074"
}

.icon-wechat {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-wechat:before {
    content: "\e075"
}

.icon-weibo {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-weibo:before {
    content: "\e076"
}

/*!
 * Bootstrap Grid v4.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

.container,
.ginza-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media (max-width:768.98px) {

    .container,
    .ginza-wrapper {
        padding-left: 20px;
        padding-right: 20px
    }
}

.container-fluid {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:769px) {
    .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.no-gutters.col,
.no-gutters[class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-desktop,
.col-desktop-1,
.col-desktop-10,
.col-desktop-11,
.col-desktop-12,
.col-desktop-13,
.col-desktop-14,
.col-desktop-15,
.col-desktop-16,
.col-desktop-2,
.col-desktop-3,
.col-desktop-4,
.col-desktop-5,
.col-desktop-6,
.col-desktop-7,
.col-desktop-8,
.col-desktop-9,
.col-max-desktop,
.col-max-desktop-1,
.col-max-desktop-10,
.col-max-desktop-11,
.col-max-desktop-12,
.col-max-desktop-13,
.col-max-desktop-14,
.col-max-desktop-15,
.col-max-desktop-16,
.col-max-desktop-2,
.col-max-desktop-3,
.col-max-desktop-4,
.col-max-desktop-5,
.col-max-desktop-6,
.col-max-desktop-7,
.col-max-desktop-8,
.col-max-desktop-9,
.col-tablet,
.col-tablet-1,
.col-tablet-10,
.col-tablet-11,
.col-tablet-12,
.col-tablet-13,
.col-tablet-14,
.col-tablet-15,
.col-tablet-16,
.col-tablet-2,
.col-tablet-3,
.col-tablet-4,
.col-tablet-5,
.col-tablet-6,
.col-tablet-7,
.col-tablet-8,
.col-tablet-9 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%
}

.col-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-3 {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

.col-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-5 {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%
}

.col-6 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-7 {
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%
}

.col-8 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.pull-0 {
    right: auto
}

.pull-1 {
    right: 12.5%
}

.pull-2 {
    right: 25%
}

.pull-3 {
    right: 37.5%
}

.pull-4 {
    right: 50%
}

.pull-5 {
    right: 62.5%
}

.pull-6 {
    right: 75%
}

.pull-7 {
    right: 87.5%
}

.pull-8 {
    right: 100%
}

.push-0 {
    left: auto
}

.push-1 {
    left: 12.5%
}

.push-2 {
    left: 25%
}

.push-3 {
    left: 37.5%
}

.push-4 {
    left: 50%
}

.push-5 {
    left: 62.5%
}

.push-6 {
    left: 75%
}

.push-7 {
    left: 87.5%
}

.push-8 {
    left: 100%
}

.offset-1 {
    margin-left: 12.5%
}

.offset-2 {
    margin-left: 25%
}

.offset-3 {
    margin-left: 37.5%
}

.offset-4 {
    margin-left: 50%
}

.offset-5 {
    margin-left: 62.5%
}

.offset-6 {
    margin-left: 75%
}

.offset-7 {
    margin-left: 87.5%
}

@media (min-width:769px) {
    .col-desktop {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-desktop-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-desktop-1 {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%
    }

    .col-desktop-2 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-desktop-3 {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%
    }

    .col-desktop-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-desktop-5 {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }

    .col-desktop-6 {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-desktop-7 {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%
    }

    .col-desktop-8 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-desktop-9 {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%
    }

    .col-desktop-10 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-desktop-11 {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%
    }

    .col-desktop-12 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-desktop-13 {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%
    }

    .col-desktop-14 {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-desktop-15 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%
    }

    .col-desktop-16 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-desktop-0 {
        right: auto
    }

    .pull-desktop-1 {
        right: 6.25%
    }

    .pull-desktop-2 {
        right: 12.5%
    }

    .pull-desktop-3 {
        right: 18.75%
    }

    .pull-desktop-4 {
        right: 25%
    }

    .pull-desktop-5 {
        right: 31.25%
    }

    .pull-desktop-6 {
        right: 37.5%
    }

    .pull-desktop-7 {
        right: 43.75%
    }

    .pull-desktop-8 {
        right: 50%
    }

    .pull-desktop-9 {
        right: 56.25%
    }

    .pull-desktop-10 {
        right: 62.5%
    }

    .pull-desktop-11 {
        right: 68.75%
    }

    .pull-desktop-12 {
        right: 75%
    }

    .pull-desktop-13 {
        right: 81.25%
    }

    .pull-desktop-14 {
        right: 87.5%
    }

    .pull-desktop-15 {
        right: 93.75%
    }

    .pull-desktop-16 {
        right: 100%
    }

    .push-desktop-0 {
        left: auto
    }

    .push-desktop-1 {
        left: 6.25%
    }

    .push-desktop-2 {
        left: 12.5%
    }

    .push-desktop-3 {
        left: 18.75%
    }

    .push-desktop-4 {
        left: 25%
    }

    .push-desktop-5 {
        left: 31.25%
    }

    .push-desktop-6 {
        left: 37.5%
    }

    .push-desktop-7 {
        left: 43.75%
    }

    .push-desktop-8 {
        left: 50%
    }

    .push-desktop-9 {
        left: 56.25%
    }

    .push-desktop-10 {
        left: 62.5%
    }

    .push-desktop-11 {
        left: 68.75%
    }

    .push-desktop-12 {
        left: 75%
    }

    .push-desktop-13 {
        left: 81.25%
    }

    .push-desktop-14 {
        left: 87.5%
    }

    .push-desktop-15 {
        left: 93.75%
    }

    .push-desktop-16 {
        left: 100%
    }

    .offset-desktop-0 {
        margin-left: 0
    }

    .offset-desktop-1 {
        margin-left: 6.25%
    }

    .offset-desktop-2 {
        margin-left: 12.5%
    }

    .offset-desktop-3 {
        margin-left: 18.75%
    }

    .offset-desktop-4 {
        margin-left: 25%
    }

    .offset-desktop-5 {
        margin-left: 31.25%
    }

    .offset-desktop-6 {
        margin-left: 37.5%
    }

    .offset-desktop-7 {
        margin-left: 43.75%
    }

    .offset-desktop-8 {
        margin-left: 50%
    }

    .offset-desktop-9 {
        margin-left: 56.25%
    }

    .offset-desktop-10 {
        margin-left: 62.5%
    }

    .offset-desktop-11 {
        margin-left: 68.75%
    }

    .offset-desktop-12 {
        margin-left: 75%
    }

    .offset-desktop-13 {
        margin-left: 81.25%
    }

    .offset-desktop-14 {
        margin-left: 87.5%
    }

    .offset-desktop-15 {
        margin-left: 93.75%
    }
}

@media (min-width:1024px) {
    .col-tablet {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-tablet-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-tablet-1 {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%
    }

    .col-tablet-2 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-tablet-3 {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%
    }

    .col-tablet-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-tablet-5 {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }

    .col-tablet-6 {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-tablet-7 {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%
    }

    .col-tablet-8 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-tablet-9 {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%
    }

    .col-tablet-10 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-tablet-11 {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%
    }

    .col-tablet-12 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-tablet-13 {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%
    }

    .col-tablet-14 {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-tablet-15 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%
    }

    .col-tablet-16 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-tablet-0 {
        right: auto
    }

    .pull-tablet-1 {
        right: 6.25%
    }

    .pull-tablet-2 {
        right: 12.5%
    }

    .pull-tablet-3 {
        right: 18.75%
    }

    .pull-tablet-4 {
        right: 25%
    }

    .pull-tablet-5 {
        right: 31.25%
    }

    .pull-tablet-6 {
        right: 37.5%
    }

    .pull-tablet-7 {
        right: 43.75%
    }

    .pull-tablet-8 {
        right: 50%
    }

    .pull-tablet-9 {
        right: 56.25%
    }

    .pull-tablet-10 {
        right: 62.5%
    }

    .pull-tablet-11 {
        right: 68.75%
    }

    .pull-tablet-12 {
        right: 75%
    }

    .pull-tablet-13 {
        right: 81.25%
    }

    .pull-tablet-14 {
        right: 87.5%
    }

    .pull-tablet-15 {
        right: 93.75%
    }

    .pull-tablet-16 {
        right: 100%
    }

    .push-tablet-0 {
        left: auto
    }

    .push-tablet-1 {
        left: 6.25%
    }

    .push-tablet-2 {
        left: 12.5%
    }

    .push-tablet-3 {
        left: 18.75%
    }

    .push-tablet-4 {
        left: 25%
    }

    .push-tablet-5 {
        left: 31.25%
    }

    .push-tablet-6 {
        left: 37.5%
    }

    .push-tablet-7 {
        left: 43.75%
    }

    .push-tablet-8 {
        left: 50%
    }

    .push-tablet-9 {
        left: 56.25%
    }

    .push-tablet-10 {
        left: 62.5%
    }

    .push-tablet-11 {
        left: 68.75%
    }

    .push-tablet-12 {
        left: 75%
    }

    .push-tablet-13 {
        left: 81.25%
    }

    .push-tablet-14 {
        left: 87.5%
    }

    .push-tablet-15 {
        left: 93.75%
    }

    .push-tablet-16 {
        left: 100%
    }

    .offset-tablet-0 {
        margin-left: 0
    }

    .offset-tablet-1 {
        margin-left: 6.25%
    }

    .offset-tablet-2 {
        margin-left: 12.5%
    }

    .offset-tablet-3 {
        margin-left: 18.75%
    }

    .offset-tablet-4 {
        margin-left: 25%
    }

    .offset-tablet-5 {
        margin-left: 31.25%
    }

    .offset-tablet-6 {
        margin-left: 37.5%
    }

    .offset-tablet-7 {
        margin-left: 43.75%
    }

    .offset-tablet-8 {
        margin-left: 50%
    }

    .offset-tablet-9 {
        margin-left: 56.25%
    }

    .offset-tablet-10 {
        margin-left: 62.5%
    }

    .offset-tablet-11 {
        margin-left: 68.75%
    }

    .offset-tablet-12 {
        margin-left: 75%
    }

    .offset-tablet-13 {
        margin-left: 81.25%
    }

    .offset-tablet-14 {
        margin-left: 87.5%
    }

    .offset-tablet-15 {
        margin-left: 93.75%
    }
}

@media (min-width:1440px) {
    .col-max-desktop {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-max-desktop-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-max-desktop-1 {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%
    }

    .col-max-desktop-2 {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .col-max-desktop-3 {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%
    }

    .col-max-desktop-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-max-desktop-5 {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }

    .col-max-desktop-6 {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }

    .col-max-desktop-7 {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%
    }

    .col-max-desktop-8 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-max-desktop-9 {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%
    }

    .col-max-desktop-10 {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .col-max-desktop-11 {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%
    }

    .col-max-desktop-12 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-max-desktop-13 {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%
    }

    .col-max-desktop-14 {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .col-max-desktop-15 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%
    }

    .col-max-desktop-16 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pull-max-desktop-0 {
        right: auto
    }

    .pull-max-desktop-1 {
        right: 6.25%
    }

    .pull-max-desktop-2 {
        right: 12.5%
    }

    .pull-max-desktop-3 {
        right: 18.75%
    }

    .pull-max-desktop-4 {
        right: 25%
    }

    .pull-max-desktop-5 {
        right: 31.25%
    }

    .pull-max-desktop-6 {
        right: 37.5%
    }

    .pull-max-desktop-7 {
        right: 43.75%
    }

    .pull-max-desktop-8 {
        right: 50%
    }

    .pull-max-desktop-9 {
        right: 56.25%
    }

    .pull-max-desktop-10 {
        right: 62.5%
    }

    .pull-max-desktop-11 {
        right: 68.75%
    }

    .pull-max-desktop-12 {
        right: 75%
    }

    .pull-max-desktop-13 {
        right: 81.25%
    }

    .pull-max-desktop-14 {
        right: 87.5%
    }

    .pull-max-desktop-15 {
        right: 93.75%
    }

    .pull-max-desktop-16 {
        right: 100%
    }

    .push-max-desktop-0 {
        left: auto
    }

    .push-max-desktop-1 {
        left: 6.25%
    }

    .push-max-desktop-2 {
        left: 12.5%
    }

    .push-max-desktop-3 {
        left: 18.75%
    }

    .push-max-desktop-4 {
        left: 25%
    }

    .push-max-desktop-5 {
        left: 31.25%
    }

    .push-max-desktop-6 {
        left: 37.5%
    }

    .push-max-desktop-7 {
        left: 43.75%
    }

    .push-max-desktop-8 {
        left: 50%
    }

    .push-max-desktop-9 {
        left: 56.25%
    }

    .push-max-desktop-10 {
        left: 62.5%
    }

    .push-max-desktop-11 {
        left: 68.75%
    }

    .push-max-desktop-12 {
        left: 75%
    }

    .push-max-desktop-13 {
        left: 81.25%
    }

    .push-max-desktop-14 {
        left: 87.5%
    }

    .push-max-desktop-15 {
        left: 93.75%
    }

    .push-max-desktop-16 {
        left: 100%
    }

    .offset-max-desktop-0 {
        margin-left: 0
    }

    .offset-max-desktop-1 {
        margin-left: 6.25%
    }

    .offset-max-desktop-2 {
        margin-left: 12.5%
    }

    .offset-max-desktop-3 {
        margin-left: 18.75%
    }

    .offset-max-desktop-4 {
        margin-left: 25%
    }

    .offset-max-desktop-5 {
        margin-left: 31.25%
    }

    .offset-max-desktop-6 {
        margin-left: 37.5%
    }

    .offset-max-desktop-7 {
        margin-left: 43.75%
    }

    .offset-max-desktop-8 {
        margin-left: 50%
    }

    .offset-max-desktop-9 {
        margin-left: 56.25%
    }

    .offset-max-desktop-10 {
        margin-left: 62.5%
    }

    .offset-max-desktop-11 {
        margin-left: 68.75%
    }

    .offset-max-desktop-12 {
        margin-left: 75%
    }

    .offset-max-desktop-13 {
        margin-left: 81.25%
    }

    .offset-max-desktop-14 {
        margin-left: 87.5%
    }

    .offset-max-desktop-15 {
        margin-left: 93.75%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

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

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width:769px) {
    .d-desktop-none {
        display: none !important
    }

    .d-desktop-inline {
        display: inline !important
    }

    .d-desktop-inline-block {
        display: inline-block !important
    }

    .d-desktop-block {
        display: block !important
    }

    .d-desktop-table {
        display: table !important
    }

    .d-desktop-table-row {
        display: table-row !important
    }

    .d-desktop-table-cell {
        display: table-cell !important
    }

    .d-desktop-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-desktop-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1024px) {
    .d-tablet-none {
        display: none !important
    }

    .d-tablet-inline {
        display: inline !important
    }

    .d-tablet-inline-block {
        display: inline-block !important
    }

    .d-tablet-block {
        display: block !important
    }

    .d-tablet-table {
        display: table !important
    }

    .d-tablet-table-row {
        display: table-row !important
    }

    .d-tablet-table-cell {
        display: table-cell !important
    }

    .d-tablet-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-tablet-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width:1440px) {
    .d-max-desktop-none {
        display: none !important
    }

    .d-max-desktop-inline {
        display: inline !important
    }

    .d-max-desktop-inline-block {
        display: inline-block !important
    }

    .d-max-desktop-block {
        display: block !important
    }

    .d-max-desktop-table {
        display: table !important
    }

    .d-max-desktop-table-row {
        display: table-row !important
    }

    .d-max-desktop-table-cell {
        display: table-cell !important
    }

    .d-max-desktop-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-max-desktop-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width:769px) {
    .flex-desktop-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-desktop-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-desktop-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-desktop-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-desktop-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-desktop-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-desktop-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-desktop-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-desktop-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-desktop-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-desktop-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-desktop-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-desktop-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-desktop-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-desktop-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-desktop-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-desktop-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-desktop-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-desktop-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-desktop-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-desktop-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-desktop-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-desktop-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-desktop-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-desktop-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-desktop-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-desktop-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-desktop-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-desktop-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-desktop-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-desktop-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-desktop-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-desktop-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-desktop-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1024px) {
    .flex-tablet-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-tablet-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-tablet-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-tablet-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-tablet-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-tablet-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-tablet-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-tablet-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-tablet-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-tablet-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-tablet-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-tablet-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-tablet-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-tablet-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-tablet-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-tablet-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-tablet-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-tablet-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-tablet-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-tablet-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-tablet-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-tablet-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-tablet-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-tablet-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-tablet-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-tablet-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-tablet-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-tablet-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-tablet-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-tablet-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-tablet-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-tablet-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-tablet-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-tablet-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width:1440px) {
    .flex-max-desktop-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-max-desktop-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-max-desktop-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-max-desktop-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-max-desktop-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-max-desktop-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-max-desktop-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-max-desktop-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-max-desktop-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-max-desktop-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-max-desktop-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-max-desktop-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-max-desktop-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-max-desktop-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-max-desktop-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-max-desktop-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-max-desktop-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-max-desktop-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-max-desktop-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-max-desktop-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-max-desktop-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-max-desktop-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-max-desktop-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-max-desktop-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-max-desktop-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-max-desktop-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-max-desktop-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-max-desktop-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-max-desktop-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-max-desktop-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-max-desktop-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-max-desktop-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-max-desktop-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-max-desktop-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

[data-aos][data-aos][data-aos-duration='50'],
body[data-aos-duration='50'] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay='50'],
body[data-aos-delay='50'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='50'].aos-animate,
body[data-aos-delay='50'] [data-aos].aos-animate {
    transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration='100'],
body[data-aos-duration='100'] [data-aos] {
    transition-duration: 100ms
}

[data-aos][data-aos][data-aos-delay='100'],
body[data-aos-delay='100'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='100'].aos-animate,
body[data-aos-delay='100'] [data-aos].aos-animate {
    transition-delay: 100ms
}

[data-aos][data-aos][data-aos-duration='150'],
body[data-aos-duration='150'] [data-aos] {
    transition-duration: 150ms
}

[data-aos][data-aos][data-aos-delay='150'],
body[data-aos-delay='150'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='150'].aos-animate,
body[data-aos-delay='150'] [data-aos].aos-animate {
    transition-delay: 150ms
}

[data-aos][data-aos][data-aos-duration='200'],
body[data-aos-duration='200'] [data-aos] {
    transition-duration: 200ms
}

[data-aos][data-aos][data-aos-delay='200'],
body[data-aos-delay='200'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='200'].aos-animate,
body[data-aos-delay='200'] [data-aos].aos-animate {
    transition-delay: 200ms
}

[data-aos][data-aos][data-aos-duration='250'],
body[data-aos-duration='250'] [data-aos] {
    transition-duration: 250ms
}

[data-aos][data-aos][data-aos-delay='250'],
body[data-aos-delay='250'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='250'].aos-animate,
body[data-aos-delay='250'] [data-aos].aos-animate {
    transition-delay: 250ms
}

[data-aos][data-aos][data-aos-duration='300'],
body[data-aos-duration='300'] [data-aos] {
    transition-duration: 300ms
}

[data-aos][data-aos][data-aos-delay='300'],
body[data-aos-delay='300'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='300'].aos-animate,
body[data-aos-delay='300'] [data-aos].aos-animate {
    transition-delay: 300ms
}

[data-aos][data-aos][data-aos-duration='350'],
body[data-aos-duration='350'] [data-aos] {
    transition-duration: 350ms
}

[data-aos][data-aos][data-aos-delay='350'],
body[data-aos-delay='350'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='350'].aos-animate,
body[data-aos-delay='350'] [data-aos].aos-animate {
    transition-delay: 350ms
}

[data-aos][data-aos][data-aos-duration='400'],
body[data-aos-duration='400'] [data-aos] {
    transition-duration: 400ms
}

[data-aos][data-aos][data-aos-delay='400'],
body[data-aos-delay='400'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='400'].aos-animate,
body[data-aos-delay='400'] [data-aos].aos-animate {
    transition-delay: 400ms
}

[data-aos][data-aos][data-aos-duration='450'],
body[data-aos-duration='450'] [data-aos] {
    transition-duration: 450ms
}

[data-aos][data-aos][data-aos-delay='450'],
body[data-aos-delay='450'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='450'].aos-animate,
body[data-aos-delay='450'] [data-aos].aos-animate {
    transition-delay: 450ms
}

[data-aos][data-aos][data-aos-duration='500'],
body[data-aos-duration='500'] [data-aos] {
    transition-duration: 500ms
}

[data-aos][data-aos][data-aos-delay='500'],
body[data-aos-delay='500'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='500'].aos-animate,
body[data-aos-delay='500'] [data-aos].aos-animate {
    transition-delay: 500ms
}

[data-aos][data-aos][data-aos-duration='550'],
body[data-aos-duration='550'] [data-aos] {
    transition-duration: 550ms
}

[data-aos][data-aos][data-aos-delay='550'],
body[data-aos-delay='550'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='550'].aos-animate,
body[data-aos-delay='550'] [data-aos].aos-animate {
    transition-delay: 550ms
}

[data-aos][data-aos][data-aos-duration='600'],
body[data-aos-duration='600'] [data-aos] {
    transition-duration: 600ms
}

[data-aos][data-aos][data-aos-delay='600'],
body[data-aos-delay='600'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='600'].aos-animate,
body[data-aos-delay='600'] [data-aos].aos-animate {
    transition-delay: 600ms
}

[data-aos][data-aos][data-aos-duration='650'],
body[data-aos-duration='650'] [data-aos] {
    transition-duration: 650ms
}

[data-aos][data-aos][data-aos-delay='650'],
body[data-aos-delay='650'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='650'].aos-animate,
body[data-aos-delay='650'] [data-aos].aos-animate {
    transition-delay: 650ms
}

[data-aos][data-aos][data-aos-duration='700'],
body[data-aos-duration='700'] [data-aos] {
    transition-duration: 700ms
}

[data-aos][data-aos][data-aos-delay='700'],
body[data-aos-delay='700'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='700'].aos-animate,
body[data-aos-delay='700'] [data-aos].aos-animate {
    transition-delay: 700ms
}

[data-aos][data-aos][data-aos-duration='750'],
body[data-aos-duration='750'] [data-aos] {
    transition-duration: 750ms
}

[data-aos][data-aos][data-aos-delay='750'],
body[data-aos-delay='750'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='750'].aos-animate,
body[data-aos-delay='750'] [data-aos].aos-animate {
    transition-delay: 750ms
}

[data-aos][data-aos][data-aos-duration='800'],
body[data-aos-duration='800'] [data-aos] {
    transition-duration: 800ms
}

[data-aos][data-aos][data-aos-delay='800'],
body[data-aos-delay='800'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='800'].aos-animate,
body[data-aos-delay='800'] [data-aos].aos-animate {
    transition-delay: 800ms
}

[data-aos][data-aos][data-aos-duration='850'],
body[data-aos-duration='850'] [data-aos] {
    transition-duration: 850ms
}

[data-aos][data-aos][data-aos-delay='850'],
body[data-aos-delay='850'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='850'].aos-animate,
body[data-aos-delay='850'] [data-aos].aos-animate {
    transition-delay: 850ms
}

[data-aos][data-aos][data-aos-duration='900'],
body[data-aos-duration='900'] [data-aos] {
    transition-duration: 900ms
}

[data-aos][data-aos][data-aos-delay='900'],
body[data-aos-delay='900'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='900'].aos-animate,
body[data-aos-delay='900'] [data-aos].aos-animate {
    transition-delay: 900ms
}

[data-aos][data-aos][data-aos-duration='950'],
body[data-aos-duration='950'] [data-aos] {
    transition-duration: 950ms
}

[data-aos][data-aos][data-aos-delay='950'],
body[data-aos-delay='950'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='950'].aos-animate,
body[data-aos-delay='950'] [data-aos].aos-animate {
    transition-delay: 950ms
}

[data-aos][data-aos][data-aos-duration='1000'],
body[data-aos-duration='1000'] [data-aos] {
    transition-duration: 1000ms
}

[data-aos][data-aos][data-aos-delay='1000'],
body[data-aos-delay='1000'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1000'].aos-animate,
body[data-aos-delay='1000'] [data-aos].aos-animate {
    transition-delay: 1000ms
}

[data-aos][data-aos][data-aos-duration='1050'],
body[data-aos-duration='1050'] [data-aos] {
    transition-duration: 1050ms
}

[data-aos][data-aos][data-aos-delay='1050'],
body[data-aos-delay='1050'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1050'].aos-animate,
body[data-aos-delay='1050'] [data-aos].aos-animate {
    transition-delay: 1050ms
}

[data-aos][data-aos][data-aos-duration='1100'],
body[data-aos-duration='1100'] [data-aos] {
    transition-duration: 1100ms
}

[data-aos][data-aos][data-aos-delay='1100'],
body[data-aos-delay='1100'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1100'].aos-animate,
body[data-aos-delay='1100'] [data-aos].aos-animate {
    transition-delay: 1100ms
}

[data-aos][data-aos][data-aos-duration='1150'],
body[data-aos-duration='1150'] [data-aos] {
    transition-duration: 1150ms
}

[data-aos][data-aos][data-aos-delay='1150'],
body[data-aos-delay='1150'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1150'].aos-animate,
body[data-aos-delay='1150'] [data-aos].aos-animate {
    transition-delay: 1150ms
}

[data-aos][data-aos][data-aos-duration='1200'],
body[data-aos-duration='1200'] [data-aos] {
    transition-duration: 1200ms
}

[data-aos][data-aos][data-aos-delay='1200'],
body[data-aos-delay='1200'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1200'].aos-animate,
body[data-aos-delay='1200'] [data-aos].aos-animate {
    transition-delay: 1200ms
}

[data-aos][data-aos][data-aos-duration='1250'],
body[data-aos-duration='1250'] [data-aos] {
    transition-duration: 1250ms
}

[data-aos][data-aos][data-aos-delay='1250'],
body[data-aos-delay='1250'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1250'].aos-animate,
body[data-aos-delay='1250'] [data-aos].aos-animate {
    transition-delay: 1250ms
}

[data-aos][data-aos][data-aos-duration='1300'],
body[data-aos-duration='1300'] [data-aos] {
    transition-duration: 1300ms
}

[data-aos][data-aos][data-aos-delay='1300'],
body[data-aos-delay='1300'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1300'].aos-animate,
body[data-aos-delay='1300'] [data-aos].aos-animate {
    transition-delay: 1300ms
}

[data-aos][data-aos][data-aos-duration='1350'],
body[data-aos-duration='1350'] [data-aos] {
    transition-duration: 1350ms
}

[data-aos][data-aos][data-aos-delay='1350'],
body[data-aos-delay='1350'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1350'].aos-animate,
body[data-aos-delay='1350'] [data-aos].aos-animate {
    transition-delay: 1350ms
}

[data-aos][data-aos][data-aos-duration='1400'],
body[data-aos-duration='1400'] [data-aos] {
    transition-duration: 1400ms
}

[data-aos][data-aos][data-aos-delay='1400'],
body[data-aos-delay='1400'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1400'].aos-animate,
body[data-aos-delay='1400'] [data-aos].aos-animate {
    transition-delay: 1400ms
}

[data-aos][data-aos][data-aos-duration='1450'],
body[data-aos-duration='1450'] [data-aos] {
    transition-duration: 1450ms
}

[data-aos][data-aos][data-aos-delay='1450'],
body[data-aos-delay='1450'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1450'].aos-animate,
body[data-aos-delay='1450'] [data-aos].aos-animate {
    transition-delay: 1450ms
}

[data-aos][data-aos][data-aos-duration='1500'],
body[data-aos-duration='1500'] [data-aos] {
    transition-duration: 1500ms
}

[data-aos][data-aos][data-aos-delay='1500'],
body[data-aos-delay='1500'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1500'].aos-animate,
body[data-aos-delay='1500'] [data-aos].aos-animate {
    transition-delay: 1500ms
}

[data-aos][data-aos][data-aos-duration='1550'],
body[data-aos-duration='1550'] [data-aos] {
    transition-duration: 1550ms
}

[data-aos][data-aos][data-aos-delay='1550'],
body[data-aos-delay='1550'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1550'].aos-animate,
body[data-aos-delay='1550'] [data-aos].aos-animate {
    transition-delay: 1550ms
}

[data-aos][data-aos][data-aos-duration='1600'],
body[data-aos-duration='1600'] [data-aos] {
    transition-duration: 1600ms
}

[data-aos][data-aos][data-aos-delay='1600'],
body[data-aos-delay='1600'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1600'].aos-animate,
body[data-aos-delay='1600'] [data-aos].aos-animate {
    transition-delay: 1600ms
}

[data-aos][data-aos][data-aos-duration='1650'],
body[data-aos-duration='1650'] [data-aos] {
    transition-duration: 1650ms
}

[data-aos][data-aos][data-aos-delay='1650'],
body[data-aos-delay='1650'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1650'].aos-animate,
body[data-aos-delay='1650'] [data-aos].aos-animate {
    transition-delay: 1650ms
}

[data-aos][data-aos][data-aos-duration='1700'],
body[data-aos-duration='1700'] [data-aos] {
    transition-duration: 1700ms
}

[data-aos][data-aos][data-aos-delay='1700'],
body[data-aos-delay='1700'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1700'].aos-animate,
body[data-aos-delay='1700'] [data-aos].aos-animate {
    transition-delay: 1700ms
}

[data-aos][data-aos][data-aos-duration='1750'],
body[data-aos-duration='1750'] [data-aos] {
    transition-duration: 1750ms
}

[data-aos][data-aos][data-aos-delay='1750'],
body[data-aos-delay='1750'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1750'].aos-animate,
body[data-aos-delay='1750'] [data-aos].aos-animate {
    transition-delay: 1750ms
}

[data-aos][data-aos][data-aos-duration='1800'],
body[data-aos-duration='1800'] [data-aos] {
    transition-duration: 1800ms
}

[data-aos][data-aos][data-aos-delay='1800'],
body[data-aos-delay='1800'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1800'].aos-animate,
body[data-aos-delay='1800'] [data-aos].aos-animate {
    transition-delay: 1800ms
}

[data-aos][data-aos][data-aos-duration='1850'],
body[data-aos-duration='1850'] [data-aos] {
    transition-duration: 1850ms
}

[data-aos][data-aos][data-aos-delay='1850'],
body[data-aos-delay='1850'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1850'].aos-animate,
body[data-aos-delay='1850'] [data-aos].aos-animate {
    transition-delay: 1850ms
}

[data-aos][data-aos][data-aos-duration='1900'],
body[data-aos-duration='1900'] [data-aos] {
    transition-duration: 1900ms
}

[data-aos][data-aos][data-aos-delay='1900'],
body[data-aos-delay='1900'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1900'].aos-animate,
body[data-aos-delay='1900'] [data-aos].aos-animate {
    transition-delay: 1900ms
}

[data-aos][data-aos][data-aos-duration='1950'],
body[data-aos-duration='1950'] [data-aos] {
    transition-duration: 1950ms
}

[data-aos][data-aos][data-aos-delay='1950'],
body[data-aos-delay='1950'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='1950'].aos-animate,
body[data-aos-delay='1950'] [data-aos].aos-animate {
    transition-delay: 1950ms
}

[data-aos][data-aos][data-aos-duration='2000'],
body[data-aos-duration='2000'] [data-aos] {
    transition-duration: 2000ms
}

[data-aos][data-aos][data-aos-delay='2000'],
body[data-aos-delay='2000'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2000'].aos-animate,
body[data-aos-delay='2000'] [data-aos].aos-animate {
    transition-delay: 2000ms
}

[data-aos][data-aos][data-aos-duration='2050'],
body[data-aos-duration='2050'] [data-aos] {
    transition-duration: 2050ms
}

[data-aos][data-aos][data-aos-delay='2050'],
body[data-aos-delay='2050'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2050'].aos-animate,
body[data-aos-delay='2050'] [data-aos].aos-animate {
    transition-delay: 2050ms
}

[data-aos][data-aos][data-aos-duration='2100'],
body[data-aos-duration='2100'] [data-aos] {
    transition-duration: 2100ms
}

[data-aos][data-aos][data-aos-delay='2100'],
body[data-aos-delay='2100'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2100'].aos-animate,
body[data-aos-delay='2100'] [data-aos].aos-animate {
    transition-delay: 2100ms
}

[data-aos][data-aos][data-aos-duration='2150'],
body[data-aos-duration='2150'] [data-aos] {
    transition-duration: 2150ms
}

[data-aos][data-aos][data-aos-delay='2150'],
body[data-aos-delay='2150'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2150'].aos-animate,
body[data-aos-delay='2150'] [data-aos].aos-animate {
    transition-delay: 2150ms
}

[data-aos][data-aos][data-aos-duration='2200'],
body[data-aos-duration='2200'] [data-aos] {
    transition-duration: 2200ms
}

[data-aos][data-aos][data-aos-delay='2200'],
body[data-aos-delay='2200'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2200'].aos-animate,
body[data-aos-delay='2200'] [data-aos].aos-animate {
    transition-delay: 2200ms
}

[data-aos][data-aos][data-aos-duration='2250'],
body[data-aos-duration='2250'] [data-aos] {
    transition-duration: 2250ms
}

[data-aos][data-aos][data-aos-delay='2250'],
body[data-aos-delay='2250'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2250'].aos-animate,
body[data-aos-delay='2250'] [data-aos].aos-animate {
    transition-delay: 2250ms
}

[data-aos][data-aos][data-aos-duration='2300'],
body[data-aos-duration='2300'] [data-aos] {
    transition-duration: 2300ms
}

[data-aos][data-aos][data-aos-delay='2300'],
body[data-aos-delay='2300'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2300'].aos-animate,
body[data-aos-delay='2300'] [data-aos].aos-animate {
    transition-delay: 2300ms
}

[data-aos][data-aos][data-aos-duration='2350'],
body[data-aos-duration='2350'] [data-aos] {
    transition-duration: 2350ms
}

[data-aos][data-aos][data-aos-delay='2350'],
body[data-aos-delay='2350'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2350'].aos-animate,
body[data-aos-delay='2350'] [data-aos].aos-animate {
    transition-delay: 2350ms
}

[data-aos][data-aos][data-aos-duration='2400'],
body[data-aos-duration='2400'] [data-aos] {
    transition-duration: 2400ms
}

[data-aos][data-aos][data-aos-delay='2400'],
body[data-aos-delay='2400'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2400'].aos-animate,
body[data-aos-delay='2400'] [data-aos].aos-animate {
    transition-delay: 2400ms
}

[data-aos][data-aos][data-aos-duration='2450'],
body[data-aos-duration='2450'] [data-aos] {
    transition-duration: 2450ms
}

[data-aos][data-aos][data-aos-delay='2450'],
body[data-aos-delay='2450'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2450'].aos-animate,
body[data-aos-delay='2450'] [data-aos].aos-animate {
    transition-delay: 2450ms
}

[data-aos][data-aos][data-aos-duration='2500'],
body[data-aos-duration='2500'] [data-aos] {
    transition-duration: 2500ms
}

[data-aos][data-aos][data-aos-delay='2500'],
body[data-aos-delay='2500'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2500'].aos-animate,
body[data-aos-delay='2500'] [data-aos].aos-animate {
    transition-delay: 2500ms
}

[data-aos][data-aos][data-aos-duration='2550'],
body[data-aos-duration='2550'] [data-aos] {
    transition-duration: 2550ms
}

[data-aos][data-aos][data-aos-delay='2550'],
body[data-aos-delay='2550'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2550'].aos-animate,
body[data-aos-delay='2550'] [data-aos].aos-animate {
    transition-delay: 2550ms
}

[data-aos][data-aos][data-aos-duration='2600'],
body[data-aos-duration='2600'] [data-aos] {
    transition-duration: 2600ms
}

[data-aos][data-aos][data-aos-delay='2600'],
body[data-aos-delay='2600'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2600'].aos-animate,
body[data-aos-delay='2600'] [data-aos].aos-animate {
    transition-delay: 2600ms
}

[data-aos][data-aos][data-aos-duration='2650'],
body[data-aos-duration='2650'] [data-aos] {
    transition-duration: 2650ms
}

[data-aos][data-aos][data-aos-delay='2650'],
body[data-aos-delay='2650'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2650'].aos-animate,
body[data-aos-delay='2650'] [data-aos].aos-animate {
    transition-delay: 2650ms
}

[data-aos][data-aos][data-aos-duration='2700'],
body[data-aos-duration='2700'] [data-aos] {
    transition-duration: 2700ms
}

[data-aos][data-aos][data-aos-delay='2700'],
body[data-aos-delay='2700'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2700'].aos-animate,
body[data-aos-delay='2700'] [data-aos].aos-animate {
    transition-delay: 2700ms
}

[data-aos][data-aos][data-aos-duration='2750'],
body[data-aos-duration='2750'] [data-aos] {
    transition-duration: 2750ms
}

[data-aos][data-aos][data-aos-delay='2750'],
body[data-aos-delay='2750'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2750'].aos-animate,
body[data-aos-delay='2750'] [data-aos].aos-animate {
    transition-delay: 2750ms
}

[data-aos][data-aos][data-aos-duration='2800'],
body[data-aos-duration='2800'] [data-aos] {
    transition-duration: 2800ms
}

[data-aos][data-aos][data-aos-delay='2800'],
body[data-aos-delay='2800'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2800'].aos-animate,
body[data-aos-delay='2800'] [data-aos].aos-animate {
    transition-delay: 2800ms
}

[data-aos][data-aos][data-aos-duration='2850'],
body[data-aos-duration='2850'] [data-aos] {
    transition-duration: 2850ms
}

[data-aos][data-aos][data-aos-delay='2850'],
body[data-aos-delay='2850'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2850'].aos-animate,
body[data-aos-delay='2850'] [data-aos].aos-animate {
    transition-delay: 2850ms
}

[data-aos][data-aos][data-aos-duration='2900'],
body[data-aos-duration='2900'] [data-aos] {
    transition-duration: 2900ms
}

[data-aos][data-aos][data-aos-delay='2900'],
body[data-aos-delay='2900'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2900'].aos-animate,
body[data-aos-delay='2900'] [data-aos].aos-animate {
    transition-delay: 2900ms
}

[data-aos][data-aos][data-aos-duration='2950'],
body[data-aos-duration='2950'] [data-aos] {
    transition-duration: 2950ms
}

[data-aos][data-aos][data-aos-delay='2950'],
body[data-aos-delay='2950'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='2950'].aos-animate,
body[data-aos-delay='2950'] [data-aos].aos-animate {
    transition-delay: 2950ms
}

[data-aos][data-aos][data-aos-duration='3000'],
body[data-aos-duration='3000'] [data-aos] {
    transition-duration: 3000ms
}

[data-aos][data-aos][data-aos-delay='3000'],
body[data-aos-delay='3000'] [data-aos] {
    transition-delay: 0
}

[data-aos][data-aos][data-aos-delay='3000'].aos-animate,
body[data-aos-delay='3000'] [data-aos].aos-animate {
    transition-delay: 3000ms
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, .25, .75, .75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, .1, .25, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
    transition-timing-function: cubic-bezier(0.42, 0, 1, 1)
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
    transition-timing-function: cubic-bezier(0, 0, .58, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
    transition-timing-function: cubic-bezier(0.42, 0, .58, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.6, -.28, .735, .045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.175, .885, .32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
    transition-timing-function: cubic-bezier(0.68, -.55, .265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.47, 0, .745, .715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.39, .575, .565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
    transition-timing-function: cubic-bezier(0.445, .05, .55, .95)
}

[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, .03, .515, .955)
}

[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.55, .085, .68, .53)
}

[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.25, .46, .45, .94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
    transition-timing-function: cubic-bezier(0.455, .03, .515, .955)
}

[data-aos^=fade][data-aos^=fade] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

[data-aos=fade-up] {
    transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
    transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
    transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
    transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
    transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
    transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
    transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
    transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom] {
    opacity: 0;
    transition-property: opacity, transform
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1)
}

[data-aos=zoom-in] {
    transform: scale(0.6)
}

[data-aos=zoom-in-up] {
    transform: translate3d(0, 100px, 0) scale(0.6)
}

[data-aos=zoom-in-down] {
    transform: translate3d(0, -100px, 0) scale(0.6)
}

[data-aos=zoom-in-right] {
    transform: translate3d(-100px, 0, 0) scale(0.6)
}

[data-aos=zoom-in-left] {
    transform: translate3d(100px, 0, 0) scale(0.6)
}

[data-aos=zoom-out] {
    transform: scale(1.2)
}

[data-aos=zoom-out-up] {
    transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
    transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
    transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
    transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
    transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
    transform: translate3d(0, 0, 0)
}

[data-aos=slide-up] {
    transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
    transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
    transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
    transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
    backface-visibility: hidden;
    transition-property: transform
}

[data-aos=flip-left] {
    transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
    transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-right].aos-animate {
    transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-up] {
    transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-up].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
    transform: perspective(2500px) rotateX(100deg)
}

[data-aos=flip-down].aos-animate {
    transform: perspective(2500px) rotateX(0)
}

[data-aos=width-left-right] {
    width: 0;
    opacity: 0;
    transition: width;
    transition-property: width, opacity
}

[data-aos=width-left-right].aos-animate {
    opacity: 1;
    width: 100%
}

[data-aos=width-left-right-without-opacity] {
    width: 0;
    transition: width;
    transition-property: width
}

[data-aos=width-left-right-without-opacity].aos-animate {
    width: 100%
}

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

    .aos-animate,
    .aos-init {
        opacity: 1 !important;
        transition: none !important
    }
}

@keyframes arrow-right {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0;
        transform: translateX(10px)
    }

    100% {
        opacity: 0
    }
}

@keyframes arrow-left {
    0% {
        opacity: 1
    }

    40% {
        opacity: 0;
        transform: translateX(-10px)
    }

    100% {
        opacity: 0
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
    margin: 0 auto
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: inline-block
}

.slick-slide img.lazyload,
.slick-slide img.lazyloading {
    opacity: 1
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

[type=button].slick-next,
[type=button].slick-prev,
button.slick-next,
button.slick-prev {
    line-height: 0
}

.slick-next,
.slick-prev {
    background: 0 0;
    border: none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    margin-top: -10px;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    z-index: 9
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    background: 0 0
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-prev {
    left: 0
}

[dir=rtl] .slick-prev {
    right: -28px;
    left: auto
}

.slick-next {
    right: 0
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-dots {
    display: table;
    width: 100%;
    list-style: none;
    text-align: center
}

.slick-dots li {
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    background: 0 0;
    height: auto;
    padding: 0
}

*,
::after,
::before {
    box-sizing: border-box
}

body,
html {
    overflow-x: hidden
}

html {
    line-height: 1.33
}

html.modal-open,
html.modal-open body {
    overflow: hidden
}

@supports (-webkit-overflow-scrolling:touch) {
    html.modal-open body:not(.body-fixed) {
        -webkit-overflow-scrolling: touch
    }
}

html.modal-open body.body-fixed {
    max-width: 100%;
    position: fixed
}

@media (max-width:768.98px) {

    html.modal-open #wrapper .header-wrapper,
    html.modal-open #wrapper.sticky-header .header-wrapper {
        transform: none
    }
}

@media (min-width:769px) {
    html.ingredient-modal {
        overflow-y: scroll
    }
}

body {
    font-size: 1.5rem;
    background-color: #fff;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (max-width:750px) {
    body {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    body {
        font-size: 18px;
        line-height: 1.22;
        letter-spacing: -.1px
    }
}

body.body-fixed {
    max-width: 100%;
    position: fixed
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0;
    font-weight: 400
}

ul {
    padding: 0
}

img[data-image] {
    opacity: 0
}

img[data-image].js-loaded {
    opacity: 1
}

.hero {
    font-size: 9.375rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .hero {
        font-size: calc(0.20917rem + 19.55376vw)
    }
}

.heading-1,
h1 {
    line-height: 1;
    font-size: 5rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {

    .heading-1,
    h1 {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

.heading-1 span,
h1 span {
    font-family: Arial, sans-serif;
    font-weight: 400
}

.heading-2,
h2 {
    font-size: 2.125rem;
    letter-spacing: .9px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {

    .heading-2,
    h2 {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

h3 {
    font-size: 1.75rem;
    line-height: .86;
    letter-spacing: 1.4px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    h3 {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

h4,
h5 {
    font-size: 1.25rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width:750px) {

    h4,
    h5 {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {

    h4,
    h5 {
        font-size: 16px
    }
}

h5 {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    text-transform: capitalize
}

h6 {
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 2.25rem
}

@media (max-width:750px) {
    h6 {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    ::-webkit-media-controls-panel {
        display: none !important;
        -webkit-appearance: none
    }

    ::--webkit-media-controls-play-button {
        display: none !important;
        -webkit-appearance: none
    }

    ::-webkit-media-controls-start-playback-button {
        display: none !important;
        -webkit-appearance: none
    }
}

.hidden {
    display: none
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

@media (min-width:769px) {
    .mobile-only {
        display: none
    }
}

.desktop-only {
    display: none
}

@media (min-width:769px) {
    .desktop-only {
        display: block
    }
}

.btn {
    cursor: pointer;
    min-width: 179px;
    display: inline-block
}

.btn.primary-link1 {
    padding-bottom: 5px;
    border-bottom: 8px solid #c8102e;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.btn.primary-link2 {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

.btn.secondary-link {
    padding-bottom: 15px;
    border-bottom: 1px solid #c8102e;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.btn.tertiary-link1 {
    overflow: hidden;
    transform: rotate(-90deg);
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.btn.tertiary-link1::after {
    top: 8px;
    width: 100%;
    content: '';
    margin-left: 10px;
    position: absolute;
    display: inline-block;
    border-bottom: 8px solid #c8102e
}

.btn.tertiary-link2 {
    padding-bottom: 10px;
    transform: rotate(-90deg);
    border-bottom: 1px solid #c8102e;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

[type=button],
[type=reset],
[type=submit],
a.button,
button {
    cursor: pointer;
    line-height: .86;
    font-size: 1.75rem;
    background: #fff;
    text-align: center;
    letter-spacing: 1.4px;
    border: 1px solid #000;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width:750px) {

    [type=button],
    [type=reset],
    [type=submit],
    a.button,
    button {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

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

    [type=button],
    [type=reset],
    [type=submit],
    a.button,
    button {
        padding: 2vw 2.13333vw
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media screen and (max-width:768px) {

        [type=button],
        [type=reset],
        [type=submit],
        a.button,
        button {
            padding: 2.66667vw 2.13333vw 2vw
        }
    }
}

@media (min-width:769px) {

    [type=button],
    [type=reset],
    [type=submit],
    a.button,
    button {
        height: 40px;
        line-height: 1;
        font-size: 1.125rem;
        letter-spacing: .9px;
        padding: 11px 20px 9px
    }
}

@media (min-width:769px) and (max-width:750px) {

    [type=button],
    [type=reset],
    [type=submit],
    a.button,
    button {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    @supports (-webkit-overflow-scrolling:touch) {

        [type=button],
        [type=reset],
        [type=submit],
        a.button,
        button {
            padding: 13px 20px 9px
        }
    }
}

[type=button].primary,
[type=reset].primary,
[type=submit].primary,
a.button.primary,
button.primary {
    color: #fff;
    background: 0 0;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    position: relative;
    border: none
}

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

    [type=button].primary.large,
    [type=reset].primary.large,
    [type=submit].primary.large,
    a.button.primary.large,
    button.primary.large {
        padding: 4.93333vw 2.13333vw
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media screen and (max-width:768px) {

        [type=button].primary.large,
        [type=reset].primary.large,
        [type=submit].primary.large,
        a.button.primary.large,
        button.primary.large {
            padding: 5.33333vw 2.13333vw 4.93333vw
        }
    }
}

@media (min-width:769px) {

    [type=button].primary.large,
    [type=reset].primary.large,
    [type=submit].primary.large,
    a.button.primary.large,
    button.primary.large {
        height: 60px
    }

    @supports (-webkit-overflow-scrolling:touch) {

        [type=button].primary.large,
        [type=reset].primary.large,
        [type=submit].primary.large,
        a.button.primary.large,
        button.primary.large {
            padding: 14px 20px 9px
        }
    }
}

[type=button].primary:after,
[type=button].primary:before,
[type=reset].primary:after,
[type=reset].primary:before,
[type=submit].primary:after,
[type=submit].primary:before,
a.button.primary:after,
a.button.primary:before,
button.primary:after,
button.primary:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border: none;
    transition: width .3s ease
}

[type=button].primary:after,
[type=reset].primary:after,
[type=submit].primary:after,
a.button.primary:after,
button.primary:after {
    border: 1px solid #000
}

[type=button].primary:before,
[type=reset].primary:before,
[type=submit].primary:before,
a.button.primary:before,
button.primary:before {
    background-color: #000;
    transition: width .3s ease
}

[type=button].primary.disabled,
[type=button].primary:disabled,
[type=button].primary[disabled],
[type=reset].primary.disabled,
[type=reset].primary:disabled,
[type=reset].primary[disabled],
[type=submit].primary.disabled,
[type=submit].primary:disabled,
[type=submit].primary[disabled],
a.button.primary.disabled,
a.button.primary:disabled,
a.button.primary[disabled],
button.primary.disabled,
button.primary:disabled,
button.primary[disabled] {
    color: #fff;
    pointer-events: none;
    background: #666;
    border-color: #666
}

[type=button].primary.disabled:hover,
[type=button].primary:disabled:hover,
[type=button].primary[disabled]:hover,
[type=reset].primary.disabled:hover,
[type=reset].primary:disabled:hover,
[type=reset].primary[disabled]:hover,
[type=submit].primary.disabled:hover,
[type=submit].primary:disabled:hover,
[type=submit].primary[disabled]:hover,
a.button.primary.disabled:hover,
a.button.primary:disabled:hover,
a.button.primary[disabled]:hover,
button.primary.disabled:hover,
button.primary:disabled:hover,
button.primary[disabled]:hover {
    color: #fff
}

@media (min-width:769px) {

    [type=button].primary.disabled::after,
    [type=button].primary.disabled::before,
    [type=button].primary:disabled::after,
    [type=button].primary:disabled::before,
    [type=button].primary[disabled]::after,
    [type=button].primary[disabled]::before,
    [type=reset].primary.disabled::after,
    [type=reset].primary.disabled::before,
    [type=reset].primary:disabled::after,
    [type=reset].primary:disabled::before,
    [type=reset].primary[disabled]::after,
    [type=reset].primary[disabled]::before,
    [type=submit].primary.disabled::after,
    [type=submit].primary.disabled::before,
    [type=submit].primary:disabled::after,
    [type=submit].primary:disabled::before,
    [type=submit].primary[disabled]::after,
    [type=submit].primary[disabled]::before,
    a.button.primary.disabled::after,
    a.button.primary.disabled::before,
    a.button.primary:disabled::after,
    a.button.primary:disabled::before,
    a.button.primary[disabled]::after,
    a.button.primary[disabled]::before,
    button.primary.disabled::after,
    button.primary.disabled::before,
    button.primary:disabled::after,
    button.primary:disabled::before,
    button.primary[disabled]::after,
    button.primary[disabled]::before {
        display: none
    }
}

@media (min-width:1025px) {

    [type=button].primary.active,
    [type=button].primary:active,
    [type=button].primary:hover,
    [type=reset].primary.active,
    [type=reset].primary:active,
    [type=reset].primary:hover,
    [type=submit].primary.active,
    [type=submit].primary:active,
    [type=submit].primary:hover,
    a.button.primary.active,
    a.button.primary:active,
    a.button.primary:hover,
    button.primary.active,
    button.primary:active,
    button.primary:hover {
        color: #000
    }

    [type=button].primary.active::before,
    [type=button].primary:active::before,
    [type=button].primary:hover::before,
    [type=reset].primary.active::before,
    [type=reset].primary:active::before,
    [type=reset].primary:hover::before,
    [type=submit].primary.active::before,
    [type=submit].primary:active::before,
    [type=submit].primary:hover::before,
    a.button.primary.active::before,
    a.button.primary:active::before,
    a.button.primary:hover::before,
    button.primary.active::before,
    button.primary:active::before,
    button.primary:hover::before {
        width: 0
    }
}

[type=button].primary--l,
[type=reset].primary--l,
[type=submit].primary--l,
a.button.primary--l,
button.primary--l {
    font-family: Arial, Medium, sans-serif;
    letter-spacing: 1.4px;
    width: 100%
}

@media (min-width:769px) {

    [type=button].primary--l,
    [type=reset].primary--l,
    [type=submit].primary--l,
    a.button.primary--l,
    button.primary--l {
        height: 3.335em;
        width: auto;
        min-width: 200px
    }
}

@media (max-width:768.98px) {

    [type=button].primary--l:not([disabled]):active,
    [type=reset].primary--l:not([disabled]):active,
    [type=submit].primary--l:not([disabled]):active,
    a.button.primary--l:not([disabled]):active,
    button.primary--l:not([disabled]):active {
        background: #000;
        color: #fff
    }
}

[type=button].secondary,
[type=reset].secondary,
[type=submit].secondary,
a.button.secondary,
button.secondary {
    color: #000;
    min-width: 11vw;
    background: 0 0;
    border: 2px solid #000;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    [type=button].secondary,
    [type=reset].secondary,
    [type=submit].secondary,
    a.button.secondary,
    button.secondary {
        min-width: 15vw
    }
}

@media (max-width:1023.98px) {

    [type=button].secondary,
    [type=reset].secondary,
    [type=submit].secondary,
    a.button.secondary,
    button.secondary {
        display: inline;
        min-width: 25vw;
        box-sizing: content-box
    }
}

@media screen and (max-width:1023.98px) and (max-width:768px) {

    [type=button].secondary,
    [type=reset].secondary,
    [type=submit].secondary,
    a.button.secondary,
    button.secondary {
        padding: 2.93333vw 2.13333vw 2.13333vw
    }
}

@media (max-width:1023.98px) {
    @supports (-webkit-overflow-scrolling:touch) {
        @media screen and (max-width:768px) {

            [type=button].secondary,
            [type=reset].secondary,
            [type=submit].secondary,
            a.button.secondary,
            button.secondary {
                padding: 3.33333vw 2.13333vw 2.13333vw
            }
        }
    }
}

@media (min-width:1440px) {

    [type=button].secondary,
    [type=reset].secondary,
    [type=submit].secondary,
    a.button.secondary,
    button.secondary {
        min-width: 155px
    }
}

@media (min-width:769px) {

    [type=button].secondary.active,
    [type=button].secondary:active,
    [type=button].secondary:hover,
    [type=reset].secondary.active,
    [type=reset].secondary:active,
    [type=reset].secondary:hover,
    [type=submit].secondary.active,
    [type=submit].secondary:active,
    [type=submit].secondary:hover,
    a.button.secondary.active,
    a.button.secondary:active,
    a.button.secondary:hover,
    button.secondary.active,
    button.secondary:active,
    button.secondary:hover {
        color: #c8102e;
        border-color: #c8102e
    }
}

[type=button].secondary:focus,
[type=reset].secondary:focus,
[type=submit].secondary:focus,
a.button.secondary:focus,
button.secondary:focus {
    border-color: #000;
    color: #000
}

[type=button].secondary:disabled,
[type=reset].secondary:disabled,
[type=submit].secondary:disabled,
a.button.secondary:disabled,
button.secondary:disabled {
    border-color: #ccc;
    color: #ccc;
    cursor: context-menu
}

[type=button].secondary--white,
[type=button].secondary--white:active,
[type=button].secondary--white:hover,
[type=reset].secondary--white,
[type=reset].secondary--white:active,
[type=reset].secondary--white:hover,
[type=submit].secondary--white,
[type=submit].secondary--white:active,
[type=submit].secondary--white:hover,
a.button.secondary--white,
a.button.secondary--white:active,
a.button.secondary--white:hover,
button.secondary--white,
button.secondary--white:active,
button.secondary--white:hover {
    color: #fff;
    border-color: #fff
}

[type=button].secondary--red,
[type=reset].secondary--red,
[type=submit].secondary--red,
a.button.secondary--red,
button.secondary--red {
    color: #fff;
    background: #c8102e;
    border-color: #c8102e
}

[type=button].secondary--red:active,
[type=button].secondary--red:hover,
[type=reset].secondary--red:active,
[type=reset].secondary--red:hover,
[type=submit].secondary--red:active,
[type=submit].secondary--red:hover,
a.button.secondary--red:active,
a.button.secondary--red:hover,
button.secondary--red:active,
button.secondary--red:hover {
    color: #fff
}

[type=button].tertiary,
[type=reset].tertiary,
[type=submit].tertiary,
a.button.tertiary,
button.tertiary {
    color: #fff;
    background: #ccc;
    transform: rotate(-90deg);
    border-color: #ccc
}

[type=button].disabled,
[type=button]:disabled,
[type=button][disabled],
[type=reset].disabled,
[type=reset]:disabled,
[type=reset][disabled],
[type=submit].disabled,
[type=submit]:disabled,
[type=submit][disabled],
a.button.disabled,
a.button:disabled,
a.button[disabled],
button.disabled,
button:disabled,
button[disabled] {
    pointer-events: none
}

a {
    text-decoration: none;
    font-size: 1.25rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #c8102e
}

@media (max-width:750px) {
    a {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    a {
        font-size: 18px
    }
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
    width: 100%;
    background: #fff;
    font-size: 1.5rem;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ccc;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (max-width:750px) {

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    textarea {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    textarea {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
textarea:focus {
    border-color: #000
}

@media (max-width:768.98px) {

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    textarea {
        padding: 2.4vw
    }
}

@media (min-width:769px) {

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text],
    textarea {
        padding: 18px
    }
}

@media (max-width:768.98px) {

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text] {
        height: 10.67vw
    }
}

@media (min-width:769px) {

    input[type=email],
    input[type=number],
    input[type=password],
    input[type=search],
    input[type=tel],
    input[type=text] {
        padding: 18px
    }
}

:-webkit-input-placeholder {
    color: #888
}

::-moz-placeholder {
    color: #888
}

:-ms-input-placeholder {
    color: #888
}

input:-moz-placeholder {
    color: #888
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px #fff inset
}

label {
    display: inline-block;
    position: relative
}

input[type=checkbox] {
    top: -2px;
    float: left;
    cursor: pointer;
    position: relative;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none
}

@media (max-width:768.98px) {
    input[type=checkbox] {
        width: 4vw;
        height: 4vw;
        margin-right: 1.8vw
    }
}

@media (min-width:769px) {
    input[type=checkbox] {
        top: -5px;
        width: 30px;
        height: 30px;
        margin-right: 11px
    }
}

@media (min-width:769px) {
    input[type=checkbox]:hover {
        border-color: #000
    }
}

input[type=checkbox]:checked {
    border-color: #000
}

input[type=checkbox]:checked::after {
    content: '';
    position: absolute;
    font-size: 1.25rem;
    color: #000 !important;
    line-height: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-50deg);
    border: 1px solid #000;
    border-width: 0 0 1px 1px
}

@media (max-width:750px) {
    input[type=checkbox]:checked::after {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {
    input[type=checkbox]:checked::after {
        top: 42%;
        width: 2.5vw;
        height: 1.1vw
    }
}

@media (min-width:769px) {
    input[type=checkbox]:checked::after {
        top: 44%;
        width: 18px;
        height: 8px
    }
}

input[type=checkbox].custom,
input[type=radio].custom {
    display: none
}

input[type=checkbox].custom+label,
input[type=radio].custom+label {
    padding-left: 11.2vw;
    position: relative;
    cursor: pointer
}

@media (min-width:769px) {

    input[type=checkbox].custom+label,
    input[type=radio].custom+label {
        padding-left: 41px
    }
}

input[type=checkbox].custom+label::before,
input[type=radio].custom+label::before {
    content: ' ';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    width: 6vw;
    height: 6vw;
    transform: translate(0, -50%)
}

@media (min-width:769px) {

    input[type=checkbox].custom+label::before,
    input[type=radio].custom+label::before {
        width: 28px;
        height: 28px;
        margin-right: 11px
    }
}

input[type=checkbox].custom+label:hover::before,
input[type=radio].custom+label:hover::before {
    border-color: #000
}

input[type=checkbox].custom+label::after,
input[type=radio].custom+label::after {
    content: '';
    position: absolute;
    font-size: 1.25rem;
    color: #000 !important;
    line-height: 0;
    left: 3vw;
    top: 50%;
    transform: translate(-50%, -50%) rotate(-50deg);
    border: 1px solid #000;
    border-width: 0 0 1px 1px;
    opacity: 0
}

@media (max-width:750px) {

    input[type=checkbox].custom+label::after,
    input[type=radio].custom+label::after {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {

    input[type=checkbox].custom+label::after,
    input[type=radio].custom+label::after {
        width: 2.5vw;
        height: 1.1vw
    }
}

@media (min-width:769px) {

    input[type=checkbox].custom+label::after,
    input[type=radio].custom+label::after {
        top: 46%;
        left: 15px;
        width: 18px;
        height: 8px
    }
}

input[type=checkbox].custom:checked+label::before,
input[type=radio].custom:checked+label::before {
    border-color: #000
}

input[type=checkbox].custom:checked+label::after,
input[type=radio].custom:checked+label::after {
    opacity: 1
}

input[type=radio].custom+label::before {
    border-radius: 50%
}

input[type=radio].custom+label::after {
    transform: translate(-50%, -50%) rotate(0deg);
    background: #000;
    border-radius: 50%;
    width: 3vw;
    height: 3vw;
    top: 50%;
    border: none
}

@media (min-width:769px) {
    input[type=radio].custom+label::after {
        left: 14px;
        width: 12px;
        height: 12px
    }
}

.error input[type=email],
.error input[type=number],
.error input[type=password],
.error input[type=search],
.error input[type=tel],
.error input[type=text] {
    border-color: #c8102e
}

select {
    width: 100%
}

.ui-selectmenu-button {
    height: 10.67vw;
    padding: 3vw 2.4vw 3.1vw;
    display: inline-block;
    border: 1px solid #ccc;
    color: #888;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .ui-selectmenu-button {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:576px) {
    .ui-selectmenu-button {
        font-size: 1.25rem
    }
}

@media screen and (max-width:576px) and (max-width:750px) {
    .ui-selectmenu-button {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .ui-selectmenu-button {
        height: 50px;
        padding: 15px 18px;
        font-size: 16px
    }
}

.ui-selectmenu-button:focus {
    border-color: #000
}

.ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0;
    line-height: 1.5
}

@media (min-width:769px) {
    .ui-selectmenu-button span.ui-selectmenu-text {
        line-height: inherit
    }
}

.custom-tooltip,
.ui-front,
.ui-selectmenu-menu {
    z-index: 999
}

.ingredient-modal .product-info .ui-front,
.nav-open .product-info .ui-front {
    z-index: 97
}

.sticky-header-search .product-info .ui-front,
.sticky-header-search .product-info .ui-front.ui-selectmenu-open {
    z-index: auto
}

.ui-selectmenu-menu {
    background: #fff;
    box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09)
}

.ui-selectmenu-menu .ui-menu {
    background: #fff;
    border: 1px solid #ccc;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (max-width:750px) {
    .ui-selectmenu-menu .ui-menu {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .ui-selectmenu-menu .ui-menu {
        font-size: 16px
    }
}

.ui-selectmenu-menu .ui-menu .ui-menu-item {
    padding: 0
}

.ui-selectmenu-menu .ui-menu .ui-menu-item-wrapper {
    padding: 10px 18px;
    margin: 0
}

.ui-selectmenu-menu .ui-menu .ui-state-active,
.ui-selectmenu-menu .ui-menu .ui-state-focus {
    background: #f1f1f1
}

.ui-selectmenu-menu .ui-state-disabled {
    display: none
}

.ui-selectmenu-open>ul {
    max-height: 242px;
    overflow-y: scroll
}

@media screen and (max-width:576px) {
    .ui-selectmenu-open>ul {
        max-height: 140px
    }
}

.accordion {
    width: 100%;
    border-bottom: 1px solid #fff
}

.accordion_title {
    cursor: pointer;
    position: relative;
    border-top: 1px solid #fff;
    font-size: 1.5rem
}

@media screen and (max-width:768px) {
    .accordion_title {
        padding: 4.4vw 5.86667vw 4.4vw 2.66667vw
    }
}

@media screen and (min-width:769px) {
    .accordion_title {
        padding: 2.77778vw 3.05556vw 2.77778vw 1.38889vw
    }
}

@media (min-width:1440px) {
    .accordion_title {
        padding: 40px 44px 40px 20px
    }
}

@media (max-width:750px) {
    .accordion_title {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.accordion_title.open .expand {
    display: none
}

.accordion_title.open .collapse {
    display: inline-block;
    font-size: 2.875rem
}

@media (max-width:750px) {
    .accordion_title.open .collapse {
        font-size: calc(0.20268rem + 5.70096vw)
    }
}

.accordion_title .collapse,
.accordion_title .expand {
    font-size: 1.875rem;
    top: 50%;
    right: 20px;
    position: absolute;
    transform: translate(0, -50%)
}

@media (max-width:750px) {

    .accordion_title .collapse,
    .accordion_title .expand {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

.accordion_title .expand {
    display: inline-block
}

.accordion_description,
.accordion_title .collapse {
    display: none
}

.sprite {
    background-image: url(../images/sprite.png)
}

.breadcrumbs-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs-wrap .breadcrumb {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (max-width:768px) {
    .breadcrumbs-wrap .breadcrumb {
        padding: .4vw 0 1.6vw
    }
}

@media (min-width:769px) {
    .breadcrumbs-wrap .breadcrumb {
        padding-top: 10px;
        padding-bottom: 0;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%;
        position: relative;
        width: 100%;
        min-height: 1px
    }
}

.breadcrumbs-wrap .breadcrumb .breadcrumb-element {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 0;
    font-size: .8rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #666;
    text-transform: uppercase
}

.breadcrumbs-wrap .breadcrumb .breadcrumb-element h1 {
    font-size: .8rem
}

@media (max-width:750px) {
    .breadcrumbs-wrap .breadcrumb .breadcrumb-element h1 {
        font-size: calc(0.2006rem + 1.27872vw)
    }
}

@media (min-width:769px) {
    .breadcrumbs-wrap .breadcrumb .breadcrumb-element h1 {
        font-size: 14px
    }
}

@media (max-width:750px) {
    .breadcrumbs-wrap .breadcrumb .breadcrumb-element {
        font-size: calc(0.2006rem + 1.27872vw)
    }
}

@media (min-width:769px) {
    .breadcrumbs-wrap .breadcrumb .breadcrumb-element {
        padding-right: 3px;
        font-size: 14px
    }
}

.breadcrumbs-wrap .breadcrumb .breadcrumb-element:last-child:last-of-type {
    color: #000
}

.breadcrumbs-wrap .breadcrumb .breadcrumb-element:last-child:last-of-type::before {
    display: none
}

.breadcrumbs-wrap .breadcrumb .breadcrumb-element::before {
    content: '>';
    overflow: hidden;
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 4px
}

.ajax-loader,
.tile-ajax-loader {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: .8;
    display: none;
    position: fixed;
    background: #fff
}

.ajax-loader .loader-img,
.tile-ajax-loader .loader-img {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%)
}

.ajax-loader {
    z-index: 1004
}

.modal-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    display: none;
    position: fixed;
    background-color: rgba(255, 255, 255, .8)
}

.modal-overlay .modal-close-outer {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

@supports (-webkit-overflow-scrolling:touch) {
    .modal-overlay .modal-close-outer {
        cursor: pointer
    }
}

.modal-overlay .modal-wrapper {
    top: 50%;
    left: 50%;
    padding: 25px;
    background: #fff;
    position: relative;
    transform: translate(-50%, -50%);
    border-top: 5px solid #c8102e;
    box-shadow: 0 1px 40.6px 4.4px rgba(0, 0, 0, .15)
}

@media (max-width:768.98px) {
    .modal-overlay .modal-wrapper {
        width: 90%
    }
}

@media (min-width:769px) {
    .modal-overlay .modal-wrapper {
        width: auto;
        max-width: 890px
    }
}

@media (max-width:1023px) and (orientation:landscape) {
    .modal-overlay .modal-wrapper {
        width: 90%
    }
}

.modal-overlay .modal-body {
    max-height: 70vh;
    overflow-y: auto;
    overflow-x: hidden
}

@media (max-width:1023px) and (orientation:landscape) {
    .modal-overlay .modal-body {
        max-height: 55vh
    }
}

@media (min-width:769px) {
    .modal-overlay .modal-body {
        max-height: 65vh
    }
}

@media (min-width:1440px) {
    .modal-overlay .modal-body {
        max-height: 75vh
    }
}

.modal-overlay .modal-close {
    right: 0;
    top: -8vw;
    cursor: pointer;
    font-size: 1.75rem;
    position: absolute;
    display: inline-block
}

@media (max-width:750px) {
    .modal-overlay .modal-close {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:576px) and (max-width:768px) {
    .modal-overlay .modal-close {
        top: -7vw
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .modal-overlay .modal-close {
        top: -45px;
        font-size: 22px
    }
}

@media (min-width:769px) {
    .modal-overlay .modal-close {
        top: -45px;
        font-size: 28px
    }
}

.modal-overlay .form-row .error-icon:hover+span.error,
.modal-overlay .ui-front,
.modal-overlay .ui-selectmenu-menu,
.modal-overlay .ui-tooltip {
    z-index: 1006
}

.modal-overlay .error-placement,
.modal-overlay .gift-error-placement {
    max-height: 3.5vw;
    overflow: visible
}

@media (min-width:769px) {

    .modal-overlay .error-placement,
    .modal-overlay .gift-error-placement {
        max-height: 18px
    }
}

.modal-overlay .error-placement .error,
.modal-overlay .gift-error-placement .error {
    z-index: 1006
}

.sb-container {
    overflow: hidden;
    position: relative;
    padding-right: 10px
}

.sb-container.sb-container-noscroll {
    padding-right: 0
}

.sb-content {
    height: 100%;
    width: 120%;
    padding-right: 20%;
    overflow-y: scroll;
    box-sizing: border-box
}

.sb-scrollbar-container {
    top: 0;
    bottom: 0;
    right: 1.32vw;
    position: absolute;
    background: #ccc
}

@media (min-width:769px) {
    .sb-scrollbar-container {
        right: 10px
    }
}

.sb-container-noscroll .sb-scrollbar-container {
    visibility: hidden;
    overflow-y: hidden
}

.sb-scrollbar,
.sb-scrollbar-container {
    width: 5px;
    max-width: 5px;
    border-radius: 20px
}

.sb-scrollbar {
    position: absolute;
    background: #c8102e
}

.custom-tooltip {
    z-index: 1007
}

.slick-arrow {
    padding: 0;
    width: 45px;
    height: 40px;
    border: none;
    background: 0 0
}

@media (max-width:768.98px) {
    .slick-arrow {
        visibility: hidden
    }

    .slick-arrow:after {
        display: none
    }
}

.slick-arrow:before {
    display: none
}

.slick-arrow:after {
    content: '';
    opacity: .75;
    padding: 14px;
    display: inline-block;
    border: solid #ccc;
    border-width: 0 3px 3px 0
}

.slick-arrow:hover:after {
    opacity: 1
}

.slick-arrow.slick-prev {
    left: 10px
}

.slick-arrow.slick-prev:after {
    transform: rotate(135deg)
}

.slick-arrow.slick-next {
    right: 10px
}

.slick-arrow.slick-next:after {
    transform: rotate(-45deg)
}

.slick-arrow.slick-disabled {
    cursor: default
}

.slick-dots {
    position: absolute;
    bottom: 15px
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: 0 0;
    list-style: none;
    border-radius: 7.5px;
    margin: 0 5px;
    border: 2px solid #ccc
}

.slick-dots li:only-child {
    display: none
}

.slick-dots li.slick-active {
    background: #000;
    border-color: #000
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clear-both,
.clearfix:after {
    clear: both
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: ' '
}

.required-indicator {
    display: none
}

.play-pause-btn {
    z-index: 1;
    cursor: pointer;
    position: absolute;
    color: #fff
}

.socialsharing {
    top: -68px;
    width: auto;
    right: 3.5%;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    text-align: center;
    position: absolute;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.socialsharing .icon-share {
    cursor: pointer
}

.socialsharing .social-modal-close-outer {
    display: none
}

.socialsharing.active .social-modal {
    transform: translate3d(0px, 0, 0) scale(1)
}

.socialsharing.active .social-modal-close-outer {
    z-index: 1002;
    display: block
}

.socialsharing .share-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.socialsharing .share-icons .social-modal-close-outer {
    display: none
}

.socialsharing .share-icons.active .social-modal {
    transform: translate3d(0px, 0, 0) scale(1);
    z-index: 2
}

.socialsharing .share-icons.active .social-modal-close-outer {
    z-index: 1;
    display: block
}

.socialsharing .share-icons .share-icons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.socialsharing .share-icons .share {
    cursor: pointer;
    font-size: 1.625rem
}

@media (max-width:750px) {
    .socialsharing .share-icons .share {
        font-size: calc(0.20143rem + 3.03696vw)
    }
}

.socialsharing .share-icons .share-icon {
    margin: 0 13px;
    color: #000;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .socialsharing .share-icons .share-icon {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.socialsharing .share-icons .social-share-trigger {
    z-index: 2
}

.hidden-modal-body {
    display: none
}

.social-modal {
    top: -23px;
    left: -28px;
    display: block;
    position: relative;
    transition: transform .5s;
    transform: translate3d(75px, 0, 0) scale(0);
    box-shadow: 0 1px 40.6px 4.4px rgba(0, 0, 0, .15)
}

.social-modal:after {
    right: -8px;
    width: 20px;
    height: 20px;
    content: '';
    background: #fff;
    position: absolute;
    display: inline-block;
    top: calc(50% - 10px);
    transform: rotate(45deg);
    box-shadow: 0 1px 40.6px 4.4px rgba(0, 0, 0, .15)
}

.social-modal .modal-wrapper {
    top: 0;
    left: 0;
    z-index: 1;
    width: auto;
    border: none;
    transform: none;
    padding: 25px 12px 21px
}

.social-modal .modal-body>div {
    -ms-flex: none;
    flex: none;
    max-width: 100%
}

.space-between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768.98px) {
    div[role=main] {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    div[role=main]>div {
        max-width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    div[role=main] .breadcrumb-mobile {
        -ms-flex-order: 10;
        order: 10
    }
}

.error-form {
    color: #c8102e
}

address {
    font-style: normal
}

.tooltip-content {
    display: none
}

.custom-tooltip {
    background: #fff;
    font-size: 1.25rem;
    letter-spacing: .4px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (max-width:750px) {
    .custom-tooltip {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .custom-tooltip {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: .3px
    }
}

hr.divider {
    border: 0;
    padding: 0;
    height: 1px;
    border-top: 1px solid #ccc
}

.scroll-top-wrapper {
    position: fixed;
    outline: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 20;
    color: #000;
    right: 21px;
    bottom: 18px;
    padding: 8px;
    transition: visibility 0 linear .5s, opacity .5s linear
}

@media (min-width:769px) {
    .scroll-top-wrapper.show {
        transition-delay: .5s;
        visibility: visible;
        cursor: pointer;
        opacity: 1
    }
}

.scroll-top-wrapper .icon {
    display: inline-block;
    text-align: center
}

.scroll-top-wrapper .icon i::before {
    font-size: 26px
}

.scroll-top-wrapper:after {
    display: block;
    width: 23px;
    height: 23px;
    background: #fff;
    content: '';
    top: 9px;
    border-radius: 11px;
    position: absolute;
    z-index: -1;
    left: 9px
}

@media (min-width:769px) {
    .scroll-top-wrapper:after {
        top: 12px
    }
}

@media (max-width:768.98px) {
    .select-parent {
        position: relative
    }

    select {
        display: block !important;
        position: absolute;
        top: 0;
        height: 100%;
        z-index: 100;
        opacity: 0;
        width: 100%
    }

    select+span {
        pointer-events: none
    }
}

@media (max-width:768.98px) {

    .campaign-module-product,
    .external-module-award,
    .external-module-video,
    .pdp-content-section,
    .tips-and-tutorials {
        padding: 16vw 0
    }
}

@media (min-width:769px) {

    .campaign-module-product,
    .external-module-award,
    .external-module-video,
    .pdp-content-section,
    .tips-and-tutorials {
        padding: 120px 0
    }
}

.wishlist-icon {
    cursor: pointer;
    color: #666
}

.wishlist-icon:hover {
    opacity: 1
}

@media (min-width:769px) {
    .wishlist-icon:hover i {
        font-family: icons;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none
    }

    .wishlist-icon:hover i:before {
        content: "\e028"
    }
}

.wishlist-icon.wishlist-added {
    color: #D6001C;
    opacity: 1
}

.wishlist-icon.wishlist-added i {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.wishlist-icon.wishlist-added i:before {
    content: "\e028"
}

.add-to-wishlist::before {
    content: attr(data-wishlist-text)
}

.add-to-wishlist.wishlist-added::before {
    content: attr(data-wishlist-added)
}

.cookie_consent_popup {
    background: #000;
    color: #fff;
    display: block;
    font-size: .9375rem;
    left: 0;
    bottom: 0;
    padding: 20px 5%;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1003
}

@media (max-width:750px) {
    .cookie_consent_popup {
        font-size: calc(0.20074rem + 1.57176vw)
    }
}

.cookie_consent_popup a {
    font-size: .9375rem;
    color: #fff;
    text-decoration: underline
}

@media (max-width:750px) {
    .cookie_consent_popup a {
        font-size: calc(0.20074rem + 1.57176vw)
    }
}

.cookie_consent_popup h2 {
    margin-bottom: 3vw
}

@media (min-width:769px) {
    .cookie_consent_popup h2 {
        margin-bottom: 15px
    }
}

@media (min-width:769px) {
    .cookie_consent_popup .privacy-cnt {
        margin: 0 4%
    }
}

.cookie_consent_popup .action-wrapper {
    margin-top: 4vw
}

@media (min-width:769px) {
    .cookie_consent_popup .action-wrapper {
        margin-top: 20px
    }
}

.cookie_consent_popup .action-wrapper button {
    margin: 0 1%
}

.browser-compatibility-alert {
    background: #c8102e;
    padding: 2vw 4vw
}

@media (min-width:769px) {
    .browser-compatibility-alert {
        padding: 15px
    }
}

.browser-compatibility-alert .browser-error {
    margin: 2.6vw auto;
    width: 100%;
    max-width: 1440px;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .browser-compatibility-alert .browser-error {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .browser-compatibility-alert .browser-error {
        margin: 10px auto
    }
}

.browser-compatibility-alert .browser-error,
.browser-compatibility-alert .fa {
    color: #fff;
    display: table-cell
}

@media (min-width:769px) {

    .pt_content.pt_articles_listing .browser-compatibility-alert,
    .pt_storefront .browser-compatibility-alert {
        position: absolute;
        bottom: 100px;
        width: 100%
    }
}

.popup_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .8;
    z-index: 1003;
    top: 0;
    left: 0;
    display: block
}

.btn-primary {
    padding: 18px 41px;
    width: auto;
    font-size: 14px;
    height: 50px;
    background-color: #262626;
    color: #fff
}

.btn-primary:hover {
    background-color: #fff;
    color: #000
}

.btn-secondary {
    padding: 18px 56.5px;
    width: auto;
    font-size: 14px;
    height: 50px;
    background-color: #fff;
    color: #262626;
    border: 1px solid #262626
}

.btn-secondary:hover {
    border: 1px solid #D6001C;
    background-color: #fff;
    color: #D6001C
}

.btn-disabled {
    border: 1px solid #666;
    background-color: #666
}

.btn-disabled:hover {
    background-color: #666;
    color: #fff
}

.find-store-btn .icon-pin {
    margin-left: 15px
}

.pdp-anchor-links {
    font-size: 14px;
    color: #666;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    font-weight: 400
}

.pdp-anchor-links:hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    color: #D6001C
}

.pdp-anchor-links.store-link {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.pdp-anchor-links.store-link .store-link-text {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    margin-left: 12px
}

.pdp-anchor-links.store-link .store-link-text:hover {
    -webkit-text-decoration-line: none;
    text-decoration-line: none
}

.sample-skeleton-mobile {
    display: block
}

@media (min-width:769px) {
    .sample-skeleton-mobile {
        display: none
    }
}

.sample-skeleton-desktop {
    display: none
}

@media (min-width:769px) {
    .sample-skeleton-desktop {
        display: block
    }
}

.custom-checkmark {
    position: relative
}

.custom-checkmark input[type=checkbox],
.custom-checkmark input[type=radio] {
    opacity: 0;
    width: auto;
    height: auto;
    float: none;
    padding: 0;
    margin: 0;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    position: absolute;
    left: 0;
    top: 0
}

.custom-checkmark.hide-label span {
    display: none
}

.custom-checkmark .field-wrapper {
    display: -ms-flexbox;
    display: flex;
    height: 16px
}

.custom-checkmark input[type=checkbox]+label {
    cursor: pointer;
    line-height: 16px;
    font-size: 14px;
    padding: 0
}

.custom-checkmark input[type=checkbox]+label::before {
    width: 16px;
    height: 16px;
    content: '';
    border: 1px solid #888;
    border-radius: 1px;
    display: block;
    cursor: pointer
}

.custom-checkmark input[type=checkbox]:checked+label::after {
    width: 16px;
    height: 16px;
    content: "\e010";
    background-color: #262626;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    font-size: 10px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    font-family: icons
}

.custom-checkmark input[type=checkbox].error+label::before {
    border-color: #c8102e
}

.custom-checkmark .sr-only {
    display: block !important;
    font-size: 0 !important;
    line-height: 0 !important
}

.custom-checkmark label {
    position: relative;
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    line-height: 16px;
    font-size: 14px
}

.custom-checkmark label span {
    padding-left: 16px
}

.custom-checkmark label::before {
    width: 16px;
    height: 16px;
    overflow: hidden;
    content: '';
    display: block;
    border-radius: 100%;
    border: 1px solid #666;
    background: #fff;
    font-size: 0
}

.custom-checkmark input[type=chcekbox]:checked+label::after,
.custom-checkmark input[type=radio]:checked+label::after {
    content: '';
    width: 12px;
    height: 12px;
    margin: 2px 0 0 2px;
    background-color: #666;
    display: block;
    border-radius: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.terms-and-condition .user-consent-container {
    display: block;
    position: relative
}

.terms-and-condition .custom-checkmark.form-row {
    position: static;
    padding: 0
}

.terms-and-condition .custom-checkmark.form-row .field-wrapper {
    position: absolute;
    width: auto;
    left: 0;
    top: 0
}

.terms-and-condition .custom-checkmark.form-row .error-placement {
    padding: 7px 0 0 30px
}

.terms-and-condition .content-asset {
    padding-left: 30px
}

.spc-summary-ordertotal,
.spc-termconditions-consent {
    display: none
}

.form-row {
    position: relative;
    padding: 1vw 0
}

@media (min-width:769px) {
    .form-row {
        padding: 1.3vw 0
    }
}

@media (min-width:769px) {
    .form-row {
        padding: 15px 0
    }
}

.form-row.half-width {
    width: 50%;
    float: left
}

.form-row.left {
    padding-right: 2vw
}

@media (min-width:769px) {
    .form-row.left {
        padding-right: 1.05vw
    }
}

@media (min-width:1440px) {
    .form-row.left {
        padding-right: 15px
    }
}

.form-row.right {
    padding-left: 2vw
}

@media (min-width:769px) {
    .form-row.right {
        padding-left: 1.05vw
    }
}

@media (min-width:1440px) {
    .form-row.right {
        padding-left: 15px
    }
}

.form-row label {
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .form-row label {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:576px) {
    .form-row label {
        font-size: 2.4vw
    }
}

@media (min-width:769px) {
    .form-row label {
        font-size: 1.125rem;
        letter-spacing: .4px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .form-row label {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.form-row input[type=email],
.form-row input[type=number],
.form-row input[type=password],
.form-row input[type=tel],
.form-row input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

@media (min-width:769px) {

    .form-row input[type=email],
    .form-row input[type=number],
    .form-row input[type=password],
    .form-row input[type=tel],
    .form-row input[type=text] {
        padding: 14px 18px 15px
    }
}

.form-row.help-text span {
    font-size: 1.25rem;
    letter-spacing: .4px;
    color: #888
}

@media (max-width:750px) {
    .form-row.help-text span {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .form-row.help-text span {
        font-size: .875rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .form-row.help-text span {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.form-row .field-wrapper {
    padding-top: 2vw
}

@media (min-width:769px) {
    .form-row .field-wrapper {
        padding-top: 15px
    }
}

.native-select .form-row .field-wrapper {
    position: relative
}

.native-select .form-row .field-wrapper select::-ms-expand {
    display: none
}

.native-select .form-row .field-wrapper:after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    bottom: 35%;
    right: 2.4vw;
    margin-top: -3px;
    display: inline-block;
    border: 2px solid #000;
    border-right: 0;
    border-top: 0;
    transform: rotate(-45deg) translate(-50%, 0);
    transform-origin: left top
}

@media (min-width:769px) {
    .native-select .form-row .field-wrapper:after {
        right: 18px
    }
}

.form-row .form-caption {
    float: right;
    color: #888;
    font-size: 1.25rem;
    line-height: 1.7
}

@media (max-width:750px) {
    .form-row .form-caption {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .form-row .form-caption {
        font-size: .875rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .form-row .form-caption {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.form-row .char-count {
    top: 2.25vw;
    position: absolute;
    right: 0;
    width: auto;
    color: #888;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .form-row .char-count {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .form-row .char-count {
        font-size: .875rem;
        top: 21px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .form-row .char-count {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.form-row .error-placement,
.form-row .gift-error-placement {
    display: inline-block;
    position: relative
}

@media (max-width:768.98px) {

    .form-row .error-placement,
    .form-row .gift-error-placement {
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .form-row .error-placement,
    .form-row .gift-error-placement {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.form-row .error-placement .error,
.form-row .gift-error-placement .error {
    display: none
}

.form-row .error-icon {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #c8102e;
    width: 16px;
    height: auto;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle
}

.form-row .error-icon:before {
    content: "\e01f"
}

@media (max-width:768.98px) {
    .form-row .error-icon {
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .form-row .error-icon {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.form-row .error-icon:hover+span.error {
    opacity: 1;
    z-index: 1006;
    display: block
}

@media (max-width:768.98px) {
    .form-row .error-icon {
        width: 1.25em;
        height: 1.35em
    }
}

.form-row input.error {
    border: 1px solid #c8102e
}

.form-row span.error {
    margin: 0 auto 0 -1.5em;
    position: absolute;
    opacity: 0;
    left: 0;
    right: auto;
    bottom: 2.7em;
    border: 1px solid #c8102e;
    width: 14em;
    background: #f6e1e3;
    padding: .5em;
    font-size: .875rem;
    color: #c8102e
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .form-row span.error {
        margin-left: -27px
    }
}

@media (min-width:769px) {
    .form-row span.error {
        margin-left: -27px
    }
}

@media (max-width:750px) {
    .form-row span.error {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

@media (max-width:768.98px) {
    .form-row span.error {
        bottom: 32px
    }
}

@media (max-width:576px) {
    .form-row span.error {
        bottom: 23px
    }
}

.form-row span.error:after {
    position: absolute;
    background: #f6e1e3;
    border-right: 1px solid #c8102e;
    border-bottom: 1px solid #c8102e;
    transform: rotate(45deg);
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    bottom: -6px;
    left: -9.1em;
    right: 0;
    margin: 0 auto
}

.form-row select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    border-radius: 0;
    box-shadow: none;
    padding: 3vw 2.4vw 3.1vw
}

@media (max-width:750px) {
    .form-row select {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .form-row select {
        font-size: 16px;
        padding: 14px 18px 15px
    }
}

.form-row .ui-selectmenu-button {
    width: 100%;
    position: relative
}

.form-row .ui-selectmenu-button .ui-selectmenu-text:after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    top: 50%;
    right: 2.4vw;
    margin-top: -3px;
    display: inline-block;
    border: 2px solid #000;
    border-right: 0;
    border-top: 0;
    transform: rotate(-45deg) translate(-50%, 0);
    transform-origin: left top
}

@media (min-width:769px) {
    .form-row .ui-selectmenu-button .ui-selectmenu-text:after {
        right: 18px
    }
}

.form-row.label-middle .field-wrapper {
    padding: 0
}

.form-row.label-middle label {
    font-size: 1.25rem;
    letter-spacing: .5px;
    color: #888
}

@media (max-width:750px) {
    .form-row.label-middle label {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {
    .form-row.label-middle label {
        padding-left: 2.5em
    }
}

@media (min-width:769px) {
    .form-row.label-middle label {
        font-size: .875rem;
        letter-spacing: .3px;
        line-height: 1.43
    }
}

@media (min-width:769px) and (max-width:750px) {
    .form-row.label-middle label {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.form-row.label-middle label a {
    color: #888;
    border-bottom: 1px solid #888
}

@media (min-width:769px) {
    .form-row.label-middle label a {
        font-size: .875rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .form-row.label-middle label a {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.form-row .user-consent-container .form-row {
    padding-right: 0
}

@media (min-width:769px) {
    .form-row .user-consent-container .form-row {
        padding-top: 0
    }
}

.form-row .user-consent-container .content-asset {
    display: inline-block;
    float: right;
    width: 94%
}

@media (min-width:769px) {
    .form-row .user-consent-container .content-asset {
        float: left;
        width: 92%
    }
}

.form-row .user-consent-container .label-middle {
    position: absolute;
    z-index: 1
}

@media (min-width:769px) {
    .form-row .user-consent-container .label-middle {
        left: 0;
        padding-bottom: 0
    }
}

@media (max-width:768.98px) {
    .form-row .user-consent-container .label-middle {
        padding: 0
    }
}

.form-row .user-consent-container .field-wrapper {
    top: 0;
    position: absolute
}

@media (min-width:769px) {
    .form-row .user-consent-container .field-wrapper {
        padding: 0
    }
}

@media (max-width:768.98px) {
    .form-row .user-consent-container .field-wrapper {
        padding-top: 0
    }
}

.form-row .user-consent-container label {
    color: #888;
    font-size: 1.25rem;
    position: initial;
    padding-left: 2.5em
}

@media (max-width:750px) {
    .form-row .user-consent-container label {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .form-row .user-consent-container label {
        padding-left: 3.3em;
        font-size: .875rem;
        letter-spacing: .3px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .form-row .user-consent-container label {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.form-row .user-consent-container .error-icon {
    display: none
}

.form-row .user-consent-container span.error {
    position: relative;
    opacity: 1;
    margin: 0;
    bottom: 3.8vw;
    border: 0;
    background: 0 0;
    color: #c8102e;
    padding-left: 0;
    display: inline
}

.form-row .user-consent-container span.error:after {
    display: none
}

@media (min-width:769px) {
    .form-row .user-consent-container span.error {
        bottom: 1.7em
    }
}

.form-row .user-consent-container input[type=checkbox] {
    top: 3px
}

.form-row .user-consent-container input[type=checkbox].error::-ms-check {
    border: 1px solid #c8102e
}

.hw-input-desktop {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .hw-input-desktop {
        -ms-flex: 0 0 49%;
        flex: 0 0 49%;
        max-width: 49%
    }
}

.checkout-billing .form-row.addressname .form-field-tooltip,
.checkout-billing .form-row.phone .form-field-tooltip,
.checkout-shipping .form-row.addressname .form-field-tooltip,
.checkout-shipping .form-row.phone .form-field-tooltip,
.edit_address_form .form-row.addressname .form-field-tooltip,
.edit_address_form .form-row.phone .form-field-tooltip {
    float: right;
    display: inline
}

.checkout-billing .form-row.addressname .tooltip,
.checkout-billing .form-row.phone .tooltip,
.checkout-shipping .form-row.addressname .tooltip,
.checkout-shipping .form-row.phone .tooltip,
.edit_address_form .form-row.addressname .tooltip,
.edit_address_form .form-row.phone .tooltip {
    font-size: 1.25rem;
    letter-spacing: .4px;
    border-bottom: 1px solid #000;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (max-width:750px) {

    .checkout-billing .form-row.addressname .tooltip,
    .checkout-billing .form-row.phone .tooltip,
    .checkout-shipping .form-row.addressname .tooltip,
    .checkout-shipping .form-row.phone .tooltip,
    .edit_address_form .form-row.addressname .tooltip,
    .edit_address_form .form-row.phone .tooltip {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {

    .checkout-billing .form-row.addressname .tooltip,
    .checkout-billing .form-row.phone .tooltip,
    .checkout-shipping .form-row.addressname .tooltip,
    .checkout-shipping .form-row.phone .tooltip,
    .edit_address_form .form-row.addressname .tooltip,
    .edit_address_form .form-row.phone .tooltip {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: .3px
    }
}

@media (min-width:769px) {
    .form-row.country .ui-selectmenu-button {
        padding: 8px 18px
    }
}

.form-row.country .ui-selectmenu-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768.98px) {
    .form-row.country .ui-selectmenu-text {
        top: -1vw;
        position: relative
    }
}

.form-row.country .ui-selectmenu-text .flag {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 2.4vw;
    display: inline-block
}

@media (min-width:769px) {
    .form-row.country .ui-selectmenu-text .flag {
        width: 32px;
        height: 32px;
        margin-right: 12px
    }
}

@media (min-width:769px) {
    .form-row.country .ui-selectmenu-text::after {
        top: inherit;
        margin-top: 0;
        transform: rotate(-45deg);
        transform-origin: inherit
    }
}

.ui-menu[id*="_country-menu"] .ui-menu-item-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768.98px) {
    .ui-menu[id*="_country-menu"] .ui-menu-item-wrapper {
        padding: 1.34vw 2.4vw
    }
}

.ui-menu[id*="_country-menu"] .ui-menu-item-wrapper .flag {
    width: 6.4vw;
    height: 6.4vw;
    margin-right: 2.4vw;
    display: inline-block
}

@media (min-width:769px) {
    .ui-menu[id*="_country-menu"] .ui-menu-item-wrapper .flag {
        width: 32px;
        height: 32px;
        margin-right: 12px
    }
}

.modal-body .form-row .user-consent-container .content-asset {
    width: 100%
}

.carousel-recommendations li .badge-container,
.carousel-recommendations li .badge-image-container,
.carousel-recommendations li .btnFindAStore,
.carousel-recommendations li .buy-button,
.carousel-recommendations li .name-link,
.carousel-recommendations li .wishlist {
    display: none
}

.carousel-recommendations li.ar-item,
.carousel-recommendations li.rv-item {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 33%
}

.carousel-recommendations li.ar-item .name-link,
.carousel-recommendations li.rv-item .name-link {
    display: block
}

.rv-block .rv-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 5%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%
}

@media screen and (min-width:769px) {
    .rv-block .rv-section {
        padding-bottom: 8.33333vw
    }
}

@media (min-width:1440px) {
    .rv-block .rv-section {
        padding-bottom: 120px
    }
}

@media screen and (max-width:768px) {
    .rv-block .rv-section {
        padding-right: 0;
        padding-bottom: 16vw;
        padding-left: 0
    }
}

@media (min-width:769px) {
    .rv-block .rv-section {
        margin-left: 12.5%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media screen and (max-width:768px) {
    .rv-block .rv-section.recently-viewed {
        padding-bottom: 32vw
    }
}

.rv-block .rv-section.recently-viewed .carousel-recommendations {
    overflow: hidden
}

@media screen and (max-width:768px) {
    .rv-block .rv-section.recently-viewed .slick-slide {
        margin-right: 1.33333vw;
        margin-left: 1.33333vw
    }
}

@media (min-width:769px) {
    .rv-block .rv-section.recently-viewed .slick-slide {
        margin: 0 7px
    }
}

@media screen and (max-width:768px) {
    .rv-block .rv-section.recently-viewed .slick-list {
        margin-right: -1.33333vw;
        margin-left: -1.33333vw
    }
}

@media (min-width:769px) {
    .rv-block .rv-section.recently-viewed .slick-list {
        margin: 0 -7px
    }
}

.rv-block h3 {
    text-align: center;
    letter-spacing: 3px;
    font-size: 1.875rem
}

@media (max-width:750px) {
    .rv-block h3 {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media screen and (max-width:768px) {
    .rv-block h3 {
        margin: 15.2vw 0 10.26667vw
    }
}

@media (min-width:769px) {
    .rv-block h3 {
        margin: 114px 0 73px
    }
}

.rv-block .product-tile .product-image {
    padding-left: 0;
    padding-right: 0
}

.rv-block .product-tile .product-brand-name-block {
    padding: 0
}

@media screen and (max-width:768px) {
    .rv-block .product-tile .product-brand-name-block {
        margin: 1.06667vw 0 3.6vw
    }
}

@media (min-width:576px) {
    .rv-block .product-tile .product-brand-name-block {
        margin-bottom: 1.32vw
    }
}

@media (min-width:769px) {
    .rv-block .product-tile .product-brand-name-block {
        margin-top: 5.6vw
    }
}

@media (min-width:1440px) {
    .rv-block .product-tile .product-brand-name-block {
        margin: 8px 0 19px
    }
}

.rv-block .product-tile .product-brand {
    font-size: 1.125rem;
    font-family: Arial, Medium, sans-serif
}

@media (max-width:750px) {
    .rv-block .product-tile .product-brand {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:576px) {
    .rv-block .product-tile .product-brand {
        font-size: 12px;
        height: 16px
    }
}

.rv-block .product-tile .product-name {
    padding-right: 0;
    font-size: 1.25rem;
    height: 12vw
}

@media (max-width:750px) {
    .rv-block .product-tile .product-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:576px) {
    .rv-block .product-tile .product-name {
        font-size: 1.25rem;
        height: 46px
    }
}

@media (min-width:576px) and (max-width:750px) {
    .rv-block .product-tile .product-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .rv-block .product-tile .product-name {
        font-size: 14px;
        height: 38px;
        line-height: 1.36
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .rv-block .product-tile .product-name {
        line-height: 1.1;
        height: 45px
    }
}

.rv-block .product-tile .product-pricing {
    padding: 0
}

@media screen and (max-width:768px) {
    .rv-block .product-tile .product-pricing {
        margin-bottom: 4.8vw
    }
}

@media (min-width:576px) {
    .rv-block .product-tile .product-pricing {
        margin-bottom: 2.5vw
    }
}

@media (min-width:769px) {
    .rv-block .product-tile .product-pricing {
        font-size: 14px
    }
}

@media (min-width:1440px) {
    .rv-block .product-tile .product-pricing {
        margin-bottom: 36px
    }
}

.rv-block .product-tile .product-pricing div,
.rv-block .product-tile .product-pricing h2 {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #888;
    font-size: 1.25rem
}

@media (max-width:750px) {

    .rv-block .product-tile .product-pricing div,
    .rv-block .product-tile .product-pricing h2 {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:576px) {

    .rv-block .product-tile .product-pricing div,
    .rv-block .product-tile .product-pricing h2 {
        font-size: 11px
    }
}

@media (min-width:576px) {

    .rv-block .product-tile .product-pricing div,
    .rv-block .product-tile .product-pricing h2 {
        font-size: 14px
    }
}

.rv-block .product-tile .product-pricing div.price-standard,
.rv-block .product-tile .product-pricing h2.price-standard {
    color: #888
}

.rv-block .slick-counter {
    margin-top: 21px;
    text-align: right;
    font-size: 1.125rem;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:750px) {
    .rv-block .slick-counter {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .rv-block .slick-counter {
        letter-spacing: 1.8px
    }
}

.rv-block .slick-counter span {
    max-height: 50px;
    height: 6vw;
    display: inline-block;
    padding: 0 7px;
    letter-spacing: 1.4px
}

.rv-block .slick-counter span:first-child {
    border-right: 1px solid #666
}

.rv-block .slick-counter span:last-child {
    padding-right: 0;
    font-family: Arial, sans-serif;
    color: #666
}

.rv-block .slick-dots {
    display: none;
    opacity: 0
}

@media (min-width:769px) {
    .pt_article .ar-block .tryOn-heading {
        padding-bottom: 93px;
        margin-left: 13%
    }
}

@media screen and (max-width:768px) {
    .pt_article .ar-block .tryOn-heading {
        padding: 0 0 13.86667vw
    }
}

.pt_article .ar-block .tryOn-heading h2 {
    display: inline-block;
    letter-spacing: .8px;
    font-size: 38px;
    line-height: 1
}

@media (min-width:769px) {
    .pt_article .ar-block .tryOn-heading h2 {
        font-size: 80px;
        width: 68%
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .pt_article .ar-block .tryOn-heading h2 {
        line-height: 1;
        font-size: 46px
    }
}

.pt_article .ar-block .tryOn-heading h2 .interupt-title {
    display: block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

.pt_article .ar-block .tryOn-heading h2 span {
    display: block;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.pt_article .ar-block .tryOn-text {
    display: none
}

@media (min-width:769px) {
    .pt_article .ar-block .tryOn-text {
        display: inline-block;
        width: 31%
    }

    .pt_article .ar-block .tryOn-text h4 {
        text-transform: uppercase;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600;
        text-align: left;
        margin: 0;
        letter-spacing: .7px;
        font-size: 28px;
        padding-bottom: 4px
    }

    .pt_article .ar-block .tryOn-text p {
        font-size: 18px;
        line-height: 1.33
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .pt_article .ar-block .tryOn-text h4 {
        font-size: 18px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .pt_article .ar-block .tryOn-text p {
        font-size: 14px
    }
}

.pt_article .ar-block .ar-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: 5%;
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    max-width: 90%
}

@media (min-width:769px) {
    .pt_article .ar-block .ar-section {
        margin-left: 12.5%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.pt_article .ar-block .product-tile .product-image {
    padding-left: 0;
    padding-right: 0
}

.pt_article .ar-block .product-tile .product-brand-name-block {
    padding: 0;
    margin: 8px 0 0
}

@media screen and (max-width:768px) {
    .pt_article .ar-block .product-tile .product-brand-name-block {
        margin: 1.06667vw 0 3.6vw
    }
}

@media (min-width:576px) {
    .pt_article .ar-block .product-tile .product-brand-name-block {
        margin-bottom: 1.32vw
    }
}

@media (min-width:769px) {
    .pt_article .ar-block .product-tile .product-brand-name-block {
        margin-top: 5.6vw
    }
}

@media (min-width:1440px) {
    .pt_article .ar-block .product-tile .product-brand-name-block {
        margin: 8px 0 19px
    }
}

.pt_article .ar-block .product-tile .product-brand-name-block .product-name {
    font-weight: 700;
    line-height: 1.13;
    text-align: left;
    height: 46px;
    padding-right: 0;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .pt_article .ar-block .product-tile .product-brand-name-block .product-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:576px) {
    .pt_article .ar-block .product-tile .product-brand-name-block .product-name {
        font-size: 14px
    }
}

.pt_article .ar-block .product-tile .try-on-button {
    color: #c61633;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-transform: uppercase;
    letter-spacing: .8px;
    margin-bottom: 4.8vw
}

@media (max-width:750px) {
    .pt_article .ar-block .product-tile .try-on-button {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:576px) {
    .pt_article .ar-block .product-tile .try-on-button {
        margin-bottom: 2.5vw
    }
}

@media (min-width:769px) {
    .pt_article .ar-block .product-tile .try-on-button {
        margin-bottom: 36px;
        font-size: 16px
    }
}

.pt_article .ar-block .slick-counter {
    margin-top: 21px;
    text-align: right;
    font-size: 1.125rem;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:750px) {
    .pt_article .ar-block .slick-counter {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .pt_article .ar-block .slick-counter {
        letter-spacing: 1.8px
    }
}

.pt_article .ar-block .slick-counter span {
    max-height: 50px;
    height: 6vw;
    display: inline-block;
    padding: 0 7px;
    letter-spacing: 1.4px
}

.pt_article .ar-block .slick-counter span:first-child {
    border-right: 1px solid #666
}

.pt_article .ar-block .slick-counter span:last-child {
    padding-right: 0;
    font-family: Arial, sans-serif;
    color: #666
}

.pt_article .ar-block .slick-dots {
    display: none;
    opacity: 0;
    z-index: -1
}

.ar-tryon-interrupt .carousel-recommendations {
    overflow: hidden
}

@media screen and (max-width:768px) {
    .ar-tryon-interrupt .slick-slide {
        margin-right: 1.33333vw;
        margin-left: 1.33333vw
    }
}

@media (min-width:769px) {
    .ar-tryon-interrupt .slick-slide {
        margin: 0 7px
    }
}

@media screen and (max-width:768px) {
    .ar-tryon-interrupt .slick-list {
        margin-right: -1.33333vw;
        margin-left: -1.33333vw
    }
}

@media (min-width:769px) {
    .ar-tryon-interrupt .slick-list {
        margin: 0 -7px
    }
}

.recentlyViewedBlock .product-tile .product-brand-name-block {
    min-height: unset
}

.dragdealer {
    position: relative;
    height: 8px;
    background: #ccc;
    cursor: pointer
}

.dragdealer .handle {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    width: auto;
    height: 8px;
    background: #c8102e
}

.js-insta .rv-section {
    margin-left: 12.5%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.insta-modal .modal-wrapper {
    padding: 25px 0;
    border-top: none
}

@media (min-width:769px) {
    .insta-modal .modal-wrapper {
        width: 74vw;
        height: auto;
        max-width: 1074px
    }
}

.insta-modal .modal-body {
    padding: 0 25px;
    overflow: hidden
}

.croppie-container {
    width: 100%;
    height: 100%
}

.croppie-container .cr-boundary {
    background: #fff
}

.croppie-container .cr-image {
    top: 0;
    left: 0;
    z-index: -1;
    max-width: none;
    max-height: none;
    position: absolute;
    transform-origin: 0 0
}

.croppie-container .cr-boundary {
    z-index: 1;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.croppie-container .cr-viewport {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: auto;
    position: absolute;
    pointer-events: none;
    border: 2px solid #fff;
    box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, .5)
}

.croppie-container .cr-overlay {
    z-index: 1;
    cursor: move;
    position: absolute;
    -ms-touch-action: none;
    touch-action: none
}

.croppie-container .cr-slider-wrap {
    width: 75%;
    margin: 15px auto;
    text-align: center
}

@media (min-width:769px) {
    .croppie-container .cr-slider-wrap {
        text-align: right;
        padding-right: 10px
    }
}

.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
    transform: translateZ(0)
}

.croppie-container .cr-slider {
    -webkit-appearance: none;
    width: 60vw;
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: transparent
}

@media (min-width:769px) {
    .croppie-container .cr-slider {
        width: 300px
    }
}

.croppie-container .cr-slider::-webkit-slider-runnable-track {
    border: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #fff
}

.croppie-container .cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: none;
    background: #ddd;
    margin-top: -6px;
    border-radius: 50%
}

.croppie-container .cr-slider:focus {
    outline: 0
}

.croppie-container .cr-slider::-moz-range-track {
    border: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, .5)
}

.croppie-container .cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    background: #ddd;
    margin-top: -6px;
    border-radius: 50%
}

.croppie-container .cr-slider:-moz-focusring {
    outline: #fff solid 1px;
    outline-offset: -1px
}

.croppie-container .cr-slider::-ms-track {
    width: 100%;
    height: 5px;
    background: 0 0;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

.croppie-container .cr-slider::-ms-fill-lower,
.croppie-container .cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px
}

.croppie-container .cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: 1px
}

.croppie-container .cr-slider:focus::-ms-fill-lower,
.croppie-container .cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, .5)
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

@media (max-width:1023.98px) {
    html.nav-open {
        height: 100%;
        overflow: hidden;
        position: relative
    }

    html.nav-open body {
        width: 100%;
        height: 100%;
        overflow: auto;
        position: relative
    }

    html.nav-open .header-container .main-nav-container {
        top: 0;
        right: 0;
        width: 100%;
        height: 100vh;
        z-index: 1001;
        display: block;
        position: fixed;
        border-top: 5px solid #D6001C
    }

    html.nav-open #main .ui-selectmenu-button,
    html.nav-open #main .ui-selectmenu-menu {
        z-index: 99
    }

    html.nav-open .forgot-password-modal .modal-wrapper {
        width: 90%;
        max-width: none
    }
}

@media (max-width:1023.98px) {
    .header-container .root-categories-navigation {
        right: 0;
        z-index: 1;
        width: 84.4%;
        height: 100%;
        float: right;
        position: absolute;
        background: #fff
    }

    .header-container .nav-overlay {
        opacity: .7;
        width: 100%;
        height: 100%;
        position: absolute;
        background: #000
    }

    .header-container .top-navigation-list {
        max-height: 100vh;
        padding-bottom: 100px
    }

    .header-container .top-navigation-list .signin-link {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:1024px) {
    .header-container.top-notification-configured .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav {
        transform: translate(-50%, 104px)
    }

    .header-container.top-notification-configured .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .level-2-wrapper {
        max-height: calc(100vh - 104px)
    }
}

@media (min-width:1024px) {
    .sticky-header .header-container.top-notification-configured .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav {
        transform: translate(-50%, 79px)
    }

    .sticky-header .header-container.top-notification-configured .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .level-2-wrapper {
        max-height: calc(100vh - 79px)
    }
}

@media (min-width:1024px) {
    .sticky-header .main-nav .menu-list .top-navigation-list .main-sub-nav {
        position: fixed
    }
}

.main-nav {
    width: 100%
}

.main-nav .mobile-courtesy-nav,
.main-nav .mobile-navigation-camellia {
    display: block
}

@media (min-width:1024px) {

    .main-nav .mobile-courtesy-nav,
    .main-nav .mobile-navigation-camellia {
        display: none
    }
}

@media (max-width:1023.98px) {

    .main-nav .signin-link.registered .signin-overlay .country-selector-block,
    .main-nav .signin-link.registered .signin-overlay .icon-close,
    .main-nav .signin-link.registered .signin-overlay .icon.overlay,
    .main-nav .signin-link.registered .signin-overlay .signin-username-wrap,
    .main-nav .signin-link.registered .signin-overlay .splitter {
        display: none
    }
}

@media (max-width:1023.98px) and (min-width:1024px) {
    .main-nav .signin-link.registered .signin-overlay .signin-username .label {
        display: block
    }
}

@media (max-width:1023.98px) {
    .main-nav .menu-list ul {
        overflow-x: hidden;
        overflow-y: auto
    }

    .main-nav .menu-list ul li {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-nav .menu-list ul li ul {
        width: 100%;
        height: 100%
    }

    .main-nav .menu-list ul li.active:not(.main-nav-overlay-list)>a::after {
        height: 3px;
        background: #D6001C
    }

    .main-nav .menu-list ul li.alternate-cat-wrapper .desc {
        display: none
    }

    .main-nav .menu-list ul li.contact-us>a,
    .main-nav .menu-list ul li.signin-link>a,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) a {
        width: 100%;
        padding: 18px 20px 18px 24px
    }

    .main-nav .menu-list ul li.contact-us>a::after,
    .main-nav .menu-list ul li.signin-link>a::after,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) a::after {
        left: 8px;
        bottom: 0;
        height: 1px;
        content: '';
        position: absolute;
        width: calc(100% - 28px);
        background: #ccc
    }

    .main-nav .menu-list ul li.contact-us>a.log-out-link,
    .main-nav .menu-list ul li.signin-link>a.log-out-link,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) a.log-out-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .main-nav .menu-list ul li.contact-us>a.log-out-link span:last-child,
    .main-nav .menu-list ul li.signin-link>a.log-out-link span:last-child,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) a.log-out-link span:last-child {
        padding-left: 36px
    }

    .main-nav .menu-list ul li.contact-us>a,
    .main-nav .menu-list ul li.contact-us>span,
    .main-nav .menu-list ul li.signin-link>a,
    .main-nav .menu-list ul li.signin-link>span,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) a,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) span {
        font-size: 15px;
        position: relative;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #000
    }

    .main-nav .menu-list ul li.contact-us>a .right-arrow,
    .main-nav .menu-list ul li.contact-us>span .right-arrow,
    .main-nav .menu-list ul li.signin-link>a .right-arrow,
    .main-nav .menu-list ul li.signin-link>span .right-arrow,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) a .right-arrow,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) span .right-arrow {
        color: #000;
        font-size: 12px
    }

    .main-nav .menu-list ul li.contact-us>a.superscript,
    .main-nav .menu-list ul li.contact-us>span.superscript,
    .main-nav .menu-list ul li.signin-link>a.superscript,
    .main-nav .menu-list ul li.signin-link>span.superscript,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) a.superscript,
    .main-nav .menu-list ul li:not(.main-nav-overlay-list) span.superscript {
        top: -4px;
        left: 3px;
        font-size: 10px;
        position: relative;
        white-space: nowrap;
        color: #D6001C
    }

    .main-nav .menu-list ul li.back-link,
    .main-nav .menu-list ul li.signin-link {
        background: #eee
    }

    .main-nav .menu-list ul li.back-link>a::after,
    .main-nav .menu-list ul li.contact-us>a::after,
    .main-nav .menu-list ul li.signin-link>a::after {
        display: none
    }

    .main-nav .menu-list ul li.signin-link.guest>a,
    .main-nav .menu-list ul li.signin-link:not(.guest)>a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    .main-nav .menu-list ul li.signin-link span.user-icon {
        font-size: 21px;
        position: absolute
    }

    .main-nav .menu-list ul li.signin-link span.label {
        padding-left: 36px
    }

    .main-nav .menu-list ul li.back-link>span {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: start;
        justify-content: start;
        padding: 18px 20px 18px 24px
    }

    .main-nav .menu-list ul li.back-link i {
        margin-right: 15px
    }

    .main-nav .menu-list ul li.level-3-link a.no-link,
    .main-nav .menu-list ul li.level-3-link a.see-all-link {
        display: inline-block
    }

    .main-nav .menu-list ul .back-link span {
        -ms-flex-pack: start;
        justify-content: start
    }

    .main-nav .menu-list ul .back-link i {
        color: #000;
        font-size: 12px
    }

    .main-nav .menu-list .level-1>li>.main-sub-nav>div {
        height: 100%
    }

    .main-nav .menu-list .level-2 ul.sub-menu,
    .main-nav .menu-list .main-sub-nav {
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 10;
        width: 100%;
        height: 100%;
        position: absolute;
        padding-bottom: 114px;
        background-color: #fff;
        transition-duration: 500ms;
        transform: translateX(100%)
    }

    .main-nav .menu-list .level-2 ul.sub-menu.active,
    .main-nav .menu-list .main-sub-nav.active {
        transform: translateX(0)
    }
}

@media (min-width:1024px) {
    .main-nav .menu-list .top-navigation-list li {
        display: inline-block
    }

    .main-nav .menu-list .top-navigation-list li.back-link,
    .main-nav .menu-list .top-navigation-list li.signin-link {
        display: none
    }

    .main-nav .menu-list .top-navigation-list>li>a {
        white-space: nowrap
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu>a,
    .main-nav .menu-list .top-navigation-list>.no-sub-menu>a {
        font-family: Arial, Medium, sans-serif;
        font-weight: 600;
        color: #fff
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav {
        top: 0;
        left: 50%;
        width: 100%;
        z-index: 1000;
        display: block;
        position: absolute;
        transform: translate(-50%, 79px)
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .close-wrapper {
        top: 28px;
        left: 50%;
        width: 100%;
        margin: 0 auto;
        max-width: 1440px;
        position: absolute;
        display: inline-block;
        transform: translate(-50%, 0)
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .icon-close {
        top: 0;
        cursor: pointer;
        position: absolute;
        right: calc(5% + 20px)
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .level-2-wrapper {
        overflow-y: auto;
        overflow-x: hidden;
        max-height: calc(100vh - 79px)
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .level-2-wrapper .level-2-full-width {
        width: 100%;
        background: #fff;
        display: inline-block;
        box-shadow: 0 10px 12px rgba(0, 0, 0, .05)
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .level-2-wrapper .level-2-container {
        margin: 0 auto;
        max-width: 1440px
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu.js-hover .main-sub-nav .level-2-wrapper .level-2-bottom-space {
        width: 100%;
        height: 100px;
        display: inline-block
    }

    .main-nav .menu-list .top-navigation-list>.has-sub-menu .main-sub-nav {
        display: none
    }

    .main-nav .menu-list .top-navigation-list .level-2 {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 22px 0 35px;
        padding: 0 calc(5% + 20px)
    }

    .main-nav .menu-list .top-navigation-list .level-2>li {
        width: 19.06%;
        padding-right: 20px;
        text-transform: none
    }

    .main-nav .menu-list .top-navigation-list .level-2>li:nth-child(2) {
        width: 100%;
        margin-bottom: 20px;
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        color: #000
    }

    .main-nav .menu-list .top-navigation-list .level-2>li:nth-child(2)>a:hover {
        text-decoration: underline
    }

    .main-nav .menu-list .top-navigation-list .level-2>li:nth-child(2)>a.no-link:hover {
        text-decoration: none
    }

    .main-nav .menu-list .top-navigation-list .level-2>li:last-child {
        width: 23.7%;
        padding-right: 0
    }

    .main-nav .menu-list .top-navigation-list .level-2>li:last-child .column {
        border: none
    }

    .main-nav .menu-list .top-navigation-list .level-2>li>a {
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        color: #000
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column {
        height: 100%;
        padding-right: 10px;
        border-right: 1px solid #ccc
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column>li {
        margin-bottom: 18px
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column>li:last-child {
        margin-bottom: 0
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column .has-sub-menu-2>a {
        display: none
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column .no-sub-cat-2 {
        width: 100%
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column .no-sub-cat-2 a {
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        color: #000
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column .no-sub-cat-2 a:hover {
        text-decoration: underline
    }

    .main-nav .menu-list .top-navigation-list .level-2 .column .no-sub-cat-2 a.no-link:hover {
        text-decoration: none
    }

    .main-nav .menu-list .top-navigation-list .level-2 .alternate-cat-wrapper {
        width: 100%
    }

    .main-nav .menu-list .top-navigation-list .level-2 .alternate-cat-wrapper>ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-nav .menu-list .top-navigation-list .level-2 .alternate-cat-wrapper .desc {
        font-size: 14px;
        margin-top: 11px;
        line-height: 24px;
        text-transform: none;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #666
    }

    .main-nav .menu-list .top-navigation-list .level-2 .alternate-cat-wrapper .no-sub-cat-2:not(:nth-child(1)) {
        margin-top: 10px
    }

    .main-nav .menu-list .top-navigation-list .level-2 .alternate-cat-wrapper .no-sub-cat-2>a {
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        color: #000
    }

    .main-nav .menu-list .top-navigation-list .level-2 .alternate-cat-wrapper .no-sub-cat-2>a:hover {
        text-decoration: underline
    }

    .main-nav .menu-list .top-navigation-list .level-2 .alternate-cat-wrapper .no-sub-cat-2>a.no-link:hover {
        text-decoration: none
    }

    .main-nav .menu-list .top-navigation-list .level-3>li {
        width: 100%
    }

    .main-nav .menu-list .top-navigation-list .level-3>li:nth-child(2)>a {
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        color: #000
    }

    .main-nav .menu-list .top-navigation-list .level-3>li:nth-child(2)>a:hover {
        text-decoration: underline
    }

    .main-nav .menu-list .top-navigation-list .level-3>li:nth-child(2)>a.no-link:hover {
        text-decoration: none
    }

    .main-nav .menu-list .top-navigation-list .level-3>li:not(:nth-child(2)) {
        margin-top: 10px
    }

    .main-nav .menu-list .top-navigation-list .level-3>li:not(:nth-child(2)) a:hover:hover .name {
        text-decoration: underline
    }

    .main-nav .menu-list .top-navigation-list .level-3>li:not(:nth-child(2)) a:hover.no-link:hover .name {
        text-decoration: none
    }

    .main-nav .menu-list .top-navigation-list .level-3>li a {
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #000
    }

    .main-nav .menu-list .top-navigation-list .level-3>li a.no-link .for-mobile,
    .main-nav .menu-list .top-navigation-list .level-3>li a.see-all-link .for-mobile {
        display: none
    }

    .main-nav .menu-list .top-navigation-list .level-3 .superscript {
        top: -4px;
        left: 3px;
        font-size: 10px;
        position: relative;
        white-space: nowrap;
        color: #D6001C
    }
}

.main-nav .menu-list .nav-promotional-content {
    display: none
}

@media (min-width:1024px) {
    .main-nav .menu-list .nav-promotional-content {
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 18px;
        padding: 0 calc(5% + 10px)
    }

    .main-nav .menu-list .nav-promotional-content .promo-content-wrapper {
        width: 50%;
        display: -ms-flexbox;
        display: flex;
        padding: 0 10px;
        text-transform: none;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .main-nav .menu-list .nav-promotional-content .promo-content-wrapper:hover .promo-image img {
        transform: scale(1.2)
    }

    .main-nav .menu-list .nav-promotional-content .promo-content-wrapper:hover .promo-link {
        text-decoration: underline
    }

    .main-nav .menu-list .nav-promotional-content .promo-content-wrapper:hover .promo-link i {
        top: 0
    }

    .main-nav .menu-list .nav-promotional-content .promo-image {
        width: 40.5%;
        overflow: hidden;
        margin-right: 20px
    }

    .main-nav .menu-list .nav-promotional-content .promo-image img {
        width: 100%;
        transition: transform .5s ease-in-out
    }

    .main-nav .menu-list .nav-promotional-content .promo-details {
        padding-right: 4%;
        width: calc(59.5% - 20px)
    }

    .main-nav .menu-list .nav-promotional-content .promo-badge,
    .main-nav .menu-list .nav-promotional-content .promo-link {
        font-size: 14px;
        font-family: Arial, Bold, sans-serif
    }

    .main-nav .menu-list .nav-promotional-content .promo-badge {
        color: #D6001C
    }

    .main-nav .menu-list .nav-promotional-content .promo-link {
        color: #000;
        margin: 2px 0 12px;
        display: inline-block
    }

    .main-nav .menu-list .nav-promotional-content .promo-link i {
        top: 2px;
        position: relative
    }

    .main-nav .menu-list .nav-promotional-content .description {
        font-size: 14px;
        line-height: 24px;
        font-family: Arial, sans-serif
    }
}

.no-link {
    cursor: default
}

.header-container .nav-container-inner {
    position: relative
}

@media (min-width:1024px) {
    .header-container .utility-nav .courtesy-nav {
        margin-right: -20px
    }
}

.header-container .utility-nav .courtesy-nav .contactus-link,
.header-container .utility-nav .tertiary-nav {
    display: none
}

@media (min-width:769px) {
    .header-container .utility-nav .courtesy-nav .contactus-link {
        display: block
    }
}

@media (min-width:1024px) {
    .header-container .utility-nav .tertiary-nav {
        display: block;
        position: absolute;
        top: -2px;
        right: 3px;
        width: 270px;
        margin-right: 5px;
        text-align: right
    }

    .header-container .utility-nav .tertiary-nav li {
        display: inline-block;
        margin: 0;
        padding: 0 10px
    }

    .header-container .utility-nav .tertiary-nav li:last-of-type {
        padding-right: 0
    }

    .header-container .utility-nav .tertiary-nav li:hover::after {
        display: none
    }

    .header-container .utility-nav .tertiary-nav li>a {
        color: #ccc
    }

    .header-container .utility-nav .tertiary-nav li a {
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 10px
    }

    .header-container .utility-nav .tertiary-nav li a:hover {
        border-bottom: 1px solid #ccc
    }
}

@media (min-width:1024px) and (min-width:1024px) {
    .header-container .utility-nav .tertiary-nav li .contact-short-information .contact-info-row a {
        color: #000
    }
}

@media (min-width:1024px) {

    .header-container .utility-nav .tertiary-nav .contactus-link.active a,
    .header-container .utility-nav .tertiary-nav .ordertracking.active a,
    .header-container .utility-nav .tertiary-nav .store-locator.active a {
        color: #ccc;
        border-bottom: 2px solid #c8102e
    }

    .header-container .utility-nav .tertiary-nav .languageSelector {
        padding-right: 0
    }

    .header-container .utility-nav .tertiary-nav .languageSelector a {
        text-transform: uppercase
    }

    .header-container .utility-nav .tertiary-nav .languageSelector:last-of-type {
        display: contents
    }
}

@media (min-width:769px) {
    .header-container .utility-nav .tertiary-nav .contact-info-row a {
        font-size: 1rem;
        line-height: normal
    }

    .header-container .utility-nav .tertiary-nav .contact-info-row .icon {
        margin: 0 25px 0 0
    }
}

.header-container .utility-nav .icon-account,
.header-container .utility-nav .icon-hamburger,
.header-container .utility-nav .icon-pin,
.header-container .utility-nav .icon-search {
    font-size: 20px
}

.header-container .utility-nav .icon-chat {
    font-size: 19px
}

.header-container .mobile-courtesy-nav {
    padding-top: 114px
}

.header-container .mobile-courtesy-nav .mobile-contact-section {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-container .mobile-courtesy-nav .mobile-contact-section a::after {
    background: #fff
}

.header-container .mobile-courtesy-nav .mobile-contact-section .mobile-store-locator-link.active a::after {
    height: 1px;
    background: #c8102e;
    content: '';
    position: absolute;
    left: 33px;
    bottom: -1px
}

@media only screen and (min-width:650px) {
    .header-container .mobile-courtesy-nav .mobile-contact-section .mobile-store-locator-link.active a::after {
        left: 120px;
        width: 180px
    }
}

.header-container .mobile-courtesy-nav .mobile-contact-section .contactus-link,
.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link,
.header-container .mobile-courtesy-nav .mobile-contact-section .store-locator {
    padding-left: 25px;
    padding-right: 0;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header-container .mobile-courtesy-nav .mobile-contact-section .contactus-link .icon-chat,
.header-container .mobile-courtesy-nav .mobile-contact-section .contactus-link .icon-pin,
.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link .icon-chat,
.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link .icon-pin,
.header-container .mobile-courtesy-nav .mobile-contact-section .store-locator .icon-chat,
.header-container .mobile-courtesy-nav .mobile-contact-section .store-locator .icon-pin {
    font-size: 20px;
    color: #666
}

.header-container .mobile-courtesy-nav .mobile-contact-section .contactus-link .label,
.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link .label,
.header-container .mobile-courtesy-nav .mobile-contact-section .store-locator .label {
    padding-left: 14px;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    color: #666
}

.header-container .mobile-courtesy-nav .mobile-contact-section .contactus-link::after,
.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link::after,
.header-container .mobile-courtesy-nav .mobile-contact-section .store-locator::after {
    background: 0 0
}

.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link {
    padding: 18px 0 18px 25px;
    width: 100%
}

.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link .icon-ordertracking {
    font-size: 16px;
    color: #666;
    position: relative;
    top: 1px
}

.header-container .mobile-courtesy-nav .mobile-contact-section .ordertracking-link .label {
    padding-left: 15px
}

.header-container .mobile-courtesy-nav .mobile-contact-section .store-locator .label {
    padding-left: 18px
}

.header-container .mobile-courtesy-nav .mobile-contact-section .contactus-link.active::after {
    display: block;
    height: 1px;
    background: #c8102e;
    content: '';
    position: absolute;
    left: 33px;
    width: 80%;
    bottom: -1px
}

@media only screen and (min-width:650px) {
    .header-container .mobile-courtesy-nav .mobile-contact-section .contactus-link.active::after {
        left: 114px;
        width: 160px
    }
}

@media (max-width:1023.98px) {
    .header-container .mobile-courtesy-nav .contactus-overlay {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1003;
        display: block;
        position: fixed;
        overflow: scroll;
        border-top: 5px solid #D6001C;
        box-shadow: 0 5px 16px 4px rgba(0, 0, 0, .12)
    }

    .header-container .mobile-courtesy-nav .contactus-overlay .close-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
        width: 13%;
        height: 10vw;
        text-align: right;
        margin: 4.8vw 5.33333vw 0 0
    }

    .header-container .mobile-courtesy-nav .contactus-overlay .icon-close {
        display: block;
        font-size: calc(0.20143rem + 3.03696vw)
    }

    .header-container .mobile-courtesy-nav .contactus-overlay .contact-short-information {
        padding: 25px
    }

    .header-container .mobile-courtesy-nav .contactus-overlay .contact-short-information .contact-info-row a,
    .header-container .mobile-courtesy-nav .contactus-overlay .contact-short-information .contact-info-row span {
        padding: 0 20px 0 5px;
        color: #000
    }
}

.header-container .mobile-courtesy-nav .languageSelector {
    padding: 10px 10px 10px 80px;
    display: inline-block
}

.header-container .mobile-courtesy-nav .languageSelector:last-of-type {
    padding-left: 45px
}

@media (min-width:650px) {

    .header-container .mobile-courtesy-nav .languageSelector,
    .header-container .mobile-courtesy-nav .languageSelector:last-of-type {
        padding-left: 27%
    }
}

.header-container .mobile-courtesy-nav .languageSelector .locale-language {
    padding: 0
}

.header-container .mobile-courtesy-nav .languageSelector a::after {
    background: #fff;
    height: 0
}

.header-container .mobile-courtesy-nav .languageSelector .locale-language::after {
    background: 0 0;
    height: 0
}

.header-container .mobile-courtesy-nav .languageSelector .locale-name {
    padding: 10px;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block
}

.header-container .mobile-courtesy-nav .languageSelector.current .locale-name {
    padding: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center
}

.header-container .mobile-courtesy-nav .splitter {
    margin: 0 20px
}

.header-container .mobile-navigation-camellia {
    text-align: center
}

.header-container .mobile-navigation-camellia .camellia-home {
    padding-top: 0;
    padding-bottom: 50px;
    display: block
}

.header-container .mobile-navigation-camellia .camellia-home::after {
    background: 0 0
}

.header-container .mobile-navigation-camellia img {
    width: 50px;
    height: 50px;
    margin: 12px 0
}

@media (min-width:768px) {
    .header-container .mobile-navigation-camellia img {
        width: 100px;
        height: 100px;
        margin-top: 40px
    }
}

.sticky-header .header-container .tertiary-nav {
    display: none
}

@media (min-width:1024px) {
    .sticky-header .header-container .tertiary-nav {
        display: block;
        position: absolute;
        top: 0;
        right: 3px;
        width: 270px
    }
}

.mobile-utility-nav {
    text-align: right
}

@media (max-width:768.98px) {
    .mobile-utility-nav ul {
        padding: 0;
        display: block;
        text-align: right
    }

    .mobile-utility-nav ul li {
        list-style: none;
        display: inline-block;
        margin: 0 2vw;
        vertical-align: top
    }

    .mobile-utility-nav ul li .icon {
        width: 50px;
        height: 45px;
        display: inline-block;
        vertical-align: top;
        color: #fff
    }
}

@media (max-width:768.98px) and (min-width:576px) and (max-width:768px) {
    .mobile-utility-nav ul li .icon {
        width: 32px
    }
}

@media (max-width:768.98px) {
    .mobile-utility-nav ul li .icon-hamburger {
        text-align: center;
        line-height: .56rem;
        padding-top: .8rem;
        position: relative
    }
}

@media (max-width:768.98px) and (min-width:576px) and (max-width:768px) {
    .mobile-utility-nav ul li .icon-hamburger {
        padding-top: .6rem
    }
}

@media (max-width:768.98px) and (min-width:769px) {
    .mobile-utility-nav ul li .icon-hamburger {
        line-height: .7rem;
        padding-top: .7rem
    }
}

@media (max-width:768.98px) {

    .mobile-utility-nav ul li .icon-hamburger:after,
    .mobile-utility-nav ul li .icon-hamburger:before {
        content: ''
    }

    .mobile-utility-nav ul li .icon-hamburger span,
    .mobile-utility-nav ul li .icon-hamburger:after,
    .mobile-utility-nav ul li .icon-hamburger:before {
        background: #fff;
        width: 26px;
        height: 1px;
        display: inline-block;
        vertical-align: top;
        margin: 0 auto
    }
}

@media (max-width:768.98px) and (min-width:769px) {

    .mobile-utility-nav ul li .icon-hamburger span,
    .mobile-utility-nav ul li .icon-hamburger:after,
    .mobile-utility-nav ul li .icon-hamburger:before {
        width: 30px
    }
}

@media (max-width:768.98px) and (min-width:576px) and (max-width:768px) {

    .mobile-utility-nav ul li .icon-hamburger span,
    .mobile-utility-nav ul li .icon-hamburger:after,
    .mobile-utility-nav ul li .icon-hamburger:before {
        width: 32px;
        margin: 0 auto 9px;
        height: 2px
    }
}

@media screen and (max-width:576px) {
    .mobile-utility-nav ul li .icon {
        width: 34px;
        font-size: 28px
    }
}

html.nav-open .header-wrapper .icon-hamburger {
    position: fixed;
    right: 5.666666666666667VW;
    top: 3.733333333333334VW;
    padding: 0;
    background: #000
}

@media (min-width:576px) and (max-width:768px) {
    html.nav-open .header-wrapper .icon-hamburger {
        top: 3.222VW
    }
}

html.nav-open .header-wrapper .icon-hamburger span {
    display: none
}

html.nav-open .header-wrapper .icon-hamburger:after,
html.nav-open .header-wrapper .icon-hamburger:before {
    transform: rotate(-45deg);
    height: 2px;
    margin-left: 0;
    position: absolute;
    left: 10px;
    top: 1rem
}

@media (min-width:576px) and (max-width:768px) {

    html.nav-open .header-wrapper .icon-hamburger:after,
    html.nav-open .header-wrapper .icon-hamburger:before {
        top: .5rem
    }
}

html.nav-open .header-wrapper .icon-hamburger:after {
    transform: rotate(45deg)
}

html .overlay {
    display: none
}

.utility-nav {
    text-align: left
}

.utility-nav ul {
    padding: 0;
    display: block
}

@media (min-width:769px) {
    .utility-nav ul {
        margin-right: 15px;
        cursor: default
    }
}

.utility-nav ul li {
    list-style: none
}

@media screen and (max-width:768px) {
    .utility-nav ul li {
        padding: 1.6vw 0 .93333vw
    }
}

@media (min-width:769px) {
    .utility-nav ul li {
        display: inline-block;
        padding: 12px 1px 0;
        margin: 0 2.8%;
        vertical-align: bottom
    }
}

@media (max-width:1023.98px) {
    .utility-nav ul li {
        margin: 0
    }
}

.utility-nav ul li>a {
    font-size: 1.25rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    display: inline-block
}

@media (max-width:750px) {
    .utility-nav ul li>a {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {
    .utility-nav ul li>a {
        width: 100%
    }
}

@media (min-width:769px) {
    .utility-nav ul li>a .label {
        display: none
    }
}

@media (min-width:769px) {
    .utility-nav ul li.active>a {
        color: #c8102e
    }
}

@media (min-width:769px) {
    .utility-nav ul li.active .icon i {
        color: #c8102e
    }
}

@media screen and (max-width:768px) {
    .utility-nav ul li .icon {
        margin-right: 3.33333vw
    }
}

@media (max-width:768.98px) {
    .utility-nav ul li .icon {
        display: inline-block;
        vertical-align: middle
    }
}

@media (max-width:768.98px) {
    .utility-nav ul li .icon {
        width: 6.4vw
    }
}

.utility-nav ul li .icon i {
    display: inline-block;
    color: #fff;
    font-size: 1.875rem
}

@media (max-width:750px) {
    .utility-nav ul li .icon i {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (min-width:769px) {
    .utility-nav ul li .icon i {
        font-size: 17px
    }
}

.contact-number-wrapper {
    background: #f1f1f1;
    margin: 0 -10px;
    text-align: center;
    padding: 23px 0
}

.contact-number-wrapper .contact-number {
    font-size: 1.5rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000;
    line-height: 32px
}

@media (max-width:750px) {
    .contact-number-wrapper .contact-number {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.contact-number-wrapper .contact-number:before {
    content: '';
    background: url(../images/sprite.png) 0 -215px no-repeat;
    display: inline-block;
    width: 32px;
    height: 32px;
    vertical-align: middle;
    margin-right: 6px
}

.nav-container .utility-nav .icon-sign-out {
    font-size: 1.375rem;
    cursor: pointer;
    margin: 0 0 0 3px;
    width: auto
}

@media (max-width:750px) {
    .nav-container .utility-nav .icon-sign-out {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (max-width:768.98px) {
    .nav-container .utility-nav .icon-sign-out {
        font-size: 1.875rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .nav-container .utility-nav .icon-sign-out {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

.nav-container .utility-nav .icon-sign-out::before {
    font-weight: 700
}

.nav-container .utility-nav .nav-toggle {
    padding-left: 4vw;
    padding-right: 4vw;
    display: none
}

.nav-container .utility-nav .icon-rightCarrot {
    font-size: 17px;
    color: #fff
}

.nav-container .utility-nav .has-sub-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:769px) {
    .nav-container .utility-nav .has-sub-menu {
        display: inline-block
    }
}

.nav-container .contactus-overlay-container {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    display: block;
    position: fixed;
    overflow: scroll;
    z-index: 0
}

@media (min-width:769px) {
    .nav-container .contactus-overlay-container {
        display: none
    }
}

.nav-container .contactus-overlay {
    position: absolute;
    background: #fff;
    color: #000;
    z-index: 1001;
    text-align: left
}

.nav-container .contactus-overlay .main-nav {
    margin-top: 0
}

.nav-container .contactus-overlay .contact-info-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.nav-container .contactus-overlay .contact-info-row a {
    display: -ms-inline-flexbox;
    display: inline-flex
}

@media (min-width:769px) {
    .nav-container .contactus-overlay {
        box-shadow: 0 5px 16px 4px rgba(0, 0, 0, .12);
        width: 570px;
        right: -53px;
        top: 39px;
        padding: 1.4em 1.8em 2em;
        display: none
    }

    .nav-container .contactus-overlay .top-arrow {
        content: '';
        right: 0;
        background: 0 0;
        display: block;
        position: absolute;
        height: 40px;
        width: 100%
    }

    .nav-container .contactus-overlay .top-arrow::after {
        content: '';
        display: block;
        position: absolute;
        top: -50px;
        bottom: 0;
        right: 60px;
        border: 13px solid #fff;
        border-color: transparent transparent #fff;
        height: 0
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .nav-container .contactus-overlay .top-arrow::after {
        right: 54px
    }
}

@media (min-width:769px) {
    .nav-container .contactus-overlay .icon-close {
        font-size: 28px;
        position: absolute;
        right: 15px;
        top: 20px;
        cursor: pointer;
        z-index: 100
    }

    .nav-container .contactus-overlay .login-wrapper {
        margin: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: static
    }
}

.nav-container .contactus-overlay .contactus-overlay-header {
    position: relative
}

@media (max-width:768.98px) {
    .nav-container .contactus-overlay .contactus-overlay-header {
        padding: 3.46667vw 0
    }

    .nav-container .contactus-overlay .icon-close {
        display: none
    }
}

.nav-container .signin-overlay {
    position: absolute;
    background: #fff;
    color: #000;
    z-index: 999;
    text-align: left
}

.nav-container .signin-overlay .main-nav {
    margin-top: 0
}

.nav-container .signin-overlay .splitter {
    border: 0;
    border-bottom: 1px solid;
    height: 1px
}

.nav-container .signin-overlay .sb-container {
    padding: 0;
    position: static
}

.nav-container .signin-overlay .sb-content {
    overflow-x: hidden
}

.nav-container .signin-overlay .sb-scrollbar-container {
    right: 0
}

@media (min-width:1024px) {
    .nav-container .signin-overlay {
        box-shadow: 0 5px 16px 4px rgba(0, 0, 0, .12);
        width: 438px;
        right: -63px;
        top: 49px;
        padding: 2em 1.8em;
        display: none;
        z-index: 1000
    }

    .nav-container .signin-overlay .top-arrow {
        content: '';
        right: 0;
        background: 0 0;
        display: block;
        position: absolute;
        height: 40px;
        width: 100%
    }

    .nav-container .signin-overlay .top-arrow::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        top: -75px;
        right: 99px;
        border: 13px solid #fff;
        border-color: transparent transparent #fff;
        height: 40px
    }
}

@media (min-width:1024px) and (max-width:1439px) {
    .nav-container .signin-overlay .top-arrow::after {
        right: 60px
    }
}

@media (min-width:1024px) and (max-width:1024px) {
    .nav-container .signin-overlay .top-arrow::after {
        right: 60px
    }
}

@media (min-width:1024px) and (min-width:1440px) {
    .nav-container .signin-overlay .top-arrow::after {
        right: 60px
    }
}

@media (min-width:1024px) {
    .nav-container .signin-overlay .arrow-adjustment::after {
        right: 60px
    }
}

@media (min-width:1024px) and (max-width:1024px) {
    .nav-container .signin-overlay .arrow-adjustment::after {
        right: 55px
    }
}

@media (min-width:1024px) {
    .nav-container .signin-overlay .icon-close {
        font-size: 28px;
        position: absolute;
        right: 15px;
        top: 20px;
        cursor: pointer;
        z-index: 100
    }

    .nav-container .signin-overlay .signin-username-wrap {
        margin-bottom: 20px
    }

    .nav-container .signin-overlay .signin-username {
        line-height: 1
    }

    .nav-container .signin-overlay ul.level-1 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .nav-container .signin-overlay ul.level-1 li.hover {
        border: none;
        padding-bottom: 8px
    }
}

@media (min-width:1024px) and (min-width:1024px) {
    .nav-container .signin-overlay ul.level-1 li .padded-links {
        padding: 12px 0;
        width: 138px;
        border-bottom: 1px solid #f1f1f1;
        margin: 0 16px
    }

    .nav-container .signin-overlay ul.level-1 li.log-out-link {
        border-bottom: none
    }
}

@media (min-width:1024px) {
    .nav-container .signin-overlay ul.level-1 li:not(.back-link) {
        display: block;
        width: 100%
    }

    .nav-container .signin-overlay ul.level-1 li:not(.back-link) a {
        color: #414141;
        font-family: Arial, sans-serif;
        font-size: 14px;
        line-height: 14px
    }

    .nav-container .signin-overlay ul.level-1 .back-link {
        display: none
    }

    .nav-container .signin-overlay .login-wrapper {
        margin: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: static
    }

    .nav-container .signin-overlay .splitter {
        margin: 2em 0;
        border-color: #ccc
    }

    .nav-container .signin-overlay .create-new-account {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 1em;
        padding: 0
    }

    .nav-container .signin-overlay nav.main-nav {
        max-width: 100% !important;
        padding: 0 !important
    }
}

@media (min-width:1023px) and (max-width:1024px) {
    .nav-container .signin-overlay {
        right: -59px
    }
}

.nav-container .signin-overlay .signin-overlay-header {
    position: relative
}

@media (max-width:1023.98px) {
    .nav-container .signin-overlay .signin-overlay-header {
        padding: 3.46667vw 0
    }

    .nav-container .signin-overlay ul.level-1 li.back-link {
        padding: 0
    }

    .nav-container .signin-overlay .splitter {
        border-color: #fff;
        margin: 5.3333vw 0
    }
}

@media (min-width:1441px) {
    .nav-container .sb-container .sb-scrollbar-container {
        visibility: hidden
    }
}

.nav-container .contactus-link a,
.nav-container .signin-link a {
    display: inline-block
}

@media (min-width:769px) {

    .nav-container .contactus-link.hovered .contactus-overlay,
    .nav-container .contactus-link.no-touch:hover .contactus-overlay {
        display: none
    }
}

@media (max-width:768.98px) {
    .nav-container .contactus-link .contactus-overlay {
        box-shadow: 0 5px 16px 4px rgba(0, 0, 0, .12);
        position: fixed;
        display: none;
        overflow: scroll;
        z-index: 1003
    }

    .nav-container .contactus-link .contactus-overlay.active {
        display: block
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .nav-container .contactus-link .contactus-in-dropdown {
        padding: 3.46667vw 0
    }
}

@media (max-width:768.98px) {
    .nav-container .contactus-link .close-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
        width: 13%;
        height: 10vw;
        text-align: right;
        background: #fff
    }

    .nav-container .contactus-link .icon-close {
        font-size: 1.625rem;
        cursor: pointer;
        margin: 4.8vw 5.33333vw 0 0;
        display: inline-block
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .nav-container .contactus-link .icon-close {
        font-size: calc(0.20143rem + 3.03696vw)
    }
}

@media (max-width:768.98px) and (min-width:769px) {
    .nav-container .contactus-link .icon-close {
        margin: 0
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .nav-container .contactus-link .login-wrapper {
        padding: 6.66667vw 0 3.46667vw 6.66667vw
    }
}

@media (max-width:768.98px) {
    .nav-container .contactus-link .contactus-overlay {
        left: 0;
        top: 0;
        width: 100%
    }
}

@media (max-width:768.98px) {
    .nav-container .signin-link .signin-overlay {
        left: 0;
        top: 0;
        width: 100%
    }
}

@media (min-width:769px) {
    .nav-container .signin-link {
        padding: 0
    }

    .nav-container .signin-link>a {
        padding: 12px 1px 0
    }
}

@media (min-width:769px) {

    .nav-container .signin-link.guest.no-touch:hover .signin-overlay,
    .nav-container .signin-link.hovered .signin-overlay {
        display: block
    }
}

@media (max-width:1023.98px) {

    .nav-container .signin-link.registered h3,
    .nav-container .signin-link.registered p {
        color: #fff
    }

    .nav-container .signin-link.registered .signin-overlay {
        top: 0;
        left: 0;
        width: 100%;
        background-color: #fff;
        transition-duration: 500ms;
        transform: translateX(100%)
    }

    .nav-container .signin-link.registered .signin-overlay.active {
        top: 0;
        left: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        transform: translateX(0)
    }

    .nav-container .signin-link.registered .signin-overlay .icon-sign-out {
        display: none
    }
}

@media (min-width:1024px) {
    .nav-container .signin-link.registered .signin-overlay .main-nav ul.level-1 li {
        padding: 0;
        margin: 0
    }
}

@media (min-width:769px) {

    .nav-container .signin-link.registered .ui-selectmenu-button.ui-button span.ui-icon,
    .nav-container .signin-link.registered .ui-selectmenu-button.ui-button span.ui-selectmenu-text,
    .nav-container .signin-link.registered .user-links .icon-sign-out {
        color: #c8102e
    }
}

.nav-container .signin-link.guest .signin-overlay .ui-selectmenu-button.ui-button span.ui-icon,
.nav-container .signin-link.guest .signin-overlay .ui-selectmenu-button.ui-button span.ui-selectmenu-text {
    color: #c8102e
}

@media (max-width:1023.98px) {
    .nav-container .signin-link.guest .login-wrapper {
        margin-left: 0;
        max-width: 100%;
        padding: 40px 32px
    }
}

@media (max-width:768.98px) {
    .nav-container .signin-link.guest .login-wrapper {
        padding: 5.33333vw 4.26667vw
    }
}

@media (min-width:1024px) {
    .nav-container .signin-link.guest .login-wrapper {
        margin-left: 12.5%;
        max-width: 75%
    }
}

@media (max-width:1023.98px) {
    .nav-container .signin-link.guest .sign-in-dropdown {
        padding: 26px 0
    }
}

@media (max-width:768.98px) {
    .nav-container .signin-link.guest .sign-in-dropdown {
        padding: 3.46667vw 0
    }
}

@media (max-width:1023.98px) {
    .nav-container .signin-link.guest .icon-close {
        font-size: 1.625rem;
        cursor: pointer;
        margin: 4.8vw 5.33333vw 0 0;
        display: inline-block
    }
}

@media (max-width:1023.98px) and (max-width:750px) {
    .nav-container .signin-link.guest .icon-close {
        font-size: calc(0.20143rem + 3.03696vw)
    }
}

@media (min-width:1024px) {
    .nav-container .signin-link.guest .icon-close {
        margin: 0
    }
}

@media (max-width:1023.98px) {
    .nav-container .signin-link.guest .create-new-account {
        margin-left: 0;
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 60px
    }
}

@media (max-width:768.98px) {
    .nav-container .signin-link.guest .create-new-account {
        margin-top: 0
    }
}

@media (max-width:1023.98px) {
    .nav-container .signin-link.guest .signin-overlay {
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1003;
        display: none;
        position: fixed;
        overflow: scroll;
        border-top: 5px solid #D6001C;
        box-shadow: 0 5px 16px 4px rgba(0, 0, 0, .12)
    }

    .nav-container .signin-link.guest .signin-overlay.active {
        display: block
    }

    .nav-container .signin-link.guest .close-wrapper {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 999;
        width: 13%;
        height: 10vw;
        text-align: right;
        background: #fff
    }

    .nav-container .signin-link.guest .splitter {
        border-color: #ccc
    }
}

@media (max-width:768.98px) {
    .nav-container .create-new-account p {
        margin-bottom: 2vw
    }
}

@media (min-width:769px) {
    .nav-container .create-new-account p {
        margin-bottom: .7em
    }
}

.nav-container .country-selector-container {
    position: static;
    margin-top: .7em;
    padding: 0
}

@media (max-width:768.98px) {
    .nav-container .country-selector-container {
        margin-top: 2vw
    }
}

.nav-container .ui-front .ui-menu-item {
    display: block
}

.nav-container .ui-front .ui-menu {
    margin: 0
}

.nav-container .log-out-link .icon-signout {
    transform: rotate(90deg);
    margin-right: 0;
    font-size: 1.5em
}

@media (min-width:769px) {
    .nav-container .log-out-link .icon-signout {
        margin-top: -2px
    }
}

@media (max-width:768.98px) {
    .nav-container .log-out-link .icon-signout {
        margin-left: 1.2vw;
        margin-right: -1vw;
        max-height: 40px
    }
}

html.sticky-header-contact,
html.sticky-header-signin {
    position: relative
}

@media (max-width:768.98px) {
    html.sticky-header-signin .header-wrapper div.nav-container {
        z-index: 1003;
        min-height: 100vh
    }
}

@media (max-width:768.98px) {
    html.sticky-header-contact .header-wrapper div.nav-container {
        z-index: 1003
    }
}

.header-wrapper div.nav-container {
    height: auto
}

@media (max-width:1440px) and (min-width:1024px) {
    .signin-link.guest .signin-overlay .sign-in-dropdown {
        max-height: 400px
    }

    .signin-link.guest .signin-overlay .sb-container {
        overflow-x: hidden;
        overflow-y: hidden;
        max-height: 400px
    }

    .signin-link.guest .signin-overlay .login-wrapper {
        margin: 0;
        max-width: 100%
    }
}

.signin-link.guest .signin-overlay .login-wrapper {
    margin: 0;
    max-width: 100%
}

@media (min-width:1441px) {

    .confirmation-carousel.sb-container>.sb-scrollbar-container,
    .mini-cart-products.sb-container>.sb-scrollbar-container {
        visibility: visible
    }

    .confirmation-carousel.sb-container.sb-container-noscroll>.sb-scrollbar-container,
    .mini-cart-products.sb-container.sb-container-noscroll>.sb-scrollbar-container {
        visibility: hidden
    }
}

@media (min-width:1024px) {
    .nav-container .registered .signin-overlay {
        box-shadow: 0 5px 16px 4px rgba(0, 0, 0, .12);
        width: 170px;
        right: -5px;
        top: 49px;
        padding: 0
    }

    .nav-container .registered .signin-overlay .top-arrow {
        height: auto
    }

    .nav-container .registered .signin-overlay .top-arrow::after {
        bottom: 0;
        top: -4px;
        right: 0;
        background-color: #fff;
        height: 40px;
        width: 25px
    }

    .nav-container .registered ul.level-1 {
        margin: 0
    }

    .nav-container .registered ul.level-1 li:hover {
        background-color: #f1f1f1
    }
}

.header-container .mobile-utility-nav .search-icon {
    font-size: 1.7rem;
    text-align: center;
    line-height: 45px
}

@media (max-width:750px) {
    .header-container .mobile-utility-nav .search-icon {
        font-size: calc(0.2015rem + 3.1968vw)
    }
}

@media (max-width:1023.98px) {
    .search-wrapper {
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        z-index: 1001;
        display: none;
        position: fixed;
        overflow: scroll;
        background: #fff;
        border-top: 5px solid #D6001C
    }
}

@media (min-width:1024px) {
    .search-wrapper {
        width: 0;
        right: 0;
        display: block;
        -ms-flex-positive: 100;
        flex-grow: 100;
        position: absolute;
        visibility: hidden
    }
}

.header-search-wrapper {
    padding: 0 20px;
    text-align: center
}

@media (min-width:1024px) {
    .header-search-wrapper {
        width: 0;
        float: right
    }
}

.header-search-wrapper .header-search {
    padding: 20px 0 0;
    position: relative
}

@media (min-width:1024px) {
    .header-search-wrapper .header-search {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.header-search-wrapper .search-inner {
    width: 100%
}

@media (min-width:1024px) {
    .header-search-wrapper .search-inner {
        width: 74.3%;
        margin-left: 18%
    }
}

@media (min-width:1024px) {
    .header-search-wrapper .search-inner fieldset {
        position: relative
    }
}

.header-search-wrapper .field-button-container {
    position: relative;
    width: calc(100% - 37px)
}

@media (min-width:1024px) {
    .header-search-wrapper .field-button-container {
        width: 100%;
        display: none;
        -ms-flex-align: center;
        align-items: center
    }
}

.header-search-wrapper .search-btn {
    top: 50%;
    left: 0;
    border: 0;
    padding: 0;
    width: auto;
    height: auto;
    color: #000;
    display: block;
    font-size: 15px;
    line-height: normal;
    position: absolute;
    background: no-repeat;
    transform: translate(0, -50%)
}

@media (min-width:1024px) {
    .header-search-wrapper .search-btn {
        top: 17px;
        right: 46px;
        left: unset;
        width: 26px;
        height: auto;
        color: #fff;
        font-size: 20px;
        position: relative;
        display: inline-block
    }
}

.header-search-wrapper .search-btn:disabled {
    color: #888
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .header-search-wrapper .search-btn {
        left: auto
    }
}

.header-search-wrapper .icon-search::before {
    display: inline-block
}

.header-search-wrapper .cancel-btn {
    right: 0;
    top: 50%;
    border: 0;
    height: auto;
    display: none;
    font-size: 14px;
    font-weight: 500;
    background: 0 0;
    line-height: 14px;
    font-style: normal;
    position: absolute;
    text-transform: none;
    letter-spacing: .02em;
    color: #D6001C;
    padding: 10px 0 10px 10px;
    transform: translate(0, -50%)
}

@media (min-width:1024px) {
    .header-search-wrapper .cancel-btn {
        padding: 0;
        right: 120px;
        font-size: 14px
    }
}

.header-search-wrapper .search-text {
    border: 0;
    height: auto;
    color: #000;
    font-size: 15px;
    background: 0 0;
    line-height: 16px;
    font-weight: 400;
    display: inline-block;
    letter-spacing: .5px;
    border-bottom: 1px solid #000
}

@media screen and (max-width:576px) {
    .header-search-wrapper .search-text {
        width: 100%
    }
}

@media (max-width:1023.98px) {
    .header-search-wrapper .search-text {
        padding: 10px 40px 10px 26px
    }
}

@media (min-width:1024px) {
    .header-search-wrapper .search-text {
        border: 0;
        width: 95%;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 14px;
        font-style: normal;
        letter-spacing: .02em
    }
}

.header-search-wrapper .search-text::-ms-clear {
    display: none
}

.header-search-wrapper .search-text.entered-text {
    position: relative
}

.header-search-wrapper .search-text.entered-text.shadow {
    text-shadow: 1px 0 0 #000
}

.header-search-wrapper .search-text.hint-text {
    top: 0;
    left: 0;
    opacity: 1;
    background: 0 0;
    box-shadow: none;
    position: absolute;
    border-color: transparent
}

@media (min-width:1024px) {
    .header-search-wrapper .search-text.hint-text {
        width: 0;
        left: -55px;
        background-color: #262626
    }
}

.header-search-wrapper .close-wrapper {
    right: 0
}

@media (min-width:1024px) {
    .header-search-wrapper .close-wrapper {
        right: 35px
    }
}

.menu-dropdown .close-wrapper {
    right: 3%
}

@media (min-width:1024px) {
    .menu-dropdown .close-wrapper {
        right: 25px
    }
}

.header-search-wrapper .close-wrapper,
.menu-dropdown .close-wrapper {
    display: inline-block;
    position: absolute;
    top: 30px;
    z-index: 999;
    width: auto;
    height: auto
}

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

    .header-search-wrapper .close-wrapper,
    .menu-dropdown .close-wrapper {
        top: 24px
    }
}

@media (min-width:1024px) {

    .header-search-wrapper .close-wrapper,
    .menu-dropdown .close-wrapper {
        top: 4px;
        width: 34px;
        height: auto;
        text-align: center;
        background-color: #000;
        position: relative
    }
}

.header-search-wrapper .close-wrapper .icon-close,
.menu-dropdown .close-wrapper .icon-close {
    font-size: 14px;
    cursor: pointer;
    margin: 0;
    display: inline-block
}

@media (min-width:1024px) {

    .header-search-wrapper .close-wrapper .icon-close,
    .menu-dropdown .close-wrapper .icon-close {
        font-size: 20px;
        color: #fff
    }
}

.suggestions-container {
    text-align: left;
    padding-bottom: 100px
}

@media (min-width:1024px) {
    .suggestions-container {
        width: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        padding: 0 22px 0 16px;
        max-height: calc(100vh - 100px);
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .suggestions-container::-webkit-scrollbar {
        width: 0
    }
}

@media (max-width:1023.98px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .suggestions-container {
            padding-bottom: 100px
        }
    }
}

.search-suggestion-container {
    padding: 8px 0
}

@media (min-width:1024px) {
    .search-suggestion-container {
        padding: 12px 0 50px
    }
}

@media (max-width:1023.98px) {

    .sticky-header-search,
    .sticky-header-search body {
        overflow: hidden;
        position: relative;
        height: 100vh
    }
}

@media (min-width:1024px) {
    .sticky-header-search .sticky-component {
        z-index: 1000;
        position: relative
    }
}

.sticky-header-search header {
    position: relative
}

.sticky-header-search .logo-container {
    z-index: 1
}

.sticky-header-search .search-wrapper {
    display: block
}

@media (min-width:1024px) {
    .sticky-header-search .search-wrapper {
        width: 100%;
        visibility: visible
    }
}

.sticky-header-search .header-search-wrapper {
    width: 100%
}

@media (min-width:1024px) {
    .sticky-header-search .header-search-wrapper {
        transition: width .8s;
        max-height: calc(100vh - 100px);
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .sticky-header-search .header-search-wrapper::-webkit-scrollbar {
        width: 0
    }

    .sticky-header-search .header-search-wrapper .field-button-container {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:769px) {
    .sticky-header-search .sticky-header .header-search-wrapper {
        max-height: 100vh
    }
}

@media (min-width:1024px) {

    .sticky-header-search .header-container .nav-container.courtesy-nav-container,
    .sticky-header-search .header-container .nav-container.main-nav-container {
        visibility: hidden
    }
}

.sticky-header-search .search-icon {
    position: relative
}

.sticky-header-search .search-icon::after {
    left: 0;
    content: "";
    height: 44px;
    bottom: -37px;
    display: block;
    position: absolute;
    border: 13px solid #fff;
    border-color: transparent transparent #fff
}

@media (min-width:1024px) {
    .sticky-header-search .search-text {
        padding: 15px 0 15px 19px
    }

    .sticky-header-search .search-text.hint-text {
        left: 0;
        width: 95%
    }
}

@media (min-width:1024px) {
    .sticky-header-search .suggestions-wrapper {
        left: 0;
        top: 46px;
        width: 95%;
        z-index: 1;
        opacity: 1;
        position: absolute;
        background: #fff;
        transition: opacity .2s ease .9s;
        box-shadow: 0 4px 34px rgba(0, 0, 0, .25)
    }
}

@media (min-width:1024px) {
    .suggestions-wrapper {
        opacity: 0
    }
}

.suggestions-container .popular-search-overlay,
.suggestions-container .query-search-overlay {
    display: none
}

.suggestions-container .query-search .query-search-overlay {
    display: block
}

.suggestions-container .popular-search .query-search-overlay,
.suggestions-container .query-search .popular-search-overlay {
    display: none
}

.suggestions-container .popular-search .popular-search-overlay {
    display: block
}

@media (min-width:1024px) {
    .suggestions-container .popular-search-overlay {
        width: 100%
    }
}

@media (min-width:1024px) {
    .suggestions-container .popular-suggestion-container {
        padding-bottom: 18px
    }
}

.suggestions-container .search-text-msg {
    font-size: 18px;
    margin: 20px 0 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141
}

@media (min-width:1024px) {
    .suggestions-container .search-text-msg {
        font-size: 20px;
        padding: 29px 0;
        margin: 0 0 20px;
        border-bottom: 1px solid #f1f1f1
    }
}

.suggestions-container .no-search-result-text-msg {
    font-size: 20px
}

@media (max-width:1023.98px) {
    .suggestions-container .no-search-result-text-msg {
        margin-bottom: 36px
    }
}

.suggestions-container .no-search-result-text-msg span {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

.suggestions-container .keyword-search-product-wrapper,
.suggestions-container .popular-search-product-wrapper {
    margin: 12px 0 2px;
    border-bottom: 1px solid #f1f1f1
}

@media (min-width:1024px) {

    .suggestions-container .keyword-search-product-wrapper,
    .suggestions-container .popular-search-product-wrapper {
        margin: 10px 0 2px
    }
}

@media (max-width:1023.98px) {

    .suggestions-container .keyword-search-product-wrapper .popular-search-product-text,
    .suggestions-container .popular-search-product-wrapper .popular-search-product-text {
        display: none
    }
}

.suggestions-container .popular-search-text {
    font-size: 20px;
    text-align: center
}

.suggestions-container .popular-search-product-text,
.suggestions-container .search-content-text,
.suggestions-container .search-product-text {
    font-size: 20px;
    margin-bottom: 8px
}

@media (min-width:1024px) {

    .suggestions-container .popular-search-product-text,
    .suggestions-container .search-content-text,
    .suggestions-container .search-product-text {
        font-size: 16px;
        margin-bottom: 10px
    }
}

.suggestions-container .popular-search-product-text,
.suggestions-container .popular-search-text {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141
}

@media (max-width:1023.98px) {
    .suggestions-container .category.top-level-category {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-align: center;
        align-items: center
    }

    .suggestions-container .category.top-level-category .category-name {
        width: 75%
    }
}

.suggestions-container .product {
    -ms-flex-align: center;
    align-items: center
}

.suggestions-container .product-image {
    width: 41px;
    margin-right: 6px
}

@media (min-width:1024px) {
    .suggestions-container .product-image {
        width: 42px;
        margin-right: 10px
    }
}

.suggestions-container .product-details {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:1024px) {
    .suggestions-container .product-details {
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.suggestions-container .keyword-search-contents,
.suggestions-container .popular-search-contents {
    margin-top: 20px
}

@media (min-width:1024px) {

    .suggestions-container .keyword-search-contents,
    .suggestions-container .popular-search-contents {
        margin-top: 15px
    }
}

.suggestions-container .category,
.suggestions-container .content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:1024px) {

    .suggestions-container .category,
    .suggestions-container .content {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.suggestions-container .category,
.suggestions-container .content,
.suggestions-container .product {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 18px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:1024px) {

    .suggestions-container .category,
    .suggestions-container .content,
    .suggestions-container .product {
        position: relative;
        margin-bottom: 12px
    }

    .suggestions-container .category:hover .category-name,
    .suggestions-container .category:hover .content-name,
    .suggestions-container .category:hover .product-name,
    .suggestions-container .content:hover .category-name,
    .suggestions-container .content:hover .content-name,
    .suggestions-container .content:hover .product-name,
    .suggestions-container .product:hover .category-name,
    .suggestions-container .product:hover .content-name,
    .suggestions-container .product:hover .product-name {
        text-decoration: underline
    }
}

.suggestions-container .category-name,
.suggestions-container .content-name,
.suggestions-container .product-name {
    width: 100%;
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626
}

@media (min-width:1024px) {

    .suggestions-container .category-name,
    .suggestions-container .content-name,
    .suggestions-container .product-name {
        width: 80%
    }
}

.suggestions-container .category-name strong,
.suggestions-container .content-name strong,
.suggestions-container .product-name strong {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

.suggestions-container .parent-category,
.suggestions-container .product-count,
.suggestions-container .view-content,
.suggestions-container .view-product {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

@media (min-width:1024px) {

    .suggestions-container .product-count,
    .suggestions-container .view-content,
    .suggestions-container .view-product {
        top: 2px;
        position: absolute;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.suggestions-container .see-all-results-wrapper {
    left: 0;
    bottom: 0;
    width: 100%;
    position: fixed;
    background: #f1f1f1
}

@media (min-width:1024px) {
    .suggestions-container .see-all-results-wrapper {
        position: absolute
    }
}

.suggestions-container .see-all-results {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    padding: 15px 20px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (min-width:1024px) {
    .suggestions-container .see-all-results {
        padding: 18px 22px 18px 16px
    }
}

.suggestions-container .see-all-results .icon {
    height: 14px;
    font-size: 11px;
    margin-left: 10px
}

@media (min-width:1024px) {
    .suggestions-container .ancillary-search {
        padding: 0 16% 0 3%
    }
}

.suggestions-container .ancillary-search .see-all {
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    margin: 25px 0 8px;
    -ms-flex-align: center;
    align-items: center;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626
}

@media (min-width:1024px) {
    .suggestions-container .ancillary-search .see-all {
        margin: 19px 0 8px
    }
}

.suggestions-container .ancillary-search .icon {
    height: 12px;
    font-size: 10px;
    margin-left: 8px
}

.suggestions-container .ancillary-search-content {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

.default-focus {
    width: 0;
    height: 0;
    padding: 0;
    left: -1000px;
    position: absolute
}

.sub-menu-item .menu-dropdown {
    background-color: #fff;
    box-shadow: 0 5px 16px 4px rgba(0, 0, 0, .12);
    display: none;
    z-index: 999;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%
}

@media (min-width:769px) {
    .sub-menu-item .menu-dropdown {
        position: absolute;
        top: 72px;
        width: auto
    }
}

.sub-menu-item .menu-dropdown-container {
    position: relative;
    text-align: left
}

@media screen and (max-width:768px) {
    .sub-menu-item .menu-dropdown-container {
        padding: 3.46667vw 0
    }
}

@media (min-width:769px) {
    .sub-menu-item .menu-dropdown-container {
        padding: 26px 90px 26px 38px
    }
}

@media screen and (max-width:768px) {
    .sub-menu-item .menu-dropdown-inner {
        margin: 1.73333vw 4.26667vw 0 4.8vw
    }
}

@media (min-width:769px) {
    .sub-menu-item.open .icon-chat {
        position: relative
    }

    .sub-menu-item.open .header-contact-us .arrow-container {
        position: absolute;
        top: -30px;
        height: 30px;
        color: #fff;
        right: 0;
        left: 0
    }

    .sub-menu-item.open .header-contact-us .arrow-container .arrow {
        content: '';
        display: block;
        border: 13px solid #fff;
        border-color: transparent transparent #fff;
        height: 44px;
        top: -14px;
        position: absolute;
        right: 70px;
        z-index: 9999
    }
}

.sub-menu-item.open .menu-dropdown {
    display: block
}

.sub-menu-item.open .menu-dropdown .contact-short-information .contact-info-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sub-menu-item.open .menu-dropdown .close-wrapper {
    top: 20px
}

#wrapper .logo-camellia {
    display: none
}

#wrapper.sticky-header .sticky-component {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    box-shadow: 0 7px 10px 0 rgba(147, 127, 79, .2)
}

#wrapper.sticky-header .header-container {
    padding: 2.5px 20px
}

@media (min-width:1024px) {
    #wrapper.sticky-header .header-container {
        padding: 10px 20px;
    }
}

#wrapper.sticky-header .logo-camellia {
    display: block
}

@media (max-width:1023.98px) {
    #wrapper.sticky-header .logo-camellia {
        display: none
    }
}

#wrapper.sticky-header .bottom-notification-message,
#wrapper.sticky-header .logo-shiseido,
#wrapper.sticky-header .top-notification {
    display: none
}

@media (max-width:1023.98px) {
    #wrapper.sticky-header .logo-shiseido {
        display: block
    }
}

@media (min-width:1024px) {
    .sticky-component.sticky-component-hide {
        position: static;
        width: 100%;
        z-index: 1000
    }

    .sticky-component.sticky-component-hide .confirmation-active {
        top: 89px
    }
}

.header-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 11px 20px;
    border-top: 5px solid #D6001C;
    background: #000
}

@media (min-width:1024px) {
    .header-container {
        padding: 0 20px
    }
}

.header-container header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.header-container header.container,
.header-container header.ginza-wrapper {
    padding-left: 0;
    padding-right: 0
}

.header-container .logo-container .logo-camellia,
.header-container .nav-container .logo-camellia {
    display: none
}

.header-container .logo-container {
    text-align: left;
    min-width: 130px;
    margin: 0
}

.header-container .logo-container a {
    display: inline-block
}

.header-container .nav-container.main-nav-container {
    display: none
}

@media (min-width:1024px) {
    .header-container .nav-container.main-nav-container {
        display: block;
        padding: 0 30px
    }

    .header-container .nav-container.main-nav-container .menu-list {
        max-width: none
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .header-container .nav-container.main-nav-container .menu-list .top-navigation-list>li {
        padding-left: 7px;
        padding-right: 7px
    }
}

@media (min-width:1024px) {
    .header-container ul.top-navigation-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-container ul.top-navigation-list>li {
        margin: 0;
        padding: 29px 10px 25px;
        text-transform: uppercase
    }

    .header-container ul.top-navigation-list>li a {
        font-size: 14px
    }

    .header-container ul.top-navigation-list>li a .right-arrow {
        display: none
    }

    .header-container ul.top-navigation-list>li.js-hover,
    .header-container ul.top-navigation-list>li:hover {
        padding-bottom: 17px;
        border-bottom: 6px solid #fff
    }

    .header-container ul.top-navigation-list>li.active {
        padding-bottom: 20px;
        border-bottom: 3px solid #D6001C
    }

    .header-container ul.top-navigation-list>li.active.js-hover,
    .header-container ul.top-navigation-list>li.active:hover {
        padding-bottom: 17px;
        border-bottom: 6px solid #fff
    }

    .header-container ul.top-navigation-list .distinguisher {
        margin-left: 20px
    }

    .header-container ul.top-navigation-list .distinguisher a {
        position: relative
    }

    .header-container ul.top-navigation-list .distinguisher a::before {
        top: 0;
        width: 1px;
        left: -20px;
        content: '';
        height: 100%;
        position: absolute;
        background: #666
    }
}

@media (min-width:1024px) {
    .header-container ul.top-navigation-list .distinguisher {
        margin-left: 20px
    }

    .header-container ul.top-navigation-list .distinguisher a {
        position: relative
    }

    .header-container ul.top-navigation-list .distinguisher a::before {
        top: 0;
        width: 1px;
        left: -20px;
        content: '';
        height: 100%;
        position: absolute;
        background: #666
    }
}

@media (min-width:1024px) and (max-width:1200px) {
    .header-container ul.top-navigation-list .distinguisher {
        margin-left: 17px
    }

    .header-container ul.top-navigation-list .distinguisher a::before {
        left: -17px
    }
}

.header-container .courtesy-nav ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header-container .courtesy-nav ul li {
    display: block;
    margin: 0 5px
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul li {
        padding: 10px 0 20px;
        margin: 15px 11px 0;
        position: relative
    }
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul li .signin-overlay ul li {
        margin: 12px 0 0;
        padding: 12px 1px 8px 0
    }
}

.header-container .courtesy-nav ul li a {
    padding: 0
}

.header-container .courtesy-nav ul li a.bag-icon {
    padding-top: 0;
    position: relative;
    bottom: 3px
}

@media (min-width:576px) and (max-width:768px) {
    .header-container .courtesy-nav ul li a.bag-icon {
        line-height: 15px
    }
}

.header-container .courtesy-nav ul li a.bag-icon .cart-count {
    top: 12px;
    left: 15px
}

@media (min-width:576px) and (max-width:768px) {
    .header-container .courtesy-nav ul li a.bag-icon .cart-count {
        top: 2px;
        left: 19px;
        min-width: 18px;
        height: 18px;
        line-height: 19px;
        font-size: 11px
    }
}

@media (min-width:769px) {
    .header-container .courtesy-nav ul li a.bag-icon .cart-count {
        top: -1px;
        left: 14px
    }
}

.header-container .courtesy-nav ul li .label {
    display: none
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul li .signin-username .label {
        display: block
    }
}

.header-container .courtesy-nav ul li .icon {
    margin: 0
}

@media (min-width:1024px) {

    .header-container .courtesy-nav ul .contactus-link:hover::after,
    .header-container .courtesy-nav ul .search-link:hover::after,
    .header-container .courtesy-nav ul .signin-link.registered:hover::after,
    .header-container .courtesy-nav ul .storelocator-link:hover::after {
        bottom: -1px;
        height: 6px;
        width: 30px;
        left: -5px;
        content: '';
        background: #fff;
        display: inline-block;
        position: absolute
    }
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .signin-link.registered.hovered:hover::after {
        display: none
    }
}

.header-container .courtesy-nav ul .minicart-link .icon-bag,
.header-container .courtesy-nav ul .mobile-utility-nav .minicart-link .bag-icon,
.header-container .courtesy-nav ul .utility-nav .minicart-link .bag-icon,
.mobile-utility-nav .header-container .courtesy-nav ul .minicart-link .bag-icon,
.utility-nav .header-container .courtesy-nav ul .minicart-link .bag-icon {
    color: #fff
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .minicart-link a.empty-cart:hover::after {
        bottom: -22px;
        height: 6px;
        width: 30px;
        left: -5px;
        content: '';
        background: #fff;
        display: inline-block;
        position: absolute
    }
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .minicart-link.active a.bag-icon::after {
        bottom: -25px;
        height: 3px;
        width: 30px;
        left: -5px;
        content: '';
        background: #c8102e;
        display: inline-block;
        position: absolute
    }
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .minicart-link.active.hovered a.bag-icon::after {
        background: 0 0
    }
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .minicart-link.active.no-touch:hover a.bag-icon::after {
        background: 0 0
    }

    .header-container .courtesy-nav ul .minicart-link.active.no-touch:hover a.empty-cart::after {
        background: #c8102e
    }
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .signin-link {
        padding-top: 0;
        margin-top: 25px
    }
}

@media (min-width:1024px) {

    .header-container .courtesy-nav ul .search-link.active .icon i,
    .header-container .courtesy-nav ul .signin-link.active .icon i,
    .header-container .courtesy-nav ul .storelocator-link.active .icon i {
        color: #fff
    }

    .header-container .courtesy-nav ul .search-link.active::after,
    .header-container .courtesy-nav ul .search-link.active:hover::after,
    .header-container .courtesy-nav ul .signin-link.active::after,
    .header-container .courtesy-nav ul .signin-link.active:hover::after,
    .header-container .courtesy-nav ul .storelocator-link.active::after,
    .header-container .courtesy-nav ul .storelocator-link.active:hover::after {
        display: inline-block;
        position: absolute;
        bottom: -1px;
        height: 3px;
        width: 30px;
        padding-right: 0;
        left: -5px;
        content: '';
        background: #c8102e
    }
}

.header-container .courtesy-nav ul .signin-link,
.header-container .courtesy-nav ul .signin-link.active.hovered::after,
.header-container .courtesy-nav ul .storelocator-link {
    display: none
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .signin-link .right-arrow {
        display: none
    }
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .signin-link .log-out-link .user-icon {
        display: none
    }
}

@media (min-width:1024px) {

    .header-container .courtesy-nav ul .signin-link,
    .header-container .courtesy-nav ul .storelocator-link {
        display: block
    }
}

.header-container .courtesy-nav ul .hamburger-icon .icon-hamburger {
    color: #fff
}

@media (min-width:1024px) {
    .header-container .courtesy-nav ul .hamburger-icon {
        display: none
    }
}

.header-container .courtesy-nav .new-ico {
    display: inline-block;
    text-align: center;
    vertical-align: middle
}

.header-container .courtesy-nav .new-ico .icon-bag,
.header-container .courtesy-nav .new-ico .mobile-utility-nav .minicart-link .bag-icon,
.header-container .courtesy-nav .new-ico .utility-nav .minicart-link .bag-icon,
.mobile-utility-nav .minicart-link .header-container .courtesy-nav .new-ico .bag-icon,
.utility-nav .minicart-link .header-container .courtesy-nav .new-ico .bag-icon {
    font-size: 20px
}

.header-container .courtesy-nav a.bag-icon:before {
    display: none
}

.header-bottom-notify-msg {
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    background: #262626;
    padding: 10.5px 0;
    text-align: center;
    color: #fff;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.header-bottom-notify-msg::-webkit-scrollbar {
    width: 0;
    display: none
}

.header-bottom-notify-msg::-webkit-scrollbar-track {
    display: none
}

.header-bottom-notify-msg::-webkit-scrollbar-thumb {
    display: none
}

@media (min-width:1024px) {
    .header-bottom-notify-msg {
        -ms-flex-pack: center;
        justify-content: center;
        padding: 8px 0
    }
}

.header-bottom-notify-msg.centered {
    -ms-flex-pack: center;
    justify-content: center
}

.header-bottom-notify-msg .custom-message-link {
    display: block;
    max-width: 310px;
    height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

.header-bottom-notify-msg .custom-message-link:hover {
    color: #fff;
    opacity: 1;
    border-bottom: 1px solid #fff
}

@media (min-width:1024px) {
    .header-bottom-notify-msg .custom-message-link:hover {
        cursor: pointer;
        opacity: 1
    }
}

.header-bottom-notify-msg .slick-track {
    margin: auto
}

.header-bottom-notify-msg .custom-message {
    display: inline-block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 25px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #fff
}

@media (min-width:1024px) {
    .header-bottom-notify-msg .custom-message {
        padding: 0 42px
    }
}

.header-bottom-notify-msg .msg-divider {
    line-height: 12px;
    color: #666
}

#wrapper.sticky-header .sticky-component .regional-selector-wrapper .header-container {
    padding: 2.5px 20px
}

@media (min-width:1024px) {
    #wrapper.sticky-header .sticky-component .regional-selector-wrapper .header-container {
        padding: 10px 20px
    }
}

#wrapper .regional-selector-wrapper .header-container {
    padding: 11px 20px
}

@media (min-width:1024px) {
    #wrapper .regional-selector-wrapper .header-container {
        padding: 18.5px 20px
    }
}

#wrapper.sticky-header .sticky-component .checkout-logo-container {
    -ms-flex: none;
    flex: none;
    max-width: none
}

@media (min-width:1024px) {
    #wrapper.sticky-header .sticky-component .checkout-logo-container {
        margin: 7.5px 0
    }
}

#wrapper .checkout-header-container .header-right-container ul {
    -ms-flex-pack: end;
    justify-content: flex-end
}

#wrapper .checkout-header-container .header-right-container ul li {
    margin: 0;
    padding: 0 20px
}

#wrapper .checkout-header-container .header-right-container ul li:last-child {
    padding-right: 0
}

#wrapper .checkout-header-container .checkout-logo-container {
    -ms-flex: none;
    flex: none;
    max-width: none
}

@media (min-width:1024px) {
    #wrapper .checkout-header-container .checkout-logo-container {
        margin: 18.5px 0
    }
}

#wrapper .checkout-header-container .checkout-header {
    -ms-flex: none;
    flex: none;
    margin: 0;
    max-width: none
}

.mini-cart-link {
    display: block
}

.mini-cart-link .icon {
    color: #000;
    text-align: center;
    line-height: 45px;
    background: url(../images/sprite.png) 10px 3px no-repeat
}

.mini-cart-link.mini-cart-empty .minicart-quantity {
    display: none
}

.mobile-utility-nav .minicart-link .bag-icon,
.utility-nav .minicart-link .bag-icon {
    position: relative;
    background: 0 0;
    font-size: 18px;
    text-align: center;
    vertical-align: top;
    width: 18px;
    z-index: 999
}

@media (min-width:769px) {

    .mobile-utility-nav .minicart-link .bag-icon,
    .utility-nav .minicart-link .bag-icon {
        width: 33px;
        padding: 11px 15px 0 1px
    }
}

@media (max-width:768.98px) {

    .mobile-utility-nav .minicart-link .bag-icon,
    .utility-nav .minicart-link .bag-icon {
        font-size: 2rem;
        line-height: 2.5rem;
        width: 40px;
        color: #fff
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .mobile-utility-nav .minicart-link .bag-icon,
    .utility-nav .minicart-link .bag-icon {
        font-size: calc(0.2018rem + 3.83616vw)
    }
}

@media (max-width:768.98px) {

    .mobile-utility-nav .minicart-link .bag-icon.empty-cart,
    .utility-nav .minicart-link .bag-icon.empty-cart {
        pointer-events: none
    }

    .mobile-utility-nav .minicart-link .bag-icon .cart-count,
    .utility-nav .minicart-link .bag-icon .cart-count {
        min-width: 3.33vw;
        height: 3.33vw;
        top: 0;
        left: 3.9vw;
        font-size: 13px;
        line-height: 3.73vw;
        padding: 0 4px
    }
}

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

    .mobile-utility-nav .minicart-link .bag-icon,
    .utility-nav .minicart-link .bag-icon {
        font-size: 22px;
        line-height: 45px;
        width: 32px
    }

    .mobile-utility-nav .minicart-link .bag-icon .cart-count,
    .utility-nav .minicart-link .bag-icon .cart-count {
        min-width: 18px;
        height: 18px;
        top: 6px;
        left: 5.73vw;
        font-size: 11px;
        line-height: 19px
    }
}

.pt_cart .remove-link {
    display: none !important
}

@media (max-width:768.98px) {
    .add-to-confirmation .header-wrapper .header-container .mobile-utility-nav {
        position: static
    }
}

@media (min-width:769px) {
    .minicart-link.desktop-only {
        margin-right: 0
    }
}

@media (min-width:1024px) {

    .minicart-link.hovered .minicart,
    .minicart-link.no-touch:hover .minicart {
        display: block
    }
}

@media (max-width:768.98px) {
    .minicart-link .bag-icon.empty-cart .cart-count {
        display: none
    }

    .minicart-link .bag-icon.empty-cart.hovered .cart-count {
        display: block
    }
}

.minicart-link .bag-icon .cart-count {
    background-color: #c8102e;
    display: block;
    min-width: 18px;
    text-align: center;
    height: 18px;
    line-height: 19px;
    font-size: 10px;
    border-radius: 100%;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: -4px;
    left: 14px;
    padding-right: 1px
}

@media (min-width:769px) {
    .minicart-link .bag-icon .cart-count {
        top: 8px;
        left: 14px
    }
}

.top-notification+.header-container .minicart {
    height: calc(100vh - 105px)
}

.top-notification+.header-container .minicart.confirmation-active {
    height: auto;
    max-height: calc(100vh - 105px)
}

.top-notification+.header-container .minicart.confirmation-active .mini-cart-products {
    height: auto;
    max-height: calc(100vh - 278px)
}

.top-notification+.header-container .minicart .mini-cart-products {
    height: calc(100vh - 278px)
}

.sticky-header .top-notification+.header-container .minicart {
    height: calc(100vh - 80px)
}

.sticky-header .top-notification+.header-container .minicart.confirmation-active {
    height: auto;
    max-height: calc(100vh - 80px)
}

.sticky-header .top-notification+.header-container .minicart.confirmation-active .mini-cart-products {
    height: auto;
    max-height: calc(100vh - 254px)
}

.sticky-header .top-notification+.header-container .minicart .mini-cart-products {
    height: calc(100vh - 254px)
}

.minicart {
    position: absolute;
    height: calc(100vh - 80px);
    width: 390px;
    right: -11px;
    top: 58px;
    background: #fff;
    z-index: 999;
    padding: 20px 0 20px 20px;
    overflow: visible;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    display: none
}

.minicart::before {
    content: '';
    display: block;
    width: 100%;
    height: 25px;
    position: absolute;
    top: -25px;
    right: 0
}

.minicart::after {
    content: '';
    display: block;
    background: #fff;
    width: 25px;
    height: 4px;
    position: absolute;
    top: -4px;
    right: 22px
}

.minicart .sb-scrollbar-container {
    z-index: 9
}

.minicart .mini-cart-header {
    border-bottom: 1px solid #414141;
    padding-bottom: 15px;
    margin: 0 20px 0 0
}

.minicart .mini-cart-header h2 {
    font-size: 18px;
    text-transform: none
}

.minicart .minicart-close {
    position: absolute;
    right: 20px;
    font-size: 12px;
    top: 28px
}

.minicart .cart-products {
    margin: 0;
    padding: 0
}

.minicart .mini-cart-content {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.minicart .mini-cart-content .mini-cart-row {
    width: 100%
}

.minicart .mini-cart-image .image-link {
    max-width: 65px;
    min-height: 65px;
    min-width: 65px;
    display: block
}

.minicart .mini-cart-products {
    height: calc(100vh - 254px);
    padding-top: 8px
}

.minicart .mini-cart-products .cart-products {
    display: block
}

.minicart .mini-cart-products .mini-cart-product {
    display: -ms-flexbox;
    display: flex;
    padding: 16px 0;
    margin: 0;
    width: 100%;
    border-top: 1px solid #ccc
}

.minicart .mini-cart-products .mini-cart-product:first-child {
    border-top: 0
}

.minicart .mini-cart-products .mini-cart-product .mini-cart-details {
    padding-left: 20px;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.minicart .mini-cart-products .mini-cart-product .mini-cart-name {
    margin-bottom: 10px
}

.minicart .mini-cart-products .mini-cart-product .mini-cart-name a,
.minicart .mini-cart-products .mini-cart-product .mini-cart-name span {
    font-size: 16px;
    color: #414141;
    font-family: Arial, Medium, sans-serif;
    line-height: 19px
}

.minicart .mini-cart-products .mini-cart-product .mini-cart-itemdetails {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    margin: -6px 0 10px
}

.minicart .mini-cart-products .mini-cart-image .image-section {
    max-width: 65px;
    min-height: 65px;
    min-width: 65px;
    position: relative
}

.minicart .mini-cart-products .mini-cart-image .image-section .image-tint {
    content: '';
    display: block;
    box-shadow: inset 0 0 126px rgba(0, 0, 0, .04);
    width: 65px;
    height: 65px;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.minicart .mini-cart-products .mini-cart-image .image-section .image-link {
    display: block
}

.minicart .mini-cart-products .mini-cart-image .remove-link-wrapper {
    display: -ms-flexbox;
    display: flex
}

.minicart .mini-cart-products .mini-cart-image .remove-link-wrapper .remove-link {
    font-size: 14px;
    color: #262626;
    text-decoration: underline;
    vertical-align: top;
    line-height: 1;
    padding-top: 16px;
    cursor: pointer
}

.minicart .mini-cart-products .cart-detail-bottom {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

.minicart .mini-cart-products .cart-detail-bottom .cart-price-quantity {
    line-height: 21px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end
}

.minicart .mini-cart-products .cart-detail-bottom .mini-cart-pricing {
    font-size: 16px;
    padding-right: 20px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626
}

.minicart .mini-cart-products .cart-detail-bottom .mini-cart-pricing .sale-price {
    color: #D6001C;
    padding-left: 3px
}

.minicart .mini-cart-products .cart-detail-bottom .mini-cart-pricing h2:first-child:not(:last-child),
.minicart .mini-cart-products .cart-detail-bottom .mini-cart-pricing span:first-child:not(:last-child) {
    text-decoration: line-through
}

.minicart .mini-cart-products .cart-detail-bottom .mini-cart-pricing h2 {
    display: inline;
    font-size: 16px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626
}

.minicart .mini-cart-products .cart-detail-bottom .mini-cart-pricing h2:nth-child(2) {
    color: #D6001C;
    padding-left: 3px
}

@media (min-width:769px) {
    .minicart .mini-cart-products .cart-detail-bottom .mini-cart-pricing {
        padding-right: 0
    }
}

.minicart .mini-cart-products .cart-detail-bottom .value {
    font-size: 14px;
    color: #666
}

.minicart .mini-cart-products .additional-info-wrap .additional-info {
    font-size: 14px;
    text-align: right;
    color: #D6001C;
    margin-top: 2px
}

.minicart .mini-cart-products .mini-cart-attributes {
    line-height: 21px
}

.minicart .mini-cart-products .mini-cart-attributes .attribute {
    position: relative;
    text-transform: capitalize
}

.minicart .mini-cart-products .mini-cart-attributes .attribute .hex-swatch-block {
    margin-bottom: 10px;
    width: 1px;
    overflow: visible
}

.minicart .mini-cart-products .mini-cart-attributes .attribute .hex-swatch-block .color-holder,
.minicart .mini-cart-products .mini-cart-attributes .attribute .hex-swatch-block .color-holder-svg {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 100%
}

.minicart .mini-cart-products .mini-cart-attributes .attribute .hex-swatch-block+.value {
    position: absolute;
    left: 26px;
    top: 2px;
    line-height: 1;
    white-space: nowrap;
    color: #414141
}

.minicart .mini-cart-products .mini-cart-attributes .attribute.single-size,
.minicart .mini-cart-products .mini-cart-attributes .attribute[data-attribute=size] {
    margin: 0 16px 0 0
}

.minicart .mini-cart-products .mini-cart-attributes .attribute.single-size+.last-empty-element,
.minicart .mini-cart-products .mini-cart-attributes .attribute[data-attribute=size]+.last-empty-element {
    display: none
}

.minicart .mini-cart-products .mini-cart-attributes .last-empty-element {
    content: '.';
    display: block;
    color: #fff;
    width: 1px;
    overflow: hidden;
    font-size: 14px
}

.minicart .mini-cart-products::after {
    content: '';
    display: block;
    left: 0;
    bottom: 0;
    position: absolute;
    height: 60px;
    width: 100%;
    z-index: 8;
    background: linear-gradient(180.15deg, #fff 6.88%, rgba(255, 255, 255, 0) 146.63%, #fff 146.63%);
    transform: rotate(-180deg)
}

.minicart .mini-cart-footer {
    border-top: 1px solid #414141;
    padding: 16px 0 0;
    margin-right: 20px
}

.minicart .mini-cart-footer .mini-cart-totals .cart-link {
    padding: 18px 0;
    display: block;
    font-size: 14px;
    height: auto;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.minicart .mini-cart-footer .mini-cart-totals .cart-link::before {
    background: #262626
}

.minicart .mini-cart-footer .mini-cart-subtotals {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.minicart .mini-cart-footer .mini-cart-subtotals .label {
    display: block
}

.minicart .add-bag-confirmation {
    display: none
}

.minicart.confirmation-active {
    display: block;
    height: auto;
    z-index: 1000;
    right: -28px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25)
}

@media (max-width:768.98px) {
    .minicart.confirmation-active {
        right: -20px;
        width: 100vw;
        top: 100%
    }
}

.minicart.confirmation-active .add-bag-confirmation {
    display: block
}

.minicart.confirmation-active .mini-cart-content {
    display: none
}

.minicart.confirmation-active #radial-timer {
    border-radius: 50%;
    transform: rotate(90deg)
}

.minicart.confirmation-active #radial-timer circle {
    stroke-dashoffset: 0;
    stroke: #ccc;
    stroke-width: 1px
}

.minicart.confirmation-active #radial-timer #radial-timer-progress {
    stroke: #000
}

.minicart.confirmation-active #radial-timer-percent {
    display: block;
    height: 28px;
    width: 28px;
    border-radius: 100%;
    position: absolute;
    right: 24px;
    top: 16px
}

.minicart.confirmation-active #radial-timer-percent .icon-close {
    position: absolute;
    font-size: 11px;
    top: 7px;
    left: 8px;
    z-index: 1
}

@media (min-width:769px) {
    .minicart.confirmation-active #radial-timer-percent:hover {
        color: #fff
    }

    .minicart.confirmation-active #radial-timer-percent:hover #radial-timer-bg {
        fill: #000
    }
}

.minicart.confirmation-active .minicart-close {
    display: none
}

.minicart.confirmation-active.fixed-confirmation {
    position: fixed;
    top: 0;
    right: -8px
}

@media (min-width:769px) {
    .minicart.confirmation-active.fixed-confirmation {
        right: -11px
    }
}

.minicart.confirmation-active .mini-cart-products {
    height: auto;
    max-height: calc(100vh - 254px)
}

.minicart.confirmation-active .mini-cart-products::after {
    display: none
}

.minicart.confirmation-active .mini-cart-products.multiple-products {
    padding-bottom: 40px
}

.minicart.confirmation-active .mini-cart-products.multiple-products::after {
    display: block
}

.minicart.confirmation-active .mini-cart-products .additional-info-wrap .additional-info {
    padding-right: 20px
}

@media (min-width:769px) {
    .minicart.confirmation-active .mini-cart-products .additional-info-wrap .additional-info {
        padding-right: 0
    }
}

@media (min-width:769px) {
    .minicart.confirmation-active {
        right: -11px
    }
}

.minicart.confirmation-active::after {
    display: none
}

@media (min-width:769px) {
    .minicart.confirmation-active::after {
        display: block
    }
}

.minicart ul li .mini-cart-quantity .label {
    display: inline-block;
    font-size: 14px;
    color: #666
}

.pt_cart .minicart-link.hovered .minicart:not(.confirmation-active),
.pt_cart .minicart-link.no-touch:hover .minicart:not(.confirmation-active) {
    display: none
}

@media (min-width:1024px) {
    .pt_cart .minicart-link .minicart.confirmation-active+.cart-icon-hover {
        display: none
    }

    .pt_cart .minicart-link:hover .cart-icon-hover {
        bottom: -1px;
        height: 6px;
        width: 30px;
        left: -5px;
        background: #fff;
        display: inline-block;
        position: absolute;
        z-index: 999
    }
}

footer {
    background-color: #000
}

@media screen and (max-width:768px) {
    footer .layer-1 {
        padding: 15.33333vw 0
    }
}

@media screen and (min-width:769px) {
    footer .layer-1 {
        padding: 8.33333vw 0 5.90278vw
    }
}

@media (min-width:1440px) {
    footer .layer-1 {
        padding: 120px 0 85px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    footer .layer-1 {
        padding: 112px 0 77px
    }
}

footer .layer-cols-2 .footer-layer-cols {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    footer .layer-cols-2 .footer-layer-cols {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%
    }
}

footer .layer-cols-2,
footer .layer-cols-3 {
    -ms-flex-pack: center;
    justify-content: center
}

footer .footer-layer-cols {
    color: #fff;
    text-align: center;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    footer .footer-layer-cols {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 0;
        text-align: left
    }
}

@media (max-width:768.98px) {
    footer .footer-layer-cols+.footer-layer-cols {
        margin-bottom: 0;
        margin-top: 16vw
    }
}

footer .footer-layer-cols .title {
    font-size: 1.5rem
}

@media screen and (max-width:768px) {
    footer .footer-layer-cols .title {
        margin-top: 2vw;
        margin-right: 0;
        margin-bottom: 3.33333vw
    }
}

@media screen and (min-width:769px) {
    footer .footer-layer-cols .title {
        margin: .69444vw 0 1.73611vw
    }
}

@media (min-width:1440px) {
    footer .footer-layer-cols .title {
        margin: 10px 0 25px
    }
}

@media (max-width:750px) {
    footer .footer-layer-cols .title {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    footer .footer-layer-cols .title {
        font-size: 16px
    }
}

footer .footer-layer-cols .btn-container {
    margin-top: 30px
}

@media screen and (max-width:768px) {
    footer .footer-layer-cols .btn-container {
        margin: 4vw 0 0
    }
}

footer .footer-layer-cols .btn-container .button {
    display: inline-block;
    color: #fff;
    border-color: #fff;
    height: inherit
}

footer .footer-layer-cols .field-button-container {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

footer .footer-layer-cols button {
    display: none
}

footer .footer-layer-cols .email {
    padding: 0;
    height: 42px;
    background: #000;
    border-color: #fff;
    border-width: 0 0 2px;
    font-size: 1.25rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #888
}

@media (max-width:750px) {
    footer .footer-layer-cols .email {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    footer .footer-layer-cols .email {
        font-size: 14px
    }
}

footer .footer-layer-cols span.error {
    text-align: left;
    font-size: 14px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #c8102e
}

footer .footer-layer-cols .user-consent-container .form-row {
    width: 100%;
    position: relative;
    display: inline-block
}

@media screen and (max-width:768px) {
    footer .footer-layer-cols .user-consent-container .form-row {
        margin-top: 5.06667vw
    }
}

@media screen and (min-width:769px) {
    footer .footer-layer-cols .user-consent-container .form-row {
        margin-top: 1.94444vw
    }
}

@media (min-width:1440px) {
    footer .footer-layer-cols .user-consent-container .form-row {
        margin-top: 28px
    }
}

footer .footer-layer-cols .user-consent-container .field-wrapper span.error {
    position: relative;
    top: 0;
    width: 100%;
    font-size: 14px;
    padding: 0 0 15px;
    display: inline-block
}

footer .footer-layer-cols .user-consent-container .termsandconditions {
    z-index: 1;
    top: 2px
}

footer .footer-layer-cols .user-consent-container .termsandconditions.error {
    top: -2px
}

footer .footer-layer-cols .user-consent-container label {
    font-size: 12px;
    text-align: left;
    position: relative
}

@media (max-width:768.98px) {
    footer .footer-layer-cols .user-consent-container label {
        top: -4.9vw;
        padding-left: 5.4vw
    }
}

@media (min-width:769px) {
    footer .footer-layer-cols .user-consent-container label {
        top: -37px;
        padding-left: 40px;
        font-size: 14px
    }
}

footer .footer-layer-cols .user-consent-container label a {
    text-decoration: underline;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 12px
}

@media (min-width:769px) {
    footer .footer-layer-cols .user-consent-container label a {
        font-size: 14px
    }
}

footer .register-newsletter {
    text-align: center;
    padding: 0 5%
}

@media (min-width:769px) {
    footer .register-newsletter {
        padding: 0
    }
}

footer .register-newsletter .title {
    font-size: 1rem
}

@media (max-width:750px) {
    footer .register-newsletter .title {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:769px) {
    footer .register-newsletter .title {
        font-size: 16px
    }
}

@media (min-width:769px) {
    footer .layer-cols-3 .footer-layer-cols:first-child {
        margin-left: 0
    }
}

footer .divider {
    display: none
}

@media (min-width:769px) {
    footer .divider {
        display: block
    }
}

footer .divider div {
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    footer .divider hr {
        border: none;
        border-bottom: 1px solid #666;
        margin: 0
    }
}

@media (min-width:769px) {
    footer .social-links {
        width: 100%;
        float: right
    }
}

@media (max-width:768.98px) {
    footer .country-selector-container {
        text-align: center
    }
}

.product-tile-outer {
    position: relative;
    height: 100%;
    background: #fff
}

.product-tile-outer .tile-ajax-loader {
    background: url(../images/loading.gif) center center no-repeat #fff
}

@media (max-width:768.98px) {
    .product-tile-outer .tile-ajax-loader {
        background-size: 10vw 10vw
    }
}

.product-tile-outer .thumb-link:hover {
    opacity: 1
}

.product-tile-outer .tile-ajax-loader {
    opacity: 1;
    height: 100%;
    position: absolute
}

.product-tile-outer .alert {
    margin: 0;
    text-align: left;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #D6001C
}

.product-tile-outer .pre-text {
    overflow: hidden;
    position: absolute;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #D6001C
}

.product-tile-outer .callout.alert,
.product-tile-outer .pre-text {
    font-size: 9px;
    line-height: 12px
}

.product-tile-inner {
    height: 100%
}

.product-tile-inner.marketing .btnFindAStore {
    width: 100%;
    display: block;
    text-align: center;
    background: #000;
    overflow: hidden
}

@media (max-width:1023.98px) {
    .product-tile-inner.marketing .btnFindAStore {
        margin-bottom: 10VW
    }
}

.product-tile-inner.marketing .btnFindAStore a {
    width: 100%;
    display: block;
    font-size: 16px;
    padding: 11px 0;
    letter-spacing: .8px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

@media (min-width:769px) {
    .product-tile-inner.marketing .product-brand-name-block {
        padding-bottom: 0
    }
}

@media (max-width:768.98px) {
    .product-tile-inner.transactional .callout.active+.tile-cta-wrapper {
        position: absolute
    }
}

.product-tile-inner.transactional .buy-button {
    display: none
}

@media (min-width:769px) {
    .product-tile-inner.transactional .buy-button {
        display: block
    }
}

@media screen and (max-width:768px) {
    .product-tile-inner.transactional .tryon-icon {
        margin: 0 5.33333vw 0 0
    }
}

@media screen and (min-width:769px) {
    .product-tile-inner.transactional .tryon-icon {
        margin: 0 2.08333vw 0 0
    }
}

@media (min-width:1440px) {
    .product-tile-inner.transactional .tryon-icon {
        margin: 0 30px 0 0
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-tile-inner.transactional .tryon-icon {
        margin-right: 30px
    }
}

@media (min-width:769px) {
    .product-tile-inner {
        border: 1px solid transparent;
        transition: border .75s
    }
}

.product-tile-inner .tile-error {
    display: block;
    position: absolute;
    bottom: 36px
}

.product-tile-inner .tile-error.hidden {
    display: none
}

.product-tile-inner .tile-error.oos {
    display: block !important
}

.tile-cta-warpper {
    margin: 0 -1px 22px 16px
}

.tile-cta-warpper .find-a-store-btn.button,
.tile-cta-warpper button {
    padding: 0;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    height: 24px;
    color: #262626;
    letter-spacing: 0;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

.tile-cta-warpper .find-a-store-btn.button:hover,
.tile-cta-warpper button:hover {
    color: #262626;
    opacity: 1
}

.tile-cta-warpper .add-to-cart,
.tile-cta-warpper .find-a-store-btn {
    padding: 0
}

.tile-cta-warpper .add-to-cart::after,
.tile-cta-warpper .add-to-cart::before,
.tile-cta-warpper .find-a-store-btn::after,
.tile-cta-warpper .find-a-store-btn::before {
    display: none
}

.tile-cta-warpper .add-to-cart.error,
.tile-cta-warpper .find-a-store-btn.error {
    pointer-events: none
}

.tile-cta-warpper.no-size-available .quantity {
    width: 29.85%
}

@media (max-width:768.98px) {
    .tile-cta-warpper.no-size-available .quantity select {
        width: 100%
    }
}

@media (min-width:769px) {
    .tile-cta-warpper.no-size-available .find-a-store-btn {
        width: 100%;
        display: inline-block
    }
}

.product-tile {
    position: relative;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-tile .badge-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    max-width: 100%;
    text-align: center;
    overflow: hidden;
    background: #fff;
    min-height: 22px
}

.product-tile .badge-container .badge-product {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: uppercase;
    font-size: 9px;
    background: #fff;
    padding: 6px;
    line-height: 10.5px;
    letter-spacing: .5px;
    text-align: center
}

.product-tile .wishlist-icon {
    position: absolute;
    display: block;
    top: 33px;
    right: 8px;
    z-index: 10;
    font-size: 19px;
    line-height: 19px
}

@media (max-width:768.98px) {
    .product-tile .wishlist-icon {
        top: 28px;
        right: 4px;
        width: 50px;
        height: 50px;
        text-align: right;
        padding-top: 5px;
        padding-right: 5px;
        cursor: pointer
    }
}

.product-tile .tryon-icon {
    right: 0;
    position: absolute;
    margin-right: -1.4vw;
    cursor: pointer;
    color: #ccc
}

@media (max-width:768.98px) {
    .product-tile .tryon-icon {
        top: 1vw
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-tile .tryon-icon {
        top: 1vw
    }
}

@media (min-width:769px) {
    .product-tile .tryon-icon {
        bottom: 0;
        margin-right: -10px;
        line-height: 29px
    }
}

.product-tile .tryon-icon:before {
    font-size: 1.25rem;
    display: block
}

@media (max-width:750px) {
    .product-tile .tryon-icon:before {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .product-tile .tryon-icon:before {
        font-size: 20px
    }
}

.product-tile .tryon-icon:hover {
    color: #c8102e
}

.product-tile .product-image {
    width: 100%;
    position: relative;
    overflow: hidden
}

.product-tile .product-image a.thumb-link {
    display: block;
    padding: 1px
}

.product-tile .product-image img {
    margin-top: 35px;
    width: 100%;
    height: auto
}

@media (max-width:768.98px) {
    .product-tile .product-image .alternative-image {
        display: none
    }
}

.product-tile .product-image .tile-image-tint {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 126px rgba(0, 0, 0, .04);
    pointer-events: none
}

.product-tile .product-name {
    margin-top: 4px;
    margin-bottom: 8px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    font-size: 16px;
    line-height: 19.2px
}

.product-tile .product-tile-shortdesc {
    display: none;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 16.8px;
    margin-bottom: 16px
}

.product-tile .product-pricing {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px;
    -ms-flex-align: end;
    align-items: flex-end
}

.product-tile .product-pricing h2 {
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 1.1px;
    display: inline-block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626
}

@media (min-width:769px) {
    .product-tile .product-pricing h2 {
        font-size: 16px;
        letter-spacing: normal
    }
}

.product-tile .product-pricing h2.price-standard {
    text-decoration: line-through;
    color: #262626;
    margin-right: 5px
}

.product-tile .product-pricing h2.price-standard+.price-sales {
    color: #c8102e
}

.product-tile .product-pricing .product-price {
    display: -ms-flexbox;
    display: flex;
    margin-right: 6px
}

.product-tile .taxation-policy {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

.product-tile .buy-button {
    border: none;
    min-width: auto;
    padding-bottom: 1.5vw;
    font-family: Arial, Bold, sans-serif
}

@media (min-width:769px) {
    .product-tile .buy-button {
        font-size: 16px;
        line-height: 1.5;
        padding: 26px 0 16px;
        letter-spacing: .8px
    }
}

@media (max-width:1023.98px) {
    .product-tile .buy-button {
        display: inline-block
    }
}

.product-tile .tile-cta-warpper {
    width: -moz-fit-content;
    width: fit-content;
    height: 24px;
    margin: 24px -1px 16px 0;
    background: #fff;
    text-align: left;
    text-transform: uppercase;
    border-bottom: 1px solid #262626
}

.product-tile .tile-cta-warpper::after {
    display: block;
    content: "";
    clear: both
}

.product-tile .tile-cta-warpper div.quantity {
    height: 24px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 35px;
    margin-right: 5px
}

.product-tile .tile-cta-warpper div.quantity:after {
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    content: '';
    height: 16px;
    display: block;
    position: absolute;
    background: #ccc
}

@media (max-width:768.98px) {
    .product-tile .tile-cta-warpper div.quantity {
        width: 32px;
        margin-right: 2px;
        margin-left: -2px
    }
}

.product-tile .tile-cta-warpper .swatch-list-size,
.product-tile .tile-cta-warpper .swatch-list-size>.ui-front,
.product-tile .tile-cta-warpper div.quantity>.ui-front {
    height: 100%
}

.product-tile .swatch-list-size {
    color: #fff
}

.product-tile .swatch-list-size li {
    padding: 11px 0;
    font-size: 14px
}

.product-tile .ui-selectmenu-button {
    width: 100%;
    border: none;
    padding: 0;
    text-align: center;
    position: relative;
    height: 100%;
    top: 2px
}

@media (min-width:601px) {
    .product-tile .ui-selectmenu-button {
        top: -6px
    }
}

@media (min-width:576px) and (max-width:768px) {
    .product-tile .ui-selectmenu-button {
        top: -5px
    }
}

@media (min-width:769px) {
    .product-tile .ui-selectmenu-button {
        top: 1.5px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        @media (min-width:769px) {
            .product-tile .ui-selectmenu-button {
                top: .5px
            }
        }
    }
}

.product-tile .ui-selectmenu-button .ui-selectmenu-text {
    max-width: 90%;
    font-size: 14px;
    line-height: 16.8px;
    position: relative;
    top: 2.6px;
    display: inline-block;
    letter-spacing: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626
}

.product-tile .ui-selectmenu-button .ui-selectmenu-text:before {
    content: "\e01c";
    font-family: icons;
    float: right;
    font-size: 4px;
    margin-left: 5px;
    margin-top: -1px;
    line-height: 16.8px
}

@media (min-width:601px) {
    .product-tile .ui-selectmenu-button .ui-selectmenu-text {
        top: 0
    }
}

.product-tile .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-text:before {
    transform: rotate(-180deg)
}

.product-tile .tile-bottom-section {
    position: relative
}

.list-view .product-tile .ui-selectmenu-button {
    top: 0
}

@media (min-width:576px) and (max-width:768px) {
    .list-view .product-tile .ui-selectmenu-button {
        top: -3px
    }
}

@media (min-width:769px) {
    .list-view .product-tile .ui-selectmenu-button {
        top: 1.5px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        @media (min-width:769px) {
            .list-view .product-tile .ui-selectmenu-button {
                top: .5px
            }
        }
    }
}

@media (min-width:769px) {
    .product-tile .product-brand-name-block {
        padding: 0 16px
    }

    .product-tile .badge-container {
        top: 8px;
        left: 8px;
        z-index: 10;
        width: auto;
        max-width: 80%
    }

    .product-tile .badge-container .badge-product {
        text-align: left
    }

    .product-tile .wishlist-icon {
        top: 17px;
        right: 17px
    }

    .product-tile .product-tile-shortdesc {
        display: block
    }

    .product-tile .find-a-store-btn.button,
    .product-tile button.add-to-cart {
        font-size: 14px;
        line-height: 24px
    }

    .product-tile .find-a-store-btn.button:disabled,
    .product-tile button.add-to-cart:disabled {
        background: #fff;
        color: #888;
        pointer-events: none;
        border-bottom: 1px solid #000
    }

    .product-tile .ui-selectmenu-button .ui-selectmenu-text {
        font-size: 12px;
        line-height: 14.4px;
        top: 5px;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600;
        color: #262626
    }

    .product-tile .ui-selectmenu-button .ui-selectmenu-text::before {
        margin-top: 5px;
        font-family: icons;
        line-height: 1
    }
}

@media (min-width:769px) and (min-width:601px) {
    .product-tile .ui-selectmenu-button .ui-selectmenu-text {
        top: -4px
    }
}

@media (min-width:769px) and (min-width:769px) {
    .product-tile .ui-selectmenu-button .ui-selectmenu-text {
        top: 2px
    }
}

@media (min-width:769px) {

    .product-tile .callout.alert,
    .product-tile .pre-text {
        font-size: 12px;
        line-height: 16px
    }

    .product-tile .tile-bottom-section {
        padding: 0 16px
    }
}

.product-tile .product-brand {
    height: 17px;
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: uppercase
}

@media (min-width:769px) {
    .product-tile .product-name {
        font-size: 16px
    }
}

.product-tile .product-pricing {
    font-family: Arial, Medium, sans-serif;
    font-size: 1.5rem
}

@media (max-width:750px) {
    .product-tile .product-pricing {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .product-tile .product-pricing {
        height: 19px;
        font-size: 16px;
        overflow: hidden
    }
}

.product-tile .product-brand-name-block {
    margin-top: 35px
}

.product-tile .quantity .ui-front.select-parent {
    z-index: 998
}

.product-variants-wrapper .variant-details {
    width: 100%;
    font-size: 12px;
    overflow: hidden;
    position: relative;
    margin-bottom: 6px;
    white-space: nowrap;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

.product-variants-wrapper .variant-details::after {
    top: 0;
    right: 0;
    width: 50px;
    content: '';
    height: 100%;
    position: absolute;
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 91.41%)
}

.product-variants-wrapper .shade-name {
    display: none;
    text-transform: capitalize
}

@media (min-width:769px) {
    .product-variants-wrapper .shade-name {
        display: inline-block
    }
}

.product-variants-wrapper .tile-color-carousel,
.product-variants-wrapper .tile-size-carousel {
    margin: 0 17px;
    position: relative
}

.product-variants-wrapper .tile-color-carousel:not(.slick-initialized),
.product-variants-wrapper .tile-size-carousel:not(.slick-initialized) {
    display: none
}

.product-variants-wrapper .tile-color-carousel .slick-track,
.product-variants-wrapper .tile-size-carousel .slick-track {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.product-variants-wrapper .tile-color-carousel .slick-arrow,
.product-variants-wrapper .tile-size-carousel .slick-arrow {
    top: 50%;
    border: 0;
    padding: 0;
    z-index: 17;
    width: 20px;
    height: 20px;
    line-height: 0;
    position: absolute;
    visibility: visible
}

.product-variants-wrapper .tile-color-carousel .slick-arrow::after,
.product-variants-wrapper .tile-size-carousel .slick-arrow::after {
    padding: 0;
    width: 8px;
    height: 8px;
    border-color: #000;
    border-width: 0 1px 1px 0
}

.product-variants-wrapper .tile-color-carousel .slick-arrow.slick-disabled::after,
.product-variants-wrapper .tile-size-carousel .slick-arrow.slick-disabled::after {
    border-color: #666
}

.product-variants-wrapper .tile-color-carousel .slick-arrow.slick-prev,
.product-variants-wrapper .tile-size-carousel .slick-arrow.slick-prev {
    left: -23px;
    text-align: right
}

.product-variants-wrapper .tile-color-carousel .slick-arrow.slick-next,
.product-variants-wrapper .tile-size-carousel .slick-arrow.slick-next {
    right: -23px;
    text-align: left
}

.product-variants-wrapper .tile-color-carousel .color-variant {
    text-align: center
}

.product-variants-wrapper .tile-color-carousel .color-variant .swatch {
    height: 22px;
    display: block;
    overflow: visible
}

.product-variants-wrapper .tile-color-carousel .color-variant .swatch:hover {
    opacity: 1
}

.product-variants-wrapper .tile-color-carousel .color-variant .color-holder,
.product-variants-wrapper .tile-color-carousel .color-variant .hex-swatch-block.multiColor,
.product-variants-wrapper .tile-color-carousel .color-variant .hexcode-unavailable {
    position: relative
}

.product-variants-wrapper .tile-color-carousel .color-variant .color-holder::after,
.product-variants-wrapper .tile-color-carousel .color-variant .hex-swatch-block.multiColor::after,
.product-variants-wrapper .tile-color-carousel .color-variant .hexcode-unavailable::after {
    width: 0;
    top: 50%;
    height: 0;
    left: 50%;
    content: '';
    border-radius: 50%;
    position: absolute;
    background: #fff;
    display: inline-block;
    transform: translate(-50%, -50%)
}

.product-variants-wrapper .tile-color-carousel .color-variant .color-holder:hover::after,
.product-variants-wrapper .tile-color-carousel .color-variant .hex-swatch-block.multiColor:hover::after,
.product-variants-wrapper .tile-color-carousel .color-variant .hexcode-unavailable:hover::after {
    width: 12px;
    height: 12px;
    transition: width .14s ease-in, height .14s ease-in
}

.product-variants-wrapper .tile-color-carousel .color-variant.selected .color-holder::after,
.product-variants-wrapper .tile-color-carousel .color-variant.selected .hex-swatch-block.multiColor::after,
.product-variants-wrapper .tile-color-carousel .color-variant.selected .hexcode-unavailable::after {
    width: 6px;
    height: 6px
}

.product-variants-wrapper .tile-color-carousel .color-variant.selected .color-holder:hover::after,
.product-variants-wrapper .tile-color-carousel .color-variant.selected .hex-swatch-block.multiColor:hover::after,
.product-variants-wrapper .tile-color-carousel .color-variant.selected .hexcode-unavailable:hover::after {
    width: 12px;
    height: 12px;
    transition: width .14s ease-in, height .14s ease-in
}

.product-variants-wrapper .tile-color-carousel .color-variant.out-of-stock {
    position: relative
}

.product-variants-wrapper .tile-color-carousel .color-variant.out-of-stock .color-holder::before,
.product-variants-wrapper .tile-color-carousel .color-variant.out-of-stock .hex-swatch-block.multiColor::before {
    top: 50%;
    left: 50%;
    height: 2px;
    width: 20px;
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.product-variants-wrapper .tile-color-carousel .color-variant.out-of-stock .hexcode-unavailable span {
    top: 50%;
    left: 50%;
    width: 2px;
    position: absolute;
    display: inline-block;
    height: calc(100% + 2px);
    background-color: #fff;
    transform: translate(-50%, -50%) rotate(45deg)
}

.product-variants-wrapper .tile-color-carousel .color-variant.light-colored .color-holder,
.product-variants-wrapper .tile-color-carousel .color-variant.light-colored .hex-swatch-block .color-holder-svg {
    border: 1px solid #888
}

.product-variants-wrapper .tile-color-carousel .color-variant.light-colored .color-holder-svg {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #888
}

.product-variants-wrapper .tile-color-carousel .color-variant.light-colored .color-holder::after,
.product-variants-wrapper .tile-color-carousel .color-variant.light-colored .hex-swatch-block.multiColor::after,
.product-variants-wrapper .tile-color-carousel .color-variant.light-colored .hexcode-unavailable::after {
    background: #888
}

.product-variants-wrapper .tile-color-carousel .color-variant.light-colored.out-of-stock .color-holder::before,
.product-variants-wrapper .tile-color-carousel .color-variant.light-colored.out-of-stock .hex-swatch-block.multiColor::before {
    background-color: #888
}

.product-variants-wrapper .tile-color-carousel .color-holder,
.product-variants-wrapper .tile-color-carousel .hex-swatch-block.multiColor,
.product-variants-wrapper .tile-color-carousel .hexcode-unavailable {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block
}

.product-variants-wrapper .tile-color-carousel .hexcode-unavailable {
    position: relative;
    background: #ccc
}

.product-variants-wrapper .tile-color-carousel .hexcode-unavailable::before {
    top: 50%;
    left: 50%;
    color: #000;
    display: block;
    font-size: 6px;
    text-align: center;
    position: absolute;
    content: attr(data-content);
    transform: translate(-50%, -50%)
}

.product-variants-wrapper .tile-size-carousel.left-aligned-slick .size {
    -ms-flex-pack: left;
    justify-content: left
}

.product-variants-wrapper .tile-size-carousel .size-variant.selected .checkbox::after {
    width: 8px;
    height: 8px;
    background: #262626
}

.product-variants-wrapper .tile-size-carousel .size-variant.out-of-stock .size {
    text-decoration: line-through
}

.product-variants-wrapper .tile-size-carousel .size {
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    font-size: 12px;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141
}

.product-variants-wrapper .tile-size-carousel .size:hover {
    opacity: 1
}

.product-variants-wrapper .tile-size-carousel .size:hover .checkbox::after {
    width: 11px;
    height: 11px;
    background: #262626;
    transition: width .14s ease-in, height .14s ease-in
}

.product-variants-wrapper .tile-size-carousel .checkbox {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #666
}

.product-variants-wrapper .tile-size-carousel .checkbox::after {
    top: 50%;
    width: 0;
    height: 0;
    left: 50%;
    content: '';
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    transform: translate(-50%, -50%)
}

.product-variants-wrapper .tile-size-carousel .label {
    height: 18px;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.ui-selectmenu-menu.tileQtySelector .ui-menu[id^=ui-id] {
    border: none;
    min-width: auto
}

.ui-selectmenu-menu.tileQtySelector .ui-menu[id^=ui-id] .ui-menu-item-wrapper {
    font-size: 14px;
    text-align: center;
    padding: 8px 25px 9px
}

@media (min-width:769px) {
    .ui-selectmenu-menu.tileQtySelector .ui-menu[id^=ui-id] .ui-menu-item-wrapper.ui-state-active {
        color: #fff;
        background: #666;
        font-family: Arial, Medium, sans-serif
    }
}

.ui-selectmenu-menu.tileQtySelector .ui-menu .ui-menu-item {
    padding: 0
}

.list-view .product-tile .product-brand-name-block {
    padding: 0 16px
}

.list-view .product-tile .badge-container {
    top: 8px;
    left: 8px;
    z-index: 10;
    width: auto;
    max-width: 80%
}

.list-view .product-tile .badge-container .badge-product {
    text-align: left
}

.list-view .product-tile .wishlist-icon {
    top: 17px;
    right: 17px
}

.list-view .product-tile .product-tile-shortdesc {
    display: block
}

.list-view .product-tile .find-a-store-btn.button,
.list-view .product-tile button.add-to-cart {
    font-size: 14px;
    line-height: 24px
}

.list-view .product-tile .find-a-store-btn.button:disabled,
.list-view .product-tile button.add-to-cart:disabled {
    background: #fff;
    color: #888;
    pointer-events: none;
    border-bottom: 1px solid #000
}

.list-view .product-tile .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 12px;
    line-height: 14.4px;
    top: 5px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626
}

.list-view .product-tile .ui-selectmenu-button .ui-selectmenu-text::before {
    margin-top: 5px;
    font-family: icons;
    line-height: 1
}

@media (min-width:601px) {
    .list-view .product-tile .ui-selectmenu-button .ui-selectmenu-text {
        top: -4px
    }
}

@media (min-width:769px) {
    .list-view .product-tile .ui-selectmenu-button .ui-selectmenu-text {
        top: 2px
    }
}

.list-view .product-tile .callout.alert,
.list-view .product-tile .pre-text {
    font-size: 12px;
    line-height: 16px
}

.list-view .product-tile .tile-bottom-section {
    padding: 0 16px
}

.list-view .shade-name {
    display: inline-block
}

.product-tiles-holder {
    visibility: hidden
}

.product-tiles-holder.is-visible {
    visibility: visible
}

@media (min-width:769px) {
    .product-tiles-holder {
        visibility: visible
    }
}

.product-tile-outer.promotional .product-tile .product-image {
    padding-top: 22px;
    background: #fff
}

@media (min-width:769px) {
    .product-tile-outer.promotional .product-tile .product-image {
        padding-top: 0
    }
}

@media (min-width:769px) {
    .product-tile-inner.active {
        border: 1px solid #262626
    }
}

@media (min-width:1025px) {
    .product-tile-inner:hover {
        border: 1px solid #262626
    }
}

.full-width-content {
    width: 100%
}

.tile-color-carousel.left-aligned-slick,
.tile-size-carousel.left-aligned-slick {
    margin-left: 0
}

.tile-color-carousel.left-aligned-slick .slick-list,
.tile-color-carousel.left-aligned-slick .slick-track,
.tile-size-carousel.left-aligned-slick .slick-list,
.tile-size-carousel.left-aligned-slick .slick-track {
    margin-left: 0;
    -ms-flex-pack: left;
    justify-content: left
}

.tile-color-carousel.left-aligned-slick .slick-slide,
.tile-size-carousel.left-aligned-slick .slick-slide {
    text-align: left
}

.product-tile-outer {
    max-width: 320px
}

.mini-cart-content .minicart-sample-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.mini-cart-content .minicart-sample-header::after {
    content: '';
    display: block;
    height: 1px;
    background: #666;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.mini-cart-content .minicart-sample-header .sample-title {
    font-size: 14px;
    color: #666
}

.mini-cart-content .minicart-sample-header .sample-indicator .sample-indicators-icons {
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 10px;
    color: #888;
    font-size: 15px
}

.mini-cart-content .minicart-sample-header .sample-indicator .sample-indicators-icons .icon-sample-check-mark {
    color: #247800
}

.mini-cart-content .minicart-sample-message {
    margin-top: 20px;
    font-size: 14px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626
}

.mini-cart-content .sample-minicart-products .mini-cart-product:last-child {
    border-bottom: 1px solid #ccc
}

.mini-cart-content .minicart-sample-footer {
    padding: 16px 0 48px
}

.mini-cart-content .minicart-sample-footer .sample-skeleton-desktop {
    display: none
}

.mini-cart-content .minicart-sample-footer .sample-skeleton-mobile {
    display: -ms-flexbox;
    display: flex
}

.mini-cart-content .minicart-sample-footer .minicart-sample-content {
    margin-top: 18px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    font-size: 14px
}

.mini-cart-content .minicart-sample-footer .sample-modal-link {
    font-size: 14px;
    color: #262626;
    text-decoration: underline;
    line-height: 17px;
    margin: 20px 0 10px
}

.mini-cart-content .minicart-sample-footer .sample-modal-link .selectsample {
    cursor: pointer
}

.sample-container {
    position: relative
}

@media (max-width:768.98px) {
    .sample-container {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding: 8vw 10px
    }
}

@media (min-width:769px) {
    .sample-container {
        padding: 60px 0
    }
}

.sample-container .sample-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768.98px) {
    .sample-container .sample-header {
        margin-bottom: 7.3vw
    }
}

@media (min-width:769px) {
    .sample-container .sample-header {
        margin-bottom: 48px
    }
}

.sample-container .sample-header .title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .sample-container .sample-header .title {
        line-height: 1;
        font-size: 2.125rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .sample-container .sample-header .title {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .sample-container .sample-header .title {
        font-size: 30px;
        line-height: 1.1
    }
}

.sample-container .sample-header .sample-modal-link {
    width: 15%;
    text-align: right
}

.sample-container .sample-header .selectsample {
    top: -4px;
    cursor: pointer;
    position: relative;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

@media (max-width:768.98px) {
    .sample-container .sample-header .selectsample {
        font-size: 1.125rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .sample-container .sample-header .selectsample {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .sample-container .sample-header .selectsample {
        font-size: 14px
    }
}

@media (min-width:769px) {
    .sample-container .tiles-wrapper {
        display: -ms-flexbox;
        display: flex;
        margin: 0 -2.15%
    }
}

.sample-container .sample-tile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 6px 17.2px 4.8px rgba(0, 0, 0, .12)
}

@media (max-width:768.98px) {
    .sample-container .sample-tile {
        width: 100%;
        padding: 1vw;
        margin-bottom: 20px;
        min-height: 24.667vw
    }
}

@media (min-width:769px) {
    .sample-container .sample-tile {
        width: 29%;
        padding: 15px;
        margin: 0 2.15%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sample-container .sample-tile:only-child {
        min-height: 290px
    }
}

.sample-container .sample-product-image {
    text-align: center
}

@media (max-width:768.98px) {
    .sample-container .sample-product-image {
        width: 31%
    }
}

@media (max-width:768.98px) {
    .sample-container .sample-product-details {
        width: 69%;
        padding-left: 4%
    }
}

@media (min-width:769px) {
    .sample-container .sample-product-details {
        margin: 13px 0 8px
    }
}

@media (max-width:768.98px) {

    .sample-container .sample-product-brand,
    .sample-container .sample-product-name {
        font-size: 1.375rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .sample-container .sample-product-brand,
    .sample-container .sample-product-name {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {

    .sample-container .sample-product-brand,
    .sample-container .sample-product-name {
        font-size: 16px
    }
}

.sample-container .sample-product-brand {
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

.sample-container .sample-product-name {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.sample-container .sample-select-tile {
    cursor: pointer
}

@media (max-width:768.98px) {
    .sample-container .sample-select-tile {
        padding-left: 10.5vw
    }
}

@media (min-width:769px) {
    .sample-container .sample-select-tile {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sample-container .plus-icon {
    height: 9.5vw;
    font-size: 3.125rem
}

@media (max-width:750px) {
    .sample-container .plus-icon {
        font-size: calc(0.20293rem + 6.23376vw)
    }
}

@media (max-width:576px) and (orientation:portrait) {
    @supports (-webkit-overflow-scrolling:touch) {
        .sample-container .plus-icon {
            height: auto
        }
    }
}

@media (min-width:769px) {
    .sample-container .plus-icon {
        height: 30px;
        font-size: 28px
    }
}

.sample-container .plus-icon+span {
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:768.98px) {
    .sample-container .plus-icon+span {
        padding-left: 3.9vw;
        font-size: 1.375rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .sample-container .plus-icon+span {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {
    .sample-container .plus-icon+span {
        width: 100%;
        padding: 21px 0 0;
        text-align: center
    }
}

.bonus-sample-selection {
    padding: 0
}

@media (min-width:769px) {
    .bonus-sample-selection {
        padding: 0 20px
    }
}

.bonus-sample-selection .modal-wrapper {
    padding: 0;
    width: 100%
}

@media (max-width:768.98px) {
    .bonus-sample-selection .modal-wrapper {
        height: 100%
    }
}

@media (min-width:769px) {
    .bonus-sample-selection .modal-wrapper {
        padding: 20px 0;
        max-width: 1135px
    }
}

.bonus-sample-selection .modal-close {
    top: 7px;
    font-size: 15px;
    right: 5px
}

@media (max-width:768.98px) {
    .bonus-sample-selection .modal-close {
        top: 15px;
        right: 21px
    }
}

.bonus-sample-selection .modal-body {
    width: 100%;
    overflow-y: hidden;
    display: block
}

@media (max-width:768.98px) {
    .bonus-sample-selection .modal-body {
        max-height: 100vh
    }
}

@media (max-width:768.98px) {

    .bonus-content-wrapper,
    .sample-content-wrapper {
        height: 100vh
    }
}

.bonus-content-wrapper .icon-sample-close,
.sample-content-wrapper .icon-sample-close {
    display: none
}

.bonus-content-wrapper .info-open .icon-sample-close,
.bonus-content-wrapper .info-open .product-shortDesc,
.sample-content-wrapper .info-open .icon-sample-close,
.sample-content-wrapper .info-open .product-shortDesc {
    display: block
}

.bonus-content-wrapper .info-open .product-tile,
.sample-content-wrapper .info-open .product-tile {
    opacity: .2
}

.bonus-content-wrapper .info-open .icon-block .icon-more-info,
.sample-content-wrapper .info-open .icon-block .icon-more-info {
    display: none
}

.bonus-content-wrapper .product-shortDesc,
.sample-content-wrapper .product-shortDesc {
    display: none;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 1px;
    position: absolute;
    z-index: 9;
    top: 26px;
    padding: 0 10px
}

@media (min-width:769px) {

    .bonus-content-wrapper .product-shortDesc,
    .sample-content-wrapper .product-shortDesc {
        font-size: 12px
    }
}

.bonus-content-wrapper .sample-bonus-contents,
.sample-content-wrapper .sample-bonus-contents {
    display: -ms-flexbox;
    display: flex
}

.bonus-content-wrapper .sample-bonus-contents .sample-bonus-body,
.sample-content-wrapper .sample-bonus-contents .sample-bonus-body {
    height: 100%;
    width: 100%
}

.bonus-content-wrapper .sample-bonus-contents .sb-scrollbar-container,
.sample-content-wrapper .sample-bonus-contents .sb-scrollbar-container {
    z-index: 1;
    top: 0;
    bottom: 2vw
}

@media (min-width:769px) {

    .bonus-content-wrapper .sample-bonus-contents .sb-scrollbar-container,
    .sample-content-wrapper .sample-bonus-contents .sb-scrollbar-container {
        bottom: 40px
    }
}

.bonus-content-wrapper .sample-bonus-contents .sb-scrollbar,
.sample-content-wrapper .sample-bonus-contents .sb-scrollbar {
    color: #888
}

.bonus-content-wrapper .bonus-header,
.bonus-content-wrapper .sample-header,
.sample-content-wrapper .bonus-header,
.sample-content-wrapper .sample-header {
    padding: 0 28px;
    margin: 0
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .bonus-header,
    .bonus-content-wrapper .sample-header,
    .sample-content-wrapper .bonus-header,
    .sample-content-wrapper .sample-header {
        padding: 15px 20px 0
    }
}

.bonus-content-wrapper .bonus-header .error,
.bonus-content-wrapper .sample-header .error,
.sample-content-wrapper .bonus-header .error,
.sample-content-wrapper .sample-header .error {
    color: #c8102e
}

.bonus-content-wrapper .bonus-header .title,
.bonus-content-wrapper .sample-header .title,
.sample-content-wrapper .bonus-header .title,
.sample-content-wrapper .sample-header .title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px
}

@media (min-width:769px) {

    .bonus-content-wrapper .bonus-header .title,
    .bonus-content-wrapper .sample-header .title,
    .sample-content-wrapper .bonus-header .title,
    .sample-content-wrapper .sample-header .title {
        font-size: 20px;
        line-height: 24px
    }
}

.bonus-content-wrapper .bonus-header .bonuses-left-indicator,
.bonus-content-wrapper .bonus-header .samples-left-indicator,
.bonus-content-wrapper .sample-header .bonuses-left-indicator,
.bonus-content-wrapper .sample-header .samples-left-indicator,
.sample-content-wrapper .bonus-header .bonuses-left-indicator,
.sample-content-wrapper .bonus-header .samples-left-indicator,
.sample-content-wrapper .sample-header .bonuses-left-indicator,
.sample-content-wrapper .sample-header .samples-left-indicator {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    font-size: 14px;
    line-height: 16.8px;
    margin-right: 17px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .bonus-header .bonuses-left-indicator,
    .bonus-content-wrapper .bonus-header .samples-left-indicator,
    .bonus-content-wrapper .sample-header .bonuses-left-indicator,
    .bonus-content-wrapper .sample-header .samples-left-indicator,
    .sample-content-wrapper .bonus-header .bonuses-left-indicator,
    .sample-content-wrapper .bonus-header .samples-left-indicator,
    .sample-content-wrapper .sample-header .bonuses-left-indicator,
    .sample-content-wrapper .sample-header .samples-left-indicator {
        display: block;
        margin: 0;
        padding: 14px 0 10px;
        text-align: center;
        position: absolute;
        min-height: 41px;
        bottom: 52px;
        border-top: 1px solid #666;
        background-color: #fff;
        width: 100%
    }
}

@media (min-width:769px) {

    .bonus-content-wrapper .bonus-header .add-btn-container,
    .bonus-content-wrapper .sample-header .add-btn-container,
    .sample-content-wrapper .bonus-header .add-btn-container,
    .sample-content-wrapper .sample-header .add-btn-container {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .bonus-header .add-btn-container,
    .bonus-content-wrapper .sample-header .add-btn-container,
    .sample-content-wrapper .bonus-header .add-btn-container,
    .sample-content-wrapper .sample-header .add-btn-container {
        position: absolute;
        bottom: 0;
        background-color: #fff;
        z-index: 99;
        padding-bottom: 12px;
        width: calc(100% - 40px)
    }
}

.bonus-content-wrapper .bonus-header .sample-bonus-add-to-cart,
.bonus-content-wrapper .sample-header .sample-bonus-add-to-cart,
.sample-content-wrapper .bonus-header .sample-bonus-add-to-cart,
.sample-content-wrapper .sample-header .sample-bonus-add-to-cart {
    font-size: 14px;
    font-family: Arial, sans-serif;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 50px;
    width: 193px;
    background-color: #262626;
    border: 1px solid #262626
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .bonus-header .sample-bonus-add-to-cart,
    .bonus-content-wrapper .sample-header .sample-bonus-add-to-cart,
    .sample-content-wrapper .bonus-header .sample-bonus-add-to-cart,
    .sample-content-wrapper .sample-header .sample-bonus-add-to-cart {
        width: 100%;
        height: 40px
    }
}

.bonus-content-wrapper .bonus-header .sample-bonus-add-to-cart.disabled,
.bonus-content-wrapper .bonus-header .sample-bonus-add-to-cart:disabled,
.bonus-content-wrapper .bonus-header .sample-bonus-add-to-cart[disabled],
.bonus-content-wrapper .sample-header .sample-bonus-add-to-cart.disabled,
.bonus-content-wrapper .sample-header .sample-bonus-add-to-cart:disabled,
.bonus-content-wrapper .sample-header .sample-bonus-add-to-cart[disabled],
.sample-content-wrapper .bonus-header .sample-bonus-add-to-cart.disabled,
.sample-content-wrapper .bonus-header .sample-bonus-add-to-cart:disabled,
.sample-content-wrapper .bonus-header .sample-bonus-add-to-cart[disabled],
.sample-content-wrapper .sample-header .sample-bonus-add-to-cart.disabled,
.sample-content-wrapper .sample-header .sample-bonus-add-to-cart:disabled,
.sample-content-wrapper .sample-header .sample-bonus-add-to-cart[disabled] {
    background: #666
}

.bonus-content-wrapper .bonus-header .sample-bonus-add-to-cart:hover,
.bonus-content-wrapper .sample-header .sample-bonus-add-to-cart:hover,
.sample-content-wrapper .bonus-header .sample-bonus-add-to-cart:hover,
.sample-content-wrapper .sample-header .sample-bonus-add-to-cart:hover {
    color: #262626;
    background-color: #fff
}

.bonus-content-wrapper .bonus-header .sample-bonus-product-gradient,
.bonus-content-wrapper .sample-header .sample-bonus-product-gradient,
.sample-content-wrapper .bonus-header .sample-bonus-product-gradient,
.sample-content-wrapper .sample-header .sample-bonus-product-gradient {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 84.9%);
    width: calc(100% - 40px);
    height: 28px;
    position: absolute;
    bottom: 91px;
    z-index: 10
}

@media (min-width:769px) {

    .bonus-content-wrapper .bonus-header .sample-bonus-product-gradient,
    .bonus-content-wrapper .sample-header .sample-bonus-product-gradient,
    .sample-content-wrapper .bonus-header .sample-bonus-product-gradient,
    .sample-content-wrapper .sample-header .sample-bonus-product-gradient {
        display: none
    }
}

.bonus-content-wrapper .bonus-header-inner,
.bonus-content-wrapper .sample-header-inner,
.sample-content-wrapper .bonus-header-inner,
.sample-content-wrapper .sample-header-inner {
    border-bottom: 1px solid #888;
    padding-bottom: 20px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    max-width: 990px;
    margin: 0 auto
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .bonus-header-inner,
    .bonus-content-wrapper .sample-header-inner,
    .sample-content-wrapper .bonus-header-inner,
    .sample-content-wrapper .sample-header-inner {
        padding-bottom: 8px;
        padding-right: 25px
    }
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .sample-bonus-body .product-listing-wrapper,
    .sample-content-wrapper .sample-bonus-body .product-listing-wrapper {
        padding: 0 10px 0 0
    }
}

@media (min-width:769px) {

    .bonus-content-wrapper .sample-bonus-body .product-listing-wrapper,
    .sample-content-wrapper .sample-bonus-body .product-listing-wrapper {
        padding: 0 0 0 28px
    }
}

@media (min-width:769px) {

    .bonus-content-wrapper .sample-bonus-body .sb-container.sb-container-noscroll .product-listing-wrapper,
    .sample-content-wrapper .sample-bonus-body .sb-container.sb-container-noscroll .product-listing-wrapper {
        padding: 0 18px 0 28px
    }
}

.bonus-content-wrapper .product-listing,
.sample-content-wrapper .product-listing {
    max-width: 990px;
    margin: 0 auto
}

.bonus-content-wrapper .tiles-container,
.sample-content-wrapper .tiles-container {
    padding: 24px 0 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .tiles-container,
    .sample-content-wrapper .tiles-container {
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 24px 0 30px 20px
    }
}

.bonus-content-wrapper .product-tile-wrapper,
.sample-content-wrapper .product-tile-wrapper {
    cursor: pointer;
    border: 1px solid transparent;
    transition: border .75s;
    position: relative;
    padding: 0 0 10px;
    z-index: 9
}

@media (min-width:769px) {

    .bonus-content-wrapper .product-tile-wrapper:hover,
    .sample-content-wrapper .product-tile-wrapper:hover {
        border: 1px solid #262626
    }
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .product-tile-wrapper,
    .sample-content-wrapper .product-tile-wrapper {
        width: 47%;
        margin-bottom: 25px
    }
}

@media (min-width:769px) {

    .bonus-content-wrapper .product-tile-wrapper,
    .sample-content-wrapper .product-tile-wrapper {
        width: 14.5%;
        margin: 0 3.4% 44px
    }
}

.bonus-content-wrapper .product-tile-wrapper:nth-child(5n+5),
.sample-content-wrapper .product-tile-wrapper:nth-child(5n+5) {
    margin-right: 0
}

.bonus-content-wrapper .product-tile-wrapper:nth-child(1),
.bonus-content-wrapper .product-tile-wrapper:nth-child(5n+6),
.sample-content-wrapper .product-tile-wrapper:nth-child(1),
.sample-content-wrapper .product-tile-wrapper:nth-child(5n+6) {
    margin-left: 0
}

.bonus-content-wrapper .opacity,
.sample-content-wrapper .opacity {
    opacity: .3;
    pointer-events: none
}

.bonus-content-wrapper .icon-block,
.sample-content-wrapper .icon-block {
    position: absolute;
    right: 7px;
    top: 7px;
    z-index: 9;
    cursor: pointer
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .icon-block,
    .sample-content-wrapper .icon-block {
        right: -2px;
        top: -2px;
        z-index: 999
    }
}

.bonus-content-wrapper .icon-block .icon-more-info,
.sample-content-wrapper .icon-block .icon-more-info {
    color: #000;
    font-size: 17px;
    cursor: pointer
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .icon-block .icon-more-info,
    .sample-content-wrapper .icon-block .icon-more-info {
        width: 50px;
        height: 50px;
        display: inline-block;
        text-align: right;
        padding-top: 7px;
        padding-right: 7px
    }
}

.bonus-content-wrapper .icon-block .icon-sample-close,
.sample-content-wrapper .icon-block .icon-sample-close {
    color: #000;
    font-size: 13px;
    right: 2px;
    position: absolute;
    top: 3px;
    cursor: pointer
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .icon-block .icon-sample-close,
    .sample-content-wrapper .icon-block .icon-sample-close {
        width: 50px;
        height: 50px;
        text-align: right;
        padding-top: 7px;
        padding-right: 7px
    }
}

.bonus-content-wrapper .badge-container,
.bonus-content-wrapper .product-brand,
.bonus-content-wrapper .wishlist-icon,
.sample-content-wrapper .badge-container,
.sample-content-wrapper .product-brand,
.sample-content-wrapper .wishlist-icon {
    display: none
}

.bonus-content-wrapper .product-name,
.sample-content-wrapper .product-name {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 16.8px;
    padding: 7px 0 7px 4px;
    margin: 0
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .product-name,
    .sample-content-wrapper .product-name {
        padding: 7px 0
    }
}

.bonus-content-wrapper .product-brand-name-block,
.sample-content-wrapper .product-brand-name-block {
    padding: 0;
    margin: 0;
    height: 60px;
    overflow: hidden
}

@media (min-width:769px) {

    .bonus-content-wrapper .product-brand-name-block,
    .sample-content-wrapper .product-brand-name-block {
        padding: 0
    }
}

.bonus-content-wrapper .product-details,
.sample-content-wrapper .product-details {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px
}

.bonus-content-wrapper .icon-checks,
.sample-content-wrapper .icon-checks {
    display: -ms-flexbox;
    display: flex
}

.bonus-content-wrapper .icon-checks .checkbox-empty,
.sample-content-wrapper .icon-checks .checkbox-empty {
    width: 16px;
    height: 16px;
    border: 1px solid #888;
    border-radius: 2px
}

.bonus-content-wrapper .icon-checks .checkbox-checked,
.sample-content-wrapper .icon-checks .checkbox-checked {
    display: none;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 11px;
    background: #262626;
    border-radius: 2px;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

.bonus-content-wrapper .icon-checks .checkbox-checked:before,
.sample-content-wrapper .icon-checks .checkbox-checked:before {
    position: relative;
    bottom: 1px
}

.bonus-content-wrapper .icon-checks.checked .checkbox-empty,
.sample-content-wrapper .icon-checks.checked .checkbox-empty {
    display: none
}

.bonus-content-wrapper .icon-checks.checked .checkbox-checked,
.sample-content-wrapper .icon-checks.checked .checkbox-checked {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.bonus-content-wrapper .alternative-image,
.bonus-content-wrapper .badge-and-wishlist-wrapper,
.bonus-content-wrapper .buy-button,
.bonus-content-wrapper .tile-cta-warpper,
.sample-content-wrapper .alternative-image,
.sample-content-wrapper .badge-and-wishlist-wrapper,
.sample-content-wrapper .buy-button,
.sample-content-wrapper .tile-cta-warpper {
    display: none
}

.bonus-content-wrapper .multiselect,
.sample-content-wrapper .multiselect {
    width: 100%;
    cursor: pointer;
    color: #262626;
    letter-spacing: .2px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 0 0 0 4px;
    line-height: 16.8px;
    height: auto;
    text-transform: none;
    text-align: left;
    border: none
}

@media (max-width:768.98px) {

    .bonus-content-wrapper .multiselect,
    .sample-content-wrapper .multiselect {
        font-size: 13px;
        line-height: normal
    }
}

.bonus-content-wrapper .multiselect.remove,
.bonus-content-wrapper .product-tile,
.sample-content-wrapper .multiselect.remove,
.sample-content-wrapper .product-tile {
    height: auto
}

.bonus-content-wrapper .product-tile .product-image img,
.sample-content-wrapper .product-tile .product-image img {
    margin-top: 0
}

.missed-samples-modal .modal-wrapper {
    max-width: 646px;
    padding: 30px 20px;
    text-align: center
}

.missed-samples-modal .icon-close {
    font-size: 15px;
    top: 16px;
    right: 20px
}

.missed-samples-modal .missed-samples-alert .missed-sample-icon {
    padding: 5px;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.missed-samples-modal .missed-samples-alert .icon-missed-sample {
    font-size: 30px;
    color: #888
}

.missed-samples-modal .missed-samples-alert .sample-title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    font-size: 20px;
    line-height: 24px;
    padding: 5px 0 7px
}

.missed-samples-modal .missed-samples-alert .sample-briefing {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    font-size: 16px;
    line-height: 19.2px;
    padding-bottom: 32px
}

@media (max-width:768.98px) {
    .missed-samples-modal .missed-samples-alert .sample-briefing {
        padding-bottom: 27px
    }
}

.missed-samples-modal .missed-samples-alert .button-controls {
    text-align: center
}

.missed-samples-modal .missed-samples-alert .btn-primary {
    min-width: 230px;
    padding: 18px 41px;
    margin: 0 12px 20px
}

@media (max-width:768.98px) {
    .missed-samples-modal .missed-samples-alert .btn-primary {
        padding: 18px 10px;
        margin: 0 0 11px;
        width: 100%
    }
}

.recommendation-block .recommendation-container.cross-sell,
.recommendation-container.cross-sell {
    margin-top: 60px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {

    .recommendation-block .recommendation-container.cross-sell,
    .recommendation-container.cross-sell {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%
    }
}

.recommendation-block .recommendation-container.cross-sell h3.title,
.recommendation-container.cross-sell h3.title {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 22px
}

.recommendation-block .recommendation-container.cross-sell div[class*=item-],
.recommendation-container.cross-sell div[class*=item-] {
    width: 50%;
    max-width: 320px;
    margin: 16px 0 22px;
    padding: 0 5px
}

@media (min-width:601px) {

    .recommendation-block .recommendation-container.cross-sell div[class*=item-],
    .recommendation-container.cross-sell div[class*=item-] {
        width: 25%
    }
}

@media (min-width:769px) {

    .recommendation-block .recommendation-container.cross-sell div[class*=item-],
    .recommendation-container.cross-sell div[class*=item-] {
        width: 33.33%
    }
}

.recommendation-block .recommendation-container.cross-sell.list-view div[class*=item-],
.recommendation-container.cross-sell.list-view div[class*=item-] {
    width: 100%
}

@media (min-width:601px) {

    .recommendation-block .recommendation-container.cross-sell.list-view div[class*=item-],
    .recommendation-container.cross-sell.list-view div[class*=item-] {
        width: 50%
    }
}

@media (min-width:769px) {

    .recommendation-block .recommendation-container.cross-sell.list-view div[class*=item-],
    .recommendation-container.cross-sell.list-view div[class*=item-] {
        width: 33.33%
    }
}

.recommendation-block .recommendation-container.cross-sell [data-aos],
.recommendation-container.cross-sell [data-aos] {
    opacity: 1;
    transform: none
}

.recommendation-block .recommendation-container.cross-sell .button-wrapper,
.recommendation-container.cross-sell .button-wrapper {
    text-align: center;
    margin: 24px auto 20px
}

@media (min-width:769px) {

    .recommendation-block .recommendation-container.cross-sell .button-wrapper,
    .recommendation-container.cross-sell .button-wrapper {
        margin: 60px auto 20px
    }
}

.recommendation-block .recommendation-container.cross-sell .button-wrapper a,
.recommendation-container.cross-sell .button-wrapper a {
    width: 100%;
    font-size: inherit;
    display: inline-block;
    color: #000
}

.recommendation-block .recommendation-container.cross-sell .button-wrapper .btn.secondary:hover a,
.recommendation-container.cross-sell .button-wrapper .btn.secondary:hover a {
    color: #c8102e
}

.js-insta .slick-slide img {
    max-height: 254px
}

.js-insta .carousel-recommendations div.slick-slide>div,
.js-insta .carousel-recommendations li.slick-slide {
    padding: 10px;
    height: 36vw;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:769px) {

    .js-insta .carousel-recommendations div.slick-slide>div,
    .js-insta .carousel-recommendations li.slick-slide {
        height: 19vw
    }
}

@media (min-width:1440px) {

    .js-insta .carousel-recommendations div.slick-slide>div,
    .js-insta .carousel-recommendations li.slick-slide {
        height: 274px
    }
}

@media (max-width:1023.98px) {

    .js-insta .carousel-recommendations div.slick-slide>div a,
    .js-insta .carousel-recommendations div.slick-slide>div img,
    .js-insta .carousel-recommendations li.slick-slide a,
    .js-insta .carousel-recommendations li.slick-slide img {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        width: auto !important
    }
}

.js-insta .carousel-recommendations .modal-image.product-image.column.medium-4.small-12 {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.js-insta .dragdealer {
    margin: 25px 10px 0
}

@media (min-width:769px) {
    .js-insta .dragdealer {
        margin-top: 40px
    }
}

.js-insta .rv-section {
    padding-left: 0;
    padding-right: 0
}

.js-insta .slick-counter {
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: .9px;
    font-size: 1.13rem
}

@media (max-width:750px) {
    .js-insta .slick-counter {
        font-size: calc(0.20093rem + 1.98202vw)
    }
}

@media (max-width:768.98px) {
    .js-insta .slick-counter {
        letter-spacing: 1.4px
    }
}

@media (min-width:601px) {
    .recommendation-block .row {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:769px) {
    .recommendation-block .row {
        -ms-flex-pack: left;
        justify-content: left
    }
}

.recommendation-block .recommendation-container.list-view .recommendation::after {
    content: "";
    display: block;
    width: 50%;
    max-width: 320px;
    margin: 16px 0;
    padding: 0 5px
}

@media (min-width:601px) {
    .recommendation-block .recommendation-container.list-view .recommendation::after {
        width: 50%
    }
}

@media (min-width:769px) {
    .recommendation-block .recommendation-container.list-view .recommendation::after {
        display: none
    }
}

.recommendation-block .recommendation-container.list-view .row {
    -ms-flex-pack: center;
    justify-content: center
}

.recommendation-container.cart-recommendation-container {
    margin-bottom: 28px
}

@media (min-width:769px) {
    .recommendation-container.cart-recommendation-container {
        margin-bottom: 20px
    }
}

.recommendation-container.cart-recommendation-container .carousel-recommendations {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.recommendation-container.cart-recommendation-container .carousel-recommendations::after {
    content: ""
}

@media (min-width:769px) {
    .recommendation-container.cart-recommendation-container .carousel-recommendations::after {
        display: none
    }
}

.recommendation-container.cart-recommendation-container .carousel-recommendations:after,
.recommendation-container.cart-recommendation-container div[class*=item-] {
    width: 50%;
    max-width: 320px;
    margin: 16px 0 22px;
    padding: 0 5px
}

@media (min-width:601px) {

    .recommendation-container.cart-recommendation-container .carousel-recommendations:after,
    .recommendation-container.cart-recommendation-container div[class*=item-] {
        width: 25%
    }
}

@media (min-width:769px) {

    .recommendation-container.cart-recommendation-container .carousel-recommendations:after,
    .recommendation-container.cart-recommendation-container div[class*=item-] {
        padding: 0 12px
    }
}

.recommendation-container.cart-recommendation-container.list-view .carousel-recommendations:after,
.recommendation-container.cart-recommendation-container.list-view div[class*=item-] {
    width: 100%
}

@media (min-width:601px) {

    .recommendation-container.cart-recommendation-container.list-view .carousel-recommendations:after,
    .recommendation-container.cart-recommendation-container.list-view div[class*=item-] {
        width: 50%
    }
}

@media (min-width:769px) {

    .recommendation-container.cart-recommendation-container.list-view .carousel-recommendations:after,
    .recommendation-container.cart-recommendation-container.list-view div[class*=item-] {
        width: 25%
    }
}

@media (min-width:769px) {
    .tips-and-tutorials {
        overflow: hidden
    }
}

@media (max-width:768.98px) {

    .tips-and-tutorials.variation-1 .headline-wrapper,
    .tips-and-tutorials.variation-2 .headline-wrapper,
    .tips-and-tutorials.variation-3 .headline-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tips-and-tutorials.variation-1 .content-wrapper,
.tips-and-tutorials.variation-2 .content-wrapper,
.tips-and-tutorials.variation-3 .content-wrapper {
    position: relative
}

@media (max-width:768.98px) {

    .tips-and-tutorials.variation-1 .content-wrapper,
    .tips-and-tutorials.variation-2 .content-wrapper,
    .tips-and-tutorials.variation-3 .content-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.tips-and-tutorials.variation-1 .link,
.tips-and-tutorials.variation-2 .link,
.tips-and-tutorials.variation-3 .link {
    width: 300px;
    min-width: auto;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transform-origin: right top
}

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

    .tips-and-tutorials.variation-1 .link,
    .tips-and-tutorials.variation-2 .link,
    .tips-and-tutorials.variation-3 .link {
        width: 200px
    }
}

@media (max-width:768.98px) {

    .tips-and-tutorials.variation-1 .link,
    .tips-and-tutorials.variation-2 .link,
    .tips-and-tutorials.variation-3 .link {
        right: 96.4%
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-1 .link,
    .tips-and-tutorials.variation-2 .link,
    .tips-and-tutorials.variation-3 .link {
        width: 21.5%
    }
}

@media (width:768px) {

    .tips-and-tutorials.variation-1 .link,
    .tips-and-tutorials.variation-2 .link,
    .tips-and-tutorials.variation-3 .link {
        width: 270px
    }
}

.tips-and-tutorials.variation-1 .link::after,
.tips-and-tutorials.variation-2 .link::after,
.tips-and-tutorials.variation-3 .link::after {
    display: none
}

.tips-and-tutorials.variation-1 .link .text,
.tips-and-tutorials.variation-2 .link .text,
.tips-and-tutorials.variation-3 .link .text {
    margin-right: 8px;
    font-size: 1rem
}

@media (max-width:750px) {

    .tips-and-tutorials.variation-1 .link .text,
    .tips-and-tutorials.variation-2 .link .text,
    .tips-and-tutorials.variation-3 .link .text {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-1 .link .text,
    .tips-and-tutorials.variation-2 .link .text,
    .tips-and-tutorials.variation-3 .link .text {
        font-size: .8125rem
    }
}

@media (min-width:769px) and (max-width:750px) {

    .tips-and-tutorials.variation-1 .link .text,
    .tips-and-tutorials.variation-2 .link .text,
    .tips-and-tutorials.variation-3 .link .text {
        font-size: calc(0.20061rem + 1.30536vw)
    }
}

.tips-and-tutorials.variation-1 .link .vertical-line,
.tips-and-tutorials.variation-2 .link .vertical-line,
.tips-and-tutorials.variation-3 .link .vertical-line {
    -ms-flex: auto;
    flex: auto;
    height: 8px;
    background-color: #c8102e
}

@media screen and (max-width:576px) and (orientation:portrait) {

    .tips-and-tutorials.variation-1 .link .vertical-line,
    .tips-and-tutorials.variation-2 .link .vertical-line,
    .tips-and-tutorials.variation-3 .link .vertical-line {
        height: 1.06vw
    }
}

@media (max-width:768.98px) {

    .tips-and-tutorials.variation-1 .videos,
    .tips-and-tutorials.variation-2 .videos,
    .tips-and-tutorials.variation-3 .videos {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
        margin-left: 11%;
        position: relative;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.tips-and-tutorials.variation-1 .video,
.tips-and-tutorials.variation-2 .video,
.tips-and-tutorials.variation-3 .video {
    position: relative
}

.tips-and-tutorials.variation-1 .video .video-wrapper,
.tips-and-tutorials.variation-2 .video .video-wrapper,
.tips-and-tutorials.variation-3 .video .video-wrapper {
    width: calc(100% - 20px)
}

.tips-and-tutorials.variation-1 .play-pause-btn,
.tips-and-tutorials.variation-2 .play-pause-btn,
.tips-and-tutorials.variation-3 .play-pause-btn {
    top: 2vw;
    z-index: 1;
    left: 2.5vw;
    cursor: pointer;
    position: absolute;
    font-size: 6.25rem;
    color: #fff
}

@media (max-width:750px) {

    .tips-and-tutorials.variation-1 .play-pause-btn,
    .tips-and-tutorials.variation-2 .play-pause-btn,
    .tips-and-tutorials.variation-3 .play-pause-btn {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-1 .play-pause-btn,
    .tips-and-tutorials.variation-2 .play-pause-btn,
    .tips-and-tutorials.variation-3 .play-pause-btn {
        top: 15px
    }
}

@media (max-width:768.98px) {

    .tips-and-tutorials.variation-1 .slick-arrow,
    .tips-and-tutorials.variation-2 .slick-arrow,
    .tips-and-tutorials.variation-3 .slick-arrow {
        visibility: hidden
    }

    .tips-and-tutorials.variation-1 .slick-arrow::after,
    .tips-and-tutorials.variation-2 .slick-arrow::after,
    .tips-and-tutorials.variation-3 .slick-arrow::after {
        display: none
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-1 .slick-arrow,
    .tips-and-tutorials.variation-2 .slick-arrow,
    .tips-and-tutorials.variation-3 .slick-arrow {
        height: 60px
    }
}

.tips-and-tutorials.variation-1 .slick-dots,
.tips-and-tutorials.variation-2 .slick-dots {
    bottom: unset;
    position: unset
}

.tips-and-tutorials.variation-2 .headline-copy,
.tips-and-tutorials.variation-3 .headline-copy {
    -ms-flex: 0 0 62.5%;
    flex: 0 0 62.5%;
    max-width: 62.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-2 .headline-copy,
    .tips-and-tutorials.variation-3 .headline-copy {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 25%
    }
}

@media (max-width:768.98px) {

    .tips-and-tutorials.variation-2 .headline,
    .tips-and-tutorials.variation-3 .headline {
        padding-left: 16%
    }
}

.tips-and-tutorials.variation-2 .intro-copy,
.tips-and-tutorials.variation-3 .intro-copy {
    letter-spacing: .02em
}

@media (max-width:768.98px) {

    .tips-and-tutorials.variation-2 .intro-copy,
    .tips-and-tutorials.variation-3 .intro-copy {
        padding-left: 16%;
        margin: 2.5vw 0 6vw;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .tips-and-tutorials.variation-2 .intro-copy,
    .tips-and-tutorials.variation-3 .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-2 .intro-copy,
    .tips-and-tutorials.variation-3 .intro-copy {
        margin: 19px 0 55px;
        font-size: 18px
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-2 .link,
    .tips-and-tutorials.variation-3 .link {
        right: 78.7%
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-2 .videos,
    .tips-and-tutorials.variation-3 .videos {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 25%
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-2 .slick-list,
    .tips-and-tutorials.variation-3 .slick-list {
        margin-right: -20px
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-4 .headline-copy {
        padding: 0 5.2%
    }
}

.tips-and-tutorials.variation-4 .headline {
    font-size: 2.875rem;
    margin-bottom: 8vw
}

@media (max-width:750px) {
    .tips-and-tutorials.variation-4 .headline {
        font-size: calc(0.20268rem + 5.70096vw)
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-4 .headline {
        margin-bottom: 2.5rem;
        font-size: 2.625rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tips-and-tutorials.variation-4 .headline {
        font-size: calc(0.20243rem + 5.16816vw)
    }
}

.tips-and-tutorials.variation-4 .intro-copy {
    letter-spacing: .02em;
    margin-bottom: .5rem
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-4 .intro-copy {
        margin: 2.5vw 0 3.75vw;
        font-size: 2.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .tips-and-tutorials.variation-4 .intro-copy {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-4 .slider-for {
        padding: 0 5.2%
    }
}

.tips-and-tutorials.variation-4 .slick-list {
    pointer-events: none
}

.tips-and-tutorials.variation-4 .slider-contentdesc {
    padding: 0 5px
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-4 .slider-contentdesc {
        max-width: 278px
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-4 .slider-nav {
        max-width: 684.38px
    }

    .tips-and-tutorials.variation-4 .slider-nav .slide-content {
        padding-right: 20px
    }
}

.tips-and-tutorials.variation-4 .slick-current.slick-active .slide-content {
    padding-left: 0
}

.tips-and-tutorials.variation-4 .slider-contentimg {
    padding-top: 40px
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-4 .slider-contentimg {
        padding-top: 35px
    }
}

.tips-and-tutorials.variation-4 .slick-arrow {
    z-index: 3;
    width: 10.67vw;
    height: 10.67vw;
    text-indent: -9999px;
    top: inherit;
    right: 0;
    left: inherit;
    bottom: 0
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-4 .slick-arrow {
        width: 80px;
        height: 80px
    }
}

.tips-and-tutorials.variation-4 .slick-arrow::after {
    display: none
}

.tips-and-tutorials.variation-4 .slick-arrow::before {
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    text-indent: 0;
    font-size: 7vw;
    position: absolute;
    display: inline-block;
    color: #fff;
    transform: translate(-50%, -50%)
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-4 .slick-arrow::before {
        font-size: 60px
    }
}

.tips-and-tutorials.variation-4 .slick-arrow.slick-disabled {
    pointer-events: none
}

.tips-and-tutorials.variation-4 .slick-prev {
    background: #000;
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    bottom: 80px
}

.tips-and-tutorials.variation-4 .slick-prev:before {
    content: "\e02e"
}

.tips-and-tutorials.variation-4 .slick-prev::before {
    color: #fff
}

.tips-and-tutorials.variation-4 .slick-next {
    background: #fff;
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.tips-and-tutorials.variation-4 .slick-next:before {
    content: "\e04c"
}

.tips-and-tutorials.variation-4 .slick-next::before {
    color: #000
}

.tips-and-tutorials.variation-4 .slick-current.slick-active .slider-contentimg {
    padding-right: 15px
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-4 .slick-current.slick-active .slider-contentimg {
        padding-right: 10px
    }
}

.tips-and-tutorials.variation-4 .slick-current.slick-active+.slick-active .slider-contentimg {
    padding-left: 15px;
    padding-right: 0
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-4 .slick-current.slick-active+.slick-active .slider-contentimg {
        padding-left: 10px
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-4 .slider-nav .slick-track {
        top: 10px
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .content-wrapper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        position: relative;
        width: 100%;
        min-height: 1px
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .content-wrapper {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .headline-wrapper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        display: -ms-flexbox;
        display: flex;
        padding: 0 20px;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .headline-wrapper {
        padding: 0 10px;
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .headline-copy {
        width: 37.5%;
        padding: 0 10px
    }
}

.tips-and-tutorials.variation-1 .headline {
    font-size: 1.875rem
}

@media (max-width:750px) {
    .tips-and-tutorials.variation-1 .headline {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .headline {
        margin: 4.5vw 0 3.7vw
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .headline {
        margin: -4px 0 22px
    }
}

.tips-and-tutorials.variation-1 .intro-copy {
    letter-spacing: .02em
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .intro-copy {
        margin-top: 3.7vw;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .tips-and-tutorials.variation-1 .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .intro-copy {
        margin-top: -18px;
        font-size: 18px
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .videos {
        padding-left: 9.25%
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .video-wrapper {
        position: relative
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .play-pause-btn {
        left: 20px
    }
}

.tips-and-tutorials.variation-1 .product-name {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .product-name {
        margin: 4vw 0 0;
        font-size: 1.375rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .tips-and-tutorials.variation-1 .product-name {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .product-name {
        padding-top: 50px;
        font-size: 16px
    }
}

.tips-and-tutorials.variation-1 .shop-button-wrapper {
    border-bottom: 1px solid #c8102e
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .shop-button-wrapper {
        margin: 4.5vw 0 0;
        padding-bottom: 4vw
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .shop-button-wrapper {
        margin: 45px 0 20px;
        padding-bottom: 15px
    }
}

.tips-and-tutorials.variation-1 .shop {
    padding: 0;
    width: auto;
    min-width: unset;
    border-bottom: none
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-1 .shop {
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .tips-and-tutorials.variation-1 .shop {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .shop {
        font-size: 16px
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-1 .link {
        width: 31.4%;
        right: 96.5%
    }
}

@media (min-width:769px) {

    .tips-and-tutorials.variation-2 .content-wrapper,
    .tips-and-tutorials.variation-2 .headline-wrapper {
        margin-left: -18px
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-2 .content-wrapper {
        margin: 0
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-2 .link {
        right: calc(96.4% - -10px)
    }
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-2 .videos {
        margin-left: 10%
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-2 .play-pause-btn {
        left: 30px
    }
}

.tips-and-tutorials.variation-2 .headline {
    line-height: inherit
}

@media (max-width:768.98px) {
    .tips-and-tutorials.variation-3 .content-wrapper {
        margin-right: -20px
    }
}

.tips-and-tutorials.variation-3 .slick-prev {
    left: 20px
}

.tips-and-tutorials.variation-3 .slick-next {
    right: 20px
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-3 .play-pause-btn {
        left: 20px
    }
}

.tips-and-tutorials.variation-3 .video-name {
    margin-top: 3.5vw;
    font-size: 1.5rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .tips-and-tutorials.variation-3 .video-name {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .tips-and-tutorials.variation-3 .video-name {
        margin-top: 30px;
        font-size: 18px
    }
}

.tips-and-tutorials.variation-3 .slick-dots {
    bottom: -40px
}

.external-module-award.left-bleed,
.external-module-award.right-bleed {
    position: relative
}

@media (min-width:769px) {

    .external-module-award.left-bleed .content-wrapper,
    .external-module-award.right-bleed .content-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width:768.98px) {

    .external-module-award.left-bleed .image-wrapper,
    .external-module-award.right-bleed .image-wrapper {
        display: none
    }
}

.external-module-award.left-bleed .article-link,
.external-module-award.right-bleed .article-link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: .02em
}

.external-module-award.left-bleed .article-link span,
.external-module-award.right-bleed .article-link span {
    margin-left: 23px
}

@media (max-width:768.98px) {

    .external-module-award.left-bleed .article-link span,
    .external-module-award.right-bleed .article-link span {
        font-size: 12px
    }
}

.external-module-award.left-bleed .content-wrapper {
    color: #fff
}

@media (max-width:768.98px) {
    .external-module-award.left-bleed .content-wrapper {
        width: calc(100% - 20px)
    }
}

@media (min-width:769px) {
    .external-module-award.left-bleed .content-wrapper {
        padding-top: 110px
    }
}

.external-module-award.left-bleed .article {
    background-color: #000
}

@media (min-width:769px) {
    .external-module-award.left-bleed .article {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        padding: 122px 0 112px;
        position: relative
    }
}

@media (min-width:769px) {
    .external-module-award.left-bleed .image-wrapper {
        top: -110px;
        width: 34.5%;
        margin-left: 14.5%;
        position: absolute
    }

    .external-module-award.left-bleed .image-wrapper.no-image {
        min-height: 580px
    }
}

.external-module-award.left-bleed .article-details {
    z-index: 1
}

@media (max-width:768.98px) {
    .external-module-award.left-bleed .article-details {
        padding: 16.5vw 19vw 14.5vw
    }
}

@media (min-width:769px) {
    .external-module-award.left-bleed .article-details {
        width: 42%;
        float: right;
        padding-right: 6%
    }
}

.external-module-award.left-bleed .award-or-publication-logo {
    position: relative
}

@media (max-width:768.98px) {
    .external-module-award.left-bleed .award-or-publication-logo {
        width: 39vw;
        padding: 0 8vw;
        margin-left: 61%;
        margin-top: -12vw
    }
}

@media (min-width:769px) {
    .external-module-award.left-bleed .award-or-publication-logo {
        margin-top: -96px;
        text-align: center;
        margin-right: 12.5%
    }
}

.external-module-award.left-bleed .quotes {
    margin: 0 0 4vw;
    position: relative;
    font-size: 2.25rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .external-module-award.left-bleed .quotes {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media (min-width:769px) {
    .external-module-award.left-bleed .quotes {
        margin: 0 0 33px
    }
}

.external-module-award.left-bleed .quotes::before {
    top: -8.5vw;
    position: absolute;
    content: open-quote;
    display: inline-block;
    font-size: 4.5rem;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (max-width:750px) {
    .external-module-award.left-bleed .quotes::before {
        font-size: calc(0.2043rem + 9.16416vw)
    }
}

@media (min-width:769px) {
    .external-module-award.left-bleed .quotes::before {
        top: -65px
    }
}

.external-module-award.left-bleed .name-and-attribution .name {
    display: block;
    font-size: 1.75rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .external-module-award.left-bleed .name-and-attribution .name {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

.external-module-award.left-bleed .name-and-attribution .attribution {
    display: block;
    font-family: Arial, sans-serif;
    font-weight: 400
}

.external-module-award.left-bleed .article-link {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .external-module-award.left-bleed .article-link {
        margin-top: 7vw
    }
}

@media (min-width:769px) {
    .external-module-award.left-bleed .article-link {
        margin-top: 45px
    }
}

.external-module-award.right-bleed .content-wrapper {
    position: relative
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .content-wrapper {
        padding-bottom: 4vw
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .content-wrapper {
        padding: 80px 0 35px
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .image-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        height: 0;
        position: absolute;
        top: calc(6vw - 0vw)
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-image {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 62.5%
    }
}

.external-module-award.right-bleed .link {
    z-index: 1;
    width: 40vw;
    min-width: auto;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.25rem;
    transform-origin: right top
}

@media (max-width:750px) {
    .external-module-award.right-bleed .link {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .link {
        right: 97.5%
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .link {
        width: 21.5%;
        right: 93.9%;
        font-size: 16px
    }
}

.external-module-award.right-bleed .link::after {
    display: none
}

.external-module-award.right-bleed .link .text {
    margin-right: 8px
}

.external-module-award.right-bleed .link .vertical-line {
    -ms-flex: auto;
    flex: auto;
    height: 1.07vw;
    background-color: #c8102e
}

@media (min-width:769px) {
    .external-module-award.right-bleed .link .vertical-line {
        height: 8px
    }
}

.external-module-award.right-bleed .article-wpapper {
    width: 100%;
    display: inline-block
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article-wpapper {
        padding-left: 13.5%
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-wpapper {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 12.5%
    }
}

.external-module-award.right-bleed .article-bg-texture {
    width: 100%;
    min-height: 1px;
    z-index: -2;
    bottom: 0;
    position: absolute
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article-bg-texture {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 50%;
        padding-left: 5vw
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-bg-texture {
        left: 0;
        right: 0;
        text-align: right
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-bg-texture img {
        max-width: none
    }
}

.external-module-award.right-bleed .article {
    width: 100%;
    position: relative;
    display: inline-block;
    background: rgba(0, 0, 0, .85)
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article {
        padding: 12vw 12vw 12.7vw
    }
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article.no-bg-image-mobile {
        background: #000
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article.no-bg-image-desktop {
        background: #000
    }
}

.external-module-award.right-bleed .article-bg {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center
}

.external-module-award.right-bleed .article-bg img {
    height: 100%;
    max-width: none
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-details {
        width: 37%;
        float: left;
        margin-left: 7.3%;
        padding: 128px 0 108px
    }
}

.external-module-award.right-bleed .article-title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-size: 5rem
}

@media (max-width:750px) {
    .external-module-award.right-bleed .article-title {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article-title {
        line-height: 10.6vw
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-title {
        line-height: 1
    }
}

.external-module-award.right-bleed .article-intro-title {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article-intro-title {
        line-height: 4.5vw;
        margin: 4vw 0 10vw;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .external-module-award.right-bleed .article-intro-title {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-intro-title {
        line-height: 1.3;
        margin: 33px 0 50px;
        font-size: 18px
    }
}

.external-module-award.right-bleed .article-link {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article-link {
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .external-module-award.right-bleed .article-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-link {
        font-size: 16px
    }
}

@media (max-width:768.98px) {
    .external-module-award.right-bleed .article-image {
        display: none
    }
}

@media (min-width:769px) {
    .external-module-award.right-bleed .article-image {
        padding-left: 10px
    }
}

.external-module-video.right-bleed .content-wrapper {
    position: relative
}

.external-module-video.right-bleed .link {
    z-index: 1;
    width: 40vw;
    min-width: auto;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1.25rem;
    transform-origin: right top
}

@media (max-width:750px) {
    .external-module-video.right-bleed .link {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {
    .external-module-video.right-bleed .link {
        right: 97.7%
    }
}

@media (min-width:769px) {
    .external-module-video.right-bleed .link {
        width: 21.5%;
        right: 93.9%;
        font-size: 16px
    }
}

.external-module-video.right-bleed .link::after {
    display: none
}

.external-module-video.right-bleed .link .text {
    margin-right: 8px
}

.external-module-video.right-bleed .link .vertical-line {
    -ms-flex: auto;
    flex: auto;
    height: 1.07vw;
    background-color: #c8102e
}

@media (min-width:769px) {
    .external-module-video.right-bleed .link .vertical-line {
        height: 8px
    }
}

@media (min-width:769px) {
    .external-module-video.right-bleed .link.aos-init {
        white-space: nowrap;
        transition-property: width
    }

    .external-module-video.right-bleed .link.aos-animate {
        width: 21.5%
    }
}

.external-module-video.right-bleed .video-or-image-wrapper {
    position: relative
}

@media (max-width:768.98px) {
    .external-module-video.right-bleed .video-or-image-wrapper {
        padding-left: 8%
    }
}

@media (min-width:769px) {
    .external-module-video.right-bleed .video-or-image-wrapper {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 12.5%
    }
}

.external-module-video.right-bleed .play-pause-btn {
    top: 2vw;
    z-index: 1;
    left: 2.5vw;
    cursor: pointer;
    position: absolute;
    font-size: 6.25rem;
    color: #fff
}

@media (max-width:750px) {
    .external-module-video.right-bleed .play-pause-btn {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {
    .external-module-video.right-bleed .play-pause-btn {
        top: 15px;
        left: 20px
    }
}

.external-module-video.right-bleed .play-pause-btn.active {
    display: none
}

.external-module-video.right-bleed .video-wrapper {
    position: relative
}

.external-module-video.right-bleed .video-wrapper:hover .play-pause-btn.active {
    display: inline
}

.external-module-video.right-bleed .video-wrapper video {
    background-size: 100%;
    background-repeat: no-repeat
}

.external-module-video.right-bleed .video-title {
    position: absolute;
    font-size: 5rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    bottom: -.5px
}

@media (max-width:750px) {
    .external-module-video.right-bleed .video-title {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media (max-width:768.98px) {
    .external-module-video.right-bleed .video-title {
        width: 45vw;
        padding-left: 1.7vw
    }
}

@media (max-width:768.98px) and (min-width:576px) and (max-width:768px) {
    .external-module-video.right-bleed .video-title {
        bottom: -5px
    }
}

@media (min-width:769px) {
    .external-module-video.right-bleed .video-title {
        width: 28%;
        bottom: 0;
        padding: 0 20px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .external-module-video.right-bleed .video-title {
        bottom: -5px
    }
}

@media (min-width:576px) and (max-width:768px) {
    .pt_storefront .storefront .video-title {
        bottom: 0
    }
}

.campaign-module-product.full-bleed-right .content-wrapper {
    position: relative
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right .content-wrapper {
        padding: 18.8vw 0 0 20px
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .content-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right .bg-texture {
        top: 0;
        position: absolute
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .bg-texture {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 6.25%
    }
}

.campaign-module-product.full-bleed-right .video-or-image-wrapper {
    width: 100%;
    display: inline-block
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right .video-or-image-wrapper {
        top: 17.5vw
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .video-or-image-wrapper {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 6.25%;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .video-or-image-wrapper.with-texture {
        top: 17%;
        position: absolute
    }
}

.campaign-module-product.full-bleed-right .play-pause-btn {
    top: 2vw;
    z-index: 1;
    left: 2.5vw;
    cursor: pointer;
    position: absolute;
    font-size: 6.25rem;
    color: #fff
}

@media (max-width:750px) {
    .campaign-module-product.full-bleed-right .play-pause-btn {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .play-pause-btn {
        top: 15px;
        left: 20px
    }
}

.campaign-module-product.full-bleed-right .play-pause-btn.active {
    display: none
}

.campaign-module-product.full-bleed-right .video-wrapper {
    width: 100%;
    position: relative;
    display: inline-block;
    padding-bottom: 6px
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .video-wrapper {
        -ms-flex: 0 0 79.75%;
        flex: 0 0 79.75%;
        max-width: 79.75%;
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding-bottom: 0
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .campaign-module-product.full-bleed-right .video-wrapper {
        -ms-flex: 0 0 75.75%;
        flex: 0 0 75.75%;
        max-width: 75.75%
    }
}

.campaign-module-product.full-bleed-right .video-wrapper:hover .play-pause-btn.active {
    display: inline
}

.campaign-module-product.full-bleed-right .video-wrapper video {
    max-height: 650px;
    background-size: 100%;
    background-repeat: no-repeat
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .video-wrapper video {
        height: 100%
    }
}

.campaign-module-product.full-bleed-right .video-wrapper img {
    width: 100%
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right .text-wrapper {
        width: 50%;
        margin-left: 50%;
        margin-top: 8vw;
        padding-right: 20px
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .text-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 20.2%;
        flex: 0 0 20.2%;
        max-width: 20.2%;
        padding-right: 17px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.campaign-module-product.full-bleed-right .headline {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.125rem
}

@media (max-width:750px) {
    .campaign-module-product.full-bleed-right .headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

.campaign-module-product.full-bleed-right .intro-copy {
    letter-spacing: .02em;
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 1.125rem
}

@media (max-width:750px) {
    .campaign-module-product.full-bleed-right .intro-copy {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right .intro-copy {
        line-height: 1.33em;
        margin: 2vw 0 5vw;
        padding-right: 10%
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .intro-copy {
        margin-top: 20px
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .button-wrapper {
        -ms-flex-order: -1;
        order: -1
    }
}

.campaign-module-product.full-bleed-right .discover {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right .discover {
        width: 34vw;
        min-width: auto;
        padding-bottom: 2.2vw;
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .campaign-module-product.full-bleed-right .discover {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right .discover {
        left: 14px;
        width: 255px;
        bottom: 137px;
        position: relative;
        font-size: 16px;
        transform: translateX(-50%) translateY(0%) rotate(-90deg)
    }
}

.campaign-module-product.full-bleed-right2 {
    padding: 0
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right2 .content-wrapper {
        width: 100%;
        display: inline-block
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right2 .bg-texture {
        right: 0;
        width: 131%;
        z-index: -1
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right2 .bg-texture {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right2 .text-wrapper {
        width: 54%;
        margin-left: 46%
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right2 .headline {
        letter-spacing: .03em
    }
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-right2 .intro-copy {
        margin-bottom: 2.66667vw
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right2 .intro-copy {
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-right2 .product-details {
        padding: 6.4vw 0 4.4vw
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right2 .product-details {
        padding: 3.34vw 0 2.23vw
    }
}

@media (min-width:1440px) {
    .campaign-module-product.full-bleed-right2 .product-details {
        padding: 48px 0 33px
    }
}

.campaign-module-product.full-bleed-right2 .product-brand,
.campaign-module-product.full-bleed-right2 .product-name {
    width: 100%;
    display: inline-block
}

@media (max-width:768.98px) {

    .campaign-module-product.full-bleed-right2 .product-brand,
    .campaign-module-product.full-bleed-right2 .product-name {
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .campaign-module-product.full-bleed-right2 .product-brand,
    .campaign-module-product.full-bleed-right2 .product-name {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .campaign-module-product.full-bleed-right2 .product-brand,
    .campaign-module-product.full-bleed-right2 .product-name {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {

    .campaign-module-product.full-bleed-right2 .product-brand,
    .campaign-module-product.full-bleed-right2 .product-name {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.campaign-module-product.full-bleed-right2 .product-brand {
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right2 .product-brand {
        margin-bottom: 3px
    }
}

.campaign-module-product.full-bleed-right2 .product-name {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.campaign-module-product.full-bleed-right2 .video-wrapper video {
    vertical-align: top
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right2 .button-wrapper {
        -ms-flex-order: 1;
        order: 1
    }
}

.campaign-module-product.full-bleed-right2 .button-wrapper .shop {
    min-width: 100%
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-right2 .button-wrapper .shop {
        padding: 0 0 4.66667vw
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-right2 .button-wrapper .shop {
        width: 73%;
        min-width: auto;
        padding-bottom: 1.71vw;
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .campaign-module-product.full-bleed-right2 .button-wrapper .shop {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:1440px) {
    .campaign-module-product.full-bleed-right2 .button-wrapper .shop {
        padding-bottom: 24px
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-right2 .content-wrapper {
        padding-left: 0
    }

    .campaign-module-product.full-bleed-right2 .content-wrapper .video-or-image-wrapper {
        padding-left: 20px
    }
}

.campaign-module-product.full-bleed-right2 .video-or-image-wrapper.with-texture {
    top: 22.1%
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image .content-wrapper {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.campaign-module-product.full-bleed-image .campaign-wrapper {
    width: 100%;
    display: inline-block
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image .campaign-wrapper {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 12.5%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.campaign-module-product.full-bleed-image .campaign-details,
.campaign-module-product.full-bleed-image .campaign-image {
    float: left
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image .campaign-details {
        width: 39%;
        padding-left: 5%
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image .campaign-details {
        width: 21%;
        padding-bottom: 14%;
        display: -ms-flexbox;
        display: flex;
        padding-right: 8px;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image .campaign-image {
        width: 61%;
        padding-left: 20px
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image .campaign-image {
        width: 49%;
        margin-left: 30%
    }
}

.campaign-module-product.full-bleed-image .campaign-image img {
    width: 100%
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image .texture-image {
        width: 58%;
        margin: -28.5vw 0 auto
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image .texture-image {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin: -29% auto 0
    }
}

.campaign-module-product.full-bleed-image .texture-image img {
    width: 100%;
    position: relative
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image .texture-image img {
        top: 50%;
        left: 50%;
        transform: translate(-33%, 0)
    }
}

.campaign-module-product.full-bleed-image .campaign-headline {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2.125rem
}

@media (max-width:750px) {
    .campaign-module-product.full-bleed-image .campaign-headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

.campaign-module-product.full-bleed-image .campaign-copy {
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image .campaign-copy {
        margin: .8vw 0 8vw;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .campaign-module-product.full-bleed-image .campaign-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:576px) {
    .campaign-module-product.full-bleed-image .campaign-copy {
        font-size: 16px
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image .campaign-copy {
        line-height: 1.3;
        margin: 28px 0 72px;
        font-size: 18px
    }
}

.campaign-module-product.full-bleed-image .discover {
    width: 100%;
    min-width: auto;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    transform-origin: right top
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image .discover {
        font-size: 1.25rem;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600;
        text-transform: uppercase
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .campaign-module-product.full-bleed-image .discover {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image .discover {
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        text-transform: uppercase
    }
}

.campaign-module-product.full-bleed-image .discover::after {
    display: none
}

.campaign-module-product.full-bleed-image .discover .text {
    margin-right: 8px
}

.campaign-module-product.full-bleed-image .discover .vertical-line {
    -ms-flex: auto;
    flex: auto;
    height: 1px;
    background-color: #c8102e
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .content-wrapper {
        padding-left: 18.66667vw
    }
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-details {
    margin: 0;
    padding: 92px 10px 0;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    width: 100%;
    min-height: 1px
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-details {
        padding-top: 9.2vw;
        padding-right: 13.86667vw
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-details {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-details {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        margin-left: 12.5%
    }
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .texture-image-active {
        padding-top: 22.66667vw;
        padding-right: 13.86667vw
    }
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-image {
    position: relative;
    width: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0 10px
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-image {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-image {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%
    }
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-headline {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: none;
    max-width: 300px
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-headline strong {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-copy {
    margin: 28px 0 30px
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-copy {
        margin: 3.73333vw 0 4vw
    }
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .campaign-copy strong {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .product-name {
    font-size: 1.5rem;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    display: block
}

@media (max-width:750px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .product-name {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .product-name {
        margin: 4.4vw 0
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .product-name {
        height: 16.45vw;
        overflow: hidden
    }
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .product-name {
        padding: 33px 0;
        font-size: 16px
    }
}

@media (max-width:768.98px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .button-wrapper {
        width: 50%;
        float: left
    }

    .campaign-module-product.full-bleed-image.full-bleed-image2 .button-wrapper .shop {
        width: 100%
    }
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .texture-image {
    max-width: 36.15%;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 10px;
    transform: translate(-50%, 43%)
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image.full-bleed-image2 .texture-image {
        max-width: 36.66%
    }
}

.campaign-module-product.full-bleed-image.full-bleed-image2 .texture-image img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    transform: none;
    position: static;
    width: auto
}

.campaign-module-product.full-bleed-image.variation2 .content-wrapper {
    position: relative
}

.campaign-module-product.full-bleed-image.variation2 .campaign-image {
    position: static
}

.campaign-module-product.full-bleed-image.variation2 .texture-image {
    max-width: 100%;
    top: 32%;
    left: -80px;
    transform: none;
    z-index: -1
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image.variation2 .texture-image {
        top: 0;
        left: 0;
        padding-left: 10px
    }
}

.campaign-module-product.full-bleed-image.variation2 .texture-image img {
    height: 125%;
    width: auto
}

@media (min-width:769px) {
    .campaign-module-product.full-bleed-image.variation2 .texture-image img {
        height: 115%
    }
}

.full-bleed-center-image {
    position: relative;
    overflow: hidden;
    padding-bottom: 148px
}

.full-bleed-center-image .content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.full-bleed-center-image .content-wrapper .campaign-wrapper {
    z-index: 1;
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 67px;
    text-align: center
}

@media (min-width:769px) {
    .full-bleed-center-image .content-wrapper .campaign-wrapper {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
        margin-left: 12.5%;
        text-align: left
    }
}

.full-bleed-center-image .content-wrapper .texture-image {
    position: absolute;
    left: -50%;
    top: 0;
    z-index: 0;
    width: 150%
}

@media (min-width:769px) {
    .full-bleed-center-image .content-wrapper .texture-image {
        left: 0;
        width: 100%
    }
}

@media (min-width:769px) {
    .full-bleed-center-image .campaign-details-wrap {
        position: absolute;
        height: 100%;
        left: 100%;
        top: 0;
        display: -ms-flexbox;
        display: flex;
        margin-left: -213px;
        -ms-flex-align: center;
        align-items: center
    }
}

.full-bleed-center-image .campaign-details-wrap .campaign-details {
    background-color: #fff
}

@media screen and (min-width:769px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-details {
        padding: 2.77778vw
    }
}

@media (min-width:1440px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-details {
        padding: 40px
    }
}

@media screen and (max-width:768px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-details {
        padding: 10.66667vw 5.33333vw
    }
}

@media (min-width:769px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-details {
        width: 426px
    }
}

@media (max-width:768.98px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-headline {
        font-size: 2.125rem;
        margin-bottom: 7px
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-headline {
        max-width: 250px
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-headline {
        margin-bottom: 2.08333vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .full-bleed-center-image .campaign-details-wrap .campaign-headline {
        margin-bottom: 30px
    }
}

@media (min-width:769px) {
    .full-bleed-center-image .campaign-details-wrap .button.get-started {
        display: inline-block;
        margin-top: 16px
    }
}

.full-bleed-center-image .campaign-details-wrap .button.get-started {
    display: none
}

.consult-module,
.consult-module .content-wrapper {
    position: relative
}

@media (max-width:768.98px) {
    .consult-module {
        padding: 16vw 0 32vw
    }
}

@media (min-width:769px) {
    .consult-module {
        padding: 120px 0
    }
}

@media (min-width:769px) {
    .consult-module .content-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: block
    }
}

@media (max-width:768.98px) {
    .consult-module .text-wrapper {
        text-align: center;
        padding: 10.7vw 10px;
        position: relative
    }
}

@media (min-width:769px) {
    .consult-module .text-wrapper {
        top: 50%;
        left: 50%;
        width: 36%;
        padding: 40px;
        position: absolute;
        transform: translate(-39%, -50%)
    }
}

@media (max-width:768.98px) {
    .consult-module .tapable-on-mobile {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        display: inline-block
    }
}

@media (min-width:769px) {
    .consult-module .tapable-on-mobile {
        display: none
    }
}

.consult-module .headline {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    font-size: 2.125rem
}

@media (max-width:750px) {
    .consult-module .headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (max-width:768.98px) {
    .consult-module .headline {
        margin-bottom: 5px
    }
}

@media (min-width:769px) {
    .consult-module .headline {
        font-size: 34px
    }
}

.consult-module .intro-copy {
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:768.98px) {
    .consult-module .intro-copy {
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .consult-module .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .consult-module .intro-copy {
        margin: 2.09vw 0 1.05vw;
        font-size: 18px
    }
}

@media (min-width:1440px) {
    .consult-module .intro-copy {
        margin: 30px 0 15px
    }
}

.consult-module .link {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:769px) {
    .consult-module.foundation-finder .content-wrapper {
        width: 100%;
        display: inline-block
    }
}

@media (max-width:768.98px) {
    .consult-module.foundation-finder .bg-image-wrapper {
        width: 70%;
        margin-left: 32%;
        position: relative
    }
}

@media (min-width:769px) {
    .consult-module.foundation-finder .bg-image-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 50%;
        margin-top: -70px
    }
}

@media (max-width:768.98px) {
    .consult-module.foundation-finder .bg-image-wrapper img {
        top: 50%;
        left: 50%;
        position: relative;
        transform: translate(-34vw, 29vw)
    }
}

.consult-module.foundation-finder .image-text-wrapper {
    top: 0
}

@media (max-width:768.98px) {
    .consult-module.foundation-finder .image-text-wrapper {
        position: absolute;
        padding: 0 8vw 0 11vw
    }
}

@media (min-width:769px) {
    .consult-module.foundation-finder .image-text-wrapper {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
        width: 100%;
        min-height: 1px;
        margin-left: 18.75%;
        padding-left: 5px;
        position: absolute
    }
}

@media (min-width:769px) {
    .consult-module.foundation-finder .image-wrapper {
        width: 53%
    }
}

.consult-module.foundation-finder .text-wrapper {
    background: #fff
}

.consult-module.foundation-finder .headline {
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .consult-module.holiday-ribbonizer {
        padding-bottom: 16vw;
        padding-top: calc(16vw - 7.33VW)
    }
}

@media (min-width:769px) {
    .consult-module.holiday-ribbonizer {
        padding-top: 65px
    }
}

@media (max-width:768.98px) {
    .consult-module.holiday-ribbonizer .content-wrapper {
        padding: 0 5.8vw
    }
}

@media (min-width:769px) {
    .consult-module.holiday-ribbonizer .content-wrapper {
        padding: 0 14.5%
    }
}

.consult-module.holiday-ribbonizer .text-wrapper {
    background: #c8102e
}

@media (min-width:769px) {
    .consult-module.holiday-ribbonizer .text-wrapper {
        left: 54.8%;
        width: 29.5%;
        padding: 48px 10px 44px 40px
    }
}

.consult-module.holiday-ribbonizer .headline,
.consult-module.holiday-ribbonizer .intro-copy {
    color: #fff
}

@media (max-width:768.98px) {
    .consult-module.holiday-ribbonizer .headline {
        margin-bottom: 12px
    }
}

@media (max-width:768.98px) {
    .consult-module.holiday-ribbonizer .intro-copy {
        padding: 0 15vw;
        line-height: 1.2
    }
}

@media (min-width:769px) {
    .consult-module.holiday-ribbonizer .intro-copy {
        margin: 38px 0 42px
    }
}

@media (min-width:769px) {
    .consult-module.holiday-ribbonizer .image-wrapper {
        width: 60.5%
    }
}

.consult-module.holiday-ribbonizer .image-wrapper img {
    width: 100%
}

.consult-module.holiday-ribbonizer a.button.secondary {
    color: #fff;
    border: 2px solid #fff
}

.consult-module.eyecare-finder {
    padding: 8vw 0 32vw
}

@media (min-width:769px) {
    .consult-module.eyecare-finder {
        padding: 130px 0 103px
    }
}

.consult-module.eyecare-finder .bg-image-wrapper {
    position: absolute
}

@media (min-width:769px) {
    .consult-module.eyecare-finder .bg-image-wrapper {
        left: 20%;
        top: -20%
    }
}

@media (max-width:1023.98px) {
    .consult-module.eyecare-finder .bg-image-wrapper {
        top: 40%;
        left: 10px
    }
}

.consult-module.eyecare-finder .image-text-wrapper {
    position: relative
}

@media (min-width:769px) {
    .consult-module.eyecare-finder .image-text-wrapper {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 6.25%
    }
}

@media (max-width:1023.98px) {
    .consult-module.eyecare-finder .image-text-wrapper {
        padding: 0 8vw 0 10vw
    }
}

@media (min-width:769px) {
    .consult-module.eyecare-finder .image-wrapper {
        width: 69%
    }
}

.consult-module.eyecare-finder .text-wrapper {
    background: #fff;
    padding: 7.2vw 7vw
}

@media (min-width:769px) {
    .consult-module.eyecare-finder .text-wrapper {
        width: 48.7%;
        left: 65%;
        padding: 55px 41px 51px 35px
    }
}

.consult-module.eyecare-finder .headline {
    text-transform: uppercase;
    margin-bottom: 1VW
}

@media (min-width:769px) {
    .consult-module.eyecare-finder .headline {
        line-height: 1.06;
        margin-bottom: 0
    }
}

.consult-module.eyecare-finder .intro-copy {
    line-height: 1.3
}

@media (min-width:769px) {
    .consult-module.eyecare-finder .intro-copy {
        margin: 26px 0 33px;
        line-height: normal
    }
}

@media (min-width:769px) {
    .consult-module.eyecare-finder a.button {
        padding: 11px 46px 9px
    }
}

.consult-module.d-r-quiz-module {
    padding: 10.27vw 0 32vw
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module {
        padding: 5vw 0 6vw
    }
}

@media (min-width:1440px) {
    .consult-module.d-r-quiz-module {
        padding: 15px 0 115px
    }
}

@media (max-width:768.98px) {
    .consult-module.d-r-quiz-module .bg-image-wrapper {
        width: 70%;
        margin-left: 32%;
        position: relative
    }
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module .bg-image-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 50%
    }
}

@media (max-width:768.98px) {
    .consult-module.d-r-quiz-module .bg-image-wrapper img {
        top: 50%;
        left: 50%;
        position: relative;
        transform: translate(-37vw, 29vw)
    }
}

.consult-module.d-r-quiz-module .image-text-wrapper {
    top: 0
}

@media (max-width:768.98px) {
    .consult-module.d-r-quiz-module .image-text-wrapper {
        position: absolute;
        padding: 0 8vw
    }
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module .image-text-wrapper {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
        width: 100%;
        min-height: 1px;
        margin-left: 18.75%;
        top: 3.61vw;
        padding-left: 5px;
        position: absolute
    }
}

@media (min-width:1440px) {
    .consult-module.d-r-quiz-module .image-text-wrapper {
        top: 70px
    }
}

@media (max-width:768.98px) {
    .consult-module.d-r-quiz-module .image-wrapper img {
        width: 100%;
        max-width: none
    }
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module .image-wrapper {
        width: 53%
    }
}

.consult-module.d-r-quiz-module .text-wrapper {
    background: #fff
}

@media (max-width:768.98px) {
    .consult-module.d-r-quiz-module .text-wrapper {
        text-align: center;
        padding: 6.9vw 10px 6.4vw
    }
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module .text-wrapper {
        width: 39%;
        padding: 2.57vw 4.4%;
        transform: translate(-39%, -38%)
    }
}

@media (min-width:1440px) {
    .consult-module.d-r-quiz-module .text-wrapper {
        padding: 37px 4.4%
    }
}

.consult-module.d-r-quiz-module .headline {
    line-height: 1.06;
    margin-bottom: 17px;
    text-transform: uppercase
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module .headline {
        font-size: 2.37vw;
        margin-bottom: 1.19vw
    }
}

@media (min-width:1440px) {
    .consult-module.d-r-quiz-module .headline {
        font-size: 34px;
        margin-bottom: 17px
    }
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module .apt-copy {
        margin-top: 3.96vw
    }
}

@media (min-width:1440px) {
    .consult-module.d-r-quiz-module .apt-copy {
        margin-top: 57px
    }
}

@media (min-width:769px) {
    .consult-module.d-r-quiz-module a.link {
        min-width: 51%;
        padding: .77vw 1.39vw .56vw
    }
}

@media (min-width:1440px) {
    .consult-module.d-r-quiz-module a.link {
        width: 51%;
        min-width: auto;
        padding: 11px 20px 9px
    }
}

.consult-module.beauty-consultation {
    text-align: center
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation {
        padding-bottom: 13vw
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .content-wrapper {
        margin-bottom: 80px
    }
}

.consult-module.beauty-consultation .image-wrapper {
    width: 83%;
    margin: 0 auto
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .image-wrapper {
        width: 44%;
        margin: 0 0 0 15%;
        position: absolute
    }
}

.consult-module.beauty-consultation .text-container {
    top: -12.67vw;
    width: 68%;
    margin: 0 auto;
    position: relative
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .text-container {
        top: 12.02vw;
        width: 36.5%;
        margin: 0 0 16.5vw 48%
    }
}

@media (min-width:1440px) {
    .consult-module.beauty-consultation .text-container {
        top: 173px;
        position: relative;
        margin: 0 0 240px 48%
    }
}

.consult-module.beauty-consultation .headline {
    font-size: 2.125rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .consult-module.beauty-consultation .headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation .headline {
        margin-bottom: 2.5vw
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .headline {
        line-height: 1
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .headline span {
        display: block
    }
}

.consult-module.beauty-consultation .intro-copy {
    padding: 0 2vw;
    line-height: 1.4;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .consult-module.beauty-consultation .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation .intro-copy {
        margin: 30px 0 20px
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .intro-copy {
        padding: 0 5% 0 0;
        font-size: 1.125rem;
        margin: 2.93vw 0 1.96vw
    }
}

@media (min-width:769px) and (max-width:750px) {
    .consult-module.beauty-consultation .intro-copy {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:1440px) {
    .consult-module.beauty-consultation .intro-copy {
        margin: 30px 0 20px
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation .intro-copy a {
        color: #000
    }
}

.consult-module.beauty-consultation .contact-num {
    font-size: 2.125rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .consult-module.beauty-consultation .contact-num {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation .contact-num {
        margin-top: 2.5vw
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .contact-num {
        font-size: 1.75rem;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600
    }
}

@media (min-width:769px) and (max-width:750px) {
    .consult-module.beauty-consultation .contact-num {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

.consult-module.beauty-consultation .text-wrapper {
    padding: 6.4vw 4vw;
    background: #fff;
    margin-bottom: 4vw
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .text-wrapper {
        width: 100%;
        position: static;
        transform: none;
        margin-bottom: 40px;
        text-align: left;
        padding: 2.44vw 0 2.78vw 2.78vw
    }
}

@media (min-width:1440px) {
    .consult-module.beauty-consultation .text-wrapper {
        padding: 35px 0 40px 40px
    }
}

.consult-module.beauty-consultation .text-wrapper:last-child {
    margin-bottom: 0
}

.consult-module.beauty-consultation .text-wrapper:last-child .intro-copy {
    margin-bottom: 13px
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation .text-wrapper:last-child .intro-copy {
        padding: 0
    }
}

.consult-module.beauty-consultation .bg-texture {
    width: 204%;
    z-index: -1;
    position: absolute
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation .bg-texture {
        right: -51%;
        bottom: -37px
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation .bg-texture {
        top: -33px;
        width: 100%;
        margin-left: 8%;
        max-width: 92%
    }
}

.consult-module.beauty-consultation .bg-texture img {
    width: 100%
}

@media (min-width:769px) {
    .consult-module.beauty-consultation.skincare-consultation {
        padding-bottom: 60px
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation.skincare-consultation .text-container {
        top: -10vw;
        width: 69%
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation.skincare-consultation .text-wrapper {
        padding: 5.5vw 1vw 3.5vw
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation.skincare-consultation .text-wrapper:last-child .intro-copy {
        margin-bottom: 17px
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation.skincare-consultation .headline {
        margin: 0
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation.skincare-consultation .intro-copy {
        margin: 15px 20px
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation.skincare-consultation .intro-copy {
        margin: 30px 0 17px
    }
}

@media (max-width:768.98px) {
    .consult-module.beauty-consultation.skincare-consultation .bg-texture {
        right: -31%;
        bottom: -61.3vw;
        width: 157%
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation.skincare-consultation .bg-texture {
        top: -392px;
        width: 100%;
        margin-left: 18%;
        max-width: 81%
    }
}

@media (min-width:769px) {
    .consult-module.beauty-consultation.skincare-consultation a.button {
        padding: 11px 17px 9px;
        min-width: 165px
    }
}

@media (max-width:768.98px) {
    .consult-module.basic {
        padding: 16vw 0
    }
}

@media (min-width:769px) {
    .consult-module.basic {
        padding: 120px 0
    }
}

.consult-module.basic .image-wrapper {
    width: 83%;
    margin: 0 auto;
    text-align: center
}

@media (min-width:769px) {
    .consult-module.basic .image-wrapper {
        width: 44%;
        margin: 0 0 0 15%;
        position: relative
    }
}

.consult-module.basic .text-container {
    width: 83%;
    margin: 0 auto;
    position: relative
}

@media (min-width:769px) {
    .consult-module.basic .text-container {
        position: absolute;
        top: 50%;
        width: 30.5%;
        margin: 0 0 11vw 47%;
        transform: translate(0, -50%)
    }
}

.consult-module.basic .text-wrapper {
    padding: 9.4vw 4vw;
    background: #fff
}

@media (min-width:769px) {
    .consult-module.basic .text-wrapper {
        width: 100%;
        position: static;
        transform: none;
        text-align: left;
        padding: 2.44vw 0 2.78vw 2.78vw
    }
}

@media (min-width:1440px) {
    .consult-module.basic .text-wrapper {
        padding: 35px 0 40px 40px
    }
}

.consult-module.basic .headline {
    font-size: 2.125rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .consult-module.basic .headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (max-width:768.98px) {
    .consult-module.basic .headline {
        margin-bottom: 1vw
    }
}

@media (min-width:769px) {
    .consult-module.basic .headline span {
        display: block
    }
}

.consult-module.basic .intro-copy {
    padding: 0 2vw;
    line-height: 1.4;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .consult-module.basic .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .consult-module.basic .intro-copy {
        padding: 0 5% 0 0;
        font-size: 1.125rem;
        margin: 1vw 0 1.4vw
    }
}

@media (min-width:769px) and (max-width:750px) {
    .consult-module.basic .intro-copy {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:1440px) {
    .consult-module.basic .intro-copy {
        margin: 14px 0 20px
    }
}

@media (max-width:768.98px) {
    .consult-module.basic .intro-copy a {
        color: #000
    }
}

.consult-module.basic .intro-copy a.cta {
    color: #c8102e
}

.consult-module.basic .bg-texture {
    width: 100%;
    z-index: -1;
    position: absolute
}

@media (max-width:768.98px) {
    .consult-module.basic .bg-texture {
        left: 0;
        bottom: -25%
    }
}

@media (min-width:769px) {
    .consult-module.basic .bg-texture {
        top: -33px;
        margin-left: 8%;
        max-width: 92%
    }
}

.consult-module.basic .bg-texture img {
    width: 100%
}

@media (min-width:769px) {
    .consult-module.basic--right .image-wrapper {
        margin: 0 17% 0 auto
    }
}

@media (min-width:769px) {
    .consult-module.basic--right .text-container {
        margin: 0 0 0 21.4%
    }
}

.consult-module.sample {
    text-align: center;
    position: relative
}

@media (max-width:768.98px) {
    .consult-module.sample {
        padding-bottom: 10.8vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .consult-module.sample {
        padding-top: 1.38889vw;
        padding-bottom: 1.38889vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .consult-module.sample {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (min-width:1440px) {
    .consult-module.sample {
        padding: 20px 0
    }
}

.consult-module.sample .content-wrapper {
    position: static
}

@media (min-width:769px) {
    .consult-module.sample .content-wrapper {
        position: absolute;
        width: 100%;
        transform: translateY(-50%);
        top: 50%
    }
}

.consult-module.sample .image-wrapper {
    width: 83%;
    margin: 0 auto;
    position: relative;
    z-index: 1
}

@media (min-width:769px) {
    .consult-module.sample .image-wrapper {
        width: 42.92%;
        margin: 0 0 0 15%
    }
}

.consult-module.sample .text-container {
    top: 50%;
    width: 68%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -9%);
    z-index: 1
}

@media (min-width:769px) {
    .consult-module.sample .text-container {
        top: 50%;
        width: 36.5%;
        left: 50%;
        transform: translate(-6.3%, -50%)
    }
}

.consult-module.sample .headline {
    font-size: 2.125rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .consult-module.sample .headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (max-width:768.98px) {
    .consult-module.sample .headline {
        margin-bottom: 1vw;
        line-height: 1
    }
}

@media (min-width:769px) {
    .consult-module.sample .headline {
        line-height: 1;
        padding: 6px 0
    }
}

@media (min-width:769px) {
    .consult-module.sample .headline span {
        display: block
    }
}

.consult-module.sample .intro-copy {
    padding: 0 2vw;
    line-height: 1.4;
    font-size: 3.2vw;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:768.98px) {
    .consult-module.sample .intro-copy {
        margin: 0 0 20px;
        padding: 0
    }
}

@media (min-width:769px) {
    .consult-module.sample .intro-copy {
        padding: 0 5% 0 0;
        font-size: 1.125rem;
        margin: 1.73vw 0 2.1vw
    }
}

@media (min-width:769px) and (max-width:750px) {
    .consult-module.sample .intro-copy {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:1440px) {
    .consult-module.sample .intro-copy {
        margin: 22px 0 35px
    }
}

.consult-module.sample .cta-wrapper a {
    display: block;
    width: 70.74%;
    margin: 0 auto 4vw;
    height: auto
}

@media (min-width:769px) {
    .consult-module.sample .cta-wrapper a {
        display: inline-block;
        width: 45%;
        margin-right: 15px;
        margin-bottom: 0;
        min-width: auto
    }
}

@media (min-width:769px) {
    .consult-module.sample .cta-wrapper a:last-child {
        margin-right: 0
    }
}

.consult-module.sample .contact-num {
    font-size: 2.125rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .consult-module.sample .contact-num {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (max-width:768.98px) {
    .consult-module.sample .contact-num {
        margin-top: 2.5vw
    }
}

@media (min-width:769px) {
    .consult-module.sample .contact-num {
        font-size: 1.75rem;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600
    }
}

@media (min-width:769px) and (max-width:750px) {
    .consult-module.sample .contact-num {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

.consult-module.sample .text-wrapper {
    padding: 6.7vw 6vw 3.8vw;
    background: #fff;
    margin-bottom: 4vw
}

@media (min-width:769px) {
    .consult-module.sample .text-wrapper {
        width: 100%;
        position: static;
        transform: none;
        margin-bottom: 40px;
        text-align: left;
        padding: 2.7vw 1.4vw 3.3vw 2.78vw
    }
}

@media (min-width:1440px) {
    .consult-module.sample .text-wrapper {
        padding: 35px 20px 45px 40px
    }
}

.consult-module.sample .text-wrapper:last-child {
    margin-bottom: 0
}

@media (max-width:768.98px) {
    .consult-module.sample .text-wrapper:last-child .intro-copy {
        margin-bottom: 4.8vw
    }
}

.consult-module.sample .bg-texture {
    width: 100%;
    z-index: -1;
    position: relative
}

@media (max-width:768.98px) {
    .consult-module.sample .bg-texture {
        margin-top: -25%
    }
}

@media (min-width:769px) {
    .consult-module.sample .bg-texture {
        top: 0;
        width: 100%
    }
}

.consult-module.sample .bg-texture img {
    width: 100%;
    max-width: none
}

.pdp-content-section {
    width: 100%;
    clear: both
}

@media (min-width:769px) {
    .regimenzone {
        margin-bottom: 0;
        padding-bottom: 0
    }

    .regimenzone .pdp-content-inner {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }

    .regimenzone .search-result-items {
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        padding-left: 0;
        padding-right: 0
    }
}

.regimenzone .regimen-add-all-to-cart {
    width: 100%
}

@media (max-width:768.98px) {
    .regimenzone .regimen-add-all-to-cart {
        float: left;
        width: 100%;
        margin: 20px 0;
        padding-left: 10px;
        padding-right: 10px
    }
}

.regimenzone .regimen-add-all-to-cart button.add-all {
    min-width: 200px
}

.regimenzone .regimen-add-all-to-cart button.add-all[disabled] {
    z-index: inherit
}

@media (min-width:769px) {
    .regimenzone .regimen-add-all-to-cart button.add-all {
        z-index: 1;
        clear: both;
        display: block;
        margin-left: 2px;
        letter-spacing: .9px
    }
}

@media (max-width:768.98px) {
    .regimenzone .regimen-add-all-to-cart button.add-all {
        width: 100%;
        min-width: auto;
        font-size: 1.75rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .regimenzone .regimen-add-all-to-cart button.add-all {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

.regimenzone .product-regimen {
    width: 100%;
    position: relative;
    display: inline-block
}

.regimenzone .product-regimen:nth-child(3n) .product-regimen-count .content,
.regimenzone .product-regimen:nth-child(3n) .product-regimen-count .number {
    color: #c8102e
}

.regimenzone .product-regimen .ui-selectmenu-button .ui-selectmenu-text {
    top: -2px
}

.regimenzone .product-regimen-count {
    top: calc(50% + 10px);
    transform: translateY(-50%);
    left: 5px
}

@media (min-width:769px) {
    .regimenzone .product-regimen-count {
        top: 50%
    }
}

.regimenzone .regimen-bg {
    width: 100%;
    display: inline-block
}

@media (max-width:1023.98px) {
    .regimenzone .regimen-bg {
        position: relative;
        padding-bottom: 43px;
        background-position: 98% bottom
    }
}

.regimenzone .regimen-bg .search-result-items {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:601px) {
    .regimenzone .regimen-bg .search-result-items {
        padding: 0 70px
    }
}

@media (min-width:769px) {
    .regimenzone .regimen-bg .search-result-items {
        padding: 0
    }
}

@media (min-width:769px) {

    .regimenzone .product-tile-inner.transactional.active .product-regimen-count .content,
    .regimenzone .product-tile-inner.transactional.active .product-regimen-count .number {
        display: none
    }
}

@media (min-width:1025px) {

    .regimenzone .product-tile-inner.transactional:hover .product-regiment-count .content,
    .regimenzone .product-tile-inner.transactional:hover .product-regiment-count .number {
        display: none
    }
}

.regimenzone li {
    list-style: none
}

.regimenzone .buy-button {
    display: block;
    font-family: Arial, Bold, sans-serif
}

.product-regimen-count {
    z-index: 1;
    text-align: left;
    position: absolute
}

.product-regimen-count .number {
    display: block;
    font-size: 5rem;
    letter-spacing: .53vw;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #ccc
}

@media (max-width:750px) {
    .product-regimen-count .number {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media (min-width:769px) {
    .product-regimen-count .number {
        font-size: 5.5vw
    }
}

@media (min-width:1440px) {
    .product-regimen-count .number {
        font-size: 5rem
    }
}

@media (min-width:1440px) and (max-width:750px) {
    .product-regimen-count .number {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

.product-regimen-count .content {
    width: 13.5vw;
    letter-spacing: .1vw;
    display: inline-block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #666;
    text-transform: uppercase
}

@media (min-width:769px) {
    .product-regimen-count .content {
        width: 100px;
        letter-spacing: .05vw
    }
}

.regimenzone .search-result-content {
    padding: 0 5px
}

@media (min-width:601px) {
    .regimenzone .search-result-content {
        padding: 0 20px
    }
}

.regimenzone .search-result-content .product-tile div.quantity {
    width: 35px
}

.regimenzone .search-result-content .product-tile div.quantity .ui-selectmenu-text {
    top: 0
}

.quickview-modal>.modal-wrapper {
    padding: 0
}

@media (min-width:769px) {
    .quickview-modal>.modal-wrapper {
        width: auto;
        max-width: 1044px
    }
}

@media (max-width:1024px) and (orientation:landscape) {
    .quickview-modal>.modal-wrapper {
        max-width: 85vw
    }
}

.quickview-modal>.modal-wrapper>.modal-body {
    display: block;
    padding: 25px 10px 25px 0
}

@media (max-width:768.98px) {
    .quickview-modal>.modal-wrapper>.modal-body {
        max-height: 78vh
    }
}

@media (max-width:1023px) and (orientation:landscape) {
    .quickview-modal>.modal-wrapper>.modal-body {
        max-height: 70vh
    }
}

@media (min-width:769px) {
    .quickview-modal>.modal-wrapper>.modal-body {
        min-height: 85vh;
        max-height: 80vh;
        padding: 12px 10px 25px 58px
    }
}

@media only screen and (min-width:769px) and (min-width:1200px) {
    .quickview-modal>.modal-wrapper>.modal-body>div {
        max-width: none
    }
}

@media (min-width:1440px) {
    .quickview-modal>.modal-wrapper>.modal-body {
        min-height: 68vh
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .quickview-modal>.modal-wrapper>.modal-body {
        min-height: 68vh;
        max-height: 70vh
    }
}

.quickview-modal>.modal-wrapper .sb-scrollbar-container {
    bottom: 14px;
    z-index: 9999
}

@media (max-width:768.98px) {
    .quickview-modal>.modal-wrapper .sb-scrollbar-container {
        top: 25px
    }
}

@media (min-width:769px) {
    .quickview-modal>.modal-wrapper .sb-scrollbar-container {
        top: 2vw;
        bottom: 28px
    }
}

@media (min-width:769px) {
    .quickview-modal .pdp-main {
        position: static
    }

    .quickview-modal .modal-body {
        position: relative
    }

    .quickview-modal .product-details-wrapper {
        position: static
    }
}

.quickview-modal .pdp-loader {
    z-index: 1007
}

@media (min-width:769px) {
    .quickview-modal .replenishment-info-modal .modal-wrapper {
        width: 84%
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .quickview-modal .replenishment-info-modal .modal-body {
        max-height: 57vh
    }
}

.quickview-modal .replenishment-info-modal .sb-scrollbar-container {
    top: 0;
    bottom: 0
}

.quickview-modal .pdp-main {
    max-height: 730px
}

@media (max-width:768.98px) {
    .quickview-modal .product-title {
        margin-bottom: 9px
    }

    .quickview-modal .product-title.mobile-only {
        width: calc(100% - 6.3vw)
    }
}

@media (min-width:769px) {
    .quickview-modal .product-image-container .slick-arrow.slick-next {
        right: 0
    }
}

@media (min-width:769px) {
    .quickview-modal .product-image-container .slick-arrow i {
        font-size: 14px
    }
}

@media (min-width:769px) {
    .quickview-modal .product-image-container {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .quickview-modal .product-image-container {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 0;
        margin-top: 0;
        min-height: 46vw
    }

    .quickview-modal .product-image-container .product-thumbnails .product-images {
        margin-bottom: 9.46vw
    }
}

.quickview-modal .product-image-container .productthumbnail {
    pointer-events: none
}

@media (max-width:768.98px) {
    .quickview-modal .product-image-container .productthumbnail {
        padding: 0 56px
    }
}

@media (max-width:768.98px) {
    .quickview-modal .product-image-container .wishlist {
        font-size: 2.625rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .quickview-modal .product-image-container .wishlist {
        font-size: calc(0.20243rem + 5.16816vw)
    }
}

@media (min-width:769px) {

    .quickview-modal .product-image-container .product-thumbnails .pdp-product-thumbnail-slider,
    .quickview-modal .product-image-container .product-thumbnails .product-images {
        margin-top: 0
    }
}

@media (max-width:768.98px) {
    .quickview-modal .product-description {
        font-size: 1.5rem;
        letter-spacing: .5px
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .quickview-modal .product-description {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.quickview-modal .product-name {
    font-size: 18px;
    font-family: Arial, Medium, sans-serif
}

@media (max-width:768.98px) {
    .quickview-modal .product-brand {
        font-size: 14px;
        text-transform: capitalize;
        font-family: Arial, sans-serif;
        color: #666;
        font-weight: 400;
        margin-bottom: 9px;
        letter-spacing: normal
    }
}

@media (min-width:769px) {
    .quickview-modal .product-details-wrapper {
        -ms-flex: 0 0 46%;
        flex: 0 0 46%;
        max-width: 46%;
        margin-left: 0
    }
}

@media (max-width:768.98px) {
    .quickview-modal .product-details-wrapper {
        padding: 0 0 9em
    }
}

@media only screen and (min-width:768px) {
    .quickview-modal .product-details-wrapper {
        padding: 0 0 5em 1em
    }
}

.quickview-modal .product-info {
    padding-bottom: 10px
}

@media (max-width:768.98px) {
    .quickview-modal .product-info {
        padding-left: 0;
        padding-right: 0
    }
}

.quickview-modal .product-thumbnails ul.slick-dots {
    position: relative;
    bottom: 0
}

.quickview-modal .image-zoom {
    display: none
}

@media (min-width:769px) {
    .quickview-modal .pdp-main .product-content {
        margin-top: 1.39em;
        margin-bottom: 1.39em
    }
}

@media (max-width:768.98px) {
    .quickview-modal .pdp-main .product-content {
        margin-bottom: 0;
        padding-left: 9px;
        padding-right: 9px
    }
}

@media (min-width:769px) {
    .quickview-modal .pdp-main .product-content .replenishment-wrapper {
        margin-bottom: 40px;
        position: relative
    }
}

@media (min-width:769px) {
    .quickview-modal .pdp-main .product-content .key-features-wrapper {
        margin-bottom: 8px;
        margin-top: 8px
    }
}

@media (min-width:769px) {
    .quickview-modal #pdp-swatches {
        padding-right: 10px;
        margin-bottom: 5px
    }
}

@media (min-width:769px) {

    .quickview-modal #pdp-swatches:not(.size) .selectable,
    .quickview-modal #pdp-swatches:not(.size) .unselectable {
        width: 1.89em;
        margin: 0 1em 0 0;
        padding-top: 0
    }
}

@media (min-width:576px) and (max-width:768px) {

    .quickview-modal #pdp-swatches:not(.size) .selectable,
    .quickview-modal #pdp-swatches:not(.size) .unselectable {
        width: 6.8vw
    }
}

@media (max-width:768px) and (orientation:landscape) {

    .quickview-modal #pdp-swatches:not(.size) .selectable,
    .quickview-modal #pdp-swatches:not(.size) .unselectable {
        width: 5.8vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .quickview-modal #pdp-swatches.size .swatchanchor {
        font-size: calc(9px + 9 * ((100vw - 769px) / 671))
    }
}

@media screen and (min-width:769px) and (min-width:1440px) {
    .quickview-modal #pdp-swatches.size .swatchanchor {
        font-size: 18px
    }
}

@media (max-width:768.98px) {
    .quickview-modal .price-and-single-size-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

@media (max-width:768.98px) {
    .quickview-modal .price-and-single-size-wrapper .product-variations {
        text-align: left
    }
}

@media (min-width:769px) {
    .quickview-modal .price-and-single-size-wrapper .product-variations {
        margin-right: 10px
    }
}

@media (max-width:768.98px) {
    .quickview-modal .product-variations .variant-dropdown {
        margin-top: 0
    }
}

@media (min-width:769px) {
    .quickview-modal .product-variations {
        margin-top: 12px
    }
}

@media (max-width:768.98px) {
    .quickview-modal .product-variations {
        margin-top: 0
    }
}

.quickview-modal .product-variations .swatches.size li .label {
    margin-top: 18px
}

.quickview-modal .variant-dropdown h2 {
    text-transform: none
}

@media (min-width:769px) {
    .quickview-modal .product-add-to-cart {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:769px) {
    .quickview-modal .add-to-cart-in-stock .add-to-cart {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .quickview-modal .add-to-cart-in-stock .add-to-cart {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:1440px) {
    .quickview-modal .add-to-cart-in-stock {
        width: 48%
    }
}

@media (max-width:768.98px) {
    .quickview-modal .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 1.75rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .quickview-modal .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .quickview-modal .add-to-cart-in-stock .add-to-cart {
        width: 139px
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .quickview-modal .add-to-cart-in-stock {
        height: 60px
    }

    .quickview-modal .add-to-cart-in-stock select {
        padding: 0;
        height: 60px
    }

    .quickview-modal .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 13px 0 15px 26%
    }
}

.quickview-modal .add-to-cart-in-stock+.qv-wishlist {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -ms-flex-pack: center;
    -ms-flex-align: center
}

@media (max-width:768.98px) {
    .quickview-modal .add-to-cart-in-stock+.qv-wishlist {
        float: right;
        height: 13.33vw;
        max-width: 25vw;
        margin-right: 5.7vw
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .quickview-modal .add-to-cart-in-stock+.qv-wishlist {
        height: 60px
    }
}

@media (min-width:769px) {
    .quickview-modal .add-to-cart-in-stock+.qv-wishlist {
        margin-left: 2vw;
        height: 3.34em
    }
}

@media (min-width:1440px) {
    .quickview-modal .add-to-cart-in-stock+.qv-wishlist {
        margin-left: 5.26%
    }
}

.quickview-modal .qv-wishlist {
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: left
}

.quickview-modal .qv-wishlist a {
    color: #000;
    font-family: Arial, Medium, sans-serif;
    letter-spacing: .3px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    font-size: .875rem
}

@media (max-width:750px) {
    .quickview-modal .qv-wishlist a {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

@media (max-width:768.98px) {
    .quickview-modal .qv-wishlist a {
        letter-spacing: .4px;
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .quickview-modal .qv-wishlist a {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.quickview-modal .read-more-wrapper {
    width: inherit
}

.quickview-modal .read-more {
    text-transform: lowercase
}

.quickview-modal .quickview-transparent-gradient {
    box-shadow: 2px -4px 47px 10px rgba(255, 255, 255, .62);
    background: linear-gradient(180.15deg, #fff 6.88%, rgba(255, 255, 255, 0) 146.63%, #fff 146.63%);
    transform: rotate(-180deg);
    position: absolute;
    bottom: 170px;
    height: 65px;
    z-index: 3;
    width: 44%
}

@media (max-width:1023.98px) {
    .quickview-modal .quickview-transparent-gradient {
        display: none
    }
}

.quickview-modal .add-to-cart-wrapper {
    position: fixed;
    background: #fff;
    bottom: 0
}

@media (min-width:769px) {
    .quickview-modal .add-to-cart-wrapper {
        padding-bottom: 20px;
        margin-left: -1px;
        position: absolute;
        width: 50%;
        padding-right: 65px;
        padding-top: 15px;
        z-index: 99
    }
}

@media (max-width:768.98px) {
    .quickview-modal .add-to-cart-wrapper {
        margin: 0 -10px;
        padding: 10px 20px;
        position: fixed;
        left: 3%;
        right: 3%;
        bottom: 0;
        background: #fff;
        z-index: 1007
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .quickview-modal .add-to-cart-wrapper {
        padding: 10px 2.67vw
    }
}

.quickview-modal .sb-container-noscroll .quickview-transparent-gradient {
    display: none
}

.quickview-modal .pdp-product-thumbnail-slider {
    left: -25px
}

.quickview-modal .pdp-product-thumbnail-slider .slick-slide {
    width: 92px
}

.quickview-modal .product-thumbnails {
    min-height: 45.33VW
}

@media (min-width:769px) {
    .quickview-modal .product-thumbnails {
        min-height: 23.33VW
    }
}

@media (min-width:1440px) {
    .quickview-modal .product-thumbnails {
        min-height: 363px
    }
}

.quickview-modal .product-images .slick-list {
    min-height: 40.26VW
}

@media (min-width:769px) {
    .quickview-modal .product-images .slick-list {
        min-height: 23.19VW
    }
}

@media (min-width:1440px) {
    .quickview-modal .product-images .slick-list {
        min-height: 334px
    }
}

.quickview-modal .pdp-product-thumbnail-slider-container .icon-360-swatch {
    display: none
}

.select-position {
    position: relative
}

.replenishment-onchange-modal.quickview-replenishment .modal-wrapper {
    width: 80%
}

@media (min-width:769px) {
    .replenishment-onchange-modal.quickview-replenishment .modal-wrapper {
        width: 62%
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .replenishment-onchange-modal.quickview-replenishment .modal-body {
        max-height: 57vh
    }
}

@media (max-width:1023.98px) {
    .quickview-modal.modal-overlay {
        background: rgba(0, 0, 0, .75)
    }
}

.quickview-modal.modal-overlay .icon-close.modal-close {
    top: -42px
}

@media (max-width:1023.98px) {
    .quickview-modal.modal-overlay .icon-close.modal-close {
        color: #fff;
        font-size: 21px;
        top: -45px
    }
}

@media (min-width:769px) {
    .quickview-modal.modal-overlay .icon-close.modal-close {
        font-size: 28px
    }
}

@media (min-width:1440px) {
    .quickview-modal.modal-overlay .icon-close.modal-close {
        font-size: 36px;
        top: -60px
    }
}

.quickview-modal .product-add-to-cart {
    display: inline
}

@media (min-width:1101px) {
    .quickview-modal .add-to-cart-in-stock .add-to-cart {
        width: 300px
    }
}

@media (min-width:769px) {
    .quickview-modal .product-badge-list.qv-badge-mobile {
        display: none
    }
}

@media (min-width:769px) {
    .quickview-modal .pdp-wishlist-icon {
        bottom: 2px;
        position: relative
    }
}

.clp-banner {
    width: 100%;
    display: inline-block
}

.clp-banner .left-col img {
    width: 100%
}

@media (min-width:769px) {

    .clp-banner.makeup,
    .clp-banner.men,
    .clp-banner.skincare,
    .clp-banner.suncare {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:769px) {

    .clp-banner.makeup .left-col,
    .clp-banner.men .left-col,
    .clp-banner.skincare .left-col,
    .clp-banner.suncare .left-col {
        width: 67.5%
    }
}

@media (min-width:769px) {

    .clp-banner.makeup .left-col img,
    .clp-banner.men .left-col img,
    .clp-banner.skincare .left-col img,
    .clp-banner.suncare .left-col img {
        height: 100%
    }
}

@media (min-width:1440px) {

    .clp-banner.makeup .left-col img,
    .clp-banner.men .left-col img,
    .clp-banner.skincare .left-col img,
    .clp-banner.suncare .left-col img {
        height: auto
    }
}

.clp-banner.makeup .right-col,
.clp-banner.men .right-col,
.clp-banner.skincare .right-col,
.clp-banner.suncare .right-col {
    display: -ms-flexbox;
    display: flex
}

@media (min-width:769px) {

    .clp-banner.makeup .right-col,
    .clp-banner.men .right-col,
    .clp-banner.skincare .right-col,
    .clp-banner.suncare .right-col {
        width: 32.5%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:769px) {

    .clp-banner.makeup a.button,
    .clp-banner.men a.button,
    .clp-banner.skincare a.button,
    .clp-banner.suncare a.button {
        height: 2.778vw;
        cursor: pointer;
        font-size: 18px;
        max-height: 40px;
        -ms-flex-align: center;
        align-items: center
    }
}

.clp-banner.men,
.clp-banner.skincare,
.clp-banner.suncare {
    border-bottom: 2.666vw solid #c8102e
}

@media (min-width:769px) {

    .clp-banner.men,
    .clp-banner.skincare,
    .clp-banner.suncare {
        border-width: 1.042vw
    }
}

@media (min-width:1440px) {

    .clp-banner.men,
    .clp-banner.skincare,
    .clp-banner.suncare {
        border-width: 15px
    }
}

@media (max-width:768.98px) {

    .clp-banner.skincare,
    .clp-banner.suncare {
        padding-bottom: 2.4vw
    }
}

@media (max-width:768.98px) {

    .clp-banner.skincare .text,
    .clp-banner.suncare .text {
        width: 54%
    }
}

@media (min-width:769px) {

    .clp-banner.skincare .text,
    .clp-banner.suncare .text {
        width: 100%;
        padding-right: 15%;
        padding-top: 2.08vw
    }
}

@media (min-width:1440px) {

    .clp-banner.skincare .text,
    .clp-banner.suncare .text {
        padding-top: 30px
    }
}

@media (max-width:768.98px) {

    .clp-banner.skincare .product,
    .clp-banner.suncare .product {
        width: 46%;
        display: -ms-flexbox;
        display: flex;
        text-align: right;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:769px) {

    .clp-banner.skincare .product,
    .clp-banner.suncare .product {
        width: 100%;
        height: 12.292vw;
        margin: 1.388vw 0;
        text-align: center;
        display: inline-block
    }
}

@media (min-width:1440px) {

    .clp-banner.skincare .product,
    .clp-banner.suncare .product {
        height: 177px;
        margin: 20px 0
    }
}

@media (min-width:769px) {

    .clp-banner.skincare .product img,
    .clp-banner.suncare .product img {
        width: auto;
        height: 100%;
        max-width: none
    }
}

@media (min-width:769px) {

    .clp-banner.skincare a.button,
    .clp-banner.suncare a.button {
        margin-bottom: 2.22vw;
        letter-spacing: .04em;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600
    }
}

@media (min-width:1440px) {

    .clp-banner.skincare a.button,
    .clp-banner.suncare a.button {
        margin-bottom: 20px
    }
}

@media (max-width:768.98px) {
    .clp-banner.suncare .product {
        padding: 0 2.66vw 0 9vw
    }
}

@media (max-width:768.98px) {
    .clp-banner.skincare .product {
        padding: 0 2.66vw 0 15vw
    }
}

@media (min-width:769px) {

    .clp-banner.makeup,
    .clp-banner.men {
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.clp-banner.makeup .left-col,
.clp-banner.men .left-col {
    position: relative
}

.clp-banner.makeup .product,
.clp-banner.men .product {
    top: 50%;
    left: 50%;
    position: absolute
}

.clp-banner.makeup .product img,
.clp-banner.men .product img {
    width: auto
}

@media (max-width:768.98px) {
    .clp-banner.men .product {
        height: 42.6vw;
        transform: translate(-15%, -56%)
    }
}

@media (min-width:769px) {
    .clp-banner.men .product {
        height: 20.7vw;
        transform: translate(-12%, -50%)
    }
}

@media (min-width:1440px) {
    .clp-banner.men .product {
        height: 298px
    }
}

.clp-banner.men .product img {
    height: 100%
}

@media (max-width:768.98px) {
    .clp-banner.men .right-col {
        padding: 8.5vw 0 10.5vw 7vw
    }
}

@media (min-width:769px) {
    .clp-banner.men .right-col {
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.clp-banner.men .text {
    font-family: Arial, sans-serif;
    font-weight: 400
}

.clp-banner.men .text span {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.clp-banner.men .text span::after {
    content: "\A";
    white-space: pre
}

@media (max-width:768.98px) {
    .clp-banner.men .text {
        font-size: 5.125rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .clp-banner.men .text {
        font-size: calc(0.20493rem + 10.49616vw)
    }
}

@media (min-width:769px) {
    .clp-banner.men .text {
        font-size: 3rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .clp-banner.men .text {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

@media (min-width:769px) {
    .clp-banner.men a.button {
        padding: 0 38px;
        margin: 4.02vw 0 0;
        letter-spacing: .06em;
        font-family: Arial, Bold, sans-serif;
        font-weight: 700
    }
}

@media (min-width:1440px) {
    .clp-banner.men a.button {
        margin: 58px 0 0
    }
}

@media (max-width:768.98px) {
    .clp-banner.makeup .product {
        transform: translate(-50%, -46%)
    }
}

@media (min-width:769px) {
    .clp-banner.makeup .product {
        width: 26.5%;
        transform: translate(-18%, -50%)
    }
}

@media (min-width:1440px) {
    .clp-banner.makeup .product {
        width: 258px
    }
}

.clp-banner.makeup .product img {
    height: auto
}

@media (min-width:769px) {
    .clp-banner.makeup .right-col {
        z-index: 1;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 6%;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.clp-banner.makeup .text {
    line-height: .9;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    width: inherit
}

@media (max-width:768.98px) {
    .clp-banner.makeup .text {
        font-size: 5.625rem;
        padding: .6vw 0 0 4vw
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .clp-banner.makeup .text {
        font-size: calc(0.20543rem + 11.56176vw)
    }
}

@media (min-width:769px) {
    .clp-banner.makeup .text {
        font-size: 4rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .clp-banner.makeup .text {
        font-size: calc(0.2038rem + 8.09856vw)
    }
}

@media (min-width:1440px) {
    .clp-banner.makeup .text {
        font-size: 5.625rem
    }
}

@media (min-width:1440px) and (max-width:750px) {
    .clp-banner.makeup .text {
        font-size: calc(0.20543rem + 11.56176vw)
    }
}

@media (min-width:769px) {
    .clp-banner.makeup a.button {
        padding: 0 32px;
        margin: 3.48vw 10px 0
    }
}

@media (min-width:1440px) {
    .clp-banner.makeup a.button {
        margin: 50px 10px 0
    }
}

.clp-banner.fragrance {
    position: relative
}

@media (min-width:769px) {
    .clp-banner.fragrance .left-col {
        width: 100%
    }
}

.clp-banner.fragrance .right-col {
    position: absolute
}

@media (max-width:768.98px) {
    .clp-banner.fragrance .right-col {
        left: 0;
        bottom: 0;
        padding: 0 7vw
    }
}

@media (min-width:769px) {
    .clp-banner.fragrance .right-col {
        left: 6.44%;
        top: 50%;
        width: 49.5%;
        transform: translateY(-50%)
    }
}

@media (max-width:768.98px) {
    .clp-banner.fragrance .logo {
        width: 70%
    }
}

@media (min-width:769px) {
    .clp-banner.fragrance .logo {
        width: 50.5%
    }
}

.clp-banner.fragrance .text {
    line-height: 1.1;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .clp-banner.fragrance .text {
        font-size: 2.625rem;
        margin: 7.5vw 0 15.5vw
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .clp-banner.fragrance .text {
        font-size: calc(0.20243rem + 5.16816vw)
    }
}

@media (min-width:769px) {
    .clp-banner.fragrance .text {
        font-size: 1.75rem;
        margin: 3.88vw 0 3.2vw
    }
}

@media (min-width:769px) and (max-width:750px) {
    .clp-banner.fragrance .text {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:1440px) {
    .clp-banner.fragrance .text {
        margin: 56px 0 46px
    }
}

@media (min-width:769px) {
    .clp-banner.fragrance a.button {
        margin-left: 5px;
        padding: 0 35px;
        -ms-flex-align: center;
        align-items: center;
        letter-spacing: .08em
    }
}

.category-hero {
    width: 100%
}

@media (min-width:769px) {
    .category-hero {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

.category-hero .hero-slide {
    display: none
}

.category-hero .hero-slide:first-child,
.category-hero.slick-slider .hero-slide {
    display: block
}

.category-hero .slick-arrow {
    height: 62px
}

.category-hero .slick-arrow.slick-next,
.category-hero .slick-arrow.slick-prev {
    top: calc(50% - 40px)
}

.exclusive-banner {
    position: relative
}

.exclusive-banner .play-pause-btn {
    top: 2vw;
    left: 2.5vw;
    cursor: pointer
}

@media (max-width:768.98px) {
    .exclusive-banner .play-pause-btn {
        font-size: 6.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .exclusive-banner .play-pause-btn {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {
    .exclusive-banner .play-pause-btn {
        top: 15px;
        left: 20px;
        font-size: 7vw
    }
}

@media (min-width:1440px) {
    .exclusive-banner .play-pause-btn {
        font-size: 100px
    }
}

.exclusive-banner .play-pause-btn.active {
    display: none
}

.exclusive-banner:hover .play-pause-btn.active {
    display: inline
}

@media (max-width:768.98px) {
    .exclusive-banner video {
        display: none
    }
}

@media (min-width:769px) {
    .exclusive-banner video {
        top: 0;
        left: 0;
        z-index: -1;
        height: 100%;
        position: absolute;
        background: #000;
        display: inline-block
    }
}

@media (max-width:768.98px) {
    .exclusive-banner.hide-poster video {
        display: inline-block
    }
}

@media (min-width:769px) {
    .exclusive-banner.hide-poster video {
        z-index: auto
    }
}

.exclusive-banner.hide-poster picture {
    z-index: -1
}

@media (max-width:768.98px) {
    .exclusive-banner.hide-poster picture {
        display: none
    }
}

.d-r-hero-banner a {
    position: relative;
    width: 100%;
    display: inline-block
}

.d-r-hero-banner .banner-img {
    position: relative
}

.d-r-hero-banner .banner-text-wrapper {
    position: absolute;
    bottom: 5.7%
}

@media (min-width:769px) {
    .d-r-hero-banner .banner-text-wrapper {
        top: 36vw;
        bottom: auto
    }
}

@media (min-width:1440px) {
    .d-r-hero-banner .banner-text-wrapper {
        top: auto;
        bottom: 28%
    }
}

.d-r-hero-banner .banner-title {
    font-size: 9.375rem;
    line-height: .8;
    font-family: Arial, Bold, sans-serif;
    color: #b0b6d3
}

@media (max-width:750px) {
    .d-r-hero-banner .banner-title {
        font-size: calc(0.20917rem + 19.55376vw)
    }
}

.d-r-hero-banner .banner-desc {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    font-size: 1.5rem;
    line-height: 1.42;
    font-family: Arial, sans-serif;
    color: #b0b6d3
}

@media (max-width:750px) {
    .d-r-hero-banner .banner-desc {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .d-r-hero-banner .banner-desc {
        margin-left: 10.53333vw
    }
}

@media screen and (max-width:768px) {
    .d-r-hero-banner .banner-desc {
        padding-right: 10.53333vw;
        padding-left: 0
    }
}

@media (max-width:768.98px) {
    .d-r-hero-banner .banner-desc {
        font-size: 3.2vw
    }
}

@media (min-width:769px) {
    .d-r-hero-banner .banner-desc {
        margin-left: 6.25%;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .d-r-hero-banner .banner-desc {
        padding-left: 2.70833vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .d-r-hero-banner .banner-desc {
        padding-left: 39px
    }
}

@media (min-width:1440px) {
    .d-r-hero-banner .banner-desc {
        padding-left: 39px
    }
}

@media (max-width:768.98px) {
    .foundation-finder-category-hero {
        max-height: 53.33vw;
        overflow: hidden
    }
}

.foundation-finder-category-hero .f-f-hero-banner-container {
    position: relative
}

.foundation-finder-category-hero .f-f-hero-banner-content {
    position: relative;
    z-index: 1
}

@media screen and (max-width:768px) {
    .foundation-finder-category-hero .f-f-hero-banner-content {
        padding-top: 6.4vw;
        padding-bottom: 15.46667vw;
        padding-left: 7.86667vw
    }
}

@media (max-width:768.98px) {
    .foundation-finder-category-hero .f-f-hero-banner-content {
        max-width: 53vw
    }
}

@media (min-width:769px) {
    .foundation-finder-category-hero .f-f-hero-banner-content {
        padding: 74px 0 128px 158px
    }
}

.foundation-finder-category-hero .f-f-hero-banner-title {
    text-transform: uppercase;
    font-size: 5rem;
    line-height: 1;
    letter-spacing: -1.12px
}

@media (max-width:750px) {
    .foundation-finder-category-hero .f-f-hero-banner-title {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

.foundation-finder-category-hero .f-f-hero-banner-title span {
    font-family: Arial, Medium, sans-serif
}

.foundation-finder-category-hero .f-f-hero-banner-text {
    line-height: 1.42;
    letter-spacing: .5px
}

@media screen and (max-width:768px) {
    .foundation-finder-category-hero .f-f-hero-banner-text {
        padding-top: 1.46667vw
    }
}

@media (min-width:769px) {
    .foundation-finder-category-hero .f-f-hero-banner-text {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .4px;
        padding-top: 15px
    }
}

.foundation-finder-category-hero .foundation-finder-texture-image {
    position: absolute;
    z-index: 1
}

@media (max-width:768.98px) {
    .foundation-finder-category-hero .foundation-finder-texture-image {
        right: -21.5vw;
        top: 5.5vw;
        width: 78vw
    }
}

@media (max-width:576px) {
    .foundation-finder-category-hero .foundation-finder-texture-image {
        right: -25vw;
        top: 5.5vw
    }
}

@media (min-width:769px) {
    .foundation-finder-category-hero .foundation-finder-texture-image {
        right: 164px;
        top: 120px
    }
}

.salon-reservation-wrapper {
    background: #000;
    position: relative
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper {
        margin-top: 0;
        margin-bottom: 16vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .salon-reservation-wrapper {
        margin-top: 0;
        margin-bottom: 8.33333vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .salon-reservation-wrapper {
        margin-top: 0;
        margin-bottom: 120px
    }
}

@media (min-width:1440px) {
    .salon-reservation-wrapper {
        margin-bottom: 120px
    }
}

.salon-reservation-wrapper .image-bottom-poster,
.salon-reservation-wrapper .image-top-poster {
    width: 100%;
    height: auto
}

.salon-reservation-wrapper .salon-bg-top-wrapper {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%
}

@media (max-width:768.98px) {

    .salon-reservation-wrapper .salon-reservation-container.container,
    .salon-reservation-wrapper .salon-reservation-container.ginza-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.salon-reservation-wrapper .salon-text-wrapper {
    color: #fff;
    position: relative;
    z-index: 2
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .salon-text-wrapper {
        padding-top: 14.8vw;
        padding-right: 9.33333vw;
        padding-left: 9.33333vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .salon-text-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .salon-reservation-wrapper .salon-text-wrapper {
        padding-top: 8.125vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .salon-reservation-wrapper .salon-text-wrapper {
        padding-top: 117px
    }
}

@media (min-width:1440px) {
    .salon-reservation-wrapper .salon-text-wrapper {
        padding-top: 117px
    }
}

.salon-reservation-wrapper .salon-text-wrapper .salon-title-wrapper {
    width: 99%
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .salon-text-wrapper .salon-title-wrapper {
        margin-bottom: 6vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .salon-text-wrapper .salon-title-wrapper {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.salon-reservation-wrapper .salon-text-wrapper .title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    font-size: 2.125rem;
    line-height: 1.24;
    letter-spacing: 1.7px
}

@media (max-width:750px) {
    .salon-reservation-wrapper .salon-text-wrapper .title {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .salon-text-wrapper .title {
        line-height: 1.06;
        letter-spacing: .7px
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .salon-text-wrapper .salon-desc-wrapper {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
        padding-right: 5.7%
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .desc {
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 55.55556%;
        flex: 0 0 55.55556%;
        max-width: 55.55556%;
        padding-left: 0;
        padding-right: 0
    }
}

.salon-reservation-wrapper .desc p {
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.42;
    text-align: left;
    width: 92%
}

@media (max-width:750px) {
    .salon-reservation-wrapper .desc p {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .desc p {
        margin-bottom: 4.8vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .desc p {
        font-size: 18px;
        line-height: 1.33
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .salon-reservation-wrapper .desc p {
        margin-bottom: 2.01389vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .salon-reservation-wrapper .desc p {
        margin-bottom: 29px
    }
}

@media (min-width:1440px) {
    .salon-reservation-wrapper .desc p {
        margin-bottom: 29px
    }
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .cta-link {
        margin-bottom: 7.46667vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .cta-link {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 55.55556%;
        flex: 0 0 55.55556%;
        max-width: 55.55556%
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .salon-reservation-wrapper .cta-link {
        margin-bottom: 2.43056vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .salon-reservation-wrapper .cta-link {
        margin-bottom: 35px
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .cta-link {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:1440px) {
    .salon-reservation-wrapper .cta-link {
        margin-bottom: 35px
    }
}

.salon-reservation-wrapper .cta-link a {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.42;
    text-align: left;
    text-decoration: underline
}

@media (max-width:750px) {
    .salon-reservation-wrapper .cta-link a {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .cta-link a {
        font-size: 18px;
        line-height: 1.33
    }
}

.salon-reservation-wrapper .price-wrapper {
    display: inline-table
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .price-wrapper {
        padding-bottom: 7.46667vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .salon-reservation-wrapper .price-wrapper {
        padding-bottom: 4.02778vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .salon-reservation-wrapper .price-wrapper {
        padding-bottom: 58px
    }
}

@media (min-width:1440px) {
    .salon-reservation-wrapper .price-wrapper {
        padding-bottom: 58px
    }
}

.salon-reservation-wrapper .price-wrapper .duration,
.salon-reservation-wrapper .price-wrapper .price {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 2rem;
    line-height: .78;
    text-align: left;
    display: table-cell;
    vertical-align: middle
}

@media (max-width:750px) {

    .salon-reservation-wrapper .price-wrapper .duration,
    .salon-reservation-wrapper .price-wrapper .price {
        font-size: calc(0.2018rem + 3.83616vw)
    }
}

@media (min-width:769px) {

    .salon-reservation-wrapper .price-wrapper .duration,
    .salon-reservation-wrapper .price-wrapper .price {
        font-size: 28px;
        line-height: .89
    }
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .price-wrapper .price {
        padding-right: 5.33333vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .price-wrapper .price {
        padding-right: 25px
    }
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .price-wrapper .duration {
        padding-left: 4.26667vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .price-wrapper .duration {
        padding-left: 21px
    }
}

.salon-reservation-wrapper .price-wrapper .seperator {
    border: 1px solid #fff;
    height: 51px;
    display: inline-block
}

@media (min-width:769px) {
    .salon-reservation-wrapper .price-wrapper .seperator {
        height: 31px
    }
}

.salon-reservation-wrapper .price-wrapper .text {
    font-size: 1.5rem;
    line-height: 1.04
}

@media (max-width:750px) {
    .salon-reservation-wrapper .price-wrapper .text {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .price-wrapper .text {
        font-size: 18px;
        line-height: 1.39
    }
}

.salon-reservation-wrapper .full-width-seperator {
    border-bottom: 1px solid #666;
    display: block
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .full-width-seperator {
        margin-bottom: 6.8vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .cta-wrapper {
        margin-top: 54px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .cta-wrapper .membership-cta-wrapper {
        width: 35%;
        margin-right: 9.3%
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .cta-wrapper .reservation-cta-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.salon-reservation-wrapper .membership-text {
    font-family: Arial, Medium, sans-serif;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.42;
    text-align: left;
    font-weight: 500
}

@media (max-width:750px) {
    .salon-reservation-wrapper .membership-text {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .membership-text {
        margin-bottom: 4.4vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .membership-text {
        font-size: 18px;
        line-height: 1.33;
        margin-bottom: 37px
    }
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .membership-cta {
        margin-bottom: 6.8vw
    }
}

.salon-reservation-wrapper .membership-cta a {
    display: block;
    width: 62%
}

.salon-reservation-wrapper .membership-cta a,
.salon-reservation-wrapper .membership-cta a:focus,
.salon-reservation-wrapper .membership-cta a:visited {
    border: 1px solid #fff;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff
}

.salon-reservation-wrapper .membership-cta a:hover {
    color: #c8102e;
    border-color: #c8102e
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .salon-reservation-wrapper .membership-cta a {
        font-size: 14px
    }
}

@media screen and (max-width:768px) {
    .salon-reservation-wrapper .reservation-text {
        margin-bottom: 4.26667vw
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .reservation-text {
        margin-bottom: 37px
    }
}

@media (min-width:1024px) and (max-width:1280px) {
    .salon-reservation-wrapper .reservation-text {
        height: 3.84em;
        overflow: hidden
    }
}

.salon-reservation-wrapper .reservation-text .contact-label,
.salon-reservation-wrapper .reservation-text .membership-label {
    display: block;
    font-size: 1.5rem;
    line-height: 1.42
}

@media (max-width:750px) {

    .salon-reservation-wrapper .reservation-text .contact-label,
    .salon-reservation-wrapper .reservation-text .membership-label {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .salon-reservation-wrapper .reservation-text .contact-label,
    .salon-reservation-wrapper .reservation-text .membership-label {
        font-size: 18px;
        line-height: 1.33
    }
}

.salon-reservation-wrapper .reservation-text .membership-label {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff
}

.salon-reservation-wrapper .reservation-text .contact-label {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

.salon-reservation-wrapper .reservation-text .contact-label a {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.42
}

@media (max-width:750px) {
    .salon-reservation-wrapper .reservation-text .contact-label a {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .salon-reservation-wrapper .reservation-text .contact-label a {
        font-size: 18px;
        line-height: 1.33
    }
}

.salon-reservation-wrapper .reservation-cta a {
    width: auto;
    height: auto;
    min-width: 85%;
    display: inline-block
}

@media (min-width:769px) {
    .salon-reservation-wrapper .reservation-cta a {
        width: auto;
        min-width: auto
    }
}

.salon-reservation-wrapper .reservation-cta a,
.salon-reservation-wrapper .reservation-cta a:focus,
.salon-reservation-wrapper .reservation-cta a:visited {
    border: 1px solid #fff;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff
}

.salon-reservation-wrapper .reservation-cta a:hover {
    color: #c8102e;
    border-color: #c8102e
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .salon-reservation-wrapper .reservation-cta a {
        font-size: 14px
    }
}

.salon-reservation-wrapper .salon-bg-bottom-wrapper {
    position: relative;
    width: 100%;
    bottom: 19px;
    z-index: 1
}

@media (min-width:769px) {
    .salon-reservation-wrapper .salon-bg-bottom-wrapper {
        bottom: 0
    }
}

h3 span.regular {
    font-family: Arial, sans-serif;
    font-weight: 400
}

.skincare-sensor-test {
    width: 100%;
    padding: 16vw 0
}

@media (min-width:769px) {
    .skincare-sensor-test {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding: 120px 0
    }
}

.skincare-sensor-test .content-wrapper {
    padding-left: 10vw
}

@media (min-width:769px) {
    .skincare-sensor-test .content-wrapper {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

@media (min-width:769px) {

    .skincare-sensor-test .text-wrapper,
    .skincare-sensor-test .video-wrapper {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 12.5%
    }
}

.skincare-sensor-test .headline {
    width: 39vw;
    font-size: 1.75rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .skincare-sensor-test .headline {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .skincare-sensor-test .headline {
        width: 22%
    }
}

.skincare-sensor-test .intro-copy {
    width: 51vw;
    font-size: 1.5rem;
    margin: 2.2vw 0 7vw;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .skincare-sensor-test .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .skincare-sensor-test .intro-copy {
        width: 27%;
        font-size: 18px;
        margin: 20px 0 57px
    }
}

.skincare-sensor-test .play-pause-btn {
    font-size: 6.25rem;
    padding: .8vw 0 0 3.2vw
}

@media (max-width:750px) {
    .skincare-sensor-test .play-pause-btn {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {
    .skincare-sensor-test .play-pause-btn {
        padding: 5px 0 0 20px
    }
}

@media (min-width:769px) {
    .defend-regenerate-section {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-bottom: 30px;
        margin-top: 8vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section {
        margin-top: 120px
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .heading-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 0 7.64vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .heading-section {
        margin: 0 0 110px
    }
}

.defend-regenerate-section .headline {
    font-size: 5rem;
    line-height: 1;
    letter-spacing: .5vw;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000;
    text-transform: uppercase
}

@media (max-width:750px) {
    .defend-regenerate-section .headline {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .headline {
        padding-top: 27.06667vw;
        padding-bottom: 14.4vw;
        padding-left: 10.4vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .headline {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        letter-spacing: 3.6px;
        font-size: 5.56vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .headline {
        font-size: 80px
    }
}

.defend-regenerate-section .headline span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 1.25vw;
    position: relative;
    padding-left: 11.5vw;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media screen and (max-width:576px) {
    .defend-regenerate-section .headline span {
        letter-spacing: .5vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .headline span {
        letter-spacing: 4px;
        padding-left: 86px
    }
}

.defend-regenerate-section .headline span::before {
    left: 2vw;
    content: '+';
    height: 11.5vw;
    position: absolute;
    display: inline-block
}

@media screen and (max-width:576px) {
    .defend-regenerate-section .headline span::before {
        height: 12.5vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .headline span::before {
        left: 20px;
        height: 88px
    }
}

.defend-regenerate-section .intro-copy {
    font-size: 1.5rem;
    line-height: 1.42;
    color: #000;
    width: 50%;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .defend-regenerate-section .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .intro-copy {
        padding-left: 10.4vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .intro-copy {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        font-size: 18px;
        line-height: 1.33;
        margin-top: 2.78vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .defend-regenerate-section .intro-copy {
        padding-right: 1.45833vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .defend-regenerate-section .intro-copy {
        padding-right: 21px
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .intro-copy {
        margin-top: 40px
    }
}

@media screen and (max-width:576px) {
    .defend-regenerate-section .intro-copy {
        padding-right: 21px
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .defend-regenerate-module {
        padding: 0 13%
    }
}

.defend-regenerate-section .content-wrapper {
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper {
        padding-left: 10.53333vw
    }
}

.defend-regenerate-section .text-wrapper .title {
    font-size: 2.125rem;
    line-height: 1;
    color: #000;
    width: 42.4%;
    letter-spacing: 1.7px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .defend-regenerate-section .text-wrapper .title {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .title {
        padding-bottom: 5.33333vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper .title {
        font-size: 34px
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .defend-regenerate-section .text-wrapper .title {
        padding-bottom: 2.15278vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .defend-regenerate-section .text-wrapper .title {
        padding-bottom: 31px
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .text-wrapper .title {
        padding-bottom: 31px
    }
}

.defend-regenerate-section .text-wrapper .description {
    font-size: 1.5rem;
    line-height: 1.42;
    color: #000;
    letter-spacing: .4px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .defend-regenerate-section .text-wrapper .description {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .description {
        padding-bottom: 5.33333vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper .description {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .3px;
        padding-bottom: 2.44vw
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .description {
        padding-bottom: 4.66667vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .text-wrapper .description {
        padding-bottom: 35px
    }
}

.defend-regenerate-section .text-wrapper .categories {
    list-style-type: none
}

@media (max-width:768.98px) {
    .defend-regenerate-section .text-wrapper .categories {
        padding-right: 4%
    }
}

.defend-regenerate-section .text-wrapper li {
    font-size: 1.5rem;
    line-height: 1.5;
    color: #c8102e;
    letter-spacing: .4px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    position: relative;
    padding-left: 20px
}

@media (max-width:750px) {
    .defend-regenerate-section .text-wrapper li {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper li {
        margin-bottom: 1.53333vw
    }
}

.defend-regenerate-section .text-wrapper li:before {
    content: "\2022 ";
    position: absolute;
    left: 0
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper li {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .3px;
        padding-bottom: .56vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .defend-regenerate-section .text-wrapper li {
        padding-bottom: .55556vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .defend-regenerate-section .text-wrapper li {
        padding-bottom: 8px
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .text-wrapper li {
        padding-bottom: 8px
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .product-details {
        margin-top: 15.46667vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper .product-details {
        margin-top: 5.21vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .text-wrapper .product-details {
        margin-top: 75px
    }
}

.defend-regenerate-section .text-wrapper .product-details .product-brand {
    display: block;
    font-size: 1.375rem;
    line-height: 1.09;
    color: #000;
    letter-spacing: -.1px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase
}

@media (max-width:750px) {
    .defend-regenerate-section .text-wrapper .product-details .product-brand {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .product-details .product-brand {
        padding-bottom: 2vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper .product-details .product-brand {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: -.1px
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .product-details .product-brand {
        padding-bottom: .66667vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .text-wrapper .product-details .product-brand {
        padding-bottom: 5px
    }
}

.defend-regenerate-section .text-wrapper .product-details .name {
    display: block;
    font-size: 1.375rem;
    color: #000;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (max-width:750px) {
    .defend-regenerate-section .text-wrapper .product-details .name {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .product-details .name {
        padding-bottom: 7.06667vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper .product-details .name {
        font-size: 16px;
        line-height: 1.13
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .product-details .name {
        padding-bottom: 4.93333vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper .product-details .name {
        padding-bottom: 2.57vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .text-wrapper .product-details .name {
        padding-bottom: 37px
    }
}

.defend-regenerate-section .text-wrapper .product-details .shop {
    width: 100%;
    min-width: auto;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .defend-regenerate-section .text-wrapper .product-details .shop {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media screen and (max-width:768px) {
    .defend-regenerate-section .text-wrapper .product-details .shop {
        margin-bottom: 15.86667vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .text-wrapper .product-details .shop {
        font-size: 16px;
        margin-bottom: 4.1vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .text-wrapper .product-details .shop {
        margin-bottom: 59px
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .defend-regenerate-section .regenerate .product-details {
        margin-top: 6.66667vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .regenerate .product-details {
        margin-top: 50px
    }
}

@media screen and (min-width:769px) and (max-width:768px) {
    .defend-regenerate-section .regenerate .product-details .name {
        padding-bottom: 7.33333vw
    }
}

@media (min-width:1440px) {
    .defend-regenerate-section .regenerate .product-details .name {
        padding-bottom: 55px
    }
}

@media (max-width:768.98px) {
    .defend-regenerate-section .regenerate .product-details .shop:last-child {
        margin-bottom: 0
    }
}

.defend-regenerate-section .product,
.defend-regenerate-section .text-wrapper {
    width: 50%
}

.defend-regenerate-section .defend,
.defend-regenerate-section .regenerate {
    padding: 16vw 0;
    position: relative
}

@media (min-width:769px) {

    .defend-regenerate-section .defend,
    .defend-regenerate-section .regenerate {
        padding: 120px 0
    }
}

.defend-regenerate-section .product {
    text-align: center
}

.defend-regenerate-section .background {
    top: 0;
    z-index: -1;
    position: absolute
}

.defend-regenerate-section .background img {
    width: 100%;
    max-width: none
}

@media (max-width:768.98px) {
    .defend-regenerate-section .defend .text-wrapper {
        padding-top: 17.5vw
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .defend .text-wrapper {
        width: 25%
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .defend .product {
        width: 50.6%;
        padding-left: 10px
    }
}

.defend-regenerate-section .defend .product img {
    max-width: 68%
}

@media (min-width:769px) {
    .defend-regenerate-section .defend .product img {
        max-width: 80%
    }
}

@media (max-width:768.98px) {
    .defend-regenerate-section .defend .background {
        top: 140px;
        right: -25%;
        width: 250%
    }
}

@media screen and (max-width:576px) {
    .defend-regenerate-section .defend .background {
        top: 13vh
    }
}

@media (min-width:769px) {
    .defend-regenerate-section .regenerate .content-wrapper {
        margin-left: 25%
    }
}

.defend-regenerate-section .regenerate .text-wrapper {
    padding-right: 20px
}

@media (min-width:769px) {
    .defend-regenerate-section .regenerate .text-wrapper {
        width: 35.4%;
        padding: 0 0 0 6px
    }
}

.defend-regenerate-section .regenerate .product {
    padding-right: 10px
}

@media (min-width:769px) {
    .defend-regenerate-section .regenerate .product {
        width: 75.5%;
        padding-right: 10px
    }
}

@media (max-width:768.98px) {
    .defend-regenerate-section .regenerate .product img {
        top: -64px;
        left: -4vw;
        max-width: none;
        position: relative;
        width: calc(100% + 4vw)
    }
}

@media (max-width:768.98px) {
    .defend-regenerate-section .regenerate .background {
        top: 260px;
        left: -26%;
        width: 250%
    }
}

@media screen and (max-width:576px) {
    .defend-regenerate-section .regenerate .background {
        top: 24vh
    }
}

@media (min-width:769px) {
    .defend .product-details {
        transition-duration: 1000ms !important;
        transition-property: transform;
        transform: translate3d(0%, 243%, 0)
    }

    .defend .text-wrapper {
        transition-duration: 1000ms !important;
        transition-property: transform;
        transform: translate3d(0, 50%, 0)
    }

    .defend .product {
        transition-duration: 1200ms !important;
        transition-property: transform;
        transform: translate3d(-18%, 30%, 0)
    }

    .defend .product img {
        transition-duration: 1200ms !important;
        transition-property: transform;
        transform: scale(0.6)
    }

    .defend .background {
        transition-duration: 1200ms !important;
        transition-property: transform;
        transform: translate3d(-24%, 46%, 0)
    }

    .regenerate .product {
        transition-duration: 1200ms !important;
        transition-property: transform;
        transform: translate3d(10%, -81%, 0)
    }

    .regenerate .product img {
        transform: scale(0.55)
    }

    .regenerate .text-wrapper {
        transition-duration: 1400ms !important;
        transition-property: transform;
        transform: translate3d(15%, -110%, 0)
    }

    .regenerate .product-details {
        transition: transform opacity .2s;
        opacity: 0
    }

    .regenerate .background {
        transform: translate3d(2%, 10%, 0) scale(1.4)
    }

    .defend-regenerate-module.aos-animate .defend .text-wrapper {
        transform: translate3d(0, 0, 0)
    }

    .defend-regenerate-module.aos-animate .defend .product {
        transform: translate3d(-18%, -20%, 0)
    }

    .defend-regenerate-module.aos-animate .defend .background {
        transform: translate3d(-24%, 0, 0)
    }

    .defend-regenerate-module.aos-animate .regenerate .product {
        transform: translate3d(10%, -889px, 0)
    }

    .defend-regenerate-module.aos-animate .regenerate .text-wrapper {
        transform: translate3d(15%, -1060px, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step2 .defend .product img {
        transition-duration: 1800ms !important;
        transform: scale(0.9) rotate(-6deg) translate3d(11%, 0, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step2 .defend .background {
        transform: translate3d(3%, 3%, 0) scale(1.3)
    }

    .defend-regenerate-module.aos-animate.animate-step2 .defend .product-details {
        transition-duration: 1400ms !important;
        transform: translate3d(0, 0, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step2 .regenerate {
        padding-top: 0
    }

    .defend-regenerate-module.aos-animate.animate-step2 .regenerate .product {
        transition-duration: 1500ms !important;
        transform: translate3d(0, 110%, 0) scale(1.6) rotate(5deg)
    }

    .defend-regenerate-module.aos-animate.animate-step2 .regenerate .text-wrapper {
        transition-duration: 1500ms !important;
        transform: translate3d(0, -15%, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step2 .regenerate .product-details {
        transform: translate3d(0, 210%, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step3 .defend .product img {
        transition-duration: 1500ms !important;
        transform: scale(0.9) rotate(-6deg) translate3d(11%, 18%, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step3 .regenerate .product {
        transition-duration: 1500ms !important;
        transform: translate3d(0, 258px, 0) scale(1.82) rotate(7deg)
    }

    .defend-regenerate-module.aos-animate.animate-step3 .regenerate .product-details {
        opacity: 1;
        transition-duration: 1500ms !important;
        transform: translate3d(0, 0, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step3 .regenerate .text-wrapper {
        transition-duration: 1500ms !important;
        transform: translate3d(0, 175px, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step4 .defend .product {
        transform: scale(1) rotate(0deg) translate3d(0, -120px, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step4 .defend .product img {
        transform: scale(1) rotate(0deg) translate3d(-4%, 0, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step4 .defend .text-wrapper {
        transform: translate3d(0, 130px, 0)
    }

    .defend-regenerate-module.aos-animate.animate-step4 .regenerate .product {
        transition-duration: 500ms !important;
        transform: translate3d(0, 170px, 0) scale(1.82) rotate(0deg)
    }

    .defend-regenerate-module.aos-animate.animate-step4 .regenerate .text-wrapper {
        transition-duration: 500ms !important;
        transform: translate3d(0, 75px, 0)
    }
}

.seasonal-favorites {
    padding: 16vw 0
}

@media (min-width:769px) {
    .seasonal-favorites {
        padding: 8.34vw 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media (min-width:1440px) {
    .seasonal-favorites {
        padding: 120px 0
    }
}

@media (max-width:768.98px) {
    .seasonal-favorites .content-wrapper {
        width: 82%;
        display: inline-block
    }
}

@media (min-width:769px) {
    .seasonal-favorites .content-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.seasonal-favorites .image-wrapper,
.seasonal-favorites .image-wrapper img {
    width: 100%
}

@media (min-width:769px) {
    .seasonal-favorites .image-wrapper {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.seasonal-favorites .text-wrapper {
    width: 100%;
    padding-left: 9vw;
    margin: 10vw 0 0
}

@media (min-width:769px) {
    .seasonal-favorites .text-wrapper {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .seasonal-favorites .text-wrapper {
        margin-top: 6.59722vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .seasonal-favorites .text-wrapper {
        margin-top: 95px
    }
}

.seasonal-favorites .headline {
    line-height: 1;
    font-size: 2.125rem;
    letter-spacing: 1.7px;
    margin-bottom: 2vw;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .seasonal-favorites .headline {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .seasonal-favorites .headline {
        line-height: 1.06;
        margin-bottom: 1vw;
        text-transform: none
    }
}

@media (min-width:1440px) {
    .seasonal-favorites .headline {
        margin-bottom: 15px
    }
}

.seasonal-favorites .headline span {
    width: 100%;
    display: inline-block
}

@media (min-width:769px) {
    .seasonal-favorites .headline span {
        text-transform: uppercase
    }
}

.seasonal-favorites .intro-copy {
    line-height: 1.5;
    font-size: 1.5rem;
    letter-spacing: .4px;
    padding-right: 21%;
    margin-bottom: 6.5vw;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .seasonal-favorites .intro-copy {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .seasonal-favorites .intro-copy {
        line-height: 1.33;
        font-size: 1.125rem;
        padding-right: 8%;
        margin-bottom: 3.5vw;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600
    }
}

@media (min-width:769px) and (max-width:750px) {
    .seasonal-favorites .intro-copy {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:1440px) {
    .seasonal-favorites .intro-copy {
        margin-bottom: 50px
    }
}

.seasonal-favorites .product-wrapper {
    width: 100%
}

@media (max-width:768.98px) {
    .seasonal-favorites .product-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .seasonal-favorites .product-wrapper.even .product-details:nth-last-child(-n+2) {
        padding-bottom: 0
    }
}

@media (min-width:769px) {
    .seasonal-favorites .product-wrapper {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .seasonal-favorites .product-wrapper {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.seasonal-favorites .product-details {
    width: 50%;
    padding-bottom: 6.5vw
}

@media (max-width:768.98px) {
    .seasonal-favorites .product-details {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .seasonal-favorites .product-details:nth-child(odd) {
        padding-right: 4vw
    }

    .seasonal-favorites .product-details:nth-child(even) {
        padding-left: 4vw
    }
}

.seasonal-favorites .product-details:nth-last-child(-n+1) {
    padding-bottom: 0
}

@media (min-width:769px) {
    .seasonal-favorites .product-details {
        width: 100%;
        padding-bottom: 3vw
    }

    .seasonal-favorites .product-details:nth-last-child(-n+1) {
        padding-bottom: 0
    }
}

@media (min-width:1440px) {
    .seasonal-favorites .product-details {
        padding-bottom: 43px
    }

    .seasonal-favorites .product-details:nth-last-child(-n+1) {
        padding-bottom: 0
    }
}

.seasonal-favorites .product-details .product-brand,
.seasonal-favorites .product-details .product-name {
    font-size: 1.25rem;
    letter-spacing: .6px
}

@media (max-width:750px) {

    .seasonal-favorites .product-details .product-brand,
    .seasonal-favorites .product-details .product-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {

    .seasonal-favorites .product-details .product-brand,
    .seasonal-favorites .product-details .product-name {
        font-size: 16px;
        letter-spacing: -.1px
    }
}

.seasonal-favorites .product-details .product-brand {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: uppercase
}

@media (min-width:769px) {
    .seasonal-favorites .product-details .product-brand {
        font-family: Arial, Medium, sans-serif;
        font-weight: 600
    }
}

.seasonal-favorites .product-details .product-name {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.seasonal-favorites .product-details .shop-button-wrapper {
    width: 100%;
    margin-top: 4vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid #c8102e
}

@media (min-width:769px) {
    .seasonal-favorites .product-details .shop-button-wrapper {
        margin-top: 2.2vw;
        padding-bottom: 1.6vw
    }
}

@media (min-width:1440px) {
    .seasonal-favorites .product-details .shop-button-wrapper {
        margin-top: 2.2vw;
        padding-bottom: 23px
    }
}

.seasonal-favorites .product-details .shop {
    width: auto;
    border: none;
    line-height: 1.2;
    font-size: 1.25rem;
    padding-bottom: 0;
    letter-spacing: 1px;
    display: inline-block;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (max-width:750px) {
    .seasonal-favorites .product-details .shop {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .seasonal-favorites .product-details .shop {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .2px;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600
    }
}

@media screen and (max-width:768px) {
    .newsletter-modal .modal-wrapper {
        padding: 3.33333vw 0
    }
}

@media (min-width:769px) {
    .newsletter-modal .modal-wrapper {
        padding: 1.75vw 0
    }
}

@media (min-width:1440px) {
    .newsletter-modal .modal-wrapper {
        padding: 25px 0
    }
}

.newsletter-modal .modal-body {
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .newsletter-modal .modal-body {
        padding: 7.6vw 8vw 8.66667vw
    }
}

@media screen and (max-width:768px) and (orientation:landscape) and (max-width:768px) {
    .newsletter-modal .modal-body {
        padding: 0 8vw
    }
}

@media (min-width:769px) {
    .newsletter-modal .modal-body {
        padding: 2.09vw 1.75vw 2.5vw
    }
}

@media (min-width:1440px) {
    .newsletter-modal .modal-body {
        padding: 30px 25px 35px
    }
}

@media (min-width:769px) {
    .newsletter-modal .field-button-container .form-row {
        padding-top: 0
    }
}

@media (min-width:769px) {
    .newsletter-modal .newsletter-content {
        max-width: 62.8%;
        margin: 0 auto
    }
}

.newsletter-modal h2 {
    line-height: 1;
    margin: 0 0 50px;
    text-align: left;
    font-size: 3.75rem;
    text-transform: none
}

@media (max-width:750px) {
    .newsletter-modal h2 {
        font-size: calc(0.20355rem + 7.56576vw)
    }
}

@media screen and (max-width:768px) {
    .newsletter-modal h2 {
        margin: 0 0 6vw
    }
}

@media (min-width:769px) {
    .newsletter-modal h2 {
        padding-top: 5px;
        line-height: 1.21;
        font-size: 34px;
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .newsletter-modal .check-btn-container {
        margin: 2.66667vw 0 0
    }
}

.newsletter-modal .user-consent-container {
    display: -ms-flexbox;
    display: flex
}

@media (min-width:769px) {
    .newsletter-modal .user-consent-container.label {
        padding-left: 0;
        margin-left: 7px
    }
}

@media (max-width:768.98px) {
    .newsletter-modal .user-consent-container.label {
        margin-left: 17px
    }
}

@media (min-width:769px) {
    .newsletter-modal .user-consent-container input[type=checkbox] {
        top: -1px
    }
}

.newsletter-modal input[type=checkbox] {
    top: 0;
    width: 6.6vw;
    height: 6.6vw
}

@media screen and (max-width:768px) {
    .newsletter-modal input[type=checkbox] {
        margin: 0 2.66667vw 0 0
    }
}

@media (min-width:769px) {
    .newsletter-modal input[type=checkbox] {
        width: 30px;
        height: 30px;
        margin-top: 4px
    }
}

@media (max-width:768.98px) {
    .newsletter-modal input[type=checkbox]:checked:after {
        width: 4.2vw;
        height: 2.2vw;
        border-width: 0 0 2px 2px
    }
}

.newsletter-modal .button-container {
    text-align: center
}

@media screen and (max-width:768px) {
    .newsletter-modal .button-container {
        padding: 15.46667vw 0 0
    }
}

@media (max-width:576px) {
    .newsletter-modal .button-container {
        padding-top: 10vw
    }
}

@media (min-width:769px) {
    .newsletter-modal .button-container {
        padding: 56px 0 0
    }
}

.newsletter-modal .user-consent-container a,
.newsletter-modal .user-consent-container label {
    font-size: 1.25rem;
    color: #888
}

@media (max-width:750px) {

    .newsletter-modal .user-consent-container a,
    .newsletter-modal .user-consent-container label {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {

    .newsletter-modal .user-consent-container a,
    .newsletter-modal .user-consent-container label {
        font-size: 14px
    }
}

.newsletter-modal .user-consent-container .error-placement,
.newsletter-modal .user-consent-container .gift-error-placement {
    margin-top: 0
}

.newsletter-modal .user-consent-container .error-placement .error,
.newsletter-modal .user-consent-container .gift-error-placement .error {
    bottom: 1.4em
}

@media (max-width:768.98px) {

    .newsletter-modal .user-consent-container .error-placement .error,
    .newsletter-modal .user-consent-container .gift-error-placement .error {
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .newsletter-modal .user-consent-container .error-placement .error,
    .newsletter-modal .user-consent-container .gift-error-placement .error {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:576px) {

    .newsletter-modal .user-consent-container .error-placement .error,
    .newsletter-modal .user-consent-container .gift-error-placement .error {
        width: 110%;
        display: inline-block
    }
}

.newsletter-modal .user-consent-container label a {
    border-bottom: 1px solid #888
}

.newsletter-modal .button.primary {
    width: 100%;
    z-index: 1
}

@media (min-width:769px) {
    .newsletter-modal .button.primary {
        width: auto;
        height: auto;
        min-width: 47%
    }
}

@media (max-width:768.98px) {

    .newsletter-modal .button.primary.active,
    .newsletter-modal .button.primary:active,
    .newsletter-modal .button.primary:hover {
        color: #fff
    }

    .newsletter-modal .button.primary.active::after,
    .newsletter-modal .button.primary:active::after,
    .newsletter-modal .button.primary:hover::after {
        width: 100%
    }
}

.newsletter-modal .button.primary:disabled,
.newsletter-modal .button.primary[disabled],
.newsletter-modal .button.primary[disabled]:hover {
    z-index: inherit
}

.newsletter-modal .register-success,
.newsletter-modal .register-success h2,
.newsletter-modal .registered-email {
    text-align: center
}

@media (min-width:769px) {
    .newsletter-modal .register-success h2 {
        margin-bottom: 3.7vw
    }
}

@media (min-width:1440px) {
    .newsletter-modal .register-success h2 {
        margin-bottom: 53px
    }
}

@media screen and (max-width:768px) {
    .newsletter-modal .registered-email {
        margin: 2vw 0 0
    }
}

@media (min-width:769px) {
    .newsletter-modal .registered-email {
        margin-top: 10px
    }
}

.newsletter-modal .registered-email strong {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    font-weight: 400
}

.newsletter-modal .continue-shopping {
    text-align: center;
    margin-bottom: 3px
}

.newsletter-modal .continue-shopping a {
    display: inline-block
}

.newsletter-modal .icon-camellia {
    display: inline-block;
    width: 16.667vw;
    height: 16.667vw;
    background-image: url(../images/camellia.png);
    background-size: 100% auto;
    background-repeat: no-repeat
}

@media screen and (max-width:768px) {
    .newsletter-modal .icon-camellia {
        margin: 7.33333vw 0
    }
}

@media (min-width:769px) {
    .newsletter-modal .icon-camellia {
        width: 125px;
        height: 125px;
        margin: 40px 0;
        vertical-align: top
    }
}

.regional-selector-wrapper {
    position: static;
    width: 100%;
    display: block;
    visibility: unset
}

.region-wrapper {
    background: url(../images/region_map.png) 0 0/100% auto no-repeat
}

.region-wrapper .region-header {
    text-align: center
}

@media screen and (max-width:768px) {
    .region-wrapper .region-header {
        padding: 0 0 8vw
    }
}

.region-wrapper .infoMessage:not(.d-none) {
    font-size: 1.5rem
}

@media (max-width:750px) {
    .region-wrapper .infoMessage:not(.d-none) {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .region-wrapper .infoMessage:not(.d-none) {
        padding: 6.4vw 4vw 0
    }
}

@media (min-width:769px) {
    .region-wrapper .infoMessage:not(.d-none) {
        max-width: 75%;
        margin: 0 auto;
        font-size: 18px;
        padding-top: 44px
    }
}

@media (min-width:769px) {
    .region-wrapper .infoMessage:not(.d-none)+h1 {
        padding-top: 44px
    }
}

.region-wrapper h1 {
    text-transform: none;
    font-size: 2.25rem
}

@media (max-width:750px) {
    .region-wrapper h1 {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media screen and (max-width:768px) {
    .region-wrapper h1 {
        padding: 6.4vw 0 4.26667vw
    }
}

@media (min-width:769px) {
    .region-wrapper h1 {
        font-size: 36px;
        padding: 108px 0 30px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #000
    }
}

.region-wrapper .my-location-link a.button.secondary {
    font-size: 1.25rem;
    font-size: 16px;
    height: auto;
    color: #c8102e;
    border-color: #c8102e;
    background: #fff;
    display: inline-block;
    overflow: hidden;
    padding: 8px 15px 8px 44px;
    position: relative;
    min-height: 20px;
    line-height: 20px
}

@media (max-width:750px) {
    .region-wrapper .my-location-link a.button.secondary {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.region-wrapper #error-msg {
    color: #c8102e;
    padding-top: 10px;
    font-size: 16px;
    font-size: 1rem
}

@media (max-width:750px) {
    .region-wrapper #error-msg {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.region-wrapper .global-site-link {
    padding: 15px 0
}

.region-wrapper .region-cols {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-transform: uppercase
}

@media (min-width:769px) {
    .region-wrapper .region-cols {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%
    }

    .region-wrapper .region-cols.region_americas {
        margin-left: 12.5%
    }
}

.region-wrapper .arrow {
    border: 33px solid #c8102e;
    width: 0;
    display: inline-block;
    border-width: 8px 25px;
    border-color: transparent transparent transparent #c8102e;
    position: absolute;
    font-size: 0;
    line-height: 0;
    transform: rotate(-45deg);
    top: -1px;
    left: 4px
}

.region-wrapper .arrow::before {
    content: '';
    display: block;
    border: 10px solid #fff;
    border-width: 24px 10px;
    position: absolute;
    left: -32px;
    top: -24px;
    border-color: transparent transparent transparent #fff
}

.region-wrapper .region-content {
    padding: 0 0 30px
}

@media screen and (max-width:768px) {
    .region-wrapper .region-content {
        margin: 8vw 0 0
    }
}

.region-wrapper .accordion_title {
    border-top: 1px solid #ccc;
    font-size: 1.75rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000
}

@media (max-width:750px) {
    .region-wrapper .accordion_title {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media screen and (max-width:768px) {
    .region-wrapper .accordion_title {
        padding: 4.53333vw
    }
}

@media (min-width:769px) {
    .region-wrapper .accordion_title {
        padding: 42px 0 45px;
        border: 0;
        cursor: auto
    }

    .region-wrapper .accordion_title .collapse,
    .region-wrapper .accordion_title .expand {
        display: none !important
    }
}

.region-wrapper .accordion_title.active {
    background-color: #f1f1f1;
    border-top: 1px solid #c8102e
}

@media (min-width:769px) {
    .region-wrapper .accordion_title.active {
        background-color: transparent;
        border-top: 0
    }
}

.region-wrapper .accordion_title.active .collapse {
    display: inline-block
}

.region-wrapper .accordion_title.active .expand {
    display: none
}

.region-wrapper .accordion_title.active+.accordion_description {
    display: block;
    border: 1px solid #c8102e;
    border-width: 0 0 1px
}

@media (min-width:769px) {
    .region-wrapper .accordion_title.active+.accordion_description {
        border: 0
    }
}

.region-wrapper .accordion {
    border: 0
}

.region-wrapper .accordion_description {
    background-color: #f1f1f1
}

@media (min-width:769px) {
    .region-wrapper .accordion_description {
        background: 0 0;
        border: 0;
        display: block !important
    }
}

.region-wrapper .accordion_description li,
.region-wrapper .accordion_description ul {
    list-style: none;
    line-height: 20px
}

.region-wrapper .accordion_description ul.subcategory {
    border-bottom: 1px solid #ccc
}

@media screen and (max-width:768px) {
    .region-wrapper .accordion_description ul.subcategory {
        padding: 2.66667vw 4.53333vw 0
    }
}

@media (min-width:769px) {
    .region-wrapper .accordion_description ul.subcategory {
        padding-bottom: 25px;
        border: 0
    }
}

.region-wrapper .accordion_description ul.subcategory strong {
    font-size: 1.5rem;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000
}

@media (max-width:750px) {
    .region-wrapper .accordion_description ul.subcategory strong {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .region-wrapper .accordion_description ul.subcategory strong {
        font-size: 16px;
        text-transform: none
    }
}

@media screen and (max-width:768px) {
    .region-wrapper .accordion_description ul.subcategory li {
        margin: 0 0 3.46667vw
    }
}

.region-wrapper .accordion_description ul.subcategory li a {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

@media (min-width:769px) {
    .region-wrapper .accordion_description ul.subcategory li a {
        font-size: 16px
    }
}

.footer-site-selector {
    background: #000;
    color: #666;
    text-align: center;
    font-size: 1rem
}

@media screen and (max-width:768px) {
    .footer-site-selector {
        padding: 4vw
    }
}

@media (max-width:750px) {
    .footer-site-selector {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:769px) {
    .footer-site-selector {
        padding: 30px;
        font-size: 14px
    }
}

@media (min-width:769px) {
    .primary-content.overview {
        position: relative
    }
}

@media (min-width:769px) {
    .primary-content.overview .container-block {
        padding-top: 7.5vw
    }
}

@media (min-width:1440px) {
    .primary-content.overview .container-block {
        padding-top: 6em
    }
}

@media (max-width:768.98px) {
    .overview.four-up .overview-content {
        margin-bottom: 8vw
    }

    .overview.four-up .overview-content:last-child {
        margin-bottom: 0
    }
}

@media (min-width:769px) {
    .personal-info-row {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.overview-content {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    min-height: 72.8vw;
    word-wrap: break-word
}

@media (min-width:769px) {
    .overview-content {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        min-height: 22.5em;
        margin: 0
    }
}

.overview-content .block {
    background: #fff;
    height: 100%;
    padding: 5.2vw 4vw 0
}

@media (min-width:769px) {
    .overview-content .block {
        height: 94%;
        padding: 2.2em 1.2em
    }
}

.overview-content h3 {
    padding-bottom: 5.2vw;
    line-height: normal;
    min-height: 13.73vw
}

@media (min-width:769px) {
    .overview-content h3 {
        padding-bottom: 1.4em;
        min-height: 3.73em;
        font-size: 1.1rem
    }
}

@media (min-width:1440px) {
    .overview-content h3 {
        font-size: 1.75rem
    }
}

.overview-content .title {
    font-family: Arial, Bold, sans-serif;
    line-height: normal;
    margin-bottom: 1vw
}

@media (min-width:769px) {
    .overview-content .title {
        margin-bottom: .3em
    }
}

.overview-content .overview-link {
    max-width: 80%;
    display: block;
    bottom: 0;
    position: absolute
}

@media (max-width:768.98px) {
    .overview-content .overview-link {
        font-size: 1.5rem;
        margin: 4vw 0
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .overview-content .overview-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .overview-content .overview-link {
        bottom: 2.4em
    }
}

.overview-content .overview-link.replenishment-link,
.overview-content .overview-link.with-replenish {
    position: inherit
}

@media (min-width:769px) {

    .overview-content .overview-link.replenishment-link,
    .overview-content .overview-link.with-replenish {
        margin: 1.5em 0
    }
}

.overview-content .personal-info-wrap {
    padding-bottom: 5.2vw;
    position: relative
}

@media (min-width:769px) {
    .overview-content .personal-info-wrap {
        padding-bottom: 1.9em
    }
}

.overview-content .info-wrap {
    margin-bottom: 5.2vw
}

@media (min-width:769px) {
    .overview-content .info-wrap {
        margin-bottom: 1.9em
    }
}

.with-addr {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .with-addr {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.with-addr .row>div {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.overview-bottom {
    padding: 16vw 0
}

@media (min-width:769px) {
    .overview-bottom {
        padding: 8.3vw 0
    }
}

@media (min-width:1440px) {
    .overview-bottom {
        padding: 6.6em 0
    }
}

.overview-bottom>.title {
    text-align: center;
    letter-spacing: .05em;
    font-family: Arial, Medium, sans-serif
}

@media (max-width:768.98px) {
    .overview-bottom>.title {
        font-size: 2.125rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .overview-bottom>.title {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .overview-bottom>.title {
        margin-bottom: 0
    }
}

@media (min-width:769px) {
    .overview-bottom.wishlist-bottom {
        margin: 0 -10px
    }
}

.overview-bottom.wishlist-bottom .wishlist-item {
    margin-bottom: 0
}

@media (min-width:769px) {
    .overview-bottom.wishlist-bottom .tiles-container {
        margin-right: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 12.5%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.overview-bottom .tiles-container {
    padding-top: 10vw
}

@media (min-width:769px) {
    .overview-bottom .tiles-container {
        padding-top: 0;
        margin-top: 4vw
    }
}

@media (min-width:1440px) {
    .overview-bottom .tiles-container {
        margin-top: 3.1em
    }
}

.overview-bottom .empty-wishlist {
    padding: 0
}

.overview-bottom .empty-wishlist>div {
    width: 100%
}

.overview-bottom .empty-wishlist p {
    font-size: 1.5rem;
    font-family: Arial, Medium, sans-serif
}

@media (max-width:750px) {
    .overview-bottom .empty-wishlist p {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .overview-bottom .empty-wishlist p {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .overview-bottom .empty-wishlist p {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .overview-bottom .empty-wishlist .continue-link {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }
}

@media (min-width:769px) {
    .overview-bottom .empty-wishlist .button.primary {
        min-width: 280px;
        display: inline-block
    }
}

.overview-bottom .feature-empty .button.primary {
    margin: 7vw auto 0
}

@media (min-width:769px) {
    .overview-bottom .feature-empty .button.primary {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        margin: 1.2em auto 0
    }
}

.overview-bottom .continue-link {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    margin: 7vw auto 0
}

@media (min-width:769px) {
    .overview-bottom .continue-link {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
        margin: 1.8em auto 0
    }
}

@media (max-width:1023.98px) {
    .overview-bottom.wishlist-bottom {
        padding: 32vw 0 16vw
    }
}

@media (max-width:768.98px) {
    .overview-bottom.wishlist-bottom .view-wrap {
        margin-top: 2.75em;
        margin-bottom: -2vw
    }
}

.overview-bottom.features-bottom {
    margin-bottom: 6vw
}

@media (min-width:769px) {
    .overview-bottom.features-bottom {
        margin-bottom: 8.5vw
    }
}

@media (min-width:1440px) {
    .overview-bottom.features-bottom {
        margin-bottom: 120px
    }
}

@media (max-width:768.98px) {
    .overview-bottom.features-bottom .view-wrap {
        margin-top: 7.3vw
    }
}

.overview-bottom .search-folder-content-list {
    margin-top: 7.6vw
}

@media (min-width:769px) {
    .overview-bottom .search-folder-content-list {
        margin-top: 4vw
    }
}

@media (min-width:1440px) {
    .overview-bottom .search-folder-content-list {
        margin-top: 58px
    }
}

.overview-bottom .search-folder-content-list .tutorial-detail-link {
    margin-bottom: 0
}

@media (max-width:768.98px) {
    .overview-bottom .search-folder-content-list .tutorial-detail-link {
        padding-right: 10px
    }

    .overview-bottom .search-folder-content-list .tutorial-detail-link:first-child {
        margin-bottom: 7.3vw
    }

    .overview-bottom .search-folder-content-list .tutorial-detail-link:last-of-type {
        margin-bottom: 0
    }
}

@media (min-width:769px) {
    .overview-bottom .search-folder-content-list .tutorial-detail-link {
        margin-bottom: -.4vw
    }
}

@media (min-width:1440px) {
    .overview-bottom .search-folder-content-list .tutorial-detail-link {
        margin-bottom: -5px
    }
}

@media (max-width:768.98px) {
    .overview.four-up .container-inner {
        padding: 0
    }
}

.container-inner {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 16vw 0 0
}

@media (min-width:769px) {
    .container-inner {
        margin-left: 12.5%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-top: .7em;
        padding-bottom: 14.75em
    }
}

.view-wrap {
    text-align: center
}

.view-wrap.for-mobile-only a {
    display: block
}

.view-wrap.for-mobile-only .mob-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
    margin-left: 7.5%
}

.view-wrap.for-desktop-only {
    margin-top: 60px
}

.view-wrap.for-desktop-only a {
    min-width: 200px;
    display: inline-block;
    line-height: 1
}

.for-mobile-only {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:769px) {
    .for-mobile-only {
        display: none
    }
}

@media (max-width:768.98px) {
    .for-desktop-only {
        display: none
    }
}

.address-create,
.credit-card-create {
    color: #000;
    cursor: pointer;
    font-size: 1.5rem;
    -ms-flex-align: center;
    align-items: center;
    line-height: 6.66vw;
    display: -ms-inline-flexbox;
    display: inline-flex;
    letter-spacing: .5px;
    margin-top: 2.7vw
}

@media (max-width:750px) {

    .address-create,
    .credit-card-create {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .address-create,
    .credit-card-create {
        font-size: 16px;
        margin-top: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

.address-create .plus-icon:before,
.credit-card-create .plus-icon:before {
    float: left;
    font-size: 3.125rem;
    padding-right: 2.4vw
}

@media (max-width:750px) {

    .address-create .plus-icon:before,
    .credit-card-create .plus-icon:before {
        font-size: calc(0.20293rem + 6.23376vw)
    }
}

@media (min-width:769px) {

    .address-create .plus-icon:before,
    .credit-card-create .plus-icon:before {
        font-size: 25px;
        padding-right: 10px
    }
}

.edit-add-address .modal-wrapper {
    padding: 0;
    width: 100%;
    height: 100vh;
    max-width: 768px
}

@media (max-width:768px) and (orientation:landscape) {
    .edit-add-address .modal-wrapper {
        max-height: 68vh
    }
}

@media (min-width:769px) {
    .edit-add-address .modal-wrapper {
        height: 90vh
    }
}

@media (max-width:576px) {
    .edit-add-address .modal-wrapper {
        height: 87.5vh
    }
}

.edit-add-address .modal-body {
    top: 10vw;
    max-height: 92%;
    position: relative;
    overflow-y: hidden;
    padding: 0 0 0 20px
}

@media (max-width:768px) and (orientation:landscape) {
    .edit-add-address .modal-body {
        max-height: 70%
    }
}

@media (min-width:769px) {
    .edit-add-address .modal-body {
        top: 60px;
        max-height: 85%;
        padding: 0 0 0 40px
    }
}

@media (min-width:1440px) {
    .edit-add-address .modal-body {
        max-height: 88%
    }
}

.edit-add-address .sb-container {
    padding-right: 20px
}

@media (min-width:769px) {
    .edit-add-address .sb-container {
        padding-right: 40px
    }
}

.edit-add-address .sb-scrollbar-container {
    right: 7px
}

@media (min-width:769px) {
    .edit-add-address .sb-scrollbar-container {
        right: 14px
    }
}

@media (max-width:768.98px) {

    .edit-add-address .sb-scrollbar,
    .edit-add-address .sb-scrollbar-container {
        width: 1.05vw
    }
}

.edit-add-address .modal-close {
    top: 0;
    right: 0;
    padding: 2vw 22px
}

@media (min-width:769px) {
    .edit-add-address .modal-close {
        padding: 15px 22px
    }
}

.edit-add-address .modal-close:before {
    font-size: 5vw
}

@media (min-width:769px) {
    .edit-add-address .modal-close:before {
        font-size: 30px
    }
}

.edit-add-address .title {
    text-transform: none;
    padding-bottom: 3.5vw
}

@media (min-width:769px) {
    .edit-add-address .title {
        padding-bottom: 16px
    }
}

@media (max-width:768.98px) {
    .edit-add-address .form-row {
        padding-top: 2.3vw;
        padding-bottom: 2.3vw
    }

    .edit-add-address .form-row.state {
        width: 55%
    }

    .edit-add-address .form-row.postal {
        width: 45%
    }
}

.edit-add-address .form-row:not(.half-width) {
    clear: both
}

@media (min-width:769px) {
    .edit-add-address .form-row.country .field-wrapper {
        width: 50%;
        float: none;
        padding-right: 1.05vw
    }
}

@media (min-width:1440px) {
    .edit-add-address .form-row.country .field-wrapper {
        padding-right: 15px
    }
}

.edit-add-address .form-row.phone {
    width: 100%;
    display: inline-block
}

.edit-add-address .label-middle label {
    padding: 0;
    color: #000
}

@media (min-width:769px) {
    .edit-add-address .label-middle label {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .edit-add-address .label-middle label {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.edit-add-address .input-checkbox {
    top: 0
}

@media (min-width:769px) {
    .edit-add-address .input-checkbox {
        top: -2px
    }
}

@media (max-width:768.98px) {
    .edit-add-address .cancel-done-button-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:769px) {
    .edit-add-address .cancel-done-button-wrapper {
        text-align: right
    }
}

.edit-add-address .cancel-done-button-wrapper .btn {
    width: 45%;
    min-width: auto
}

@media (min-width:769px) {
    .edit-add-address .cancel-done-button-wrapper .btn {
        width: auto;
        height: 60px;
        min-width: 200px
    }
}

@media (min-width:769px) {
    .edit-add-address .cancel-done-button-wrapper .cancel-button {
        margin-right: 20px;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.edit-add-address .add-edit-address-account {
    display: block;
    margin-left: auto;
    margin-right: auto
}

@media screen and (max-width:768px) {
    .edit-add-address .add-edit-address-account {
        margin-top: 6.66667vw;
        margin-bottom: 5.33333vw
    }
}

@media screen and (min-width:769px) {
    .edit-add-address .add-edit-address-account {
        margin-top: 3.47222vw
    }
}

@media (min-width:1440px) {
    .edit-add-address .add-edit-address-account {
        margin-top: 50px
    }
}

.product-content .product-tryiton-container,
.product-content .try-it-on .exit,
.product-content.try-on-activate .product-actions,
.product-content.try-on-activate .product-thumbnails,
.product-content.try-on-activate .view-360-modal {
    display: none
}

.product-content.try-on-activate .product-tryiton-container {
    display: block
}

.product-content.try-on-activate .try-it-on.exitEnabled .icon,
.product-content.try-on-activate .try-it-on.exitEnabled .open {
    display: none
}

.product-content.try-on-activate .try-it-on.exitEnabled .exit {
    display: inline-block
}

@media (max-width:768.98px) {
    .product-tryiton-container {
        position: fixed;
        z-index: 9999;
        top: 0;
        width: 100%;
        left: 0;
        background: rgba(0, 0, 0, .9);
        height: 100vh
    }
}

@media (min-width:769px) and (max-width:1023.98px) {
    .product-tryiton-container {
        position: relative;
        width: 100%;
        padding: 0
    }
}

.product-tryiton-container .image-upload-loader,
.product-tryiton-container .videoCanvas-wrapper {
    visibility: hidden
}

.product-tryiton-container .cropImageBtn,
.product-tryiton-container .preview-screen-options,
.product-tryiton-container .preview-screen-text {
    display: none
}

.product-tryiton-container.js-loading .multiVideo-overlay,
.product-tryiton-container.js-loading .tryiton-swatch,
.product-tryiton-container.js-loading .videoCanvas-wrapper,
.product-tryiton-container.multi-view-loader .multiVideo-overlay,
.product-tryiton-container.multi-view-loader .tryiton-swatch,
.product-tryiton-container.multi-view-loader .videoCanvas-wrapper,
.product-tryiton-container.orientation-change-loader .multiVideo-overlay,
.product-tryiton-container.orientation-change-loader .tryiton-swatch,
.product-tryiton-container.orientation-change-loader .videoCanvas-wrapper {
    opacity: 0
}

.product-tryiton-container.js-loading .tryiton-loading-wrapper,
.product-tryiton-container.multi-view-loader .tryiton-loading-wrapper,
.product-tryiton-container.orientation-change-loader .tryiton-loading-wrapper,
.product-tryiton-container.variation-change .tryiton-loading-wrapper {
    display: block
}

.product-tryiton-container.welcome-screen .videoCanvas-wrapper {
    visibility: hidden
}

.product-tryiton-container.welcome-screen .try-on-static {
    display: block
}

.product-tryiton-container.preview-screen .videoCanvas-wrapper {
    visibility: visible
}

.product-tryiton-container.preview-screen .close-try-it-on .download-cancel,
.product-tryiton-container.preview-screen .preview-screen-text,
.product-tryiton-container.preview-screen .tryiton-controlers {
    display: block
}

.product-tryiton-container.preview-screen .preview-screen-options {
    display: -ms-flexbox;
    display: flex
}

.product-tryiton-container.preview-screen .close-try-it-on .canvas-cancel,
.product-tryiton-container.preview-screen .crop-container,
.product-tryiton-container.preview-screen .imageOutputCanvas,
.product-tryiton-container.preview-screen .live-screen-options {
    display: none
}

.product-tryiton-container.preview-screen .tryiton-swatch {
    opacity: 0
}

.product-tryiton-container.live-camera .multiVideo-overlay,
.product-tryiton-container.live-camera .videoCanvas-wrapper {
    visibility: visible
}

.product-tryiton-container.live-camera .crop-container,
.product-tryiton-container.live-camera .imageOutputCanvas,
.product-tryiton-container.live-camera .live-camera-link,
.product-tryiton-container.live-camera .photo-download,
.product-tryiton-container.live-camera .upload-new-image {
    display: none
}

.product-tryiton-container.live-camera .tryiton-controlers,
.product-tryiton-container.live-camera .upload-image {
    display: block
}

.product-tryiton-container.live-camera .live-screen-options {
    display: -ms-flexbox;
    display: flex
}

.product-tryiton-container.uploading-screen .crop-container,
.product-tryiton-container.uploading-screen .cropImageBtn,
.product-tryiton-container.uploading-screen .tryiton-controlers,
.product-tryiton-container.uploading-screen .tryiton-loading-wrapper,
.product-tryiton-container.uploading-screen .videoCanvas-wrapper {
    visibility: hidden
}

.product-tryiton-container.uploading-screen .image-upload-loader {
    z-index: 2;
    visibility: visible
}

.product-tryiton-container.crop-screen .tryiton-controlers,
.product-tryiton-container.crop-screen .videoCanvas-wrapper {
    visibility: visible
}

.product-tryiton-container.crop-screen .cropImageBtn,
.product-tryiton-container.crop-screen .download-info.multi,
.product-tryiton-container.crop-screen .tryiton-controlers.multi-view-active {
    display: block
}

.product-tryiton-container.crop-screen .download-info.multi,
.product-tryiton-container.crop-screen .tryiton-controlers.multi-view-active {
    visibility: hidden
}

.product-tryiton-container.crop-screen .img-comp-slider,
.product-tryiton-container.crop-screen .multiVideo-overlay {
    display: none
}

.product-tryiton-container.crop-screen .tryiton-controlers.multi-view-active .live-screen-options {
    display: -ms-flexbox;
    display: flex;
    visibility: hidden
}

.product-tryiton-container.uploaded-image-screen .camera-download,
.product-tryiton-container.uploaded-image-screen .crop-container,
.product-tryiton-container.uploaded-image-screen .cropImageBtn,
.product-tryiton-container.uploaded-image-screen .upload-photo {
    display: none
}

.product-tryiton-container.uploaded-image-screen .live-screen-options,
.product-tryiton-container.uploaded-image-screen .multiVideo-overlay,
.product-tryiton-container.uploaded-image-screen .videoCanvas-wrapper {
    visibility: visible
}

.product-tryiton-container.uploaded-image-screen .outputCanvas {
    visibility: hidden
}

.product-tryiton-container.uploaded-image-screen .live-camera-link,
.product-tryiton-container.uploaded-image-screen .tryiton-controlers,
.product-tryiton-container.uploaded-image-screen .upload-new-image {
    display: block
}

.product-tryiton-container.uploaded-image-screen .live-screen-options {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-tryiton-container .crop-container,
.product-tryiton-container .imageOutputCanvas {
    top: 0;
    left: 0;
    position: absolute
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

    .product-tryiton-container .crop-container,
    .product-tryiton-container .imageOutputCanvas {
        left: 0
    }
}

.giaranimagepath,
.hide {
    display: none
}

.show {
    display: block
}

.tryiton-controlers {
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    display: none;
    position: absolute
}

@media (max-width:768.98px) {
    .tryiton-controlers {
        position: fixed
    }
}

@media (min-width:769px) {
    .tryiton-controlers {
        bottom: -5px
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    .tryiton-controlers {
        bottom: -5px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {

    .tryiton-controlers .virtual-try-on-variations .attribute,
    .tryiton-controlers .virtual-try-on-variations .selected-color {
        top: 2vw;
        position: relative
    }
}

@media (max-width:768.98px) {
    .tryiton-controlers.multi-view-active .attribute {
        top: 16vw;
        position: relative
    }

    .tryiton-controlers.multi-view-active .selected-color {
        visibility: hidden
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .tryiton-controlers.multi-view-active .tryiton-swatch {
        padding: 6.6vw 0 0
    }

    .tryiton-controlers.multi-view-active .attribute {
        top: 5vw
    }

    .tryiton-controlers.multi-view-active .virtual-try-on-variations .selected-color {
        margin-top: 1.33vw
    }
}

.tryiton-controlers.multi-view-active:not(.arOpenMenu) {
    z-index: auto
}

.tryiton-controlers.multi-view-active.arOpenMenu {
    z-index: 4
}

@media screen and (orientation:landscape) and (min-device-width:320px) and (max-device-width:768px) {
    .tryiton-controlers.multi-view-active.arOpenMenu {
        z-index: auto
    }
}

.tryiton-controlers.multi-view-active .virtual-try-on-variations .selected-color {
    color: #000
}

@media (max-width:768.98px) {
    .tryiton-controlers.multi-view-active .product-variations.virtual-try-on-variations .swatches:not(.size) .swatch-item img {
        border: 1px solid #ccc
    }
}

.tryiton-swatch {
    width: 100%;
    padding: 5.06vw 0;
    visibility: visible;
    opacity: 1;
    pointer-events: auto
}

@media (min-width:769px) {
    .tryiton-swatch {
        padding: 0
    }
}

@media (min-width:769px) {
    .tryiton-swatch .attribute {
        display: none
    }
}

.tryiton-swatch ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tryiton-swatch li {
    list-style-type: none;
    width: 25px;
    margin: 5px
}

.tryiton-swatch .owl-item {
    height: 14vw
}

.tryiton-swatch .owl-item:not(.center) .selectable .swatchanchor::after,
.tryiton-swatch .owl-item:not(.center) .unselectable .swatchanchor::after {
    visibility: visible
}

.tryiton-swatch .owl-item.center .swatch-item {
    top: 50%;
    left: 50%;
    position: relative;
    transform: translate(-50%, -50%)
}

.tryiton-swatch .owl-item.center .swatchanchor {
    width: 100%
}

@media (max-width:768.98px) {
    .tryiton-swatch .owl-item.center .swatchanchor {
        opacity: 1
    }
}

.tryiton-swatch .color-image {
    display: none
}

.tryiton-swatch .swatch-item {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tryiton-swatch.hideSwatchMobile {
    visibility: hidden;
    opacity: 0;
    pointer-events: none
}

.product-variations.virtual-try-on-variations .swatches:not(.size) .center .swatch-item {
    width: auto
}

.product-variations.virtual-try-on-variations .swatches:not(.size) .center .selected::before,
.product-variations.virtual-try-on-variations .swatches:not(.size) .center .unselectable::before {
    width: 13.68vw
}

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

    .product-variations.virtual-try-on-variations .swatches:not(.size) .center .selected::before,
    .product-variations.virtual-try-on-variations .swatches:not(.size) .center .unselectable::before {
        width: 13.4vw
    }
}

.product-variations.virtual-try-on-variations .swatches:not(.size) .unselectable::before {
    top: 50%;
    left: 50%;
    z-index: 1;
    content: "";
    width: 7.84vw;
    position: absolute;
    border-top: 3px solid #fff;
    transform: translate(-50%, -50%) rotate(-45deg)
}

@media screen and (max-width:576px) {
    .product-variations.virtual-try-on-variations .swatches:not(.size) .unselectable::before {
        left: calc(50% + 1px);
        width: 8.4vw
    }
}

.product-variations.virtual-try-on-variations .swatches:not(.size) .unselectable.light-colored::before {
    border: 1px solid #888
}

.product-variations.virtual-try-on-variations .swatches:not(.size) .selectable,
.product-variations.virtual-try-on-variations .swatches:not(.size) .unselectable {
    margin: 0;
    width: 100%;
    height: 100%
}

@media (max-width:768.98px) {

    .product-variations.virtual-try-on-variations .swatches:not(.size) .selectable,
    .product-variations.virtual-try-on-variations .swatches:not(.size) .unselectable {
        display: -ms-flexbox;
        display: flex
    }
}

.product-variations.virtual-try-on-variations .swatches:not(.size) .selectable .color-name,
.product-variations.virtual-try-on-variations .swatches:not(.size) .unselectable .color-name {
    display: none
}

.product-variations.virtual-try-on-variations .swatches:not(.size) .selectable img,
.product-variations.virtual-try-on-variations .swatches:not(.size) .unselectable img {
    border: none
}

.product-variations.virtual-try-on-variations .download-info {
    display: none;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    background: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #000
}

@media (max-width:750px) {
    .product-variations.virtual-try-on-variations .download-info {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info img.gairan-product-image {
        max-height: 85px;
        margin-right: 10px
    }
}

@media (max-width:768.98px) {
    .product-variations.virtual-try-on-variations .download-info img.gairan-product-image {
        max-height: 11.31vw
    }
}

.product-variations.virtual-try-on-variations .download-info img.camelia-logo-download {
    position: absolute;
    right: 11px;
    top: -110px
}

@media (max-width:768.98px) {
    .product-variations.virtual-try-on-variations .download-info img.camelia-logo-download {
        max-height: 15.97vw;
        top: -14.6vw;
        right: 2.66vw
    }
}

@media screen and (max-width:576px) {
    .product-variations.virtual-try-on-variations .download-info img.camelia-logo-download {
        top: -18.66vw
    }
}

.product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color {
    position: relative;
    margin: 0 12px 0 8px
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color {
        margin: 0 10px 0 8px
    }
}

.product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color .hexcode-unavailable {
    display: inline-block
}

.product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color .hexcode-unavailable::before {
    display: none
}

.product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color .no-color-text {
    left: 50%;
    width: 60px;
    font-size: 8px;
    position: absolute;
    text-align: center;
    top: calc(50% - 4px);
    display: inline-block;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:576px) {
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color .no-color-text {
        top: 50%;
        font-size: 8px
    }
}

@media (max-width:768.98px) {
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color .no-color-text {
        white-space: nowrap
    }
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color .no-color-text .mobile {
        display: none
    }
}

@media (max-width:768.98px) {
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch.no-color .no-color-text .desktop {
        display: none
    }
}

.product-variations.virtual-try-on-variations .download-info .download-color-swatch svg {
    width: 3.19vw;
    height: 3.19vw
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch svg {
        width: 25px;
        height: 25px
    }
}

@media (max-width:768.98px) {
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch .light-colored .color-holder {
        border: 1px solid #888
    }
}

.product-variations.virtual-try-on-variations .download-info .download-color-swatch .color-holder,
.product-variations.virtual-try-on-variations .download-info .download-color-swatch .hexcode-unavailable {
    width: 3.19vw;
    height: 3.19vw;
    border-radius: 50%;
    display: block
}

@media (min-width:769px) {

    .product-variations.virtual-try-on-variations .download-info .download-color-swatch .color-holder,
    .product-variations.virtual-try-on-variations .download-info .download-color-swatch .hexcode-unavailable {
        width: 25px;
        height: 25px
    }
}

.product-variations.virtual-try-on-variations .download-info .inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:768px) {
    .product-variations.virtual-try-on-variations .download-info .inner {
        padding: 2vw 0 3.33333vw
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-variations.virtual-try-on-variations .download-info .inner {
        padding: 7px 0 9px
    }
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info .inner {
        height: 101px
    }
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info {
        font-size: 24px
    }
}

.product-variations.virtual-try-on-variations .download-info .product-details {
    margin-left: 8px;
    max-width: 44.8vw;
    text-align: left
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info .product-details {
        margin-left: 9px;
        max-width: 346px
    }
}

.product-variations.virtual-try-on-variations .download-info.multi {
    border-top: 1px solid #ccc
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info.multi {
        bottom: 1px
    }
}

.product-variations.virtual-try-on-variations .download-info.multi .camelia-logo-download {
    max-height: 13.33vw;
    top: -23vw
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .download-info.multi .camelia-logo-download {
        width: 53px;
        top: -108px
    }
}

.product-variations.virtual-try-on-variations .download-info.multi .download-color-name,
.product-variations.virtual-try-on-variations .download-info.multi .download-color-swatch {
    display: none
}

.product-variations.virtual-try-on-variations .selected-color {
    font-size: 2.125rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    margin-top: 3.33vw
}

@media (max-width:750px) {
    .product-variations.virtual-try-on-variations .selected-color {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .selected-color {
        margin: 0;
        background: #fff;
        font-size: 24px;
        color: #000;
        display: none
    }
}

@media (max-width:768.98px) {
    .product-variations.virtual-try-on-variations .selected-color img {
        display: none
    }
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .selected-color img.gairan-product-image {
        max-height: 85px
    }
}

@media (min-width:769px) {
    .product-variations.virtual-try-on-variations .selected-color img.color-swatch {
        max-height: 25px
    }
}

.product-variations.virtual-try-on-variations .selected-color img.camelia-logo-download {
    position: absolute;
    right: 19px;
    top: -110px
}

.tryiton-landscape {
    display: none
}

@media (max-width:768px) and (orientation:landscape) {
    .tryiton-landscape {
        z-index: 3;
        width: 100%;
        height: 100vh;
        display: block;
        position: fixed;
        background: #888;
        overflow-x: hidden
    }

    .tryiton-landscape .msg {
        top: 50%;
        left: 50%;
        width: 36vw;
        font-size: 1.5rem;
        position: absolute;
        text-align: center;
        transform: translate(-50%, -50%);
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #fff
    }
}

@media (max-width:768px) and (orientation:landscape) and (max-width:750px) {
    .tryiton-landscape .msg {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .tryiton-landscape .icon {
        display: block;
        line-height: 1;
        font-size: 8vw;
        margin-top: 3vw
    }
}

.tryiton-back-arrow.active i {
    color: #c8102e
}

.try-on-video {
    position: relative;
    background: #fff
}

@media (max-width:768.98px) {
    .try-on-video {
        min-height: 100vh
    }
}

@media (min-width:769px) {
    .try-on-video {
        min-height: 48.61vw
    }

    .try-on-video:not(.arOpenMenu) {
        overflow: hidden
    }
}

@media (min-width:1440px) {
    .try-on-video {
        min-height: 700px
    }
}

.videoCanvas-wrapper {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute
}

@media (max-width:768.98px) {
    .videoCanvas-wrapper {
        width: calc(100% + 1px)
    }
}

.videoCanvas-wrapper canvas {
    overflow: hidden
}

.videoCanvas-wrapper video {
    top: 0;
    opacity: 0;
    z-index: -1;
    height: 100%;
    max-width: none;
    position: absolute
}

.image-upload-loader {
    left: 0;
    top: -1px;
    width: 100%;
    position: absolute;
    background: #f1f1f1;
    height: calc(100% + 2px)
}

.image-upload-loader .loader-content {
    padding: 8%;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.3;
    position: absolute;
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:769px) {
    .image-upload-loader .loader-content {
        padding: 15%;
        font-size: 18px
    }
}

.image-upload-loader img {
    width: 13.3vw;
    margin-bottom: 3vw
}

@media (min-width:769px) {
    .image-upload-loader img {
        width: 100px;
        margin-bottom: 22px
    }
}

.cropImageBtn {
    top: 0;
    z-index: 3;
    border: none;
    color: #fff;
    padding: 4.66vw;
    background: 0 0;
    font-size: 1.875rem;
    position: absolute;
    text-transform: unset
}

@media (max-width:750px) {
    .cropImageBtn {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (min-width:769px) {
    .cropImageBtn {
        top: auto;
        bottom: 12px;
        padding: 11px;
        font-size: 24px
    }
}

.crop-screen .croppie-container .cr-slider-wrap {
    bottom: 0;
    z-index: 1;
    width: 100%;
    position: fixed
}

@media (min-width:769px) {
    .crop-screen .croppie-container .cr-slider-wrap {
        position: absolute
    }
}

.tryiton-loading-wrapper {
    left: 0;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    min-height: 45.76vw;
    background: rgba(235, 235, 235, .8)
}

@media (max-width:768.98px) {
    .tryiton-loading-wrapper {
        min-height: 100vw
    }
}

@media only screen and (max-device-width:767px) and (orientation:landscape) {
    .tryiton-loading-wrapper {
        z-index: 3
    }
}

@media (min-width:1440px) {
    .tryiton-loading-wrapper {
        min-height: 700px
    }
}

.tryiton-loading-wrapper .loader-img {
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    position: absolute;
    transform: translate(-50%, -50%)
}

.tryiton-close-wrapper {
    top: 0;
    right: 0;
    z-index: 3;
    position: absolute
}

.close-try-it-on {
    border: none;
    color: #fff;
    padding: 4.66vw;
    background: 0 0;
    text-transform: unset
}

@media (min-width:769px) {
    .close-try-it-on {
        padding: 11px;
        font-size: 27px
    }
}

.close-try-it-on .download-cancel {
    display: none;
    font-family: Arial, Medium, sans-serif;
    font-size: 2.125rem
}

@media (max-width:750px) {
    .close-try-it-on .download-cancel {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .close-try-it-on .download-cancel {
        font-size: 18px
    }
}

.close-try-it-on .canvas-cancel,
.close-try-it-on .download-cancel.showDownloadCancel {
    display: block
}

.close-try-it-on .canvas-cancel.hideCanvasCancel {
    display: none
}

.canvas-button-wrapper {
    margin-left: -1px;
    background: #fff;
    width: calc(100% + 2px)
}

.tryItOn-user-functionality {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:769px) {
    .tryItOn-user-functionality {
        padding-bottom: 24px
    }
}

.tryItOn-user-functionality .preview-screen-text {
    position: absolute;
    font-size: 2.125rem;
    font-family: Arial, Medium, sans-serif;
    bottom: 26vw;
    left: 0;
    right: 0;
    width: 70vw;
    margin: 0 auto;
    text-align: center;
    color: #fff
}

@media (max-width:750px) {
    .tryItOn-user-functionality .preview-screen-text {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .tryItOn-user-functionality .preview-screen-text {
        bottom: 185px;
        width: 444px
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality .preview-screen-text {
        font-size: 18px;
        width: 100%;
        bottom: 136px
    }
}

.tryItOn-user-functionality .preview-screen-options .preview-options {
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 2.125rem;
    color: #000;
    cursor: pointer;
    font-family: Arial, Medium, sans-serif
}

@media screen and (max-width:768px) {
    .tryItOn-user-functionality .preview-screen-options .preview-options {
        margin: 7.46667vw 2.8vw 5.86667vw
    }
}

@media (max-width:750px) {
    .tryItOn-user-functionality .preview-screen-options .preview-options {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality .preview-screen-options .preview-options {
        margin: 30px 40px 24px;
        font-size: 18px
    }
}

@media (min-width:1440px) {
    .tryItOn-user-functionality .preview-screen-options .preview-options {
        margin: 30px 91px 24px
    }
}

.tryItOn-user-functionality .preview-screen-options .open-live-camera {
    position: absolute;
    right: 0;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.tryItOn-user-functionality.marketing button.canvasDownload {
    font-size: 3.9375rem;
    z-index: 2;
    position: relative;
    padding: 0;
    line-height: 1
}

@media (max-width:750px) {
    .tryItOn-user-functionality.marketing button.canvasDownload {
        font-size: calc(0.20374rem + 7.96536vw)
    }
}

@media screen and (max-width:768px) {
    .tryItOn-user-functionality.marketing button.canvasDownload {
        margin: 4.26667vw 10.13333vw 3.2vw
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality.marketing button.canvasDownload {
        font-size: 32px;
        margin: 20px 91px
    }
}

.tryItOn-user-functionality .live-screen-options {
    display: none;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tryItOn-user-functionality .addToBag-wrapper {
    position: relative
}

.tryItOn-user-functionality .addToBag-counter {
    font-size: 1.875rem;
    width: 8vw;
    height: 8vw;
    line-height: 8vw;
    border-radius: 36px;
    text-align: center;
    color: #fff;
    position: absolute;
    font-family: Arial, Medium, sans-serif;
    top: 0;
    opacity: 0;
    background-color: #c8102e
}

@media screen and (max-width:768px) {
    .tryItOn-user-functionality .addToBag-counter {
        margin: 4.26667vw 10.13333vw 3.2vw
    }
}

@media (max-width:750px) {
    .tryItOn-user-functionality .addToBag-counter {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .tryItOn-user-functionality .addToBag-counter {
        width: 65px;
        height: 65px;
        line-height: 65px;
        font-size: 30px
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality .addToBag-counter {
        width: 33px;
        height: 33px;
        font-size: 18px;
        border-radius: 20px;
        margin: 20px 91px;
        line-height: 33px
    }
}

.tryItOn-user-functionality .addToBag-counter .bag-counter {
    position: relative;
    left: 1px;
    top: 0
}

@media (max-width:768.98px) {
    .tryItOn-user-functionality .addToBag-counter .bag-counter {
        top: 2px
    }
}

.tryItOn-user-functionality .addToBag-counter .icon-plus-minus {
    position: relative;
    width: 1.33vw;
    height: 1.33vw;
    top: -4px;
    display: inline-block
}

@media (min-width:769px) {
    .tryItOn-user-functionality .addToBag-counter .icon-plus-minus {
        width: 7px;
        height: 7px
    }
}

.tryItOn-user-functionality .addToBag-counter .icon-plus-minus:after,
.tryItOn-user-functionality .addToBag-counter .icon-plus-minus:before {
    content: "";
    position: absolute;
    background-color: #fff
}

.tryItOn-user-functionality .addToBag-counter .icon-plus-minus:before {
    top: 0;
    left: 50%;
    width: .31vw;
    margin-left: -.12vw;
    height: 100%
}

@media (min-width:769px) {
    .tryItOn-user-functionality .addToBag-counter .icon-plus-minus:before {
        width: 1px;
        margin-left: 0
    }
}

.tryItOn-user-functionality .addToBag-counter .icon-plus-minus:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: .31vw;
    margin-top: -.12vw
}

@media (min-width:769px) {
    .tryItOn-user-functionality .addToBag-counter .icon-plus-minus:after {
        height: 1px;
        margin-top: -1px
    }
}

.tryItOn-user-functionality .addtobag-modal {
    bottom: 18vw;
    position: absolute;
    visibility: hidden
}

@media (min-width:576px) {
    .tryItOn-user-functionality .addtobag-modal {
        bottom: 16vw
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality .addtobag-modal {
        bottom: 100px
    }
}

.tryItOn-user-functionality .addtobag-modal .addtobag-modal-close-outer {
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.tryItOn-user-functionality .addtobag-modal.active {
    visibility: visible
}

.tryItOn-user-functionality .addtobag-modal.active .add-to-bag-modal {
    transform: translate3d(0px, 0, 0) scale(1)
}

.tryItOn-user-functionality .addtobag-modal.active .addtobag-modal-close-outer {
    z-index: 998;
    display: none
}

.tryItOn-user-functionality .add-to-bag-modal {
    left: 4px;
    display: block;
    position: relative;
    transition: transform .5s;
    transform: translate3d(0, 0, 75px) scale(0);
    box-shadow: 0 1px 40.6px 4.4px rgba(0, 0, 0, .15)
}

@media (min-width:768px) and (orientation:portrait) {
    .tryItOn-user-functionality .add-to-bag-modal {
        left: 16px
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality .add-to-bag-modal {
        left: 44px
    }
}

.tryItOn-user-functionality .add-to-bag-modal:after {
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 20px;
    height: 20px;
    content: '';
    background: #fff;
    position: absolute;
    top: calc(100% - 16px);
    transform: rotate(45deg);
    box-shadow: 0 1px 40.6px 4.4px rgba(0, 0, 0, .15)
}

.tryItOn-user-functionality .add-to-bag-modal .modal-wrapper {
    top: 0;
    left: 0;
    z-index: 1;
    width: 110px;
    border: none;
    box-shadow: none;
    transform: none;
    text-align: center;
    padding: 9px 12px 10px
}

@media (min-width:768px) and (orientation:portrait) {
    .tryItOn-user-functionality .add-to-bag-modal .modal-wrapper {
        width: 200px;
        padding: 5px 12px
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality .add-to-bag-modal .modal-wrapper {
        width: 134px
    }
}

.tryItOn-user-functionality .add-to-bag-modal .modal-body .stock-msg {
    -ms-flex: none;
    flex: none;
    max-width: 100%
}

.tryItOn-user-functionality button {
    border: none;
    height: auto;
    padding: 0
}

.tryItOn-user-functionality button.addToBag {
    font-size: 3.9375rem;
    z-index: 2;
    position: relative;
    padding: 0;
    line-height: 1
}

@media (max-width:750px) {
    .tryItOn-user-functionality button.addToBag {
        font-size: calc(0.20374rem + 7.96536vw)
    }
}

@media screen and (max-width:768px) {
    .tryItOn-user-functionality button.addToBag {
        margin: 4.26667vw 10.13333vw 3.2vw
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality button.addToBag {
        font-size: 32px;
        margin: 20px 91px
    }
}

.tryItOn-user-functionality button.disable {
    color: #d7d7d7
}

.tryItOn-user-functionality button.triggerBtn {
    font-size: .75rem;
    padding: 0;
    line-height: 1
}

@media (max-width:750px) {
    .tryItOn-user-functionality button.triggerBtn {
        font-size: calc(0.20055rem + 1.17216vw)
    }
}

@media screen and (max-width:768px) {
    .tryItOn-user-functionality button.triggerBtn {
        margin: 8.13333vw 11.33333vw 7.73333vw
    }
}

.tryItOn-user-functionality button.triggerBtn i {
    padding-left: 1px
}

@media (min-width:769px) {
    .tryItOn-user-functionality button.triggerBtn {
        width: auto;
        font-size: 8px;
        margin: 10.5% 0;
        display: inline-block
    }

    .tryItOn-user-functionality button.triggerBtn i {
        padding: 2px 1px
    }
}

.tryItOn-user-functionality button.active .icon {
    color: #c8102e
}

.tryItOn-user-functionality button.shareARCanvas {
    font-size: 2.3125rem;
    padding: 0;
    line-height: 1
}

@media (max-width:750px) {
    .tryItOn-user-functionality button.shareARCanvas {
        font-size: calc(0.20211rem + 4.50216vw)
    }
}

@media screen and (max-width:768px) {
    .tryItOn-user-functionality button.shareARCanvas {
        margin: 5.6vw 10.13333vw 2.93333vw
    }
}

.tryItOn-user-functionality button.shareARCanvas i {
    padding-left: 2px
}

@media (min-width:769px) {
    .tryItOn-user-functionality button.shareARCanvas {
        font-size: 23px;
        margin: 27px 91px 14px
    }

    .tryItOn-user-functionality button.shareARCanvas i {
        height: 30px;
        display: inline-block
    }
}

.tryItOn-user-functionality .arButtons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 14.39vw
}

@media (min-width:769px) {
    .tryItOn-user-functionality .arButtons {
        padding: 0 3px
    }
}

.tryItOn-user-functionality .arButtons.hide {
    display: none
}

.tryItOn-user-functionality .arButtons button {
    width: auto;
    font-size: 3.25rem;
    padding: 0
}

@media screen and (max-width:768px) {
    .tryItOn-user-functionality .arButtons button {
        margin: 4.26667vw 8.4vw 3.2vw
    }
}

@media (max-width:750px) {
    .tryItOn-user-functionality .arButtons button {
        font-size: calc(0.20305rem + 6.50016vw)
    }
}

@media (min-width:769px) {
    .tryItOn-user-functionality .arButtons button {
        font-size: 29px;
        margin: 15px 20px 11px
    }
}

@media (max-width:768.98px) {
    .tryItOn-user-functionality .arButtons button .icon {
        position: relative;
        top: 2px
    }
}

.tryItOn-user-functionality.hide {
    display: none
}

@media (min-width:769px) {
    .arTryOnBtnWrapper {
        width: 216px;
        position: absolute;
        right: 0;
        bottom: 37px;
        text-align: center
    }

    .arTryOnBtnWrapper.enable-marketing {
        bottom: 31px
    }
}

.arTryOnBtnWrapper .menuItems {
    display: none;
    background: #fff
}

@media (max-width:768.98px) {
    .arTryOnBtnWrapper .menuItems {
        position: absolute;
        width: 100%;
        box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09);
        z-index: 1;
        bottom: 17.5vw;
        left: 0
    }
}

.arTryOnBtnWrapper .menuItems button {
    letter-spacing: normal
}

.arTryOnBtnWrapper .menuItems button a {
    font-size: 2.125rem;
    color: #000;
    padding: 0;
    float: none;
    font-family: Arial, Medium, sans-serif;
    top: 0;
    right: 0
}

@media (max-width:750px) {
    .arTryOnBtnWrapper .menuItems button a {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .arTryOnBtnWrapper .menuItems button a {
        font-size: 18px
    }
}

.arTryOnBtnWrapper .menuItems button a:hover {
    color: #000;
    opacity: 1
}

.arTryOnBtnWrapper li {
    list-style: none
}

@media (min-width:1025px) {
    .arTryOnBtnWrapper li>button:hover {
        background: #f1f1f1
    }
}

.arTryOnBtnWrapper button {
    border: none;
    height: auto;
    font-size: 2.125rem;
    text-align: left;
    text-transform: none;
    font-family: Arial, Medium, sans-serif;
    display: inline-block;
    width: 100%
}

@media (max-width:750px) {
    .arTryOnBtnWrapper button {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media screen and (max-width:768px) {
    .arTryOnBtnWrapper button {
        padding: 3.86667vw 5.46667vw 3.46667vw
    }
}

@media (min-width:769px) {
    .arTryOnBtnWrapper button {
        padding: 15px 20px 14px;
        font-size: 18px
    }
}

.arTryOnBtnWrapper.openMenu {
    z-index: 3
}

@media (min-width:769px) {
    .arTryOnBtnWrapper.openMenu {
        box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09);
        background: #fff
    }
}

.arTryOnBtnWrapper.openMenu .menuItems {
    display: block
}

.arTryOnBtnWrapper.openMenu .triggerBtn {
    color: #c8102e
}

.arTryOnBtnWrapper .icon-plus-minus {
    position: relative;
    width: 2.66vw;
    height: 2.66vw;
    display: inline-block
}

@media (min-width:769px) {
    .arTryOnBtnWrapper .icon-plus-minus {
        width: 12px;
        height: 12px
    }
}

.arTryOnBtnWrapper .icon-plus-minus:after,
.arTryOnBtnWrapper .icon-plus-minus:before {
    content: "";
    position: absolute;
    background-color: #000
}

.arTryOnBtnWrapper .icon-plus-minus:before {
    top: 0;
    left: 50%;
    width: .53vw;
    margin-left: -.26vw;
    height: 100%
}

@media (min-width:769px) {
    .arTryOnBtnWrapper .icon-plus-minus:before {
        width: 2px;
        margin-left: -1px
    }
}

.arTryOnBtnWrapper .icon-plus-minus:after {
    top: 50%;
    left: 0;
    width: 100%;
    height: .53vw;
    margin-top: -.26vw
}

@media (min-width:769px) {
    .arTryOnBtnWrapper .icon-plus-minus:after {
        height: 2px;
        margin-top: -1px
    }
}

.arTryOnBtnWrapper .viewMode {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.arTryOnBtnWrapper .viewMode.open {
    background: #f1f1f1;
    border-bottom: 1px solid #ccc
}

.arTryOnBtnWrapper .viewMode.open .icon-plus-minus:before {
    display: none
}

.product-tryItOn-Btnwrapper {
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 30px
}

.img-comp-overlay {
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute
}

.img-comp-slider {
    z-index: 1;
    width: .54vw;
    position: absolute
}

@media (max-width:768.98px) {
    .img-comp-slider {
        background: 0 0;
        background: linear-gradient(to bottom, #fff 70%, transparent)
    }
}

@media (min-width:769px) {
    .img-comp-slider {
        width: 2px;
        height: 100%;
        background: #fff;
        max-height: calc(100% - 5vw)
    }
}

@media (min-width:1440px) {
    .img-comp-slider {
        max-height: calc(100% - 70px)
    }
}

.split-slider {
    bottom: 10%;
    height: 30px;
    left: -5.2vw;
    width: 10.66vw;
    font-weight: 700;
    position: absolute
}

@media (max-width:768.98px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .split-slider {
            bottom: 7%
        }
    }
}

@media (max-width:576px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .split-slider {
            bottom: 15%
        }
    }
}

@media (min-width:769px) {
    .split-slider {
        bottom: 50px;
        left: -2.8vw;
        width: 5.56vw
    }
}

@media (min-width:1440px) {
    .split-slider {
        left: -40px;
        width: 80px
    }
}

.split-slider i {
    color: #fff;
    font-size: 4vw;
    position: absolute
}

@media (min-width:769px) {
    .split-slider i {
        font-size: 15px
    }
}

@media (min-width:1440px) {
    .split-slider i {
        font-size: 28px
    }
}

.split-slider .left,
.split-slider .right {
    opacity: 0
}

.split-slider .left {
    left: 0
}

.split-slider .left.animating {
    animation: arrow-left 3.5s infinite;
    animation-iteration-count: 8;
    animation-delay: 1s
}

.split-slider .right {
    right: 0
}

.split-slider .right.animating {
    animation: arrow-right 3.5s infinite;
    animation-iteration-count: 8
}

.slider-drag-area {
    left: -30px;
    width: 60px;
    height: 100%;
    position: absolute;
    cursor: ew-resize
}

.multiView-seperator {
    display: none;
    height: 100%;
    left: calc(50% - 1px);
    border: 1px solid #fff;
    position: absolute
}

@media (min-width:769px) {
    .multiView-seperator {
        left: 50%
    }
}

.multiView-screen {
    width: 50%;
    height: 50%;
    float: left;
    position: relative;
    display: inline-block
}

.multiView-screen>span {
    left: -.5px;
    bottom: -1px;
    padding: 1.6vw 3%;
    position: absolute;
    visibility: hidden;
    text-align: center;
    background: #fff;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: calc(100% + 1px)
}

@media (min-width:769px) {
    .multiView-screen>span {
        left: -1px;
        width: calc(100% + 2px);
        padding: 10px 3px 10px 20px
    }
}

.multiView-screen .color-image {
    margin-right: 5px;
    display: inline-block
}

@media screen and (max-width:576px) {
    .multiView-screen .color-image {
        margin-left: 3px
    }
}

@media (min-width:769px) {
    .multiView-screen .color-image {
        margin-right: .7vw
    }
}

.multiView-screen .color-image.no-color {
    margin: 0 16px 0 11px
}

.multiView-screen .color-image.no-color .color-swatch {
    height: 3.2vw;
    position: relative
}

@media (min-width:769px) {
    .multiView-screen .color-image.no-color .color-swatch {
        height: 1.67vw
    }
}

@media (min-width:1440px) {
    .multiView-screen .color-image.no-color .color-swatch {
        height: 24px
    }
}

.multiView-screen .color-image.no-color .hexcode-unavailable {
    display: inline-block
}

.multiView-screen .color-image.no-color .hexcode-unavailable::before {
    display: none
}

.multiView-screen .color-image.no-color .no-color-text {
    top: 50%;
    left: 50%;
    width: 60px;
    font-size: 9px;
    position: absolute;
    text-align: center;
    display: inline-block;
    transform: translate(-50%, -50%)
}

@media screen and (max-width:576px) {
    .multiView-screen .color-image.no-color .no-color-text {
        font-size: 8px
    }
}

@media (max-width:768.98px) {
    .multiView-screen .color-image.no-color .no-color-text {
        white-space: nowrap
    }
}

@media (min-width:769px) {
    .multiView-screen .color-image.no-color .no-color-text .mobile {
        display: none
    }
}

@media (max-width:768.98px) {
    .multiView-screen .color-image.no-color .no-color-text .desktop {
        display: none
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .multiView-screen .color-image.no-color .no-color-text {
        letter-spacing: .3px
    }
}

.multiView-screen .color-swatch .light-colored .color-holder,
.multiView-screen .color-swatch .light-colored .hexcode-unavailable {
    border: 1px solid #888
}

.multiView-screen .color-swatch .color-holder,
.multiView-screen .color-swatch .hexcode-unavailable {
    display: block;
    border-radius: 50%;
    width: 3.2vw;
    height: 3.2vw;
    position: relative
}

@media (min-width:769px) {

    .multiView-screen .color-swatch .color-holder,
    .multiView-screen .color-swatch .hexcode-unavailable {
        width: 1.67vw;
        height: 1.67vw
    }
}

@media (min-width:1440px) {

    .multiView-screen .color-swatch .color-holder,
    .multiView-screen .color-swatch .hexcode-unavailable {
        width: 24px;
        height: 24px
    }
}

.multiView-screen .color-name {
    text-align: left;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: capitalize;
    overflow: hidden;
    height: 18px;
    display: block;
    padding-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width:750px) {
    .multiView-screen .color-name {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .multiView-screen .color-name {
        height: 4.42vw;
        padding-top: 1px
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    .multiView-screen .color-name {
        padding-top: 5px
    }
}

@media (max-width:576px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .multiView-screen .color-name {
            height: 5.2vw;
            padding-top: 3px
        }
    }
}

@media (min-width:769px) {
    .multiView-screen .color-name {
        font-size: 16px
    }

    @supports (-webkit-overflow-scrolling:touch) {
        .multiView-screen .color-name {
            height: 24px
        }
    }
}

@media (min-width:1025px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .multiView-screen .color-name {
            padding-top: 7px
        }
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .multiView-screen .color-name:not(.downloading) {
        height: 3.42vw;
        padding-top: 0
    }
}

.multiView-screen .select-overlay {
    z-index: 1;
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, .8)
}

.multiView-screen .select-overlay .icon,
.multiView-screen .select-overlay div {
    color: #fff
}

.multiView-screen .select-overlay .icon {
    font-size: 56px
}

@media screen and (max-width:576px) {
    .multiView-screen .select-overlay .icon {
        font-size: 7.47vw
    }
}

@media (min-width:769px) {
    .multiView-screen .select-overlay .icon {
        font-size: 32px
    }
}

.multiView-screen .select-overlay div {
    font-size: 1.5rem
}

@media (max-width:750px) {
    .multiView-screen .select-overlay div {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .multiView-screen .select-overlay div {
        font-size: 18px
    }
}

.multiView-screen.active {
    overflow: visible
}

.multiView-screen.active[screen='2'] .select-overlay,
.multiView-screen.active[screen='3'] .select-overlay {
    left: -1px
}

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

    .multiView-screen.active[screen='2'] .select-overlay,
    .multiView-screen.active[screen='3'] .select-overlay {
        top: -1px
    }
}

@media (max-width:768.98px) {

    .multiView-screen.active[screen='3'],
    .multiView-screen.active[screen='4'] {
        top: -1px
    }
}

.multiView-screen.active[screen='4'] .select-overlay,
.multiView-screen.active[screen='1'] .select-overlay {
    width: calc(100% + 1.6px)
}

.multiView-screen.active .select-overlay {
    z-index: 3;
    width: calc(100% + 1px);
    height: calc(100% + 3px);
    border: 4px solid #c8102e
}

@media (max-width:768.98px) {
    .multiView-screen.active .select-overlay {
        width: calc(100% + 1.5px)
    }
}

.multiView-screen.color-applied .select-overlay {
    background: 0 0
}

.multiView-screen.color-applied .select-overlay .icon,
.multiView-screen.color-applied .select-overlay div {
    display: none
}

.multiVideo-overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    visibility: hidden
}

@media (max-width:768.98px) {
    .multiVideo-overlay {
        border-bottom: 2px solid #ccc
    }
}

.multiVideo-overlay::after,
.multiVideo-overlay::before {
    z-index: 2;
    content: "";
    position: absolute;
    background: #fff;
    display: inline-block
}

.multiVideo-overlay::before {
    width: 100%;
    height: 2px;
    top: calc(50% - 1px)
}

.multiVideo-overlay::after {
    width: 2px;
    height: 100%;
    left: calc(50% - 1px)
}

@media (max-width:768.98px) {
    .multiVideo-overlay.remove-overlay {
        border-color: #fff
    }
}

.multiVideo-overlay.remove-overlay .select-overlay {
    z-index: -1;
    visibility: hidden
}

.hide-scrollbar {
    overflow: -moz-hidden-unscrollable;
    overflow: hidden
}

.hide-scrollbar .outputCanvas {
    width: 100%
}

.try-on-static {
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    display: none;
    min-height: 100vh;
    position: absolute;
    background-color: #fff
}

@media screen and (min-width:415px) and (max-width:749px) {
    .try-on-static {
        z-index: 1
    }
}

@media (min-width:769px) {
    .try-on-static {
        min-height: 700px;
        padding-top: 15px
    }
}

@media screen and (max-width:768px) {
    .loader-assest {
        padding: 0 10.66667vw
    }
}

.loader-assest .loader-assest-image {
    width: 20vw;
    height: 20vw
}

@media screen and (max-width:768px) {
    .loader-assest .loader-assest-image {
        margin: 18vw 0 14.26667vw
    }
}

@media (min-width:769px) {
    .loader-assest .loader-assest-image {
        width: 113px;
        height: 113px
    }
}

.loader-assest h2 {
    color: #000;
    text-transform: unset;
    font-size: 3.75rem
}

@media (max-width:750px) {
    .loader-assest h2 {
        font-size: calc(0.20355rem + 7.56576vw)
    }
}

@media screen and (max-width:768px) {
    .loader-assest h2 {
        padding: 0 13.33333vw 0 0
    }
}

@media (max-width:768.98px) {
    .loader-assest h2 {
        line-height: 1
    }
}

@media screen and (min-width:769px) {
    .loader-assest h2 {
        padding: 4.16667vw 0 0
    }
}

@media (min-width:1440px) {
    .loader-assest h2 {
        padding: 60px 0 0
    }
}

@media (min-width:769px) {
    .loader-assest h2 {
        font-size: 42px;
        letter-spacing: .84px
    }
}

@media (min-width:1440px) {
    .loader-assest h2 {
        padding-top: 48px
    }
}

.loader-assest p {
    color: #000;
    font-size: 1.5rem
}

@media (max-width:750px) {
    .loader-assest p {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .loader-assest p {
        padding: 2.26667vw 0 0
    }
}

@media (min-width:769px) {
    .loader-assest p {
        font-size: 18px;
        padding-top: 21px
    }
}

.loader-assest ol {
    font-family: Arial, Medium, sans-serif;
    font-size: 1.75rem
}

@media (max-width:750px) {
    .loader-assest ol {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media screen and (max-width:768px) {
    .loader-assest ol {
        padding: 6vw 0 0 4.4vw
    }
}

@media (min-width:769px) {
    .loader-assest ol {
        font-size: 24px;
        padding-top: 45px;
        padding-left: 25px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .loader-assest ol {
        padding-left: 31px
    }
}

@media screen and (max-width:768px) {
    .loader-assest ol li {
        padding: 0 0 4vw
    }
}

@media (min-width:769px) {
    .loader-assest ol li {
        padding-bottom: 23px
    }
}

.loader-assest ol li:last-of-type {
    padding-bottom: 0
}

@media not all and (min-resolution:.001dpcm) {
    @supports not (-webkit-overflow-scrolling:touch) {
        @supports (-webkit-appearance:none) {
            .loader-assest ol {
                padding-left: 32px
            }
        }
    }
}

.tryon-countdown {
    position: absolute;
    left: 0;
    bottom: 6vw;
    z-index: 8;
    text-align: center;
    color: #fff;
    width: inherit;
    font-weight: 500;
    font-family: Arial, Medium, sans-serif;
    display: none;
    text-shadow: 0 3px 7px rgba(0, 0, 0, .35);
    font-size: 8.75rem
}

@media (min-width:415px) and (max-width:736px) {
    .tryon-countdown {
        z-index: 2
    }
}

@media (max-width:750px) {
    .tryon-countdown {
        font-size: calc(0.20855rem + 18.22176vw)
    }
}

@media (min-width:769px) {
    .tryon-countdown {
        font-size: 6.25rem;
        bottom: 14px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tryon-countdown {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:1440px) {
    .tryon-countdown {
        font-size: 100px
    }
}

.tryon-countdown.show {
    display: block
}

.tryon-preview-controls {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
    background-color: #fff;
    display: none;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768.98px) {
    .tryon-preview-controls {
        position: fixed;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .tryon-preview-controls {
        padding: 7.06667vw 2.93333vw 6.26667vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .tryon-preview-controls {
        padding: 1.25vw 6.25vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .tryon-preview-controls {
        padding: 18px 90px
    }
}

@media (min-width:1440px) {
    .tryon-preview-controls {
        padding: 18px 90px
    }
}

.tryon-preview-controls.show {
    left: -2px;
    z-index: 5;
    bottom: -4px;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 2px)
}

@media (min-width:415px) and (max-width:736px) {
    .tryon-preview-controls.show {
        z-index: 2
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .tryon-preview-controls.show {
        left: -1px
    }
}

.tryon-preview-controls button {
    border: none;
    text-transform: unset;
    font-weight: 500;
    font-family: Arial, Medium, sans-serif;
    letter-spacing: 0;
    padding: 0;
    line-height: 1;
    font-size: 2.125rem
}

@media (max-width:750px) {
    .tryon-preview-controls button {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .tryon-preview-controls button {
        font-size: 18px
    }
}

.add-fav {
    display: block
}

.add-fav.hide,
.addall-fav,
.added-fav,
.addedall-fav {
    display: none
}

.addall-fav.show,
.added-fav.show,
.addedall-fav.show {
    display: block
}

.giaran-body .modal-overlay {
    z-index: 9999
}

@media (max-width:768.98px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .giaran-body {
            position: relative
        }

        .giaran-body:after {
            top: 0;
            left: 0;
            content: "";
            width: 100%;
            height: 100%;
            background: #fff;
            position: absolute;
            display: inline-block
        }

        .giaran-body .sticky-buy-mobile,
        .giaran-body .variant-dropdown {
            visibility: hidden
        }
    }
}

.product-tryiton-container .hexcode-unavailable {
    font-size: 0;
    display: block;
    border-radius: 50%;
    position: relative;
    background: #ccc
}

.product-tryiton-container .hexcode-unavailable::after {
    z-index: 1
}

.product-tryiton-container .hexcode-unavailable::before {
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 42px;
    height: 20px;
    color: #000;
    display: block;
    font-size: 9px;
    position: absolute;
    text-align: center;
    content: attr(data-content);
    transform: translate(-50%, -50%)
}

@media screen and (max-width:576px) {
    .product-tryiton-container .hexcode-unavailable::before {
        font-size: 8px
    }
}

@media (min-width:769px) {
    .product-tryiton-container .hexcode-unavailable::before {
        height: 18px;
        font-size: 7px
    }
}

@media (min-width:1440px) {
    .product-tryiton-container .hexcode-unavailable::before {
        height: 20px;
        font-size: 9px
    }
}

.product-tryiton-container .product-variations .swatches:not(.size) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:769px) {
    .product-tryiton-container .product-variations .swatches:not(.size) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x: hidden
    }
}

.product-tryiton-container .product-variations .swatches:not(.size)::-webkit-scrollbar {
    width: 0;
    display: none
}

.product-tryiton-container .product-variations .swatches:not(.size)::-webkit-scrollbar-track {
    display: none
}

.product-tryiton-container .product-variations .swatches:not(.size)::-webkit-scrollbar-thumb {
    display: none
}

.product-tryiton-container .product-variations .swatches:not(.size) .color-holder-svg {
    width: 24px;
    height: 24px;
    margin: 9px
}

.product-tryiton-container .product-variations .swatches:not(.size) .color-holder,
.product-tryiton-container .product-variations .swatches:not(.size) .hexcode-unavailable {
    margin: 9px;
    width: 7.84vw;
    height: 7.84vw;
    display: block;
    border-radius: 50%
}

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

    .product-tryiton-container .product-variations .swatches:not(.size) .color-holder,
    .product-tryiton-container .product-variations .swatches:not(.size) .hexcode-unavailable {
        width: 8.4vw;
        height: 8.4vw
    }
}

.product-tryiton-container .product-variations .swatches:not(.size) .hexcode-unavailable::after {
    z-index: 1
}

.product-tryiton-container .product-variations .swatches:not(.size) .hexcode-unavailable::before {
    z-index: 2;
    width: 42px;
    height: 20px
}

@media (max-width:768.98px) {
    .product-tryiton-container .product-variations .swatches:not(.size) .light-colored .color-holder {
        border: 1px solid #888
    }
}

.product-tryiton-container .product-variations .swatches:not(.size) .selectable .color-holder:after,
.product-tryiton-container .product-variations .swatches:not(.size) .unselectable .color-holder:after {
    z-index: 3
}

.product-tryiton-container .product-variations .swatches:not(.size) .selectable .color-holder,
.product-tryiton-container .product-variations .swatches:not(.size) .selectable .hexcode-unavailable,
.product-tryiton-container .product-variations .swatches:not(.size) .unselectable .color-holder,
.product-tryiton-container .product-variations .swatches:not(.size) .unselectable .hexcode-unavailable {
    position: relative
}

.product-tryiton-container .product-variations .swatches:not(.size) .selectable .color-holder:after,
.product-tryiton-container .product-variations .swatches:not(.size) .selectable .hexcode-unavailable:after,
.product-tryiton-container .product-variations .swatches:not(.size) .unselectable .color-holder:after,
.product-tryiton-container .product-variations .swatches:not(.size) .unselectable .hexcode-unavailable:after {
    width: 0;
    top: 50%;
    left: 50%;
    height: 0;
    content: "";
    border-radius: 50%;
    position: absolute;
    background-color: #fff;
    transform: translate(-50%, -50%);
    transition: width .14s ease-in, height .14s ease-in
}

@media (max-width:768.98px) {

    .product-tryiton-container .product-variations .swatches:not(.size) .selectable.light-colored .color-holder:after,
    .product-tryiton-container .product-variations .swatches:not(.size) .selectable.light-colored .hexcode-unavailable:after,
    .product-tryiton-container .product-variations .swatches:not(.size) .unselectable.light-colored .color-holder:after,
    .product-tryiton-container .product-variations .swatches:not(.size) .unselectable.light-colored .hexcode-unavailable:after {
        background-color: #888
    }
}

.product-tryiton-container .product-variations .swatches:not(.size) .selectable.selected .color-holder:after,
.product-tryiton-container .product-variations .swatches:not(.size) .selectable.selected .hexcode-unavailable:after,
.product-tryiton-container .product-variations .swatches:not(.size) .unselectable.selected .color-holder:after,
.product-tryiton-container .product-variations .swatches:not(.size) .unselectable.selected .hexcode-unavailable:after {
    width: 50%;
    height: 50%
}

@media (max-width:768.98px) {
    .product-tryiton-container .product-variations .swatches:not(.size) .owl-item.center .light-colored .color-holder {
        border: 1px solid #888
    }
}

.product-tryiton-container .product-variations .swatches:not(.size) .owl-item.center .color-holder,
.product-tryiton-container .product-variations .swatches:not(.size) .owl-item.center .hexcode-unavailable {
    width: 13.68vw;
    height: 13.68vw;
    margin: 9px 0 9px -12px
}

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

    .product-tryiton-container .product-variations .swatches:not(.size) .owl-item.center .color-holder,
    .product-tryiton-container .product-variations .swatches:not(.size) .owl-item.center .hexcode-unavailable {
        width: 13.4vw;
        height: 13.4vw;
        margin: 9px 0 9px -8px
    }
}

.homepage-container h3.text-left,
.pt_articles_listing h3.text-left {
    text-align: left;
    line-height: 24px;
    margin-bottom: 24px;
    letter-spacing: .8px;
    font-size: 1.875rem
}

@media (max-width:750px) {

    .homepage-container h3.text-left,
    .pt_articles_listing h3.text-left {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

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

    .homepage-container h3.text-left,
    .pt_articles_listing h3.text-left {
        margin-top: 16vw
    }
}

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

    .homepage-container h3.text-left,
    .pt_articles_listing h3.text-left {
        margin-top: 8.33333vw
    }
}

@media (min-width:1440px) {

    .homepage-container h3.text-left,
    .pt_articles_listing h3.text-left {
        margin-top: 120px
    }
}

@media (max-width:768.98px) {

    .homepage-container h3.text-left,
    .pt_articles_listing h3.text-left {
        margin-bottom: 15px
    }
}

.homepage-container h3.text-left span,
.pt_articles_listing h3.text-left span {
    color: #c8102e
}

.top-hero-section {
    position: relative
}

.top-hero-section .hero-chevron {
    display: block;
    position: absolute;
    text-align: center;
    width: 100px;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 5px
}

.top-hero-section .hero-chevron .chevron-icon {
    cursor: pointer;
    font-size: 16px;
    filter: drop-shadow(0 0 3px rgba(0, 0, 0, .7))
}

@media screen and (max-width:576px) {
    .top-hero-section .hero-chevron .chevron-icon {
        font-size: 11px
    }
}

.hero-chevron {
    display: none
}

#homepage-hero .slick-dots {
    text-align: right;
    padding-right: 10px
}

.country-selector-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.country-selector-container .ui-selectmenu-button.ui-button {
    border: none;
    height: auto;
    float: left;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding: 0 45px 0 0;
    color: #666;
    vertical-align: middle;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768.98px) {
    .country-selector-container .ui-selectmenu-button.ui-button {
        padding-right: 8vw
    }
}

.country-selector-container .ui-selectmenu-button.ui-button .ui-icon {
    top: 65%;
    text-indent: 0;
    font-size: .7em;
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.country-selector-container .ui-selectmenu-button.ui-button .ui-icon:before {
    content: "\e04a"
}

@media (min-width:480px) and (max-width:768px) {
    .country-selector-container .ui-selectmenu-button.ui-button .ui-icon {
        top: 50%
    }
}

.country-selector-footer .ui-selectmenu-button.ui-button {
    border: 2px solid #fff;
    padding: 11px 45px 9px 20px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    font-size: 1.75rem;
    letter-spacing: 1.4px
}

@media screen and (max-width:768px) {
    .country-selector-footer .ui-selectmenu-button.ui-button {
        padding: 2.26667vw 6.66667vw 2.26667vw 2.13333vw
    }
}

@media (max-width:750px) {
    .country-selector-footer .ui-selectmenu-button.ui-button {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .country-selector-footer .ui-selectmenu-button.ui-button {
        line-height: 1;
        font-size: 1.125rem;
        letter-spacing: .9px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .country-selector-footer .ui-selectmenu-button.ui-button {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.country-selector-footer .ui-selectmenu-button.ui-button .ui-selectmenu-text {
    line-height: 1
}

.country-selector-footer .ui-selectmenu-button.ui-button .ui-icon {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    margin: 0;
    font-size: .8125rem;
    top: 3.2VW;
    right: 1.8VW
}

.country-selector-footer .ui-selectmenu-button.ui-button .ui-icon:before {
    content: "\e01b"
}

@media (max-width:750px) {
    .country-selector-footer .ui-selectmenu-button.ui-button .ui-icon {
        font-size: calc(0.20061rem + 1.30536vw)
    }
}

@media (min-width:769px) {
    .country-selector-footer .ui-selectmenu-button.ui-button .ui-icon {
        font-size: .5em;
        right: 12px;
        top: 15px
    }
}

.country-selector-footer .ui-selectmenu-button.ui-selectmenu-button-open .ui-icon {
    top: 2.85VW;
    transform: rotate(180deg)
}

@media (min-width:769px) {
    .country-selector-footer .ui-selectmenu-button.ui-selectmenu-button-open .ui-icon {
        top: 12px
    }
}

@media (min-width:769px) {
    .country-selector-footer {
        margin-left: 6.25%;
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }
}

@media (max-width:768.98px) {
    .country-selector-footer .select-parent {
        z-index: 1
    }
}

.pt_storefront .btn.primary-link1 {
    padding-bottom: 2vw
}

@media (min-width:769px) {
    .pt_storefront .btn.primary-link1 {
        padding-bottom: 15px
    }
}

@media (max-width:768.98px) {
    .country-selector-container form {
        display: inline-block;
        position: relative
    }
}

@media (max-width:768.98px) {
    html.filter-open {
        height: 100%;
        overflow: hidden;
        position: relative
    }

    html.filter-open body {
        width: 100%;
        height: 100%;
        overflow: auto;
        position: relative
    }
}

.toolbar-wrapper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    margin: 14px 0 17px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:769px) {
    .toolbar-wrapper {
        margin-left: 6.25%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-bottom: 26px;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .sorting-result-wrapper {
        text-align: right
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-grid-view-wrapper {
        width: 70%
    }
}

.toolbar-wrapper .sorting-wrapper {
    min-height: 21px;
    margin-bottom: 30px
}

@media (min-width:769px) {
    .toolbar-wrapper .sorting-wrapper {
        top: -5px;
        min-height: 45px;
        position: relative
    }
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-button {
    border: 0;
    padding: 0;
    height: auto
}

@media (min-width:576px) and (max-width:768px) {
    .toolbar-wrapper .sorting-wrapper .ui-selectmenu-button {
        vertical-align: top
    }
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-button.ui-selectmenu-button-open {
    z-index: 99;
    background: #fff
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-text::after {
    border-top: none;
    border-bottom: 5px solid #262626
}

@media (min-width:769px) {
    .toolbar-wrapper .sorting-wrapper .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-text::after {
        border-width: 4px
    }
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 14px;
    position: relative;
    padding-right: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626
}

@media (min-width:769px) {
    .toolbar-wrapper .sorting-wrapper .ui-selectmenu-button .ui-selectmenu-text {
        font-size: 16px;
        padding: 13px 18px 13px 0
    }
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-button .ui-selectmenu-text::after {
    top: 50%;
    right: 0;
    content: '';
    position: absolute;
    transform: translate(0, -50%);
    border-top: 5px solid #262626;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

@media (min-width:769px) {
    .toolbar-wrapper .sorting-wrapper .ui-selectmenu-button .ui-selectmenu-text::after {
        border-width: 4px
    }
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-open {
    max-height: none;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    border: 1px solid #666
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-open ul.ui-menu {
    padding: 18px 16px
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-menu .ui-menu-item-wrapper {
    padding: 0;
    font-size: 14px;
    line-height: 14px;
    color: #414141
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-menu .ui-menu {
    max-height: none
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-menu .ui-menu .ui-menu .ui-state-focus,
.toolbar-wrapper .sorting-wrapper .ui-selectmenu-menu .ui-menu .ui-state-active {
    background: 0 0
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-menu .ui-menu .ui-menu-item {
    border-bottom: 1px solid #f1f1f1;
    padding: 8px 0
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-menu .ui-menu .ui-menu-item:first-of-type {
    padding-top: 0
}

.toolbar-wrapper .sorting-wrapper .ui-selectmenu-menu .ui-menu .ui-menu-item:last-of-type {
    border: none;
    padding-bottom: 0
}

.toolbar-wrapper .devider {
    top: 36px;
    margin: 0;
    height: 1px;
    position: absolute;
    width: calc(100% - 20px);
    background: #ccc
}

@media (max-width:768.98px) {
    .toolbar-wrapper .devider {
        left: 10px
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .devider {
        top: 51px
    }
}

.toolbar-wrapper .page-count {
    font-size: 14px;
    font-family: Arial, sans-serif;
    color: #262626
}

@media (min-width:769px) {
    .toolbar-wrapper .page-count {
        margin-left: auto
    }
}

.toolbar-wrapper .page-count span {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-wrapper {
        margin-bottom: 35px
    }
}

.toolbar-wrapper .filter-link {
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-link {
        right: -8px
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-link {
        display: none
    }
}

.toolbar-wrapper .filter-link.filter-applied::before {
    top: 50%;
    left: -30px;
    width: 22px;
    height: 22px;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    padding-top: 2px;
    border-radius: 50%;
    position: absolute;
    color: #FAF9F9;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #414141;
    transform: translate(0, -50%);
    content: attr(data-filtercount)
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-link span {
        top: 0;
        position: relative
    }
}

.toolbar-wrapper .icon-filter {
    width: 14px;
    height: 20px;
    font-size: 28px;
    margin-left: 6px;
    display: inline-block
}

@media (max-width:768.98px) {
    .toolbar-wrapper .icon-filter {
        height: auto;
        font-size: 12px
    }
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-contents {
        top: 0;
        width: 82%;
        height: 100%;
        right: -100%;
        z-index: 1004;
        position: fixed;
        transition: right 500ms
    }

    .toolbar-wrapper .filter-contents.active {
        right: 0
    }
}

@media (max-width:768.98px) and (max-width:768.98px) {
    .toolbar-wrapper .filter-contents.active+.filter-overlay {
        display: block
    }
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-contents.non-transition {
        transition: none
    }
}

.toolbar-wrapper .filter-contents .filters {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-contents .filters {
        right: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        float: right;
        position: absolute;
        background: #fff;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-contents .filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.toolbar-wrapper .filter-overlay {
    top: 50%;
    left: 50%;
    opacity: .7;
    width: 100%;
    height: 100%;
    z-index: 1003;
    display: none;
    position: fixed;
    background: #000;
    transform: translate(-50%, -50%)
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-overlay {
        display: none
    }
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-dropdown-wrapper {
        height: 100%;
        display: -ms-flexbox;
        display: flex;
        overflow-y: auto;
        overflow-x: hidden;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.toolbar-wrapper .filter-dropdowns {
    list-style-type: none
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-dropdowns {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px
    }
}

.toolbar-wrapper .filter-dropdowns .level-1 {
    padding: 0 8px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: uppercase
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-dropdowns .level-1 {
        border-bottom: 1px solid #ccc
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-dropdowns .level-1 {
        font-size: 16px;
        padding: 9px 0 13px;
        cursor: pointer;
        margin-right: 12px;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #414141;
        text-transform: none
    }
}

.toolbar-wrapper .filter-dropdowns .level-1.back-link {
    display: -ms-flexbox;
    display: flex;
    padding: 12px 8px;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    letter-spacing: 1px;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FAF9F9;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-dropdowns .level-1.back-link {
        display: none
    }
}

.toolbar-wrapper .filter-dropdowns .level-1.back-link .icon {
    left: 20px;
    font-size: 10px;
    position: absolute
}

.toolbar-wrapper .filter-dropdowns .level-1.open .filter-heading::after {
    border-top: none;
    border-bottom: 5px solid #262626
}

.toolbar-wrapper .filter-dropdowns .level-1.open .filter-options-wrapper {
    display: block
}

.toolbar-wrapper .filter-dropdowns .filter-options-wrapper {
    display: none
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-dropdowns .filter-options-wrapper {
        top: 55px;
        z-index: 11;
        max-width: 250px;
        max-height: 242px;
        width: -moz-max-content;
        width: max-content;
        position: absolute;
        background: #fff;
        overflow-x: hidden;
        overflow-y: scroll;
        border: 1px solid #888;
        box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .toolbar-wrapper .filter-dropdowns .filter-options-wrapper::-webkit-scrollbar {
        width: 0
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .toolbar-wrapper .filter-dropdowns .filter-options-wrapper {
            width: auto
        }
    }
}

.toolbar-wrapper .filter-heading {
    z-index: 1;
    position: relative;
    padding: 14px 30px 14px 9px
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-heading {
        line-height: 1;
        font-size: 12px
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-heading {
        padding: 0 28px 0 0
    }
}

.toolbar-wrapper .filter-heading::after {
    top: 50%;
    right: 12px;
    content: '';
    position: absolute;
    transform: translate(0, -50%);
    border-top: 5px solid #262626;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-heading::after {
        border-width: 4px
    }
}

.toolbar-wrapper .filter-heading.bold {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

.toolbar-wrapper .filter-options-wrapper {
    margin-top: -12px;
    list-style-type: none
}

.toolbar-wrapper .filter-option {
    font-size: 14px;
    position: relative;
    padding: 16px 11px 14px 32px;
    border-bottom: 1px solid #f1f1f1;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-option {
        position: relative;
        border-bottom: none;
        padding: 14px 16px 9px 40px
    }

    .toolbar-wrapper .filter-option::after {
        bottom: 0;
        left: 16px;
        content: '';
        height: 1px;
        position: absolute;
        display: inline-block;
        background: #f1f1f1;
        width: calc(100% - 32px)
    }
}

.toolbar-wrapper .filter-option:last-child {
    border-bottom: none
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-option:last-child::after {
        display: none
    }
}

.toolbar-wrapper .filter-option .icon {
    top: 16px;
    left: 8px;
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 1px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #888
}

.toolbar-wrapper .filter-option .icon::before {
    display: none
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-option .icon {
        top: 14px;
        left: 16px
    }
}

.toolbar-wrapper .filter-option:hover .icon {
    border: 2px solid #262626
}

.toolbar-wrapper .filter-option.selected .icon {
    color: #fff;
    font-size: 10px;
    background: #262626
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-option.selected .icon {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.toolbar-wrapper .filter-option.selected .icon::before {
    display: block
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-option.selected .icon::before {
        left: 50%;
        height: 12px;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .toolbar-wrapper .filter-option.selected .icon::before {
            top: calc(50% - 1px)
        }
    }
}

.toolbar-wrapper .filter-option.selected.disabled .icon {
    background: #f1f1f1
}

.toolbar-wrapper .filter-option.disabled {
    cursor: auto;
    color: #ccc
}

.toolbar-wrapper .filter-option.disabled .icon,
.toolbar-wrapper .filter-option.disabled:hover .icon {
    border: 1px solid #f1f1f1
}

@media (min-width:769px) {
    .toolbar-wrapper .selected-refinements {
        display: -ms-flexbox;
        display: flex
    }
}

.toolbar-wrapper .selected-refinements .seected-refinements-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
    padding: 15px 10px 4px 8px
}

@media (min-width:769px) {
    .toolbar-wrapper .selected-refinements .seected-refinements-list {
        padding: 0
    }
}

.toolbar-wrapper .selected-refinements .refinement {
    cursor: pointer;
    font-size: 14px;
    margin: 0 4px 11px;
    position: relative;
    background: #f1f1f1;
    border: 1px solid #fff;
    padding: 6px 30px 6px 8px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

@media (max-width:768.98px) {
    .toolbar-wrapper .selected-refinements .refinement {
        line-height: 1
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .selected-refinements .refinement {
        padding: 4px 8px;
        margin: 0 16px 5px 0
    }

    .toolbar-wrapper .selected-refinements .refinement:first-child {
        margin-left: 0
    }

    .toolbar-wrapper .selected-refinements .refinement:last-child {
        margin-right: 0
    }
}

.toolbar-wrapper .selected-refinements .refinement:hover {
    border: 1px solid #666
}

.toolbar-wrapper .selected-refinements .refinement .icon {
    height: 12px;
    font-size: 11px;
    margin-left: 10px;
    display: inline-block
}

@media (max-width:768.98px) {
    .toolbar-wrapper .selected-refinements .refinement .icon {
        top: 50%;
        right: 9px;
        position: absolute;
        transform: translate(0, -50%)
    }
}

.toolbar-wrapper .selected-refinements .refinement.disabled {
    color: #c4c4c4;
    pointer-events: none
}

.toolbar-wrapper .selected-refinements .refinement.disabled:hover {
    border: 0
}

.toolbar-wrapper .selected-refinements .clear-all-filter,
.toolbar-wrapper .selected-refinements .clear-all-filter.hide {
    display: none
}

@media (min-width:769px) {
    .toolbar-wrapper .selected-refinements .clear-all-filter {
        display: block;
        margin-left: 16px
    }

    .toolbar-wrapper .selected-refinements .clear-all-filter a {
        font-size: 14px;
        white-space: nowrap;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #666
    }
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-utility {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 11px 8px 16px;
        background: #FAF9F9;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #ccc
    }
}

.toolbar-wrapper .filter-utility .search-hit-count {
    width: 100%;
    font-size: 12px;
    text-align: center;
    margin-bottom: 11px;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: uppercase
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-utility .search-hit-count {
        display: none
    }
}

.toolbar-wrapper .filter-utility .search-hit-count span {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.toolbar-wrapper .filter-utility .apply-filters,
.toolbar-wrapper .filter-utility .clear-all-container {
    width: calc(50% - 3px)
}

.toolbar-wrapper .filter-utility .apply-filters,
.toolbar-wrapper .filter-utility .clear-all-container .btn {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    min-width: auto;
    letter-spacing: 1px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-utility .clear-all-container {
        display: none
    }
}

.toolbar-wrapper .filter-utility .clear-all-container .btn {
    color: #000;
    background-color: transparent
}

.toolbar-wrapper .filter-utility .clear-all-container .btn:hover {
    opacity: 1;
    border-color: #262626
}

@media (max-width:768.98px) {
    .toolbar-wrapper .filter-utility .clear-all-container .btn span {
        display: none
    }
}

.toolbar-wrapper .filter-utility .clear-all-container.disabled .btn {
    color: #666;
    pointer-events: none;
    border-color: #666
}

@media (min-width:769px) {
    .toolbar-wrapper .filter-utility .apply-filters {
        display: none
    }
}

@media (min-width:769px) {
    .toolbar-wrapper .grid-switch-wrapper {
        display: none
    }
}

.toolbar-wrapper .grid-switch-wrapper button.view-switcher {
    border: 0;
    padding: 2.5px 6px;
    font-size: 15px
}

.toolbar-wrapper .grid-switch-wrapper button.view-switcher i {
    color: #888
}

.toolbar-wrapper .grid-switch-wrapper button.view-switcher .icon-listview::before {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    border: 2px solid #888;
    border-radius: 2px
}

.toolbar-wrapper .grid-switch-wrapper button.view-switcher#grid-view {
    padding-right: 0;
    padding-left: 12px;
    border-left: 1px solid #888
}

.toolbar-wrapper .grid-switch-wrapper button.view-switcher.active-view .icon-gridview::before,
.toolbar-wrapper .grid-switch-wrapper button.view-switcher.active-view .icon-listview::before {
    border-color: #262626;
    color: #262626
}

@media (min-width:769px) {

    .toolbar-wrapper.content-filter .filter-heading::before,
    .toolbar-wrapper.search-filter .filter-heading::before {
        left: 0;
        content: '';
        height: 2px;
        bottom: -4px;
        position: absolute;
        display: inline-block;
        background: #414141;
        width: calc(100% - 26px)
    }
}

@media (max-width:768.98px) {
    .toolbar-wrapper.content-filter {
        margin-bottom: 20px
    }
}

.toolbar-wrapper.content-filter .sorting-result-wrapper {
    margin-top: 53px
}

@media (min-width:769px) {
    .toolbar-wrapper.content-filter .sorting-result-wrapper {
        margin-top: 80px
    }
}

@media (min-width:769px) {
    .toolbar-wrapper.content-filter .devider {
        top: 56px
    }
}

@media (max-width:768.98px) {
    .toolbar-wrapper.content-filter .filter-wrapper {
        width: 100%
    }
}

.toolbar-wrapper.content-filter .filter-link {
    float: right
}

.search-result-items {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:1023.98px) {
    .search-result-items {
        padding: 0
    }
}

@media (min-width:769px) {
    .search-result-items {
        position: relative;
        display: inline-block;
        width: calc(100% + 20px);
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.search-result-items .full-width-content {
    width: 95%
}

.search-result-items .product-grid {
    width: 50%;
    max-width: 320px;
    float: left;
    padding: 0 10px;
    margin-bottom: 8VW;
    position: relative
}

@media (min-width:769px) {
    .search-result-items .product-grid {
        float: left;
        width: 33.33%;
        margin-bottom: 60px
    }
}

.search-result-items .product-grid.double-tile-content {
    width: 100%
}

@media (min-width:769px) {
    .search-result-items .product-grid.double-tile-content {
        width: 66.66%
    }
}

.product-listing .ui-selectmenu-menu .ui-menu {
    min-width: 184px;
    border: 0;
    background: #fff;
    box-shadow: 0 9px 16.6px 1.4px rgba(0, 0, 0, .09)
}

@media (min-width:769px) {
    .product-listing .ui-selectmenu-menu .ui-menu {
        max-height: 259px
    }
}

@media (max-width:768.98px) {
    .product-listing .ui-selectmenu-menu .ui-menu {
        max-height: 140px
    }
}

.product-listing .ui-selectmenu-menu .ui-menu .ui-menu-item {
    padding: 0
}

.product-listing .ui-selectmenu-menu .ui-menu-item-wrapper {
    font-size: 1.125rem;
    padding: 10px 25px;
    text-align: left
}

@media (max-width:750px) {
    .product-listing .ui-selectmenu-menu .ui-menu-item-wrapper {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.product-listing .ui-selectmenu-menu .ui-menu-item-wrapper.ui-state-active {
    background: #f1f1f1
}

.product-listing .pagination-buttons {
    width: 100%;
    margin: 13vw 0;
    text-align: center;
    display: inline-block
}

@media (min-width:769px) {
    .product-listing .pagination-buttons {
        margin: 4.51vw 0 8.33vw
    }
}

@media (min-width:1440px) {
    .product-listing .pagination-buttons {
        margin: 65px 0 120px
    }
}

.product-listing .pagination-buttons a,
.product-listing .pagination-buttons button {
    margin: 0 8px
}

.product-listing .pagination-buttons button {
    cursor: pointer
}

.product-listing .pagination-buttons a {
    font-size: 14px;
    padding: 18px;
    text-transform: uppercase
}

@media (min-width:769px) {
    .product-listing .pagination-buttons a {
        font-size: 18px;
        padding: 18px 40px
    }
}

.product-listing .pagination-buttons a.button {
    display: inline-block;
    vertical-align: top
}

@media (min-width:769px) {
    .product-listing .pagination-buttons a.button {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.product-listing .grouping-cat-form,
.product-listing .grouping-cat-sibling-form {
    display: inline
}

.cat-grouping-container {
    background: #000;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media screen and (min-width:769px) and (min-width:769px) {
    .cat-grouping-container {
        padding: 3.19444vw 0 7.5vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .cat-grouping-container {
        padding: 46px 0 108px
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .cat-grouping-container {
        padding: 5.6vw 0 13.73333vw
    }
}

.cat-grouping-container .cat-grouping-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    margin: 0 auto;
    padding: 0 8vw;
    font-size: 1.125rem;
    color: #ccc;
    text-align: center
}

@media (max-width:750px) {
    .cat-grouping-container .cat-grouping-wrapper {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.cat-grouping-container .cat-grouping-wrapper .cat-grouping-content {
    font-size: 2.25rem;
    line-height: 2.2
}

@media (max-width:750px) {
    .cat-grouping-container .cat-grouping-wrapper .cat-grouping-content {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media (max-width:768.98px) {
    .cat-grouping-container .cat-grouping-wrapper .cat-grouping-content {
        line-height: 7vw;
        font-size: 1.8rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .cat-grouping-container .cat-grouping-wrapper .cat-grouping-content {
        font-size: calc(0.2016rem + 3.40992vw)
    }
}

.cat-grouping-container .cat-grouping-wrapper .cat-grouping-content select {
    width: auto
}

@media (max-width:768.98px) {
    .cat-grouping-container .cat-grouping-wrapper .cat-grouping-content select {
        width: 100%;
        display: inline-block !important
    }
}

.cat-grouping-container .cat-grouping-wrapper .cat-grouping-content .grouping-msg-for:before {
    white-space: pre;
    content: '\a'
}

.cat-grouping-container .cat-grouping-wrapper .parent-cat-name {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .cat-grouping-container .cat-grouping-wrapper .parent-cat-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-button {
    height: auto;
    width: auto;
    border: 0;
    padding: 0;
    margin: 0 8px;
    overflow: visible;
    vertical-align: baseline
}

.cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-button span.ui-icon {
    width: 20px;
    height: 10px;
    right: 0;
    margin-top: -5px
}

@media (min-width:769px) {
    .cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-button span.ui-icon {
        top: 15px;
        padding-bottom: 12px;
        margin-top: 0
    }
}

.cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-button span.ui-icon::before,
.cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-button span.ui-icon:after {
    position: absolute;
    overflow: hidden;
    display: inline-block;
    width: 13px;
    height: 4px;
    bottom: 3px;
    content: '';
    background-color: #fff;
    transform: rotate(45deg);
    right: 7px
}

.cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-button span.ui-icon:after {
    transform: rotate(-45deg);
    bottom: 3px;
    right: 0
}

.cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-size: 2.25rem;
    position: relative;
    overflow: visible;
    margin-right: 34px
}

@media (max-width:750px) {
    .cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media (max-width:768.98px) {
    .cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text {
        line-height: 1.5;
        white-space: inherit;
        font-size: 1.8rem;
        display: inline-block
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text {
        font-size: calc(0.2016rem + 3.40992vw)
    }
}

.cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text:after {
    content: '';
    display: block;
    height: 8px;
    background: #c8102e;
    width: 100%;
    position: absolute;
    bottom: -14px;
    left: 0
}

@media (max-width:768.98px) {
    .cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text:after {
        bottom: -5px
    }
}

@media screen and (max-width:576px) {
    .cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text:after {
        bottom: 0
    }
}

@media (max-width:1023.98px) {
    .cat-grouping-container .cat-grouping-wrapper .ui-selectmenu-text:after {
        height: 1VW
    }
}

.cat-grouping-container .cat-grouping-wrapper .description {
    line-height: 1.3rem
}

@media (min-width:769px) {
    .cat-grouping-container .cat-grouping-wrapper .description {
        margin-top: 36px
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .cat-grouping-container .cat-grouping-wrapper .description {
        margin-top: 4.8vw
    }
}

.cat-grouping-container .texture-img {
    position: absolute;
    bottom: -47px;
    left: 50%;
    margin: 0 0 0 -67px;
    z-index: 1
}

.cat-grouping-container .texture-img>img {
    height: 100%;
    width: auto
}

@media (max-width:768.98px) {
    .category-container.category-landing {
        margin-bottom: 4.8vw
    }
}

@media (max-width:768.98px) {
    .category-container .cat-grouping-container .texture-img {
        bottom: -55px
    }
}

.category-container .banner-cta.primary {
    display: inline-block;
    position: absolute;
    z-index: 999
}

@media (min-width:769px) {
    .category-container .banner-cta {
        left: 48.5%;
        top: 68.5%
    }
}

@media (max-width:768.98px) {
    .category-container .banner-cta {
        left: 10%;
        top: 85%
    }
}

.category-container .category-hero .slick-slide {
    position: relative
}

.category-container .category-hero .hero-slide img {
    margin: 0 auto;
    display: block
}

.category-container .category-hero .slick-dots>li:only-of-type {
    display: none
}

.category-container.category-landing .slick-dots {
    position: absolute;
    bottom: 2vw
}

.category-container.category-landing .slick-dots li {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: 0 0;
    list-style: none;
    border-radius: 7.5px;
    margin: 0 5px;
    border: 2px solid #ccc
}

@media only screen and (min-device-width:320px) and (max-device-width:568px) {
    .category-container.category-landing .slick-dots li {
        width: 10px;
        height: 10px
    }
}

.category-container.category-landing .slick-dots li.slick-active {
    background: #000;
    border-color: #000
}

.exclusive-top-content>div {
    margin-top: -6.5vw
}

@media (min-width:769px) {
    .exclusive-top-content>div {
        margin-top: -70px
    }
}

@media (min-width:769px) {
    .exclusive .pagination-buttons {
        margin-top: 0
    }
}

.exclusive-items {
    position: relative
}

@media (max-width:768.98px) {
    .exclusive-items {
        padding-top: 16vw
    }
}

@media (min-width:769px) {
    .exclusive-items {
        padding-top: 2.2vw;
        margin-bottom: 150px
    }
}

@media (min-width:1440px) {
    .exclusive-items {
        padding-top: 36.5px
    }
}

.exclusive-items .category-bg-texture,
.exclusive-items .category-header-bg {
    z-index: -1;
    position: absolute
}

.exclusive-items .category-header-bg {
    top: 0
}

@media (max-width:768.98px) {
    .exclusive-items .category-header-bg {
        width: 37%;
        left: -10px
    }
}

@media (min-width:769px) {
    .exclusive-items .category-header-bg {
        left: 10px;
        top: -40px;
        width: 24%
    }
}

@media (min-width:1440px) {
    .exclusive-items .category-header-bg {
        left: calc((1460px - 100vw)/2)
    }
}

.exclusive-items .category-bg-texture {
    bottom: 0;
    text-align: right
}

@media (max-width:768.98px) {
    .exclusive-items .category-bg-texture {
        width: 50%;
        right: -10px
    }
}

@media (min-width:769px) {
    .exclusive-items .category-bg-texture {
        right: 10px;
        width: 35%;
        bottom: -150px
    }
}

@media (min-width:1440px) {
    .exclusive-items .category-bg-texture {
        right: calc((1460px - 100vw)/2)
    }
}

@media (max-width:768.98px) {
    .exclusive-top-content.full-width-content {
        left: -20px;
        position: relative;
        display: inline-block;
        width: calc(100% + 40px)
    }
}

.search-result-items .product-grid.renderbottommotiveimage::after,
.search-result-items .product-grid.rendertopmotiveimage::after {
    border-bottom: none
}

@media (max-width:768.98px) {
    .search-result-items .product-grid.rendertopmotiveimage+div.product-grid:after {
        left: calc(10px + 2.7vw);
        width: calc(100% - (20px + 2.7vw))
    }
}

@media (min-width:769px) {
    .search-result-items .product-grid.rendertopmotiveimage+div.product-grid:after {
        left: 30px
    }
}

@media (max-width:768.98px) {
    .search-result-items .product-grid.renderbottommotiveimage .product-tile-outer {
        min-height: 52.54vw
    }
}

@media (min-width:769px) {
    .search-result-items .product-grid.renderbottommotiveimage .product-tile-outer {
        min-height: 416px
    }
}

.cat-slot-banner-plp {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:769px) {
    .cat-slot-banner-plp {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.search-result-wrapper {
    padding: 0
}

.search-result-wrapper .product-grids-container .search-result-items {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 5px
}

@media (min-width:769px) {
    .search-result-wrapper .product-grids-container .search-result-items {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

@media (min-width:601px) {
    .search-result-wrapper .product-grids-container .search-result-items {
        padding: 0 20px
    }
}

@media (min-width:769px) {
    .search-result-wrapper .product-grids-container .search-result-items {
        padding: 0
    }
}

.search-result-wrapper .product-grids-container .search-result-items .product-grid {
    width: 50%;
    max-width: 320px;
    margin: 16px 0;
    padding: 0 5px
}

@media (min-width:601px) {
    .search-result-wrapper .product-grids-container .search-result-items .product-grid {
        width: 25%
    }
}

@media (min-width:769px) {
    .search-result-wrapper .product-grids-container .search-result-items .product-grid {
        width: 33.33%
    }
}

@media (min-width:1024px) {
    .search-result-wrapper .product-grids-container .search-result-items .product-grid {
        width: 25%
    }
}

.search-result-wrapper .product-grids-container .search-result-items::after {
    content: "";
    -ms-flex: auto;
    flex: auto
}

.search-result-wrapper .product-grids-container .search-result-items.list-view .product-grid {
    width: 100%
}

@media (min-width:601px) {
    .search-result-wrapper .product-grids-container .search-result-items.list-view .product-grid {
        width: 50%
    }
}

@media (min-width:769px) {
    .search-result-wrapper .product-grids-container .search-result-items.list-view .product-grid {
        width: 33.33%
    }
}

@media (min-width:1024px) {
    .search-result-wrapper .product-grids-container .search-result-items.list-view .product-grid {
        width: 25%
    }
}

.last-tile {
    margin-right: auto !important
}

.rv-section .product-tile .product-brand,
.rv-section .product-tile .product-name {
    color: #000
}

.rv-section .product-tile .product-name:hover {
    color: #c8102e
}

.tutorial-bg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pdp-main {
    position: relative
}

.pdp-main .ajax-loader {
    opacity: .95;
    position: absolute
}

.pdp-main .product-detail .ui-selectmenu-button {
    padding: 5px;
    height: 50px;
    border: none;
    font-size: 14px
}

.pdp-main .product-detail .product-tile .ui-selectmenu-button {
    padding: 0
}

@media (min-width:601px) {
    .pdp-main .product-detail .product-tile .ui-selectmenu-button {
        top: 3.5px
    }
}

@media (min-width:769px) {
    .pdp-main .product-detail .product-tile .ui-selectmenu-button {
        top: 1.5px
    }
}

@media screen and (max-width:768px) {
    .pdp-main .product-content {
        margin-bottom: 30.66667vw
    }
}

@media (min-width:769px) {
    .pdp-main .product-content {
        margin: 66px 0 53px
    }
}

.pdp-main .product-content .socialsharing {
    right: 5.8%;
    top: -87px
}

@media (max-width:768.98px) {
    .pdp-main .product-content .socialsharing {
        display: none
    }
}

.pdp-main .product-content .socialsharing .share-icons .share-icon {
    color: #888;
    margin: 0 8px
}

.pdp-main .product-content .socialsharing .share-icons .share-icon .icon-facebook {
    font-size: 1.3rem
}

.pdp-main .product-content .socialsharing .share-icons .share-icon:hover {
    opacity: 1;
    color: #666
}

.pdp-main .socialsharing.active .social-modal-close-outer {
    z-index: 998
}

.pdp-main .social-modal {
    z-index: 999
}

.pdp-text-block .callout.alert,
.pdp-text-block .pre-text {
    margin-bottom: 5px
}

.pdp-text-block .pre-text {
    font-size: 16px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #c8102e
}

@media (min-width:769px) {
    .pdp-text-block .pre-text {
        font-size: 14px
    }
}

.pdp-text-block .callout.alert {
    font-size: 14px;
    font-family: Arial, sans-serif;
    margin-bottom: 5px;
    color: #c8102e;
    display: inline-block;
    margin-top: 10px
}

.product-image-container {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    min-height: 102vw
}

@media (max-width:768.98px) {
    .product-image-container {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .product-image-container {
        margin-top: 5.33333vw
    }
}

@media (min-width:769px) {
    .product-image-container {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
        margin-left: 6.25%;
        padding-left: 0;
        min-height: 1px;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }
}

.product-image-container .product-actions {
    float: left;
    width: 100%;
    clear: both
}

@media (min-width:769px) {
    .product-image-container .product-actions {
        width: 96.5%;
        margin: 0 0 15px auto;
        float: none
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-image-container .product-actions {
        width: 95.5%
    }
}

@media screen and (max-width:768px) {
    .product-image-container .product-actions a.icon-heart:nth-last-child(2) {
        margin-left: 2.66667vw
    }
}

@media screen and (min-width:769px) {
    .product-image-container .product-actions a.icon-heart:nth-last-child(2) {
        margin-left: .90278vw
    }
}

@media (min-width:1440px) {
    .product-image-container .product-actions a.icon-heart:nth-last-child(2) {
        margin-left: 13px
    }
}

@media (min-width:769px) {
    .product-image-container .product-actions a.icon-360arrow:nth-last-child(1) {
        margin-right: 0
    }
}

.product-image-container .badge-product {
    width: auto;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #888;
    font-size: 1.125rem
}

@media (max-width:750px) {
    .product-image-container .badge-product {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .product-image-container .badge-product {
        font-size: 18px
    }
}

.product-image-container .wishlist {
    top: -10px;
    right: 4px;
    float: right;
    position: relative;
    font-size: 2.625rem
}

@media (max-width:750px) {
    .product-image-container .wishlist {
        font-size: calc(0.20243rem + 5.16816vw)
    }
}

@media (min-width:769px) {
    .product-image-container .wishlist {
        top: 0;
        right: 0;
        font-size: 26px
    }
}

.product-image-container .wishlist.remove-from-wishlist,
.product-image-container .wishlist:hover {
    color: #c8102e
}

.product-image-container .view-360-icon {
    right: 4px;
    float: right;
    position: relative;
    font-size: 42px;
    cursor: pointer;
    color: #000
}

@media (max-width:768.98px) {
    .product-image-container .view-360-icon {
        top: -3px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-image-container .view-360-icon {
        top: 0
    }
}

@media (min-width:769px) {
    .product-image-container .view-360-icon {
        top: 1px;
        right: 0
    }
}

.product-image-container .view-360-icon:hover {
    color: #c8102e
}

.product-image-container .main-image {
    display: none
}

.product-image-container .productthumbnail {
    cursor: pointer;
    cursor: zoom-in
}

.product-image-container .product-thumbnails {
    float: left;
    width: 100%;
    clear: both
}

@media (min-width:769px) {
    .product-image-container .product-thumbnails {
        height: 100%
    }
}

.product-image-container .product-thumbnails .product-images {
    list-style: none
}

@media (min-width:769px) {
    .product-image-container .product-thumbnails .product-images {
        width: 77%;
        margin: 40px auto 0
    }
}

@media (max-width:1023.98px) {
    .product-image-container .product-thumbnails.giaran-enabled .product-images {
        margin-bottom: 18px
    }
}

@media (max-width:768.98px) {
    .product-image-container .product-thumbnails .slick-arrow {
        opacity: 0;
        visibility: hidden
    }
}

@media (min-width:769px) {
    .product-image-container .product-thumbnails .slick-arrow {
        margin: 0 -6%;
        top: calc(50% - 10px);
        color: inherit;
        font-size: 14px;
        width: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        height: 25px
    }
}

.product-image-container .product-thumbnails .slick-arrow:hover i {
    color: #D6001C
}

.product-image-container .product-thumbnails .slick-arrow::after {
    padding: 0;
    display: inline-block;
    border: none
}

.product-image-container .product-thumbnails .slick-arrow .slick-prev {
    left: 0
}

.product-image-container .product-thumbnails .slick-arrow .slick-next {
    right: 0
}

.product-image-container .product-thumbnails .slick-arrow.slick-disabled i {
    color: #ccc
}

@media (min-width:769px) {
    .product-image-container .product-thumbnails .slick-dots {
        visibility: hidden
    }
}

@media (max-width:1023.98px) {
    .product-image-container .product-thumbnails .slick-dots {
        margin-top: 16px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:768.98px) {
    .product-image-container .product-thumbnails .slick-dots {
        position: unset
    }

    .product-image-container .product-thumbnails .slick-dots button {
        height: 12px;
        width: 12px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%
    }

    .product-image-container .product-thumbnails .slick-dots li {
        width: 16px;
        height: 16px;
        display: inline-block;
        background-color: #fff;
        position: relative;
        border: 1px solid #888;
        border-radius: 50%;
        pointer-events: none
    }

    .product-image-container .product-thumbnails .slick-dots li.slick-active button {
        background-color: #666
    }
}

.product-image-container .fade-circle {
    position: absolute;
    top: 50%;
    left: 47%;
    outline: 0;
    transform: translate(-50%, -50%)
}

@media (min-width:769px) {
    .product-image-container .fade-circle {
        left: 50%;
        top: 45%
    }
}

.product-image-container .image-onload {
    padding: 0 2px
}

@media (min-width:769px) {
    .product-image-container .image-onload {
        width: 77%;
        margin: 40px auto 0;
        padding: 0 1px
    }
}

.product-image-container .image-onload img {
    display: inline-block;
    margin: 0 auto
}

.product-image-container .try-on-wrapper {
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    border: 1px solid transparent
}

.product-image-container .try-on-wrapper .try-on-btn-wrapper {
    width: 100%
}

@media screen and (min-width:769px) and (min-width:769px) {
    .product-image-container .try-on-wrapper .try-on-btn-wrapper {
        margin-top: 1.38889vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .product-image-container .try-on-wrapper .try-on-btn-wrapper {
        margin-top: 20px
    }
}

@media (min-width:769px) {
    .product-image-container .try-on-wrapper .try-it-on {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width:1023.98px) {
    .product-image-container .try-on-wrapper .try-it-on {
        min-width: 115px;
        height: 36px;
        padding: 0 20px;
        margin-bottom: -10px
    }
}

.product-image-container .try-on-wrapper .try-it-on .tryon-text {
    font-family: Arial, sans-serif;
    font-size: 12px
}

.zoomProductImage .modal-wrapper {
    top: 14%;
    left: 10%;
    width: 80%;
    border: none;
    transform: none;
    max-width: 100%;
    height: 76%
}

@media (min-width:769px) {
    .zoomProductImage .modal-wrapper {
        width: 50%;
        height: 70%;
        top: 15%;
        left: 25%;
        padding: 5px;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }

    .zoomProductImage .modal-wrapper ::-webkit-scrollbar {
        display: none
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .zoomProductImage .modal-wrapper {
        width: 80%;
        height: 80%;
        top: 10%;
        left: 10%;
        padding: 25px
    }
}

.zoomProductImage .modal-wrapper .pinch-zoom-container {
    max-height: 100%
}

.zoomProductImage .modal-body {
    text-align: center;
    vertical-align: middle;
    height: 100%;
    position: relative
}

@media (max-width:768.98px) {
    .zoomProductImage .modal-body {
        width: 100%
    }
}

.zoomProductImage .modal-body.desktop-zoom {
    cursor: pointer;
    cursor: grab;
    cursor: -o-grab;
    cursor: -webkit-grab
}

@media (max-width:768.98px) {
    .zoomProductImage .modal-body.desktop-zoom {
        overflow: hidden
    }
}

@media (min-width:769px) {
    .zoomProductImage .modal-body.desktop-zoom {
        overflow: scroll;
        max-height: 70vh
    }
}

@media (min-width:769px) {
    .zoomProductImage .modal-body {
        height: 100%;
        overflow: hidden
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .zoomProductImage .modal-body {
        width: 100%
    }
}

.zoomProductImage .zoom-img {
    margin-left: 0;
    max-height: 100%;
    margin-top: 20vw
}

@media (min-width:375px) and (max-width:668px) and (orientation:landscape) {
    .zoomProductImage .zoom-img {
        margin-top: 0
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .zoomProductImage .zoom-img {
        margin-top: 0
    }
}

@media (min-width:769px) {
    .zoomProductImage .zoom-img {
        max-width: none;
        margin-left: 0;
        max-height: none;
        margin-top: 0
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .zoomProductImage .zoom-img {
        margin-top: 0;
        max-height: 100%
    }
}

.zoomProductImage .pinch-img {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    width: 40.5vw;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

@media (min-width:576px) and (max-width:767px) {
    .zoomProductImage .pinch-img {
        width: 30vw
    }
}

@media (min-width:769px) {
    .zoomProductImage .pinch-img {
        display: none
    }
}

@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .zoomProductImage .pinch-img {
        display: block;
        width: 30.37vw
    }
}

.product-details-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .product-details-wrapper .ui-front {
        z-index: auto
    }
}

@media (min-width:769px) {
    .product-details-wrapper .ui-front.ui-selectmenu-open {
        z-index: 1006
    }
}

@media (max-width:768.98px) {
    .product-details-wrapper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 15px
    }
}

@media (min-width:769px) {
    .product-details-wrapper {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%;
        padding-right: 0
    }
}

.product-details-wrapper .product-brand {
    text-transform: capitalize;
    letter-spacing: .02em;
    font-size: 1.25rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

@media screen and (max-width:768px) {
    .product-details-wrapper .product-brand {
        margin-bottom: .66667vw
    }
}

@media screen and (min-width:769px) {
    .product-details-wrapper .product-brand {
        margin-bottom: .83333vw
    }
}

@media (min-width:1440px) {
    .product-details-wrapper .product-brand {
        margin-bottom: 12px
    }
}

@media (max-width:750px) {
    .product-details-wrapper .product-brand {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .product-details-wrapper .product-brand {
        font-size: 16px
    }
}

.product-details-wrapper .product-name {
    font-size: 2.375rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: none
}

@media screen and (max-width:768px) {
    .product-details-wrapper .product-name {
        margin-bottom: 1.06667vw
    }
}

@media screen and (min-width:769px) {
    .product-details-wrapper .product-name {
        margin-bottom: .83333vw
    }
}

@media (min-width:1440px) {
    .product-details-wrapper .product-name {
        margin-bottom: 12px
    }
}

@media (max-width:750px) {
    .product-details-wrapper .product-name {
        font-size: calc(0.20218rem + 4.63536vw)
    }
}

@media (min-width:769px) {
    .product-details-wrapper .product-name {
        margin-top: -1px;
        font-size: 28px
    }
}

.product-details-wrapper .product-description {
    margin-bottom: 8px;
    font-size: 1.5rem
}

@media (max-width:750px) {
    .product-details-wrapper .product-description {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .product-details-wrapper .product-description {
        font-size: 18px;
        margin-top: 12px
    }
}

.product-details-wrapper .product-description .read-more-wrapper {
    display: inline-block;
    width: 100%;
    margin-top: 4px
}

.product-details-wrapper .product-description .read-more {
    text-transform: lowercase;
    font-size: 1.5rem
}

@media (max-width:750px) {
    .product-details-wrapper .product-description .read-more {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .product-details-wrapper .product-description .read-more {
        font-size: 18px
    }
}

.product-details-wrapper .product-description .short-description {
    font-size: 14px;
    color: #666
}

.product-details-wrapper .product-description .short-description .pdp-desc-read-more {
    font-size: 14px;
    text-decoration: underline;
    color: #555;
    white-space: nowrap
}

@media (min-width:769px) {
    .product-details-wrapper .product-description .short-description .pdp-desc-read-more.show {
        display: inline-block
    }
}

.product-details-wrapper .sample-selection-link {
    margin: 22px 0;
    display: inline-block;
    font-size: 1.5rem
}

@media (max-width:750px) {
    .product-details-wrapper .sample-selection-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .product-details-wrapper .sample-selection-link {
        font-size: 18px
    }
}

.product-details-wrapper .product-info-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-details-wrapper .product-info-container .try-on-btn-wrapper {
    display: none
}

.product-details-wrapper .product-info-container .product-info-details {
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:769px) {
    .product-details-wrapper .product-info-container .product-info-details {
        -ms-flex-order: 1;
        order: 1
    }
}

.product-details-wrapper .product-info-container .try-on-wrapper {
    -ms-flex-order: 1;
    order: 1
}

@media screen and (max-width:768px) {
    .product-details-wrapper .product-info-container .try-on-wrapper {
        padding-top: 4vw;
        padding-bottom: 4vw
    }
}

@media screen and (max-width:768px) {
    .product-details-wrapper .product-info-container .try-on-wrapper {
        margin-bottom: 6.4vw
    }
}

@media screen and (min-width:769px) {
    .product-details-wrapper .product-info-container .try-on-wrapper {
        margin-bottom: .76389vw
    }
}

@media (min-width:1440px) {
    .product-details-wrapper .product-info-container .try-on-wrapper {
        margin-bottom: 11px
    }
}

@media (max-width:768.98px) {
    .product-details-wrapper .product-info-container .try-on-wrapper {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }
}

@media (min-width:769px) {
    .product-details-wrapper .product-info-container .try-on-wrapper {
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width:769px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .icon-camera {
        margin-right: .34722vw
    }
}

@media (min-width:1440px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .icon-camera {
        margin-right: 5px
    }
}

.product-details-wrapper .product-info-container .try-on-wrapper .try-it-on {
    height: 60px;
    width: 100%;
    font-size: 1.125rem
}

@media (max-width:750px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .try-it-on {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media screen and (max-width:576px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .try-it-on {
        height: 30px;
        min-width: auto
    }
}

@media (max-width:768.98px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .try-on-btn-wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:768.98px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .image-label {
        display: -ms-flexbox;
        display: flex;
        vertical-align: middle;
        -ms-flex-align: center;
        align-items: center;
        width: 63.6%
    }
}

@media screen and (max-width:576px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .image-label {
        width: 57%
    }
}

@media (min-width:769px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .image-label {
        display: none
    }
}

@media (max-width:768.98px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .btn-wrapper {
        width: 36.4%
    }
}

@media screen and (max-width:576px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .btn-wrapper {
        width: 43%
    }
}

.product-details-wrapper .product-info-container .try-on-wrapper .btn-wrapper button {
    font-family: Arial, Medium, sans-serif
}

@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:portrait) {
    .product-details-wrapper .product-info-container .try-on-wrapper .btn-wrapper button {
        padding-top: 1.7vw
    }
}

.product-details-wrapper .product-info-container .try-on-wrapper .try-it-on-image {
    width: 8vw;
    height: 8vw
}

.product-details-wrapper .product-info-container .try-on-wrapper .ar-try-it-on-label {
    font-size: 1.5rem
}

@media (max-width:750px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .ar-try-it-on-label {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.product-details-wrapper .product-info-container .try-on-wrapper .ar-try-it-on-label:not(.no-image) {
    padding-left: 1.2vw
}

@media screen and (max-width:576px) {
    .product-details-wrapper .product-info-container .try-on-wrapper .ar-try-it-on-label {
        line-height: 1.1
    }
}

@media (min-width:769px) {
    .product-variations .ui-selectmenu-open {
        z-index: 99
    }
}

.product-variations .label {
    color: #666;
    font-size: 14px;
    text-transform: none;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding-top: 4px;
    padding-right: 10px
}

@media (min-width:769px) {
    .product-variations .label {
        letter-spacing: .05em;
        font-size: 14px;
        padding-top: 0;
        padding-right: 3px
    }
}

.product-variations .ui-selectmenu-button {
    height: 44px;
    max-width: calc(100% + 25px);
    margin-left: -25px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

.product-variations .ui-selectmenu-button.ui-selectmenu-button-open {
    background: #fff;
    box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09)
}

.product-variations .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    border-bottom: 10px solid #000;
    border-top: 10px solid transparent
}

@media screen and (max-width:576px) {
    .product-variations .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
        top: 21px;
        border-width: 6px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-variations .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
        top: 35%
    }
}

@media (min-width:769px) {
    .product-variations .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
        border-width: 6px;
        margin-top: -13px
    }
}

.product-variations .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 11px 75px 11px 18px
}

@media (min-width:769px) {
    .product-variations .ui-selectmenu-button span.ui-selectmenu-text {
        padding: 11px 75px 11px 25px
    }
}

.product-variations .ui-selectmenu-button span.ui-selectmenu-icon {
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 59%;
    right: 50px
}

@media screen and (max-width:576px) {
    .product-variations .ui-selectmenu-button span.ui-selectmenu-icon {
        right: 55px;
        border-width: 6px;
        top: 63%
    }
}

@media (min-width:769px) {
    .product-variations .ui-selectmenu-button span.ui-selectmenu-icon {
        right: 55px;
        border-width: 6px;
        top: 57%
    }
}

.product-variations .variant-dropdown {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 0
}

@media screen and (max-width:768px) {
    .product-variations .variant-dropdown {
        margin-top: 0
    }
}

@media (max-width:768.98px) {
    .product-variations .variant-dropdown .mobile-dropdown {
        max-width: 100%
    }
}

.product-variations .variant-dropdown .ui-selectmenu-button {
    max-width: 75vw
}

@media (min-width:769px) {
    .product-variations .variant-dropdown .ui-selectmenu-button {
        max-width: 35vw
    }
}

.product-variations .variant-dropdown .ui-selectmenu-button .ui-selectmenu-text {
    font-size: 14px;
    text-transform: capitalize
}

@media (min-width:769px) {
    .product-variations .variant-dropdown .ui-selectmenu-button .ui-selectmenu-text {
        font-size: 14px
    }
}

.product-variations .variant-dropdown select option {
    text-transform: capitalize
}

.product-variations .swatches {
    list-style: none;
    display: inline-block
}

@media screen and (min-width:769px) {
    .product-variations .swatches.size li .label {
        margin-top: 2.63889vw;
        margin-bottom: 1.04167vw
    }
}

@media (min-width:1440px) {
    .product-variations .swatches.size li .label {
        margin-top: 38px;
        margin-bottom: 15px
    }
}

@media screen and (max-width:768px) {
    .product-variations .swatches.size li .label {
        margin-top: 6.66667vw;
        margin-bottom: 4vw
    }
}

.product-variations .swatches.size .selectable,
.product-variations .swatches.size .unselectable {
    display: inline-block
}

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

    .product-variations .swatches.size .selectable,
    .product-variations .swatches.size .unselectable {
        margin-bottom: 1.875vw
    }
}

@media (min-width:1440px) {

    .product-variations .swatches.size .selectable,
    .product-variations .swatches.size .unselectable {
        margin-bottom: 27px
    }
}

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

    .product-variations .swatches.size .selectable,
    .product-variations .swatches.size .unselectable {
        margin-bottom: 4vw
    }
}

.product-variations .swatches.size .selectable h3,
.product-variations .swatches.size .unselectable h3 {
    font-family: Arial, sans-serif;
    font-weight: 400;
    font-size: 1.75rem;
    text-transform: none
}

@media (max-width:750px) {

    .product-variations .swatches.size .selectable h3,
    .product-variations .swatches.size .unselectable h3 {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {

    .product-variations .swatches.size .selectable h3,
    .product-variations .swatches.size .unselectable h3 {
        font-size: 18px
    }
}

.product-variations .swatches.size .selectable .swatchanchor,
.product-variations .swatches.size .unselectable .swatchanchor {
    top: 6px;
    position: relative;
    display: inline-block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000
}

.product-variations .swatches.size .selectable .swatchanchor::before,
.product-variations .swatches.size .unselectable .swatchanchor::before {
    left: 0;
    top: -1.47vw;
    width: 6.4vw;
    height: 6.4vw;
    position: absolute;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #000
}

@media (min-width:769px) {

    .product-variations .swatches.size .selectable .swatchanchor::before,
    .product-variations .swatches.size .unselectable .swatchanchor::before {
        top: -6px;
        width: 28px;
        height: 28px
    }
}

.product-variations .swatches.size .selectable.selected .swatchanchor::after,
.product-variations .swatches.size .unselectable.selected .swatchanchor::after {
    top: .32vw;
    left: 1.73vw;
    width: 2.93vw;
    height: 2.93vw;
    border-radius: 50%;
    background: #000;
    position: absolute;
    display: inline-block
}

@media (min-width:769px) {

    .product-variations .swatches.size .selectable.selected .swatchanchor::after,
    .product-variations .swatches.size .unselectable.selected .swatchanchor::after {
        top: 2px;
        left: 9px;
        width: 11px;
        height: 11px
    }
}

.replenishment-wrapper .replenishment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: left;
    justify-content: left;
    margin: 2vw 0 3.3vw
}

@media (min-width:769px) {
    .replenishment-wrapper .replenishment {
        margin: 0
    }
}

@media (min-width:1440px) {
    .replenishment-wrapper .replenishment {
        margin: 23px 0
    }
}

.replenishment-wrapper label {
    display: inline
}

.replenishment-wrapper .label {
    line-height: 1.38;
    letter-spacing: .5px;
    font-size: 14px;
    text-transform: capitalize;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

.replenishment-wrapper .info-link {
    top: 1px;
    cursor: pointer;
    position: relative;
    display: inline-block
}

@media (max-width:750px) {
    .replenishment-wrapper .info-link {
        font-size: calc(0.20143rem + 3.03696vw)
    }
}

@media (min-width:769px) {
    .replenishment-wrapper .info-link {
        font-size: 16px
    }
}

.replenishment-wrapper .ui-selectmenu-button {
    padding: 0;
    height: auto;
    border: none;
    margin-left: -6.1vw;
    font-size: 14px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (min-width:769px) {
    .replenishment-wrapper .ui-selectmenu-button {
        margin-left: -25px
    }
}

@media (min-width:769px) {
    .replenishment-wrapper .ui-selectmenu-button .ui-selectmenu-text {
        font-size: 14px;
        line-height: 1.39;
        letter-spacing: normal;
        padding: 13px 75px 15px 5px;
        margin-left: 20px
    }
}

.replenishment-wrapper .ui-selectmenu-button .ui-selectmenu-icon {
    -ms-flex-order: 2;
    order: 2;
    top: 50%;
    transform: translateY(-55%);
    content: "";
    margin-top: 0;
    display: inline-block;
    border-top: 1.07vw solid #000;
    border-left: 1.07vw solid transparent;
    border-right: 1.07vw solid transparent
}

@media (min-width:769px) {
    .replenishment-wrapper .ui-selectmenu-button .ui-selectmenu-icon {
        right: 55px;
        top: inherit;
        margin-top: -1px;
        border-width: 6px;
        transform: inherit
    }
}

.replenishment-wrapper .ui-selectmenu-button.ui-selectmenu-button-open {
    background: #fff;
    box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09)
}

.replenishment-wrapper .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    top: 3vw;
    border-bottom: 1.07vw solid #000;
    border-top: 1.07vw solid transparent
}

@media (min-width:769px) {
    .replenishment-wrapper .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
        top: inherit;
        margin-top: -5px;
        border-width: 6px
    }
}

.replenishment-wrapper .order-replenishment-edit,
.replenishment-wrapper .replenishment-details {
    line-height: 1.39
}

@media (min-width:769px) {

    .replenishment-wrapper .order-replenishment-edit,
    .replenishment-wrapper .replenishment-details {
        font-size: 14px
    }
}

.replenishment-wrapper .replenishment-details {
    margin: 1.5vw 0 1vw;
    display: inline-block
}

@media (min-width:769px) {
    .replenishment-wrapper .replenishment-details {
        margin: 1vw 0 1.3vw
    }
}

@media (min-width:1440px) {
    .replenishment-wrapper .replenishment-details {
        margin: 14px 0 20px
    }
}

.replenishment-wrapper .replenishment-details .order-replenishment-edit {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

@media (min-width:769px) {
    .replenishment-wrapper .replenishment-details .order-replenishment-edit {
        margin-left: 5px
    }
}

.replenishment-info-modal,
.replenishment-onchange-modal {
    z-index: 1008
}

.replenishment-info-modal .modal-wrapper,
.replenishment-onchange-modal .modal-wrapper {
    padding: 6.34vw 0
}

@media (max-width:768px) and (orientation:landscape) {

    .replenishment-info-modal .modal-wrapper,
    .replenishment-onchange-modal .modal-wrapper {
        padding: 3.3vw 0
    }
}

@media (min-width:769px) {

    .replenishment-info-modal .modal-wrapper,
    .replenishment-onchange-modal .modal-wrapper {
        padding: 3.3vw 0
    }
}

@media (min-width:1440px) {

    .replenishment-info-modal .modal-wrapper,
    .replenishment-onchange-modal .modal-wrapper {
        padding: 48px 0
    }
}

.replenishment-info-modal .modal-body,
.replenishment-onchange-modal .modal-body {
    overflow-y: hidden;
    text-align: center;
    padding: 1px 3.34vw
}

@media (min-width:769px) {

    .replenishment-info-modal .modal-body,
    .replenishment-onchange-modal .modal-body {
        padding: 1px 2vw
    }
}

@media (min-width:1440px) {

    .replenishment-info-modal .modal-body,
    .replenishment-onchange-modal .modal-body {
        padding: 0 25px
    }
}

.replenishment-info-modal .heading,
.replenishment-onchange-modal .heading {
    margin-bottom: 5vw
}

@media (min-width:769px) {

    .replenishment-info-modal .heading,
    .replenishment-onchange-modal .heading {
        margin-bottom: 2vw
    }
}

@media (min-width:1440px) {

    .replenishment-info-modal .heading,
    .replenishment-onchange-modal .heading {
        margin-bottom: 28px
    }
}

.replenishment-info-modal .title,
.replenishment-onchange-modal .title {
    line-height: 1
}

@supports (-webkit-overflow-scrolling:touch) {

    .replenishment-info-modal .title,
    .replenishment-onchange-modal .title {
        line-height: 1.25
    }
}

.replenishment-info-modal .description,
.replenishment-info-modal .sub-heading,
.replenishment-onchange-modal .description,
.replenishment-onchange-modal .sub-heading {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {

    .replenishment-info-modal .description,
    .replenishment-info-modal .sub-heading,
    .replenishment-onchange-modal .description,
    .replenishment-onchange-modal .sub-heading {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .replenishment-info-modal .description,
    .replenishment-info-modal .sub-heading,
    .replenishment-onchange-modal .description,
    .replenishment-onchange-modal .sub-heading {
        line-height: 1.33;
        font-size: 1.125rem;
        letter-spacing: .4px
    }
}

@media (min-width:769px) and (max-width:750px) {

    .replenishment-info-modal .description,
    .replenishment-info-modal .sub-heading,
    .replenishment-onchange-modal .description,
    .replenishment-onchange-modal .sub-heading {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .replenishment-info-modal .title {
        padding: 0 10%
    }
}

.replenishment-onchange-modal .sub-title {
    margin-top: 2.4vw;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (min-width:769px) {
    .replenishment-onchange-modal .sub-title {
        margin-top: 1.39vw
    }
}

@media (min-width:1440px) {
    .replenishment-onchange-modal .sub-title {
        margin-top: 20px
    }
}

.replenishment-onchange-modal .button-area {
    margin-top: 4vw
}

@media (min-width:769px) {
    .replenishment-onchange-modal .button-area {
        margin-top: 2vw
    }
}

@media (min-width:1440px) {
    .replenishment-onchange-modal .button-area {
        margin-top: 28px
    }
}

.replenishment-onchange-modal .button-area button {
    margin: 0 2px
}

.price-and-single-size-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.price-and-single-size-wrapper.no-variants {
    margin-top: 65px
}

.price-and-single-size-wrapper .product-variations {
    margin-top: 0;
    text-align: right
}

@media (min-width:769px) {
    .price-and-single-size-wrapper .product-variations {
        margin-right: 5px
    }
}

@media (min-width:1440px) {
    .price-and-single-size-wrapper .product-variations {
        margin-right: 0
    }
}

.price-and-single-size-wrapper .product-variations.left-aligned {
    text-align: left
}

.price-and-single-size-wrapper .price-sales,
.price-and-single-size-wrapper .price-standard {
    display: inline-block
}

@media screen and (max-width:768px) {
    .price-and-single-size-wrapper .price-row {
        margin-bottom: 4.66667vw
    }
}

@media screen and (min-width:769px) {
    .price-and-single-size-wrapper .price-row {
        margin-bottom: 1.73611vw
    }
}

@media (min-width:1440px) {
    .price-and-single-size-wrapper .price-row {
        margin-bottom: 25px
    }
}

.price-and-single-size-wrapper .price-row .price-sales,
.price-and-single-size-wrapper .price-row .price-standard {
    display: inline-block;
    font-size: 24px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141
}

.price-and-single-size-wrapper .price-row .price-standard {
    text-decoration: line-through
}

.price-and-single-size-wrapper .price-row .price-standard+.price-sales {
    color: #c8102e
}

.add-to-cart-in-stock {
    position: relative
}

@media screen and (max-width:576px) {
    .add-to-cart-in-stock {
        height: 50px
    }
}

@media (min-width:769px) {
    .add-to-cart-in-stock {
        height: 60px
    }
}

.add-to-cart-in-stock .quantity-row {
    float: left;
    display: inline-block
}

@media (max-width:768.98px) {
    .add-to-cart-in-stock .quantity-row select {
        height: 100px
    }
}

.add-to-cart-in-stock .quantity {
    position: relative
}

.add-to-cart-in-stock .ui-selectmenu-button,
.add-to-cart-in-stock .ui-selectmenu-text {
    font-size: 14px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff
}

@media screen and (max-width:576px) {
    .add-to-cart-in-stock .add-to-cart {
        height: 50px
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    .add-to-cart-in-stock .add-to-cart {
        padding-top: 5px
    }
}

.add-to-cart-in-stock .ui-selectmenu-button {
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    position: absolute;
    z-index: 998
}

.add-to-cart-in-stock .ui-selectmenu-button.ui-selectmenu-button-open {
    background: 0 0;
    box-shadow: none
}

.add-to-cart-in-stock .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text:after {
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent
}

@media screen and (max-width:576px) {
    .add-to-cart-in-stock .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text:after {
        border-width: 6px
    }
}

@media (min-width:769px) {
    .add-to-cart-in-stock .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text:after {
        top: -3px;
        left: 4px;
        border-width: 6px
    }
}

.add-to-cart-in-stock .ui-selectmenu-button.ui-selectmenu-button-open~.qty-down-arrow {
    transform: rotate(180deg) translateY(2px)
}

.add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
    text-overflow: unset;
    padding: 32px 0 30px 26%;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 14px
}

@media (min-width:576px) and (max-width:768px) {
    .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 1.75rem
    }
}

@media (min-width:576px) and (max-width:768px) and (max-width:750px) {
    .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media screen and (max-width:576px) {
    .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 20px;
        padding: 13px 0 13px 20%;
        height: auto
    }
}

@media (min-width:769px) {
    .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
        height: 60px;
        padding: 22px 0 20px 26%
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media (min-width:769px) {
        .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
            padding-top: 23px
        }
    }
}

.add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text:after {
    top: -5px;
    left: 14px;
    content: "";
    position: relative;
    display: inline-block;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent
}

@media screen and (max-width:576px) {
    .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text:after {
        top: -3px;
        left: 12px;
        border-width: 6px
    }
}

@media (min-width:769px) {
    .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text:after {
        top: -3px;
        left: 4px;
        border-width: 6px
    }
}

.add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-icon {
    display: none
}

.add-to-cart-out-of-stock {
    position: relative;
    display: inline-block
}

.add-to-cart-out-of-stock .button.disabled {
    width: 100%;
    border: none;
    color: #fff;
    padding: 0
}

@media (min-width:769px) {
    .add-to-cart-out-of-stock .button.disabled {
        height: 52px
    }
}

@media screen and (max-width:576px) {
    .add-to-cart-out-of-stock .button.disabled {
        height: 52px
    }
}

.add-to-cart-out-of-stock .find-store,
.add-to-cart-out-of-stock .sample-selection-link {
    margin: 22px 0;
    display: inline-block;
    font-size: 1.5rem
}

@media (max-width:750px) {

    .add-to-cart-out-of-stock .find-store,
    .add-to-cart-out-of-stock .sample-selection-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .add-to-cart-out-of-stock .find-store,
    .add-to-cart-out-of-stock .sample-selection-link {
        font-size: 18px
    }
}

.add-to-cart-wrapper .find-store-button {
    border: none;
    text-align: center;
    background: #000;
    display: inline-table
}

@media screen and (max-width:576px) {
    .add-to-cart-wrapper .find-store-button {
        height: 50px
    }
}

@media (min-width:769px) {
    .add-to-cart-wrapper .find-store-button {
        height: 60px;
        margin-top: 30px
    }
}

.add-to-cart-wrapper .find-store-button a {
    display: table-cell;
    vertical-align: middle;
    font-size: 1.75rem;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

@media (max-width:750px) {
    .add-to-cart-wrapper .find-store-button a {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .add-to-cart-wrapper .find-store-button a {
        font-size: 18px
    }
}

@media (min-width:769px) {
    .add-to-cart-wrapper .adjust-top {
        margin-top: 0
    }
}

.quickview-modal .pdp-desc-read-more,
.quickview-modal .try-on-wrapper {
    display: none
}

.ui-selectmenu-menu #pdp-top-quantity-menu,
.ui-selectmenu-menu #replencycle-menu,
.ui-selectmenu-menu #sticky-buy-quantity-menu,
.ui-selectmenu-menu #va-color-menu,
.ui-selectmenu-menu.cart-qty-select {
    border: none
}

.ui-selectmenu-menu #pdp-top-quantity-menu .ui-menu-item,
.ui-selectmenu-menu #replencycle-menu .ui-menu-item,
.ui-selectmenu-menu #sticky-buy-quantity-menu .ui-menu-item,
.ui-selectmenu-menu #va-color-menu .ui-menu-item,
.ui-selectmenu-menu.cart-qty-select .ui-menu-item {
    padding: 0
}

.ui-selectmenu-menu #pdp-top-quantity-menu .ui-menu-item-wrapper,
.ui-selectmenu-menu #pdp-top-quantity-menu .ui-state-active,
.ui-selectmenu-menu #replencycle-menu .ui-menu-item-wrapper,
.ui-selectmenu-menu #replencycle-menu .ui-state-active,
.ui-selectmenu-menu #sticky-buy-quantity-menu .ui-menu-item-wrapper,
.ui-selectmenu-menu #sticky-buy-quantity-menu .ui-state-active,
.ui-selectmenu-menu #va-color-menu .ui-menu-item-wrapper,
.ui-selectmenu-menu #va-color-menu .ui-state-active,
.ui-selectmenu-menu.cart-qty-select .ui-menu-item-wrapper,
.ui-selectmenu-menu.cart-qty-select .ui-state-active {
    padding: 8px 25px;
    text-transform: capitalize
}

@media (min-width:769px) {

    .ui-selectmenu-menu #pdp-top-quantity-menu .ui-menu-item-wrapper,
    .ui-selectmenu-menu #pdp-top-quantity-menu .ui-state-active,
    .ui-selectmenu-menu #replencycle-menu .ui-menu-item-wrapper,
    .ui-selectmenu-menu #replencycle-menu .ui-state-active,
    .ui-selectmenu-menu #sticky-buy-quantity-menu .ui-menu-item-wrapper,
    .ui-selectmenu-menu #sticky-buy-quantity-menu .ui-state-active,
    .ui-selectmenu-menu #va-color-menu .ui-menu-item-wrapper,
    .ui-selectmenu-menu #va-color-menu .ui-state-active,
    .ui-selectmenu-menu.cart-qty-select .ui-menu-item-wrapper,
    .ui-selectmenu-menu.cart-qty-select .ui-state-active {
        font-size: 14px
    }
}

.ui-selectmenu-menu #pdp-top-quantity-menu .ui-state-active,
.ui-selectmenu-menu #replencycle-menu .ui-state-active,
.ui-selectmenu-menu #sticky-buy-quantity-menu .ui-state-active,
.ui-selectmenu-menu #va-color-menu .ui-state-active,
.ui-selectmenu-menu.cart-qty-select .ui-state-active {
    background: #f1f1f1
}

@media (max-width:768.98px) {
    .ui-selectmenu-menu #replencycle-menu .ui-menu-item-wrapper {
        padding: 8px 6.1vw
    }
}

@media (min-width:769px) {
    .ui-selectmenu-menu #replencycle-menu .ui-menu-item-wrapper {
        font-size: 14px
    }
}

.product-set-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #000
}

.product-set-item .product-set-details-wrapper {
    width: 100%;
    display: inline-block
}

.product-set-item .product-set-details,
.product-set-item .product-set-image {
    width: 100%
}

.product-set-item .product-set-image {
    text-align: center
}

.product-set-item .product-name {
    margin-bottom: 10px;
    font-size: 1.125rem;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000
}

@media (max-width:750px) {
    .product-set-item .product-name {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.product-set-item .price-qty-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-set-actions .price-qty-row {
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-set-actions .price-qty-row .product-price {
    font-size: 2.125rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141
}

@media (max-width:750px) {
    .product-set-actions .price-qty-row .product-price {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .product-set-actions .price-qty-row .product-price {
        font-size: 28px
    }
}

.product-set-actions .add-all-to-cart {
    width: 100%;
    border: none;
    height: 100px;
    cursor: pointer;
    background: #000;
    color: #fff;
    font-size: 1.125rem
}

@media screen and (max-width:576px) {
    .product-set-actions .add-all-to-cart {
        height: 50px
    }
}

@media (max-width:750px) {
    .product-set-actions .add-all-to-cart {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .product-set-actions .add-all-to-cart {
        height: 60px
    }
}

.tips-and-tutorials.type2 .slick-arrow::before {
    background: url(../images/sprite.png) 0 -407px no-repeat
}

@media (max-width:768.98px) {
    .pdp-jump-links {
        display: block
    }

    .sticky-buy-mobile {
        width: 100%;
        position: fixed;
        left: 0;
        cursor: pointer;
        background: #000;
        text-align: center;
        z-index: 101;
        bottom: -70px;
        display: inline-table;
        transition: bottom .5s
    }

    .sticky-buy-mobile.sticky {
        bottom: 0
    }

    .sticky-buy-mobile span {
        display: table-cell;
        vertical-align: middle;
        height: 60px;
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase
    }
}

.sticky-buy-mobile {
    display: none
}

.sticky-header.animation .pdp-jump-links.sticky.animation {
    top: 100px
}

.pdp-jump-links {
    top: 0;
    margin-bottom: 21px
}

.pdp-jump-links.sticky {
    width: 100%;
    z-index: 99;
    max-width: none;
    position: fixed;
    transition: top .2s;
    background: #fff
}

.pdp-jump-links.sticky.animation {
    top: 0
}

.pdp-jump-links.sticky .pdp-jump-links-wrapper {
    margin: 0;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width:1200px) and (min-width:769px) {
    .pdp-jump-links.sticky .link-wrapper {
        padding-right: 20px
    }
}

.pdp-jump-links .link-wrapper {
    list-style: none
}

.pdp-jump-links .link-wrapper li {
    position: relative;
    display: inline;
    margin-right: 55px;
    font-size: 14px
}

@media (min-width:769px) {
    .pdp-jump-links .link-wrapper li {
        margin-right: 50px;
        font-size: 16px
    }
}

.pdp-jump-links .link-wrapper li:last-child {
    margin-right: 0
}

.pdp-jump-links .link-wrapper li.grad .gradient-element {
    position: absolute;
    width: 45px;
    height: 52px;
    right: 0;
    top: 0;
    background: linear-gradient(270.57deg, #fff 3.82%, rgba(255, 255, 255, 0) 131.45%)
}

.pdp-jump-links .link-wrapper a {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:768.98px) {
    .pdp-jump-links .link-wrapper a .underline-holder {
        font-size: 14px
    }
}

.pdp-jump-links .sticky-buy-wrapper {
    display: none;
    position: relative
}

.pdp-jump-links .sticky-buy-wrapper .sticky-buy-link {
    width: 96px;
    cursor: pointer;
    padding: 27px 0;
    margin-left: 7%;
    text-align: center;
    background: #000;
    display: inline-block;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

.pdp-jump-links .sticky-buy-wrapper .sticky-buy-link .close,
.pdp-jump-links .sticky-buy-wrapper .sticky-buy-link+.stick-buy-outer-close {
    display: none
}

.pdp-jump-links .sticky-buy-wrapper .sticky-buy-link.active+.stick-buy-outer-close {
    display: block
}

.pdp-jump-links .sticky-buy-wrapper .sticky-buy-link.active .text {
    display: none
}

.pdp-jump-links .sticky-buy-wrapper .sticky-buy-link.active .close {
    top: 2px;
    display: inline;
    position: relative;
    font-size: 15px
}

.pdp-jump-links .stick-buy-container {
    top: 73px;
    right: 0;
    z-index: 1;
    width: 662px;
    position: absolute;
    padding: 40px 0;
    background: #fff;
    transition: transform .5s;
    transform: translate3d(675px, 0, 0);
    box-shadow: 0 1px 48.6px 4.4px rgba(0, 0, 0, .15)
}

.pdp-jump-links .stick-buy-container.open {
    transform: translate3d(0, 0, 0)
}

.pdp-jump-links .stick-buy-container .product-content {
    margin: 0
}

.pdp-jump-links .stick-buy-container .main-image {
    display: block
}

.pdp-jump-links .stick-buy-container .image-zoom,
.pdp-jump-links .stick-buy-container .product-thumbnails {
    display: none
}

.pdp-jump-links .stick-buy-container .product-images {
    width: 40%;
    float: left;
    margin: 0 4%
}

.pdp-jump-links .stick-buy-container .product-details {
    width: 40%;
    float: left;
    text-align: left
}

.pdp-jump-links .stick-buy-container .product-variations .swatches.color li {
    margin: 0;
    width: 100%
}

.pdp-jump-links .swatchanchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center
}

.pdp-jump-links .swatch-img {
    height: 33px;
    -ms-flex: 0 0 33px;
    flex: 0 0 33px;
    max-width: 33px;
    overflow: hidden;
    margin-right: 10px;
    display: inline-block;
    border: 1px solid #ccc
}

.pdp-jump-links .swatches {
    z-index: 1;
    width: 100%;
    display: none;
    overflow: auto;
    max-height: 350px;
    position: absolute;
    background: #fff;
    box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09)
}

.pdp-jump-links .swatches.active {
    display: block;
    margin-left: -24px
}

.pdp-jump-links .swatches li .swatchanchor {
    width: 100%;
    padding: 16px 25px;
    font-size: 17px
}

.pdp-jump-links .swatches li .swatchanchor:hover {
    background-color: #f1f1f1
}

.pdp-jump-links .swatches li.selectable .swatch-img,
.pdp-jump-links .swatches li.unselectable .swatch-img {
    position: relative
}

.pdp-jump-links .swatches li.unselectable .swatch-img::after {
    top: -20%;
    z-index: 1;
    left: -100%;
    width: 175%;
    content: "";
    position: absolute;
    border-top: 2px #fff solid;
    transform: rotate(45deg) translate(50%, 50%)
}

.pdp-jump-links .swatches li.selected .swatchanchor {
    background-color: #f1f1f1
}

.pdp-jump-links .swatches li.selected .swatch-img::before {
    top: 50%;
    left: 50%;
    width: 50%;
    height: 50%;
    content: "";
    position: absolute;
    background: #fff;
    display: inline-block;
    transform: translate(-50%, -50%);
    border: 1px solid #ccc
}

.pdp-jump-links .swatch-title {
    font-size: 17px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

.pdp-jump-links .swatches-dropdown {
    width: auto;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 25px;
    margin: -2px 0 0 -24px;
    font-size: 17px
}

.pdp-jump-links .swatches-dropdown.active {
    background: #fff;
    box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09)
}

.pdp-jump-links .swatches-dropdown.active .swatch-title::after {
    top: 0;
    border-bottom: 6px solid #000;
    border-top: 6px solid transparent
}

.pdp-jump-links .swatches-dropdown.active.size::after {
    top: 15px;
    border-bottom: 6px solid #000;
    border-top: 6px solid transparent
}

.pdp-jump-links .swatches-dropdown.size {
    position: relative;
    padding-right: 55px
}

.pdp-jump-links .swatches-dropdown.size::after {
    top: 21px;
    right: 19px;
    content: "";
    position: absolute;
    display: inline-block;
    border-top: 6px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.pdp-jump-links .swatches-dropdown .swatch-title {
    max-width: 145px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    position: relative;
    padding-right: 30px
}

.pdp-jump-links .swatches-dropdown .swatch-title::after {
    top: 6px;
    right: 2px;
    content: "";
    position: absolute;
    display: inline-block;
    border-top: 6px solid #000;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent
}

.pdp-jump-links .price-and-single-size-wrapper {
    margin-top: 8px
}

.pdp-jump-links .price-and-single-size-wrapper .price-row {
    margin-bottom: 14px
}

.pdp-jump-links .price-and-single-size-wrapper .price-row .price-sales,
.pdp-jump-links .price-and-single-size-wrapper .price-row .price-standard {
    font-size: 20px
}

.pdp-jump-links .product-name {
    font-size: 28px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000
}

.pdp-jump-links .add-to-cart-in-stock {
    height: 40px;
    width: auto
}

.pdp-jump-links .add-to-cart-in-stock .ui-selectmenu-button {
    padding: 0;
    border: none;
    height: 40px
}

.pdp-jump-links .add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
    height: 40px;
    padding: 11px 0 11px 26%
}

.pdp-jump-links .add-to-cart-in-stock .quantity-row {
    width: 60px;
    position: relative
}

.pdp-jump-links .add-to-cart-in-stock .quantity-row::after {
    top: 7px;
    right: 0;
    width: 1px;
    content: "";
    height: 26px;
    position: absolute;
    background: #fff;
    display: inline-block
}

.pdp-jump-links .add-to-cart-in-stock .add-to-cart {
    padding: 0;
    height: 40px;
    width: 131px
}

.pdp-jump-links .product-add-to-cart .callout.alert,
.pdp-jump-links .product-add-to-cart .pre-text {
    margin-bottom: 5px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #c8102e
}

@media (max-width:768.98px) {

    .pdp-jump-links .product-add-to-cart .callout.alert,
    .pdp-jump-links .product-add-to-cart .pre-text {
        font-size: .875rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .pdp-jump-links .product-add-to-cart .callout.alert,
    .pdp-jump-links .product-add-to-cart .pre-text {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

@media (min-width:769px) {

    .pdp-jump-links .product-add-to-cart .callout.alert,
    .pdp-jump-links .product-add-to-cart .pre-text {
        font-size: 14px
    }
}

.pdp-jump-links .add-to-cart-out-of-stock .button.disabled {
    height: 40px;
    width: 191px
}

.pdp-jump-links .find-store {
    margin: 10px 0 0
}

.pdp-jump-links .replenishment-wrapper {
    margin-top: 5px
}

.pdp-jump-links .replenishment {
    margin: 0 0 16px
}

.pdp-jump-links .replenishment .ui-selectmenu-button span.ui-selectmenu-text {
    padding-right: 55px;
    font-size: 14px
}

.pdp-jump-links .replenishment .ui-selectmenu-button span.ui-selectmenu-icon {
    right: 22px
}

.pdp-jump-links .replenishment .ui-selectmenu-menu .ui-menu {
    font-size: 17px
}

.pdp-jump-links .product-variations {
    margin-top: 30px
}

.pdp-jump-links .product-variations .swatches.size .selectable,
.pdp-jump-links .product-variations .swatches.size .unselectable {
    margin: 0
}

.pdp-jump-links .product-variations .swatches.size .selectable .swatchanchor,
.pdp-jump-links .product-variations .swatches.size .unselectable .swatchanchor {
    width: 100%;
    height: auto;
    margin: 0;
    top: 0;
    max-height: none;
    overflow: unset;
    padding: 16px 25px;
    display: inline-block;
    font-size: 17px
}

.pdp-jump-links .product-variations .swatches.size .selectable .swatchanchor:hover,
.pdp-jump-links .product-variations .swatches.size .unselectable .swatchanchor:hover {
    background-color: #f1f1f1
}

.pdp-jump-links .product-variations .swatches.size .selectable .swatchanchor::before,
.pdp-jump-links .product-variations .swatches.size .unselectable .swatchanchor::before {
    display: none
}

.pdp-jump-links .product-variations .swatches .selectable.selected .swatchanchor,
.pdp-jump-links .product-variations .swatches .unselectable.selected .swatchanchor {
    display: -ms-flexbox;
    display: flex
}

.pdp-jump-links .product-variations .swatches .selectable.selected .swatchanchor::after,
.pdp-jump-links .product-variations .swatches .unselectable.selected .swatchanchor::after,
.pdp-jump-links .product-variations .swatches .unselectable::before {
    display: none
}

.pdp-page .ui-selectmenu-open>ul {
    max-height: 207px
}

@media (min-width:576px) and (max-width:768px) {
    .pdp-page .ui-selectmenu-open>ul {
        max-height: 280px
    }
}

.pdp-page .pdp-qty-width {
    margin-top: 10px
}

.pdp-page .product-thumbnails {
    min-height: 88.8vw
}

@media (min-width:769px) {
    .pdp-page .product-thumbnails {
        min-height: 44.16vw
    }
}

@media (min-width:1440px) {
    .pdp-page .product-thumbnails {
        min-height: 636px
    }
}

.pdp-page .product-images .slick-list {
    min-height: 83.73vw
}

@media (min-width:769px) {
    .pdp-page .product-images .slick-list {
        min-height: 30vw
    }
}

@media (min-width:1440px) {
    .pdp-page .product-images .slick-list {
        min-height: 607px
    }
}

.keyingredients-outer-close,
.social-modal-close-outer,
.stick-buy-outer-close {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.keyingredients-outer-close {
    z-index: 10
}

@media screen and (max-width:768px) {
    .pdp-social-media-section {
        margin-top: 16vw;
        margin-bottom: 16vw
    }
}

@media screen and (min-width:769px) {
    .pdp-social-media-section {
        margin-top: 8.33333vw;
        margin-bottom: 8.33333vw
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section {
        margin-top: 120px;
        margin-bottom: 120px
    }
}

.pdp-social-media-section.rv-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0
}

@media (max-width:768.98px) {
    .pdp-social-media-section.rv-section {
        -ms-flex: 0 0 89.275%;
        flex: 0 0 89.275%;
        max-width: 89.275%;
        margin-left: 6%
    }
}

.pdp-social-media-section.rv-section .slick-slide {
    margin: 0 10px
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section .slick-slide {
        margin: 0 98px
    }
}

.pdp-social-media-section.rv-section .slick-dots li {
    display: none
}

.pdp-social-media-section.rv-section .slick-list {
    margin: 0 -10px
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section .slick-list {
        margin: 0 -98px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section.type-1 {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
        margin-left: 6.25%
    }

    .pdp-social-media-section.rv-section.type-2 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%
    }
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section.type-1 .mobile-padding {
        padding-right: 7.6vw;
        padding-left: 6.4vw
    }
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section.type-1 .mobile-padding-type2 {
        padding-right: 8.93333vw;
        padding-left: 7.73333vw
    }
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section.type-1 .mobile-margin {
        margin-right: 7.6vw;
        margin-left: 6.4vw
    }
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section.type-2 .mobile-padding {
        padding-right: 3.46667vw;
        padding-left: 3.46667vw
    }
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section.type-2 .mobile-margin {
        margin-top: 1.33333vw;
        margin-right: 3.46667vw;
        margin-left: 3.46667vw
    }
}

.pdp-social-media-section.rv-section h3 {
    text-align: left;
    font-size: 1.75rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000;
    letter-spacing: .6px
}

@media (max-width:750px) {
    .pdp-social-media-section.rv-section h3 {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media screen and (max-width:576px) {
    .pdp-social-media-section.rv-section h3 {
        font-size: 13px
    }
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section h3 {
        margin: 0 0 1.33333vw
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section h3 {
        margin: 0;
        font-size: 19px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section h3 {
        font-size: 28px
    }
}

.pdp-social-media-section.rv-section h3 a {
    font-size: 1.75rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #c8102e
}

@media (max-width:750px) {
    .pdp-social-media-section.rv-section h3 a {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media screen and (max-width:576px) {
    .pdp-social-media-section.rv-section h3 a {
        font-size: 13px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section h3 a {
        font-size: 19px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section h3 a {
        font-size: 28px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section.type-1 h3 {
        position: absolute;
        z-index: 9;
        top: 55px
    }
}

.pdp-social-media-section.rv-section .post-descriptor {
    position: relative;
    font-size: 1.75rem;
    line-height: 1.21;
    letter-spacing: .6px;
    text-transform: uppercase
}

@media (max-width:750px) {
    .pdp-social-media-section.rv-section .post-descriptor {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .pdp-social-media-section.rv-section .post-descriptor {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        height: 30.4vw;
        overflow: hidden
    }
}

@media screen and (max-width:576px) {
    .pdp-social-media-section.rv-section .post-descriptor {
        height: 29.2vw;
        font-size: 15px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section .post-descriptor {
        font-size: 19px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section .post-descriptor {
        font-size: 28px
    }
}

.pdp-social-media-section.rv-section .post-descriptor:before {
    content: "";
    width: 4vw;
    height: 1.06vw;
    background-color: #c8102e;
    display: inline-block
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section .post-descriptor:before {
        width: 30px;
        height: 8px
    }
}

.pdp-social-media-section.rv-section .media-post-slot {
    position: relative
}

@media (max-width:768.98px) {
    .pdp-social-media-section.rv-section .media-post-slot {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.pdp-social-media-section.rv-section .media-post-slot-inner {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section .media-post-slot-inner {
        height: 253px
    }
}

.pdp-social-media-section.rv-section .media-post-slot-inner:after {
    display: none;
    width: 100%;
    height: 100%;
    content: "";
    background: #000;
    position: absolute;
    z-index: 1;
    top: 0;
    opacity: .5
}

.pdp-social-media-section.rv-section .media-post-slot-inner img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto
}

@media (max-width:768.98px) {
    .pdp-social-media-section.rv-section.type-1 .media-post-slot-inner {
        height: 33.86vw
    }
}

@media (max-width:768.98px) {
    .pdp-social-media-section.rv-section.type-2 .media-post-slot-inner {
        height: 37.33vw
    }
}

@media (max-width:576px) {
    .pdp-social-media-section.rv-section.type-2 .media-post-slot-inner {
        max-height: 135px
    }
}

.pdp-social-media-section.rv-section .media-post-slot-details {
    display: none;
    position: absolute;
    z-index: 2;
    top: 0;
    font-size: 1.125rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    line-height: 1.33
}

@media (max-width:750px) {
    .pdp-social-media-section.rv-section .media-post-slot-details {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section .media-post-slot-details {
        padding: 2.66667vw 3.86667vw 2.66667vw 2.53333vw
    }
}

@media screen and (min-width:769px) {
    .pdp-social-media-section.rv-section .media-post-slot-details {
        padding: 1.38889vw 2.01389vw 1.38889vw 1.31944vw
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section .media-post-slot-details {
        padding: 20px 29px 20px 19px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section .media-post-slot-details {
        font-size: 13px;
        letter-spacing: .5px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section .media-post-slot-details {
        font-size: 18px
    }
}

.pdp-social-media-section.rv-section .date {
    text-align: center;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .pdp-social-media-section.rv-section .date {
        margin-bottom: 5.73333vw
    }
}

@media screen and (min-width:769px) {
    .pdp-social-media-section.rv-section .date {
        margin-bottom: 2.08333vw
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section .date {
        margin-bottom: 30px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.rv-section .date {
        margin-bottom: 40px
    }
}

.pdp-social-media-section .video-detail-link {
    position: absolute;
    left: 2.66vw;
    top: 2.66vw;
    cursor: pointer;
    z-index: 1
}

@media (min-width:769px) {
    .pdp-social-media-section .video-detail-link {
        top: 10px;
        left: 10px
    }
}

.pdp-social-media-section .icon-play-rounded-button {
    display: none
}

.pdp-social-media-section .icon-play-rounded-button:before {
    font-size: 6.25rem;
    color: #fff;
    line-height: normal
}

@media (max-width:750px) {
    .pdp-social-media-section .icon-play-rounded-button:before {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {
    .pdp-social-media-section .icon-play-rounded-button:before {
        font-size: 53px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section .main-image-block .tile-anchor:hover {
        opacity: .7
    }
}

.pdp-social-media-section .tile-anchor {
    width: 100%;
    color: #fff;
    display: block
}

@media (min-width:769px) {
    .pdp-social-media-section .tile-anchor:hover {
        opacity: 1
    }

    .pdp-social-media-section .tile-anchor:hover .media-post-slot-inner .media-post-slot-details,
    .pdp-social-media-section .tile-anchor:hover .media-post-slot-inner:after {
        display: block
    }

    .pdp-social-media-section .tile-anchor:hover .icon-play-rounded-button {
        display: inline-block
    }

    .pdp-social-media-section .tile-anchor:hover .video-detail-link {
        z-index: 2
    }
}

.pdp-social-media-section .detail-link {
    color: #fff;
    display: inline-block;
    position: relative
}

@media (min-width:769px) {
    .pdp-social-media-section .detail-link {
        font-size: 13px;
        margin-top: 5px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section .detail-link {
        font-size: 18px;
        margin-top: 10px
    }
}

.pdp-social-media-section .detail-link:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    border-top: 1px solid #fff;
    bottom: 0
}

.pdp-social-media-section .detail-link .icon-rightCarrot {
    font-size: .6875rem;
    margin-left: 5px
}

@media (max-width:750px) {
    .pdp-social-media-section .detail-link .icon-rightCarrot {
        font-size: calc(0.20049rem + 1.03896vw)
    }
}

@media (min-width:769px) {
    .pdp-social-media-section .detail-link .icon-rightCarrot {
        font-size: 11px
    }
}

.pdp-social-media-section .dragdealer,
.pdp-social-media-section .dragdealer .handle {
    height: 1.06vw
}

@media (min-width:769px) {
    .pdp-social-media-section .dragdealer {
        height: 8px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section .dragdealer .handle {
        height: 8px
    }
}

.pdp-social-media-section.type-1 .dragdealer {
    margin-top: 4vw
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .dragdealer {
        margin-top: -10px
    }
}

@media (min-width:769px) {

    .pdp-social-media-section.type-1 .dragdealer,
    .pdp-social-media-section.type-1 .slick-counter {
        width: 79.7%
    }
}

@media (max-width:768.98px) {
    .pdp-social-media-section.type-1 .second .slot-1 {
        -ms-flex-order: 1;
        order: 1
    }
}

.pdp-social-media-section .slick-counter {
    font-size: 1.75rem;
    margin-top: 2.8vw
}

@media (max-width:750px) {
    .pdp-social-media-section .slick-counter {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .pdp-social-media-section .slick-counter {
        font-size: 28px;
        margin-top: 21px
    }
}

.social-slide .first,
.social-slide .fourth,
.social-slide .second,
.social-slide .third {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width:768.98px) {
    .social-slide .first {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:769px) {
    .social-slide .first {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media (min-width:769px) {

    .social-slide .fourth,
    .social-slide .second,
    .social-slide .third {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (max-width:768.98px) {
    .social-slide .inner-content-block {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.social-slide .main-image-block {
    position: relative
}

@media (max-width:576px) {
    .pdp-social-media-section.rv-section.type-2 h3.mobile-padding {
        padding: 0 1.86vw
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.rv-section.type-2 h3 {
        margin-bottom: 40px
    }
}

@media (max-width:576px) {

    .pdp-social-media-section.type-2 .media-post-slot,
    .pdp-social-media-section.type-2 .post-descriptor {
        padding: 0 5px
    }
}

@media (max-width:576px) {
    .pdp-social-media-section.type-2 .dragdealer.mobile-margin {
        margin-left: 2.13vw;
        margin-right: 2.13vw
    }
}

@media (min-width:769px) {

    .pdp-social-media-section.type-2 .first,
    .pdp-social-media-section.type-2 .second,
    .pdp-social-media-section.type-2 .third {
        padding-bottom: 20px
    }
}

@media (max-width:576px) {
    .pdp-social-media-section.type-2 .first {
        padding: 0 5px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-2 .first {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:769px) {

    .pdp-social-media-section.type-2 .fourth,
    .pdp-social-media-section.type-2 .second,
    .pdp-social-media-section.type-2 .third {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

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

    .pdp-social-media-section.type-2 .first,
    .pdp-social-media-section.type-2 .fourth,
    .pdp-social-media-section.type-2 .second,
    .pdp-social-media-section.type-2 .third {
        margin-top: 1.33333vw;
        margin-bottom: 1.33333vw
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-2 .media-post-slot {
        margin-bottom: 20px
    }
}

.pdp-social-media-section.type-2 .post-descriptor:before {
    position: absolute;
    top: 0
}

@media (max-width:768.98px) {
    .pdp-social-media-section.type-2 .post-descriptor {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        height: 37.33vw
    }

    .pdp-social-media-section.type-2 .post-descriptor p {
        padding-top: 2.66vw
    }
}

@media (max-width:576px) {
    .pdp-social-media-section.type-2 .post-descriptor {
        max-height: 135px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-2 .post-descriptor {
        height: 17.56vw;
        margin-bottom: 20px
    }

    .pdp-social-media-section.type-2 .post-descriptor p {
        padding-top: 21px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.type-2 .post-descriptor {
        height: 253px
    }
}

@media (max-width:768.98px) {

    .pdp-social-media-section.type-1 .social-slide .first,
    .pdp-social-media-section.type-1 .social-slide .fourth,
    .pdp-social-media-section.type-1 .social-slide .second,
    .pdp-social-media-section.type-1 .social-slide .third {
        margin-bottom: .4vw
    }
}

@media (min-width:769px) {

    .pdp-social-media-section.type-1 .social-slide .first,
    .pdp-social-media-section.type-1 .social-slide .fourth,
    .pdp-social-media-section.type-1 .social-slide .second,
    .pdp-social-media-section.type-1 .social-slide .third {
        padding-top: 114px;
        padding-bottom: 59px
    }
}

@media (max-width:768.98px) {
    .pdp-social-media-section.type-1 .first-slide {
        padding-bottom: 7.66vw
    }

    .pdp-social-media-section.type-1 .first-slide .slot-1 .tile-anchor,
    .pdp-social-media-section.type-1 .first-slide .slot-3 .tile-anchor {
        z-index: 1;
        position: absolute;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .first-slide .slot-1 .tile-anchor {
        top: 9vw
    }

    .pdp-social-media-section.type-1 .first-slide .second,
    .pdp-social-media-section.type-1 .first-slide .slot-2,
    .pdp-social-media-section.type-1 .first-slide .slot-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pdp-social-media-section.type-1 .first-slide .fourth,
    .pdp-social-media-section.type-1 .first-slide .post-descriptor,
    .pdp-social-media-section.type-1 .first-slide .third {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pdp-social-media-section.type-1 .first-slide .slot-4 {
        display: none
    }

    .pdp-social-media-section.type-1 .first-slide .slot-2 .media-post-slot-inner {
        margin-top: 6.3vw
    }

    .pdp-social-media-section.type-1 .first-slide .slot-3 .tile-anchor {
        top: 14.5vw
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .first-slide .first .main-image-block {
        margin-left: 0;
        opacity: 1;
        transition-property: margin-left, opacity;
        transition-duration: .2s, .1s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .2s
    }

    .pdp-social-media-section.type-1 .first-slide .second .inner-content-block {
        position: absolute;
        top: 0;
        width: calc(100% - 20px);
        height: 100%
    }

    .pdp-social-media-section.type-1 .first-slide .second .slot-1 {
        position: absolute;
        top: 63px;
        opacity: 1;
        transition-property: top, opacity;
        transition-duration: .2s, 0s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .2s;
        width: 100%
    }

    .pdp-social-media-section.type-1 .first-slide .second .post-descriptor {
        position: relative;
        top: 27.56vw;
        left: 0;
        transition-property: left;
        transition-duration: .3s
    }

    .pdp-social-media-section.type-1 .first-slide .third .slot-2 {
        position: absolute;
        top: 213px;
        opacity: 1;
        left: 10px;
        transition-property: left, opacity;
        transition-duration: .2s, .2s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .2s;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .first-slide .fourth .slot-3,
    .pdp-social-media-section.type-1 .first-slide .fourth .slot-4 {
        position: absolute;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .first-slide .fourth .slot-3 {
        top: 114px;
        opacity: 1;
        transition-property: top, opacity;
        transition-duration: .3s, .3s;
        transition-timing-function: linear, ease-in;
        transition-delay: .2s, .3s
    }

    .pdp-social-media-section.type-1 .first-slide .fourth .slot-4 {
        bottom: 59px;
        left: 10px;
        opacity: 1;
        transition-property: left, opacity;
        transition-duration: .2s, .2s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .3s
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.type-1 .first-slide .third .slot-2 .media-post-slot-inner {
        height: 337px
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.type-1 .first-slide .second .post-descriptor {
        top: 397px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .first-slide.active-slide-animation .first .main-image-block {
        margin-left: -10px;
        opacity: 0
    }

    .pdp-social-media-section.type-1 .first-slide.active-slide-animation .post-descriptor {
        left: 42px
    }

    .pdp-social-media-section.type-1 .first-slide.active-slide-animation .second .slot-1 {
        top: 89px;
        opacity: 0
    }

    .pdp-social-media-section.type-1 .first-slide.active-slide-animation .third .slot-2 {
        opacity: 0;
        left: 0
    }

    .pdp-social-media-section.type-1 .first-slide.active-slide-animation .fourth .slot-3 {
        top: 143px;
        opacity: 0
    }

    .pdp-social-media-section.type-1 .first-slide.active-slide-animation .fourth .slot-4 {
        bottom: 59px;
        left: 20px;
        opacity: 0
    }
}

@media (max-width:768.98px) {

    .pdp-social-media-section.type-1 .second-slide .slot-1,
    .pdp-social-media-section.type-1 .third-slide .slot-1 {
        margin: 2.26vw 0
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .second-slide .first .main-image-block {
        margin-left: 0;
        opacity: 1;
        transition-property: margin-left, opacity;
        transition-duration: .2s, .1s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .2s
    }

    .pdp-social-media-section.type-1 .second-slide .second .inner-content-block {
        position: absolute;
        top: 0;
        width: calc(100% - 20px);
        height: 100%
    }

    .pdp-social-media-section.type-1 .second-slide .second .slot-1 {
        position: absolute;
        bottom: 59px;
        width: 100%
    }

    .pdp-social-media-section.type-1 .second-slide .second .post-descriptor {
        top: 97px
    }

    .pdp-social-media-section.type-1 .second-slide .third .slot-2 {
        position: absolute;
        top: 0;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .second-slide .third .slot-3 {
        position: absolute;
        bottom: 59px;
        opacity: 1;
        transition-property: bottom, opacity;
        transition-duration: .2s, .2s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .2s;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .second-slide .fourth .slot-4,
    .pdp-social-media-section.type-1 .second-slide .fourth .slot-5 {
        position: absolute;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .second-slide .fourth .slot-4 {
        top: 114px;
        opacity: 1;
        transition-property: opacity;
        transition-duration: .2s;
        transition-timing-function: linear
    }

    .pdp-social-media-section.type-1 .second-slide .fourth .slot-5 {
        bottom: 0;
        opacity: 1;
        transition-property: bottom, opacity;
        transition-duration: .2s, .2s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .3s
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .second-slide.active-slide-animation .first .main-image-block {
        margin-left: -10px;
        opacity: 0
    }

    .pdp-social-media-section.type-1 .second-slide.active-slide-animation .third .slot-3 {
        opacity: 0;
        bottom: 69px
    }

    .pdp-social-media-section.type-1 .second-slide.active-slide-animation .fourth .slot-4 {
        opacity: 0
    }

    .pdp-social-media-section.type-1 .second-slide.active-slide-animation .fourth .slot-5 {
        bottom: 15px;
        opacity: 0
    }
}

@media (max-width:768.98px) {

    .pdp-social-media-section.type-1 .second-slide .slot-2,
    .pdp-social-media-section.type-1 .second-slide .slot-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pdp-social-media-section.type-1 .second-slide .second,
    .pdp-social-media-section.type-1 .second-slide .third {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pdp-social-media-section.type-1 .second-slide .post-descriptor {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pdp-social-media-section.type-1 .second-slide .fourth {
        display: none
    }

    .pdp-social-media-section.type-1 .second-slide .second {
        padding-left: 11.73vw
    }

    .pdp-social-media-section.type-1 .second-slide .slot-1 {
        padding-left: 1.73vw
    }

    .pdp-social-media-section.type-1 .second-slide .third {
        padding: 0
    }

    .pdp-social-media-section.type-1 .second-slide .third .inner-content-block {
        width: 84%;
        margin-left: 6.4vw
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .third-slide .first .main-image-block {
        margin-left: 0;
        opacity: 1;
        transition-property: margin-left, opacity;
        transition-duration: .2s, .1s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .2s
    }

    .pdp-social-media-section.type-1 .third-slide .second .inner-content-block {
        position: absolute;
        top: 0;
        width: calc(100% - 20px);
        height: 100%
    }

    .pdp-social-media-section.type-1 .third-slide .second .slot-1 {
        position: absolute;
        top: 0;
        width: 100%
    }

    .pdp-social-media-section.type-1 .third-slide .second .post-descriptor {
        top: 27.56vw
    }

    .pdp-social-media-section.type-1 .third-slide .third .slot-2 {
        position: absolute;
        top: 114px;
        width: calc(100% - 20px)
    }
}

@media (min-width:769px) and (min-width:768px) and (max-width:1440px) {
    .pdp-social-media-section.type-1 .third-slide .third .slot-2 {
        top: 7.91vw
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .third-slide .third .slot-3 {
        position: absolute;
        bottom: 59px;
        opacity: 1;
        transition-property: bottom, opacity;
        transition-duration: .2s, .2s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .2s;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .third-slide .fourth .slot-4,
    .pdp-social-media-section.type-1 .third-slide .fourth .slot-5 {
        position: absolute;
        width: calc(100% - 20px)
    }

    .pdp-social-media-section.type-1 .third-slide .fourth .slot-4 {
        top: 84px;
        opacity: 1;
        transition-property: opacity;
        transition-duration: .2s;
        transition-timing-function: linear
    }

    .pdp-social-media-section.type-1 .third-slide .fourth .slot-5 {
        bottom: 0;
        opacity: 1;
        transition-property: bottom, opacity;
        transition-duration: .2s, .2s;
        transition-timing-function: linear, ease-in;
        transition-delay: 0s, .3s
    }
}

@media (min-width:1440px) {
    .pdp-social-media-section.type-1 .third-slide .second .post-descriptor {
        top: 397px
    }
}

@media (min-width:769px) {
    .pdp-social-media-section.type-1 .third-slide.active-slide-animation .first .main-image-block {
        margin-left: -10px;
        opacity: 0
    }

    .pdp-social-media-section.type-1 .third-slide.active-slide-animation .third .slot-3 {
        opacity: 0;
        bottom: 69px
    }

    .pdp-social-media-section.type-1 .third-slide.active-slide-animation .fourth .slot-4 {
        opacity: 0
    }

    .pdp-social-media-section.type-1 .third-slide.active-slide-animation .fourth .slot-5 {
        bottom: 15px;
        opacity: 0
    }
}

@media (max-width:768.98px) {

    .pdp-social-media-section.type-1 .third-slide .slot-2,
    .pdp-social-media-section.type-1 .third-slide .slot-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pdp-social-media-section.type-1 .third-slide .second,
    .pdp-social-media-section.type-1 .third-slide .third {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .pdp-social-media-section.type-1 .third-slide .post-descriptor {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pdp-social-media-section.type-1 .third-slide .fourth {
        display: none
    }

    .pdp-social-media-section.type-1 .third-slide .second {
        padding-left: 11.73vw
    }

    .pdp-social-media-section.type-1 .third-slide .slot-1 {
        padding-left: 1.73vw
    }

    .pdp-social-media-section.type-1 .third-slide .third {
        padding: 0
    }

    .pdp-social-media-section.type-1 .third-slide .third .inner-content-block {
        width: 84%;
        margin-left: 6.4vw
    }
}

@media (max-width:768.98px) {
    .social-media-post-detail-modal.modal-overlay {
        z-index: 10001
    }
}

.social-media-post-detail-modal .modal-wrapper {
    border: 0;
    padding: 0
}

@media (min-width:769px) {
    .social-media-post-detail-modal .modal-wrapper {
        width: 74vw;
        height: auto;
        max-width: 1074px
    }
}

.social-media-post-detail-modal .modal-body {
    overflow: hidden;
    max-height: 76vh
}

@media (min-width:769px) {
    .social-media-post-detail-modal .modal-body {
        max-height: 80vh
    }
}

.social-media-post-detail-modal .modal-body,
.social-media-post-detail-modal .social-post-detail-content {
    height: 100%
}

.social-media-post-detail-modal .sb-scrollbar-container {
    right: 0
}

.social-media-post-detail-modal .responsive-embed {
    max-width: 100%;
    padding-bottom: 0;
    height: 100%;
    margin: 0
}

.social-media-post-detail-modal .responsive-embed iframe {
    height: 100%;
    position: relative
}

@media (min-width:769px) {
    .social-media-post-detail-modal .post-detail-image {
        width: 50%;
        float: left
    }
}

@media (max-width:768.98px) {
    .social-media-post-detail-modal .post-detail-image img {
        width: 100%;
        max-height: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .post-detail-image img {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .social-media-post-detail-modal .post-detail-content {
        padding: 6.93333vw 5.6vw 7.33333vw 7.06667vw
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .post-detail-content {
        width: 50%;
        padding-top: 36px;
        padding-left: 4.3%
    }
}

@media (min-width:576px) and (max-width:768px) {
    .social-media-post-detail-modal .post-detail-content {
        padding: 3vw 3vw 0
    }
}

.social-media-post-detail-modal .top-link a {
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #c8102e;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .social-media-post-detail-modal .top-link a {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .social-media-post-detail-modal .top-link a {
        text-transform: uppercase
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .top-link a {
        font-size: 18px
    }
}

.social-media-post-detail-modal .post-date {
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    letter-spacing: .6px;
    display: inline-block;
    float: right
}

@media (max-width:750px) {
    .social-media-post-detail-modal .post-date {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .post-date {
        font-size: 18px;
        margin-right: 70px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .social-media-post-detail-modal .post-date {
        margin-right: 5px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .social-media-post-detail-modal .post-date {
        margin-right: 44px
    }
}

.social-media-post-detail-modal .copy-text {
    position: relative;
    text-transform: uppercase;
    font-size: 1.75rem
}

@media (max-width:750px) {
    .social-media-post-detail-modal .copy-text {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media screen and (max-width:768px) {
    .social-media-post-detail-modal .copy-text {
        padding-top: 2.66667vw;
        padding-right: 15.33333vw
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .copy-text {
        font-size: 1.95vw;
        line-height: 1.21;
        letter-spacing: .6px;
        margin-top: 18px;
        padding-right: 16%
    }
}

@media (min-width:1440px) {
    .social-media-post-detail-modal .copy-text {
        font-size: 28px
    }
}

.social-media-post-detail-modal .copy-text:before {
    content: "";
    width: 4vw;
    height: 1.06vw;
    background-color: #c8102e;
    display: inline-block
}

@media (min-width:769px) {
    .social-media-post-detail-modal .copy-text:before {
        width: 30px;
        height: 8px
    }
}

.social-media-post-detail-modal .copy-text p {
    margin-top: .26vw
}

@media (min-width:769px) {
    .social-media-post-detail-modal .copy-text p {
        margin-top: 7px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .social-media-post-detail-modal .copy-text {
        margin-right: 34px
    }
}

.social-media-post-detail-modal .tags {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: .5px;
    margin-top: 3vw;
    padding-right: 10vw
}

@media (max-width:750px) {
    .social-media-post-detail-modal .tags {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .tags {
        font-size: 18px;
        letter-spacing: .4px;
        line-height: 1.334;
        padding-right: 10px;
        margin-top: 19px
    }
}

@media (min-width:1440px) {
    .social-media-post-detail-modal .tags {
        padding-right: 150px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .social-media-post-detail-modal .tags {
        margin-right: 34px
    }
}

.social-media-post-detail-modal .also-shown-links {
    margin-top: 13vw
}

@media (min-width:769px) {
    .social-media-post-detail-modal .also-shown-links {
        margin: 15px 0 23px
    }
}

@media (min-width:1440px) {
    .social-media-post-detail-modal .also-shown-links {
        margin: 137px 0 55px
    }
}

.social-media-post-detail-modal .also-shown-links p {
    text-transform: uppercase;
    font-size: 1.75rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000
}

@media (max-width:750px) {
    .social-media-post-detail-modal .also-shown-links p {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .social-media-post-detail-modal .also-shown-links p {
        margin-bottom: .93vw
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .also-shown-links p {
        font-size: 28px;
        margin-bottom: 15px
    }
}

.social-media-post-detail-modal .also-shown-links li {
    list-style: none
}

@media (max-width:768.98px) {
    .social-media-post-detail-modal .also-shown-links li {
        margin: 1.06vw 0;
        float: left;
        width: 100%
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .also-shown-links li {
        margin: 10px 0
    }
}

.social-media-post-detail-modal .also-shown-links a {
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #c8102e
}

@media (max-width:750px) {
    .social-media-post-detail-modal .also-shown-links a {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .social-media-post-detail-modal .also-shown-links a {
        font-size: 18px
    }
}

.product-tile-regimen .product-image {
    padding: 0;
    overflow: hidden
}

@media (min-width:769px) {
    .product-tile-regimen .product-image {
        text-align: center
    }
}

.product-tile-regimen h4,
.product-tile-regimen h5 {
    font-size: 1rem
}

@media (max-width:750px) {

    .product-tile-regimen h4,
    .product-tile-regimen h5 {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.product-tile-regimen a {
    color: #000
}

.product-tile-regimen .product-brand-name-block {
    padding: 2.35rem 3rem 0
}

.product-tile-regimen .product-brand-name-block h3 {
    overflow: hidden;
    margin-bottom: 3.33vw;
    height: 9.06vw;
    line-height: inherit
}

@media (min-width:769px) {
    .product-tile-regimen .product-brand-name-block h3 {
        height: 4.25rem
    }
}

@media screen and (min-width:769px) {
    .product-tile-regimen .product-brand-name-block h3 {
        margin: 0 0 1.83333vw
    }
}

@media (min-width:1440px) {
    .product-tile-regimen .product-brand-name-block h3 {
        margin: 0 0 26.4px
    }
}

@media screen and (max-width:576px) {
    .product-tile-regimen .product-brand-name-block h3 {
        height: 9.46vw
    }
}

.product-tile-regimen .product-brand-name-block .product-brand,
.product-tile-regimen .product-brand-name-block .product-name {
    overflow: hidden;
    height: 2.5rem
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-tile-regimen .product-brand-name-block .product-name {
        max-height: 1.35rem
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-tile-regimen .product-brand-name-block .product-name {
        max-height: 1.34rem
    }
}

@media screen and (max-width:576px) and (orientation:portrait) {
    .product-tile-regimen .product-brand-name-block .product-name {
        height: 1.5rem
    }
}

@media screen and (max-width:768px) and (orientation:landscape) {
    .product-tile-regimen .product-brand-name-block .product-name {
        height: 2.5rem
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .product-tile-regimen .product-brand-name-block .product-brand {
        max-height: 1.34rem
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .product-tile-regimen .product-brand-name-block .product-brand {
        max-height: 1.34rem
    }
}

@media screen and (max-width:576px) and (orientation:portrait) {
    .product-tile-regimen .product-brand-name-block .product-brand {
        height: 1.5rem
    }
}

@media screen and (max-width:768px) and (orientation:landscape) {
    .product-tile-regimen .product-brand-name-block .product-brand {
        height: 2.5rem
    }
}

.product-tile-regimen .view-all {
    color: #c8102e;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #c8102e;
    font-size: 1rem;
    margin-top: 4.27vw
}

@media (max-width:750px) {
    .product-tile-regimen .view-all {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media screen and (max-width:768px) {
    .product-tile-regimen .view-all {
        padding: 0 0 2.66667vw
    }
}

@media screen and (min-width:769px) {
    .product-tile-regimen .view-all {
        margin: 2.22222vw 0 0
    }
}

@media (min-width:1440px) {
    .product-tile-regimen .view-all {
        margin: 32px 0 0
    }
}

@media screen and (min-width:769px) {
    .product-tile-regimen .view-all {
        padding: 0 0 .97222vw
    }
}

@media (min-width:1440px) {
    .product-tile-regimen .view-all {
        padding: 0 0 14px
    }
}

@media (max-width:768.98px) {
    .regimen-cont {
        padding-left: 0
    }
}

.main-rg-block,
.main-rg-block .product-name-sec {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (max-width:768.98px) {
    .main-rg-block {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .main-rg-block .product-image img {
        width: 100%
    }
}

@media (max-width:768.98px) {
    .main-rg-block .product-name-sec {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.main-rg-block .product-tile-regimen {
    position: relative
}

.main-rg-block .product-brand-name-block {
    position: absolute;
    right: 0;
    padding: 0 10px;
    top: 28%
}

@media (max-width:768.98px) {
    .main-rg-block .product-brand-name-block {
        padding: 0 10px 0 25px;
        top: 18%
    }
}

.main-rg-block .product-brand-name-block h3 {
    margin-bottom: .25rem;
    height: auto
}

@media (min-width:769px) {
    .main-rg-block .product-brand-name-block h3 {
        margin-bottom: .875rem
    }
}

.main-rg-block .product-brand-name-block>div {
    max-width: 85%
}

@media (min-width:769px) {
    .main-rg-block .product-brand-name-block>div {
        max-width: 80%
    }
}

.flip-container {
    z-index: 1;
    perspective: 1000px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

@media (max-width:768.98px) {
    .flip-container {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .flip-container {
        padding: 0 1.33333vw 0 0
    }
}

.flip-container .product-tile-regimen {
    min-height: 46.93vw;
    position: relative
}

@media (min-width:769px) {
    .flip-container .product-tile-regimen {
        height: 346px;
        min-height: 346px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .flip-container .product-tile-regimen {
        min-height: 244px
    }
}

@media screen and (min-width:1025px) {
    .flip-container:hover .product-image.face {
        transform: rotateY(180deg);
        z-index: 0
    }

    .flip-container:hover .back.face {
        transform: rotateY(360deg);
        z-index: 2
    }
}

.flip-container .product-image.face {
    transform: rotateY(0deg);
    z-index: 2;
    transition: all 1s linear
}

.flip-container .back.face {
    transform: rotateY(180deg);
    z-index: 0;
    transition: all 1s linear
}

@media screen and (max-width:1024px) {
    .flip-container .product-regimen-device .back.face {
        transform: rotateY(360deg)
    }
}

@media screen and (max-width:1024px) {
    .flip-container .product-regimen-device .product-image.face {
        transform: rotateY(180deg);
        transition: all 1s linear
    }
}

.flip-container .flipper {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1s linear
}

.flip-container .face {
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .flip-container .face {
        backface-visibility: hidden
    }
}

@media (max-width:768.98px) {
    .flip-container .face {
        backface-visibility: hidden;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.flip-container .face.back {
    display: block;
    transform: rotateY(180deg);
    box-sizing: border-box;
    padding: 8.53vw 6.4vw;
    color: #000
}

@media screen and (min-width:769px) {
    .flip-container .face.back {
        padding: 4.44444vw 3.33333vw
    }
}

@media (min-width:1440px) {
    .flip-container .face.back {
        padding: 64px 48px
    }
}

@media (max-width:768.98px) {
    .flip-container .face {
        padding: 0
    }
}

.flip-container .product-image img {
    max-height: 346px
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .flip-container .product-image img {
        max-height: none
    }
}

@media (max-width:768.98px) {
    .flip-container .product-image img {
        width: 100%
    }
}

.regimen-row {
    display: inline-block;
    width: 101.5%
}

@media screen and (min-width:769px) {
    .regimen-row {
        margin: 8.47222vw -.69444vw 6.25vw
    }
}

@media (min-width:1440px) {
    .regimen-row {
        margin: 122px -10px 90px
    }
}

@media screen and (max-width:768px) {
    .regimen-row {
        margin: 1.73333vw 0 16.26667vw
    }
}

@media (max-width:768.98px) {

    .regimen-row .blank,
    .regimen-row .category-block {
        display: none
    }
}

.regimen-row .flex-i {
    float: left
}

@media screen and (min-width:769px) {
    .regimen-row .flex-i {
        margin: 0 0 1.38889vw
    }
}

@media (min-width:1440px) {
    .regimen-row .flex-i {
        margin: 0 0 20px
    }
}

@media screen and (max-width:768px) {
    .regimen-row .flex-i {
        margin: 0 0 2.66667vw
    }
}

@media (min-width:769px) {
    .regimen-row .flex-i.category-block {
        margin-top: -23.625rem;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:769px) and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .regimen-row .flex-i.category-block {
        margin-top: -17.1rem
    }
}

@media (min-width:769px) {
    .regimen-row .flex-i.blank {
        height: 21.63rem;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:769px) and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .regimen-row .flex-i.blank {
        height: 15.66rem
    }
}

@media (min-width:769px) {
    .regimen-row .category-block {
        text-transform: uppercase;
        text-align: center;
        padding: 20.75rem 0;
        font-size: 1.5rem
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .regimen-row .category-block {
        margin: 0 0 1.04167vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .regimen-row .category-block {
        margin: 0 0 15px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .regimen-row .category-block {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .regimen-row .category-block {
        padding: 14.25rem 0;
        margin-bottom: 20px
    }
}

@media (min-width:769px) {
    .regimen-row .category-block h1 {
        font-size: 2.625rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .regimen-row .category-block h1 {
        font-size: calc(0.20243rem + 5.16816vw)
    }
}

@media (min-width:769px) and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .regimen-row .category-block h1 {
        font-size: 3.4vw
    }
}

@media (min-width:769px) {
    .regimen-row .category-block .category {
        font-size: 1.75rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .regimen-row .category-block .category {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .regimen-row .category-block .head {
        font-family: Arial, Medium, sans-serif;
        font-size: 2.625rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .regimen-row .category-block .head {
        font-size: calc(0.20243rem + 5.16816vw)
    }
}

@media (max-width:768.98px) {
    .regimen-row .even-block {
        padding-right: 0
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .regimen-row .even-block {
        padding: 0 1.33333vw
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .regimen-row .main-rg-block {
        padding: 0 1.33333vw 0 0
    }
}

@media (max-width:1023.98px) {
    .pdp-product-thumbnail-slider {
        display: none
    }
}

@media (min-width:769px) {
    .pdp-product-thumbnail-slider {
        margin-top: 30px;
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pdp-product-thumbnail-slider .slick-slide {
        width: 110px
    }

    .pdp-product-thumbnail-slider .slick-slide>div {
        margin: 0 5px
    }

    .pdp-product-thumbnail-slider .slick-slide img:hover {
        opacity: .7
    }

    .pdp-product-thumbnail-slider .slick-slide.clicked-slide>div {
        border-bottom: 5px solid #D6001C
    }

    .pdp-product-thumbnail-slider .slick-slide.slick-current img:hover {
        opacity: 100%
    }
}

.pdp-product-thumbnail-slider.pdp-product-thumbnail-slider-single>div {
    border-bottom: 5px solid #D6001C;
    width: 100px;
    margin: 0 5px
}

.pdp-product-thumbnail-slider .slick-slide img,
.pdp-product-thumbnail-slider.pdp-product-thumbnail-slider-single img {
    margin-bottom: 5px;
    opacity: 1
}

.no-transform {
    transform: translate3d(0, 0, 0) !important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100% !important
}

@media (min-width:769px) {
    .keyingredients-wrapper {
        position: relative
    }
}

.keyingredients .view-all {
    padding: 0 2.67vw
}

@media (min-width:769px) {
    .keyingredients .view-all {
        padding: 0 4.17vw
    }
}

@media (min-width:1440px) {
    .keyingredients .view-all {
        padding: 0 60px
    }
}

.keyingredients-modal {
    z-index: 98;
    background: 0 0
}

@media (min-width:769px) {
    .keyingredients-modal {
        top: 95%;
        height: auto;
        position: absolute
    }
}

.keyingredients-modal .modal-wrapper {
    top: 50%;
    right: 0;
    left: auto;
    width: 90%;
    border: none;
    position: absolute;
    transform: translateY(-50%)
}

@media screen and (max-width:768px) {
    .keyingredients-modal .modal-wrapper {
        padding: 3.33333vw 1.33333vw 3.33333vw 8vw
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .keyingredients-modal .modal-wrapper {
        top: 54px;
        transform: none
    }
}

@media (min-width:769px) {
    .keyingredients-modal .modal-wrapper {
        width: 49.4%;
        padding: 4.03vw 25px 4.03vw 6.3%
    }
}

@media (min-width:1440px) {
    .keyingredients-modal .modal-wrapper {
        padding: 58px 25px 58px 6.3%
    }
}

.keyingredients-modal .modal-body {
    max-height: 65vh;
    overflow-y: hidden;
    padding-right: 3vw
}

@media (max-width:768px) and (orientation:landscape) {
    .keyingredients-modal .modal-body {
        max-height: 50vh
    }
}

@media (min-width:769px) {
    .keyingredients-modal .modal-body {
        max-height: 270px;
        padding-right: 11%
    }
}

@media (min-width:769px) {
    .keyingredients-modal .modal-close-outer {
        position: fixed
    }
}

.keyingredients-modal .modal-close {
    right: 10px
}

@media (min-width:769px) {
    .keyingredients-modal .modal-close {
        top: -34px;
        right: 22px;
        font-size: 1rem
    }
}

@media (max-width:768.98px) {
    .fslx.keyingredients .view-all {
        padding-top: 2vw
    }
}

.fslx .keyingredients-modal {
    color: #000
}

@media (min-width:769px) {
    .fslx .keyingredients-modal {
        top: 78%
    }
}

.fslx .keyingredients-modal .modal-close {
    color: #fff
}

@media (max-width:768.98px) {
    .mobile-dropdown {
        display: inline-block;
        width: auto
    }
}

.pdp-page .modal-overlay.view-360-modal .spritespin-conatiner {
    position: relative
}

.pdp-page .modal-overlay.view-360-modal .modal-360-img {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 2vw;
    max-width: 8.66vw
}

@media (min-width:769px) {
    .pdp-page .modal-overlay.view-360-modal .modal-360-img {
        max-width: 65px;
        left: 15px
    }
}

.pdp-page .modal-overlay.view-360-modal .loader-img-360 {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: none
}

.pdp-page .modal-overlay.view-360-modal .loader-img-360.show {
    display: block
}

.pdp-page .modal-overlay.view-360-modal .modal-wrapper {
    border: none;
    padding: 0
}

@media (max-width:768.98px) {
    .pdp-page .modal-overlay.view-360-modal .modal-wrapper {
        width: 90vw
    }
}

@media (min-width:375px) and (max-width:668px) and (orientation:landscape) {
    .pdp-page .modal-overlay.view-360-modal .modal-wrapper {
        width: 70vh
    }
}

@media (min-width:769px) {
    .pdp-page .modal-overlay.view-360-modal .modal-wrapper {
        width: 70vh
    }
}

@media screen and (min-width:1440px) {
    .pdp-page .modal-overlay.view-360-modal .modal-wrapper {
        width: 800px
    }
}

@media (max-width:768.98px) {
    .pdp-page .modal-overlay.view-360-modal .modal-body {
        height: 90vw;
        min-height: 90vw
    }
}

@media (min-width:375px) and (max-width:668px) and (orientation:landscape) {
    .pdp-page .modal-overlay.view-360-modal .modal-body {
        height: 70vh;
        min-height: 70vh
    }
}

@media (min-width:769px) {
    .pdp-page .modal-overlay.view-360-modal .modal-body {
        max-height: none;
        height: 70vh;
        min-height: 70vh
    }
}

@media screen and (min-width:1440px) {
    .pdp-page .modal-overlay.view-360-modal .modal-body {
        height: 800px;
        min-height: 800px
    }
}

.pdp-page .modal-overlay.view-360-modal .spritespin {
    margin: 0 auto
}

.all-a2c-error {
    margin-bottom: 10px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #c8102e
}

@media (max-width:768.98px) {
    .all-a2c-error {
        font-size: 16px
    }
}

@media (min-width:769px) {
    .all-a2c-error {
        font-size: 14px
    }
}

.article-recommend-sec .all-a2c-error,
.tutorial-content .all-a2c-error {
    text-align: center
}

@media (max-width:768.98px) {
    .quiz-recommended-products .all-a2c-error {
        text-align: center
    }
}

.tryiton-modal .modal-wrapper {
    width: 100%;
    height: 100%;
    padding: 0
}

.tryiton-modal .modal-body {
    max-height: none
}

@media (max-width:768.98px) {
    .giaran-modal .modal-wrapper {
        padding: 1.75vw 0
    }
}

@media screen and (min-width:769px) {
    .giaran-modal .modal-wrapper {
        padding: 1.73611vw 0
    }
}

@media (min-width:1440px) {
    .giaran-modal .modal-wrapper {
        padding: 25px 0
    }
}

@media (min-width:769px) {
    .giaran-modal .modal-wrapper {
        max-width: 500px
    }
}

.giaran-modal .modal-body {
    overflow-y: hidden
}

@media screen and (max-width:768px) {
    .giaran-modal .modal-body {
        padding: 8.26667vw 6vw
    }
}

@media screen and (max-width:768px) and (orientation:landscape) and (max-width:768px) {
    .giaran-modal .modal-body {
        padding: 1.33333vw 3.33333vw
    }
}

@media (min-width:769px) {
    .giaran-modal .modal-body {
        padding: 30px 25px 35px
    }
}

.giaran-modal h2 {
    text-align: center;
    font-size: 1.875rem;
    text-transform: none;
    line-height: 1
}

@media (max-width:750px) {
    .giaran-modal h2 {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media screen and (min-width:769px) {
    .giaran-modal h2 {
        margin: 0 0 1.73611vw
    }
}

@media (min-width:1440px) {
    .giaran-modal h2 {
        margin: 0 0 25px
    }
}

@media screen and (max-width:768px) {
    .giaran-modal h2 {
        margin: 0 0 2vw
    }
}

@media (min-width:769px) {
    .giaran-modal h2 {
        font-size: 30px
    }
}

.giaran-modal .button-container,
.giaran-modal p {
    text-align: center
}

.giaran-modal .button-container .modal-close {
    position: relative;
    top: unset
}

@media screen and (min-width:769px) {
    .giaran-modal .button-container .modal-close {
        margin: 1.73611vw 0 0
    }
}

@media (min-width:1440px) {
    .giaran-modal .button-container .modal-close {
        margin: 25px 0 0
    }
}

@media screen and (max-width:768px) {
    .giaran-modal .button-container .modal-close {
        margin: 5.33333vw 0 0
    }
}

@media (max-width:1023.98px) {
    .giaran-modal .button-container .modal-close {
        width: auto;
        height: auto;
        min-width: 47%
    }
}

.product-variations .value {
    position: relative
}

.product-variations .swatches {
    font-size: 14px;
    width: 100%;
    margin-bottom: 20px
}

@media (max-width:768.98px) {
    .product-variations .swatches {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: scroll
    }
}

.product-variations .swatches.size .swatchanchor {
    min-width: 3.75rem;
    width: auto;
    padding: 11px;
    border: 1px solid #c4c4c4;
    border-radius: 0;
    font-size: 14px;
    height: 40px;
    margin-right: 9px;
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px
}

.product-variations .swatches.size .selected .swatchanchor {
    border: 1px solid #000;
    pointer-events: none
}

.product-variations .swatches.size .unselectable .swatchanchor {
    cursor: pointer;
    border-color: transparent;
    background: url(../images/strikethrough.png) #eee;
    color: #888
}

.product-variations .swatches.size .unselectable.selected .swatchanchor {
    border: 1px solid #000;
    pointer-events: none
}

.product-variations .swatches::-webkit-scrollbar,
.product-variations .swatches::-webkit-scrollbar-thumb,
.product-variations .swatches::-webkit-scrollbar-track {
    display: none
}

.product-variations .swatches::-webkit-scrollbar {
    width: 0
}

@media (min-width:769px) {
    .product-variations .transparent-gradient {
        display: none
    }
}

@media (max-width:768.98px) {
    .product-variations .transparent-gradient {
        position: absolute;
        pointer-events: none;
        background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 91.41%);
        height: 50px;
        width: 80px;
        top: 50%;
        right: -1px
    }
}

.price-and-single-size-wrapper .price-row {
    padding-bottom: 18px;
    margin-bottom: 0
}

.price-and-single-size-wrapper .price-row .product-price {
    display: inline-block
}

.price-and-single-size-wrapper .price-row .product-price .price-sales {
    font-size: 24px
}

.price-and-single-size-wrapper .price-row .product-price .taxation-policy {
    display: inline-block;
    font-size: 14px
}

.add-to-cart-in-stock {
    background: 0 0;
    height: 50px;
    width: auto;
    margin-bottom: 24px;
    display: inline
}

.add-to-cart-in-stock .ui-selectmenu-button span.ui-selectmenu-text {
    height: 100%;
    opacity: 0
}

.add-to-cart-in-stock .quantity-row {
    margin-right: 11px;
    width: 15%;
    width: 40px
}

.add-to-cart-in-stock .quantity-row #pdp-top-quantity {
    display: block !important;
    position: absolute;
    top: 0;
    padding: 0 0 0 6px
}

@media (min-width:769px) {
    .add-to-cart-in-stock .quantity-row #pdp-top-quantity {
        padding-left: 11.5px
    }
}

@media (min-width:769px) {
    .add-to-cart-in-stock .quantity-row {
        width: 50px;
        margin-right: 16px
    }
}

.add-to-cart-in-stock .quantity-row select {
    width: 40px;
    height: 40px;
    opacity: 1;
    font-size: 12px;
    font-family: Arial, sans-serif
}

@media (min-width:769px) {
    .add-to-cart-in-stock .quantity-row select {
        width: 50px;
        height: 50px;
        font-size: 16px
    }
}

.add-to-cart-in-stock .add-to-cart {
    padding: 0;
    width: 157px;
    height: 40px;
    line-height: 40px;
    font-size: 12px
}

@media (min-width:769px) {
    .add-to-cart-in-stock .add-to-cart {
        width: 170px;
        height: 50px;
        line-height: 50px;
        font-size: 14px
    }
}

@media (min-width:992px) and (max-width:1100px) {
    .add-to-cart-in-stock .add-to-cart {
        width: 200px
    }
}

@media (min-width:1101px) {
    .add-to-cart-in-stock .add-to-cart {
        width: 341px
    }
}

.pdp-text-block .quantity-dropdown {
    opacity: 1;
    width: 100%;
    border: 1px solid #262626;
    border-radius: 0
}

.pdp-text-block .store-link {
    text-transform: uppercase;
    color: #000
}

.pdp-text-block .store-link .find-store-icon {
    margin-right: 11px;
    vertical-align: sub;
    font-size: 18.16px
}

.pdp-text-block .store-link .store-text {
    letter-spacing: 1px;
    font-size: 12px
}

@media (min-width:769px) {
    .pdp-text-block .store-link .store-text {
        font-size: 14px
    }
}

.pdp-text-block .store-link .store-text:hover {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.pdp-text-block .store-link .find-store-button .icon-pin {
    margin-left: 14px
}

.pdp-text-block .store-link .find-store-button .store-text-link {
    font-family: Arial, sans-serif
}

.pdp-text-block .add-to-cart-out-of-stock {
    background-color: #666;
    height: 52px;
    width: 192px
}

.pdp-text-block .sample-selection-link {
    font-size: 14px;
    letter-spacing: 1px;
    color: #262626
}

.pdp-text-block .sample-selection-link:hover {
    color: #666;
    opacity: .7;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.pdp-wishlist-icon {
    margin-left: 25px;
    display: inline
}

.qty-down-arrow {
    display: block;
    position: absolute;
    font-size: 6px;
    right: 5.5px;
    z-index: 997;
    top: 17px
}

@media (min-width:769px) {
    .qty-down-arrow {
        top: 22px
    }
}

select.quantity-dropdown {
    padding: 17px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff
}

select.quantity-dropdown::-ms-expand {
    display: none
}

.pt_product-details .breadcrumbs-wrap .breadcrumb {
    margin-left: 2.2%
}

@media (min-width:769px) {
    .pt_product-details .breadcrumbs-wrap .breadcrumb {
        min-height: 31px
    }
}

.pt_product-details .breadcrumbs-wrap .breadcrumb .breadcrumb-element {
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-transform: capitalize
}

.pt_product-details .breadcrumbs-wrap .breadcrumb .breadcrumb-element:before {
    content: '\25CF';
    font-weight: 500;
    font-size: 6px;
    padding-top: 3.5px;
    padding-left: 6px
}

.pt_product-details .breadcrumbs-wrap .breadcrumb .breadcrumb-element h1 {
    font-size: 12px;
    text-transform: capitalize
}

.pt_product-details .breadcrumbs-wrap .breadcrumb .breadcrumb-element:last-child:last-of-type {
    color: #666;
    font-family: Arial, Medium, sans-serif
}

.pt_product-details .breadcrumbs-wrap .breadcrumb a.breadcrumb-element span {
    text-decoration: underline
}

.product-content .product-badge-list {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-content .product-badge-list .badge-product {
    margin-right: 8px;
    margin-bottom: 8px;
    padding: 6px 8px;
    min-height: 22px;
    background: #f1f1f1
}

.product-content .product-badge-list .badge-text {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #000
}

@media (max-width:768.98px) {
    .product-content .product-badge-list.desktop-only {
        display: none
    }
}

.product-content .key-features-wrapper {
    margin: 25px 0;
    padding: 0 10px;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    font-size: 14px;
    line-height: 18px
}

.product-content .key-features-wrapper .key-features-list {
    list-style: none
}

.product-content .key-features-wrapper .key-features-list .key-feature {
    margin: 0 -10px;
    padding: 16px 10px 10px
}

.product-content .key-features-wrapper .key-features-list .key-feature:not(:last-child) {
    border-bottom: 1px solid #ccc
}

.product-content .key-features-wrapper .key-features-list .key-feature-title {
    font-family: Arial, Medium, sans-serif;
    color: #414141
}

.product-content .key-features-wrapper .key-features-list .key-feature-description {
    margin-top: 2px;
    color: #666
}

.product-content .swatches.size,
.product-content .swatches.size .label {
    font-size: 14px
}

.product-content .swatches.size.label-header {
    margin-bottom: 0
}

.product-content .taxation-policy {
    color: #666;
    font-size: 14px
}

.product-content div.swatches.size {
    font-size: 14px;
    font-weight: 700;
    color: #666
}

.product-content div.swatches.size .label {
    font-size: 14px;
    font-weight: 400;
    padding-top: 0;
    padding-right: 5px
}

@media (min-width:769px) {
    .product-content div.swatches.size .label {
        padding-right: 3px
    }
}

.pdp-wishlist-icon .wishlist-icon {
    height: 20px;
    width: 20px;
    display: inline-block
}

.find-store-main {
    margin-top: 7px
}

@media (min-width:769px) {
    .find-store-main {
        margin-top: 16px
    }
}

.product-info-container .product-info #pdp-swatches a:hover {
    opacity: 1
}

.product-info-container .product-info .product-variations .value {
    position: relative
}

.product-info-container .product-info .product-variations .swatches:not(.size) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: 100%;
    margin-bottom: 20px
}

.product-info-container .product-info .product-variations .swatches:not(.size) .selectable,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable {
    width: 42px;
    height: 42px;
    padding: 9px
}

.product-info-container .product-info .product-variations .swatches:not(.size) .selectable .swatchanchor,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable .swatchanchor {
    display: block;
    position: relative;
    height: 24px;
    width: 24px;
    opacity: 1
}

.product-info-container .product-info .product-variations .swatches:not(.size) .selectable .swatchanchor:after,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable .swatchanchor:after {
    content: "";
    background-color: #fff;
    border-radius: 50%;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: width .14s ease-in, height .14s ease-in
}

@media (hover:hover) {

    .product-info-container .product-info .product-variations .swatches:not(.size) .selectable .swatchanchor:hover,
    .product-info-container .product-info .product-variations .swatches:not(.size) .unselectable .swatchanchor:hover {
        opacity: 1
    }
}

@media (hover:hover) and (min-width:769px) {

    .product-info-container .product-info .product-variations .swatches:not(.size) .selectable .swatchanchor:hover,
    .product-info-container .product-info .product-variations .swatches:not(.size) .unselectable .swatchanchor:hover {
        opacity: 1
    }

    .product-info-container .product-info .product-variations .swatches:not(.size) .selectable .swatchanchor:hover:after,
    .product-info-container .product-info .product-variations .swatches:not(.size) .unselectable .swatchanchor:hover:after {
        content: "";
        width: 12px;
        height: 12px;
        transition: width .14s ease-in, height .14s ease-in
    }
}

.product-info-container .product-info .product-variations .swatches:not(.size) .selectable.selected .swatchanchor:after,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.selected .swatchanchor:after {
    width: 6px;
    height: 6px
}

@media (hover:hover) {

    .product-info-container .product-info .product-variations .swatches:not(.size) .selectable.selected .swatchanchor:hover,
    .product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.selected .swatchanchor:hover {
        opacity: 1
    }
}

@media (hover:hover) and (min-width:769px) {

    .product-info-container .product-info .product-variations .swatches:not(.size) .selectable.selected .swatchanchor:hover,
    .product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.selected .swatchanchor:hover {
        opacity: 1
    }

    .product-info-container .product-info .product-variations .swatches:not(.size) .selectable.selected .swatchanchor:hover:after,
    .product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.selected .swatchanchor:hover:after {
        content: "";
        width: 12px;
        height: 12px;
        transition: width .14s ease-in, height .14s ease-in
    }
}

.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable .swatchanchor::before {
    content: "";
    background-color: #fff;
    display: block;
    position: absolute;
    z-index: 1;
    height: 2px;
    width: 24px;
    top: 50%;
    left: 50%;
    transform-origin: center;
    transform: translate(-50%, -50%) rotate(-45deg)
}

.product-info-container .product-info .product-variations .swatches:not(.size) .selectable.light-colored .color-holder,
.product-info-container .product-info .product-variations .swatches:not(.size) .selectable.light-colored .color-holder-svg,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.light-colored .color-holder,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.light-colored .color-holder-svg {
    border: 1px solid #888
}

.product-info-container .product-info .product-variations .swatches:not(.size) .selectable.light-colored .swatchanchor:after,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.light-colored .swatchanchor:after {
    background-color: #888
}

.product-info-container .product-info .product-variations .swatches:not(.size) .selectable.light-colored .color-holder-svg,
.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.light-colored .color-holder-svg {
    background: #888
}

.product-info-container .product-info .product-variations .swatches:not(.size) .unselectable.light-colored .swatchanchor::before {
    background-color: #888
}

.product-info-container .product-info .product-variations .swatches:not(.size)::-webkit-scrollbar {
    width: 0;
    display: none
}

.product-info-container .product-info .product-variations .swatches:not(.size)::-webkit-scrollbar-track {
    display: none
}

.product-info-container .product-info .product-variations .swatches:not(.size)::-webkit-scrollbar-thumb {
    display: none
}

@media (min-width:769px) {
    .product-info-container .product-info .product-variations .swatches:not(.size) {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x: hidden
    }
}

.product-info-container .product-info .product-variations .swatches:not(.size) .color-holder-svg {
    width: 24px;
    height: 24px;
    border-radius: 50%
}

.product-info-container .product-info .product-variations .swatches:not(.size) .color-holder {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: block
}

.product-info-container .product-info .product-variations .swatches:not(.size) .hexcode-unavailable {
    display: block;
    font-size: 0;
    width: 24px;
    height: 24px;
    background: #ccc;
    border-radius: 50%;
    position: relative
}

.product-info-container .product-info .product-variations .swatches:not(.size) .hexcode-unavailable::before {
    position: absolute;
    display: block;
    content: "No color available";
    font-size: 9px;
    color: #000;
    width: 42px;
    height: 20px;
    text-align: center;
    left: 50%;
    top: 44%;
    transform: translate(-50%, -50%)
}

.fade-replenish {
    position: relative;
    z-index: 0
}

#wrapper.pt_product-details.sticky-header .sticky-component {
    position: relative;
    top: 0
}

@media (max-width:768.98px) {
    .pdp-jump-links .link-wrapper li:last-child a {
        display: block;
        height: auto;
        text-align: left;
        padding-right: 80vw
    }
}

@media (min-width:768px) and (max-width:991px) {
    .pdp-jump-links .link-wrapper li:last-child a {
        display: inline-block
    }
}

@media (max-width:768.98px) {
    .pdp-jump-links .link-wrapper li:last-child {
        padding: 0;
        display: block;
        height: auto
    }
}

.pdp-jump-links {
    text-align: center;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-shadow: 0 0 40px rgba(0, 0, 0, .08), 0 -1px 0 #ccc;
    height: 52px;
    overflow-y: hidden
}

.pdp-jump-links::-webkit-scrollbar {
    width: 0;
    display: none
}

.pdp-jump-links::-webkit-scrollbar-track {
    display: none
}

.pdp-jump-links::-webkit-scrollbar-thumb {
    display: none
}

.pdp-jump-links .link-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    -ms-flex-pack: left;
    justify-content: left;
    white-space: nowrap;
    padding: 10px;
    margin-left: 0
}

@media (min-width:769px) {
    .pdp-jump-links .link-wrapper {
        overflow: hidden;
        padding: 18px 72px 27px
    }
}

.pdp-jump-links .link-wrapper::-webkit-scrollbar {
    width: 0;
    display: none
}

.pdp-jump-links .link-wrapper::-webkit-scrollbar-track {
    display: none
}

.pdp-jump-links .link-wrapper::-webkit-scrollbar-thumb {
    display: none
}

.pdp-jump-links .link-wrapper a {
    color: #000
}

@media (min-width:1200px) {
    .pdp-jump-links .link-wrapper a .underline-holder:hover {
        padding: 6px 0 12px;
        border-bottom: 4px solid #c4c4c4
    }
}

.pdp-jump-links .link-wrapper a:hover {
    opacity: 1
}

@media (min-width:600px) and (max-width:767px) and (orientation:landscape) {
    .pdp-jump-links .link-wrapper li:last-child a {
        display: inline-block
    }
}

.pdp-jump-links a.nav-active .underline-holder {
    padding: 6px 0 9px;
    border-bottom: 4px solid #D6001C
}

.pdp-jump-links .buy-back-to-top {
    display: none
}

.pdp-jump-links.sticky {
    top: 0;
    overflow-x: scroll
}

.pdp-jump-links.sticky .link-wrapper {
    white-space: nowrap;
    padding: 18px 72px 27px
}

@media (min-width:600px) and (max-width:767px) and (orientation:landscape) {
    .pdp-jump-links.sticky .link-wrapper li:last-child a {
        display: inline-block
    }
}

.pdp-jump-links.sticky .link-wrapper a .underline-holder:hover {
    padding-bottom: 9px
}

.pdp-jump-links.sticky .sticky-buy-wrapper {
    display: none
}

@media (min-width:769px) {
    .pdp-jump-links.sticky .pdp-jump-links-wrapper {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.pdp-jump-links.sticky .pdp-jump-links-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:769px) {
    .pdp-jump-links.sticky .buy-back-to-top {
        display: inline-block
    }

    .pdp-jump-links.sticky .buy-back-to-top .buy-back-to-top-nav-link {
        position: absolute;
        right: 3px;
        top: 3px;
        width: 118px;
        padding: 16px 32px;
        background: #000;
        z-index: 9;
        display: inline-block;
        font-size: 14px;
        cursor: pointer;
        color: #fff;
        text-align: center;
        height: 46px;
        text-transform: uppercase;
        letter-spacing: 1px
    }

    .pdp-jump-links.sticky .buy-back-to-top .buy-back-to-top-nav-link .icon-back-to-top-arrow {
        font-size: 12px;
        margin-left: 1px
    }

    .pdp-jump-links.sticky .buy-back-to-top .buy-back-to-top-nav-link:hover {
        background-color: #fff;
        color: #000;
        border: 1px solid #000
    }
}

.pdp-jump-links:not(.sticky) .pdp-jump-links-wrapper {
    line-height: 40px
}

@media (min-width:600px) and (max-width:767px) and (orientation:landscape) {
    .pdp-jump-links:not(.sticky) .pdp-jump-links-wrapper {
        line-height: 31px
    }
}

@media (min-width:769px) {
    .pdp-jump-links:not(.sticky) .pdp-jump-links-wrapper {
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 26px
    }
}

.pdp-jump-links:not(.sticky) .pdp-jump-links-wrapper .link-wrapper {
    margin-left: 0;
    padding-left: 40px
}

@media (min-width:769px) {
    .pdp-jump-links:not(.sticky) .pdp-jump-links-wrapper .link-wrapper {
        max-width: -moz-fit-content;
        max-width: fit-content;
        padding: 13px 72px 27px
    }
}

.pdp-jump-links:not(.sticky) a.nav-active .underline-holder {
    padding: 8px 0;
    border-bottom: 4px solid #D6001C
}

@media (min-width:769px) {
    .pdp-jump-links:not(.sticky) a.nav-active .underline-holder {
        padding-bottom: 12px
    }
}

@media (min-width:614px) and (max-width:768px) {
    .pdp-jump-links:not(.sticky) a.nav-active .underline-holder {
        padding-bottom: 11px
    }
}

.pdp-jump-links:not(.sticky) .buy-back-to-top {
    display: none
}

.pdp-jump-links .link-wrapper a {
    text-transform: initial
}

.pdp-page .pdp-description.z-pdp-description.type2.container,
.pdp-page .pdp-description.z-pdp-description.type2.ginza-wrapper {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:768.98px) {
    .pdp-jump-links .link-wrapper li:last-child a.nav-active .underline-holder {
        padding-top: 0;
        padding-bottom: 10px
    }
}

@media (min-width:769px) {
    .pt_product-details .scroll-top-wrapper {
        display: none
    }
}

.pt_product-details .scroll-top-wrapper .scroll-top-inner .icon-top-arrow {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    position: absolute;
    top: 0;
    left: 4px
}

.pt_product-details .scroll-top-wrapper .scroll-top-inner .icon-top-arrow:before {
    content: "\e007"
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pt_product-details .scroll-top-wrapper .scroll-top-inner .icon-top-arrow {
            top: 0
        }
    }
}

@media (max-width:768.98px) {
    .pt_product-details .scroll-top-wrapper {
        display: block;
        padding: 0;
        margin: 0;
        visibility: visible;
        opacity: 1;
        text-align: center;
        width: 36px;
        height: 36px;
        right: 16px;
        bottom: 15px;
        border: 1px solid #FFF;
        box-sizing: border-box;
        box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
        border-radius: 50%
    }

    .pt_product-details .scroll-top-wrapper .scroll-top-inner {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        background: #000
    }

    .pt_product-details .scroll-top-wrapper .scroll-top-inner .icon {
        display: block;
        width: 100%;
        height: 100%;
        transform: scale(0.85)
    }
}

.add-to-cart-wrapper .find-store-button {
    margin-top: 20px;
    height: 50px;
    letter-spacing: 1px;
    background-color: #262626
}

.add-to-cart-wrapper .find-store-button .store-text-link {
    font-size: 12px;
    font-family: Arial, sans-serif
}

@media (min-width:769px) {
    .add-to-cart-wrapper .find-store-button .store-text-link {
        font-size: 14px
    }
}

.add-to-cart-wrapper .find-store-button .store-text-link .icon-findstorelink {
    vertical-align: sub;
    font-size: 12.51px;
    margin-left: 9px
}

@media (min-width:769px) {
    .add-to-cart-wrapper .find-store-button .store-text-link .icon-findstorelink {
        font-size: 16.52px
    }
}

@media (min-width:769px) {
    .add-to-cart-wrapper .find-store-button {
        width: 214px
    }
}

.pdp-jump-links .pdp-jump-links-wrapper {
    position: relative
}

.pdp-jump-links .pdp-jump-links-wrapper .gradient-block {
    right: 0;
    width: 80px;
    top: 0;
    height: 50px;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    z-index: 1;
    display: none;
    background: linear-gradient(270.57deg, #fff 3.82%, rgba(255, 255, 255, 0) 131.45%)
}

.replenishment-wrapper .ui-selectmenu-button .ui-selectmenu-text {
    padding: 10px 16px 10px 24px
}

@media (min-width:769px) {
    .replenishment-wrapper .ui-selectmenu-button .ui-selectmenu-text {
        padding: 10px 22px 10px 24px;
        margin-left: 0
    }
}

@media (min-width:614px) and (max-width:768px) {
    .replenishment-wrapper .ui-selectmenu-button .ui-selectmenu-text {
        padding: 10px 16px 10px 45px
    }
}

.replenishment-wrapper .ui-selectmenu-button .ui-selectmenu-icon {
    right: 2px
}

.replenishment-wrapper .info-link {
    left: 14px;
    color: #666;
    font-size: 12.1px
}

@media (min-width:769px) {
    .replenishment-wrapper .info-link {
        left: 20px
    }
}

.replenishment-wrapper .icon-info::before {
    font-weight: 400
}

.pdp-wishlist-icon .wishlist-icon {
    vertical-align: middle;
    font-size: 14.27px
}

@media (min-width:769px) {
    .pdp-wishlist-icon .wishlist-icon {
        font-size: 19.12px
    }
}

.pdp-jump-links {
    padding: 0
}

.pdp-jump-links:not(.sticky) {
    height: 52px;
    overflow-x: hidden
}

.pdp-page .fixed-confirmation {
    position: fixed;
    top: 0;
    right: 0
}

.pdp-page .add-to-cart-wrapper button:disabled {
    background: #666;
    color: #fff
}

@media screen and (max-width:768px) {
    .clp-content-wrapper {
        padding: 0
    }
}

@media (min-width:769px) {
    .clp-content-wrapper {
        margin-bottom: 9.03vw
    }
}

@media (min-width:1440px) {
    .clp-content-wrapper {
        margin-bottom: 50px
    }
}

.clp-collection-select-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    min-height: 1px;
    border-bottom: 1px solid #c8102e
}

@media (max-width:768.98px) {
    .clp-collection-select-inner {
        margin-top: -18px;
        padding-bottom: .8vw
    }
}

@media (min-width:769px) {
    .clp-collection-select-inner {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        padding-bottom: 7px;
        margin: 7vw auto 0
    }
}

@media (min-width:1440px) {
    .clp-collection-select-inner {
        margin: 84px auto 0
    }
}

.clp-collection-select-inner .labelText {
    font-size: 1.625rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .clp-collection-select-inner .labelText {
        font-size: calc(0.20143rem + 3.03696vw)
    }
}

@media (min-width:769px) {
    .clp-collection-select-inner .labelText {
        font-size: 1.25rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .clp-collection-select-inner .labelText {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.clp-collection-select-inner .ui-selectmenu-button {
    border: 0;
    height: auto;
    padding: 13px;
    color: #000
}

.clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text {
    font-size: 1.625rem;
    position: relative;
    padding-right: 30px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: calc(0.20143rem + 3.03696vw)
    }
}

@media screen and (max-width:576px) {
    .clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text {
        padding-right: 4vw
    }
}

@media (min-width:769px) {
    .clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: 1.25rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text::after {
    content: '';
    display: inline-block;
    border: 2px solid #000;
    transform: rotate(-45deg);
    right: 3px;
    position: absolute;
    border-width: 0 0 2px 2px;
    width: 10px;
    height: 10px
}

@media (max-width:768.98px) {
    .clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text::after {
        top: 1.45vw
    }
}

@media screen and (max-width:576px) {
    .clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text::after {
        width: 1.8vw;
        height: 1.8vw
    }
}

@media (min-width:769px) {
    .clp-collection-select-inner .ui-selectmenu-button span.ui-selectmenu-text::after {
        top: 4px
    }
}

.clp-collection-select-inner .ui-selectmenu-button.ui-selectmenu-button-open {
    z-index: 1;
    background: #fff;
    box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09)
}

.clp-collection-select-inner .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text::after {
    border-width: 2px 2px 0 0
}

@media (max-width:768.98px) {
    .clp-collection-select-inner .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text::after {
        top: 1.5vw
    }
}

@media (min-width:769px) {
    .clp-collection-select-inner .ui-selectmenu-button.ui-selectmenu-button-open span.ui-selectmenu-text::after {
        top: 9px
    }
}

.clp-collection-select-inner .ui-state-disabled {
    display: block
}

.collection-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:768px) {
    .collection-block {
        padding-top: 8.93333vw;
        padding-bottom: 8.93333vw
    }
}

.collection-block .product-tile-outer {
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    position: relative;
    margin-bottom: 6.5VW;
    width: 50%;
    height: auto
}

@media (min-width:769px) {
    .collection-block .product-tile-outer {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        margin-bottom: 60px;
        max-width: 320px
    }
}

@media (max-width:1023.98px) {
    .collection-block .product-tile-outer:nth-of-type(2n):after {
        left: 10px;
        margin-left: 2.5vw;
        width: calc(100% - 10px)
    }

    .collection-block .product-tile-outer:nth-of-type(2n+1):after {
        width: calc(100% - 10px)
    }
}

@media (min-width:769px) {

    .collection-block .product-tile-outer:nth-of-type(2):after,
    .collection-block .product-tile-outer:nth-of-type(3n+1):after {
        left: 30px
    }

    .collection-block .product-tile-outer:nth-of-type(3n):after {
        width: calc(100% - 10px)
    }
}

.collection-block .product-tile-outer:last-of-type {
    margin-right: auto
}

@media (min-width:769px) {
    .collection-block .product-tile-outer:last-of-type {
        margin-right: unset
    }
}

.collection-name-desc {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    min-height: auto
}

@media (max-width:768.98px) {
    .collection-name-desc {
        padding: 0 0 10vw
    }
}

@media (min-width:769px) {
    .collection-name-desc {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        min-height: 537px;
        padding-left: 6.25%
    }

    .collection-name-desc .collection-name-wrapper {
        padding-left: 10px
    }
}

.collection-name-desc .view-all-link {
    margin-top: 15px
}

@media screen and (max-width:768px) {
    .collection-name-desc .view-all-link {
        margin-top: 2.66667vw
    }
}

.collection-name-desc .collection-name {
    font-size: 5rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000;
    text-transform: capitalize
}

@media (max-width:750px) {
    .collection-name-desc .collection-name {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media (min-width:769px) {
    .collection-name-desc .collection-name {
        line-height: 1;
        font-size: 40px
    }
}

@media (min-width:1440px) {
    .collection-name-desc .collection-name {
        font-size: 50px
    }
}

.collection-name-desc .description {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 1.5rem
}

@media (max-width:750px) {
    .collection-name-desc .description {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .collection-name-desc .description {
        padding-top: 7.46667vw
    }
}

@media (min-width:769px) {
    .collection-name-desc .description {
        line-height: 1.33;
        font-size: 18px;
        padding: 56px 20.7% 0 0
    }
}

.collection-block {
    padding: 20vw 0 6vw;
    margin-left: -15px;
    margin-right: -15px
}

@media (min-width:769px) {
    .collection-block {
        padding: 7.64vw 0 3.13vw
    }
}

@media (min-width:1440px) {
    .collection-block {
        padding: 110px 0 45px
    }
}

@media (min-width:769px) {
    .collection-block>div:nth-of-type(4) {
        margin-left: 12.5%
    }
}

@media (min-width:601px) {
    .collection-block {
        margin-left: auto;
        margin-right: auto
    }
}

@media (min-width:769px) {
    .collection-block {
        padding-left: 0;
        padding-right: 0
    }
}

.collection-block .product-tile-outer {
    max-width: none
}

@media (min-width:769px) {
    .collection-block .product-tile-outer {
        max-width: 25%
    }
}

.category-wrapper {
    position: relative
}

.category-wrapper .category-bg-texture,
.category-wrapper .category-header-bg {
    z-index: -1;
    position: absolute
}

.category-wrapper.product-size-2 .category-bg-texture,
.category-wrapper.product-size-4 .category-bg-texture,
.category-wrapper.product-size-more .category-bg-texture {
    display: none
}

.category-wrapper .category-header-bg {
    left: 0;
    top: -15%;
    display: none;
    text-align: left
}

@media (min-width:1440px) {
    .category-wrapper .category-header-bg {
        left: calc((1460px - 100vw)/2)
    }
}

@media (min-width:769px) {

    .category-wrapper .category-header-bg,
    .category-wrapper.product-size-4 .category-bg-texture,
    .category-wrapper.product-size-more .category-bg-texture {
        display: block
    }

    .category-wrapper .category-bg-texture {
        width: auto;
        max-width: 40%
    }
}

.category-wrapper .category-bg-texture {
    right: 0;
    bottom: 80px;
    width: 50%;
    text-align: right
}

@media (min-width:1440px) {
    .category-wrapper .category-bg-texture {
        right: calc((1460px - 100vw)/2)
    }
}

@media (max-width:768.98px) {
    .category-wrapper .product-tiles-holder {
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0
    }

    .category-wrapper .product-tiles-holder .product-tile-outer {
        width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 320px;
        padding: 0 5px
    }
}

@media (max-width:768.98px) and (min-width:601px) {
    .category-wrapper .product-tiles-holder .product-tile-outer {
        width: 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%
    }
}

@media (max-width:768.98px) {
    .category-wrapper .product-tiles-holder.list-view::after {
        content: '';
        display: block;
        height: 1px;
        width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 320px
    }

    .category-wrapper .product-tiles-holder.list-view .product-tile-outer {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 320px;
        padding: 0 5px;
        margin-right: 0
    }
}

@media (max-width:768.98px) and (min-width:601px) {
    .category-wrapper .product-tiles-holder.list-view .product-tile-outer {
        width: 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

#wrapper.pt_article.sticky-header .sticky-component {
    z-index: 1006
}

.pt_article .article-full-col {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.pt_article .header-module h1 {
    letter-spacing: -.2px;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-style: normal;
    text-transform: inherit
}

.pt_article .socialsharing {
    top: 0;
    right: 0
}

.pt_article .icon-share {
    float: right;
    margin-top: -4px;
    cursor: pointer
}

.pt_article .author-details {
    letter-spacing: .4px;
    font-family: Arial, sans-serif;
    line-height: 1.5
}

@media (min-width:769px) {
    .pt_article .author-details .social-modal {
        top: -30px
    }
}

.pt_article .article-content {
    font-family: Arial, sans-serif
}

.pt_article .article-hero-component {
    margin-bottom: 1.35em
}

.pt_article .article-hero-component .carousel-component {
    background-color: #f1f1f1;
    text-align: center
}

.pt_article .article-head {
    font-family: Arial, sans-serif;
    font-weight: 500;
    line-height: 2.5;
    letter-spacing: normal
}

.pt_article .article-body {
    width: 100%;
    display: inline-block;
    margin-top: 2.5em;
    margin-bottom: .75em
}

.pt_article .article-body .g-edit h3 {
    line-height: 1
}

.pt_article .article-content p:first-child {
    padding-bottom: 1em
}

.pt_article .article-content .middle-content {
    padding-top: 1em
}

.pt_article .quote-block+.article-content {
    margin-top: 2em
}

.pt_article .article-title-section {
    border-top: 1px solid #ccc;
    margin-bottom: 2.1em;
    float: left;
    width: 100%
}

.pt_article .article-content-ar-try-on,
.pt_article .article-content-second {
    float: left;
    width: 100%
}

.pt_article .article-head {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.15em
}

.pt_article .article-head:before {
    position: absolute;
    content: "";
    height: 1.45em;
    background-color: #f6e1e3;
    width: 6.6em;
    z-index: -1
}

.pt_article .folder-name {
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-style: italic;
    letter-spacing: 1px
}

.pt_article .content-name {
    font-family: Arial, sans-serif;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.2px
}

.pt_article .related-article-sec a {
    display: block;
    width: 100%;
    color: #000
}

.pt_article .related-article-content {
    border-bottom: 1px solid #ccc
}

.pt_article video {
    max-width: 100%
}

.pt_article .article-video {
    max-width: 87%
}

.pt_article .ts1 {
    color: #c8102e
}

.pt_article .ts2 {
    font-family: Arial, Bold, sans-serif
}

.pt_article .btn {
    min-width: inherit
}

.pt_article blockquote {
    margin: 0
}

.pt_article blockquote:before {
    position: relative;
    content: open-quote;
    height: .87em;
    display: block;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: .63;
    padding: .33em 0 .26em .31em;
    background-color: #f6e1e3;
    font-size: 5rem;
    width: 2.04em;
    z-index: -1
}

@media (max-width:750px) {
    .pt_article blockquote:before {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

.pt_article blockquote div {
    padding-left: 12.5%;
    font-family: Arial, sans-serif;
    font-weight: 500;
    font-style: italic;
    line-height: .92;
    font-size: 3rem;
    margin-top: -.6em;
    max-width: 92%
}

@media (max-width:750px) {
    .pt_article blockquote div {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

.pt_article .article-recommend-sec .title-head {
    text-align: center;
    font-family: Arial, Medium, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin: 2em 0
}

.pt_article .article-recommend-sec .search-result-items {
    padding: 0
}

@media (max-width:1023.98px) {
    .pt_article .article-recommend-sec .search-result-items .product-grid:nth-child(2n+1):after {
        left: calc(2.7vw + 10px)
    }

    .pt_article .article-recommend-sec .search-result-items .product-grid:nth-child(2n):after {
        width: calc(100% - 10px)
    }
}

.pt_article .article-recommend-sec .add-all {
    display: block;
    margin: 0 auto
}

.pt_article .article-recommend-sec .buy-button {
    border: 0
}

.pt_article .back-cta {
    text-align: center;
    margin: 10em 0
}

.pt_article .back-cta a {
    font-family: Arial, sans-serif;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .9px;
    display: inline-block
}

@media screen and (max-width:576px) {
    .pt_article .product-tile .product-swatches-wrapper .product-swatches {
        height: 7.8vw
    }
}

.pt_article .product-content>div .product-tile {
    position: relative
}

@media (min-width:769px) {
    .pt_article .product-content>div .product-tile {
        left: 35%;
        max-width: 50%;
        margin-bottom: 0
    }

    .pt_article .product-content>div .product-tile .buy-button {
        bottom: 37px
    }
}

.pt_article .product-content .product-tile-outer {
    margin: 0 auto
}

@media (min-width:769px) {
    .pt_article .header-module {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 5.4em -10px 2.8em
    }

    .pt_article .wishlist {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%;
        text-align: center;
        padding-top: 8px
    }

    .pt_article h1 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
        padding-left: 0;
        font-size: 3rem;
        line-height: .92
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article h1 {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

@media (min-width:769px) {
    .pt_article .icon-share {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .icon-share {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .pt_article .article-hero-component {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }

    .pt_article .article-hero-component.full-bleed {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: center
    }

    .pt_article .article-hero-component.full-bleed .author-details {
        text-align: center
    }

    .pt_article .article-hero-component.full-bleed .icon-share {
        padding-right: 10px;
        vertical-align: middle
    }

    .pt_article .related-article-sec {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        margin-left: 6.25%
    }

    .pt_article .article-content-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }

    .pt_article .article-body {
        margin-top: 4.75em
    }

    .pt_article .article-head {
        font-size: 1.75rem;
        padding-bottom: 2em
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .article-head {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .pt_article .article-head span {
        display: block;
        padding-left: 1.45em;
        line-height: normal;
        padding-top: 2px
    }

    .pt_article .desktop-p {
        margin-bottom: 2.75em
    }

    .pt_article .related-article-sec .folder-name {
        font-size: 1.25rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .related-article-sec .folder-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .pt_article .related-article-sec .content-name {
        font-size: 2.25rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .related-article-sec .content-name {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media (min-width:769px) {
    .pt_article .related-article-content {
        padding: 1.75em 0;
        color: #000;
        background: 0 0;
        font-family: Arial, Bold, sans-serif;
        font-weight: 700;
        position: relative
    }

    .pt_article .related-article-content:before {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #000;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transition: width .4s ease
    }

    .pt_article .related-article-content::after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transition: width .3s ease
    }
}

@media (min-width:769px) and (min-width:1025px) {

    .pt_article .related-article-content.active,
    .pt_article .related-article-content:active,
    .pt_article .related-article-content:hover {
        border: transparent;
        transition: width .3s ease;
        color: #fff
    }

    .pt_article .related-article-content.active:before,
    .pt_article .related-article-content:active:before,
    .pt_article .related-article-content:hover:before {
        left: -33px;
        width: 108%
    }

    .pt_article .related-article-content.active::after,
    .pt_article .related-article-content:active::after,
    .pt_article .related-article-content:hover::after {
        width: 0;
        left: -33px
    }

    .pt_article .related-article-content.active .content-name,
    .pt_article .related-article-content:active .content-name,
    .pt_article .related-article-content:hover .content-name {
        color: #fff
    }
}

@media (min-width:769px) {
    .pt_article .author-details {
        font-size: 14px;
        margin-top: 2em;
        padding-left: 1em;
        padding-right: 0
    }

    .pt_article .article-content {
        font-size: 1.125rem;
        letter-spacing: .9px;
        line-height: 1.33
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .article-content {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .pt_article .article-content.bottom {
        display: table;
        width: 25%
    }

    .pt_article .article-content.bottom>div,
    .pt_article .article-content.bottom>p {
        display: table-row
    }

    .pt_article .article-content-second {
        margin-top: .5em
    }

    .pt_article .article-title-section {
        margin-top: 6.5em
    }

    .pt_article .article-title-section p {
        padding: 20px 0
    }

    .pt_article .quote-block {
        padding-top: 3.35em
    }

    .pt_article .article-details-content h3 {
        padding-top: .75em;
        padding-bottom: .7em;
        font-family: Arial, Medium, sans-serif;
        font-size: 2.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .article-details-content h3 {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .pt_article .article-recommend-sec {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        margin-top: 5.35em
    }

    .pt_article .article-recommend-sec .title-head {
        font-size: 1.875rem;
        margin: 2em 0
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .article-recommend-sec .title-head {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (min-width:769px) {
    .pt_article .article-recommend-sec .regimen-bg {
        width: 100%
    }

    .pt_article .article-recommend-sec .product-grid:nth-child(3n+1):after {
        left: 30px
    }

    .pt_article .article-recommend-sec .product-grid:nth-child(3n):after {
        width: calc(100% - 10px)
    }

    .pt_article .back-cta {
        text-align: center;
        margin: 9.6em 0 13.35em
    }

    .pt_article .back-cta a {
        font-size: 1.125rem;
        line-height: inherit;
        padding: 6px 20px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_article .back-cta a {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .slick-slider.slick-initialized+.carousel-component {
        display: none
    }

    .pt_article .carousel-component img {
        max-width: 85%;
        padding: 0 1px
    }

    .pt_article .header-module {
        margin: 1.25em 0 2.25em
    }

    .pt_article .header-module h2 {
        margin-top: .6em;
        font-size: 3rem;
        line-height: .92;
        text-align: center
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .header-module h2 {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .header-module .wishlist {
        text-align: right
    }

    .pt_article .icon-share {
        font-size: 1.5rem;
        padding-right: 25px;
        margin-top: -3px
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .icon-share {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) and (max-width:768.98px) {
    .pt_article .icon-share {
        padding-right: 10px
    }
}

@media (max-width:768.98px) {
    .pt_article blockquote:before {
        font-size: 5rem;
        margin-left: 0
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article blockquote:before {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media (max-width:768.98px) {
    .pt_article blockquote div {
        font-size: 3rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article blockquote div {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .quote-block {
        padding: 1.5em 0
    }

    .pt_article .article-row {
        margin: 0 -20px
    }

    .pt_article .article-content-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pt_article .article-hero-component {
        -ms-flex-order: 1;
        order: 1
    }

    .pt_article .article-hero-component .slick-slide {
        margin-right: 20px
    }

    .pt_article .related-article-sec {
        -ms-flex-order: 3;
        order: 3
    }

    .pt_article .article-body {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 2.5em
    }

    .pt_article .article-recommend-sec {
        -ms-flex-order: 4;
        order: 4;
        margin-top: 7.4em
    }

    .pt_article .author-details {
        padding: 0 20px;
        margin-top: 2.25em
    }

    .pt_article .author-details .info {
        float: left;
        max-width: 89%
    }

    .pt_article .article-content {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        padding-left: 0;
        font-size: 1.5rem;
        letter-spacing: 1.2px;
        line-height: 1.42
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .article-content {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .article-short-description {
        margin-bottom: 2.8em
    }

    .pt_article .article-body p {
        padding: 20px 0
    }

    .pt_article .article-body h3 {
        padding-top: .3em;
        padding-bottom: .6em
    }

    .pt_article .article-title-section {
        margin-top: 3.6em
    }

    .pt_article .p-merge {
        display: inline;
        padding: 0
    }

    .pt_article .p-merge>p:first-child {
        padding: 0
    }

    .pt_article h3 {
        font-family: Arial, Medium, sans-serif;
        font-size: 2.125rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article h3 {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .article-second-section {
        max-width: 72%
    }

    .pt_article .article-content-second {
        margin-top: 2.1em
    }

    .pt_article .product-content {
        padding: 0 10px;
        float: left;
        width: 100%;
        margin-bottom: 1.9em
    }

    .pt_article .product-content.mobile-only.recommendation {
        display: -ms-flexbox;
        display: flex
    }

    .pt_article .article-content.bottom {
        padding: 0;
        float: left;
        width: 100%;
        margin-top: 1.9em
    }

    .pt_article .article-content.bottom>div {
        padding: 0
    }

    .pt_article .article-head {
        font-size: 1.75rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .article-head {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .article-head span {
        margin-left: 1.4em
    }

    .pt_article .article-head:before {
        top: 3.1%
    }

    .pt_article .related-article-sec .folder-name {
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .related-article-sec .folder-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .related-article-sec .content-name {
        font-size: 2.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .related-article-sec .content-name {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .related-article-sec .article-content {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%
    }

    .pt_article .related-article-content {
        padding: 1.32em 0
    }

    .pt_article .title-head {
        margin: 2em 0 3.5em;
        font-size: 1.75rem;
        letter-spacing: 2.8px
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .title-head {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .pt_article .back-cta {
        margin-top: 7.05em
    }

    .pt_article .back-cta a {
        font-family: Arial, Medium, sans-serif;
        letter-spacing: 1.4px;
        height: inherit;
        font-size: 1.75rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .pt_article .back-cta a {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

.ginza-wrapper .ginza-heading {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 124px;
    text-align: center;
    padding: 0 20px
}

@media (max-width:768.98px) {
    .ginza-wrapper .ginza-heading {
        margin-bottom: 60px
    }
}

.ginza-wrapper .ginza-heading h1 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    font-size: 2.875rem;
    line-height: 1.5;
    margin-top: 53px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

@media (max-width:750px) {
    .ginza-wrapper .ginza-heading h1 {
        font-size: calc(0.20268rem + 5.70096vw)
    }
}

.ginza-wrapper .ginza-heading h1 span {
    font-family: Arial, sans-serif;
    font-weight: 400
}

.ginza-wrapper .ginza-heading .ginza-heading-description {
    width: 100%;
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 1.125rem;
    font-weight: 700
}

@media (max-width:750px) {
    .ginza-wrapper .ginza-heading .ginza-heading-description {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.ginza-wrapper .article-carousel-slick {
    margin-bottom: 90px
}

.ginza-wrapper .article-carousel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.ginza-wrapper .article-carousel .article-description-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .ginza-wrapper .article-carousel .article-description-section {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        margin-left: 6.25%;
        padding-right: 30px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-carousel .article-description-section {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex-order: 2;
        order: 2;
        padding: 10px 6% 50px
    }
}

.ginza-wrapper .article-carousel .article-description-section .article-title {
    margin-bottom: 24px
}

.ginza-wrapper .article-carousel .article-description-section .article-title h5 {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    text-transform: none
}

@media (max-width:750px) {
    .ginza-wrapper .article-carousel .article-description-section .article-title h5 {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

.ginza-wrapper .article-carousel .article-description-section .article-short-description {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 1.125rem;
    margin-bottom: 40px;
    line-height: 1.4
}

@media (max-width:750px) {
    .ginza-wrapper .article-carousel .article-description-section .article-short-description {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-carousel .article-description-section .article-short-description {
        margin-bottom: 28px
    }
}

.ginza-wrapper .article-carousel .article-description-section .secondary-link {
    padding-right: 60px;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .ginza-wrapper .article-carousel .article-description-section .secondary-link {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.ginza-wrapper .article-carousel .article-image-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .ginza-wrapper .article-carousel .article-image-section {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-carousel .article-image-section {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.ginza-wrapper .article-carousel .article-image-section .article-tags {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: italic
}

@media (min-width:769px) {
    .ginza-wrapper .article-carousel .article-image-section .article-tags {
        position: absolute;
        right: 100%;
        top: 0;
        transform: rotate(-90deg);
        transform-origin: right top;
        margin-right: 27px
    }
}

@media screen and (max-width:768px) {
    .ginza-wrapper .article-carousel .article-image-section .article-tags {
        padding: 5.33333vw
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-carousel .article-image-section .article-tags {
        margin: 0
    }
}

@media (max-width:750px) {
    .ginza-wrapper .article-carousel .article-image-section .article-tags {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.ginza-wrapper .article-carousel .article-image-section .article-tags ul {
    display: -ms-flexbox;
    display: flex
}

.ginza-wrapper .article-carousel .article-image-section .article-tags ul li {
    list-style: none;
    margin-left: 20px;
    white-space: nowrap;
    font-weight: 600
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-carousel .article-image-section .article-tags ul li {
        margin-left: 0
    }
}

.ginza-wrapper .article-carousel-slick .slick-slide {
    position: relative
}

@media (min-width:769px) {
    .ginza-wrapper .article-carousel-slick .slick-dots {
        bottom: inherit
    }
}

.ginza-wrapper .article-carousel-slick button.slick-arrow {
    width: 60px;
    height: 60px;
    position: absolute;
    line-height: 0;
    z-index: 1
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-carousel-slick button.slick-arrow {
        visibility: visible;
        top: 31.5vw;
        width: 10vw;
        height: 10vw
    }
}

.ginza-wrapper .article-carousel-slick button.slick-arrow.slick-disabled:after {
    border-color: #ccc
}

.ginza-wrapper .article-carousel-slick button.slick-arrow:after {
    width: 40px;
    height: 40px;
    padding: 0;
    border-color: #666;
    border-width: 0 3px 3px 0
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-carousel-slick button.slick-arrow:after {
        width: 3.5vw;
        height: 3.5vw;
        border-width: 0 2px 2px 0
    }
}

.ginza-wrapper .articles-content {
    position: relative
}

@media (min-width:769px) {
    .ginza-wrapper .articles-content {
        padding-top: 120px;
        padding-bottom: 120px
    }
}

.ginza-wrapper .articles-content .article-navigation {
    width: 77.4%
}

@media (min-width:769px) {
    .ginza-wrapper .articles-content .article-navigation {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 998;
        width: 25.4%;
        padding: 22px 0 52px 5%
    }

    .ginza-wrapper .articles-content .article-navigation .active-link {
        display: none
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .articles-content .article-navigation .article-nav {
        display: none;
        position: absolute;
        left: 0;
        top: 92px;
        width: 77.4%;
        z-index: 999;
        padding-bottom: 38px;
        background-color: #f6e1e3
    }

    .ginza-wrapper .articles-content .article-navigation .active-link {
        text-align: center;
        padding: 15px 16%;
        font-size: 1.75rem;
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #000;
        background-color: #f6e1e3;
        position: relative
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .ginza-wrapper .articles-content .article-navigation .active-link {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .articles-content .article-navigation .active-link .icon-downCarrot {
        font-size: 12px;
        font-weight: 700;
        position: absolute;
        right: 11%;
        top: 50%;
        margin-top: -6px
    }
}

.ginza-wrapper .articles-content .article-navigation.article-open .article-nav {
    display: block;
    top: 50px
}

.ginza-wrapper .articles-content .article-navigation.article-open .icon-downCarrot {
    transform: rotate(-180deg);
    margin-top: -10px
}

@media (min-width:769px) {
    .ginza-wrapper .articles-content .article-navigation::after {
        content: '';
        background-color: #f6e1e3;
        width: 50%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }
}

.ginza-wrapper .articles-content .article-navigation ul li {
    list-style: none
}

.ginza-wrapper .articles-content .article-navigation ul li a {
    font-size: 1.75rem;
    font-family: Arial, sans-serif;
    color: #000;
    margin-top: 38px;
    display: block;
    font-weight: 500;
    text-align: center
}

@media (max-width:750px) {
    .ginza-wrapper .articles-content .article-navigation ul li a {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .ginza-wrapper .articles-content .article-navigation ul li a {
        text-align: left
    }
}

@media (min-width:769px) {
    .ginza-wrapper .articles-content .article-navigation ul li.is-active.accordion-navigation>a {
        padding-left: 55px;
        position: relative
    }

    .ginza-wrapper .articles-content .article-navigation ul li.is-active.accordion-navigation>a::before {
        content: '';
        width: 43px;
        top: 50%;
        left: 0;
        display: block;
        height: 2px;
        background: #000;
        position: absolute;
        margin-top: -1px
    }
}

.ginza-wrapper .articles-content .article-navigation ul li.is-active.accordion-navigation .accordion {
    display: block
}

.ginza-wrapper .articles-content .article-navigation ul.accordion {
    display: none;
    border: 0;
    margin-top: 24px
}

@media (min-width:769px) {
    .ginza-wrapper .articles-content .article-navigation ul.accordion {
        padding-left: 55px
    }
}

.ginza-wrapper .articles-content .article-navigation ul.accordion a {
    font-size: 1.125rem;
    margin-bottom: 8px;
    margin-top: 0;
    font-weight: 600
}

@media (max-width:750px) {
    .ginza-wrapper .articles-content .article-navigation ul.accordion a {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.ginza-wrapper .articles-content .article-navigation ul.accordion .is-active a {
    color: #666
}

.ginza-wrapper .articles-content .article-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media (max-width:768.98px) {
    .ginza-wrapper .articles-content .article-container {
        margin-top: 32%
    }
}

.ginza-wrapper .articles-content .article-container .article-listing-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 0
}

.ginza-wrapper .article-listing .article-tile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media screen and (max-width:768px) {
    .ginza-wrapper .article-listing .article-tile {
        padding: 0 0 16.53333vw
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile {
        padding: 0 0 8.33333vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .ginza-wrapper .article-listing .article-tile {
        padding: 0 0 120px
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .left {
        -ms-flex-order: 2;
        order: 2
    }
}

.ginza-wrapper .article-listing .article-tile .article-image-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .article-image-section {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        margin-left: 31.25%
    }

    .ginza-wrapper .article-listing .article-tile .article-image-section img {
        width: 100%
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-listing .article-tile .article-image-section {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 12.5%;
        padding-left: 4.5%
    }
}

.ginza-wrapper .article-listing .article-tile .article-image-section .icon-heart {
    position: absolute;
    top: 10px;
    right: 25px;
    text-align: right;
    -ms-flex: 0 0 13%;
    flex: 0 0 13%;
    max-width: 20%;
    box-sizing: content-box;
    font-size: 18px;
    z-index: 1
}

@media screen and (max-width:576px) {
    .ginza-wrapper .article-listing .article-tile .article-image-section .icon-heart {
        top: 7px;
        right: 20px
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .article-image-section .icon-heart {
        font-size: 24px
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .ginza-wrapper .article-listing .article-tile .article-image-section .icon-heart {
        right: 50px;
        font-size: 24px
    }
}

.ginza-wrapper .article-listing .article-tile .article-image-section .article-tags {
    position: absolute;
    right: 100%;
    top: 0;
    transform: rotate(-90deg);
    transform-origin: right top;
    margin-right: 27px;
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: italic
}

@media (max-width:750px) {
    .ginza-wrapper .article-listing .article-tile .article-image-section .article-tags {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .article-image-section .article-tags {
        font-size: 18px
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-listing .article-tile .article-image-section .article-tags {
        right: auto;
        transform: unset;
        left: 100%;
        margin: 0 0 0 10.5%
    }
}

.ginza-wrapper .article-listing .article-tile .article-image-section .article-tags ul {
    width: calc(100% + 250px);
    position: absolute;
    bottom: -15px;
    right: 100%
}

.ginza-wrapper .article-listing .article-tile .article-image-section .article-tags ul li {
    list-style: none;
    margin-right: 10px;
    white-space: normal;
    font-weight: 600;
    float: right
}

.ginza-wrapper .article-listing .article-tile .article-description-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0;
        padding: 0 10.5% 0 4%;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }
}

.ginza-wrapper .article-listing .article-tile .article-description-section .article-title {
    margin-bottom: 16px
}

@media screen and (max-width:768px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-title {
        padding-top: 2.66667vw;
        padding-bottom: 0
    }
}

.ginza-wrapper .article-listing .article-tile .article-description-section .article-title h5 {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 2.7rem;
    font-weight: 600;
    line-height: 1;
    text-transform: none
}

@media (max-width:750px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-title h5 {
        font-size: calc(0.2025rem + 5.328vw)
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-title h5 {
        font-size: 3rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-title h5 {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

.ginza-wrapper .article-listing .article-tile .article-description-section .article-short-description {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    font-size: 1.5rem;
    margin-bottom: 4px;
    line-height: 1.4;
    max-height: 76px;
    overflow: hidden
}

@media (max-width:750px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-short-description {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-short-description {
        font-size: 18px
    }
}

@media (max-width:768.98px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-short-description {
        margin-bottom: 0;
        max-height: 9.67vw
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .article-short-description {
        max-height: 9vw
    }
}

.ginza-wrapper .article-listing .article-tile .article-description-section .secondary-link {
    padding: 0;
    border: 0;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    text-transform: none
}

@media (max-width:750px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .secondary-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile .article-description-section .secondary-link {
        font-size: 18px
    }
}

@media (max-width:768.98px) {

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-image-section {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 12.5%
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-image-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-description-section,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-image-section {
        padding-left: 3.33333vw
    }
}

@media (max-width:768.98px) {

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-image-section .article-tags {
        right: 97.7%;
        left: auto;
        font-size: 1.25rem;
        transform: rotate(-90deg);
        transform-origin: right top;
        margin-right: 27px;
        margin-left: 0
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-image-section .article-tags,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-image-section .article-tags {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-image-section .article-tags ul li,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-image-section .article-tags ul li,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-image-section .article-tags ul li,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-image-section .article-tags ul li,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-image-section .article-tags ul li {
        margin-left: 20px;
        margin-right: 0
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-description-section .article-title,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-description-section .article-title,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-description-section .article-title,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-description-section .article-title,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-description-section .article-title {
        margin-top: 15px;
        margin-bottom: 18px
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-description-section .secondary-link {
        display: inline-block;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-description-section .secondary-link,
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-description-section .secondary-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-image-section {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-1 .article-description-section {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 31.25%
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-image-section {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
        margin-left: 12.5%
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-2 .article-description-section {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        padding-right: 50px
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-image-section {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-3 .article-description-section {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 25%
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-image-section {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 25%
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-4 .article-description-section {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-image-section {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
        margin-left: 0
    }

    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-description-section {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 18.75%
    }
}

@media (min-width:769px) and (min-width:769px) {
    .ginza-wrapper .article-listing .article-tile.article-tile-5 .article-title {
        width: 92%
    }
}

.ginza-wrapper .article-listing .article-bottom {
    text-align: center
}

@media screen and (min-width:769px) {
    .ginza-wrapper .article-listing .article-bottom {
        padding-bottom: 8.33333vw
    }
}

@media (min-width:1440px) {
    .ginza-wrapper .article-listing .article-bottom {
        padding-bottom: 120px
    }
}

@media screen and (max-width:768px) {
    .ginza-wrapper .article-listing .article-bottom {
        padding-bottom: 16vw
    }
}

.ginza-wrapper .article-listing .article-bottom .articles-view-more {
    cursor: pointer
}

@media (min-width:769px) {
    .ginza-wrapper .article-listing .article-bottom .articles-view-more:hover {
        color: #c8102e;
        border-color: #c8102e
    }
}

.related-article-container {
    width: 100%
}

@media (min-width:769px) {
    .related-article-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

.related-article-container .headline-wrapper,
.related-article-container .related-article-main {
    position: relative
}

@media (max-width:768.98px) {

    .related-article-container .headline-wrapper,
    .related-article-container .related-article-main {
        -ms-flex: 0 0 85%;
        flex: 0 0 85%;
        width: 85%;
        margin-left: 16%
    }
}

@media (min-width:769px) {
    .related-article-container .headline-wrapper {
        -ms-flex: 0 0 87%;
        flex: 0 0 87%;
        max-width: 87%;
        margin-left: 13%
    }
}

@media (min-width:769px) {
    .related-article-container .related-article-main {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        margin-left: 19.5%
    }
}

.related-article-wrapper {
    padding: 16vw 0
}

@media (min-width:769px) {
    .related-article-wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px;
        padding: 8.34vw 0
    }
}

@media (min-width:1440px) {
    .related-article-wrapper {
        padding: 120px 0
    }
}

@media (min-width:769px) {
    .related-article-wrapper .headline-wrapper {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 12.5%
    }
}

@media (min-width:769px) {
    .related-article-wrapper .related-article-main {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
        margin-left: 18.75%
    }
}

.related-article-wrapper .title {
    line-height: 1.47;
    font-size: 1.75rem;
    position: relative;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-weight: 500
}

@media (max-width:750px) {
    .related-article-wrapper .title {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

.related-article-wrapper .title::before {
    content: '';
    z-index: -1;
    height: 100%;
    left: -5.5vw;
    position: absolute;
    display: inline-block;
    width: calc(100% + 6px);
    background: #f6e1e3
}

@media (min-width:769px) {
    .related-article-wrapper .title::before {
        left: -40px;
        line-height: 2.5
    }
}

.related-article-wrapper .headline {
    width: 100%;
    font-size: 2.625rem;
    line-height: 1.19;
    letter-spacing: .11vw;
    display: inline-block;
    margin: 4vw 0 8.4vw;
    font-family: Arial, Medium, sans-serif;
    text-transform: uppercase
}

@media (max-width:750px) {
    .related-article-wrapper .headline {
        font-size: calc(0.20243rem + 5.16816vw)
    }
}

@media (min-width:769px) {
    .related-article-wrapper .headline {
        font-size: 42px;
        line-height: normal;
        margin: 2vw 0 4.87vw;
        letter-spacing: .8px
    }
}

@media (min-width:1440px) {
    .related-article-wrapper .headline {
        margin: 17px 0 70px
    }
}

.related-article-wrapper .ginza-edit-tile {
    top: 0;
    right: 108%;
    margin-right: 0;
    font-size: 1.25rem;
    position: absolute;
    white-space: nowrap;
    transform: rotate(-90deg);
    transform-origin: right top;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .related-article-wrapper .ginza-edit-tile {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.related-article-wrapper .ginza-edit-tile span {
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (min-width:769px) {
    .related-article-wrapper .ginza-edit-tile {
        right: 104.5%;
        font-size: 16px
    }
}

@media (min-width:769px) {
    .related-article-wrapper .article-description-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:769px) {
    .related-article-wrapper .article-video {
        width: 69%;
        position: relative
    }
}

.related-article-wrapper .image-block {
    position: relative;
    padding-bottom: 1.6vw;
    background-color: #f6e1e3
}

@media (min-width:769px) {
    .related-article-wrapper .image-block {
        padding-bottom: 10px
    }
}

.related-article-wrapper .image-block img {
    width: 100%
}

.related-article-wrapper .image-block .wishlist {
    top: 17px;
    right: 18px;
    position: absolute;
    font-size: 24.07px;
    z-index: 1
}

@media (min-width:769px) {
    .related-article-wrapper .article-content-details {
        width: 31%
    }
}

.related-article-wrapper .article-tags {
    margin: 5vw 0 3vw
}

@media (min-width:769px) {
    .related-article-wrapper .article-tags {
        margin: 16px 0 0
    }
}

@media (min-width:1440px) {
    .related-article-wrapper .article-tags {
        margin: 1.12vw 0 0
    }
}

.related-article-wrapper .article-tags ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    -ms-flex-direction: row;
    flex-direction: row
}

.related-article-wrapper .article-tags li {
    font-size: 1.5rem;
    font-style: italic;
    margin-right: 2vw;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (max-width:750px) {
    .related-article-wrapper .article-tags li {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .related-article-wrapper .article-tags li {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .related-article-wrapper .article-tags li {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.related-article-wrapper .article-title {
    font-family: Arial, sans-serif;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 2.5vw
}

@media (max-width:750px) {
    .related-article-wrapper .article-title {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

@media (max-width:768.98px) {
    .related-article-wrapper .article-title br {
        display: none
    }
}

@media (min-width:769px) {
    .related-article-wrapper .article-title {
        font-size: 3.33vw;
        line-height: .92;
        padding-right: 15%;
        margin-bottom: 2.3vw
    }
}

@media (min-width:1440px) {
    .related-article-wrapper .article-title {
        margin-bottom: 33px;
        font-size: 48px
    }
}

.related-article-wrapper .article-short-description {
    font-size: 1.5rem;
    padding-right: 10vw;
    letter-spacing: .1vw;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .related-article-wrapper .article-short-description {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.related-article-wrapper .article-short-description a {
    border-bottom: none;
    text-transform: none;
    padding-bottom: 0;
    font-size: 1.5rem;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .related-article-wrapper .article-short-description a {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .related-article-wrapper .article-short-description a {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .9px
    }
}

@media (min-width:769px) {
    .related-article-wrapper .article-short-description {
        font-size: 18px;
        padding-right: 20%;
        line-height: 1.33;
        letter-spacing: .9px
    }
}

.related-article-wrapper a.button.see-more {
    width: 80%;
    display: block;
    margin: 9.8vw auto 0
}

@media (max-width:768.98px) {
    .related-article-wrapper a.button.see-more {
        width: 20%
    }
}

@media (min-width:769px) {
    .related-article-wrapper a.button.see-more {
        width: auto;
        min-width: 200px;
        margin: 3.9vw auto 0
    }
}

@media (min-width:1440px) {
    .related-article-wrapper a.button.see-more {
        margin: 56px auto 0
    }
}

@media (max-width:1023.98px) {
    .display-on-desktop {
        display: none
    }
}

@media (min-width:769px) {
    .display-on-desktop {
        display: block
    }
}

@media (max-width:1023.98px) {
    .ginza-wrapper .article-listing .display-on-mobile .article-tile .article-image-section .icon-heart {
        top: -5px;
        right: 12px;
        width: 50px;
        height: 30px;
        padding: 15px 10px 15px 15px
    }
}

@media (max-width:1023.98px) {
    .display-on-mobile {
        display: block
    }
}

@media (min-width:769px) {
    .display-on-mobile {
        display: none
    }
}

.display-on-mobile .article-tags-on-mobile {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: italic
}

@media (max-width:750px) {
    .display-on-mobile .article-tags-on-mobile {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.display-on-mobile .article-tags-on-mobile li {
    list-style: none;
    margin-right: 10px;
    white-space: nowrap;
    font-weight: 600;
    display: inline
}

.wishlist .article-bottom {
    text-align: center
}

.wishlist .article-bottom .articles-view-more {
    cursor: pointer;
    min-width: auto;
    margin: 60px auto
}

@media (max-width:768.98px) {
    .order-confirm-article {
        padding-bottom: 0
    }
}

@media (min-width:769px) {
    .order-confirm-article {
        margin-bottom: 6.6em
    }
}

@media (max-width:768.98px) {
    .order-confirm-article.guest-user .related-article-wrapper {
        padding-bottom: 14.5vw
    }
}

@media (min-width:769px) {
    .order-confirm-article.guest-user .related-article-wrapper {
        padding-top: 0;
        padding-bottom: 16vw
    }
}

@media (min-width:1440px) {
    .order-confirm-article.guest-user .related-article-wrapper {
        padding-bottom: 230px
    }
}

@media (max-width:768.98px) {
    .order-confirm-article .related-article-wrapper .headline {
        margin-top: 0
    }
}

.order-confirm-article .article-order-divider {
    display: none
}

@media (min-width:769px) {
    .order-confirm-article .article-order-divider {
        display: block;
        margin-left: 6.25%;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:769px) {
    .order-confirm-article .related-article-main {
        margin-left: 6.3%
    }
}

@media (min-width:769px) {
    .order-confirm-article .article-description-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:769px) {
    .order-confirm-article .headline-wrapper {
        text-align: center
    }
}

@media (min-width:769px) {
    .order-confirm-article .article-content-details {
        padding-left: 9%
    }

    .order-confirm-article .article-content-details .article-title {
        padding-right: 0
    }
}

@media (min-width:769px) {
    .order-confirm-article .headline-wrapper {
        width: 100%;
        margin: 0 auto
    }
}

@media (min-width:769px) {
    .article-body .product-content>div {
        margin-bottom: 20px
    }
}

.gze-bottom {
    display: -ms-flexbox;
    display: flex
}

@media (min-width:769px) {
    .cart-content .cart-top {
        margin-top: 6.15em;
        margin-bottom: 1.75em;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }
}

.cart-content .cart-empty {
    text-align: center;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.cart-content .cart-empty .cart-empty-inner {
    width: 100%
}

.cart-content .cart-empty .cart-empty-inner .empty-cart-content {
    padding: 20px 0 10px
}

@media (min-width:769px) {
    .cart-content .cart-empty .cart-empty-inner .empty-cart-content {
        padding-top: 0;
        padding-bottom: 60px
    }
}

.cart-content .cart-empty .cart-empty-inner .empty-cart-content .empty-cart-icon {
    font-size: 48px;
    color: #888;
    padding-bottom: 8px
}

.cart-content .cart-empty .cart-empty-inner .empty-cart-content .mobile-cart-info {
    font-size: 20px;
    line-height: 24px;
    font-family: Arial, sans-serif;
    color: #414141;
    width: 200px;
    margin: 0 auto
}

@media (min-width:769px) {
    .cart-content .cart-empty .cart-empty-inner .empty-cart-content .mobile-cart-info {
        display: none
    }
}

.cart-content .cart-empty .cart-empty-inner .empty-cart-content .empty-cart-description {
    color: #666;
    line-height: 36px;
    font-size: 30px;
    font-family: Arial, Medium, sans-serif;
    width: 430px;
    margin: 0 auto;
    display: none
}

@media (min-width:769px) {
    .cart-content .cart-empty .cart-empty-inner .empty-cart-content .empty-cart-description {
        display: block
    }
}

.cart-content .cart-empty .cart-empty-inner .empty-cart-content .need-inpiration {
    color: #414141;
    padding: 16px 0 25px;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, sans-serif
}

@media (min-width:769px) {
    .cart-content .cart-empty .cart-empty-inner .empty-cart-content .need-inpiration {
        font-size: 18px;
        line-height: 25px;
        padding: 29px 0 44px
    }
}

.cart-content .cart-empty .cart-empty-inner .empty-cart-content .continue-link {
    text-transform: none
}

.cart-content .cart-empty .cart-empty-inner .empty-cart-content .continue-link a {
    display: inline-block;
    background: #262626;
    padding: 18px 113px;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, Medium, sans-serif;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media (min-width:769px) {
    .cart-content .cart-empty {
        min-height: 38vh;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
}

.cart-content .cart-notification {
    font-size: 14px;
    line-height: 17px;
    font-family: Arial, sans-serif
}

.cart-content .cart-notification .applied-content {
    background-color: #EAF2E6;
    border: 1px solid #247800;
    color: #247800;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 3px 4px 9px;
    border-radius: 2px;
    margin: 0 0 22px
}

@media (min-width:769px) {
    .cart-content .cart-notification .applied-content {
        padding: 8px 20px 6px 9px
    }
}

.cart-content .cart-notification .applied-content .title {
    font-family: Arial, Bold, sans-serif
}

.cart-content .cart-notification .applied-content .icon-check-mark {
    font-size: 13px;
    padding-right: 15px
}

.cart-content .cart-notification .cart-error,
.cart-content .cart-notification .full-width-slot {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 0 0 22px
}

.cart-content .cart-notification .cart-error .error-icon,
.cart-content .cart-notification .full-width-slot .error-icon {
    font-size: 17px;
    color: #D6001C;
    height: auto;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 9px;
    position: relative
}

@media (max-width:768.98px) {

    .cart-content .cart-notification .cart-error .error-icon:after,
    .cart-content .cart-notification .full-width-slot .error-icon:after {
        content: '';
        display: inline-block;
        background: #fff;
        left: 0;
        position: absolute;
        z-index: -1
    }
}

.cart-content .cart-notification .cart-error .cart-error-content,
.cart-content .cart-notification .cart-error .cart-notification-content,
.cart-content .cart-notification .full-width-slot .cart-error-content,
.cart-content .cart-notification .full-width-slot .cart-notification-content {
    display: -ms-flexbox;
    display: flex;
    padding: 8px 3px 4px 9px;
    border-radius: 2px
}

@media (min-width:769px) {

    .cart-content .cart-notification .cart-error .cart-error-content,
    .cart-content .cart-notification .cart-error .cart-notification-content,
    .cart-content .cart-notification .full-width-slot .cart-error-content,
    .cart-content .cart-notification .full-width-slot .cart-notification-content {
        padding: 8px 20px 6px 9px
    }
}

.cart-content .cart-notification .cart-error .cart-error-content,
.cart-content .cart-notification .full-width-slot .cart-error-content {
    background-color: #FAF9F9;
    border: 1px solid #D6001C;
    color: #D6001C
}

.cart-content .cart-notification .cart-error .cart-notification-content,
.cart-content .cart-notification .full-width-slot .cart-notification-content {
    background-color: #FAF9F9;
    border: 1px solid #ccc;
    color: #262626
}

@media (max-width:768.98px) {

    .cart-content .cart-notification .cart-error.sticky,
    .cart-content .cart-notification .full-width-slot.sticky {
        position: fixed;
        top: 75px;
        z-index: 9;
        left: 0;
        padding: 0 20px
    }

    .cart-content .cart-notification .cart-error.sticky.label-hide,
    .cart-content .cart-notification .full-width-slot.sticky.label-hide {
        width: auto
    }

    .cart-content .cart-notification .cart-error.sticky.label-hide .cart-error-content,
    .cart-content .cart-notification .full-width-slot.sticky.label-hide .cart-error-content {
        padding: 0;
        background: 0 0;
        border: 0
    }

    .cart-content .cart-notification .cart-error.sticky.label-hide .error-icon,
    .cart-content .cart-notification .full-width-slot.sticky.label-hide .error-icon {
        margin: 0;
        cursor: pointer
    }

    .cart-content .cart-notification .cart-error.sticky.label-hide .cart-error-msg,
    .cart-content .cart-notification .full-width-slot.sticky.label-hide .cart-error-msg {
        display: none
    }
}

.cart-content .cart-notification .full-width-slot .error-icon {
    color: #000
}

@media (min-width:769px) {
    .cart-content .cart-notification .full-width-slot {
        padding: 0 0 27px
    }
}

.cart-content .cart-border {
    display: -ms-flexbox;
    display: flex;
    border-bottom: 8px solid #000;
    padding-bottom: 10px;
    width: 100%
}

@media (min-width:769px) {
    .cart-content .cart-border {
        padding-bottom: 14px
    }
}

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

    .checkout-right-column,
    .order-summary {
        font-size: calc(16.8px + 7.2 * ((100vw - 320px) / 430))
    }
}

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

    .checkout-right-column,
    .order-summary {
        font-size: 24px
    }
}

.checkout-right-column div.bottom-img-stat,
.order-summary div.bottom-img-stat {
    margin: 0 -20px;
    background: 0 0
}

.checkout-right-column div.bottom-img-stat img,
.order-summary div.bottom-img-stat img {
    margin-top: -1px;
    height: 8.6vw;
    width: 100%
}

@media (min-width:769px) {

    .checkout-right-column div.bottom-img-stat img,
    .order-summary div.bottom-img-stat img {
        height: 52px
    }
}

@media (min-width:769px) {

    .checkout-right-column,
    .order-summary {
        padding: 0
    }
}

.checkout-right-column .calculations-container .order-estimation-details .order-total.main,
.order-summary .calculations-container .order-estimation-details .order-total.main {
    margin: 0;
    padding: 30px 0 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #414141
}

.checkout-right-column .calculations-container .order-estimation-details .order-total.main .order-text,
.order-summary .calculations-container .order-estimation-details .order-total.main .order-text {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 18px;
    line-height: 21px
}

.checkout-right-column .calculations-container .order-estimation-details .order-total-message,
.order-summary .calculations-container .order-estimation-details .order-total-message {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding-top: 10px;
    padding-right: 23%
}

@media (min-width:769px) {

    .checkout-right-column .calculations-container .order-estimation-details .order-total-message,
    .order-summary .calculations-container .order-estimation-details .order-total-message {
        padding-right: 35%
    }
}

.checkout-right-column .summary-sections,
.order-summary .summary-sections {
    margin: 0;
    padding: 18px 0;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px solid #ccc
}

.checkout-right-column .order-text,
.order-summary .order-text {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 16px;
    line-height: 19px
}

.checkout-right-column .order-text .discount-message,
.checkout-right-column .order-text .standard-shipping,
.order-summary .order-text .discount-message,
.order-summary .order-text .standard-shipping {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    font-size: 14px;
    line-height: 17px
}

.checkout-right-column .cart-coupon-code,
.order-summary .cart-coupon-code {
    padding: 34px 0 30px;
    width: 100%;
    position: relative
}

@media (min-width:769px) {

    .checkout-right-column .cart-coupon-code,
    .order-summary .cart-coupon-code {
        margin-bottom: 0
    }
}

.checkout-right-column .cart-coupon-code input,
.order-summary .cart-coupon-code input {
    width: 66%;
    font-size: 18px;
    padding: 10px;
    background-color: #FAF9F9
}

@media (max-width:768.98px) {

    .checkout-right-column .cart-coupon-code input,
    .order-summary .cart-coupon-code input {
        height: 44px
    }
}

.checkout-right-column .cart-coupon-code .floating-label,
.order-summary .cart-coupon-code .floating-label {
    position: absolute;
    pointer-events: none;
    transition: .8s ease all;
    top: 50px;
    left: 15px;
    font-size: 16px;
    color: #ccc
}

@media (max-width:768.98px) {

    .checkout-right-column .cart-coupon-code .floating-label,
    .order-summary .cart-coupon-code .floating-label {
        top: 47px;
        font-size: 14px
    }
}

.checkout-right-column .cart-coupon-code .promocode-input:focus~.floating-label,
.checkout-right-column .cart-coupon-code .promocode-input:not(:focus):valid~.floating-label,
.order-summary .cart-coupon-code .promocode-input:focus~.floating-label,
.order-summary .cart-coupon-code .promocode-input:not(:focus):valid~.floating-label {
    top: 25px;
    left: 10px;
    opacity: 1;
    color: #262626;
    background-color: #FAF9F9;
    height: 20px;
    padding: 0 5px;
    font-size: 14px
}

.checkout-right-column .cart-coupon-code .coupon-cta,
.order-summary .cart-coupon-code .coupon-cta {
    width: 34%
}

.checkout-right-column .cart-coupon-code .coupon-cta.promo-codes,
.order-summary .cart-coupon-code .coupon-cta.promo-codes {
    width: 100%
}

.checkout-right-column .cart-coupon-code .promo-brief,
.order-summary .cart-coupon-code .promo-brief {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 0 0
}

.checkout-right-column .cart-coupon-code .removebutton,
.order-summary .cart-coupon-code .removebutton {
    background: #f1f1f1;
    border: none;
    margin-top: 10px;
    height: 26px;
    padding: 4px 8px
}

.checkout-right-column .cart-coupon-code .removebutton .value,
.order-summary .cart-coupon-code .removebutton .value {
    color: #262626;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding-right: 15px
}

.checkout-right-column .cart-coupon-code .removebutton .icon-close,
.order-summary .cart-coupon-code .removebutton .icon-close {
    color: #262626;
    font-size: 11px
}

.checkout-right-column .cart-coupon-code button,
.order-summary .cart-coupon-code button {
    margin: 0;
    padding: 13px 0;
    width: 100%;
    height: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #262626;
    color: #fff
}

.checkout-right-column .cart-coupon-code button.primary:hover,
.order-summary .cart-coupon-code button.primary:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #000
}

@media (max-width:768.98px) {

    .checkout-right-column .cart-coupon-code button,
    .order-summary .cart-coupon-code button {
        height: 44px
    }
}

.checkout-right-column .cart-coupon-code .field-button-container,
.order-summary .cart-coupon-code .field-button-container {
    display: -ms-flexbox;
    display: flex
}

.checkout-right-column .cart-coupon-code .error,
.order-summary .cart-coupon-code .error {
    color: #D6001C;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    margin-top: 15px
}

.checkout-right-column .cart-coupon-code .error .floating-label,
.checkout-right-column .cart-coupon-code .error .promocode-input,
.checkout-right-column .cart-coupon-code .error .promocode-input:focus~.floating-label,
.checkout-right-column .cart-coupon-code .error .promocode-input:not(:focus):valid~.floating-label,
.order-summary .cart-coupon-code .error .floating-label,
.order-summary .cart-coupon-code .error .promocode-input,
.order-summary .cart-coupon-code .error .promocode-input:focus~.floating-label,
.order-summary .cart-coupon-code .error .promocode-input:not(:focus):valid~.floating-label {
    color: #D6001C
}

.checkout-right-column .cart-coupon-code .success,
.order-summary .cart-coupon-code .success {
    margin-top: 1.25em;
    font-family: Arial, Medium, sans-serif;
    color: #ccc
}

.checkout-right-column .cart-coupon-code .cartcoupon .value,
.order-summary .cart-coupon-code .cartcoupon .value {
    font-size: 1.5rem;
    float: left;
    max-width: 16.9rem;
    display: -ms-flexbox;
    display: flex;
    vertical-align: middle;
    color: #ccc;
    word-wrap: break-word
}

@media (max-width:750px) {

    .checkout-right-column .cart-coupon-code .cartcoupon .value,
    .order-summary .cart-coupon-code .cartcoupon .value {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {

    .checkout-right-column .cart-coupon-code .cartcoupon .value,
    .order-summary .cart-coupon-code .cartcoupon .value {
        width: 11.4rem
    }
}

@media (min-width:769px) {

    .checkout-right-column .cart-coupon-code .cartcoupon button,
    .order-summary .cart-coupon-code .cartcoupon button {
        width: 5.95em;
        color: #414141;
        border: 1px solid #fff;
        background: linear-gradient(to right, #000 50%, #414141 50%) left bottom/204% 100%;
        transition: background-position .3s ease
    }

    .checkout-right-column .cart-coupon-code .cartcoupon button:hover,
    .order-summary .cart-coupon-code .cartcoupon button:hover {
        background-position: right bottom;
        color: #000
    }
}

@media (max-width:768.98px) {

    .checkout-right-column .cart-coupon-code .cartcoupon button,
    .order-summary .cart-coupon-code .cartcoupon button {
        height: 8vw
    }
}

.checkout-right-column .cart-coupon-code .rowcoupons,
.order-summary .cart-coupon-code .rowcoupons {
    margin: .5em 0
}

@media (min-width:769px) {

    .checkout-right-column .cart-coupon-code .rowcoupons::after,
    .order-summary .cart-coupon-code .rowcoupons::after {
        display: block;
        content: "";
        clear: both
    }
}

@media (min-width:769px) {

    .checkout-right-column .cart-coupon-code .rowcoupons .cartcoupon::after,
    .checkout-right-column .cart-coupon-code .rowcoupons .item-details::after,
    .order-summary .cart-coupon-code .rowcoupons .cartcoupon::after,
    .order-summary .cart-coupon-code .rowcoupons .item-details::after {
        display: block;
        content: "";
        clear: both
    }
}

@media (min-width:769px) {

    .checkout-right-column .cart-coupon-code .rowcoupons button,
    .order-summary .cart-coupon-code .rowcoupons button {
        margin-left: 0
    }
}

@media (max-width:768.98px) {

    .checkout-right-column .cart-coupon-code .rowcoupons button,
    .order-summary .cart-coupon-code .rowcoupons button {
        width: 20vw;
        background: 0 0;
        line-height: normal;
        font-size: 1.5rem;
        padding: 5px;
        height: 8vw;
        color: #414141
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .checkout-right-column .cart-coupon-code .rowcoupons button,
    .order-summary .cart-coupon-code .rowcoupons button {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.checkout-right-column .cart-actions,
.order-summary .cart-actions {
    text-align: center;
    margin-top: 24px
}

@media (max-width:768.98px) {

    .checkout-right-column .cart-actions,
    .order-summary .cart-actions {
        margin-top: 40px
    }
}

.checkout-right-column .cart-actions button,
.order-summary .cart-actions button {
    width: 100%;
    font-family: Arial, Medium, sans-serif;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 1px;
    padding: 0;
    cursor: pointer;
    height: 40px;
    border: none
}

@media (min-width:769px) {

    .checkout-right-column .cart-actions button,
    .order-summary .cart-actions button {
        font-size: 14px;
        line-height: 14px;
        height: 50px
    }
}

.checkout-right-column .cart-actions button:disabled,
.order-summary .cart-actions button:disabled {
    pointer-events: none;
    background: #666;
    color: #fff
}

.checkout-right-column .cart-actions button:hover,
.order-summary .cart-actions button:hover {
    border: 1px solid #000
}

.checkout-right-column .cart-actions .paypal-payment-button,
.order-summary .cart-actions .paypal-payment-button {
    background-color: #fff;
    margin: 8px 0;
    border: 1px solid #000
}

.checkout-right-column .cart-actions .paypal-payment-button img,
.order-summary .cart-actions .paypal-payment-button img {
    height: 40px;
    max-width: 82px
}

@media (min-width:769px) {

    .checkout-right-column .cart-actions .paypal-payment-button img,
    .order-summary .cart-actions .paypal-payment-button img {
        max-width: 86px;
        height: 26px
    }
}

.checkout-right-column .paypal-container,
.order-summary .paypal-container {
    border: 1px solid #fff
}

@media (min-width:769px) {

    .checkout-right-column .paypal-container,
    .order-summary .paypal-container {
        padding: 22px 0 20px
    }
}

@media (max-width:768.98px) {

    .checkout-right-column .paypal-container,
    .order-summary .paypal-container {
        padding: 1.86vw 0 1.33vw
    }
}

.checkout-right-column .paypal-container a,
.order-summary .paypal-container a {
    display: block
}

.checkout-right-column .paypal-container img,
.order-summary .paypal-container img {
    height: 18px
}

@media (max-width:768.98px) {

    .checkout-right-column .paypal-container img,
    .order-summary .paypal-container img {
        height: 4.8vw
    }
}

@media (max-width:768.98px) {

    .checkout-right-column .third-party-container,
    .order-summary .third-party-container {
        margin-top: 4.25vw
    }
}

@media (max-width:768.98px) {

    .checkout-right-column .or-container,
    .order-summary .or-container {
        margin: 5.2vw 0;
        font-size: 1.75rem;
        letter-spacing: .4px
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .checkout-right-column .or-container,
    .order-summary .or-container {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {

    .checkout-right-column .or-container,
    .order-summary .or-container {
        margin: .93em 0;
        font-size: 1.125rem;
        letter-spacing: .3px
    }
}

@media (min-width:769px) and (max-width:750px) {

    .checkout-right-column .or-container,
    .order-summary .or-container {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.checkout-right-column span.side-line,
.order-summary span.side-line {
    width: 35.44%;
    vertical-align: middle;
    border-top: 1px solid #fff;
    display: inline-block
}

@media (min-width:769px) {

    .checkout-right-column span.side-line,
    .order-summary span.side-line {
        border-width: 2px
    }
}

.checkout-right-column .order-help-container,
.order-summary .order-help-container {
    margin-top: 18px;
    padding-bottom: 32px;
    width: 100%;
    line-height: 17px;
    color: #666;
    border-bottom: 1px solid #ccc
}

.checkout-right-column .order-help-container .title,
.order-summary .order-help-container .title {
    font-family: Arial, Medium, sans-serif;
    padding-bottom: 6px;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0
}

.checkout-right-column .order-help-container .contact-description,
.order-summary .order-help-container .contact-description {
    font-family: Arial, sans-serif;
    line-height: 20px;
    font-size: 14px
}

.checkout-right-column .order-help-container .contact-description .contact-us,
.order-summary .order-help-container .contact-description .contact-us {
    font-family: Arial, Medium, sans-serif;
    color: #666
}

@media (min-width:769px) {

    .checkout-right-column .order-help-container .contact-description .contact-us,
    .order-summary .order-help-container .contact-description .contact-us {
        display: block
    }
}

.checkout-right-column .order-help-container .contact-description .contact-us .contact-us-link,
.order-summary .order-help-container .contact-description .contact-us .contact-us-link {
    font-size: 16px;
    text-decoration: underline
}

.checkout-right-column .benefits-wrapper,
.order-summary .benefits-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    text-align: center;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px 0 6px
}

.checkout-right-column .benefits-wrapper .benefits-container,
.order-summary .benefits-wrapper .benefits-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-bottom: 26px
}

@media (min-width:769px) {

    .checkout-right-column .benefits-wrapper .benefits-container,
    .order-summary .benefits-wrapper .benefits-container {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:1024px) {

    .checkout-right-column .benefits-wrapper .benefits-container,
    .order-summary .benefits-wrapper .benefits-container {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.checkout-right-column .benefits-wrapper .benefits-container .benefits-image,
.order-summary .benefits-wrapper .benefits-container .benefits-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    color: #888;
    padding-bottom: 16px
}

.checkout-right-column .benefits-wrapper .benefits-container .benefits-description,
.order-summary .benefits-wrapper .benefits-container .benefits-description {
    font-family: Arial, Medium, sans-serif;
    font-size: 12px;
    max-width: 114px;
    margin: 0 auto;
    line-height: 14px;
    color: #666
}

.order-summary div.cart-coupon-code .field-button-container {
    padding: 0;
    margin: 0
}

.order-summary div.cart-coupon-code .field-button-container.promo-codes-container {
    display: inline-block
}

@media (min-width:769px) {
    .cart-actions-checkout {
        display: none
    }
}

@media (max-width:768.98px) {
    .cart-actions-checkout {
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 999;
        opacity: 0;
        width: 100%;
        margin: 0 auto;
        position: fixed;
        background: #fff;
        padding: .5em 1em 1em;
        border-top: 8px solid #000;
        transition: all .5s ease-in-out
    }

    .cart-actions-checkout .order-total {
        padding-bottom: .5em
    }
}

.cart-actions-checkout.show {
    opacity: 1
}

.cart-actions-checkout button {
    width: 100%;
    cursor: pointer
}

@media (max-width:768.98px) {
    .cart-content .select-parent {
        z-index: 1
    }
}

.gift-container {
    background: #FAF9F9
}

@media (max-width:768.98px) {
    .gift-container {
        margin: 24px 0 47px;
        padding: 16px 16px 18px
    }
}

@media (min-width:769px) {
    .gift-container {
        padding: 24px
    }
}

.gift-container .title-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    font-family: Arial, Medium, sans-serif;
    font-size: 16px
}

.gift-container .title-wrapper .title {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    color: #262626
}

@media (max-width:768.98px) {
    .gift-container .title-wrapper .title {
        font-size: 16px;
        line-height: 19px
    }
}

@media (min-width:769px) {
    .gift-container .title-wrapper .title {
        font-size: 16px;
        line-height: 19px
    }
}

.gift-container .gift-notice {
    padding-top: 8px;
    margin-right: -10px;
    margin-left: -10px;
    display: block;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: 638px;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:769px) {
    .gift-container .gift-notice {
        display: -ms-flexbox;
        display: flex
    }
}

.gift-container .gift-notice .gift-service-text {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    width: auto;
    -ms-flex: 1;
    flex: 1;
    padding-right: 20px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #262626;
    max-width: 337px
}

@media (max-width:768.98px) {
    .gift-container .gift-notice .gift-service-text {
        font-size: 14px;
        line-height: 17px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.gift-container .gift-notice .checkbox-wrapper {
    position: relative;
    min-height: 1px;
    width: auto;
    padding: 0 38px 0 0
}

@media (max-width:768.98px) {
    .gift-container .gift-notice .checkbox-wrapper {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 21px;
        padding-left: 0
    }
}

.gift-container .gift-notice .checkbox-wrapper label {
    display: block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    font-size: 16px;
    line-height: 19px
}

@media (max-width:768.98px) {
    .gift-container .gift-notice .checkbox-wrapper label {
        font-size: 16px;
        line-height: 19px;
        padding-left: 0
    }
}

.gift-container .gift-notice .checkbox-wrapper .label-middle {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:768.98px) {
    .gift-container .gift-notice .checkbox-wrapper .label-middle {
        padding: 10px
    }
}

.gift-container .gift-notice .checkbox-wrapper .label-middle .isgift {
    border: 1px solid #888;
    box-sizing: border-box;
    border-radius: 1px;
    height: 16px;
    width: 16px;
    background: #fff;
    margin-right: 12px;
    top: -1px
}

@media (min-width:769px) {
    .gift-container .gift-notice .checkbox-wrapper .label-middle .isgift {
        margin-right: 22px;
        top: 0
    }
}

.gift-container .gift-notice .checkbox-wrapper .label-middle .isgift::after {
    border: 1px solid #fff;
    border-width: 0 0 2px 2px;
    width: 12px;
    height: 4px;
    transform: translate(-50%, -50%) rotate(-65deg) skewY(3deg) skewX(-25deg)
}

.gift-container .gift-notice .checkbox-wrapper .label-middle .isgift:checked {
    background-color: #262626
}

.gift-container .complimentary-gift-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.gift-container .complimentary-gift-container .gift-bottom {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding-right: 15px
}

.gift-container .complimentary-gift-container .gift-bottom .gift-message-textarea {
    position: static
}

.gift-container .complimentary-gift-container .gift-bottom .gift-message-textarea .field-wrapper {
    padding: 0
}

.gift-container .gift-message-textarea {
    padding-top: 31px
}

.gift-container .char-count {
    width: 100%;
    text-align: right;
    display: inline-block;
    font-size: 16px;
    position: absolute;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #888;
    top: 170px;
    padding-right: 13px
}

.gift-container .input-textarea.giftmessage {
    height: 133px;
    font-size: 16px;
    resize: none;
    margin: 0;
    border: 1px solid #888;
    background: #FAF9F9
}

@media (max-width:768.98px) {
    .continue-shopping-button {
        width: calc(100% - 10px);
        text-align: center;
        display: inline-table;
        border: 1px solid #000;
        height: 8.3vw;
        margin: 8vw 10px 32vw
    }

    .continue-shopping-button a {
        color: #000;
        display: table-cell;
        vertical-align: middle;
        font-size: 1.75rem;
        line-height: 1;
        font-family: Arial, Medium, sans-serif;
        font-weight: 600;
        text-transform: uppercase
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .continue-shopping-button a {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .continue-shopping-button a {
            padding-top: 1vw
        }
    }
}

.order-promotion-container,
.product-promotion-container {
    display: none;
    background: #000
}

@media (max-width:768.98px) {

    .order-promotion-container,
    .product-promotion-container {
        margin: 0 0 2.7vw
    }
}

@media (min-width:769px) {

    .order-promotion-container,
    .product-promotion-container {
        margin: 0 0 20px
    }
}

.order-promotion-container .promo,
.product-promotion-container .promo {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141
}

@media (max-width:768.98px) {

    .order-promotion-container .promo,
    .product-promotion-container .promo {
        padding: 2.4vw;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .order-promotion-container .promo,
    .product-promotion-container .promo {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .order-promotion-container .promo,
    .product-promotion-container .promo {
        padding: 17px;
        font-size: 18px;
        letter-spacing: .05em
    }
}

.order-promotion-container .promo {
    text-align: center
}

.pt_cart .cart-row .bonus-item-container {
    padding: 0
}

.pt_cart .cart-row .promo::before {
    content: '';
    position: absolute;
    display: inline-block
}

@media (max-width:768.98px) {
    .pt_cart .cart-row .promo::before {
        left: 14vw;
        top: -2.2vw;
        border-bottom: 2.4vw solid #000;
        border-left: 2vw solid transparent;
        border-right: 2vw solid transparent
    }
}

@media (min-width:769px) {
    .pt_cart .cart-row .promo::before {
        top: -15px;
        left: 13.5%;
        border-bottom: 18px solid #000;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent
    }
}

.bonus-item-container {
    background: #000
}

.bonus-item-container .promo {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768.98px) {
    .bonus-item-container .promo {
        padding: 2.4vw
    }
}

@media (min-width:769px) {
    .bonus-item-container .promo {
        padding: 17px;
        letter-spacing: .05em
    }
}

.bonus-item-container .promo.gift-msg {
    -ms-flex-pack: center;
    justify-content: center
}

.bonus-item-container .promo.gift-msg .bonus-message {
    padding-right: 0
}

.bonus-item-container .promo .bonus-message {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

@media (max-width:768.98px) {
    .bonus-item-container .promo .bonus-message {
        padding-right: 2.8vw;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .bonus-item-container .promo .bonus-message {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .bonus-item-container .promo .bonus-message {
        font-size: 18px;
        padding-right: 20px
    }
}

.bonus-item-container .promo .select-bonus {
    letter-spacing: .05em;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff
}

@media (max-width:768.98px) {
    .bonus-item-container .promo .select-bonus {
        font-size: 1.625rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .bonus-item-container .promo .select-bonus {
        font-size: calc(0.20143rem + 3.03696vw)
    }
}

@media (min-width:769px) {
    .bonus-item-container .promo .select-bonus {
        font-size: 18px
    }
}

.overlay {
    content: '';
    background-color: #414141;
    opacity: .8;
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    top: 0;
    z-index: 1001;
    left: 0
}

.cart-container {
    padding: 0 10px
}

@media (min-width:769px) {
    .cart-container {
        padding: 0
    }
}

.cart-container .cart-form {
    width: 100%
}

.cart-container .empty-basket .cart-summary {
    margin: 0 auto
}

@media (min-width:769px) {
    .cart-container .empty-basket.cart-top-section .cart-header .cart-count {
        margin-bottom: 23px
    }
}

.cart-container .empty-basket.cart-top-section .hollow-space {
    display: none
}

@media (max-width:768.98px) {
    .cart-container .empty-basket .cart-actions-checkout.show {
        display: none
    }
}

.cart-container .cart-bottom-section,
.cart-container .cart-mid-section,
.cart-container .cart-top-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.cart-container .cart-bottom-section .cart-summary,
.cart-container .cart-mid-section .cart-summary,
.cart-container .cart-top-section .cart-summary {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 20px
}

@media (min-width:769px) {

    .cart-container .cart-bottom-section .cart-summary,
    .cart-container .cart-mid-section .cart-summary,
    .cart-container .cart-top-section .cart-summary {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
        margin-left: 6.25%;
        padding: 0 10px
    }
}

.cart-container .cart-bottom-section .cart-summary.empty-basket,
.cart-container .cart-mid-section .cart-summary.empty-basket,
.cart-container .cart-top-section .cart-summary.empty-basket {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 0 auto
}

.cart-container .cart-bottom-section .order-summary,
.cart-container .cart-mid-section .order-summary,
.cart-container .cart-top-section .order-summary {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
}

@media (min-width:769px) {

    .cart-container .cart-bottom-section .order-summary,
    .cart-container .cart-mid-section .order-summary,
    .cart-container .cart-top-section .order-summary {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        padding: 0 10px
    }
}

.cart-container .cart-section {
    padding: 0 10px
}

@media (min-width:769px) {
    .cart-container .cart-section {
        padding: 0
    }
}

.cart-container .cart-top-section .cart-header {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .cart-container .cart-top-section .cart-header {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
        margin-left: 6.25%
    }
}

.cart-container .cart-top-section .cart-header .cart-breadcrumbs {
    display: none
}

@media (min-width:769px) {
    .cart-container .cart-top-section .cart-header .cart-breadcrumbs {
        display: block
    }

    .cart-container .cart-top-section .cart-header .cart-breadcrumbs .breadcrumb {
        margin-left: 0;
        padding-top: 12px
    }

    .cart-container .cart-top-section .cart-header .cart-breadcrumbs .breadcrumb-element {
        color: #666;
        text-transform: capitalize;
        font-family: Arial, sans-serif;
        font-size: 12px;
        line-height: 16px
    }

    .cart-container .cart-top-section .cart-header .cart-breadcrumbs .breadcrumb-element span {
        text-decoration: underline
    }

    .cart-container .cart-top-section .cart-header .cart-breadcrumbs .breadcrumb-element:last-of-type {
        font-family: Arial, Medium, sans-serif
    }

    .cart-container .cart-top-section .cart-header .cart-breadcrumbs .breadcrumb-element:last-of-type span {
        text-decoration: none
    }

    .cart-container .cart-top-section .cart-header .cart-breadcrumbs .breadcrumb-element:last-of-type::before {
        display: none
    }

    .cart-container .cart-top-section .cart-header .cart-breadcrumbs .breadcrumb-element::before {
        content: '\25CF';
        font-weight: 500;
        font-size: 6px;
        padding-left: 6px;
        display: inline-block;
        text-decoration: none
    }
}

.cart-container .cart-top-section .cart-header h1.cart-title {
    margin-top: 32px;
    font-family: Arial, Medium, sans-serif;
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize;
    color: #414141
}

@media (min-width:769px) {
    .cart-container .cart-top-section .cart-header h1.cart-title {
        margin-top: 50px;
        font-size: 40px;
        line-height: 48px
    }
}

.cart-container .cart-top-section .cart-header h4.cart-count {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16.8px;
    text-transform: capitalize;
    color: #414141;
    margin: 8px 0 23px
}

@media (min-width:769px) {
    .cart-container .cart-top-section .cart-header h4.cart-count {
        font-size: 16px;
        line-height: 19.2px;
        margin: 10px 0 35px
    }
}

.cart-container .cart-top-section .hollow-space {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    display: none
}

@media (min-width:769px) {
    .cart-container .cart-top-section .hollow-space {
        display: block;
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }

    .cart-container .cart-top-section .hollow-space .hollow-content {
        background: #FAF9F9;
        display: -ms-flexbox;
        display: flex;
        height: 100%
    }
}

.cart-container .cart-mid-section .cart-columns-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item.products-information-head .pli-image,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item.products-information-head .pli-image,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item.products-information-head .pli-image {
    height: auto
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item.products-information-head .pli-info,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item.products-information-head .pli-info,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item.products-information-head .pli-info {
    min-height: 28px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-column,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .pli-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-column,
.cart-container .cart-mid-section .cart-summary .products-information .products-information-head .pli-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .pli-column {
    position: relative;
    width: 100%;
    min-height: 1px;
    margin: 0;
    padding: 0
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .product-column,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .product-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .product-column,
.cart-container .cart-mid-section .cart-summary .products-information .products-information-head .product-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .product-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .product-column {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    max-width: 280px
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .product-column,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .product-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .product-column,
    .cart-container .cart-mid-section .cart-summary .products-information .products-information-head .product-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .product-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .product-column {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .quantity-column,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .quantity-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .quantity-column,
.cart-container .cart-mid-section .cart-summary .products-information .products-information-head .quantity-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .quantity-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .quantity-column {
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%;
    max-width: 96px
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .quantity-column,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .quantity-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .quantity-column,
    .cart-container .cart-mid-section .cart-summary .products-information .products-information-head .quantity-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .quantity-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .quantity-column {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        margin-left: 3%
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .cost-column,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .cost-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .cost-column,
.cart-container .cart-mid-section .cart-summary .products-information .products-information-head .cost-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .cost-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .cost-column {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 140px;
    margin-left: auto
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .cost-column,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .cost-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .cost-column,
    .cart-container .cart-mid-section .cart-summary .products-information .products-information-head .cost-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .cost-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .cost-column {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        margin-left: 9%
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .removecta-column,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .removecta-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .removecta-column,
.cart-container .cart-mid-section .cart-summary .products-information .products-information-head .removecta-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .removecta-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .removecta-column {
    display: none
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .removecta-column,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .products-information-head .removecta-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .removecta-column,
    .cart-container .cart-mid-section .cart-summary .products-information .products-information-head .removecta-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .removecta-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .products-information-head .removecta-column {
        -ms-flex: 0 0 4%;
        flex: 0 0 4%;
        max-width: 4%;
        margin-left: 3.5%
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item.products-information-head,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item.products-information-head,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item.products-information-head {
    padding: 25px 0 8px;
    border-bottom: 1px solid #414141;
    display: none
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item.products-information-head .head,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item.products-information-head .head,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item.products-information-head .head {
    text-transform: capitalize
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item.products-information-head,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item.products-information-head,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item.products-information-head {
        display: block
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item {
    display: block;
    clear: both;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial, sans-serif;
    padding: 22px 0;
    border-bottom: 1px solid #f1f1f1
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item {
        padding: 16px 0
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-image,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-image,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-image {
    position: relative;
    width: 65px;
    height: 65px;
    margin-right: 12px;
    float: left
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-image,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-image,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-image {
        width: 105px;
        height: 105px;
        margin-right: 20px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-image .image-tint,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-image .image-tint,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-image .image-tint {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 126px rgba(0, 0, 0, .04);
    pointer-events: none
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column {
    display: -ms-flexbox;
    display: flex
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .name,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .name,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .name {
    padding-bottom: 8px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .name a,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .name a,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .name a {
    font-family: Arial, Medium, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #262626
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .name a:hover,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .name a:hover,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .name a:hover {
        text-decoration: underline;
        opacity: 1
    }
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .name,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .name,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .name {
        padding-top: 10px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .attribute,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .attribute,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .attribute {
    display: -ms-flexbox;
    display: flex;
    text-transform: capitalize;
    padding-bottom: 8px;
    color: #666
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .attribute .color-holder,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .attribute .color-holder,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .attribute .color-holder {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .attribute .hex-swatch-block.multiColor,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .attribute .hex-swatch-block.multiColor,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .attribute .hex-swatch-block.multiColor {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    background: #ccc;
    position: relative
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable::before,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable::before,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable::before {
    position: absolute;
    display: block;
    content: attr(data-content);
    font-size: 6px;
    color: #000;
    width: 42px;
    height: 20px;
    text-align: center;
    left: 10px;
    top: 10px;
    transform: translate(-50%, -50%)
}

@media (max-width:768.98px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable::before,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable::before,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .attribute .hexcode-unavailable::before {
        top: 13px;
        line-height: 1
    }
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .product-column .item-details .attribute,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .product-column .item-details .attribute,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .product-column .item-details .attribute {
        color: #262626
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container {
    display: -ms-flexbox;
    display: flex
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container button,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container button,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container button {
    padding: 0;
    margin: 0;
    border: 0;
    width: 17px;
    height: 24px;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    vertical-align: middle;
    color: #666
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container button i.hover-only,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container button.delete,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container button i.hover-only,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container button.delete,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container button i.hover-only,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container button.delete {
    display: none
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container button:hover i,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container button:hover i,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container button:hover i {
        display: none
    }

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container button:hover i.hover-only,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container button:hover i.hover-only,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container button:hover i.hover-only {
        display: block
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container button:disabled,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container button:disabled,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container button:disabled {
    pointer-events: none;
    color: #ccc
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #262626
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text .ui-selectmenu-button,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text select,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text .ui-selectmenu-button,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text select,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text .ui-selectmenu-button,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text select {
    display: none;
    pointer-events: none
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text .qty-value.disabled,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text .qty-value.disabled,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container .quantity-text .qty-value.disabled {
    color: #ccc
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container.deletable button.decr-quantity,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container.deletable button.decr-quantity,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container.deletable button.decr-quantity {
    display: none
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container.deletable button.delete,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container.deletable button.delete,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container.deletable button.delete {
    display: inline-block
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column .quantity-container,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column .quantity-container,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column .quantity-container {
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .quantity-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .quantity-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .quantity-column {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .cost-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .cost-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .cost-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 17px
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .cost-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .cost-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .cost-column {
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .cost-column .price-unadjusted,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .cost-column .price-unadjusted,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .cost-column .price-unadjusted {
    color: #262626;
    text-decoration: line-through;
    padding-right: 4px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .cost-column .item-total span:nth-child(2),
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .cost-column .item-total span:nth-child(2),
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .cost-column .item-total span:nth-child(2) {
    color: #c8102e
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .cost-column .price-column,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .cost-column .price-column,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .cost-column .price-column {
    width: 100%;
    text-align: right;
    height: 24px;
    line-height: 24px;
    vertical-align: middle
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .cost-column .price-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .cost-column .price-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .cost-column .price-column {
        width: auto;
        text-align: center
    }
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .removecta-column,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .removecta-column,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .removecta-column {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: right;
        justify-content: right
    }

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .removecta-column .user-action-remove,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .removecta-column .user-action-remove,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .removecta-column .user-action-remove {
        width: 100%;
        text-align: center;
        padding-right: 8px
    }

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info .removecta-column button,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info .removecta-column button,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info .removecta-column button {
        border: none;
        padding: 0;
        font-size: 11px
    }
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-info,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-info,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-info {
        min-height: 78px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    clear: both;
    padding-bottom: 10px;
    padding-top: 25px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a {
    font-size: 14px;
    line-height: 17px;
    color: #262626;
    text-decoration: underline
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a:hover,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a:hover,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a:hover {
    opacity: 1;
    text-decoration: none
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a:hover .icon-heart,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a:hover .icon-heart,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a:hover .icon-heart {
    color: #666;
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a:hover .icon-heart:before,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a:hover .icon-heart:before,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a:hover .icon-heart:before {
    content: "\e028"
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a.wishlist-added .icon-heart,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a.wishlist-added .icon-heart,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a.wishlist-added .icon-heart {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #D6001C
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a.wishlist-added .icon-heart:before,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a.wishlist-added .icon-heart:before,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a.wishlist-added .icon-heart:before {
    content: "\e028"
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a.wishlist-added:hover .icon-heart,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a.wishlist-added:hover .icon-heart,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a.wishlist-added:hover .icon-heart {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    color: #D6001C
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a.wishlist-added:hover .icon-heart:before,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a.wishlist-added:hover .icon-heart:before,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a.wishlist-added:hover .icon-heart:before {
    content: "\e028"
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a.edit-product-link,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a.edit-product-link,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a.edit-product-link {
        padding-left: 16px
    }

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit a.wishlist-icon,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit a.wishlist-icon,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit a.wishlist-icon {
        padding-left: 21px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .item-edit-details,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .item-edit-details,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .item-edit-details {
    padding-right: 24px
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .item-edit-details,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .item-edit-details,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .item-edit-details {
        padding-right: 16px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .edit-or-wishlist,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .edit-or-wishlist,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .edit-or-wishlist {
    padding-right: 28px;
    position: relative
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .edit-or-wishlist,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .edit-or-wishlist,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .edit-or-wishlist {
        padding: 0 8px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .edit-or-wishlist a,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .edit-or-wishlist a,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .edit-or-wishlist a {
    position: relative
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .edit-or-wishlist a i,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .edit-or-wishlist a i,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .edit-or-wishlist a i {
    position: absolute;
    left: 0;
    font-size: 14px;
    line-height: 18px;
    display: none
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .edit-or-wishlist a i,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .edit-or-wishlist a i,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .edit-or-wishlist a i {
        display: inline-block;
        vertical-align: middle
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .edit-or-wishlist button.remove-link-mobile,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .edit-or-wishlist button.remove-link-mobile,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .edit-or-wishlist button.remove-link-mobile {
    border: 0;
    padding: 0;
    text-transform: inherit;
    color: #262626;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline;
    letter-spacing: normal
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit .edit-or-wishlist button.remove-link-mobile,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit .edit-or-wishlist button.remove-link-mobile,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit .edit-or-wishlist button.remove-link-mobile {
        display: none
    }
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-edit,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-edit,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-edit {
        float: none;
        clear: none;
        margin-left: 125px;
        padding-bottom: 5px;
        padding-top: 0
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list {
    clear: both;
    position: relative
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    clear: both;
    font-size: 12px;
    line-height: 17px;
    margin-top: 15px;
    padding: 6px 0;
    background: #FAF9F9;
    color: #666
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .cart-content .cart-notification .cart-error .error-icon,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .cart-content .cart-notification .full-width-slot .error-icon,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .icon-info-round,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .onepage-checkout-container .checkout-notification .cart-error .error-icon,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .onepage-checkout-container .checkout-notification .full-width-slot .error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .cart-content .cart-notification .cart-error .error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .cart-content .cart-notification .full-width-slot .error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .icon-info-round,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .onepage-checkout-container .checkout-notification .cart-error .error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .onepage-checkout-container .checkout-notification .full-width-slot .error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .cart-content .cart-notification .cart-error .error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .cart-content .cart-notification .full-width-slot .error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .icon-info-round,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .onepage-checkout-container .checkout-notification .cart-error .error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .onepage-checkout-container .checkout-notification .full-width-slot .error-icon,
.cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span .error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span .error-icon {
    height: 17px;
    width: 17px;
    font-size: 17px;
    line-height: 21px;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span:first-of-type,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span:first-of-type,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span:first-of-type {
    padding-right: 4px;
    padding-left: 20px
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span:first-of-type,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span:first-of-type,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span:first-of-type {
        padding-left: 42px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span:last-of-type,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span:last-of-type,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span:last-of-type {
    margin-left: -4px;
    padding-right: 16px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span:only-of-type,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span:only-of-type,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span:only-of-type {
    margin-left: 0
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list span,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list span,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list span {
        font-size: 14px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .cart-error i.error-icon,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .full-width-slot i.error-icon,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .cart-error i.error-icon,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .full-width-slot i.error-icon,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.icon-info-round,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .cart-error i.error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .full-width-slot i.error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .cart-error i.error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .full-width-slot i.error-icon,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.icon-info-round,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .cart-error i.error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .full-width-slot i.error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .cart-error i.error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .full-width-slot i.error-icon,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.icon-info-round,
.cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon {
    position: absolute;
    left: 1px;
    top: 14px;
    display: inline-block;
    line-height: 30px;
    vertical-align: middle
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .cart-error i.error-icon,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .full-width-slot i.error-icon,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .cart-error i.error-icon,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .full-width-slot i.error-icon,
    .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.icon-info-round,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .cart-error i.error-icon,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .full-width-slot i.error-icon,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .cart-error i.error-icon,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .full-width-slot i.error-icon,
    .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.icon-info-round,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .cart-error i.error-icon,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .cart-content .cart-notification .full-width-slot i.error-icon,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .cart-error i.error-icon,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list .onepage-checkout-container .checkout-notification .full-width-slot i.error-icon,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.icon-info-round,
    .cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .cart-content .cart-notification .cart-error .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .cart-content .cart-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .onepage-checkout-container .checkout-notification .cart-error .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .products-information .product-line-item .pli-availability .product-availability-list i.error-icon,
    .onepage-checkout-container .checkout-notification .full-width-slot .cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item .pli-availability .product-availability-list i.error-icon {
        line-height: 33px;
        left: 17px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item.last,
.cart-container .cart-mid-section .cart-summary .products-information .product-line-item.last,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item.last {
    border-bottom: 0
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .samplebonus-title,
.cart-container .cart-mid-section .cart-summary .products-information .samplebonus-title,
.cart-container .cart-mid-section .cart-summary .sample-products-information .samplebonus-title {
    font-size: 14px;
    line-height: 17px;
    color: #262626;
    font-family: Arial, Medium, sans-serif;
    padding: 32px 0;
    border-top: 1px solid #f1f1f1
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .samplebonus-title,
    .cart-container .cart-mid-section .cart-summary .products-information .samplebonus-title,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .samplebonus-title {
        font-size: 16px;
        line-height: 19px;
        padding: 24px 0
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .samplebonus-title.samples-title,
.cart-container .cart-mid-section .cart-summary .products-information .samplebonus-title.samples-title,
.cart-container .cart-mid-section .cart-summary .sample-products-information .samplebonus-title.samples-title {
    border: none
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .sample-indicators,
.cart-container .cart-mid-section .cart-summary .products-information .sample-indicators,
.cart-container .cart-mid-section .cart-summary .sample-products-information .sample-indicators {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .sample-indicators span,
.cart-container .cart-mid-section .cart-summary .products-information .sample-indicators span,
.cart-container .cart-mid-section .cart-summary .sample-products-information .sample-indicators span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
    color: #666;
    padding-right: 2px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .sample-indicators .sample-indicators-text,
.cart-container .cart-mid-section .cart-summary .products-information .sample-indicators .sample-indicators-text,
.cart-container .cart-mid-section .cart-summary .sample-products-information .sample-indicators .sample-indicators-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 13px
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .sample-indicators .sample-indicators-text span,
.cart-container .cart-mid-section .cart-summary .products-information .sample-indicators .sample-indicators-text span,
.cart-container .cart-mid-section .cart-summary .sample-products-information .sample-indicators .sample-indicators-text span {
    padding: 0
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .sample-indicators .sample-indicators-icons,
.cart-container .cart-mid-section .cart-summary .products-information .sample-indicators .sample-indicators-icons,
.cart-container .cart-mid-section .cart-summary .sample-products-information .sample-indicators .sample-indicators-icons {
    padding-right: 5px;
    display: -ms-flexbox;
    display: flex
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .sample-indicators .sample-indicators-divider,
.cart-container .cart-mid-section .cart-summary .products-information .sample-indicators .sample-indicators-divider,
.cart-container .cart-mid-section .cart-summary .sample-products-information .sample-indicators .sample-indicators-divider {
    height: 1px;
    background: #ccc;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .sample-indicators .check-mark,
.cart-container .cart-mid-section .cart-summary .products-information .sample-indicators .check-mark,
.cart-container .cart-mid-section .cart-summary .sample-products-information .sample-indicators .check-mark {
    color: #247800
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .select-samplebonus-btn,
.cart-container .cart-mid-section .cart-summary .products-information .select-samplebonus-btn,
.cart-container .cart-mid-section .cart-summary .sample-products-information .select-samplebonus-btn {
    display: inline-block;
    margin: 24px 0;
    width: 100%;
    height: 40px;
    background: #262626;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    font-size: 12px;
    letter-spacing: 1px;
    cursor: pointer
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .select-samplebonus-btn:hover,
.cart-container .cart-mid-section .cart-summary .products-information .select-samplebonus-btn:hover,
.cart-container .cart-mid-section .cart-summary .sample-products-information .select-samplebonus-btn:hover {
    opacity: 1
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .select-samplebonus-btn,
    .cart-container .cart-mid-section .cart-summary .products-information .select-samplebonus-btn,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .select-samplebonus-btn {
        width: 220px;
        height: 50px;
        font-size: 14px;
        line-height: 50px
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information,
.cart-container .cart-mid-section .cart-summary .sample-products-information {
    clear: both
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .name,
.cart-container .cart-mid-section .cart-summary .sample-products-information .name {
    font-family: Arial, Medium, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #262626
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .name:hover,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .name:hover {
        text-decoration: underline;
        opacity: 1
    }
}

.cart-container .cart-mid-section .cart-summary .bonus-products-information .product-line-item.first,
.cart-container .cart-mid-section .cart-summary .bonus-products-information .skeleton,
.cart-container .cart-mid-section .cart-summary .sample-products-information .product-line-item.first,
.cart-container .cart-mid-section .cart-summary .sample-products-information .skeleton {
    padding-top: 0
}

@media (min-width:769px) {

    .cart-container .cart-mid-section .cart-summary .bonus-products-information .skeleton,
    .cart-container .cart-mid-section .cart-summary .sample-products-information .skeleton {
        padding-top: 16px
    }
}

.cart-container .cart-mid-section .cart-summary .products-information+.sample-products-information {
    margin-top: 8px
}

.cart-container .cart-mid-section .cart-summary .sample-products-information {
    margin-bottom: 24px;
    border-bottom: 1px solid #414141
}

.cart-container .cart-mid-section .order-summary .order-summary-background {
    background: #FAF9F9;
    padding: 24px 21px;
    height: 100%
}

@media (min-width:769px) {
    .cart-container .cart-mid-section .order-summary .order-summary-background {
        padding: 0 35px 10px
    }
}

@media (min-width:769px) {
    .cart-container .cart-mid-section .order-summary {
        margin: 0
    }
}

.cart-container .cart-mid-section .order-summary .order-summary-title h2 {
    font-size: 30px;
    line-height: 36px;
    color: #414141;
    font-family: Arial, Medium, sans-serif;
    text-transform: capitalize
}

.cart-container .cart-bottom-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.cart-container .cart-bottom-section .cart-recommendation-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:769px) {
    .cart-container .cart-bottom-section .cart-recommendation-container {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.cart-container .cart-bottom-section .cart-recommendation-container .title {
    font-family: Arial, Medium, sans-serif;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    width: 100%;
    color: #414141;
    padding: 23px 0 0;
    border-top: 1px solid #414141
}

@media (min-width:769px) {
    .cart-container .cart-bottom-section .cart-recommendation-container .title {
        font-size: 30px;
        padding: 40px 0 20px;
        width: calc(100% + 20px);
        margin-left: -10px
    }
}

@media (min-width:769px) {
    .cart-container .cart-bottom-section .cart-recommendation-container .carousel-recommendations {
        margin: 0 -60px
    }
}

@media (max-width:768.98px) {
    .account-registration h1 {
        margin-bottom: 3vw;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:769px) {
    .account-registration h1 {
        letter-spacing: 2px;
        margin-bottom: .55em;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%;
        margin-left: 6.25%
    }
}

.account-registration .registration-box {
    width: 100%
}

@media (max-width:768.98px) {
    .account-registration .registration-box {
        padding: 8vw 0
    }
}

@media (min-width:769px) {
    .account-registration .registration-box {
        margin: 3.75em 0
    }
}

.account-registration .bg-image {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    text-align: right
}

.account-registration .account-msg {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.account-registration .account-msg>div {
    border-top: 1px solid #ccc
}

@media (min-width:769px) {
    .account-registration .account-msg>div {
        padding: 2.5em 0
    }
}

@media (max-width:768.98px) {
    .account-registration .account-msg>div {
        padding: 8vw 0 0
    }
}

@media (max-width:768.98px) {
    .account-registration .account-msg {
        padding-top: 4vw;
        padding-bottom: 6vw;
        font-size: 1.5rem;
        letter-spacing: .5px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .account-registration .account-msg {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .account-registration .account-msg {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%;
        font-size: 1.125rem;
        letter-spacing: .4px;
        padding-top: 2.45em
    }
}

@media (min-width:769px) and (max-width:750px) {
    .account-registration .account-msg {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.account-registration .form-horizontal {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .account-registration .form-horizontal {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .account-registration .form-horizontal {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:769px) {
    .account-registration .user-info {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.account-registration .user-info .form-field-tooltip {
    padding-top: 0;
    color: #888;
    font-size: 1.25rem;
    letter-spacing: .3px
}

@media (max-width:750px) {
    .account-registration .user-info .form-field-tooltip {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .account-registration .user-info .form-field-tooltip {
        font-size: .875rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .account-registration .user-info .form-field-tooltip {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

@media (max-width:768.98px) {
    .account-registration .form-row {
        padding: 0 0 2.67vw
    }
}

@media (min-width:769px) {
    .account-registration .form-row {
        padding: 1.25em 10px;
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.account-registration .form-row+.label-middle {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:768.98px) {
    .account-registration .form-row+.label-middle {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1em
    }
}

@media (min-width:769px) {
    .account-registration .form-row+.label-middle+.label-middle {
        padding: .65em 10px 0
    }
}

@media (min-width:769px) {
    .account-registration .user-consent-container .form-row {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:768.98px) {
    .account-registration .field-wrapper {
        padding-top: 2.67vw
    }
}

@media (min-width:769px) {
    .account-registration .field-wrapper {
        padding-top: 1.25em
    }
}

@media (max-width:768.98px) {
    .account-registration .form-row-button {
        padding-top: 5.35vw
    }
}

@media (min-width:769px) {
    .account-registration .form-row-button {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 50%;
        margin-top: 5em
    }
}

.account-registration .form-row-button button {
    font-family: Arial, Medium, sans-serif;
    letter-spacing: 1.4px;
    width: 100%
}

@media (min-width:769px) {
    .account-registration .form-row-button button {
        height: 3.335em
    }
}

@media (max-width:768.98px) {
    .account-registration .form-row-button button:not([disabled]):active {
        background: #000;
        color: #fff
    }
}

.account-registration .splitter {
    width: 100%;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #ccc
}

@media (max-width:768.98px) {
    .account-registration .splitter {
        margin: 2.67vw 0
    }
}

@media (min-width:769px) {
    .account-registration .splitter {
        margin: 1.25em 10px
    }
}

.account-registration .form-field-tooltip {
    padding-top: 1.25em
}

.account-registration .form-field-tooltip a {
    color: #888;
    font-size: 1.25rem;
    letter-spacing: .3px
}

@media (max-width:750px) {
    .account-registration .form-field-tooltip a {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .account-registration .form-field-tooltip a {
        font-size: .875rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .account-registration .form-field-tooltip a {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.account-registration label[for=dwfrm_profile_customer_addtoemaillist] {
    padding-left: 6px
}

@media (max-width:768.98px) {
    .account-registration .user-consent-container label {
        padding-left: 9px
    }
}

.account-registration input.addtoemaillist {
    top: -2px
}

@media (min-width:769px) {
    .account-registration input.addtoemaillist {
        top: 0
    }
}

@media (min-width:769px) {
    .account-registration .user-consent-container .error-placement .error {
        bottom: 1.5em
    }
}

.empty-wishlist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 5.625em 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: .3px;
    margin: 0 auto
}

@media (max-width:750px) {
    .empty-wishlist {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.empty-wishlist div {
    z-index: 1;
    margin: 3vw auto 0
}

@media (min-width:769px) {
    .empty-wishlist div {
        margin: .7em auto 0
    }
}

.empty-wishlist a,
.empty-wishlist a.secondary {
    display: block
}

@media screen and (max-width:768px) {
    .empty-wishlist a.secondary {
        padding: 2vw 2.13333vw
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media screen and (max-width:768px) {
        .empty-wishlist a.secondary {
            padding: 2.66667vw 2.13333vw 2vw
        }
    }
}

@media (min-width:769px) {
    .wishlist-container {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
}

.account-content .custom-tabs {
    padding: 0
}

.account-content .custom-tabs>ul {
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 10px 3.75em;
    position: relative;
    width: 100%;
    min-height: 1px
}

@media (max-width:768.98px) {
    .account-content .custom-tabs>ul {
        padding: 2.5em 0 3.25em;
        display: -ms-flexbox;
        display: flex
    }
}

.account-content .custom-tabs .cust-list {
    float: none;
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0 1em
}

@media (max-width:768.98px) {
    .account-content .custom-tabs .cust-list {
        padding: 0 3.7vw
    }
}

.account-content .custom-tabs .cust-list a {
    padding: 0;
    font-size: 1.75rem;
    letter-spacing: .28px;
    color: #666;
    text-transform: uppercase
}

@media (max-width:750px) {
    .account-content .custom-tabs .cust-list a {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (max-width:768.98px) {
    .account-content .custom-tabs .cust-list a {
        font-size: 3.73vw
    }
}

.account-content .custom-tabs .ui-tabs-anchor {
    padding: 10px 0 5px;
    border-bottom: 5px solid transparent
}

.account-content .custom-tabs .ui-tabs-active a {
    color: #000;
    font-family: Arial, Medium, sans-serif;
    border-bottom: 5px solid #c8102e
}

.account-content .wishlist-item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 3.75em
}

@media (min-width:769px) {
    .account-content .wishlist-item {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media (max-width:768.98px) {
    .account-content .wishlist-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.account-content .wishlist-item .item-image {
    height: 100%
}

.account-content .pagination-buttons {
    margin: 0;
    text-align: center
}

#runway-looks-video {
    background-size: cover
}

@media (max-width:768.98px) {
    #runway-looks-video {
        height: 197px
    }
}

@media (max-width:768.98px) and (min-width:576px) and (max-width:768px) {
    #runway-looks-video {
        height: 404px
    }
}

@media (max-width:768.98px) {
    @supports (-webkit-overflow-scrolling:touch) {
        #runway-looks-video {
            height: 197px
        }

        @media (min-width:576px) and (max-width:768px) {
            #runway-looks-video {
                height: 404px
            }
        }
    }
}

@media (min-width:768px) and (max-width:1024px) {
    #runway-looks-video {
        height: 504px
    }
}

@media screen and (max-width:420px) {
    .skin-regimen-slot .skin-regimen-section {
        margin: 15px !important
    }

    .cat-grouping-container .texture-img {
        width: 70px;
        height: 70px;
        bottom: -45px;
        margin: 0 0 27px -40px;
        z-index: 1
    }

    .pdp-description.type2 .description-content h2 {
        padding-left: 7.5% !important
    }
}

@media screen and (max-width:420px) and (max-width:768.98px) {
    .pdp-description.type2 .content-img {
        width: 80%
    }
}

@media screen and (max-width:420px) {
    .tips-and-tutorials.variation-3 .link .vertical-line {
        height: 4px
    }

    .btn.primary-link1 {
        border-bottom-width: 4px !important
    }
}

@media (max-width:768.98px) {
    .account-registration .account-benefits {
        margin-left: 3%
    }
}

@media (min-width:769px) {
    .account-registration .account-benefits>div {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .account-registration .account-benefits>div:first-child {
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .account-registration .account-benefits>div {
        width: 100%
    }
}

.account-registration .account-benefits,
.account-signin .account-benefits {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:768.98px) {

    .account-registration .account-benefits,
    .account-signin .account-benefits {
        margin-bottom: 1.25em
    }
}

.account-registration .account-benefits span,
.account-signin .account-benefits span {
    display: block;
    position: relative;
    padding-left: 2em;
    margin: 1em 0;
    font-size: 1.125rem;
    letter-spacing: -.1px
}

@media (max-width:750px) {

    .account-registration .account-benefits span,
    .account-signin .account-benefits span {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (max-width:768.98px) {

    .account-registration .account-benefits span,
    .account-signin .account-benefits span {
        margin: 1.25em 0 0;
        font-size: 1.5rem;
        padding-left: 2.45em
    }
}

@media (max-width:768.98px) and (max-width:750px) {

    .account-registration .account-benefits span,
    .account-signin .account-benefits span {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.account-registration .account-benefits span::before,
.account-signin .account-benefits span::before {
    content: '';
    position: absolute;
    font-size: 1.25rem;
    line-height: 0;
    top: 30%;
    left: 15px;
    transform: translate(-50%, -50%) rotate(-50deg);
    border: 1px solid #c8102e;
    border-width: 0 0 1px 1px;
    width: 16px;
    height: 8px
}

@media (max-width:750px) {

    .account-registration .account-benefits span::before,
    .account-signin .account-benefits span::before {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (max-width:768.98px) {

    .account-registration .account-benefits span::before,
    .account-signin .account-benefits span::before {
        width: 1.5em;
        height: .75em;
        top: 25%
    }
}

.account-signin {
    position: relative
}

.account-signin .account-benefits>div {
    width: 100%
}

.account-signin .account-benefits span {
    display: inline-block;
    width: 100%
}

@media screen and (max-width:768px) {
    .account-signin .account-benefits span {
        margin: 1.86667vw 0
    }
}

@media screen and (max-width:768px) {
    .account-signin .account-benefits span {
        padding-left: 10.53333vw
    }
}

.account-signin .account-benefits span:before {
    left: 5.06VW
}

@media (min-width:769px) {
    .account-signin .account-benefits span {
        margin: .7em 0
    }

    .account-signin .account-benefits span:before {
        left: 11px
    }
}

@media screen and (max-width:768px) {
    .account-signin .account-benefits-wrapper {
        margin: 3.06667vw 0 5.86667vw
    }
}

@media (min-width:769px) {
    .account-signin .account-benefits-wrapper {
        margin: 27px 0 100px
    }
}

@media screen and (max-width:768px) {
    .login-page-box {
        margin: 6.53333vw 0 22.93333vw
    }
}

@media (min-width:769px) {
    .login-page-box {
        margin: 2.7em 0 4.1em
    }
}

.login-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
}

@media (min-width:769px) {
    .login-wrapper {
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
        margin-left: 6.25%
    }
}

.login-wrapper .heading-1,
.login-wrapper h1 {
    letter-spacing: inherit
}

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

    .login-wrapper .heading-1,
    .login-wrapper h1 {
        margin-bottom: 5.33333vw
    }
}

@media (min-width:769px) {

    .login-wrapper .heading-1,
    .login-wrapper h1 {
        letter-spacing: 2px;
        margin-bottom: .55em
    }
}

@media screen and (max-width:768px) {
    .login-wrapper .account-msg {
        margin-bottom: 2.66667vw
    }
}

@media (min-width:769px) {
    .login-wrapper .account-msg {
        margin-bottom: .9em
    }
}

.login-wrapper .rememberme-forgotpass-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.login-wrapper .rememberme-forgotpass-wrapper .login-rememberme {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center
}

.login-wrapper .rememberme-forgotpass-wrapper .login-rememberme label {
    position: relative;
    color: #000
}

@media (min-width:769px) {
    .login-wrapper .rememberme-forgotpass-wrapper .login-rememberme label {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .login-wrapper .rememberme-forgotpass-wrapper .login-rememberme label {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (max-width:768.98px) {
    .login-wrapper .rememberme-forgotpass-wrapper .login-rememberme label {
        padding-left: 0
    }
}

.login-wrapper .rememberme-forgotpass-wrapper input[type=checkbox] {
    float: none;
    top: -2px
}

@media (min-width:769px) {
    .login-wrapper .rememberme-forgotpass-wrapper input[type=checkbox] {
        top: -4px
    }
}

.login-wrapper .reset-password-link {
    display: -ms-flexbox;
    display: flex
}

.login-wrapper .form-row-button button {
    font-family: Arial, Medium, sans-serif;
    letter-spacing: 1.4px;
    width: 100%
}

.login-wrapper .button {
    width: 100%;
    display: inline-block
}

.login-wrapper .create-new-account,
.login-wrapper .login-box-form-content {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media screen and (max-width:768px) {
    .login-wrapper .login-box-form-content {
        margin-bottom: 5.33333vw
    }
}

@media (min-width:769px) {
    .login-wrapper .login-box-form-content {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%
    }
}

@media screen and (max-width:768px) {
    .login-wrapper .create-new-account {
        padding-top: 8vw
    }
}

@media (min-width:769px) {
    .login-wrapper .create-new-account {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        margin-left: 6.66667%;
        margin-top: 65px
    }

    .login-wrapper .create-new-account:before {
        display: none
    }
}

.login-wrapper .login-rememberme {
    padding: 0 0 6px;
    width: 50%
}

.login-wrapper .login-rememberme .field-wrapper {
    top: 0
}

.login-wrapper .password-reset {
    color: #000;
    text-decoration: underline;
    text-transform: capitalize;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .login-wrapper .password-reset {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .login-wrapper .password-reset {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

@media (min-width:769px) {
    .login-wrapper .create-account-cta {
        line-height: 2.1
    }
}

.login-wrapper .create-account-cta span {
    position: relative;
    z-index: 2;
    text-transform: uppercase
}

.login-wrapper a.button.primary::after,
.login-wrapper a.button.primary::before {
    z-index: 1
}

@media (min-width:769px) {
    .login-wrapper .signin-btn-wrapper {
        padding-top: 25px
    }
}

@media (max-width:768.98px) {
    .login-modal .modal-wrapper {
        padding: 3.26vw 0
    }
}

@media (min-width:769px) {
    .login-modal .modal-wrapper {
        padding: 25px 0;
        max-width: 578px
    }
}

.login-modal .login-wrapper {
    width: 100%;
    margin-left: 0;
    max-width: 100%
}

@media screen and (max-width:768px) {
    .login-modal .login-wrapper {
        padding: .66667vw 13.06667vw 3.33333vw 12vw
    }
}

@media (min-width:769px) {
    .login-modal .login-wrapper {
        padding: 5px 88px 25px 90px
    }
}

.login-modal .password-reset {
    margin-top: 6px
}

.login-modal .account-benefits {
    display: none
}

.login-modal .login-page-box {
    margin: 0
}

.login-modal .create-new-account,
.login-modal .login-box-form-content {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.login-modal .login-box-form-content {
    margin-bottom: 0
}

.login-modal .create-new-account {
    margin: 0
}

@media screen and (max-width:768px) {
    .login-modal .create-new-account {
        padding-top: 3.06667vw
    }
}

@media (min-width:769px) {
    .login-modal .create-new-account {
        padding-top: 23px
    }
}

.login-modal .create-new-account:before {
    content: '';
    position: absolute;
    display: block;
    border-top: 1px solid #ccc;
    top: 0;
    width: calc(100% - 20px)
}

.login-modal .create-new-account h2 {
    font-size: 1.75rem;
    text-transform: none
}

@media (max-width:750px) {
    .login-modal .create-new-account h2 {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .login-modal .create-new-account h2 {
        font-size: 18px;
        line-height: 1
    }
}

.login-modal a.button.primary {
    width: auto;
    height: auto;
    border: none;
    padding: 0;
    text-decoration: none;
    letter-spacing: 0;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #c8102e
}

.login-modal a.button.primary span {
    text-transform: none
}

.login-modal a.button.primary::after,
.login-modal a.button.primary::before {
    display: none
}

@media (min-width:769px) {
    .login-modal .modal-close {
        top: -45px
    }
}

.login-modal h1 {
    font-size: 2.125rem;
    margin-bottom: 0
}

@media (max-width:750px) {
    .login-modal h1 {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .login-modal h1 {
        text-transform: inherit;
        letter-spacing: 0;
        font-size: 34px;
        line-height: 1.03
    }
}

@media screen and (max-width:768px) {
    .login-modal .form-row {
        padding: .8vw 0 1.33333vw
    }
}

@media (min-width:769px) {
    .login-modal .form-row {
        padding: 6px 0 10px
    }
}

@media screen and (max-width:768px) {
    .login-modal .form-row.form-row-button {
        padding: .66667vw 0 4vw
    }
}

@media (min-width:769px) {
    .login-modal .form-row.form-row-button {
        padding: 5px 0 30px
    }
}

@media (max-width:768.98px) {
    .forgot-password-modal .modal-wrapper {
        padding: 1.75vw 0
    }
}

@media (min-width:769px) {
    .forgot-password-modal .modal-wrapper {
        width: 52%;
        padding: 25px 0
    }
}

.forgot-password-modal .modal-body {
    overflow-y: hidden
}

@media screen and (max-width:768px) {
    .forgot-password-modal .modal-body {
        padding: 8.26667vw 6vw
    }
}

@media screen and (max-width:768px) and (orientation:landscape) and (max-width:768px) {
    .forgot-password-modal .modal-body {
        padding: 1.33333vw 3.33333vw
    }
}

@media (min-width:769px) {
    .forgot-password-modal .modal-body {
        padding: 30px 25px 35px
    }
}

.forgot-password-modal h1,
.forgot-password-modal h2,
.forgot-password-modal h3 {
    margin: 0 0 55px;
    text-align: left;
    font-size: 3.75rem;
    text-transform: none;
    line-height: 1
}

@media (max-width:750px) {

    .forgot-password-modal h1,
    .forgot-password-modal h2,
    .forgot-password-modal h3 {
        font-size: calc(0.20355rem + 7.56576vw)
    }
}

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

    .forgot-password-modal h1,
    .forgot-password-modal h2,
    .forgot-password-modal h3 {
        margin: 0 0 6vw
    }
}

@media (min-width:769px) {

    .forgot-password-modal h1,
    .forgot-password-modal h2,
    .forgot-password-modal h3 {
        text-align: center;
        font-size: 34px
    }
}

.forgot-password-modal .button-container {
    text-align: center
}

@media screen and (max-width:768px) {
    .forgot-password-modal .button-container {
        padding: 5.33333vw 0 1.06667vw
    }
}

@media screen and (min-width:769px) {
    .forgot-password-modal .button-container {
        padding: 8.05556vw 0 0
    }
}

@media (min-width:1440px) {
    .forgot-password-modal .button-container {
        padding: 116px 0 0
    }
}

@media (min-width:769px) {
    .forgot-password-modal .button-container {
        padding: 56px 0 0
    }
}

.forgot-password-modal .button.primary {
    z-index: 1;
    width: 100%
}

@media screen and (max-width:768px) {
    .forgot-password-modal .button.primary {
        padding: 5.06667vw 0
    }
}

@media (min-width:769px) {
    .forgot-password-modal .button.primary {
        width: auto;
        height: auto;
        padding: 20px 65px
    }
}

.forgot-password-modal .request-new-password-confirm {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-left: 0
}

@media (min-width:769px) {

    .request-reset-password-form,
    .set-new-password-form {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {

    .request-reset-password-form,
    .set-new-password-form {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.request-reset-password-form h1,
.set-new-password-form h1 {
    font-size: 2.5rem;
    margin: 3vw 0
}

@media (max-width:750px) {

    .request-reset-password-form h1,
    .set-new-password-form h1 {
        font-size: calc(0.2023rem + 4.90176vw)
    }
}

@media (min-width:769px) {

    .request-reset-password-form h1,
    .set-new-password-form h1 {
        letter-spacing: 2px;
        margin-bottom: .55em;
        margin-top: 0
    }
}

.request-reset-password-form .apply,
.set-new-password-form .apply {
    margin-top: 3.8vw
}

@media (min-width:769px) {

    .request-reset-password-form .apply,
    .set-new-password-form .apply {
        margin-top: 2.5vw
    }
}

@media (min-width:769px) {

    .request-new-password-confirm,
    .set-new-password-confirm {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%
    }
}

.request-new-password-confirm h1,
.set-new-password-confirm h1 {
    font-size: 2.5rem;
    margin: 3vw 0
}

@media (max-width:750px) {

    .request-new-password-confirm h1,
    .set-new-password-confirm h1 {
        font-size: calc(0.2023rem + 4.90176vw)
    }
}

@media (min-width:769px) {

    .request-new-password-confirm h1,
    .set-new-password-confirm h1 {
        letter-spacing: 2px;
        margin-bottom: .55em;
        margin-top: 0
    }
}

.account-content .custom-tabs .ui-tabs-panel {
    padding: 0
}

.account-settings-wrap {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .account-settings-wrap {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 25%
    }
}

@media (min-width:1024px) and (max-width:1439.98px) {
    .account-settings-wrap {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%
    }
}

@media (max-width:768.98px) {
    .account-settings-wrap {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:768.98px) {
    .account-settings-wrap .heading {
        margin-bottom: 3vw
    }
}

@media (min-width:769px) {
    .account-settings-wrap .row-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.account-settings-wrap .row-wrap .form-field-tooltip {
    pointer-events: none
}

@media (max-width:768.98px) {
    .account-settings-wrap .form-row {
        padding: 0 0 2.67vw
    }
}

@media (min-width:769px) {
    .account-settings-wrap .form-row {
        padding: 1.25em 10px;
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.account-settings-wrap .form-row+.label-middle {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:768.98px) {
    .account-settings-wrap .form-row+.label-middle {
        padding-top: 2.67vw;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:768.98px) {
    .account-settings-wrap .form-row .error-placement span.error {
        z-index: 1000
    }
}

.account-settings-wrap .birthdate {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:768.98px) {
    .account-settings-wrap .birthdate {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.account-settings-wrap .birthdate .form-row {
    padding: 0 10px;
    position: relative;
    width: 100%;
    min-height: 1px
}

@media (min-width:769px) {
    .account-settings-wrap .birthdate .form-row {
        -ms-flex: 0 0 33.3125%;
        flex: 0 0 33.3125%;
        max-width: 33.3125%
    }
}

@media (max-width:768.98px) {
    .account-settings-wrap .birthdate .form-row {
        -ms-flex: 0 0 33.25%;
        flex: 0 0 33.25%;
        max-width: 33.25%
    }
}

.account-settings-wrap .birthdate .form-row-custom {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%
}

.account-settings-wrap .birthdate .form-row {
    float: left
}

.account-settings-wrap .birthdate .form-row .form-caption,
.account-settings-wrap .birthdate .form-row label {
    display: none
}

@media (max-width:768.98px) {
    .account-settings-wrap .form-row-button {
        padding-top: 5.35vw
    }
}

.account-settings-wrap .form-row-button button {
    font-family: Arial, Medium, sans-serif;
    letter-spacing: 1.4px;
    width: 100%
}

@media (min-width:769px) {
    .account-settings-wrap .form-row-button button {
        height: 3.335em;
        margin-top: 1.25em
    }
}

@media (max-width:768.98px) {
    .account-settings-wrap .form-row-button button:not([disabled]):active {
        background: #000;
        color: #fff
    }
}

@media (min-width:769px) {
    .account-settings-wrap .form-row-button {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 50%
    }
}

.account-settings-wrap .account-msg {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.account-settings-wrap .account-msg>div {
    border-top: 1px solid #ccc
}

@media (min-width:769px) {
    .account-settings-wrap .account-msg>div {
        padding: 2.5em 0
    }
}

@media (max-width:768.98px) {
    .account-settings-wrap .account-msg>div {
        padding: 8vw 0 0
    }
}

@media (max-width:768.98px) {
    .account-settings-wrap .account-msg {
        padding-top: 4vw;
        padding-bottom: 6vw;
        font-size: 1.5rem;
        letter-spacing: .5px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .account-settings-wrap .account-msg {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .account-settings-wrap .account-msg {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%;
        font-size: 1.125rem;
        letter-spacing: .4px;
        padding-top: 2.45em
    }
}

@media (min-width:769px) and (max-width:750px) {
    .account-settings-wrap .account-msg {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.account-settings-wrap .newsletter-notif input {
    top: -2px
}

.account-settings-wrap .newsletter-notif label {
    color: #000
}

@media (max-width:768.98px) {
    .account-settings-wrap .newsletter-notif label {
        padding-left: 0
    }
}

@media (min-width:769px) {
    .account-settings-wrap .newsletter-notif label {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .account-settings-wrap .newsletter-notif label {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.account-settings-wrap .hide {
    display: none
}

.account-settings-wrap .splitter {
    width: 100%;
    border: 0;
    border: 1px solid #ccc;
    margin: 2em 0
}

@media (max-width:768.98px) {
    .account-settings-wrap .splitter {
        margin: 8vw 0
    }
}

.account-settings-wrap .clear::after {
    display: block;
    content: "";
    clear: both
}

.account-settings-wrap .pw-requirements {
    padding: 1.25em 0
}

@media (max-width:768.98px) {
    .account-settings-wrap .pw-requirements {
        padding: 2.67vw 0
    }
}

.account-settings-wrap .pw-requirements .form-field-tooltip {
    padding-top: 0;
    padding-left: 0;
    color: #888;
    font-size: 1.25rem;
    letter-spacing: .3px
}

@media (max-width:750px) {
    .account-settings-wrap .pw-requirements .form-field-tooltip {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .account-settings-wrap .pw-requirements .form-field-tooltip {
        font-size: .875rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .account-settings-wrap .pw-requirements .form-field-tooltip {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.account-settings-wrap .ui-selectmenu-button {
    height: 53px
}

@media (max-width:768.98px) {
    .account-settings-wrap .ui-selectmenu-button {
        display: inline-block;
        height: 10.67vw;
        line-height: 10.67vw;
        vertical-align: middle
    }
}

.registration-box {
    width: 100%
}

.registration-box .favorite-tabs {
    margin: 0;
    padding: 0
}

.payment-tab {
    width: 100%
}

.payment-tab h3 {
    letter-spacing: normal
}

@media screen and (max-width:768px) {
    .payment-tab h3 {
        margin-bottom: 7.73333vw
    }
}

@media (min-width:769px) {
    .payment-tab h3 {
        margin-bottom: 38px
    }
}

.payment-tab .paymentslist {
    padding-bottom: 6.7vw;
    border-bottom: 1px solid #ccc
}

@media screen and (max-width:768px) {
    .payment-tab .paymentslist {
        margin-bottom: 7.73333vw
    }
}

@media (min-width:769px) {
    .payment-tab .paymentslist {
        margin-bottom: 4vw;
        padding-bottom: 3.5vw
    }
}

@media (min-width:1440px) {
    .payment-tab .paymentslist {
        margin-bottom: 58px;
        padding-bottom: 50px
    }
}

@media screen and (max-width:768px) {
    .payment-tab .address-section {
        margin-bottom: 19.73333vw
    }
}

@media (min-width:769px) {
    .payment-tab .address-section {
        margin-bottom: 177px
    }
}

@media (min-width:769px) {

    .payment-tab .address-list,
    .payment-tab .payment-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }

    .payment-tab .address-list .address-tile,
    .payment-tab .address-list .creditcard-tile,
    .payment-tab .payment-list .address-tile,
    .payment-tab .payment-list .creditcard-tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.payment-tab .address-edit,
.payment-tab .address-make-default,
.payment-tab .delete {
    border: none;
    padding: 0;
    text-transform: none;
    text-decoration: underline;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: .5px;
    color: #000;
    cursor: pointer
}

@media (max-width:750px) {

    .payment-tab .address-edit,
    .payment-tab .address-make-default,
    .payment-tab .delete {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .payment-tab .address-edit,
    .payment-tab .address-make-default,
    .payment-tab .delete {
        font-size: 16px;
        letter-spacing: .3px
    }
}

.payment-tab button.delete {
    height: auto
}

.payment-tab .list-tile {
    list-style: none
}

.payment-tab .address-tile.default .address-tile-inner {
    border: .53VW solid #000
}

@media (min-width:769px) {
    .payment-tab .address-tile.default .address-tile-inner {
        padding: 33px 26px 35px 16px;
        border-width: 4px
    }
}

.payment-tab .address-tile-inner,
.payment-tab .creditcard-tile-inner {
    border: 1px solid #ccc;
    width: 100%
}

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

    .payment-tab .address-tile-inner,
    .payment-tab .creditcard-tile-inner {
        margin-bottom: 2.66667vw
    }
}

@media (min-width:769px) {

    .payment-tab .address-tile-inner,
    .payment-tab .creditcard-tile-inner {
        margin-bottom: 20px
    }
}

@media screen and (max-width:768px) {
    .payment-tab .address-tile-inner {
        padding: 3.46667vw 3.2vw 3.46667vw 2.8vw
    }
}

@media (min-width:769px) {
    .payment-tab .address-tile-inner {
        padding: 36px 29px 38px 19px
    }
}

@media screen and (max-width:768px) {
    .payment-tab .creditcard-tile-inner {
        padding: 3.6vw 3.2vw 4vw 2.8vw
    }
}

@media (min-width:769px) {
    .payment-tab .creditcard-tile-inner {
        padding: 32px 29px 28px 19px
    }
}

.payment-tab .address-tile-inner .address-tile-cta:not(:last-child) {
    position: relative;
    padding-right: 8.13VW
}

@media (min-width:769px) {
    .payment-tab .address-tile-inner .address-tile-cta:not(:last-child) {
        padding-right: 30px
    }
}

.payment-tab .address-tile-inner .address-tile-cta:not(:last-child):after {
    content: '';
    display: block;
    position: absolute;
    right: 4.39VW;
    height: 3.06VW;
    border-right: 1px solid #000;
    top: 4px
}

@media (min-width:769px) {
    .payment-tab .address-tile-inner .address-tile-cta:not(:last-child):after {
        height: 15px;
        right: 15px
    }
}

@media (min-width:769px) {
    .payment-tab .addess-content-wrapper {
        line-height: 1.3
    }
}

.payment-tab .address-content-row {
    display: block;
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .payment-tab .address-content-row {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .payment-tab .address-content-row {
        font-size: 16px;
        letter-spacing: .3px
    }
}

.payment-tab .address-content-row.name-block {
    font-family: Arial, Bold, sans-serif
}

@media (min-width:769px) {
    .payment-tab .address-content-row.name-block {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.payment-tab .address-name-block {
    margin-bottom: 1.6VW;
    min-height: 4.26VW
}

@media (min-width:769px) {
    .payment-tab .address-name-block {
        margin-bottom: 6px;
        min-height: 19px
    }
}

@media (max-width:768.98px) {
    .payment-tab .mini-address-name {
        float: left;
        width: 33%;
        padding-right: 6.5vw
    }
}

@media (max-width:768.98px) {
    .payment-tab .mini-address-location {
        float: left;
        width: 67%
    }
}

@media (min-width:769px) {
    .payment-tab .mini-address-location {
        margin: 23px 0 39px
    }
}

.payment-tab .address-tile-cta-wrapper {
    text-align: right
}

@media screen and (max-width:768px) {
    .payment-tab .address-tile-cta-wrapper {
        margin-top: 4.53333vw
    }
}

@media (max-width:768.98px) {
    .payment-tab .address-tile-cta-wrapper {
        float: left;
        width: 100%
    }
}

.payment-tab .creditcard-tile-inner>div {
    float: left
}

.payment-tab .creditcard-tile-inner .cc-details {
    width: 57.6vw
}

@media screen and (max-width:768px) {
    .payment-tab .creditcard-tile-inner .cc-details {
        padding-top: 1.06667vw;
        padding-left: 2.66667vw
    }
}

@media screen and (max-width:576px) {
    .payment-tab .creditcard-tile-inner .cc-details {
        width: 54vw
    }
}

@media (min-width:769px) {
    .payment-tab .creditcard-tile-inner .cc-details {
        width: 80%;
        padding-left: 20px;
        margin-top: 4px
    }
}

.payment-tab .creditcard-tile-inner .cc-number {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000;
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .payment-tab .creditcard-tile-inner .cc-number {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .payment-tab .creditcard-tile-inner .cc-number {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .4px
    }
}

.payment-tab .creditcard-tile-inner .cc-exp {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .payment-tab .creditcard-tile-inner .cc-exp {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .payment-tab .creditcard-tile-inner .cc-exp {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px;
        margin-top: 10px
    }
}

.payment-tab .creditcard-tile-inner .cc-remove-cta {
    width: 18vw;
    text-align: right
}

@media screen and (max-width:576px) {
    .payment-tab .creditcard-tile-inner .cc-remove-cta {
        width: 15vw
    }
}

@media screen and (max-width:768px) {
    .payment-tab .creditcard-tile-inner .cc-remove-cta {
        padding-top: 1.06667vw;
        padding-left: 2.66667vw
    }
}

@media (min-width:769px) {
    .payment-tab .creditcard-tile-inner .cc-remove-cta {
        width: 100%;
        margin-top: 8px
    }
}

.payment-tab .cc-icon {
    background-image: url(../images/cc-icons.png);
    background-repeat: no-repeat;
    width: 75px;
    height: 46px
}

.payment-tab .cc-icon.is_amex {
    background-position: -20px -20px
}

.payment-tab .cc-icon.is_discover {
    background-position: -20px -105px
}

.payment-tab .cc-icon.is_mastercard {
    background-position: -20px -190px
}

.payment-tab .cc-icon.is_unionpay {
    background-position: -20px -274px
}

.payment-tab .cc-icon.is_visa {
    background-position: -20px -360px
}

@media screen and (max-width:576px) {
    .payment-tab .cc-icon {
        width: 38px;
        height: 24px;
        background-size: 161%
    }

    .payment-tab .cc-icon.is_amex {
        background-position: -12px -10px
    }

    .payment-tab .cc-icon.is_discover {
        background-position: -12px -56px
    }

    .payment-tab .cc-icon.is_mastercard {
        background-position: -12px -101px
    }

    .payment-tab .cc-icon.is_unionpay {
        background-position: -12px -147px
    }

    .payment-tab .cc-icon.is_visa {
        background-position: -12px -192px
    }
}

@media (min-width:769px) {
    .add-credit-card .ui-selectmenu-menu>ul {
        max-height: 190px
    }
}

@media (max-width:768.98px) {
    .modal-overlay.add-credit-card .modal-wrapper {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .modal-overlay.add-credit-card .modal-wrapper {
        padding: 2.77778vw 2.36111vw 2.77778vw 4.86111vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .modal-overlay.add-credit-card .modal-wrapper {
        padding: 40px 34px 40px 70px
    }
}

@media screen and (min-width:1440px) and (min-width:769px) {
    .modal-overlay.add-credit-card .modal-wrapper {
        padding: 4.16667vw 1.38889vw 4.16667vw 6.25vw
    }
}

@media (min-width:1440px) and (min-width:1440px) {
    .modal-overlay.add-credit-card .modal-wrapper {
        padding: 60px 20px 60px 90px
    }
}

@media (max-width:768.98px) {
    .modal-overlay.add-credit-card .modal-body {
        padding: 0 20px
    }
}

@media (min-width:769px) {
    .modal-overlay.add-credit-card .modal-body .form-row span.error {
        margin: -5px -27px
    }

    .modal-overlay.add-credit-card .modal-body .expiration-date span.error {
        margin: -5px -22px
    }

    .modal-overlay.add-credit-card .modal-body .cvn .error-placement .error {
        margin-left: -164px
    }

    .modal-overlay.add-credit-card .modal-body .cvn .error-placement .error::after {
        left: 10.5em
    }
}

@media (min-width:769px) {
    .modal-overlay.add-credit-card .sb-container {
        padding-right: 30px
    }
}

@media (min-width:1440px) {
    .modal-overlay.add-credit-card .sb-container {
        padding-right: 50px
    }
}

.modal-overlay.add-credit-card .add-new-cc-wrapper {
    width: 100%;
    display: inline-block
}

@media (max-width:768.98px) {
    .modal-overlay.add-credit-card .add-new-cc-wrapper {
        padding-bottom: 5px
    }
}

.modal-overlay .expiration-date.year-field .error-placement span.error {
    margin-left: -11.2em
}

@media (min-width:769px) {
    .modal-overlay .expiration-date.year-field .error-placement span.error {
        margin-left: -80px
    }
}

.modal-overlay .expiration-date.year-field .error-placement span.error::after {
    left: 11.1em
}

@media (min-width:769px) {
    .modal-overlay .expiration-date.year-field .error-placement span.error::after {
        left: -.6em
    }
}

.modal-overlay .cvn .error-placement .error {
    margin-left: -11.5em
}

@media (min-width:769px) {
    .modal-overlay .cvn .error-placement .error {
        margin-left: -80px
    }
}

.modal-overlay .cvn .error-placement .error::after {
    left: 10.9em
}

@media (min-width:769px) {
    .modal-overlay .cvn .error-placement .error::after {
        left: -1.5em
    }
}

.add-credit-card .row-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.add-credit-card .form-row {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

.add-credit-card .form-row.cc-number,
.add-credit-card .form-row.cvn,
.add-credit-card .form-row.expiration-date {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (min-width:769px) {
    .add-credit-card .form-row.cc-number {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1440px) {
    .add-credit-card .form-row.cc-number {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%
    }
}

@media (min-width:769px) {
    .add-credit-card .form-row.cvn {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1440px) {
    .add-credit-card .form-row.cvn {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }
}

.add-credit-card .form-row-button {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: right
}

.add-credit-card .add-cc-button-wrap {
    margin: 30px 0 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.add-credit-card .add-cc-button-wrap button {
    width: 100%
}

@media (min-width:769px) {
    .add-credit-card .add-cc-button-wrap button {
        padding-top: 8px;
        width: 200px
    }
}

.add-credit-card .cvn label {
    padding-right: 6vw
}

@media (min-width:769px) {
    .add-credit-card .cvn label {
        padding-right: 24px
    }
}

@media (min-width:1440px) {
    .add-credit-card .cvn label {
        padding-right: 18px
    }
}

.add-credit-card .cvn .form-field-tooltip {
    position: relative;
    vertical-align: top
}

.add-credit-card .cvn .form-field-tooltip .tooltip {
    position: absolute;
    vertical-align: top;
    right: 5px
}

@media (min-width:769px) {
    .add-credit-card .cvn .form-field-tooltip .tooltip {
        right: 0
    }
}

@media (min-width:769px) {
    .add-credit-card .cvn .form-field-tooltip {
        margin-left: 5px;
        vertical-align: top;
        display: inline-block
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .add-credit-card .cvn .form-field-tooltip {
        margin-left: 0
    }
}

.billing-account-address h2 {
    text-transform: capitalize
}

.billing-account-address .add-edit-address-cta {
    float: right
}

.billing-account-address .tooltip {
    cursor: default
}

.credit-card-icons-container.account-cc-icons-container h3 {
    float: left;
    line-height: 1
}

@media screen and (max-width:768px) {
    .credit-card-icons-container.account-cc-icons-container .available-cards {
        margin-top: 2.4vw;
        margin-bottom: 2.4vw
    }
}

@media (min-width:769px) {
    .credit-card-icons-container.account-cc-icons-container .available-cards {
        margin-top: 0
    }
}

.account-payment-settings-wrap {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width:768.98px) {
    .account-payment-settings-wrap {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:769px) {
    .account-payment-settings-wrap {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%
    }
}

@media (max-width:1024px) and (orientation:landscape) and (min-width:767px) {
    .account-payment-settings-wrap {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.error-placement .error-icon-dropdown {
    margin-left: 5px
}

span.dropdownerror,
span.dropdownerror.card-expiry,
span.dropdownerror:focus {
    border: 1px solid #c8102e
}

@media (min-width:769px) {

    .orderdetails,
    .orderdetails-breadcrumb {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

@media screen and (max-width:768px) {
    .account-content .orders-content .search-result-content {
        padding-bottom: 20vw
    }
}

@media (min-width:769px) {
    .account-content .orders-content .search-result-content {
        padding-bottom: 9.65em
    }
}

@media (min-width:769px) {
    .account-content .orders-content .search-result-content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.orders-content .no-record {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: .3px;
    margin: 0 auto
}

@media (max-width:750px) {
    .orders-content .no-record {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.orders-content .no-record div {
    margin: 1.75em auto 1.25em
}

.orders-content .no-record a {
    display: block
}

@media (max-width:768.98px) {
    .orderdetails .checkout-column-left {
        margin-bottom: 15vw
    }
}

@media (min-width:769px) {
    .orderdetails .checkout-column-left {
        left: 10px;
        position: relative;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%
    }
}

.orderdetails .checkout-column-right {
    margin-bottom: 19vw
}

@media (min-width:769px) {
    .orderdetails .checkout-column-right {
        left: -10px;
        margin-bottom: 0;
        position: relative;
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        margin-left: 6.25%
    }
}

.back-to-order-history-btn {
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:769px) {
    .back-to-order-history-btn {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.back-to-order-history-btn a {
    font-size: .875rem;
    padding: 2.5vw 0;
    display: inline-block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #666;
    text-transform: uppercase
}

@media (max-width:750px) {
    .back-to-order-history-btn a {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.back-to-order-history-btn a::before {
    content: '<';
    display: inline-block
}

.order-history-wrap {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .order-history-wrap {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.orderdetails {
    margin-top: 10vw
}

@media (min-width:769px) {
    .orderdetails {
        margin-top: 4.383em;
        margin-bottom: 6.83em
    }
}

@media (min-width:1440px) {
    .orderdetails {
        margin-top: 5em;
        margin-bottom: 7.188em
    }
}

.orderdetails .page-intro {
    margin-bottom: 7.5vw;
    padding-bottom: 4.5vw;
    border-bottom: 1.07vw solid #000
}

@media (min-width:769px) {
    .orderdetails .page-intro {
        border-width: 8px;
        margin-bottom: 4vw;
        padding-bottom: 1.2vw
    }
}

@media (min-width:1440px) {
    .orderdetails .page-intro {
        margin-bottom: 56px;
        padding-bottom: 17px
    }
}

.orderdetails .heading {
    line-height: .8;
    font-size: 1.875rem;
    letter-spacing: .6px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .orderdetails .heading {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (max-width:768.98px) {
    .orderdetails .order-history-header {
        display: none
    }
}

@media (min-width:769px) {
    .orderdetails .order-history-header {
        display: -ms-flexbox;
        display: flex;
        padding-top: 1.5vw;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:1440px) {
    .orderdetails .order-history-header {
        padding-top: 20px
    }
}

.orderdetails .order-detail span {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.orderdetails .item-detail-row {
    margin-bottom: 8vw
}

@media (min-width:769px) {
    .orderdetails .item-detail-row {
        margin-bottom: 4vw
    }
}

@media (min-width:1440px) {
    .orderdetails .item-detail-row {
        margin-bottom: 60px
    }
}

.orderdetails .item-detail-row:last-child {
    margin-bottom: 0
}

.orderdetails .line-item-details {
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.orderdetails .line-item-details .brand-name-wrapper,
.orderdetails .line-item-details .item-details,
.orderdetails .line-item-details .item-image,
.orderdetails .line-item-details .qty-price-wrapper {
    float: left
}

.orderdetails .line-item-details .item-image {
    padding-right: 3%;
    width: 26%
}

@media (min-width:769px) {
    .orderdetails .line-item-details .item-image {
        width: 25%
    }
}

.orderdetails .line-item-details .item-details {
    width: 74%
}

@media (min-width:769px) {
    .orderdetails .line-item-details .item-details {
        width: 75%
    }
}

.orderdetails .line-item-details .brand-name-wrapper {
    width: 63%;
    padding-right: 8%
}

@media (min-width:769px) {
    .orderdetails .line-item-details .brand-name-wrapper {
        width: 50%;
        padding-right: 16.5%
    }
}

.orderdetails .line-item-details .qty-price-wrapper {
    width: 37%;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768.98px) {
    .orderdetails .line-item-details .qty-price-wrapper {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:769px) {
    .orderdetails .line-item-details .qty-price-wrapper {
        width: 50%
    }
}

.orderdetails .line-item-details .qty-price-wrapper .line-item-price {
    text-align: right
}

@media (min-width:769px) {
    .orderdetails .line-item-details .qty-price-wrapper .line-item-price {
        text-align: unset
    }
}

.orderdetails .line-item-details .quantity-column {
    padding-right: 3%
}

@media (min-width:769px) {
    .orderdetails .line-item-details .quantity-column {
        width: 33%
    }
}

@media screen and (max-width:768px) {
    .orderdetails .track-order {
        margin-top: 8vw;
        margin-bottom: 2.66667vw
    }
}

@media (min-width:769px) {
    .orderdetails .track-order {
        float: right
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .orderdetails .track-order {
        float: none;
        margin: 3.7vw 0
    }
}

@media (max-width:768.98px) {
    .orderdetails .track-order .primary {
        width: 100%
    }
}

.orderdetails .ordered-items .product-name {
    line-height: 1.4;
    font-size: 1.5rem;
    letter-spacing: -.1px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: uppercase
}

@media (max-width:750px) {
    .orderdetails .ordered-items .product-name {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .orderdetails .ordered-items .product-name {
        font-size: 16px;
        line-height: 1.38
    }
}

.orderdetails .ordered-items .replenishment {
    margin: 0
}

.orderdetails .ordered-items .line-item {
    line-height: 1.4;
    font-size: 1.5rem;
    letter-spacing: -.1px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000
}

@media (max-width:750px) {
    .orderdetails .ordered-items .line-item {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .orderdetails .ordered-items .line-item {
        font-size: 16px;
        line-height: 1.38
    }
}

.orderdetails .ordered-items .attribute span {
    line-height: 1.68;
    font-size: 1.25rem;
    letter-spacing: -.1px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .orderdetails .ordered-items .attribute span {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .orderdetails .ordered-items .attribute span {
        font-size: 14px;
        line-height: 1.57
    }
}

.orderdetails .ordered-items .line-item-price span,
.orderdetails .ordered-items .quantity-column span {
    line-height: 1;
    font-size: 1.5rem;
    letter-spacing: -.1px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {

    .orderdetails .ordered-items .line-item-price span,
    .orderdetails .ordered-items .quantity-column span {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .orderdetails .ordered-items .line-item-price span,
    .orderdetails .ordered-items .quantity-column span {
        font-size: 18px;
        line-height: 1.33
    }
}

.orderdetails .ordered-items .line-item-price .price-adjusted-total,
.orderdetails .ordered-items .line-item-price .price-total.adjusted,
.orderdetails .ordered-items .line-item-price .price-total.doubleprice {
    color: #c8102e
}

.orderdetails .ordered-items .line-item-price .globalprice_unadjusted {
    text-decoration: line-through
}

.orderdetails .ordered-items .product-promotion-container {
    margin: 1.5vw 0 2.7vw
}

@media (min-width:769px) {
    .orderdetails .ordered-items .product-promotion-container {
        margin: 10px 0
    }
}

.orderdetails .sample-header {
    line-height: 1;
    font-size: 1.5rem;
    margin-bottom: 3.5vw;
    letter-spacing: .4px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

@media (max-width:750px) {
    .orderdetails .sample-header {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .orderdetails .sample-header {
        font-size: 18px;
        line-height: 1.33;
        margin-bottom: 2vw;
        letter-spacing: .3px
    }
}

@media (min-width:1440px) {
    .orderdetails .sample-header {
        margin-bottom: 28px
    }
}

.orderdetails .sample-container {
    margin-top: 7.5vw;
    padding: 4.4vw 2vw 0;
    border-top: 1px solid #000
}

@media (min-width:769px) {
    .orderdetails .sample-container {
        margin-top: 4vw;
        padding: 2.4vw 1vw 0
    }
}

@media (min-width:1440px) {
    .orderdetails .sample-container {
        margin-top: 56px;
        padding: 35px 15px 0
    }
}

@media (min-width:769px) {
    .orderdetails .sample-tiles-container .tiles-wrapper {
        margin: 0;
        width: 100%;
        display: inline-block
    }
}

.orderdetails .sample-tile {
    padding: 0;
    box-shadow: none
}

@media (min-width:769px) {
    .orderdetails .sample-tile {
        width: 100%;
        margin: 0 0 1.8vw;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:1440px) {
    .orderdetails .sample-tile {
        margin: 0 0 26px
    }
}

.orderdetails .sample-tile:last-child {
    margin-bottom: 0
}

.orderdetails .sample-product-image {
    width: 25%;
    padding-right: 4.5vw
}

@media (min-width:769px) {
    .orderdetails .sample-product-image {
        width: 24%;
        padding-right: 5%
    }
}

.orderdetails .sample-product-details {
    width: 64%;
    padding: 0
}

@media (min-width:769px) {
    .orderdetails .sample-product-details {
        width: 37%
    }
}

.orderdetails .sample-product-brand,
.orderdetails .sample-product-name {
    font-size: 1.5rem;
    line-height: normal;
    letter-spacing: .7px
}

@media (max-width:750px) {

    .orderdetails .sample-product-brand,
    .orderdetails .sample-product-name {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .orderdetails .sample-product-brand,
    .orderdetails .sample-product-name {
        font-size: 16px;
        letter-spacing: .5px
    }
}

.orderdetails .sample-product-brand {
    font-family: Arial, sans-serif;
    font-weight: 400
}

.orderdetails .sample-product-name {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.orderdetails .gift-message-details {
    padding: 6vw 0 0;
    margin-top: 5vw;
    border-top: 1px solid #000
}

@media (min-width:769px) {
    .orderdetails .gift-message-details {
        padding: 2vw 0 0;
        margin-top: 4vw
    }
}

@media (min-width:1440px) {
    .orderdetails .gift-message-details {
        margin-top: 56px;
        padding: 28px 0 0
    }
}

.orderdetails .gift-description,
.orderdetails .gift-message,
.orderdetails .gift-message-header span {
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {

    .orderdetails .gift-description,
    .orderdetails .gift-message,
    .orderdetails .gift-message-header span {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .orderdetails .gift-description,
    .orderdetails .gift-message,
    .orderdetails .gift-message-header span {
        font-size: 18px;
        letter-spacing: .4px
    }
}

.orderdetails .gift-message-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.orderdetails .gift-message-header .icon {
    font-size: 8vw;
    margin-right: 16px
}

@media (min-width:769px) {
    .orderdetails .gift-message-header .icon {
        font-size: 45px
    }
}

.orderdetails .gift-message-header span {
    line-height: normal;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

.orderdetails .gift-description,
.orderdetails .gift-message {
    line-height: 1.42
}

.orderdetails .gift-description {
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (min-width:769px) {
    .orderdetails .gift-description {
        margin-top: 1.5vw
    }
}

@media (min-width:1440px) {
    .orderdetails .gift-description {
        margin-top: 22px
    }
}

.orderdetails .gift-message {
    margin-top: 5vw;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

@media (min-width:769px) {
    .orderdetails .gift-message {
        margin-top: 1.5vw;
        font-family: Arial, sans-serif;
        font-weight: 400
    }
}

@media (min-width:1440px) {
    .orderdetails .gift-message {
        margin-top: 20px
    }
}

.order-detail-summary {
    color: #fff;
    padding: 0 20px;
    background: #000;
    position: relative
}

@media (min-width:769px) {
    .order-detail-summary {
        top: 42px
    }
}

.order-detail-summary .img-stat {
    left: 0;
    right: 0;
    top: -42px;
    text-align: center;
    position: absolute
}

@media (max-width:768.98px) {
    .order-detail-summary .img-stat {
        top: -6.8vw
    }
}

.order-detail-summary .img-stat img {
    max-width: 84px
}

@media (max-width:768.98px) {
    .order-detail-summary .img-stat img {
        max-width: 14vw
    }
}

.order-detail-summary .order-totals-table {
    padding-top: 6.8vw
}

@media (min-width:769px) {
    .order-detail-summary .order-totals-table {
        padding-top: 4vw
    }
}

@media (min-width:1440px) {
    .order-detail-summary .order-totals-table {
        padding-top: 60px
    }
}

.order-detail-summary .order-text {
    line-height: 1.42;
    font-size: 1.5rem;
    margin-bottom: .6vw;
    letter-spacing: .5px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #ccc
}

@media (max-width:750px) {
    .order-detail-summary .order-text {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .order-detail-summary .order-text {
        font-size: 18px;
        line-height: 1.22;
        margin-bottom: 12px;
        letter-spacing: .4px
    }
}

.order-detail-summary .order-text.float-right {
    text-transform: uppercase
}

.order-detail-summary .discount div {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

@media (max-width:750px) {
    .order-detail-summary .discount div {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .order-detail-summary .discount div {
        margin-bottom: .6vw
    }
}

@media (min-width:769px) {
    .order-detail-summary .discount div {
        font-size: 18px;
        line-height: 1.22;
        letter-spacing: .4px
    }
}

.order-detail-summary .order-total {
    padding: 4vw 0;
    margin-top: 4vw;
    border: 1px solid #666;
    border-width: 1px 0
}

@media (min-width:769px) {
    .order-detail-summary .order-total {
        margin-top: 2vw;
        padding: 2.6vw 0
    }
}

@media (min-width:1440px) {
    .order-detail-summary .order-total {
        padding: 38px 0;
        margin-top: 25px
    }
}

.order-detail-summary .order-total .order-text {
    text-transform: uppercase;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff
}

@media (min-width:769px) {
    .order-detail-summary .order-total .order-text {
        margin: 0;
        line-height: 1.33;
        letter-spacing: .3px
    }
}

.order-detail-summary .order-payment-instruments,
.order-detail-summary .order-shipment-address,
.order-detail-summary .shipping-method {
    padding: 4.5vw 0 3.5vw;
    border-bottom: 1px solid #666
}

@media (min-width:769px) {

    .order-detail-summary .order-payment-instruments,
    .order-detail-summary .order-shipment-address,
    .order-detail-summary .shipping-method {
        padding: 2.5vw 0 2.3vw
    }
}

@media (min-width:1440px) {

    .order-detail-summary .order-payment-instruments,
    .order-detail-summary .order-shipment-address,
    .order-detail-summary .shipping-method {
        padding: 38px 0 32px
    }
}

.order-detail-summary .order-payment-instruments .label,
.order-detail-summary .order-shipment-address .label,
.order-detail-summary .shipping-method .label {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #ccc
}

@media (max-width:750px) {

    .order-detail-summary .order-payment-instruments .label,
    .order-detail-summary .order-shipment-address .label,
    .order-detail-summary .shipping-method .label {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .order-detail-summary .order-payment-instruments .label,
    .order-detail-summary .order-shipment-address .label,
    .order-detail-summary .shipping-method .label {
        font-size: 18px;
        line-height: normal;
        letter-spacing: .4px
    }
}

.order-detail-summary .order-shipment-address .summarybox div {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .order-detail-summary .order-shipment-address .summarybox div {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .order-detail-summary .order-shipment-address .summarybox div {
        font-size: 18px;
        line-height: normal;
        letter-spacing: .4px
    }
}

.order-detail-summary .order-shipment-address .mini-address-name {
    margin: 1.8vw 0 .7vw;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff
}

@media (min-width:769px) {
    .order-detail-summary .order-shipment-address .mini-address-name {
        line-height: 1;
        font-size: 18px;
        margin: 1vw 0 .5vw
    }
}

@media (min-width:1440px) {
    .order-detail-summary .order-shipment-address .mini-address-name {
        margin: 12px 0 9px
    }
}

.order-detail-summary .order-shipment-address .mini-address-location,
.order-detail-summary .order-shipment-address .phone {
    line-height: 1.5;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

@media (min-width:769px) {

    .order-detail-summary .order-shipment-address .mini-address-location,
    .order-detail-summary .order-shipment-address .phone {
        font-size: 18px;
        line-height: 1.33
    }
}

.order-detail-summary .order-shipment-address .mini-address-location span {
    display: block
}

.order-detail-summary .order-payment-instruments .cc-icon,
.order-detail-summary .order-payment-instruments .cc-owner {
    display: none
}

.order-detail-summary .order-payment-instruments .cc-exp,
.order-detail-summary .order-payment-instruments .cc-number {
    letter-spacing: .5px
}

@media (min-width:769px) {

    .order-detail-summary .order-payment-instruments .cc-exp,
    .order-detail-summary .order-payment-instruments .cc-number {
        line-height: 1.33;
        letter-spacing: .4px
    }
}

.order-detail-summary .order-payment-instruments .cc-number {
    line-height: 1.42;
    margin: 1.8vw 0 .7vw;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff
}

@media (min-width:769px) {
    .order-detail-summary .order-payment-instruments .cc-number {
        margin: 1vw 0 0
    }
}

@media (min-width:1440px) {
    .order-detail-summary .order-payment-instruments .cc-number {
        margin: 12px 0 0
    }
}

.order-detail-summary .order-payment-instruments .cc-exp {
    line-height: 1.5;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

.order-detail-summary .shipping-method {
    border: none
}

@media (min-width:769px) {
    .order-detail-summary .shipping-method .label {
        line-height: normal;
        letter-spacing: normal;
        margin-bottom: 12px
    }
}

.order-detail-summary .shipping-method .value {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: -.1px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff
}

@media (max-width:750px) {
    .order-detail-summary .shipping-method .value {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .order-detail-summary .shipping-method .value {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: -.1px
    }
}

.order-detail-summary .shipping-method .shipping-method-details {
    display: inline-block;
    margin: 1.8vw 0 .7vw
}

@media (min-width:769px) {
    .order-detail-summary .shipping-method .shipping-method-details {
        margin: 1vw 0 0
    }
}

@media (min-width:1440px) {
    .order-detail-summary .shipping-method .shipping-method-details {
        margin: 12px 0 0
    }
}

.order-detail-summary .shipping-method .price {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.order-detail-summary .bottom-img-stat {
    z-index: -1;
    bottom: -3.2vw;
    position: absolute
}

@media (max-width:768.98px) {
    .order-detail-summary .bottom-img-stat {
        left: 0;
        right: 0
    }
}

@media (min-width:769px) {
    .order-detail-summary .bottom-img-stat {
        left: 0;
        bottom: -20px
    }
}

.order-detail-summary .bottom-img-stat img {
    width: 100%
}

.order-confirmation-details .orderdetails {
    margin-top: 11.4vw
}

@media (min-width:769px) {
    .order-confirmation-details .orderdetails {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (max-width:768.98px) {
    .order-confirmation-details .bottom-img-stat {
        left: 0;
        right: 0;
        margin: 0
    }
}

.order-confirmation-details .sample-container {
    border-bottom: 1px solid #000
}

@media (min-width:769px) {
    .order-confirmation-details .sample-container {
        padding: 2.4vw 1vw
    }
}

.order-confirmation-details .free-shipping {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.order-confirmation-details .gift-message-details {
    margin-top: 0;
    border-top: 0 none
}

.history-details-container .orderdetails .product-promotion-container,
.order-confirmation-details .orderdetails .product-promotion-container {
    position: relative;
    margin-top: 1.25em
}

.history-details-container .orderdetails .product-promotion-container .promo::before,
.order-confirmation-details .orderdetails .product-promotion-container .promo::before {
    content: '';
    position: absolute;
    display: inline-block
}

@media (max-width:768.98px) {

    .history-details-container .orderdetails .product-promotion-container .promo::before,
    .order-confirmation-details .orderdetails .product-promotion-container .promo::before {
        left: 8vw;
        top: -2.2vw;
        border-bottom: 2.4vw solid #000;
        border-left: 2vw solid transparent;
        border-right: 2vw solid transparent
    }
}

@media (min-width:769px) {

    .history-details-container .orderdetails .product-promotion-container .promo::before,
    .order-confirmation-details .orderdetails .product-promotion-container .promo::before {
        top: -15px;
        left: 8.5%;
        border-bottom: 18px solid #000;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent
    }
}

@media (min-width:769px) {
    .history-details-container .heading {
        display: inline;
        line-height: 1.4
    }
}

@media (min-width:769px) {
    .history-details-container .orderdetails-breadcrumb .breadcrumb {
        left: 10px
    }
}

@media (min-width:1440px) {
    .history-details-container .orderdetails-breadcrumb .breadcrumb {
        left: inherit
    }
}

.history-details-container .orderdetails-breadcrumb .container,
.history-details-container .orderdetails-breadcrumb .ginza-wrapper {
    padding: 0
}

@media (min-width:769px) {
    .history-details-container .orderdetails-breadcrumb .back-to-order-history-btn {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }
}

.history-details-container .orderdetails-breadcrumb .back-to-order-history-btn a {
    padding: 10px 0 0
}

.order-listing-form {
    width: 100%
}

.order-history-wrap .order-history-header {
    padding: 20px 0;
    border-top: 1px solid #000
}

.order-history-wrap .order-history-header.history-header-last {
    border-bottom: 1px solid #000
}

@media screen and (max-width:768px) {
    .order-history-wrap .order-history-header {
        padding-top: 6.4vw;
        padding-bottom: 8vw
    }
}

.order-history-wrap .ajax-loader+.order-history-header {
    border-top: 0 none
}

.order-history-wrap .order-history-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.order-history-wrap .result-heading .label {
    padding-top: 5px;
    width: 100%;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:769px) {
    .order-history-wrap .result-heading .label {
        padding-top: 10px
    }
}

@media (min-width:769px) {
    .order-history-wrap .result-heading .label {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }
}

.order-history-wrap .result-heading {
    padding: 20px 0
}

@media (min-width:769px) {
    .order-history-wrap .result-heading .label {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
}

@media (min-width:769px) {
    .order-history-wrap .result-heading .order-column {
        -ms-flex: 0 0 21.42857%;
        flex: 0 0 21.42857%;
        max-width: 21.42857%
    }
}

.order-history-wrap .label {
    font-family: Arial, Bold, sans-serif
}

.order-history-wrap .order-detail {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:768.98px) {
    .order-history-wrap .order-detail {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 5px;
        letter-spacing: .5px
    }
}

@media (min-width:769px) {
    .order-history-wrap .order-detail {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
        padding: 10px;
        letter-spacing: normal
    }
}

@media (min-width:769px) {
    .order-history-wrap .order-column {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 21.42857%;
        flex: 0 0 21.42857%;
        max-width: 21.42857%
    }
}

@media (min-width:769px) {
    .order-history-wrap .order-location .value {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media (max-width:768.98px) {
    .order-history-wrap .order-detail:nth-child(n+2) .label {
        width: 21.5%
    }

    .order-history-wrap .order-detail:nth-child(n+2) .value {
        width: 78.5%
    }

    .order-history-wrap .order-number {
        padding-bottom: 20px
    }

    .order-history-wrap .order-number .label {
        padding-right: 10px
    }
}

@media (max-width:768.98px) and (max-width:768.98px) {
    .order-history-wrap .order-number .value {
        font-family: Arial, Bold, sans-serif
    }
}

.order-history-wrap .buttons-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width:768px) {
    .order-history-wrap .buttons-container {
        padding-top: 4.8vw
    }
}

.order-history-wrap .buttons-container .button,
.order-history-wrap .buttons-container button {
    height: auto;
    border-width: 2px
}

@media (max-width:768.98px) {

    .order-history-wrap .buttons-container .button,
    .order-history-wrap .buttons-container button {
        height: inherit
    }
}

@media (min-width:769px) {

    .order-history-wrap .buttons-container .button,
    .order-history-wrap .buttons-container button {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (min-width:1440px) {

    .order-history-wrap .buttons-container .button,
    .order-history-wrap .buttons-container button {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .order-history-wrap .buttons-container {
        padding: 0 3.47222vw 0 .69444vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .order-history-wrap .buttons-container {
        padding: 0 50px 0 10px
    }
}

.order-history-wrap .buttons-container .track-shipment {
    margin-top: 4vw;
    cursor: default;
    min-width: 179px
}

@media (max-width:768.98px) {
    .order-history-wrap .buttons-container .track-shipment {
        padding: 2vw 2.13333vw
    }

    @supports (-webkit-overflow-scrolling:touch) {
        .order-history-wrap .buttons-container .track-shipment {
            padding-top: 2.5vw
        }
    }
}

@media (min-width:769px) {
    .order-history-wrap .buttons-container .track-shipment {
        margin-top: 10px
    }
}

.order-history-wrap .buttons-container .track-shipment:hover {
    color: #000;
    border-color: #000
}

.order-history-wrap .pagination-buttons {
    margin: 60px auto
}

.replenishment-content {
    padding: 0
}

.replenishment-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:769px) {
    .replenishment-items {
        position: relative;
        width: 100%;
        min-height: 1px;
        margin-left: 12.5%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding: 0
    }
}

.replenishment-items .pagination-buttons {
    width: 100%
}

.replenish-vw-more {
    min-width: 200px
}

.order-replenish-list {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    list-style: none;
    box-shadow: 0 10px 24px 6px rgba(0, 0, 0, .12)
}

@media screen and (max-width:768px) {
    .order-replenish-list {
        margin-bottom: 8vw
    }
}

@media (min-width:769px) {
    .order-replenish-list {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        margin: 0 10px 3.35em;
        max-width: calc(50% - 20px)
    }
}

@media (min-width:769px) {
    .order-replenish-list .odd-list {
        padding-left: 5px
    }
}

@media (min-width:769px) {
    .order-replenish-list .even-list {
        padding-right: 0
    }
}

.order-replenish-list .item-image {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

@media (min-width:769px) {
    .order-replenish-list .item-image {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.order-replenish-list .item-image img {
    padding-right: 20px
}

.order-replenish-list .product-list-item {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 37.5%;
    flex: 0 0 37.5%;
    max-width: 37.5%
}

@media screen and (max-width:768px) {
    .order-replenish-list .product-list-item {
        margin: 3.6vw 0 0
    }
}

@media (max-width:768.98px) {
    .order-replenish-list .product-list-item {
        padding-right: 0;
        padding-left: 5px
    }
}

@media (min-width:769px) {
    .order-replenish-list .product-list-item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-top: 5px
    }
}

@media screen and (max-width:768px) {
    .order-replenish-list .name {
        margin: 0 0 2.66667vw
    }
}

@media screen and (min-width:769px) {
    .order-replenish-list .name {
        margin: 0 0 1.73611vw
    }
}

@media (min-width:1440px) {
    .order-replenish-list .name {
        margin: 0 0 25px
    }
}

.order-replenish-list .item-price-column {
    font-size: 1.25rem
}

@media screen and (max-width:768px) {
    .order-replenish-list .item-price-column {
        margin-top: 8vw
    }
}

@media screen and (min-width:769px) {
    .order-replenish-list .item-price-column {
        margin-top: 2.08333vw
    }
}

@media (min-width:1440px) {
    .order-replenish-list .item-price-column {
        margin-top: 30px
    }
}

@media (max-width:750px) {
    .order-replenish-list .item-price-column {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .order-replenish-list .item-price-column {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-replenish-list .item-price-column {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.order-replenish-list .pricingmodule {
    font-size: 1.25rem;
    letter-spacing: -.1px
}

@media (max-width:750px) {
    .order-replenish-list .pricingmodule {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .order-replenish-list .pricingmodule {
        font-size: 1rem;
        letter-spacing: .08px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-replenish-list .pricingmodule {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.order-replenish-list .pricingmodule .product-price span:first-of-type {
    padding-right: 8px
}

.order-replenish-list .price-standard {
    text-decoration: line-through
}

.order-replenish-list .price-standard+.price-sales {
    color: #c8102e
}

.order-replenish-list .price-sales {
    font-family: Arial, Bold, sans-serif
}

.order-replenish-list .attribute {
    font-size: 1.25rem
}

@media (max-width:750px) {
    .order-replenish-list .attribute {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .order-replenish-list .attribute {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-replenish-list .attribute {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.order-replenish-list .attribute .label {
    text-transform: capitalize;
    font-weight: 400
}

.order-replenish-list .bottom-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3.5em
}

.order-replenish-list .bottom-section-left {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    background: #000;
    max-width: 72.53%;
    -ms-flex: 0 0 72.53%;
    flex: 0 0 72.53%
}

@media (min-width:769px) {
    .order-replenish-list .bottom-section-left {
        max-width: 70%;
        -ms-flex: 0 0 70%;
        flex: 0 0 70%
    }
}

@media (max-width:768.98px) {
    .order-replenish-list .bottom-section-left {
        -ms-flex-align: center;
        align-items: center
    }
}

.order-replenish-list .bottom-section-left .quantity-column {
    max-width: 15.98%;
    -ms-flex: 0 0 15.98%;
    flex: 0 0 15.98%;
    width: 100%
}

@media (min-width:769px) {
    .order-replenish-list .bottom-section-left .quantity-column {
        max-width: 15%;
        -ms-flex: 0 0 15%;
        flex: 0 0 15%
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .order-replenish-list .bottom-section-left .quantity-column .ui-selectmenu-icon {
        right: .6em
    }
}

.order-replenish-list .bottom-section-left .replenishment {
    max-width: 84%;
    -ms-flex: 0 0 84%;
    flex: 0 0 84%;
    width: 100%;
    margin: 0;
    position: relative
}

@media screen and (max-width:768px) {
    .order-replenish-list .bottom-section-left .replenishment {
        padding-left: 2vw
    }
}

@media (min-width:769px) {
    .order-replenish-list .bottom-section-left .replenishment {
        padding: 0;
        max-width: 79%;
        -ms-flex: 0 0 79%;
        flex: 0 0 79%
    }
}

.order-replenish-list .bottom-section-left .replenishment .ui-selectmenu-button {
    text-transform: capitalize
}

.order-replenish-list .bottom-section-left .replenishment:before {
    position: absolute;
    content: "|";
    width: 2px;
    background-color: #fff;
    height: 4.67vw;
    top: 1.6vw;
    color: transparent
}

@media (min-width:769px) {
    .order-replenish-list .bottom-section-left .replenishment:before {
        height: 27px;
        top: 6px
    }
}

.order-replenish-list .bottom-section-left .ui-selectmenu-button {
    color: #fff
}

.order-replenish-list .replenishment .ui-selectmenu-button {
    padding-left: 4.26667vw
}

@media screen and (min-width:769px) {
    .order-replenish-list .replenishment .ui-selectmenu-button {
        padding-left: 1.94444vw
    }
}

@media (min-width:1440px) {
    .order-replenish-list .replenishment .ui-selectmenu-button {
        padding-left: 28px
    }
}

@media (min-width:769px) {
    .order-replenish-list .replenishment span.ui-selectmenu-icon {
        right: 20px
    }
}

.order-replenish-list .view-detail-btn-container {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    background: #666;
    max-width: 27.47%;
    -ms-flex: 0 0 27.47%;
    flex: 0 0 27.47%
}

@media (min-width:769px) {
    .order-replenish-list .view-detail-btn-container {
        max-width: 30%;
        -ms-flex: 0 0 30%;
        flex: 0 0 30%
    }
}

.order-replenish-list .view-detail-btn-container a {
    font-size: 1.75rem;
    letter-spacing: 1.4px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    display: block;
    text-align: center;
    line-height: .86
}

@media (max-width:750px) {
    .order-replenish-list .view-detail-btn-container a {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media screen and (max-width:768px) {
    .order-replenish-list .view-detail-btn-container a {
        padding-top: 2.4vw;
        padding-bottom: 2.4vw
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media screen and (max-width:768px) {
        .order-replenish-list .view-detail-btn-container a {
            padding-top: 2.8vw;
            padding-bottom: 2.4vw
        }
    }
}

@media (min-width:769px) {
    .order-replenish-list .view-detail-btn-container a {
        font-size: 1.125rem;
        letter-spacing: .9px;
        line-height: 1.33;
        padding: 10px 0
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-replenish-list .view-detail-btn-container a {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    @supports (-webkit-overflow-scrolling:touch) {
        .order-replenish-list .view-detail-btn-container a {
            padding: 13px 0 10px
        }
    }
}

.order-replenish-list .view-detail-btn-container a.disabled {
    pointer-events: none
}

.order-replenish-list .order-status {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

@media (min-width:769px) {
    .order-replenish-list .order-status {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
}

.order-replenish-list .order-status .value {
    font-family: Arial, Bold, sans-serif
}

.order-replenish-list .cancel-cta {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

@media (min-width:769px) {
    .order-replenish-list .cancel-cta {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
        padding-left: 0
    }
}

.order-replenish-list .order-history-header {
    width: 100%;
    position: relative;
    padding: 1em .75em;
    letter-spacing: .48px
}

@media (min-width:769px) {
    .order-replenish-list .order-history-header {
        letter-spacing: .36px
    }
}

.order-replenish-list .order-history-header::after {
    bottom: 0;
    content: '';
    position: absolute;
    display: inline-block;
    width: calc(100% - 1.5em);
    border-bottom: 2px solid #ccc
}

.order-replenish-list .order-history-header .cancel-cta {
    text-align: right
}

.order-replenish-list .order-history-header .replenishmentcancel {
    color: #000;
    font-size: 1.5rem;
    text-decoration: underline
}

@media (max-width:750px) {
    .order-replenish-list .order-history-header .replenishmentcancel {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .order-replenish-list .order-history-header .replenishmentcancel {
        font-size: 1rem;
        letter-spacing: -.08px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-replenish-list .order-history-header .replenishmentcancel {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.order-replenish-list .order-history-items {
    padding: 2em 0 0
}

.order-replenish-list .product-list-item .product-name {
    color: #000;
    text-transform: uppercase
}

@media (min-width:769px) {
    .order-replenish-list .product-list-item .product-name {
        font-size: 1rem;
        margin-bottom: 5px;
        letter-spacing: -.08px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-replenish-list .product-list-item .product-name {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.order-replenish-list .product-list-item .line-item {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000
}

@media (min-width:769px) {
    .order-replenish-list .product-list-item .line-item {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-replenish-list .product-list-item .line-item {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:769px) {
    .ordereplenishments {
        margin-bottom: 6.8em;
        margin-left: -10px;
        margin-right: -10px
    }
}

.ordereplenishments .results-hits-bottom {
    display: none
}

.ordereplenishments .no-record {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: .3px;
    margin: 0 auto
}

@media (max-width:750px) {
    .ordereplenishments .no-record {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.ordereplenishments .no-record div {
    margin: 1.75em auto 1.25em
}

.ordereplenishments .no-record a {
    display: block
}

.bottom-section-left .ui-selectmenu-button {
    max-width: calc(100% + 25px);
    border: none;
    font-family: Arial, Medium, sans-serif;
    height: 100%;
    position: relative;
    width: 100%;
    text-align: center;
    margin-left: 0
}

@media screen and (max-width:768px) {
    .bottom-section-left .ui-selectmenu-button {
        padding-top: 2.26667vw;
        padding-bottom: 2.26667vw
    }
}

@supports (-webkit-overflow-scrolling:touch) {
    @media screen and (max-width:768px) {
        .bottom-section-left .ui-selectmenu-button {
            padding-top: 2.66667vw;
            padding-bottom: 2.26667vw
        }
    }
}

@media (min-width:769px) {
    .bottom-section-left .ui-selectmenu-button {
        padding: 15px 20px 15px 0
    }

    @supports (-webkit-overflow-scrolling:touch) {
        .bottom-section-left .ui-selectmenu-button {
            padding-top: 18px
        }
    }
}

.bottom-section-left .ui-selectmenu-button.ui-selectmenu-button-open {
    background: 0 0;
    box-shadow: 0 1px 16.6px 1.4px rgba(0, 0, 0, .09)
}

.bottom-section-left .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
    border-bottom: 10px solid #fff;
    border-top: 10px solid transparent;
    top: 1.33vw
}

@media screen and (max-width:576px) {
    .bottom-section-left .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
        border-width: 5px
    }
}

@media (min-width:769px) {
    .bottom-section-left .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
        border-width: 6px;
        top: 10px
    }

    @supports (-webkit-overflow-scrolling:touch) {
        .bottom-section-left .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-icon {
            top: 13px
        }
    }
}

.bottom-section-left .ui-selectmenu-button span.ui-selectmenu-text {
    padding: 0;
    line-height: 1;
    letter-spacing: 1.2px
}

@media (min-width:769px) {
    .bottom-section-left .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: .875rem;
        letter-spacing: normal
    }
}

@media (min-width:769px) and (max-width:750px) {
    .bottom-section-left .ui-selectmenu-button span.ui-selectmenu-text {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.bottom-section-left .ui-selectmenu-button span.ui-selectmenu-icon {
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 3.34vw;
    margin-top: 0
}

@media screen and (max-width:576px) {
    .bottom-section-left .ui-selectmenu-button span.ui-selectmenu-icon {
        border-width: 5px
    }
}

@media (max-width:768.98px) {
    .bottom-section-left .ui-selectmenu-button span.ui-selectmenu-icon {
        top: 3vw
    }
}

@media (min-width:769px) {
    .bottom-section-left .ui-selectmenu-button span.ui-selectmenu-icon {
        border-width: 6px;
        right: 1.4em;
        top: 18px
    }

    @supports (-webkit-overflow-scrolling:touch) {
        .bottom-section-left .ui-selectmenu-button span.ui-selectmenu-icon {
            top: 20px
        }
    }
}

.bottom-section-left .ui-selectmenu-button.ui-selectmenu-button-open .ui-selectmenu-text:before {
    transform: rotate(-180deg)
}

@media (max-width:768.98px) {
    .track-order-wrapper .track-order-outer-row {
        margin: 0
    }
}

.track-order-wrapper .primary-content {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0
}

@media (min-width:769px) {
    .track-order-wrapper .primary-content {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.track-order-wrapper .login-box,
.track-order-wrapper .right-content-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .track-order-wrapper .login-box {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width:768px) {
    .track-order-wrapper .login-box p {
        margin-top: 2.4vw;
        margin-bottom: 2.4vw
    }
}

@media (max-width:768.98px) {
    .track-order-wrapper .login-box p {
        line-height: 1.42;
        letter-spacing: .5px
    }
}

@media (min-width:769px) {
    .track-order-wrapper .login-box p {
        margin: 26px 0 101px
    }
}

@media (max-width:768.98px) {
    .track-order-wrapper .order-search-btn {
        width: 100%;
        margin-top: 5.2VW
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-search-btn {
        width: 210px;
        margin-top: 28px
    }
}

@media screen and (max-width:768px) {
    .track-order-wrapper .label-middle {
        padding-top: 4.4vw
    }
}

@media (max-width:768.98px) {
    .track-order-wrapper .label-middle label {
        padding-left: 1.33VW;
        letter-spacing: .4px
    }
}

@media screen and (max-width:768px) {
    .track-order-wrapper .right-content-wrapper {
        margin-top: 14.8vw
    }
}

@media (min-width:769px) {
    .track-order-wrapper .right-content-wrapper {
        -ms-flex: 0 0 35.71429%;
        flex: 0 0 35.71429%;
        max-width: 35.71429%;
        margin-left: 14.28571%;
        padding: 0;
        left: -10px;
        margin-top: 238px
    }
}

@media screen and (max-width:768px) {
    .track-order-wrapper .order-track-wrapper {
        margin-top: 6.8vw;
        margin-bottom: 34.66667vw
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-track-wrapper {
        margin: 108px 0 240px
    }
}

.track-order-wrapper .need-help-section {
    background: #000;
    position: relative
}

@media screen and (max-width:768px) {
    .track-order-wrapper .need-help-section {
        padding: 5.33333vw 2.8vw 2.13333vw
    }
}

@media (min-width:769px) {
    .track-order-wrapper .need-help-section {
        padding: 20px 0
    }
}

.track-order-wrapper .need-help-section .img-stat {
    left: 0;
    right: 0;
    top: -42px;
    text-align: center;
    position: absolute
}

@media (max-width:768.98px) {
    .track-order-wrapper .need-help-section .img-stat {
        top: -6.6vw
    }
}

.track-order-wrapper .need-help-section .img-stat img {
    max-width: 84px
}

@media (max-width:768.98px) {
    .track-order-wrapper .need-help-section .img-stat img {
        max-width: 20.53vw
    }
}

.track-order-wrapper .need-help-section .bottom-img-stat {
    z-index: -1;
    bottom: -3.2vw;
    position: absolute;
    left: 0;
    right: 0
}

@media (min-width:769px) {
    .track-order-wrapper .need-help-section .bottom-img-stat {
        bottom: -18px
    }
}

.track-order-wrapper .need-help-section .bottom-img-stat img {
    width: 100%
}

.track-order-wrapper .order-help-container p a.text-underline {
    text-decoration: underline
}

.track-order-wrapper .order-help-container {
    color: #fff;
    font-size: 1.375rem
}

@media (max-width:750px) {
    .track-order-wrapper .order-help-container {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (max-width:768.98px) {
    .track-order-wrapper .order-help-container {
        padding: 8.3vw 0 0;
        line-height: 1.36;
        letter-spacing: .4px
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container {
        padding: 2.45em 1.2em 0;
        line-height: 1.22;
        letter-spacing: -.1px;
        font-size: 18px
    }
}

.track-order-wrapper .order-help-container h3 {
    text-transform: uppercase;
    font-size: 1.875rem
}

@media (max-width:750px) {
    .track-order-wrapper .order-help-container h3 {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container h3 {
        font-size: 30px;
        letter-spacing: -.2px
    }
}

.track-order-wrapper .order-help-container h4 {
    font-size: 1.5rem;
    text-transform: none;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .track-order-wrapper .order-help-container h4 {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media screen and (max-width:768px) {
    .track-order-wrapper .order-help-container h4 {
        padding-top: 1.73333vw;
        padding-bottom: 1.6vw
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container h4 {
        padding: 1em 0 2em;
        font-size: 18px
    }
}

@media (max-width:768.98px) {
    .track-order-wrapper .order-help-container .accordion_description {
        padding: 3.33vw 0
    }
}

.track-order-wrapper .order-help-container.accordion {
    border-top: 1px solid #666;
    border-bottom: none
}

.track-order-wrapper .order-help-container .accordion_title {
    padding: 0;
    border: 0
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container .accordion_title span {
        right: 0
    }
}

@media (max-width:768.98px) {
    .track-order-wrapper .order-help-container p {
        padding: 1.9vw 0
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container p {
        padding-bottom: 1em
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container p.chat-copy {
        padding-bottom: 1.3em
    }
}

.track-order-wrapper .order-help-container a {
    color: #fff;
    text-decoration: none;
    font-size: 1.375rem
}

@media (max-width:750px) {
    .track-order-wrapper .order-help-container a {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container a {
        font-size: 18px
    }
}

.track-order-wrapper .order-help-container i {
    margin-right: 23px;
    float: left
}

@media screen and (max-width:768px) {
    .track-order-wrapper .order-help-container i {
        margin-right: 3.6vw
    }
}

.track-order-wrapper .order-help-container .icon-email {
    font-size: 1.25rem
}

@media (max-width:750px) {
    .track-order-wrapper .order-help-container .icon-email {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .track-order-wrapper .order-help-container .icon-email {
        font-size: 17px
    }
}

.track-order-wrapper .order-help-container .icon-chat,
.track-order-wrapper .order-help-container .icon-livechat,
.track-order-wrapper .order-help-container .icon-phone,
.track-order-wrapper .order-help-container .icon-smartphone {
    font-size: 1.75rem
}

@media (max-width:750px) {

    .track-order-wrapper .order-help-container .icon-chat,
    .track-order-wrapper .order-help-container .icon-livechat {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {

    .track-order-wrapper .order-help-container .icon-chat,
    .track-order-wrapper .order-help-container .icon-livechat {
        font-size: 24px
    }
}

@media (max-width:750px) {

    .track-order-wrapper .order-help-container .icon-phone,
    .track-order-wrapper .order-help-container .icon-smartphone {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {

    .track-order-wrapper .order-help-container .icon-phone,
    .track-order-wrapper .order-help-container .icon-smartphone {
        font-size: 24px
    }
}

.pt_account .account-banner-container {
    background: #FAF9F9;
    padding: 0;
    max-width: 1440px;
    margin: 0 auto
}

.pt_account .account-banner-container .account-banner-inner {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px 20px 50px
}

@media (min-width:769px) {
    .pt_account .account-banner-container .account-banner-inner {
        -ms-flex: 0 0 81.25%;
        flex: 0 0 81.25%;
        max-width: 81.25%;
        margin-left: 12.5%;
        display: -ms-flexbox;
        display: flex;
        padding: 33px 0 52px
    }
}

.pt_account .account-banner-container .sign-out-wrapper {
    text-align: right
}

.pt_account .account-banner-container .sign-out-wrapper .sign-out-link {
    color: #262626;
    font-size: 14px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:769px) {
    .pt_account .account-banner-container .sign-out-wrapper .sign-out-link {
        display: -ms-flexbox;
        display: flex
    }
}

.pt_account .account-banner-container .sign-out-wrapper .sign-out-link:hover {
    opacity: 1
}

.pt_account .account-banner-container .sign-out-wrapper .sign-out-link:hover .link-text-account {
    text-decoration: underline
}

.pt_account .account-banner-container .sign-out-wrapper .sign-out-link .link-text-account {
    margin-right: 4px;
    display: inline-block
}

@media (min-width:769px) {
    .pt_account .account-banner-container .sign-out-wrapper .sign-out-link .link-text-account {
        margin-right: 6px
    }
}

.pt_account .account-banner-container .sign-out-wrapper .sign-out-link .icon-sign-out-account {
    position: relative;
    display: inline-block
}

.pt_account .account-banner-container .sign-out-wrapper .icon-sign-out-account {
    color: #000;
    font-size: 24px
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pt_account .account-banner-container .sign-out-wrapper .icon-sign-out-account {
            top: -2px;
            position: relative
        }
    }
}

.pt_account .account-banner-container .welcome-text-wrapper h1 {
    font-size: 18px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none
}

.pt_account .account-banner-container .welcome-text-wrapper .account-name {
    font-family: Arial, Medium, sans-serif
}

.pt_account .account-banner-container .welcome-text-wrapper .account-info {
    font-size: 12px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    margin-top: 8px;
    line-height: 16.8px
}

@media (min-width:769px) {
    .pt_account .account-banner-container .welcome-text-wrapper h1 {
        font-size: 30px;
        margin-top: 16px
    }

    .pt_account .account-banner-container .welcome-text-wrapper .account-info {
        max-width: 392px;
        font-size: 14px;
        line-height: 19.6px;
        margin-top: 26px
    }
}

.pt_account .account-page-header .back-link {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    font-size: 14px;
    line-height: 13px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pt_account .account-page-header .back-link:hover {
    opacity: 1
}

.pt_account .account-page-header .back-link:hover .back-link-text {
    text-decoration: underline
}

.pt_account .account-page-header .back-link .back-link-text {
    height: 16px
}

.pt_account .account-page-header .account-page-title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    font-size: 18px;
    line-height: 21.6px;
    text-transform: capitalize;
    margin: 11px 0 12px
}

@media (min-width:769px) {
    .pt_account .account-page-header .account-page-title {
        font-size: 30px;
        line-height: 36px;
        margin: 17px 0 27px
    }
}

.pt_account .account-page-header .description {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 12px;
    line-height: 16.8px
}

@media (min-width:769px) {
    .pt_account .account-page-header .description {
        width: 75%;
        font-size: 14px;
        line-height: 19.6px
    }
}

.pt_account .account-page-header .icon-arrow-left {
    display: inline-block;
    font-size: 15px;
    position: relative;
    padding-right: 5px;
    color: #231F20
}

.pt_account .account-content {
    padding: 0
}

.pt_account .account-content .account-content-inner {
    padding: 40px 0 50px
}

@media (min-width:769px) {
    .pt_account .account-content .account-content-inner {
        padding: 40px 0 100px
    }
}

.pt_account .account-content .account-content-inner.account-overview {
    max-width: 1010px;
    margin: 0 auto
}

@media (min-width:769px) {
    .pt_account .account-content .account-content-inner.account-overview {
        padding-left: 20px;
        padding-right: 20px
    }
}

.pt_account .account-content .overview-section {
    border-bottom: 1px solid #ccc;
    margin-bottom: 45px
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section {
        margin-bottom: 38px
    }
}

.pt_account .account-content .overview-section h4 {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 20px;
    line-height: 24px
}

.pt_account .account-content .overview-section .account-nav {
    display: -ms-flexbox;
    display: flex;
    padding: 25px 0 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pt_account .account-content .overview-section .account-nav li {
    list-style: none;
    padding-right: 26px;
    width: 100%;
    margin-bottom: 15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section .account-nav li {
        width: auto;
        margin-bottom: 0
    }
}

.pt_account .account-content .overview-section .account-nav li:last-child {
    margin: 0
}

.pt_account .account-content .overview-section .account-nav li a {
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none
}

@media (min-width:576px) and (max-width:768px) {
    .pt_account .account-content .overview-section .account-nav li a {
        position: relative;
        bottom: 4px
    }
}

.pt_account .account-content .overview-section .account-nav li a:hover {
    opacity: 1
}

.pt_account .account-content .overview-section .account-nav li a:hover .link-text-account {
    text-decoration: underline
}

.pt_account .account-content .overview-section .account-nav li .account-nav-icon {
    margin-right: 10px;
    width: 22px
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pt_account .account-content .overview-section .account-nav li .account-nav-icon {
            top: -2px;
            position: relative
        }
    }
}

.pt_account .account-content .overview-section .account-nav li .account-nav-icon,
.pt_account .account-content .overview-section .account-nav li a {
    display: block
}

.pt_account .account-content .overview-section .beauty-station-wrapper {
    padding: 37px 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:768.98px) {
    .pt_account .account-content .overview-section .beauty-station-wrapper {
        display: block
    }
}

.pt_account .account-content .overview-section .beauty-station-cols {
    margin-bottom: 52px;
    max-width: 320px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-title .icon-heart {
    font-size: 18px;
    display: inline-block;
    margin-right: 8px;
    height: 18px;
    position: relative
}

@media (max-width:768.98px) {
    .pt_account .account-content .overview-section .beauty-station-cols .beauty-station-title .icon-heart {
        top: -4px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pt_account .account-content .overview-section .beauty-station-cols .beauty-station-title .icon-heart {
            top: -4px
        }
    }
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-title .loyalty-points {
    font-size: 24px;
    display: inline-block;
    margin-right: 8px;
    min-height: 17px
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-content {
    font-size: 12px;
    line-height: 16.8px;
    color: #666
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-link {
    margin-top: 8px
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-link a {
    font-size: 14px;
    color: #262626;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width:768.98px) {
    .pt_account .account-content .overview-section .beauty-station-cols .beauty-station-link a {
        line-height: 14px
    }
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-link a:hover {
    opacity: 1
}

.pt_account .account-content .overview-section .beauty-station-cols .beauty-station-link a:hover .link-text-account {
    text-decoration: underline
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section .beauty-station-cols {
        margin-bottom: 37px
    }

    .pt_account .account-content .overview-section .beauty-station-cols .beauty-station-title .icon-heart {
        font-size: 20px
    }

    .pt_account .account-content .overview-section .beauty-station-cols .beauty-station-link {
        margin-top: 18px;
        display: inline-block
    }
}

.pt_account .account-content .overview-section .promo-banners {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 44px
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section .promo-banners {
        margin: 0 -10px;
        padding-bottom: 34px
    }
}

.pt_account .account-content .overview-section .cta-block-wrapper {
    width: 100%;
    max-width: 540px;
    margin-bottom: 16px;
    position: relative
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-section {
    background: #FAF9F9;
    position: relative
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-section .cta-block-description-section {
    padding: 0 13px 27px
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-section .cta-block-description-section .cta-block-title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 10px
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-section .cta-block-description-section .cta-block-desc {
    font-weight: 400;
    font-size: 12px;
    line-height: 16.8px;
    color: #414141;
    margin-bottom: 18px
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-section .cta-block-link-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: 0 0;
    z-index: 9
}

.pt_account .account-content .overview-section .cta-block-wrapper.beauty-section .cta-block-section {
    background: #f1f1f1
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-image {
    width: 100%;
    text-align: right;
    height: 140px
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-image img {
    max-width: 100%;
    max-height: 100%
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-link {
    display: -ms-flexbox;
    display: flex
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-link p {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section .cta-block-wrapper .cta-block-link p {
        -ms-flex-align: center;
        align-items: center
    }
}

.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-link .link-text-account,
.pt_account .account-content .overview-section .cta-block-wrapper .cta-block-link .no-link-text-account {
    font-size: 14px;
    line-height: 14px;
    color: #262626;
    display: inline-block
}

@media (max-width:768.98px) {
    .pt_account .account-content .overview-section .cta-block-wrapper .cta-block-link .icon-arrow-right {
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section .cta-block-wrapper .cta-block-link .icon-arrow-right {
        height: 15px
    }
}

.pt_account .account-content .overview-section .cta-block-wrapper:hover .link-text-account {
    text-decoration: underline
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section .cta-block-wrapper {
        max-width: 50%;
        padding: 0 10px
    }

    .pt_account .account-content .overview-section .cta-block-wrapper .cta-image {
        height: 200px
    }

    .pt_account .account-content .overview-section .cta-block-wrapper .cta-block-section .cta-block-description-section {
        position: absolute;
        left: 15px;
        top: 43px;
        max-width: 60%
    }
}

.pt_account .account-content .overview-section.need-help {
    border: 0;
    max-width: 320px;
    margin-bottom: 0
}

.pt_account .account-content .overview-section.need-help .need-help-desc {
    font-size: 12px;
    line-height: 16.8px;
    color: #262626;
    margin-top: 14px
}

.pt_account .account-content .overview-section.need-help .need-help-cta {
    font-size: 14px;
    line-height: 14px;
    color: #262626;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section.need-help .need-help-cta {
        line-height: normal;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.pt_account .account-content .overview-section.need-help .need-help-cta:hover {
    opacity: 1
}

.pt_account .account-content .overview-section.need-help .need-help-cta:hover .link-text-account {
    text-decoration: underline
}

.pt_account .account-content .overview-section.need-help .need-help-cta .link-text-account {
    display: inline-block;
    vertical-align: top
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section.need-help .need-help-cta span:nth-child(2) {
        height: 15px
    }
}

@media (min-width:769px) {
    .pt_account .account-content .overview-section.need-help .need-help-cta .icon-arrow-right {
        height: 15px
    }
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pt_account .account-content .overview-section.need-help .need-help-cta .icon-arrow-right {
            top: -1px
        }
    }
}

.pt_account .account-content .overview-section .icon-arrow-right {
    height: 17px;
    font-size: 15px;
    margin-left: 10px;
    position: relative
}

@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .pt_account .account-content .overview-section .icon-arrow-right {
            top: -3px
        }
    }
}

@media (max-width:768.98px) {
    .pt_account .account-content .overview-section .icon-arrow-right {
        top: -1px;
        height: 13px
    }
}

.pt_product-search-noresult .search-top-wrapper,
.pt_product-search-result .search-top-wrapper {
    background: #FAF9F9
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb {
    margin-left: 2.2%;
    padding: 8px 0
}

@media (min-width:769px) {

    .pt_product-search-noresult .breadcrumbs-wrap .breadcrumb,
    .pt_product-search-result .breadcrumbs-wrap .breadcrumb {
        padding: 10px 0 0
    }
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb .breadcrumb-element,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb .breadcrumb-element {
    font-size: 12px;
    font-family: Arial, sans-serif;
    text-transform: capitalize
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb .breadcrumb-element:before,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb .breadcrumb-element:before {
    content: '\25CF';
    font-weight: 500;
    font-size: 6px;
    padding-top: 3.5px;
    padding-left: 6px
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb .breadcrumb-element h1,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb .breadcrumb-element h1 {
    font-size: 12px;
    text-transform: capitalize
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb .breadcrumb-element:last-child:last-of-type,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb .breadcrumb-element:last-child:last-of-type {
    color: #666;
    text-transform: none
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb a.breadcrumb-element span,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb a.breadcrumb-element span {
    text-decoration: underline
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb a.text-cursor:hover,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb a.text-cursor:hover {
    opacity: 1
}

.pt_product-search-noresult .breadcrumbs-wrap .breadcrumb a.text-cursor span,
.pt_product-search-result .breadcrumbs-wrap .breadcrumb a.text-cursor span {
    text-decoration: none
}

.pt_product-search-noresult #main>.breadcrumbs-wrap,
.pt_product-search-noresult .search-result-wrapper>.breadcrumbs-wrap,
.pt_product-search-result #main>.breadcrumbs-wrap,
.pt_product-search-result .search-result-wrapper>.breadcrumbs-wrap {
    background: #FAF9F9
}

@media (max-width:768.98px) {
    .search-result-wrapper {
        padding: 0
    }
}

@media (max-width:768.98px) and (max-width:768.98px) {
    .search-result-wrapper .product-search-form-page {
        transition: position .2s linear
    }
}

@media (max-width:768.98px) {
    .search-result-wrapper .product-search-form-page.sticky {
        position: fixed;
        top: 61px;
        width: 100%;
        z-index: 1003;
        background: #FAF9F9;
        left: 0;
        padding: 0 20px
    }
}

@media (max-width:768.98px) and (max-width:768.98px) {
    .search-result-wrapper .product-search-form-page.sticky+.category-tab-links>ul {
        padding-top: 62px
    }
}

@media (max-width:768.98px) {
    .search-result-wrapper .product-search-form-page.sticky .field-button-container {
        margin: 0
    }
}

.search-result-wrapper .search-results-bg {
    background: #FAF9F9
}

@media screen and (max-width:768px) {
    .search-result-wrapper .search-results-bg {
        padding: 0 20px
    }
}

@media (max-width:768.98px) {
    .search-result-wrapper .plp-content-wrapper {
        padding: 0 20px
    }
}

.search-result-wrapper .search-form-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .search-result-wrapper .search-form-wrapper {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .search-result-wrapper .search-form-wrapper {
        transition: position .2s linear
    }
}

.search-result-wrapper .search-form-wrapper .results-for {
    display: none;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 14px
}

@media (min-width:769px) {
    .search-result-wrapper .search-form-wrapper .results-for {
        display: inline-block
    }
}

@media (max-width:1023.98px) {
    .search-result-wrapper .search-form-wrapper fieldset {
        padding: 0
    }
}

.search-result-wrapper .search-form-wrapper .field-button-container {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1px
}

@media (max-width:1023.98px) {
    .search-result-wrapper .search-form-wrapper .field-button-container {
        margin: 2.4VW 0 3.06VW;
        padding-bottom: 1px
    }
}

@media (min-width:769px) {
    .search-result-wrapper .search-form-wrapper .field-button-container {
        margin: 20px 0 21px
    }
}

.search-result-wrapper .search-form-wrapper input[name=top-search] {
    display: none
}

.search-result-wrapper .search-form-wrapper input[type=text] {
    border: 0;
    background: #FAF9F9;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: .9px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    padding: 31px 0 24px
}

.search-result-wrapper .search-form-wrapper input[type=text]::-ms-clear {
    display: none
}

@media (max-width:1023.98px) {
    .search-result-wrapper .search-form-wrapper input[type=text] {
        width: 72.5vw
    }
}

@media screen and (max-width:576px) {
    .search-result-wrapper .search-form-wrapper input[type=text] {
        width: 68.5vw
    }
}

@media (min-width:769px) {
    .search-result-wrapper .search-form-wrapper input[type=text] {
        font-size: 36px;
        line-height: 36px;
        max-width: 85%;
        padding: 10px 0
    }
}

.search-result-wrapper .search-form-wrapper button[type=reset] {
    border: 0;
    padding: 0;
    background: #FAF9F9;
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #D6001C;
    text-transform: none;
    position: absolute;
    letter-spacing: .5px;
    right: 9.3VW;
    top: 4.2vw
}

@media screen and (max-width:576px) {
    .search-result-wrapper .search-form-wrapper button[type=reset] {
        top: 7.5vw
    }
}

@media (min-width:769px) {
    .search-result-wrapper .search-form-wrapper button[type=reset] {
        font-size: 16px;
        right: 63px;
        top: 20px;
        line-height: 1.88;
        letter-spacing: .4px;
        height: auto
    }
}

.search-result-wrapper .search-form-wrapper button[type=submit] {
    border: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 3vw;
    background: #FAF9F9
}

@media screen and (max-width:576px) {
    .search-result-wrapper .search-form-wrapper button[type=submit] {
        top: 7vw
    }
}

@media (min-width:769px) {
    .search-result-wrapper .search-form-wrapper button[type=submit] {
        top: 24px;
        height: auto;
        width: 29px
    }
}

.search-result-wrapper .search-form-wrapper button[type=submit] .icon-search {
    line-height: normal;
    display: inline-block
}

.search-result-wrapper .search-form-wrapper button[type=submit] .icon-search:before {
    font-size: 2.25rem
}

@media (max-width:750px) {
    .search-result-wrapper .search-form-wrapper button[type=submit] .icon-search:before {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

@media (min-width:769px) {
    .search-result-wrapper .search-form-wrapper button[type=submit] .icon-search:before {
        font-size: 28px
    }
}

.search-result-wrapper .search-form-wrapper .go-label {
    display: none
}

.search-result-wrapper .category-tab-links {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: block;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 0 24px
}

@media (min-width:769px) {
    .search-result-wrapper .category-tab-links {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%;
        display: -ms-flexbox;
        display: flex;
        padding: 0 0 32px
    }
}

.search-result-wrapper .category-tab-links .viewing {
    display: block;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 14px;
    padding-right: 24px
}

@media (min-width:769px) {
    .search-result-wrapper .category-tab-links .viewing {
        display: inline-block
    }
}

.search-result-wrapper .category-tab-links .tab-seperator {
    width: 1px;
    height: 30px;
    background: #ccc;
    margin: 0 24px
}

@media (min-width:769px) {
    .search-result-wrapper .category-tab-links .tab-seperator {
        display: inline-block
    }
}

.search-result-wrapper .category-tab-links>ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0 0
}

@media (min-width:769px) {
    .search-result-wrapper .category-tab-links>ul {
        margin: 0
    }
}

.search-result-wrapper .category-tab-links li {
    list-style: none;
    display: inline-block;
    margin: 0
}

.search-result-wrapper .category-tab-links li a {
    font-size: 18px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    position: relative;
    display: inline-block;
    line-height: 18px
}

@media (min-width:769px) {
    .search-result-wrapper .category-tab-links li a {
        font-size: 24px;
        line-height: 24px
    }
}

.search-result-wrapper .category-tab-links li a.no-link-tab {
    cursor: default
}

.search-result-wrapper .category-tab-links li a.highlighted {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626
}

.search-result-wrapper .category-tab-links li a.highlighted span:first-child {
    position: relative;
    padding-bottom: 8px
}

.search-result-wrapper .category-tab-links li a.highlighted span:first-child:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    border-bottom: 2px solid #262626
}

@media (max-width:1023.98px) {
    .search-result-wrapper .category-tab-links li a.highlighted span:first-child {
        padding-bottom: 1.2VW
    }
}

.search-folder-content-wrapper .results-hits-bottom,
.search-folder-content-wrapper .toggle-grid {
    display: none
}

.search-folder-content-wrapper .results-hits-top {
    text-align: right;
    font-size: 1.25rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #666
}

@media screen and (max-width:768px) {
    .search-folder-content-wrapper .results-hits-top {
        margin: 6.53333vw 0 7.6vw
    }
}

@media (max-width:750px) {
    .search-folder-content-wrapper .results-hits-top {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .search-folder-content-wrapper .results-hits-top {
        margin: 67px 0 54px;
        font-size: 18px
    }
}

.search-folder-content-wrapper .results-hits {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width:1023.98px) {
    .search-folder-content-wrapper .results-hits {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (min-width:769px) {
    .search-folder-content-wrapper .results-hits {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

@media screen and (max-width:768px) {
    .search-folder-content-wrapper .results-hits-inner {
        padding: 2.53333vw 0
    }
}

@media (max-width:768.98px) {
    .search-folder-content-wrapper .results-hits-inner {
        border-top: 1px solid #c8102e
    }
}

@media (min-width:769px) {
    .search-folder-content-wrapper .results-hits-inner {
        border-bottom: 1px solid #c8102e;
        padding-bottom: 16px
    }
}

@media (max-width:768.98px) {
    .search-folder-content-wrapper .search-folder-content-list .tutorial-detail-link {
        margin: 0 auto 25px;
        padding: 0 20px;
        max-width: 672px
    }

    .search-folder-content-wrapper .search-folder-content-list .tutorial-detail-link .image-block {
        height: 60vw
    }
}

.search-folder-content-list .tutorial-detail-link,
.search-folder-content-list .tutorial-detail-link .tile-placeholder,
.search-folder-content-list .tutorial-detail-link .tile-wrapper,
.search-folder-content-list .tutorial-detail-link .tutorial-tile {
    position: relative
}

@media (max-width:1023.98px) {
    .search-folder-content-list .tutorial-detail-link {
        padding: 0 1.5vw
    }
}

@media (max-width:1023.98px) {
    .search-folder-content-list .tutorial-detail-link {
        padding: 0 3vw;
        width: 100%;
        margin-bottom: 8.2vw
    }
}

@media (min-width:769px) {
    .search-folder-content-list .tutorial-detail-link {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        margin-bottom: 77px
    }
}

.search-folder-content-list .tutorial-detail-link .image-block {
    position: relative;
    overflow: hidden;
    height: 62.93vw
}

@media screen and (max-width:576px) {
    .search-folder-content-list .tutorial-detail-link .image-block {
        max-height: 228px
    }
}

@media screen and (max-width:768px) {
    .search-folder-content-list .tutorial-detail-link .image-block {
        margin-bottom: 2.13333vw
    }
}

@media (min-width:769px) {
    .search-folder-content-list .tutorial-detail-link .image-block {
        margin-bottom: 16px;
        height: 17.6vw
    }
}

@media screen and (min-width:1440px) {
    .search-folder-content-list .tutorial-detail-link .image-block {
        height: 258px
    }
}

.search-folder-content-list .tutorial-detail-link .image-block img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.search-folder-content-list .tutorial-detail-link h3,
.search-folder-content-list .tutorial-detail-link h5 {
    font-size: 16px;
    line-height: 22.4px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000;
    text-transform: none;
    margin-top: 1.8vw;
    letter-spacing: normal
}

@media (min-width:769px) {

    .search-folder-content-list .tutorial-detail-link h3,
    .search-folder-content-list .tutorial-detail-link h5 {
        margin: 15px 0 4px
    }
}

.search-folder-content-list .tutorial-detail-link .content-description {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: none;
    line-height: 140%;
    padding: 6px 0
}

@media (max-width:1023.98px) {
    .search-folder-content-list .tutorial-detail-link .content-description {
        display: none
    }
}

.search-folder-content-list .tutorial-detail-link ul {
    display: none
}

.search-folder-content-list .tutorial-detail-link ul li {
    list-style: none;
    display: inline-block;
    font-size: 1.25rem;
    font-family: Arial, sans-serif;
    font-weight: 600;
    font-style: italic;
    color: #000;
    letter-spacing: .5px;
    margin-right: .8vw
}

@media (max-width:750px) {
    .search-folder-content-list .tutorial-detail-link ul li {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .search-folder-content-list .tutorial-detail-link ul li {
        letter-spacing: .9px;
        font-size: 18px
    }
}

.search-folder-content-list .tutorial-detail-link .cta-link,
.search-folder-content-list .tutorial-detail-link .detail-link {
    font-size: 16px;
    line-height: 19.2px;
    margin-top: 3px;
    display: inline-block;
    color: #D6001C
}

.search-folder-content-list .tutorial-detail-link .ginza-edit-label {
    display: inline-block;
    position: absolute;
    letter-spacing: normal;
    text-transform: uppercase;
    background: #fff;
    padding: 4px 16px;
    font-family: Arial, Bold, sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 14px;
    bottom: 18px
}

@media (min-width:576px) and (max-width:768px) {
    .search-folder-content-list .tutorial-detail-link .ginza-edit-label {
        font-size: 20px;
        padding: 7px 20px 4px
    }
}

@media (min-width:769px) {
    .search-folder-content-list .tutorial-detail-link .ginza-edit-label {
        font-size: 16px;
        line-height: 19.2px
    }
}

.search-folder-content-list .tutorial-detail-link .ginza-edit-label span {
    font-family: Arial, sans-serif
}

.search-folder-content-list .icon-play-rounded-button,
.search-folder-content-list .icon-play-rounded-button-black {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    bottom: 0;
    left: 7px
}

@media (min-width:769px) {

    .search-folder-content-list .icon-play-rounded-button,
    .search-folder-content-list .icon-play-rounded-button-black {
        left: 8px
    }
}

.search-folder-content-list .icon-play-rounded-button-black:before,
.search-folder-content-list .icon-play-rounded-button:before {
    font-size: 33px;
    color: #fff;
    z-index: 1;
    position: relative
}

@media (min-width:769px) {

    .search-folder-content-list .icon-play-rounded-button-black:before,
    .search-folder-content-list .icon-play-rounded-button:before {
        font-size: 35px
    }
}

.search-folder-content-list .icon-play-rounded-button-black:after,
.search-folder-content-list .icon-play-rounded-button:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: #000;
    bottom: 14px;
    position: absolute;
    z-index: 0;
    left: 10px
}

.search-folder-content-list .wishlist-icon {
    position: absolute;
    top: 17px;
    right: 17px;
    z-index: 10
}

.search-folder-content-list .full-width-content {
    width: 100%
}

.search-results .product-grid {
    margin-bottom: 58px
}

@media (max-width:1023.98px) {
    .search-results .product-grid {
        margin-bottom: 8.2VW
    }
}

.search-results .category-container {
    margin: 0
}

@media (min-width:769px) {
    .search-results .search-result-items .full-width-content {
        left: -15.8%
    }
}

.search-results .no-results {
    padding: 50px
}

@media screen and (max-width:768px) {
    .product-listing .search-results .pagination-buttons {
        margin-bottom: 15.33333vw
    }
}

@media (min-width:769px) {
    .product-listing .search-results .pagination-buttons {
        margin-bottom: 145px
    }
}

.pt_product-search-noresult .no-search-recommendation-container,
.pt_product-search-noresult .recommendation-container.cross-sell {
    margin: 30px 0
}

.pt_product-search-noresult .no-search-recommendation-container .title,
.pt_product-search-noresult .recommendation-container.cross-sell .title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 30px;
    text-align: center;
    padding: 0 20px
}

.pt_product-search-noresult .no-search-recommendation-container {
    padding: 0 20px
}

@media (min-width:769px) {
    .pt_product-search-noresult .no-search-recommendation-container {
        padding: 0
    }
}

.pt_product-search-noresult .no-search-recommendation-container .search-folder-content-list {
    margin: 0
}

.corrected-search .no-search-content {
    padding: 35px 0
}

.no-search-content {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 51px 44px 36px
}

@media (min-width:769px) {
    .no-search-content {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        padding: 72px 0 29px
    }
}

@media (min-width:1440px) {
    .no-search-content {
        padding: 23px 0 120px
    }
}

@media (max-width:768.98px) {
    .no-search-content .popular-search {
        padding-left: 2vw
    }
}

.no-search-text-wrapper {
    font-size: 18px;
    line-height: 25.2px;
    margin-bottom: 0;
    text-align: center;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626
}

.no-search-text-wrapper .no-search-text {
    width: 100%;
    display: inline-block
}

.no-search-text-wrapper .no-search-text>span {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #262626
}

.no-search-text-wrapper .did-you-mean {
    display: block
}

.no-search-text-wrapper .did-you-mean .suggested-phrase {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #262626;
    font-size: 18px
}

@media (min-width:769px) {
    .no-search-recommendation .row {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.no-search-recommendation .item-1,
.no-search-recommendation .item-2,
.no-search-recommendation .item-3 {
    opacity: 1;
    transform: none
}

@media (max-width:768.98px) {
    html.nav-open .search-result-wrapper .product-search-form-page.sticky {
        z-index: 999
    }
}

@media (max-width:768.98px) {
    html.sticky-header-search .search-result-wrapper .product-search-form-page.sticky {
        z-index: 998
    }
}

@media (max-width:768.98px) {
    .tutorial-content {
        margin: 8vw 0 16vw
    }
}

@media (min-width:769px) {
    .tutorial-content {
        margin-bottom: 7.5rem
    }
}

.tutorial-content .products-used-wrapper {
    margin: 16vw 0
}

@media (min-width:769px) {
    .tutorial-content .products-used-wrapper {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        margin-top: 12.5rem;
        margin-bottom: 7.5rem
    }
}

.tutorial-content .products-used-wrapper h3 {
    text-align: center;
    padding-bottom: 9.5vw
}

@media (min-width:769px) {
    .tutorial-content .products-used-wrapper h3 {
        padding-bottom: 3.75rem
    }
}

.tutorial-content .tutorial-heads,
.tutorial-content .tutorial-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .tutorial-content .tutorial-heads {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .tutorial-content .tutorial-heads {
        margin: 8vw 0 0 8.25%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-right: 0
    }
}

@media (min-width:769px) {
    .tutorial-content .tutorial-section {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .tutorial-content .tutorial-section {
        margin: 0 0 9.33vw 9%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-right: 0
    }
}

@media (min-width:769px) {
    .tutorial-content .tutorial-section .tutorial-body {
        -ms-flex: 0 0 88.88889%;
        flex: 0 0 88.88889%;
        max-width: 88.88889%
    }
}

@media (min-width:769px) {
    .tutorial-content .tutorial-section .tutorial-steps {
        padding-top: 1rem
    }
}

.tutorial-content .tutorial-section p {
    letter-spacing: 1.2px
}

@media (min-width:769px) {
    .tutorial-content .tutorial-section p {
        letter-spacing: .9px
    }
}

.tutorial-content .tutorial-related-wrapper {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 0
}

@media (min-width:769px) {
    .tutorial-content .tutorial-related-wrapper {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        margin-left: 6.25%
    }
}

@media (min-width:769px) {
    .tutorial-content .tutorial-top-container {
        margin: 3.6rem auto 3.125rem
    }
}

@media (max-width:768.98px) {
    .tutorial-content .tutorial-bottom-container {
        padding-right: 0
    }
}

@media (max-width:768.98px) {
    .tutorial-content .tutorial-bottom-container .row {
        margin: 0
    }
}

@media (max-width:768.98px) {
    .tutorial-content .tutorial-related-section {
        margin: 16vw 0 16vw 9%
    }
}

.tutorial-content .tutorial-related-section h3 {
    letter-spacing: 1.4px;
    border-bottom: 8px solid #c8102e;
    padding-bottom: 2.13vw
}

@media (min-width:769px) {
    .tutorial-content .tutorial-related-section h3 {
        padding-bottom: 1rem
    }
}

.tutorial-content .tutorial-tile {
    border-bottom: 2px solid #ccc;
    padding: 2.67vw 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:769px) {
    .tutorial-content .tutorial-tile {
        padding: 1.25rem 0
    }
}

.tutorial-content .tutorial-tile .thumb {
    position: relative;
    width: 100%;
    min-height: 1px;
    max-width: 28.57143%;
    max-width: 30.5%;
    -ms-flex: 0 0 30.5%;
    flex: 0 0 30.5%;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:769px) {
    .tutorial-content .tutorial-tile .thumb {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
        padding-right: 28.5px
    }
}

.tutorial-content .tutorial-tile .detail {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 30px;
    max-width: calc(69.5% - 20px);
    -ms-flex: 0 0 calc(69.5% - 20px);
    flex: 0 0 calc(69.5% - 20px)
}

@media (min-width:769px) {
    .tutorial-content .tutorial-tile .detail {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        padding-left: 0
    }
}

.tutorial-content .tutorial-tile a {
    text-transform: none;
    border-bottom: none;
    font-family: Arial, sans-serif;
    min-width: inherit
}

@media (min-width:769px) {
    .tutorial-content .tutorial-tile a {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tutorial-content .tutorial-tile a {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.tutorial-content .tutorial-tile h5 {
    overflow: hidden;
    max-height: 11.8vw;
    margin-bottom: .25rem
}

@media (min-width:576px) {
    .tutorial-content .tutorial-tile h5 {
        max-height: 10.5vw
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    .tutorial-content .tutorial-tile h5 {
        max-height: 13.5vw
    }
}

@media (min-width:769px) {
    .tutorial-content .tutorial-tile h5 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        margin-bottom: .75rem;
        max-height: 3.6rem
    }
}

.tutorial-content .step-count {
    font-size: 5rem;
    letter-spacing: 4px;
    color: #ccc
}

@media (max-width:750px) {
    .tutorial-content .step-count {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

.tutorial-content .step-detail {
    margin-top: 1rem;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.tutorial-content .folder-nm {
    text-transform: uppercase;
    color: #666;
    letter-spacing: 1.2px
}

@media (min-width:769px) {
    .tutorial-content .tutorial-steps ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.tutorial-content .tutorial-steps li {
    margin-bottom: 6.67vw;
    list-style: none
}

@media (min-width:769px) {
    .tutorial-content .tutorial-steps li {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
        margin-bottom: 3.125rem
    }
}

.tutorial-content .tutorial-header {
    letter-spacing: -.2px;
    margin: 1rem 0 8vw;
    line-height: 1
}

@media (min-width:769px) {
    .tutorial-content .tutorial-header {
        margin: 1rem 0 3.75rem
    }
}

.tutorial-content .tutorial-body p {
    margin-bottom: 5.33vw
}

@media (min-width:769px) {
    .tutorial-content .tutorial-body p {
        margin-bottom: 2.5rem
    }
}

.tutorial-content .regimen-add-all-to-cart {
    clear: both
}

.tutorial-content .regimen-add-all-to-cart .add-all {
    display: block;
    margin: 0 auto
}

.tutorial-content .search-result-items {
    padding: 0 10px
}

@media (max-width:768.98px) {
    .tutorial-content .search-result-items .product-grid {
        padding: 0
    }

    .tutorial-content .search-result-items .product-grid:nth-of-type(2n+1):after {
        margin-left: 2.7vw
    }
}

@media (min-width:769px) {
    .tutorial-content .search-result-items .product-grid:nth-child(3n+1):after {
        left: 30px
    }

    .tutorial-content .search-result-items .product-grid:nth-child(3n):after {
        width: calc(100% - 10px)
    }
}

.tutorial-video-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .tutorial-video-section .responsive-embed {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.tutorial-video-section .tutorial-tags {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: italic;
    position: absolute;
    right: 95.25%;
    top: 0;
    transform: rotate(-90deg);
    transform-origin: right top;
    margin-right: 3.5vw
}

@media (max-width:750px) {
    .tutorial-video-section .tutorial-tags {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .tutorial-video-section .tutorial-tags {
        right: 93.85%;
        margin-right: 27px
    }
}

.tutorial-video-section .tutorial-tags ul {
    display: -ms-flexbox;
    display: flex
}

.tutorial-video-section .tutorial-tags ul li {
    list-style: none;
    margin-left: 2.67vw;
    white-space: nowrap;
    font-weight: 600
}

@media (min-width:769px) {
    .tutorial-video-section .tutorial-tags ul li {
        margin-left: 20px
    }
}

.responsive-embed {
    position: relative;
    height: 0;
    padding-bottom: 49%;
    overflow: hidden;
    max-width: 89.13%;
    margin: 0 auto
}

.responsive-embed.widescreen {
    max-width: 100%
}

.responsive-embed iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.tutorial-listing .cat-grouping-container {
    margin-bottom: 0
}

@media (min-width:769px) {
    .tutorial-listing .cat-grouping-container {
        margin-bottom: 0
    }
}

@media (min-width:769px) {
    .tutorial-listing .primary-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media (min-width:769px) {
    .tutorial-listing .article-description-section {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

@media (min-width:769px) {
    .tutorial-listing .top-slot .article-content-details {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        margin-left: 6.25%;
        right: 68.75%;
        -ms-flex-item-align: end;
        align-self: flex-end;
        padding-right: 5px
    }
}

.tutorial-listing .top-slot .article-video {
    margin-bottom: 8vw
}

@media (min-width:769px) {
    .tutorial-listing .top-slot .article-video {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%;
        left: 31.25%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        margin-bottom: 0
    }
}

@media (min-width:769px) {
    .tutorial-listing .top-slot .slick-dots {
        bottom: inherit
    }
}

.tutorial-listing .top-slot .slick-arrow {
    height: inherit
}

@media (max-width:768.98px) {
    .tutorial-listing .top-slot .article-carousel-slide {
        padding-bottom: 2.5rem
    }
}

.tutorial-listing video {
    max-height: 424px
}

@media (min-width:769px) {
    .tutorial-listing video {
        max-height: 555px
    }
}

@media (max-width:768.98px) {
    .tutorial-listing .article-content-details {
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.tutorial-listing .play-pause-btn {
    font-size: 6.25rem;
    margin: -3px 5.73vw
}

@media (max-width:750px) {
    .tutorial-listing .play-pause-btn {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {
    .tutorial-listing .play-pause-btn {
        margin: 12px 20px
    }
}

.tutorial-listing .tile-placeholder {
    text-align: center;
    background-color: #f1f1f1
}

@media (max-width:768.98px) {
    .tutorial-listing .tile-placeholder {
        line-height: 62.93vw
    }
}

@media (min-width:769px) {
    .tutorial-listing .tile-placeholder {
        line-height: 17.92vw
    }
}

@media screen and (min-width:1440px) {
    .tutorial-listing .tile-placeholder {
        line-height: 258px
    }
}

.tutorial-listing .tile-placeholder img {
    vertical-align: middle
}

.tutorial-listing .top-filter-wrapper {
    width: 100%;
    border-bottom: 1px solid #c8102e;
    margin-bottom: 8vw
}

@media (min-width:769px) {
    .tutorial-listing .top-filter-wrapper {
        margin-bottom: 3.75rem
    }
}

@media (min-width:769px) {
    .tutorial-listing .top-filter-wrapper .top-filter {
        display: inline-block;
        width: 72%
    }
}

.tutorial-listing .srch-text {
    text-align: right;
    font-size: 1.25rem;
    font-family: Arial, Medium, sans-serif;
    color: #666
}

@media (max-width:750px) {
    .tutorial-listing .srch-text {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media screen and (max-width:768px) {
    .tutorial-listing .srch-text {
        padding: 0 0 2.66667vw
    }
}

@media (min-width:769px) {
    .tutorial-listing .srch-text {
        font-size: 1.125rem;
        display: inline-block;
        width: 27.5%
    }
}

@media screen and (min-width:769px) and (min-width:769px) {
    .tutorial-listing .srch-text {
        padding: 0 0 1.45833vw
    }
}

@media (min-width:769px) and (min-width:1440px) {
    .tutorial-listing .srch-text {
        padding: 0 0 21px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tutorial-listing .srch-text {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (max-width:768.98px) {
    .tutorial-listing .article-column {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        padding-left: 8.67vw
    }
}

.tutorial-listing .article-tags {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 1.25rem;
    font-weight: 600;
    font-style: italic
}

@media (max-width:750px) {
    .tutorial-listing .article-tags {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

.tutorial-listing .article-tags ul {
    display: -ms-flexbox;
    display: flex
}

.tutorial-listing .article-tags ul li {
    list-style: none;
    margin-left: 0;
    margin-right: 20px;
    white-space: nowrap;
    font-weight: 600
}

@media (max-width:768.98px) {
    .tutorial-listing .article-tags ul li {
        margin-left: 0;
        margin-right: 20px
    }
}

.tutorial-listing .article-title {
    margin-top: 13px
}

.tutorial-listing .article-short-description {
    margin: 2.2vw 0
}

@media (min-width:769px) {
    .tutorial-listing .article-short-description {
        margin: 1.65rem 0
    }
}

.tutorial-listing .responsive-embed {
    padding-bottom: 56.5%;
    margin-bottom: 6.67vw
}

.tutorial-listing .responsive-embed iframe {
    height: 56.53vw
}

.tutorial-listing .search-result-content {
    margin-top: 11vw
}

@media (min-width:769px) {
    .tutorial-listing .search-result-content {
        margin-top: 7.5rem
    }
}

.tutorial-listing .tutorial-tile {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 8vw
}

@media (max-width:768.98px) {
    .tutorial-listing .tutorial-tile {
        padding-left: calc(8.35vw - 10px);
        padding-right: 5.4vw
    }
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-tile {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        margin-bottom: 3.75rem
    }
}

.tutorial-listing .tutorial-tile .play-pause-btn {
    font-size: 6.25rem;
    margin: -3px 2.22vw
}

@media (max-width:750px) {
    .tutorial-listing .tutorial-tile .play-pause-btn {
        font-size: calc(0.20605rem + 12.89376vw)
    }
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-tile .play-pause-btn {
        font-size: 3.125rem;
        margin: 12px 20px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tutorial-listing .tutorial-tile .play-pause-btn {
        font-size: calc(0.20293rem + 6.23376vw)
    }
}

.tutorial-listing .tutorial-tile>a {
    color: #000
}

.tutorial-listing .tutorial-tile .article-tags {
    margin-top: 20px
}

.tutorial-listing .tutorial-tile .content-description {
    text-transform: none
}

.tutorial-listing .tutorial-tile h5 {
    margin-top: 9px
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-tile h5 {
        margin-top: 20px
    }
}

.tutorial-listing .tutorial-tile .detail-link {
    color: #c8102e;
    margin-top: 16px
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-tile .detail-link {
        font-size: 1rem;
        margin-top: 1px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tutorial-listing .tutorial-tile .detail-link {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (max-width:768.98px) {
    .tutorial-listing .tutorial-tile+.pagination-buttons.article-bottom {
        margin-top: 8vw;
        margin-bottom: 7.5rem
    }
}

.tutorial-listing .tutorial-link {
    width: 43.75%;
    font-family: Arial, Bold, sans-serif
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-link {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tutorial-listing .tutorial-link {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.tutorial-listing .tutorial-slot {
    position: relative;
    width: 100%
}

.tutorial-listing .tutorial-slot>div {
    margin-bottom: 16vw;
    margin-top: 8vw
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot>div {
        margin-bottom: 5.625rem;
        margin-top: 3.75rem
    }
}

@media (max-width:768.98px) {
    .tutorial-listing .tutorial-slot .article-description-section {
        padding-left: 6vw;
        padding-right: 4.4vw
    }
}

.tutorial-listing .tutorial-slot .tutorial-link {
    border-bottom: 0 none;
    text-transform: none;
    font-size: 1.5rem;
    font-family: Arial, sans-serif
}

@media (max-width:750px) {
    .tutorial-listing .tutorial-slot .tutorial-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot .tutorial-link {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tutorial-listing .tutorial-slot .tutorial-link {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.tutorial-listing .tutorial-slot .play-pause-btn {
    margin: -3px 2.22vw
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot .play-pause-btn {
        font-size: 3.125rem;
        margin: 12px 20px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .tutorial-listing .tutorial-slot .play-pause-btn {
        font-size: calc(0.20293rem + 6.23376vw)
    }
}

.tutorial-listing .tutorial-slot .article-video {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot .article-video {
        -ms-flex: 0 0 56.25%;
        flex: 0 0 56.25%;
        max-width: 56.25%;
        margin-left: 6.25%
    }
}

.tutorial-listing .tutorial-slot .article-title {
    margin-top: 9px
}

.tutorial-listing .tutorial-slot .article-title h2 {
    font-family: Arial, sans-serif;
    color: #000;
    font-size: 3rem;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    letter-spacing: -.2px
}

@media (max-width:750px) {
    .tutorial-listing .tutorial-slot .article-title h2 {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

@media (max-width:768.98px) {
    .tutorial-listing .tutorial-slot .article-column {
        padding-left: 0
    }
}

.tutorial-listing .tutorial-slot .article-short-description {
    margin: 2vw 0 2.67vw
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot .article-short-description {
        margin: 1px 0
    }
}

.tutorial-listing .tutorial-slot video {
    max-height: 472px
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot video {
        max-height: 595px
    }
}

.tutorial-listing .tutorial-slot video.ginza-video-bg-image {
    box-shadow: 8.26vw 6.4vw 0 #f6e1e3;
    margin-bottom: 13.4vw
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot video.ginza-video-bg-image {
        box-shadow: 3.75rem 3.75rem 0 #f6e1e3;
        margin-bottom: 3.75rem
    }
}

.tutorial-listing .tutorial-slot .article-content-details {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .tutorial-listing .tutorial-slot .article-content-details {
        -ms-flex: 0 0 18.75%;
        flex: 0 0 18.75%;
        max-width: 18.75%;
        margin-left: 6.25%;
        padding-right: 5px;
        margin-top: 3.5rem
    }
}

.tutorial-listing .ginza-edit-tile {
    transform: rotate(-90deg);
    transform-origin: right top;
    left: auto;
    right: 99%;
    position: absolute;
    top: 0;
    white-space: nowrap;
    font-family: Arial, Medium, sans-serif;
    text-transform: uppercase
}

.tutorial-listing .ginza-edit-tile span {
    font-family: Arial, sans-serif
}

@media (min-width:769px) {
    .tutorial-listing .ginza-edit-tile {
        right: 95.65%
    }
}

.tutorial-listing .pagination-buttons.article-bottom {
    text-align: center;
    margin-bottom: 120px;
    margin-top: 0
}

@media (min-width:769px) {
    .tutorial-listing .pagination-buttons.article-bottom {
        margin-bottom: 7.5rem
    }
}

.tutorial-listing .top-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tutorial-listing .top-filter .refinement {
    display: inline-block;
    margin: 0 10px
}

@media (min-width:769px) {
    .tutorial-listing .top-filter .refinement {
        margin-right: 2%
    }
}

.tutorial-listing .top-filter span.ui-selectmenu-button {
    margin-left: -20px
}

@media (min-width:769px) {
    .tutorial-listing .toolbar-right {
        margin-right: 0
    }
}

.tutorial-listing .toolbar-right .page-count {
    border-right: 0;
    padding-right: 0
}

.tutorial-listing .tutorial-form {
    display: inline
}

@media (max-width:768.98px) {
    .tutorial-listing .tutorial-form {
        display: inline-block;
        width: auto
    }
}

.results-container {
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #f2f2f2, rgba(255, 255, 255, 0))
}

@media (min-width:769px) {
    .results-container {
        padding-top: 82px
    }
}

.tooltip-cnt {
    opacity: 0;
    position: absolute;
    background: #fff;
    display: none;
    left: 0;
    bottom: 30px;
    padding: 1vw;
    transition: opacity .5s ease-in-out;
    text-align: left;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 #888;
    transform: translate(-50%, 0);
    width: 60vw;
    color: #000
}

@media (min-width:769px) {
    .tooltip-cnt {
        padding: 10px;
        width: 280px;
        font-size: 1rem
    }
}

@media (max-width:768.98px) {
    .tooltip-cnt:hover {
        display: block;
        opacity: 1
    }
}

.tooltip-holder {
    position: relative;
    display: inline-block
}

.tooltip-holder .icon {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

.tooltip-holder .icon:hover+.tooltip-cnt {
    opacity: 1;
    display: block
}

.result-action,
.result-row {
    position: relative
}

.result-bg {
    position: absolute;
    left: 0;
    right: 0
}

.result-bg.defend {
    top: 0
}

.result-bg.regenerate {
    bottom: 100px
}

@media (min-width:769px) {
    .result-bg.regenerate {
        top: 0;
        bottom: auto
    }
}

.result-label {
    width: 6%;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media (min-width:769px) {
    .result-label {
        margin-right: 5.7%;
        width: 5.2%
    }
}

.result-label .label-cnt {
    position: absolute;
    bottom: 50%;
    white-space: nowrap
}

@media (min-width:769px) {
    .result-label .label-cnt {
        left: 60%;
        bottom: 5%
    }
}

.result-label h3 {
    transform: rotate(270deg) translate(-50%, 0);
    transform-origin: left top;
    color: #666;
    font-family: Arial, sans-serif;
    font-size: 1.8125rem;
    letter-spacing: 1px
}

@media (max-width:750px) {
    .result-label h3 {
        font-size: calc(0.20161rem + 3.43656vw)
    }
}

@media (min-width:769px) {
    .result-label h3 {
        transform: rotate(270deg) translate(0, 0)
    }
}

.result-section {
    width: 95%;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

@media (min-width:769px) {
    .result-section {
        width: 36%
    }
}

.plus-section {
    width: 95%;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

@media (min-width:769px) {
    .plus-section {
        width: 16%;
        position: relative
    }
}

.plus-section .plus-icon {
    color: #ccc;
    font-size: 80px;
    line-height: 50px;
    display: inline-block
}

@media (min-width:769px) {
    .plus-section .plus-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.section-label {
    position: absolute;
    left: 0;
    top: 0;
    border-right: 1px solid #c8102e;
    width: 29px;
    height: 252px
}

.section-label span {
    transform: rotate(-90deg);
    text-transform: uppercase;
    display: inline-block;
    width: 26px;
    position: absolute;
    bottom: 3px;
    color: #c8102e;
    font-size: 1.25rem
}

@media (max-width:750px) {
    .section-label span {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .section-label span {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .section-label span {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.regenerate .section-label {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0
}

.section-description {
    margin-left: 19%;
    width: 65%;
    font-size: 1.5rem;
    line-height: 1.4
}

@media (max-width:750px) {
    .section-description {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .section-description {
        font-size: 1.125rem;
        line-height: 24px;
        margin-left: 15%;
        width: 85%;
        max-width: 310px;
        height: 190px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:769px) and (max-width:750px) {
    .section-description {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.section-description h2 {
    margin-bottom: 18px
}

.chart-section {
    text-align: center;
    opacity: .75
}

@media (max-width:768.98px) {
    .chart-section {
        padding: 0 15%
    }
}

@media (min-width:769px) {
    .regenerate .section-description {
        margin-left: 0;
        margin-right: 15%;
        padding-top: 18px;
        -ms-flex-align: start;
        align-items: flex-start;
        float: right
    }
}

@media (min-width:769px) {
    .regenerate .chart-section {
        margin-top: -26px
    }
}

.result-action {
    text-align: center
}

@media (max-width:768.98px) {
    .result-action {
        margin-top: 9.3vw
    }
}

.result-action .result-note {
    color: #888;
    font-size: .875rem;
    position: absolute;
    bottom: -48px;
    max-width: 88%;
    width: 100%;
    left: 50%;
    height: 30px;
    transform: translate(-50%, 0);
    text-align: center
}

@media (max-width:750px) {
    .result-action .result-note {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.take-quiz-action a {
    display: inline-block
}

@media (max-width:768.98px) {
    .take-quiz-action a {
        width: 80%
    }
}

.see-ratings-action {
    margin-bottom: 15px;
    color: #666
}

@media (max-width:768.98px) {
    .see-ratings-action {
        margin-bottom: 3.7vw;
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .see-ratings-action {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.see-ratings-action a {
    color: #666
}

@media (max-width:768.98px) {
    .see-ratings-action a {
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .see-ratings-action a {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

#quiz-modal .modal-wrapper {
    border: none
}

.full-page-modal .modal-wrapper {
    width: 100%;
    max-width: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translate(0, 0);
    padding: 0;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.full-page-modal .modal-body {
    max-height: none
}

.full-page-modal .modal-close {
    top: 4.5vw;
    right: 5vw;
    z-index: 99;
    color: #fff;
    font-size: 2.3125rem
}

@media (max-width:750px) {
    .full-page-modal .modal-close {
        font-size: calc(0.20211rem + 4.50216vw)
    }
}

@media (min-width:769px) {
    .full-page-modal .modal-close {
        top: 28px;
        right: 92px
    }
}

@media (min-width:1440px) {
    .full-page-modal .modal-close {
        top: 60px
    }
}

.questions-content .question-header {
    padding: 10vw 4.9vw 14vw;
    height: 46vw;
    text-align: center;
    background: #c8102e;
    color: #fff;
    position: relative;
    overflow: hidden
}

@media (min-width:769px) {
    .questions-content .question-header {
        height: auto;
        padding: 9vh 6.39vw 11.62vh
    }
}

@media (min-width:1440px) {
    .questions-content .question-header {
        height: 346px;
        padding: 100px 92px 120px
    }
}

.questions-content .question-header h2 {
    font-size: 2.125rem;
    text-transform: none;
    position: absolute;
    bottom: 0;
    width: 100%
}

@media (max-width:750px) {
    .questions-content .question-header h2 {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

.questions-content .question-header h4 {
    font-size: 1rem;
    text-transform: none;
    margin-top: 4vw
}

@media (max-width:750px) {
    .questions-content .question-header h4 {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:769px) {
    .questions-content .question-header h4 {
        margin-top: 25px
    }
}

.questions-content .quiz-question {
    height: 15.5vw;
    position: relative
}

@media (min-width:769px) {
    .questions-content .quiz-question {
        height: 86px
    }
}

.questions-content .quiz-back {
    z-index: 1;
    top: 6.2vw;
    left: 7.9vw;
    color: #fff;
    position: absolute;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-family: Arial, Medium, sans-serif;
    letter-spacing: 1px
}

@media (max-width:750px) {
    .questions-content .quiz-back {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .questions-content .quiz-back {
        left: 92px;
        top: 40px;
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .questions-content .quiz-back {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:1440px) {
    .questions-content .quiz-back {
        top: 70px
    }
}

.questions-content .quiz-back:before {
    content: '';
    padding: .5vw;
    display: inline-block;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(135deg);
    transform-origin: left top;
    position: absolute;
    left: -3px;
    top: 1.6vw;
    font-size: 1.25rem;
    line-height: 1
}

@media (max-width:750px) {
    .questions-content .quiz-back:before {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .questions-content .quiz-back:before {
        top: 48%;
        left: -5px;
        padding: 3px
    }
}

.questions-content .question-body {
    width: 70vw;
    padding-top: 16vw;
    padding-bottom: 16vw
}

@media (min-width:769px) {
    .questions-content .question-body {
        width: 64.58vw;
        margin: 0 auto;
        max-width: 930px;
        padding-top: 6vh;
        padding-bottom: 6vh
    }
}

@media (min-width:1440px) {
    .questions-content .question-body {
        width: 80%;
        padding-top: 8%;
        padding-bottom: 8%
    }
}

.questions-content .button.secondary {
    width: 80%;
    margin: 0 auto 10vw;
    display: inherit
}

@media (min-width:769px) {
    .questions-content .button.secondary {
        min-width: 14.6%;
        width: auto
    }
}

@media (min-width:769px) {
    .questions-content .button.secondary:focus:hover {
        color: #c8102e;
        border-color: #c8102e
    }
}

.step-indicator {
    width: 10.5vw;
    margin-left: 4vw;
    margin-top: 5.3vw
}

@media (min-width:769px) {
    .step-indicator {
        width: 3.5%;
        margin-top: 6vh;
        margin-left: 2.7%
    }
}

@media (min-width:1440px) {
    .step-indicator {
        margin-top: 6%
    }
}

.step-indicator .steps {
    position: relative
}

.step-indicator .steps h4 {
    display: none;
    position: absolute;
    white-space: nowrap;
    top: 50%;
    left: 2.4vw;
    transform: translate(0, -50%)
}

@media (min-width:769px) {
    .step-indicator .steps h4 {
        left: 35%
    }
}

.step-indicator .steps .pipe {
    width: 1vw;
    background: #ccc;
    display: inline-block;
    font-size: 2.5rem;
    line-height: 1;
    margin-bottom: 10px
}

@media (max-width:750px) {
    .step-indicator .steps .pipe {
        font-size: calc(0.2023rem + 4.90176vw)
    }
}

@media (min-width:769px) {
    .step-indicator .steps .pipe {
        width: 8px
    }
}

.step-indicator .steps.active h4 {
    display: inline-block;
    font-size: 1.25rem;
    color: #666
}

@media (max-width:750px) {
    .step-indicator .steps.active h4 {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .step-indicator .steps.active h4 {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .step-indicator .steps.active h4 {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.step-indicator .steps.active .pipe {
    background: #c8102e;
    font-size: 7.5rem;
    line-height: 1
}

@media (max-width:750px) {
    .step-indicator .steps.active .pipe {
        font-size: calc(0.2073rem + 15.55776vw)
    }
}

.underline-radio {
    padding: 6.66vw 0;
    text-align: center
}

@media (min-width:769px) {
    .underline-radio {
        display: inline-block;
        padding: 10.4% 0
    }
}

.underline-radio input[type=radio] {
    display: none
}

.underline-radio input[type=radio]+label {
    font-size: 1.75rem;
    border-bottom: 8px solid rgba(255, 255, 255, 0)
}

@media (max-width:750px) {
    .underline-radio input[type=radio]+label {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

.underline-radio input[type=radio]:checked+label {
    border-color: #c8102e;
    font-family: Arial, Medium, sans-serif
}

.question-body.multiple,
.question-body.single {
    padding-left: 11vw
}

@media (min-width:769px) {

    .question-body.multiple,
    .question-body.single {
        padding-left: 2%;
        column-count: 2;
        column-gap: 10.6vw
    }
}

@media (min-width:1440px) {

    .question-body.multiple,
    .question-body.single {
        column-gap: 17%
    }
}

@media (min-width:769px) {

    .question-body.multiple>div,
    .question-body.single>div {
        width: 100%;
        display: inline-block
    }
}

.question-body.multiple label,
.question-body.single label {
    font-size: 1.5rem;
    font-family: Arial, Medium, sans-serif;
    padding: 2.5vw 0;
    line-height: 1.7;
    display: block
}

@media (max-width:750px) {

    .question-body.multiple label,
    .question-body.single label {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .question-body.multiple label,
    .question-body.single label {
        padding: 10px 0;
        font-size: 1.125rem;
        overflow: hidden
    }
}

@media (min-width:769px) and (max-width:750px) {

    .question-body.multiple label,
    .question-body.single label {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.question-body.multiple label span,
.question-body.single label span {
    display: block;
    overflow: hidden
}

.question-body.multiple label input[type=checkbox] {
    width: 6vw;
    height: 6vw;
    top: -2px;
    margin-right: 5.2vw;
    -webkit-appearance: none;
    -moz-appearance: none
}

@media (min-width:769px) {
    .question-body.multiple label input[type=checkbox] {
        width: 30px;
        height: 30px;
        margin-right: 20px
    }
}

@media (min-width:769px) {
    .question-body.underline {
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width:768.98px) {
    .hide-mobile {
        display: none
    }
}

@media (min-width:769px) {
    .hide-desktop {
        display: none
    }
}

.quiz-recommended-products {
    padding: 16vw 0
}

@media (min-width:769px) {
    .quiz-recommended-products {
        padding: 8.33% 0
    }
}

@media (min-width:769px) {
    .quiz-recommended-products .skin-regimen-banner {
        padding-left: 0
    }
}

.quiz-recommended-products .to-defend .section-title,
.quiz-recommended-products .to-regenerate .section-title {
    margin-left: 2%;
    margin-bottom: 3%
}

@media (min-width:769px) {

    .quiz-recommended-products .to-defend .section-title,
    .quiz-recommended-products .to-regenerate .section-title {
        margin-left: 0
    }
}

.quiz-recommended-products .to-defend {
    width: 100%
}

@media (min-width:769px) {
    .quiz-recommended-products .to-defend {
        width: 49%;
        max-width: 712px;
        margin: 0 13.2% 4% auto
    }
}

.quiz-recommended-products .to-defend .product-grid {
    width: 50%
}

@media (min-width:769px) {
    .quiz-recommended-products .to-defend .section-title {
        margin-bottom: 7%;
        margin-left: 12.6%
    }
}

.quiz-recommended-products .to-regenerate {
    width: 100%
}

@media (min-width:769px) {
    .quiz-recommended-products .to-regenerate {
        width: 73.6%;
        max-width: 1100px;
        margin-left: auto;
        margin-right: 13.2%
    }
}

.quiz-recommended-products .search-result-items {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:768.98px) {
    .quiz-recommended-products .search-result-items .product-grid:first-child:after {
        width: 92%
    }

    .quiz-recommended-products .search-result-items .product-grid:nth-child(odd):after {
        left: calc(10px + 2.7vw)
    }

    .quiz-recommended-products .search-result-items .product-grid:nth-child(even):after {
        width: calc(100% + 10px)
    }
}

.quiz-recommended-products .search-result-items .product-grid:first-child:after {
    left: calc(10px + 2.7vw)
}

@media (min-width:769px) {
    .quiz-recommended-products .search-result-items .product-grid:first-child:after {
        left: 30px
    }
}

.quiz-recommended-products .search-result-items .product-grid,
.quiz-recommended-products .search-result-items .product-tile-outer {
    max-width: none
}

.quiz-recommended-products .product-regimen {
    position: relative
}

.quiz-recommended-products .product-regimen .product-regimen-count {
    top: calc(50% + 10px);
    left: 10px;
    transform: translate(0%, -50%)
}

@media (min-width:769px) {
    .quiz-recommended-products .product-regimen .product-regimen-count {
        top: 50%
    }
}

.quiz-recommended-products .product-regimen .product-regimen-count .content {
    font-size: .9375rem;
    display: inline-block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #666;
    text-transform: uppercase
}

@media (max-width:750px) {
    .quiz-recommended-products .product-regimen .product-regimen-count .content {
        font-size: calc(0.20074rem + 1.57176vw)
    }
}

@media (min-width:769px) {
    .quiz-recommended-products .product-regimen .product-regimen-count .content {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .quiz-recommended-products .product-regimen .product-regimen-count .content {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:769px) {
    .quiz-recommended-products .regimen-add-all-to-cart {
        width: 76%;
        max-width: 1145px;
        margin-left: auto;
        margin-right: 12.5%;
        padding-left: 18px
    }
}

.quiz-recommended-products button.add-all {
    width: 82%;
    margin: 0 9%
}

@media (max-width:576px) {
    .quiz-recommended-products button.add-all {
        margin-top: 5%
    }
}

@media (min-width:769px) {
    .quiz-recommended-products button.add-all {
        width: auto;
        min-width: 200px;
        margin: 0
    }
}

.quiz-related-articles {
    padding: 16vw 0
}

.quiz-related-articles .wishlist-icon {
    position: absolute;
    right: 4.8vw;
    top: 1.8vw;
    z-index: 2;
    float: right;
    margin-right: 10px
}

@media (min-width:769px) {
    .quiz-related-articles .wishlist-icon {
        top: 10px;
        right: 10px
    }
}

.quiz-related-articles .wishlist-icon:before {
    font-size: 1.5rem;
    display: block
}

@media (max-width:750px) {
    .quiz-related-articles .wishlist-icon:before {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .quiz-related-articles .wishlist-icon:before {
        font-size: 24px
    }
}

@media (min-width:769px) {
    .quiz-related-articles {
        padding: 8.33% 0
    }
}

.quiz-related-articles .ginza-label {
    position: absolute;
    right: 105%;
    top: 0;
    transform: rotate(-90deg);
    transform-origin: right top;
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 1.25rem;
    letter-spacing: 1px;
    font-family: Arial, Bold, sans-serif
}

@media (max-width:750px) {
    .quiz-related-articles .ginza-label {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .quiz-related-articles .ginza-label {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .quiz-related-articles .ginza-label {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.quiz-related-articles .ginza-label span {
    font-family: Arial, sans-serif
}

.quiz-related-articles .button-wrapper {
    display: inline-block;
    text-align: center;
    width: 100%
}

@media (max-width:768.98px) {
    .quiz-related-articles .button-wrapper .button {
        width: 80%;
        display: inline-block
    }
}

.quiz-related-articles .article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 120px
}

.quiz-related-articles .article-head {
    padding-bottom: 16vw
}

@media (min-width:769px) {
    .quiz-related-articles .article-head {
        padding-bottom: 8%
    }
}

.quiz-related-articles .article-head-title {
    line-height: 1
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-head-title {
        margin-bottom: 4%
    }
}

.quiz-related-articles .article-head-body {
    line-height: 1.35
}

@media (max-width:768.98px) {

    .quiz-related-articles .article-head-body,
    .quiz-related-articles .article-head-title {
        -ms-flex: 0 0 86.5%;
        flex: 0 0 86.5%;
        max-width: 86.5%;
        margin-left: 11.5%;
        padding-left: 3.5%
    }
}

.quiz-related-articles .article-label {
    font-size: 1.75rem;
    font-family: Cormorant, serif;
    color: #000;
    font-weight: 600;
    margin-left: 10%;
    margin-bottom: 2%;
    position: relative;
    display: inline-block;
    padding-left: 4.5%
}

@media (max-width:750px) {
    .quiz-related-articles .article-label {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .quiz-related-articles .article-label {
        padding-left: 2.5%
    }
}

.quiz-related-articles .article-label:after {
    content: '';
    display: block;
    background: #f6e1e3;
    width: 80%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1
}

.quiz-related-articles .article-image {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-image {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 12.5%;
        padding-left: 2.5%
    }
}

@media (min-width:769px) {
    .quiz-related-articles .article-image {
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        max-width: 33%;
        margin-left: 32.25%
    }
}

.quiz-related-articles .article-description {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-description {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0;
        padding: 0 2% 0 4%;
        -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start
    }
}

@media (min-width:769px) {
    .quiz-related-articles .article-description {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%
    }
}

.quiz-related-articles .article-body {
    display: none
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-cta {
        display: none
    }
}

.quiz-related-articles .article-tags {
    font-family: Cormorant, serif;
    color: #000;
    font-weight: 600;
    font-style: italic;
    font-size: 1.125rem;
    white-space: nowrap;
    position: absolute
}

@media (max-width:750px) {
    .quiz-related-articles .article-tags {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .quiz-related-articles .article-tags {
        left: 10px;
        bottom: -37px
    }
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-tags {
        left: 100%;
        top: 6px;
        margin-left: 10%
    }
}

.quiz-related-articles .article-tags li {
    display: inline-block
}

.quiz-related-articles .article-title h2 {
    font-family: Cormorant, serif;
    color: #000;
    font-weight: 600;
    text-transform: none;
    font-size: 3rem;
    line-height: .9;
    margin-bottom: 16px
}

@media (max-width:750px) {
    .quiz-related-articles .article-title h2 {
        font-size: calc(0.2028rem + 5.96736vw)
    }
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-title h2 {
        margin-top: 12%
    }
}

.quiz-related-articles .article-main .article-description,
.quiz-related-articles .article-main .article-image {
    -ms-flex: 0 0 91.5%;
    flex: 0 0 91.5%;
    max-width: 91.5%;
    margin-left: 11.5%
}

@media (min-width:769px) {
    .quiz-related-articles .article-main .article-description {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 18.7%
    }
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-main .article-image {
        padding-left: 3.5%;
        padding-right: 0
    }
}

@media (min-width:769px) {
    .quiz-related-articles .article-main .article-image {
        -ms-flex: 0 0 56%;
        flex: 0 0 56%;
        max-width: 56%;
        margin-left: .25%;
        -ms-flex-order: 2;
        order: 2
    }
}

.quiz-related-articles .article-main .article-body {
    display: block;
    line-height: 1.4;
    margin-right: 20%;
    margin-bottom: 4px
}

.quiz-related-articles .article-main .article-title h2 {
    margin-right: 15%
}

@media (max-width:768.98px) {
    .quiz-related-articles .article-main .article-title h2 {
        margin-top: 6%
    }
}

.quiz-related-articles .article-main .article-cta {
    display: block
}

.quiz-related-articles .article-main .ginza-label {
    right: 103%
}

.quiz-related-articles .article.ginza-type .article-image img {
    background-color: #f6e1e3;
    padding-bottom: 1.5vw
}

@media (min-width:769px) {
    .quiz-related-articles .article.ginza-type .article-image img {
        padding-bottom: 9px
    }
}

@media (max-width:768.98px) {
    .pt_brandify .breadcrumb {
        margin-bottom: 0
    }
}

@media (min-width:769px) {
    .pt_brandify .breadcrumb {
        margin-left: 21px
    }
}

.pt_brandify .brandify-wrapper {
    padding-bottom: 0
}

@media (min-width:769px) {
    .pt_brandify .brandify-wrapper {
        padding-bottom: 1.67em
    }
}

.pt_brandify .page-content iframe {
    width: 100%;
    border: 0
}

.pt_brandify .page-content .page-content-inner {
    margin: 56px 0 0
}

@media screen and (max-width:768px) {
    .pt_brandify .page-content .page-content-inner {
        margin: 4.13333vw 0 0
    }
}

.checkout-logo-container {
    margin: 8px 0
}

@media (min-width:769px) {
    .checkout-logo-container {
        margin: 28px 0 26px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:769px) and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .checkout-logo-container {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%
    }
}

@media screen and (max-width:768.98px) and (max-width:768px) {
    .checkout-logo-container {
        margin-top: 3.6vw;
        margin-bottom: 3.6vw
    }
}

.checkout-header {
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.checkout-header a {
    color: #fff;
    font-size: 1rem
}

.checkout-header a.text-underline {
    text-decoration: underline
}

.header-right-container span {
    color: #f1f1f1;
    font-family: Arial, sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 12px
}

@media (min-width:769px) {
    .header-right-container span {
        font-size: 16px;
        line-height: 16px
    }
}

.pt_checkout .header-right-container,
.pt_checkout~footer .checkout-order-assistance {
    display: none
}

@media (min-width:769px) {
    .checkout-order-assistance {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media (min-width:769px) and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .checkout-order-assistance {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }
}

.checkout-order-assistance .order-help-container p a.text-underline {
    text-decoration: underline
}

.checkout-order-assistance .order-help-container {
    color: #fff;
    font-size: 1rem;
    padding: 2.45em 20px;
    letter-spacing: .3px
}

@media (max-width:750px) {
    .checkout-order-assistance .order-help-container {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (max-width:768.98px) {
    .checkout-order-assistance .order-help-container {
        padding: 4.66vw 20px
    }
}

@media screen and (max-width:768.98px) and (min-width:320px) {
    .checkout-order-assistance .order-help-container {
        font-size: calc(12.6px + 5.4 * ((100vw - 320px) / 430))
    }
}

@media screen and (max-width:768.98px) and (min-width:750px) {
    .checkout-order-assistance .order-help-container {
        font-size: 18px
    }
}

.checkout-order-assistance .order-help-container h3,
.checkout-order-assistance .order-help-container h4 {
    text-transform: none;
    font-family: Arial, sans-serif
}

.checkout-order-assistance .order-help-container h3 {
    font-size: 1.125rem;
    letter-spacing: .4px
}

@media (max-width:750px) {
    .checkout-order-assistance .order-help-container h3 {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (max-width:768.98px) {
    .checkout-order-assistance .order-help-container h3 {
        font-size: 1.5rem;
        letter-spacing: .5px
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .checkout-order-assistance .order-help-container h3 {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .checkout-order-assistance .order-help-container h3 span {
        top: 44%
    }
}

.checkout-order-assistance .order-help-container h4 {
    font-size: 1rem
}

@media (max-width:750px) {
    .checkout-order-assistance .order-help-container h4 {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (min-width:769px) {
    .checkout-order-assistance .order-help-container h4 {
        padding: 1.75em 0
    }
}

@media (max-width:768.98px) {
    .checkout-order-assistance .order-help-container h4 {
        padding-bottom: 1.66vw
    }
}

@media (max-width:768.98px) {
    .checkout-order-assistance .order-help-container .accordion_description {
        padding: 3.33vw 0
    }
}

.checkout-order-assistance .order-help-container.accordion {
    border-bottom: none
}

.checkout-order-assistance .order-help-container .accordion_title {
    padding: 0;
    border: 0
}

@media (min-width:769px) {
    .checkout-order-assistance .order-help-container .accordion_title span {
        right: 0
    }
}

@media (max-width:768.98px) {
    .checkout-order-assistance .order-help-container p {
        padding: 1.66vw 0
    }
}

@media (min-width:769px) {
    .checkout-order-assistance .order-help-container p {
        padding-bottom: 1.58em
    }

    .checkout-order-assistance .order-help-container p:last-child {
        padding-bottom: 0
    }
}

.checkout-order-assistance .order-help-container a {
    color: #fff;
    text-decoration: none;
    font-size: 1rem
}

@media (max-width:750px) {
    .checkout-order-assistance .order-help-container a {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.checkout-order-assistance .order-help-container i {
    margin-right: 5px
}

.checkout-order-assistance .order-help-container .icon-live-chat,
.checkout-order-assistance .order-help-container .icon-phone {
    float: left
}

.checkout-order-assistance .order-help-container .icon-phone {
    margin-top: 8px
}

.icon-live-chat-container,
.icon-phone-container {
    float: left;
    padding: 10px
}

.live-chat-text {
    float: left;
    padding-top: 10px
}

.checkout-footer .copyright-container {
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    height: 76px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1023.98px) {
    .checkout-footer .layer-cols-3 {
        display: block
    }
}

.checkout-login-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

.checkout-login-container a:hover {
    opacity: 1
}

.checkout-login-container .checkout-login-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 20px
}

@media (min-width:769px) {
    .checkout-login-container .checkout-login-title {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.checkout-login-container .checkout-login-title .page-title h1 {
    font-size: 24px;
    line-height: 29px;
    font-family: Arial, Medium, sans-serif;
    text-transform: none;
    color: #414141;
    padding: 24px 0
}

@media (min-width:769px) {
    .checkout-login-container .checkout-login-title .page-title h1 {
        font-size: 30px;
        line-height: 36px;
        padding: 48px 0 0
    }
}

.checkout-login-container .checkout-login-forms {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.checkout-login-container .checkout-login-forms .checkoutlogin {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 20px;
    background: #FAF9F9
}

@media (min-width:769px) {
    .checkout-login-container .checkout-login-forms .checkoutlogin {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 57px
    }
}

.checkout-login-container .checkout-login-forms .checkoutlogin .back-to-cart {
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:769px) {
    .checkout-login-container .checkout-login-forms .checkoutlogin .back-to-cart {
        background-color: #fff;
        padding-bottom: 16px;
        width: 100%
    }
}

.checkout-login-container .checkout-login-forms .checkoutlogin .back-to-cart a {
    font-family: Arial, sans-serif;
    color: #414141;
    padding-bottom: 1px
}

.checkout-login-container .checkout-login-forms .checkoutlogin .back-to-cart a i {
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    height: 20px
}

.checkout-login-container .checkout-login-forms .checkoutlogin .back-to-cart a .back-to-cart-text {
    display: inline-block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 6px
}

.checkout-login-container .checkout-login-forms .checkoutlogin .back-to-cart a:hover {
    border-bottom: 1px solid #262626;
    padding-bottom: 0
}

.checkout-login-container div.seperator {
    width: 1px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 100px;
    height: 75%
}

.checkout-login-container .account-checkout,
.checkout-login-container .guest-checkout {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 8px;
    border: 1px solid #888;
    padding: 16px
}

@media (min-width:769px) {

    .checkout-login-container .account-checkout,
    .checkout-login-container .guest-checkout {
        border: 0;
        padding-bottom: 125px;
        margin-top: 42px;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

.checkout-login-container .account-checkout .mobile-account-checkout-header,
.checkout-login-container .account-checkout .mobile-guest-checkout-header,
.checkout-login-container .guest-checkout .mobile-account-checkout-header,
.checkout-login-container .guest-checkout .mobile-guest-checkout-header {
    display: block;
    color: #414141;
    margin: 0 -6px
}

@media (min-width:769px) {

    .checkout-login-container .account-checkout .mobile-account-checkout-header,
    .checkout-login-container .account-checkout .mobile-guest-checkout-header,
    .checkout-login-container .guest-checkout .mobile-account-checkout-header,
    .checkout-login-container .guest-checkout .mobile-guest-checkout-header {
        display: none
    }
}

.checkout-login-container .account-checkout .mobile-account-checkout-header .login-description,
.checkout-login-container .account-checkout .mobile-guest-checkout-header .login-description,
.checkout-login-container .guest-checkout .mobile-account-checkout-header .login-description,
.checkout-login-container .guest-checkout .mobile-guest-checkout-header .login-description {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 17px;
    color: #666;
    padding-left: 27px
}

.checkout-login-container .account-checkout .mobile-account-checkout-header input[type=radio],
.checkout-login-container .account-checkout .mobile-guest-checkout-header input[type=radio],
.checkout-login-container .guest-checkout .mobile-account-checkout-header input[type=radio],
.checkout-login-container .guest-checkout .mobile-guest-checkout-header input[type=radio] {
    display: none
}

.checkout-login-container .account-checkout .mobile-account-checkout-header label,
.checkout-login-container .account-checkout .mobile-guest-checkout-header label,
.checkout-login-container .guest-checkout .mobile-account-checkout-header label,
.checkout-login-container .guest-checkout .mobile-guest-checkout-header label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    line-height: 19px;
    font-family: Arial, Medium, sans-serif
}

.checkout-login-container .account-checkout .mobile-account-checkout-header label span.radio-button-placeholder,
.checkout-login-container .account-checkout .mobile-guest-checkout-header label span.radio-button-placeholder,
.checkout-login-container .guest-checkout .mobile-account-checkout-header label span.radio-button-placeholder,
.checkout-login-container .guest-checkout .mobile-guest-checkout-header label span.radio-button-placeholder {
    position: relative;
    display: inline-block;
    border: 1px solid #666;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    margin-right: 10px
}

.checkout-login-container .account-checkout .mobile-account-checkout-header label input[type=radio]:checked+span.radio-button-placeholder::before,
.checkout-login-container .account-checkout .mobile-guest-checkout-header label input[type=radio]:checked+span.radio-button-placeholder::before,
.checkout-login-container .guest-checkout .mobile-account-checkout-header label input[type=radio]:checked+span.radio-button-placeholder::before,
.checkout-login-container .guest-checkout .mobile-guest-checkout-header label input[type=radio]:checked+span.radio-button-placeholder::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background: #666;
    border-radius: 50%
}

.checkout-login-container .account-checkout .login-box,
.checkout-login-container .guest-checkout .login-box {
    margin-top: 16px;
    border-top: 1px solid #888;
    display: none
}

.checkout-login-container .account-checkout .login-box .account-username input,
.checkout-login-container .account-checkout .login-box .password input,
.checkout-login-container .guest-checkout .login-box .account-username input,
.checkout-login-container .guest-checkout .login-box .password input {
    padding: 0 10px;
    color: #262626;
    font-size: 16px;
    font-family: Arial, sans-serif;
    height: 51px;
    background-color: #FAF9F9
}

.checkout-login-container .account-checkout .login-box .account-username input+label,
.checkout-login-container .account-checkout .login-box .password input+label,
.checkout-login-container .guest-checkout .login-box .account-username input+label,
.checkout-login-container .guest-checkout .login-box .password input+label {
    background-color: #FAF9F9
}

.checkout-login-container .account-checkout .login-box .account-username :-ms-input-placeholder,
.checkout-login-container .account-checkout .login-box .password :-ms-input-placeholder,
.checkout-login-container .guest-checkout .login-box .account-username :-ms-input-placeholder,
.checkout-login-container .guest-checkout .login-box .password :-ms-input-placeholder {
    opacity: 1
}

.checkout-login-container .account-checkout .login-box .account-username ::placeholder,
.checkout-login-container .account-checkout .login-box .password ::placeholder,
.checkout-login-container .guest-checkout .login-box .account-username ::placeholder,
.checkout-login-container .guest-checkout .login-box .password ::placeholder {
    color: #262626;
    opacity: 1
}

.checkout-login-container .account-checkout .login-box .account-username :-ms-input-placeholder,
.checkout-login-container .account-checkout .login-box .password :-ms-input-placeholder,
.checkout-login-container .guest-checkout .login-box .account-username :-ms-input-placeholder,
.checkout-login-container .guest-checkout .login-box .password :-ms-input-placeholder {
    color: #262626
}

.checkout-login-container .account-checkout .login-box .account-username ::-ms-input-placeholder,
.checkout-login-container .account-checkout .login-box .password ::-ms-input-placeholder,
.checkout-login-container .guest-checkout .login-box .account-username ::-ms-input-placeholder,
.checkout-login-container .guest-checkout .login-box .password ::-ms-input-placeholder {
    color: #262626
}

.checkout-login-container .account-checkout .login-box .login-box-content .account-username,
.checkout-login-container .account-checkout .login-box .login-box-content .password,
.checkout-login-container .guest-checkout .login-box .login-box-content .account-username,
.checkout-login-container .guest-checkout .login-box .login-box-content .password {
    margin-top: 24px
}

@media (min-width:769px) {

    .checkout-login-container .account-checkout .login-box .login-box-content .account-username,
    .checkout-login-container .account-checkout .login-box .login-box-content .password,
    .checkout-login-container .guest-checkout .login-box .login-box-content .account-username,
    .checkout-login-container .guest-checkout .login-box .login-box-content .password {
        margin-top: 32px
    }
}

.checkout-login-container .account-checkout .login-box.guest-account .sub-heading,
.checkout-login-container .guest-checkout .login-box.guest-account .sub-heading {
    display: block
}

@media (max-width:768.98px) {

    .checkout-login-container .account-checkout .login-box.guest-account .sub-heading,
    .checkout-login-container .guest-checkout .login-box.guest-account .sub-heading {
        font-size: 12px;
        line-height: 17px;
        font-family: Arial, sans-serif;
        color: #666;
        padding-top: 16px
    }
}

@media (min-width:769px) {

    .checkout-login-container .account-checkout .login-box.guest-account .account-username,
    .checkout-login-container .guest-checkout .login-box.guest-account .account-username {
        padding-top: 32px
    }

    .checkout-login-container .account-checkout .login-box.guest-account .account-username .field-wrapper,
    .checkout-login-container .guest-checkout .login-box.guest-account .account-username .field-wrapper {
        padding-top: 0
    }
}

.checkout-login-container .account-checkout .login-box .btn.primary,
.checkout-login-container .guest-checkout .login-box .btn.primary {
    width: 100%;
    margin-top: 15px;
    background-color: #262626;
    font-size: 12px;
    font-family: Arial, Medium, sans-serif;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px
}

@media (min-width:769px) {

    .checkout-login-container .account-checkout .login-box .btn.primary,
    .checkout-login-container .guest-checkout .login-box .btn.primary {
        font-size: 14px;
        margin-top: 32px
    }
}

.checkout-login-container .account-checkout .login-box .reset-password-link,
.checkout-login-container .guest-checkout .login-box .reset-password-link {
    padding-top: 6px
}

.checkout-login-container .account-checkout .login-box .reset-password-link .password-reset,
.checkout-login-container .guest-checkout .login-box .reset-password-link .password-reset {
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    font-size: 12px;
    line-height: 1;
    text-align: right;
    text-decoration: underline
}

.checkout-login-container .account-checkout .login-box .show-password-checkbox,
.checkout-login-container .guest-checkout .login-box .show-password-checkbox {
    text-align: left;
    padding-top: 8px
}

.checkout-login-container .account-checkout .login-box .show-password-checkbox .password-label,
.checkout-login-container .guest-checkout .login-box .show-password-checkbox .password-label {
    font-size: 12px;
    line-height: 12px;
    font-family: Arial, sans-serif;
    color: #262626
}

.checkout-login-container .account-checkout .login-box .show-password-checkbox .password-label .show-password,
.checkout-login-container .guest-checkout .login-box .show-password-checkbox .password-label .show-password {
    top: -3px;
    width: 16px;
    height: 16px
}

.checkout-login-container .account-checkout .login-box .show-password-checkbox .password-label .show-password:checked,
.checkout-login-container .guest-checkout .login-box .show-password-checkbox .password-label .show-password:checked {
    background-color: #262626
}

.checkout-login-container .account-checkout .login-box .show-password-checkbox .password-label .show-password::after,
.checkout-login-container .guest-checkout .login-box .show-password-checkbox .password-label .show-password::after {
    border: 1px solid #fff;
    border-width: 0 0 2px 2px;
    width: 12px;
    height: 4px;
    transform: translate(-50%, -50%) rotate(-65deg) skewY(3deg) skewX(-25deg)
}

@media (min-width:769px) {

    .checkout-login-container .account-checkout .login-box,
    .checkout-login-container .guest-checkout .login-box {
        display: block !important;
        border: 0
    }
}

.checkout-login-container .account-checkout .heading,
.checkout-login-container .guest-checkout .heading {
    text-transform: none;
    letter-spacing: 0;
    padding-bottom: 8px;
    font-size: 20px;
    color: #414141;
    font-family: Arial, Medium, sans-serif
}

.checkout-login-container .account-checkout .sub-heading,
.checkout-login-container .guest-checkout .sub-heading {
    font-size: 14px;
    line-height: 21px;
    color: #666;
    font-family: Arial, sans-serif
}

@media (max-width:768.98px) {

    .checkout-login-container .account-checkout .heading,
    .checkout-login-container .account-checkout .sub-heading,
    .checkout-login-container .guest-checkout .heading,
    .checkout-login-container .guest-checkout .sub-heading {
        display: none
    }
}

@media (max-width:768.98px) {

    .checkout-login-container .account-checkout .btn.primary,
    .checkout-login-container .guest-checkout .btn.primary {
        width: 100%
    }
}

.checkout-login-container .guest-checkout .field-wrapper {
    padding: 0
}

.checkout-login-container .guest-checkout .btn.primary {
    width: 100%
}

@media (min-width:769px) {
    .checkout-login-container .guest-checkout {
        margin-left: 16.66667%
    }
}

.checkout-login-container .account-checkout .form-row,
.checkout-login-container .account-checkout .form-row .field-wrapper {
    padding: 0
}

@media (min-width:769px) {
    .checkout-login-container .account-checkout .form-row.password {
        padding: 0
    }
}

.checkout-login-container .account-checkout .bottom-content {
    text-align: right
}

.checkout-login-container .user-consent-container a {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #262626
}

.checkout-login-container .user-consent-container a .form-row {
    padding: 0;
    z-index: 1
}

.checkout-login-container .user-consent-container a .error-placement {
    position: absolute
}

.checkout-login-container .user-consent-container a .error-placement .error-icon {
    display: none
}

.checkout-login-container .user-consent-container a .error-placement .error {
    opacity: 1;
    width: 38em;
    border: none;
    margin: -1vw;
    bottom: .3vw;
    background: 0 0;
    display: inline-block
}

@media (min-width:769px) {
    .checkout-login-container .user-consent-container a .error-placement .error {
        margin: -8px;
        bottom: .3em
    }
}

.checkout-login-container .user-consent-container a .error-placement .error::after {
    display: none
}

.checkout-login-container .terms-and-condition {
    padding-top: 10px
}

.checkout-login-container .terms-and-condition>.user-consent-container {
    width: 100%
}

.checkout-login-container .terms-and-condition .error-placement {
    display: none
}

.checkout-login-container .terms-and-condition .field-wrapper label {
    margin: 3px 4px 0 0
}

@media (min-width:769px) {
    .checkout-login-container .terms-and-condition .field-wrapper label {
        margin: 3px 9px 0 4px
    }
}

.checkout-login-container .terms-and-condition .field-wrapper label ::before {
    background-color: #FAF9F9
}

.checkout-login-container .terms-and-condition label {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #666;
    letter-spacing: 0
}

.checkout-login-container .terms-and-condition label a {
    text-decoration: underline
}

.checkout-login-container .error-form {
    padding-top: 10px;
    font-size: .875rem;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #c8102e
}

@media (max-width:750px) {
    .checkout-login-container .error-form {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

@media (max-width:768.98px) {
    .login-captcha .modal-wrapper {
        width: calc(100% - 40px)
    }
}

.login-captcha .modal-close {
    visibility: hidden
}

.login-captcha button.primary {
    float: right;
    margin-top: 5vw
}

@media (min-width:1440px) {
    .login-captcha button.primary {
        margin-top: 50px
    }
}

.pt_checkout .primary-content {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:768.98px) {
    .pt_checkout .primary-content {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:769px) {
    .pt_checkout .primary-content {
        left: 10px;
        position: relative;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 6.25%
    }
}

.pt_checkout .summary {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    color: #fff
}

@media (max-width:768.98px) {
    .pt_checkout .summary {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (min-width:769px) {
    .pt_checkout .summary {
        left: -10px;
        position: relative;
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        margin-left: 6.25%
    }
}

.pt_checkout .page-title {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    line-height: 1;
    font-size: 5rem;
    padding: 6.5vw 5px 18.2vw;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .pt_checkout .page-title {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media (min-width:769px) {
    .pt_checkout .page-title {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 6.25%;
        padding: 7.77vw 5px 7.63vw
    }
}

@media (min-width:1440px) {
    .pt_checkout .page-title {
        padding: 110px 5px
    }
}

.pt_checkout .checkout-step .heading {
    font-size: 2.125rem;
    margin: -.7vw 0 7vw;
    letter-spacing: 1.7px;
    padding-bottom: 2.2vw;
    border-bottom: 1.07vw solid #000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: end;
    line-height: 100%;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .pt_checkout .checkout-step .heading {
        font-size: calc(0.20193rem + 4.10256vw)
    }
}

@media (min-width:769px) {
    .pt_checkout .checkout-step .heading {
        line-height: .8;
        margin: 0 0 2rem;
        border-width: 9px;
        font-size: 1.875rem;
        letter-spacing: 1.5px;
        padding-bottom: 1.1vw
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_checkout .checkout-step .heading {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (min-width:1440px) {
    .pt_checkout .checkout-step .heading {
        margin: 0 0 32px;
        padding-bottom: 16px
    }
}

.pt_checkout .checkout-step .sub-heading {
    line-height: 1.42;
    font-size: 1.5rem;
    margin-bottom: 1.2vw;
    letter-spacing: .5px;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (max-width:750px) {
    .pt_checkout .checkout-step .sub-heading {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .pt_checkout .checkout-step .sub-heading {
        line-height: 1.33;
        font-size: 1.125rem;
        margin-bottom: 1vw;
        letter-spacing: .4px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .pt_checkout .checkout-step .sub-heading {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:1440px) {
    .pt_checkout .checkout-step .sub-heading {
        margin-bottom: 14px
    }
}

.pt_checkout .shipping .step-num::before {
    content: "1. "
}

@media (min-width:769px) {
    .pt_checkout .shipping .continue {
        min-width: 28%
    }
}

.pt_checkout .billing .billing-address-section .continue,
.pt_checkout .shipping .continue {
    margin-top: 2.67vw
}

@media (min-width:769px) {

    .pt_checkout .billing .billing-address-section .continue,
    .pt_checkout .shipping .continue {
        float: right;
        margin-top: 1.5vw
    }
}

@media (min-width:1440px) {

    .pt_checkout .billing .billing-address-section .continue,
    .pt_checkout .shipping .continue {
        margin-top: 22px
    }
}

@media (min-width:769px) {

    .pt_checkout .billing .billing-address-section .divider,
    .pt_checkout .shipping .divider {
        margin-bottom: 2em
    }
}

.pt_checkout .billing .billing-address-section .form-row:not(.half-width),
.pt_checkout .shipping .form-row:not(.half-width) {
    clear: both
}

.pt_checkout .billing .step-num::before {
    content: "2. "
}

.pt_checkout .review .step-num::before {
    content: "3. "
}

@media (min-width:769px) {
    .pt_checkout .form-row {
        padding-top: 18px;
        padding-bottom: 18px
    }
}

.pt_checkout .form-row.cc-number-width,
.pt_checkout .form-row.cvn-width,
.pt_checkout .form-row.half-width {
    float: left
}

.pt_checkout .form-row.cc-number-width {
    width: 70%
}

@media (max-width:1024px) {
    .pt_checkout .form-row.cc-number-width {
        width: 50%
    }
}

.pt_checkout .form-row.cvn-width {
    width: 30%
}

@media (max-width:1024px) {
    .pt_checkout .form-row.cvn-width {
        width: 50%
    }
}

.pt_checkout .form-row.name-on-card {
    clear: both
}

.pt_checkout .form-row label {
    line-height: 1.42;
    letter-spacing: .5px
}

@media (min-width:769px) {
    .pt_checkout .form-row label {
        line-height: 1.33;
        letter-spacing: .4px
    }
}

@media (max-width:768.98px) {

    .pt_checkout .form-row.add-to-email-list,
    .pt_checkout .form-row.firstname,
    .pt_checkout .form-row.form-row-button,
    .pt_checkout .form-row.lastname {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:769px) {
    .pt_checkout .shipping-method-list .sub-heading {
        margin-bottom: 2.5vw
    }
}

@media (min-width:1440px) {
    .pt_checkout .shipping-method-list .sub-heading {
        margin-bottom: 36px
    }
}

.pt_checkout .shipping-method {
    display: -ms-flexbox;
    display: flex
}

.pt_checkout .shipping-method label {
    width: 100%;
    margin-bottom: 2.67vw;
    padding: 4vw 2.94vw 3.5vw;
    border: 1px solid #ccc
}

@media (min-width:769px) {
    .pt_checkout .shipping-method label {
        margin-bottom: 1.5vw;
        padding: 1.3vw 1.55vw 1.1vw
    }
}

@media (min-width:1440px) {
    .pt_checkout .shipping-method label {
        margin-bottom: 20px;
        padding: 17px 22px 15px
    }
}

.pt_checkout .shipping-method span {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .pt_checkout .shipping-method span {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .pt_checkout .shipping-method span {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .4px
    }
}

.pt_checkout .shipping-method .base-shipping {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

@media (min-width:769px) {
    .pt_checkout .shipping-method .shipping-description {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

.pt_checkout .shipping-method-input {
    width: 0;
    height: 0;
    visibility: hidden
}

.pt_checkout .shipping-method-input:checked+label {
    border: 4px solid #000
}

@media (max-width:768.98px) {
    .pt_checkout .btn.continue {
        width: 100%
    }
}

.checkout-shipping .saved-addresses .add-new-address {
    margin-bottom: 1.5vw
}

@media (min-width:769px) {
    .checkout-shipping .saved-addresses .add-new-address {
        margin-bottom: 1.2vw
    }
}

@media (min-width:1440px) {
    .checkout-shipping .saved-addresses .add-new-address {
        margin-bottom: 18px
    }
}

@media (max-width:768.98px) {
    .checkout-shipping .form-row.phone .error-placement .error {
        z-index: 1000
    }
}

@media (max-width:768.98px) {

    .checkout-billing .form-row,
    .checkout-shipping .form-row {
        padding-top: 2.3vw;
        padding-bottom: 2.3vw
    }

    .checkout-billing .form-row.state,
    .checkout-shipping .form-row.state {
        width: 55%
    }

    .checkout-billing .form-row.postal,
    .checkout-shipping .form-row.postal {
        width: 45%
    }
}

.checkout-billing .form-row.addressname,
.checkout-shipping .form-row.addressname {
    display: none
}

@media (min-width:769px) {

    .checkout-billing .form-row.country .field-wrapper,
    .checkout-shipping .form-row.country .field-wrapper {
        width: 50%;
        float: none;
        padding-right: 1.05vw
    }
}

@media (min-width:1440px) {

    .checkout-billing .form-row.country .field-wrapper,
    .checkout-shipping .form-row.country .field-wrapper {
        padding-right: 15px
    }
}

.checkout-billing .form-row.phone,
.checkout-shipping .form-row.phone {
    width: 100%;
    display: inline-block
}

.checkout-step .edit-cta-link {
    float: right;
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px;
    position: relative;
    cursor: pointer;
    text-decoration: underline;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: initial
}

@media (max-width:750px) {
    .checkout-step .edit-cta-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .checkout-step .edit-cta-link {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

@media (min-width:769px) {
    .checkout-step .heading .edit-cta-link {
        top: 4px
    }
}

.checkout-step .address-content-row,
.checkout-step .selected-billing-address,
.checkout-step .selected-shipping-address {
    width: 100%;
    display: inline-block
}

.checkout-step .mini-address-location,
.checkout-step .mini-address-name {
    float: left;
    padding-right: 2vw
}

@media (min-width:769px) {

    .checkout-step .mini-address-location,
    .checkout-step .mini-address-name {
        padding-right: 20px
    }
}

.checkout-step .mini-address-name .address-content-row {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000
}

@media (min-width:769px) {
    .checkout-step .mini-address-name .address-content-row {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .4px
    }
}

@media (min-width:769px) {

    .checkout-step .selected-billing-address,
    .checkout-step .selected-shipping-address {
        margin-top: 4px
    }
}

.checkout-step .selected-billing-address .mini-address-name,
.checkout-step .selected-shipping-address .mini-address-name {
    width: 34%
}

@media (min-width:769px) {

    .checkout-step .selected-billing-address .mini-address-name,
    .checkout-step .selected-shipping-address .mini-address-name {
        width: 37.5%
    }
}

.checkout-step .selected-billing-address .mini-address-location,
.checkout-step .selected-shipping-address .mini-address-location {
    width: 66%;
    padding: 0
}

@media (min-width:769px) {

    .checkout-step .selected-billing-address .mini-address-location,
    .checkout-step .selected-shipping-address .mini-address-location {
        width: 62.5%
    }
}

.checkout-step.shipping .divider {
    margin: 5.5vw 0 6.5vw
}

@media (min-width:769px) {
    .checkout-step.shipping .divider {
        margin: 2em 0
    }
}

.selected-shipping-address .mini-address-location .address-content-row {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .selected-shipping-address .mini-address-location .address-content-row {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .selected-shipping-address .mini-address-location .address-content-row {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

.selected-shipping-method {
    margin-bottom: 14vw
}

@media (min-width:769px) {
    .selected-shipping-method {
        margin-bottom: 8vw
    }
}

@media (min-width:1440px) {
    .selected-shipping-method {
        margin-bottom: 115px
    }
}

.selected-shipping-method span {
    line-height: 1.42;
    font-size: 1.5rem;
    letter-spacing: .5px;
    font-family: Arial, sans-serif;
    font-weight: 400
}

@media (max-width:750px) {
    .selected-shipping-method span {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .selected-shipping-method span {
        font-size: 18px;
        line-height: 1.33;
        letter-spacing: .4px
    }
}

.selected-shipping-method .base-shipping {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700
}

.billing .checkout-step,
.checkout-shipping-content .checkout-step {
    margin-bottom: 15.5vw
}

@media (min-width:769px) {

    .billing .checkout-step,
    .checkout-shipping-content .checkout-step {
        margin-bottom: 8.4vw
    }
}

@media (min-width:1440px) {

    .billing .checkout-step,
    .checkout-shipping-content .checkout-step {
        margin-bottom: 120px
    }
}

.billing .address-list,
.checkout-shipping-content .address-list {
    margin: 2vw 0 5.2vw
}

@media (min-width:769px) {

    .billing .address-list,
    .checkout-shipping-content .address-list {
        margin: 1.5vw 0 0vw
    }
}

@media (min-width:1440px) {

    .billing .address-list,
    .checkout-shipping-content .address-list {
        margin: 24px 0 0
    }
}

.billing .address-tile,
.checkout-shipping-content .address-tile {
    max-width: 100%;
    margin-bottom: 2.5vw;
    padding: 4.4vw 2.4vw;
    border: 1px solid #ccc
}

@media (min-width:769px) {

    .billing .address-tile,
    .checkout-shipping-content .address-tile {
        margin-bottom: 1.8vw;
        padding: 2.4vw 1.5vw
    }
}

@media (min-width:1440px) {

    .billing .address-tile,
    .checkout-shipping-content .address-tile {
        padding: 35px 20px;
        margin-bottom: 20px
    }
}

.billing .address-tile.selected,
.checkout-shipping-content .address-tile.selected {
    border: 4px solid #000
}

.billing .address-tile-cta-wrapper,
.billing .mini-address-location,
.billing .mini-address-name,
.checkout-shipping-content .address-tile-cta-wrapper,
.checkout-shipping-content .mini-address-location,
.checkout-shipping-content .mini-address-name {
    float: left;
    padding-right: 2vw
}

@media (min-width:769px) {

    .billing .address-tile-cta-wrapper,
    .billing .mini-address-location,
    .billing .mini-address-name,
    .checkout-shipping-content .address-tile-cta-wrapper,
    .checkout-shipping-content .mini-address-location,
    .checkout-shipping-content .mini-address-name {
        padding-right: 20px
    }
}

.billing .address-content-row,
.billing .edit-cta-link,
.checkout-shipping-content .address-content-row,
.checkout-shipping-content .edit-cta-link {
    font-size: 1.5rem;
    line-height: 1.42;
    letter-spacing: .5px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

@media (max-width:750px) {

    .billing .address-content-row,
    .billing .edit-cta-link,
    .checkout-shipping-content .address-content-row,
    .checkout-shipping-content .edit-cta-link {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .billing .address-content-row,
    .billing .edit-cta-link,
    .checkout-shipping-content .address-content-row,
    .checkout-shipping-content .edit-cta-link {
        font-size: 16px;
        line-height: 1.38;
        letter-spacing: .3px
    }
}

.billing .mini-address-name,
.checkout-shipping-content .mini-address-name {
    width: 32%
}

@media (min-width:769px) {

    .billing .mini-address-name,
    .checkout-shipping-content .mini-address-name {
        width: 36.5%
    }
}

.billing .mini-address-name .address-name,
.checkout-shipping-content .mini-address-name .address-name {
    display: none
}

.billing .mini-address-location,
.checkout-shipping-content .mini-address-location {
    width: 61%
}

@media (min-width:769px) {

    .billing .mini-address-location,
    .checkout-shipping-content .mini-address-location {
        width: 54%
    }
}

.billing .address-tile-cta-wrapper,
.checkout-shipping-content .address-tile-cta-wrapper {
    width: 7%;
    padding-right: 0
}

@media (min-width:769px) {

    .billing .address-tile-cta-wrapper,
    .checkout-shipping-content .address-tile-cta-wrapper {
        width: 9.5%;
        text-align: right
    }
}

@media (min-width:769px) {

    .billing .add-new-address .address-create,
    .checkout-shipping-content .add-new-address .address-create {
        margin-top: 1.2vw
    }
}

@media (min-width:1440px) {

    .billing .add-new-address .address-create,
    .checkout-shipping-content .add-new-address .address-create {
        margin-top: 18px
    }
}

.edit-add-address input[disabled=disabled] {
    cursor: default
}

.credit-card-icons-container .sub-heading {
    width: 100%;
    float: left
}

@media (min-width:769px) {
    .credit-card-icons-container .sub-heading {
        width: 37%
    }
}

.credit-card-icons-container .available-cards {
    width: 100%;
    float: left;
    margin-bottom: 45px
}

@media (min-width:769px) {
    .credit-card-icons-container .available-cards {
        width: auto;
        float: right;
        margin-bottom: 18px;
        margin-top: -11px
    }
}

.credit-card-icons-container .available-cards .cc-icon {
    float: left;
    width: 50px;
    height: 32px;
    margin-right: 10px;
    background-size: 162%;
    background-repeat: no-repeat;
    background-image: url(../images/cc-icons.png)
}

.credit-card-icons-container .available-cards .cc-icon:last-child {
    margin-right: 0
}

.credit-card-icons-container .available-cards .cc-icon.is_amex {
    background-position: -15px -15px
}

.credit-card-icons-container .available-cards .cc-icon.is_discover {
    background-position: -15px -74px
}

.credit-card-icons-container .available-cards .cc-icon.is_mastercard {
    background-position: -15px -134px
}

.credit-card-icons-container .available-cards .cc-icon.is_unionpay {
    background-position: -15px -194px
}

.credit-card-icons-container .available-cards .cc-icon.is_visa {
    background-position: -15px -254px
}

@media (max-width:768px) and (min-width:576px) {
    .credit-card-icons-container .available-cards .cc-icon {
        width: 75px;
        height: 46px;
        background-size: inherit
    }

    .credit-card-icons-container .available-cards .cc-icon.is_amex {
        background-position: -20px -20px
    }

    .credit-card-icons-container .available-cards .cc-icon.is_discover {
        background-position: -20px -105px
    }

    .credit-card-icons-container .available-cards .cc-icon.is_mastercard {
        background-position: -20px -190px
    }

    .credit-card-icons-container .available-cards .cc-icon.is_unionpay {
        background-position: -20px -274px
    }

    .credit-card-icons-container .available-cards .cc-icon.is_visa {
        background-position: -20px -360px
    }
}

.payment-providers-divider {
    position: relative
}

.payment-providers-divider .line {
    height: 1px;
    width: 100%;
    background: #888
}

.payment-providers-divider .wordwrapper {
    text-align: center;
    height: 12px;
    position: absolute;
    left: 0;
    right: 0;
    top: -19px;
    z-index: 2;
    padding: 10px
}

.payment-providers-divider .wordwrapper span {
    background: #fff;
    padding: 7.5px;
    font-size: 1.5rem;
    text-transform: uppercase
}

@media (max-width:750px) {
    .payment-providers-divider .wordwrapper span {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .payment-providers-divider .wordwrapper span {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .payment-providers-divider .wordwrapper span {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.other-payment-contain {
    margin: 60px 0
}

.other-payment-contain .paypal-button {
    border: 1px solid #000;
    padding: 12px 94px 14px
}

.other-payment-contain .other-payment {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.cvn .form-field-tooltip {
    display: inline
}

@media (max-width:1023.98px) {
    .cvn .form-field-tooltip {
        font-size: 3vw
    }
}

.cvn .form-field-tooltip .tooltip {
    top: 2px;
    line-height: normal;
    position: relative;
    color: #000
}

@media (max-width:768.98px) {
    .cvn .form-field-tooltip .tooltip {
        top: 3px
    }
}

@media (min-width:576px) and (max-width:768px) {
    .cvn .form-field-tooltip .tooltip {
        top: 0
    }
}

.cvn .form-field-tooltip .info-icon {
    width: 24px;
    height: 19px;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle
}

.current-card {
    display: block
}

.other-cards {
    display: none
}

.payment-method-expanded {
    margin-top: -1.47vw;
    margin-bottom: 8vw
}

@media (min-width:769px) {
    .payment-method-expanded {
        margin-top: 11px;
        margin-bottom: 62px
    }
}

.payment-method-expanded .icon-plus {
    padding-right: 10px
}

.payment-method-expanded .icon-plus:before {
    float: left;
    font-size: 3.125rem;
    padding-right: 2.4vw
}

@media (max-width:750px) {
    .payment-method-expanded .icon-plus:before {
        font-size: calc(0.20293rem + 6.23376vw)
    }
}

@media (min-width:769px) {
    .payment-method-expanded .icon-plus:before {
        font-size: 25px;
        padding-right: 10px
    }
}

.payment-method-expanded .cvn .form-field-tooltip .tooltip {
    top: 3px
}

@media (max-width:768.98px) {
    .payment-method-expanded .cvn.form-row .error-placement .error {
        margin-left: -98px
    }

    .payment-method-expanded .cvn.form-row .error-placement .error::after {
        left: 10.5em
    }
}

@media (min-width:768px) and (max-width:768px) and (orientation:portrait) {
    .payment-method-expanded .cvn.form-row .error-placement .error {
        margin-left: -160px
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .payment-method-expanded .cvn.form-row .error-placement .error {
        margin-left: -145px
    }
}

.payment-method-expanded .save-this-card {
    margin-bottom: 51px
}

.payment-method-expanded .save-this-card span {
    font-size: 1.5rem;
    top: 5px;
    position: relative;
    color: #000
}

@media (max-width:750px) {
    .payment-method-expanded .save-this-card span {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .payment-method-expanded .save-this-card span {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .payment-method-expanded .save-this-card span {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.payment-method-expanded .save-this-card input[type=checkbox] {
    top: 6px
}

@media (min-width:769px) {
    .payment-method-expanded .save-this-card input[type=checkbox] {
        top: 0
    }
}

.payment-method-expanded .save-this-card label {
    padding-left: .4em
}

.checkout-createcard {
    font-size: 1.5rem;
    color: #000;
    top: 13px;
    position: relative;
    cursor: pointer
}

@media (max-width:750px) {
    .checkout-createcard {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .checkout-createcard {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .checkout-createcard {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (max-width:768.98px) {
    .checkout-createcard {
        top: 1.5vw
    }
}

.creditcard-tile-checkout,
.creditcard-tile-reviewpage {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px
}

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

    .creditcard-tile-checkout,
    .creditcard-tile-reviewpage {
        margin-bottom: 2.66667vw
    }
}

.creditcard-tile-checkout .security-label,
.creditcard-tile-reviewpage .security-label {
    display: none
}

.creditcard-tile-checkout.selected,
.creditcard-tile-reviewpage.selected {
    border: 4px solid #000
}

.creditcard-tile-checkout.selected .security-label,
.creditcard-tile-reviewpage.selected .security-label {
    display: block;
    width: 12%;
    float: left;
    margin-right: 9vw
}

@media (min-width:769px) {

    .creditcard-tile-checkout.selected .security-label,
    .creditcard-tile-reviewpage.selected .security-label {
        width: 20%;
        margin-right: 0
    }
}

.creditcard-tile-checkout .input-cvn-wrapper input,
.creditcard-tile-reviewpage .input-cvn-wrapper input {
    width: 35%
}

.creditcard-tile-checkout .creditcard-tile-inner .cc-icon,
.creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon {
    background-image: url(../images/cc-icons.png);
    background-repeat: no-repeat;
    margin-right: 20px;
    width: 50px;
    height: 32px;
    background-size: 162%;
    float: left
}

.creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_amex,
.creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_amex {
    background-position: -15px -15px
}

.creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_discover,
.creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_discover {
    background-position: -15px -74px
}

.creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_mastercard,
.creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_mastercard {
    background-position: -15px -134px
}

.creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_unionpay,
.creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_unionpay {
    background-position: -15px -194px
}

.creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_visa,
.creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_visa {
    background-position: -15px -254px
}

@media (max-width:768px) and (min-width:576px) {

    .creditcard-tile-checkout .creditcard-tile-inner .cc-icon,
    .creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon {
        width: 75px;
        height: 46px;
        background-size: inherit
    }

    .creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_amex,
    .creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_amex {
        background-position: -20px -20px
    }

    .creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_discover,
    .creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_discover {
        background-position: -20px -105px
    }

    .creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_mastercard,
    .creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_mastercard {
        background-position: -20px -190px
    }

    .creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_unionpay,
    .creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_unionpay {
        background-position: -20px -274px
    }

    .creditcard-tile-checkout .creditcard-tile-inner .cc-icon.is_visa,
    .creditcard-tile-reviewpage .creditcard-tile-inner .cc-icon.is_visa {
        background-position: -20px -360px
    }
}

.creditcard-tile-checkout .cc-details,
.creditcard-tile-reviewpage .cc-details {
    float: left;
    margin-top: 5px
}

@media (min-width:576px) {

    .creditcard-tile-checkout .cc-details,
    .creditcard-tile-reviewpage .cc-details {
        margin-bottom: 15px
    }
}

.creditcard-tile-checkout .cc-details .cc-exp,
.creditcard-tile-reviewpage .cc-details .cc-exp {
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {

    .creditcard-tile-checkout .cc-details .cc-exp,
    .creditcard-tile-reviewpage .cc-details .cc-exp {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .creditcard-tile-checkout .cc-details .cc-exp,
    .creditcard-tile-reviewpage .cc-details .cc-exp {
        font-size: 1rem;
        letter-spacing: .3px
    }
}

@media (min-width:769px) and (max-width:750px) {

    .creditcard-tile-checkout .cc-details .cc-exp,
    .creditcard-tile-reviewpage .cc-details .cc-exp {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.creditcard-tile-checkout .cc-details .cc-number,
.creditcard-tile-reviewpage .cc-details .cc-number {
    font-family: Arial, Bold, sans-serif;
    font-size: 1.5rem
}

@media (max-width:750px) {

    .creditcard-tile-checkout .cc-details .cc-number,
    .creditcard-tile-reviewpage .cc-details .cc-number {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {

    .creditcard-tile-checkout .cc-details .cc-number,
    .creditcard-tile-reviewpage .cc-details .cc-number {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {

    .creditcard-tile-checkout .cc-details .cc-number,
    .creditcard-tile-reviewpage .cc-details .cc-number {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:576px) {
    .creditcard-tile-checkout .creditcard-tile-inner {
        margin-top: 10px
    }
}

.creditcard-tile-checkout .security-label span {
    font-size: 1.125rem
}

@media (max-width:750px) {
    .creditcard-tile-checkout .security-label span {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .creditcard-tile-checkout .security-label span {
        font-size: 12px
    }
}

.creditcard-tile-checkout .saved-cvn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row
}

.creditcard-tile-checkout .saved-cvn .security-label {
    width: auto;
    margin-right: 2vw;
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .creditcard-tile-checkout .saved-cvn .security-label {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .creditcard-tile-checkout .saved-cvn .security-label {
        font-size: 16px;
        margin-right: 8px;
        letter-spacing: .3px
    }
}

.creditcard-tile-checkout .saved-cvn .input-cvn-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.creditcard-tile-checkout .saved-cvn .error-placement+.field-wrapper {
    -ms-flex-order: -1;
    order: -1;
    padding-right: 10px
}

@media (max-width:768.98px) {
    .creditcard-tile-checkout .saved-cvn .error-placement .error {
        width: 9em;
        margin-left: -8px;
        bottom: 27px
    }
}

@media (max-width:768.98px) and (min-width:576px) and (max-width:768px) {
    .creditcard-tile-checkout .saved-cvn .error-placement .error {
        bottom: 37px;
        width: 14em
    }
}

@media (max-width:768.98px) {
    .creditcard-tile-checkout .saved-cvn .error-placement .error:after {
        left: -5.5em
    }
}

@media (max-width:768.98px) and (min-width:576px) and (max-width:768px) {
    .creditcard-tile-checkout .saved-cvn .error-placement .error:after {
        left: -11em
    }
}

.creditcard-tile-checkout .saved-cvn .edit-cta-link {
    margin-left: 10px;
    color: #c8102e
}

.creditcard-tile-checkout .saved-cvn .form-row {
    padding: 0
}

.creditcard-tile-checkout .saved-cvn .field-wrapper {
    padding-top: 0;
    display: inline-block
}

.creditcard-tile-checkout .saved-cvn .masked-values {
    top: .6vw;
    position: relative
}

@media (min-width:769px) {
    .creditcard-tile-checkout .saved-cvn .masked-values {
        top: 3px
    }
}

.creditcard-tile-checkout .saved-cvn .input-text {
    width: 20vw;
    padding: 1.4vw
}

@media (min-width:769px) {
    .creditcard-tile-checkout .saved-cvn .input-text {
        width: 100px;
        padding: 1vw
    }
}

@media (min-width:1440px) {
    .creditcard-tile-checkout .saved-cvn .input-text {
        padding: 14px
    }
}

.creditcard-tile-checkout .saved-cvn .input-text.hideCVV {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    opacity: 0
}

.checkout-right-column div.cart-coupon-code {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:769px) {
    .checkout-right-column div.cart-coupon-code {
        padding-top: 1.6667em
    }
}

.checkout-right-column div.cart-coupon-code h3 {
    -ms-flex-order: 1;
    order: 1
}

.checkout-right-column div.cart-coupon-code .field-button-container {
    -ms-flex-order: 3;
    order: 3
}

.checkout-right-column div.cart-coupon-code .error {
    -ms-flex-order: 2;
    order: 2
}

.checkout-right-column div.cart-coupon-code .remove-container-form {
    -ms-flex-order: 4;
    order: 4
}

.checkout-right-column .field-button-container form {
    width: 100%;
    display: inherit
}

.checkout-right-column .cart-order-totals {
    margin-top: 27px
}

.checkout-right-column .if-gift-container {
    padding: 5.2vw 0;
    margin: -8px 0 0;
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .checkout-right-column .if-gift-container {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .checkout-right-column .if-gift-container {
        margin-top: 0
    }
}

@media (min-width:769px) {
    .checkout-right-column .if-gift-container {
        margin-top: 0;
        padding: 2.11em 0;
        font-size: 18px;
        letter-spacing: .4px
    }
}

.checkout-right-column .if-gift-container+div .order-help-container {
    border-top: 1px solid #666
}

.checkout-right-column .if-gift-container i {
    top: -1.2vw;
    float: right;
    font-size: 5vw;
    position: relative
}

@media (min-width:769px) {
    .checkout-right-column .if-gift-container i {
        top: -5px;
        font-size: 25px
    }
}

.checkout-right-column .order-help-container.accordion {
    border-top: none
}

h3.accordion_title .collapse,
h3.accordion_title .expand {
    right: 0;
    top: 38%
}

@media (min-width:769px) {

    h3.accordion_title .collapse,
    h3.accordion_title .expand {
        right: 0;
        top: 46%
    }
}

.checkout-products-accordion {
    border-bottom: 1px solid #666
}

.checkout-products-accordion .checkout-products {
    background: #fff
}

.checkout-products-accordion .sb-checkout .sb-container {
    height: 70vh
}

.checkout-products-accordion .accordion_title {
    border-top: none;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 1.125rem
}

.checkout-products-accordion .accordion_title.your-items {
    text-transform: capitalize;
    padding-left: 0
}

@media (min-width:769px) {
    .checkout-products-accordion .accordion_title.your-items {
        padding-top: 35.5px;
        padding-bottom: 35.5px;
        letter-spacing: .4px
    }
}

.checkout-products-accordion .accordion_title .collapse,
.checkout-products-accordion .accordion_title .expand {
    right: 0;
    top: 46%
}

@media (min-width:769px) {

    .checkout-products-accordion .accordion_title .collapse,
    .checkout-products-accordion .accordion_title .expand {
        right: 0;
        top: 46%
    }
}

@media (max-width:750px) {
    .checkout-products-accordion .accordion_title {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (max-width:768.98px) {
    .checkout-products-accordion .accordion_title {
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .checkout-products-accordion .accordion_title {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.checkout-products-accordion .accordion_title .counter {
    font-family: Arial, Bold, sans-serif
}

.checkout-products-accordion .edit-order {
    margin-bottom: 23px
}

.checkout-products-accordion .edit-order-link {
    color: #fff;
    font-family: Arial, sans-serif;
    text-decoration: underline;
    float: right
}

@media (min-width:769px) {
    .checkout-products-accordion .edit-order-link {
        font-size: 16px
    }
}

.checkout-products-accordion li.mini-cart-product {
    text-align: left;
    padding: 10px 0;
    margin: 0 18px;
    border-bottom: 1px solid #ccc;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.checkout-products-accordion li.mini-cart-product .mini-cart-image {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 31.25%;
    flex: 0 0 31.25%;
    max-width: 31.25%;
    text-align: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.checkout-products-accordion li.mini-cart-product:last-child {
    border-bottom: none
}

.checkout-products-accordion .checkout-products .mini-cart-details {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 68.75%;
    flex: 0 0 68.75%;
    max-width: 68.75%;
    overflow: hidden;
    font-size: 16px;
    padding: 36px 10px 27px 0;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.checkout-products-accordion .checkout-products .mini-cart-details a {
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left {
    width: 44%;
    float: left
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-product-line {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 4px
}

@media (max-width:768.98px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-product-line {
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-product-line {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-product-line {
        font-size: 14px
    }
}

@media (max-width:768.98px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-name {
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-name {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-name {
        font-size: 14px
    }
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-name strong {
    color: #000;
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 4px;
    display: block
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-attributes {
    font-size: 1.125rem;
    color: #000
}

@media (max-width:750px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-attributes {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

@media (min-width:769px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-left .mini-cart-attributes {
        font-size: 14px
    }
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right {
    width: 56%;
    float: left;
    text-align: right;
    color: #000
}

@media (max-width:768.98px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right {
        font-size: 1.5rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
    .checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right {
        font-size: 13px
    }
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right .mini-cart-pricing,
.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right .mini-cart-quantity {
    display: inline-block
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right .mini-cart-pricing {
    text-transform: uppercase
}

.checkout-products-accordion .checkout-products .mini-cart-details .cart-detail-right .multiply {
    padding: 0 4px
}

.checkout-mini-cart .remove-link,
.pt_checkout .checkout-order-assistance {
    display: none
}

@media (min-width:769px) {
    .checkout_login .checkout-order-assistance {
        display: none
    }
}

.checkout_login .checkout_login_main {
    min-height: 87vh
}

.checkout-step .same-as-shipping-row {
    margin-bottom: 20px
}

.checkout-step .same-as-shipping-row input[type=checkbox] {
    top: 2px
}

@media (min-width:769px) {
    .checkout-step .same-as-shipping-row input[type=checkbox] {
        top: -1px
    }
}

.checkout-step .same-as-shipping-row label {
    color: #000;
    padding: 0
}

.checkout-step .selected-billing-address {
    margin-top: 18px
}

.pt_checkout .billing .divider {
    margin: 0 0 60px
}

@media (min-width:769px) {
    .pt_checkout .billing .continue {
        float: right;
        min-width: 58%
    }
}

.pt_checkout .billing .billing-address-section .sub-heading {
    margin-bottom: 22px
}

.pt_checkout .billing .billing-address-section .divider {
    margin: 40px 0 0
}

.billing-continue-container {
    margin-bottom: 120px
}

.billing-continue-container .add-to-email-list>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.billing-continue-container .add-to-email-list .label-middle {
    margin-top: 22px
}

.billing-continue-container .add-to-email-list label {
    padding: 0;
    color: #000
}

.billing-continue-container .add-to-email-list input.addtoemaillist {
    top: -1px
}

@media (min-width:769px) {
    .billing-continue-container .add-to-email-list input.addtoemaillist {
        top: 0
    }
}

.reveiwpage-billing .address-content-row {
    font-size: 1.5rem
}

@media (max-width:750px) {
    .reveiwpage-billing .address-content-row {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .reveiwpage-billing .address-content-row {
        font-size: 1.125rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .reveiwpage-billing .address-content-row {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.address-content-row.inreview-description,
.address-content-row.inreview-state-field,
.inreview-description {
    display: inline
}

.creditcard-tile-reviewpage {
    margin-top: -20px;
    margin-left: -20px;
    border: none
}

.creditcard-tile-reviewpage .cc-owner {
    display: none
}

.creditcard-tile-reviewpage .cc-exp {
    margin-top: 9px
}

@media (min-width:769px) {
    .creditcard-tile-reviewpage .cc-exp {
        margin-top: 12px
    }
}

.devider {
    margin: 5.5vw 0 6.5vw
}

@media (min-width:769px) {
    .devider {
        margin: 2em 0
    }
}

.billing .selected-shipping-address {
    margin-bottom: 14vw
}

@media (min-width:769px) {
    .billing .selected-shipping-address {
        margin-bottom: 115px
    }
}

@media (max-width:768.98px) {
    .billing .top-error {
        margin-bottom: 1.5vw
    }
}

.review {
    margin-bottom: 59px
}

@media (min-width:769px) {
    .review {
        margin-bottom: 327px
    }
}

.order-summary-footer .reviewpage-textcontent {
    font-size: 1.5rem;
    width: 100%;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .order-summary-footer .reviewpage-textcontent {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .order-summary-footer .reviewpage-textcontent {
        letter-spacing: .4px;
        font-size: 1.125rem;
        width: 62%;
        float: left
    }
}

@media (min-width:769px) and (max-width:750px) {
    .order-summary-footer .reviewpage-textcontent {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.order-summary-footer .place-order-button {
    width: 100%;
    margin-top: 51px
}

@media (min-width:769px) {
    .order-summary-footer .place-order-button {
        margin-top: 0;
        max-width: 28%;
        float: right
    }
}

@media screen and (max-width:576px) {
    .order-summary-footer .place-order-button {
        z-index: 2
    }
}

@media (min-width:769px) {
    .place-order-checkout {
        display: none
    }
}

@media (max-width:768.98px) {
    .place-order-checkout {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2;
        background: #fff;
        bottom: 0;
        border-top: 1px solid #ccc;
        padding: .8em;
        transition: all .5s ease-in-out;
        opacity: 0
    }
}

.place-order-checkout.show {
    opacity: 1
}

.place-order-checkout button {
    width: 100%;
    cursor: pointer
}

.order-history-btn-container {
    margin-top: 6vw
}

@media (min-width:769px) {
    .order-history-btn-container {
        margin-top: 2.561em
    }
}

@media (max-width:768.98px) {
    .order-history-btn-container .btn {
        width: 100%
    }
}

@media (min-width:769px) {
    .reviewstepclass.order-not-sticky {
        margin-bottom: 120px
    }
}

.modal-overlay .cc-owner-name span.error {
    z-index: -1
}

#wrapper.sticky-header.checkout-login .sticky-component {
    position: static
}

.pt_order-confirmation .confirmation {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 71px 10px 43px;
    position: relative;
    width: 100%;
    min-height: 1px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .confirmation {
        text-align: center;
        padding: 23px 30px 30px
    }
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%;
        background-color: #FAF9F9
    }
}

@media (max-width:768.98px) {
    .pt_order-confirmation .message-bg {
        background-color: #FAF9F9
    }
}

.pt_order-confirmation .confirmation-thank-you-slot {
    width: 100%;
    text-align: center
}

.pt_order-confirmation .confirmation-thank-you-slot h1 {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 18px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .confirmation-thank-you-slot h1 {
        font-size: 24px;
        line-height: 28.8px
    }
}

.pt_order-confirmation .confirmation-message-slot {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19.6px;
    text-align: center
}

@media (max-width:768.98px) {
    .pt_order-confirmation .confirmation-message-slot {
        padding: 0 11px
    }
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-message-slot {
        max-width: 640px
    }
}

.pt_order-confirmation .orderdetails {
    margin-top: 0;
    margin-bottom: 0;
    padding: 48px 0 0
}

.pt_order-confirmation .orderdetails .line-items {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 30px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .line-items {
        padding-right: 0;
        padding-left: 0
    }
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .line-items {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
        margin-left: 18.75%
    }
}

.pt_order-confirmation .orderdetails .line-items .order-heading {
    text-align: center
}

.pt_order-confirmation .orderdetails .line-items .order-heading .customer-heading {
    max-width: 255px;
    margin: 0 auto
}

.pt_order-confirmation .orderdetails .line-items .order-heading .title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px
}

.pt_order-confirmation .orderdetails .line-items .order-heading .heading {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 10px;
    letter-spacing: normal
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .line-items .order-heading .heading {
        display: inline-block;
        padding-bottom: 24px
    }
}

.pt_order-confirmation .orderdetails .line-items .order-heading .heading a {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 20px
}

.pt_order-confirmation .orderdetails .line-items .tracker-msg {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19.6px
}

.pt_order-confirmation .orderdetails .line-items .ordertracking-link {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19.6px;
    text-decoration: underline
}

.pt_order-confirmation .orderdetails .line-items .order-promotion-container {
    display: none
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items {
        padding-top: 40px
    }
}

.pt_order-confirmation .orderdetails .ordered-items .item-titles {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #414141;
    padding: 13px 0;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 16px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .ordered-items .item-titles {
        display: none
    }
}

.pt_order-confirmation .orderdetails .ordered-items .product-section {
    position: relative;
    padding: 0;
    margin-right: 20px;
    width: 18%;
    max-width: 105px
}

.pt_order-confirmation .orderdetails .ordered-items .titles-wrapper {
    width: 85%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.pt_order-confirmation .orderdetails .ordered-items .blank.wrapper {
    width: 48.8%;
    padding-right: 10px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.pt_order-confirmation .orderdetails .ordered-items .quantity-cost-wrapper {
    width: 48%;
    -ms-flex-item-align: end;
    align-self: flex-end;
    display: -ms-flexbox;
    display: flex
}

.pt_order-confirmation .orderdetails .ordered-items .quantity-section {
    width: 75%;
    padding-right: 0
}

.pt_order-confirmation .orderdetails .ordered-items .cost-section {
    width: 8%
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .cost-section {
        width: 19%;
        text-align: center
    }
}

.pt_order-confirmation .orderdetails .ordered-items .item-detail-row {
    border-bottom: 1px solid #f1f1f1;
    margin: 0;
    padding: 30px 0
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .item-detail-row {
        padding: 10px 0
    }
}

.pt_order-confirmation .orderdetails .ordered-items .item-detail-row:last-child {
    border: none
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details {
    -ms-flex-align: start;
    align-items: flex-start
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .item-image {
    position: relative;
    padding: 0;
    margin-right: 20px;
    width: 18%;
    max-width: 105px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .item-image {
        max-width: 100%;
        margin-right: 10px;
        width: 20%
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .item-details {
    width: 80%;
    position: relative
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .item-details {
        width: 85%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .item-details .product-name {
    display: none
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .item-details .line-item {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px;
    padding-bottom: 8px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .item-details .line-item {
        padding-bottom: 5px
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper {
    width: 100%
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper {
        width: 51.8%;
        padding-right: 10px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .attribute,
.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .name {
    padding-top: 5px
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .attribute {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .attribute span {
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #414141;
        font-size: 14px;
        line-height: 17px;
        text-transform: capitalize
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .color-holder {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: block
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .hex-swatch-block.multiColor {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .hexcode-unavailable {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    background: #ccc;
    position: relative
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .hexcode-unavailable::before {
    position: absolute;
    display: block;
    content: attr(data-content);
    font-size: 6px;
    color: #000;
    width: 42px;
    height: 20px;
    text-align: center;
    left: 10px;
    top: 10px;
    transform: translate(-50%, -50%)
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .brand-name-wrapper .hexcode-unavailable::before {
        top: 13px;
        line-height: 1
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .qty-price-wrapper {
    width: 80%;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .qty-price-wrapper {
        position: absolute;
        bottom: -1px;
        right: 0;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .qty-price-wrapper {
        width: 48%;
        -ms-flex-item-align: end;
        align-self: flex-end;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .quantity-column {
    width: 35%
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .quantity-column {
        width: 55%
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .quantity-column span {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    font-size: 14px;
    line-height: 16.8px
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .quantity-column span {
        font-size: 16px;
        line-height: 19.2px;
        color: #262626
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .line-item-price {
    width: 65%;
    text-align: right
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .ordered-items .line-item-details .line-item-price {
        width: 45%;
        text-align: center
    }
}

.pt_order-confirmation .orderdetails .ordered-items .line-item-details .line-item-price .bonus-item,
.pt_order-confirmation .orderdetails .ordered-items .line-item-details .line-item-price span {
    font-size: 16px;
    line-height: 19.2px
}

.pt_order-confirmation .orderdetails .ordered-items .product-promotion-container {
    display: none;
    margin: 0;
    background: 0 0
}

.pt_order-confirmation .orderdetails .ordered-items .product-promotion-container .promo {
    padding: 0;
    text-align: right
}

.pt_order-confirmation .orderdetails .tile-image-tint {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 126px rgba(0, 0, 0, .04);
    pointer-events: none
}

.pt_order-confirmation .orderdetails .sample-container {
    margin: 0;
    padding: 0;
    border: none
}

.pt_order-confirmation .orderdetails .sample-container .sample-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-container .sample-header {
        padding: 25px 0
    }
}

.pt_order-confirmation .orderdetails .sample-container .sample-header .text {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    font-size: 14px;
    line-height: 16.8px;
    padding-right: 20px
}

.pt_order-confirmation .orderdetails .sample-container .sample-header .sample-indicators-icons {
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #666;
    line-height: 18px
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-container .sample-header .sample-indicators-icons {
        display: none
    }
}

.pt_order-confirmation .orderdetails .sample-container .sample-header .sample-indicators-icons .check-mark {
    color: #33AD00
}

.pt_order-confirmation .orderdetails .sample-container .sample-header .sample-indicators-icons span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
    color: #666
}

.pt_order-confirmation .orderdetails .sample-container .sample-header .divider {
    width: 100%;
    border-bottom: 1px solid #666
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-tile {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    border-bottom: 1px solid #f1f1f1;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-tile {
        padding: 10px 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        min-height: auto
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-tile:last-child {
    border: none
}

.pt_order-confirmation .orderdetails .sample-tiles-container .tiles-wrapper {
    margin: 0
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .tiles-wrapper {
        display: block
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-image {
    position: relative;
    padding: 0;
    margin-right: 10px;
    width: 20%;
    max-width: 100%
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-image {
        margin-right: 20px;
        width: 18%;
        max-width: 105px
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-name {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px;
    padding-bottom: 5px
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-name {
        padding-bottom: 8px
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-attributes {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 14px;
    line-height: 16.8px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-attributes {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-attributes .sample-size {
        width: 100%;
        color: #666
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .item-details {
    width: 80%;
    display: block
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .item-details {
        width: 85%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-details {
    width: 100%;
    padding-right: 0;
    margin: 0
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-product-details {
        width: 51.8%;
        padding-right: 10px;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-quantity-price-wrapper {
    width: 48%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: end;
    align-self: flex-end;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:768.98px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-quantity-price-wrapper {
        display: none
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-quantity {
    width: 15%;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-quantity {
        width: 55%
    }
}

.pt_order-confirmation .orderdetails .sample-tiles-container .sample-price {
    width: 77%;
    text-align: right;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px
}

@media (min-width:769px) {
    .pt_order-confirmation .orderdetails .sample-tiles-container .sample-price {
        width: 45%;
        text-align: center
    }
}

.pt_order-confirmation .recommendation-container {
    display: none
}

.pt_order-confirmation .content-tile-container {
    padding-left: 0;
    padding-right: 0
}

.pt_order-confirmation .confirmation-content-tile {
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 20px;
    background-color: #FAF9F9
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-content-tile {
        padding: 40px 0
    }
}

.pt_order-confirmation .confirmation-content-tile .confirmation-content-title {
    width: 100%;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 16px
}

.pt_order-confirmation .confirmation-content-tile .confirmation-content-text {
    width: 100%;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19.6px;
    padding-bottom: 32px
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin: 0 -10px
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-content-tile .tutorial-listing {
        width: 102%
    }
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tile-placeholder {
    line-height: normal;
    position: relative
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        margin-bottom: 40px
    }
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile:nth-child(3) {
        margin-right: 6%
    }
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile a:hover {
    opacity: 1
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile .article-tags {
    display: none
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile h5 {
    font-family: Arial, Bold, sans-serif;
    font-weight: 700;
    color: #000;
    text-transform: none;
    font-size: 16px;
    line-height: 22.4px;
    text-align: left;
    margin: 20px 0 10px
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile .detail-link {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #D6001C;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px;
    text-align: left
}

@media (max-width:768.98px) {
    .pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile .detail-link {
        margin-top: 0
    }
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile .play-pause-btn {
    font-size: 25px;
    position: absolute;
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
    left: 8px;
    z-index: 1;
    bottom: 12px
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile .play-pause-btn:before {
    z-index: 1;
    position: relative;
    color: #fff
}

.pt_order-confirmation .confirmation-content-tile .tutorial-listing .tutorial-tile .play-pause-btn:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: #000;
    bottom: 0;
    position: absolute;
    z-index: 0;
    left: 5px
}

.pt_order-confirmation .confirmation-content-tile .btn.secondary {
    margin: 0 auto;
    padding: 0;
    height: 50px
}

@media (max-width:768.98px) {
    .pt_order-confirmation .confirmation-content-tile .btn.secondary {
        height: 36px;
        width: 100%
    }
}

.pt_order-confirmation .confirmation-content-tile .btn.secondary:hover a {
    color: #c8102e
}

.pt_order-confirmation .confirmation-content-tile .see-more {
    width: auto;
    margin: 0 auto;
    font-size: 14px;
    line-height: 25px;
    padding: 11px 39px;
    font-family: Arial, Medium, sans-serif;
    color: #262626
}

@media (max-width:768.98px) {
    .pt_order-confirmation .confirmation-content-tile .see-more {
        width: 100%;
        line-height: 14px;
        padding: 11px 0
    }
}

@media (max-width:768.98px) {
    .pt_order-confirmation .confirmation-signup {
        padding-left: 0;
        padding-right: 0
    }
}

.pt_order-confirmation .confirmation-login-header {
    position: relative;
    width: 100%;
    min-height: 1px;
    background-color: #FAF9F9;
    padding: 31px 20px 20px;
    text-align: left
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-header {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        padding: 40px 0 25px;
        text-align: center
    }
}

.pt_order-confirmation .confirmation-login-header h3 {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 20px;
    line-height: 24px
}

.pt_order-confirmation .confirmation-login-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.pt_order-confirmation .confirmation-login-box .login-box-left-content {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #FAF9F9;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 24.5px
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-box .login-box-left-content {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
        margin-left: 12.5%
    }
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    background-color: #FAF9F9;
    padding: 32px 20px 48px
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-box .login-box-right-content {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        padding: 10px 10px 48px
    }
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .form-row {
    padding: 0
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .form-row .error-placement {
    display: none
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .field-wrapper {
    padding: 0
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .pw-requirements {
    padding: 0 0 30px
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content [type=password],
.pt_order-confirmation .confirmation-login-box .login-box-right-content input[type=text] {
    padding: 14px 18px 13px;
    width: 100%;
    height: 51px;
    border: 1px solid #888;
    background-color: #FAF9F9
}

@media (min-width:769px) {

    .pt_order-confirmation .confirmation-login-box .login-box-right-content [type=password],
    .pt_order-confirmation .confirmation-login-box .login-box-right-content input[type=text] {
        width: 81%
    }
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content [type=password].error,
.pt_order-confirmation .confirmation-login-box .login-box-right-content input[type=text].error {
    border: 1px solid #c8102e
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 0 25px
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword .passowrd-checkbox {
    display: -ms-flexbox;
    display: flex;
    cursor: pointer
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword .passowrd-checkbox .checkbox-empty {
    width: 16px;
    height: 16px;
    border: 1px solid #888
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword .passowrd-checkbox .checkbox-checked {
    display: none;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 10px;
    background: #262626;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: center;
    justify-content: center
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword .passowrd-checkbox .icon-check-mark:before {
    bottom: 2px;
    position: relative
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword .passowrd-checkbox.checked .checkbox-empty {
    display: none
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword .passowrd-checkbox.checked .checkbox-checked {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.pt_order-confirmation .confirmation-login-box .login-box-right-content .showpassword .text {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 12px;
    line-height: 12px;
    padding-left: 10px;
    cursor: pointer
}

.pt_order-confirmation .confirmation-login-box .account-info {
    max-width: 100%;
    margin-left: 10px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 24.5px
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-box .account-info {
        margin-left: 14%
    }
}

.pt_order-confirmation .confirmation-login-box .desktop-account-list {
    margin-left: 10px
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-box .desktop-account-list {
        margin-left: 14%
    }
}

.pt_order-confirmation .confirmation-login-box .desktop-account-list .account-benefits-list {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 24.5px;
    padding-left: 15px
}

.pt_order-confirmation .confirmation-login-box .desktop-account-list .account-benefits-list li {
    margin: 0
}

.pt_order-confirmation .confirmation-login-box .create-button-container {
    width: 100%
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-box .create-button-container {
        width: 81%
    }
}

.pt_order-confirmation .confirmation-login-box .create-button-container .btn-primary {
    width: 100%;
    padding: 10px 0;
    height: 40px
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-box .create-button-container .btn-primary {
        height: 50px
    }
}

@media (min-width:769px) {
    .pt_order-confirmation .confirmation-login-box .login-box-right-content .tooltip {
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #262626;
        font-size: 14px;
        line-height: 19.6px;
        width: 92%
    }
}

.pt_order-confirmation .password-field-tooltip {
    margin-left: 20px;
    position: absolute;
    top: 8px
}

.pt_order-confirmation .password-label {
    position: relative
}

.pt_order-confirmation .password-label.error .password-field-tooltip {
    margin-left: 20px
}

.concierge-form-wrapper,
.contactus-form-wrapper {
    padding-bottom: 5.34vw
}

@media (min-width:769px) {

    .concierge-form-wrapper,
    .contactus-form-wrapper {
        padding-bottom: 40px
    }
}

.concierge-form-wrapper .top-text-container,
.contactus-form-wrapper .top-text-container {
    margin-top: 5.3vw
}

@media (min-width:769px) {

    .concierge-form-wrapper .top-text-container,
    .contactus-form-wrapper .top-text-container {
        margin-top: 40px
    }
}

.concierge-form-wrapper .form-row-button,
.contactus-form-wrapper .form-row-button {
    padding-top: 5.35vw
}

@media (min-width:769px) {

    .concierge-form-wrapper .form-row-button,
    .contactus-form-wrapper .form-row-button {
        padding-top: 5em
    }
}

@media (min-width:769px) {

    .concierge-form-wrapper .form-row-button,
    .contactus-form-wrapper .form-row-button {
        text-align: right
    }
}

.concierge-form-wrapper .form-description,
.contactus-form-wrapper .form-description {
    margin: 5.3vw 0
}

@media (min-width:769px) {

    .concierge-form-wrapper .form-description,
    .contactus-form-wrapper .form-description {
        margin: 40px 0
    }
}

.concierge-form-wrapper textarea,
.contactus-form-wrapper textarea {
    resize: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width:769px) {

    .concierge-form-wrapper .concierge-button-wrapper,
    .contactus-form-wrapper .concierge-button-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 75%
    }
}

.concierge-form-wrapper .concierge-button-wrapper button,
.contactus-form-wrapper .concierge-button-wrapper button {
    width: 100%
}

@media (min-width:769px) {

    .concierge-form-wrapper .concierge-button-wrapper button,
    .contactus-form-wrapper .concierge-button-wrapper button {
        height: 3.335em;
        width: auto;
        min-width: 200px
    }
}

.concierge-form-wrapper .user-consent-label label,
.contactus-form-wrapper .user-consent-label label {
    padding-left: .4em
}

@media (min-width:769px) {

    .concierge-form-wrapper .user-consent-label label,
    .contactus-form-wrapper .user-consent-label label {
        padding-left: 3.3em
    }
}

.concierge-form-wrapper .user-consent-label a,
.contactus-form-wrapper .user-consent-label a {
    color: #888;
    border-bottom: 1px solid #888;
    font-size: 1.25rem
}

@media (max-width:750px) {

    .concierge-form-wrapper .user-consent-label a,
    .contactus-form-wrapper .user-consent-label a {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {

    .concierge-form-wrapper .user-consent-label a,
    .contactus-form-wrapper .user-consent-label a {
        font-size: .875rem;
        line-height: 1.33
    }
}

@media (min-width:769px) and (max-width:750px) {

    .concierge-form-wrapper .user-consent-label a,
    .contactus-form-wrapper .user-consent-label a {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

@media (max-width:768.98px) {
    .replenishment-service-hero {
        margin: 9vw 0 0
    }
}

@media (min-width:769px) {
    .replenishment-service-hero {
        margin-top: 5.8vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-hero {
        margin-top: 85px
    }
}

.replenishment-service-hero .header-text {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:768.98px) {
    .replenishment-service-hero .header-text {
        padding: 0 11.1vw 0 3.1vw
    }
}

@media (min-width:769px) {
    .replenishment-service-hero .header-text {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 6.25%
    }
}

.replenishment-service-hero .page-title {
    line-height: 1.21;
    letter-spacing: 1.4px
}

@media (min-width:769px) {
    .replenishment-service-hero .page-title {
        font-size: 2vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-hero .page-title {
        font-size: 28px
    }
}

.replenishment-service-hero .title {
    margin: 2.5vw 0 6.5vw;
    letter-spacing: -1.6px
}

@media (min-width:769px) {
    .replenishment-service-hero .title {
        font-size: 5.56vw;
        margin: 1.4vw 0 3.2vw -.4vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-hero .title {
        font-size: 80px;
        margin: 20px 0 47px -5px
    }
}

.replenishment-service-hero .intro-copy {
    list-style: none
}

.replenishment-service-hero .intro-copy li {
    position: relative;
    letter-spacing: .4px;
    padding: 0 0 .8vw 5.5vw
}

@media (min-width:769px) {
    .replenishment-service-hero .intro-copy li {
        line-height: 1.33;
        letter-spacing: .3px;
        padding: 0 0 1.2vw 40px
    }
}

@media (min-width:1440px) {
    .replenishment-service-hero .intro-copy li {
        padding-bottom: 17px
    }
}

.replenishment-service-hero .intro-copy li:last-child {
    padding-bottom: 0
}

.replenishment-service-hero .intro-copy li::before {
    left: 3px;
    top: 1.6vw;
    height: 1vw;
    content: '';
    width: 2.1vw;
    position: absolute;
    display: inline-block;
    transform: rotate(-50deg);
    border: 1px solid #c8102e;
    border-width: 0 0 1px 1px
}

@media (min-width:769px) {
    .replenishment-service-hero .intro-copy li::before {
        top: 5px;
        width: 16px;
        height: 8px
    }
}

.replenishment-service-hero .product {
    display: none
}

@media (min-width:769px) {
    .replenishment-service-hero .product {
        display: block;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px
    }
}

@media (max-width:768.98px) {
    .replenishment-service-get-started {
        margin: 0 -20px
    }
}

.replenishment-service-get-started .content-wrapper {
    width: 100%;
    position: relative;
    padding: 31vw 0 17vw;
    display: inline-block
}

@media (min-width:769px) {
    .replenishment-service-get-started .content-wrapper {
        padding: 0;
        margin: 16.5vw 0 8.5vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .content-wrapper {
        margin: 240px 0 120px
    }
}

@media (max-width:768.98px) {
    .replenishment-service-get-started .image-wrapper {
        top: 50%;
        left: 50%;
        width: 193%;
        z-index: -1;
        position: absolute;
        transform: translate(-50%, -49%)
    }
}

.replenishment-service-get-started .text-wrapper {
    width: 82%;
    margin: 0 auto;
    background: #fff;
    padding: 9vw 6vw 9vw 8.5vw
}

@media (min-width:769px) {
    .replenishment-service-get-started .text-wrapper {
        top: 16.6vw;
        width: 42.3%;
        margin-left: 32%;
        position: absolute;
        padding: 5.6vw 6.3vw 6vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .text-wrapper {
        top: 22%;
        padding: 80px 6.2% 88px
    }
}

.replenishment-service-get-started .heading {
    letter-spacing: -1.1px
}

@media (min-width:769px) {
    .replenishment-service-get-started .heading {
        font-size: 5.56vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .heading {
        font-size: 80px
    }
}

.replenishment-service-get-started .intro-copy {
    margin: 4.5vw 0 6.5vw
}

@media (min-width:769px) {
    .replenishment-service-get-started .intro-copy {
        margin: 2.5vw 0 3vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .intro-copy {
        margin: 39px 0 43px
    }
}

.replenishment-service-get-started .intro-copy p {
    line-height: 1.42;
    margin-bottom: 4.5vw;
    letter-spacing: -.3px
}

@media (min-width:769px) {
    .replenishment-service-get-started .intro-copy p {
        line-height: 1.33;
        margin-bottom: 2.2vw;
        letter-spacing: .3px
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .intro-copy p {
        margin-bottom: 30px
    }
}

.replenishment-service-get-started .intro-copy p:last-child {
    margin-bottom: 0
}

.replenishment-service-get-started .see-your-account,
.replenishment-service-get-started .sign-in {
    z-index: 1;
    display: inline-block
}

@media (max-width:768.98px) {

    .replenishment-service-get-started .see-your-account,
    .replenishment-service-get-started .sign-in {
        width: 100%
    }
}

@media (min-width:769px) {

    .replenishment-service-get-started .see-your-account,
    .replenishment-service-get-started .sign-in {
        min-width: 47%;
        max-height: 40px;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.replenishment-service-get-started .create-account {
    font-size: 1.5rem;
    line-height: 1.42;
    margin: 7vw 0 -.5vw;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .replenishment-service-get-started .create-account {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .replenishment-service-get-started .create-account {
        font-size: 18px;
        margin: 2.5vw 0 0;
        line-height: 1.33;
        letter-spacing: .4px
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .create-account {
        margin: 36px 0 0
    }
}

.replenishment-service-get-started .create-account a {
    font-size: 1.5rem
}

@media (max-width:750px) {
    .replenishment-service-get-started .create-account a {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .replenishment-service-get-started .create-account a {
        font-size: 18px
    }
}

.replenishment-service-get-started .bottom-image,
.replenishment-service-get-started .see-your-account,
.replenishment-service-get-started .top-image {
    display: none
}

@media (min-width:769px) {

    .replenishment-service-get-started .bottom-image,
    .replenishment-service-get-started .top-image {
        display: block;
        position: absolute
    }
}

@media (min-width:769px) {
    .replenishment-service-get-started .top-image {
        left: -31%;
        width: 48%;
        top: -15.1vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .top-image {
        top: -32%
    }
}

@media (min-width:769px) {
    .replenishment-service-get-started .bottom-image {
        right: -9%;
        width: 31%;
        bottom: -7.5vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-get-started .bottom-image {
        bottom: -16%
    }
}

@media (min-width:769px) {
    .replenishment-service-recommendation .recommendation-container {
        margin-top: 8vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-recommendation .recommendation-container {
        margin-top: 120px
    }
}

.replenishment-service-recommendation .carousel-recommendations>div[class^=item-],
.replenishment-service-recommendation .divider {
    opacity: 1;
    transform: none;
    transition: none
}

.replenishment-service-assistance {
    padding: 7.5vw 0 31vw
}

@media (min-width:769px) {
    .replenishment-service-assistance {
        padding: 9vw 0 16.5vw;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance {
        padding: 130px 0 240px
    }
}

.replenishment-service-assistance .text-wrapper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width:768.98px) {
    .replenishment-service-assistance .text-wrapper {
        padding: 0 calc(2% + 10px) 0 calc(6% + 10px)
    }
}

@media (min-width:769px) {
    .replenishment-service-assistance .text-wrapper {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 12.5%;
        margin-top: 12.3vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .text-wrapper {
        margin-top: 178px
    }
}

.replenishment-service-assistance .text-wrapper .heading {
    letter-spacing: -1.1px
}

@media (min-width:769px) {
    .replenishment-service-assistance .text-wrapper .heading {
        font-size: 5.56vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .text-wrapper .heading {
        font-size: 80px
    }
}

.replenishment-service-assistance .description {
    margin: 6.5vw 0 15vw
}

@media (min-width:769px) {
    .replenishment-service-assistance .description {
        padding-right: 30.1%;
        margin: 1.75vw 0 0
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .description {
        margin: 25px 0 0
    }
}

.replenishment-service-assistance .description p {
    line-height: 1.42;
    margin-bottom: 4.8vw;
    letter-spacing: .4px
}

@media (min-width:769px) {
    .replenishment-service-assistance .description p {
        line-height: 1.33;
        margin-bottom: 2vw;
        letter-spacing: .3px
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .description p {
        margin-bottom: 28px
    }
}

.replenishment-service-assistance .description p:last-child {
    margin-bottom: 0
}

.replenishment-service-assistance .description span {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600
}

.replenishment-service-assistance .help-wrapper {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-wrapper {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        left: 10px;
        padding: 0;
        position: relative
    }
}

.replenishment-service-assistance .help-wrapper::after {
    height: 9vw;
    content: '';
    width: 100%;
    display: inline-block;
    background: url(../images/inkedgesidebar.png) 0 0/contain no-repeat;
    margin-top: -1px
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-wrapper::after {
        height: 70px
    }
}

.replenishment-service-assistance .help-content {
    color: #fff;
    background: #000;
    padding: 7.5vw 2.67vw 0
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-content {
        padding: 4vw 1.4vw 0
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .help-content {
        padding: 60px 20px 0
    }
}

.replenishment-service-assistance .help-content .title {
    line-height: .87;
    font-size: 1.875rem;
    margin-bottom: 2.6vw;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .replenishment-service-assistance .help-content .title {
        font-size: calc(0.20168rem + 3.56976vw)
    }
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-content .title {
        line-height: .73;
        margin-bottom: 1.4vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .help-content .title {
        margin-bottom: 20px
    }
}

.replenishment-service-assistance .help-content .sub-title {
    line-height: .92;
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .replenishment-service-assistance .help-content .sub-title {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-content .sub-title {
        font-size: 18px;
        line-height: 1.22;
        letter-spacing: normal
    }
}

.replenishment-service-assistance .help-content a {
    color: #fff
}

.replenishment-service-assistance .help-content p {
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.8vw;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-content p {
        margin-top: 2.2vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .help-content p {
        margin-top: 30px
    }
}

.replenishment-service-assistance .help-content a,
.replenishment-service-assistance .help-content p {
    line-height: 1.36;
    font-size: 1.375rem;
    letter-spacing: .4px
}

@media (max-width:750px) {

    .replenishment-service-assistance .help-content a,
    .replenishment-service-assistance .help-content p {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {

    .replenishment-service-assistance .help-content a,
    .replenishment-service-assistance .help-content p {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: .3px
    }
}

.replenishment-service-assistance .help-content i {
    width: 7vw
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-content i {
        width: 3.6vw
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .help-content i {
        width: 51px
    }
}

.replenishment-service-assistance .help-content .icon-email {
    word-break: break-all
}

.replenishment-service-assistance .help-content span {
    width: calc(100% - 7vw)
}

@media (min-width:769px) {
    .replenishment-service-assistance .help-content span {
        width: calc(100% - 3.6vw)
    }
}

@media (min-width:1440px) {
    .replenishment-service-assistance .help-content span {
        width: calc(100% - 51px)
    }
}

.replenish-footnote {
    bottom: 7vw;
    font-size: 1.375rem;
    line-height: 1.45;
    position: absolute;
    letter-spacing: .3px;
    padding: 0 13vw 0 3vw
}

@media (max-width:750px) {
    .replenish-footnote {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {
    .replenish-footnote {
        width: 45%;
        bottom: 3.5vw;
        font-size: 16px;
        padding: 0 0 0 16%;
        line-height: normal;
        letter-spacing: .2px
    }
}

@media (min-width:1440px) {
    .replenish-footnote {
        bottom: 50px
    }
}

.replenish-footnote a {
    font-size: 1.375rem;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000;
    text-transform: uppercase
}

@media (max-width:750px) {
    .replenish-footnote a {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {
    .replenish-footnote a {
        font-size: 16px
    }
}

.replenishment-service-bottom-wrapper {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px
}

@media (max-width:768.98px) {
    .replenishment-service-bottom-wrapper {
        padding: 0 20px
    }
}

@media (max-width:768.98px) {
    .replenishment-footer-texture {
        display: none
    }
}

@media (min-width:769px) {
    .replenishment-footer-texture {
        width: 35%;
        z-index: -1;
        left: -20vw;
        bottom: -26vw;
        position: absolute
    }
}

@media (min-width:1440px) {
    .replenishment-footer-texture {
        left: -288px;
        bottom: -375px
    }
}

.registered-user .replenishment-service-get-started .create-account,
.registered-user .replenishment-service-get-started .sign-in {
    display: none
}

.registered-user .replenishment-service-get-started .see-your-account {
    display: inline-block
}

.registered-user .replenish-footnote {
    display: none
}

.concierge-page,
.contact-us-page {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px
}

@media (min-width:769px) {

    .concierge-page,
    .contact-us-page {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%
    }
}

.concierge-form-wrapper .bold-title {
    font-family: Arial, Bold, sans-serif
}

.concierge-form-wrapper .first-paragraph {
    margin-bottom: 10px
}

.concierge-form-wrapper .second-label {
    margin-top: 25px
}

.concierge-form-wrapper .ui-selectmenu-text {
    color: #000
}

.concierge-form-wrapper .form-row label {
    font-size: 1.5rem;
    letter-spacing: .5px
}

@media (max-width:750px) {
    .concierge-form-wrapper .form-row label {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .concierge-form-wrapper .form-row label {
        font-size: 1.125rem;
        letter-spacing: .4px
    }
}

@media (min-width:769px) and (max-width:750px) {
    .concierge-form-wrapper .form-row label {
        font-size: calc(0.20093rem + 1.97136vw)
    }
}

.concierge-form-wrapper .checkbox input[type=checkbox] {
    top: inherit;
    position: absolute
}

.concierge-form-wrapper .checkbox label {
    cursor: pointer;
    position: relative;
    top: 0
}

@media (min-width:769px) {
    .concierge-form-wrapper .checkbox label {
        top: 6px
    }
}

.concierge-form-wrapper .checkbox .field-wrapper {
    position: relative
}

.concierge-form-wrapper .checkbox.form-row label {
    padding-left: 2.5em
}

@media (min-width:769px) {
    .concierge-form-wrapper .checkbox.form-row label {
        padding-left: 41px
    }
}

.concierge-form-wrapper .splitter {
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: block
}

.concierge-form-wrapper .splitter.sp1 {
    padding-top: 3.2vw;
    margin-bottom: 3.3vw
}

@media (min-width:769px) {
    .concierge-form-wrapper .splitter.sp1 {
        padding-top: 11px;
        margin-bottom: 21px
    }
}

.concierge-form-wrapper .splitter.sp2 {
    padding-top: 2.5vw;
    margin-bottom: 3.3vw
}

@media (min-width:769px) {
    .concierge-form-wrapper .splitter.sp2 {
        padding-top: 6px;
        margin-bottom: 19px
    }
}

.concierge-form-wrapper .splitter.sp3 {
    padding-top: 3.2vw;
    margin-bottom: 2.7vw
}

@media (min-width:769px) {
    .concierge-form-wrapper .splitter.sp3 {
        padding-top: 9px;
        margin-bottom: 6px
    }
}

.concierge-form-wrapper .user-consent-container label {
    font-size: 1.25rem;
    padding-left: .4em
}

@media (max-width:750px) {
    .concierge-form-wrapper .user-consent-container label {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .concierge-form-wrapper .user-consent-container label {
        padding-left: 3.3em;
        font-size: .875rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .concierge-form-wrapper .user-consent-container label {
        font-size: calc(0.20068rem + 1.43856vw)
    }
}

.ask-expert-success-container .top-block {
    padding: 30px;
    text-align: center
}

.ask-expert-success-container .top-block .primary-heading {
    font-size: 2.25rem;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5
}

@media (max-width:750px) {
    .ask-expert-success-container .top-block .primary-heading {
        font-size: calc(0.20205rem + 4.36896vw)
    }
}

.ask-expert-success-container .top-block .secondary-heading {
    font-size: 1.375rem;
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.7;
    font-family: Arial, Medium, sans-serif
}

@media (max-width:750px) {
    .ask-expert-success-container .top-block .secondary-heading {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

.pt_foundation.sticky-header .foundation-finder-wrapper .question-header {
    padding-top: 18.2vw
}

@media (min-width:769px) {
    .pt_foundation.sticky-header .foundation-finder-wrapper .question-header {
        padding-top: 10.5vw
    }
}

@media (min-width:1440px) {
    .pt_foundation.sticky-header .foundation-finder-wrapper .question-header {
        padding-top: 152px
    }
}

.foundation-finder-wrapper .question-header {
    background-color: #c8102e;
    padding: 20.8vw 0 13vw
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-header {
        padding: 11.5vw 0 8vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-header {
        padding: 152px 0 116px
    }
}

.foundation-finder-wrapper .question-header h2,
.foundation-finder-wrapper .question-header h3 {
    text-align: center
}

.foundation-finder-wrapper .question-header h3 {
    line-height: 1.5;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #fff;
    text-transform: none
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .question-header h3 {
        font-size: 1.25rem
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .foundation-finder-wrapper .question-header h3 {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-header h3 {
        line-height: 1;
        letter-spacing: .8px
    }
}

.foundation-finder-wrapper .quiz-question h2 {
    padding: 0 20px 2.5vw;
    letter-spacing: .7px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #fff;
    text-transform: none
}

@media (min-width:769px) {
    .foundation-finder-wrapper .quiz-question h2 {
        padding-bottom: 1.5vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .quiz-question h2 {
        padding-bottom: 22px
    }
}

.foundation-finder-wrapper .body-wrapper {
    width: 100%;
    position: relative
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .body-wrapper {
        padding: 0
    }
}

.foundation-finder-wrapper .step-indicator {
    position: absolute;
    margin: -2.8vw 0 0 2.67vw
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .step-indicator {
        z-index: -1
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .step-indicator {
        width: 5%;
        text-align: center;
        margin: .5vw 0 0 10px
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .step-indicator {
        margin: 9px 0 0 10px
    }
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .step-indicator .steps .pipe {
        margin-bottom: 1.5vw
    }
}

.foundation-finder-wrapper .step-indicator .steps.active h4 {
    display: inline-block;
    font-size: 1.25rem;
    color: #666
}

@media (max-width:750px) {
    .foundation-finder-wrapper .step-indicator .steps.active h4 {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .step-indicator .steps.active h4 {
        font-size: 1rem
    }
}

@media (min-width:769px) and (max-width:750px) {
    .foundation-finder-wrapper .step-indicator .steps.active h4 {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

.foundation-finder-wrapper .step-indicator .steps.active .pipe {
    background: #c8102e;
    font-size: 7.5rem;
    line-height: 1
}

@media (max-width:750px) {
    .foundation-finder-wrapper .step-indicator .steps.active .pipe {
        font-size: calc(0.2073rem + 15.55776vw)
    }
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .step-indicator .active-step {
        display: none
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .step-indicator .active-step h4 {
        color: #666;
        white-space: nowrap;
        letter-spacing: .8px
    }
}

.foundation-finder-wrapper .question-body-wrapper {
    width: 83.5%;
    margin: 8vw auto 0
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper {
        width: 81%;
        margin: 5.6vw auto 0
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper {
        margin: 81px auto 0
    }
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper {
        top: -1.8vw;
        position: relative
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper {
        padding-top: 2.2vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper {
        padding-top: 32px
    }
}

.foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .js-skinToneOnResize {
    opacity: 0
}

.foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .slick-track {
    display: -ms-flexbox;
    display: flex
}

.foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .slick-slide {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    padding: 1.87vw 1vw
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .slick-slide {
        padding: .6vw 10px
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .slick-slide {
        padding: 8px 10px
    }
}

.foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .single-radio.selected {
    position: relative
}

.foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .single-radio.selected::after {
    left: 0;
    content: '';
    width: 100%;
    height: 1.87vw;
    bottom: -1.7vw;
    position: absolute;
    display: inline-block;
    background: #c8102e
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .single-radio.selected::after {
        height: .69vw;
        bottom: -.6vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper.skin-tone-wrapper .single-radio.selected::after {
        height: 8px;
        bottom: -6px
    }
}

.foundation-finder-wrapper .question-body-wrapper.content-wrapper {
    width: 79.5%
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper.content-wrapper {
        padding-top: 2.64vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper.content-wrapper {
        padding-top: 38px
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper.content-wrapper .question-body.carousel {
        width: 91%
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper.content-wrapper .question-body.carousel {
        width: 88%
    }
}

.foundation-finder-wrapper .question-body-wrapper.content-wrapper .multi-checkbox:hover.unselectable input:not(:checked)+label,
.foundation-finder-wrapper .question-body-wrapper.content-wrapper .single-radio:hover.unselectable input:not(:checked)+label {
    cursor: default
}

@media (min-width:769px) {

    .foundation-finder-wrapper .question-body-wrapper.content-wrapper .multi-checkbox:hover:not(.unselectable) .img-wrapper::before,
    .foundation-finder-wrapper .question-body-wrapper.content-wrapper .single-radio:hover:not(.unselectable) .img-wrapper::before {
        content: '';
        width: 100%;
        height: 100%;
        opacity: .5;
        position: absolute;
        background: #000;
        display: inline-block
    }

    .foundation-finder-wrapper .question-body-wrapper.content-wrapper .multi-checkbox:hover:not(.unselectable) .title,
    .foundation-finder-wrapper .question-body-wrapper.content-wrapper .single-radio:hover:not(.unselectable) .title {
        color: #fff
    }
}

.foundation-finder-wrapper .question-body-wrapper.content-wrapper .multi-checkbox .img-wrapper,
.foundation-finder-wrapper .question-body-wrapper.content-wrapper .single-radio .img-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.foundation-finder-wrapper .question-body-wrapper.content-wrapper .multi-checkbox .img-wrapper.no-image,
.foundation-finder-wrapper .question-body-wrapper.content-wrapper .single-radio .img-wrapper.no-image {
    background: #ccc
}

.foundation-finder-wrapper .question-body-wrapper input[type=checkbox].custom+label,
.foundation-finder-wrapper .question-body-wrapper input[type=radio].custom+label {
    width: 100%;
    padding-left: 0;
    position: relative;
    display: inline-block
}

.foundation-finder-wrapper .question-body-wrapper input[type=checkbox].custom+label::after,
.foundation-finder-wrapper .question-body-wrapper input[type=checkbox].custom+label::before,
.foundation-finder-wrapper .question-body-wrapper input[type=radio].custom+label::after,
.foundation-finder-wrapper .question-body-wrapper input[type=radio].custom+label::before {
    display: none
}

.foundation-finder-wrapper .question-body-wrapper:not(.skin-tone-wrapper) input[type=checkbox].custom:checked+label .img-wrapper,
.foundation-finder-wrapper .question-body-wrapper:not(.skin-tone-wrapper) input[type=radio].custom:checked+label .img-wrapper {
    position: relative
}

.foundation-finder-wrapper .question-body-wrapper:not(.skin-tone-wrapper) input[type=checkbox].custom:checked+label .img-wrapper::before,
.foundation-finder-wrapper .question-body-wrapper:not(.skin-tone-wrapper) input[type=radio].custom:checked+label .img-wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    opacity: .5;
    position: absolute;
    background: #000;
    display: inline-block
}

.foundation-finder-wrapper .question-body-wrapper:not(.skin-tone-wrapper) input[type=checkbox].custom:checked+label .title,
.foundation-finder-wrapper .question-body-wrapper:not(.skin-tone-wrapper) input[type=radio].custom:checked+label .title {
    color: #fff
}

.foundation-finder-wrapper .question-body-wrapper .slick-slide {
    padding: 0 7.5px
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-slide {
        padding: 0 .6vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-slide {
        padding: 0 10px
    }
}

.foundation-finder-wrapper .question-body-wrapper .slick-arrow {
    top: 41%;
    visibility: visible
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-arrow {
        top: 45%;
        width: 30px
    }
}

.foundation-finder-wrapper .question-body-wrapper .slick-arrow::after {
    padding: 1vw;
    border-width: 0 2px 2px 0
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-arrow::after {
        padding: .7vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-arrow::after {
        padding: 10px
    }
}

.foundation-finder-wrapper .question-body-wrapper .slick-arrow.slick-prev {
    left: -32px
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-arrow.slick-prev {
        left: -2.2vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-arrow.slick-prev {
        left: -32px
    }
}

.foundation-finder-wrapper .question-body-wrapper .slick-arrow.slick-next {
    right: -32px
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-arrow.slick-next {
        right: -2vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper .slick-arrow.slick-next {
        right: -30px
    }
}

.foundation-finder-wrapper .question-body-wrapper .title-wrapper {
    top: 50%;
    width: 100%;
    padding: 0 5px;
    position: absolute;
    text-align: center;
    display: inline-block;
    transform: translate(0, -50%)
}

.foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
    display: none;
    padding: .67vw;
    font-size: 1rem;
    background: #fff;
    border-radius: 50%;
    margin-bottom: 9.5vw
}

@media (max-width:750px) {
    .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
        font-size: calc(0.2008rem + 1.70496vw)
    }
}

@media (max-width:576px) {
    .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
        line-height: 1.2;
        padding-top: 1vw
    }

    @supports (-webkit-overflow-scrolling:touch) {
        .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
            line-height: normal;
            padding-top: .67vw
        }
    }
}

@media (max-width:768px) and (orientation:landscape) {
    .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
        height: 30px;
        width: 30px;
        padding: 7px 5px 5px
    }

    @supports (-webkit-overflow-scrolling:touch) {
        .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
            height: 30px;
            width: 30px;
            padding: 7px 5px 5px
        }
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
        padding: 5px;
        margin-bottom: 4vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
        margin-bottom: 40px
    }
}

@media (min-width:769px) {
    @supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
        .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
            height: 30px;
            width: 30px;
            padding: 7px 5px 5px
        }
    }
}

@media (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
    @supports (-webkit-marquee-repetition:infinite) and ((-o-object-fit:fill) or (object-fit:fill)) {
        .foundation-finder-wrapper .question-body-wrapper .title-wrapper .selection-order {
            height: 30px;
            width: 30px;
            padding: 7px 5px 5px
        }
    }
}

.foundation-finder-wrapper .question-body-wrapper .title-wrapper .title {
    width: 100%;
    font-size: 1.5rem;
    letter-spacing: .5px;
    display: inline-block;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .foundation-finder-wrapper .question-body-wrapper .title-wrapper .title {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .title-wrapper .title {
        font-size: 18px;
        letter-spacing: .9px
    }
}

.foundation-finder-wrapper .question-body-wrapper .optional-text {
    margin-top: 2vw;
    color: #666;
    font-size: 1.375rem;
    text-align: center;
    letter-spacing: .4px
}

@media (max-width:750px) {
    .foundation-finder-wrapper .question-body-wrapper .optional-text {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .question-body-wrapper .optional-text {
        margin-bottom: -1vw
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body-wrapper .optional-text {
        margin-top: 8px;
        font-size: 16px;
        line-height: 1.25;
        letter-spacing: .8px
    }
}

.foundation-finder-wrapper .question-body .img-wrapper img {
    width: 100%
}

.foundation-finder-wrapper .question-body.carousel {
    margin: 0 auto;
    width: calc(100% - 7vw)
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body.carousel {
        width: 94%
    }
}

.foundation-finder-wrapper .question-body:not(.carousel) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:769px) {
    .foundation-finder-wrapper .question-body:not(.carousel) {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.foundation-finder-wrapper .question-body:not(.carousel) .multi-checkbox,
.foundation-finder-wrapper .question-body:not(.carousel) .single-radio {
    width: calc(50% - 2.66vw)
}

@media (min-width:769px) {

    .foundation-finder-wrapper .question-body:not(.carousel) .multi-checkbox,
    .foundation-finder-wrapper .question-body:not(.carousel) .single-radio {
        width: 16%;
        padding: 0 10px
    }
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .question-body:not(.carousel) .single-radio {
        margin-bottom: 5vw
    }

    .foundation-finder-wrapper .question-body:not(.carousel) .single-radio:last-child {
        margin-bottom: 0
    }
}

.foundation-finder-wrapper .info-msg {
    line-height: 1.42;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: 1.2px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666
}

@media (max-width:750px) {
    .foundation-finder-wrapper .info-msg {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

@media (max-width:768.98px) {
    .foundation-finder-wrapper .info-msg {
        margin-top: 5vw
    }
}

@media (min-width:769px) {
    .foundation-finder-wrapper .info-msg {
        font-size: 16px;
        line-height: 3.13;
        letter-spacing: .8px
    }
}

.foundation-finder-wrapper .info-msg i {
    display: none
}

.foundation-finder-buttons {
    position: relative;
    margin: 7.8vw auto 16vw;
    text-align: center
}

@media (min-width:769px) {
    .foundation-finder-buttons {
        margin: 3.8vw auto 8.4vw
    }
}

@media (min-width:1024px) and (orientation:landscape) {
    .foundation-finder-buttons {
        margin: 3.8vw auto 12vw
    }
}

@media (min-width:1440px) {
    .foundation-finder-buttons {
        margin: 55px auto 120px
    }
}

.foundation-finder-buttons .foundation-finder-back {
    left: 13vw;
    bottom: 2.4vw;
    font-size: 1.375rem;
    position: absolute;
    letter-spacing: 1.1px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #000;
    text-transform: uppercase
}

@media (max-width:750px) {
    .foundation-finder-buttons .foundation-finder-back {
        font-size: calc(0.20118rem + 2.50416vw)
    }
}

@media (min-width:769px) {
    .foundation-finder-buttons .foundation-finder-back {
        bottom: 9px;
        left: 13.9vw;
        font-size: 16px;
        letter-spacing: .8px
    }
}

@media (min-width:1440px) {
    .foundation-finder-buttons .foundation-finder-back {
        left: 14%
    }
}

.foundation-finder-buttons .foundation-finder-back:before {
    left: -3px;
    top: 1.8vw;
    content: '';
    padding: .5vw;
    font-size: 1.25rem;
    position: absolute;
    border: solid #000;
    display: inline-block;
    border-width: 0 3px 3px 0;
    transform: rotate(135deg);
    transform-origin: left top
}

@media (max-width:750px) {
    .foundation-finder-buttons .foundation-finder-back:before {
        font-size: calc(0.20105rem + 2.23776vw)
    }
}

@media (min-width:769px) {
    .foundation-finder-buttons .foundation-finder-back:before {
        top: 48%;
        left: -5px;
        padding: 3px
    }
}

@media (min-width:769px) {
    .foundation-finder-buttons.skintone-button-wrapper .foundation-finder-back {
        left: 11.05%
    }
}

.foundation-finder-buttons .foundation-finder-finish,
.foundation-finder-buttons .foundation-finder-next {
    width: 28.5vw;
    box-sizing: border-box
}

@media (min-width:769px) {

    .foundation-finder-buttons .foundation-finder-finish,
    .foundation-finder-buttons .foundation-finder-next {
        width: 18.3vw
    }
}

@media (min-width:1440px) {

    .foundation-finder-buttons .foundation-finder-finish,
    .foundation-finder-buttons .foundation-finder-next {
        width: auto;
        min-width: 263px
    }
}

@media (max-width:768.98px) {

    .foundation-finder-wrapper #question-1 .single-radio,
    .foundation-finder-wrapper #question-2 .single-radio {
        margin-bottom: 0;
        width: calc(33.33% - 2.66vw)
    }

    .foundation-finder-wrapper #question-1 .title,
    .foundation-finder-wrapper #question-2 .title {
        font-size: 3.2vw
    }
}

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

    .foundation-finder-wrapper #question-1 .title,
    .foundation-finder-wrapper #question-2 .title {
        font-size: 24px
    }
}

.foundation-finder .recommendation-container h3.title {
    font-size: 1.75rem
}

@media (max-width:750px) {
    .foundation-finder .recommendation-container h3.title {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

@media (min-width:769px) {
    .foundation-finder .recommendation-container h3.title {
        margin-bottom: 49px
    }
}

@media (max-width:768.98px) {
    .foundation-finder .recommendation-container {
        margin: 6.4vw 0 24vw
    }
}

@media (min-width:769px) {
    .foundation-finder .recommendation-container {
        margin-top: 115px;
        margin-bottom: 240px
    }
}

.foundation-finder .f-f-tips-tutorial-section {
    width: 100%
}

@media screen and (max-width:768px) {
    .foundation-finder .tips-and-tutorials {
        padding: 7.46667vw 0 8vw
    }
}

@media (min-width:769px) {
    .foundation-finder .tips-and-tutorials {
        padding: 60px 0
    }
}

.foundation-finder .tips-and-tutorials.variation-2 .content-wrapper {
    height: auto;
    overflow: hidden
}

@media (max-width:768.98px) {
    .foundation-finder .tips-and-tutorials.variation-2 .link {
        width: 180px
    }
}

@media (max-width:768.98px) {
    .foundation-finder .tips-and-tutorials .videos {
        margin-left: 11%
    }
}

.foundation-finder .tips-and-tutorials .video-or-image-wrapper.z-video-or-image-wrapper {
    width: 100%
}

@media (max-width:768.98px) {
    .foundation-finder .tips-and-tutorials .link {
        right: calc(94% + 10px)
    }
}

.foundation-finder .tips-and-tutorials ol,
.foundation-finder .tips-and-tutorials ul {
    padding-left: 1.2em
}

@media (max-width:768.98px) {
    .foundation-finder-result .breadcrumb-mobile {
        display: none
    }
}

@media (max-width:768.98px) {
    .foundation-finder-result .product-grid {
        margin-bottom: 0
    }
}

@media (min-width:769px) {
    .foundation-finder-result .product-grid {
        width: 25%;
        margin-bottom: 56px
    }
}

.foundation-finder-result .search-result-items {
    padding: 0
}

@media (max-width:768.98px) {
    .foundation-finder-result .search-result-items .product-grid .foundation-finder-product-0 {
        margin: 0 auto
    }
}

@media (min-width:769px) {
    .foundation-finder-result .search-result-items .product-grid:after {
        left: 30px;
        width: calc(100% - 40px)
    }
}

@media (max-width:768.98px) {
    .foundation-finder-products {
        padding: 6.8vw 0 8vw
    }
}

@media (min-width:769px) {
    .foundation-finder-products {
        padding-top: 105px
    }
}

@media (max-width:768.98px) {
    .foundation-finder-products-list-2 .foundation-finder-product-0:after {
        left: 10px;
        width: calc(100% - 10px);
        margin-left: 2.5vw
    }
}

@media (min-width:769px) {
    .foundation-finder-products-list-2 .foundation-finder-product-0 {
        margin-left: 25%
    }
}

@media (max-width:768.98px) {
    .foundation-finder-products-list-2 .foundation-finder-product-1:after {
        width: calc(100% - 10px)
    }
}

@media (min-width:769px) {
    .foundation-finder-products-list-2 .foundation-finder-product-1 {
        margin-left: 6.25%
    }
}

@media (max-width:768.98px) {
    .foundation-finder-products-list-1 .foundation-finder-product-0 {
        margin: 0 auto
    }

    .foundation-finder-products-list-1 .foundation-finder-product-0:after {
        left: 10px;
        width: calc(100% - (2.5vw + 20px));
        margin-left: 2.5vw
    }
}

@media (min-width:769px) {
    .foundation-finder-products-list-1 .foundation-finder-product-0 {
        margin-left: 37.5%
    }
}

@media screen and (max-width:768px) {
    .retake-quiz-section {
        padding-top: 16vw;
        padding-bottom: 8vw
    }
}

@media (min-width:769px) {
    .retake-quiz-section {
        padding: 120px 0
    }
}

.retake-quiz-section .content {
    position: relative
}

.retake-quiz-section .texture-image {
    text-align: center
}

.retake-cta {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.retake-cta a:hover {
    opacity: 1
}

.retake-cta a.button.secondary {
    background-color: #fff;
    cursor: pointer;
    display: inline-block
}

@media (max-width:768.98px) {
    .retake-cta a.button.secondary {
        min-width: 74vw;
        padding-top: 2.2vw
    }
}

@media screen and (max-width:576px) {
    .retake-cta a.button.secondary {
        padding-top: 2.9vw
    }
}

@media (min-width:769px) {
    .retake-cta a.button.secondary {
        min-width: 200px
    }
}

.f-f-application-tips {
    width: 100%
}

@media screen and (max-width:768px) {
    .f-f-application-tips {
        margin-top: 22vw;
        margin-bottom: 16vw
    }
}

@media (min-width:769px) {
    .f-f-application-tips {
        margin-bottom: 120px
    }
}

.f-f-application-tips .headline {
    font-size: 5rem;
    letter-spacing: -1.1px;
    line-height: 1;
    padding-bottom: 6.4vw;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width:750px) {
    .f-f-application-tips .headline {
        font-size: calc(0.2048rem + 10.22976vw)
    }
}

@media (max-width:768.98px) {
    .f-f-application-tips .headline {
        width: 70vw
    }
}

@media (min-width:769px) {
    .f-f-application-tips .headline {
        width: 36%;
        padding: 165px 0 50px 156px
    }
}

.f-f-application-tips .headline span {
    font-family: Arial, sans-serif
}

.search-result-items.f-f-application-tips-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:769px) {
    .search-result-items.f-f-application-tips-items {
        padding-left: 12.5%;
        padding-right: 12.5%
    }
}

.search-result-items.f-f-application-tips-items .product-grid:after {
    display: none
}

@media (max-width:768.98px) {
    .search-result-items.f-f-application-tips-items>div:nth-of-type(2n+1) .product-grid-inner:after {
        left: 1px;
        margin-left: 2.7vw;
        width: calc(100% + 2.7vw)
    }

    .search-result-items.f-f-application-tips-items>div:nth-of-type(2n) .product-grid-inner:after {
        width: 100%;
        left: 0
    }
}

@media (min-width:769px) {
    .search-result-items.f-f-application-tips-items>div:nth-of-type(3n) .product-grid-inner:after {
        left: 0;
        width: 100%
    }
}

.search-result-items.f-f-application-tips-items .product-grid-inner {
    position: relative
}

@media screen and (max-width:768px) {
    .search-result-items.f-f-application-tips-items .product-grid-details {
        padding: 6.93333vw 1.33333vw 7.06667vw 2.66667vw
    }
}

@media (min-width:769px) {
    .search-result-items.f-f-application-tips-items .product-grid-details {
        padding: 60px 30px 0 20px
    }
}

.search-result-items.f-f-application-tips-items .product-grid-details .stepno {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.75rem
}

.search-result-items.f-f-application-tips-items .product-grid-details .stepno span {
    font-family: Arial, sans-serif
}

@media (max-width:750px) {
    .search-result-items.f-f-application-tips-items .product-grid-details .stepno {
        font-size: calc(0.20155rem + 3.30336vw)
    }
}

.search-result-items.f-f-application-tips-items .product-grid-details .copy {
    line-height: 1.17;
    letter-spacing: .4px;
    margin-top: 3.2vw
}

@media (min-width:769px) {
    .search-result-items.f-f-application-tips-items .product-grid-details .copy {
        line-height: 1.33;
        margin-top: 18px
    }
}

.search-result-items.f-f-application-tips-items .cta-wrapper {
    display: block;
    text-align: center;
    width: 100%
}

@media screen and (max-width:768px) {
    .search-result-items.f-f-application-tips-items .cta-wrapper {
        padding-right: 2.66667vw;
        padding-left: 2.66667vw
    }
}

@media (max-width:768.98px) {
    .search-result-items.f-f-application-tips-items .cta-wrapper button {
        min-width: 80VW;
        font-size: 1.5rem;
        padding: 2.5vw 2.13333vw
    }
}

@media (max-width:768.98px) and (max-width:750px) {
    .search-result-items.f-f-application-tips-items .cta-wrapper button {
        font-size: calc(0.2013rem + 2.77056vw)
    }
}

.panel-onlinequiz-wrapper {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    position: relative;
    min-height: 580px
}

@media (min-width:769px) {
    .panel-onlinequiz-wrapper::before {
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        content: "";
        background: #FAF9F9;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        height: 100%
    }
}

.panel-onlinequiz-wrapper .cta-image-triangle-dnr {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    margin-left: 12.5%;
    margin-bottom: 40px;
    -ms-flex-order: 1;
    order: 1
}

@media (min-width:769px) {
    .panel-onlinequiz-wrapper .cta-image-triangle-dnr {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 0
    }
}

.panel-onlinequiz-wrapper .cta-image-triangle-dnr img {
    width: 100%
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr {
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    -ms-flex-order: 2;
    order: 2;
    padding: 0
}

@media (min-width:769px) {
    .panel-onlinequiz-wrapper .cta-detail-panel-dnr {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        padding-left: 39px;
        -ms-flex-order: 1;
        order: 1
    }
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr h3 {
    font-family: Arial, Medium, sans-serif;
    font-size: 40px;
    color: #262626;
    line-height: 48px;
    margin: 0
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr p {
    font-family: Arial, sans-serif;
    font-size: 20px;
    color: #262626;
    line-height: 28px;
    margin-top: 16px;
    margin-bottom: 32px;
    padding-right: 0
}

@media (min-width:769px) {
    .panel-onlinequiz-wrapper .cta-detail-panel-dnr p {
        padding-right: 25%
    }
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr {
    display: -ms-flexbox;
    display: flex
}

@media (max-width:768.98px) {
    .panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr {
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        margin-top: 24px;
        margin-bottom: 24px;
        display: inline-block
    }
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .cmn-btn-onlinequiz {
    letter-spacing: 1px
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .cmn-btn-onlinequiz a {
    line-height: 18px;
    font-family: Arial, Medium, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    display: block;
    min-width: 0
}

@media (min-width:769px) {
    .panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .cmn-btn-onlinequiz a {
        min-width: 275px
    }
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .cmn-btn-onlinequiz a:hover {
    opacity: 1
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .primary-btn-panel-dnr {
    background-color: #262626;
    border: none
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .primary-btn-panel-dnr a {
    color: #fff;
    padding: 18px 40px
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .secondary-btn-panel-dnr {
    border: 1px solid #000;
    background: #fff;
    margin-top: 15px
}

@media (min-width:769px) {
    .panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .secondary-btn-panel-dnr {
        margin-top: 0;
        margin-left: 18px
    }
}

.panel-onlinequiz-wrapper .cta-detail-panel-dnr .btn-grp-panel-dnr .secondary-btn-panel-dnr a {
    color: #000;
    padding: 17px 30px
}

@media (min-width:769px) {
    .panel-onlinequiz-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

@media (min-width:769px) {
    .score-triangle-wrapper {
        max-width: 215px;
        margin-top: 21px;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:768.98px) {
    .score-triangle-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0
    }

    .score-triangle-wrapper::before {
        content: '';
        display: block;
        width: 6vw;
        height: 2px
    }
}

@media (min-width:769px) {
    .cta-image.cta-triangle-img img {
        min-width: 148px
    }
}

@media (max-width:768.98px) {
    .cta-image.cta-triangle-img img {
        width: 110px;
        max-width: 100%;
        margin: 0 18px 0 0;
        min-width: auto
    }
}

.onlinequiz-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    position: relative
}

@media (min-width:769px) {
    .onlinequiz-header {
        margin: 0
    }
}

.onlinequiz-header .take-quiz-link {
    margin: 11px 20px 18px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .onlinequiz-header .take-quiz-link {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.onlinequiz-header .takequiz-label {
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, sans-serif;
    color: #262626;
    cursor: pointer
}

.onlinequiz-header .takequiz-label .icon-leftCarouselArrow {
    vertical-align: middle
}

.onlinequiz-header .takequiz-label .icon-leftCarouselArrow::before {
    font-size: 15px;
    margin-right: 9.5px
}

.onlinequiz-header .takequiz-label:hover {
    opacity: 1
}

.onlinequiz-header .takequiz-label:hover span {
    text-decoration: underline
}

.onlinequiz-header .session-title {
    text-align: left;
    margin: 0 20px;
    max-width: 100%;
    width: 100%
}

@media (min-width:769px) {
    .onlinequiz-header .session-title {
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.onlinequiz-header .session-title h3 {
    font-size: 30px;
    color: #262626;
    text-transform: capitalize;
    line-height: 36px;
    font-weight: 400;
    font-family: Arial, Medium, sans-serif
}

@media (min-width:769px) {
    .onlinequiz-header .session-title h3 {
        font-size: 40px;
        line-height: 48px
    }
}

.onlinequiz-content .skin-analysis-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    padding-top: 18px
}

@media (min-width:769px) {
    .onlinequiz-content .skin-analysis-wrapper {
        padding-top: 9px
    }
}

.onlinequiz-content .skin-analysis-wrapper .analysis-section,
.onlinequiz-content .skin-analysis-wrapper .score-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {

    .onlinequiz-content .skin-analysis-wrapper .analysis-section,
    .onlinequiz-content .skin-analysis-wrapper .score-section {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%
    }
}

@media (min-width:769px) {
    .onlinequiz-content .skin-analysis-wrapper .analysis-section {
        padding-left: 10px
    }
}

.onlinequiz-content .skin-analysis-wrapper .magic-triangle {
    width: 182px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:769px) {
    .onlinequiz-content .skin-analysis-wrapper .magic-triangle {
        width: 52%
    }
}

.onlinequiz-content .skin-analysis-wrapper .magic-triangle .factor {
    font-family: Arial, Medium, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #D6001C;
    width: 50%;
    text-align: center
}

@media (min-width:769px) {
    .onlinequiz-content .skin-analysis-wrapper .magic-triangle .factor {
        font-size: 18px
    }
}

.onlinequiz-content .skin-analysis-wrapper .magic-triangle .factor.top-text {
    width: 100%;
    margin-bottom: 10px
}

.onlinequiz-content .skin-analysis-wrapper .magic-triangle .factor.left-text {
    transform: translateX(-50%);
    margin-top: 10px
}

.onlinequiz-content .skin-analysis-wrapper .magic-triangle .factor.right-text {
    transform: translateX(50%);
    margin-top: 10px
}

.onlinequiz-content .skin-analysis-wrapper .magic-triangle polygon {
    transform: scale(0);
    transition: transform 1s;
    transition-delay: 1s
}

.onlinequiz-content .skin-analysis-wrapper .magic-triangle polygon.load-polygon {
    transform: scale(1)
}

.onlinequiz-content .skin-analysis-wrapper .ideal-mark-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin-top: 20px
}

@media (min-width:769px) {
    .onlinequiz-content .skin-analysis-wrapper .ideal-mark-section {
        margin-top: 49px
    }
}

.onlinequiz-content .skin-analysis-wrapper .mark-triangle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.onlinequiz-content .skin-analysis-wrapper .mark-text {
    font-size: 14px;
    color: #666;
    line-height: 1;
    font-family: Arial, Medium, sans-serif;
    padding-left: 6px
}

@media (min-width:769px) {
    .onlinequiz-content .skin-analysis-wrapper .mark-text {
        padding-left: 8px
    }
}

.onlinequiz-content .beauty-circulation-section::before {
    display: none
}

@media (min-width:769px) {
    .onlinequiz-content .beauty-circulation-section::before {
        content: '';
        display: block;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
        margin-left: 12.5%;
        border-top: 1px solid #ccc;
        margin-top: 32px;
        margin-bottom: 48px
    }
}

@media (min-width:769px) {
    .onlinequiz-content .beauty-circulation-section .circulation-description {
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 auto;
        min-width: 590px;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (min-width:769px) {
    .onlinequiz-content .beauty-circulation-section .circulation-description .beauty-circulation-wrapper {
        margin-left: 150px
    }
}

.onlinequiz-content .beauty-circulation-section .circle-img-wrapper {
    display: inline-block;
    max-width: 44px;
    margin-right: 14px;
    vertical-align: top
}

@media (min-width:769px) {
    .onlinequiz-content .beauty-circulation-section .circle-img-wrapper {
        position: absolute;
        top: 0;
        left: 10px;
        display: block;
        max-width: 114px;
        margin-right: 35px;
        -ms-flex: none;
        flex: none
    }
}

@media (max-width:768.98px) {
    .onlinequiz-content .beauty-circulation-section .circulation-text {
        display: inline-block;
        width: calc(100% - 25%);
        vertical-align: top
    }
}

.onlinequiz-content .score-section {
    padding-left: 10px
}

@media (min-width:769px) {
    .onlinequiz-content .score-section {
        padding-top: 65px
    }
}

.onlinequiz-content .tag-wrapper {
    padding: 6px 8px;
    position: relative;
    line-height: 11px;
    background: #EAF2E6
}

.onlinequiz-content .tag-wrapper .tag-text {
    color: #247800
}

.onlinequiz-content .tag-wrapper.red-tag {
    background: #FBE6E9
}

.onlinequiz-content .tag-wrapper.red-tag .tag-text {
    color: #D6001C
}

.onlinequiz-content .tag-wrapper .tag-text {
    font-size: 9px;
    font-family: Arial, sans-serif;
    letter-spacing: .5px;
    text-transform: uppercase;
    vertical-align: middle
}

.onlinequiz-content .skin-analysis-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .onlinequiz-content .skin-analysis-section {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.onlinequiz-content .skin-type {
    font-family: Arial, sans-serif;
    color: #262626;
    cursor: pointer;
    padding: 29px 0 24px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 20px;
    transition: .4s;
    border-bottom: 1px solid #ccc
}

@media (min-width:769px) {
    .onlinequiz-content .skin-type {
        pointer-events: none
    }
}

.onlinequiz-content .skin-type.last-skin-type {
    border-bottom: 1px solid #888
}

@media (min-width:769px) {
    .onlinequiz-content .skin-type.last-skin-type {
        border-bottom: none;
        padding-top: 0
    }
}

.onlinequiz-content .skin-type.active .icon-downCarrot::before {
    transform: rotate(180deg);
    display: inline-block
}

@media (min-width:769px) {
    .onlinequiz-content .skin-type {
        font-size: 24px;
        padding: 29px 0 12px;
        border-bottom: 0
    }

    .onlinequiz-content .skin-type.first-skin-type {
        padding-top: 12px
    }
}

.onlinequiz-content .skin-type.active {
    border-bottom: 0
}

.onlinequiz-content .skin-type .icon-downCarrot {
    font-size: 8.5px;
    margin-right: 11px;
    margin-left: 5px;
    vertical-align: middle
}

@media (min-width:769px) {
    .onlinequiz-content .skin-type .icon-downCarrot {
        display: none
    }
}

.onlinequiz-content .skin-type .skinscore {
    float: right;
    font-size: 14px;
    margin-top: 0;
    font-family: Arial, Medium, sans-serif
}

@media (min-width:769px) {
    .onlinequiz-content .skin-type .skinscore {
        font-size: 16px
    }
}

.onlinequiz-content .skin-type .skinscore .your-score {
    font-size: 28px;
    font-weight: 500
}

@media (min-width:769px) {
    .onlinequiz-content .skin-type .skinscore .your-score {
        font-size: 32px
    }
}

@media (max-width:768.98px) {
    .onlinequiz-content .accordiontext {
        vertical-align: middle;
        display: inline-block;
        width: 50%
    }
}

.onlinequiz-content .skin-description-wrapper {
    padding: 15px 0;
    display: none;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    border-bottom: 1px solid #ccc
}

@media (min-width:769px) {
    .onlinequiz-content .skin-description-wrapper {
        font-size: 16px;
        padding: 0 0 32px;
        line-height: 22px;
        display: block !important
    }
}

.onlinequiz-content .skin-description-wrapper.last-desc-type {
    border-bottom: 1px solid #888
}

@media (min-width:769px) {
    .onlinequiz-content .skin-description-wrapper.last-desc-type {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.pt_account .account-banner-inner.onlinequiz-page-header {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 22px;
    padding-bottom: 20px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .pt_account .account-banner-inner.onlinequiz-page-header {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.pt_account .account-content .account-content-inner.account-onlinequiz {
    padding-bottom: 0;
    padding-top: 25px
}

@media (min-width:769px) {
    .pt_account .account-content .account-content-inner.account-onlinequiz {
        padding-top: 12px
    }
}

@media (max-width:768.98px) {
    .how-to-section {
        margin: 0 -20px
    }
}

@media (min-width:769px) {
    .howto-content-tile {
        padding: 50px 0 60px
    }
}

@media (min-width:769px) {
    .howto-content-tile .howto-content-title {
        font-size: 40px;
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
        margin-left: 6.25%;
        margin-bottom: 5px
    }
}

@media (min-width:769px) {
    .howto-content-tile .howto-content-text {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%
    }
}

@media (min-width:769px) {
    .howto-content-tile .tutorial-listing {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

@media (min-width:769px) {
    .howto-content-tile .tutorial-listing .tutorial-tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        margin-bottom: 0
    }
}

.recommneded-section-online-quiz {
    font-family: Arial, sans-serif;
    padding-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:769px) {
    .recommneded-section-online-quiz {
        padding-bottom: 75px;
        padding-top: 66px
    }
}

.recommneded-section-online-quiz .defend-regenerate,
.recommneded-section-online-quiz .personal-concerns {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {

    .recommneded-section-online-quiz .defend-regenerate,
    .recommneded-section-online-quiz .personal-concerns {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

@media (min-width:601px) {
    .recommended-products .recommended-product {
        width: 50%;
        margin: 30px 0 0
    }

    .recommended-products .recommended-product:last-child {
        margin-right: 0
    }
}

@media (min-width:769px) {
    .recommended-products .recommended-product {
        width: 33.33%
    }

    .recommended-products .recommended-product:last-child {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .recommended-products .recommended-product {
        width: 25%
    }

    .recommended-products .recommended-product:last-child {
        margin-right: 0
    }
}

@media (min-width:601px) {
    .recommended-products .recommended-product.additional-product .recommended-span {
        display: none
    }

    .recommended-products .recommended-product.additional-product:before {
        margin-left: -50%;
        width: 150%
    }
}

@media (min-width:769px) {
    .defend-regenerate .recommended-top-section-qz {
        border-top: 1px solid #888
    }
}

@media (min-width:601px) {
    .defend-regenerate .recommended-product {
        width: 46.3%
    }
}

@media (min-width:769px) {
    .defend-regenerate .recommended-product {
        width: 33.33%
    }
}

@media (min-width:1024px) {
    .defend-regenerate .recommended-product {
        width: 25%
    }
}

@media (min-width:601px) {
    .defend-regenerate .recommended-products .additional-product {
        margin-top: 30px;
        margin-left: 42px
    }
}

@media (min-width:601px) {
    .defend-regenerate .recommended-products .additional-product:after {
        top: 175px;
        left: -21px
    }
}

.recommended-top-section-qz h2 {
    text-transform: none;
    margin-bottom: 40px;
    margin-top: 40px;
    font-size: 30px;
    font-family: Arial, Medium, sans-serif;
    color: #262626;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

@media (min-width:769px) {
    .recommended-top-section-qz h2 {
        font-size: 40px;
        margin-top: 55px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.recommended-top-section-qz .content-asset {
    margin-top: 40px
}

.recommended-top-section-qz h3 {
    text-transform: none;
    font-size: 24px;
    color: #262626;
    margin-bottom: 10px
}

@media (min-width:769px) {
    .recommended-top-section-qz h3 {
        font-size: 30px
    }
}

.recommended-top-section-qz p {
    font-size: 12px;
    color: #000;
    line-height: 20px
}

@media (min-width:769px) {
    .recommended-top-section-qz p {
        color: #666;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        font-size: 14px
    }
}

.personal-concerns .concerns-tags .concern-tag {
    text-transform: uppercase
}

@media (min-width:769px) {
    .error-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

.onlinequiz-error-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.onlinequiz-error-content {
    padding: 75px 10px 180px;
    background: #FAF9F9;
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .onlinequiz-error-content {
        padding-top: 135px;
        padding-bottom: 177px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.onlinequiz-error-content .onlinequiz-errors {
    padding: 0 30px
}

@media (min-width:769px) {
    .onlinequiz-error-content .onlinequiz-errors {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%
    }
}

.onlinequiz-error-content .onlinequiz-errors a:hover {
    opacity: 1;
    text-decoration: underline
}

.onlinequiz-error-content h1 {
    text-transform: none;
    font-family: Arial, Medium, sans-serif;
    font-size: 32px;
    margin-bottom: 10px
}

@media (min-width:769px) {
    .onlinequiz-error-content h1 {
        font-size: 60px
    }
}

.onlinequiz-error-content h2 {
    text-transform: none;
    font-size: 30px;
    margin-bottom: 57px;
    font-family: Arial, sans-serif
}

@media (min-width:769px) {
    .onlinequiz-error-content h2 {
        margin-bottom: 40px;
        font-size: 40px
    }
}

.onlinequiz-error-content h5 {
    font-size: 14px;
    font-family: Arial, Medium, sans-serif;
    margin-bottom: 24px;
    text-transform: none
}

.onlinequiz-error-content a {
    color: #262626;
    font-size: 14px
}

.onlinequiz-error-content .icon-arrow-left {
    vertical-align: bottom;
    margin-right: 10px
}

@media (min-width:769px) {
    .onlinequiz-error-content .icon-arrow-left {
        vertical-align: sub
    }
}

.online-quiz {
    position: relative
}

.full-page-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 99;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 118px 0;
    display: block
}

.full-page-loader.camelia-loader1 {
    z-index: 100
}

@media (min-width:769px) {
    .full-page-loader {
        padding: 177px 0
    }
}

.full-page-loader .loader-img-wrapper {
    margin: 0 auto 16px;
    max-width: 96px
}

@media (min-width:769px) {
    .full-page-loader .loader-img-wrapper {
        max-width: 146px;
        margin-bottom: 17px
    }
}

.full-page-loader .loader-wrapper {
    text-align: center
}

.full-page-loader.hidden {
    display: none
}

.full-page-loader span {
    font-size: 24px;
    font-family: Arial, Medium, sans-serif;
    letter-spacing: .04em;
    text-transform: uppercase;
    margin: 0 auto 10px;
    display: block;
    max-width: 330px;
    line-height: 24px
}

@media (min-width:769px) {
    .full-page-loader span {
        font-size: 32px;
        line-height: 32px;
        margin-bottom: 8px
    }
}

.full-page-loader p {
    font-size: 12px;
    font-family: Arial, sans-serif;
    letter-spacing: .08em;
    max-width: 203px;
    margin: 0 auto;
    line-height: 17px
}

@media (min-width:769px) {
    .full-page-loader p {
        max-width: 309px;
        line-height: 14px;
        font-size: 14px
    }
}

.slide-inner-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.slide-inner-wrapper .question-section {
    -ms-flex-order: 1;
    order: 1;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:768.98px) {
    .slide-inner-wrapper .question-section {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:769px) {
    .slide-inner-wrapper .question-section {
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%
    }
}

.slide-inner-wrapper .question-section .question-wrapper {
    background: #FAF9F9;
    margin-bottom: 10px;
    padding: 74px 30px 18px
}

@media (min-width:769px) {
    .slide-inner-wrapper .question-section .question-wrapper {
        min-height: 648px;
        margin-bottom: 0;
        padding: 120px 0 40px
    }
}

.slide-inner-wrapper .question-section .question,
.slide-inner-wrapper .question-section .question-description,
.slide-inner-wrapper .question-section .question-number {
    padding-right: 40px;
    margin-bottom: 16px;
    text-align: left
}

@media (min-width:769px) {

    .slide-inner-wrapper .question-section .question,
    .slide-inner-wrapper .question-section .question-description,
    .slide-inner-wrapper .question-section .question-number {
        margin-left: 21%
    }
}

.slide-inner-wrapper .question-section .question-number {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: .4em
}

.slide-inner-wrapper .question-section .question {
    font-family: Arial, Medium, sans-serif;
    font-size: 24px;
    line-height: 29px;
    color: #262626
}

@media (min-width:769px) {
    .slide-inner-wrapper .question-section .question {
        font-size: 30px;
        line-height: 36px
    }
}

.slide-inner-wrapper .question-section .question-description {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .08em;
    color: #666
}

.slide-inner-wrapper .answer-section {
    -ms-flex-order: 3;
    order: 3;
    margin-top: 14px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section {
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        padding-top: 155px;
        padding-bottom: 40px
    }
}

.slide-inner-wrapper .answer-section .answer-option ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.slide-inner-wrapper .answer-section .answer-option label {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 19.2px;
    color: #262626
}

.slide-inner-wrapper .answer-section .answer-option .form-row {
    padding: 3px 0
}

.slide-inner-wrapper .answer-section .answer-option .form-row input[type=checkbox],
.slide-inner-wrapper .answer-section .answer-option .form-row input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    margin-right: 0;
    float: left
}

.slide-inner-wrapper .answer-section .answer-option .field-wrapper {
    padding-top: 28px
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section .answer-option .field-wrapper {
        padding-top: 25px
    }
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox input[type=checkbox]:checked+label:before {
    content: "\e010";
    font-family: icons;
    font-size: 10px;
    border: 0
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox input[type=checkbox]:checked+label:after {
    transform: scale(1);
    border-radius: 1px
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox input[type=checkbox]:disabled+label {
    color: #ccc
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox input[type=checkbox]:disabled+label:hover:before {
    border: 1px solid #ccc
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox input[type=checkbox]:disabled+label:before {
    border-color: #ccc
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox label {
    display: -ms-flexbox;
    display: flex
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox label span {
    line-height: 1;
    cursor: pointer
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox label:hover:before {
    border: 2px solid #262626
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox label:before {
    margin-right: 12px;
    content: '';
    display: block;
    border: 1px solid #888;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    color: #fff;
    border-radius: 1px;
    cursor: pointer
}

.slide-inner-wrapper .answer-section .answer-option .animated-checkbox label:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border: 1px solid #262626;
    background: #262626;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform .5s, border-radius .5s;
    transform: scale(0);
    border-radius: 100%;
    color: #fff;
    z-index: -1
}

.slide-inner-wrapper .answer-section .answer-option .animated-radio input[type=radio]:checked+label:after {
    background: #666;
    animation: shrink-bounce .5s linear
}

@keyframes shrink-bounce {
    0% {
        transform: scale(0)
    }

    33% {
        transform: scale(0.5)
    }

    70% {
        transform: scale(1)
    }

    100% {
        transform: scale(0.7)
    }
}

.slide-inner-wrapper .answer-section .answer-option .animated-radio:hover input[type=radio]:checked+label:after {
    transform: scale(0.7)
}

.slide-inner-wrapper .answer-section .answer-option .animated-radio label {
    display: -ms-flexbox;
    display: flex
}

.slide-inner-wrapper .answer-section .answer-option .animated-radio label span {
    max-width: 100%;
    cursor: pointer
}

@media (max-width:1023.98px) {
    .slide-inner-wrapper .answer-section .answer-option .animated-radio label span {
        max-width: 75%
    }
}

.slide-inner-wrapper .answer-section .answer-option .animated-radio label:hover:after {
    transform: scale(0.5);
    background: #666
}

.slide-inner-wrapper .answer-section .answer-option .animated-radio label:before {
    margin-right: 12px;
    content: '';
    display: block;
    border: 1px solid #666;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 100%;
    cursor: pointer
}

.slide-inner-wrapper .answer-section .answer-option .animated-radio label:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    transform: scale(0.7);
    border-radius: 100%;
    z-index: -1
}

.slide-inner-wrapper .answer-section .answer-option .slider-description {
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: .08em;
    color: #888;
    min-width: 290px
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section .answer-option .slider-description {
        min-width: 475px
    }
}

.slide-inner-wrapper .answer-section .answer-option .slider-wrapper {
    margin-top: 24px;
    padding-bottom: 50px
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section .answer-option .slider-wrapper {
        padding-bottom: 0;
        margin-top: 40px
    }
}

.slide-inner-wrapper .answer-section .answer-option .error-wrapper span {
    display: none;
    margin-top: 10px;
    color: #D6001C
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section .answer-option .error-wrapper span {
        margin-top: 45px
    }
}

.slide-inner-wrapper .answer-section .answer-option .error-wrapper .show-error {
    display: block
}

.slide-inner-wrapper .answer-section .select-limit {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: .08em;
    color: #666;
    font-family: Arial, sans-serif
}

.slide-inner-wrapper .answer-section .slider-question {
    margin-bottom: 30px;
    background: #ccc;
    margin-right: 0
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section .slider-question {
        margin-bottom: 30px;
        margin-right: 48px
    }
}

.slide-inner-wrapper .answer-section .min-max-lables {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 35px;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #888
}

@media (min-width:1024px) {
    .slide-inner-wrapper .answer-section .min-max-lables {
        width: 425px
    }
}

.slide-inner-wrapper .answer-section .ui-slider-horizontal {
    height: 2px;
    width: 275px;
    display: block
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section .ui-slider-horizontal {
        display: inline-block;
        vertical-align: bottom;
        width: 425px
    }
}

.slide-inner-wrapper .answer-section .ui-slider-horizontal .ui-slider-handle {
    background: #fff;
    border: 1px solid #666;
    top: -25px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.slide-inner-wrapper .answer-section .selected-age {
    display: inline-block;
    margin-left: 0
}

@media (min-width:769px) {
    .slide-inner-wrapper .answer-section .selected-age {
        margin-bottom: 6px
    }
}

.slide-inner-wrapper .answer-section .selected-age input {
    border: 2px solid #888;
    font-size: 16px;
    width: 63px;
    height: 51px;
    padding: 18px 15px;
    text-align: center
}

.slide-inner-wrapper .answer-section .selected-age .show-error {
    border: 2px solid #D6001C
}

.slide-inner-wrapper .image-section {
    -ms-flex-order: 2;
    order: 2;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .slide-inner-wrapper .image-section {
        -ms-flex-order: 3;
        order: 3;
        -ms-flex: 0 0 31.25%;
        flex: 0 0 31.25%;
        max-width: 31.25%;
        padding-top: 126px;
        padding-bottom: 40px
    }
}

.slide-inner-wrapper .image-section .base-image {
    max-width: 185px;
    margin: 0 auto;
    position: relative
}

@media (min-width:769px) {
    .slide-inner-wrapper .image-section .base-image {
        max-width: 350px
    }
}

.slide-inner-wrapper .image-section .base-image .fade-overlay {
    opacity: .5
}

.slide-inner-wrapper .image-section .base-image.main-overlay::before {
    background-color: #fff;
    border: 1px solid #ccc
}

.slide-inner-wrapper .image-section .overlay-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.slide-inner-wrapper .image-section .overlay-image.no-transparent {
    z-index: 1;
    background-color: #fff
}

@media (max-width:768.98px) {

    .slide-inner-wrapper .answer-section,
    .slide-inner-wrapper .image-section {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media (max-width:768.98px) {
    .slide-inner-wrapper {
        -ms-flex-pack: center;
        justify-content: center
    }

    .slide-inner-wrapper .answer-section,
    .slide-inner-wrapper .image-section {
        min-width: 340px;
        max-width: 50%;
        width: auto
    }
}

.quiz-container {
    position: relative
}

@media (max-width:768.98px) {
    .quiz-container {
        padding: 0
    }
}

.quiz-container .quiz-cta.cta-prev .prev-label {
    display: none
}

.quiz-container .quiz-cta.cta-prev .backto-label {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.quiz-container .quiz-cta.cta-prev.show-prev .prev-label {
    display: block
}

.quiz-container .quiz-cta.cta-next .next-label,
.quiz-container .quiz-cta.cta-prev.show-prev .backto-label {
    display: none
}

.quiz-container .quiz-cta.cta-next .quiz-result-label,
.quiz-container .quiz-cta.cta-next.show-next .next-label {
    display: block
}

.quiz-container .quiz-cta.cta-next.show-next .quiz-result-label {
    display: none
}

.quiz-wrapper .slick-arrow {
    position: absolute;
    bottom: 38px;
    font-size: 15px;
    top: auto;
    background: #000;
    line-height: normal;
    color: #fff;
    padding: 10px;
    width: auto;
    height: auto;
    margin: 0;
    cursor: pointer;
    right: 6.3%;
    text-transform: none;
    visibility: visible
}

.quiz-wrapper .slick-arrow::after {
    display: none
}

.quiz-wrapper .slick-arrow.slick-prev {
    top: 30px;
    bottom: auto;
    color: #000;
    padding: 0;
    background: 0 0;
    left: 6.25%
}

.slide-inner-wrapper.slider .image-section {
    display: none
}

.boolean .answer-option input[type=radio]:checked+label {
    border: 1px solid #262626
}

.boolean .answer-option input[type=radio]:checked+label:after {
    transform: scale(0.7)
}

.boolean .answer-option .form-row .animated-radio {
    margin: 1px
}

.boolean .answer-option .form-row .animated-radio:hover {
    margin: 0
}

.boolean .answer-option .form-row .animated-radio label {
    padding: 19px 0 19px 17px;
    border: 1px solid #888;
    border-radius: 2px;
    cursor: pointer
}

.boolean .answer-option .form-row .animated-radio label:hover {
    border: 2px solid #262626
}

.boolean .answer-option .form-row .animated-radio label:hover:after {
    transform: scale(0.5)
}

.boolean .answer-option .form-row .animated-radio label span {
    max-width: 100%
}

@media (max-width:1023.98px) {
    .boolean .answer-option .form-row .animated-radio label span {
        max-width: 75%
    }
}

.boolean .answer-option .form-row .field-wrapper {
    padding-top: 0
}

.boolean .answer-option ul {
    max-width: 284px
}

@media (max-width:768.98px) {
    .slider .answer-section {
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 340px;
        max-width: 50%;
        width: auto
    }
}

@media (min-width:769px) {
    .slider .answer-section {
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
        margin-left: 6.25%;
        padding-top: 108px;
        padding-bottom: 40px
    }
}

.quiz-cta.cta-prev {
    position: absolute;
    top: 21px;
    left: 20px;
    z-index: 99;
    max-width: 100%
}

@media (min-width:769px) {
    .quiz-cta.cta-prev {
        top: 29px;
        left: 6.4%;
        max-width: 20%
    }
}

@media (max-width:768.98px) {
    .quiz-cta.cta-next {
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 24px;
        margin-bottom: 24px
    }
}

@media (min-width:769px) {
    .quiz-cta.cta-next {
        position: absolute;
        bottom: 40px;
        right: 6.4%
    }
}

.quiz-cta.cta-next.inactive a,
.quiz-cta.cta-next.inactive button[type=submit] {
    background: #666;
    pointer-events: none;
    border: 1px solid #666;
    color: #fff
}

.quiz-cta .next-label,
.quiz-cta .quiz-result-label button {
    font-family: Arial, Medium, sans-serif;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    padding: 18px 40px;
    line-height: 12px;
    font-size: 12px;
    background: #262626;
    border: 1px solid #262626;
    cursor: pointer;
    display: block;
    width: 100%;
    height: auto
}

@media (min-width:769px) {

    .quiz-cta .next-label,
    .quiz-cta .quiz-result-label button {
        line-height: 14px;
        font-size: 14px
    }
}

.quiz-cta .next-label:hover,
.quiz-cta .quiz-result-label button:hover {
    background: #fff;
    color: #262626
}

.quiz-cta .backto-label,
.quiz-cta .prev-label {
    font-size: 14px;
    line-height: 14px;
    font-family: Arial, sans-serif;
    color: #262626;
    cursor: pointer
}

.quiz-cta .backto-label .icon-leftCarouselArrow,
.quiz-cta .prev-label .icon-leftCarouselArrow {
    vertical-align: middle
}

.quiz-cta .backto-label .icon-leftCarouselArrow::before,
.quiz-cta .prev-label .icon-leftCarouselArrow::before {
    font-size: 15px;
    margin-right: 9.5px
}

.quiz-cta .backto-label:hover,
.quiz-cta .prev-label:hover {
    opacity: 1
}

.quiz-cta .backto-label:hover span,
.quiz-cta .prev-label:hover span {
    text-decoration: underline
}

/*!
 * Responsive Flags sprite
 */
.flag {
    max-width: 100%;
    background: url(../images/sprite/flags.png) 0 0/100% no-repeat
}

.flag-au {
    background-position: 0 0
}

.flag-be {
    background-position: 0 3.448276%
}

.flag-br {
    background-position: 0 6.896552%
}

.flag-ca {
    background-position: 0 10.344828%
}

.flag-ch {
    background-position: 0 13.793103%
}

.flag-cn {
    background-position: 0 17.241379%
}

.flag-de {
    background-position: 0 20.689655%
}

.flag-en {
    background-position: 0 24.137931%
}

.flag-es {
    background-position: 0 27.586207%
}

.flag-fr {
    background-position: 0 31.034483%
}

.flag-gr {
    background-position: 0 34.482759%
}

.flag-hk {
    background-position: 0 37.931034%
}

.flag-ie {
    background-position: 0 41.37931%
}

.flag-it {
    background-position: 0 44.827586%
}

.flag-jp {
    background-position: 0 48.275862%
}

.flag-kr {
    background-position: 0 51.724138%
}

.flag-my {
    background-position: 0 55.172414%
}

.flag-nl {
    background-position: 0 58.62069%
}

.flag-no {
    background-position: 0 62.068966%
}

.flag-nz {
    background-position: 0 65.517241%
}

.flag-pl {
    background-position: 0 68.965517%
}

.flag-pt {
    background-position: 0 72.413793%
}

.flag-ru {
    background-position: 0 75.862069%
}

.flag-sg {
    background-position: 0 79.310345%
}

.flag-th {
    background-position: 0 82.758621%
}

.flag-tr {
    background-position: 0 86.206897%
}

.flag-tw {
    background-position: 0 89.655172%
}

.flag-uk {
    background-position: 0 93.103448%
}

.flag-us {
    background-position: 0 96.551724%
}

.flag-vn {
    background-position: 0 100%
}

.spc-container .spc-billing .sr-only {
    display: none;
    cursor: pointer
}

.spc-container .spc-billing .payment-section h3 {
    margin: 0;
    border: 0;
    padding: 0 0 0 10px;
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    letter-spacing: normal
}

@supports (-webkit-touch-callout:none) {
    .spc-container .spc-billing .payment-section h3 {
        padding-top: 4px
    }
}

.spc-container .spc-billing .payment-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.spc-container .spc-billing .payment-list .creditcard-tile {
    width: 100%;
    padding: 13px 16px;
    border: 1px solid #888;
    margin: 0 0 8px;
    border-radius: 2px
}

.spc-container .spc-billing .payment-list .creditcard-tile .cc-field-row .cc-field-wrapper {
    transition: all .5s;
    font-size: 16px;
    line-height: 19px
}

.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit {
    border-radius: 2px;
    border-color: #262626
}

.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit.selected {
    border-color: #262626
}

.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit .cc-field-row {
    padding: 12px 0
}

.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit .cc-field-row .cc-field-wrapper {
    padding: 16px;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #888;
    border-radius: 2px;
    color: #262626;
    position: relative;
    cursor: default
}

.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit .cc-field-row .cc-field-wrapper label {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 16px;
    background: #fff;
    color: #414141;
    z-index: 99;
    font-size: 14px;
    padding: 0 4px;
    line-height: 17px;
    margin-top: -9px
}

.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit .spc-cc-tile-inner {
    margin: 0
}

.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit .cc-number.is_amex+.cc-details .cvn-help-icon,
.spc-container .spc-billing .payment-list .creditcard-tile.saved-card-edit .cc-number.is_amex+.cc-details .cvn-help-tooltip,
.spc-container .spc-billing .payment-list .creditcard-tile:not(.saved-card-edit) .cvn-help-icon,
.spc-container .spc-billing .payment-list .creditcard-tile:not(.saved-card-edit) .cvn-help-text,
.spc-container .spc-billing .payment-list .creditcard-tile:not(.saved-card-edit) .cvn-help-tooltip,
.spc-container .spc-billing .payment-list .creditcard-tile:not(.saved-card-edit) .cvn-tooltip-wrapper,
.spc-container .spc-billing .payment-list .creditcard-tile:not(.saved-card-edit) .error-placement,
.spc-container .spc-billing .payment-list .creditcard-tile:not(.saved-card-edit) .icon-close {
    display: none
}

.spc-container .spc-billing .payment-list .creditcard-tile:not(.saved-card-edit) label {
    color: #414141
}

.spc-container .spc-billing .is_amex .cvn-tooltip-wrapper .cvn-help-icon,
.spc-container .spc-billing .is_amex .cvn-tooltip-wrapper .cvn-help-tooltip {
    display: none
}

.spc-container .spc-billing .is_amex .cvn-tooltip-wrapper .cvn-help-text .cvn-help-text-amex {
    display: block
}

.spc-container .spc-billing .is_amex .cvn-tooltip-wrapper .cvn-help-text .cvn-help-text-noamex {
    display: none
}

.spc-container .spc-billing .cvn-tooltip-wrapper {
    position: relative
}

.spc-container .spc-billing .cvn-tooltip-wrapper .form-row {
    padding: 12px 0
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-tooltip {
    position: absolute;
    right: 0;
    bottom: calc(100% - 4px);
    z-index: 999;
    border-radius: 2px;
    background: #FAF9F9;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    max-width: 283px;
    padding: 16px 16px 32px;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-tooltip h4 {
    font-size: 14px;
    line-height: 17px;
    font-family: Arial, Medium, sans-serif;
    text-transform: none;
    margin-bottom: 24px
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-tooltip .help-tooltip-left {
    text-align: center;
    width: 50%
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-tooltip .help-tooltip-right {
    font-size: 12px;
    line-height: 17px;
    width: 50%;
    max-width: 116px
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-tooltip .help-tooltip-right span {
    font-family: Arial, Medium, sans-serif;
    display: block
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-text {
    font-size: 14px;
    line-height: 19px;
    padding: 0 0 0 16px;
    color: #414141
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-text .cvn-help-text-amex {
    display: none
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-text .cvn-help-text-noamex {
    display: block
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-icon {
    position: absolute;
    right: 12px;
    top: 28px;
    cursor: pointer
}

.spc-container .spc-billing .cvn-tooltip-wrapper .cvn-help-icon:hover+.cvn-help-tooltip {
    display: -ms-flexbox;
    display: flex
}

.spc-container .spc-billing .cc-section,
.spc-container .spc-billing .spc-cc-section {
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.spc-container .spc-billing .cc-section .cc-images-placeholder,
.spc-container .spc-billing .spc-cc-section .cc-images-placeholder {
    display: inline-block;
    width: 50%;
    max-width: 140px
}

.spc-container .spc-billing .hide-allsaved-card:not(.selected).selected .form-row.disabled,
.spc-container .spc-billing .show-defaultsaved-card.selected .form-row.disabled {
    padding: 12px 0;
    margin: 0
}

.spc-container .spc-billing .hide-allsaved-card:not(.selected) .form-row.saved-cvn .cvn-input+label,
.spc-container .spc-billing .show-defaultsaved-card .form-row.saved-cvn .cvn-input+label {
    position: static;
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 19px
}

.spc-container .spc-billing .hide-allsaved-card:not(.selected) .form-row.saved-cvn .cvn-input+label span,
.spc-container .spc-billing .show-defaultsaved-card .form-row.saved-cvn .cvn-input+label span {
    display: none
}

.spc-container .spc-billing .hide-allsaved-card:not(.selected) .form-row.saved-cvn .cvn-input+label::after,
.spc-container .spc-billing .show-defaultsaved-card .form-row.saved-cvn .cvn-input+label::after {
    content: '***'
}

.spc-container .spc-billing .cc-number {
    position: relative
}

.spc-container .spc-billing .cc-number.form-row .field-wrapper {
    z-index: 1
}

.spc-container .spc-billing .cc-number.form-row::before {
    display: none;
    width: 37px;
    height: 25px;
    content: '';
    background-image: url(../images/spc-credit-cards.png);
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: auto 24px;
    position: absolute;
    right: 6px;
    top: 27px;
    z-index: 99
}

.spc-container .spc-billing .cc-number.form-row.is_mastercard::before {
    display: block;
    background-position: 1px 0
}

.spc-container .spc-billing .cc-number.form-row.is_visa::before {
    display: block;
    background-position: -38px 0
}

.spc-container .spc-billing .cc-number.form-row.is_discover::before {
    display: block;
    background-position: -82px 0
}

.spc-container .spc-billing .cc-number.form-row.is_amex::before {
    display: block;
    background-position: -124px 0
}

.spc-container .spc-billing .cc-number.cc-img-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px;
    padding-left: 26px
}

.spc-container .spc-billing .cc-number.cc-img-icon::before {
    display: inline-block;
    width: 37px;
    height: 25px;
    content: '';
    background-image: url(../images/spc-credit-cards.png);
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: auto 24px
}

.spc-container .spc-billing .cc-number.cc-img-icon.is_mastercard::before {
    background-position: 1px 0
}

.spc-container .spc-billing .cc-number.cc-img-icon.is_visa::before {
    background-position: -38px 0
}

.spc-container .spc-billing .cc-number.cc-img-icon.is_discover::before {
    background-position: -82px 0
}

.spc-container .spc-billing .cc-number.cc-img-icon.is_amex::before {
    background-position: -124px 0
}

.spc-container .spc-billing .cc-icon {
    display: inline-block;
    width: 37px;
    height: 25px;
    background-image: url(../images/spc-credit-cards.png);
    margin-right: 8px;
    background-repeat: no-repeat;
    background-size: auto 24px;
    vertical-align: middle
}

.spc-container .spc-billing .cc-icon.is_mastercard {
    background-position: 1px 0
}

.spc-container .spc-billing .cc-icon.is_visa {
    background-position: -38px 0
}

.spc-container .spc-billing .cc-icon.is_discover {
    background-position: -82px 0
}

.spc-container .spc-billing .cc-icon.is_amex {
    background-position: -124px 0
}

.spc-container .spc-billing .cc-icon~.cc-details {
    margin-top: 8px
}

.spc-container .spc-billing .cc-field-wrapper label,
.spc-container .spc-billing .payment-error-message {
    display: none
}

.spc-container .spc-billing .payment-method-error .payment-error-message {
    display: block;
    color: #D6001C;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 15px
}

.spc-container .spc-billing .payment-method-error .payment-container {
    border-color: #D6001C
}

.spc-container .spc-billing .payment-container {
    border: 1px solid #888;
    margin: 0 0 8px;
    padding: 0;
    border-radius: 2px;
    cursor: pointer
}

.spc-container .spc-billing .payment-container.active {
    border-color: #262626
}

.spc-container .spc-billing .payment-container.apple-pay {
    display: none
}

.spc-container .spc-billing .payment-container .payment-image {
    padding-left: 10px
}

.spc-container .spc-billing .payment-container .payment-image.afterpay {
    width: 90px
}

.spc-container .spc-billing .payment-container .payment-image.afterpay img {
    vertical-align: middle
}

.spc-container .spc-billing .payment-container .payment-image.paypal {
    width: 72px
}

.spc-container .spc-billing .payment-container .other-payment {
    display: block
}

.spc-container .spc-billing .payment-container .payment-method-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 13px 16px
}

.spc-container .spc-billing .payment-container .payment-method-header a.button {
    border: 0;
    color: #414141;
    display: block;
    margin: 0 16px;
    padding: 0;
    height: auto
}

.spc-container .spc-billing .payment-container .payment-method-header a.button:hover {
    opacity: 1
}

.spc-container .spc-billing .payment-container .payment-method-header .payment-image img {
    display: block
}

.spc-container .spc-billing .payment-container .payment-method-information {
    font-size: 14px;
    line-height: 20px;
    color: #414141;
    padding: 12px 0 0 20px
}

.spc-container .spc-billing .payment-container .payment-method-expandable {
    display: none;
    padding: 0 16px 13px
}

.spc-container .spc-billing .payment-container .ui-front {
    z-index: 100
}

.spc-container .spc-billing .payment-container .ui-front.ui-selectmenu-open {
    z-index: 103
}

.spc-container .spc-billing .form-row label {
    font-size: 14px;
    line-height: 17px
}

.spc-container .spc-billing .form-row input[type=text] {
    height: auto
}

.spc-container .spc-billing .form-row.month-field label,
.spc-container .spc-billing .form-row.year-field label {
    z-index: 101
}

.spc-container .spc-billing .form-row.cvn .error-placement .error {
    margin: 0
}

.spc-container .spc-billing .form-row.saved-cvn {
    display: -ms-flexbox;
    display: flex
}

.spc-container .spc-billing .spc-selectable-pament-options {
    margin: 0;
    color: #414141
}

.spc-container .spc-billing .spc-selectable-pament-options .spc-show-allsaved-cards a {
    display: block;
    border: 0;
    padding: 0;
    margin: 0 0 15px;
    text-transform: capitalize;
    text-align: left;
    text-decoration: underline;
    color: #414141;
    font-weight: 400;
    letter-spacing: initial;
    height: auto;
    font-size: 16px
}

.spc-container .spc-billing .spc-selectable-pament-options .spc-show-allsaved-cards a:hover {
    opacity: 1
}

.spc-container .spc-billing .spc-selectable-pament-options .spc-credit-card-create-ajax-form {
    padding-top: 14px
}

.spc-container .spc-billing .SPC-CreditCardForm .credit-card-icons-container {
    display: none
}

.spc-container .spc-billing .SPC-CreditCardForm .form-row.visually-hidden {
    padding: 0
}

.spc-container .spc-billing .gift-card .gift-card-title {
    display: -ms-flexbox;
    display: flex;
    font-size: 10px
}

.spc-container .spc-billing .gift-card .check-gift-card {
    text-decoration: underline;
    text-align: center
}

.spc-container .spc-billing .gift-card .check-gift-card:hover {
    color: #000
}

.spc-container .spc-billing .gift-card-container {
    width: 100%;
    border: 1px solid #ccc;
    padding: 20px 20px 5px
}

.spc-container .spc-billing .card-buttons .icon-checkmark {
    display: none
}

.spc-container .spc-billing .remaining-balance-section {
    text-align: left;
    padding: 5px 0
}

.spc-container .spc-billing .creditcard-form-container {
    margin-top: 14px;
    display: none
}

.spc-container .spc-billing h3.cc-title {
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: initial;
    width: 99%
}

.spc-container .spc-billing h3.cc-title input,
.spc-container .spc-billing h3.cc-title select {
    margin-left: 0;
    background-color: #ccc;
    border: 1px solid #ccc;
    color: #000
}

.spc-container .spc-billing h3.cc-title input[type=radio] {
    margin-top: 0
}

.spc-container .spc-billing h3.cc-title .hide-saved-card {
    font-weight: 400;
    float: right;
    text-decoration: underline;
    cursor: pointer
}

.spc-container .spc-billing .close-gift-form {
    float: right
}

.spc-container .spc-billing .credit-card-icons-container {
    display: -ms-flexbox;
    display: flex
}

.spc-container .spc-billing .credit-card-icons-container h3 {
    font-size: 16px;
    margin-right: 0;
    width: 100%;
    margin-bottom: 20px
}

.spc-container .spc-billing .credit-card-icons-container h3:before {
    position: relative;
    float: right;
    font-family: icomoon;
    content: '\e90f';
    cursor: pointer;
    font-size: .75em
}

.spc-container .spc-billing .credit-card-icons-container-main {
    margin: 0;
    text-align: right
}

.spc-container .spc-billing .credit-card-icons-container-main .credit-card-icons {
    display: block;
    width: 100%
}

.spc-container .spc-billing .credit-card-icons-container-main div.cc-number {
    text-align: right;
    margin: 0
}

.spc-container .spc-billing .cc-radio-btn {
    margin-left: 20px;
    margin-top: 22px
}

.spc-container .spc-billing .spc-cc-tile-inner {
    outline: 0;
    z-index: 1;
    cursor: pointer
}

.spc-container .spc-billing .saved-payment-container .spc-cc-tile-inner {
    position: relative
}

.spc-container .spc-billing .saved-payment-container .spc-cc-tile-inner::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    top: 5px;
    position: absolute;
    left: 0;
    border: 1px solid #888
}

.spc-container .spc-billing .saved-payment-container.selected .spc-cc-tile-inner::before {
    content: '';
    background: #666;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 100%;
    top: 7px;
    left: 2px;
    position: absolute
}

.spc-container .spc-billing .cc-details {
    margin-left: 0
}

.spc-container .spc-billing .payment-info-title {
    text-align: center
}

.spc-container .spc-billing .address-tile:last-child {
    margin-bottom: 0
}

.spc-container .spc-billing .split {
    width: 100%;
    margin-top: 0
}

.spc-container .spc-billing .billing-continue-container {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 20px
}

.spc-container .spc-billing .newsletter-signup-check {
    width: 100%;
    margin: 0;
    display: block
}

.spc-container .spc-billing .newsletter-signup-check .form-row.custom-checkmark {
    padding-top: 0
}

.spc-container .spc-billing .newsletter-signup-check .form-caption {
    font-size: 14px;
    line-height: 20px;
    color: #414141;
    padding: 8px 0 0;
    margin: 0
}

.spc-container .spc-billing .form-row-button {
    width: auto;
    margin-top: 10px
}

.spc-container .spc-billing .gift-card-form {
    margin: 0;
    padding: 0;
    width: 100%
}

.spc-container .spc-billing .gift-card-form.rolledup {
    max-height: none
}

.spc-container .spc-billing .balance-error,
.spc-container .spc-billing .spc-apply-error {
    font-weight: 400;
    font-size: 14px
}

.spc-container .spc-billing .remove-link {
    text-transform: capitalize;
    font-size: 1em
}

.spc-container .spc-billing .gift-cert-balance-submit {
    margin-top: 20px
}

.spc-container .spc-billing .spc-pay-edit {
    display: block;
    border: 1px solid #ccc;
    background: #fff;
    padding: 1.25em;
    width: 100%;
    float: none;
    margin: 0 0 24px;
    text-align: left;
    height: auto
}

.spc-container .spc-billing .end-date {
    clear: both
}

.spc-container .spc-billing .security-code {
    margin-top: 20px
}

.spc-container .spc-billing .spc-afterpay-payment-method {
    border: 1px solid #ccc;
    padding: 20px
}

.spc-container .spc-billing .after-pay-input-radio {
    display: -ms-flexbox;
    display: flex;
    float: left;
    margin-top: .5em;
    margin-left: 0
}

.spc-container .spc-billing .spc-other-payment {
    border: 1px solid #ccc;
    padding: 20px
}

.spc-container .spc-billing .billing-address-title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
    max-width: 100%
}

.spc-container .spc-billing .other-payment-contain {
    margin: 0
}

.spc-container .spc-billing .spc-thirdparty-payment-section.spc-apple-pay {
    display: none;
    margin-bottom: 20px
}

.spc-container .spc-billing .spc-thirdparty-payment-section.spc-apple-pay.apple-pay-present {
    display: block
}

.spc-container .spc-billing .spc-thirdparty-payment-section .paypal-button {
    border: 0;
    padding: 0
}

.spc-container .spc-billing .afterpay-payment-method {
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-bottom: 20px
}

.spc-container .spc-billing .afterpay-payment-method label {
    font-size: 10px;
    padding-right: 10px
}

.spc-container .spc-billing .payment-cont-btn {
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    cursor: pointer
}

.spc-container .spc-billing .payment-cont-btn span {
    margin: 0 auto
}

.spc-container .spc-billing .spc-billing-address-form {
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px
}

.spc-container .spc-billing .back-button {
    float: left
}

.spc-container .spc-billing .apply-button {
    width: 40%;
    margin-top: 10px;
    padding: .6em 0
}

.spc-container .spc-billing .addbillingaddress-title {
    font-size: 1.05em;
    font-weight: 600
}

.spc-container .spc-billing .addbillingaddress-title:before {
    position: relative;
    float: right;
    content: '-';
    cursor: pointer
}

.spc-container .spc-billing .spc-billing-address-create {
    padding: 20px;
    width: 100%;
    text-align: left;
    border: 1px solid #ccc;
    text-decoration: none;
    margin-bottom: 20px
}

.spc-container .spc-billing .spc-billing-address-create:before {
    position: relative;
    top: 50%;
    float: right;
    font-family: icomoon;
    content: '\e914';
    font-size: .75em;
    color: #000;
    font-weight: 600;
    cursor: pointer
}

.spc-container .spc-billing .spc-billing-address-create:hover {
    color: #000
}

.spc-container .spc-billing .spcbilling-submit-error {
    padding-top: 15px;
    padding-bottom: 0;
    font-weight: 400;
    font-size: 14px
}

.spc-container .spc-billing .spcbillingCC-submit-error {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px
}

.spc-container .spc-billing .checkout-billing .form-caption.phone {
    display: block;
    bottom: -12px;
    margin: 0
}

.spc-container .spc-billing .other-payment {
    max-width: 100%;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.spc-container .spc-billing .form-row-button {
    text-align: right
}

.spc-container .spc-billing .form-row-button .add-cc-applyBtn {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    display: inline-block
}

.spc-container .spc-billing .selected .mini-address-location address {
    font-style: normal;
    width: 100%;
    display: inline-block
}

.spc-container .spc-billing .selected .phone {
    margin: 1em 0
}

.spc-container .spc-billing .selected .address-delete,
.spc-container .spc-billing .selected .address-edit,
.spc-container .spc-billing .selected .address-make-default {
    text-transform: uppercase;
    text-decoration: underline;
    margin-top: 10px;
    display: inline-block
}

.spc-container .spc-billing .edit-spcbilling-address-ajax {
    margin-bottom: 10px
}

.spc-container .spc-billing .edit-spcbilling-address-ajax h1 {
    font-size: 16px;
    text-transform: none;
    padding: 5px 0;
    margin-bottom: 10px
}

.spc-container .spc-billing .form-row.same-shippingaddress {
    padding: 0 0 16px
}

.spc-container .spc-billing .form-row.same-shippingaddress .field-wrapper label {
    width: 16px;
    cursor: pointer
}

.spc-container .spc-billing .form-row.same-shippingaddress>label {
    position: absolute;
    left: 32px;
    top: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    z-index: 9
}

.spc-container .spc-billing .form-row.same-shippingaddress>label::before {
    display: none
}

.spc-container .spc-billing .default-billing-address {
    margin-top: 12px
}

.spc-container .spc-billing .default-billing-address.edit-mode-off {
    margin: 0
}

.spc-container .spc-billing .spcGiftCertApplyBtn {
    width: 40%;
    text-align: center;
    margin: 0 auto;
    padding: .6em 0
}

.spc-container .spc-billing .spcGiftCertApplyBtn:hover {
    color: #000
}

.spc-container .spc-billing .afterpay-checkout-logo {
    margin: 0 auto
}

.spc-container .spc-billing .afterpay-checkout-logo .payment-image {
    width: 150px
}

.pt_checkout .spc-container .primary-content {
    max-width: none;
    margin: 0;
    left: 0
}

@media (max-width:768.98px) {
    .pt_checkout .spc-container .primary-content {
        padding: 0
    }
}

.pt_checkout .spc-container .summary {
    max-width: none;
    color: #000;
    margin: 0;
    padding: 0;
    left: 0
}

.onepage-checkout-container {
    padding: 0 20px 70px;
    max-width: 1300px
}

@media (min-width:769px) {
    .onepage-checkout-container {
        padding-bottom: 100px
    }
}

.onepage-checkout-container .review-total-container {
    padding: 30px 0
}

.onepage-checkout-container legend.sr-only {
    display: none
}

.onepage-checkout-container .order-review-header {
    display: none;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 48px 0;
    margin-bottom: 48px;
    text-align: center;
    background-color: #FAF9F9;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (max-width:768.98px) {
    .onepage-checkout-container .order-review-header {
        padding: 32px 0 40px;
        margin-bottom: 26px
    }
}

@media (min-width:769px) {
    .onepage-checkout-container .order-review-header {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.onepage-checkout-container .order-review-header .title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 30px;
    line-height: 36px;
    padding-bottom: 25px
}

@media (max-width:768.98px) {
    .onepage-checkout-container .order-review-header .title {
        font-size: 24px;
        line-height: 28.8px
    }
}

.onepage-checkout-container .order-review-header .description {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    font-size: 16px;
    line-height: 19px;
    padding: 0 10% 25px
}

@media (min-width:769px) {
    .onepage-checkout-container .order-review-header .description {
        font-size: 20px;
        line-height: 24px;
        padding: 0 24% 25px
    }
}

@media (max-width:768.98px) {
    .onepage-checkout-container .order-review-header .review-cta {
        padding: 0 20px
    }
}

.onepage-checkout-container .order-review-header .review-place-order-button {
    padding: 13px 0;
    width: 100%;
    height: 40px
}

@media (min-width:769px) {
    .onepage-checkout-container .order-review-header .review-place-order-button {
        width: 26%;
        padding: 18px 0;
        height: 50px
    }
}

@media (max-width:768.98px) {
    .onepage-checkout-container .order-review-header .review-place-order-button {
        padding: 0;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.floating-fields .form-row {
    padding: 12px 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.floating-fields .form-row.phone {
    display: -ms-flexbox;
    display: flex
}

.floating-fields .form-row label {
    position: absolute;
    left: 0;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px;
    background: #fff;
    color: #262626;
    z-index: 99;
    font-size: 14px;
    padding: 0 4px;
    line-height: 17px;
    transition: all .3s;
    margin-top: -9px
}

.floating-fields .form-row input[type=checkbox]+label,
.floating-fields .form-row input[type=radio]+label {
    position: static;
    margin: 0;
    padding: 0;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: default
}

.floating-fields .form-row.error .field-wrapper input[type=email],
.floating-fields .form-row.error .field-wrapper input[type=number],
.floating-fields .form-row.error .field-wrapper input[type=password],
.floating-fields .form-row.error .field-wrapper input[type=tel],
.floating-fields .form-row.error .field-wrapper input[type=text],
.floating-fields .form-row.error .field-wrapper select {
    border-color: #D6001C;
    color: #D6001C
}

.floating-fields .form-row .select-parent {
    z-index: 98
}

.floating-fields .form-row .field-wrapper {
    padding-top: 0;
    display: block;
    position: relative
}

.floating-fields .form-row .field-wrapper input[type=email]:not(:focus)+label,
.floating-fields .form-row .field-wrapper input[type=number]:not(:focus)+label,
.floating-fields .form-row .field-wrapper input[type=password]:not(:focus)+label,
.floating-fields .form-row .field-wrapper input[type=tel]:not(:focus)+label,
.floating-fields .form-row .field-wrapper input[type=text]:not(:focus)+label {
    top: 50%;
    font-size: 16px;
    line-height: 19px
}

.floating-fields .form-row .field-wrapper .ui-selectmenu-button,
.floating-fields .form-row .field-wrapper input[type=email],
.floating-fields .form-row .field-wrapper input[type=number],
.floating-fields .form-row .field-wrapper input[type=password],
.floating-fields .form-row .field-wrapper input[type=tel],
.floating-fields .form-row .field-wrapper input[type=text] {
    padding: 16px;
    font-size: 16px;
    line-height: 19px;
    border: 1px solid #888;
    border-radius: 2px;
    color: #262626;
    height: auto
}

.floating-fields .form-row .field-wrapper .ui-selectmenu-button:-webkit-autofill+label,
.floating-fields .form-row .field-wrapper input[type=email]:-webkit-autofill+label,
.floating-fields .form-row .field-wrapper input[type=number]:-webkit-autofill+label,
.floating-fields .form-row .field-wrapper input[type=password]:-webkit-autofill+label,
.floating-fields .form-row .field-wrapper input[type=tel]:-webkit-autofill+label,
.floating-fields .form-row .field-wrapper input[type=text]:-webkit-autofill+label {
    top: 0;
    font-size: 14px;
    line-height: 17px;
    color: #414141
}

.floating-fields .form-row.valid .field-wrapper input[type=email]+label,
.floating-fields .form-row.valid .field-wrapper input[type=number]+label,
.floating-fields .form-row.valid .field-wrapper input[type=password]+label,
.floating-fields .form-row.valid .field-wrapper input[type=tel]+label,
.floating-fields .form-row.valid .field-wrapper input[type=text]+label {
    top: 0;
    font-size: 14px;
    line-height: 17px;
    color: #414141
}

.floating-fields .form-row.error .field-wrapper .ui-selectmenu-button+label,
.floating-fields .form-row.error .field-wrapper input[type=email]+label,
.floating-fields .form-row.error .field-wrapper input[type=number]+label,
.floating-fields .form-row.error .field-wrapper input[type=password]+label,
.floating-fields .form-row.error .field-wrapper input[type=tel]+label,
.floating-fields .form-row.error .field-wrapper input[type=text]+label,
.floating-fields .form-row.error .field-wrapper label,
.floating-fields .form-row.error .field-wrapper select {
    color: #D6001C
}

.floating-fields .form-row.error .field-wrapper select+span {
    border-color: #D6001C
}

.floating-fields .form-row.error .field-wrapper select+span .ui-selectmenu-text {
    color: #D6001C
}

.floating-fields .form-row.error .field-wrapper select+span .ui-selectmenu-text::after {
    border-color: #D6001C
}

.floating-fields .form-row .ui-selectmenu-button {
    background: 0 0;
    padding: 16px;
    height: 53px
}

.floating-fields .form-row .ui-selectmenu-button .ui-selectmenu-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: #262626
}

.floating-fields .form-row .error-placement,
.floating-fields .form-row .gift-error-placement {
    position: static;
    -ms-flex-order: 5;
    order: 5;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    padding: 9px 0 0 16px;
    margin: 0;
    line-height: 17px
}

.floating-fields .form-row .error-placement .error-icon,
.floating-fields .form-row .gift-error-placement .error-icon {
    display: none
}

.floating-fields .form-row .error-placement .form-caption,
.floating-fields .form-row .gift-error-placement .form-caption {
    font-size: 16px;
    line-height: 19px
}

.floating-fields .form-row .error-placement .error,
.floating-fields .form-row .gift-error-placement .error {
    display: block;
    position: static;
    margin: 0;
    opacity: 1;
    border: 0;
    background: 0 0;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    color: #D6001C
}

.floating-fields .form-row .error-placement .error::after,
.floating-fields .form-row .gift-error-placement .error::after {
    display: none
}

.floating-fields .form-row.half-width {
    float: none
}

.floating-fields .form-row .form-caption {
    float: none;
    display: none
}

.floating-fields .form-row.country {
    display: none
}

.floating-fields .form-row.country .field-wrapper {
    width: 100%;
    padding: 0
}

.floating-fields .form-row.state .ui-front {
    z-index: 100
}

.floating-fields .form-row.state .ui-selectmenu-button {
    height: 52px
}

.floating-fields .form-row.state label {
    z-index: 101
}

.spc-container {
    margin: 0 auto
}

.spc-container .floating-fields .form-row .error-placement,
.spc-container .group-error {
    display: none
}

.spc-container .invalid-form .group-error-wrapper .btn-primary {
    border: 1px solid #D6001C;
    background-color: #262626;
    color: #fff
}

.spc-container .invalid-form .group-error-wrapper .group-error {
    display: block;
    padding: 16px;
    color: #D6001C;
    background: rgba(214, 0, 28, .1);
    font-size: 14px;
    line-height: 17px;
    border: 1px solid #D6001C;
    border-top: 0;
    text-align: left
}

.spc-container .invalid-form .group-error-wrapper .group-error .error-title {
    display: block;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 17px;
    font-family: Arial, Medium, sans-serif
}

.spc-container #shippingMethodSelect,
.spc-container #shippingMethodSelect-button {
    display: none !important
}

.spc-container .checkout-progress-container {
    display: -ms-flexbox;
    display: flex;
    border-top: none;
    max-width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:769px) {
    .spc-container .checkout-progress-container {
        position: relative
    }
}

.spc-container .checkout-progress-container input:focus,
.spc-container .checkout-progress-container select {
    outline: 0;
    color: #000
}

.spc-container .checkout-progress-container select {
    border: 1px solid #888;
    display: block !important;
    position: absolute !important;
    opacity: 0 !important;
    font-size: 16px;
    top: 0;
    left: 0
}

@media (min-width:769px) {
    .spc-container .checkout-progress-container select {
        z-index: -1
    }
}

.spc-container .checkout-progress-container form {
    margin: 0;
    padding: 0
}

.spc-container .checkout-progress-container .form-row {
    padding: 12px 0
}

.spc-container .checkout-progress-container .form-row .label-after {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.spc-container .checkout-progress-container .form-row .label-after input[type=checkbox] {
    top: 0;
    float: none;
    margin: 0;
    vertical-align: middle
}

.spc-container .checkout-progress-container .form-row .label-after input[type=checkbox]+label span {
    padding-left: 15px;
    cursor: default
}

.spc-container .checkout-progress-container .form-row.form-row-button .btn-primary {
    width: 100%
}

.spc-container .checkout-progress-container .form-row.form-row-button .btn-primary.apply-button {
    margin: 0;
    width: auto
}

.spc-container .checkout-progress-container .step.active~.section-overlay .spc-column {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.spc-container .checkout-progress-container .step.active~.section-overlay .spc-column:before {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #fff;
    content: "";
    z-index: 102;
    top: 56px
}

.spc-container .checkout-progress-container .step.active~.section-overlay .column * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.spc-container .checkout-progress-container .step.active .guest-shipping-address-tile {
    display: none
}

.spc-container .checkout-progress-container .step.active .guest-shipping-form {
    display: block
}

.spc-container .checkout-progress-container .section-overlay input,
.spc-container .checkout-progress-container .section-overlay select {
    background: none
}

.spc-container .checkout-progress-container .section-overlay .summary .mini-cart-product {
    background: 0 0
}

.spc-container .checkout-progress-container .section-overlay .mini-cart-image {
    opacity: .32
}

.spc-container .checkout-progress-container .section-overlay .add-cc-applyBtn,
.spc-container .checkout-progress-container .section-overlay .place-order-button,
.spc-container .checkout-progress-container .section-overlay .spcShippingContinueBtn {
    background-color: #ccc;
    color: #ccc;
    border-color: #ccc
}

.spc-container .checkout-progress-container .section-overlay .show-item-order {
    background-color: transparent
}

.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column {
    position: relative
}

.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .shipping-method-list,
.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .spc-billing-address {
    border-top: 1px solid #f1f1f1
}

@media (min-width:769px) {

    .spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .shipping-method-list,
    .spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .spc-billing-address {
        border-color: #ccc
    }
}

.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .edit-mode-on {
    display: none
}

.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .edit-mode-off {
    display: block
}

.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .address-tile-inner {
    padding: 0;
    border: 0
}

.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .default-billing-address.guest-billing-address {
    display: none
}

.spc-container .checkout-progress-container .section-overlay.inprogress .spc-column .default-billing-address.hide+.default-billing-address.guest-billing-address {
    display: block
}

.spc-container .checkout-progress-container .section-overlay .summary-section-top {
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 19px;
    color: #262626
}

.spc-container .checkout-progress-container .section-overlay .mini-address-location .phone {
    padding-top: 22px
}

.spc-container .checkout-progress-container .section-overlay .guest-shipping-address-tile {
    display: block
}

.spc-container .checkout-progress-container .section-overlay .guest-shipping-form {
    display: none
}

.spc-container .checkout-progress-container .mini-address-location .phone {
    margin: 0
}

.spc-container .checkout-progress-container .step .edit-mode-off {
    display: none
}

@media (min-width:769px) {
    .spc-container .checkout-progress-container .spc-tabs {
        padding-bottom: 7px
    }
}

.spc-container .checkout-progress-container .active .spc-tabs,
.spc-container .checkout-progress-container .inprogress .spc-tabs {
    border-color: #D6001C
}

.spc-container .checkout-progress-container .step {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 0
}

@media (min-width:769px) {
    .spc-container .checkout-progress-container .step {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        width: 33.33%;
        max-width: 370px;
        margin-top: 40px;
        border: 0;
        padding: 0 10px
    }
}

@media (max-width:768.98px) {
    .spc-container .checkout-progress-container .step.spc-billing {
        border-top: 1px solid #000;
        margin-top: 30px;
        padding-top: 41px
    }
}

.spc-container .checkout-progress-container .step .spc-tabs-title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 24px;
    line-height: 29px
}

@media (min-width:769px) {
    .spc-container .checkout-progress-container .step {
        position: relative
    }
}

@media (max-width:768.98px) {
    .spc-container .checkout-progress-container .spc-summary.inprogress {
        border-top: 1px solid #000;
        padding-top: 30px;
        margin-top: 30px
    }
}

.spc-container .checkout-progress-container .address-tile-inner {
    padding: 16px;
    margin-bottom: 0;
    border: 1px solid #888;
    border-radius: 2px;
    font-size: 16px;
    color: #262626;
    line-height: 22px
}

.spc-container .checkout-progress-container .sub-heading-title {
    padding-top: 25px;
    overflow: hidden
}

.spc-container .checkout-progress-container .sub-heading-title h1,
.spc-container .checkout-progress-container .sub-heading-title h4 {
    font-size: 20px;
    line-height: 24px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    margin-bottom: 24px
}

@media (max-width:768.98px) {

    .spc-container .checkout-progress-container .sub-heading-title h1,
    .spc-container .checkout-progress-container .sub-heading-title h4 {
        font-size: 18px;
        line-height: 21px
    }
}

.spc-container .checkout-progress-container .divider-hr,
.spc-container .checkout-progress-container .spc-review-summary,
.spc-container .spcHasOnlyGC .spc-shipping {
    display: none
}

.spc-container .spcHasOnlyGC .step {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%
}

.spc-container .spcHasOnlyGC .step .spc-tabs {
    margin-bottom: 16px
}

.spc-container .spcHasOnlyGC .spc-billing {
    border-left: none
}

@media (max-width:768.98px) {
    .spc-container .steps-inner {
        position: relative
    }
}

.spc-container .button-checkoutstep {
    font-size: 16px;
    position: absolute;
    top: 30px;
    display: none;
    text-transform: uppercase;
    text-align: center;
    color: #262626;
    z-index: 100;
    cursor: pointer;
    -webkit-user-select: all;
    -moz-user-select: all;
    -ms-user-select: all;
    user-select: all;
    pointer-events: all;
    border: 0;
    padding: 0;
    right: 0;
    margin: 0;
    height: 18px
}

@media (min-width:769px) {
    .spc-container .button-checkoutstep {
        top: 88px;
        right: 0;
        height: auto
    }
}

.spc-container .mini-address-name {
    text-transform: capitalize;
    position: relative;
    padding-right: 20px
}

.spc-container .mini-address-name .address-edit-spc,
.spc-container .mini-address-name .spc-billingaddress-edit {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #262626;
    font-size: 14px;
    line-height: 1
}

.spc-container .spc-shipping .split {
    width: 100%
}

.spc-container .spc-shipping .spc-shippping-address-header {
    margin-top: 0
}

.spc-container .spc-shipping .saved-address-message h3 {
    font-size: 14px;
    text-transform: none;
    letter-spacing: normal;
    padding-bottom: 10px;
    color: #414141
}

.spc-container .spc-shipping .spg-option-title {
    font-size: 1.05em;
    text-transform: capitalize
}

.spc-container .spc-shipping .shpping-title {
    padding-top: 10px
}

.spc-container .spc-shipping .shipping-address-title {
    padding-bottom: 20px
}

.spc-container .spc-shipping .shipping-form-section {
    border: 1px solid #ccc;
    margin: 10px 20px 20px;
    padding: 10px 20px
}

.spc-container .spc-shipping input[type=radio]:checked+label .icon-checkmark {
    display: contents
}

.spc-container .spc-shipping .checkout-shipping {
    padding: 0
}

.spc-container .spc-shipping .checkout-shipping .form-caption.phone {
    display: block;
    bottom: -12px;
    margin: 0
}

.spc-container .spc-shipping .form-row-button .column button {
    width: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

.spc-container .spc-shipping .form-row-button .column button span {
    margin: 0 auto
}

.spc-container .spc-shipping .address-form-ajax .shipping-form-section {
    margin: 0
}

.spc-container .spc-shipping .sp-add-address-title {
    font-size: 16px;
    font-weight: 600
}

.spc-container .spc-shipping .saved-addresses.edit-address-active .address-list,
.spc-container .spc-shipping .saved-addresses.edit-address-active .showmoreaddresses {
    display: none
}

.spc-container .spc-shipping .saved-addresses .sub-heading-title {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.spc-container .spc-shipping .saved-addresses .sub-heading-title .hide-saved-address {
    text-transform: none;
    text-decoration: underline;
    float: right;
    font-weight: 400;
    cursor: pointer
}

.spc-container .spc-shipping .saved-addresses .address-list {
    margin-bottom: 12px;
    padding: 0
}

.spc-container .spc-shipping .saved-addresses .address-list .address-tile {
    margin-bottom: 8px
}

.spc-container .spc-shipping .saved-addresses .address-tile-inner {
    padding: 16px;
    margin-bottom: 0;
    border: 1px solid #888;
    border-radius: 2px;
    font-size: 16px;
    color: #262626;
    line-height: 22px;
    cursor: pointer
}

.spc-container .spc-shipping .saved-addresses .add-new-address {
    padding: 0;
    margin: 0
}

.spc-container .spc-shipping .showmoreaddresses {
    margin: 6px 0 30px;
    cursor: pointer;
    display: inline-block;
    text-decoration: underline;
    font-size: 16px
}

.spc-container .spc-shipping .showmoreaddresses a {
    text-decoration: underline
}

.spc-container .spc-shipping .spc-shipping-method {
    margin: 0;
    padding: 0
}

.spc-container .spc-shipping .icon-chevron-thin-left {
    position: absolute;
    right: 15px;
    font-size: 1.5em;
    font-weight: 600;
    margin-top: 25px;
    cursor: pointer
}

.spc-container .spc-shipping .icon-chevron-thin-left:before {
    font-size: .75em
}

.spc-container .spc-shipping .edit-form-ajax {
    width: 100%
}

.spc-container .spc-shipping .address-create-spc {
    padding: 16px;
    height: auto;
    line-height: 19px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    text-align: left;
    border: 1px solid #888;
    border-radius: 2px;
    opacity: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.spc-container .spc-shipping .address-create-spc .icon-plus-round {
    line-height: 1
}

.spc-container .spc-shipping .mini-address-location address {
    display: inline-block;
    width: 100%
}

.spc-container .spc-shipping .custom-select {
    width: 100%;
    float: left;
    color: #000;
    font-weight: 400;
    position: relative
}

.spc-container .spc-shipping .custom-select .base-shipping,
.spc-container .spc-shipping .custom-select .shipping-form-caption,
.spc-container .spc-shipping .custom-select .shipping-name {
    font-size: 16px;
    line-height: 19px;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141
}

@media (max-width:768.98px) {

    .spc-container .spc-shipping .custom-select .base-shipping,
    .spc-container .spc-shipping .custom-select .shipping-form-caption,
    .spc-container .spc-shipping .custom-select .shipping-name {
        line-height: 1;
        vertical-align: top;
        padding: 7px 0
    }
}

.spc-container .spc-shipping .custom-select .base-shipping {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141
}

.spc-container .spc-shipping .custom-select .strikethrough {
    text-decoration: line-through
}

.spc-container .spc-shipping .custom-select .shipping-form-caption {
    font-size: 14px;
    display: inline-block
}

@media (max-width:768.98px) {
    .spc-container .spc-shipping .custom-select .shipping-form-caption {
        display: -ms-flexbox;
        display: flex;
        line-height: 1;
        vertical-align: top;
        padding: 7px 0
    }
}

.spc-container .spc-shipping .custom-select .selected-option .shipping-method-options {
    line-height: 19px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 16px
}

.spc-container .spc-shipping .custom-select .selected-option .shipping-form-caption {
    width: 100%;
    display: block;
    color: #666
}

.spc-container .spc-shipping .shipping-method-list .sub-heading-title h4 {
    margin: 0
}

.spc-container .spc-shipping .shipping-method-list .applied-shipping-promotion {
    margin: 0 0 24px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #414141
}

.spc-container .spc-shipping .selection-list li {
    width: 100%;
    padding: 16px;
    border: 1px solid #888;
    color: #000;
    cursor: pointer;
    margin-bottom: 8px;
    border-radius: 2px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.spc-container .spc-shipping .selection-list li.selected {
    border-color: #262626
}

.spc-container .spc-shipping .selection-list li.selected .shipping-method-radio::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    left: 1px;
    top: 1px;
    position: absolute;
    background: #666;
    border-radius: 100%
}

.spc-container .spc-shipping .selection-list li .shipping-method-radio {
    border: 1px solid #888;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 2px;
    position: relative
}

@media (max-width:768.98px) {
    .spc-container .spc-shipping .selection-list li .shipping-method-radio {
        margin-top: 0
    }
}

.spc-container .spc-shipping .selection-list li .shipping-method-options {
    width: calc(100% - 16px);
    padding-left: 12px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 16px
}

@media (max-width:768.98px) {
    .spc-container .spc-shipping .selection-list li .shipping-method-options {
        line-height: 1
    }
}

.spc-container .spc-billing .back-button,
.spc-container .spc-shipping .back-button {
    margin: 0 0 14px;
    padding: 0;
    width: auto;
    line-height: 1;
    height: auto;
    background: 0 0;
    border: 0;
    color: #000;
    text-transform: none;
    text-decoration: underline
}

.spc-container .spc-billing .back-button::before,
.spc-container .spc-shipping .back-button::before {
    content: '<'
}

.spc-container .spc-billing .back-button .back-text,
.spc-container .spc-shipping .back-button .back-text {
    display: inline
}

.spc-container .spc-billing .back-button .use-saved-text,
.spc-container .spc-billing .edit-address-active .back-button .back-text,
.spc-container .spc-billing .edit-address-active .back-button::before,
.spc-container .spc-shipping .back-button .use-saved-text,
.spc-container .spc-shipping .edit-address-active .back-button .back-text,
.spc-container .spc-shipping .edit-address-active .back-button::before {
    display: none
}

.spc-container .spc-billing .edit-address-active .back-button .use-saved-text,
.spc-container .spc-shipping .edit-address-active .back-button .use-saved-text {
    display: inline
}

.spc-container .afterpay-payment-method-message {
    font-size: 12px
}

.spc-container .spc-summary .payment-summary-container .spc-cc-tile-inner {
    border: 1px solid #ccc;
    padding: 20px;
    outline: 0
}

.spc-container .spc-summary .payment-summary-container .payment-summary {
    margin-bottom: 0
}

.spc-container .spc-summary .payment-summary-container .creditcard-tile .creditcard-tile-inner {
    display: block
}

.spc-container .spc-summary .payment-summary-container .creditcard-tile .creditcard-tile-inner .cc-details {
    width: auto;
    margin-left: 0;
    margin-top: 1.25rem
}

.spc-container .spc-summary .payment-summary-container .creditcard-tile .creditcard-tile-inner .payment-value {
    margin-left: 0
}

.spc-container .spc-summary .payment-summary-container .card-detail-container {
    clear: both;
    padding-top: 1.25rem
}

.spc-container .spc-summary .payment-summary-container .spc-card-summary {
    font-weight: 600
}

.spc-container .spc-summary .coupon-code-container {
    border: 1px solid #ccc;
    padding: 20px 20px 0;
    margin: 0 0 20px
}

.spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled {
    margin-top: 20px
}

.spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container {
    padding: 1px 15px
}

.spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container #CheckoutAddPromocode {
    margin-bottom: 0
}

.spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container #CheckoutAddPromocode .accordion {
    background: 0 0
}

.spc-container .spc-summary .coupon-code-container1.promocode-accordion-enabled .field-button-container #CheckoutAddPromocode .accordion .accordion-title {
    padding: 1.25rem 0;
    text-transform: none
}

.spc-container .spc-summary .checkout-mini-cart {
    display: none;
    margin: 20px 0
}

.spc-container .spc-summary .calculations-container>div.order-total {
    border-top: 1px solid #ccc
}

.spc-container .spc-summary .review-total-amt {
    float: right;
    padding: 6px 10px 0;
    font-weight: 600
}

.spc-container .spc-summary .spc-mini-cart-totals {
    margin: 0 auto;
    width: 100%;
    padding: 10px 0
}

@media (max-width:768.98px) {
    .spc-container .spc-summary .spc-mini-cart-totals {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

.spc-container .spc-summary .spc-mini-cart-totals .spc-cart {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 18px;
    line-height: 21px;
    padding-right: 33px
}

.spc-container .spc-summary .spc-mini-cart-totals a {
    color: #fff
}

.spc-container .spc-summary .spc-mini-cart-link-cart {
    font-size: 14px;
    padding: 0;
    border: none;
    width: auto;
    background: 0 0;
    color: #262626
}

@media (max-width:768.98px) {
    .spc-container .spc-summary .spc-mini-cart-link-cart {
        width: 50%;
        text-align: right
    }
}

.spc-container .spc-summary .gtpromochecker {
    word-break: break-all
}

.spc-container .spc-summary .order-totals-table {
    margin-bottom: 15px
}

.spc-container .spc-summary .spc-summary-applycoupon {
    display: none
}

.spc-container .spc-summary .show-item-order {
    padding: 0;
    margin: 0
}

.spc-container .spc-summary .show-item-order li {
    list-style-type: none
}

.spc-container .spc-summary .accordion-title:hover {
    background: 0 0;
    outline: 0
}

.spc-container .spc-summary .accordion-title:focus {
    background: 0 0
}

.spc-container .spc-summary .accordion-title:before {
    right: 0
}

.spc-container .spc-summary .accordion-navigation {
    margin: 0
}

.spc-container .spc-summary .field-button-container {
    padding: 0
}

.spc-container .spc-summary .SPCSummaryPageSec h4 {
    margin-bottom: 0
}

.spc-container .spc-summary .SPCSummaryPageSec .cart-coupon-code form {
    display: -ms-flexbox;
    display: flex
}

.spc-container .spc-summary .SPCSummaryPageSec .cart-coupon-code {
    border-bottom: none;
    border-top: none;
    padding: 27px 0 23px;
    width: 100%;
    position: relative
}

.spc-container .spc-summary .SPCSummaryPageSec .floating-label {
    position: absolute;
    pointer-events: none;
    transition: .8s ease all;
    top: 42px;
    left: 15px;
    font-size: 16px;
    line-height: 19px;
    color: #262626
}

@media (max-width:768.98px) {
    .spc-container .spc-summary .SPCSummaryPageSec .floating-label {
        top: 40px
    }
}

.spc-container .spc-summary .SPCSummaryPageSec .promocode-input {
    height: 50px
}

.spc-container .spc-summary .SPCSummaryPageSec .promocode-input:focus~.floating-label,
.spc-container .spc-summary .SPCSummaryPageSec .promocode-input:not(:focus):valid~.floating-label {
    top: 19px;
    left: 10px;
    opacity: 1;
    color: #262626;
    background-color: #fff;
    height: 20px;
    padding: 0 5px;
    font-size: 14px
}

.spc-container .spc-summary .SPCSummaryPageSec .coupon-cta {
    width: 34%
}

.spc-container .spc-summary .SPCSummaryPageSec .coupon-cta.promo-codes {
    width: 100%
}

.spc-container .spc-summary .SPCSummaryPageSec .coupon-cta button.primary {
    height: 50px
}

.spc-container .spc-summary .SPCSummaryPageSec .promo-brief {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 0 0
}

.spc-container .spc-summary .SPCSummaryPageSec .removebutton {
    background: #f1f1f1;
    border: none;
    height: 26px;
    padding: 4px 8px
}

.spc-container .spc-summary .SPCSummaryPageSec .removebutton .value {
    color: #262626;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding-right: 15px
}

.spc-container .spc-summary .SPCSummaryPageSec .removebutton .icon-close {
    color: #262626;
    font-size: 11px
}

.spc-container .spc-summary .SPCSummaryPageSec .remove-container-form .field-button-container {
    padding-right: 10px
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent {
    padding-top: 20px
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .spc-terms-conditions h4 {
    font-size: 20px;
    line-height: 24px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    margin-bottom: 8px
}

@media (max-width:768.98px) {
    .spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .spc-terms-conditions h4 {
        font-size: 18px;
        line-height: 21px
    }
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .form-row {
    margin-top: 20px;
    padding: 0
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .user-consent-label label {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19px
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .user-consent-label a {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19px;
    text-decoration: underline
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .spc-termconditions-consent {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #414141;
    text-transform: none;
    font-size: 14px;
    line-height: 19px;
    display: inline-block;
    position: relative;
    bottom: 5px
}

@media (max-width:768.98px) {
    .spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .spc-termconditions-consent {
        bottom: 2px
    }
}

@media (min-width:576px) and (max-width:768px) {
    .spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .spc-termconditions-consent {
        bottom: 9px
    }
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .spc-termconditions-error {
    display: none;
    color: #D6001C;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    top: 7px
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .termsandconditions {
    border: 1px solid #888;
    box-sizing: border-box;
    border-radius: 1px;
    height: 16px;
    width: 16px;
    background: #fff;
    margin-right: 16px;
    top: 0;
    padding: 0
}

@media (min-width:769px) {
    .spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .termsandconditions {
        margin-right: 16px
    }
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .termsandconditions::after {
    border: 1px solid #fff;
    border-width: 0 0 2px 2px;
    width: 12px;
    height: 4px;
    transform: translate(-50%, -50%) rotate(-65deg) skewY(3deg) skewX(-25deg)
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .termsandconditions:checked {
    background-color: #262626
}

.spc-container .spc-summary .SPCSummaryPageSec .order-review-consent .termsandconditions.error {
    border: 1px solid #D6001C
}

.spc-container .spc-summary button {
    margin: 0;
    padding: 13px 0;
    width: 100%;
    height: 50px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    background-color: #262626;
    color: #fff
}

.spc-container .spc-summary button.btn-primary:hover,
.spc-container .spc-summary button.primary:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #000
}

@media (max-width:768.98px) {
    .spc-container .spc-summary button {
        height: 44px
    }
}

.spc-container .spc-summary .error {
    color: #D6001C;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px
}

.spc-container .spc-summary .error.spc-applycoupon-error {
    margin: 10px 0
}

.spc-container .spc-summary .error .floating-label,
.spc-container .spc-summary .error .promocode-input,
.spc-container .spc-summary .error .promocode-input:focus~.floating-label,
.spc-container .spc-summary .error .promocode-input:not(:focus):valid~.floating-label {
    color: #D6001C
}

.spc-container .spc-summary .payment-details {
    height: 0;
    overflow: hidden;
    font-size: 0
}

.spc-container .calculations-container .spc-summary-ordertotal {
    display: block
}

.spc-container .calculations-container .spc-summary-ordertotal h4 {
    font-size: 20px;
    line-height: 24px;
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    margin-bottom: 19px
}

@media (max-width:768.98px) {
    .spc-container .calculations-container .spc-summary-ordertotal h4 {
        font-size: 18px;
        line-height: 21px
    }
}

.spc-container .calculations-container .order-estimation-details {
    border: 1px solid #888;
    padding: 16px;
    border-radius: 5px;
    overflow: hidden
}

.spc-container .calculations-container .order-estimation-details .summary-sections .order-text:last-child {
    text-align: right
}

.spc-container .calculations-container .order-estimation-details .order-total-message,
.spc-container .calculations-container .order-estimation-details .standard-shipping {
    display: none
}

.spc-container .calculations-container .order-estimation-details .order-total {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #414141;
    text-transform: none;
    font-size: 18px;
    line-height: 21px;
    background: #FAF9F9;
    padding: 24px 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 16px -16px -24px
}

.spc-container .calculations-container .order-estimation-details .order-subtotal .order-text {
    padding-top: 0
}

.spc-container .calculations-container .order-estimation-details .summary-sections {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.spc-container .calculations-container .order-estimation-details .summary-sections .order-text {
    width: 60%;
    font-size: 16px;
    padding: 8px 0;
    line-height: 19px;
    color: #414141
}

.spc-container .calculations-container .order-estimation-details .summary-sections .order-text:last-child {
    width: 40%
}

.edit-add-address .back-button {
    float: left;
    padding: .5em 2em .3em;
    margin-top: 1em
}

.payment-summary-edit {
    font-weight: 600;
    position: relative;
    overflow: visible;
    z-index: 1;
    cursor: pointer
}

.welcome-section {
    text-align: left;
    padding: 20px
}

.welcome-section .welcome-content {
    margin-bottom: 20px
}

.welcome-section .checkout-btn {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
select:-webkit-autofill,
select:-webkit-autofill:focus,
select:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s
}

.spcGiftCardBalanceModal {
    height: 50%;
    top: 10%
}

.onepage-checkout-container {
    overflow: hidden
}

.onepage-checkout-container .hide {
    display: none !important
}

@media (max-width:768.98px) {
    .onepage-checkout-container .secure-checkout-logo {
        padding: 0
    }
}

.onepage-checkout-container.order-review-summary {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .spc-wrapper {
        padding-top: 0
    }
}

.onepage-checkout-container.order-review-summary .secure-checkout-logo-wrapper {
    display: none
}

.onepage-checkout-container.order-review-summary .spc-billing,
.onepage-checkout-container.order-review-summary .spc-shipping {
    padding: 0 20px
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .spc-shipping {
        margin-top: 0
    }
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .spc-shipping {
        padding: 0 10px 0 8%
    }
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .spc-billing {
        padding: 0 4%
    }
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .spc-billing .button-checkoutstep {
        right: 12%
    }
}

.onepage-checkout-container.order-review-summary .step {
    border: none;
    margin: 0;
    position: relative
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .step.spc-billing {
        border: none;
        margin: 0;
        padding: 0 20px
    }
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .step.spc-billing .steps-inner {
        border-top: 1px solid #888;
        margin-top: 30px
    }
}

.onepage-checkout-container.order-review-summary .spc-review-summary {
    display: block;
    width: 33.33%;
    max-width: 33.33%;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    margin: 0;
    padding: 0 8% 0 0
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .spc-review-summary {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        padding: 0 20px
    }
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .spc-review-summary .steps-inner {
        border-top: 1px solid #666;
        margin-top: 30px
    }
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .spc-review-summary .button-checkoutstep {
        right: 24%
    }
}

.onepage-checkout-container.order-review-summary .divider-hr {
    display: block;
    width: 88%;
    border-bottom: 1px solid #000;
    margin: 40px auto 3px
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .divider-hr {
        width: 87.3%;
        margin: 50px auto 3px
    }
}

.onepage-checkout-container.order-review-summary .divider-hr.bottom-hr {
    border-color: #ccc;
    margin: 18px auto 35px
}

.onepage-checkout-container.order-review-summary .spc-summary {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 0 20px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .spc-summary {
        -ms-flex: 0 0 62.5%;
        flex: 0 0 62.5%;
        max-width: 62.5%;
        margin-left: 18.75%;
        padding: 0
    }
}

.onepage-checkout-container.order-review-summary .spc-summary .checkout-mini-cart {
    display: block
}

.onepage-checkout-container .order-summary-footer,
.onepage-checkout-container.order-review-summary .spc-summary .order-review-consent,
.onepage-checkout-container.order-review-summary .spc-summary .spc-tabs,
.onepage-checkout-container.order-review-summary .spc-summary .total-container {
    display: none
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-progress-container .spc-summary.inprogress {
        border-top: 0;
        padding-top: 0;
        margin-top: 0
    }
}

.onepage-checkout-container .loader {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999
}

.onepage-checkout-container.order-review-summary .checkout-notification {
    display: block;
    padding: 0 20px 3px
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .checkout-notification {
        padding: 0 8% 3px
    }
}

.onepage-checkout-container.order-review-summary .sub-heading-title h4 {
    margin-bottom: 12px
}

.onepage-checkout-container.order-review-summary .order-summary-footer {
    display: block;
    text-align: center;
    padding: 0 20px;
    width: 100%
}

.onepage-checkout-container.order-review-summary .order-summary-footer input {
    width: 66%;
    font-size: 18px;
    padding: 10px;
    border-radius: 2px
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .order-summary-footer input {
        height: 44px
    }
}

.onepage-checkout-container.order-review-summary .order-summary-footer .place-order-button {
    margin-bottom: 10px;
    padding: 10px 0;
    min-height: auto;
    float: none;
    max-width: 100%
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .order-summary-footer .place-order-button {
        margin-top: 0;
        height: 40px
    }
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .order-summary-footer .place-order-button {
        max-width: 25%
    }
}

.onepage-checkout-container.order-review-summary .order-summary-footer .place-order-button.loading {
    border-color: #D6001C;
    color: #D6001C;
    opacity: 1;
    background: url(../images/spin.gif) left center/10% no-repeat;
    background-position-x: 10px
}

.onepage-checkout-container.order-review-summary .order-review-header {
    display: block
}

.onepage-checkout-container.order-review-summary .order-total-message,
.onepage-checkout-container.order-review-summary .spc-tabs {
    display: none
}

.onepage-checkout-container.order-review-summary .mini-cart-product {
    display: -ms-flexbox;
    display: flex
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart {
    padding: 0 4px
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart {
        padding: 0
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .last-empty-element {
    display: none
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .attribute {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-transform: capitalize;
    padding: 5px 0 0
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .attribute .value,
.onepage-checkout-container.order-review-summary .checkout-mini-cart .attribute span {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    font-size: 14px;
    line-height: 16.8px;
    text-transform: capitalize
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items {
    width: 100%
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container {
    margin: 0;
    padding: 0;
    border: none
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 0
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header {
        padding: 25px 0
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header .text {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #666;
    text-transform: none;
    font-size: 14px;
    line-height: 16.8px;
    padding-right: 20px
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header .sample-indicators-icons {
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    color: #666;
    line-height: 18px
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header .sample-indicators-icons {
        display: none
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header .sample-indicators-icons .check-mark {
    color: #33AD00
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header .sample-indicators-icons span {
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    vertical-align: middle;
    height: 18px;
    color: #666
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .ordered-items .sample-container .sample-header .divider {
    width: 100%;
    border-bottom: 1px solid #666
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .orderdetails {
    margin: 0
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-items {
    width: 100%
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .item-detail-row {
    border-bottom: 1px solid #f1f1f1;
    margin: 0;
    padding: 30px 0
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .item-detail-row {
        padding: 10px 0
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .item-detail-row:last-child {
    border: none
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .item-titles {
    border-bottom: 1px solid #414141;
    padding: 13px 0;
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: none;
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 16px
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details.item-titles {
        display: none
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .item-image {
    width: 18%;
    max-width: 105px;
    margin-right: 20px;
    padding: 0;
    position: relative
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .item-image {
        width: 32%;
        margin-right: 11px
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .tile-image-tint {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 126px rgba(0, 0, 0, .04);
    pointer-events: none
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .item-details {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .item-details {
        position: relative
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper {
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding: 10px 0 0
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper {
        width: 100%;
        padding: 0
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper.sample-prod-details {
    display: block
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper .sample-product-name {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px;
    padding-bottom: 8px
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper .sample-product-name {
        padding-bottom: 5px
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper .sample-product-attributes {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 14px;
    line-height: 17px
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper .line-item {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px;
    padding-bottom: 8px
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .brand-name-wrapper .line-item {
        padding-bottom: 5px
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .qty-wrapper {
    width: 29%;
    text-align: center;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .qty-wrapper {
        width: 44%;
        position: absolute;
        bottom: -1px;
        right: 30%;
        text-align: left
    }
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .qty-wrapper.qty-sample {
        display: none
    }
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .qty-wrapper .sample-quantity {
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #262626;
        text-transform: none;
        font-size: 16px;
        line-height: 19px
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .qty-wrapper .qty {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19.2px
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .qty-wrapper .qty {
        font-size: 14px;
        line-height: 17px
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper {
    width: 21%;
    text-align: center;
    -ms-flex-item-align: end;
    align-self: flex-end
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper {
        width: 53%;
        text-align: right;
        position: absolute;
        right: 0
    }
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper .sample-price {
        font-family: Arial, sans-serif;
        font-weight: 400;
        color: #262626;
        text-transform: none;
        font-size: 16px;
        line-height: 19px
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper .line-item-price,
.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper .line-item-price .globalprice_unadjusted,
.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper .line-item-price .globalprice_unadjusted span,
.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper .line-item-price .price-total {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #262626;
    text-transform: none;
    font-size: 16px;
    line-height: 19px
}

@media (max-width:768.98px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper .line-item-price {
        font-size: 14px;
        line-height: 17px
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .line-item-details .price-wrapper .line-item-price .price-total.doubleprice {
    color: #D6001C
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .sample-detail-row {
    border-bottom: 1px solid #f1f1f1;
    margin: 0;
    padding: 30px 0
}

@media (min-width:769px) {
    .onepage-checkout-container.order-review-summary .checkout-mini-cart .sample-detail-row {
        padding: 10px 0
    }
}

.onepage-checkout-container.order-review-summary .checkout-mini-cart .sample-detail-row:last-child {
    border: none
}

.onepage-checkout-container.order-review-summary .button-checkoutstep {
    top: 28px
}

.onepage-checkout-container .color-holder {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: block
}

.onepage-checkout-container .hex-swatch-block.multiColor {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block
}

.onepage-checkout-container .hexcode-unavailable {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    display: inline-block;
    background: #ccc;
    position: relative
}

.onepage-checkout-container .hexcode-unavailable::before {
    position: absolute;
    display: block;
    content: attr(data-content);
    font-size: 6px;
    color: #000;
    width: 42px;
    height: 20px;
    text-align: center;
    left: 10px;
    top: 10px;
    transform: translate(-50%, -50%)
}

.onepage-checkout-container .checkout-notification {
    display: none;
    font-size: 14px;
    line-height: 17px;
    font-family: Arial, sans-serif;
    padding: 20px 0 3px
}

@media (max-width:768.98px) {
    .onepage-checkout-container .checkout-notification {
        padding: 14px 0
    }
}

.onepage-checkout-container .checkout-notification .applied-content {
    background-color: #EAF2E6;
    border: 1px solid #247800;
    color: #247800;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 3px 4px 9px;
    border-radius: 2px;
    margin: 0 0 22px
}

@media (min-width:769px) {
    .onepage-checkout-container .checkout-notification .applied-content {
        padding: 8px 20px 6px 9px
    }
}

.onepage-checkout-container .checkout-notification .applied-content .title {
    font-family: Arial, Bold, sans-serif
}

.onepage-checkout-container .checkout-notification .applied-content .icon-check-mark {
    font-size: 13px;
    padding-right: 15px
}

.onepage-checkout-container .checkout-notification .cart-error,
.onepage-checkout-container .checkout-notification .full-width-slot {
    padding: 0
}

.onepage-checkout-container .checkout-notification .cart-error .error-icon,
.onepage-checkout-container .checkout-notification .full-width-slot .error-icon {
    font-size: 17px;
    color: #D6001C;
    height: auto;
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 9px;
    position: relative
}

@media (max-width:768.98px) {

    .onepage-checkout-container .checkout-notification .cart-error .error-icon:after,
    .onepage-checkout-container .checkout-notification .full-width-slot .error-icon:after {
        content: '';
        display: inline-block;
        background: #fff;
        left: 0;
        position: absolute;
        z-index: -1
    }
}

.onepage-checkout-container .checkout-notification .cart-error .cart-error-content,
.onepage-checkout-container .checkout-notification .cart-error .cart-notification-content,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-error-content,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-notification-content {
    display: -ms-flexbox;
    display: flex;
    padding: 8px 3px 4px 9px;
    border-radius: 2px
}

@media (min-width:769px) {

    .onepage-checkout-container .checkout-notification .cart-error .cart-error-content,
    .onepage-checkout-container .checkout-notification .cart-error .cart-notification-content,
    .onepage-checkout-container .checkout-notification .full-width-slot .cart-error-content,
    .onepage-checkout-container .checkout-notification .full-width-slot .cart-notification-content {
        padding: 8px 20px 6px 9px
    }
}

.onepage-checkout-container .checkout-notification .cart-error .cart-error-content,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-error-content {
    background-color: #FAF9F9;
    border: 1px solid #D6001C;
    color: #D6001C
}

.onepage-checkout-container .checkout-notification .cart-error .cart-notification-content,
.onepage-checkout-container .checkout-notification .full-width-slot .cart-notification-content {
    background-color: #FAF9F9;
    border: 1px solid #ccc;
    color: #262626
}

@media (max-width:768.98px) {

    .onepage-checkout-container .checkout-notification .cart-error.sticky,
    .onepage-checkout-container .checkout-notification .full-width-slot.sticky {
        position: fixed;
        top: 75px;
        z-index: 9;
        left: 0;
        padding: 0 20px
    }

    .onepage-checkout-container .checkout-notification .cart-error.sticky.label-hide,
    .onepage-checkout-container .checkout-notification .full-width-slot.sticky.label-hide {
        width: auto
    }

    .onepage-checkout-container .checkout-notification .cart-error.sticky.label-hide .cart-error-content,
    .onepage-checkout-container .checkout-notification .full-width-slot.sticky.label-hide .cart-error-content {
        padding: 0;
        background: 0 0;
        border: 0
    }

    .onepage-checkout-container .checkout-notification .cart-error.sticky.label-hide .error-icon,
    .onepage-checkout-container .checkout-notification .full-width-slot.sticky.label-hide .error-icon {
        margin: 0;
        cursor: pointer
    }

    .onepage-checkout-container .checkout-notification .cart-error.sticky.label-hide .cart-error-msg,
    .onepage-checkout-container .checkout-notification .full-width-slot.sticky.label-hide .cart-error-msg {
        display: none
    }
}

.onepage-checkout-container .checkout-notification .full-width-slot .error-icon {
    color: #000
}

@media (min-width:769px) {
    .onepage-checkout-container .checkout-notification .full-width-slot {
        padding: 0 0 27px
    }
}

.pt_checkout.singlepage-scroll .header-right-container {
    display: block
}

@media (max-width:768.98px) {
    .onepage-checkout-container .spc-wrapper {
        position: relative;
        padding-top: 40px
    }
}

.onepage-checkout-container .progress-line {
    display: block;
    background: #c4c4c4;
    height: 2px;
    margin-top: 16px;
    width: 150%;
    top: 0;
    position: absolute
}

.onepage-checkout-container .progress-line::before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: -3px;
    left: -7px;
    background: #c4c4c4;
    border-radius: 100%
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line::before {
        width: 14px;
        height: 14px;
        left: -13px;
        bottom: -6px
    }
}

.onepage-checkout-container .progress-line.progress-line-step-1 {
    width: 17%
}

.onepage-checkout-container .progress-line.progress-line-step-1::before {
    display: none
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line.progress-line-step-1 {
        width: 150%;
        left: 0
    }
}

.onepage-checkout-container .progress-line.progress-line-step-2 {
    width: 33%;
    left: 17%
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line.progress-line-step-2 {
        width: 150%;
        left: 0
    }
}

.onepage-checkout-container .progress-line.progress-line-step-3 {
    width: 50%;
    left: calc(50% + 7px)
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line.progress-line-step-3 {
        width: 100%;
        left: 0
    }
}

.onepage-checkout-container .progress-line.progress-line-step-3::after {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: -3px;
    right: 0;
    background: #c4c4c4;
    border-radius: 100%
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line.progress-line-step-3::after {
        width: 14px;
        height: 14px;
        bottom: -6px
    }
}

.onepage-checkout-container .progress-line.progress-line-step-3 .last-step-bubble {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 2px;
    width: calc(25% + 14px);
    background: #c4c4c4
}

.onepage-checkout-container .progress-line.progress-line-step-3 .last-step-bubble::before {
    content: '';
    width: 8px;
    height: 8px;
    left: 0;
    bottom: -3px;
    border-radius: 100%;
    background: #c4c4c4;
    display: block;
    position: absolute
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line.progress-line-step-3 .last-step-bubble::before {
        width: 14px;
        height: 14px;
        bottom: -6px
    }
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line.progress-line-step-3 .last-step-bubble {
        width: 52px
    }
}

@media (min-width:769px) {
    .onepage-checkout-container .progress-line {
        position: relative
    }
}

.onepage-checkout-container .inprogress .progress-line,
.onepage-checkout-container .inprogress .progress-line::before {
    background: #D6001C
}

.onepage-checkout-container .step.active~.section-overlay .progress-line,
.onepage-checkout-container .step.active~.section-overlay .progress-line::before {
    background: #c4c4c4
}

.onepage-checkout-container .order-review-summary .progress-line {
    display: none
}

.score-triangle-wrapper {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 290px;
    padding: 0 13px 24px;
    margin-top: 15px
}

@media (min-width:769px) {
    .score-triangle-wrapper {
        max-width: 215px;
        margin-top: 21px;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:768.98px) {
    .score-triangle-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0
    }

    .score-triangle-wrapper::before {
        content: '';
        display: block;
        width: 6vw;
        height: 2px
    }
}

.cta-image.cta-triangle-img {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 12px
}

.cta-image.cta-triangle-img img {
    min-width: 119px
}

@media (min-width:769px) {
    .cta-image.cta-triangle-img img {
        min-width: 148px
    }
}

@media (max-width:768.98px) {
    .cta-image.cta-triangle-img img {
        width: 110px;
        max-width: 100%;
        margin: 0 18px 0 0;
        min-width: auto
    }
}

.cta-image .overall-skin-score {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #D6001C;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:769px) {
    .cta-image .overall-skin-score {
        padding-top: 15px;
        -ms-flex-flow: unset;
        flex-flow: unset;
        margin-right: 0
    }
}

@media (max-width:768.98px) {
    .cta-image .overall-skin-score {
        width: 110px;
        max-width: 100%;
        margin: 10px 18px 0 0;
        min-width: auto
    }
}

.actmirror-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
    position: relative
}

@media (min-width:769px) {
    .actmirror-header {
        margin: 0
    }
}

.actmirror-header .session-title {
    text-align: left;
    margin: 0 20px;
    border-bottom: 1px solid #888;
    max-width: 100%;
    width: 100%;
    padding: 10px 0 12px
}

@media (min-width:769px) {
    .actmirror-header .session-title {
        position: relative;
        width: 100%;
        min-height: 1px;
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%;
        padding: 16px 0 18px
    }
}

.actmirror-header .session-title h3 {
    font-size: 18px;
    color: #262626;
    text-transform: capitalize;
    line-height: 18px;
    font-weight: 400;
    font-family: Arial, sans-serif;
    padding-bottom: 10px
}

@media (min-width:769px) {
    .actmirror-header .session-title h3 {
        font-size: 24px;
        line-height: 22px
    }
}

.actmirror-header .session-title h3 span {
    display: inline-block
}

.actmirror-header .prev-result-toggle {
    font-size: 12px;
    line-height: 14.4px;
    color: #666;
    cursor: pointer;
    display: none;
    position: absolute;
    left: 20px;
    bottom: 6px
}

@media (min-width:769px) {
    .actmirror-header .prev-result-toggle {
        font-size: 14px;
        line-height: 16.8px;
        left: 0
    }
}

.actmirror-header .prev-result-toggle .icon-downCarrot {
    font-size: 8.5px;
    margin-right: 11px;
    margin-left: 5px;
    color: #000
}

.actmirror-header .prev-result-toggle.active .icon-downCarrot::before {
    transform: rotate(180deg);
    display: inline-block
}

.actmirror-header .show-prev-result {
    display: inline-block
}

.actmirror-header .sessions-overlay {
    background: #FAF9F9;
    top: calc(100% - 1px);
    width: 100%;
    left: 0;
    z-index: 999;
    padding: 0;
    display: none;
    box-shadow: 0 1px 0 #262626;
    position: absolute
}

.actmirror-header .sessions-overlay .sessions-overlay-inner {
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 87.5%;
    flex: 0 0 87.5%;
    max-width: 87.5%;
    margin-left: 6.25%;
    position: relative;
    padding-top: 14px;
    padding-bottom: 14px
}

.actmirror-header .sessions-overlay .sessions-overlay-inner .overlay-error {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 25px
}

.actmirror-header .sessions-overlay .sessions-overlay-inner .session-scores {
    -ms-flex-wrap: wrap;
    padding: 0;
    list-style: none;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:769px) {
    .actmirror-header .sessions-overlay .sessions-overlay-inner .session-scores {
        max-width: 660px;
        margin: 0 auto;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:1024px) {
    .actmirror-header .sessions-overlay .sessions-overlay-inner .session-scores {
        max-width: none;
        margin: 0 -10px
    }
}

.actmirror-header .sessions-overlay .sessions-overlay-inner li.session-score {
    padding: 10px;
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    max-width: 160px
}

@media (min-width:769px) {
    .actmirror-header .sessions-overlay .sessions-overlay-inner li.session-score {
        -ms-flex: 0 0 28.57143%;
        flex: 0 0 28.57143%;
        max-width: 28.57143%;
        max-width: 165px
    }
}

@media (min-width:1024px) {
    .actmirror-header .sessions-overlay .sessions-overlay-inner li.session-score {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }
}

.actmirror-header .sessions-overlay .sessions-overlay-inner li.session-score.empty-score {
    padding: 0
}

.actmirror-header .sessions-overlay .sessions-overlay-inner .score-block-wrapper a {
    color: #262626;
    display: block;
    border: 1px solid transparent;
    padding: 6px 13px 4px;
    border-radius: 5px;
    text-align: center;
    background: #fff
}

.actmirror-header .sessions-overlay .sessions-overlay-inner .score-block-wrapper a.active,
.actmirror-header .sessions-overlay .sessions-overlay-inner .score-block-wrapper a:hover {
    opacity: 1;
    border: 1px solid #262626
}

.actmirror-header .sessions-overlay .sessions-overlay-inner .score-block-wrapper .score-date {
    font-size: 12px;
    display: block;
    font-family: Arial, Medium, sans-serif;
    line-height: 17px;
    border-bottom: 1px solid #262626;
    padding-bottom: 7px;
    text-align: center
}

.actmirror-header .sessions-overlay .sessions-overlay-inner .score-block-wrapper .score-data {
    font-size: 10px;
    display: block;
    text-align: center;
    padding-top: 8px
}

.actmirror-header .sessions-overlay .sessions-overlay-inner .score-block-wrapper .score-data strong {
    font-size: 24px;
    line-height: 24px;
    font-family: Arial, sans-serif;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: 400;
    display: inline-block
}

.actimirror-content .skin-analysis-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
    padding-top: 33px
}

@media (min-width:769px) {
    .actimirror-content .skin-analysis-wrapper {
        padding-top: 52px
    }
}

.actimirror-content .skin-analysis-wrapper .analysis-section,
.actimirror-content .skin-analysis-wrapper .score-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {

    .actimirror-content .skin-analysis-wrapper .analysis-section,
    .actimirror-content .skin-analysis-wrapper .score-section {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%
    }
}

@media (min-width:769px) {
    .actimirror-content .skin-analysis-wrapper::after {
        content: '';
        background: #888;
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 86.1%;
        flex: 0 0 86.1%;
        max-width: 86.1%;
        margin-left: 6.95%;
        margin-top: 62px
    }
}

@media (max-width:768.98px) {
    .actimirror-content .skin-analysis-wrapper .analysis-section {
        margin-top: 9px
    }
}

@media (min-width:769px) {
    .actimirror-content .skin-analysis-wrapper .analysis-section {
        padding-left: 10px
    }
}

.actimirror-content .skin-analysis-wrapper .magic-triangle {
    width: 182px;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (min-width:769px) {
    .actimirror-content .skin-analysis-wrapper .magic-triangle {
        width: 52%
    }
}

.actimirror-content .skin-analysis-wrapper .magic-triangle .factor {
    font-family: Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #D6001C;
    width: 50%;
    text-align: center
}

@media (min-width:769px) {
    .actimirror-content .skin-analysis-wrapper .magic-triangle .factor {
        font-size: 18px
    }
}

.actimirror-content .skin-analysis-wrapper .magic-triangle .factor.top-text {
    width: 100%;
    margin-bottom: 10px
}

.actimirror-content .skin-analysis-wrapper .magic-triangle .factor.left-text {
    transform: translateX(-50%);
    margin-top: 10px
}

.actimirror-content .skin-analysis-wrapper .magic-triangle .factor.right-text {
    transform: translateX(50%);
    margin-top: 10px
}

.actimirror-content .skin-analysis-wrapper .magic-triangle polygon {
    transform: scale(0);
    transition: transform 1s;
    transition-delay: 1s
}

.actimirror-content .skin-analysis-wrapper .magic-triangle polygon.load-polygon {
    transform: scale(1)
}

.actimirror-content .score-section {
    padding-left: 10px
}

.actimirror-content .score-section .user-skin-score {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #666;
    padding-bottom: 28px
}

@media (min-width:769px) {
    .actimirror-content .score-section .user-skin-score {
        padding-bottom: 40px
    }
}

.actimirror-content .score-section .user-skin-score .score-title {
    font-family: Arial, Medium, sans-serif;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    padding: 0 6px 5px 0
}

@media (min-width:769px) {
    .actimirror-content .score-section .user-skin-score .score-title {
        padding: 0 12px 2px 0;
        font-size: 19px;
        line-height: 36px;
        max-width: 50%
    }
}

.actimirror-content .score-section .user-skin-score .score-content {
    white-space: nowrap
}

.actimirror-content .score-section .user-skin-score span {
    color: #262626;
    font-size: 24px;
    line-height: 28px;
    font-family: Arial, Medium, sans-serif
}

.actimirror-content .score-section .user-skin-score span.your-score {
    font-size: 40px;
    line-height: 48px
}

.actimirror-content .skin-analysis-section {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .actimirror-content .skin-analysis-section {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.actimirror-content .skin-type {
    font-family: Arial, sans-serif;
    color: #262626;
    cursor: pointer;
    padding: 29px 0 24px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 20px;
    transition: .4s;
    border-bottom: 1px solid #ccc
}

@media (min-width:769px) {
    .actimirror-content .skin-type {
        pointer-events: none
    }
}

.actimirror-content .skin-type.last-skin-type {
    border-bottom: 1px solid #888
}

@media (min-width:769px) {
    .actimirror-content .skin-type.last-skin-type {
        border-bottom: none
    }
}

.actimirror-content .skin-type.active .icon-downCarrot::before {
    transform: rotate(180deg);
    display: inline-block
}

@media (min-width:769px) {
    .actimirror-content .skin-type {
        font-size: 24px;
        padding: 29px 0 12px;
        border-bottom: 0
    }

    .actimirror-content .skin-type.first-skin-type {
        padding-top: 12px
    }
}

.actimirror-content .skin-type.active {
    border-bottom: 0
}

.actimirror-content .skin-type .icon-downCarrot {
    font-size: 8.5px;
    margin-right: 11px;
    margin-left: 5px
}

@media (min-width:769px) {
    .actimirror-content .skin-type .icon-downCarrot {
        display: none
    }
}

.actimirror-content .skin-type .skinscore {
    float: right;
    font-size: 14px;
    margin-top: -6px;
    font-family: Arial, Medium, sans-serif
}

@media (min-width:769px) {
    .actimirror-content .skin-type .skinscore {
        margin-top: -11px;
        font-size: 16px
    }
}

.actimirror-content .skin-type .skinscore .your-score {
    font-size: 28px;
    font-weight: 500
}

@media (min-width:769px) {
    .actimirror-content .skin-type .skinscore .your-score {
        font-size: 32px
    }
}

.actimirror-content .skin-description-wrapper {
    padding: 15px 0;
    display: none;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    border-bottom: 1px solid #ccc
}

@media (min-width:769px) {
    .actimirror-content .skin-description-wrapper {
        font-size: 16px;
        padding: 0 0 32px;
        display: block !important
    }
}

.actimirror-content .skin-description-wrapper.last-desc-type {
    border-bottom: 1px solid #888
}

@media (min-width:769px) {
    .actimirror-content .skin-description-wrapper.last-desc-type {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.pt_account .account-banner-inner.actimirror-page-header {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 22px;
    padding-bottom: 20px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .pt_account .account-banner-inner.actimirror-page-header {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.pt_account .account-content .account-content-inner.account-actimirror {
    padding-bottom: 0;
    padding-top: 12px
}

@media (max-width:768.98px) {
    .how-to-section {
        margin: 0 -20px
    }
}

.howto-content-tile {
    padding: 40px 20px;
    background-color: #FAF9F9
}

@media (min-width:769px) {
    .howto-content-tile {
        padding: 50px 0 60px
    }
}

.howto-content-tile .section-heading-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.howto-content-tile .howto-content-title {
    font-family: Arial, Medium, sans-serif;
    font-weight: 600;
    color: #262626;
    text-transform: none;
    font-size: 30px;
    line-height: 120%;
    margin-bottom: 17px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .howto-content-tile .howto-content-title {
        font-size: 40px;
        -ms-flex: 0 0 93.75%;
        flex: 0 0 93.75%;
        max-width: 93.75%;
        margin-left: 6.25%;
        margin-bottom: 5px
    }
}

.howto-content-tile .howto-content-text {
    font-family: Arial, sans-serif;
    font-weight: 400;
    color: #000;
    text-transform: none;
    font-size: 14px;
    line-height: 140%;
    margin-bottom: 28px;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .howto-content-tile .howto-content-text {
        -ms-flex: 0 0 37.5%;
        flex: 0 0 37.5%;
        max-width: 37.5%;
        margin-left: 6.25%
    }
}

@media (min-width:769px) {
    .howto-content-tile .tutorial-listing {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -10px;
        margin-left: -10px
    }
}

.howto-content-tile .tutorial-listing .tile-placeholder {
    line-height: normal;
    position: relative
}

.howto-content-tile .tutorial-listing .tutorial-tile {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 25px;
    padding: 0
}

@media (min-width:769px) {
    .howto-content-tile .tutorial-listing .tutorial-tile {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        margin-left: 6.25%;
        margin-bottom: 0
    }
}

.howto-content-tile .tutorial-listing .tutorial-tile a:hover {
    opacity: .7
}

.howto-content-tile .tutorial-listing .tutorial-tile .article-tags {
    display: none
}

.howto-content-tile .tutorial-listing .tutorial-tile h5 {
    margin-top: 15px;
    font-size: 16px;
    line-height: 140%
}

.howto-content-tile .tutorial-listing .tutorial-tile .detail-link {
    margin-top: 8px;
    color: #D6001C;
    font-size: 16px
}

.howto-content-tile .tutorial-listing .tutorial-tile .play-pause-btn {
    font-size: 25px;
    position: absolute;
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
    left: 8px;
    z-index: 1;
    bottom: 12px
}

.howto-content-tile .tutorial-listing .tutorial-tile .play-pause-btn:before {
    z-index: 1;
    position: relative;
    color: #fff
}

.howto-content-tile .tutorial-listing .tutorial-tile .play-pause-btn:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: #000;
    bottom: 0;
    position: absolute;
    z-index: 0;
    left: 5px
}

.howto-content-tile .tutorial-listing .tutorial-tile:last-child {
    margin-bottom: 0
}

.recommneded-section {
    font-family: Arial, sans-serif;
    padding-bottom: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

@media (min-width:769px) {
    .recommneded-section {
        padding-bottom: 75px
    }
}

.recommneded-section .defend-regenerate,
.recommneded-section .personal-concerns {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {

    .recommneded-section .defend-regenerate,
    .recommneded-section .personal-concerns {
        -ms-flex: 0 0 87.5%;
        flex: 0 0 87.5%;
        max-width: 87.5%;
        margin-left: 6.25%
    }
}

.recommneded-section .recommended-section-heading {
    text-transform: none;
    margin-top: 40px;
    font-size: 30px;
    font-family: Arial, Medium, sans-serif;
    color: #262626;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

@media (min-width:769px) {
    .recommneded-section .recommended-section-heading {
        font-size: 40px;
        margin-top: 55px;
        margin-left: 6.25%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.alternate-span,
.recommended-span {
    position: absolute;
    font-size: 16px;
    top: 0;
    color: #D6001C
}

.recommended-products {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -4px
}

.recommended-products .recommended-product {
    position: relative;
    min-height: 1px;
    padding-right: 4px;
    padding-left: 4px;
    width: 100%;
    max-width: 320px;
    margin: 30px auto 0;
    padding-top: 22px
}

@media (min-width:601px) {
    .recommended-products .recommended-product {
        width: 50%;
        margin: 30px 0 0
    }

    .recommended-products .recommended-product:last-child {
        margin-right: 0
    }
}

@media (min-width:769px) {
    .recommended-products .recommended-product {
        width: 33.33%
    }

    .recommended-products .recommended-product:last-child {
        margin-right: 0
    }
}

@media (min-width:1024px) {
    .recommended-products .recommended-product {
        width: 25%
    }

    .recommended-products .recommended-product:last-child {
        margin-right: 0
    }
}

.recommended-products .recommended-product .product-tile-wrapper {
    height: calc(100% - 8px)
}

.recommended-products .recommended-product:before {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #D6001C;
    margin-bottom: 8px
}

@media (min-width:601px) {
    .recommended-products .recommended-product.additional-product .recommended-span {
        display: none
    }

    .recommended-products .recommended-product.additional-product:before {
        margin-left: -50%;
        width: 150%
    }
}

.recommended-products .recommended-product.alternative-product .recommended-span {
    color: #666
}

.recommended-products .recommended-product.alternative-product:before {
    background: #666
}

@media (min-width:601px) {
    .defend-regenerate .recommended-product {
        width: 46.3%
    }
}

@media (min-width:769px) {
    .defend-regenerate .recommended-product {
        width: 33.33%
    }
}

@media (min-width:1024px) {
    .defend-regenerate .recommended-product {
        width: 25%
    }
}

.defend-regenerate .recommended-products .additional-product {
    margin-top: 50px
}

@media (min-width:601px) {
    .defend-regenerate .recommended-products .additional-product {
        margin-top: 30px;
        margin-left: 42px
    }
}

.defend-regenerate .recommended-products .additional-product:after {
    content: '&';
    font-size: 24px;
    color: #D6001C;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%)
}

@media (min-width:601px) {
    .defend-regenerate .recommended-products .additional-product:after {
        top: 175px;
        left: -21px
    }
}

.recommended-top-section .content-asset {
    margin-top: 40px
}

.recommended-top-section h3 {
    text-transform: none;
    font-size: 24px;
    color: #262626;
    margin-bottom: 10px
}

@media (min-width:769px) {
    .recommended-top-section h3 {
        font-size: 30px
    }
}

.recommended-top-section p {
    font-size: 12px;
    color: #000
}

@media (min-width:769px) {
    .recommended-top-section p {
        color: #666;
        -ms-flex: 0 0 43.75%;
        flex: 0 0 43.75%;
        max-width: 43.75%;
        font-size: 14px
    }
}

.personal-concerns .concerns-tags {
    margin-top: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.personal-concerns .concerns-tags .concern-tag {
    font-size: 9px;
    padding: 6px 8px;
    margin-right: 8px;
    background-color: #f1f1f1;
    display: inline-block;
    margin-bottom: 8px
}

@media (min-width:769px) {
    .error-container {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px
    }
}

.actimirror-error-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px
}

.actimirror-error-content {
    padding: 75px 10px 180px;
    background: #FAF9F9;
    position: relative;
    width: 100%;
    min-height: 1px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width:769px) {
    .actimirror-error-content {
        padding-top: 135px;
        padding-bottom: 177px;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

.actimirror-error-content .actimirror-errors {
    padding: 0 30px
}

@media (min-width:769px) {
    .actimirror-error-content .actimirror-errors {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
        margin-left: 12.5%
    }
}

.actimirror-error-content h1 {
    text-transform: none;
    font-family: Arial, Medium, sans-serif;
    font-size: 32px;
    margin-bottom: 10px
}

@media (min-width:769px) {
    .actimirror-error-content h1 {
        font-size: 60px
    }
}

.actimirror-error-content h2 {
    text-transform: none;
    font-size: 30px;
    margin-bottom: 57px;
    font-family: Arial, sans-serif
}

@media (min-width:769px) {
    .actimirror-error-content h2 {
        margin-bottom: 40px;
        font-size: 40px
    }
}

.actimirror-error-content h5 {
    font-size: 14px;
    font-family: Arial, Medium, sans-serif;
    margin-bottom: 24px;
    text-transform: none
}

.actimirror-error-content a {
    color: #262626;
    font-size: 14px
}

.actimirror-error-content a:hover {
    opacity: 1;
    text-decoration: underline
}

.actimirror-error-content .icon-arrow-left {
    vertical-align: bottom;
    margin-right: 10px
}

@media (min-width:769px) {
    .actimirror-error-content .icon-arrow-left {
        vertical-align: sub
    }
}

.socialsharing .kakao-story-share {
    position: relative
}

.socialsharing .kakao-story-share img {
    display: none
}

.socialsharing .kakao-story-share a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.mobile-utility-nav ul li .icon {
    font-size: 0
}

@media (max-width:768.98px) {

    .mobile-utility-nav .minicart-link .bag-icon.empty-cart:before,
    .utility-nav .minicart-link .bag-icon.empty-cart:before {
        content: "\e004"
    }
}

.result-section .section-label {
    white-space: nowrap
}

@media (max-width:769px) {
    .product-tile-inner.marketing .product-swatches-wrapper .product-swatches {
        height: auto
    }
}

.recentlyViewedBlock .product-tile .badge-and-wishlist-wrapper {
    padding: 3.7vw 0 1vw
}

@media (min-width:769px) {
    .recentlyViewedBlock .product-tile .badge-and-wishlist-wrapper {
        padding: 1.7vw 0 1vw
    }
}

.recentlyViewedBlock .product-tile .tryon-icon {
    right: 15px
}

@media (min-width:769px) {
    .recentlyViewedBlock .product-tile .tryon-icon {
        line-height: unset
    }
}

.main-nav .menu-list ul.level-1 li .top-category {
    display: none !important
}

.z-defend-regenerate-section.defend-regenerate-section .defend-regenerate-module>.defend .product,
.z-defend-regenerate-section.defend-regenerate-section .defend-regenerate-module>.regenerate .product {
    display: block
}

footer .container .copyright-container,
footer .ginza-wrapper .copyright-container {
    -ms-flex: 0 0 56.25%;
    flex: 0 0 56.25%;
    max-width: 56.25%
}

@media (min-width:769px) {

    footer .container .copyright-container.country-selector-off,
    footer .ginza-wrapper .copyright-container.country-selector-off {
        -ms-flex: 0 0 68.75%;
        flex: 0 0 68.75%;
        max-width: 68.75%
    }
}

.foundation-finder-wrapper .question-body-wrapper.content-wrapper :not(.unselectable).multi-checkbox:hover .img-wrapper::before,
.foundation-finder-wrapper .question-body-wrapper.content-wrapper :not(.unselectable).single-radio:hover .img-wrapper::before,
.foundation-finder-wrapper :not(.skin-tone-wrapper).question-body-wrapper input[type=checkbox]:checked.custom+label .img-wrapper::before,
.foundation-finder-wrapper :not(.skin-tone-wrapper).question-body-wrapper input[type=radio]:checked.custom+label .img-wrapper::before {
    top: 0
}

.pt_quiz .skin-regimen-cnt .skin-regimen-banner {
    padding-right: 2%
}

.add-to-cart-wrapper .pdp-button .pdp-button-find-store,
.add-to-cart-wrapper .pdp-button .pdp-where-to-buy {
    width: 48%
}

@media (max-width:768.98px) {

    .add-to-cart-wrapper .pdp-button .pdp-button-find-store,
    .add-to-cart-wrapper .pdp-button .pdp-where-to-buy {
        width: 100%
    }
}

.add-to-cart-wrapper .pdp-button .pdp-button-find-store {
    float: left
}

.add-to-cart-wrapper .pdp-button .pdp-where-to-buy {
    float: right
}

.add-to-cart-wrapper .find-store-button {
    width: 100%
}

@media (min-width:769px) {
    .add-to-cart-wrapper .find-store-button {
        width: 100%
    }
}

.add-to-cart-wrapper .find-store-button .where-to-buy {
    font-size: 12px;
    font-family: Arial, sans-serif
}

@media (min-width:769px) {
    .add-to-cart-wrapper .find-store-button .where-to-buy {
        font-size: 14px
    }
}

.add-to-cart-wrapper .find-store-button .where-to-buy .icon-downTriangle {
    font-size: 6px;
    margin-left: 9px;
    display: inline-block
}

.add-to-cart-wrapper .find-store-button .where-to-buy.disable .icon-downTriangle {
    transform: rotate(-180deg)
}

.result-store.where-to-buy-result {
    border: 1px solid #ccc;
    display: none;
    max-height: 173px;
    overflow-y: auto
}

.result-store.where-to-buy-result::-webkit-scrollbar {
    width: 8px
}

.result-store.where-to-buy-result::-webkit-scrollbar-track {
    background: #ccc
}

.result-store.where-to-buy-result::-webkit-scrollbar-thumb {
    background: #c8102e
}

.result-store.where-to-buy-result .shop-online {
    padding: 0 10px
}

.result-store.where-to-buy-result .shop-online a {
    display: block;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #ccc
}

.result-store.where-to-buy-result .shop-online a img {
    height: 65px
}

.result-store.where-to-buy-result .shop-online:last-child a {
    border-bottom: none
}

.result-store.where-to-buy-result .no-result {
    border-top: none;
    display: block;
    padding: 10px 5px;
    text-align: center
}

@media (max-width:768.98px) {
    .commerce-connector {
        margin-top: 20px
    }
}

@media (min-width:769px) {
    .pt_article .author-details .social-modal {
        top: -23px
    }
}

[type=button].slick-next,
[type=button].slick-prev,
button.slick-next,
button.slick-prev {
    font-size: 1.125rem
}

@media (min-width:1024px) {
    .header-container .utility-nav .tertiary-nav {
        width: 500px
    }
}

@media (min-width:769px) {

    .sticky-header-search .header-search-wrapper,
    .sticky-header-search .header-wrapper {
        position: static
    }
}

@media (min-width:1024px) {
    .main-nav .menu-list .top-navigation-list .level-2>li:nth-child(2) {
        width: 19.06%
    }
}

@media (min-width:1024px) {
    .main-nav .menu-list .top-navigation-list .level-2>li.level-2-link {
        width: 100%
    }
}

#wrapper .home-slot-01 .slot-content h2 span,
#wrapper .home-slot-01 .slot-content p span,
#wrapper .home-slot-02 .slot-content h2 span,
#wrapper .home-slot-02 .slot-content p span,
#wrapper .home-slot-04 .slot-content h2 span,
#wrapper .home-slot-04 .slot-content p span,
#wrapper .z-campaign-module-product .campaign-copy span,
#wrapper .z-campaign-module-product .campaign-headline span,
#wrapper .z-campaign-module-video .campaign-copy span,
#wrapper .z-campaign-module-video .headline span,
.ancillary-search h3,
.cart-content .product-list-item .line-item,
.cart-content div.product-availability-list span.label,
.d-r-hero-banner .banner-title,
.pdp-content-section.regimenzone .buy-button,
.product-tile .buy-button,
.pt_article .ts2,
.quiz-related-articles .ginza-label,
.search-folder-content-list .tutorial-detail-link .ginza-edit-label,
.tutorial-listing .tutorial-link {
    font-weight: 700
}

#wrapper .homepage-container .z-skin-regimen-slot .button,
#wrapper .homepage-container .z-skin-regimen-slot span.button.secondary,
#wrapper .keyingredients .content-block h2,
#wrapper .primary-content .z-skin-regimen-slot .button,
#wrapper .primary-content .z-skin-regimen-slot span.button.secondary,
#wrapper .r-insta .text-left a,
#wrapper .search-result-wrapper .z-skin-regimen-slot .button,
#wrapper .search-result-wrapper .z-skin-regimen-slot span.button.secondary,
.account-content .favorite-tabs .ui-tabs-active a,
.account-registration .form-row-button button,
.cart-content .cart-item-qty,
.cart-content .cart-link a,
.product-tile .product-pricing,
.pt_account .account-left-nav li a,
.pt_account .account-text,
.pt_article .article-recommend-sec .title-head,
.question-body.multiple label,
.question-body.single label,
.questions-content .quiz-back,
.quickview-modal .product-name,
.related-article-wrapper .headline,
.toolbar-wrapper .page-count,
.toolbar-wrapper .ui-selectmenu-button,
.tutorial-content .regimen-add-all-to-cart button#add-all-to-cart,
.tutorial-listing .ginza-edit-tile,
.tutorial-listing .srch-text,
.tutorial-listing .tutorial-slot .tutorial-link,
.underline-radio input[type=radio]:checked+label {
    font-weight: 600
}

#wrapper .keyingredients .content-block h2,
#wrapper .pdp-description.type2 .description-content h2 span,
.cart-content .product-list-item .product-name,
.cart-content .product-list-item span,
.d-r-hero-banner .banner-desc,
.pt_article .author-content,
.pt_article .author-details,
.quiz-related-articles .ginza-label span,
.result-label h3,
.rv-block .slick-counter span:last-child,
.search-folder-content-list .tutorial-detail-link .ginza-edit-label span,
.search-result-wrapper .category-tab-links li a span:last-child,
.tutorial-content .tutorial-tile a,
.tutorial-listing .ginza-edit-tile span,
.tutorial-listing .tutorial-slot .tutorial-link {
    font-weight: 400
}

#wrapper .beauty-is-a-gift .headline,
#wrapper .content-block .contact-num,
#wrapper .error-appt,
#wrapper .error-title,
#wrapper .fslx .bold,
#wrapper .fslx h2,
#wrapper .home-slot-01 .slot-content h2 span,
#wrapper .home-slot-01 .slot-content p span,
#wrapper .home-slot-02 .slot-content h2 span,
#wrapper .home-slot-02 .slot-content p span,
#wrapper .home-slot-04 .slot-content h2 span,
#wrapper .home-slot-04 .slot-content p span,
#wrapper .homepage-container .z-skin-regimen-slot .button,
#wrapper .homepage-container .z-skin-regimen-slot span.button.secondary,
#wrapper .keyingredients .content-block .view-all,
#wrapper .keyingredients .content-block h2,
#wrapper .keyingredients .content-block h2 span,
#wrapper .pdp-content-section .skin-regimen-config a.secondary-link,
#wrapper .pdp-description.type1 .description-col h2,
#wrapper .pdp-description.type1 .description-col h2 span,
#wrapper .pdp-description.type2 .description-content h2,
#wrapper .pdp-description.type2 .description-content h2 span,
#wrapper .primary-content .z-skin-regimen-slot .button,
#wrapper .primary-content .z-skin-regimen-slot span.button.secondary,
#wrapper .r-insta .text-left a,
#wrapper .salon-reservation-section .content-block .contact-num a,
#wrapper .search-result-wrapper .z-skin-regimen-slot .button,
#wrapper .search-result-wrapper .z-skin-regimen-slot span.button.secondary,
#wrapper .waso-key-content .content-block h3,
#wrapper .z-campaign-module-product .campaign-copy span,
#wrapper .z-campaign-module-product .campaign-headline span,
#wrapper .z-campaign-module-video .campaign-copy span,
#wrapper .z-campaign-module-video .headline span,
footer .container .layer-2 .accordion_description a,
footer .container .layer-2 .accordion_description h5,
footer .container .layer-2 .accordion_title,
footer .ginza-wrapper .layer-2 .accordion_description a,
footer .ginza-wrapper .layer-2 .accordion_description h5,
footer .ginza-wrapper .layer-2 .accordion_title {
    font-family: Arial, sans-serif
}

@media (min-width:769px) {

    .pt_article h3,
    .regimen-row .category-block .head {
        font-weight: 600
    }

    .quiz-related-articles {
        padding: 10.33% 0
    }
}

@media (max-width:768.98px) {
    .pt_article .back-cta a {
        font-weight: 600
    }

    #wrapper .keyingredients .content-block h2 {
        font-weight: 400
    }
}

.external-module-video.right-bleed .video-title {
    line-height: 1
}

.cat-promo-slot-4 .body-content h2 {
    white-space: nowrap;
    line-height: 1.2
}

.cat-promo-slot-1 .heading-with-cta .cta-wrapper a,
.cat-promo-slot-4 .heading-with-cta .cta-wrapper a,
.cat-promo-slot-4 .heading-with-cta h1 {
    white-space: nowrap
}

.external-module-award.right-bleed .article-title,
.homepage-container .cat-promo-slot-2 .body-content h2 {
    line-height: 1.2
}

.product-tile .badge-container {
    height: 20px
}

@media screen and (min-width:769px) {
    .cat-promo-slot-2 .heading-with-cta h1 {
        width: 38.6%;
        margin-top: 19%;
        line-height: 1.1
    }

    .homepage-container .cat-promo-slot-4 .body-content {
        margin-left: 8.6%;
        width: 58.8%
    }

    .collection-name-desc .collection-name,
    .homepage-container .cat-promo-slot-4 .body-content h2 {
        line-height: 1.2
    }
}