@charset "UTF-8";
@import url("//hello.myfonts.net/count/350ab5");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
.popup-block .block-title,
h4,
h5,
h6,
p,
address,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    /*border-collapse: collapse;*/
    /*border-spacing: 0*/
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

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

@font-face {
    font-family: Didot;
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/Didot/2BE6EE_0_0.eot");
    src: url("../fonts/Didot/2BE6EE_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Didot/2BE6EE_0_0.woff") format("woff"), url("../fonts/Didot/2BE6EE_0_0.ttf") format("truetype"), url("../fonts/Didot/2BE6EE_0_0.svg#Didot") format("svg")
}

@font-face {
    font-family: Didot;
    font-weight: normal;
    font-style: italic;
    src: url("../fonts/Didot/2BE6EE_0_0.eot");
    src: url("../fonts/Didot/2BE6EE_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Didot/2BE6EE_0_0.woff") format("woff"), url("../fonts/Didot/2BE6EE_0_0.ttf") format("truetype"), url("../fonts/Didot/2BE6EE_0_0.svg#Didot") format("svg")
}

@font-face {
    font-family: Didot;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/Didot/2BE6EE_0_0.eot");
    src: url("../fonts/Didot/2BE6EE_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/Didot/2BE6EE_0_0.woff") format("woff"), url("../fonts/Didot/2BE6EE_0_0.ttf") format("truetype"), url("../fonts/Didot/2BE6EE_0_0.svg#Didot") format("svg")
}

@font-face {
    font-family: FuturaWeb;
    font-weight: bold;
    font-style: normal;
    src: url("../fonts/2AF0B7_1_0.eot");
    src: url("../fonts/2AF0B7_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2AF0B7_1_0.woff") format("woff"), url("../fonts/2AF0B7_1_0.ttf") format("truetype"), url("../fonts/2AF0B7_1_0.svg#FuturaWeb") format("svg")
}

@font-face {
    font-family: FuturaWeb;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/2AF0B7_0_0.eot");
    src: url("../fonts/2AF0B7_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/2AF0B7_0_0.woff") format("woff"), url("../fonts/2AF0B7_0_0.ttf") format("truetype"), url("../fonts/2AF0B7_0_0.svg#FuturaWeb") format("svg")
}

@font-face {
    font-family: CorsivaMTStd;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/350AB5_0_0.eot");
    src: url("../fonts/350AB5_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/350AB5_0_0.woff") format("woff"), url("../fonts/350AB5_0_0.ttf") format("truetype"), url("../fonts/350AB5_0_0.svg#CorsivaMTStd") format("svg")
}

@font-face {
    font-family: Caslon224Std-Book;
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/350AB5_1_0.eot");
    src: url("../fonts/350AB5_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/350AB5_1_0.woff") format("woff"), url("../fonts/350AB5_1_0.ttf") format("truetype"), url("../fonts/350AB5_1_0.svg#Caslon224Std-Book") format("svg")
}

@font-face {
    font-family: 'fontello';
    src: url("../fonts/fontello/fontello.eot?80957976");
    src: url("../fonts/fontello/fontello.eot?80957976#iefix") format("embedded-opentype"), url("../fonts/fontello/fontello.woff?80957976") format("woff"), url("../fonts/fontello/fontello.ttf?809579756") format("truetype"), url("../fonts/fontello/fontello.svg?809579756q#fontello") format("svg");
    font-weight: normal;
    font-style: normal
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.icon-weibo:before {
    content: '\e800'
}

.icon-gplus:before {
    content: '\e801'
}

.icon-pinterest-circled:before {
    content: '\e802'
}

.icon-pinterest-squared:before {
    content: '\e803'
}

.icon-youtube-1:before {
    content: '\e804'
}

.icon-mail:before {
    content: '\e805'
}

.icon-mail-alt:before {
    content: '\e806'
}

.icon-heart:before {
    content: '\e807'
}

.icon-heart-empty:before {
    content: '\e808'
}

.icon-star:before {
    content: '\e809'
}

.icon-star-empty:before {
    content: '\e80a'
}

.icon-star-half:before {
    content: '\e80b'
}

.icon-star-half-alt:before {
    content: '\e80c'
}

.icon-male:before {
    content: '\e80d'
}

.icon-female:before {
    content: '\e80e'
}

.icon-plus:before {
    content: '\e80f'
}

.icon-plus-circled:before {
    content: '\e810'
}

.icon-cancel:before {
    content: '\e811'
}

.icon-cancel-circled:before {
    content: '\e812'
}

.icon-ok-squared:before {
    content: '\e813'
}

.icon-ok:before {
    content: '\e814'
}

.icon-th-large:before {
    content: '\e815'
}

.icon-th:before {
    content: '\e816'
}

.icon-th-list:before {
    content: '\e817'
}

.icon-help:before {
    content: '\e818'
}

.icon-help-circled:before {
    content: '\e819'
}

.icon-info-circled:before {
    content: '\e81a'
}

.icon-info:before {
    content: '\e81b'
}

.icon-lock:before {
    content: '\e81c'
}

.icon-lock-open:before {
    content: '\e81d'
}

.icon-flag:before {
    content: '\e81e'
}

.icon-flag-empty:before {
    content: '\e81f'
}

.icon-thumbs-up:before {
    content: '\e820'
}

.icon-thumbs-down:before {
    content: '\e821'
}

.icon-thumbs-up-alt:before {
    content: '\e822'
}

.icon-thumbs-down-alt:before {
    content: '\e823'
}

.icon-quote-left:before {
    content: '\e824'
}

.icon-quote-right:before {
    content: '\e825'
}

.icon-print:before {
    content: '\e826'
}

.icon-comment:before {
    content: '\e827'
}

.icon-chat:before {
    content: '\e828'
}

.icon-comment-empty:before {
    content: '\e829'
}

.icon-chat-empty:before {
    content: '\e82a'
}

.icon-attention-alt:before {
    content: '\e82b'
}

.icon-attention:before {
    content: '\e82c'
}

.icon-trash:before {
    content: '\e82d'
}

.icon-phone:before {
    content: '\e82e'
}

.icon-phone-squared:before {
    content: '\e82f'
}

.icon-basket:before {
    content: '\e830'
}

.icon-zoom-in:before {
    content: '\e831'
}

.icon-zoom-out:before {
    content: '\e832'
}

.icon-angle-double-left:before {
    content: '\e833'
}

.icon-angle-double-right:before {
    content: '\e834'
}

.icon-angle-double-up:before {
    content: '\e835'
}

.icon-angle-double-down:before {
    content: '\e836'
}

.icon-left-open:before {
    content: '\e837'
}

.icon-right-open:before {
    content: '\e838'
}

.icon-up-open:before {
    content: '\e839'
}

.icon-angle-left:before {
    content: '\e83a'
}

.icon-angle-right:before {
    content: '\e83b'
}

.icon-angle-up:before {
    content: '\e83c'
}

.icon-angle-down:before {
    content: '\e83d'
}

.icon-down-open:before {
    content: '\e83e'
}

.icon-ccw:before {
    content: '\e83f'
}

.icon-cw:before {
    content: '\e840'
}

.icon-arrows-cw:before {
    content: '\e841'
}

.icon-gift:before {
    content: '\e842'
}

.icon-truck:before {
    content: '\e843'
}

.icon-euro:before {
    content: '\e844'
}

.icon-pound:before {
    content: '\e845'
}

.icon-dollar:before {
    content: '\e846'
}

.icon-facebook:before {
    content: '\e847'
}

.icon-facebook-squared:before {
    content: '\e848'
}

.icon-tumblr:before {
    content: '\e849'
}

.icon-tumblr-squared:before {
    content: '\e84a'
}

.icon-twitter-squared:before {
    content: '\e84b'
}

.icon-youtube:before {
    content: '\e84c'
}

.icon-vimeo-1:before {
    content: '\e84d'
}

.icon-windows:before {
    content: '\e84e'
}

.icon-xing:before {
    content: '\e84f'
}

.icon-spin5:before {
    content: '\e850'
}

.icon-menu:before {
    content: '\e851'
}

.icon-quote:before {
    content: '\e852'
}

.icon-trash-1:before {
    content: '\e853'
}

.icon-left-open-big:before {
    content: '\e854'
}

.icon-right-open-big:before {
    content: '\e855'
}

.icon-up-open-big:before {
    content: '\e856'
}

.icon-down-open-big:before {
    content: '\e857'
}

.icon-vimeo:before {
    content: '\e858'
}

.icon-pinterest:before {
    content: '\e859'
}

.icon-tumblr-1:before {
    content: '\e85a'
}

.icon-facebook-1:before {
    content: '\e85b'
}

.icon-gplus-1:before {
    content: '\e85c'
}

.icon-twitter-1:before {
    content: '\e85d'
}

.icon-yahoo:before {
    content: '\e85e'
}

.icon-th-1:before,
.toolbar .sorter .view-mode a .icon-grid:before {
    content: '\e85f'
}

.icon-smile:before {
    content: '\e860'
}

.icon-list:before {
    content: '\e861'
}

.icon-frown:before {
    content: '\e862'
}

.icon-meh:before {
    content: '\e863'
}

.icon-twitter:before {
    content: '\e864'
}

.icon-vimeo-squared:before {
    content: '\e865'
}

.icon-chrome:before {
    content: '\e866'
}

.icon-email:before {
    content: '\e867'
}

.icon-macstore:before {
    content: '\e868'
}

.icon-myspace:before {
    content: '\e869'
}

.icon-podcast:before {
    content: '\e86a'
}

.icon-amazon:before {
    content: '\e86b'
}

.icon-steam:before {
    content: '\e86c'
}

.icon-cloudapp:before {
    content: '\e86d'
}

.icon-dropbox:before {
    content: '\e86e'
}

.icon-ebay:before {
    content: '\e86f'
}

.icon-facebook-2:before {
    content: '\e870'
}

.icon-facebook-squared-1:before {
    content: '\e871'
}

.icon-googleplus-rect:before {
    content: '\e872'
}

.icon-facebook-rect:before {
    content: '\e873'
}

.icon-filter:before {
    content: '\e874'
}

.icon-youku:before {
    content: '\e875'
}

.icon-instagram:before {
    content: '\e876'
}

.animate-spin {
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@media screen and (min-width: 768px) {
    .text-columns-2 {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px
    }
}

@media screen and (min-width: 768px) {
    .text-columns-3 {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 60px;
        -moz-column-gap: 60px;
        column-gap: 60px
    }
}

.show-on-mobile {
    display: block
}

@media screen and (min-width: 768px) {
    .show-on-mobile {
        display: none
    }
}

.hide-on-mobile {
    display: none
}

@media screen and (min-width: 768px) {
    .hide-on-mobile {
        display: block
    }
}

.hide-on-tablet {
    display: none
}

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

.hide {
    display: none
}

.width-full {
    width: 100%
}

.my-account-nav,
#wishlist,
.component-commerce-footer ul,
.component-list-with-content .list-with-content-menu,
.component-quick-list {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #d3d3d3
}

.my-account-nav:last-child,
#wishlist:last-child,
.component-commerce-footer ul:last-child,
.component-list-with-content .list-with-content-menu:last-child,
.component-quick-list:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .my-account-nav,
    #wishlist,
    .component-commerce-footer ul,
    .component-list-with-content .list-with-content-menu,
    .component-quick-list {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .my-account-nav:last-child,
    #wishlist:last-child,
    .component-commerce-footer ul:last-child,
    .component-list-with-content .list-with-content-menu:last-child,
    .component-quick-list:last-child {
        margin-right: 0
    }
}

.my-account-nav li,
#wishlist li,
.component-commerce-footer ul li,
.component-list-with-content .list-with-content-menu li,
.component-quick-list li {
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0
}

.my-account-nav li a,
#wishlist li a,
.component-commerce-footer ul li a,
.component-list-with-content .list-with-content-menu li a,
.component-quick-list li a {
    position: relative;
    padding: 1.125rem 0 0.8125rem 0.625rem;
    z-index: 1;
    display: block;
    width: 100%;
    border-top: 1px solid #d3d3d3
}

.my-account-nav li a .icon,
#wishlist li a .icon,
.component-commerce-footer ul li a .icon,
.component-list-with-content .list-with-content-menu li a .icon,
.component-quick-list li a .icon {
    margin-top: -0.5rem;
    position: absolute;
    top: 50%;
    right: 0.625rem;
    z-index: 2;
    float: right
}

.component-hero {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    position: relative;
    margin: 0;
    z-index: 1;
    overflow: hidden
}

.component-hero:last-child {
    margin-right: 0
}

.component-hero li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0;
    position: relative
}

.component-hero li:last-child {
    margin-right: 0
}

.component-hero li .hero-content {
    position: relative;
    height: auto;
    padding: 3.75rem;
    clear: both;
    background: #fff;
    z-index: 100
}

.component-hero li .hero-content h1 {
    margin: 0.3125rem 0 0;
    letter-spacing: 0.125rem
}

@media screen and (min-width: 768px) {
    .component-hero li .hero-content h1 {
        font-size: 2.1875rem;
        line-height: 3.0625rem
    }
}

@media screen and (min-width: 992px) {
    .component-hero li .hero-content h1 {
        font-size: 2.5rem;
        line-height: 3.5rem
    }
}

.component-hero li .hero-content p,
.component-hero li .hero-content address {
    letter-spacing: 0.125rem
}

.component-hero li .hero-content p .button,
.component-hero li .hero-content address .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    border: 1px solid;
    background: none;
    width: 100%
}

.component-hero li .hero-content p .button:hover,
.component-hero li .hero-content address .button:hover,
.component-hero li .hero-content p .button:focus,
.component-hero li .hero-content address .button:focus {
    background: #151a33;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.component-hero li .hero-content p .button .icon,
.component-hero li .hero-content address .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .component-hero li .hero-content p .button,
    .component-hero li .hero-content address .button {
        width: auto
    }
}

.component-hero li .hero-content p:last-child,
.component-hero li .hero-content address:last-child {
    margin-bottom: 0
}

.component-hero li .hero-content h1,
.component-hero li .hero-content p,
.component-hero li .hero-content address {
    color: #1d2345
}

@media screen and (min-width: 768px) {
    .component-hero li .hero-content {
        position: absolute;
        top: 30%;
        right: 5%;
        height: auto;
        background: transparent
    }
    .component-hero li .hero-content.light h1,
    .component-hero li .hero-content.light p,
    .component-hero li .hero-content.light address {
        color: #fff
    }
    .component-hero li .hero-content.left {
        left: 5%;
        right: auto
    }
}

@media screen and (min-width: 992px) {
    .component-hero li .hero-content {
        height: 100%;
        top: 0;
        right: 0;
        left: auto;
        background: rgba(255, 255, 255, 0.5);
        padding-bottom: 10%
    }
    .component-hero li .hero-content.left {
        left: 0;
        right: auto
    }
    .component-hero li .hero-content.hidden {
        display: none
    }
}

.component-hero li:after {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 50;
    content: " ";
    display: table-cell
}

.component-grid-items,
.component-grid {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0
}

.component-grid-items:last-child,
.component-grid:last-child {
    margin-right: 0
}

.component-grid-items li,
.component-grid li,
.component-grid-items .li,
.component-grid .li {
    position: relative;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 15px;
    z-index: 1;
    overflow: hidden
}

.component-grid-items li:last-child,
.component-grid li:last-child,
.component-grid-items .li:last-child,
.component-grid .li:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-grid-items li,
    .component-grid li,
    .component-grid-items .li,
    .component-grid .li {
        margin-bottom: 1.32867%
    }
}

.component-grid-items li a,
.component-grid li a,
.component-grid-items .li a,
.component-grid .li a {
    display: block;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) {
    .component-grid-items li a,
    .component-grid li a,
    .component-grid-items .li a,
    .component-grid .li a {
        height: 0;
        padding-bottom: 100%
    }
}

.component-grid-items li .overlay,
.component-grid li .overlay,
.component-grid-items .li .overlay,
.component-grid .li .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    z-index: 10
}

.component-grid-items li .overlay p,
.component-grid li .overlay p,
.component-grid-items li .overlay address,
.component-grid li .overlay address,
.component-grid-items .li .overlay p,
.component-grid .li .overlay p,
.component-grid-items .li .overlay address,
.component-grid .li .overlay address {
    font-size: 0.75rem;
    line-height: 1.05rem;
    padding: 0.625rem 0 0;
    letter-spacing: 0.125rem;
    margin: 0 0 0.625rem 0.9375rem;
    width: -webkit-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
    border-top: 1px solid #bfbfbf
}

.component-grid-items li h3,
.component-grid li h3,
.component-grid-items li .popup-block .block-title,
.popup-block .component-grid-items li .block-title,
.component-grid li .popup-block .block-title,
.popup-block .component-grid li .block-title,
.component-grid-items .li h3,
.component-grid .li h3,
.component-grid-items .li .popup-block .block-title,
.popup-block .component-grid-items .li .block-title,
.component-grid .li .popup-block .block-title,
.popup-block .component-grid .li .block-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 1.4375rem 0 0.9375rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem
}

.clearfix:after,
.component-hero:after,
.content-blocks:after,
.component-carousel:after,
.component-content-appointment .appointment:after,
.component-commerce-footer .box:after,
.component-tabs:after,
.component-accordion:after,
.component-accordion .component-accordion-inner:after,
.component-locations:after,
.field:after,
.video-block:after,
.video-block .video:after,
.post:after {
    content: "";
    display: table;
    clear: both
}

.component-hero li img,
.component-grid-items li img,
.component-grid li img,
.component-grid-items .li img,
.component-grid .li img,
.component-carousel ul li img,
.component-description-image img,
.video-block .video img,
.post .post-image img {
    display: block;
    width: 100%;
    height: auto
}

.float-left {
    float: left !important
}

.float-right {
    float: right !important
}

.text-left {
    text-align: left
}

.text-center,
.component-hero li .hero-content,
.component-grid-items li,
.component-grid li,
.component-grid-items .li,
.component-grid .li,
#tagline,
#form-newsletter label,
.component-section-break,
.page-title,
.component-description-image h2,
.component-content-appointment h2,
.component-content-appointment h3,
.component-content-appointment .popup-block .block-title,
.popup-block .component-content-appointment .block-title,
.component-commerce-footer h2,
.component-commerce-footer h3,
.component-commerce-footer .popup-block .block-title,
.popup-block .component-commerce-footer .block-title,
.component-gallery .component-gallery-image,
.component-tabs .component-tabs-nav li,
#nav-jump,
.legalline,
.video-block .video p,
.video-block .video address,
.mil-title,
.fyf-section,
.post .post-date {
    text-align: center
}

.text-right {
    text-align: right
}

.text-uppercase,
.my-account-nav li,
#wishlist li,
.component-commerce-footer ul li,
.component-list-with-content .list-with-content-menu li,
.component-quick-list li,
.component-grid-items li .overlay,
.component-grid li .overlay,
.component-grid-items .li .overlay,
.component-grid .li .overlay,
h1,
.h1,
h2,
h3,
.popup-block .block-title,
h4,
h5,
h6,
.collection-row .collectiontitle,
.toolbar .result,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info,
.checkout-cart-index .taxnote p,
.checkout-cart-index .taxnote address,
#header-cart .header-cart__inner,
#header-language .header-cart__inner,
#header-account .header-cart__inner,
#header-cart .mini-products-list li,
#header-language .mini-products-list li,
#header-account .mini-products-list li,
#header-cart .mini-products-list li:first-child,
#header-language .mini-products-list li:first-child,
#header-account .mini-products-list li:first-child,
#header-cart .subtotal,
#header-language .subtotal,
#header-account .subtotal,
.checkout-table,
#my-orders-table,
.customer-invoice-table,
.customer-shipment-table,
.checkout-table tfoot,
#my-orders-table tfoot,
.customer-invoice-table tfoot,
.customer-shipment-table tfoot,
#headerwishlist .empty,
.component-section-break,
.page-title,
.component-list-with-content .list-with-content-menu-sidebar li,
.component-tabs .component-tabs-nav li,
.component-accordion .component-accordion-title,
.component-locations .component-locations-title,
.storeswitcher__popup,
.nearest-store__inner,
.post .post-month {
    text-transform: uppercase
}

.component-grid-items li,
.component-grid li,
.component-grid-items .li,
.component-grid .li,
.content-blocks.content-block-border,
.component-grid-items.layout-j li h3,
.component-grid-items.layout-j li .popup-block .block-title,
.popup-block .component-grid-items.layout-j li .block-title,
.component-section-break,
.page-title,
.component-carousel ul li img,
.component-description-image .button,
.component-description-image h2,
.component-content-appointment h2,
.component-content-appointment h3,
.component-content-appointment .popup-block .block-title,
.popup-block .component-content-appointment .block-title,
.component-commerce-footer .box,
.component-commerce-footer h2,
.component-commerce-footer h3,
.component-commerce-footer .popup-block .block-title,
.popup-block .component-commerce-footer .block-title {
    border: 1px solid #d3d3d3
}

.component-grid-items li:after,
.component-grid li:after,
.component-grid-items .li:after,
.component-grid .li:after,
.content-blocks.content-block-border:after,
.component-grid-items.layout-j li h3:after,
.component-grid-items.layout-j li .popup-block .block-title:after,
.popup-block .component-grid-items.layout-j li .block-title:after,
.component-section-break:after,
.page-title:after,
.component-carousel ul li img:after,
.component-description-image .button:after,
.component-description-image h2:after,
.component-content-appointment h2:after,
.component-content-appointment h3:after,
.component-content-appointment .popup-block .block-title:after,
.popup-block .component-content-appointment .block-title:after,
.component-commerce-footer .box:after,
.component-commerce-footer h2:after,
.component-commerce-footer h3:after,
.component-commerce-footer .popup-block .block-title:after,
.popup-block .component-commerce-footer .block-title:after {
    content: "";
    display: table;
    clear: both
}

.fieldset,
.fieldset .button,
.buttons-set,
.col2-set .col-1,
.col2-set .col-2,
.col2-set .col-1 .button,
.col2-set .col-2 .button,
html.touch .withoutzoom,
html.no-touch .withzoom,
.product-view .sharing-links,
.high-jewellery-product .sharing-links,
.product-view .product-details #product-description .textwrap,
.high-jewellery-product .product-details #product-description .textwrap,
.product-view .product-details .extra-info,
.high-jewellery-product .product-details .extra-info,
.product-view .product-details .price-info,
.high-jewellery-product .product-details .price-info,
.product-view .product-shop,
.high-jewellery-product .product-shop,
.product-view .product-img-box,
.high-jewellery-product .product-img-box,
.product-view .product-collateral,
.high-jewellery-product .product-collateral,
.product-view .box-collateral,
.high-jewellery-product .box-collateral,
.product-view .add-to-cart,
.high-jewellery-product .add-to-cart,
.product-view .add-to-links,
.high-jewellery-product .add-to-links,
.product-options,
.product-options-bottom,
.checkout-cart-index #shopping-cart-table tbody,
.checkout-cart-index #shopping-cart-table tbody tr,
.checkout-cart-index #shopping-cart-table tfoot,
.checkout-cart-index .taxnote,
.checkout-cart-index .cart-totals-wrapper,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tbody,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tfoot,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tr,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tbody tr,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tfoot tr,
.checkout-cart-index .checkout-types,
.checkout-cart-index .checkout-types .btn-checkout,
.checkout-cart-index #basketsidebar .block,
.checkout-cart-index #basketsidebar .block #phone,
#header-cart .mini-products-list li .row,
#header-language .mini-products-list li .row,
#header-account .mini-products-list li .row,
#header-cart .mini-products-list li:first-child .row,
#header-language .mini-products-list li:first-child .row,
#header-account .mini-products-list li:first-child .row,
#header-cart .subtotal,
#header-language .subtotal,
#header-account .subtotal,
.checkout-table tbody,
#my-orders-table tbody,
.customer-invoice-table tbody,
.customer-shipment-table tbody,
.checkout-table tbody tr,
#my-orders-table tbody tr,
.customer-invoice-table tbody tr,
.customer-shipment-table tbody tr,
.checkout-table tfoot,
#my-orders-table tfoot,
.customer-invoice-table tfoot,
.customer-shipment-table tfoot,
.checkout-table tfoot tr,
#my-orders-table tfoot tr,
.customer-invoice-table tfoot tr,
.customer-shipment-table tfoot tr,
.customer-account-login .col2-set .col-1,
.customer-account-login .col2-set .col-2,
.my-account .box-account,
.wishlist-items li a,
.wishlist-items li a img,
.wishlist-items li h3,
.wishlist-items li .popup-block .block-title,
.popup-block .wishlist-items li .block-title,
.wishlist-items li h4,
.wishlist-items li h5,
.wishlist-items li h6,
.component-tabs .component-tabs-nav li a,
.field,
.field label,
.wpcf7-not-valid-tip,
.quarantine-checkout .checkout__form-submit,
.post .post-image,
.post .post-month,
.post .post-day {
    width: 100%;
    display: block;
    float: left
}

.my-account-nav li,
#wishlist li,
.component-commerce-footer ul li,
.component-list-with-content .list-with-content-menu li,
.component-quick-list li,
.checkout-table tfoot tr:last-child td:first-child,
#my-orders-table tfoot tr:last-child td:first-child,
.customer-invoice-table tfoot tr:last-child td:first-child,
.customer-shipment-table tfoot tr:last-child td:first-child,
.post .post-day {
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
    font-family: FuturaWeb, arial, sans-serif
}

.fyf-intro-title {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.header-buttons__item {
    font-size: 0.625rem;
    line-height: 0.875rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 1px;
    line-height: 1
}

.nav-primary__list li {
    font-size: 0.75rem;
    line-height: 1.05rem;
    font-family: FuturaWeb, arial, sans-serif;
    line-height: 1
}

@media screen and (min-width: 768px) {
    .nav-primary__list li {
        letter-spacing: 3px
    }
}

.store-appointments__heading,
.store-info__heading,
.store-locator__heading {
    font-size: 1.625rem;
    line-height: 2.275rem;
    margin: 0 0 0.625rem;
    font-family: "Didot", TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    text-align: center
}

@media screen and (min-width: 768px) {
    .store-appointments__heading,
    .store-info__heading,
    .store-locator__heading {
        font-size: 1.875rem;
        line-height: 2.625rem;
        margin: 0 0 1.5625rem
    }
}

.booking-info__input::-moz-placeholder,
.booking-info__textarea::-moz-placeholder {
    font-size: 0.75rem;
    line-height: 1.05rem;
    color: #666 !important;
    opacity: 1 !important;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

.booking-info__input::-webkit-input-placeholder,
.booking-info__textarea::-webkit-input-placeholder {
    font-size: 0.75rem;
    line-height: 1.05rem;
    color: #666 !important;
    opacity: 1 !important;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

.booking-info__input:-ms-input-placeholder,
.booking-info__textarea:-ms-input-placeholder {
    font-size: 0.75rem;
    line-height: 1.05rem;
    color: #666 !important;
    opacity: 1 !important;
    letter-spacing: 1px;
    line-height: 1;
    text-transform: uppercase
}

.store-info__back,
.store-nav__link,
.store-nav__back-top {
    font-size: 0.625rem;
    line-height: 0.875rem;
    color: #999;
    display: block;
    font-family: FuturaWeb, arial, sans-serif;
    padding: 12px 0;
    position: relative;
    letter-spacing: 2px;
    line-height: 1.6;
    text-transform: uppercase
}

.buyable {
    background: 0;
    border-bottom: 1px solid #d3d3d3;
    clear: both;
    color: #999;
    display: block !important;
    font-size: 0.875rem;
    letter-spacing: 0.035714285714286em;
    padding: 15px 0 12px;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .buyable {
        border-bottom: 0;
        clear: none;
        float: right;
        padding: 0
    }
}

@media screen and (min-width: 1165px) {
    .buyable {
        float: left;
        margin: 1.3125rem 0 0 6.4375rem;
        width: 15.3125rem
    }
}

.buyable__item {
    float: left;
    width: 50%
}

@media screen and (min-width: 768px) {
    .buyable__item {
        display: inline-block;
        float: none;
        line-height: 1;
        margin-left: 2em;
        width: auto
    }
}

@media screen and (min-width: 1165px) {
    .buyable__item {
        float: left;
        margin-left: 0;
        width: 50%
    }
}

.buyable__link {
    color: #999;
    white-space: nowrap
}

.buyable__icon {
    background: url("../images/svg-min/radiobutton_off.svg") no-repeat top left;
    display: inline-block;
    font-size: 1rem;
    height: 0.875em;
    margin: -0.25em 0.75em 0 0;
    vertical-align: middle;
    width: 0.875em
}

.buyable__icon--selected {
    background-image: url("../images/svg-min/radiobutton_on.svg")
}

::-webkit-selection {
    background: #1d2345;
    color: #fff
}

::-moz-selection {
    background: #1d2345;
    color: #fff
}

::selection {
    background: #1d2345;
    color: #fff
}

body {
    -webkit-text-size-adjust: none;
    -webkit-appearance: none;
    font-family: FuturaWeb, arial, sans-serif;
    color: #9eabc4;
    background: #fff;
    overflow-x: hidden
}

main {
    color: #4c5d7d
}

h1,
.h1,
h2,
h3,
.popup-block .block-title,
h4,
h5,
h6 {
    margin-bottom: 1.25rem;
    color: #1d2345;
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    font-weight: normal
}

h1.sub-heading,
.h1.sub-heading,
h2.sub-heading,
h3.sub-heading,
.popup-block .sub-heading.block-title,
h4.sub-heading,
h5.sub-heading,
h6.sub-heading {
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.09375rem;
    color: #9eabc4
}

@media screen and (min-width: 768px) {
    h1.sub-heading,
    .h1.sub-heading,
    h2.sub-heading,
    h3.sub-heading,
    .popup-block .sub-heading.block-title,
    h4.sub-heading,
    h5.sub-heading,
    h6.sub-heading {
        margin-bottom: 2.5rem
    }
}

h1.super-heading,
.h1.super-heading,
h2.super-heading,
h3.super-heading,
.popup-block .super-heading.block-title,
h4.super-heading,
h5.super-heading,
h6.super-heading {
    display: none
}

@media screen and (min-width: 768px) {
    h1.super-heading,
    .h1.super-heading,
    h2.super-heading,
    h3.super-heading,
    .popup-block .super-heading.block-title,
    h4.super-heading,
    h5.super-heading,
    h6.super-heading {
        font-size: 3.125rem;
        line-height: 4.375rem;
        display: block;
        line-height: normal
    }
}

h1 {
    font-size: 1.75rem;
    line-height: 2.45rem
}

h1 .number {
    font-size: 1.9375rem;
    line-height: 2.7125rem
}

h2 {
    font-size: 1.625rem;
    line-height: 2.275rem
}

h3,
.popup-block .block-title {
    font-size: 1.5rem;
    line-height: 2.1rem
}

h4 {
    font-size: 1.375rem;
    line-height: 1.925rem
}

h5 {
    font-size: 1.125rem;
    line-height: 1.575rem
}

h6 {
    font-size: 1rem;
    line-height: 1.4rem
}

p,
address {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 1.25rem
}

li {
    font-size: 0.875rem;
    line-height: 1.225rem;
    list-style: none;
}

em {
    font-weight: 700
}

a {
    color: #1d2345;
    text-decoration: none
}

a:hover,
a:focus {
    color: #151a33
}

a,
button,
#my-orders-table tbody tr td:last-child a:first-child,
#my-orders-table tbody tr td a,
.my-account h2 a,
.my-account h3 a,
.my-account .popup-block .block-title a,
.popup-block .my-account .block-title a,
.my-account .box-title a,
.my-account .box-head a,
.button,
input,
textarea,
.more {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease
}

@media screen and (min-width: 768px) {
    .sub {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease
    }
}

button,
#my-orders-table tbody tr td:last-child a:first-child,
#my-orders-table tbody tr td a,
.my-account h2 a,
.my-account h3 a,
.my-account .popup-block .block-title a,
.popup-block .my-account .block-title a,
.my-account .box-title a,
.my-account .box-head a,
.button,
input[type="submit"] {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #f3f4f5;
    color: #1d2345;
    border: none;
    vertical-align: top;
    -webkit-appearance: none !important
}
input[type="reset"] {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #f3f4f5;
    color: #1d2345;
    border: none;
    vertical-align: top;
    -webkit-appearance: none !important
}

button:hover,
#my-orders-table tbody tr td:last-child a:hover:first-child,
#my-orders-table tbody tr td a:hover,
.my-account h2 a:hover,
.my-account h3 a:hover,
.my-account .popup-block .block-title a:hover,
.popup-block .my-account .block-title a:hover,
.my-account .box-title a:hover,
.my-account .box-head a:hover,
button:focus,
#my-orders-table tbody tr td:last-child a:focus:first-child,
#my-orders-table tbody tr td a:focus,
.my-account h2 a:focus,
.my-account h3 a:focus,
.my-account .popup-block .block-title a:focus,
.popup-block .my-account .block-title a:focus,
.my-account .box-title a:focus,
.my-account .box-head a:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background: #e5e7e9;
    outline: none;
    text-decoration: none
}

button .icon,
#my-orders-table tbody tr td:last-child a:first-child .icon,
#my-orders-table tbody tr td a .icon,
.my-account h2 a .icon,
.my-account h3 a .icon,
.my-account .popup-block .block-title a .icon,
.popup-block .my-account .block-title a .icon,
.my-account .box-title a .icon,
.my-account .box-head a .icon,
.button .icon,
input[type="submit"] .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

legend {
    display: none
}

input,
textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #d3d3d3
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9eabc4
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9eabc4
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #9eabc4
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9eabc4
}

input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="password"],
textarea,
select {
    padding: 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.1375rem;
    color: #9eabc4
}

input[type="text"]:focus,
input[type="text"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="password"]:focus,
input[type="password"]:active,
textarea:focus,
textarea:active,
select:focus,
select:active {
    color: #4c5d7d
}

input[type="search"] {
    -webkit-appearance: none
}

input[type="search"]::-webkit-search-cancel-button {
    display: none
}

.block {
    width: 100%;
    display: block;
    float: left
}

.a-right {
    text-align: right
}

.a-left,
.hj-feature-introblock li:first-of-type {
    text-align: left
}

.a-center,
.hj-videointro,
.hj-feature-content,
.searchcontent .wpitem h4,
#noresults-product #suggested-products h5,
.no-result-text,
#storelocatorblock,
.wishlist-share ul,
.component-content-appointment .content.full,
.content-popup {
    text-align: center
}

fieldset {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

fieldset:last-child {
    margin-right: 0
}

.fieldset input,
.fieldset select {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    height: 2.5rem;
    font-size: 0.8125rem;
    padding: 0.3125rem;
    margin-bottom: 10px;
    background: white;
    border: 1px solid #d3d3d3;
    margin-top: 0
}

.fieldset input:last-child,
.fieldset select:last-child {
    margin-right: 0
}

.fieldset input.validation-failed,
.fieldset select.validation-failed {
    border: 1px solid #dc0339
}

.fieldset input:focus,
.fieldset select:focus {
    border: 1px solid #000;
    outline: 0
}

.fieldset input.no-display,
.fieldset select.no-display {
    display: none
}

.fieldset .validation-advice {
    color: #dc0339;
    float: left;
    width: 100%;
    margin-bottom: 5px
}

@media screen and (min-width: 768px) {
    .fieldset label {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%;
        padding-top: 0.625rem
    }
    .fieldset label:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .fieldset .input-box {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 74.71783%
    }
    .fieldset .input-box:last-child {
        margin-right: 0
    }
}

.fieldset .customer-dob {
    margin-right: 0 !important
}

.fieldset .customer-dob .dob-month,
.fieldset .customer-dob .dob-day {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 24.1535%
}

.fieldset .customer-dob .dob-month:last-child,
.fieldset .customer-dob .dob-day:last-child {
    margin-right: 0
}

.fieldset .customer-dob .dob-year {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%;
    margin-right: 0
}

.fieldset .customer-dob .dob-year:last-child {
    margin-right: 0
}

.fieldset .remember-me-popup {
    display: none
}

.fieldset .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    margin-top: 0
}

.fieldset .button:hover,
.fieldset .button:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.fieldset .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.fieldset a {
    border-bottom: 1px solid #1d2345
}

.notes {
    list-style-type: disc;
    padding-left: 1.25rem
}

.notes li {
    margin-bottom: 10px
}

.control {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-top: 10px
}

.control:last-child {
    margin-right: 0
}

.control .input-box,
.control input {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 3.08503%;
    margin: 0 0.625rem 0 0;
    padding: 0;
    height: auto
}

.control .input-box:last-child,
.control input:last-child {
    margin-right: 0
}

.control .input-box input {
    width: auto
}

.control label {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 91.57261%;
    padding: 0
}

.control label:last-child {
    margin-right: 0
}

.breadcrumbs {
    display: none
}

@media screen and (min-width: 768px) {
    .breadcrumbs {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%;
        margin: 10px 0 0;
        overflow: hidden;
        text-align: center
    }
    .breadcrumbs:last-child {
        margin-right: 0
    }
}

.breadcrumbs li {
    display: inline-block;
    text-transform: uppercase
}

.breadcrumbs li.category8,
.breadcrumbs li.category15,
.breadcrumbs li.category27 {
    display: none
}

.breadcrumbs strong {
    font-weight: normal;
    float: left
}

.breadcrumbs span {
    float: left;
    padding: 0 7px
}

/*.breadcrumbs a {
    float: left
}*/

.catalog-product-view .breadcrumbs {
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 10px
}

#messagewrap {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 10px 0
}

#messagewrap:last-child {
    margin-right: 0
}

.messages {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 10px
}

.messages:last-child {
    margin-right: 0
}

.messages li:first-child {
    padding: 0.625rem
}

.messages li:first-child li {
    padding: 0
}

.messages li.error-msg {
    color: #b80607;
    background-color: #f3f4f5
}

.messages li.success-msg,
.messages li.notice-msg {
    background-color: #ecedf2;
    color: #000000
}

.window-overlay {
    background: #ffffff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    opacity: 0.5;
    width: 100%;
    z-index: 990;
    display: none
}

.window-overlay.active {
    display: block
}

.popup-block {
    padding: 1.25rem;
    background: #ffffff;
    border: 1px solid #bfbfbf;
    left: 50%;
    top: 40%;
    position: absolute;
    margin: -85px 0 0 -250px;
    width: 500px;
    text-align: left;
    z-index: 1000;
    position: fixed;
    display: none
}

.popup-block.active {
    display: block
}

.popup-block .block-title {
    border-bottom: 1px solid #bfbfbf;
    padding: 0.625rem 0
}

.popup-block .block-title .btn-close {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #f3f4f5;
    color: #1d2345;
    border: none;
    position: absolute;
    top: 0.625rem;
    right: 1.25rem;
    cursor: pointer
}

.popup-block .block-title .btn-close:hover,
.popup-block .block-title .btn-close:focus {
    background: #e5e7e9;
    outline: none;
    text-decoration: none
}

.popup-block .block-title .btn-close .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.popup-block input {
    border: 1px solid #bfbfbf
}

.popup-block li {
    margin-bottom: 10px
}

.popup-block .btn-save {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none
}

.popup-block .btn-save:hover,
.popup-block .btn-save:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.popup-block .btn-save .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.popup-block .btn-cancel {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none
}

.popup-block .btn-cancel:hover,
.popup-block .btn-cancel:focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

.popup-block .btn-cancel .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.popup-block.loading .block-content * {
    overflow: hidden;
    position: relative;
    margin-left: -9999em
}

.popup-block.loading .block-content:before {
    content: '';
    display: block;
    background: url("../images/opc-ajax-loader.gif") no-repeat 0 50%;
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    line-height: 16px;
    padding: 16px;
    text-indent: 0 !important
}

.uppercase,
.hj-feature-content p:first-of-type,
.hj-feature-content address:first-of-type,
.searchcontent .viewmore {
    text-transform: uppercase
}

.col2-set {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.col2-set:last-child {
    margin-right: 0
}

#v-cookielaw {
    width: 100%;
    background: #ecedf2;
    padding: 1.25rem 0 0.9375rem
}

#v-cookielaw .inner {
    overflow: hidden;
    padding: 0 1.25rem
}

#v-cookielaw .inner .v-accept {
    width: 30px;
    height: 30px;
    display: inline-block;
    float: right;
    margin-top: 10px;
    text-indent: -9999px;
    background: url("../images/close.png") no-repeat 0 0
}

@media screen and (min-width: 992px) {
    #v-cookielaw .inner .v-accept {
        margin-top: 5px
    }
}

#v-cookielaw .inner .v-message {
    width: calc(100% - 40px);
    float: left;
    font-size: 0.8125rem;
    color: #c6c6ce;
    padding-bottom: 5px
}

#v-cookielaw .inner .v-message a {
    border-bottom: 1px solid #000;
    color: #000
}

.tool-tip {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    position: absolute;
    z-index: 9999
}

.tool-tip .btn-close {
    text-align: right
}

.tool-tip .tool-tip-content {
    padding: 5px;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.tool-tip .tool-tip-content:last-child {
    margin-right: 0
}

.tool-tip .tool-tip-content img {
    max-width: 100%;
    height: auto
}

.container:after,
#v-cookielaw .inner:after {
    content: "";
    display: table;
    clear: both
}

.cms-index-index .main-container.col1-layout {
    margin: 0;
    padding: 0;
    width: 100%
}

.cms-index-index #messagewrap {
    padding: 0
}

.cms-index-index #messagewrap .messages {
    margin-top: 0.625rem
}

main {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    width: 100%;
    margin: 0;
    width: -webkit-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
    margin: 0 0 0 0.9375rem;
    padding: 0.9375rem 0.9375rem 0;
    background: #fff;
    border: none
}

main:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    main {
        padding: 1.875rem 2.5rem 0;
        margin-bottom: 0.625rem;
        border-top: none
    }
}

@media screen and (min-width: 992px) {
    main {
        padding: 1.875rem 5rem 0
    }
    main.col2-left-layout .main-content,
    main.col2-right-layout .main-content {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%;
        margin-right: 0;
        float: right
    }
    main.col2-left-layout .main-content:last-child,
    main.col2-right-layout .main-content:last-child {
        margin-right: 0
    }
    main.col2-left-layout .sidebar,
    main.col2-right-layout .sidebar {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 28.36719%
    }
    main.col2-left-layout .sidebar:last-child,
    main.col2-right-layout .sidebar:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    main.col3-layout .main-content {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    main.col3-layout .main-content:last-child {
        margin-right: 0
    }
    main.col3-layout .sidebar {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%;
        min-height: 50px
    }
    main.col3-layout .sidebar:last-child {
        margin-right: 0
    }
}

#tagline {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-family: FuturaWeb;
    letter-spacing: 0.37em;
    text-transform: uppercase;
    color: #333
}

#tagline:after {
    content: "";
    display: table;
    clear: both
}

#tagline:last-child {
    margin-right: 0
}

#tagline .tagline-inner,
#tagline .legalline-inner {
    margin: 0 auto;
    display: block;
    width: 265px;
    height: auto;
    font-size: 0.6875rem;
    font-weight: bold;
    text-align: center
}

@media screen and (min-width: 768px) {
    #tagline .tagline-inner,
    #tagline .legalline-inner {
        font-size: 0.8125rem;
        width: 285px
    }
}

#tagline .tagline-inner span,
#tagline .legalline-inner span {
    display: inline-block
}

#tagline .tagline-inner span a,
#tagline .legalline-inner span a {
    color: #8f9cb7;
    font-weight: normal;
    letter-spacing: 1px
}

#tagline .tagline-inner .r-icon,
#tagline .legalline-inner .r-icon {
    margin-top: -1px;
    float: right;
    font-size: 0.5rem
}

@media screen and (min-width: 768px) {
    #tagline .tagline-inner .r-icon,
    #tagline .legalline-inner .r-icon {
        font-size: 0.6875rem
    }
}

#tagline img {
    margin: 0 auto;
    display: block;
    width: 240px;
    height: auto;
    display: none
}

@media screen and (min-width: 768px) {
    #tagline img {
        width: 270px
    }
}

#form-newsletter {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 0 1.25rem 1.875rem;
    margin-right: 0
}

#form-newsletter:after {
    content: "";
    display: table;
    clear: both
}

#form-newsletter:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #form-newsletter {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 62.07675%;
        padding: 0 1.875rem 1.875rem 0;
        margin-right: 0;
        position: relative
    }
    #form-newsletter:last-child {
        margin-right: 0
    }
    #form-newsletter fieldset {
        float: right;
        width: auto
    }
}

@media screen and (min-width: 992px) {
    #form-newsletter {
        padding: 0 5.625rem 1.875rem 0
    }
}

#form-newsletter label {
    margin: 0 0 0.625rem;
    font-size: 0.75rem;
    line-height: 1.05rem;
    display: block
}

@media screen and (min-width: 768px) {
    #form-newsletter label {
        margin: 0 0.625rem 0 0;
        font-size: 0.875rem;
        line-height: 1.225rem;
        display: inline-block
    }
}

#form-newsletter input {
    margin: 0 0 0.625rem;
    clear: both;
    width: 100%
}

@media screen and (min-width: 768px) {
    #form-newsletter input {
        clear: none;
        width: auto
    }
    #form-newsletter input[type="email"] {
        width: 115px
    }
}

#form-newsletter .validation-advice {
    margin-bottom: 10px;
    text-align: center
}

@media screen and (min-width: 768px) {
    #form-newsletter .validation-advice {
        position: absolute;
        font-size: 0.8125rem
    }
}

.copyright {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 0 0 1.875rem;
    text-align: center
}

.copyright:after {
    content: "";
    display: table;
    clear: both
}

.copyright:last-child {
    margin-right: 0
}

.col2-set .col-1,
.col2-set .col-2 {
    background: #f3f4f5;
    padding: 1.25rem;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .col2-set .col-1,
    .col2-set .col-2 {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        margin-bottom: 0
    }
    .col2-set .col-1:last-child,
    .col2-set .col-2:last-child {
        margin-right: 0
    }
}

.col2-set .col-1 h2,
.col2-set .col-2 h2 {
    text-align: center
}

@media screen and (min-width: 768px) {
    .col2-set .col-1 h2,
    .col2-set .col-2 h2 {
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .col2-set .col-1 .fieldset label,
    .col2-set .col-1 .fieldset .input-box,
    .col2-set .col-2 .fieldset label,
    .col2-set .col-2 .fieldset .input-box {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .col2-set .col-1 .fieldset label:last-child,
    .col2-set .col-1 .fieldset .input-box:last-child,
    .col2-set .col-2 .fieldset label:last-child,
    .col2-set .col-2 .fieldset .input-box:last-child {
        margin-right: 0
    }
}

.col2-set .col-1 .button,
.col2-set .col-2 .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none
}

.col2-set .col-1 .button:hover,
.col2-set .col-1 .button:focus,
.col2-set .col-2 .button:hover,
.col2-set .col-2 .button:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.col2-set .col-1 .button .icon,
.col2-set .col-2 .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.page-popup {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 2.5rem
}

.page-popup:last-child {
    margin-right: 0
}

.no-scroll {
    height: 100%;
    overflow: hidden
}

#bottom-cycle-slideshow-holder {
    overflow: hidden
}

.icon {
    height: 25px;
    width: 20px;
    background-image: url("../images/icons/sprite.svg");
    background-position: 0 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: top
}

.icon:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

.icon.icon-expand {
    height: 13px;
    width: 13px;
    background-position: -30px -490px
}

.icon.icon-collapse {
    height: 13px;
    width: 13px;
    background-position: -110px -490px
}

.icon.icon-arrow-left {
    height: 14px;
    width: 8px;
    background-position: -200px -225px
}

.icon.icon-arrow-right {
    height: 14px;
    width: 8px;
    background-position: -150px -225px
}

.icon.icon-arrow-up {
    height: 8px;
    width: 14px;
    background-position: -30px -230px
}

.icon.icon-arrow-down {
    height: 8px;
    width: 14px;
    background-position: -90px -230px
}

.icon.icon-menu-arrow-down {
    height: 8px;
    width: 14px;
    background-position: -30px -150px
}

.icon.icon-marker {
    height: 20px;
    width: 20px;
    background-position: -270px -90px;
    background-repeat: no-repeat
}

.icon.icon-gift {
    background-position: -210px -30px
}

.icon.icon-language {
    background-image: url("../images/globe-icon.png")
}

.icon.icon-wishlist {
    background-position: -268px -29px
}

.icon.icon-search {
    background-position: -328px -30px
}

.icon.icon-account {
    background-position: -210px -90px
}

.category-products .item .viewmore {
    display: none
}

.category-products .item h4 {
    border-bottom: 1px solid #dcdcdc;
    color: #999;
    font-family: FuturaWeb;
    font-size: 0.6875rem;
    height: 6em;
    line-height: 1.4;
    margin: 1.666666666666667em 1em 0;
    text-transform: uppercase
}

@media screen and (min-width: 1165px) {
    .category-products .item h4 {
        height: 4em;
        font-size: 0.8125rem
    }
}

@media screen and (min-width: 768px) {
    .switcher-categories {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%;
        text-align: center
    }
    .switcher-categories:last-child {
        margin-right: 0
    }
    .switcher-categories li {
        padding: 0;
        margin-right: 0.3125rem;
        display: inline-block;
        margin-bottom: 25px
    }
    .switcher-categories li a {
        font-size: 0.875rem;
        line-height: 1.225rem;
        padding: 0.6875rem 0.9375rem 0.5rem;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem;
        display: inline-block;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        background: #f3f4f5;
        color: #1d2345;
        border: none;
        letter-spacing: 0
    }
    .switcher-categories li a:hover,
    .switcher-categories li a:focus {
        background: #e5e7e9;
        outline: none;
        text-decoration: none
    }
    .switcher-categories li a .icon {
        margin-top: -0.125rem;
        margin-right: 0.3125rem
    }
    .switcher-categories li.current {
        position: relative
    }
    .switcher-categories li.current:before,
    .switcher-categories li.current:after {
        content: ' ';
        height: 0;
        position: absolute;
        width: 0;
        border: 15px solid transparent;
        pointer-events: none;
        top: 100%;
        left: 35%
    }
    .switcher-categories li.current:before {
        border-top-color: #1d2345
    }
    .switcher-categories li.current:after {
        border-top-color: #1d2345
    }
    .switcher-categories li.current a {
        font-size: 0.875rem;
        line-height: 1.225rem;
        padding: 0.6875rem 0.9375rem 0.5rem;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem;
        display: inline-block;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        background: #1d2345;
        color: #fff;
        border: none;
        letter-spacing: 0
    }
    .switcher-categories li.current a:hover,
    .switcher-categories li.current a:focus {
        background: #0e1121;
        color: #fff !important;
        outline: none;
        text-decoration: none
    }
    .switcher-categories li.current a .icon {
        margin-top: -0.125rem;
        margin-right: 0.3125rem
    }
}

@media screen and (min-width: 768px) {
    .switcher-category-select.select2-container {
        display: none
    }
}

.toolbarpager {
    display: none
}

.toolbarpager .pages {
    text-align: center;
    color: #9ea9c7;
    text-transform: uppercase
}

.toolbarpager .pages li {
    display: inline-block;
    padding: 0 0.3125rem
}

.toolbarpager .pages li a i {
    border-radius: 50%;
    background: #9ea9c7;
    color: white;
    padding: 0.3125rem;
    overflow: hidden
}

.toolbarpager .pages li a i:before {
    margin: 0
}

.toolbarpager .pages li a i:hover,
.toolbarpager .pages li a i:focus {
    background: #888888
}

.toolbarpager .pages li a span {
    text-indent: -9999px;
    display: inline-block
}

#productwrap,
.category-products {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 2em
}

#productwrap:last-child,
.category-products:last-child {
    margin-right: 0
}

#infscr-loading {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    text-align: center;
    margin-top: 1.75em
}

#infscr-loading:last-child {
    margin-right: 0
}

.collection-row {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden
}

.collection-row:last-child {
    margin-right: 0
}

.collection-row .collectiontitle {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    background: #f3f4f5;
    margin-bottom: 10px;
    text-align: center;
    padding: 1.25rem
}

.collection-row .collectiontitle:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .collection-row .collectiontitle {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 22.88939%;
        margin-bottom: 0;
        height: 100%;
        position: absolute
    }
    .collection-row .collectiontitle:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .collection-row .collectiontitle {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    .collection-row .collectiontitle:last-child {
        margin-right: 0
    }
}

.collection-row .collectiontitle h3,
.collection-row .collectiontitle .popup-block .block-title,
.popup-block .collection-row .collectiontitle .block-title {
    border-bottom: 1px solid #bfbfbf;
    font-size: 1rem;
    margin-bottom: 0.625rem
}

@media screen and (min-width: 768px) {
    .collection-row .collectiontitle h3,
    .collection-row .collectiontitle .popup-block .block-title,
    .popup-block .collection-row .collectiontitle .block-title {
        margin-top: 15%
    }
}

@media screen and (min-width: 992px) {
    .collection-row .collectiontitle h3,
    .collection-row .collectiontitle .popup-block .block-title,
    .popup-block .collection-row .collectiontitle .block-title {
        margin-top: 32%
    }
}

.collection-row .collectiontitle p,
.collection-row .collectiontitle address {
    margin: 0;
    font-size: 0.75rem
}

.collection-row ul {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.collection-row ul:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .collection-row ul {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 70.50414%;
        float: right;
        margin-right: 2.5rem !important
    }
    .collection-row ul:last-child {
        margin-right: 0
    }
}

.collection-row ul ul {
    margin: 0;
    padding: 0
}

.collection-row ul li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%;
    border: 1px solid #bfbfbf;
    overflow: hidden
}

.collection-row ul li:last-child {
    margin-right: 0
}

.collection-row ul li:nth-child(3) {
    margin-right: 0
}

.collection-row ul li:nth-child(3+1) {
    clear: left
}

.collection-row ul li.non-carousel-item.third {
    margin-right: 0 !important
}

.collection-row ul li a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.collection-row ul li a:last-child {
    margin-right: 0
}

.collection-row ul li a img {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    height: auto
}

.collection-row ul li a img:last-child {
    margin-right: 0
}

.collection-row .bx-wrapper {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0
}

.collection-row .bx-wrapper:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .collection-row .bx-wrapper {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 70.50414%;
        float: right;
        margin-right: 2.5rem !important;
        padding-right: 1px;
        overflow: hidden
    }
    .collection-row .bx-wrapper:last-child {
        margin-right: 0
    }
}

.collection-row .bx-wrapper .bx-viewport {
    overflow: visible !important
}

.collection-row .bx-wrapper .bx-viewport ul {
    float: left
}

.collection-row .bx-wrapper li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%;
    position: static !important
}

.collection-row .bx-wrapper li:nth-child(3) {
    margin-right: 1.12867%
}

.collection-row .bx-wrapper li:nth-child(3+1) {
    clear: none
}

.collection-row .bx-wrapper li:last-child {
    margin-right: 0
}

.collection-row .bx-wrapper .bx-has-pager {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0.625rem 0 0;
    text-align: center
}

.collection-row .bx-wrapper .bx-has-pager:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .collection-row .bx-wrapper .bx-has-pager {
        display: none
    }
}

.collection-row .bx-wrapper .bx-has-pager .bx-pager-item {
    display: inline-block
}

.collection-row .bx-wrapper .bx-has-pager .bx-pager-item a {
    display: block;
    width: 0.9375rem;
    height: 0.9375rem;
    margin: 10px 10px 10px 0;
    text-indent: -9999px;
    background: #d9d9d9;
    border-radius: 50%
}

.collection-row .bx-wrapper .bx-has-pager .bx-pager-item a.active {
    background: #bfbfbf
}

.collection-row .slidertoggle {
    display: none
}

@media screen and (min-width: 768px) {
    .collection-row .slidertoggle {
        font-size: 0.875rem;
        line-height: 1.225rem;
        padding: 0.6875rem 0.9375rem 0.5rem;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem;
        display: inline-block;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        background: #f3f4f5;
        color: #1d2345;
        border: none;
        position: absolute;
        margin-right: 0;
        height: 49%;
        line-height: 100%;
        right: 0;
        width: 1.5625rem
    }
    .collection-row .slidertoggle:hover,
    .collection-row .slidertoggle:focus {
        background: #e5e7e9;
        outline: none;
        text-decoration: none
    }
    .collection-row .slidertoggle .icon {
        margin-top: -0.125rem;
        margin-right: 0.3125rem
    }
    .collection-row .slidertoggle.nextlink {
        top: 50%
    }
    .collection-row .slidertoggle .icon {
        position: absolute;
        top: 45%;
        left: 35%
    }
}

.main-content {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    position: relative;
    margin-right: 0
}

.main-content:last-child {
    margin-right: 0
}

.prod-collection-spinner {
    display: none;
    background: white;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    text-align: center
}

.prod-collection-spinner img {
    position: absolute;
    left: 50%;
    top: 45%
}

#category-video {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 20px
}

#category-video:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #category-video {
        padding-bottom: 1.25rem
    }
}

#category-video #videowrap,
#category-video #videotext {
    text-align: center;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
    z-index: 0
}

@media screen and (min-width: 768px) {
    #category-video #videowrap,
    #category-video #videotext {
        text-align: left;
        margin-bottom: 0
    }
}

#category-video #videowrap h3,
#category-video #videowrap .popup-block .block-title,
.popup-block #category-video #videowrap .block-title,
#category-video #videotext h3,
#category-video #videotext .popup-block .block-title,
.popup-block #category-video #videotext .block-title {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 1.25rem
}

@media screen and (min-width: 768px) {
    #category-video #videowrap h3,
    #category-video #videowrap .popup-block .block-title,
    .popup-block #category-video #videowrap .block-title,
    #category-video #videotext h3,
    #category-video #videotext .popup-block .block-title,
    .popup-block #category-video #videotext .block-title {
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    #category-video #videowrap {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 65.44771%
    }
    #category-video #videowrap:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    #category-video #videotext {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%;
        float: right
    }
    #category-video #videotext:last-child {
        margin-right: 0
    }
}

.search-autocomplete {
    position: absolute;
    z-index: 40;
    top: 40;
    background: white;
    padding: 0.3125rem;
    border: 1px solid #d3d3d3;
    width: 180px
}

.search-autocomplete ul {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.search-autocomplete ul:last-child {
    margin-right: 0
}

.search-autocomplete li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    cursor: pointer;
    padding: 0.625rem;
    border-left: 0 !important;
    text-transform: none;
    text-align: left
}

.search-autocomplete li:last-child {
    margin-right: 0
}

.search-autocomplete li:hover,
.search-autocomplete li:focus {
    background: #e8e8e8
}

.search-autocomplete li span {
    display: none
}

.page-title-search {
    margin-bottom: 0 !important;
    padding: 1.25rem 0 !important
}

.searchresult-togglecontainer {
    border-top: 0;
    text-align: center;
    padding: 1.25rem 0 !important;
    margin-bottom: 0 !important
}

.searchresult-togglecontainer button,
.searchresult-togglecontainer #my-orders-table tbody tr td:last-child a:first-child,
#my-orders-table tbody tr td:last-child .searchresult-togglecontainer a:first-child,
.searchresult-togglecontainer #my-orders-table tbody tr td a,
#my-orders-table tbody tr td .searchresult-togglecontainer a,
.searchresult-togglecontainer .my-account h2 a,
.my-account h2 .searchresult-togglecontainer a,
.searchresult-togglecontainer .my-account h3 a,
.my-account h3 .searchresult-togglecontainer a,
.searchresult-togglecontainer .my-account .popup-block .block-title a,
.my-account .popup-block .block-title .searchresult-togglecontainer a,
.searchresult-togglecontainer .popup-block .my-account .block-title a,
.popup-block .my-account .block-title .searchresult-togglecontainer a,
.searchresult-togglecontainer .my-account .box-title a,
.my-account .box-title .searchresult-togglecontainer a,
.searchresult-togglecontainer .my-account .box-head a,
.my-account .box-head .searchresult-togglecontainer a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%
}

.searchresult-togglecontainer button:last-child,
.searchresult-togglecontainer #my-orders-table tbody tr td a:last-child,
#my-orders-table tbody tr td .searchresult-togglecontainer a:last-child,
.searchresult-togglecontainer .my-account h2 a:last-child,
.my-account h2 .searchresult-togglecontainer a:last-child,
.searchresult-togglecontainer .my-account h3 a:last-child,
.my-account h3 .searchresult-togglecontainer a:last-child,
.searchresult-togglecontainer .my-account .popup-block .block-title a:last-child,
.my-account .popup-block .block-title .searchresult-togglecontainer a:last-child,
.searchresult-togglecontainer .popup-block .my-account .block-title a:last-child,
.popup-block .my-account .block-title .searchresult-togglecontainer a:last-child,
.searchresult-togglecontainer .my-account .box-title a:last-child,
.my-account .box-title .searchresult-togglecontainer a:last-child,
.searchresult-togglecontainer .my-account .box-head a:last-child,
.my-account .box-head .searchresult-togglecontainer a:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .searchresult-togglecontainer button,
    .searchresult-togglecontainer #my-orders-table tbody tr td:last-child a:first-child,
    #my-orders-table tbody tr td:last-child .searchresult-togglecontainer a:first-child,
    .searchresult-togglecontainer #my-orders-table tbody tr td a,
    #my-orders-table tbody tr td .searchresult-togglecontainer a,
    .searchresult-togglecontainer .my-account h2 a,
    .my-account h2 .searchresult-togglecontainer a,
    .searchresult-togglecontainer .my-account h3 a,
    .my-account h3 .searchresult-togglecontainer a,
    .searchresult-togglecontainer .my-account .popup-block .block-title a,
    .my-account .popup-block .block-title .searchresult-togglecontainer a,
    .searchresult-togglecontainer .popup-block .my-account .block-title a,
    .popup-block .my-account .block-title .searchresult-togglecontainer a,
    .searchresult-togglecontainer .my-account .box-title a,
    .my-account .box-title .searchresult-togglecontainer a,
    .searchresult-togglecontainer .my-account .box-head a,
    .my-account .box-head .searchresult-togglecontainer a {
        width: auto;
        display: inline-block;
        float: none
    }
}

#searchresult-search {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 74.71783%;
    position: relative
}

#searchresult-search:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #searchresult-search {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 41.00828%
    }
    #searchresult-search:last-child {
        margin-right: 0
    }
}

#searchresult-search .icon-search {
    position: absolute;
    left: 0.125rem;
    top: 0.3125rem;
    width: 2.5rem;
    height: 2.5rem;
    border-right: 1px solid #d3d3d3;
    padding: 0;
    cursor: pointer;
    background-position: -320px -20px
}

#searchresult-search input {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 0.625rem;
    height: 3.25rem;
    padding-left: 2.5rem;
    text-transform: none;
    color: #1d2345;
    border: 1px solid #d3d3d3;
    outline: none
}

#searchresult-search input:last-child {
    margin-right: 0
}

#searchresult-search input:focus {
    border: 1px solid #000
}

.hj-feature-introblock {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.hj-feature-introblock:last-child {
    margin-right: 0
}

.hj-feature-introblock li:first-of-type {
    border: 0
}

.hj-feature-introblock h3,
.hj-feature-introblock .popup-block .block-title,
.popup-block .hj-feature-introblock .block-title {
    border-bottom: 1px solid #d3d3d3;
    color: #9eabc4;
    padding: 0 0 0.625rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    font-size: 1rem;
    margin-top: 0.3125rem
}

.hj-videointro h3,
.hj-videointro .popup-block .block-title,
.popup-block .hj-videointro .block-title {
    border: 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    .hj-videointro h3,
    .hj-videointro .popup-block .block-title,
    .popup-block .hj-videointro .block-title {
        font-size: 1.25rem;
        margin-top: 1.25rem
    }
}

.hj-feature-content {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 20px
}

.hj-feature-content:last-child {
    margin-right: 0
}

.hj-feature-content p:first-of-type,
.hj-feature-content address:first-of-type {
    font-size: 1.375rem;
    color: #9eabc4;
    line-height: 170%
}

.hj-feature-content p,
.hj-feature-content address {
    margin-bottom: 1.25rem
}

.hj-feature-content ul {
    margin-top: 1.25rem
}

.searchfilters {
    display: none
}

.searchfilters li {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #f3f4f5;
    color: #1d2345;
    border: none;
    background: none
}

.searchfilters li:hover,
.searchfilters li:focus {
    background: #e5e7e9;
    outline: none;
    text-decoration: none
}

.searchfilters li .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.searchfilters li.selected,
.searchfilters li.active {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #f3f4f5;
    color: #1d2345;
    border: none
}

.searchfilters li.selected:hover,
.searchfilters li.selected:focus,
.searchfilters li.active:hover,
.searchfilters li.active:focus {
    background: #e5e7e9;
    outline: none;
    text-decoration: none
}

.searchfilters li.selected .icon,
.searchfilters li.active .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.searchfilters li a {
    color: #bfbfbf;
    letter-spacing: normal
}

.searchfilters li .icon {
    display: none
}

.searchcontainer {
    float: left;
    display: block;
    margin-right: 1.12867%;
    /*width: 100%;*/
    overflow: hidden;
    padding-top: 20px;
}

.searchcontainer:last-child {
    margin-right: 0
}

.searchcontainer .searchcontainer_inner {
    width: calc(100%*2);
    overflow: hidden;
    padding-top: 0.625rem
}

.searchcontainer .bottomtoolbar {
    margin-bottom: 30px
}

.searchcontainer .toolbar {
    display: none
}

.searchcontent {
    width: 50%;
    float: left;
    overflow: hidden
}

.searchcontent .wpitem {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0
}

.searchcontent .wpitem:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .searchcontent .wpitem {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .searchcontent .wpitem:last-child {
        margin-right: 0
    }
    .searchcontent .wpitem:nth-child(2n) {
        margin-right: 0
    }
    .searchcontent .wpitem:nth-child(2n+1) {
        clear: left
    }
}

.searchcontent .wpitem .left {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 28.36719%
}

.searchcontent .wpitem .left:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .searchcontent .wpitem .left {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 47.75019%
    }
    .searchcontent .wpitem .left:last-child {
        margin-right: 0
    }
}

.searchcontent .wpitem .right {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 68.81866%;
    float: right
}

.searchcontent .wpitem .right:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .searchcontent .wpitem .right {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 47.75019%;
        float: right
    }
    .searchcontent .wpitem .right:last-child {
        margin-right: 0
    }
}

.searchcontent .wpitem h4 {
    background: #f3f4f5;
    border-bottom: 1px solid #d3d3d3;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    padding: 0.625rem;
    line-height: normal;
    font-size: 0.875rem
}

@media screen and (min-width: 768px) {
    .searchcontent .wpitem h4 {
        background: none;
        padding: 5px 0 0.625rem;
        font-size: 1rem;
        text-align: left
    }
}

.searchcontent .wpitem img {
    border: 1px solid #d3d3d3;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    height: auto
}

.searchcontent .wpitem img:last-child {
    margin-right: 0
}

.searchcontent .wpitem p,
.searchcontent .wpitem address {
    font-size: 0.75rem
}

.searchcontent .viewmore {
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 0.3125rem 0;
    font-size: 0.75rem
}

@media screen and (min-width: 768px) {
    #noresults-product .column {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        padding-right: 3.125rem
    }
    #noresults-product .column:last-child {
        margin-right: 0
    }
    #noresults-product .column:nth-child(2) {
        margin-right: 0
    }
    #noresults-product .column:nth-child(2+1) {
        clear: left
    }
}

#noresults-product .column h3,
#noresults-product .column .popup-block .block-title,
.popup-block #noresults-product .column .block-title {
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px
}

#noresults-product .column .note {
    color: #bfbfbf;
    font-size: 0.75rem
}

#noresults-product .column #search-suggestions li {
    margin-bottom: 0.625rem
}

#noresults-product #suggested-products {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 1.875rem 0
}

#noresults-product #suggested-products:last-child {
    margin-right: 0
}

#noresults-product #suggested-products h3,
#noresults-product #suggested-products .popup-block .block-title,
.popup-block #noresults-product #suggested-products .block-title {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px
}

#noresults-product #suggested-products h5 {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 0.8125rem;
    white-space: initial;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0.625rem
}

#noresults-product #suggested-products h5:last-child {
    margin-right: 0
}

.no-result-text {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 50px 0 30px
}

.no-result-text:last-child {
    margin-right: 0
}

.category-main-banner {
    width: calc(100% + 4rem);
    margin-left: -2rem
}

@media screen and (min-width: 768px) {
    .category-main-banner {
        width: calc(100% + 7rem);
        margin-top: -30px;
        margin-left: -3.5rem
    }
}

@media screen and (min-width: 992px) {
    .category-main-banner {
        width: calc(100% + 11.85rem);
        margin-top: -1.85rem;
        margin-left: -5.9rem
    }
}

.searchcontent .wpitem .right {
    position: relative
}

.searchcontent .wpitem .right p,
.searchcontent .wpitem .right address {
    display: none
}

@media screen and (min-width: 768px) {
    .searchcontent .wpitem .right p,
    .searchcontent .wpitem .right address {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .searchcontent .wpitem .right p,
    .searchcontent .wpitem .right address {
        display: block
    }
}

.searchcontent .wpitem .right p.viewmore,
.searchcontent .wpitem .right address.viewmore {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .searchcontent .wpitem .right p.viewmore,
    .searchcontent .wpitem .right address.viewmore {
        display: block
    }
}

body.catalogsearch-result-index #storelocatorblock {
    margin-top: 10px
}

body.catalogsearch-result-index #product-results .layout-h li h4 {
    background-color: transparent
}

body.catalogsearch-result-index #product-results .layout-h li .viewmore {
    display: none
}

body.catalogsearch-result-index .categoryprodfilters {
    display: none
}

html.touch .withzoom {
    display: none
}

html.no-touch .withoutzoom {
    display: none
}

.catalog-product-view .breadcrumbs {
    display: none
}

@media screen and (min-width: 992px) {
    .catalog-product-view .breadcrumbs {
        display: block
    }
}

.product-view .product-name,
.high-jewellery-product .product-name {
    position: relative
}

.product-view .product-name h1,
.high-jewellery-product .product-name h1 {
    font-size: 1.0625rem;
    line-height: 1.3
}

@media screen and (min-width: 768px) {
    .product-view .product-name h1,
    .high-jewellery-product .product-name h1 {
        line-height: 1;
        text-align: left;
        font-size: 1.75rem
    }
}

.product-view .heart-component,
.high-jewellery-product .heart-component {
    height: 1.0625rem;
    position: absolute;
    right: 1px;
    top: 0.3125rem;
    width: 1.0625rem
}

.product-view .heart-component svg,
.high-jewellery-product .heart-component svg {
    overflow: visible
}

.product-view .sku-wishlist,
.high-jewellery-product .sku-wishlist {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) {
    .product-view .product-img-box,
    .high-jewellery-product .product-img-box {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .product-view .product-img-box:last-child,
    .high-jewellery-product .product-img-box:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .product-view .product-img-box,
    .high-jewellery-product .product-img-box {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .product-view .product-img-box:last-child,
    .high-jewellery-product .product-img-box:last-child {
        margin-right: 0
    }
}

.product-view .product-img-box .product-image,
.high-jewellery-product .product-img-box .product-image {
    margin-top: 10px;
    position: relative;
    display: table
}

@media screen and (min-width: 992px) {
    .product-view .product-img-box .product-image,
    .high-jewellery-product .product-img-box .product-image {
        display: block;
        margin-top: 0
    }
}

.product-view .product-img-box .product-image .zoomWrapper,
.high-jewellery-product .product-img-box .product-image .zoomWrapper {
    margin: 0 auto 10px;
    position: relative
}

.product-view .product-img-box .product-image .zoomWrapper img,
.high-jewellery-product .product-img-box .product-image .zoomWrapper img {
    left: 0
}

.product-view .product-img-box .product-image img,
.high-jewellery-product .product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    height: auto
}

.product-view .product-img-box .prodimgwrap,
.high-jewellery-product .product-img-box .prodimgwrap {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    position: relative;
    margin-bottom: 1.25rem
}

.product-view .product-img-box .prodimgwrap:last-child,
.high-jewellery-product .product-img-box .prodimgwrap:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .product-view .product-img-box .prodimgwrap,
    .high-jewellery-product .product-img-box .prodimgwrap {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 83.14522%;
        margin-bottom: 0
    }
    .product-view .product-img-box .prodimgwrap:last-child,
    .high-jewellery-product .product-img-box .prodimgwrap:last-child {
        margin-right: 0
    }
}

.product-view .product-img-box .productpage-img-spinner,
.high-jewellery-product .product-img-box .productpage-img-spinner {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 104;
    top: 0;
    left: 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("../images/ajax-loader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: none
}

.product-view .product-img-box .cycle-slideshow,
.high-jewellery-product .product-img-box .cycle-slideshow {
    margin-bottom: 10px
}

.product-view .product-img-box .product-name,
.high-jewellery-product .product-img-box .product-name {
    border-bottom: 1px solid #ccc
}

@media screen and (min-width: 768px) {
    .product-view .product-img-box .product-name,
    .high-jewellery-product .product-img-box .product-name {
        text-align: center
    }
}

@media screen and (min-width: 992px) {
    .product-view .product-img-box .product-name,
    .high-jewellery-product .product-img-box .product-name {
        display: none
    }
}

.product-view .product-img-box #product-image-thumbs,
.high-jewellery-product .product-img-box #product-image-thumbs {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    display: table-footer-group;
    float: none;
    margin-top: 1.875rem;
    margin-bottom: 20px;
    visibility: hidden;
    position: absolute
}

.product-view .product-img-box #product-image-thumbs:last-child,
.high-jewellery-product .product-img-box #product-image-thumbs:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .product-view .product-img-box #product-image-thumbs,
    .high-jewellery-product .product-img-box #product-image-thumbs {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        display: block;
        float: left;
        position: relative;
        visibility: visible
    }
    .product-view .product-img-box #product-image-thumbs:last-child,
    .high-jewellery-product .product-img-box #product-image-thumbs:last-child {
        margin-right: 0
    }
}

.product-view .product-img-box #product-image-thumbs a,
.high-jewellery-product .product-img-box #product-image-thumbs a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    display: block;
    float: none
}

.product-view .product-img-box #product-image-thumbs a:last-child,
.high-jewellery-product .product-img-box #product-image-thumbs a:last-child {
    margin-right: 0
}

.product-view .product-img-box #product-image-thumbs a img,
.high-jewellery-product .product-img-box #product-image-thumbs a img {
    display: block;
    width: 100%;
    height: auto;
    border: 1px solid transparent
}

.product-view .product-img-box #product-image-thumbs a.active img,
.high-jewellery-product .product-img-box #product-image-thumbs a.active img {
    border: 1px solid #bfbfbf
}

.product-view .product-img-box .sharing-links,
.high-jewellery-product .product-img-box .sharing-links {
    display: none
}

@media screen and (min-width: 768px) {
    .product-view .product-img-box .sharing-links,
    .high-jewellery-product .product-img-box .sharing-links {
        display: block;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%;
        float: right;
        padding: 0.625rem 0;
        margin-top: 0;
        background: #f3f4f5
    }
    .product-view .product-img-box .sharing-links:last-child,
    .high-jewellery-product .product-img-box .sharing-links:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .product-view .product-img-box .sharing-links,
    .high-jewellery-product .product-img-box .sharing-links {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%;
        float: left;
        background: none
    }
    .product-view .product-img-box .sharing-links:last-child,
    .high-jewellery-product .product-img-box .sharing-links:last-child {
        margin-right: 0
    }
}

.product-view .product-img-box .sharing-links li,
.high-jewellery-product .product-img-box .sharing-links li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 15.72611%;
    border-right: 1px solid #000000;
    text-align: center;
    float: none;
    display: inline-block
}

.product-view .product-img-box .sharing-links li:last-child,
.high-jewellery-product .product-img-box .sharing-links li:last-child {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .product-view .product-img-box .sharing-links li,
    .high-jewellery-product .product-img-box .sharing-links li {
        border: 0;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 11.51242%;
        text-align: left
    }
    .product-view .product-img-box .sharing-links li:last-child,
    .high-jewellery-product .product-img-box .sharing-links li:last-child {
        margin-right: 0
    }
}

.product-view .product-img-box .sharing-links li:last-child,
.high-jewellery-product .product-img-box .sharing-links li:last-child {
    border: 0
}

.product-view .product-img-box .sharing-links li a i,
.high-jewellery-product .product-img-box .sharing-links li a i {
    display: block;
    font-size: 1.125rem;
    width: 100%;
    cursor: pointer
}

.product-view .sharing-links,
.high-jewellery-product .sharing-links {
    margin-bottom: 10px;
    background: #f3f4f5;
    padding: 0.625rem;
    text-align: center;
    margin-top: 15px
}

.product-view .sharing-links li,
.high-jewellery-product .sharing-links li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 16.56885%;
    display: inline-block;
    border-right: 1px solid #ffffff;
    float: none
}

.product-view .sharing-links li:last-child,
.high-jewellery-product .sharing-links li:last-child {
    margin-right: 0
}

.product-view .sharing-links li:last-child,
.high-jewellery-product .sharing-links li:last-child {
    border: 0
}

@media screen and (min-width: 768px) {
    .product-view .sharing-links li,
    .high-jewellery-product .sharing-links li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 7.29872%;
        float: none;
        float: left
    }
    .product-view .sharing-links li:last-child,
    .high-jewellery-product .sharing-links li:last-child {
        margin-right: 0
    }
}

.product-view .sharing-links li a i,
.high-jewellery-product .sharing-links li a i {
    display: block;
    font-size: 1.25rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .product-view .sharing-links,
    .high-jewellery-product .sharing-links {
        display: none
    }
}

@media screen and (min-width: 992px) {
    .product-view .product-details,
    .high-jewellery-product .product-details {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        float: right;
        padding-left: 0.9375rem;
        margin-right: 0
    }
    .product-view .product-details:last-child,
    .high-jewellery-product .product-details:last-child {
        margin-right: 0
    }
}

.product-view .product-details .product-name,
.high-jewellery-product .product-details .product-name {
    display: none
}

@media screen and (min-width: 992px) {
    .product-view .product-details .product-name,
    .high-jewellery-product .product-details .product-name {
        display: block
    }
}

.product-view .product-details .product-name .h1,
.high-jewellery-product .product-details .product-name .h1 {
    font-size: 26px;
    line-height: 36.4px;
    font-size: 1.625rem;
    line-height: 1;
    padding: 0 2.5rem 20px 0;
    margin-bottom: 20px;
    border-bottom: 1px solid #dddddd;
    display: block;
    color: #1d2345
}

.product-view .product-details #product-description,
.high-jewellery-product .product-details #product-description {
    padding: 0.3125rem 0
}

.product-view .product-details #product-description h2,
.high-jewellery-product .product-details #product-description h2 {
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    font-size: 15px;
    color: #1d2345
}

.product-view .product-details #product-description .textwrap,
.high-jewellery-product .product-details #product-description .textwrap {
    color: #000
}

.product-view .product-details p,
.high-jewellery-product .product-details p,
.product-view .product-details address,
.high-jewellery-product .product-details address {
    font-size: 0.9375rem;
    line-height: 170%;
    color: #1d2345
}

.product-view .product-details .availability,
.high-jewellery-product .product-details .availability {
    text-transform: uppercase
}

.product-view .product-details .availability.in-stock,
.high-jewellery-product .product-details .availability.in-stock {
    display: none
}

.product-view .product-details .availability.out-of-stock .label,
.high-jewellery-product .product-details .availability.out-of-stock .label {
    display: none
}

.product-view .product-details .availability.out-of-stock .value,
.high-jewellery-product .product-details .availability.out-of-stock .value {
    font-size: 0.875rem;
    color: #9eabc4
}

.product-view .product-details .pricedfrom,
.high-jewellery-product .product-details .pricedfrom {
    font-size: 1rem;
    color: #9eabc4;
    padding-right: 5px
}

.product-view .product-details .price-box,
.high-jewellery-product .product-details .price-box {
    margin-bottom: 10px
}

.product-view .product-details .sku,
.high-jewellery-product .product-details .sku {
    display: inline-block;
    font-size: 0.6875rem;
    text-transform: uppercase;
    color: #bfbfbf
}

.product-view .product-details .qty-wrapper,
.high-jewellery-product .product-details .qty-wrapper {
    display: none
}

.product-view .product-details .pricecalc-note-trigger,
.high-jewellery-product .product-details .pricecalc-note-trigger {
    clear: both
}

@media screen and (min-width: 768px) {
    .product-view .product-details .pricecalc-note-trigger,
    .high-jewellery-product .product-details .pricecalc-note-trigger {
        clear: none
    }
}

.product-view .product-details #pricecalc-note-trigger,
.high-jewellery-product .product-details #pricecalc-note-trigger {
    border-bottom: 1px solid #000;
    color: #000;
    padding-bottom: 0.3125rem;
    font-size: 0.8125rem;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .product-view .product-details #pricecalc-note-trigger,
    .high-jewellery-product .product-details #pricecalc-note-trigger {
        margin-left: 1.875rem
    }
}

.product-view .product-details .product-description,
.high-jewellery-product .product-details .product-description {
    float: left;
    margin-top: 1.25rem;
    overflow: hidden;
    width: 100%
}

.product-view .product-details .db-product-note,
.high-jewellery-product .product-details .db-product-note {
    display: block;
    float: left;
    font-size: 0.8125rem;
    color: #9eabc4;
    line-height: 1
}

@media screen and (min-width: 768px) {
    .product-view .product-details .db-product-note,
    .high-jewellery-product .product-details .db-product-note {
        margin-bottom: 0;
        margin-top: 0.625rem
    }
}

.product-view .product-details .db-product-note--alt,
.high-jewellery-product .product-details .db-product-note--alt {
    display: block;
    clear: both
}

@media (min-width: 1279px) {
    .product-view .product-details .db-product-note--alt,
    .high-jewellery-product .product-details .db-product-note--alt {
        display: block;
        clear: none;
        margin-left: 5%
    }
}

.product-view .product-details .appointment,
.high-jewellery-product .product-details .appointment,
.product-view .product-details .btn-cart,
.high-jewellery-product .product-details .btn-cart {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    margin: 0.3125rem 0 10px
}

.product-view .product-details .appointment:last-child,
.high-jewellery-product .product-details .appointment:last-child,
.product-view .product-details .btn-cart:last-child,
.high-jewellery-product .product-details .btn-cart:last-child {
    margin-right: 0
}

.product-view .product-details .appointment:hover,
.high-jewellery-product .product-details .appointment:hover,
.product-view .product-details .appointment:focus,
.high-jewellery-product .product-details .appointment:focus,
.product-view .product-details .btn-cart:hover,
.high-jewellery-product .product-details .btn-cart:hover,
.product-view .product-details .btn-cart:focus,
.high-jewellery-product .product-details .btn-cart:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.product-view .product-details .appointment .icon,
.high-jewellery-product .product-details .appointment .icon,
.product-view .product-details .btn-cart .icon,
.high-jewellery-product .product-details .btn-cart .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.product-view .product-details .appointment.hidden,
.high-jewellery-product .product-details .appointment.hidden,
.product-view .product-details .btn-cart.hidden,
.high-jewellery-product .product-details .btn-cart.hidden {
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0
}

.product-view .product-details .btn-enquire,
.high-jewellery-product .product-details .btn-enquire {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none;
    margin: 0.3125rem 0 10px
}

.product-view .product-details .btn-enquire:last-child,
.high-jewellery-product .product-details .btn-enquire:last-child {
    margin-right: 0
}

.product-view .product-details .btn-enquire:hover,
.high-jewellery-product .product-details .btn-enquire:hover,
.product-view .product-details .btn-enquire:focus,
.high-jewellery-product .product-details .btn-enquire:focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

.product-view .product-details .btn-enquire .icon,
.high-jewellery-product .product-details .btn-enquire .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 992px) {
    .product-view .product-details .btn-enquire,
    .high-jewellery-product .product-details .btn-enquire {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 48.59293%;
        float: right;
        margin-right: 0
    }
    .product-view .product-details .btn-enquire:last-child,
    .high-jewellery-product .product-details .btn-enquire:last-child {
        margin-right: 0
    }
}

.product-view .product-details .btn-enquire.hidden,
.high-jewellery-product .product-details .btn-enquire.hidden {
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0
}

.product-view .product-details #product-cta-section a,
.high-jewellery-product .product-details #product-cta-section a {
    padding: 0;
    height: auto
}

.product-view .product-details #product-cta-section a h3,
.high-jewellery-product .product-details #product-cta-section a h3,
.product-view .product-details #product-cta-section a .popup-block .block-title,
.popup-block .product-view .product-details #product-cta-section a .block-title,
.high-jewellery-product .product-details #product-cta-section a .popup-block .block-title,
.popup-block .high-jewellery-product .product-details #product-cta-section a .block-title {
    margin: 10px 0 0;
    line-height: normal;
    font-size: 0.875rem
}

.product-view .product-details #product-cta-section a p,
.high-jewellery-product .product-details #product-cta-section a p,
.product-view .product-details #product-cta-section a address,
.high-jewellery-product .product-details #product-cta-section a address {
    border: 0;
    padding: 0;
    margin: 0 0 5px;
    font-size: 11px;
    width: 100%
}

.product-view .product-details #product-cta-section img,
.high-jewellery-product .product-details #product-cta-section img {
    width: 100%;
    height: auto
}

.product-view .product-shop,
.high-jewellery-product .product-shop,
.product-view .product-img-box,
.high-jewellery-product .product-img-box,
.product-view .product-collateral,
.high-jewellery-product .product-collateral,
.product-view .box-collateral,
.high-jewellery-product .box-collateral,
.product-view .add-to-cart,
.high-jewellery-product .add-to-cart,
.product-view .add-to-links,
.high-jewellery-product .add-to-links {
    margin-bottom: 10px
}

.product-view .add-to-cart,
.high-jewellery-product .add-to-cart,
.product-view .product-shop,
.high-jewellery-product .product-shop {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .product-view .product-upsell-wrap,
    .high-jewellery-product .product-upsell-wrap {
        margin: 20px 0 30px;
        width: 100%;
        float: left
    }
    .product-view .product-upsell-wrap .block-title,
    .high-jewellery-product .product-upsell-wrap .block-title {
        border-bottom: 1px solid #bfbfbf;
        margin-bottom: 10px
    }
    .product-view .product-upsell-wrap .block-title h2,
    .high-jewellery-product .product-upsell-wrap .block-title h2 {
        font-size: 14px;
        margin: 0;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem
    }
    .product-view .product-upsell-wrap h3,
    .high-jewellery-product .product-upsell-wrap h3,
    .product-view .product-upsell-wrap .popup-block .block-title,
    .popup-block .product-view .product-upsell-wrap .block-title,
    .high-jewellery-product .product-upsell-wrap .popup-block .block-title,
    .popup-block .high-jewellery-product .product-upsell-wrap .block-title {
        font-size: 12px;
        margin: 0;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem;
        text-align: center;
        line-height: 120%
    }
    .product-view .product-upsell-wrap img,
    .high-jewellery-product .product-upsell-wrap img {
        border-bottom: 1px solid #bfbfbf;
        margin-bottom: 10px;
        padding-bottom: 10px;
        width: 100%;
        height: auto
    }
    .product-view .product-upsell-wrap .block-related,
    .high-jewellery-product .product-upsell-wrap .block-related,
    .product-view .product-upsell-wrap .block-viewed,
    .high-jewellery-product .product-upsell-wrap .block-viewed {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .product-view .product-upsell-wrap .block-related:last-child,
    .high-jewellery-product .product-upsell-wrap .block-related:last-child,
    .product-view .product-upsell-wrap .block-viewed:last-child,
    .high-jewellery-product .product-upsell-wrap .block-viewed:last-child {
        margin-right: 0
    }
    .product-view .product-upsell-wrap .block-related li,
    .high-jewellery-product .product-upsell-wrap .block-related li,
    .product-view .product-upsell-wrap .block-viewed li,
    .high-jewellery-product .product-upsell-wrap .block-viewed li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .product-view .product-upsell-wrap .block-related li:last-child,
    .high-jewellery-product .product-upsell-wrap .block-related li:last-child,
    .product-view .product-upsell-wrap .block-viewed li:last-child,
    .high-jewellery-product .product-upsell-wrap .block-viewed li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .product-view .product-upsell-wrap .block-related,
    .high-jewellery-product .product-upsell-wrap .block-related,
    .product-view .product-upsell-wrap .block-viewed,
    .high-jewellery-product .product-upsell-wrap .block-viewed {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .product-view .product-upsell-wrap .block-related:last-child,
    .high-jewellery-product .product-upsell-wrap .block-related:last-child,
    .product-view .product-upsell-wrap .block-viewed:last-child,
    .high-jewellery-product .product-upsell-wrap .block-viewed:last-child {
        margin-right: 0
    }
}

.product-view .delivery-returns-block,
.high-jewellery-product .delivery-returns-block{
    clear: both;
    float: left;
    margin: 0.9375rem 0 1.5625rem;
    width: 100%
}

.product-view .option--three-quartars,
.high-jewellery-product .option--three-quartars {
    margin-right: 1.25rem;
    float: left;
    width: 48.59293%
}

.product-view .product-ringsizeguide,
.high-jewellery-product .product-ringsizeguide {
    float: left;
    margin-top: 0.25rem;
    margin-bottom: 0;
    width: 41%
}

.product-view .product-ringsizeguide a,
.high-jewellery-product .product-ringsizeguide a {
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 0.875rem
}

.product-view .product-shop .price-box,
.high-jewellery-product .product-shop .price-box {
    float: left;
    margin-top: 0
}

.product-view .product-shop .price-box .old-price,
.high-jewellery-product .product-shop .price-box .old-price,
.product-view .product-shop .price-box .special-price,
.high-jewellery-product .product-shop .price-box .special-price,
.product-view .product-shop .price-box .regular-price,
.high-jewellery-product .product-shop .price-box .regular-price {
    padding-right: 0;
    line-height: 1.2
}

.product-view .product-shop .price-box .regular-price .price,
.high-jewellery-product .product-shop .price-box .regular-price .price,
.product-view .product-shop .price-box .special-price .price,
.high-jewellery-product .product-shop .price-box .special-price .price,
.product-view .product-shop .price-box .full-product-price .price,
.high-jewellery-product .product-shop .price-box .full-product-price .price {
    color: #bfbfbf;
    font-size: 24px
}

.product-view .product-shop .price-box .pp-taxnote,
.high-jewellery-product .product-shop .price-box .pp-taxnote {
    color: #bfbfbf
}

.product-view .product-shop .price-box .special-price .price-label,
.high-jewellery-product .product-shop .price-box .special-price .price-label {
    font-size: 16px;
    text-transform: uppercase
}

.product-view .product-shop .price-box .price-excluding-tax,
.high-jewellery-product .product-shop .price-box .price-excluding-tax,
.product-view .product-shop .price-box .price-including-tax,
.high-jewellery-product .product-shop .price-box .price-including-tax {
    display: block;
    line-height: 1.2
}

.product-view .product-shop .price-box .price-excluding-tax .label,
.high-jewellery-product .product-shop .price-box .price-excluding-tax .label,
.product-view .product-shop .price-box .price-including-tax .label,
.high-jewellery-product .product-shop .price-box .price-including-tax .label {
    font-size: 16px;
    font-weight: 300
}

.product-view .product-shop .price-box .price-excluding-tax .price,
.high-jewellery-product .product-shop .price-box .price-excluding-tax .price,
.product-view .product-shop .price-box .price-including-tax .price,
.high-jewellery-product .product-shop .price-box .price-including-tax .price {
    font-size: 20px
}

.product-view .old-price .price-label,
.high-jewellery-product .old-price .price-label {
    display: none
}

.product-collateral {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    color: #000
}

.product-collateral .toggle-tabs {
    display: none
}

.product-collateral>dl>dt {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    display: block
}

.product-collateral>dl>dt:after {
    height: 0;
    width: 0;
    left: 10px;
    top: 50%;
    margin-top: -3px
}

.product-collateral>dl>dd {
    margin: 0;
    border-width: 0 1px;
    border-style: solid
}

.product-collateral>dl>dd:last-child {
    border-width: 0 1px 1px 1px
}

.product-collateral>dl>dt {
    cursor: pointer;
    border-bottom-width: 0
}

.product-collateral>dl>dt:after {
    height: 0;
    width: 0
}

.product-collateral>dl>dt.last {
    border-bottom-width: 1px
}

.product-collateral>dl>dd {
    display: none
}

.product-collateral.accordion-open>dl>dt.current {
    border-bottom-width: 1px
}

.product-collateral.accordion-open>dl>dt.current:after {
    height: 0;
    width: 0;
    left: 6px;
    top: 50%;
    margin-top: -3px
}

.product-collateral.accordion-open>dl>dd.current {
    display: block
}

.product-collateral .toggle-tabs {
    margin-bottom: 10px;
    float: left
}

.product-collateral .toggle-tabs li {
    padding: 0;
    padding-right: 15px;
    text-transform: uppercase;
    line-height: normal;
    border-right: 1px solid #000
}

.product-collateral .toggle-tabs li.last {
    border: 0;
    padding: 0
}

.product-collateral>dl>dd {
    padding: 0;
    float: left;
    border: 0
}

.product-collateral>dl>dd h2 {
    display: none
}

@media screen and (min-width: 768px) {
    .product-collateral .toggle-tabs {
        display: block;
        width: 100%;
        position: relative;
        border: 1px solid transparent
    }
    .product-collateral .toggle-tabs li {
        float: left;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent
    }
    .product-collateral .toggle-tabs li>span {
        -moz-user-select: none;
        -ms-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
        user-select: none;
        display: inline-block;
        height: 40px;
        line-height: 40px;
        cursor: pointer;
        text-transform: uppercase;
        position: relative;
        bottom: -1px
    }
    .product-collateral .toggle-tabs li.current>span {
        background-color: #FFFFFF;
        z-index: 5
    }
    .product-collateral .toggle-tabs li:first-child {
        border-left: none
    }
    .product-collateral>dl {
        width: 100%
    }
    .product-collateral>dl>dt {
        display: none
    }
    .product-collateral>dl>dd {
        width: 100%;
        display: none;
        padding: 15px;
        border-top: 0
    }
    .product-collateral>dl>dd.current {
        display: block
    }
    .product-collateral .toggle-tabs li {
        padding: 0;
        padding-right: 15px;
        margin-right: 15px;
        border-right: 1px solid #000000
    }
    .product-collateral .toggle-tabs li.last {
        border: 0;
        padding: 0;
        margin: 0
    }
    .product-collateral>dl>dd {
        padding: 0;
        float: left;
        border: 0
    }
}

#product-attribute-specs-table {
    border: 1px solid silver
}

#product-attribute-specs-table th {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver
}

.grouped-items-table-wrapper {
    border: solid 1px silver;
    width: 100%;
    padding: 10px;
    margin-bottom: 15px
}

.grouped-items-table-wrapper tbody tr:last-child td {
    border-bottom: none
}

.product-options {
    margin: 0 0 0.625rem;
    padding: 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .product-options {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .product-options:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .product-options {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .product-options:last-child {
        margin-right: 0
    }
}

.product-options .required {
    display: none
}

.product-options dt {
    margin: 10px 0 3px;
    font-weight: normal
}

.product-options dt:first-child {
    margin-top: 0
}

.product-options dd .qty-holder {
    display: block;
    padding: 10px 0 0 0
}

.product-options dd .qty-holder .qty {
    width: 3em
}

.product-options dd .qty-holder label {
    vertical-align: middle
}

.product-options dd .qty-disabled {
    background: none;
    border: 0;
    padding: 0 2px
}

.product-options dd {
    margin: 0 0 10px
}

.product-options dl.last dd.last {
    border-bottom: 0;
    padding-bottom: 5px;
    margin-bottom: 0
}

.product-options dd .input-text {
    width: 98%
}

.product-options dd .input-box {
    padding-top: 0
}

.product-options dd input.datetime-picker {
    width: 150px
}

.product-options dd .time-picker {
    padding: 2px 0;
    vertical-align: middle
}

.product-options dd textarea {
    width: 98%;
    height: 8em
}

.product-options dd select {
    width: 100%;
    border-radius: 0;
    -webkit-border-radius: 0px;
    height: 1.875rem;
    padding: 0.3125rem
}

.product-options dd select option {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 0.3125rem 0.3125rem 0.0625rem
}

.product-options dd select option:last-child {
    margin-right: 0
}

.product-options ul.options-list {
    margin-right: 5px
}

.product-options ul.options-list li {
    line-height: 1.5;
    margin-bottom: 7px
}

.product-options ul.options-list li:last-child {
    margin-bottom: 0
}

.product-options ul.options-list .radio,
.product-options ul.options-list .checkbox {
    float: left;
    margin-top: 5px
}

.product-options ul.options-list .label {
    display: block
}

.product-options ul.options-list label {
    font-weight: normal
}

.product-options p.note,
.product-options address.note {
    margin: 0;
    font-size: 11px
}

@media screen and (min-width: 768px) {
    .product-options-bottom {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        clear: both
    }
    .product-options-bottom:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .product-options-bottom {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .product-options-bottom:last-child {
        margin-right: 0
    }
}

.product-options-bottom:after:after {
    content: "";
    display: table;
    clear: both
}

.product-options-bottom .product-pricing,
.product-options-bottom .tier-prices {
    float: right;
    margin: 0;
    padding: 0 0 10px;
    border: 0;
    background: 0
}

.product-options-bottom .tier-prices li {
    background: 0;
    padding: 2px 0
}

.product-options-bottom .price-box {
    display: none;
    float: right;
    margin: 0 0 10px;
    padding: 0
}

.product-options-bottom .price-tax {
    float: left
}

.high-jewellery-product {
    text-align: center
}

.high-jewellery-product h1 {
    margin-bottom: 0
}

.high-jewellery-product h2 {
    color: #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 1.25rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    font-size: 1.25rem
}

.high-jewellery-product .product-img-box,
.high-jewellery-product .product-details {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-right: 0
}

.high-jewellery-product .product-img-box:last-child,
.high-jewellery-product .product-details:last-child {
    margin-right: 0
}

.high-jewellery-product .product-img-box #product-image-thumbs,
.high-jewellery-product .product-details #product-image-thumbs {
    position: relative;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 15.72611%;
    margin: 0
}

.high-jewellery-product .product-img-box #product-image-thumbs:last-child,
.high-jewellery-product .product-details #product-image-thumbs:last-child {
    margin-right: 0
}

.high-jewellery-product .product-img-box #product-image-thumbs a,
.high-jewellery-product .product-details #product-image-thumbs a {
    display: block
}

@media screen and (min-width: 768px) {
    .high-jewellery-product .product-img-box #product-image-thumbs a,
    .high-jewellery-product .product-details #product-image-thumbs a {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .high-jewellery-product .product-img-box #product-image-thumbs a:last-child,
    .high-jewellery-product .product-details #product-image-thumbs a:last-child {
        margin-right: 0
    }
}

.high-jewellery-product .product-name h1 {
    display: block;
    float: left;
    left: 50%;
    padding: 0;
    position: relative;
    transform: translateX(-50%)
}

.high-jewellery-product .product-name .heart-component {
    right: -1.5625rem;
    top: 0.3125rem
}

@media not screen and (-webkit-min-device-pixel-ratio: 2),
not screen and (min--moz-device-pixel-ratio: 2),
not screen and (-o-min-device-pixel-ratio: 2 / 1),
not screen and (min-device-pixel-ratio: 2),
not screen and (min-resolution: 192dpi),
not screen and (min-resolution: 2dppx) {
    .high-jewellery-product .product-name .heart-component {
        top: 0.5rem
    }
}

.high-jewellery-product .product-name .heart-component svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.high-jewellery-product .product-img-box .prodimgwrap {
    margin: 0;
    width: 100%
}

.high-jewellery-product .product-img-box .sharing-links {
    display: none
}

.high-jewellery-product .buttonwrap {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%
}

.high-jewellery-product .buttonwrap .heart-component {
    position: relative;
    right: 1px;
    top: 11px;
    float: none;
    display: inline-block
}

.high-jewellery-product .buttonwrap .viewing {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 83.14522%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    margin: 0 0.625rem 0.625rem auto;
    float: none !important;
    display: inline-block !important
}

.high-jewellery-product .buttonwrap .viewing:last-child {
    margin-right: 0
}

.high-jewellery-product .buttonwrap .viewing:hover,
.high-jewellery-product .buttonwrap .viewing:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.high-jewellery-product .buttonwrap .viewing .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .high-jewellery-product .buttonwrap .viewing,
    .high-jewellery-product .buttonwrap .add-to-links {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .high-jewellery-product .buttonwrap .viewing:last-child,
    .high-jewellery-product .buttonwrap .add-to-links:last-child {
        margin-right: 0
    }
}

.high-jewellery-product .sharing-links {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    display: none;
    background: 0;
    padding: 0
}

.high-jewellery-product .sharing-links:last-child {
    margin-right: 0
}

.high-jewellery-product .sharing-links li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 15.72611%;
    float: none;
    display: inline-block
}

.high-jewellery-product .sharing-links li:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .high-jewellery-product .sharing-links li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 7.29872%;
        float: none;
        display: inline-block
    }
    .high-jewellery-product .sharing-links li:last-child {
        margin-right: 0
    }
}

.high-jewellery-product .parentcatheader {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 10px 0 20px;
    position: relative;
    overflow: hidden
}

.high-jewellery-product .parentcatheader:last-child {
    margin-right: 0
}

.high-jewellery-product .parentcatheader img {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    height: auto
}

.high-jewellery-product .parentcatheader img:last-child {
    margin-right: 0
}

.high-jewellery-product .parentcatheader h5 {
    font-size: 1.5625rem;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .high-jewellery-product .parentcatheader h5 {
        position: absolute;
        top: 30%;
        right: 10%;
        color: white;
        width: 40%;
        font-size: 2.375rem;
        line-height: 150%
    }
}

#storelocatorblock {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 1.25rem 1.875rem;
    background: #f3f4f5
}

#storelocatorblock:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #storelocatorblock {
        width: calc(100% + 6.5rem);
        margin-left: -3.2rem
    }
}

@media screen and (min-width: 992px) {
    #storelocatorblock {
        width: calc(100% + 12.5rem);
        margin-left: -6.4rem
    }
}

#storelocatorblock h4 {
    border-bottom: 1px solid #000
}

#storelocatorblock .buttons {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

#storelocatorblock .buttons:last-child {
    margin-right: 0
}

#storelocatorblock .buttons .button {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 10px
}

#storelocatorblock .buttons .button:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #storelocatorblock .buttons .button {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        margin-bottom: 0
    }
    #storelocatorblock .buttons .button:last-child {
        margin-right: 0
    }
}

#storelocatorblock .buttons .button:first-child {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none
}

#storelocatorblock .buttons .button:first-child:hover,
#storelocatorblock .buttons .button:first-child:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

#storelocatorblock .buttons .button:first-child .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

#storelocatorblock .buttons .button:nth-child(2) {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none;
    margin-right: 0
}

#storelocatorblock .buttons .button:nth-child(2):hover,
#storelocatorblock .buttons .button:nth-child(2):focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

#storelocatorblock .buttons .button:nth-child(2) .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    #storelocatorblock .buttons .button:nth-child(2) {
        margin-right: 0
    }
}

.send-friend .buttons-set {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0
}

.send-friend .buttons-set:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .send-friend .buttons-set {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 74.71783%;
        margin-right: 0;
        float: right
    }
    .send-friend .buttons-set:last-child {
        margin-right: 0
    }
}

.send-friend .buttons-set button,
.send-friend .buttons-set #my-orders-table tbody tr td a,
#my-orders-table tbody tr td .send-friend .buttons-set a,
.send-friend .buttons-set .my-account h2 a,
.my-account h2 .send-friend .buttons-set a,
.send-friend .buttons-set .my-account h3 a,
.my-account h3 .send-friend .buttons-set a,
.send-friend .buttons-set .my-account .popup-block .block-title a,
.my-account .popup-block .block-title .send-friend .buttons-set a,
.send-friend .buttons-set .popup-block .my-account .block-title a,
.popup-block .my-account .block-title .send-friend .buttons-set a,
.send-friend .buttons-set .my-account .box-title a,
.my-account .box-title .send-friend .buttons-set a,
.send-friend .buttons-set .my-account .box-head a,
.my-account .box-head .send-friend .buttons-set a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    margin-right: 0;
    margin-bottom: 10px
}

.send-friend .buttons-set button:last-child,
.send-friend .buttons-set #my-orders-table tbody tr td a:last-child,
#my-orders-table tbody tr td .send-friend .buttons-set a:last-child,
.send-friend .buttons-set .my-account h2 a:last-child,
.my-account h2 .send-friend .buttons-set a:last-child,
.send-friend .buttons-set .my-account h3 a:last-child,
.my-account h3 .send-friend .buttons-set a:last-child,
.send-friend .buttons-set .my-account .popup-block .block-title a:last-child,
.my-account .popup-block .block-title .send-friend .buttons-set a:last-child,
.send-friend .buttons-set .popup-block .my-account .block-title a:last-child,
.popup-block .my-account .block-title .send-friend .buttons-set a:last-child,
.send-friend .buttons-set .my-account .box-title a:last-child,
.my-account .box-title .send-friend .buttons-set a:last-child,
.send-friend .buttons-set .my-account .box-head a:last-child,
.my-account .box-head .send-friend .buttons-set a:last-child {
    margin-right: 0
}

.send-friend .buttons-set button:hover,
.send-friend .buttons-set #my-orders-table tbody tr td a:hover,
#my-orders-table tbody tr td .send-friend .buttons-set a:hover,
.send-friend .buttons-set .my-account h2 a:hover,
.my-account h2 .send-friend .buttons-set a:hover,
.send-friend .buttons-set .my-account h3 a:hover,
.my-account h3 .send-friend .buttons-set a:hover,
.send-friend .buttons-set .my-account .popup-block .block-title a:hover,
.my-account .popup-block .block-title .send-friend .buttons-set a:hover,
.send-friend .buttons-set .popup-block .my-account .block-title a:hover,
.popup-block .my-account .block-title .send-friend .buttons-set a:hover,
.send-friend .buttons-set .my-account .box-title a:hover,
.my-account .box-title .send-friend .buttons-set a:hover,
.send-friend .buttons-set .my-account .box-head a:hover,
.my-account .box-head .send-friend .buttons-set a:hover,
.send-friend .buttons-set button:focus,
.send-friend .buttons-set #my-orders-table tbody tr td a:focus,
#my-orders-table tbody tr td .send-friend .buttons-set a:focus,
.send-friend .buttons-set .my-account h2 a:focus,
.my-account h2 .send-friend .buttons-set a:focus,
.send-friend .buttons-set .my-account h3 a:focus,
.my-account h3 .send-friend .buttons-set a:focus,
.send-friend .buttons-set .my-account .popup-block .block-title a:focus,
.my-account .popup-block .block-title .send-friend .buttons-set a:focus,
.send-friend .buttons-set .popup-block .my-account .block-title a:focus,
.popup-block .my-account .block-title .send-friend .buttons-set a:focus,
.send-friend .buttons-set .my-account .box-title a:focus,
.my-account .box-title .send-friend .buttons-set a:focus,
.send-friend .buttons-set .my-account .box-head a:focus,
.my-account .box-head .send-friend .buttons-set a:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.send-friend .buttons-set button .icon,
.send-friend .buttons-set #my-orders-table tbody tr td a .icon,
#my-orders-table tbody tr td .send-friend .buttons-set a .icon,
.send-friend .buttons-set .my-account h2 a .icon,
.my-account h2 .send-friend .buttons-set a .icon,
.send-friend .buttons-set .my-account h3 a .icon,
.my-account h3 .send-friend .buttons-set a .icon,
.send-friend .buttons-set .my-account .popup-block .block-title a .icon,
.my-account .popup-block .block-title .send-friend .buttons-set a .icon,
.send-friend .buttons-set .popup-block .my-account .block-title a .icon,
.popup-block .my-account .block-title .send-friend .buttons-set a .icon,
.send-friend .buttons-set .my-account .box-title a .icon,
.my-account .box-title .send-friend .buttons-set a .icon,
.send-friend .buttons-set .my-account .box-head a .icon,
.my-account .box-head .send-friend .buttons-set a .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .send-friend .buttons-set button,
    .send-friend .buttons-set #my-orders-table tbody tr td a,
    #my-orders-table tbody tr td .send-friend .buttons-set a,
    .send-friend .buttons-set .my-account h2 a,
    .my-account h2 .send-friend .buttons-set a,
    .send-friend .buttons-set .my-account h3 a,
    .my-account h3 .send-friend .buttons-set a,
    .send-friend .buttons-set .my-account .popup-block .block-title a,
    .my-account .popup-block .block-title .send-friend .buttons-set a,
    .send-friend .buttons-set .popup-block .my-account .block-title a,
    .popup-block .my-account .block-title .send-friend .buttons-set a,
    .send-friend .buttons-set .my-account .box-title a,
    .my-account .box-title .send-friend .buttons-set a,
    .send-friend .buttons-set .my-account .box-head a,
    .my-account .box-head .send-friend .buttons-set a {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        margin-right: 0
    }
    .send-friend .buttons-set button:last-child,
    .send-friend .buttons-set #my-orders-table tbody tr td a:last-child,
    #my-orders-table tbody tr td .send-friend .buttons-set a:last-child,
    .send-friend .buttons-set .my-account h2 a:last-child,
    .my-account h2 .send-friend .buttons-set a:last-child,
    .send-friend .buttons-set .my-account h3 a:last-child,
    .my-account h3 .send-friend .buttons-set a:last-child,
    .send-friend .buttons-set .my-account .popup-block .block-title a:last-child,
    .my-account .popup-block .block-title .send-friend .buttons-set a:last-child,
    .send-friend .buttons-set .popup-block .my-account .block-title a:last-child,
    .popup-block .my-account .block-title .send-friend .buttons-set a:last-child,
    .send-friend .buttons-set .my-account .box-title a:last-child,
    .my-account .box-title .send-friend .buttons-set a:last-child,
    .send-friend .buttons-set .my-account .box-head a:last-child,
    .my-account .box-head .send-friend .buttons-set a:last-child {
        margin-right: 0
    }
}

.send-friend .buttons-set button.add_recipient_button,
.send-friend .buttons-set #my-orders-table tbody tr td a.add_recipient_button,
#my-orders-table tbody tr td .send-friend .buttons-set a.add_recipient_button,
.send-friend .buttons-set .my-account h2 a.add_recipient_button,
.my-account h2 .send-friend .buttons-set a.add_recipient_button,
.send-friend .buttons-set .my-account h3 a.add_recipient_button,
.my-account h3 .send-friend .buttons-set a.add_recipient_button,
.send-friend .buttons-set .my-account .popup-block .block-title a.add_recipient_button,
.my-account .popup-block .block-title .send-friend .buttons-set a.add_recipient_button,
.send-friend .buttons-set .popup-block .my-account .block-title a.add_recipient_button,
.popup-block .my-account .block-title .send-friend .buttons-set a.add_recipient_button,
.send-friend .buttons-set .my-account .box-title a.add_recipient_button,
.my-account .box-title .send-friend .buttons-set a.add_recipient_button,
.send-friend .buttons-set .my-account .box-head a.add_recipient_button,
.my-account .box-head .send-friend .buttons-set a.add_recipient_button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none;
    float: right
}

.send-friend .buttons-set button.add_recipient_button:hover,
.send-friend .buttons-set #my-orders-table tbody tr td a.add_recipient_button:hover,
#my-orders-table tbody tr td .send-friend .buttons-set a.add_recipient_button:hover,
.send-friend .buttons-set .my-account h2 a.add_recipient_button:hover,
.my-account h2 .send-friend .buttons-set a.add_recipient_button:hover,
.send-friend .buttons-set .my-account h3 a.add_recipient_button:hover,
.my-account h3 .send-friend .buttons-set a.add_recipient_button:hover,
.send-friend .buttons-set .my-account .popup-block .block-title a.add_recipient_button:hover,
.my-account .popup-block .block-title .send-friend .buttons-set a.add_recipient_button:hover,
.send-friend .buttons-set .popup-block .my-account .block-title a.add_recipient_button:hover,
.popup-block .my-account .block-title .send-friend .buttons-set a.add_recipient_button:hover,
.send-friend .buttons-set .my-account .box-title a.add_recipient_button:hover,
.my-account .box-title .send-friend .buttons-set a.add_recipient_button:hover,
.send-friend .buttons-set .my-account .box-head a.add_recipient_button:hover,
.my-account .box-head .send-friend .buttons-set a.add_recipient_button:hover,
.send-friend .buttons-set button.add_recipient_button:focus,
.send-friend .buttons-set #my-orders-table tbody tr td a.add_recipient_button:focus,
#my-orders-table tbody tr td .send-friend .buttons-set a.add_recipient_button:focus,
.send-friend .buttons-set .my-account h2 a.add_recipient_button:focus,
.my-account h2 .send-friend .buttons-set a.add_recipient_button:focus,
.send-friend .buttons-set .my-account h3 a.add_recipient_button:focus,
.my-account h3 .send-friend .buttons-set a.add_recipient_button:focus,
.send-friend .buttons-set .my-account .popup-block .block-title a.add_recipient_button:focus,
.my-account .popup-block .block-title .send-friend .buttons-set a.add_recipient_button:focus,
.send-friend .buttons-set .popup-block .my-account .block-title a.add_recipient_button:focus,
.popup-block .my-account .block-title .send-friend .buttons-set a.add_recipient_button:focus,
.send-friend .buttons-set .my-account .box-title a.add_recipient_button:focus,
.my-account .box-title .send-friend .buttons-set a.add_recipient_button:focus,
.send-friend .buttons-set .my-account .box-head a.add_recipient_button:focus,
.my-account .box-head .send-friend .buttons-set a.add_recipient_button:focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

.send-friend .buttons-set button.add_recipient_button .icon,
.send-friend .buttons-set #my-orders-table tbody tr td a.add_recipient_button .icon,
#my-orders-table tbody tr td .send-friend .buttons-set a.add_recipient_button .icon,
.send-friend .buttons-set .my-account h2 a.add_recipient_button .icon,
.my-account h2 .send-friend .buttons-set a.add_recipient_button .icon,
.send-friend .buttons-set .my-account h3 a.add_recipient_button .icon,
.my-account h3 .send-friend .buttons-set a.add_recipient_button .icon,
.send-friend .buttons-set .my-account .popup-block .block-title a.add_recipient_button .icon,
.my-account .popup-block .block-title .send-friend .buttons-set a.add_recipient_button .icon,
.send-friend .buttons-set .popup-block .my-account .block-title a.add_recipient_button .icon,
.popup-block .my-account .block-title .send-friend .buttons-set a.add_recipient_button .icon,
.send-friend .buttons-set .my-account .box-title a.add_recipient_button .icon,
.my-account .box-title .send-friend .buttons-set a.add_recipient_button .icon,
.send-friend .buttons-set .my-account .box-head a.add_recipient_button .icon,
.my-account .box-head .send-friend .buttons-set a.add_recipient_button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.send-friend p,
.send-friend address {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.send-friend p:last-child,
.send-friend address:last-child {
    margin-right: 0
}

.caratband_message {
    display: none;
    position: absolute;
    top: 60px;
    text-align: center;
    width: 100%;
    color: #BFBFBF;
    font-size: 14px
}

.product-view .product-details p,
.high-jewellery-product .product-details p,
.product-view .product-details address,
.high-jewellery-product .product-details address {
    margin-bottom: 10px
}

.category {
    display: none
}

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

.category-main-banner {
    display: none
}

@media screen and (min-width: 768px) {
    .category-main-banner {
        display: block
    }
}

.category-title {
    border: none
}

.category-title.page-title {
    margin: 0;
    padding: 0 0 1em
}

@media screen and (min-width: 768px) {
    .category-title.page-title {
        padding: 1rem 0 0 0
    }
}

@media screen and (min-width: 992px) {
    .category-title.page-title {
        padding: 1.875rem 0 1.4375rem
    }
}

.category-title--top--border {
    border-top: 1px solid #d3d3d3;
    display: none
}

@media screen and (min-width: 768px) {
    .category-title--top--border {
        display: block
    }
}

.category-title--bottom--border {
    border-bottom: 1px solid #d3d3d3
}

.category-description {
    color: #999;
    text-align: center;
    margin: 0 0 2rem;
    font-size: 0.75rem;
    line-height: 1.2rem
}

@media screen and (min-width: 768px) {
    .category-description {
        padding: 0 13%
    }
}

@media screen and (min-width: 992px) {
    .category-description {
        margin: 0 0 2.5rem;
        padding: 0 15%;
        font-size: 0.875rem;
        line-height: 1.5rem
    }
}

.category-description p,
.category-description address {
    font-size: 0.75rem;
    line-height: 1.2rem
}

@media screen and (min-width: 992px) {
    .category-description p,
    .category-description address {
        font-size: 0.875rem;
        line-height: 1.5rem
    }
}

.category-description a {
    color: #999
}

.category-description a:hover {
    color: #1d2345
}

.toolbar {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d3d3d3;
    padding: 5px 0 2px;
    position: relative
}

@media screen and (min-width: 768px) {
    .toolbar {
        margin-bottom: 20px;
        padding: 10px 0 9px
    }
}

.toolbar .filtertoggle {
    display: block;
    float: left;
    cursor: pointer;
    margin: 10px 0
}

.toolbar .filtertoggle.open .filtertoggle__svg {
    transform: rotate(180deg)
}

.toolbar .filtertoggle span {
    text-transform: uppercase;
    color: #666;
    font-size: 0.875rem;
    font-weight: normal;
    letter-spacing: 0.035714285714286em
}

.toolbar .filtertoggle__desktop {
    display: none
}

@media screen and (min-width: 768px) {
    .toolbar .filtertoggle__desktop {
        display: inline-block
    }
}

.toolbar .filtertoggle__svg {
    margin: auto;
    height: 10px;
    position: relative;
    width: 15px;
    top: 0px
}

@media screen and (min-width: 768px) {
    .toolbar .filtertoggle__svg {
        display: none
    }
}

.toolbar .filtertoggle__svg-path {
    fill: #1d2345
}

.toolbar .sorter {
    display: none;
    float: right;
    padding-top: 0.625rem
}

.toolbar .sorter .view-mode {
    margin-left: 1.25rem;
    text-transform: uppercase;
    color: #bfbfbf
}

.toolbar .sorter .view-mode .viewas {
    display: none
}

@media screen and (min-width: 768px) {
    .toolbar .sorter .view-mode .viewas {
        display: inline-block
    }
}

.toolbar .sorter .view-mode a span {
    display: inline-block;
    text-indent: -9999px
}

.toolbar .result {
    color: #666;
    margin: 10px 0;
    float: right;
    text-align: right
}

.toolbar .result span {
    text-transform: uppercase;
    font-size: 0.875rem;
    font-weight: normal;
    letter-spacing: 0.035714285714286em
}

.bottomtoolbar {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 10px 0
}

.bottomtoolbar:last-child {
    margin-right: 0
}

.bottomtoolbar .toolbar {
    display: none
}

.bottomtoolbar .toolbarpager {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.bottomtoolbar .toolbarpager:last-child {
    margin-right: 0
}

.db-jewellery-collection .toolbar {
    display: none
}

.categoryprodfilters {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding-bottom: 20px;
    position: relative
}

.categoryprodfilters:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .categoryprodfilters {
        border-bottom: 1px solid #d3d3d3
    }
}

@media screen and (min-width: 1165px) {
    .categoryprodfilters {
        border-bottom: 0;
        position: absolute
    }
}

.categoryprodfilters .actions {
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 10px
}

.categoryprodfilters dt {
    clear: both;
    border-bottom: 1px solid #d3d3d3;
    padding: 15px 0 12px;
    margin: 0;
    text-transform: uppercase;
    color: #999;
    font-size: 0.875rem;
    font-weight: normal;
    letter-spacing: 0.035714285714286em
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dt {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        clear: none;
        border: 0;
        padding: 0;
        width: auto;
        padding-right: 2%
    }
    .categoryprodfilters dt:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1165px) {
    .categoryprodfilters dt {
        width: auto;
        padding-right: 2%;
        margin: 1.3125rem 0 0;
        height: 3.75rem;
        cursor: pointer
    }
    .categoryprodfilters dt:first-child {
        margin-left: 10%
    }
}

@media screen and (min-width: 1165px) {
    .categoryprodfilters dt.last {
        margin-right: -7em
    }
}

.categoryprodfilters dt .filterdrop__svg_arrow {
    display: inline-block;
    float: right;
    margin: auto;
    height: 10px;
    position: relative;
    width: 15px;
    top: 0px
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dt .filterdrop__svg_arrow {
        float: none
    }
}

.categoryprodfilters dt .filterdrop__svg-path {
    fill: #1d2345
}

.categoryprodfilters dt.current,
.categoryprodfilters dt.selected,
.categoryprodfilters dt:hover {
    color: #1f2145
}

.categoryprodfilters dd {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    margin: 0;
    padding: 0.5em 0;
    background: #fbfbfc;
    display: none
}

.categoryprodfilters dd:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd {
        border: 0;
        padding: 0 0 1.5em
    }
}

.categoryprodfilters dd li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%;
    border-right: 1px solid #bfbfbf;
    margin-right: 0 !important;
    padding: 0 1.125rem;
    margin: 0.5rem 0 0
}

.categoryprodfilters dd li:last-child {
    margin-right: 0
}

.categoryprodfilters dd li:nth-child(2n) {
    margin-right: 0
}

.categoryprodfilters dd li:nth-child(2n+1) {
    clear: left
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd li {
        margin: 1.25rem 0 0;
        padding: 0 1.25rem
    }
}

.categoryprodfilters dd li:nth-child(2n) {
    border: 0
}

.categoryprodfilters dd li.filter-attribute-actions {
    float: right !important;
    border: none !important;
    text-align: right;
    width: auto !important;
    padding-top: 0.428571428571429em
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd li.filter-attribute-actions {
        padding-top: 0
    }
}

.categoryprodfilters dd li.filter-attribute-actions a {
    border: none
}

.categoryprodfilters dd li.filter-attribute-actions a .hoverwrap .button {
    background: none;
    border: 1px solid #d3d3d3;
    color: #666;
    font-size: 0.6875rem;
    font-weight: normal;
    letter-spacing: 0.045454545454545em;
    padding: 0.636363636363636em 1.363636363636364em
}

.categoryprodfilters dd li.filter-attribute-actions a .hoverwrap .button:hover {
    border-color: #bfbfbf
}

.categoryprodfilters dd li.filter-attribute-actions .filter-attribute-actions-clear {
    margin-right: 1em
}

.categoryprodfilters dd li.filter-attribute-actions .button-icon {
    display: inline-block;
    margin-left: 1em;
    width: 0.727272727272727em
}

.categoryprodfilters dd li.filter-attribute-actions .button-icon svg path {
    fill: #666
}

.categoryprodfilters dd li.filter-attribute-actions .hoverwrap {
    border: 0
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd li {
        width: 33.33%
    }
    .categoryprodfilters dd li:nth-child(2n) {
        margin-right: 1.12867%
    }
    .categoryprodfilters dd li:nth-child(2n+1) {
        clear: none
    }
    .categoryprodfilters dd li:nth-child(3n) {
        margin-right: 0
    }
    .categoryprodfilters dd li:nth-child(3n+1) {
        clear: left
    }
    .categoryprodfilters dd li:nth-child(2n) {
        border-right: 1px solid #bfbfbf
    }
    .categoryprodfilters dd li:nth-child(3n) {
        border: 0
    }
}

@media screen and (min-width: 992px) {
    .categoryprodfilters dd li {
        width: 25%
    }
    .categoryprodfilters dd li:nth-child(3n) {
        margin-right: 1.12867%
    }
    .categoryprodfilters dd li:nth-child(3n+1) {
        clear: none
    }
    .categoryprodfilters dd li:nth-child(4n) {
        margin-right: 0
    }
    .categoryprodfilters dd li:nth-child(4n+1) {
        clear: left
    }
    .categoryprodfilters dd li:nth-child(3n) {
        border-right: 1px solid #bfbfbf
    }
    .categoryprodfilters dd li:nth-child(4n) {
        border: 0
    }
}

.categoryprodfilters dd li a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-size: 0.625rem;
    letter-spacing: 0.03125rem;
    padding: 0;
    text-transform: uppercase
}

.categoryprodfilters dd li a:last-child {
    margin-right: 0
}

@media screen and (min-width: 480px) {
    .categoryprodfilters dd li a {
        font-size: 0.6875rem
    }
}

.categoryprodfilters dd li a .hoverwrap {
    padding: 0 0 0.5rem;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    border-bottom: 1px solid #bfbfbf
}

.categoryprodfilters dd li a .hoverwrap:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd li a .hoverwrap {
        padding: 0 0 1.25rem
    }
}

.categoryprodfilters dd li a .hoverwrap .optionname {
    margin-top: 0.3125rem;
    color: #666;
    font-size: 0.6875rem;
    font-weight: normal;
    vertical-align: middle;
    white-space: nowrap
}

.categoryprodfilters dd li a .hoverwrap .clear-icon {
    float: right;
    margin: 0.2727272727em 1em 0 0;
    width: 1em
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd li a .hoverwrap .clear-icon {
        margin: 1.3636363636em 1em 0 0
    }
}

.categoryprodfilters dd li a .hoverwrap .option-count {
    display: inline-block
}

.categoryprodfilters dd li a .hoverwrap:hover .optionname,
.categoryprodfilters dd li a .hoverwrap.selected .optionname {
    color: #1f2145
}

.categoryprodfilters dd li a.selected .optionname {
    color: #1f2145
}

.categoryprodfilters dd li a .icon {
    margin: 0 0.625rem 0 0;
    vertical-align: middle;
    background-position: -30px -270px;
    width: 50px
}

.categoryprodfilters dd li a .icon.db-metal {
    width: 24px;
    height: 24px
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd li a .icon.db-metal {
        width: 45px;
        height: 45px
    }
}

.categoryprodfilters dd li a .icon.db_metal-k,
.categoryprodfilters dd li a .icon.db_metal-pink_gold,
.categoryprodfilters dd li a .icon.db_metal-rose_gold,
.categoryprodfilters dd li a .icon.db_metal-玫瑰金,
.categoryprodfilters dd li a .icon.db_metal-or_rose,
.categoryprodfilters dd li a .icon.db_metal-ピンクゴールド {
    background-image: url("../images/icons/rose_gold_45x45.jpg");
    background-position: 0px;
    background-repeat: none
}

.categoryprodfilters dd li a .icon.db_metal-p,
.categoryprodfilters dd li a .icon.db_metal-platinum,
.categoryprodfilters dd li a .icon.db_metal-铂金,
.categoryprodfilters dd li a .icon.db_metal-鉑金,
.categoryprodfilters dd li a .icon.db_metal-platine,
.categoryprodfilters dd li a .icon.db_metal-プラチナ {
    background-image: url("../images/icons/platinum_45x45.jpg");
    background-position: 0px;
    background-repeat: none
}

.categoryprodfilters dd li a .icon.db_metal-u,
.categoryprodfilters dd li a .icon.db_metal-ceramic {
    background-image: url("../images/icons/ceramic_45x45.jpg");
    background-position: 0px;
    background-repeat: none
}

.categoryprodfilters dd li a .icon.db_metal-w,
.categoryprodfilters dd li a .icon.db_metal-white_gold,
.categoryprodfilters dd li a .icon.db_metal-白金,
.categoryprodfilters dd li a .icon.db_metal-or_blanc,
.categoryprodfilters dd li a .icon.db_metal-ホワイトゴールド {
    background-image: url("../images/icons/white_gold_45x45.jpg");
    background-position: 0px;
    background-repeat: none
}

.categoryprodfilters dd li a .icon.db_metal-y,
.categoryprodfilters dd li a .icon.db_metal-yellow_gold,
.categoryprodfilters dd li a .icon.db_metal-黄金,
.categoryprodfilters dd li a .icon.db_metal-黃金,
.categoryprodfilters dd li a .icon.db_metal-or_jaune,
.categoryprodfilters dd li a .icon.db_metal-イエローゴールド {
    background-image: url("../images/icons/yellow_gold_45x45.jpg");
    background-position: 0px;
    background-repeat: none
}

.categoryprodfilters dd li a .icon.db-setting {
    width: 45px;
    height: 15px
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd li a .icon.db-setting {
        width: 90px;
        height: 30px
    }
}

.categoryprodfilters dd li a .icon.db_setting-p {
    background-image: url("../images/swatches/setting_pave.png");
    background-position: 0px;
    background-repeat: no-repeat
}

.categoryprodfilters dd li a .icon.db_setting-t {
    background-image: url("../images/swatches/setting_trio.png");
    background-position: 0px;
    background-repeat: no-repeat
}

.categoryprodfilters dd li a .icon.db_setting-s {
    background-image: url("../images/swatches/setting_solitaire.png");
    background-position: 0px;
    background-repeat: no-repeat
}

.categoryprodfilters dd li a .icon.db_shape-c,
.categoryprodfilters dd li a .icon.db_shape-princess,
.categoryprodfilters dd li a .icon.db_shape-princesse,
.categoryprodfilters dd li a .icon.db_shape-公主方形,
.categoryprodfilters dd li a .icon.db_shape-プリンセス {
    background-position: -210px -270px
}

.categoryprodfilters dd li a .icon.db_shape-d,
.categoryprodfilters dd li a .icon.db_shape-pear,
.categoryprodfilters dd li a .icon.db_shape-poire,
.categoryprodfilters dd li a .icon.db_shape-梨形,
.categoryprodfilters dd li a .icon.db_shape-ペアシェイプ {
    background-position: -267px -270px
}

.categoryprodfilters dd li a .icon.db_shape-e,
.categoryprodfilters dd li a .icon.db_shape-emerald,
.categoryprodfilters dd li a .icon.db_shape-Émeraude,
.categoryprodfilters dd li a .icon.db_shape-祖母绿型,
.categoryprodfilters dd li a .icon.db_shape-祖母綠,
.categoryprodfilters dd li a .icon.db_shape-エメラルド {
    background-position: -148px -270px
}

.categoryprodfilters dd li a .icon.db_shape-f,
.categoryprodfilters dd li a .icon.db_shape-cushion,
.categoryprodfilters dd li a .icon.db_shape-coussin,
.categoryprodfilters dd li a .icon.db_shape-枕形,
.categoryprodfilters dd li a .icon.db_shape-クッション {
    background-position: -90px -270px
}

.categoryprodfilters dd li a .icon.db_shape-h {
    background-position: -269px -320px
}

.categoryprodfilters dd li a .icon.db_shape-k {
    background-position: -88px -320px
}

.categoryprodfilters dd li a .icon.db_shape-l,
.categoryprodfilters dd li a .icon.db_shape-oval,
.categoryprodfilters dd li a .icon.db_shape-ovale,
.categoryprodfilters dd li a .icon.db_shape-椭圆形,
.categoryprodfilters dd li a .icon.db_shape-橢圓形,
.categoryprodfilters dd li a .icon.db_shape-オーバル {
    background-position: -28px -320px
}

.categoryprodfilters dd li a .icon.db_shape-m {
    background-position: -205px -320px
}

.categoryprodfilters dd li a .icon.db_shape-q {
    background-image: url("../images/asscher_cut_diagram.png");
    background-position: 0px;
    background-repeat: none
}

.categoryprodfilters dd .db_metal li,
.categoryprodfilters dd .db_shape li,
.categoryprodfilters dd .db_setting li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    border-right: 0
}

.categoryprodfilters dd .db_metal li:last-child,
.categoryprodfilters dd .db_shape li:last-child,
.categoryprodfilters dd .db_setting li:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .categoryprodfilters dd .db_metal li,
    .categoryprodfilters dd .db_shape li,
    .categoryprodfilters dd .db_setting li {
        width: 33.33%;
        border-right: 1px solid #bfbfbf
    }
    .categoryprodfilters dd .db_metal li:nth-child(2n),
    .categoryprodfilters dd .db_shape li:nth-child(2n),
    .categoryprodfilters dd .db_setting li:nth-child(2n) {
        margin-right: 1.12867%
    }
    .categoryprodfilters dd .db_metal li:nth-child(2n+1),
    .categoryprodfilters dd .db_shape li:nth-child(2n+1),
    .categoryprodfilters dd .db_setting li:nth-child(2n+1) {
        clear: none
    }
    .categoryprodfilters dd .db_metal li:nth-child(3n),
    .categoryprodfilters dd .db_shape li:nth-child(3n),
    .categoryprodfilters dd .db_setting li:nth-child(3n) {
        margin-right: 0
    }
    .categoryprodfilters dd .db_metal li:nth-child(3n+1),
    .categoryprodfilters dd .db_shape li:nth-child(3n+1),
    .categoryprodfilters dd .db_setting li:nth-child(3n+1) {
        clear: left
    }
    .categoryprodfilters dd .db_metal li:nth-child(3n),
    .categoryprodfilters dd .db_shape li:nth-child(3n),
    .categoryprodfilters dd .db_setting li:nth-child(3n) {
        border: 0
    }
}

@media screen and (min-width: 992px) {
    .categoryprodfilters dd .db_metal li,
    .categoryprodfilters dd .db_shape li,
    .categoryprodfilters dd .db_setting li {
        width: 25%
    }
    .categoryprodfilters dd .db_metal li:nth-child(3n),
    .categoryprodfilters dd .db_shape li:nth-child(3n),
    .categoryprodfilters dd .db_setting li:nth-child(3n) {
        margin-right: 1.12867%
    }
    .categoryprodfilters dd .db_metal li:nth-child(3n+1),
    .categoryprodfilters dd .db_shape li:nth-child(3n+1),
    .categoryprodfilters dd .db_setting li:nth-child(3n+1) {
        clear: none
    }
    .categoryprodfilters dd .db_metal li:nth-child(4n),
    .categoryprodfilters dd .db_shape li:nth-child(4n),
    .categoryprodfilters dd .db_setting li:nth-child(4n) {
        margin-right: 0
    }
    .categoryprodfilters dd .db_metal li:nth-child(4n+1),
    .categoryprodfilters dd .db_shape li:nth-child(4n+1),
    .categoryprodfilters dd .db_setting li:nth-child(4n+1) {
        clear: left
    }
    .categoryprodfilters dd .db_metal li:nth-child(3n),
    .categoryprodfilters dd .db_shape li:nth-child(3n),
    .categoryprodfilters dd .db_setting li:nth-child(3n) {
        border-right: 1px solid #bfbfbf
    }
    .categoryprodfilters dd .db_metal li:nth-child(4n),
    .categoryprodfilters dd .db_shape li:nth-child(4n),
    .categoryprodfilters dd .db_setting li:nth-child(4n) {
        border: 0
    }
}

.checkout-cart-index .cart,
.checkout-cart-index .cart-empty {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.checkout-cart-index .cart:last-child,
.checkout-cart-index .cart-empty:last-child {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .checkout-cart-index .cart,
    .checkout-cart-index .cart-empty {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%
    }
    .checkout-cart-index .cart:last-child,
    .checkout-cart-index .cart-empty:last-child {
        margin-right: 0
    }
}

.checkout-cart-index #shopping-cart-table {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 10px
}

.checkout-cart-index #shopping-cart-table:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .checkout-cart-index #shopping-cart-table {
        padding: 0.9375rem;
        padding-bottom: 40px;
        margin: 0
    }
}

.checkout-cart-index #shopping-cart-table thead {
    display: none
}

@media screen and (min-width: 768px) {
    .checkout-cart-index #shopping-cart-table thead {
        display: block;
        float: left;
        width: 100%;
        border-bottom: 1px solid #bfbfbf;
        padding: 10px 0;
        margin-bottom: 0.25rem
    }
    .checkout-cart-index #shopping-cart-table thead tr {
        float: left;
        width: 100%
    }
    .checkout-cart-index #shopping-cart-table thead tr th {
        display: block;
        float: left;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        text-align: center;
        text-transform: uppercase;
        font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
        color: #000
    }
    .checkout-cart-index #shopping-cart-table thead tr th:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table thead tr th.cart-name-head {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 41.00828%;
        text-align: left
    }
    .checkout-cart-index #shopping-cart-table thead tr th.cart-name-head:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table thead tr th.delete {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 7.29872%
    }
    .checkout-cart-index #shopping-cart-table thead tr th.delete:last-child {
        margin-right: 0
    }
}

.checkout-cart-index #shopping-cart-table tbody tr {
    margin-bottom: 0.25rem;
    border-bottom: 1px solid #bfbfbf;
    padding: 0.3125rem 0;
    color: #1d2345
}

.checkout-cart-index #shopping-cart-table tbody tr td {
    width: 73%;
    float: right;
    overflow: hidden
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image {
    width: 22%;
    float: left
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image a {
    display: block
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image a img {
    width: 100%;
    height: auto;
    border: 1px solid #bfbfbf
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image a.button {
    font-size: 0.5625rem;
    padding: 0.125rem 0.3125rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image .btn-remove {
    display: none
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-price {
    width: 25%;
    float: right;
    text-align: right;
    font-size: 0.8125rem;
    padding-top: 4.375rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info {
    width: 47%;
    float: left;
    margin-left: 5%;
    font-size: 0.8125rem;
    font-family: FuturaWeb, arial, sans-serif;
    padding-top: 1.25rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info h2 {
    font-size: 0.8125rem;
    line-height: 120%;
    font-family: FuturaWeb, arial, sans-serif;
    margin: 0;
    margin-bottom: 0.3125rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .product-cart-sku {
    margin-bottom: 0.3125rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-options {
    overflow: hidden
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-options dt,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-options dd {
    display: inline
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option {
    margin-bottom: 0.3125rem;
    overflow: hidden
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span {
    float: left
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span:last-child {
    margin-left: 0.625rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span--style-1,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span--style-2,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span--style-3 {
    clear: both;
    color: #8f9cb7;
    display: block;
    text-transform: none
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span--style-1 {
    font-family: Caslon224Std-Book, serif
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span--style-2 {
    font-family: Arial, sans-serif
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info .item-option__span--style-3 {
    font-family: CorsivaMTStd, Times New Roman, serif;
    font-size: 1.125rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.delete {
    position: absolute;
    width: auto;
    right: 0
}

@media screen and (min-width: 768px) {
    .checkout-cart-index #shopping-cart-table tbody tr td.delete {
        position: static
    }
}

.checkout-cart-index #shopping-cart-table tbody tr td.delete .btn-remove {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("../images/delete-btn.png") no-repeat left top;
    display: inline-block;
    height: 1.625rem;
    width: 1.625rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions {
    margin-bottom: 10px;
    text-align: left;
    margin-top: 0.625rem;
    float: left;
    width: 40%;
    margin-left: 5%
}

@media screen and (min-width: 768px) {
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions {
        width: 40%;
        margin-top: 0
    }
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions label {
    font-size: 0.75rem;
    float: left;
    margin-right: 0.75rem;
    margin-top: 0.75rem
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions .input-text {
    width: 2.1875rem;
    padding: 0.3125rem;
    text-align: center
}

.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions button,
.checkout-cart-index #shopping-cart-table #my-orders-table tbody tr td.product-cart-actions a,
#my-orders-table .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions a,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions .my-account h2 a,
.my-account h2 .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions a,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions .my-account h3 a,
.my-account h3 .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions a,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions .my-account .popup-block .block-title a,
.my-account .popup-block .block-title .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions a,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions .popup-block .my-account .block-title a,
.popup-block .my-account .block-title .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions a,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions .my-account .box-title a,
.my-account .box-title .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions a,
.checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions .my-account .box-head a,
.my-account .box-head .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions a {
    padding: 0.5rem 0 0;
    background: 0
}

@media screen and (min-width: 768px) {
    .checkout-cart-index #shopping-cart-table tbody tr td {
        float: left;
        text-align: center;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .checkout-cart-index #shopping-cart-table tbody tr td:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image {
        margin-right: 1%;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-image .button {
        display: none
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%;
        text-align: left;
        padding-top: 1.875rem;
        margin-left: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-info:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-price {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        text-align: center;
        padding-top: 1.875rem
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-price:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions {
        text-align: center;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        padding-top: 1.3125rem;
        margin-left: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-actions:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-total {
        padding-top: 1.875rem;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        font-size: 0.8125rem;
        text-align: center
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-total:last-child {
        margin-right: 0
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.product-cart-total .cart-price {
        display: block;
        margin-bottom: 30px
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.delete {
        padding-top: 1.3125rem;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 7.29872%
    }
    .checkout-cart-index #shopping-cart-table tbody tr td.delete:last-child {
        margin-right: 0
    }
}

.checkout-cart-index .cart-forms {
    display: none
}

.checkout-cart-index .taxnote p,
.checkout-cart-index .taxnote address {
    text-align: center;
    color: #9eabc4;
    font-size: 0.8125rem;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .checkout-cart-index .taxnote p,
    .checkout-cart-index .taxnote address {
        text-align: right
    }
}

.checkout-cart-index .cart-totals-wrapper {
    padding: 1.125rem 1.4375rem 0;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    background: #f3f4f5
}

.checkout-cart-index .cart-totals-wrapper:last-child {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .checkout-cart-index .cart-totals-wrapper {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%;
        margin-right: 0
    }
    .checkout-cart-index .cart-totals-wrapper:last-child {
        margin-right: 0
    }
}

.checkout-cart-index .cart-totals-wrapper h2 {
    border-bottom: 1px solid #bfbfbf;
    line-height: 2.0625rem;
    text-align: center;
    margin-bottom: 1.5625rem
}

.checkout-cart-index .cart-totals-wrapper .credit-cards {
    background: url("../images/creditcards.png") no-repeat left top;
    clear: both;
    height: 3rem;
    margin: 1.5625rem auto 0;
    width: 16.75rem
}

.checkout-cart-index .cart-totals-wrapper .credit-cards--uk {
    background: url("../images/creditcards_uk.png") no-repeat left top;
    background-size: contain
}

.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table {
    margin-bottom: 1.5625rem
}

.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tr,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tbody tr,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tfoot tr {
    margin-bottom: 10px
}

.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tr td,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tbody tr td,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tfoot tr td {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%;
    color: #1d2345
}

.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tr td:last-child,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tbody tr td:last-child,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tfoot tr td:last-child {
    margin-right: 0
}

.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tr td.a-right:first-child,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tbody tr td.a-right:first-child,
.checkout-cart-index .cart-totals-wrapper #shopping-cart-totals-table tfoot tr td.a-right:first-child {
    text-align: left
}

.checkout-cart-index .cart-totals-wrapper .btn-continue {
    display: none
}

@media screen and (min-width: 768px) {
    .checkout-cart-index .cart-totals-wrapper .btn-continue {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        font-size: 0.875rem;
        line-height: 1.225rem;
        padding: 0.6875rem 0.9375rem 0.5rem;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem;
        display: inline-block;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        background: #9eabc4;
        color: #fff;
        border: none;
        float: left
    }
    .checkout-cart-index .cart-totals-wrapper .btn-continue:last-child {
        margin-right: 0
    }
    .checkout-cart-index .cart-totals-wrapper .btn-continue:hover,
    .checkout-cart-index .cart-totals-wrapper .btn-continue:focus {
        background: #8e9dba;
        outline: none;
        text-decoration: none
    }
    .checkout-cart-index .cart-totals-wrapper .btn-continue .icon {
        margin-top: -0.125rem;
        margin-right: 0.3125rem
    }
}

.checkout-cart-index .checkout-types.top {
    margin-top: 1.25rem
}

@media screen and (min-width: 768px) {
    .checkout-cart-index .checkout-types.top {
        display: none
    }
}

.checkout-cart-index .checkout-types .btn-checkout {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    float: none
}

.checkout-cart-index .checkout-types .btn-checkout:hover,
.checkout-cart-index .checkout-types .btn-checkout:focus {
    background: #e5e7e9;
    color: #151a33;
    outline: none;
    text-decoration: none
}

.checkout-cart-index .checkout-types .btn-checkout .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.checkout-cart-index #basketsidebar {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.checkout-cart-index #basketsidebar:last-child {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .checkout-cart-index #basketsidebar {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%;
        margin-right: 0;
        float: right
    }
    .checkout-cart-index #basketsidebar:last-child {
        margin-right: 0
    }
}

.checkout-cart-index #basketsidebar .block {
    padding: 0.9375rem;
    background: #f3f4f5;
    margin-bottom: 20px
}

.checkout-cart-index #basketsidebar .block h3,
.checkout-cart-index #basketsidebar .block .popup-block .block-title,
.popup-block .checkout-cart-index #basketsidebar .block .block-title {
    text-align: center;
    border-bottom: 1px solid #bfbfbf;
    border-top: 1px solid #bfbfbf;
    padding: 1.125rem 0 0.625rem
}

.checkout-cart-index #basketsidebar .block h4 {
    font-size: 1rem;
    text-transform: none;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem
}

.checkout-cart-index #basketsidebar .block #phone {
    letter-spacing: 0.1875rem;
    font-size: 1.125rem;
    color: #4c5d7d;
    text-align: center;
    margin-bottom: 1.25rem
}

@media screen and (min-width: 768px) {
    .checkout-cart-index #basketsidebar .block #phone {
        font-size: 1.5rem
    }
}

.checkout-cart-index #basketsidebar .block #phone a {
    border-bottom: 0
}

.checkout-cart-index #basketsidebar .block p,
.checkout-cart-index #basketsidebar .block address {
    color: #4c5d7d;
    text-align: center
}

.checkout-cart-index #basketsidebar .block p:last-child,
.checkout-cart-index #basketsidebar .block address:last-child {
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem
}

.checkout-cart-index #basketsidebar .block a {
    color: #9eabc4;
    border-bottom: 1px solid #9eabc4
}

.checkout-cart-index #basketsidebar .block ul {
    list-style-type: disc;
    width: 90%;
    margin-left: 1.25rem
}

.checkout-cart-index #basketsidebar .block ul li {
    margin-bottom: 10px
}

.checkout-cart-index .crosssell {
    display: none
}

@media screen and (min-width: 768px) {
    .checkout-cart-index .crosssell {
        display: block;
        float: left;
        width: 100%;
        margin: 20px 0;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .checkout-cart-index .crosssell h5 {
        margin-bottom: 20px
    }
    .checkout-cart-index .crosssell:last-child {
        margin-right: 0
    }
    .checkout-cart-index .crosssell li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .checkout-cart-index .crosssell li:last-child {
        margin-right: 0
    }
    .checkout-cart-index .crosssell li a img {
        border: 1px solid #bfbfbf;
        width: 100%;
        height: auto
    }
    .checkout-cart-index .crosssell li .product-shop {
        display: none
    }
}

#header-cart,
#header-language,
#header-account {
    padding: 1.25rem 0 0;
    display: none;
    position: absolute;
    z-index: 110;
    left: auto;
    right: 0
}

@media screen and (min-width: 768px) {
    #header-cart,
    #header-language,
    #header-account {
        width: 20rem;
        right: 0.625rem
    }
}

#header-cart .header-cart__inner,
#header-language .header-cart__inner,
#header-account .header-cart__inner {
    width: 100%;
    margin: 0;
    width: -webkit-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
    margin: 0 0 0 0.9375rem;
    margin: 0;
    background-color: #fff;
    border: 1px solid #b4bdcf;
    color: #000;
    float: right;
    margin: 0;
    padding: 1.25rem;
    max-width: 20rem;
    width: 100%
}

#header-cart .block-subtitle,
#header-language .block-subtitle,
#header-account .block-subtitle {
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    margin-bottom: 10px
}

#header-cart .empty,
#header-language .empty,
#header-account .empty {
    margin: 0;
    font-size: 0.75rem
}

#header-cart .mini-products-list,
#header-language .mini-products-list,
#header-account .mini-products-list {
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    margin-bottom: 10px;
    overflow: hidden
}

#header-cart .mini-products-list li,
#header-language .mini-products-list li,
#header-account .mini-products-list li,
#header-cart .mini-products-list li:first-child,
#header-language .mini-products-list li:first-child,
#header-account .mini-products-list li:first-child {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 1.25rem 0;
    position: relative;
    border-left: 0 !important;
    color: #000;
    font-size: 0.6875rem
}

#header-cart .mini-products-list li:last-child,
#header-language .mini-products-list li:last-child,
#header-account .mini-products-list li:last-child,
#header-cart .mini-products-list li:first-child:last-child,
#header-language .mini-products-list li:first-child:last-child,
#header-account .mini-products-list li:first-child:last-child {
    margin-right: 0
}

#header-cart .mini-products-list li .product-name,
#header-language .mini-products-list li .product-name,
#header-account .mini-products-list li .product-name,
#header-cart .mini-products-list li:first-child .product-name,
#header-language .mini-products-list li:first-child .product-name,
#header-account .mini-products-list li:first-child .product-name {
    font-size: 0.8125rem;
    margin: 0
}

#header-cart .mini-products-list li .product-name a,
#header-language .mini-products-list li .product-name a,
#header-account .mini-products-list li .product-name a,
#header-cart .mini-products-list li:first-child .product-name a,
#header-language .mini-products-list li:first-child .product-name a,
#header-account .mini-products-list li:first-child .product-name a {
    color: #1d2345
}

#header-cart .mini-products-list li .truncated,
#header-language .mini-products-list li .truncated,
#header-account .mini-products-list li .truncated,
#header-cart .mini-products-list li:first-child .truncated,
#header-language .mini-products-list li:first-child .truncated,
#header-account .mini-products-list li:first-child .truncated {
    float: left;
    clear: both;
    width: 100%
}

#header-cart .mini-products-list li .product-image,
#header-language .mini-products-list li .product-image,
#header-account .mini-products-list li .product-image,
#header-cart .mini-products-list li:first-child .product-image,
#header-language .mini-products-list li:first-child .product-image,
#header-account .mini-products-list li:first-child .product-image {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 24.1535%
}

#header-cart .mini-products-list li .product-image:last-child,
#header-language .mini-products-list li .product-image:last-child,
#header-account .mini-products-list li .product-image:last-child,
#header-cart .mini-products-list li:first-child .product-image:last-child,
#header-language .mini-products-list li:first-child .product-image:last-child,
#header-account .mini-products-list li:first-child .product-image:last-child {
    margin-right: 0
}

#header-cart .mini-products-list li .product-image a img,
#header-language .mini-products-list li .product-image a img,
#header-account .mini-products-list li .product-image a img,
#header-cart .mini-products-list li:first-child .product-image a img,
#header-language .mini-products-list li:first-child .product-image a img,
#header-account .mini-products-list li:first-child .product-image a img {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    height: auto;
    border: 1px solid #f3f4f5
}

#header-cart .mini-products-list li .product-image a img:last-child,
#header-language .mini-products-list li .product-image a img:last-child,
#header-account .mini-products-list li .product-image a img:last-child,
#header-cart .mini-products-list li:first-child .product-image a img:last-child,
#header-language .mini-products-list li:first-child .product-image a img:last-child,
#header-account .mini-products-list li:first-child .product-image a img:last-child {
    margin-right: 0
}

#header-cart .mini-products-list li .product-info,
#header-language .mini-products-list li .product-info,
#header-account .mini-products-list li .product-info,
#header-cart .mini-products-list li:first-child .product-info,
#header-language .mini-products-list li:first-child .product-info,
#header-account .mini-products-list li:first-child .product-info {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

#header-cart .mini-products-list li .product-info:last-child,
#header-language .mini-products-list li .product-info:last-child,
#header-account .mini-products-list li .product-info:last-child,
#header-cart .mini-products-list li:first-child .product-info:last-child,
#header-language .mini-products-list li:first-child .product-info:last-child,
#header-account .mini-products-list li:first-child .product-info:last-child {
    margin-right: 0
}

#header-cart .mini-products-list li .product-info p,
#header-language .mini-products-list li .product-info p,
#header-account .mini-products-list li .product-info p,
#header-cart .mini-products-list li .product-info address,
#header-language .mini-products-list li .product-info address,
#header-account .mini-products-list li .product-info address,
#header-cart .mini-products-list li:first-child .product-info p,
#header-language .mini-products-list li:first-child .product-info p,
#header-account .mini-products-list li:first-child .product-info p,
#header-cart .mini-products-list li:first-child .product-info address,
#header-language .mini-products-list li:first-child .product-info address,
#header-account .mini-products-list li:first-child .product-info address {
    margin-bottom: 0.625rem;
    line-height: normal;
    font-size: 0.6875rem
}

#header-cart .mini-products-list li .product-info p.sku,
#header-language .mini-products-list li .product-info p.sku,
#header-account .mini-products-list li .product-info p.sku,
#header-cart .mini-products-list li .product-info address.sku,
#header-language .mini-products-list li .product-info address.sku,
#header-account .mini-products-list li .product-info address.sku,
#header-cart .mini-products-list li:first-child .product-info p.sku,
#header-language .mini-products-list li:first-child .product-info p.sku,
#header-account .mini-products-list li:first-child .product-info p.sku,
#header-cart .mini-products-list li:first-child .product-info address.sku,
#header-language .mini-products-list li:first-child .product-info address.sku,
#header-account .mini-products-list li:first-child .product-info address.sku {
    color: #1d2345
}

#header-cart .mini-products-list li .product-info dt,
#header-language .mini-products-list li .product-info dt,
#header-account .mini-products-list li .product-info dt,
#header-cart .mini-products-list li:first-child .product-info dt,
#header-language .mini-products-list li:first-child .product-info dt,
#header-account .mini-products-list li:first-child .product-info dt {
    float: left;
    margin-right: 0.625rem
}

#header-cart .mini-products-list li .product-price,
#header-language .mini-products-list li .product-price,
#header-account .mini-products-list li .product-price,
#header-cart .mini-products-list li:first-child .product-price,
#header-language .mini-products-list li:first-child .product-price,
#header-account .mini-products-list li:first-child .product-price {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%;
    text-align: right;
    font-size: 0.8125rem
}

#header-cart .mini-products-list li .product-price:last-child,
#header-language .mini-products-list li .product-price:last-child,
#header-account .mini-products-list li .product-price:last-child,
#header-cart .mini-products-list li:first-child .product-price:last-child,
#header-language .mini-products-list li:first-child .product-price:last-child,
#header-account .mini-products-list li:first-child .product-price:last-child {
    margin-right: 0
}

#header-cart .mini-products-list li:after,
#header-language .mini-products-list li:after,
#header-account .mini-products-list li:after {
    content: ' ';
    display: block;
    width: 50%;
    margin: auto;
    background-color: #cfcfcf;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

#header-cart .mini-products-list li.last:after,
#header-language .mini-products-list li.last:after,
#header-account .mini-products-list li.last:after {
    display: none
}

#header-cart .subtotal,
#header-language .subtotal,
#header-account .subtotal {
    padding: 0.625rem 0
}

#header-cart .subtotal span,
#header-language .subtotal span,
#header-account .subtotal span {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%
}

#header-cart .subtotal span:last-child,
#header-language .subtotal span:last-child,
#header-account .subtotal span:last-child {
    margin-right: 0
}

#header-cart .subtotal span.label,
#header-language .subtotal span.label,
#header-account .subtotal span.label {
    color: #1d2345;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0
}

#header-cart .subtotal span.price,
#header-language .subtotal span.price,
#header-account .subtotal span.price {
    text-align: right
}

#header-cart .minicart-actions,
#header-language .minicart-actions,
#header-account .minicart-actions {
    display: block;
    overflow: hidden;
    width: 100%
}

#header-cart .minicart-actions a,
#header-language .minicart-actions a,
#header-account .minicart-actions a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%
}

#header-cart .minicart-actions a:last-child,
#header-language .minicart-actions a:last-child,
#header-account .minicart-actions a:last-child {
    margin-right: 0
}

#header-cart .minicart-actions a.cart-link,
#header-language .minicart-actions a.cart-link,
#header-account .minicart-actions a.cart-link {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    width: 100%
}

#header-cart .minicart-actions a.cart-link:hover,
#header-language .minicart-actions a.cart-link:hover,
#header-account .minicart-actions a.cart-link:hover,
#header-cart .minicart-actions a.cart-link:focus,
#header-language .minicart-actions a.cart-link:focus,
#header-account .minicart-actions a.cart-link:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

#header-cart .minicart-actions a.cart-link .icon,
#header-language .minicart-actions a.cart-link .icon,
#header-account .minicart-actions a.cart-link .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

#header-cart .minicart-actions a.checkout-button,
#header-language .minicart-actions a.checkout-button,
#header-account .minicart-actions a.checkout-button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none
}

#header-cart .minicart-actions a.checkout-button:hover,
#header-language .minicart-actions a.checkout-button:hover,
#header-account .minicart-actions a.checkout-button:hover,
#header-cart .minicart-actions a.checkout-button:focus,
#header-language .minicart-actions a.checkout-button:focus,
#header-account .minicart-actions a.checkout-button:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

#header-cart .minicart-actions a.checkout-button .icon,
#header-language .minicart-actions a.checkout-button .icon,
#header-account .minicart-actions a.checkout-button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.checkout-table,
#my-orders-table,
.customer-invoice-table,
.customer-shipment-table {
    color: #000;
    font-size: 0.75rem;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 10px
}

.checkout-table:last-child,
#my-orders-table:last-child,
.customer-invoice-table:last-child,
.customer-shipment-table:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .checkout-table,
    #my-orders-table,
    .customer-invoice-table,
    .customer-shipment-table {
        padding-bottom: 40px;
        margin: 0
    }
}

.checkout-table thead,
#my-orders-table thead,
.customer-invoice-table thead,
.customer-shipment-table thead {
    display: none
}

@media screen and (min-width: 768px) {
    .checkout-table thead,
    #my-orders-table thead,
    .customer-invoice-table thead,
    .customer-shipment-table thead {
        display: block;
        float: left;
        width: 100%;
        border-bottom: 1px solid #bfbfbf;
        padding: 10px 0;
        margin-bottom: 10px
    }
    .checkout-table thead tr,
    #my-orders-table thead tr,
    .customer-invoice-table thead tr,
    .customer-shipment-table thead tr {
        float: left;
        width: 100%
    }
    .checkout-table thead tr th,
    #my-orders-table thead tr th,
    .customer-invoice-table thead tr th,
    .customer-shipment-table thead tr th {
        display: block;
        float: left;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        text-transform: uppercase;
        font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
        color: #000
    }
    .checkout-table thead tr th:last-child,
    #my-orders-table thead tr th:last-child,
    .customer-invoice-table thead tr th:last-child,
    .customer-shipment-table thead tr th:last-child {
        margin-right: 0
    }
    .checkout-table thead tr th.product-name,
    #my-orders-table thead tr th.product-name,
    .customer-invoice-table thead tr th.product-name,
    .customer-shipment-table thead tr th.product-name {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .checkout-table thead tr th.product-name:last-child,
    #my-orders-table thead tr th.product-name:last-child,
    .customer-invoice-table thead tr th.product-name:last-child,
    .customer-shipment-table thead tr th.product-name:last-child {
        margin-right: 0
    }
    .checkout-table thead tr th:last-child,
    #my-orders-table thead tr th:last-child,
    .customer-invoice-table thead tr th:last-child,
    .customer-shipment-table thead tr th:last-child {
        text-align: right
    }
}

.checkout-table tbody,
#my-orders-table tbody,
.customer-invoice-table tbody,
.customer-shipment-table tbody {
    margin-bottom: 20px
}

.checkout-table tbody tr,
#my-orders-table tbody tr,
.customer-invoice-table tbody tr,
.customer-shipment-table tbody tr {
    margin-bottom: 10px;
    border-bottom: 1px solid #bfbfbf;
    padding: 0.3125rem 0
}

.checkout-table tbody tr td,
#my-orders-table tbody tr td,
.customer-invoice-table tbody tr td,
.customer-shipment-table tbody tr td {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 24.1535%;
    overflow: hidden
}

.checkout-table tbody tr td:last-child,
#my-orders-table tbody tr td:last-child,
.customer-invoice-table tbody tr td:last-child,
.customer-shipment-table tbody tr td:last-child {
    margin-right: 0
}

.checkout-table tbody tr td.product-img,
#my-orders-table tbody tr td.product-img,
.customer-invoice-table tbody tr td.product-img,
.customer-shipment-table tbody tr td.product-img {
    float: left
}

.checkout-table tbody tr td.product-img a,
#my-orders-table tbody tr td.product-img a,
.customer-invoice-table tbody tr td.product-img a,
.customer-shipment-table tbody tr td.product-img a {
    display: block
}

.checkout-table tbody tr td.product-img img,
#my-orders-table tbody tr td.product-img img,
.customer-invoice-table tbody tr td.product-img img,
.customer-shipment-table tbody tr td.product-img img {
    width: 100%;
    height: auto;
    border: 1px solid #f3f4f5
}

.checkout-table tbody tr td.product-name,
#my-orders-table tbody tr td.product-name,
.customer-invoice-table tbody tr td.product-name,
.customer-shipment-table tbody tr td.product-name {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 66.29044%
}

.checkout-table tbody tr td.product-name:last-child,
#my-orders-table tbody tr td.product-name:last-child,
.customer-invoice-table tbody tr td.product-name:last-child,
.customer-shipment-table tbody tr td.product-name:last-child {
    margin-right: 0
}

.checkout-table tbody tr td.product-name h3,
#my-orders-table tbody tr td.product-name h3,
.customer-invoice-table tbody tr td.product-name h3,
.customer-shipment-table tbody tr td.product-name h3,
.checkout-table tbody tr td.product-name .popup-block .block-title,
.popup-block .checkout-table tbody tr td.product-name .block-title,
#my-orders-table tbody tr td.product-name .popup-block .block-title,
.popup-block #my-orders-table tbody tr td.product-name .block-title,
.customer-invoice-table tbody tr td.product-name .popup-block .block-title,
.popup-block .customer-invoice-table tbody tr td.product-name .block-title,
.customer-shipment-table tbody tr td.product-name .popup-block .block-title,
.popup-block .customer-shipment-table tbody tr td.product-name .block-title {
    font-size: 0.6875rem !important;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    margin: 0;
    margin-bottom: 0.3125rem;
    text-align: left !important;
    border: 0 !important
}

.checkout-table tbody tr td.product-name .product-cart-sku,
#my-orders-table tbody tr td.product-name .product-cart-sku,
.customer-invoice-table tbody tr td.product-name .product-cart-sku,
.customer-shipment-table tbody tr td.product-name .product-cart-sku {
    color: #9eabc4
}

.checkout-table tbody tr td.product-price,
#my-orders-table tbody tr td.product-price,
.customer-invoice-table tbody tr td.product-price,
.customer-shipment-table tbody tr td.product-price {
    text-align: left;
    float: left
}

.checkout-table tbody tr td.last,
#my-orders-table tbody tr td.last,
.customer-invoice-table tbody tr td.last,
.customer-shipment-table tbody tr td.last,
.checkout-table tbody tr td:last-child,
#my-orders-table tbody tr td:last-child,
.customer-invoice-table tbody tr td:last-child,
.customer-shipment-table tbody tr td:last-child {
    text-align: right
}

@media screen and (min-width: 768px) {
    .checkout-table tbody tr td,
    #my-orders-table tbody tr td,
    .customer-invoice-table tbody tr td,
    .customer-shipment-table tbody tr td {
        float: left;
        text-align: center;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .checkout-table tbody tr td:last-child,
    #my-orders-table tbody tr td:last-child,
    .customer-invoice-table tbody tr td:last-child,
    .customer-shipment-table tbody tr td:last-child {
        margin-right: 0
    }
    .checkout-table tbody tr td.product-image,
    #my-orders-table tbody tr td.product-image,
    .customer-invoice-table tbody tr td.product-image,
    .customer-shipment-table tbody tr td.product-image {
        margin-right: 1%;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .checkout-table tbody tr td.product-image:last-child,
    #my-orders-table tbody tr td.product-image:last-child,
    .customer-invoice-table tbody tr td.product-image:last-child,
    .customer-shipment-table tbody tr td.product-image:last-child {
        margin-right: 0
    }
    .checkout-table tbody tr td.product-image .button,
    #my-orders-table tbody tr td.product-image .button,
    .customer-invoice-table tbody tr td.product-image .button,
    .customer-shipment-table tbody tr td.product-image .button {
        display: none
    }
    .checkout-table tbody tr td.product-name,
    #my-orders-table tbody tr td.product-name,
    .customer-invoice-table tbody tr td.product-name,
    .customer-shipment-table tbody tr td.product-name {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%;
        text-align: left
    }
    .checkout-table tbody tr td.product-name:last-child,
    #my-orders-table tbody tr td.product-name:last-child,
    .customer-invoice-table tbody tr td.product-name:last-child,
    .customer-shipment-table tbody tr td.product-name:last-child {
        margin-right: 0
    }
    .checkout-table tbody tr td.product-price,
    #my-orders-table tbody tr td.product-price,
    .customer-invoice-table tbody tr td.product-price,
    .customer-shipment-table tbody tr td.product-price {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        text-align: center;
        padding-top: 0
    }
    .checkout-table tbody tr td.product-price:last-child,
    #my-orders-table tbody tr td.product-price:last-child,
    .customer-invoice-table tbody tr td.product-price:last-child,
    .customer-shipment-table tbody tr td.product-price:last-child {
        margin-right: 0
    }
    .checkout-table tbody tr td.product-cart-actions,
    #my-orders-table tbody tr td.product-cart-actions,
    .customer-invoice-table tbody tr td.product-cart-actions,
    .customer-shipment-table tbody tr td.product-cart-actions {
        text-align: center;
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .checkout-table tbody tr td.product-cart-actions:last-child,
    #my-orders-table tbody tr td.product-cart-actions:last-child,
    .customer-invoice-table tbody tr td.product-cart-actions:last-child,
    .customer-shipment-table tbody tr td.product-cart-actions:last-child {
        margin-right: 0
    }
    .checkout-table tbody tr td.product-cart-total,
    #my-orders-table tbody tr td.product-cart-total,
    .customer-invoice-table tbody tr td.product-cart-total,
    .customer-shipment-table tbody tr td.product-cart-total {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%;
        font-size: 0.8125rem
    }
    .checkout-table tbody tr td.product-cart-total:last-child,
    #my-orders-table tbody tr td.product-cart-total:last-child,
    .customer-invoice-table tbody tr td.product-cart-total:last-child,
    .customer-shipment-table tbody tr td.product-cart-total:last-child {
        margin-right: 0
    }
}

.checkout-table tfoot,
#my-orders-table tfoot,
.customer-invoice-table tfoot,
.customer-shipment-table tfoot {
    color: #bfbfbf;
    font-size: 0.8125rem
}

.checkout-table tfoot tr,
#my-orders-table tfoot tr,
.customer-invoice-table tfoot tr,
.customer-shipment-table tfoot tr {
    padding: 0;
    margin-bottom: 10px
}

.checkout-table tfoot tr:last-child,
#my-orders-table tfoot tr:last-child,
.customer-invoice-table tfoot tr:last-child,
.customer-shipment-table tfoot tr:last-child {
    border-top: 1px solid #bfbfbf;
    font-size: 1rem;
    padding-top: 10px
}

.checkout-table tfoot tr:last-child td:first-child,
#my-orders-table tfoot tr:last-child td:first-child,
.customer-invoice-table tfoot tr:last-child td:first-child,
.customer-shipment-table tfoot tr:last-child td:first-child {
    color: #000;
    text-align: left
}

.checkout-table tfoot tr td,
#my-orders-table tfoot tr td,
.customer-invoice-table tfoot tr td,
.customer-shipment-table tfoot tr td {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%
}

.checkout-table tfoot tr td:last-child,
#my-orders-table tfoot tr td:last-child,
.customer-invoice-table tfoot tr td:last-child,
.customer-shipment-table tfoot tr td:last-child {
    margin-right: 0
}

.checkout-table tfoot tr td:first-child,
#my-orders-table tfoot tr td:first-child,
.customer-invoice-table tfoot tr td:first-child,
.customer-shipment-table tfoot tr td:first-child {
    text-align: left
}

.content-blocks {
    margin: 0 0 1.875rem;
    height: auto;
    clear: both
}

.content-blocks#section-0 {
    z-index: 50;
    position: relative
}

.content-blocks.content-block-border {
    padding: 1.875rem 1.875rem 0.9375rem
}

.content-blocks .content-block {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.content-blocks .content-block:last-child {
    margin-right: 0
}

.content-blocks .content-block img.wp-image-441 {
    width: 100%;
    margin: 0 auto;
    border: solid 15px #bfbfbf;
    height: auto
}

.content-blocks .content-block img.small-left {
    float: left;
    margin: 0rem 1.25rem 1.25rem 0rem
}

.content-blocks .content-block.recent-news table {
    table-layout: fixed;
    width: 100%
}

.content-blocks .content-block.recent-news table td {
    width: 45%
}

.content-blocks .content-block.recent-news img {
    width: 100% !important;
    height: auto !important
}

@media screen and (min-width: 768px) {
    .content-blocks .content-block.recent-news img.small-left {
        width: 50%;
        max-width: 450px
    }
}

.content-blocks .content-block.sub-headers h1,
.content-blocks .content-block.sub-headers h2,
.content-blocks .content-block.sub-headers h3,
.content-blocks .content-block.sub-headers .popup-block .block-title,
.popup-block .content-blocks .content-block.sub-headers .block-title,
.content-blocks .content-block.sub-headers h4,
.content-blocks .content-block.sub-headers h5,
.content-blocks .content-block.sub-headers h6 {
    font-size: 1.5rem;
    line-height: 2.1rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    color: #9eabc4
}

.content-blocks .content-block.sub-headers h3,
.content-blocks .content-block.sub-headers .popup-block .block-title,
.popup-block .content-blocks .content-block.sub-headers .block-title {
    font-size: 1.125rem;
    line-height: 1.575rem;
    letter-spacing: 0.0625rem;
    line-height: 140%
}

@media screen and (min-width: 768px) {
    .content-blocks .content-block.centered {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%;
        margin-left: 16.85478%;
        text-align: center
    }
    .content-blocks .content-block.centered:last-child {
        margin-right: 0
    }
    .content-blocks .content-block.half {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .content-blocks .content-block.half:last-child {
        margin-right: 0
    }
    .content-blocks .content-block.third {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .content-blocks .content-block.third:last-child {
        margin-right: 0
    }
    .content-blocks .content-block.quarter {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    .content-blocks .content-block.quarter:last-child {
        margin-right: 0
    }
    .content-blocks .content-block.pad-right {
        padding-right: 1.875rem
    }
    .content-blocks .content-block.pad-left {
        padding-left: 1.875rem
    }
}

.content-blocks.content-block-charity {
    padding-top: 55%;
    background: transparent url("../images/charity-mobile.jpg") 0 0 no-repeat;
    background-size: 100% auto
}

@media screen and (min-width: 768px) {
    .content-blocks.content-block-charity {
        padding-top: 1.875rem;
        background: transparent url("../images/charity-desktop.jpg") 0 0 no-repeat;
        background-size: auto 100%
    }
}

.customer-account-login .col2-set .col-1,
.customer-account-login .col2-set .col-2 {
    background: #f3f4f5;
    padding: 1.25rem;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .customer-account-login .col2-set .col-1,
    .customer-account-login .col2-set .col-2 {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        margin-bottom: 0
    }
    .customer-account-login .col2-set .col-1:last-child,
    .customer-account-login .col2-set .col-2:last-child {
        margin-right: 0
    }
}

.customer-account-login .col2-set .col-1 h2,
.customer-account-login .col2-set .col-2 h2 {
    text-align: center
}

@media screen and (min-width: 768px) {
    .customer-account-login .col2-set .col-1 h2,
    .customer-account-login .col2-set .col-2 h2 {
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .customer-account-login .col2-set .col-1 .fieldset label,
    .customer-account-login .col2-set .col-1 .fieldset .input-box,
    .customer-account-login .col2-set .col-2 .fieldset label,
    .customer-account-login .col2-set .col-2 .fieldset .input-box {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .customer-account-login .col2-set .col-1 .fieldset label:last-child,
    .customer-account-login .col2-set .col-1 .fieldset .input-box:last-child,
    .customer-account-login .col2-set .col-2 .fieldset label:last-child,
    .customer-account-login .col2-set .col-2 .fieldset .input-box:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .customer-account-login .col2-set .col-1 .fieldset label,
    .customer-account-login .col2-set .col-2 .fieldset label {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .customer-account-login .col2-set .col-1 .fieldset label:last-child,
    .customer-account-login .col2-set .col-2 .fieldset label:last-child {
        margin-right: 0
    }
    .customer-account-login .col2-set .col-1 .fieldset .input-box,
    .customer-account-login .col2-set .col-2 .fieldset .input-box {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%
    }
    .customer-account-login .col2-set .col-1 .fieldset .input-box:last-child,
    .customer-account-login .col2-set .col-2 .fieldset .input-box:last-child {
        margin-right: 0
    }
}

.customer-account-login .col2-set .col-1 .fieldset .forgot-pw,
.customer-account-login .col2-set .col-2 .fieldset .forgot-pw {
    margin-bottom: 0.625rem
}

@media screen and (min-width: 992px) {
    .customer-account-login .col2-set .col-1 .fieldset .forgot-pw,
    .customer-account-login .col2-set .col-2 .fieldset .forgot-pw {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%;
        float: right;
        clear: left
    }
    .customer-account-login .col2-set .col-1 .fieldset .forgot-pw:last-child,
    .customer-account-login .col2-set .col-2 .fieldset .forgot-pw:last-child {
        margin-right: 0
    }
}

.customer-account-create main .fieldset {
    padding: 1.25rem;
    background: #f3f4f5
}

.customer-account-create main .fieldset .button {
    margin-top: 0
}

@media screen and (min-width: 768px) {
    .customer-account-create main .fieldset .button {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        margin-bottom: 0
    }
    .customer-account-create main .fieldset .button:last-child {
        margin-right: 0
    }
}

.customer-account-create main .fieldset .button:first-child {
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .customer-account-create main .fieldset .button:first-child {
        float: right;
        margin-right: 0
    }
}

.customer-account-create main .fieldset .button.back-link {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none
}

.customer-account-create main .fieldset .button.back-link:hover,
.customer-account-create main .fieldset .button.back-link:focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

.customer-account-create main .fieldset .button.back-link .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.customer-account-create main .fieldset .control {
    margin: 1.25rem 0
}

.my-account {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 20px
}

.my-account:last-child {
    margin-right: 0
}

.my-account .scaffold-form .control {
    margin: 0 0 10px
}

.my-account-nav,
#wishlist {
    display: none
}

@media screen and (min-width: 992px) {
    .my-account-nav,
    #wishlist {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%;
        margin: 0 0 2.5rem
    }
    .my-account-nav:last-child,
    #wishlist:last-child {
        margin-right: 0
    }
    .my-account-nav .button,
    #wishlist .button {
        float: right
    }
}

.mobile-account-nav {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.mobile-account-nav:last-child {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .mobile-account-nav {
        display: none !important
    }
}

#wishlist li {
    position: relative
}

#wishlist li span {
    margin-top: -10px
}

.customer-account-edit main .control {
    margin-bottom: 15px
}

.customer-account-forgotpassword main .fieldset {
    padding: 1.25rem;
    background: #f3f4f5;
    margin-bottom: 0.625rem
}

@media screen and (min-width: 768px) {
    .customer-account-forgotpassword main .fieldset .buttons-set {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 74.71783%;
        float: right
    }
    .customer-account-forgotpassword main .fieldset .buttons-set:last-child {
        margin-right: 0
    }
    .customer-account-forgotpassword main .fieldset .buttons-set .button {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .customer-account-forgotpassword main .fieldset .buttons-set .button:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .customer-account-forgotpassword main .fieldset .form-list,
    .customer-account-forgotpassword main .fieldset .buttons-set {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .customer-account-forgotpassword main .fieldset .form-list:last-child,
    .customer-account-forgotpassword main .fieldset .buttons-set:last-child {
        margin-right: 0
    }
    .customer-account-forgotpassword main .fieldset .form-list .button,
    .customer-account-forgotpassword main .fieldset .buttons-set .button {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .customer-account-forgotpassword main .fieldset .form-list .button:last-child,
    .customer-account-forgotpassword main .fieldset .buttons-set .button:last-child {
        margin-right: 0
    }
}

#my-orders-table {
    padding-bottom: 0
}

#my-orders-table thead tr th {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 19.09707%
}

#my-orders-table thead tr th:last-child {
    margin-right: 0
}

#my-orders-table thead tr th.ship {
    display: none
}

#my-orders-table tbody {
    margin-bottom: 0
}

#my-orders-table tbody tr td {
    text-align: left;
    text-transform: none;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%;
    padding: 0.9375rem 0
}

#my-orders-table tbody tr td:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #my-orders-table tbody tr td {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 19.09707%;
        margin-bottom: 0
    }
    #my-orders-table tbody tr td:last-child {
        margin-right: 0
    }
}

#my-orders-table tbody tr td:nth-child(4) {
    margin-right: 0
}

#my-orders-table tbody tr td:last-child {
    padding: 0;
    text-align: left
}

@media screen and (min-width: 768px) {
    #my-orders-table tbody tr td:last-child {
        float: right;
        text-align: right
    }
}

#my-orders-table tbody tr td:last-child a:first-child {
    font-size: 0.75rem
}

#my-orders-table tbody tr td.status {
    text-transform: none;
    font-style: italic
}

#my-orders-table tbody tr td.ship {
    display: none
}

#my-orders-table tbody tr td .link-reorder,
#my-orders-table tbody tr td .separator {
    display: none
}

#my-orders-table tbody tr td a {
    font-size: 0.6875rem
}

.my-account .page-title button,
.my-account .page-title #my-orders-table tbody tr td a,
#my-orders-table tbody tr td .my-account .page-title a,
.my-account .page-title h2 a,
.my-account h2 .page-title a,
.my-account .page-title h3 a,
.my-account h3 .page-title a,
.my-account .page-title .popup-block .block-title a,
.my-account .popup-block .block-title .page-title a,
.popup-block .my-account .page-title .block-title a,
.popup-block .my-account .block-title .page-title a,
.my-account .page-title .box-title a,
.my-account .box-title .page-title a,
.my-account .page-title .box-head a,
.my-account .box-head .page-title a {
    margin-bottom: 10px
}

.my-account .page-title .button {
    float: right;
    margin-top: -0.3125rem
}

.my-account h2 {
    margin-bottom: 20px;
    font-size: 1.25rem;
    border-bottom: 1px solid #bfbfbf
}

.my-account h2 a {
    margin-bottom: 10px
}

.my-account h3,
.my-account .popup-block .block-title,
.popup-block .my-account .block-title {
    margin-bottom: 10px;
    font-size: 1rem;
    border-bottom: 1px solid #bfbfbf
}

.my-account h3 a,
.my-account .popup-block .block-title a,
.popup-block .my-account .block-title a {
    margin-bottom: 10px
}

.my-account .box-title a,
.my-account .box-head a {
    margin-bottom: 10px
}

.my-account .box-account {
    margin-bottom: 10px
}

.my-account .box-head {
    margin-top: 30px;
    margin-bottom: 30px
}

.my-account .col-1,
.my-account .col-2 {
    background: 0;
    padding: 0
}

.my-account .box-content a {
    border-bottom: 1px solid #000
}

.my-account .count-container {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.my-account .count-container:last-child {
    margin-right: 0
}

.my-account .count-container .amount {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%
}

.my-account .count-container .amount:last-child {
    margin-right: 0
}

.my-account .count-container .limiter {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%;
    float: right;
    text-align: right
}

.my-account .count-container .limiter:last-child {
    margin-right: 0
}

.my-account .buttons-set button,
.my-account .buttons-set #my-orders-table tbody tr td a,
#my-orders-table tbody tr td .my-account .buttons-set a,
.my-account .buttons-set h2 a,
.my-account h2 .buttons-set a,
.my-account .buttons-set h3 a,
.my-account h3 .buttons-set a,
.my-account .buttons-set .popup-block .block-title a,
.my-account .popup-block .block-title .buttons-set a,
.popup-block .my-account .buttons-set .block-title a,
.popup-block .my-account .block-title .buttons-set a,
.my-account .buttons-set .box-title a,
.my-account .box-title .buttons-set a,
.my-account .buttons-set .box-head a,
.my-account .box-head .buttons-set a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none
}

.my-account .buttons-set button:last-child,
.my-account .buttons-set #my-orders-table tbody tr td a:last-child,
#my-orders-table tbody tr td .my-account .buttons-set a:last-child,
.my-account .buttons-set h2 a:last-child,
.my-account h2 .buttons-set a:last-child,
.my-account .buttons-set h3 a:last-child,
.my-account h3 .buttons-set a:last-child,
.my-account .buttons-set .popup-block .block-title a:last-child,
.my-account .popup-block .block-title .buttons-set a:last-child,
.popup-block .my-account .buttons-set .block-title a:last-child,
.popup-block .my-account .block-title .buttons-set a:last-child,
.my-account .buttons-set .box-title a:last-child,
.my-account .box-title .buttons-set a:last-child,
.my-account .buttons-set .box-head a:last-child,
.my-account .box-head .buttons-set a:last-child {
    margin-right: 0
}

.my-account .buttons-set button:hover,
.my-account .buttons-set #my-orders-table tbody tr td a:hover,
#my-orders-table tbody tr td .my-account .buttons-set a:hover,
.my-account .buttons-set h2 a:hover,
.my-account h2 .buttons-set a:hover,
.my-account .buttons-set h3 a:hover,
.my-account h3 .buttons-set a:hover,
.my-account .buttons-set .popup-block .block-title a:hover,
.my-account .popup-block .block-title .buttons-set a:hover,
.popup-block .my-account .buttons-set .block-title a:hover,
.popup-block .my-account .block-title .buttons-set a:hover,
.my-account .buttons-set .box-title a:hover,
.my-account .box-title .buttons-set a:hover,
.my-account .buttons-set .box-head a:hover,
.my-account .box-head .buttons-set a:hover,
.my-account .buttons-set button:focus,
.my-account .buttons-set #my-orders-table tbody tr td a:focus,
#my-orders-table tbody tr td .my-account .buttons-set a:focus,
.my-account .buttons-set h2 a:focus,
.my-account h2 .buttons-set a:focus,
.my-account .buttons-set h3 a:focus,
.my-account h3 .buttons-set a:focus,
.my-account .buttons-set .popup-block .block-title a:focus,
.my-account .popup-block .block-title .buttons-set a:focus,
.popup-block .my-account .buttons-set .block-title a:focus,
.popup-block .my-account .block-title .buttons-set a:focus,
.my-account .buttons-set .box-title a:focus,
.my-account .box-title .buttons-set a:focus,
.my-account .buttons-set .box-head a:focus,
.my-account .box-head .buttons-set a:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.my-account .buttons-set button .icon,
.my-account .buttons-set #my-orders-table tbody tr td a .icon,
#my-orders-table tbody tr td .my-account .buttons-set a .icon,
.my-account .buttons-set h2 a .icon,
.my-account h2 .buttons-set a .icon,
.my-account .buttons-set h3 a .icon,
.my-account h3 .buttons-set a .icon,
.my-account .buttons-set .popup-block .block-title a .icon,
.my-account .popup-block .block-title .buttons-set a .icon,
.popup-block .my-account .buttons-set .block-title a .icon,
.popup-block .my-account .block-title .buttons-set a .icon,
.my-account .buttons-set .box-title a .icon,
.my-account .box-title .buttons-set a .icon,
.my-account .buttons-set .box-head a .icon,
.my-account .box-head .buttons-set a .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .my-account .buttons-set button,
    .my-account .buttons-set #my-orders-table tbody tr td a,
    #my-orders-table tbody tr td .my-account .buttons-set a,
    .my-account .buttons-set h2 a,
    .my-account h2 .buttons-set a,
    .my-account .buttons-set h3 a,
    .my-account h3 .buttons-set a,
    .my-account .buttons-set .popup-block .block-title a,
    .my-account .popup-block .block-title .buttons-set a,
    .popup-block .my-account .buttons-set .block-title a,
    .popup-block .my-account .block-title .buttons-set a,
    .my-account .buttons-set .box-title a,
    .my-account .box-title .buttons-set a,
    .my-account .buttons-set .box-head a,
    .my-account .box-head .buttons-set a {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 74.71783%;
        float: right
    }
    .my-account .buttons-set button:last-child,
    .my-account .buttons-set #my-orders-table tbody tr td a:last-child,
    #my-orders-table tbody tr td .my-account .buttons-set a:last-child,
    .my-account .buttons-set h2 a:last-child,
    .my-account h2 .buttons-set a:last-child,
    .my-account .buttons-set h3 a:last-child,
    .my-account h3 .buttons-set a:last-child,
    .my-account .buttons-set .popup-block .block-title a:last-child,
    .my-account .popup-block .block-title .buttons-set a:last-child,
    .popup-block .my-account .buttons-set .block-title a:last-child,
    .popup-block .my-account .block-title .buttons-set a:last-child,
    .my-account .buttons-set .box-title a:last-child,
    .my-account .box-title .buttons-set a:last-child,
    .my-account .buttons-set .box-head a:last-child,
    .my-account .box-head .buttons-set a:last-child {
        margin-right: 0
    }
}

.my-account .buttons-set .back-link {
    display: none
}

@media screen and (min-width: 768px) {
    .wishlist-share {
        width: 100%;
        float: left;
        margin-bottom: 10px
    }
    .wishlist-share h3,
    .wishlist-share .popup-block .block-title,
    .popup-block .wishlist-share .block-title {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem;
        border: 0
    }
    .wishlist-share h3:last-child,
    .wishlist-share .popup-block .block-title:last-child,
    .popup-block .wishlist-share .block-title:last-child {
        margin-right: 0
    }
}

.wishlist-share ul {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .wishlist-share ul {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%;
        text-align: right;
        margin-bottom: 0
    }
    .wishlist-share ul:last-child {
        margin-right: 0
    }
}

.wishlist-share ul li {
    padding: 0;
    margin-right: 0.625rem;
    display: inline-block
}

@media screen and (min-width: 768px) {
    .wishlist-share ul li {
        margin-right: 0.3125rem
    }
}

.wishlist-share ul li:last-child {
    margin-right: 0
}

.wishlist-share ul li a i {
    display: block;
    font-size: 1.125rem;
    width: 100%;
    cursor: pointer
}

.wishlist-items {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 20px
}

.wishlist-items:last-child {
    margin-right: 0
}

.wishlist-items li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    text-align: center;
    overflow: hidden;
    position: relative
}

.wishlist-items li:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .wishlist-items li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .wishlist-items li:last-child {
        margin-right: 0
    }
    .wishlist-items li:nth-child(3n) {
        margin-right: 0
    }
    .wishlist-items li:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 992px) {
    .wishlist-items li.shared,
    .wishlist-items li.guest {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    .wishlist-items li.shared:nth-child(3n),
    .wishlist-items li.guest:nth-child(3n) {
        margin-right: 1.12867%
    }
    .wishlist-items li.shared:nth-child(3n+1),
    .wishlist-items li.guest:nth-child(3n+1) {
        clear: none
    }
    .wishlist-items li.shared:last-child,
    .wishlist-items li.guest:last-child {
        margin-right: 0
    }
    .wishlist-items li.shared:nth-child(4n),
    .wishlist-items li.guest:nth-child(4n) {
        margin-right: 0
    }
    .wishlist-items li.shared:nth-child(4n+1),
    .wishlist-items li.guest:nth-child(4n+1) {
        clear: left
    }
}

.wishlist-items li a img {
    height: auto;
    border: 1px solid #f3f4f5;
    margin-bottom: 10px
}

.wishlist-items li h3,
.wishlist-items li .popup-block .block-title,
.popup-block .wishlist-items li .block-title,
.wishlist-items li h4,
.wishlist-items li h5,
.wishlist-items li h6 {
    font-size: 0.875rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    line-height: 140%;
    padding-bottom: 10px;
    margin-bottom: 0
}

.wishlist-items li h3,
.wishlist-items li .popup-block .block-title,
.popup-block .wishlist-items li .block-title {
    border-bottom: 1px solid #f3f4f5
}

.wishlist-items li h4 {
    margin-top: 10px
}

.wishlist-items li .moreinfo {
    display: none;
    float: left;
    padding: 1.25rem;
    background: #f3f4f5;
    width: 100%
}

.wishlist-items li .moreinfo h3,
.wishlist-items li .moreinfo .popup-block .block-title,
.popup-block .wishlist-items li .moreinfo .block-title {
    border: 0
}

.wishlist-items li .moreinfo h4 {
    font-size: 0.75rem;
    margin-bottom: 10px;
    line-height: 160%
}

.wishlist-items li .moreinfo .button.btn-remove {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none;
    font-size: 0.6875rem;
    letter-spacing: 0.005rem;
    margin-bottom: 10px
}

.wishlist-items li .moreinfo .button.btn-remove:hover,
.wishlist-items li .moreinfo .button.btn-remove:focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

.wishlist-items li .moreinfo .button.btn-remove .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.wishlist-items li .moreinfo .addtocart {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    margin-bottom: 10px
}

.wishlist-items li .moreinfo .addtocart:hover,
.wishlist-items li .moreinfo .addtocart:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.wishlist-items li .moreinfo .addtocart .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.wishlist-items li .moreinfo .wishlistclose {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    background: white;
    font-size: 0.6875rem;
    letter-spacing: 0.005rem;
    color: #000
}

.wishlist-items li .moreinfo .wishlistclose:last-child {
    margin-right: 0
}

.wishlist-items li .moreinfo .wishlistclose:hover,
.wishlist-items li .moreinfo .wishlistclose:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.wishlist-items li .moreinfo .wishlistclose .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .wishlist-items li .moreinfo .wishlistclose {
        display: none
    }
}

#wishlist-view-form .buttons-set,
#wishlist-view-form .wishlist-management {
    display: none
}

#headerwishlist {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    width: calc(100% - 4rem);
    margin: 1.25rem 2rem;
    margin-bottom: 20px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 0.625rem;
    display: none
}

#headerwishlist:last-child {
    margin-right: 0
}

#headerwishlist h3,
#headerwishlist .popup-block .block-title,
.popup-block #headerwishlist .block-title {
    padding-top: 10px;
    border-bottom: 1px solid #d3d3d3
}

#headerwishlist h3 .buttonwrap,
#headerwishlist .popup-block .block-title .buttonwrap,
.popup-block #headerwishlist .block-title .buttonwrap {
    float: right;
    margin-top: -0.5rem
}

#headerwishlist h3 span,
#headerwishlist .popup-block .block-title span,
.popup-block #headerwishlist .block-title span {
    white-space: nowrap
}

#headerwishlist .show-on-mobile {
    margin-top: 10px;
    float: left;
    width: 100%
}

#headerwishlist .show-on-mobile .button {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 5px
}

#headerwishlist .show-on-mobile .button:last-child {
    margin-right: 0
}

#headerwishlist .goto-wl {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none
}

#headerwishlist .goto-wl:hover,
#headerwishlist .goto-wl:focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

#headerwishlist .goto-wl .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

#headerwishlist .empty {
    color: #bfbfbf;
    margin: 30px 0 20px
}

#headerwishlist .layout-j {
    margin-bottom: 0
}

#headerwishlist .layout-j li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%
}

#headerwishlist .layout-j li:nth-child(3n) {
    margin-right: 0
}

#headerwishlist .layout-j li:nth-child(3n+1) {
    clear: left
}

#headerwishlist .layout-j li:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #headerwishlist .layout-j li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 19.09707%
    }
    #headerwishlist .layout-j li:nth-child(3n) {
        margin-right: 1.12867%
    }
    #headerwishlist .layout-j li:nth-child(3n+1) {
        clear: none
    }
    #headerwishlist .layout-j li:nth-child(5n) {
        margin-right: 0
    }
    #headerwishlist .layout-j li:nth-child(5n+1) {
        clear: left
    }
    #headerwishlist .layout-j li:last-child {
        margin-right: 0
    }
}

#headerwishlist .layout-j li a,
#headerwishlist .layout-j li a img {
    padding-bottom: 0;
    display: block;
    height: auto
}

.wp #headerwishlist {
    margin: 1.25rem 5%;
    width: 90%
}

@media screen and (min-width: 768px) {
    .my-account .col2-set .col-1,
    .my-account .col2-set .col-2 {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 45.22197%
    }
    .my-account .col2-set .col-1:last-child,
    .my-account .col2-set .col-2:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .my-account .col2-set .col-2 {
        margin-left: 8.42739%
    }
}

.sales-order-view .order-info-box {
    margin-bottom: 15px
}

.sales-order-view #my-orders-table thead tr th {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 15.72611%
}

.sales-order-view #my-orders-table thead tr th:last-child {
    margin-right: 0
}

.sales-order-view #my-orders-table thead tr th.product-name {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 49.43567%
}

.sales-order-view #my-orders-table thead tr th.product-name:last-child {
    margin-right: 0
}

.sales-order-view #my-orders-table tbody tr td {
    padding: 0;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%
}

.sales-order-view #my-orders-table tbody tr td:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .sales-order-view #my-orders-table tbody tr td {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .sales-order-view #my-orders-table tbody tr td:last-child {
        margin-right: 0
    }
}

.sales-order-view #my-orders-table tbody tr td.product-name {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 66.29044%;
    margin-right: 0
}

.sales-order-view #my-orders-table tbody tr td.product-name:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .sales-order-view #my-orders-table tbody tr td.product-name {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .sales-order-view #my-orders-table tbody tr td.product-name:last-child {
        margin-right: 0
    }
}

.sales-order-view #my-orders-table tbody tr td.a-center,
.sales-order-view #my-orders-table tbody tr td.hj-videointro,
.sales-order-view #my-orders-table tbody tr td.hj-feature-content,
.sales-order-view #my-orders-table tbody tr td.no-result-text,
.sales-order-view #my-orders-table tbody tr td#storelocatorblock,
.sales-order-view #my-orders-table tbody tr .component-content-appointment td.content.full,
.component-content-appointment .sales-order-view #my-orders-table tbody tr td.content.full,
.sales-order-view #my-orders-table tbody tr td.content-popup {
    text-align: center
}

.sales-order-view #my-orders-table tbody tr td.hide-on-mobile {
    display: none
}

@media screen and (min-width: 768px) {
    .sales-order-view #my-orders-table tbody tr td.hide-on-mobile {
        display: block
    }
}

.sales-order-view #my-orders-table tbody tr td h3,
.sales-order-view #my-orders-table tbody tr td .popup-block .block-title,
.popup-block .sales-order-view #my-orders-table tbody tr td .block-title {
    line-height: normal;
    margin-bottom: 10px
}

.sales-order-view #my-orders-table tbody tr td .sku {
    color: #9eabc4;
    font-size: 0.8125rem;
    margin-bottom: 10px;
    line-height: normal
}

.sales-order-view #my-orders-table tbody tr td .item-options dt {
    float: left;
    margin-right: 0.625rem;
    font-weight: bold
}

.customer-invoice-table thead tr th,
.customer-shipment-table thead tr th {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 15.72611%
}

.customer-invoice-table thead tr th:last-child,
.customer-shipment-table thead tr th:last-child {
    margin-right: 0
}

.customer-invoice-table thead tr th.product-name,
.customer-shipment-table thead tr th.product-name {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%
}

.customer-invoice-table thead tr th.product-name:last-child,
.customer-shipment-table thead tr th.product-name:last-child {
    margin-right: 0
}

.customer-invoice-table tbody tr td.hide-on-mobile,
.customer-shipment-table tbody tr td.hide-on-mobile {
    display: none
}

@media screen and (min-width: 768px) {
    .customer-invoice-table tbody tr td.hide-on-mobile,
    .customer-shipment-table tbody tr td.hide-on-mobile {
        display: block
    }
}

.customer-invoice-table tbody tr td .sku,
.customer-shipment-table tbody tr td .sku {
    color: #9eabc4;
    font-size: 0.75rem;
    margin-bottom: 10px;
    line-height: normal
}

.customer-invoice-table tbody tr td .item-options,
.customer-shipment-table tbody tr td .item-options {
    margin-bottom: 10px
}

.customer-invoice-table tbody tr td .item-options dt,
.customer-shipment-table tbody tr td .item-options dt {
    float: left;
    margin-right: 0.625rem
}

.customer-shipment-table thead tr th {
    text-align: center;
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%
}

.customer-shipment-table thead tr th:last-child {
    margin-right: 0
}

.customer-shipment-table thead tr th.product-name {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 66.29044%;
    margin-right: 0
}

.customer-shipment-table thead tr th.product-name:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .customer-shipment-table thead tr th.product-name {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .customer-shipment-table thead tr th.product-name:last-child {
        margin-right: 0
    }
}

.newsletter-manage-index .my-account .buttons-set button,
.newsletter-manage-index .my-account .buttons-set #my-orders-table tbody tr td a,
#my-orders-table tbody tr td .newsletter-manage-index .my-account .buttons-set a,
.newsletter-manage-index .my-account .buttons-set h2 a,
.newsletter-manage-index .my-account h2 .buttons-set a,
.newsletter-manage-index .my-account .buttons-set h3 a,
.newsletter-manage-index .my-account h3 .buttons-set a,
.newsletter-manage-index .my-account .buttons-set .popup-block .block-title a,
.newsletter-manage-index .my-account .popup-block .block-title .buttons-set a,
.newsletter-manage-index .popup-block .my-account .buttons-set .block-title a,
.popup-block .newsletter-manage-index .my-account .buttons-set .block-title a,
.newsletter-manage-index .popup-block .my-account .block-title .buttons-set a,
.popup-block .newsletter-manage-index .my-account .block-title .buttons-set a,
.newsletter-manage-index .my-account .buttons-set .box-title a,
.newsletter-manage-index .my-account .box-title .buttons-set a,
.newsletter-manage-index .my-account .buttons-set .box-head a,
.newsletter-manage-index .my-account .box-head .buttons-set a {
    margin: 20px auto
}

@media screen and (min-width: 768px) {
    .newsletter-manage-index .my-account .buttons-set button,
    .newsletter-manage-index .my-account .buttons-set #my-orders-table tbody tr td a,
    #my-orders-table tbody tr td .newsletter-manage-index .my-account .buttons-set a,
    .newsletter-manage-index .my-account .buttons-set h2 a,
    .newsletter-manage-index .my-account h2 .buttons-set a,
    .newsletter-manage-index .my-account .buttons-set h3 a,
    .newsletter-manage-index .my-account h3 .buttons-set a,
    .newsletter-manage-index .my-account .buttons-set .popup-block .block-title a,
    .newsletter-manage-index .my-account .popup-block .block-title .buttons-set a,
    .newsletter-manage-index .popup-block .my-account .buttons-set .block-title a,
    .popup-block .newsletter-manage-index .my-account .buttons-set .block-title a,
    .newsletter-manage-index .popup-block .my-account .block-title .buttons-set a,
    .popup-block .newsletter-manage-index .my-account .block-title .buttons-set a,
    .newsletter-manage-index .my-account .buttons-set .box-title a,
    .newsletter-manage-index .my-account .box-title .buttons-set a,
    .newsletter-manage-index .my-account .buttons-set .box-head a,
    .newsletter-manage-index .my-account .box-head .buttons-set a {
        width: 50%;
        float: none
    }
}

.shipping-tracking-popup .tracking-table-popup tr {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0 0 10px
}

.shipping-tracking-popup .tracking-table-popup tr:last-child {
    margin-right: 0
}

.shipping-tracking-popup .tracking-table-popup th {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 24.1535%
}

.shipping-tracking-popup .tracking-table-popup th:last-child {
    margin-right: 0
}

.shipping-tracking-popup .tracking-table-popup td {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 70.50414%;
    float: right;
    margin: 0
}

.shipping-tracking-popup .tracking-table-popup td:last-child {
    margin-right: 0
}

.shipping-tracking-popup .buttons-set {
    display: none
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-a li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-a li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-a li:nth-child(2) {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%;
        margin-right: 0
    }
    .component-grid-items.layout-a li:nth-child(2):last-child {
        margin-right: 0
    }
    .component-grid-items.layout-a li:nth-child(2) a {
        padding-bottom: 49%
    }
    .component-grid-items.layout-a li:nth-child(2) .overlay {
        width: 76%;
        left: auto;
        bottom: auto;
        right: 0;
        top: 29%
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-a li:nth-child(2) .overlay {
        top: 35%
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-b li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-b li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-b li:nth-child(1) {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%
    }
    .component-grid-items.layout-b li:nth-child(1):last-child {
        margin-right: 0
    }
    .component-grid-items.layout-b li:nth-child(1) a {
        padding-bottom: 49%
    }
    .component-grid-items.layout-b li:nth-child(1) .overlay {
        width: 50%;
        right: auto;
        bottom: auto;
        left: 0;
        top: 29%
    }
    .component-grid-items.layout-b li:nth-child(2) {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-b li:nth-child(1) .overlay {
        top: 35%
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-c li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-grid-items.layout-c li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-c li a {
        padding-bottom: 65%
    }
    .component-grid-items.layout-c li:nth-child(1),
    .component-grid-items.layout-c li:nth-child(2) {
        clear: left
    }
    .component-grid-items.layout-c li:nth-child(1) h3,
    .component-grid-items.layout-c li:nth-child(1) .popup-block .block-title,
    .popup-block .component-grid-items.layout-c li:nth-child(1) .block-title,
    .component-grid-items.layout-c li:nth-child(2) h3,
    .component-grid-items.layout-c li:nth-child(2) .popup-block .block-title,
    .popup-block .component-grid-items.layout-c li:nth-child(2) .block-title {
        font-size: 1rem;
        line-height: 1.4rem;
        margin: 0.625rem 0 0.1875rem
    }
    .component-grid-items.layout-c li:nth-child(1) a,
    .component-grid-items.layout-c li:nth-child(2) a {
        padding-bottom: 31%
    }
    .component-grid-items.layout-c li:nth-child(3) {
        float: right;
        margin-top: -16.8%;
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-d li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-grid-items.layout-d li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-d li a {
        padding-bottom: 65%
    }
    .component-grid-items.layout-d li:nth-child(2),
    .component-grid-items.layout-d li:nth-child(3) {
        margin-right: 0;
        float: left
    }
    .component-grid-items.layout-d li:nth-child(2) h3,
    .component-grid-items.layout-d li:nth-child(2) .popup-block .block-title,
    .popup-block .component-grid-items.layout-d li:nth-child(2) .block-title,
    .component-grid-items.layout-d li:nth-child(3) h3,
    .component-grid-items.layout-d li:nth-child(3) .popup-block .block-title,
    .popup-block .component-grid-items.layout-d li:nth-child(3) .block-title {
        font-size: 1rem;
        line-height: 1.4rem;
        margin: 0.625rem 0 0.1875rem
    }
    .component-grid-items.layout-d li:nth-child(2) a,
    .component-grid-items.layout-d li:nth-child(3) a {
        padding-bottom: 31%
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-e li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-grid-items.layout-e li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-e li:nth-child(2n) {
        margin-right: 0
    }
    .component-grid-items.layout-e li:nth-child(2n+1) {
        clear: left
    }
    .component-grid-items.layout-e li h3,
    .component-grid-items.layout-e li .popup-block .block-title,
    .popup-block .component-grid-items.layout-e li .block-title {
        font-size: 1rem;
        line-height: 1.4rem;
        margin: 0.625rem 0 0.1875rem
    }
    .component-grid-items.layout-e li a {
        padding-bottom: 60%
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-f li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-grid-items.layout-f li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-f li:nth-child(odd) {
        margin-right: 0
    }
    .component-grid-items.layout-f li:nth-child(1) {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%
    }
    .component-grid-items.layout-f li:nth-child(1):last-child {
        margin-right: 0
    }
    .component-grid-items.layout-f li:nth-child(1) a {
        padding-bottom: 50%
    }
    .component-grid-items.layout-f li h3,
    .component-grid-items.layout-f li .popup-block .block-title,
    .popup-block .component-grid-items.layout-f li .block-title {
        font-size: 0.8125rem
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-f li h3,
    .component-grid-items.layout-f li .popup-block .block-title,
    .popup-block .component-grid-items.layout-f li .block-title {
        font-size: 1rem
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-g li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%;
        margin-right: 0
    }
    .component-grid-items.layout-g li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-g li a {
        padding-bottom: 50%
    }
}

.component-grid-items.layout-h li {
    border: 0;
    float: left;
    display: block;
    margin: 0;
    width: 50%
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-h li {
        width: 25%
    }
}

.component-grid-items.layout-h li:nth-child(2n+1) a:before {
    display: none
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-h li:nth-child(2n+1) a:before {
        display: block
    }
    .component-grid-items.layout-h li:nth-child(4n+1) a:before {
        display: none
    }
}

.component-grid-items.layout-h li a {
    height: auto;
    padding-bottom: 1px
}

.component-grid-items.layout-h li .square-image {
    height: 0;
    padding-bottom: 100%
}

.component-grid-items.layout-h a:before {
    border-left: 1px solid #dcdcdc;
    content: ' ';
    height: calc(100% - 16px);
    left: 0;
    position: absolute;
    top: 8px;
    width: 0
}

.component-grid-items.layout-i li h3,
.component-grid-items.layout-i li .popup-block .block-title,
.popup-block .component-grid-items.layout-i li .block-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-i li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-i li:nth-child(3n) {
        margin-right: 0
    }
    .component-grid-items.layout-i li:nth-child(3n+1) {
        clear: left
    }
    .component-grid-items.layout-i li:last-child {
        margin-right: 0
    }
}

.component-grid-items.layout-j li h3,
.component-grid-items.layout-j li .popup-block .block-title,
.popup-block .component-grid-items.layout-j li .block-title {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin: 0;
    padding: 0.625rem 0;
    background: #fff;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: none
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-j li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-j li:nth-child(3n) {
        margin-right: 0
    }
    .component-grid-items.layout-j li:nth-child(3n+1) {
        clear: left
    }
    .component-grid-items.layout-j li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-j li a {
        padding-bottom: 110%
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-j li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .component-grid-items.layout-j li:nth-child(3n) {
        margin-right: 1.12867%
    }
    .component-grid-items.layout-j li:nth-child(3n+1) {
        clear: none
    }
    .component-grid-items.layout-j li:nth-child(6n) {
        margin-right: 0
    }
    .component-grid-items.layout-j li:nth-child(6n+1) {
        clear: left
    }
    .component-grid-items.layout-j li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-j li a {
        padding-bottom: 125%
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-j.layout-item-count-3 li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-j.layout-item-count-3 li:nth-child(3n) {
        margin-right: 0
    }
    .component-grid-items.layout-j.layout-item-count-3 li:nth-child(3n+1) {
        clear: left
    }
    .component-grid-items.layout-j.layout-item-count-3 li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-j.layout-item-count-3 li a {
        padding-bottom: 110%
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-j.layout-item-count-4 li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    .component-grid-items.layout-j.layout-item-count-4 li:nth-child(4n) {
        margin-right: 0
    }
    .component-grid-items.layout-j.layout-item-count-4 li:nth-child(4n+1) {
        clear: left
    }
    .component-grid-items.layout-j.layout-item-count-4 li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-j.layout-item-count-4 li a {
        padding-bottom: 115%
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-j.layout-item-count-5 li {
        float: left;
        display: block;
        margin-right: 1.35747%;
        width: 18.91403%
    }
    .component-grid-items.layout-j.layout-item-count-5 li:nth-child(5n) {
        margin-right: 0
    }
    .component-grid-items.layout-j.layout-item-count-5 li:nth-child(5n+1) {
        clear: left
    }
    .component-grid-items.layout-j.layout-item-count-5 li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-j.layout-item-count-5 li a {
        padding-bottom: 120%
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-k li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-grid-items.layout-k li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-k li:nth-child(2n) {
        margin-right: 0
    }
    .component-grid-items.layout-k li:nth-child(2n+1) {
        clear: left
    }
    .component-grid-items.layout-k li h3,
    .component-grid-items.layout-k li .popup-block .block-title,
    .popup-block .component-grid-items.layout-k li .block-title {
        font-size: 1rem;
        line-height: 1.4rem;
        margin: 0.625rem 0 0.1875rem
    }
    .component-grid-items.layout-k li a {
        padding-bottom: 31%
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-l li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-l li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-l li:nth-child(3n) {
        margin-right: 0
    }
    .component-grid-items.layout-l li:nth-child(3n+1) {
        clear: left
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-m li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-m li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-m li:nth-child(3) {
        margin-right: 0
    }
    .component-grid-items.layout-m li:nth-child(3+1) {
        clear: left
    }
    .component-grid-items.layout-m li:nth-child(5) {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%;
        margin-right: 0
    }
    .component-grid-items.layout-m li:nth-child(5):last-child {
        margin-right: 0
    }
    .component-grid-items.layout-m li:nth-child(5) a {
        padding-bottom: 49%
    }
    .component-grid-items.layout-m li:nth-child(5) .overlay {
        width: 50%;
        left: auto;
        bottom: auto;
        right: 0;
        bottom: 29%
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-m li:nth-child(5) .overlay {
        bottom: 35%
    }
}

.component-grid-items.layout-n li {
    float: left;
    display: block;
    margin-right: 0%;
    width: 50%;
    margin-bottom: 0;
    border: none
}

.component-grid-items.layout-n li:last-child {
    margin-right: 0
}

.component-grid-items.layout-n li:nth-child(2) {
    margin-right: 0
}

.component-grid-items.layout-n li:nth-child(2+1) {
    clear: left
}

.component-grid-items.layout-n li:nth-child(1),
.component-grid-items.layout-n li:nth-child(6),
.component-grid-items.layout-n li:nth-child(7) {
    display: none
}

.component-grid-items.layout-n li:last-child {
    margin-top: 1rem;
    width: 100%
}

.component-grid-items.layout-n li:nth-child(3) div.grow,
.component-grid-items.layout-n li:nth-child(5) div.grow {
    padding-top: 16.66667%;
    padding-bottom: 16.66667%
}

.component-grid-items.layout-n li:nth-child(4) {
    clear: left
}

.component-grid-items.layout-n li .overlay {
    background: transparent
}

.component-grid-items.layout-n li .overlay h3,
.component-grid-items.layout-n li .overlay .popup-block .block-title,
.popup-block .component-grid-items.layout-n li .overlay .block-title {
    font-size: 0.8rem;
    font-family: FuturaWeb, arial, sans-serif;
    margin-left: 5%;
    margin-bottom: 5%;
    line-height: 1rem;
    text-align: left
}

.component-grid-items.layout-n li .overlay h3.cta,
.component-grid-items.layout-n li .overlay .popup-block .cta.block-title,
.popup-block .component-grid-items.layout-n li .overlay .cta.block-title {
    text-transform: none
}

.component-grid-items.layout-n li .overlay p,
.component-grid-items.layout-n li .overlay address {
    border-top: 0
}

.component-grid-items.layout-n li .overlay p .button,
.component-grid-items.layout-n li .overlay address .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    border: 1px solid;
    background: none;
    width: 100%
}

.component-grid-items.layout-n li .overlay p .button:hover,
.component-grid-items.layout-n li .overlay address .button:hover,
.component-grid-items.layout-n li .overlay p .button:focus,
.component-grid-items.layout-n li .overlay address .button:focus {
    background: #151a33;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.component-grid-items.layout-n li .overlay p .button .icon,
.component-grid-items.layout-n li .overlay address .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-n li .overlay p .button,
    .component-grid-items.layout-n li .overlay address .button {
        width: auto
    }
}

.component-grid-items.layout-n li .overlay.cta {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 30%
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-n li {
        float: left;
        display: block;
        margin-right: 0%;
        width: 33.33333%
    }
    .component-grid-items.layout-n li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-n li:nth-child(5) {
        margin-right: 0
    }
    .component-grid-items.layout-n li:nth-child(5+1) {
        clear: left
    }
    .component-grid-items.layout-n li:nth-child(2) a {
        padding-bottom: 100%
    }
    .component-grid-items.layout-n li:nth-child(3) a {
        padding-bottom: 100%
    }
    .component-grid-items.layout-n li:nth-child(3) a .overlay {
        bottom: 33.33333%
    }
    .component-grid-items.layout-n li:nth-child(3) div.grow {
        margin-top: 0;
        margin-bottom: 0
    }
    .component-grid-items.layout-n li:nth-child(4) {
        z-index: 2;
        clear: none
    }
    .component-grid-items.layout-n li:nth-child(4) a {
        padding-bottom: 100%
    }
    .component-grid-items.layout-n li:nth-child(5) {
        margin-top: 0
    }
    .component-grid-items.layout-n li:nth-child(5) a {
        padding-bottom: 66.66667%
    }
    .component-grid-items.layout-n li:nth-child(5) div.grow {
        margin-top: 0;
        margin-bottom: 0
    }
    .component-grid-items.layout-n li:nth-child(6) {
        display: block;
        overflow: visible
    }
    .component-grid-items.layout-n li:nth-child(6) a {
        padding-bottom: 100%;
        margin-top: -33.33333%;
        overflow: hidden
    }
    .component-grid-items.layout-n li:nth-child(7) {
        display: block
    }
    .component-grid-items.layout-n li:nth-child(7) a {
        padding-bottom: 66.66667%
    }
    .component-grid-items.layout-n li:last-child {
        display: none
    }
    .component-grid-items.layout-n li .overlay h3,
    .component-grid-items.layout-n li .overlay .popup-block .block-title,
    .popup-block .component-grid-items.layout-n li .overlay .block-title {
        display: block
    }
}

@media screen and (min-width: 992px) {
    .component-grid-items.layout-n li {
        float: left;
        display: block;
        margin-right: 0%;
        width: 25%;
        border: none;
        margin-bottom: 0
    }
    .component-grid-items.layout-n li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-n li:nth-child(4) {
        margin-right: 0
    }
    .component-grid-items.layout-n li:nth-child(4+1) {
        clear: left
    }
    .component-grid-items.layout-n li a:hover .overlay h3.nocta::after,
    .component-grid-items.layout-n li a:hover .overlay .popup-block .nocta.block-title::after,
    .popup-block .component-grid-items.layout-n li a:hover .overlay .nocta.block-title::after {
        content: " >"
    }
    .component-grid-items.layout-n li a img.hover-zoom {
        width: 100%;
        height: 100%;
        transform: scale(1, 1);
        -webkit-transition: all 0.66s ease-in-out;
        -moz-transition: all 0.66s ease-in-out;
        -o-transition: all 0.66s ease-in-out;
        -ms-transition: all 0.66s ease-in-out;
        transition: all 0.66s ease-in-out
    }
    .component-grid-items.layout-n li a img.hover-zoom:hover {
        transform: scale(1.2, 1.2)
    }
    .component-grid-items.layout-n li:nth-child(1) {
        display: block
    }
    .component-grid-items.layout-n li:nth-child(1) a {
        padding-bottom: 166.66667%
    }
}

.component-grid-items.layout-o li {
    width: 100%
}

.component-grid-items.layout-o li a .overlay.left {
    left: 50%;
    width: 50%;
    height: 100%;
    padding: 5%
}

.component-grid-items.layout-o li a .overlay.right {
    right: 50%;
    width: 50%;
    height: 100%;
    padding: 5%
}

.component-grid-items.layout-o li a .overlay.none {
    display: none
}

.component-grid-items.layout-o li a .overlay h2,
.component-grid-items.layout-o li a .overlay h3,
.component-grid-items.layout-o li a .overlay .popup-block .block-title,
.popup-block .component-grid-items.layout-o li a .overlay .block-title {
    margin: 0
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-o li {
        float: left;
        display: block;
        margin-right: 0%;
        width: 100%;
        border: none;
        margin-bottom: 0;
        width: 50%
    }
    .component-grid-items.layout-o li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-o li:nth-child(2) {
        margin-right: 0
    }
    .component-grid-items.layout-o li:nth-child(2+1) {
        clear: left
    }
    .component-grid-items.layout-o li a {
        width: 100%;
        height: auto;
        margin: 0;
        padding-bottom: 0
    }
    .component-grid-items.layout-o li a .overlay {
        position: absolute;
        bottom: 5%
    }
    .component-grid-items.layout-o li a .overlay h3,
    .component-grid-items.layout-o li a .overlay .popup-block .block-title,
    .popup-block .component-grid-items.layout-o li a .overlay .block-title {
        font-size: 0.8rem;
        font-family: FuturaWeb, arial, sans-serif
    }
}

@media screen and (min-width: 768px) and (min-width: 992px) {
    .component-grid-items.layout-o li a .overlay h3,
    .component-grid-items.layout-o li a .overlay .popup-block .block-title,
    .popup-block .component-grid-items.layout-o li a .overlay .block-title {
        margin-left: 5%;
        margin-bottom: 5%;
        line-height: 1rem;
        text-align: left
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-o li a .overlay h3.cta,
    .component-grid-items.layout-o li a .overlay .popup-block .cta.block-title,
    .popup-block .component-grid-items.layout-o li a .overlay .cta.block-title {
        text-transform: none
    }
    .component-grid-items.layout-o li a .overlay p,
    .component-grid-items.layout-o li a .overlay address {
        border-top: 0
    }
    .component-grid-items.layout-o li a .overlay p .button,
    .component-grid-items.layout-o li a .overlay address .button {
        font-size: 0.875rem;
        line-height: 1.225rem;
        padding: 0.6875rem 0.9375rem 0.5rem;
        font-family: FuturaWeb, arial, sans-serif;
        letter-spacing: 0.125rem;
        display: inline-block;
        cursor: pointer;
        outline: none;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        border: 1px solid;
        background: none;
        width: 100%
    }
    .component-grid-items.layout-o li a .overlay p .button:hover,
    .component-grid-items.layout-o li a .overlay address .button:hover,
    .component-grid-items.layout-o li a .overlay p .button:focus,
    .component-grid-items.layout-o li a .overlay address .button:focus {
        background: #151a33;
        color: #fff !important;
        outline: none;
        text-decoration: none
    }
    .component-grid-items.layout-o li a .overlay p .button .icon,
    .component-grid-items.layout-o li a .overlay address .button .icon {
        margin-top: -0.125rem;
        margin-right: 0.3125rem
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) {
    .component-grid-items.layout-o li a .overlay p .button,
    .component-grid-items.layout-o li a .overlay address .button {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-o li a .overlay.cta {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        height: 30%
    }
    .component-grid-items.layout-o li a .overlay.left {
        left: 50%;
        width: 50%;
        height: 100%;
        padding-top: 10%
    }
    .component-grid-items.layout-o li a .overlay.right {
        right: 50%;
        width: 50%;
        height: 100%;
        padding-top: 10%
    }
    .component-grid-items.layout-o li a .overlay.bottomcentred,
    .component-grid-items.layout-o li a .overlay.bottomcentered {
        margin: 0 auto;
        text-align: center
    }
    .component-grid-items.layout-o li a .overlay.transparent {
        background: transparent
    }
    .component-grid-items.layout-o li a .overlay h2,
    .component-grid-items.layout-o li a .overlay h3,
    .component-grid-items.layout-o li a .overlay .popup-block .block-title,
    .popup-block .component-grid-items.layout-o li a .overlay .block-title {
        margin: 1rem
    }
    .component-grid-items.layout-o li a.transparent {
        background: none
    }
}

@media screen and (min-width: 768px) {
    .component-grid-items.layout-p li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid-items.layout-p li:last-child {
        margin-right: 0
    }
    .component-grid-items.layout-p li:nth-child(3n) {
        margin-right: 0
    }
    .component-grid-items.layout-p li:nth-child(3n+1) {
        clear: left
    }
}

.cms-index-defaultindex .component-grid-items li h3,
.cms-index-defaultindex .component-grid-items li .popup-block .block-title,
.popup-block .cms-index-defaultindex .component-grid-items li .block-title {
    font-size: 1rem
}

@media screen and (min-width: 790px) {
    .cms-index-defaultindex .component-grid-items li h3,
    .cms-index-defaultindex .component-grid-items li .popup-block .block-title,
    .popup-block .cms-index-defaultindex .component-grid-items li .block-title {
        font-size: 1.125rem
    }
}

@media screen and (min-width: 992px) {
    .cms-index-defaultindex .component-grid-items li h3,
    .cms-index-defaultindex .component-grid-items li .popup-block .block-title,
    .popup-block .cms-index-defaultindex .component-grid-items li .block-title {
        font-size: 1.25rem
    }
}

.catalog-category-view .component-hero img {
    width: 200% !important;
    position: relative;
    left: -50%
}

@media screen and (min-width: 768px) {
    .catalog-category-view .component-hero img {
        width: 100% !important;
        position: static;
        left: 0
    }
}

.component-section-break,
.page-title {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 1.25rem 0 0.8125rem;
    margin: 0 0 2.5rem;
    border-left: none;
    border-right: none
}

.component-section-break:last-child,
.page-title:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-section-break,
    .page-title {
        padding: 1.875rem 0 1.4375rem
    }
}

.component-section-break h1,
.page-title h1,
.component-section-break h2,
.page-title h2,
.component-section-break h3,
.page-title h3,
.component-section-break .popup-block .block-title,
.popup-block .component-section-break .block-title,
.page-title .popup-block .block-title,
.popup-block .page-title .block-title,
.component-section-break h4,
.page-title h4,
.component-section-break h5,
.page-title h5,
.component-section-break h6,
.page-title h6 {
    margin: 0;
    font-size: 1.3125rem;
    line-height: 1.8375rem
}

@media screen and (min-width: 768px) {
    .component-section-break h1,
    .page-title h1,
    .component-section-break h2,
    .page-title h2,
    .component-section-break h3,
    .page-title h3,
    .component-section-break .popup-block .block-title,
    .popup-block .component-section-break .block-title,
    .page-title .popup-block .block-title,
    .popup-block .page-title .block-title,
    .component-section-break h4,
    .page-title h4,
    .component-section-break h5,
    .page-title h5,
    .component-section-break h6,
    .page-title h6 {
        font-size: 1.75rem;
        line-height: 2.45rem
    }
}

.component-section-break p,
.page-title p,
.component-section-break address,
.page-title address {
    margin: 0.625rem 0 0.3125rem;
    font-size: 0.75rem;
    line-height: 1.05rem
}

.component-carousel {
    height: auto;
    padding: 0 2.1875rem;
    margin: 0 0 2.5rem;
    position: relative;
    z-index: 5;
    clear: both
}

.component-carousel button,
.component-carousel #my-orders-table tbody tr td:last-child a:first-child,
#my-orders-table tbody tr td:last-child .component-carousel a:first-child,
.component-carousel #my-orders-table tbody tr td a,
#my-orders-table tbody tr td .component-carousel a,
.component-carousel .my-account h2 a,
.my-account h2 .component-carousel a,
.component-carousel .my-account h3 a,
.my-account h3 .component-carousel a,
.component-carousel .my-account .popup-block .block-title a,
.my-account .popup-block .block-title .component-carousel a,
.component-carousel .popup-block .my-account .block-title a,
.popup-block .my-account .block-title .component-carousel a,
.component-carousel .my-account .box-title a,
.my-account .box-title .component-carousel a,
.component-carousel .my-account .box-head a,
.my-account .box-head .component-carousel a {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #f3f4f5;
    color: #1d2345;
    border: none;
    height: 100%;
    width: 30px;
    padding: 0;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    top: 0
}

.component-carousel button:hover,
.component-carousel #my-orders-table tbody tr td a:hover,
#my-orders-table tbody tr td .component-carousel a:hover,
.component-carousel .my-account h2 a:hover,
.my-account h2 .component-carousel a:hover,
.component-carousel .my-account h3 a:hover,
.my-account h3 .component-carousel a:hover,
.component-carousel .my-account .popup-block .block-title a:hover,
.my-account .popup-block .block-title .component-carousel a:hover,
.component-carousel .popup-block .my-account .block-title a:hover,
.popup-block .my-account .block-title .component-carousel a:hover,
.component-carousel .my-account .box-title a:hover,
.my-account .box-title .component-carousel a:hover,
.component-carousel .my-account .box-head a:hover,
.my-account .box-head .component-carousel a:hover,
.component-carousel button:focus,
.component-carousel #my-orders-table tbody tr td a:focus,
#my-orders-table tbody tr td .component-carousel a:focus,
.component-carousel .my-account h2 a:focus,
.my-account h2 .component-carousel a:focus,
.component-carousel .my-account h3 a:focus,
.my-account h3 .component-carousel a:focus,
.component-carousel .my-account .popup-block .block-title a:focus,
.my-account .popup-block .block-title .component-carousel a:focus,
.component-carousel .popup-block .my-account .block-title a:focus,
.popup-block .my-account .block-title .component-carousel a:focus,
.component-carousel .my-account .box-title a:focus,
.my-account .box-title .component-carousel a:focus,
.component-carousel .my-account .box-head a:focus,
.my-account .box-head .component-carousel a:focus {
    background: #e5e7e9;
    outline: none;
    text-decoration: none
}

.component-carousel button .icon,
.component-carousel #my-orders-table tbody tr td a .icon,
#my-orders-table tbody tr td .component-carousel a .icon,
.component-carousel .my-account h2 a .icon,
.my-account h2 .component-carousel a .icon,
.component-carousel .my-account h3 a .icon,
.my-account h3 .component-carousel a .icon,
.component-carousel .my-account .popup-block .block-title a .icon,
.my-account .popup-block .block-title .component-carousel a .icon,
.component-carousel .popup-block .my-account .block-title a .icon,
.popup-block .my-account .block-title .component-carousel a .icon,
.component-carousel .my-account .box-title a .icon,
.my-account .box-title .component-carousel a .icon,
.component-carousel .my-account .box-head a .icon,
.my-account .box-head .component-carousel a .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.component-carousel button .icon,
.component-carousel #my-orders-table tbody tr td a .icon,
#my-orders-table tbody tr td .component-carousel a .icon,
.component-carousel .my-account h2 a .icon,
.my-account h2 .component-carousel a .icon,
.component-carousel .my-account h3 a .icon,
.my-account h3 .component-carousel a .icon,
.component-carousel .my-account .popup-block .block-title a .icon,
.my-account .popup-block .block-title .component-carousel a .icon,
.component-carousel .popup-block .my-account .block-title a .icon,
.popup-block .my-account .block-title .component-carousel a .icon,
.component-carousel .my-account .box-title a .icon,
.my-account .box-title .component-carousel a .icon,
.component-carousel .my-account .box-head a .icon,
.my-account .box-head .component-carousel a .icon {
    margin: 0
}

.component-carousel .carousel-previous {
    left: 0
}

.component-carousel .carousel-next {
    right: 0
}

.component-carousel ul {
    height: auto
}

.component-carousel ul li {
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    vertical-align: top;
    border: none
}

.component-carousel ul li a {
    padding: 0 0.3125rem;
    display: block;
    position: relative;
    width: 100%
}

body.catalog-category-view .component-carousel,
body.foryouforever-index-index .component-carousel {
    max-height: 200px
}

body.catalog-category-view .component-carousel ul,
body.foryouforever-index-index .component-carousel ul {
    max-height: 200px
}

body.catalog-category-view .component-carousel ul li,
body.foryouforever-index-index .component-carousel ul li {
    max-width: 200px;
    max-height: 200px
}

body.catalog-category-view .component-carousel ul li a,
body.foryouforever-index-index .component-carousel ul li a {
    padding-bottom: 79%
}

body.catalog-category-view .forceChanges--not-used,
body.foryouforever-index-index .forceChanges--not-used {
    display: none
}

body.category-bridal .component-carousel {
    max-height: none
}

body.category-bridal .component-carousel ul {
    max-height: none
}

body.category-bridal .component-carousel ul li {
    max-width: none;
    max-height: none
}

body.category-bridal .component-carousel ul li a {
    padding-bottom: 0
}

.component-grid li h3,
.component-grid li .popup-block .block-title,
.popup-block .component-grid li .block-title {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media screen and (min-width: 768px) {
    .component-grid.items-two-up li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-grid.items-two-up li:nth-child(2n) {
        margin-right: 0
    }
    .component-grid.items-two-up li:nth-child(2n+1) {
        clear: left
    }
    .component-grid.items-two-up li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .component-grid.items-three-up li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-grid.items-three-up li:nth-child(3n) {
        margin-right: 0
    }
    .component-grid.items-three-up li:nth-child(3n+1) {
        clear: left
    }
    .component-grid.items-three-up li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .component-grid.items-four-up li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    .component-grid.items-four-up li:nth-child(4n) {
        margin-right: 0
    }
    .component-grid.items-four-up li:nth-child(4n+1) {
        clear: left
    }
    .component-grid.items-four-up li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .component-grid.items-centered {
        text-align: center
    }
    .component-grid.items-centered li {
        margin: 0 0.125rem 0.375rem;
        text-align: center;
        display: inline-block;
        float: none
    }
}

.cover-difference-home .component-grid.items-four-up {
    text-align: center
}

.cover-difference-home .component-grid.items-four-up li {
    width: 233px;
    height: 233px;
    margin: 0 0.125rem 0.375rem;
    text-align: center;
    display: inline-block;
    float: none
}

.cover-difference-home .component-grid.items-four-up li:nth-child(4n) {
    margin-right: 0
}

.cover-difference-home .component-grid.items-four-up li:nth-child(4n+1) {
    clear: left
}

.component-description-image {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0 0 2.5rem
}

.component-description-image:last-child {
    margin-right: 0
}

.component-description-image .content,
.component-description-image .aside {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-description-image .content:last-child,
.component-description-image .aside:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-description-image .content {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 57.86305%
    }
    .component-description-image .content:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .component-description-image .content {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%
    }
    .component-description-image .content:last-child {
        margin-right: 0
    }
}

.component-description-image .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    border-left: none;
    border-right: none;
    background: #fff;
    color: #1d2345;
    width: 100%
}

.component-description-image .button:hover,
.component-description-image .button:focus {
    background: #fff;
    outline: none;
    text-decoration: none
}

.component-description-image .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .component-description-image .aside {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 41.00828%;
        padding: 0 0 0 1.25rem
    }
    .component-description-image .aside:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .component-description-image .aside {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-description-image .aside:last-child {
        margin-right: 0
    }
}

.component-description-image h2 {
    font-size: 1.375rem;
    line-height: 1.925rem;
    margin: 0 0 1.25rem;
    padding: 1.25rem 0 0.8125rem;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none
}

.component-description-image p,
.component-description-image address {
    font-size: 0.875rem;
    line-height: 1.225rem
}

.component-content-appointment {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0 0 2.5rem
}

.component-content-appointment:last-child {
    margin-right: 0
}

.component-content-appointment .content,
.component-content-appointment .aside {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-content-appointment .content:last-child,
.component-content-appointment .aside:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-content-appointment .content {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 57.86305%
    }
    .component-content-appointment .content:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .component-content-appointment .content {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%
    }
    .component-content-appointment .content:last-child {
        margin-right: 0
    }
}

.component-content-appointment .content.full {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-content-appointment .content.full:last-child {
    margin-right: 0
}

.component-content-appointment .appointment {
    padding: 1.25rem 1.875rem 0.625rem;
    background: #f3f4f5
}

.component-content-appointment .appointment p .button,
.component-content-appointment .appointment address .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    width: 100%
}

.component-content-appointment .appointment p .button:hover,
.component-content-appointment .appointment address .button:hover,
.component-content-appointment .appointment p .button:focus,
.component-content-appointment .appointment address .button:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.component-content-appointment .appointment p .button .icon,
.component-content-appointment .appointment address .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.component-content-appointment .appointment p:last-child,
.component-content-appointment .appointment address:last-child {
    margin-bottom: 0.625rem
}

.component-content-appointment .appointment p:last-child .button,
.component-content-appointment .appointment address:last-child .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #9eabc4;
    color: #fff;
    border: none
}

.component-content-appointment .appointment p:last-child .button:hover,
.component-content-appointment .appointment address:last-child .button:hover,
.component-content-appointment .appointment p:last-child .button:focus,
.component-content-appointment .appointment address:last-child .button:focus {
    background: #8e9dba;
    outline: none;
    text-decoration: none
}

.component-content-appointment .appointment p:last-child .button .icon,
.component-content-appointment .appointment address:last-child .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.component-content-appointment .appointment.hidden {
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0
}

@media screen and (min-width: 768px) {
    .component-content-appointment .aside {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 41.00828%;
        padding: 0 0 0 1.25rem
    }
    .component-content-appointment .aside:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .component-content-appointment .aside {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-content-appointment .aside:last-child {
        margin-right: 0
    }
}

.component-content-appointment h2 {
    font-size: 1.375rem;
    line-height: 1.925rem;
    margin: 0 0 1.25rem;
    padding: 1.25rem 0 0.8125rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    color: #9eabc4;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none
}

.component-content-appointment h3,
.component-content-appointment .popup-block .block-title,
.popup-block .component-content-appointment .block-title {
    margin: 0 0 1.25rem;
    padding: 0 0 0.8125rem;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none
}

.component-content-appointment p,
.component-content-appointment address {
    font-size: 0.875rem;
    line-height: 1.225rem
}

.component-commerce-footer {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0 0 2.5rem
}

.component-commerce-footer:last-child {
    margin-right: 0
}

.component-commerce-footer .aside {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-commerce-footer .aside:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-commerce-footer .aside {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%;
        padding: 0 0 0 1.25rem
    }
    .component-commerce-footer .aside:last-child {
        margin-right: 0
    }
}

.component-commerce-footer .box {
    padding: 1.25rem 1.875rem 0.625rem;
    margin: 1.25rem 0 0
}

@media screen and (min-width: 768px) {
    .component-commerce-footer .box {
        margin: 0;
        min-height: 328px
    }
}

.component-commerce-footer .box .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    width: 100%
}

.component-commerce-footer .box .button:hover,
.component-commerce-footer .box .button:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.component-commerce-footer .box .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.component-commerce-footer h2 {
    font-size: 1.375rem;
    line-height: 1.925rem;
    margin: 0 0 1.25rem;
    padding: 1.25rem 0 0.8125rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    color: #9eabc4;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none
}

.component-commerce-footer h3,
.component-commerce-footer .popup-block .block-title,
.popup-block .component-commerce-footer .block-title {
    margin: 0 0 1.25rem;
    padding: 0 0 0.8125rem;
    width: 100%;
    border-left: none;
    border-right: none;
    border-top: none
}

.component-commerce-footer p,
.component-commerce-footer address {
    font-size: 0.875rem;
    line-height: 1.225rem
}

.component-list-with-content {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0 0 2.5rem
}

.component-list-with-content:last-child {
    margin-right: 0
}

.component-list-with-content .list-with-content-menu {
    margin: 0 0 1.25rem
}

@media screen and (min-width: 768px) {
    .component-list-with-content .list-with-content-menu {
        margin: 0
    }
}

.component-list-with-content .list-with-content-menu-sidebar {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin: 0 0 1.25rem;
    padding: 0.625rem 0 0.9375rem;
    background: #f3f4f5
}

.component-list-with-content .list-with-content-menu-sidebar:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-list-with-content .list-with-content-menu-sidebar {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%;
        margin: 0;
        border-right: 1.25rem solid #fff
    }
    .component-list-with-content .list-with-content-menu-sidebar:last-child {
        margin-right: 0
    }
}

.component-list-with-content .list-with-content-menu-sidebar li {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin: 0;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem
}

.component-list-with-content .list-with-content-menu-sidebar li a {
    position: relative;
    padding: 0.9375rem 0 0.625rem 0.625rem;
    z-index: 1;
    display: block;
    width: 100%;
    color: #9eabc4
}

.component-list-with-content .list-with-content-menu-sidebar li.current-menu-item {
    font-size: 0.9375rem;
    line-height: 1.3125rem
}

.component-list-with-content .list-with-content-menu-sidebar li.current-menu-item a {
    color: #1d2345
}

.component-list-with-content .list-with-content-sidebar {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-list-with-content .list-with-content-sidebar:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-list-with-content .list-with-content-sidebar {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-list-with-content .list-with-content-sidebar:last-child {
        margin-right: 0
    }
}

.component-list-with-content .list-with-content-sidebar h1,
.component-list-with-content .list-with-content-sidebar h2,
.component-list-with-content .list-with-content-sidebar h3,
.component-list-with-content .list-with-content-sidebar .popup-block .block-title,
.popup-block .component-list-with-content .list-with-content-sidebar .block-title,
.component-list-with-content .list-with-content-sidebar h4,
.component-list-with-content .list-with-content-sidebar h5,
.component-list-with-content .list-with-content-sidebar h6 {
    font-family: FuturaWeb, arial, sans-serif;
    color: #9eabc4
}

.component-list-with-content .list-with-content-body {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-list-with-content .list-with-content-body:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-list-with-content .list-with-content-body {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%;
        padding: 0 0 0 1.25rem
    }
    .component-list-with-content .list-with-content-body:last-child {
        margin-right: 0
    }
}

.component-list-with-content .list-with-content-body .component-grid-items {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-list-with-content .list-with-content-body .component-grid-items:last-child {
    margin-right: 0
}

.component-list-with-content .list-with-content-body ul {
    list-style: none;
    padding-left: 10px
}

.component-list-with-content .list-with-content-body ul li:before {
    content: "•";
    margin-right: 5px
}

.component-list-with-content .list-with-content-body h2,
.component-list-with-content .list-with-content-body h4,
.component-list-with-content .list-with-content-body p,
.component-list-with-content .list-with-content-body address,
.component-list-with-content .list-with-content-body ul {
    line-height: 1;
    margin-bottom: 20px
}

.component-list-with-content .list-with-content-body h2,
.component-list-with-content .list-with-content-body h4 {
    margin-bottom: 15px
}

.component-gallery {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 2.5rem
}

.component-gallery:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-gallery {
        margin-bottom: 3.75rem
    }
}

.component-gallery .component-gallery-image {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 2.5rem;
    height: 300px;
    width: 100%;
    overflow: hidden
}

.component-gallery .component-gallery-image:last-child {
    margin-right: 0
}

.component-gallery .component-gallery-image img {
    display: inline-block;
    width: auto;
    height: 100%
}

.component-gallery .component-gallery-image img.landscape {
    width: 100%;
    height: auto
}

.component-gallery .component-gallery-image img.portrait {
    width: auto;
    height: 100%
}

@media screen and (min-width: 768px) {
    .component-gallery .component-gallery-image {
        height: 600px;
        width: 100%
    }
}

.component-gallery .component-gallery-thumbnails {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-gallery .component-gallery-thumbnails:last-child {
    margin-right: 0
}

.component-gallery .component-gallery-thumbnails li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 32.58089%;
    margin-bottom: 1.12867%
}

.component-gallery .component-gallery-thumbnails li:last-child {
    margin-right: 0
}

.component-gallery .component-gallery-thumbnails li:nth-child(3n) {
    margin-right: 0
}

.component-gallery .component-gallery-thumbnails li:nth-child(3n+1) {
    clear: left
}

@media screen and (min-width: 768px) {
    .component-gallery .component-gallery-thumbnails li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .component-gallery .component-gallery-thumbnails li:last-child {
        margin-right: 0
    }
    .component-gallery .component-gallery-thumbnails li:nth-child(3n) {
        margin-right: 1.12867%
    }
    .component-gallery .component-gallery-thumbnails li:nth-child(3n+1) {
        clear: none
    }
    .component-gallery .component-gallery-thumbnails li:nth-child(6n) {
        margin-right: 0
    }
    .component-gallery .component-gallery-thumbnails li:nth-child(6n+1) {
        clear: left
    }
}

.component-gallery .component-gallery-thumbnails li a {
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    width: 100%;
    padding-bottom: 100%;
    display: block
}

.component-tabs {
    margin-bottom: 2.5rem;
    width: 100%;
    clear: both
}

@media screen and (min-width: 768px) {
    .component-tabs {
        margin-top: 5rem;
        margin-bottom: 2.5rem
    }
}

.component-tabs .component-tabs-nav {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-tabs .component-tabs-nav:last-child {
    margin-right: 0
}

.component-tabs .component-tabs-nav li {
    font-size: 1.5rem;
    line-height: 2.1rem;
    margin-bottom: 0.3125rem;
    color: #1d2345;
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    font-weight: normal
}

@media screen and (min-width: 768px) {
    .component-tabs .component-tabs-nav li {
        margin-bottom: 0
    }
}

.component-tabs .component-tabs-nav li a {
    padding: 0.9375rem 0 0.5rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8)
}

@media screen and (min-width: 768px) {
    .component-tabs .component-tabs-nav li a {
        padding: 1.5625rem 0 1.25rem;
        background: transparent
    }
}

.component-tabs .component-tabs-nav li.ui-tabs-active a {
    background: transparent
}

@media screen and (min-width: 768px) {
    .component-tabs .component-tabs-nav li.ui-tabs-active a {
        background-color: #fff;
        background-color: rgba(255, 255, 255, 0.8)
    }
}

.component-tabs .component-tabs-content {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 1.25rem 1.25rem 0;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8)
}

.component-tabs .component-tabs-content:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-tabs .component-tabs-content {
        padding: 2.5rem 2.5rem 1.25rem
    }
}

.component-tabs.layout-4 .component-tabs-nav li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.component-tabs.layout-4 .component-tabs-nav li:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-tabs.layout-4 .component-tabs-nav li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    .component-tabs.layout-4 .component-tabs-nav li:last-child {
        margin-right: 0
    }
}

.component-quick-list {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 2.5rem
}

.component-quick-list:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-quick-list {
        border: none
    }
}

@media screen and (min-width: 768px) {
    .component-quick-list li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-quick-list li:last-child {
        margin-right: 0
    }
    .component-quick-list li a {
        border-bottom: 1px solid #d3d3d3
    }
}

@media screen and (min-width: 992px) {
    .component-quick-list li {
        font-size: 1.375rem;
        line-height: 1.925rem
    }
}

.component-accordion {
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #d3d3d3
}

.component-accordion .component-accordion-content.ui-accordion-content-active {
    height: auto !important
}

.component-accordion .component-accordion-title {
    font-size: 1rem;
    line-height: 1.4rem;
    margin: 0;
    padding: 1.125rem 1.5625rem 0.8125rem 0.625rem;
    position: relative;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #d3d3d3;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    cursor: pointer
}

.component-accordion .component-accordion-title .icon {
    margin-top: -0.5rem;
    position: absolute;
    top: 50%;
    right: 0.625rem;
    z-index: 2;
    float: right
}

.component-accordion .component-accordion-inner {
    padding: 1.125rem 0 0.8125rem 0.625rem;
    border-top: 1px solid #d3d3d3
}

.component-locations {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    width: 100%
}

.component-locations:last-child {
    margin-right: 0
}

.component-locations .component-location {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-bottom: 1.25rem
}

.component-locations .component-location:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .component-locations .component-location {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-locations .component-location:last-child {
        margin-right: 0
    }
    .component-locations .component-location:nth-child(2n) {
        margin-right: 0
    }
    .component-locations .component-location:nth-child(2n+1) {
        clear: left
    }
}

.component-locations .component-locations-title {
    font-size: 1.125rem;
    line-height: 1.575rem;
    margin: 0 0 0.625rem;
    padding: 0 0 0.3125rem;
    width: 100%;
    border-bottom: 1px solid #d3d3d3
}

.component-locations .component-locations-telephone {
    margin: 0
}

.component-locations .component-locations-address,
.component-locations .component-locations-opening {
    font-size: 0.75rem;
    line-height: 1.05rem
}

#map-area {
    height: 255px;
    width: 100%
}

@media screen and (min-width: 768px) {
    #map-area {
        height: 715px
    }
    #map-area.individual-store {
        height: 980px
    }
}

#map-search {
    display: block
}

.marker-label {
    margin: 0;
    height: 43px;
    width: 43px
}

.marker-label--alt {
    background: url("../images/marker-alt.png") no-repeat 0 0;
    height: 43px;
    width: 43px
}

.floating-col {
    width: 100%;
    display: block;
    margin: 0;
    padding: 0 20px
}

.floating-col h1,
.floating-col h2,
.floating-col h4 {
    border-bottom: 1px solid #ccc
}

.floating-col h1,
.floating-col h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 15px 0 10px 0
}

.floating-col p,
.floating-col address {
    margin: 0px
}

.floating-col.solid {
    background: #fff
}

@media screen and (min-width: 768px) {
    .floating-col {
        width: 43%;
        margin-right: 0;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 0 20px 0 50px;
        z-index: 20;
        top: 0;
        height: 740px
    }
}

@media screen and (min-width: 992px) {
    .floating-col {
        width: 30%
    }
}

.floating-col.detail {
    display: none
}

@media screen and (min-width: 768px) {
    .floating-col.detail {
        height: 100%;
        border-left: 1px solid #ccc;
        top: 0;
        left: 0;
        padding: 18px 20px 0 20px
    }
    .floating-col.detail.full-width {
        width: 60.1%;
        border-right: solid 1px #ccc;
        left: auto;
        margin-left: 0;
        right: 0
    }
}

@media screen and (min-width: 992px) {
    .floating-col.detail {
        margin-left: 30%
    }
    .floating-col.detail.full-width {
        width: 70.1%
    }
}

.component-stacked-cols {
    display: block
}

.component-stacked-cols:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 768px) {
    .component-stacked-cols.stack-two li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-stacked-cols.stack-two li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .component-stacked-cols.stack-three li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 32.58089%
    }
    .component-stacked-cols.stack-three li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .component-stacked-cols.stack-four li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .component-stacked-cols.stack-four li:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    .component-stacked-cols.stack-four li {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    .component-stacked-cols.stack-four li:last-child {
        margin-right: 0
    }
}

.arrow-buttons__svg {
    width: 6px;
    height: 14px
}

@media screen and (min-width: 992px) {
    .arrow-buttons__svg {
        width: 12px;
        height: 28px
    }
}

.arrow-buttons__path {
    fill: #1d2345
}

.booking-title {
    border: 2px solid #dedede
}

.booking-title:after {
    content: "";
    display: table;
    clear: both
}

.booking-title__item {
    font-size: 0.8125rem;
    line-height: 1.1375rem;
    padding: 0.5625rem 0;
    background: transparent;
    cursor: pointer;
    display: inline-block;
    float: left;
    line-height: 1;
    width: 25%
}

.booking-title__item--active {
    background: #8c9db8
}

.booking-title__text {
    color: #666;
    text-align: center;
    text-transform: uppercase
}

.booking-title__item--active .booking-title__text {
    color: #fff
}

.bread {
    bottom: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 100%
}

@media screen and (min-width: 768px) {
    .bread {
        height: 55%;
        top: auto
    }
}

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

.bread__inner {
    cursor: pointer;
    float: right;
    height: 10px;
    margin: 0 auto;
    margin-right: 7px;
    position: relative;
    top: 50%;
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
    width: 18px
}

@media screen and (min-width: 768px) {
    .bread__inner {
        clear: both
    }
}

.bread__crust {
    background: #1d2345;
    display: block;
    height: 2px;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    width: 50%
}

.bread__crust:nth-child(even) {
    border-radius: 0;
    left: 50%
}

.bread__crust:nth-child(odd) {
    border-radius: 0;
    left: 0px
}

.bread__crust:nth-child(1),
.bread__crust:nth-child(2) {
    top: 0px
}

.bread__crust:nth-child(3),
.bread__crust:nth-child(4) {
    display: none;
    top: 5px
}

.bread__crust:nth-child(5),
.bread__crust:nth-child(6) {
    top: 8px
}

.bread--open .bread__crust:nth-child(1),
.bread--open .bread__crust:nth-child(6) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bread--open .bread__crust:nth-child(2),
.bread--open .bread__crust:nth-child(5) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.bread--open .bread__crust:nth-child(1) {
    left: 3px;
    top: 2px
}

.bread--open .bread__crust:nth-child(2) {
    left: calc(50%);
    top: 2px
}

.bread--open .bread__crust:nth-child(3) {
    left: -50%;
    opacity: 0
}

.bread--open .bread__crust:nth-child(4) {
    left: 100%;
    opacity: 0
}

.bread--open .bread__crust:nth-child(5) {
    left: 3px;
    top: 8px
}

.bread--open .bread__crust:nth-child(6) {
    left: calc(50%);
    top: 8px
}

.fixed-header {
    padding: 4rem 0 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .fixed-header {
        padding: 6.8125rem 0 0
    }
}

@media screen and (min-width: 992px) {
    .fixed-header {
        padding: 8.25rem 0 0
    }
}

.fixed-header__inner {
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.fixed-header--open .fixed-header__inner {
    height: 100%
}

@media screen and (min-width: 768px) {
    .fixed-header--open .fixed-header__inner {
        height: auto
    }
}

.footer-navigation {
    text-align: center
}

.footer-navigation:after {
    content: "";
    display: table;
    clear: both
}

.footer-navigation--primary {
    margin: 0
}

@media screen and (min-width: 768px) {
    .footer-navigation--primary {
        margin: 0 0 0.625rem
    }
}

@media screen and (min-width: 992px) {
    .footer-navigation--primary {
        display: inline-block
    }
}

@media screen and (min-width: 992px) {
    .footer-navigation--secondary {
        display: inline-block
    }
}

.footer-navigation__item {
    display: block
}

@media screen and (min-width: 768px) {
    .footer-navigation__item {
        margin: 0 0.625rem;
        display: inline-block
    }
}

.footer-navigation__link {
    padding: 0.9375rem 0;
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    color: #666;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px
}

.footer-newsletter {
    margin: auto auto 1.875rem;
    background: transparent;
    border: 2px solid #dedede;
    position: relative;
    max-width: 280px
}

.footer-newsletter:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 768px) {
    .footer-newsletter {
        margin: 0;
        display: inline-block;
        width: 100%
    }
}

.footer-newsletter--fr {
    max-width: 420px
}

.footer-newsletter__input {
    font-size: 0.875rem;
    line-height: 1.225rem;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #666;
    padding: 0.625rem 1.25rem 0.625rem 0.9375rem !important;
    width: 100%
}

.footer-newsletter__input::-moz-placeholder {
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    color: #666 !important;
    opacity: 1 !important;
    letter-spacing: 1px;
    line-height: 1.8
}

.footer-newsletter__input::-webkit-input-placeholder {
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    color: #666 !important;
    opacity: 1 !important;
    letter-spacing: 1px;
    line-height: 1.8
}

.footer-newsletter__input:-ms-input-placeholder {
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    color: #666 !important;
    opacity: 1 !important;
    letter-spacing: 1px;
    line-height: 1.8
}

.footer-newsletter__hpinput {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -10;
    padding: 0.625rem 1.25rem 0.625rem 0.9375rem !important;
    width: 100%
}

.footer-newsletter__submit {
    -webkit-appearance: none;
    background: transparent !important;
    bottom: 0;
    border: 0 !important;
    border-radius: 0 !important;
    color: #666 !important;
    line-height: 1 !important;
    padding: 0 10px !important;
    position: absolute;
    right: 0;
    top: 0
}

.footer-newsletter__submit:hover {
    background: transparent !important
}

.footer-newsletter__svg {
    margin: auto;
    height: 14px;
    position: relative;
    top: 2px;
    width: 7px
}

.footer-newsletter__svg-path {
    fill: #1d2345
}

.footer-social {
    margin: 0 0 1.875rem;
    text-align: center
}

@media screen and (min-width: 768px) {
    .footer-social {
        margin: 0;
        display: inline-block;
        height: 20px;
        vertical-align: middle
    }
}

.footer-social--ch {
    margin: 3.125rem 0 1.875rem
}

@media screen and (min-width: 768px) {
    .footer-social--ch {
        margin: 0
    }
    .footer-social--ch .footerdiv-left {
        float: left;
        margin-right: 20px;
    }
    .footer-social--ch .footerdiv-right {
        float: right;
    }
    .footer-social--ch .footerdiv-left .l-icon {
        margin:20px 0 20px 0;
    }
    .footer-social--ch .footerdiv-right .r-icon {
        float: left;
        margin-right: 10px;
    }
}

.footer-social__item {
    margin: 0 0.625rem;
    display: inline-block
}

.footer-social__item--fb,
.footer-social__item--pi {
    margin: 0
}

.footer-social__item--wechat {
    display: none;
    position: relative
}

@media screen and (min-width: 768px) {
    .footer-social__item--wechat {
        display: inline-block
    }
}

@media screen and (min-width: 992px) {
    .footer-social__item--wechat:hover .footer-social__wechat {
        display: block
    }
}

.footer-social__link {
    display: block
}

.footer-social__svg {
    height: 18px;
    width: 26px
}

.footer-social__svg-path {
    fill: #7D7C7C
}

.footer-social span {
    text-indent: -9999px;
    display: inline-block;
    position: absolute;
    left: -1000px
}

.footer-social__wechat {
    padding: 0.625rem;
    background: #fff;
    display: none;
    left: -40px;
    position: absolute;
    top: -120px;
    z-index: 9999;
}

.footer-social__wechat img {
    display: block
}

@media screen and (min-width: 768px) {
    .footer-sub--ch {
        margin: 2.125rem 0 5.875rem
    }
}

.header-buttons {
    margin: 0.125rem 0 0;
    float: right
}

@media screen and (min-width: 768px) {
    .header-buttons {
        float: left
    }
}

.header-buttons--alpha {
    margin-left: 38px
}

@media screen and (min-width: 768px) {
    .header-buttons--alpha {
        margin-left: 0
    }
}

.header-buttons__item {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle
}

.header-buttons__item:first-child {
    margin-left: 0
}

@media screen and (min-width: 992px) {
    .header-buttons__item:hover .header-buttons__path {
        fill: #1d2345
    }
}

.header-buttons__item a {
    color: #8f9cb7;
    display: block
}

.header-buttons__item a:hover {
    color: #8f9cb7
}

.header-buttons__item--open {
    display: block
}

.header-buttons__item--bag {
    cursor: pointer
}

.header-buttons__item--bag a {
    display: block
}

.header-buttons__item--account {
    display: none
}

@media screen and (min-width: 768px) {
    .header-buttons__item--account {
        display: inline-block
    }
}

.header-buttons__item--appointments {
    display: none
}

@media screen and (min-width: 992px) {
    .header-buttons__item--appointments {
        display: inline-block
    }
}

.header-buttons__item--storelocator {
    margin-left: 20px
}

@media screen and (min-width: 768px) {
    .header-buttons__item--storelocator {
        margin: 0
    }
    .header-buttons__item--storelocator .header-buttons__text.use-mobile-menu {
        display: inline;
        vertical-align: middle
    }
}

.header-buttons__item--wishlist {
    display: none
}

@media screen and (min-width: 768px) {
    .header-buttons__item--wishlist {
        display: inline-block
    }
}

.header-buttons__item--contact {
    display: none;
    margin: 0.0625rem 0 0
}

@media screen and (min-width: 768px) {
    .header-buttons__item--contact {
        display: none
    }
}

.header-buttons__item--flag {
    display: none;
    position: relative
}

@media screen and (min-width: 768px) {
    .header-buttons__item--flag {
        display: inline-block
    }
}

.header-buttons__item--flag a {
    display: block
}

.header-buttons__item--flag-mobile {
    display: block
}

.header-buttons__item--search {
    display: none
}

@media screen and (min-width: 768px) {
    .header-buttons__item--search {
        display: block;
        margin-top: 23px;
        text-align: right
    }
}

@media screen and (min-width: 992px) {
    .header-buttons__item--search {
        bottom: -52px;
        margin: 0;
        position: absolute;
        right: 20px
    }
}

.header-buttons__text {
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    color: #8f9cb7;
    display: none;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .header-buttons__text--storelocator {
        display: inline-block
    }
}

@media screen and (min-width: 992px) {
    .header-buttons__text {
        display: inline-block;
        margin-left: 5px;
        vertical-align: middle
    }
}

@media screen and (min-width: 992px) {
    .header-buttons__item--appointments .header-buttons__text.use-mobile-menu {
        display: none
    }
}

.header-buttons__icon {
    display: inline-block;
    position: relative
}

@media screen and (min-width: 768px) {
    .header-buttons__icon {
        height: 23px
    }
}

@media screen and (min-width: 992px) {
    .header-buttons__icon {
        vertical-align: middle
    }
}

.header-buttons__icon-text {
    bottom: 0;
    display: block;
    height: 13px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 5px
}

.header-buttons__svg {
    height: 20px;
    vertical-align: middle;
    width: 18px
}

.header-buttons__svg--bag {
    width: 15px
}

.header-buttons__item--flag .header-buttons__svg {
    display: block;
    height: 22.5px;
    width: 23px
}

.header-buttons__item--storelocator .header-buttons__svg {
    width: 16px
}

.header-buttons__item--appointments .header-buttons__svg {
    width: 20px
}

.header-buttons__path {
    fill: #8F9CB7;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}

.header-buttons__item--search .header-buttons__path {
    fill: #1d2345
}

.header-search {
    display: none
}

@media screen and (min-width: 768px) {
    .header-search {
        position: absolute;
        right: 0;
        width: 100%;
        z-index: 99
    }
}

.header-search--active {
    display: block
}

.header-search__button {
    background: transparent;
    float: right;
    padding: 0
}

.header-search__button:hover {
    background: transparent
}

.header-search__input {
    border: 0;
    padding: 15px 15px 15px 25px !important;
    width: 100%
}

.header-search__form {
    border: 1px solid #dddee3;
    border-top: 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .header-search__form {
        border-width: 1px;
        border-color: #8f9cb7;
        border-right: 0;
        border-left: 0
    }
}

.header-search__svg {
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 0
}

.header-search__svg--mglass {
    display: block;
    height: 15px;
    width: 15px
}

@media screen and (min-width: 768px) {
    .header-search__svg--mglass {
        display: none
    }
}

.header-search__svg--arrow {
    display: none;
    height: 14px;
    width: 7px
}

.header-search__icon {
    fill: #1d2345
}

.nav-primary {
    display: none
}

@media screen and (min-width: 768px) {
    .nav-primary {
        border-bottom: 1px solid #8f9cb7
    }
}

@media screen and (min-width: 992px) {
    .nav-primary {
        display: block
    }
}

.nav-primary--open {
    display: block
}

.nav-primary__list {
    padding: 0 1.25rem;
    background: #fff;
    display: block;
    height: calc(100% - 65px);
    overflow-y: auto;
    position: fixed;
    width: 100%;
    z-index: 999
}

.nav-primary__list:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 768px) {
    .nav-primary__list {
        display: flex;
        justify-content: space-between;
        overflow: visible;
        position: static
    }
}

@media screen and (min-width: 992px) {
    .nav-primary__list {
        margin: auto;
        max-width: 940px
    }
}

.nav-primary__list li.level2:last-child a {
    margin: 0 !important
}

.nav-primary__list li.level0.parent {
    border-bottom: 1px solid #dddee3;
    letter-spacing: 2px;
    line-height: 1;
    position: relative
}

.nav-primary__list li.level0.parent::after {
    background: url("../images/icons/arrow-right.svg") no-repeat;
    bottom: 0;
    content: " ";
    display: block;
    height: 15px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 15px
}

@media screen and (min-width: 768px) {
    .nav-primary__list li.level0.parent::after {
        display: none
    }
}

.nav-primary__list li.level0.parent.no-event>a {
    color: #999
}

.nav-primary__list li.level0.parent.no-event::after {
    display: none
}

.nav-primary__list li.level0.parent:last-child {
    margin: 0 0 3.125rem;
    border: 0
}

@media screen and (min-width: 768px) {
    .nav-primary__list li.level0.parent:last-child {
        margin: 0
    }
}

.nav-primary__list li.level0.parent:hover>a {
    color: #8f9cb7
}

@media screen and (min-width: 768px) {
    .nav-primary__list li.level0.parent:hover>.sub {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .nav-primary__list li.level0.parent {
        border: 0;
        display: inline-block;
        position: static
    }
}

.nav-primary__list li.level0.parent a {
    padding: 1.25rem 0.3125rem;
    display: block;
    text-transform: uppercase;
    line-height: 1
}

@media screen and (min-width: 768px) {
    .nav-primary__list li.level0.parent a {
        margin: 0 0 1.125rem;
        padding: 0
    }
}

.nav-primary__list li.level0.parent>.sub {
    display: none
}

@media screen and (min-width: 768px) {
    .nav-primary__list li.level0.parent>.sub {
        padding: 1.875rem 0 3.125rem;
        background: #fff;
        border-top: 1px solid #8f9cb7;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 9999
    }
}

.nav-primary__list li.level0.parent>a {
    margin: 0 !important;
    color: #1d2345
}

@media screen and (min-width: 768px) {
    .nav-primary__list li.level0.parent>a {
        padding: 0.625rem 0.625rem 1.875rem
    }
}

@media screen and (min-width: 992px) {
    .nav-primary__list li.level0.parent>a {
        padding: 0.625rem 1.25rem 1.875rem
    }
}

.nav-primary__children {
    display: none
}

.nav-primary__children-header {
    color: #1d2345;
    text-align: center;
    text-transform: uppercase
}

.nav-primary__children-inner {
    margin-bottom: 50px
}

.nav-primary__children-inner a {
    color: #999;
    display: block;
    margin: 10px 0;
    text-transform: uppercase
}

.nav-primary__children-inner a.has-children {
    color: #1d2345 !important
}

.nav-primary__children-inner ul.level0 {
    display: flex;
    flex-wrap: wrap
}

.nav-primary__children-inner ul.level0 li {
    width: 100%
}

.nav-primary__children-inner ul.level0 li>a {
    margin-top: 0
}

.nav-primary__children-inner ul.level0 li:nth-last-child(2) .sub {
    border: 0
}

.nav-primary__children-inner ul.level0 .topmenu-image {
    display: none;
    margin: 0 0 1.25rem;
    order: -1
}

.nav-primary__children-inner ul.level0 .topmenu-image__src {
    display: block;
    margin: auto
}

.nav-primary__children-inner .level1 .sub {
    border-bottom: 1px solid #dddee3;
    margin-bottom: 30px;
    padding-bottom: 20px
}

.nav-primary__children-inner .level1:nth-child(3) .sub {
    border: 0
}

.nav-primary__children-inner .level1:last-child .sub {
    border: 0;
    margin: 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    .nav-primary .sub ul.level0.has-multiple-children {
        display: flex
    }
}

@media screen and (min-width: 768px) {
    .nav-primary .sub li.level1 {
        padding: 0 1.875rem;
        vertical-align: top
    }
}

@media screen and (min-width: 768px) {
    .nav-primary .sub li.level1.parent {
        padding: 0 1.875rem;
        align-items: stretch;
        border-left: 1px solid #dadedf;
        display: inline-flex;
        flex-flow: wrap;
        flex-direction: column;
        vertical-align: top;
        width: 33.3%
    }
    .nav-primary .sub li.level1.parent:nth-child(1) {
        border: 0
    }
    .nav-primary .sub li.level1.parent .has-children {
        margin: 0 0 2.0625rem;
        color: #1d2345
    }
}

@media screen and (min-width: 992px) {
    .nav-primary .sub li.level1.parent {
        width: 25%
    }
}

.nav-primary .sub a {
    font-size: 0.625rem;
    line-height: 0.875rem;
    color: #999;
    letter-spacing: 2px
}

.nav-primary__back-link {
    padding: 1.25rem 0;
    cursor: pointer;
    position: relative;
    text-align: center;
    width: 100%
}

.nav-primary__back-link::before {
    background: url("../images/icons/arrow-left.svg") no-repeat;
    background-size: 7px 14px;
    bottom: 0;
    content: " ";
    display: block;
    height: 17px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 15px
}

.nav-primary__sub {
    padding: 0 1.25rem;
    background: #fff;
    height: calc(100% - 65px);
    overflow-y: auto;
    position: fixed;
    width: 100%;
    z-index: 99
}

@media screen and (min-width: 768px) {
    .nav-primary__sub {
        display: none
    }
}

.nav-primary__icons {
    bottom: 0;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    top: -2px
}

.nav-primary__icons-text {
    padding-left: 20px
}

@media screen and (min-width: 768px) {
    .dropdown-centering {
        display: flex;
        justify-content: flex-end
    }
}

#header-language,
#header-account {
    padding: 0.625rem 0 !important
}

@media screen and (min-width: 768px) {
    #header-language,
    #header-account {
        width: 220px;
        left: auto;
        right: 0
    }
}

#header-language:before,
#header-account:before,
#header-language:after,
#header-account:after {
    right: 55px
}

@media screen and (min-width: 768px) {
    #header-language:before,
    #header-account:before,
    #header-language:after,
    #header-account:after {
        right: 70px
    }
}

@media screen and (min-width: 992px) {
    #header-language:before,
    #header-account:before,
    #header-language:after,
    #header-account:after {
        right: 80px
    }
}

#header-language ul,
#header-account ul {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

#header-language ul:last-child,
#header-account ul:last-child {
    margin-right: 0
}

#header-language ul li,
#header-account ul li {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 0 1.25rem 0.3125rem;
    border: 0
}

#header-language ul li:last-child,
#header-account ul li:last-child {
    margin-right: 0
}

#header-language ul li:last-of-type a,
#header-account ul li:last-of-type a {
    border-bottom: 0
}

#header-language ul li:hover,
#header-account ul li:hover {
    background: #e8e8e8
}

#header-language ul li a,
#header-account ul li a {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    border-bottom: 1px solid #bfbfbf;
    padding: 0.625rem 0 0.625rem 0.625rem;
    background-position: 0 0.3125rem;
    background-repeat: no-repeat;
    text-align: center
}

#header-language ul li a:last-child,
#header-account ul li a:last-child {
    margin-right: 0
}

#header-account:before,
#header-account:after {
    right: 15px
}

@media screen and (min-width: 768px) {
    #header-account:before,
    #header-account:after {
        right: 28px
    }
}

@media screen and (min-width: 992px) {
    #header-account:before,
    #header-account:after {
        right: 38px
    }
}

#header-account ul li a {
    padding-left: 0;
    padding-right: 0
}

.nav-secondary .icon {
    cursor: pointer;
    display: block;
    float: right;
    height: 22px;
    position: relative;
    width: 22px;
    z-index: 999
}

.nav-secondary .icon.icon-gift {
    background: url("../images/menu-sprite-bag-small-blue.png") no-repeat 0px 0px;
    background-size: 19px 26px;
    height: 26px;
    width: 19px
}

.nav-secondary .icon.icon-search {
    background: url("../images/menu-sprite-search-small-blue.png") no-repeat 0px 0px;
    background-size: 22px 110px
}

.nav-secondary .icon.icon-account {
    background: url("../images/menu-sprite-account-small-blue.png") no-repeat 0px 0px;
    background-size: 22px 110px
}

.nav-secondary .icon.icon-language {
    background: url("../images/menu-sprite-globe-small-blue.png") no-repeat 0px 0px;
    background-size: 22px 110px
}

.nav-secondary .icon.icon-wishlist {
    background: url("../images/menu-sprite-wishlist-small-blue.png") no-repeat 0px 1px;
    background-size: 22px 138px;
    height: 25px
}

.nav-secondary .minicart-count {
    color: #fff;
    font-size: .9em;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0.6875rem;
    width: 100%;
    z-index: 9999
}

.nav-secondary .secondary-nav-text {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    display: none;
    font-size: 16px;
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap
}

#nav-footer:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 768px) {
    #nav-footer {
        margin: 0.9375rem 0 0
    }
}

#nav-social {
    clear: both;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    #nav-social {
        clear: none;
        display: inline-block;
        overflow: visible
    }
}

#nav-jump {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 90;
    width: 100%;
    height: 100%;
    pointer-events: none
}

#nav-jump:after {
    content: "";
    display: table;
    clear: both
}

#nav-jump .container,
#nav-jump #v-cookielaw .inner,
#v-cookielaw #nav-jump .inner {
    max-width: 72.75em;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0;
    left: 0;
    height: 100%
}

#nav-jump .container:after,
#nav-jump #v-cookielaw .inner:after,
#v-cookielaw #nav-jump .inner:after {
    content: "";
    display: table;
    clear: both
}

#nav-jump .container ul,
#nav-jump #v-cookielaw .inner ul,
#v-cookielaw #nav-jump .inner ul {
    position: absolute;
    bottom: 0;
    padding: 0.625rem 0 0.4375rem;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.4) 0 0 50px;
    z-index: 10;
    pointer-events: all
}

@media screen and (min-width: 768px) {
    #nav-jump .container ul,
    #nav-jump #v-cookielaw .inner ul,
    #v-cookielaw #nav-jump .inner ul {
        margin-top: -60px;
        position: absolute;
        top: 50%;
        right: 1.875rem;
        padding: 0;
        width: auto;
        background: transparent;
        box-shadow: none
    }
}

#nav-jump .container ul li,
#nav-jump #v-cookielaw .inner ul li,
#v-cookielaw #nav-jump .inner ul li {
    margin: 0 4px;
    padding: 0;
    display: inline-block
}

@media screen and (min-width: 768px) {
    #nav-jump .container ul li,
    #nav-jump #v-cookielaw .inner ul li,
    #v-cookielaw #nav-jump .inner ul li {
        margin: 0 0 8px;
        display: block
    }
}

#nav-jump .container ul li a,
#nav-jump #v-cookielaw .inner ul li a,
#v-cookielaw #nav-jump .inner ul li a {
    overflow: hidden;
    height: 20px;
    width: 20px;
    display: block;
    background: #bfbfbf
}

#nav-jump .container ul li a:before,
#nav-jump #v-cookielaw .inner ul li a:before,
#v-cookielaw #nav-jump .inner ul li a:before {
    content: "";
    display: block;
    width: 0;
    height: 100%
}

@media screen and (min-width: 768px) {
    #nav-jump .container ul li a,
    #nav-jump #v-cookielaw .inner ul li a,
    #v-cookielaw #nav-jump .inner ul li a {
        height: 12px;
        width: 12px
    }
}

#nav-jump .container ul li a:hover,
#nav-jump #v-cookielaw .inner ul li a:hover,
#v-cookielaw #nav-jump .inner ul li a:hover {
    background: #f3f4f5
}

#nav-jump .container ul li a.active,
#nav-jump #v-cookielaw .inner ul li a.active,
#v-cookielaw #nav-jump .inner ul li a.active {
    background: #1d2345
}

.nav-filters {
    display: block
}

@media screen and (min-width: 992px) {
    .nav-filters {
        display: block
    }
}

.nav-filters--open {
    display: block
}

.nav-filters .actions {
    position: absolute;
    cursor: pointer;
    right: 50%;
    font-size: 0.875rem;
    letter-spacing: 0.035714285714286em;
    top: -2em;
    transform: translateX(55%)
}

@media screen and (min-width: 768px) {
    .nav-filters .actions {
        top: -3.928571428571429em;
        right: 15%;
        transform: none
    }
}

@media screen and (min-width: 1165px) {
    .nav-filters .actions {
        top: 1.5em;
        right: 10%;
        height: 3.75rem
    }
}

.nav-filters .actions a {
    color: #999
}

.nav-filters dl#narrow-by-list {
    display: none
}

@media screen and (min-width: 768px) {
    .nav-filters dl#narrow-by-list {
        display: block !important
    }
}

.nav-filters dl#narrow-by-list dd {
    display: none
}

@media screen and (min-width: 768px) {
    .nav-filters dl#narrow-by-list dd {
        position: absolute;
        margin-top: 2.125rem;
        z-index: 2
    }
}

@media screen and (min-width: 992px) {
    .nav-filters dl#narrow-by-list dd {
        margin-top: 2.125rem
    }
}

@media screen and (min-width: 1165px) {
    .nav-filters dl#narrow-by-list dd {
        margin-top: 3.5625rem
    }
}

.nav-filters.accordion-open dl#narrow-by-list dd.current {
    display: block
}

.nav-filters.accordion-open dl#narrow-by-list dt.current {
    color: #1f2145
}

.nav-filters.accordion-open dl#narrow-by-list dt.current .filterdrop__svg_arrow {
    transform: rotate(180deg)
}

.nav-filters.accordion-open dl#narrow-by-list dt.current .filterdrop__svg_up {
    display: inline-block;
    margin: auto;
    height: 10px;
    position: relative;
    width: 15px;
    top: 0px
}

.legalline {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    font-family: FuturaWeb;
    letter-spacing: 0.37em;
    text-transform: uppercase;
    color: #333;
    background-color: #f8f8f9
}

.legalline:after {
    content: "";
    display: table;
    clear: both
}

.legalline:last-child {
    margin-right: 0
}

.legalline .legalline-inner {
    margin: 0 auto;
    display: block;
    width: auto;
    height: auto;
    font-size: 0.6875rem;
    font-weight: bold;
    text-align: center
}

@media screen and (min-width: 768px) {
    .legalline .legalline-inner {
        font-size: 0.8125rem
    }
}

.legalline .legalline-inner ul {
    display: inline-block
}

.legalline .legalline-inner ul li {
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    margin: 0 0 0.625rem
}

@media screen and (min-width: 768px) {
    .legalline .legalline-inner ul li {
        margin: 0;
        display: inline-block
    }
}

.legalline .legalline-inner ul a {
    color: #8f9cb7;
    font-weight: normal;
    letter-spacing: 1px
}

.legalline .legalline-inner ul a img {
    max-width: 20px
}

.masthead {
    padding: 1.25rem;
    border-bottom: 1px solid #8f9cb7;
    height: 65px;
    position: relative;
    z-index: 999
}

@media screen and (min-width: 768px) {
    .masthead {
        height: 110px
    }
}

@media screen and (min-width: 992px) {
    .masthead {
        margin: 1.875rem 0 1.25rem;
        padding: 0 1.25rem;
        border-bottom: 0;
        height: 30px
    }
}

.masthead--open {
    border-bottom: 2px solid transparent
}

.masthead__primary {
    float: left;
    height: 100%;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .masthead__primary {
        overflow: visible
    }
}

.masthead__secondary {
    float: none
}

.masthead__tertiary {
    float: right;
    height: 100%
}

.quarantine-checkout .masthead__tertiary {
    float: left
}

.mobile-burger {
    background: #000;
    display: block;
    float: left;
    height: 20px;
    width: 20px
}

.site-footer {
    padding: 3.125rem 0 2.5rem;
    background: #f8f8f9;
    clear: both
}

@media screen and (min-width: 768px) {
    .site-footer {
        text-align: center
    }
}

.site-logo {
    bottom: 0;
    left: 0;
    margin: auto;
    max-height: 17px;
    max-width: 135px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    .site-logo {
        max-height: 22px;
        max-width: 235px
    }
}

@media screen and (min-width: 992px) {
    .site-logo {
        bottom: auto
    }
}

.site-logo a {
    display: block
}

.site-logo img,
.site-logo svg {
    height: auto;
    max-height: 31px;
    width: 100%;
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .site-logo img,
    .site-logo svg {
        width: 101%
    }
}

.storeswitcher {
    position: relative
}

.storeswitcher__popup {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    margin: 0;
    width: -webkit-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
    margin: 0 0 0 0.9375rem;
    -webkit-box-shadow: 0 0 9px 2px rgba(26, 36, 71, 0.2);
    box-shadow: 0 0 9px 2px rgba(26, 36, 71, 0.2);
    bottom: 3.125rem;
    color: #000;
    display: none;
    left: 0;
    margin: auto;
    padding: 0.625rem 1.25rem;
    position: absolute;
    right: 0;
    z-index: 110
}

@media screen and (min-width: 790px) {
    .storeswitcher__popup {
        right: -145px
    }
}

@media screen and (min-width: 320px) {
    .storeswitcher__popup {
        left: 0;
        width: 260px
    }
}

@media screen and (min-width: 768px) {
    .storeswitcher__popup {
        left: -1.25rem;
        margin-left: 6px;
        right: 0;
        width: 320px
    }
}

.storeswitcher__popup--header {
    bottom: auto;
    left: 0;
    top: 50px
}

@media screen and (min-width: 768px) {
    .storeswitcher__popup--header {
        left: -100px;
        top: 30px
    }
}

.storeswitcher__list {
    text-align: left
}

.storeswitcher__list-item {
    padding: 0.625rem 0
}

.storeswitcher__flag {
    display: inline-block;
    height: 20px;
    margin-right: 7px;
    overflow: hidden;
    vertical-align: bottom;
    width: 20px
}

.storeswitcher__flag--list {
    margin-right: 13px;
    vertical-align: text-bottom
}

.storeswitcher__flag img {
    height: auto;
    width: 100%
}

.checkout__progress {
    display: flex;
    margin: 0 0 1.875rem
}

@media screen and (min-width: 768px) {
    .checkout__progress {
        border-bottom: 1px solid #d3d3d3;
        padding: 0.625rem 0 1.25rem
    }
}

.checkout-shipping-index .checkout__progress--shipping .checkout__progress--circle {
    background: #1d2345;
    color: #fff
}

.checkout-shipping-index .checkout__progress--shipping .checkout__progress--text {
    color: #1d2345;
    display: inline
}

.checkout-onepage-index .checkout__progress--billing .checkout__progress--circle {
    background: #1d2345;
    color: #fff
}

.checkout-onepage-index .checkout__progress--billing .checkout__progress--text {
    color: #1d2345;
    display: inline
}

.checkout__progress--link {
    color: inherit;
    pointer-events: none
}

.checkout__progress--item {
    color: #9eabc4;
    flex: 1;
    font-size: 1rem;
    line-height: 1.625rem;
    text-align: center;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .checkout__progress--item {
        text-transform: capitalize;
        font-size: 1.125rem
    }
}

.checkout__progress--item.active .checkout__progress--circle {
    background: #1d2345;
    color: #fff
}

.checkout__progress--item.active .checkout__progress--text {
    color: #1d2345;
    display: inline
}

.checkout__progress--item.done .checkout__progress--circle {
    background: #fff;
    color: #9eabc4
}

.checkout__progress--item.done .checkout__progress--text {
    color: #9eabc4;
    display: none
}

@media screen and (min-width: 768px) {
    .checkout__progress--item.done .checkout__progress--text {
        display: inline
    }
}

.checkout__progress--item.done .checkout__progress--link {
    pointer-events: auto
}

.checkout__progress--text {
    display: none
}

@media screen and (min-width: 768px) {
    .checkout__progress--text {
        display: inline
    }
}

.checkout__progress--circle {
    border: 1px solid #9eabc4;
    border-radius: 0.9375rem;
    display: block;
    margin: 0 auto 0.3125rem;
    width: 1.5625rem;
    height: 1.5625rem
}

@media screen and (min-width: 768px) {
    .checkout__progress--circle {
        display: inline-block;
        margin: 0 1.25rem 0 0
    }
}

.styled-select {
    display: block
}

.styled-select--small,
.styled-select--2x-small {
    display: inline-block;
    margin-right: 0.9375rem;
    width: 9.0625rem
}

.styled-select--small:last-child,
.styled-select--2x-small:last-child {
    margin-right: 0
}

.styled-select--2x-small {
    max-width: 9.0625rem;
    width: 50%
}

.styled-select--half-width {
    width: 50%
}

.styled-select--three-quarters {
    width: 75%
}

.styled-select--full-width {
    width: 100%
}

.styled-select__dropdown {
    display: block;
    max-width: 100%;
    position: relative;
    width: 100%
}

.styled-select__dropdown:hover {
    outline: 0
}

.styled-select__dropdown::after {
    background-color: #fff;
    background-image: url("../images/svg-min/arrow-down.svg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    border-left: 0.0625rem solid #d3d3d3;
    content: '';
    font-size: 0.625rem;
    height: 1.8125rem;
    pointer-events: none;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 2.125rem;
    z-index: 1
}

.styled-select__dropdown--small {
    max-width: 7.5rem
}

.styled-select__dropdown .validation-advice {
    left: 0;
    margin: 0.625rem 0 0.9375rem;
    padding: 0;
    position: relative;
    top: 100%;
    white-space: nowrap;
    z-index: 9
}

.styled-select__select,
.styled-select select {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid #d3d3d3;
    border-radius: 0;
    color: #9eabc4 !important;
    font-size: 0.8125rem;
    height: 1.9375rem !important;
    line-height: 1.4;
    margin: 0;
    max-width: 100%;
    min-width: 100%;
    outline: none;
    padding: 0.3125rem 19% 0.3125rem 0.3125rem;
    text-indent: .01px;
    text-overflow: '';
    width: 100%
}

.styled-select__select::-ms-expand,
.styled-select select::-ms-expand {
    display: none
}

.styled-select__select:active,
.styled-select__select:focus,
.styled-select select:active,
.styled-select select:focus {
    color: #4c5d7d !important
}

.engraving-popup {
    display: none;
    bottom: 0;
    height: 100%;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999
}

@media screen and (min-width: 768px) {
    .engraving-popup {
        height: auto;
        ovarflow-y: hidden
    }
}

.engraving-popup__overlay {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.engraving-popup__box {
    padding: 1.25rem;
    background-color: #fff;
    left: 50%;
    max-width: 51.875rem;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    z-index: 99;
    width: 100%
}

@media screen and (min-width: 768px) {
    .engraving-popup__box {
        top: 50%;
        transform: translateX(-50%) translateY(-50%)
    }
}

.engraving-popup__header {
    padding: 0.625rem 1.25rem 0.625rem 0;
    border-bottom: 1px solid #7f7f7f;
    color: #1d2345;
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    font-size: 1.5rem;
    position: relative
}

@media screen and (min-width: 768px) {
    .engraving-popup__header {
        padding: 0.625rem
    }
}

.engraving-popup__close {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url("../images/delete-btn.png") no-repeat left top;
    display: inline-block;
    height: 1.625rem;
    width: 1.625rem;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.engraving-popup__content {
    padding: 1.5625rem 0;
    color: #1d2345
}

@media screen and (min-width: 768px) {
    .engraving-popup__content {
        padding: 1.5625rem
    }
}

.engraving-popup__result {
    bottom: 25%;
    clear: both;
    display: block;
    line-height: 1;
    margin-top: 0.3125rem;
    padding-right: 20px;
    position: absolute;
    text-align: center;
    width: 100%
}

.engraving-popup__result--style-1 {
    font-family: Caslon224Std-Book, serif
}

.engraving-popup__result--style-2 {
    font-family: Arial, sans-serif
}

.engraving-popup__result--style-3 {
    font-family: CorsivaMTStd, Times New Roman, serif;
    font-size: 1.125rem
}

.engraving-popup__split {
    overflow: hidden
}

.engraving-popup__primary {
    float: left;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) {
    .engraving-popup__primary {
        padding-right: 20px;
        width: 50%
    }
}

.engraving-popup__secondary {
    float: left;
    width: 100%
}

@media screen and (min-width: 768px) {
    .engraving-popup__secondary {
        padding-left: 20px;
        width: 50%
    }
}

.engraving-popup__product-name {
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    text-transform: uppercase
}

.engraving-popup__input {
    margin: 0 0 0.625rem;
    -webkit-appearance: none;
    appearance: none;
    width: 99%
}

.engraving-popup__characters {
    font-family: FuturaWeb, arial, sans-serif;
    font-size: 0.6875rem;
    font-style: italic
}

.engraving-popup__radios {
    margin: 0 0 1.5625rem
}

.engraving-popup__radio {
    font-size: 1rem;
    margin-right: 0.625rem
}

.engraving-popup__radio--style-1 {
    font-family: Caslon224Std-Book, serif
}

.engraving-popup__radio--style-2 {
    font-family: Arial, sans-serif
}

.engraving-popup__radio--style-3 {
    font-family: CorsivaMTStd, Times New Roman, serif;
    font-size: 1.125rem
}

.engraving-popup__radio--style-3 {
    margin-right: 0
}

.engraving-popup__image {
    height: auto;
    width: 100%
}

.engraving-popup__actions {
    width: 100%
}

@media screen and (min-width: 768px) {
    .engraving-popup__actions {
        max-width: 15rem
    }
}

.engraving-popup__actions .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    width: 100%
}

.engraving-popup__actions .button:hover,
.engraving-popup__actions .button:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.engraving-popup__actions .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.engraving-actions {
    float: left;
    clear: both;
    overflow: hidden;
    margin-top: 0.625rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .engraving-actions {
        float: left;
        clear: both;
        display: block;
        margin-right: 1.12867%;
        width: 48.59293%
    }
}

.engraving-actions__button {
    margin: 0;
    background: #fff;
    border: 1px solid #1d2345;
    color: #1d2345;
    font-size: 0.8125rem;
    letter-spacing: 0.0625rem;
    width: 100%
}

@media screen and (min-width: 768px) {
    .engraving-actions__button {
        margin: 0 0 0.3125rem
    }
}

dd.engraving-item-option--style-1,
dd.engraving-item-option--style-2,
dd.engraving-item-option--style-3 {
    clear: both;
    color: #8f9cb7;
    display: block;
    font-family: FuturaWeb, arial, sans-serif;
    text-transform: none
}

dd.engraving-item-option--style-1 {
    font-family: Caslon224Std-Book, serif
}

dd.engraving-item-option--style-2 {
    font-family: Arial, sans-serif
}

dd.engraving-item-option--style-3 {
    font-family: CorsivaMTStd, Times New Roman, serif;
    font-size: 1.125rem
}

.center-form {
    width: 100%;
    margin: 0 auto;
    display: none
}

.center-form:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (min-width: 768px) {
    .center-form {
        width: 70%
    }
    .center-form .input-box label {
        font-size: 1rem;
        line-height: 1.4rem
    }
}

.center-form.active {
    display: block
}

.center-form .input-box {
    display: block;
    margin: 0 0 20px 0
}

.center-form .input-box:after {
    content: "";
    display: table;
    clear: both
}

.center-form .input-box label {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 41.00828%;
    margin: 0;
    top: 12px;
    position: relative;
    color: #1d2345;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 1.05rem
}

.center-form .input-box label:last-child {
    margin-right: 0
}

.center-form .input-box input,
.center-form .input-box textarea,
.center-form .input-box select,
.center-form .input-box .validation-advice,
.center-form .input-box .selectboxit-container {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 57.86305%;
    margin: 0
}

.center-form .input-box input:last-child,
.center-form .input-box textarea:last-child,
.center-form .input-box select:last-child,
.center-form .input-box .validation-advice:last-child,
.center-form .input-box .selectboxit-container:last-child {
    margin-right: 0
}

.center-form .input-box .validation-advice {
    float: right;
    margin-right: 0.3125rem;
    margin-top: 0.625rem;
    font-size: 0.8125rem
}

.field {
    margin-bottom: 1.25rem
}

.field label {
    margin-bottom: 0.625rem
}

.field input,
.field textarea,
.field select {
    width: 100%
}

.field input[type="checkbox"],
.field input[type="radio"] {
    width: auto
}

.field .wpcf7-checkbox .wpcf7-list-item-label {
    position: relative;
    display: block;
    top: -16px;
    left: 30px
}

.form-list .input-box textarea {
    width: 100%
}

.form-list .input-box textarea:focus {
    border: 1px solid #000;
    outline: 0
}

.wpcf7-not-valid-tip {
    margin-top: 0.625rem;
    font-size: 0.75rem!important;
    line-height: 1.05rem!important
}

div.wpcf7-response-output {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important
}

#search-clone {
    display: none;
    float: left;
    width: 0;
    overflow: hidden
}

@media screen and (min-width: 992px) {
    #search-clone {
        display: block !important
    }
}

#search-form-desktop {
    width: 100%;
    position: relative;
    top: -2px;
    left: 9px
}

#search-form-desktop .input-box {
    padding: 0 0.625rem 0 0
}

#search-form-desktop .input-text {
    width: 100%
}

#search-form-desktop .input-text:focus {
    border-color: #1d2345;
    outline: 0
}

#search-form-desktop label,
#search-form-desktop button,
#search-form-desktop #my-orders-table tbody tr td a,
#my-orders-table tbody tr td #search-form-desktop a,
#search-form-desktop .my-account h2 a,
.my-account h2 #search-form-desktop a,
#search-form-desktop .my-account h3 a,
.my-account h3 #search-form-desktop a,
#search-form-desktop .my-account .popup-block .block-title a,
.my-account .popup-block .block-title #search-form-desktop a,
#search-form-desktop .popup-block .my-account .block-title a,
.popup-block .my-account .block-title #search-form-desktop a,
#search-form-desktop .my-account .box-title a,
.my-account .box-title #search-form-desktop a,
#search-form-desktop .my-account .box-head a,
.my-account .box-head #search-form-desktop a {
    display: none
}

#search-form-mobile {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    background: #1d2345;
    display: none
}

#search-form-mobile:after {
    content: "";
    display: table;
    clear: both
}

#search-form-mobile:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #search-form-mobile {
        background: none
    }
}

#search-form-mobile .input-box {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 1.25rem
}

#search-form-mobile .input-box:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #search-form-mobile .input-box {
        padding: 0
    }
}

#search-form-mobile .input-text {
    width: 100%
}

@media screen and (min-width: 768px) {
    #search-form-mobile .input-text {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%;
        float: right;
        margin: 0 2.5rem 1.25rem
    }
    #search-form-mobile .input-text:last-child {
        margin-right: 0
    }
    #search-form-mobile .input-text:focus {
        outline: none;
        border: 1px solid #000
    }
}

#search-form-mobile label,
#search-form-mobile button,
#search-form-mobile #my-orders-table tbody tr td a,
#my-orders-table tbody tr td #search-form-mobile a,
#search-form-mobile .my-account h2 a,
.my-account h2 #search-form-mobile a,
#search-form-mobile .my-account h3 a,
.my-account h3 #search-form-mobile a,
#search-form-mobile .my-account .popup-block .block-title a,
.my-account .popup-block .block-title #search-form-mobile a,
#search-form-mobile .popup-block .my-account .block-title a,
.popup-block .my-account .block-title #search-form-mobile a,
#search-form-mobile .my-account .box-title a,
.my-account .box-title #search-form-mobile a,
#search-form-mobile .my-account .box-head a,
.my-account .box-head #search-form-mobile a {
    display: none
}

.validation-advice {
    color: #dc0339
}

input.validation-failed,
select.validation-failed,
textarea.validation-failed,
div.select2-container.validation-failed a.select2-choice {
    border-color: #dc0339
}

.cover {
    height: auto;
    clear: both;
    position: relative;
    z-index: 50
}

.cover:after {
    content: "";
    display: table;
    clear: both
}

.cover .cover-image {
    height: 100%;
    width: 120%;
    position: absolute;
    z-index: 5;
    left: -10%;
    background-repeat: no-repeat
}

.cover .cover-image:after {
    content: "";
    display: table;
    clear: both
}

.cover .cover-content {
    position: relative;
    z-index: 10
}

.cover .cover-spacer-first,
.cover .cover-spacer-last {
    width: 100%;
    clear: both
}

.cover.cover-curator .cover-spacer-first {
    padding: 0 0 90%
}

@media screen and (min-width: 768px) {
    .cover.cover-curator .cover-spacer-first {
        padding: 0 0 10%
    }
}

.cover.cover-curator .cover-spacer-last {
    padding: 0
}

@media screen and (min-width: 768px) {
    .cover.cover-curator .cover-spacer-last {
        padding: 0 0 15%
    }
}

.cover.cover-curator .cover-image {
    background: transparent url("../images/cover-curator.jpg") 0 0 no-repeat;
    background-size: 100% auto
}

@media screen and (min-width: 768px) {
    .cover.cover-curator .cover-image {
        background-size: auto 100%
    }
}

.cover.cover-difference-home .cover-spacer-last {
    padding: 0 0 10%
}

.cover.cover-difference-home .cover-image {
    background: transparent url("../images/cover-water.png") bottom left no-repeat;
    background-size: 100% auto
}

.accordion {
    border-bottom: 1px solid #dedede
}

.accordion--delivery-returns {
    border: 0
}

.accordion--alt {
    border-width: 2px
}

.accordion__icon {
    bottom: 0;
    display: block;
    max-width: 12px;
    position: absolute;
    right: 20px;
    top: 0
}

.accordion__svg {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 100%;
    width: 100%
}

.accordion__svg-path {
    fill: #9799a9
}

.accordion__heading {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin: 0;
    padding: 1.5625rem 0;
    border-top: 1px solid #dedede;
    color: #1d2345;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: FuturaWeb, arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.125rem;
    line-height: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

.accordion--alt .accordion__heading {
    border-width: 2px;
    color: #a7a8b1
}

.accordion--delivery-returns .accordion__heading {
    padding: 0.625rem 0;
    border-bottom: 1px solid #dedede;
    border-top: 0;
    text-align: left
}

.accordion__heading--is-opened {
    color: #1d2345
}

.accordion__heading--is-opened .accordion__svg {
    transform: rotate(-180deg)
}

.accordion--alt .accordion__heading--is-opened {
    color: #1d2345
}

.accordion__heading--is-disabled .accordion__svg {
    display: none
}

.accordion__content {
    font-size: 0.75rem;
    line-height: 1.05rem;
    padding: 0 0 1.25rem;
    color: #666;
    text-align: center
}

.accordion__content:after {
    content: "";
    display: table;
    clear: both
}

.accordion--alt .accordion__content {
    padding: 0 2.5rem 2.5rem
}

@media screen and (min-width: 768px) {
    .accordion--alt .accordion__content {
        padding: 0 3.75rem 2.5rem
    }
}

.accordion--delivery-returns .accordion__content {
    padding: 1.25rem 0 0;
    color: #1d2345
}

.accordion__content .selectboxit-btn {
    background: transparent;
    border-color: #dedede;
    border-width: 2px
}

.accordion__content .selectboxit-text {
    color: #1d2345
}

.accordion__content .selectboxit-arrow-container {
    background: transparent
}

.accordion__content .selectboxit-arrow-container .selectboxit-default-arrow {
    border-top-color: #8c91a2
}

.accordion__content .selectboxit-list .selectboxit-option-anchor {
    color: #666
}

.accordion__content .selectboxit-list .selectboxit-option-anchor:hover,
.accordion__content .selectboxit-list .selectboxit-option-anchor:focus {
    color: #fff
}

.accordion__content .selectboxit-container span,
.accordion__content .selectboxit-container .selectboxit-options a {
    font-size: 0.75rem;
    line-height: 1.05rem;
    color: #666;
    font-family: FuturaWeb, arial, sans-serif;
    height: 35px;
    line-height: 34px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.accordion__content .selectboxit-container .selectboxit-options {
    z-index: 99 !important
}

.accordion__content .selectboxit-container .selectboxit-options a {
    line-height: 38px
}

.accordion__text {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin: 0
}

.accordion__text--alpha {
    margin: 0 0 0.625rem
}

.accordion--delivery-returns .accordion__text {
    color: #1d2345;
    text-align: left
}

#booking-main {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    border-bottom: 1px solid #ccc;
    position: relative
}

#booking-main:last-child {
    margin-right: 0
}

#booking-main .floating-col {
    display: none
}

#booking-main .floating-col.list {
    display: block;
    height: 100%
}

#booking-main .floating-col.location {
    display: block;
    background: #fff
}

@media screen and (min-width: 768px) {
    #booking-main .floating-col.location {
        background-color: rgba(255, 255, 255, 0.9)
    }
}

#booking-main .floating-col.location,
#booking-main .floating-col.date-and-time,
#booking-main .floating-col.details {
    padding-top: 0
}

#booking-main .floating-col.list h2 {
    padding-bottom: 6px;
    margin-bottom: 0;
    border-bottom: 0
}

@media screen and (min-width: 768px) {
    #booking-main .floating-col.list h2 {
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc
    }
}

@media screen and (min-width: 768px) {
    #booking-main .center-form {
        width: 90%
    }
}

@media screen and (min-width: 992px) {
    #booking-main .center-form {
        width: 70%
    }
}

.booking-nav-wrap {
    text-align: center;
    background: #1d2345;
    width: calc(100% + (2*20px));
    margin: 0 0 0 -20px
}

@media screen and (min-width: 768px) {
    .booking-nav-wrap {
        width: 100%;
        margin-top: 150px;
        text-align: left;
        background: none
    }
}

a.link {
    cursor: default;
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    text-transform: uppercase;
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    display: inline-block;
    color: #fff;
    padding: 15px 0 10px
}

a.link i {
    display: none
}

a.link.active {
    color: #bfbfbf;
    cursor: default
}

a.link:hover {
    cursor: default
}

a.link#date-and-time {
    margin: 0 10px
}

@media screen and (min-width: 768px) {
    a.link {
        background: none;
        color: #1d2345;
        font-size: 1.25rem;
        line-height: 1.75rem;
        display: block;
        border-bottom: 1px solid #ccc;
        padding: 15px 5px
    }
    a.link#date-and-time {
        margin: 0
    }
    a.link:first-child {
        border-top: 1px solid #ccc
    }
    a.link i {
        display: block;
        float: right;
        position: relative;
        top: 5px
    }
}

.floating-col.detail.date-and-time {
    background-color: #fff
}

@media screen and (min-width: 768px) {
    .floating-col.detail.date-and-time {
        background-color: rgba(255, 255, 255, 0.9)
    }
}

#booking-main .floating-col.detail {
    display: none
}

#booking-main .floating-col.detail.location {
    display: block
}

@media screen and (min-width: 768px) {
    #booking-main #list-stores {
        height: 660px
    }
}

.floating-col.detail p.required-info,
.floating-col.detail address.required-info {
    display: block;
    text-align: right;
    font-size: 0.75rem;
    line-height: 1.05rem;
    padding: 20px 0
}

.drop-down-title {
    margin: 0;
    padding: 1.125rem 0 0.8125rem 0.625rem;
    cursor: pointer;
    border-top: solid 1px #ccc
}

.drop-down-title.active {
    cursor: default
}

.drop-down-title i {
    display: none
}

.drop-down-title[data-form-content="address"] {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .drop-down-title[data-form-content="details"] {
        margin-top: -18px;
        border-top: 0
    }
    .drop-down-title[data-form-content="address"] {
        margin-top: -1px
    }
    .drop-down-title i {
        float: right;
        position: relative;
        top: 5px;
        display: block
    }
}

.back-button {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    clear: both
}

.edit-button {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    clear: both
}

.floating-col.detail.date-and-time .continue-button,
.floating-col.detail.location .active-stores {
    display: none
}

#calander-container {
    height: 327px
}

.validation-advice.time,
.validation-advice.date {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin-bottom: 10px;
    display: none
}

.floating-col.detail.your-details .center-form .input-box {
    position: relative
}

@media screen and (min-width: 992px) {
    .floating-col.detail.your-details .center-form .input-box .validation-advice {
        padding: 0;
        margin: 5px 0 0 0
    }
}

.time-intro,
.time-outro {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    text-align: center;
    padding: 0 0 15px 0
}

.time-intro:last-child,
.time-outro:last-child {
    margin-right: 0
}

.floating-col.detail p.time-intro,
.floating-col.detail address.time-intro {
    font-size: 1rem;
    line-height: 1.4rem
}

.floating-col.detail p.time-outro,
.floating-col.detail address.time-outro {
    font-size: 0.75rem;
    line-height: 1.05rem
}

#timefrom,
#timeto,
#timefromSelectBoxItContainer,
#timetoSelectBoxItContainer {
    float: left;
    width: 45%
}

#timefrom,
#timefromSelectBoxItContainer {
    margin-right: 10%
}

.center-form .input-box.checkbox {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    margin-right: 0
}

.center-form .input-box.checkbox:last-child {
    margin-right: 0
}

@media screen and (min-width: 992px) {
    .center-form .input-box.checkbox {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    .center-form .input-box.checkbox:last-child {
        margin-right: 0
    }
}

.center-form .input-box.checkbox:nth-of-type(even) {
    margin-right: 0
}

.center-form .input-box.checkbox label {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 74.71783%;
    position: static
}

.center-form .input-box.checkbox label:last-child {
    margin-right: 0
}

.center-form .input-box.checkbox label a {
    border-bottom: 1px solid #1d2345;
    white-space: nowrap
}

.center-form .input-box.checkbox input {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 15.72611%;
    float: right;
    margin: 0
}

.center-form .input-box.checkbox input:last-child {
    margin-right: 0
}

.success-block {
    text-align: center;
    border: solid 1px #bfbfbf;
    padding: 10px
}

.success-block div {
    border: solid 1px #f3f4f5;
    padding: 30px 10px 10px 10px
}

@media screen and (min-width: 768px) {
    .success-block div {
        padding: 30px 45px 10px 45px
    }
}

.success-block h2 {
    border-bottom: solid 1px #bfbfbf;
    padding-bottom: 25px;
    margin-bottom: 50px
}

.success-block img {
    width: 100%;
    max-width: 180px;
    margin: 0 auto
}

.verifyperson-checkbox {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px)
}

.booking-complete__header,
.booking-complete__information,
.booking-complete__buttons {
    margin: 1.25rem 2.1875rem
}

@media screen and (min-width: 768px) {
    .booking-complete__header,
    .booking-complete__information,
    .booking-complete__buttons {
        margin: 2.5rem 3.75rem
    }
}

.booking-complete__header {
    margin-bottom: 1.875rem;
    border-bottom: 1px solid #dedede
}

.booking-complete__store-image img {
    height: auto;
    width: 100%
}

.booking-complete__heading {
    font-family: "Didot", TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    text-align: center;
    letter-spacing: 2px
}

.booking-complete__heading--alpha {
    font-size: 1.875rem;
    line-height: 2.625rem;
    line-height: 1
}

.booking-complete__heading--beta {
    font-size: 0.75rem;
    line-height: 1.05rem;
    font-family: FuturaWeb, arial, sans-serif;
    font-weight: bold;
    line-height: 1;
    text-transform: uppercase
}

.booking-complete__copy {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin: 0;
    padding: 0 0 1.875rem;
    color: #666;
    font-family: FuturaWeb, arial, sans-serif;
    text-align: center
}

.booking-complete__copy.booking-date {
    padding: 0
}

.booking-complete__information {
    border-bottom: 1px solid #dedede;
    margin-bottom: 1.875rem
}

.booking-info {
    margin: 0 0 1.875rem;
    color: #666
}

.booking-info--checkbox {
    margin: 0;
    clear: both;
    text-align: left
}

.booking-info__input {
    padding: 0.625rem 0.625rem 0.4375rem;
    -webkit-appearance: none;
    appearance: none;
    border: 2px solid #dedede;
    background: transparent;
    color: #666 !important;
    font-size: 0.75rem !important;
    line-height: 1.1 !important;
    letter-spacing: 2px;
    width: 100%
}

.booking-info__textarea {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    border: 2px solid #dedede;
    font-size: 0.75rem !important;
    line-height: 1 !important;
    min-height: 125px;
    width: 100%
}

.booking-info .selectboxit-container {
    margin: 0
}

.booking-info .selectboxit-container .selectboxit-options {
    z-index: 99 !important
}

.booking-info .validation-advice {
    margin: 0.3125rem 0 0;
    text-align: left
}

.email-store {
    padding: 0 2.1875rem 3.125rem
}

@media screen and (min-width: 768px) {
    .email-store {
        padding: 2.5rem 3.75rem 0
    }
}

@media screen and (min-width: 768px) {
    .store-appointments {
        padding: 2.5rem 0
    }
}

.store-appointments__heading {
    padding: 0 2.5rem
}

.store-buttons--storeview {
    margin: 0 0 1.25rem
}

.store-buttons__button {
    font-size: 0.75rem;
    line-height: 1.05rem;
    padding: 0.625rem 0 0.4375rem;
    margin: 0 0 0.9375rem;
    border: 1px solid #1d2345;
    color: #1d2345;
    display: block;
    font-weight: bold;
    letter-spacing: 0.125rem;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.store-buttons__button:hover,
.store-buttons__button:focus {
    background: none;
    color: #1d2345
}

@media screen and (min-width: 992px) {
    .store-buttons__button:hover,
    .store-buttons__button:focus {
        background: #1d2345;
        border-color: #1d2345;
        color: #fff
    }
    .store-buttons__button:hover .store-buttons__button-path,
    .store-buttons__button:focus .store-buttons__button-path {
        fill: #fff
    }
}

.store-buttons__button:last-child {
    margin: 0
}

.store-buttons__button--alt {
    border-color: #8c91a2;
    color: #a7a9b2
}

.store-buttons__button--alt:hover,
.store-buttons__button--alt:focus {
    color: #a7a9b2
}

@media screen and (min-width: 992px) {
    .store-buttons__button--alt:hover,
    .store-buttons__button--alt:focus {
        background: none;
        border-color: #1d2345;
        color: #1d2345
    }
    .store-buttons__button--alt:hover .store-buttons__button-path,
    .store-buttons__button--alt:focus .store-buttons__button-path {
        fill: #1d2345
    }
}

.store-buttons__button--active {
    background: #1d2345;
    border-color: #1d2345;
    color: #fff
}

.store-buttons__submit-wrapper {
    margin: 3.125rem 0 0
}

.store-buttons__button-svg {
    bottom: 0;
    height: 11px;
    margin: auto;
    position: absolute;
    right: 10px;
    top: 0;
    width: 5px
}

.store-buttons__button-path {
    fill: #1d2345;
    transition: all 0.3s ease
}

.store-buttons__button--alt .store-buttons__button-path {
    fill: #8c91a2
}

.store-buttons__button--active .store-buttons__button-path {
    fill: #fff
}

.store-calendar .Zebra_DatePicker {
    margin: auto;
    max-width: 300px;
    position: relative;
    width: 100%
}

.store-calendar .Zebra_DatePicker .dp_header {
    font-size: 0.75rem;
    line-height: 1.05rem;
    border-bottom: 1px solid #dedede;
    border-top: 1px solid #dedede;
    font-family: FuturaWeb, arial, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    width: 100% !important
}

.store-calendar .Zebra_DatePicker .dp_daypicker {
    width: 100% !important
}

.store-calendar .Zebra_DatePicker .dp_daypicker th,
.store-calendar .Zebra_DatePicker .dp_daypicker td {
    font-size: 0.75rem;
    line-height: 1.05rem;
    border: 0;
    color: #1d2345;
    font-family: FuturaWeb, arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.125rem;
    text-transform: uppercase
}

.store-calendar .Zebra_DatePicker .dp_daypicker td,
.store-calendar .Zebra_DatePicker .dp_daypicker th,
.store-calendar .Zebra_DatePicker .dp_monthpicker td,
.store-calendar .Zebra_DatePicker .dp_yearpicker td {
    border-radius: 100% !important;
    height: 40px !important;
    width: 40px !important
}

.store-calendar .Zebra_DatePicker .dp_caption.dp_hover {
    color: #1d2345
}

.store-info {
    padding: 0 2.1875rem
}

@media screen and (min-width: 768px) {
    .store-info {
        padding: 0 3.75rem 2.5rem;
        height: 100%;
        overflow-y: auto;
        position: absolute;
        width: 100%
    }
}

.store-info__header {
    padding: 0 2.1875rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

@media screen and (min-width: 768px) {
    .store-info__header {
        padding: 0;
        position: relative
    }
}

.store-info__heading {
    line-height: 1
}

.store-info__icon {
    margin: 0 0.625rem 0 0;
    float: left;
    height: 14px;
    width: 7px
}

.store-info__svg {
    height: 100%;
    width: 100%
}

.store-info__svg-path {
    fill: #1d2345
}

.store-info__opening-times {
    margin: auto;
    width: 150px
}

.store-info__opening-times:after {
    content: "";
    display: table;
    clear: both
}

.store-info__day {
    font-size: 0.75rem;
    line-height: 1.05rem;
    text-align: left;
    text-transform: uppercase
}

.store-info__times {
    float: right;
    text-align: right;
    text-transform: none
}

input[type="text"].store-locator__input {
    padding: 0.625rem 0.625rem 0.4375rem 1.875rem
}

.store-locator {
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 992px) {
    .store-locator {
        min-height: initial
    }
}

@media screen and (min-width: 768px) {
    .store-locator__container {
        float: left
    }
}

@media screen and (min-width: 768px) {
    .store-locator__container--primary {
        height: 715px;
        width: 50%
    }
    .store-locator__container--primary.individual-store {
        bottom: 0;
        height: 100%;
        left: 0;
        overflow: hidden;
        position: absolute;
        top: 0
    }
}

@media screen and (min-width: 992px) {
    .store-locator__container--primary {
        width: 33.3333333333%
    }
    .store-locator__container--primary.individual-store {
        width: 33.3333333333%
    }
}

.store-locator__container--secondary {
    margin: 10rem 0 0
}

.booking-index-index .store-locator__container--secondary {
    margin: 33rem 0 0
}

@media screen and (min-width: 768px) {
    .booking-index-index .store-locator__container--secondary {
        margin: 0
    }
}

.store-locator__container--secondary.china {
    margin: 13.4375rem 0 0
}

@media screen and (min-width: 768px) {
    .store-locator__container--secondary.china {
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .store-locator__container--secondary {
        margin: 0;
        float: right;
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .store-locator__container--secondary {
        width: 66.6666666666%
    }
}

.store-locator__container--tertiary {
    display: block
}

@media screen and (min-width: 768px) {
    .store-locator__container--tertiary {
        margin: 0;
        display: block;
        float: right;
        width: 50%
    }
}

@media screen and (min-width: 992px) {
    .store-locator__container--tertiary {
        width: 66.6666666666%
    }
}

.store-locator--store .store-locator__container--tertiary {
    margin: 5.375rem 0 1.875rem
}

@media screen and (min-width: 768px) {
    .store-locator--store .store-locator__container--tertiary {
        margin: 0
    }
}

.store-locator__container--alt {
    background: #f1f1f1
}

@media screen and (min-width: 768px) {
    .store-locator__container--active {
        width: 33.3333333333%
    }
    .store-locator__container--active .store-locator__map.individual-store {
        max-height: 100%
    }
    .store-locator__container--active .store-locator__store-image-container {
        display: none
    }
}

.store-locator__container--booking-complete {
    padding: 0;
    background: #fff;
    border-left: 1px solid #dedede
}

.store-locator__container--email-store,
.store-locator__container--booking-form,
.store-locator__container--booking-complete {
    display: none;
    position: relative
}

.store-locator__container--email-store.individual-store,
.store-locator__container--booking-form.individual-store,
.store-locator__container--booking-complete.individual-store {
    position: relative
}

@media screen and (min-width: 768px) {
    .store-locator__container--email-store.individual-store,
    .store-locator__container--booking-form.individual-store,
    .store-locator__container--booking-complete.individual-store {
        left: 50%;
        position: relative
    }
}

@media screen and (min-width: 992px) {
    .store-locator__container--email-store.individual-store,
    .store-locator__container--booking-form.individual-store,
    .store-locator__container--booking-complete.individual-store {
        position: absolute;
        left: 33.3333333333%
    }
}

@media screen and (min-width: 768px) {
    .store-locator__container--email-store.individual-store,
    .store-locator__container--booking-complete.individual-store {
        min-height: 750px
    }
}

.store-locator__search-form {
    padding: 1.25rem 2.1875rem 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

@media screen and (min-width: 768px) {
    .store-locator__search-form {
        padding: 0;
        position: relative
    }
}

.store-locator__map-search {
    margin: 0 0 0.9375rem;
    border: 2px solid #dedede;
    position: relative
}

@media screen and (min-width: 768px) {
    .store-locator__map-search {
        margin: 0 0 1.25rem
    }
}

.store-locator__inner {
    padding: 0 2.1875rem;
    height: 700px;
}

@media screen and (min-width: 768px) {
    .store-locator__inner {
        padding: 2.5rem 3.75rem;
        height: 700px;
    }
}

.store-locator__input {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 !important;
    color: #666 !important;
    text-transform: uppercase;
    width: 85%
}

.store-locator__location-arrow {
    bottom: 0;
    height: 11px;
    left: 9px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 11px
}

.store-locator__location-svg {
    height: 100%;
    width: 100%
}

.store-locator__location-path {
    fill: #7F7F7F
}

.store-locator__submit {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    background: transparent;
    border-radius: 0;
    border: 0;
    width: 15%;
    float: right
}

.store-locator__submit:hover {
    background: transparent
}

.store-locator__searchicon {
    padding: 0.625rem;
    width: 15%
}

.store-locator__searchicon-svg {
    height: 16px;
    width: 17px
}

.store-locator__searchicon-path {
    fill: #1d2345
}

.store-locator__alt-link {
    margin: 0 0 1.25rem;
    font-size: 0.8125rem;
    line-height: 1.1375rem;
    color: #999;
    display: block;
    font-style: italic;
    text-align: center
}

.store-locator__alt-link:hover {
    color: #999
}

.store-locator__alt-link .store-locator__button-path {
    fill: #9296a7
}

.store-locator__stores {
    font-size: 0.75rem;
    line-height: 1.05rem;
    font-family: FuturaWeb, arial, sans-serif
}

.store-locator__store-item {
    padding: 1.875rem 0;
    border-bottom: 1px solid #dedede
}

@media screen and (min-width: 768px) {
    .store-locator__store-item:last-child {
        border: 0
    }
}

.store-locator__store-item h4 {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
    margin: 0 0 1.25rem;
    font-family: FuturaWeb, arial, sans-serif;
    color: #1d2345;
    font-weight: bold;
    letter-spacing: 0.125rem;
    text-transform: uppercase
}

.store-locator__store-item p,
.store-locator__store-item address {
    font-size: 0.8125rem;
    line-height: 1.1375rem;
    margin: 0 0 1.25rem;
    color: #666
}

@media screen and (min-width: 768px) {
    .store-locator__map.individual-store {
        max-height: 560px
    }
}

.store-locator__store-image {
    display: none;
    height: auto;
    width: 100%
}

@media screen and (min-width: 768px) {
    .store-locator__store-image {
        display: block
    }
}

.store-locator__store-image-container {
    display: block
}

#storelocator-main {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #ccc;
    position: relative
}

#storelocator-main:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    #list-stores.no-scroll {
        overflow-y: visible
    }
}

#list-stores li:after,
.floating-col.detail:after {
    content: "";
    display: table;
    clear: both
}

#list-stores li table.opening-times,
.floating-col.detail table.opening-times {
    margin-top: 10px;
    font-size: 0.75rem;
    line-height: 1.05rem
}

#list-stores li table.opening-times th,
.floating-col.detail table.opening-times th {
    width: 40px
}

#list-stores li .time-closed,
.floating-col.detail .time-closed {
    color: #dc0339
}

#list-stores li p.comment,
#list-stores li address.comment,
.floating-col.detail p.comment,
.floating-col.detail address.comment {
    padding-top: 10px
}

#list-stores li p.phone,
#list-stores li address.phone,
.floating-col.detail p.phone,
.floating-col.detail address.phone {
    color: #1d2345;
    padding-top: 10px
}

#list-stores li a.get-directions-button,
.floating-col.detail a.get-directions-button {
    margin-top: 20px
}

#list-stores li .back-list-button,
.floating-col.detail .back-list-button {
    display: block
}

#list-stores li img,
.floating-col.detail img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 992px) {
    #list-stores li .back-list-button,
    .floating-col.detail .back-list-button {
        display: none
    }
}

#map-area img {
    max-width: none !important;
    display: inline !important
}

.gmnoprint img {
    max-width: none !important;
    display: inline !important
}

.gm-style img {
    max-width: none
}

.gm-style label {
    width: auto;
    display: inline
}

.map-is-active {
    display: none
}

@media screen and (min-width: 992px) {
    .map-is-active {
        display: block
    }
}

#storelocator-main #messagewrap,
#booking-main #messagewrap {
    display: none
}

.call-us-event {
    border-color: #8c91a2 !important
}

.call-us-event:hover,
.call-us-event:focus {
    color: #a7a9b2 !important
}

.store-nav {
    padding: 0 2.1875rem
}

@media screen and (min-width: 768px) {
    .store-nav {
        display: none
    }
}

.store-nav--alt {
    background: #fff
}

.store-nav__link {
    padding: 1.25rem 0
}

.store-nav__svg {
    margin: 0 0.625rem 0 0;
    float: left;
    height: 14px;
    width: 7px
}

.store-nav__svg--back {
    float: none;
    height: 7px;
    width: 14px
}

.store-nav__svg-path {
    fill: #1d2345
}

.store-nav__back-top {
    padding: 1.875rem 0;
    text-align: center
}

.topmenu-image {
    float: right;
    border: 0 !important
}

.topmenu-image__link {
    margin: 0 !important
}

.topmenu-image img {
    height: auto;
    max-width: 190px;
    width: 100%
}

.nearest-store {
    padding: 1.25rem 0 0;
    display: none;
    left: 10px;
    position: absolute;
    right: auto;
    width: 100%;
    z-index: 110
}

@media screen and (min-width: 768px) {
    .nearest-store {
        max-width: 360px
    }
}

.nearest-store:before,
.nearest-store:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 15px solid transparent
}

.nearest-store:before {
    border-bottom-color: #fff;
    top: -8px;
    left: 42px;
    z-index: 2
}

.nearest-store:after {
    border-bottom-color: #d3d3d3;
    top: -10px;
    left: 42px;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .nearest-store:before,
    .nearest-store:after {
        left: 3px
    }
}

.nearest-store__inner {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    margin: 0;
    width: -webkit-calc(100% - 1.875rem);
    width: calc(100% - 1.875rem);
    margin: 0 0 0 0.9375rem;
    margin: 0;
    border: 1px solid #d3d3d3;
    color: #000;
    padding: 1.25rem;
    width: 100%
}

.nearest-store__heading {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0 0 0.625rem;
    margin: 0;
    color: #1d2345;
    border-bottom: 1px solid #000;
    line-height: 1;
    text-transform: uppercase;
    text-align: center
}

.nearest-store__copy {
    font-size: 0.75rem;
    line-height: 1.05rem;
    margin: 1.875rem 0;
    padding: 0 0.9375rem;
    color: #1d2345;
    display: block;
    line-height: 1;
    text-transform: uppercase
}

.nearest-store__buttons-container {
    padding: 0 0.9375rem;
    list-style: none
}

.nearest-store__buttons-container:after {
    content: "";
    display: table;
    clear: both
}

.nearest-store__button {
    display: inline-block;
    float: left
}

.nearest-store__button:last-child {
    float: right
}

.nearest-store__link {
    font-size: 0.6875rem;
    line-height: 0.9625rem;
    color: #8f9cb7;
    line-height: 1;
    text-transform: uppercase
}

.nearest-store__link:hover,
.nearest-store__link:focus {
    color: #8f9cb7
}

.checkout-cart-index main {
    padding-top: 0
}

.checkout-cart-index .page-title {
    border-top: 0;
    padding-top: 0.625rem;
    margin: 0 0 0.25rem
}

@media screen and (min-width: 768px) {
    .checkout-cart-index .page-title {
        margin: 0 0 2.5rem
    }
}

.checkout-cart-index .paypal-or {
    clear: both;
    display: block;
    padding: 0.625rem 0;
    text-align: center
}

.checkout-cart-index .checkout-types {
    float: none
}

.checkout-cart-index .checkout-form-submit {
    display: block;
    text-align: center
}

.quarantine-checkout #messagewrap {
    padding: 0
}

@media screen and (min-width: 768px) {
    .quarantine-checkout #messagewrap {
        padding: 0.625rem 0
    }
}

.quarantine-checkout input[type="radio"] {
    border-radius: 0.5rem
}

.quarantine-checkout .split-box {
    max-width: 62.5rem;
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .quarantine-checkout .split-box {
        border: 1px solid #d3d3d3
    }
}

.quarantine-checkout .split-box__inner {
    background: #fff;
    max-width: 33.125rem;
    margin: -1rem auto 0;
    padding: 0 0.625rem
}

.quarantine-checkout .masthead {
    border: 0
}

.quarantine-checkout main {
    padding-top: 0
}

.quarantine-checkout .fixed-header__inner {
    border-bottom: 1px solid #d3d3d3
}

.quarantine-checkout .fixed-header {
    padding: 5.0625rem 0 0
}

@media screen and (min-width: 768px) {
    .quarantine-checkout .fixed-header {
        padding: 6.25rem 0 0
    }
}

@media screen and (min-width: 992px) {
    .quarantine-checkout .fixed-header {
        padding: 5.0625rem 0 0
    }
}

.quarantine-checkout .field {
    float: none;
    margin-bottom: 0.625rem
}

.quarantine-checkout select {
    background: none;
    border-color: #d3d3d3;
    border-radius: 0;
    color: #9eabc4;
    height: 2.5rem
}

.quarantine-checkout .checkout__form-submit {
    float: none;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    margin: 0 0 1.875rem
}

.quarantine-checkout .checkout__form-submit:hover,
.quarantine-checkout .checkout__form-submit:focus {
    background: #e5e7e9;
    color: #151a33;
    outline: none;
    text-decoration: none
}

.quarantine-checkout .checkout__form-submit .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.quarantine-checkout .main-content {
    margin: 0 0 1.25rem
}

@media screen and (min-width: 768px) {
    .quarantine-checkout .main-content {
        margin: 0
    }
}

.quarantine-checkout .step-title {
    display: none
}

.quarantine-checkout .checkout__same-as-shipping {
    margin-bottom: 0.9375rem
}

.quarantine-checkout .fieldset .input-box {
    width: 100%;
    float: none
}

.quarantine-checkout .fieldset input,
.quarantine-checkout .fieldset select {
    margin-bottom: 0
}

.quarantine-checkout .checkout__opc .section {
    display: none
}

.quarantine-checkout .checkout__opc .section.active {
    display: block
}

.quarantine-checkout .checkout__opc .buttons-set {
    text-align: center
}

.quarantine-checkout .checkout__opc .buttons-set img {
    vertical-align: middle
}

.quarantine-checkout .checkout__sp-methods--item {
    margin-bottom: 0.625rem
}

.quarantine-checkout .checkout__sp-methods--item .no-display {
    display: none
}

.quarantine-checkout .checkout__sp-methods--item label {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 30px)
}

.quarantine-checkout .checkout__address-book--item {
    margin-bottom: 0.9375rem
}

.quarantine-checkout .control {
    float: none
}

.quarantine-checkout .control .input-box {
    float: none;
    width: 100%
}

.quarantine-checkout .control .input-box label {
    float: none
}

.quarantine-checkout #checkout-payment-method-load dt {
    margin-bottom: 0.625rem
}

.quarantine-checkout #checkout-payment-method-load dt .v-middle {
    vertical-align: middle
}

@media screen and (min-width: 768px) {
    .checkout-method-wrapper {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 57.86305%;
        border: 1px solid #d3d3d3;
        padding: 1.875rem
    }
    .checkout-method-wrapper:last-child {
        margin-right: 0
    }
}

.checkout__delivery-options--wrapper {
    display: none;
    clear: both;
    margin: 3.125rem 0 0
}

.checkout__delivery-options--wrapper .checkout__section-heading {
    border: none;
    margin-bottom: 0
}

.checkout__section-heading {
    font-size: 1.25rem;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 1.25rem;
    line-height: 1;
    margin-bottom: 1.875rem;
    text-align: center
}

@media screen and (min-width: 768px) {
    .checkout__section-heading {
        text-align: left
    }
}

#opc-review>.checkout__outer-wrapper>.checkout__wrapper>.checkout__section-heading--wrapper .checkout__section-heading {
    display: none
}

.checkout__delivery-details--wrapper {
    border-bottom: 1px solid #d3d3d3;
    padding: 0 0 0.9375rem;
    margin: 0 0 1.25rem
}

@media screen and (min-width: 768px) {
    .checkout__delivery-details--wrapper {
        border-bottom: 0;
        padding: 0;
        margin: 0
    }
}

.checkout__back {
    clear: both
}

@media screen and (min-width: 768px) {
    .checkout__back {
        float: right;
        clear: right;
        width: 40%
    }
}

.checkout__back-link {
    color: #fff;
    background: #1d2345;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    display: block
}

.checkout__back-link:hover {
    background: #e5e7e9;
    outline: none;
    text-decoration: none
}

.opc-block-progress {
    color: #1d2345;
    background: #f3f4f5;
    padding: 1.875rem;
    margin: 0 0 1.25rem
}

@media screen and (min-width: 768px) {
    .opc-block-progress {
        clear: right;
        width: 40%;
        float: right
    }
}

.opc-block-progress p,
.opc-block-progress address {
    text-align: center
}

.opc-block-progress h3,
.opc-block-progress .popup-block .block-title,
.popup-block .opc-block-progress .block-title {
    font-size: 1.25rem;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 1.25rem;
    line-height: 1;
    margin-bottom: 0.625rem;
    text-align: center
}

.opc-block-progress img {
    display: block;
    max-width: 100%
}

.opc-block-progress#packaging-progress-opcheckout img {
    margin: 0 auto
}

.opc-block-progress .product-cart-image {
    clear: both;
    float: left;
    width: 40%
}

.opc-block-progress .product-cart-info {
    color: #1d2345;
    font-size: 0.875rem;
    text-transform: uppercase;
    float: right;
    line-height: 1.2;
    width: 53%;
    padding-top: 0.625rem
}

.opc-block-progress .product-cart-price {
    margin-top: 0.625rem
}

.opc-block-progress .item-options dt,
.opc-block-progress .item-options dd {
    display: inline
}

.opc-block-progress .item-options dd:after {
    content: '\A';
    white-space: pre-wrap
}

.opc-block-progress .product-cart {
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
    border-bottom: 1px solid #d3d3d3
}

.opc-block-progress .product-name {
    font-family: FuturaWeb, arial, sans-serif;
    line-height: 1;
    margin-bottom: 0.9375rem;
    font-size: 0.875rem
}

.opc-block-progress #shopping-cart-totals-table {
    width: 100%;
    color: #1d2345
}

.opc-block-progress #shopping-cart-totals-table td:first-child {
    text-align: left
}

.checkout-onepage-success .checkout__progress--wrapper,
.checkout-account-index .checkout__progress--wrapper {
    display: none
}

.checkout-onepage-success .checkout__section-heading,
.checkout-account-index .checkout__section-heading {
    border: 0;
    font-size: 1.75rem;
    line-height: 1.4;
    margin-bottom: 0;
    padding-bottom: 0
}

.checkout-onepage-success .checkout__form-heading,
.checkout-onepage-success .checkout__form-label,
.checkout-account-index .checkout__form-heading,
.checkout-account-index .checkout__form-label {
    display: block;
    font-size: 1rem;
    margin: 1.25rem 0 0.3125rem;
    text-transform: uppercase
}

@media screen and (min-width: 768px) {
    .checkout-onepage-success .checkout__form-heading,
    .checkout-onepage-success .checkout__form-label,
    .checkout-account-index .checkout__form-heading,
    .checkout-account-index .checkout__form-label {
        margin-top: 2.8125rem
    }
}

.checkout-onepage-success .checkout__login-form--input,
.checkout-account-index .checkout__login-form--input {
    color: #1d2345;
    width: 100%
}

.checkout-onepage-success .checkout__info,
.checkout-account-index .checkout__info {
    font-size: 0.75rem
}

.checkout-onepage-success .checkout__form-radio--label,
.checkout-account-index .checkout__form-radio--label {
    padding-left: 0.3125rem
}

.checkout-onepage-success .checkout__login-form--radio-wrapper,
.checkout-account-index .checkout__login-form--radio-wrapper {
    margin: 0 0 0.9375rem
}

.checkout-onepage-success .checkout__login-form--forgotten-password,
.checkout-account-index .checkout__login-form--forgotten-password {
    margin: 1.25rem 0 3.125rem
}

.checkout-onepage-success .checkout__login-form--forgotten-password a,
.checkout-account-index .checkout__login-form--forgotten-password a {
    color: #a4abc6;
    text-decoration: underline
}

.checkout-onepage-success .checkout__form-buttons,
.checkout-account-index .checkout__form-buttons {
    float: none
}

.checkout-onepage-success main,
.checkout-account-index main {
    padding-top: 1.25rem
}

@media screen and (min-width: 768px) {
    .checkout-onepage-success main,
    .checkout-account-index main {
        padding-top: 5rem
    }
}

#checkout-review-table-wrapper .checkout-table td,
#checkout-review-table-wrapper #my-orders-table td,
#checkout-review-table-wrapper .customer-invoice-table td,
#checkout-review-table-wrapper .customer-shipment-table td {
    padding-top: 1.25rem
}

#checkout-review-table-wrapper .checkout-table td.product-img,
#checkout-review-table-wrapper #my-orders-table td.product-img,
#checkout-review-table-wrapper .customer-invoice-table td.product-img,
#checkout-review-table-wrapper .customer-shipment-table td.product-img {
    padding-top: 0
}

#checkout-review-table-wrapper .checkout-table td.product-subtotal,
#checkout-review-table-wrapper #my-orders-table td.product-subtotal,
#checkout-review-table-wrapper .customer-invoice-table td.product-subtotal,
#checkout-review-table-wrapper .customer-shipment-table td.product-subtotal {
    display: none
}

@media screen and (min-width: 768px) {
    #checkout-review-table-wrapper .checkout-table td.product-subtotal,
    #checkout-review-table-wrapper #my-orders-table td.product-subtotal,
    #checkout-review-table-wrapper .customer-invoice-table td.product-subtotal,
    #checkout-review-table-wrapper .customer-shipment-table td.product-subtotal {
        display: block
    }
}

#checkout-review-table-wrapper .checkout-table td.product-name,
#checkout-review-table-wrapper #my-orders-table td.product-name,
#checkout-review-table-wrapper .customer-invoice-table td.product-name,
#checkout-review-table-wrapper .customer-shipment-table td.product-name {
    width: 47%
}

@media screen and (min-width: 768px) {
    #checkout-review-table-wrapper .checkout-table td.product-name,
    #checkout-review-table-wrapper #my-orders-table td.product-name,
    #checkout-review-table-wrapper .customer-invoice-table td.product-name,
    #checkout-review-table-wrapper .customer-shipment-table td.product-name {
        width: 32.58089%
    }
}

#checkout-review-table-wrapper .checkout-table td.product-price,
#checkout-review-table-wrapper #my-orders-table td.product-price,
#checkout-review-table-wrapper .customer-invoice-table td.product-price,
#checkout-review-table-wrapper .customer-shipment-table td.product-price {
    width: 25%;
    float: right;
    text-align: right;
    font-size: 0.8125rem;
    padding-top: 1.25rem;
    line-height: 1
}

@media screen and (min-width: 768px) {
    #checkout-review-table-wrapper .checkout-table td.product-price,
    #checkout-review-table-wrapper #my-orders-table td.product-price,
    #checkout-review-table-wrapper .customer-invoice-table td.product-price,
    #checkout-review-table-wrapper .customer-shipment-table td.product-price {
        float: left;
        width: 15.72611%;
        text-align: center;
        padding-top: 1.25rem
    }
}

#checkout-review-table-wrapper .checkout-table td.product-qty,
#checkout-review-table-wrapper #my-orders-table td.product-qty,
#checkout-review-table-wrapper .customer-invoice-table td.product-qty,
#checkout-review-table-wrapper .customer-shipment-table td.product-qty {
    width: 73%;
    float: right;
    overflow: hidden;
    text-align: left;
    padding-top: 0
}

@media screen and (min-width: 768px) {
    #checkout-review-table-wrapper .checkout-table td.product-qty,
    #checkout-review-table-wrapper #my-orders-table td.product-qty,
    #checkout-review-table-wrapper .customer-invoice-table td.product-qty,
    #checkout-review-table-wrapper .customer-shipment-table td.product-qty {
        float: left;
        text-align: center;
        width: 15.72611%;
        padding-top: 1.25rem;
        line-height: 0.8125rem
    }
}

#checkout-review-table-wrapper .checkout-table td.product-qty .show-on-mobile,
#checkout-review-table-wrapper #my-orders-table td.product-qty .show-on-mobile,
#checkout-review-table-wrapper .customer-invoice-table td.product-qty .show-on-mobile,
#checkout-review-table-wrapper .customer-shipment-table td.product-qty .show-on-mobile {
    display: inline
}

@media screen and (min-width: 768px) {
    #checkout-review-table-wrapper .checkout-table td.product-qty .show-on-mobile,
    #checkout-review-table-wrapper #my-orders-table td.product-qty .show-on-mobile,
    #checkout-review-table-wrapper .customer-invoice-table td.product-qty .show-on-mobile,
    #checkout-review-table-wrapper .customer-shipment-table td.product-qty .show-on-mobile {
        display: none
    }
}

#checkout-review-table-wrapper .checkout-table td.product-subtotal,
#checkout-review-table-wrapper #my-orders-table td.product-subtotal,
#checkout-review-table-wrapper .customer-invoice-table td.product-subtotal,
#checkout-review-table-wrapper .customer-shipment-table td.product-subtotal {
    display: none
}

@media screen and (min-width: 768px) {
    #checkout-review-table-wrapper .checkout-table td.product-subtotal,
    #checkout-review-table-wrapper #my-orders-table td.product-subtotal,
    #checkout-review-table-wrapper .customer-invoice-table td.product-subtotal,
    #checkout-review-table-wrapper .customer-shipment-table td.product-subtotal {
        display: block;
        line-height: 0.8125rem
    }
}

#checkout-review-table-wrapper .checkout-table h3,
#checkout-review-table-wrapper #my-orders-table h3,
#checkout-review-table-wrapper .customer-invoice-table h3,
#checkout-review-table-wrapper .customer-shipment-table h3,
#checkout-review-table-wrapper .checkout-table .popup-block .block-title,
.popup-block #checkout-review-table-wrapper .checkout-table .block-title,
#checkout-review-table-wrapper #my-orders-table .popup-block .block-title,
.popup-block #checkout-review-table-wrapper #my-orders-table .block-title,
#checkout-review-table-wrapper .customer-invoice-table .popup-block .block-title,
.popup-block #checkout-review-table-wrapper .customer-invoice-table .block-title,
#checkout-review-table-wrapper .customer-shipment-table .popup-block .block-title,
.popup-block #checkout-review-table-wrapper .customer-shipment-table .block-title {
    font-size: 0.8125rem !important;
    line-height: 120%;
    font-family: FuturaWeb, arial, sans-serif;
    margin: 0;
    margin-bottom: 0;
    letter-spacing: 0
}

#checkout-review-table-wrapper .checkout-table .product-sku,
#checkout-review-table-wrapper #my-orders-table .product-sku,
#checkout-review-table-wrapper .customer-invoice-table .product-sku,
#checkout-review-table-wrapper .customer-shipment-table .product-sku {
    margin: 0;
    font-size: 0.8125rem
}

#checkout-review-table-wrapper .checkout-table dt,
#checkout-review-table-wrapper #my-orders-table dt,
#checkout-review-table-wrapper .customer-invoice-table dt,
#checkout-review-table-wrapper .customer-shipment-table dt,
#checkout-review-table-wrapper .checkout-table dd,
#checkout-review-table-wrapper #my-orders-table dd,
#checkout-review-table-wrapper .customer-invoice-table dd,
#checkout-review-table-wrapper .customer-shipment-table dd {
    display: inline
}

#payment_form_authorizenet_directpost label {
    color: #1d2345;
    float: left;
    width: 30%;
    margin-right: 0;
    padding-top: 0.625rem;
    text-align: left
}

#payment_form_authorizenet_directpost .input-box {
    float: left;
    width: 70%;
    margin: 0 0 1.25rem
}

#payment_form_authorizenet_directpost .input-box div.cvv,
#payment_form_authorizenet_directpost .input-box div.month {
    width: 48%
}

#payment_form_authorizenet_directpost .input-box div.year {
    width: 48%;
    float: right
}

#payment_form_authorizenet_directpost .cvv-what-is-this {
    display: inline-block;
    padding: 0.625rem 0 0;
    margin: 0 0 0 0.625rem
}

.checkout-onepage-success .page-title {
    border-top: 0;
    float: none;
    margin-bottom: 4.375rem
}

.checkout-onepage-success .checkout__section-heading {
    border: 0;
    text-align: center
}

.checkout-onepage-success .checkout__form-list {
    margin-top: 1.25rem
}

.checkout-onepage-success .checkout__form-label {
    margin-top: 1.25rem
}

.checkout-onepage-success .advantages {
    padding-left: 1.875rem;
    list-style: disc
}

.checkout-onepage-success .advantages li {
    font-size: 1rem
}

.checkout-onepage-success form p,
.checkout-onepage-success form address {
    margin-bottom: 0.625rem
}

.checkout-onepage-success .split-box {
    max-width: 37.5rem
}

.checkout-onepage-success .opc-block-progress {
    float: none;
    max-width: 37.5rem;
    margin: 1.25rem auto;
    width: 100%
}

.checkout-onepage-success .opc-block-progress .block {
    float: none
}

.checkout-onepage-success .opc-block-progress p,
.checkout-onepage-success .opc-block-progress address {
    text-align: left
}

.checkout-onepage-success .checkout__back {
    float: none;
    max-width: 37.5rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.checkout-onepage-success main {
    padding-top: 0
}

.quarantine-checkout .header-buttons {
    display: none
}

.checkout-account-index .header-buttons {
    display: block
}

.checkout__back--billing,
.checkout__back--login {
    display: none
}

.checkout-shipping-index .checkout__back--login {
    display: block
}

.checkout-onepage-index .checkout__back--billing {
    display: block
}

.checkout__header-back {
    margin-top: 0.3125rem
}

@media screen and (min-width: 768px) {
    .checkout__header-back {
        margin-top: 2rem
    }
}

@media screen and (min-width: 992px) {
    .checkout__header-back {
        margin-top: 0.3125rem
    }
}

.checkout__header-back-arrow {
    float: left !important
}

.paypal-express-review .checkout__section-heading {
    margin-top: 2.5rem
}

.paypal-express-review .order-review>.checkout__section-heading--wrapper:first-child .checkout__section-heading {
    margin-top: 0
}

.paypal-express-review .checkout__form-submit {
    margin-top: 2.5rem
}

.checkout-shipping-index .input-box--newsletter {
    margin: 1.25rem 0 0;
    overflow: hidden
}

.checkout-shipping-index .input-box--newsletter .input-box__label {
    color: #1d2345
}

@media screen and (min-width: 768px) {
    .checkout-shipping-index .input-box--newsletter .input-box__label {
        float: left;
        max-width: 9.375rem;
        width: 25%
    }
}

@media screen and (min-width: 768px) {
    .checkout-shipping-index .input-box--newsletter .input-box__input {
        float: left;
        max-width: 75%;
        width: 100%
    }
}

.checkout-shipping-index .input-box--newsletter .input-checkbox {
    float: left
}

.checkout-shipping-index .input-box--newsletter .checkout-note {
    padding: 0 0 0 0.625rem;
    color: #8d8e90;
    display: block;
    float: left;
    width: 90%
}

.video-block {
    clear: both
}

.video-block .video {
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 1;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4)
}

.video-block .video h1,
.video-block .video p,
.video-block .video address {
    position: absolute;
    z-index: 10
}

.video-block .video h1 {
    margin: 0;
    top: 3.125rem;
    left: 3.125rem
}

.video-block .video p,
.video-block .video address {
    margin: 0;
    width: 100%;
    bottom: 3.125rem
}

.video-block .video p a,
.video-block .video address a {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    float: none
}

.video-block .video p a:hover,
.video-block .video address a:hover,
.video-block .video p a:focus,
.video-block .video address a:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.video-block .video p a .icon,
.video-block .video address a .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.video-block .video:after {
    height: 100%;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    content: " ";
    display: table-cell;
    border: 5px solid rgba(255, 255, 255, 0.8)
}

@media screen and (min-width: 768px) {
    .video-block .video:after {
        border: 20px solid rgba(255, 255, 255, 0.8)
    }
}

.video-block .video-description {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

@media screen and (min-width: 768px) {
    .video-block .video-description {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 66.29044%;
        margin-left: 16.85478%;
        text-align: center
    }
    .video-block .video-description:last-child {
        margin-right: 0
    }
}

.video-popup {
    position: relative;
    margin: 5px auto;
    width: 95%
}

@media screen and (min-width: 768px) {
    .video-popup {
        margin: 20px auto;
        width: 80%;
        max-width: 800px
    }
}

.video-popup .mfp-close {
    position: absolute;
    top: -40px;
    color: #fff !important
}

.video-popup .holder {
    position: relative;
    width: 100%;
    padding-top: 65%
}

.video-popup .holder .video-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000000
}

.mil-title {
    margin-bottom: 2.5rem
}

.fyf-intro {
    position: relative;
    z-index: 0
}

.fyf-intro h3,
.fyf-intro .popup-block .block-title,
.popup-block .fyf-intro .block-title {
    font-family: FuturaWeb, arial, sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    letter-spacing: .2em
}

.fyf-stripe {
    background-color: #ece4e0;
    padding-top: 3.125rem;
    padding-bottom: 3.125rem
}

.fyf-section {
    padding-top: 3.125rem;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

@media screen and (min-width: 768px) {
    .fyf-section {
        padding-top: 3.125rem;
        padding-right: 2.5rem;
        padding-left: 2.5rem
    }
}

.fyf-section img {
    max-width: 100%
}

.fyf-store-wrapper {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

.fyf-store-wrapper:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .fyf-store-wrapper {
        padding: 1.875rem 2.5rem 0
    }
}

@media screen and (min-width: 992px) {
    .fyf-store-wrapper {
        padding: 1.875rem 5rem 0
    }
}

.fyf-productstories h3,
.fyf-productstories .popup-block .block-title,
.popup-block .fyf-productstories .block-title {
    color: #908d78;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: .1em;
    margin: 1.875rem auto 2.5rem
}

.fyf-productstories p,
.fyf-productstories address {
    color: #666
}

.fyf-carousel-header {
    margin: 4.375rem auto 2.5rem;
    max-width: 80%
}

.fyf-intro-image {
    max-width: 100%
}

.fyf-intro-content {
    padding: 1.25rem 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .fyf-intro-content {
        left: 0;
        position: absolute;
        text-align: left;
        top: 12.75rem
    }
}

.fyf-logo {
    background-color: rgba(255, 255, 255, 0.35);
    left: 0;
    padding: 1.4375rem 0;
    position: absolute;
    top: 3.125rem;
    width: 100%;
    z-index: 1
}

.fyf-logo span {
    background: transparent url(../images/for-you-forever-logo.png) no-repeat center;
    display: block;
    height: 4rem;
    margin: 0 auto;
    width: 12.1875rem
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 1.5 / 1),
only screen and (min-resolution: 144dpi),
only screen and (min-resolution: 1.5dppx) {
    .fyf-logo span {
        background: transparent url(../images/for-you-forever-logo.png) no-repeat center;
        background-size: 195px 64px
    }
}

.fyf-scrolldown {
    display: none
}

@media screen and (min-width: 768px) {
    .fyf-scrolldown {
        bottom: 3.125rem;
        color: #666;
        display: block;
        left: 0;
        letter-spacing: .2em;
        position: absolute;
        right: 0;
        text-align: center;
        text-transform: uppercase
    }
}

.fyf-request-appointment {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    letter-spacing: .2em;
    line-height: 2.7
}

.fyf-request-appointment:hover,
.fyf-request-appointment:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.fyf-request-appointment .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

.foryouforever-page main {
    padding-top: 0
}

@media screen and (min-width: 768px) {
    .foryouforever-page main {
        padding-left: 0;
        padding-right: 0
    }
}

.foryouforever-page .column-restriction {
    margin: 0 auto;
    max-width: 16.75rem
}

.foryouforever-page .media-subheading,
.foryouforever-page .fyf-subheading,
.foryouforever-page .productstory-subheading {
    font-size: 1.875rem;
    line-height: 2.625rem;
    margin-right: auto;
    margin-bottom: 2.5rem;
    margin-left: auto
}

.foryouforever-page .media-description,
.foryouforever-page .productstory-description {
    color: #666;
    letter-spacing: .2em;
    line-height: 1.4rem;
    margin: 3.125rem auto;
    max-width: 80%
}

.foryouforever-page .media-video {
    margin: 0 auto;
    max-width: 43.75rem
}

.foryouforever-page .fyf-top-feature {
    background-color: #edf0ee;
    padding-bottom: 3.125rem
}

.foryouforever-page .fyf-top-feature .media-description {
    margin-bottom: 0
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100001;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100002;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 100004
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    max-width: 100%;
    cursor: auto
}

.catalog-product-view .mfp-inline-holder .mfp-content,
.catalog-product-view .mfp-ajax-holder .mfp-content {
    width: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 100003
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
#my-orders-table tbody tr td:last-child a.mfp-close:first-child,
#my-orders-table tbody tr td a.mfp-close,
.my-account h2 a.mfp-close,
.my-account h3 a.mfp-close,
.my-account .popup-block .block-title a.mfp-close,
.popup-block .my-account .block-title a.mfp-close,
.my-account .box-title a.mfp-close,
.my-account .box-head a.mfp-close,
button.mfp-arrow,
#my-orders-table tbody tr td:last-child a.mfp-arrow:first-child,
#my-orders-table tbody tr td a.mfp-arrow,
.my-account h2 a.mfp-arrow,
.my-account h3 a.mfp-arrow,
.my-account .popup-block .block-title a.mfp-arrow,
.popup-block .my-account .block-title a.mfp-arrow,
.my-account .box-title a.mfp-arrow,
.my-account .box-head a.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 100005;
    -webkit-box-shadow: none;
    box-shadow: none
}

button::-moz-focus-inner,
#my-orders-table tbody tr td:last-child a:first-child::-moz-focus-inner,
#my-orders-table tbody tr td a::-moz-focus-inner,
.my-account h2 a::-moz-focus-inner,
.my-account h3 a::-moz-focus-inner,
.my-account .popup-block .block-title a::-moz-focus-inner,
.popup-block .my-account .block-title a::-moz-focus-inner,
.my-account .box-title a::-moz-focus-inner,
.my-account .box-head a::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.content-popup {
    position: relative;
    background: #ffffff;
    padding: 2px 2px 0;
    width: auto;
    max-width: 100%
}

.selectboxit-container {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.selectboxit-container * {
    font: 14px Helvetica, Arial;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: none;
    white-space: nowrap
}

.selectboxit-container .selectboxit {
    width: 220px;
    cursor: pointer;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: block;
    position: relative
}

.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
    height: 30px;
    line-height: 30px;
    display: block
}

.selectboxit-container .selectboxit:focus {
    outline: 0
}

.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default
}

.selectboxit-text {
    text-indent: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left
}

.selectboxit .selectboxit-option-icon-container {
    margin-left: 5px
}

.selectboxit-container .selectboxit-options {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 100%;
    *width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    cursor: pointer;
    display: none;
    z-index: 9999999999999;
    text-align: left;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.selectboxit-option .selectboxit-option-anchor {
    padding: 0 2px
}

.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none
}

.selectboxit-option,
.selectboxit-optgroup-header {
    text-indent: 5px;
    margin: 0;
    list-style-type: none
}

.selectboxit-optgroup-header+.selectboxit-option-first {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px
}

.selectboxit-optgroup-header {
    font-weight: bold
}

.selectboxit-optgroup-header:hover {
    cursor: default
}

.selectboxit-arrow-container {
    width: 30px;
    position: absolute;
    right: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
    top: 30%
}

.selectboxit-option-icon-container {
    float: left
}

.selectboxit-container .selectboxit-option-icon {
    margin: 0;
    padding: 0;
    vertical-align: middle
}

.selectboxit-option-icon-url {
    width: 18px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    float: left
}

.selectboxit-rendering {
    display: inline-block !important;
    *display: inline !important;
    zoom: 1 !important;
    visibility: visible !important;
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important
}

.jqueryui .ui-icon {
    background-color: inherit
}

.jqueryui .ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.selectboxit-btn {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    color: #9eabc4;
    background-color: #e6e6e6
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
    color: #9eabc4;
    text-decoration: none;
    background-position: 0 -15px
}

.selectboxit-default-arrow {
    width: 0;
    height: 0;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.selectboxit-list {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
}

.selectboxit-list .selectboxit-option-anchor {
    color: #9eabc4
}

.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
    color: #ffffff;
    background-color: #1c2247;
    background-repeat: repeat-x
}

.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
    color: #9eabc4
}

.selectboxit-container {
    width: 100%;
    margin-bottom: 23px
}

.selectboxit-container .selectboxit {
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 100%
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    top: 42%
}

.selectboxit-btn {
    border: solid 1px #eee;
    background: #fff
}

.selectboxit-arrow-container {
    background: #1c2247
}

.selectboxit-arrow-container .selectboxit-default-arrow {
    border-top-color: #fff
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
    background-color: #fff
}

.selectboxit-text {
    color: #9eabc4
}

.select2-container {
    width: 100%;
    margin-bottom: 23px
}

.select2-container .select2-choice {
    border: solid 1px #eee;
    background: #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 35px;
    overflow: visible;
    margin-bottom: 0 !important
}

.select2-container .select2-choice .select2-chosen {
    padding-top: 10px;
    text-transform: uppercase;
    font-size: 0.875rem;
    line-height: 1.225rem;
    color: #9eabc4;
    margin-right: 39px;
    padding-right: 5px;
    background: url(../images/select-box-texture-border.gif) no-repeat top right !important
}

.select2-container .select2-choice .select2-arrow {
    background: #1c2247;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 35px;
    height: 35px;
    padding: 0;
    margin: 0;
    top: -1px;
    right: -1px
}

.select2-container .select2-choice .select2-arrow b {
    background: url(../images/select-box-arrow.gif) no-repeat center center !important;
    background-size: auto !important
}

.select2-drop-active {
    border-color: #eee
}

.select2-drop {
    border: 1px solid #eee;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0
}

.select2-search {
    display: none
}

.Zebra_DatePicker *,
.Zebra_DatePicker *:after,
.Zebra_DatePicker *:before {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.Zebra_DatePicker {
    position: absolute;
    background: transparent;
    display: none;
    z-index: 100;
    width: 89%
}

.Zebra_DatePicker * {
    margin: 0;
    padding: 0;
    color: #000;
    background-color: transparent;
    border: none
}

.Zebra_DatePicker table {
    border-collapse: collapse;
    border-spacing: 0
}

.Zebra_DatePicker table.dp_daypicker {
    margin: 0 auto
}

.Zebra_DatePicker td,
.Zebra_DatePicker th {
    text-align: center;
    padding: 10px 0
}

.Zebra_DatePicker td {
    cursor: pointer
}

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td {
    width: 42px !important;
    height: 42px !important;
    vertical-align: middle;
    text-align: center;
    padding: 0 !important;
    line-height: 11px;
    font-size: 15px
}

.Zebra_DatePicker .dp_daypicker th {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #9eabc4
}

.Zebra_DatePicker,
.Zebra_DatePicker .dp_header .dp_hover,
.Zebra_DatePicker .dp_footer .dp_hover {
    -webkit-border-radius: 999em;
    -moz-border-radius: 999em;
    border-radius: 999em
}

.Zebra_DatePicker .dp_footer {
    display: none
}

.Zebra_DatePicker .dp_header {
    width: 240px !important;
    margin: 0 auto
}

.Zebra_DatePicker .dp_header td {
    color: #1d2345
}

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next {
    width: 30px
}

.Zebra_DatePicker .dp_header .dp_hover {
    color: #9eabc4
}

.Zebra_DatePicker .dp_daypicker th {
    background: transparent
}

.Zebra_DatePicker td.dp_not_in_month {
    background: transparent;
    color: #f3f4f5;
    cursor: default
}

.Zebra_DatePicker td.dp_not_in_month_selectable {
    background: transparent;
    color: #f3f4f5;
    cursor: default
}

.Zebra_DatePicker td.dp_weekend {
    background: transparent
}

.Zebra_DatePicker td.dp_weekend_disabled {
    color: #bfbfbf;
    cursor: default
}

.Zebra_DatePicker td.dp_selected {
    color: #fff !important;
    background: #9eabc4;
    -webkit-border-radius: 99999px;
    -moz-border-radius: 99999px;
    border-radius: 99999px
}

.Zebra_DatePicker td.dp_week_number {
    background: transparent;
    color: #555;
    cursor: text;
    font-style: italic
}

.Zebra_DatePicker .dp_monthpicker td {
    width: 62px !important;
    height: 62px !important
}

.Zebra_DatePicker .dp_yearpicker td {
    width: 62px !important;
    height: 62px !important
}

.Zebra_DatePicker .dp_footer {
    margin-top: 3px
}

.Zebra_DatePicker .dp_footer .dp_hover {
    background: transparent;
    color: #fff
}

.Zebra_DatePicker .dp_today {
    color: #FFF;
    padding: 3px
}

.Zebra_DatePicker .dp_clear {
    color: #FFF;
    padding: 3px
}

.Zebra_DatePicker td.dp_current {
    color: #9eabc4
}

.Zebra_DatePicker td.dp_disabled_current {
    color: #9eabc4
}

.Zebra_DatePicker td.dp_disabled {
    background: transparent;
    color: #bfbfbf;
    cursor: default
}

.Zebra_DatePicker td.dp_hover {
    color: #9eabc4
}

button.Zebra_DatePicker_Icon,
#my-orders-table tbody tr td:last-child a.Zebra_DatePicker_Icon:first-child,
#my-orders-table tbody tr td a.Zebra_DatePicker_Icon,
.my-account h2 a.Zebra_DatePicker_Icon,
.my-account h3 a.Zebra_DatePicker_Icon,
.my-account .popup-block .block-title a.Zebra_DatePicker_Icon,
.popup-block .my-account .block-title a.Zebra_DatePicker_Icon,
.my-account .box-title a.Zebra_DatePicker_Icon,
.my-account .box-head a.Zebra_DatePicker_Icon {
    margin: 0 0 0 3px
}

button.Zebra_DatePicker_Icon_Inside,
#my-orders-table tbody tr td:last-child a.Zebra_DatePicker_Icon_Inside:first-child,
#my-orders-table tbody tr td a.Zebra_DatePicker_Icon_Inside,
.my-account h2 a.Zebra_DatePicker_Icon_Inside,
.my-account h3 a.Zebra_DatePicker_Icon_Inside,
.my-account .popup-block .block-title a.Zebra_DatePicker_Icon_Inside,
.popup-block .my-account .block-title a.Zebra_DatePicker_Icon_Inside,
.my-account .box-title a.Zebra_DatePicker_Icon_Inside,
.my-account .box-head a.Zebra_DatePicker_Icon_Inside {
    margin: 0 3px 0 0
}

@font-face {
    font-family: "magictoolbox-thin";
    font-weight: normal;
    font-style: normal;
    src: url("../fonts/magictoolbox-thin.eot?#iefix") format("embedded-opentype"), url("data:font/opentype;base64,AAEAAAANAIAAAwBQRkZUTXJLSEgAAAdAAAAAHEdERUYAKQAPAAAHIAAAAB5PUy8yAlYL4QAAAVgAAABWY21hcEAYY70AAAHUAAABSmdhc3D//wADAAAHGAAAAAhnbHlmMMVOJwAAAzQAAAGIaGVhZAmWUYMAAADcAAAANmhoZWEP9QamAAABFAAAACRobXR4L0EAQAAAAbAAAAAkbG9jYQGGAgAAAAMgAAAAFG1heHAAUAAcAAABOAAAACBuYW1l6MPgdAAABLwAAAH1cG9zdLaTuyIAAAa0AAAAZAABAAAAAQAAEWdxz18PPPUACwgAAAAAANDtg/MAAAAA0O2D8wAA/gIInAaeAAAACAACAAAAAAAAAAEAAAae/gIAuAibAAD//wicAAEAAAAAAAAAAAAAAAAAAAAJAAEAAAAJABkABQAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQZeAZAABQAIBTMFmQAAAR4FMwWZAAAD1wBmAhIAAAAABQAAAAAAAAAAAAAAAAAAAAACAAAAAAAAUGZFZABAoAGgBgZm/mYAuAaeAf4AAAABAAAAAAAABAAAAAAAAAACqgAACJsAAAOlAAADpQAACJsAAAibAAAHfABAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAACgBv//AAAAAKAB//8AAGACAAEAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAqACoAKgBMAGAAdACIAJwAxAAFAAAAAAQABZoAAgAFAAgACwAPAAATEQkBIQE3AREJASEDESERZgFd/uECuP6kPQFd/mYBXP1IpAQABNf77AIK/ZkCC1z99gQU/lICCvrNBZr6ZgABAAD+AgicBp4ACwAACQEHCQEnCQE3CQEXBHEEKyP71fvVIwQr+9UjBCsEKyMCUPvVIwQr+9UjBCsEKyP71QQrIwAAAAEAAP4CA6YGngAFAAARARcJAQcDixv8iQN1GwJQBE4X+8n7yRcAAAABAAD+AgOmBp4ABQAACQEnCQE3A6b8dxsDd/yHGwJQ+7IXBDcENxcAAQAAADcInAPdAAUAACUBNwkBFwRO+7IXBDcENxc3A4oa/IkDeRoAAAEAAAA3CJwD3QAFAAAJAQcJAScETgROF/vJ+8kXA938dxsDd/yHGwACAEAAQAHAAcAADQAYAAAlBycGIyImNDYyFhUUDwEWMzI2NCYiBhUUAcAXcSk3P1lZflkh1yc5OFBQcFBXF3EhWX5ZWT82KQInUHBQUDg5AAAADACWAAEAAAAAAAEAEQAkAAEAAAAAAAIABABAAAEAAAAAAAMALQChAAEAAAAAAAQAEQDzAAEAAAAAAAUACwEdAAEAAAAAAAYAEQFNAAMAAQQJAAEAIgAAAAMAAQQJAAIACAA2AAMAAQQJAAMAWgBFAAMAAQQJAAQAIgDPAAMAAQQJAAUAFgEFAAMAAQQJAAYAIgEpAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFQAaABpAG4AAFRoaW4AAEYAbwBuAHQARgBvAHIAZwBlACAAMgAuADAAIAA6ACAATQBhAGcAaQBjAFQAbwBvAGwAYgBvAHgALQBUAGgAaQBuACAAOgAgADIANwAtADEALQAyADAAMQA1AABGb250Rm9yZ2UgMi4wIDogTWFnaWNUb29sYm94LVRoaW4gOiAyNy0xLTIwMTUAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAFYAZQByAHMAaQBvAG4AIAAxAC4AMAAAVmVyc2lvbiAxLjAAAE0AYQBnAGkAYwBUAG8AbwBsAGIAbwB4AC0AVABoAGkAbgAATWFnaWNUb29sYm94LVRoaW4AAAAAAAIAAAAAAAD/mgBmAAAAAAAAAAAAAAAAAAAAAAAAAAAACQAAAAEAAgECAQMBBAEFAQYBBwd1bmlBMDAxB3VuaUEwMDIHdW5pQTAwMwd1bmlBMDA0B3VuaUEwMDUHdW5pQTAwNgAAAAH//wACAAEAAAAMAAAAFgAAAAIAAQADAAgAAQAEAAAAAgAAAAAAAAABAAAAANBwQGEAAAAA0O2D8wAAAADQ7YPz")
}

.MagicZoom,
.mz-figure,
.mz-lens,
.mz-zoom-window,
.mz-loading,
.mz-hint,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage,
.mz-expand .mz-image-stage>figure .mz-caption,
.mz-thumb img,
.mz-expand-thumbnails,
.mz-expand-controls,
.mz-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.MagicZoom,
.mz-figure {
    display: inline-block;
    outline: 0 !important;
    font-size: 0 !important;
    line-height: 100% !important;
    direction: ltr !important;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.MagicZoom {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

figure.mz-figure {
    overflow: hidden;
    margin: 0 !important;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.MagicZoom img,
.mz-figure img {
    border: 0 !important;
    margin: 0 !important;
    outline: 0 !important;
    padding: 0 !important
}

.MagicZoom>img,
.mz-figure>img {
    width: 100%;
    height: auto
}

.ie8-magic .MagicZoom>img,
.ie8-magic .mz-figure>img {
    width: 100%;
    max-width: none !important
}

.mz-figure.mz-no-zoom.mz-no-expand,
.mz-expand .mz-figure.mz-no-zoom {
    cursor: default !important
}

.mz-figure.mz-active,
.mz-expand {
    -ms-touch-action: none;
    touch-action: none
}

.mz-lens,
.mz-zoom-window {
    position: absolute !important;
    overflow: hidden !important;
    pointer-events: none !important
}

.mz-lens img,
.mz-zoom-window img {
    position: absolute !important;
    max-width: none !important;
    max-height: none !important
}

.mz-lens img {
    -webkit-transition: none !important;
    transition: none !important
}

.mz-zoom-window {
    z-index: 2000000000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mz-zoom-window.mz-magnifier {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000);
    -webkit-mask-clip: content;
    cursor: none
}

.mz-figure.mz-active .mz-zoom-window.mz-magnifier {
    pointer-events: auto !important;
    cursor: inherit !important
}

.mz-zoom-window.mz-magnifier.mz-expanded {
    z-index: 2147483647
}

.mz-zoom-window img {
    width: auto;
    height: auto;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform-origin: 50% 50% !important;
    -ms-transform-origin: 50% 50% !important;
    transform-origin: 50% 50% !important
}

.mz-zoom-window.mz-preview img {
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    -webkit-transform: none !important;
    transform: none !important
}

.lt-ie9-magic .mz-zoom-window img {
    margin: 0 !important
}

.mz-expand-controls {
    z-index: 2147483647
}

.mz-fade {
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.mz-hidden {
    opacity: 0
}

.mz-visible {
    opacity: 1
}

.mobile-magic .mz-expand .mz-expand-bg {
    -webkit-transform-style: flat !important;
    transform-style: flat !important
}

.mobile-magic .mz-expand .mz-image-stage>figure .mz-caption {
    display: none !important
}

.mobile-magic .mz-expand-controls.mz-fade {
    transition: none !important
}

.mobile-magic .mz-expand>.mz-zoom-window {
    top: 0 !important;
    left: 0 !important
}

.mz-expanded-view-open,
.mz-expanded-view-open body {
    overflow: hidden !important
}

.mz-expanded-view-open body {
    height: auto !important
}

.mz-figure.mz-active {
    background: #fff
}

.mz-figure.mz-no-zoom,
.mz-figure.mz-click-zoom,
.mz-figure.mz-active {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mz-figure.mz-active.mz-no-expand {
    cursor: crosshair
}

.mz-figure.mz-active.mz-click-zoom.mz-no-expand {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.mz-figure.mz-active.mz-magnifier-zoom.mz-hover-zoom.mz-no-expand {
    cursor: none
}

.mz-figure.mz-magnifier-zoom.mz-active {
    overflow: visible !important
}

.mz-figure.mz-active>img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.6'/></feComponentTransfer></filter></svg>#grayscale");
    -webkit-filter: grayscale(80%) opacity(60%);
    filter: grayscale(80%) opacity(60%)
}

.no-cssfilters-magic .mz-figure.mz-active>img {
    opacity: 0.6
}

.lt-ie10-magic .mz-figure.mz-active>img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1, opacity=0.6)
}

.mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>img {
    opacity: 0
}

.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom,
.lt-ie11-magic .mz-figure.mz-active.mz-inner-zoom>.mz-zoom-window {
    opacity: 1
}

.lt-ie10-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom,
.lt-ie10-magic .mz-figure.mz-active.mz-inner-zoom>img {
    filter: alpha(opacity=0)
}

.ie9-magic .mz-expand .mz-figure.mz-active.mz-inner-zoom {
    background: transparent
}

.mz-lens {
    border: 1px solid #aaa;
    border-color: rgba(170, 170, 170, 0.7);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    cursor: none;
    z-index: 10;
    opacity: 0
}

.mz-figure.mz-active .mz-lens {
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s;
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9) 0.1s
}

.mz-figure.mz-active.mz-magnifier-zoom .mz-lens {
    border-radius: 50%;
    opacity: 0;
    cursor: none
}

.mz-zoom-window {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.mz-zoom-window.mz-magnifier {
    border-radius: 100%;
    border: 0;
    background: rgba(255, 255, 255, 0.3)
}

.mz-zoom-window.mz-magnifier:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 100%;
    border: 1px solid rgba(170, 170, 170, 0.7);
    box-shadow: inset 0 0 20px 1px rgba(0, 0, 0, 0.3);
    background: transparent;
    z-index: 1
}

.mz-zoom-window.mz-magnifier.mz-square,
.mz-zoom-window.mz-magnifier.mz-square:before {
    border-radius: 0 !important
}

.lt-ie9-magic .mz-zoom-window {
    border: 1px solid #e5e5e5
}

.mz-zoom-window.mz-inner {
    border: none;
    box-shadow: none
}

.mz-zoom-window .mz-caption {
    background: #777;
    color: #fff;
    font-size: 10pt;
    opacity: 0.8;
    position: absolute;
    top: 0;
    z-index: 150;
    padding: 3px;
    width: 100%;
    line-height: normal !important;
    text-align: center !important
}

.lt-ie9-magic .mz-zoom-window .mz-caption {
    filter: alpha(opacity=80)
}

.mz-zoom-window.caption-bottom .mz-caption {
    top: auto;
    bottom: 0
}

.mz-zoom-window.mz-expanded>.mz-caption {
    display: none
}

.mz-zoom-window.mz-deactivating,
.mz-zoom-window.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), -webkit-transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9), transform 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9)
}

.mz-zoom-window.mz-deactivating {
    -webkit-transition-duration: .25s, .25s, .25s;
    transition-duration: .25s, .25s, .25s
}

.mz-zoom-window.mz-p-right,
.mz-zoom-window.mz-p-left,
.mz-zoom-window.mz-p-top,
.mz-zoom-window.mz-p-bottom {
    opacity: 0;
    z-index: -100
}

.mz-zoom-window.mz-p-right {
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
}

.mz-zoom-window.mz-p-left {
    -webkit-transform: translate3d(20%, 0, 0);
    transform: translate3d(20%, 0, 0)
}

.mz-zoom-window.mz-p-top {
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0)
}

.mz-zoom-window.mz-p-bottom {
    -webkit-transform: translate3d(0, -20%, 0);
    transform: translate3d(0, -20%, 0)
}

.mz-zoom-window>img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-zoom-window.mz-p-inner.mz-deactivating>img,
.mz-zoom-window.mz-p-inner.mz-activating>img {
    -webkit-transition: -webkit-transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important;
    transition: transform 0.22s cubic-bezier(0.25, 0.5, 0.5, 0.9) !important
}

.mz-zoom-window.mz-p-magnifier {
    -webkit-transform: scale(0.1);
    transform: scale(0.1)
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-preview.mz-activating,
.mz-zoom-window.mz-custom.mz-deactivating,
.mz-zoom-window.mz-custom.mz-activating {
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: opacity 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9)
}

.mz-zoom-window.mz-preview.mz-deactivating,
.mz-zoom-window.mz-custom.mz-deactivating {
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.mz-zoom-window.mz-p-preview,
.mz-zoom-window.mz-p-custom {
    opacity: 0
}

.mz-hint,
.mz-loading {
    color: #eee;
    background: rgba(49, 51, 61, 0.7);
    font: normal 12px/1.2em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    direction: ltr;
    display: inline-block;
    margin: 0;
    position: absolute;
    z-index: 1000;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease
}

.mz-hint {
    bottom: 8px;
    left: 0;
    right: 0;
    padding: 0 10%;
    background-color: transparent;
    -webkit-transition: opacity 0.25s ease, z-index 0.25s ease;
    transition: opacity 0.25s ease, z-index 0.25s ease
}

.mz-hint-message {
    display: inline-block;
    background: rgba(49, 51, 61, 0.7);
    border-radius: 2em;
    padding: .7em 1.1em
}

.mz-hint-message:before {
    content: '\02295';
    font-family: serif;
    font-size: 1.5em;
    speak: none;
    text-align: center;
    vertical-align: -2px;
    margin-right: 6px;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease
}

.mobile-magic .mz-hint-message:before {
    display: none
}

.mz-hint-hidden {
    opacity: 0;
    z-index: -1;
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.mz-expand .mz-hint {
    font-size: 18px;
    line-height: 1.1em;
    top: 50%;
    bottom: auto;
    margin: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.mz-expand .mz-hint-message {
    padding: 1.1em
}

.mz-expand .mz-hint-message:before {
    display: none
}

.mz-expand .mz-hint-hidden {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
    opacity: 0
}

.mz-loading {
    font-size: 0;
    border-radius: 100%;
    opacity: 0;
    padding: 0;
    width: 36px;
    height: 36px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mz-loading:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 24px;
    height: 24px;
    margin: auto;
    text-indent: -9999em;
    border-radius: 50%;
    border: 2px solid #fff;
    border-top-color: transparent;
    box-sizing: border-box
}

.mz-loading.shown {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.mz-loading.shown:after {
    -webkit-animation: spin-loading .9s infinite linear;
    animation: spin-loading .9s infinite linear
}

@-webkit-keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin-loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.lt-ie10-magic .mz-loading {
    border-radius: 2em;
    font-size: 12px;
    padding: .7em 1.1em;
    width: auto;
    height: auto
}

.lt-ie10-magic .mz-loading:after {
    content: 'Loading...';
    text-indent: 0;
    border: none;
    position: relative
}

.lt-ie9-magic .mz-loading {
    filter: alpha(opacity=0);
    right: 0;
    left: 0;
    width: 126px;
    margin: auto
}

.lt-ie9-magic .mz-hint-message,
.lt-ie9-magic .mz-loading.shown {
    background: transparent !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#7c31333D', EndColorStr='#7c31333D')
}

.lt-ie9-magic .mz-hint-hidden {
    filter: alpha(opacity=0)
}

.mz-expand,
.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg,
.mz-expand .mz-expand-stage,
.mz-expand .mz-expand-stage .mz-image-stage {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>img,
.mz-expand .mz-expand-bg>svg {
    width: auto !important;
    height: auto !important
}

.mz-expand .mz-expand-bg,
.mz-expand .mz-expand-bg>svg {
    min-width: 100% !important;
    min-height: 100% !important
}

.mz-expand {
    background-color: #000;
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: hidden;
    z-index: 2100000000;
    position: fixed;
    width: auto;
    height: auto;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none
}

.mz-expand .mz-expand-bg {
    display: inline-block;
    vertical-align: middle;
    margin: auto;
    z-index: -100;
    max-width: none !important;
    max-height: none !important;
    -webkit-transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
    -ms-transform: translate(0, 0) scale(10, 10) rotate(0.01deg);
    transform: translate3d(0, 0, 0) scale(10) rotate(0.01deg);
    -webkit-perspective: 600px;
    perspective: 600px;
    background-repeat: no-repeat;
    background-size: cover
}

.mz-expand .mz-expand-bg>img {
    margin: auto;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='80' in='SourceGraphic'></feGaussianBlur></filter></svg>#blur");
    -webkit-filter: blur(20px) brightness(60%);
    filter: blur(20px) brightness(60%);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-expand .mz-expand-bg>svg {
    margin: auto;
    opacity: .6
}

[data-magic-ua=edge] .mz-expand .mz-expand-bg,
.lt-ie10-magic .mz-expand .mz-expand-bg {
    display: none !important
}

.lt-ie9-magic .mz-expand {
    background: #1f1f1f
}

[data-magic-ua=edge] .mz-expand {
    background-color: rgba(31, 31, 31, 0.96)
}

.mz-expand.plain-bg .mz-expand-bg,
.mz-expand.dark-bg .mz-expand-bg,
.mz-expand.white-bg .mz-expand-bg {
    display: none !important
}

.mz-expand.dark-bg {
    background-color: #1f1f1f;
    background-color: rgba(31, 31, 31, 0.96)
}

.mz-expand.white-bg {
    background-color: #fff
}

.mz-expand .mz-expand-stage {
    z-index: 2100000000;
    padding: 0
}

.mz-expand .mz-expand-stage .mz-image-stage {
    z-index: 50;
    left: 120px;
    right: 120px;
    padding: 20px 0 40px 0;
    margin: 0;
    text-align: center;
    vertical-align: middle;
    -webkit-perspective: 600px;
    perspective: 600px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 120px
}

.mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding: 0 !important;
    left: 0;
    right: 0
}

.mz-expand .mz-image-stage>figure:before,
.mz-expand .mz-image-stage:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    font-size: 0;
    line-height: 100%;
    width: 0
}

.mz-expand .mz-image-stage>figure {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    line-height: 100%;
    position: relative
}

.mz-expand .mz-figure {
    overflow: visible;
    max-width: 100% !important
}

.mz-expand .mz-figure>img {
    max-width: 100%;
    width: auto;
    height: auto
}

.mz-expand .mz-zoom-in .mz-image-stage>figure,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-activating,
.mz-expand .mz-zoom-in .mz-image-stage>figure .mz-figure.mz-active {
    width: 100%;
    height: 100%
}

.mz-expand .mz-figure {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mz-expand .mz-figure.mz-active {
    cursor: crosshair;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
    cursor: zoom-out
}

.mz-expand .mz-expand-stage.mz-zoom-in.mz-always-zoom .mz-image-stage>figure>figure>img {
    z-index: 1;
    position: absolute !important;
    top: -5000px !important;
    bottom: -5000px !important;
    left: -5000px !important;
    right: -5000px !important;
    margin: auto !important
}

.lt-ie10-magic .mz-zoom-window.mz-expanded img {
    filter: alpha(opacity=100)
}

.lt-ie10-magic .mz-expand .mz-figure.mz-magnifier-zoom {
    overflow: hidden;
    filter: alpha(opacity=100)
}

.mz-expand .mz-caption {
    color: #fff;
    text-shadow: 0px 0px 46px #000;
    padding: 10px 4px;
    font: normal 10pt/1em 'Lucida Grande', 'Lucida Sans Unicode', Verdana, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0
}

.mz-expand .mz-caption.mz-show {
    -webkit-transition: opacity 0.15s ease-out;
    transition: opacity 0.15s ease-out;
    opacity: 1
}

.mz-expand .mz-caption a {
    color: inherit;
    cursor: pointer
}

.mz-expand.white-bg .mz-caption {
    color: #555;
    text-shadow: none
}

.lt-ie9-magic .mz-expand .mz-caption {
    top: 100%
}

.mz-expand .mz-zoom-window {
    box-shadow: none;
    background: transparent
}

.lt-ie9-magic .mz-expand .mz-zoom-window {
    border: 0
}

.mobile-magic .mz-expand-stage .mz-expand-thumbnails,
.mobile-magic .mz-expand-stage .mz-image-stage {
    left: 0px;
    right: 0px
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs {
    bottom: 0px
}

.mobile-magic .mz-expand-stage .mz-image-stage {
    padding: 0
}

.mobile-magic .mz-expand .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 5px 0 60px
}

.mobile-magic .mz-expand .mz-expand-stage.mz-zoom-in .mz-image-stage {
    padding-top: 0
}

.mobile-magic .mz-expand .mz-expand-thumbnails {
    padding: 0;
    height: 60px
}

.mz-expand-controls,
button.mz-button,
#my-orders-table tbody tr td:last-child a.mz-button:first-child,
#my-orders-table tbody tr td a.mz-button,
.my-account h2 a.mz-button,
.my-account h3 a.mz-button,
.my-account .popup-block .block-title a.mz-button,
.popup-block .my-account .block-title a.mz-button,
.my-account .box-title a.mz-button,
.my-account .box-head a.mz-button {
    margin: 0 !important;
    padding: 0 !important;
    outline: 0 !important
}

button.mz-button,
#my-orders-table tbody tr td:last-child a.mz-button:first-child,
#my-orders-table tbody tr td a.mz-button,
.my-account h2 a.mz-button,
.my-account h3 a.mz-button,
.my-account .popup-block .block-title a.mz-button,
.popup-block .my-account .block-title a.mz-button,
.my-account .box-title a.mz-button,
.my-account .box-head a.mz-button {
    color: #b4b4b4 !important;
    font: 900 34px/1 'magictoolbox-thin' !important;
    cursor: pointer;
    z-index: 90 !important;
    background-color: transparent !important;
    border: 1px solid rgba(180, 180, 180, 0) !important;
    border-radius: 100% !important;
    box-shadow: none !important;
    position: absolute !important;
    text-transform: none !important;
    text-align: center;
    speak: none;
    -webkit-font-smoothing: antialiased;
    width: 60px !important;
    height: 60px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important
}

button.mz-button:before,
#my-orders-table tbody tr td:last-child a.mz-button:first-child:before,
#my-orders-table tbody tr td a.mz-button:before,
.my-account h2 a.mz-button:before,
.my-account h3 a.mz-button:before,
.my-account .popup-block .block-title a.mz-button:before,
.popup-block .my-account .block-title a.mz-button:before,
.my-account .box-title a.mz-button:before,
.my-account .box-head a.mz-button:before {
    display: inline;
    position: static;
    color: inherit !important;
    font: inherit !important;
    -webkit-font-smoothing: inherit !important
}

button.mz-button.mz-button-prev,
#my-orders-table tbody tr td a.mz-button.mz-button-prev,
.my-account h2 a.mz-button.mz-button-prev,
.my-account h3 a.mz-button.mz-button-prev,
.my-account .popup-block .block-title a.mz-button.mz-button-prev,
.popup-block .my-account .block-title a.mz-button.mz-button-prev,
.my-account .box-title a.mz-button.mz-button-prev,
.my-account .box-head a.mz-button.mz-button-prev,
button.mz-button.mz-button-next,
#my-orders-table tbody tr td a.mz-button.mz-button-next,
.my-account h2 a.mz-button.mz-button-next,
.my-account h3 a.mz-button.mz-button-next,
.my-account .popup-block .block-title a.mz-button.mz-button-next,
.popup-block .my-account .block-title a.mz-button.mz-button-next,
.my-account .box-title a.mz-button.mz-button-next,
.my-account .box-head a.mz-button.mz-button-next {
    margin: auto 10px !important;
    top: 0 !important;
    bottom: 0 !important;
    overflow: hidden !important
}

button.mz-button.mz-button-prev,
#my-orders-table tbody tr td a.mz-button.mz-button-prev,
.my-account h2 a.mz-button.mz-button-prev,
.my-account h3 a.mz-button.mz-button-prev,
.my-account .popup-block .block-title a.mz-button.mz-button-prev,
.popup-block .my-account .block-title a.mz-button.mz-button-prev,
.my-account .box-title a.mz-button.mz-button-prev,
.my-account .box-head a.mz-button.mz-button-prev {
    left: 0 !important
}

button.mz-button.mz-button-next,
#my-orders-table tbody tr td a.mz-button.mz-button-next,
.my-account h2 a.mz-button.mz-button-next,
.my-account h3 a.mz-button.mz-button-next,
.my-account .popup-block .block-title a.mz-button.mz-button-next,
.popup-block .my-account .block-title a.mz-button.mz-button-next,
.my-account .box-title a.mz-button.mz-button-next,
.my-account .box-head a.mz-button.mz-button-next {
    right: 0 !important
}

button.mz-button.mz-button-close,
#my-orders-table tbody tr td a.mz-button.mz-button-close,
.my-account h2 a.mz-button.mz-button-close,
.my-account h3 a.mz-button.mz-button-close,
.my-account .popup-block .block-title a.mz-button.mz-button-close,
.popup-block .my-account .block-title a.mz-button.mz-button-close,
.my-account .box-title a.mz-button.mz-button-close,
.my-account .box-head a.mz-button.mz-button-close {
    font-size: 26px !important;
    margin: 10px !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 95 !important
}

:root:not(.mobile-magic) button.mz-button,
:root:not(.mobile-magic) #my-orders-table tbody tr td a.mz-button,
#my-orders-table tbody tr td :root:not(.mobile-magic) a.mz-button,
:root:not(.mobile-magic) .my-account h2 a.mz-button,
.my-account h2 :root:not(.mobile-magic) a.mz-button,
:root:not(.mobile-magic) .my-account h3 a.mz-button,
.my-account h3 :root:not(.mobile-magic) a.mz-button,
:root:not(.mobile-magic) .my-account .popup-block .block-title a.mz-button,
.my-account .popup-block .block-title :root:not(.mobile-magic) a.mz-button,
:root:not(.mobile-magic) .popup-block .my-account .block-title a.mz-button,
.popup-block .my-account .block-title :root:not(.mobile-magic) a.mz-button,
:root:not(.mobile-magic) .my-account .box-title a.mz-button,
.my-account .box-title :root:not(.mobile-magic) a.mz-button,
:root:not(.mobile-magic) .my-account .box-head a.mz-button,
.my-account .box-head :root:not(.mobile-magic) a.mz-button {
    color: rgba(180, 180, 180, 0.75) !important;
    -webkit-transform: scale(0.85) !important;
    transform: scale(0.85) !important;
    -webkit-transition: color .25s, border-color .25s, -webkit-transform .25s !important;
    transition: color .25s, border-color .25s, transform .25s !important
}

:root:not(.mobile-magic) button.mz-button:hover,
:root:not(.mobile-magic) #my-orders-table tbody tr td a.mz-button:hover,
#my-orders-table tbody tr td :root:not(.mobile-magic) a.mz-button:hover,
:root:not(.mobile-magic) .my-account h2 a.mz-button:hover,
.my-account h2 :root:not(.mobile-magic) a.mz-button:hover,
:root:not(.mobile-magic) .my-account h3 a.mz-button:hover,
.my-account h3 :root:not(.mobile-magic) a.mz-button:hover,
:root:not(.mobile-magic) .my-account .popup-block .block-title a.mz-button:hover,
.my-account .popup-block .block-title :root:not(.mobile-magic) a.mz-button:hover,
:root:not(.mobile-magic) .popup-block .my-account .block-title a.mz-button:hover,
.popup-block .my-account .block-title :root:not(.mobile-magic) a.mz-button:hover,
:root:not(.mobile-magic) .my-account .box-title a.mz-button:hover,
.my-account .box-title :root:not(.mobile-magic) a.mz-button:hover,
:root:not(.mobile-magic) .my-account .box-head a.mz-button:hover,
.my-account .box-head :root:not(.mobile-magic) a.mz-button:hover {
    color: #b4b4b4 !important;
    border-color: rgba(180, 180, 180, 0.6) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.mobile-magic button.mz-button,
.mobile-magic #my-orders-table tbody tr td a.mz-button,
#my-orders-table tbody tr td .mobile-magic a.mz-button,
.mobile-magic .my-account h2 a.mz-button,
.my-account h2 .mobile-magic a.mz-button,
.mobile-magic .my-account h3 a.mz-button,
.my-account h3 .mobile-magic a.mz-button,
.mobile-magic .my-account .popup-block .block-title a.mz-button,
.my-account .popup-block .block-title .mobile-magic a.mz-button,
.mobile-magic .popup-block .my-account .block-title a.mz-button,
.popup-block .my-account .block-title .mobile-magic a.mz-button,
.mobile-magic .my-account .box-title a.mz-button,
.my-account .box-title .mobile-magic a.mz-button,
.mobile-magic .my-account .box-head a.mz-button,
.my-account .box-head .mobile-magic a.mz-button {
    -webkit-transition: -webkit-transform .1s !important;
    transition: transform .1s !important
}

.mobile-magic button.mz-button:active,
.mobile-magic #my-orders-table tbody tr td a.mz-button:active,
#my-orders-table tbody tr td .mobile-magic a.mz-button:active,
.mobile-magic .my-account h2 a.mz-button:active,
.my-account h2 .mobile-magic a.mz-button:active,
.mobile-magic .my-account h3 a.mz-button:active,
.my-account h3 .mobile-magic a.mz-button:active,
.mobile-magic .my-account .popup-block .block-title a.mz-button:active,
.my-account .popup-block .block-title .mobile-magic a.mz-button:active,
.mobile-magic .popup-block .my-account .block-title a.mz-button:active,
.popup-block .my-account .block-title .mobile-magic a.mz-button:active,
.mobile-magic .my-account .box-title a.mz-button:active,
.my-account .box-title .mobile-magic a.mz-button:active,
.mobile-magic .my-account .box-head a.mz-button:active,
.my-account .box-head .mobile-magic a.mz-button:active {
    border-color: rgba(180, 180, 180, 0.6) !important;
    -webkit-transform: scale(0.95) !important;
    transform: scale(0.95) !important
}

button.mz-button.mz-button-close:before,
#my-orders-table tbody tr td a.mz-button.mz-button-close:before,
.my-account h2 a.mz-button.mz-button-close:before,
.my-account h3 a.mz-button.mz-button-close:before,
.my-account .popup-block .block-title a.mz-button.mz-button-close:before,
.popup-block .my-account .block-title a.mz-button.mz-button-close:before,
.my-account .box-title a.mz-button.mz-button-close:before,
.my-account .box-head a.mz-button.mz-button-close:before {
    content: "\a001"
}

button.mz-button.mz-button-prev:before,
#my-orders-table tbody tr td a.mz-button.mz-button-prev:before,
.my-account h2 a.mz-button.mz-button-prev:before,
.my-account h3 a.mz-button.mz-button-prev:before,
.my-account .popup-block .block-title a.mz-button.mz-button-prev:before,
.popup-block .my-account .block-title a.mz-button.mz-button-prev:before,
.my-account .box-title a.mz-button.mz-button-prev:before,
.my-account .box-head a.mz-button.mz-button-prev:before {
    content: "\a002"
}

button.mz-button.mz-button-next:before,
#my-orders-table tbody tr td a.mz-button.mz-button-next:before,
.my-account h2 a.mz-button.mz-button-next:before,
.my-account h3 a.mz-button.mz-button-next:before,
.my-account .popup-block .block-title a.mz-button.mz-button-next:before,
.popup-block .my-account .block-title a.mz-button.mz-button-next:before,
.my-account .box-title a.mz-button.mz-button-next:before,
.my-account .box-head a.mz-button.mz-button-next:before {
    content: "\a003"
}

@media screen and (max-device-width: 767px) {
    button.mz-button-prev,
    #my-orders-table tbody tr td:last-child a.mz-button-prev:first-child,
    #my-orders-table tbody tr td a.mz-button-prev,
    .my-account h2 a.mz-button-prev,
    .my-account h3 a.mz-button-prev,
    .my-account .popup-block .block-title a.mz-button-prev,
    .popup-block .my-account .block-title a.mz-button-prev,
    .my-account .box-title a.mz-button-prev,
    .my-account .box-head a.mz-button-prev,
    button.mz-button-next,
    #my-orders-table tbody tr td:last-child a.mz-button-next:first-child,
    #my-orders-table tbody tr td a.mz-button-next,
    .my-account h2 a.mz-button-next,
    .my-account h3 a.mz-button-next,
    .my-account .popup-block .block-title a.mz-button-next,
    .popup-block .my-account .block-title a.mz-button-next,
    .my-account .box-title a.mz-button-next,
    .my-account .box-head a.mz-button-next {
        display: none !important
    }
    .mobile-magic .mz-expand button.mz-button,
    .mobile-magic .mz-expand #my-orders-table tbody tr td a.mz-button,
    #my-orders-table tbody tr td .mobile-magic .mz-expand a.mz-button,
    .mobile-magic .mz-expand .my-account h2 a.mz-button,
    .my-account h2 .mobile-magic .mz-expand a.mz-button,
    .mobile-magic .mz-expand .my-account h3 a.mz-button,
    .my-account h3 .mobile-magic .mz-expand a.mz-button,
    .mobile-magic .mz-expand .my-account .popup-block .block-title a.mz-button,
    .my-account .popup-block .block-title .mobile-magic .mz-expand a.mz-button,
    .mobile-magic .mz-expand .popup-block .my-account .block-title a.mz-button,
    .popup-block .my-account .block-title .mobile-magic .mz-expand a.mz-button,
    .mobile-magic .mz-expand .my-account .box-title a.mz-button,
    .my-account .box-title .mobile-magic .mz-expand a.mz-button,
    .mobile-magic .mz-expand .my-account .box-head a.mz-button,
    .my-account .box-head .mobile-magic .mz-expand a.mz-button {
        width: 44px !important;
        height: 44px !important;
        font-size: 18px !important;
        color: rgba(255, 255, 255, 0.8) !important;
        background-color: rgba(49, 51, 61, 0.3) !important;
        border-color: transparent !important
    }
}

.lt-ie9-magic button.mz-button,
.lt-ie9-magic #my-orders-table tbody tr td a.mz-button,
#my-orders-table tbody tr td .lt-ie9-magic a.mz-button,
.lt-ie9-magic .my-account h2 a.mz-button,
.my-account h2 .lt-ie9-magic a.mz-button,
.lt-ie9-magic .my-account h3 a.mz-button,
.my-account h3 .lt-ie9-magic a.mz-button,
.lt-ie9-magic .my-account .popup-block .block-title a.mz-button,
.my-account .popup-block .block-title .lt-ie9-magic a.mz-button,
.lt-ie9-magic .popup-block .my-account .block-title a.mz-button,
.popup-block .my-account .block-title .lt-ie9-magic a.mz-button,
.lt-ie9-magic .my-account .box-title a.mz-button,
.my-account .box-title .lt-ie9-magic a.mz-button,
.lt-ie9-magic .my-account .box-head a.mz-button,
.my-account .box-head .lt-ie9-magic a.mz-button {
    border: 0;
    filter: alpha(opacity=75)
}

.lt-ie9-magic button.mz-button:hover,
.lt-ie9-magic #my-orders-table tbody tr td a.mz-button:hover,
#my-orders-table tbody tr td .lt-ie9-magic a.mz-button:hover,
.lt-ie9-magic .my-account h2 a.mz-button:hover,
.my-account h2 .lt-ie9-magic a.mz-button:hover,
.lt-ie9-magic .my-account h3 a.mz-button:hover,
.my-account h3 .lt-ie9-magic a.mz-button:hover,
.lt-ie9-magic .my-account .popup-block .block-title a.mz-button:hover,
.my-account .popup-block .block-title .lt-ie9-magic a.mz-button:hover,
.lt-ie9-magic .popup-block .my-account .block-title a.mz-button:hover,
.popup-block .my-account .block-title .lt-ie9-magic a.mz-button:hover,
.lt-ie9-magic .my-account .box-title a.mz-button:hover,
.my-account .box-title .lt-ie9-magic a.mz-button:hover,
.lt-ie9-magic .my-account .box-head a.mz-button:hover,
.my-account .box-head .lt-ie9-magic a.mz-button:hover {
    filter: alpha(opacity=100)
}

a[data-zoom-id],
.mz-thumb,
.mz-thumb:focus {
    display: inline-block;
    line-height: 0;
    outline: none
}

a[data-zoom-id] img,
.mz-thumb img {
    border: 0;
    box-shadow: 0 0 1px 0px rgba(0, 0, 0, 0.3);
    box-sizing: border-box
}

.mz-thumb:hover:not(.mz-thumb-selected) img {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
}

.mz-thumb-selected img {
    -webkit-filter: brightness(60%);
    filter: brightness(60%)
}

.no-cssfilters-magic .mz-thumb:hover,
.no-cssfilters-magic .mz-thumb.mz-thumb-selected {
    background: #000
}

.no-cssfilters-magic .mz-thumb:hover:not(.mz-thumb-selected) img {
    opacity: .75;
    filter: alpha(opacity=75)
}

.no-cssfilters-magic .mz-thumb-selected img {
    opacity: .6;
    filter: alpha(opacity=60)
}

.ie9-magic .mz-thumb img {
    box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.3)
}

.mz-expand-thumbnails {
    z-index: 50;
    position: absolute;
    bottom: 0;
    left: 65px;
    right: 65px;
    height: 80px;
    padding: 10px 0;
    box-sizing: border-box
}

.mz-expand-thumbnails .magic-thumbs .magic-thumb {
    padding: 10px 2px
}

.mz-expand-thumbnails .magic-thumb>img {
    cursor: pointer;
    height: 40px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3)
}

.mz-expand-thumbnails .magic-thumb:not(.magic-thumb-selected)>img:hover {
    -webkit-filter: brightness(70%);
    filter: brightness(70%)
}

.mz-expand-thumbnails .magic-thumb-selected img {
    -webkit-filter: brightness(50%);
    filter: brightness(50%)
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button {
    box-shadow: none
}

.mz-expand-thumbnails .magic-thumbs .magic-thumbs-button-disabled {
    opacity: 0
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb:hover:not(.magic-thumb-selected) img {
    opacity: .7;
    filter: alpha(opacity=70)
}

.no-cssfilters-magic .mz-expand-thumbnails .magic-thumb-selected img {
    opacity: .5;
    filter: alpha(opacity=50)
}

.mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding-bottom: 40px
}

.mz-expand.no-expand-thumbnails .mz-expand-thumbnails {
    display: none
}

.mobile-magic .mz-expand.no-expand-thumbnails .mz-expand-stage.with-thumbs .mz-image-stage {
    padding: 0
}

.magic-thumbs,
.magic-thumbs .magic-thumbs-wrapper,
.magic-thumbs ul,
.magic-thumbs li,
.magic-thumbs li:before,
.magic-thumbs li:after,
.magic-thumbs li img,
.magic-thumbs .magic-thumbs-button {
    margin: 0;
    padding: 0;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.magic-thumbs {
    direction: ltr;
    overflow: visible;
    z-index: 100;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: none;
    touch-action: none
}

.magic-thumbs {
    width: 100%;
    height: 100%;
    white-space: nowrap
}

.magic-thumbs.no-buttons {
    padding: 0 !important
}

.magic-thumbs-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center
}

.magic-thumbs ul {
    list-style: none;
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: relative;
    white-space: nowrap
}

.magic-thumbs.no-buttons ul {
    left: 0 !important;
    padding: 0 !important;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.magic-thumbs ul li {
    margin: 0 4px;
    height: 100%;
    width: auto;
    vertical-align: top;
    line-height: 0;
    display: inline-block
}

.magic-thumbs ul li:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0
}

.magic-thumbs ul li>img {
    width: auto;
    height: auto;
    max-width: none !important;
    max-height: 100% !important;
    vertical-align: middle
}

.ie8-magic .magic-thumbs ul li>img {
    max-width: none !important;
    max-height: none !important
}

.magic-thumbs.magic-thumbs-vertical {
    height: 100%
}

.magic-thumbs-vertical {
    padding: 30px 0
}

.magic-thumbs-vertical ul {
    height: auto;
    width: 100%;
    white-space: normal
}

.magic-thumbs-vertical ul li {
    width: 100%;
    height: auto
}

.magic-thumbs-vertical ul li {
    margin: 4px 0
}

.magic-thumbs-vertical ul li>img {
    max-width: 100% !important;
    max-height: none !important
}

.ie8-magic .magic-thumbs-vertical ul li>img {
    width: 100%
}

.magic-thumbs button.magic-thumbs-button,
.magic-thumbs #my-orders-table tbody tr td a.magic-thumbs-button,
#my-orders-table tbody tr td .magic-thumbs a.magic-thumbs-button,
.magic-thumbs .my-account h2 a.magic-thumbs-button,
.my-account h2 .magic-thumbs a.magic-thumbs-button,
.magic-thumbs .my-account h3 a.magic-thumbs-button,
.my-account h3 .magic-thumbs a.magic-thumbs-button,
.magic-thumbs .my-account .popup-block .block-title a.magic-thumbs-button,
.my-account .popup-block .block-title .magic-thumbs a.magic-thumbs-button,
.magic-thumbs .popup-block .my-account .block-title a.magic-thumbs-button,
.popup-block .my-account .block-title .magic-thumbs a.magic-thumbs-button,
.magic-thumbs .my-account .box-title a.magic-thumbs-button,
.my-account .box-title .magic-thumbs a.magic-thumbs-button,
.magic-thumbs .my-account .box-head a.magic-thumbs-button,
.my-account .box-head .magic-thumbs a.magic-thumbs-button {
    color: #b4b4b4 !important;
    font: 900 24px/1 'magictoolbox-thin' !important;
    cursor: pointer;
    z-index: 90 !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
    overflow: hidden;
    position: absolute;
    text-transform: none !important;
    speak: none;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    width: 30px;
    height: 100%;
    top: 0;
    bottom: 0;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: none !important;
    max-height: none !important
}

.magic-thumbs button.magic-thumbs-button:before,
.magic-thumbs #my-orders-table tbody tr td a.magic-thumbs-button:before,
#my-orders-table tbody tr td .magic-thumbs a.magic-thumbs-button:before,
.magic-thumbs .my-account h2 a.magic-thumbs-button:before,
.my-account h2 .magic-thumbs a.magic-thumbs-button:before,
.magic-thumbs .my-account h3 a.magic-thumbs-button:before,
.my-account h3 .magic-thumbs a.magic-thumbs-button:before,
.magic-thumbs .my-account .popup-block .block-title a.magic-thumbs-button:before,
.my-account .popup-block .block-title .magic-thumbs a.magic-thumbs-button:before,
.magic-thumbs .popup-block .my-account .block-title a.magic-thumbs-button:before,
.popup-block .my-account .block-title .magic-thumbs a.magic-thumbs-button:before,
.magic-thumbs .my-account .box-title a.magic-thumbs-button:before,
.my-account .box-title .magic-thumbs a.magic-thumbs-button:before,
.magic-thumbs .my-account .box-head a.magic-thumbs-button:before,
.my-account .box-head .magic-thumbs a.magic-thumbs-button:before {
    display: inline;
    position: static;
    color: inherit !important;
    font: inherit !important;
    -webkit-font-smoothing: inherit !important
}

.magic-thumbs .magic-thumbs-button-prev {
    left: 0
}

.magic-thumbs .magic-thumbs-button-next {
    right: 0
}

.magic-thumbs .magic-thumbs-button-prev:before {
    content: "\a002"
}

.magic-thumbs .magic-thumbs-button-next:before {
    content: "\a003"
}

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button,
:root:not(.mobile-magic) .magic-thumbs #my-orders-table tbody tr td a.magic-thumbs-button,
#my-orders-table tbody tr td :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button,
:root:not(.mobile-magic) .magic-thumbs .my-account h2 a.magic-thumbs-button,
.my-account h2 :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button,
:root:not(.mobile-magic) .magic-thumbs .my-account h3 a.magic-thumbs-button,
.my-account h3 :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button,
:root:not(.mobile-magic) .magic-thumbs .my-account .popup-block .block-title a.magic-thumbs-button,
.my-account .popup-block .block-title :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button,
:root:not(.mobile-magic) .magic-thumbs .popup-block .my-account .block-title a.magic-thumbs-button,
.popup-block .my-account .block-title :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button,
:root:not(.mobile-magic) .magic-thumbs .my-account .box-title a.magic-thumbs-button,
.my-account .box-title :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button,
:root:not(.mobile-magic) .magic-thumbs .my-account .box-head a.magic-thumbs-button,
.my-account .box-head :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button {
    color: rgba(180, 180, 180, 0.75) !important;
    -webkit-transform: scale(0.85) !important;
    transform: scale(0.85) !important;
    -webkit-transition: color .25s, -webkit-transform .25s !important;
    transition: color .25s, transform .25s !important
}

:root:not(.mobile-magic) .magic-thumbs button.magic-thumbs-button:hover,
:root:not(.mobile-magic) .magic-thumbs #my-orders-table tbody tr td a.magic-thumbs-button:hover,
#my-orders-table tbody tr td :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button:hover,
:root:not(.mobile-magic) .magic-thumbs .my-account h2 a.magic-thumbs-button:hover,
.my-account h2 :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button:hover,
:root:not(.mobile-magic) .magic-thumbs .my-account h3 a.magic-thumbs-button:hover,
.my-account h3 :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button:hover,
:root:not(.mobile-magic) .magic-thumbs .my-account .popup-block .block-title a.magic-thumbs-button:hover,
.my-account .popup-block .block-title :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button:hover,
:root:not(.mobile-magic) .magic-thumbs .popup-block .my-account .block-title a.magic-thumbs-button:hover,
.popup-block .my-account .block-title :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button:hover,
:root:not(.mobile-magic) .magic-thumbs .my-account .box-title a.magic-thumbs-button:hover,
.my-account .box-title :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button:hover,
:root:not(.mobile-magic) .magic-thumbs .my-account .box-head a.magic-thumbs-button:hover,
.my-account .box-head :root:not(.mobile-magic) .magic-thumbs a.magic-thumbs-button:hover {
    color: #b4b4b4 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.magic-thumbs-vertical .magic-thumbs-button {
    width: 100%;
    height: 30px;
    left: 0;
    right: 0;
    top: auto;
    bottom: auto
}

.magic-thumbs-vertical .magic-thumbs-button-prev {
    top: 0
}

.magic-thumbs-vertical .magic-thumbs-button-next {
    bottom: 0
}

.magic-thumbs-vertical .magic-thumbs-button-prev:before {
    content: "\a005"
}

.magic-thumbs-vertical .magic-thumbs-button-next:before {
    content: "\a004"
}

.magic-thumbs.no-buttons .magic-thumbs-button {
    display: none !important
}

.magic-thumbs-button-disabled {
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.bx-wrapper img {
    max-width: 100%;
    display: block
}

.bxslider {
    margin: 0;
    padding: 0
}

ul.bxslider {
    list-style: none
}

.bx-viewport {
    -webkit-transform: translatez(0)
}

.bx-wrapper {
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
    border: 5px solid #fff;
    background: #fff
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url("../images/bx_loader.gif") center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000
}

.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url("../images/controls.png") no-repeat 0 -32px
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url("../images/controls.png") no-repeat -43px -32px
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

.bx-wrapper .bx-controls-auto {
    text-align: center
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url("../images/controls.png") -86px -11px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url("../images/controls.png") -86px -44px no-repeat;
    margin: 0 3px
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px
}

.bx-wrapper {
    background: transparent;
    border: 0;
    box-shadow: none;
    max-width: 70% !important;
    margin: auto;
    float: none
}

@media screen and (min-width: 768px) {
    .bx-wrapper {
        float: left;
        margin-bottom: 0;
        max-width: 100% !important;
        padding: 0 5px
    }
}

@media screen and (min-width: 768px) {
    .bxslider>div {
        width: 100% !important
    }
}

.bx-next-bespoke,
.bx-prev-bespoke {
    float: left;
    display: block
}

@media screen and (min-width: 768px) {
    .bx-next-bespoke,
    .bx-prev-bespoke {
        clear: both;
        margin-top: 1.25rem;
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .bx-prev-bespoke {
        margin-bottom: 1.25rem;
        margin-top: 0
    }
}

.bx-prev-bespoke .bx-prev,
.bx-next-bespoke .bx-next {
    background: url("../images/svg-png/slider-arrow-left.png") no-repeat center;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OC43IDE2Ny45Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2UwZTBlMDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDguNyAxNjcuOVYwTDAgODMuOWw0OC43IDg0eiIvPjwvc3ZnPg==") no-repeat center;
    outline: 0;
    width: 35px !important;
    height: 35px !important;
    text-indent: -9999px;
    z-index: 99;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

@media screen and (min-width: 768px) {
    .bx-prev-bespoke .bx-prev,
    .bx-next-bespoke .bx-next {
        float: left !important;
        left: 50%;
        transform: translateX(-50%) rotate(90deg);
        position: relative;
        top: auto;
        bottom: auto
    }
}

.bx-next-bespoke .bx-next {
    background: url("../images/svg-png/slider-arrow-right.png") no-repeat center;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OC43IDE2Ny45Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2UwZTBlMDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMCAwdjE2Ny45bDQ4LjctODRMMCAweiIvPjwvc3ZnPg==") no-repeat center;
    left: auto;
    right: 0
}

@media screen and (min-width: 768px) {
    .bx-next-bespoke .bx-next {
        left: 50%;
        right: 0
    }
}

.mz-thumb:hover:not(.mz-thumb-selected) img {
    -webkit-filter: none;
    filter: none
}

.mz-thumb {
    border: 1px solid #b4bdcf
}

.mz-thumb img {
    box-shadow: none
}

.mz-thumb-selected {
    border: 1px solid #1d2345
}

.mz-thumb-selected img {
    -webkit-filter: none;
    filter: none
}

.mobile-magic .mz-figure>img {
    opacity: 1 !important
}

.mobile-magic .mz-figure>img+img {
    transform: scale(1) !important
}

.mobile-magic .mz-figure {
    -webkit-perspective: none !important;
    perspective: none !important
}

.mobile-magic .mz-figure>img {
    opacity: 1 !important
}

.mobile-magic .mz-figure:not(.mz-ready)>img:last-child {
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.stock-notification {
    display: none;
    clear: both;
    margin-bottom: 0.625rem
}

.stock-notification__select {
    margin: 0 0 1.25rem;
    display: none
}

.stock-notification__box {
    clear: both;
    overflow: hidden
}

.stock-notification__input-wrapper {
    float: left;
    width: 100%
}

@media screen and (min-width: 768px) {
    .stock-notification__input-wrapper {
        padding-right: 1.25rem;
        width: 67%
    }
}

.stock-notification__input {
    line-height: 1;
    height: 2.4375rem;
    padding: 0.75rem 0.625rem;
    width: 100%
}

.stock-notification__button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    background: #1d2345;
    color: #fff;
    border: none;
    float: left;
    margin-top: 1.25rem;
    width: 100%
}

.stock-notification__button:hover,
.stock-notification__button:focus {
    background: #0e1121;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

.stock-notification__button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    .stock-notification__button {
        margin-top: 0;
        width: 33%
    }
}

.stock-notification__message {
    background: #8f9cb7;
    color: #fff;
    clear: both;
    display: none;
    margin-top: 1.875rem;
    padding: 1.25rem;
    text-align: center
}

.stock-notification__message.error,
.stock-notification__message.success {
    display: block
}

.post {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    padding-top: 1.875rem;
    padding-bottom: 0.625rem;
    border-top: 1px solid #d3d3d3
}

.post:last-child {
    margin-right: 0
}

.post .post-image {
    margin-bottom: 1.875rem
}

.post .post-date {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 24.1535%;
    border-right: 1px solid #d3d3d3
}

.post .post-date:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .post .post-date {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 15.72611%
    }
    .post .post-date:last-child {
        margin-right: 0
    }
}

.post .post-month {
    font-size: 0.75rem;
    line-height: 1.05rem
}

@media screen and (min-width: 768px) {
    .post .post-month {
        font-size: 1rem;
        line-height: 1.4rem
    }
}

.post .post-day {
    font-size: 2rem;
    line-height: 2.8rem
}

@media screen and (min-width: 768px) {
    .post .post-day {
        font-size: 2.75rem;
        line-height: 3.85rem
    }
}

.post .post-day sup {
    font-size: 1rem;
    line-height: 1.4rem
}

@media screen and (min-width: 768px) {
    .post .post-day sup {
        font-size: 1.125rem;
        line-height: 1.575rem
    }
}

.post .post-content {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 74.71783%;
    padding-left: 0.625rem
}

.post .post-content:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .post .post-content {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 83.14522%
    }
    .post .post-content:last-child {
        margin-right: 0
    }
}

.post .post-title {
    margin-top: -0.3125rem;
    margin-bottom: 0.625rem
}

.homepage-responsive-video-wrapper {
    position: relative;
    overflow: hidden
}

.homepage-responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.homepage-responsive-video-shield {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 200;
    position: absolute
}

.homepage-responsive-video object {
    position: absolute;
    top: 0;
    left: -0.25%;
    width: 100.5%;
    height: 100.5%;
    z-index: 100
}

#nav-primary ul li .sub {
    z-index: 300
}

body.cms-index-index h1,
body.cms-index-index .component-hero li .hero-content h1 {
    font-size: 1.125rem;
    margin-bottom: 0;
    line-height: 1.25rem;
    font-family: "Didot", TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    text-transform: uppercase;
    color: #1d2246
}

@media screen and (min-width: 768px) {
    body.cms-index-index h1,
    body.cms-index-index .component-hero li .hero-content h1 {
        margin: 0 0 1.25rem;
        text-align: left;
        font-size: 2.165rem;
        line-height: 1
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index h1,
    body.cms-index-index .component-hero li .hero-content h1 {
        font-size: 2.5rem
    }
}

body.cms-index-index h2 {
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    font-size: 1.125rem;
    margin-bottom: 0;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #1d2246
}

body.cms-index-index h3,
body.cms-index-index .popup-block .block-title,
.popup-block body.cms-index-index .block-title,
body.cms-index-index .component-grid-items.layout-n li .overlay h3.cta,
body.cms-index-index .component-grid-items.layout-n li .overlay .popup-block .cta.block-title,
.popup-block body.cms-index-index .component-grid-items.layout-n li .overlay .cta.block-title,
body.cms-index-index .component-hero li .hero-content p,
body.cms-index-index .component-hero li .hero-content address {
    font-family: FuturaWeb, arial, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: left;
    text-transform: none;
    color: #666
}

@media screen and (min-width: 768px) {
    body.cms-index-index h3,
    body.cms-index-index .popup-block .block-title,
    .popup-block body.cms-index-index .block-title,
    body.cms-index-index .component-grid-items.layout-n li .overlay h3.cta,
    body.cms-index-index .component-grid-items.layout-n li .overlay .popup-block .cta.block-title,
    .popup-block body.cms-index-index .component-grid-items.layout-n li .overlay .cta.block-title,
    body.cms-index-index .component-hero li .hero-content p,
    body.cms-index-index .component-hero li .hero-content address {
        font-size: 0.75rem
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index h3,
    body.cms-index-index .popup-block .block-title,
    .popup-block body.cms-index-index .block-title,
    body.cms-index-index .component-grid-items.layout-n li .overlay h3.cta,
    body.cms-index-index .component-grid-items.layout-n li .overlay .popup-block .cta.block-title,
    .popup-block body.cms-index-index .component-grid-items.layout-n li .overlay .cta.block-title,
    body.cms-index-index .component-hero li .hero-content p,
    body.cms-index-index .component-hero li .hero-content address {
        font-size: 0.875rem;
        line-height: 1.05rem
    }
}

body.cms-index-index p .button,
body.cms-index-index address .button,
body.cms-index-index .component-grid-items.layout-n li .overlay p .button,
body.cms-index-index .component-grid-items.layout-n li .overlay address .button,
body.cms-index-index .component-hero li .hero-content p .button,
body.cms-index-index .component-hero li .hero-content address .button,
body.cms-index-index .component-grid-items.layout-o li a .overlay p .button,
body.cms-index-index .component-grid-items.layout-o li a .overlay address .button {
    font-size: 0.875rem;
    line-height: 1.225rem;
    padding: 0.6875rem 0.9375rem 0.5rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    display: inline-block;
    cursor: pointer;
    outline: none;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 0;
    border: 1px solid;
    background: none;
    font-size: 0.5rem;
    font-weight: bold;
    padding: 0.6875rem;
    margin: 0.5rem 0;
    line-height: 0.6rem;
    transition: none;
    border: 1px solid #1d2345
}

body.cms-index-index p .button:hover,
body.cms-index-index address .button:hover,
body.cms-index-index p .button:focus,
body.cms-index-index address .button:focus,
body.cms-index-index .component-grid-items.layout-n li .overlay p .button:hover,
body.cms-index-index .component-grid-items.layout-n li .overlay address .button:hover,
body.cms-index-index .component-grid-items.layout-n li .overlay p .button:focus,
body.cms-index-index .component-grid-items.layout-n li .overlay address .button:focus,
body.cms-index-index .component-hero li .hero-content p .button:hover,
body.cms-index-index .component-hero li .hero-content address .button:hover,
body.cms-index-index .component-hero li .hero-content p .button:focus,
body.cms-index-index .component-hero li .hero-content address .button:focus,
body.cms-index-index .component-grid-items.layout-o li a .overlay p .button:hover,
body.cms-index-index .component-grid-items.layout-o li a .overlay address .button:hover,
body.cms-index-index .component-grid-items.layout-o li a .overlay p .button:focus,
body.cms-index-index .component-grid-items.layout-o li a .overlay address .button:focus {
    background: #151a33;
    color: #fff !important;
    outline: none;
    text-decoration: none
}

body.cms-index-index p .button .icon,
body.cms-index-index address .button .icon,
body.cms-index-index .component-grid-items.layout-n li .overlay p .button .icon,
body.cms-index-index .component-grid-items.layout-n li .overlay address .button .icon,
body.cms-index-index .component-hero li .hero-content p .button .icon,
body.cms-index-index .component-hero li .hero-content address .button .icon,
body.cms-index-index .component-grid-items.layout-o li a .overlay p .button .icon,
body.cms-index-index .component-grid-items.layout-o li a .overlay address .button .icon {
    margin-top: -0.125rem;
    margin-right: 0.3125rem
}

@media screen and (min-width: 768px) {
    body.cms-index-index p .button,
    body.cms-index-index address .button,
    body.cms-index-index .component-grid-items.layout-n li .overlay p .button,
    body.cms-index-index .component-grid-items.layout-n li .overlay address .button,
    body.cms-index-index .component-hero li .hero-content p .button,
    body.cms-index-index .component-hero li .hero-content address .button,
    body.cms-index-index .component-grid-items.layout-o li a .overlay p .button,
    body.cms-index-index .component-grid-items.layout-o li a .overlay address .button {
        font-size: 0.55rem
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index p .button,
    body.cms-index-index address .button,
    body.cms-index-index .component-grid-items.layout-n li .overlay p .button,
    body.cms-index-index .component-grid-items.layout-n li .overlay address .button,
    body.cms-index-index .component-hero li .hero-content p .button,
    body.cms-index-index .component-hero li .hero-content address .button,
    body.cms-index-index .component-grid-items.layout-o li a .overlay p .button,
    body.cms-index-index .component-grid-items.layout-o li a .overlay address .button {
        font-size: 0.625rem
    }
}

body.cms-index-index p .button:hover,
body.cms-index-index address .button:hover,
body.cms-index-index p .button:focus,
body.cms-index-index address .button:focus,
body.cms-index-index .component-grid-items.layout-n li .overlay p .button:hover,
body.cms-index-index .component-grid-items.layout-n li .overlay address .button:hover,
body.cms-index-index .component-grid-items.layout-n li .overlay p .button:focus,
body.cms-index-index .component-grid-items.layout-n li .overlay address .button:focus,
body.cms-index-index .component-hero li .hero-content p .button:hover,
body.cms-index-index .component-hero li .hero-content address .button:hover,
body.cms-index-index .component-hero li .hero-content p .button:focus,
body.cms-index-index .component-hero li .hero-content address .button:focus,
body.cms-index-index .component-grid-items.layout-o li a .overlay p .button:hover,
body.cms-index-index .component-grid-items.layout-o li a .overlay address .button:hover,
body.cms-index-index .component-grid-items.layout-o li a .overlay p .button:focus,
body.cms-index-index .component-grid-items.layout-o li a .overlay address .button:focus {
    border: 1px solid #1d2345
}

body.cms-index-index p.button,
body.cms-index-index address.button {
    padding: 0.2rem 0.5rem
}

body.cms-index-index #top-cycle-slideshow-holder-mobile {
    width: 100%;
    padding: 0;
    text-align: center
}

body.cms-index-index #top-cycle-slideshow-holder-mobile ul li {
    width: 100%
}

body.cms-index-index #top-cycle-slideshow-holder-mobile .hero-content {
    padding: 1rem
}

body.cms-index-index #top-cycle-slideshow-holder-mobile .hero-content .hero-content-holder h1 {
    margin-bottom: 1rem
}

body.cms-index-index #top-cycle-slideshow-holder-mobile .hero-content .hero-content-holder p,
body.cms-index-index #top-cycle-slideshow-holder-mobile .hero-content .hero-content-holder address {
    text-align: center;
    font-family: FuturaWeb, arial, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: none;
    color: #666;
    margin-bottom: 1rem
}

body.cms-index-index #top-cycle-slideshow-holder-mobile .hero-content .hero-content-holder p:last-child,
body.cms-index-index #top-cycle-slideshow-holder-mobile .hero-content .hero-content-holder address:last-child {
    margin-bottom: 0
}

body.cms-index-index #top-cycle-slideshow-holder {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: -4px
}

@media screen and (min-width: 768px) {
    body.cms-index-index #top-cycle-slideshow-holder li.cycle-slide img.component-hero-image {
        margin: -10% 0 0
    }
}

body.cms-index-index #top-cycle-slideshow-holder .hero-content {
    padding: 1rem
}

body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder h1 {
    margin-bottom: 1rem
}

body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder p,
body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder address {
    width: auto;
    text-align: center;
    font-family: FuturaWeb, arial, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: none;
    color: #666;
    margin-bottom: 1rem
}

body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder p:last-child,
body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder address:last-child {
    margin-bottom: 0
}

body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder p a,
body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder address a {
    width: auto
}

@media screen and (min-width: 768px) {
    body.cms-index-index #top-cycle-slideshow-holder .hero-content {
        padding: 3.75rem;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        max-width: 25rem
    }
    body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        margin: 0 auto
    }
    body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder p,
    body.cms-index-index #top-cycle-slideshow-holder .hero-content .hero-content-holder address {
        text-align: left
    }
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-controls {
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

@media screen and (min-width: 768px) {
    body.cms-index-index #top-cycle-slideshow-holder #adv-custom-controls {
        height: 100%
    }
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-prev {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    padding-left: 3px;
    padding-right: 3px;
    background: rgba(255, 255, 255, 0.5)
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-prev a {
    position: relative;
    top: 50%
}

@media screen and (min-width: 768px) {
    body.cms-index-index #top-cycle-slideshow-holder #adv-custom-prev {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index #top-cycle-slideshow-holder #adv-custom-prev {
        padding-left: 10px;
        padding-right: 10px
    }
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-next {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    padding-left: 3px;
    padding-right: 3px;
    background: rgba(255, 255, 255, 0.5)
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-next a {
    position: relative;
    top: 50%
}

@media screen and (min-width: 768px) {
    body.cms-index-index #top-cycle-slideshow-holder #adv-custom-next {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index #top-cycle-slideshow-holder #adv-custom-next {
        padding-left: 10px;
        padding-right: 10px
    }
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-pager {
    position: absolute;
    bottom: 5%;
    right: 5%;
    z-index: 1
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-pager a .slide-links {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #8f9cb7;
    float: left;
    margin-right: 10px
}

body.cms-index-index #top-cycle-slideshow-holder #adv-custom-pager a.cycle-pager-active .slide-links {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #1d2246;
    float: left
}

body.cms-index-index #homepage_ribbon {
    display: inline-block;
    position: relative;
    height: auto;
    width: 100%;
    margin-bottom: -8px
}

body.cms-index-index #homepage_ribbon #homepage_ribbon_left {
    overflow: hidden;
    float: left;
    display: none
}

body.cms-index-index #homepage_ribbon #homepage_ribbon_right {
    width: 100%;
    overflow: hidden;
    float: left
}

body.cms-index-index #homepage_ribbon #homepage_ribbon_right img {
    width: 100%
}

body.cms-index-index #homepage_ribbon .hero-content {
    position: relative;
    text-align: center;
    width: 100%
}

body.cms-index-index #homepage_ribbon .hero-content-holder {
    top: 0;
    transform: none;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 100%;
    display: inline-block
}

body.cms-index-index #homepage_ribbon .hero-content-holder h1 {
    margin-top: 1.25rem
}

body.cms-index-index #homepage_ribbon .hero-content-holder h3,
body.cms-index-index #homepage_ribbon .hero-content-holder .popup-block .block-title,
.popup-block body.cms-index-index #homepage_ribbon .hero-content-holder .block-title {
    margin: 1.25rem 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    body.cms-index-index #homepage_ribbon .hero-content-holder {
        transform: none;
        top: auto;
        padding: 1.25rem;
        position: relative
    }
}

@media screen and (min-width: 768px) {
    body.cms-index-index #homepage_ribbon {
        margin-bottom: -4px
    }
    body.cms-index-index #homepage_ribbon #homepage_ribbon_left {
        width: 40%;
        display: block;
        max-height: 30rem
    }
    body.cms-index-index #homepage_ribbon #homepage_ribbon_left img {
        width: 100%
    }
    body.cms-index-index #homepage_ribbon #homepage_ribbon_right {
        width: 60%;
        display: block;
        max-height: 30rem
    }
    body.cms-index-index #homepage_ribbon #homepage_ribbon_right img {
        width: 100%
    }
    body.cms-index-index #homepage_ribbon .hero-content {
        background: rgba(255, 255, 255, 0.5);
        text-align: left;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: auto
    }
    body.cms-index-index #homepage_ribbon .hero-content-holder {
        padding: 3.75rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        display: block
    }
    body.cms-index-index #homepage_ribbon .hero-content-holder h3,
    body.cms-index-index #homepage_ribbon .hero-content-holder .popup-block .block-title,
    .popup-block body.cms-index-index #homepage_ribbon .hero-content-holder .block-title {
        text-align: left
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index #homepage_ribbon #homepage_ribbon_left img {
        width: auto
    }
    body.cms-index-index #homepage_ribbon #homepage_ribbon_right img {
        width: auto;
        float: right
    }
    body.cms-index-index #homepage_ribbon .hero-content {
        font-size: 2.5rem;
        line-height: 3.5rem;
        position: absolute;
        top: 0;
        right: 40%;
        left: auto;
        max-width: 31.25rem;
        letter-spacing: 0.125rem;
        font-size: 0.75rem
    }
    body.cms-index-index #homepage_ribbon.left {
        left: 30%
    }
}

body.cms-index-index #homepage_category_grid {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: -4px
}

body.cms-index-index #homepage_category_grid .overlay.cta {
    padding: 10%;
    text-align: left;
    height: 50%
}

body.cms-index-index #homepage_category_grid h2 {
    font-size: 1.625rem;
    line-height: 2.25rem;
    font-family: "Didot", TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    margin-left: 5%
}

body.cms-index-index #homepage_category_grid h3.cta,
body.cms-index-index #homepage_category_grid .popup-block .cta.block-title,
.popup-block body.cms-index-index #homepage_category_grid .cta.block-title {
    text-align: center
}

@media screen and (min-width: 768px) {
    body.cms-index-index #homepage_category_grid h3.cta,
    body.cms-index-index #homepage_category_grid .popup-block .cta.block-title,
    .popup-block body.cms-index-index #homepage_category_grid .cta.block-title {
        padding-left: 0;
        text-align: left
    }
}

body.cms-index-index #homepage_category_grid h3.nocta,
body.cms-index-index #homepage_category_grid .popup-block .nocta.block-title,
.popup-block body.cms-index-index #homepage_category_grid .nocta.block-title {
    text-transform: uppercase;
    color: #1d2246
}

body.cms-index-index #homepage_content_grid {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: -4px
}

body.cms-index-index #homepage_content_grid ul.component-grid-items li {
    margin-bottom: -4px
}

body.cms-index-index #homepage_content_grid .overlay {
    text-align: left
}

body.cms-index-index #homepage_content_grid .overlay.bottomcentred,
body.cms-index-index #homepage_content_grid .overlay.bottomcentered {
    background: none
}

body.cms-index-index #homepage_content_grid .overlay.bottomcentred h2,
body.cms-index-index #homepage_content_grid .overlay.bottomcentered h2 {
    font-size: 1rem;
    text-align: center
}

body.cms-index-index #homepage_content_grid .overlay p,
body.cms-index-index #homepage_content_grid .overlay address {
    display: none
}

body.cms-index-index #homepage_content_grid h2 {
    font-size: 1.625rem;
    line-height: 2.25rem;
    font-family: "Didot", TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif
}

body.cms-index-index #homepage_content_grid h3,
body.cms-index-index #homepage_content_grid .popup-block .block-title,
.popup-block body.cms-index-index #homepage_content_grid .block-title {
    padding-left: 0
}

@media screen and (min-width: 768px) {
    body.cms-index-index #homepage_content_grid ul.component-grid-items li {
        margin-bottom: 0
    }
    body.cms-index-index #homepage_content_grid .overlay.bottomcentred h2,
    body.cms-index-index #homepage_content_grid .overlay.bottomcentered h2 {
        font-size: 1.625rem
    }
    body.cms-index-index #homepage_content_grid .overlay p,
    body.cms-index-index #homepage_content_grid .overlay address {
        display: block
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index #homepage_content_grid .overlay.bottomcentred,
    body.cms-index-index #homepage_content_grid .overlay.bottomcentered {
        margin: 0 auto;
        text-align: center;
        display: block
    }
}

body.cms-index-index #bottom-cycle-slideshow-holder {
    margin: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: -4px
}

body.cms-index-index #bottom-cycle-slideshow-holder ul {
    max-height: 100%;
    width: 100%
}

body.cms-index-index #bottom-cycle-slideshow-holder ul li.cycle-slide {
    border-right: 1px solid #d3d3d3
}

body.cms-index-index #bottom-cycle-slideshow-holder ul li.cycle-slide a img {
    border: none;
    width: 100%
}

body.cms-index-index #bottom-cycle-slideshow-holder ul li.cycle-slide div.slide_holder {
    position: relative
}

body.cms-index-index #bottom-cycle-slideshow-holder ul li.cycle-slide div.slide_holder div.cta_title {
    position: absolute;
    bottom: 5%;
    width: 100%;
    text-align: center;
    font-family: FuturaWeb, arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.7rem
}

body.cms-index-index #bottom-cycle-slideshow-holder ul li.cycle-slide div.slide_holder div.cta_title::after {
    content: " >";
    opacity: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

body.cms-index-index #bottom-cycle-slideshow-holder ul li.cycle-slide div.slide_holder div.cta_title:hover::after {
    opacity: 1
}

body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-prev {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    padding-left: 3px;
    padding-right: 3px;
    background: rgba(223, 223, 223, 0.5)
}

body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-prev a {
    position: relative;
    top: 50%
}

@media screen and (min-width: 768px) {
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-prev {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-prev {
        padding-left: 10px;
        padding-right: 10px
    }
}

body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-next {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    z-index: 1;
    padding-left: 3px;
    padding-right: 3px;
    background: rgba(223, 223, 223, 0.5)
}

body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-next a {
    position: relative;
    top: 50%
}

@media screen and (min-width: 768px) {
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-next {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media screen and (min-width: 992px) {
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-next {
        padding-left: 10px;
        padding-right: 10px
    }
}

body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-pager {
    display: none
}

@media screen and (min-width: 768px) {
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-pager {
        position: absolute;
        display: block;
        top: 5%;
        right: 2%;
        z-index: 1
    }
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-pager a .slide-links {
        display: block;
        width: 10px;
        height: 10px;
        background-color: #8f9cb7;
        float: left;
        margin-right: 10px
    }
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-pager a.cycle-pager-active .slide-links {
        display: block;
        width: 10px;
        height: 10px;
        background-color: #1d2246;
        float: left
    }
}

body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-title {
    position: absolute;
    top: 5%;
    z-index: 1;
    font-family: FuturaWeb, arial, sans-serif;
    text-transform: uppercase;
    font-size: 0.7rem;
    font-weight: bold;
    color: #1d2246;
    text-align: center;
    width: 100%
}

@media screen and (min-width: 768px) {
    body.cms-index-index #bottom-cycle-slideshow-holder #footer-custom-title {
        text-align: left;
        left: 3%;
        width: auto
    }
}

body.allstores-index-index .main-container {
    padding: 0
}

body.allstores-index-index #messagewrap {
    display: none
}

@media screen and (min-width: 768px) {
    body.allstores-index-index #map-area {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 100%;
        width: 100%;
        max-height: 350px
    }
    body.allstores-index-index #map-area:nth-child(12n) {
        margin-right: 0
    }
    body.allstores-index-index #map-area:nth-child(12n+1) {
        clear: left
    }
    body.allstores-index-index #map-area:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 992px) {
    body.allstores-index-index #map-area {
        width: 100%;
        max-height: 450px
    }
}

body.allstores-index-index #map-area .marker-label {
    color: #fff;
    background: url(../images/marker-all-stores.png) no-repeat 0 0;
    font-size: 12px;
    text-align: center;
    width: 32px;
    height: 59px;
    padding: 10px 0 0 0;
    font-family: FuturaWeb, arial, sans-serif;
    font-style: none;
    font-weight: normal
}

body.allstores-index-index .store-list {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%
}

body.allstores-index-index .store-list dl .toggle-tabs {
    display: none
}

body.allstores-index-index .store-list dl>dl>dt {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 7px 10px 7px 24px;
    border-width: 1px;
    border-style: solid;
    position: relative;
    display: block
}

body.allstores-index-index .store-list dl>dl>dt:after {
    height: 0;
    width: 0;
    left: 10px;
    top: 50%;
    margin-top: -3px
}

body.allstores-index-index .store-list dl>dl>dd {
    margin: 0;
    border-width: 0 1px;
    border-style: solid
}

body.allstores-index-index .store-list dl>dl>dd:last-child {
    border-width: 0 1px 1px 1px
}

body.allstores-index-index .store-list dl>dl>dt {
    cursor: pointer;
    border-bottom-width: 0
}

body.allstores-index-index .store-list dl>dl>dt:after {
    height: 0;
    width: 0
}

body.allstores-index-index .store-list dl>dl>dt.last {
    border-bottom-width: 1px
}

body.allstores-index-index .store-list dl>dl>dd {
    display: none
}

body.allstores-index-index .store-list dl.accordion-open>dl>dt.current {
    border-bottom-width: 1px
}

body.allstores-index-index .store-list dl.accordion-open>dl>dt.current:after {
    height: 0;
    width: 0;
    left: 6px;
    top: 50%;
    margin-top: -3px
}

body.allstores-index-index .store-list dl.accordion-open>dl>dd.current {
    display: block
}

body.allstores-index-index .store-list:nth-child(12n) {
    margin-right: 0
}

body.allstores-index-index .store-list:nth-child(12n+1) {
    clear: left
}

body.allstores-index-index .store-list:last-child {
    margin-right: 0
}

body.allstores-index-index .store-list h1 {
    font-family: Didot, TimesNewRoman, "Times New Roman", Times, Baskerville, georgia, serif;
    text-align: center;
    margin-top: 1.25rem;
    margin-bottom: 0;
    font-size: 1.5rem
}

body.allstores-index-index .store-list dl.region dt {
    float: left;
    display: block;
    margin-right: 1.12867%;
    width: 100%;
    position: relative
}

body.allstores-index-index .store-list dl.region dt:nth-child(12n) {
    margin-right: 0
}

body.allstores-index-index .store-list dl.region dt:nth-child(12n+1) {
    clear: left
}

body.allstores-index-index .store-list dl.region dt:last-child {
    margin-right: 0
}

body.allstores-index-index .store-list dl.region dt h2 {
    border-bottom: 1px solid #d3d3d3;
    color: #1a2447;
    padding: 0 0 0.625rem;
    font-family: FuturaWeb, arial, sans-serif;
    letter-spacing: 0.125rem;
    font-size: 0.8125rem;
    margin-top: 0.3125rem
}

body.allstores-index-index .store-list dl.region dt .accordion__icon {
    bottom: 0;
    display: block;
    max-width: 12px;
    position: absolute;
    right: 20px;
    top: 0;
    width: 12px;
    margin-bottom: 2.25rem
}

body.allstores-index-index .store-list dl.region dt .accordion__icon .accordion__svg {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 100%;
    width: 100%
}

body.allstores-index-index .store-list dl.region dt .accordion__icon .accordion__svg .accordion__svg-path {
    fill: #9799a9
}

body.allstores-index-index .store-list dl.region dt.clicked {
    color: #1d2345
}

body.allstores-index-index .store-list dl.region dt.clicked .accordion__icon .accordion__svg {
    transform: rotate(-180deg)
}

body.allstores-index-index .store-list dl.region dd {
    display: none
}

body.allstores-index-index .store-list dl.region dd.fadingOut {
    transition: opacity 0.6s linear;
    opacity: 0
}

body.allstores-index-index .store-list dl.region dd.fadingIn {
    transition: opacity 0.6s linear;
    opacity: 1
}

body.allstores-index-index .store-list dl.region dd ul.stores li {
    width: 100%
}

body.allstores-index-index .store-list dl.region dd ul.stores li h3,
body.allstores-index-index .store-list dl.region dd ul.stores li .popup-block .block-title,
.popup-block body.allstores-index-index .store-list dl.region dd ul.stores li .block-title {
    font-family: FuturaWeb, arial, sans-serif;
    font-size: 0.75rem;
    font-weight: bold;
    color: #1a2447;
    margin: 0.3125rem 0 0
}

body.allstores-index-index .store-list dl.region dd ul.stores li h4 {
    font-family: FuturaWeb, arial, sans-serif;
    font-size: 0.75rem;
    font-weight: normal;
    color: #666666;
    margin: 0
}

@media screen and (min-width: 768px) {
    body.allstores-index-index .store-list h1 {
        margin-bottom: 1.25rem;
        font-size: 1.75rem
    }
    body.allstores-index-index .store-list dl.region {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 24.1535%
    }
    body.allstores-index-index .store-list dl.region:nth-child(12n) {
        margin-right: 0
    }
    body.allstores-index-index .store-list dl.region:nth-child(12n+1) {
        clear: left
    }
    body.allstores-index-index .store-list dl.region:last-child {
        margin-right: 0
    }
    body.allstores-index-index .store-list dl.region dt .accordion__icon {
        display: none
    }
    body.allstores-index-index .store-list dl.region dd {
        display: block
    }
}

@media screen and (min-width: 992px) {
    body.allstores-index-index .store-list {
        width: 100%
    }
    body.allstores-index-index .store-list dl.region {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 19.09707%
    }
    body.allstores-index-index .store-list dl.region:nth-child(12n) {
        margin-right: 0
    }
    body.allstores-index-index .store-list dl.region:nth-child(12n+1) {
        clear: left
    }
    body.allstores-index-index .store-list dl.region:last-child {
        margin-right: 0
    }
    body.allstores-index-index .store-list dl.region:nth-child(4n) {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 39.3228%
    }
    body.allstores-index-index .store-list dl.region:nth-child(4n):last-child {
        margin-right: 0
    }
    body.allstores-index-index .store-list dl.region dt h2 {
        padding: 0 0 0 0.625rem
    }
    body.allstores-index-index .store-list dl.region dt:nth-child(2n) ul,
    body.allstores-index-index .store-list dl.region dt:nth-child(3n) ul,
    body.allstores-index-index .store-list dl.region dt:nth-child(4n) ul {
        border-left: 1px solid #d3d3d3;
        padding: 0 0 0 0.625rem;
        display: inline-block
    }
    body.allstores-index-index .store-list dl.region dt:nth-child(2n) ul.no-border,
    body.allstores-index-index .store-list dl.region dt:nth-child(3n) ul.no-border,
    body.allstores-index-index .store-list dl.region dt:nth-child(4n) ul.no-border {
        border: 0
    }
    body.allstores-index-index .store-list dl.region dd ul.stores li {
        border: 0;
        padding: 0
    }
    body.allstores-index-index .store-list dl.region dd ul.stores li h3,
    body.allstores-index-index .store-list dl.region dd ul.stores li .popup-block .block-title,
    .popup-block body.allstores-index-index .store-list dl.region dd ul.stores li .block-title {
        margin-top: 1rem
    }
    body.allstores-index-index .store-list dl.region dd ul.stores li:first-child h3,
    body.allstores-index-index .store-list dl.region dd ul.stores li:first-child .popup-block .block-title,
    .popup-block body.allstores-index-index .store-list dl.region dd ul.stores li:first-child .block-title {
        margin-top: 0
    }
    body.allstores-index-index .store-list dl.region dd ul.stores.split {
        float: left;
        display: block;
        margin-right: 1.12867%;
        width: 49.43567%
    }
    body.allstores-index-index .store-list dl.region dd ul.stores.split:nth-child(12n) {
        margin-right: 0
    }
    body.allstores-index-index .store-list dl.region dd ul.stores.split:nth-child(12n+1) {
        clear: left
    }
    body.allstores-index-index .store-list dl.region dd ul.stores.split:last-child {
        margin-right: 0
    }
}

.headline {

    margin: 0 11%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;

}

.headline__alpha {

    margin-top: 0;
    font-size: 1.8125rem;
    padding-left: 10%;
    padding-right: 10%;
    border-bottom: 2px solid #d3d3d3;
    color: #1f2145;
    font-family: Didot;
    margin-bottom: 1em;
    padding: 0 10% .75em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;

}

.ir--160x80 {

    margin: 0 11%;

}

.ir--160x80 > li > a > img {
    width: 100%;
}

.text__container {

    padding-left: 10%;
    padding-right: 10%;

}

.text__paragraph {

    padding-left: 12%;
    padding-right: 12%;
    text-align: center;

}

.product-essential {
    padding-top: 50px;
}

.sidebar{
  float:right;
  width:300px;
  padding:20px 0 0 20px;
  margin-right:20px;
  border-left:1px solid #dadada;
  word-wrap:break-word;
}

.hidden {
    display:none!important;
}

.button-set {
    background-color:#ededed;
    margin:2em 10%;
}

.button-set__container {
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}

.button-set__button--primary {
    -webkit-box-align: center;
    display: flex;
    align-items: center;
    background-color: #1f2145;
    color: #fff;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 1%;
    font-size: 1.125rem;
    height: 2em;
    margin-bottom: 1.11em;
    width: 40%;
    float: left;
    font-family: FuturaWeb,arial,sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.button-set__button--secondary {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: #9faac5;
    color: #fff;
    -webkit-box-pack: center;
    justify-content: center;
    margin-right: 1.12867%;
    font-size: 1.125rem;
    height: 2em;
    margin-bottom: 1.11em;
    width: 40%;
    margin-right: 1.12867%

}

.image-grid>img {
    width: 100%!important;
    height: 100%!important;
} 

.footer-social--ch .footerdiv-left .l-icon {
    margin:20px 0 20px 0;
}