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

.hidden { display: none; opacity: 0; }

a {
    text-decoration: none;
    transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -moz-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -webkit-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
    -o-transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
}
a:hover { text-decoration: underline; }
.bt-stack-sm { top: 1px; }

input,
select,
textarea { position: relative; width: 100%; z-index: 1; background-color: #f2eee7; border: 1px solid #f4e7d2; border-radius: 5px;}
select {padding: 6px;}
input[type=checkbox] { width:auto; }

address { font-style: normal; }

input.input-text:focus,
select:focus,
textarea:focus {
    background-color: #d4e7ef;
    border-color: #5ca4c3;  outline: none;
}
input.input-text { padding: 0 8px; line-height: 35px; height: 35px; text-overflow: ellipsis; -webkit-appearance: none;
    background: #F2EEE7;
    border: 1px solid #F0E4D0;
    box-sizing: border-box;
    border-radius: 5px;
}
input.no-display { display: none; }
select { clear: left; display: block; }
textarea { width: 100%; height: 150px; }

.button__field {
    text-align: right;
}

button.button,
a.button {
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    padding: 0 2rem;
    border: none;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
a.button { display: block; }

@media only screen and (max-width: 768px) {
    button.button,
    a.button {
        width: 100%;
    }
}


.input-box--select {
    width: 100%;
    position: relative;
    background-color: #F2EEE7;
    border: 1px solid #F0E4D0;
    height: 35px;
    line-height: 35px;
    padding: 0 8px;
    border-radius: 5px;
}
.input-box--select:after {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    right: 3%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
    content: "";
    z-index: 100;
}
.input-box--select select {
    -webkit-appearance: none;
    height: 33px;
    line-height: 35px;
    border-radius: 0;
    border: none;
    padding: 0;
}
.input-box--select option {
    line-height: 12px;
}
.input-box--select select:focus {
    background: none;
}
.select2-search__field {
    background: #fff;
}

label[for="billing:use_for_shipping_yes"] {
    margin-bottom: 1rem;
    padding: 0;
}


.button--full-width {
    width: 100%;
}

.button__loader {
    display: none;
}

.button--loading .button__loader {
    display: block;
}

.button--loading .button__loader + span {
    display: none;
}

.button--blue, button.button.btn-cart--blue {
    background: #5CA4C3;
}

.button--red {
    background: #d9553d;
}

.button--full-width {
    width: 100%;
}

.input-box--password {
    background: #F2EEE7;
    border: 1px solid #F0E4D0;
    box-sizing: border-box;
    border-radius: 5px;
}

.input-box-password {
    width: 89%;

}

.input-box-password input{
    border-right: 0;
    border: 0;
}

.input-box-password input:focus {
    background: #F2EEE7;
    border: 0px;
    border-right: 0;
    box-sizing: border-box;
}

button.button span,
a.button span { font-size: 14px; }

button.button.next,
button.button.prev,
a.button.next { position: relative; }

a.button.plus,
a.button.prev { position: relative; padding: 0 3.5em; text-align: left; line-height: 18px; }

a.button.plus span,
a.button.prev span  { font-size: 14px; }

.button.plus:before { font-family: "FontAwesome"; content: "\f067"; position: absolute; left: 23px; line-height: 37px; font-size: 19px; }
.button.next:after,
.button.prev:before { font-family: "Black Tie"; position: absolute; top: 20px; font-size: 20px; line-height: 20px; }
.button.next:after { content: "\f093"; right: 20px; }
.button.prev:before { content: "\f092"; left: 23px; }

button.button:focus,
a.button:focus { outline: none; }

a.button { display: inline-block; }
a.button:hover { text-decoration: none; }

a.button.small,
button.button.small { line-height: 35px; height: 35px;  padding: 0 10px; }
a.button span,
button.button.small span { font-size: 13px; }
a.button.small:after,
button.button.small:after { font-size: 10px; right: 10px; line-height: 35px; }

a.button.small.next:after,
button.button.small.next:after { top: 0; }

a.underline { color: #d9553d; text-decoration: underline; }
a.underline:hover { text-decoration: none; }


input[type="radio"] { display: inline-block; width: auto; }


.input-box--checkbox input[type="checkbox"] + label::before  {
    vertical-align: middle;
}

.input-box--checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

/* we use generated content to create a placeholder for the checkbox and the radio */
.input-box--checkbox input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 8px 0 0;
    border: 1px solid #F0E4D0;
    background-color: #F2EEE7;
    text-align: center;
    cursor: pointer;
}

/* hover checkbox (unselected state only) */
.input-box--checkbox input[type="checkbox"]:not(:checked):hover + label::before {
    border-color: #5ca4c3;
    background-color: #d4e7ef;
}

/* selected checkbox */
.input-box--checkbox input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    font-family: FontAwesome, sans-serif;
    color: #d9553d;
}

.input-box--address__bypass label {
    color: #464646;
}

.input-box--address__bypass input[type="checkbox"] + label::before {
    border-color: #fff;
    background-color: #fff;
}

.ribbon-round { position: absolute; z-index: 100; width: 72px; height: 72px; border-radius: 41px; right: -12px; top: -12px; text-align: center; line-height: 70px; font-size: 24px; color: #fff; background-color: #0061ae; font-weight: bold; }

label { position: relative; color: #5CA4C3; font-size: 14px; line-height: 22px; display: inline-block; padding-left: 8px; }
label.required em { position: absolute; top: 0; right: -8px; font-style: normal; color: #D90000; }
p.required { font-size: 0.8333em; text-align: right; color: #D90000; }

h1, h2, h3, h4, h5, h6 { line-height: 1em; }

.form-list { margin: 0; padding: 0; list-style: none; }
.form-list li { margin: 0 0 8px 0; }
.form-list li.control, div.control { overflow: hidden; }
.form-list li.control .input-box, div.control .input-box { margin: 0 5px 0 0; }

input.input-text.validation-failed, select.validation-failed, textarea.validation-failed { border-color: #f5dad3; }
.validation-advice {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: -3px 0 0 0;
    padding: 3px 10px 0 10px;
    background: #f5dad3;
    color: #c02230;
    font-size: 0.75em;
}

.messages { padding: 0; list-style: none; }
.messages > li, .single-message { clear: both; overflow: hidden; margin: 0 0 10px 0; padding: 10px; }
.messages ul { margin: 0; padding: 0; list-style: none;  }
.messages ul li span { line-height: 32px; }
.grid_15 > .messages { margin: 0; }

.success-msg { color: #5eb3a1; background-color: #d7eee9; }
.error-msg { background-color: rgba(217,85,61,0.3); color: rgba(217,85,61,1); }
.notice-msg { background: #a0c5d4; color: #000; }
.warning-msg { background: #fdeda4; color: #7c622a; }

.data-table { width:100%; border: 1px solid #f4e7d2; }
.data-table tr th,
.data-table tr td { padding: 10px; vertical-align: middle; }
.data-table tr th { text-align: left; }
.data-table thead tr,
.data-table tbody tr { border: none; border-bottom: 1px solid #f4e7d2; }
.data-table tbody tr:nth-child(even) {  }
.data-table thead { }
.data-table thead th { font-weight:bold; vertical-align: middle; border-right: none; }
.data-table thead th.wrap { white-space:normal; }
.data-table tfoot tr { border-bottom: none; }

.my-account .pager{ padding: 15px 0; }
.my-account .pager .amount{ padding-bottom: 5px; }
.my-account .limiter{ max-width: 200px; }

.col2-set .col-1 { float: left; width: 48%; margin: 0 2% 0 0; }
.col2-set .col-2 { float: left; width: 48%; margin: 0 0 0 2%; }

.page-title h1 { margin-top: 0; }

.disclaimer .blue-check.bt-stack .bt-hexagon { font-size: 18px; color: #5ca4c3; }
.disclaimer .blue-check.bt-stack .bt-hexagon + i { font-size: 16px; line-height: 24px; }
.disclaimer span:not(.bt-check) { font-size: 12px; color: #7f7f7f; }

.triangle-wrapper:before { position: absolute; content: ""; left: 52%; top: 4px; width: 0; height: 0;
    border-style: solid;
    border-width: 0 40px 26px 40px;
    border-color: transparent transparent #f0e4d0 transparent;
}
.controls {
    cursor: pointer;
    position: absolute;
    top: 50px;
    z-index: 1;
    color: #5ca4c3;
    font-size: 30px;
}
.controls.prev { left: -40px; }
.controls.next { right: -40px; }


/* ABSOLUTE HEADER */
#absolute-header { line-height: 25px; }
#absolute-header p { margin: 0; }
#absolute-header p > * { margin-right: 2%; }
#absolute-header p .bt-stack { margin-right: 0.5%; }

.shipment-logos {
    display: block;
    position: relative;
    z-index: 8008;
    height: 25px;
    margin-top: 10px;
}

.shipment-logos img {
    max-width: 70px;
    line-height: 50px;
    vertical-align: middle;
}

.shipment-logos img:nth-child(n+2) {
    margin-left: 1rem;
}

.top-links { text-align: right; position: relative; }
.top-links ul { display: block; margin: 0; padding: 0; list-style: none; }
.top-links ul li { position: relative; display: inline-block; margin-right: 10px; }

.top-links ul li:first-child a:hover { text-decoration: none; border: none; }
.top-links ul li:first-child img { vertical-align: middle; }


.top-links ul li.last { margin-right: 0; }
.top-links a { text-decoration: none; border-bottom: 1px solid #fff; }
.top-links a:hover { text-decoration: none; border-color: #d9553d; }

/* HEADER */
#header-nav-container { position: relative; z-index: 1000; border-bottom: 5px solid #f0e4d0; background-color: #fff; }
#header-nav-container.f-nav { position: fixed; }

#header .logo a { display: block; position: relative; }
#header .logo a img { width: 17vw; max-width: 140px; }

#header .logo a img,
#header {
    -webkit-transition: all 750ms ease;
    -moz-transition: all 750ms ease;
    -ms-transition: all 750ms ease;
    -o-transition: all 750ms ease;
    transition: all 750ms ease;
}

.category-image-description,
.image-title-description { position: relative; }

.slide .title-sub-title,
.category-image-description .page-title,
.image-title-description .page-title {
    position: absolute;
    left: 15%;
    top: 17.8%;
}

.slide h1,
.category-image-description .page-title h1,
.image-title-description .page-title h1 {
    font-size: 2.8vw;
    font-weight: 300;
    color: #fff;
    margin: 0;
    line-height: 4.8vw;
}
.slide h2,
.category-image-description .page-title h2,
.image-title-description .page-title h2 {
    font-size: 1.8vw;
    font-weight: 300;
    color: #fff;
    margin: 0;
}

.category-image-description #y-badges,
.image-title-description #y-badges { width: auto !important; }

.category-image-description .yotpo-badge,
.image-title-description .yotpo-badge { position: absolute; top: 4%; right: 2%; }

.category-image-description .yotpo-badge .y-powered-by,
.image-title-description .yotpo-badge .y-powered-by { color: #fff; }

.cms-order-your-free-samples form label { display: inline-block; }

/* Change color for some H1 for better contrast */
.category-8 .category-image-description .page-title h1,
.cms-about-us .category-image-description h1,
.product-basic-hang-tag .image-title-description h1,
.category-5 .category-image-description h1,
.category-7 .category-image-description h1,
.category-3 .category-image-description h1 { color: #fff; }

.category-image img,
.product-background img { width: 100%; }
.product-background { margin-bottom: 20px; }

.category-image {
    position: relative;
    background: no-repeat center center fixed;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.category-image.second { height: 350px; display: block; }

/* DESKSTOP NAV */
.nav-container { position: relative; z-index: 2; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav > ul > li { float: left; padding: 0 2%; }

#nav > ul > li > a { padding: 0; }
#nav ul li:first-child { padding-left: 0; }
#nav ul li:last-child { padding-right: 0; }

#nav.first-nav ul > li { width: 25%; }

#nav.first-nav ul > li > a,
#nav.first-nav ul > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 96px;
    text-align: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #nav:nth-child(1) #nav-box > li > a , #nav:nth-child(1) #nav-box > li > span {
        padding-top: 38px;
    }
}

#nav > ul > li > a,
#nav > ul > li > span { display: block; position: relative; text-decoration: none; text-transform: uppercase; color: #d9553d; }
#nav > ul > li > span  { font-family: 'Exo', 'Helvetica', sans-serif; }

#nav.second-nav { text-align: right; position: relative; }
#nav.second-nav a { color: #5ca4c3; }
#nav.second-nav > ul > li.level0 { float: right; min-height: 96px; line-height: 96px; }

#nav.second-nav > ul > li:first-child > a { padding-right: 0%; padding-left: 12%; }
#nav.second-nav > ul > li:last-child > a { padding-right: 12%; padding-left: 0; white-space: nowrap; }


#nav.first-nav .sub-menu { display: none; position: absolute; width: 100%; top: 127px; left: 0; right: 0; padding: 0.5em 0 2em 0; background-color: #fdfaf6; border-top: 1px solid #f1e4d0; border-bottom: 2px solid #d9553d; line-height: 22px; }
#nav li:hover div.sub-menu { display: block; }
#nav.first-nav > ul > li > a { position: relative; }

#header-nav-container.f-nav .sub-menu { top: 98px; }
#header-nav-container.f-nav #nav.first-nav > ul > li:hover > a:before { top: 69px; }

#nav div.level0 .product-description { padding: 1em 0; }
#nav div.level0 .action a:first-child{ display: block; margin-bottom: 1em; }

#nav li > .level0 h2 { margin-top: 0; }
#nav li > .level0 h2 a { font-size: 20px; color: #d9553d; }
#nav li > .level0 h3 a { font-size: 18px; color: #808080; }

.f-nav { z-index: 9999; position: fixed; top: 0; width: 100%; }
#header-nav-container.f-nav  #header { height: 95px; }
#header-nav-container.f-nav { background-color: #fff; border-bottom: 3px solid #f1e4d0; }
#header-nav-container.f-nav + div {  margin-top: 117px; }
#header-nav-container.f-nav .logo a { height: 95px; position: relative; padding: 0; }
#header-nav-container.f-nav .grid-40 { margin-top: 0; }
#header-nav-container.f-nav .logo img { width: 11.7vw; max-width: 109px; }
#header-nav-container.f-nav .triangle-wrapper { top: 65px; }
#header-nav-container.f-nav .triangle-wrapper .block { border-top-width: 3px; }
#header-nav-container.f-nav #nav.first-nav .sub-menu { top: 95px; border-top: 4px solid #f1e4d0; }
#header-nav-container .sub-menu { margin-bottom: 0; }
/* USP */

/* Submenu small */

#header-nav-container #nav .level1 { position: relative; }
#header-nav-container #nav .level1 .dropdown-menu {
    display: none; position: absolute; left: 0; top: 88px; min-width: 155px;
    border: 5px solid #f0e4d0; background-color: #fdfaf6; white-space: nowrap;
    padding: 15px 0; margin-left: -20px; margin-right: -20px;
}
#header-nav-container #nav .level1:first-child .dropdown-menu { margin-left: 0px; margin-right: -55px; }

#header-nav-container.f-nav #nav .level1 .dropdown-menu { top: 95px; }

#header-nav-container #nav .dropdown-menu li { width: 100%; padding: 4px 10px; }
#header-nav-container #nav .dropdown-menu li a{ min-height: 20px; color: #5ca4c3; text-transform: uppercase; justify-content: left; text-align: left; font-size: 12px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #header-nav-container #nav .dropdown-menu li a {
        justify-content: flex-start
    }
}
#header-nav-container #nav .level1:hover .dropdown-menu { display: block; }
#header-nav-container #nav .level1:hover > span:before ,
#header-nav-container #nav .level1:hover > a:before {
    position: absolute; content: ""; left: 8%; top: 66px; width: 0; height: 0;
    border-style: solid;
    border-width: 0 40px 26px 40px;
    border-color: transparent transparent #f0e4d0 transparent; }

#header-nav-container.f-nav #nav .level1:hover > a:before,
#header-nav-container.f-nav #nav .level1:hover > span:before { top: 70px; }

@media only screen and (min-width: 1200px) {
    #header-nav-container #nav .dropdown-menu li a{ font-size: 14px; }
}

/* Submenu small */

.usp { list-style: none; padding: 0; margin: 38px 0; }
.usp li { line-height: 40px; }

.usp.block-content li span:first-child {
    background: url("../images/dls-sprite.png") -43px 0 no-repeat;
    width: 28px;
    height: 32px;
    position: absolute;
 }
.usp.block-content li:nth-child(2) span:first-child { background-position: -227px 0; }
.usp.block-content li:nth-child(3) span:first-child { background-position: 0 0; }
.usp.block-content li:nth-child(4) span:first-child { background-position: -177px 0;}
.usp.block-content li:nth-child(5) span:first-child { background-position: -133px 0; }
.usp.block-content li:nth-child(6) span:first-child { background-position: -91px 0; }

.usp.block-content li span:last-child {
    line-height: 20px;
    vertical-align: top;
    padding-top: 7px;
    padding-left: 5px;
    display: inline-block;
    padding-left: 36px;
}
.sidebar .usp li { display: block; width: 100%; }

#footer .customerservice { overflow: hidden; }
#footer .customerservice ul { list-style: none; padding: 0; }

#footer .customerservice a { line-height: 18px; display: inline-block; margin-bottom: 0.6rem; }

.blue-check.bt-stack,
.red-times.bt-stack { line-height: 2em; }
.blue-check.bt-stack .bt-hexagon { font-size: 22px; color: #5ca4c3; }
.red-times.bt-stack .bt-hexagon { font-size: 22px; color: #d9553d; }

.blue-check.bt-stack .bt-hexagon + i { font-size: 11px; }


.usp .grid-45 { padding-top: 12px; text-align: right; }

.usp .grid-45 .keurmerk img { width: 32%; margin-right: 20px; }

#usp-container #reviews { float: right; padding: 5px; background-color: #fff; border: 1px solid #eee;  font-size: 16px; }

#reviews .fa-star { color: #edca00; }
#reviews span { font-weight: bold; font-size: 16px; }
#reviews span span { font-weight: normal; }
#reviews .logo { margin-top: 5px; }
#reviews .logo img { width: 70%; vertical-align: middle; margin-left: 10px; }
#reviews { background-color: #daefff; padding-top: 20px; }
#reviews .review { padding: 15px; background: #fff; border: 1px solid #e2e2e2; margin-bottom: 20px; }
#reviews .review .date { font-style: italic; font-size: 12px; }

/* BREADCRUMBS */
#breadcrumbs-container { border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb;  }
.breadcrumbs { color: #535353; line-height: 38px; }
.breadcrumbs ul { margin: 0; padding: 0; list-style: none; }
.breadcrumbs ul li { position: relative; display: inline-block; }
.breadcrumbs ul li:after { content: "\f054"; font-family: FontAwesome, sans-serif; font-size: 8px; }
.breadcrumbs ul li:last-child:after { content: none; }
.breadcrumbs ul li a,
.breadcrumbs ul li span { padding: 0 6px; text-decoration: none; }
.breadcrumbs ul li:first-child a { padding-left: 0; }

/* HEADERCART */
#header .cart .fa-2x { font-size: 2.4em; vertical-align: middle; }
#header .cart .count { position: absolute; top: -10px; right: -9px; z-index: 10000; }
#header .cart .count i { position: relative; }
#header .cart .count i.bt-hexagon:before { font-size: 20px; color: #5ca4c3; background-size: cover; -webkit-background-clip: text; -moz-background-clip: text; background-clip: text; }
#header .cart .count i.bt-hexagon:after {
    font-weight: 900; content: "\f08d"; color: #fff;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text; position: absolute; top: 2px; left: 2px; font-size: 16px; }
#header .cart .count .qty {
    position: absolute;
    width: 22px;
    left: 0;
    text-align: center;
    line-height: 88px;
    font-size: 12px;
}

#header .cart .label {
    position: relative;
    z-index: 100;
}

#header .cart-box.triangle-wrapper { right: -15px; }
#header .cart-box.triangle-wrapper:before { left: auto; right: 0; }
#header .account .fa-user.fa-2x { font-size: 1.6em; vertical-align: middle; }
#header .account .fa-angle-down { vertical-align: sub; }
#header .account a span { margin: 0 .5% 0 0; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #header .account a span { margin: inherit; }
}


#header .account:hover .account-box { display: block; }


.account .input-text { background-color: #fff; margin-bottom: 1em; }
.account .input-text:focus { background-color: #d4e7ef; }
.account #mini-password { margin-bottom: 0; }
.account .forget-url { font-size: 12px; color: #808080; text-decoration: underline; }
.account .button { margin-top: 1em; }
.account .no-account { margin-top: 1em; border-top: 1px solid #d9553d; line-height: 40px; color: #808080; }
.account .no-account a { float: right; text-transform: none; text-decoration: underline; color: #808080; }

.triangle-wrapper { width: 70%; padding-top: 30px; display: none; position: absolute; top: 60px; right: 0px; z-index: 1000; line-height: 22px; }
.triangle-wrapper.account-box:before,
.triangle-wrapper.cart-box:before { border-color: transparent transparent #d9553d transparent; }
.triangle-wrapper .block { text-align: left; background-color: #fdfaf6; overflow: auto; border: 1px solid #d9553d; }
.triangle-wrapper .block .block-title { margin: 30px 0; }

.triangle-wrapper .block .block-title,
.triangle-wrapper .block .block-content { padding: 0 30px; }
#header .block .actions,
#header .block .no-account { padding: 0 20px; }
#header .block-logged-in .block-title { margin-bottom: 1em; }
#header .block-logged-in .block-content { margin-bottom: 1em; }
#header .minicart-wrapper > * { padding: 0 20px; }

#header .item { overflow: hidden;  position: relative; width: 100%; }
#header .item > div { float: left; margin-right: 2%; }
#cart-sidebar .product-name { width: 73%; }
#cart-sidebar .edit-delete-links { width: 4%; }

#cart-sidebar .item:nth-child(n+4) {
    display: none;
}

#header-cart .cart-footer { padding-bottom: 20px; }
#header-cart .cart-footer .button { color: #fff;  }
#header-cart .product-image img { width: 50px; height:auto; }
/* FOOTER */
#footer-container { margin-top: 20px; font-size: 12px; }
#footer-container .footer-info { padding-bottom: 50px; }


#footer { padding-bottom: 50px; }
#footer h3 { font-size: 20px; margin-top: 30px; text-transform: uppercase; color: #d9553d; }
#footer .address-footer > * { line-height: 50px; }
#footer .address-footer .grid-33 { text-align: right; }
#footer address { display: inline-block;  margin-top: 3em; font-style: normal;}

.block-social { margin-bottom: 4em; }
.block-social a { display: inline-block; margin-right: 10px; }
.block-social .blue-check.bt-stack .bt-hexagon { font-size: 30px; }
.block-social .blue-check.bt-stack .bt-hexagon + i { font-size: 19px; line-height: 50px;   text-indent: -2px;}
.block-social .bt-stack { margin-left: 1em; }

.footer-flags{ list-style: none; padding: 0; line-height: 1; }
.footer-flags li{ display: inline-block; margin-right: 7px; margin-bottom: 10px; }
.footer-flags li a{ display: block; }

#footer a.button { width: 60%; }

#footer #trustwaveSealImage { margin-top: 5rem; }

.cms-index-index #footer-container { margin-top: 0; }
.catalog-product-view #footer-container,
.catalog-category-view #footer-container { margin-top: 0; }


#content-container { margin-bottom: 4%; }

/* HOMEPAGE */
#slider img { width: 100%; max-height: 305px; }
#slider .slide { position: relative; }
#slider .slide .usp { margin-top: 3vw; margin-bottom: 0; color: #fff; }

#slider .slide-content { position: absolute; top: 0; width: 100%; height: 94%; }
#slider .slide-description { float: right; }
#slider .title-sub-title h1 { margin: 0; padding-top: 1.5%; }

#slider .title-sub-title p { width: 13.5%; }

#slider .slide .fancybox-media { position: absolute; bottom: 0; right: 0; left: 0; margin: 0 auto; font-size: 18px; }
#slider .slide .fancybox-media i,
.mobile-usp-slider .fancybox-media i { margin-left: 5px; }

#homepage-category-container-title h2 { text-align: center; font-size: 30px; margin-top: 4rem; }
#homepage-category-container .grid-50 { margin-bottom: 1em; }
#homepage-category-container .product-item .product-image-name { position: relative; }
#homepage-category-container .product-item .product-name { position: absolute; bottom: 0; width: 100%; background-color: rgba(244,231,210,0.9); }
#homepage-category-container .product-item .product-name h2 { display: inline-block; font-size: 20px; margin: 0; line-height: 60px; padding-left: 3%;  overflow: hidden; max-width: 70%; position: absolute; }
#homepage-category-container .product-item .product-name a { line-height: 60px; color: #d9553d; text-transform: uppercase; }
#homepage-category-container .product-item .product-name a:hover { text-decoration: none; }
#homepage-category-container .gallery-link { float: right; position: relative; background-color: #d85e46; padding: 0; }

#homepage-category-container .gallery-link span { display: inline-block; line-height: 20px; text-transform: uppercase; text-align: right; padding: 10px; color: #fff; }
#homepage-category-container .gallery-link i {   position: relative; margin: 0 10px 0 5px; color: #fff; }

#homepage-category-container .product-box { position: relative; }
#homepage-category-container .product-box img { width: 100%; }
#homepage-category-container .product-box .gallery-link { position: absolute; bottom: 0; right: 0; }
#homepage-category-container .product-box .gallery-link:hover { text-decoration: none; }
#homepage-category-container img { display: block; }

#homepage-category-container .grid-33 .product-image-name { position: relative; }

#homepage-category-container .grid-33 .product-image-name .ribbon-from-price { bottom: 21%; width: 21%; }
#homepage-category-container .grid-33 .product-image-name .ribbon-from-price span:first-child {  font-size: 1.3vw; }
#homepage-category-container .grid-33 .product-image-name .ribbon-from-price span:last-child { font-size: 2.3vw; margin-top: 0.3rem; }

.default-table {
    background-color: #fdfaf6;
}
.default-table th {
    color: #d9553d;
}
.default-table th, .default-table td {
    border: 1px solid #F4E7C9;
    padding: 1em 1.5em;
}
.default-table--sidebar th, .default-table--sidebar td {
    padding: 0.5em 1em;
}

/*#homepage-category-container .grid-33:last-child .product-image-name .ribbon-from-price { right: initial; left: 2.5%; bottom: 11% }*/

@media (min-width: 1600px) {
    .slide h1, .category-image-description .page-title h1, .image-title-description .page-title h1 {
        font-size: 2.8rem;
    }

    #slider .title-sub-title h1 {
        padding-top: 0.5%;
    }

    .ribbon-from-price span:first-child { font-size: 14px; }
    .ribbon-from-price span:last-child { font-size: 20px; margin-top: 0.3rem; }
}


@media (min-width: 1200px) {
    #homepage-category-container .grid-33 .product-image-name .ribbon-from-price span:first-child {  font-size: 14px; }
    #homepage-category-container .grid-33 .product-image-name .ribbon-from-price span:last-child {  font-size: 32px; margin-top: 0.3rem; }
}


#product-slider .products-grid .product-item { width: initial; }
#product-slider .products-grid .product-item { float: none; margin: 0; }
#product-slider .products-grid .product-item:nth-child(3n) { margin: 0; }
#product-slider .products-grid .product-item:nth-child(3n+1) { margin: 0; }
#product-slider .products-grid .product-item {  }


#hexagon-container { padding: 4em 0; }
#hexagon-container h2 { font-size: 18px; }
#hexagon-container .grid-100 { text-align: center; }
#hexagon-container .title { color: #d9553d; }

#hexagon-grid { overflow: hidden; margin: 0; padding: 0; }
#hexagon-grid .button-hexagon { position: relative; padding: 4px 10px; padding-right: 20px; margin: 0 10px; border: 1px solid; }


/* HEX CONTENT */
#hexagon-grid li img { left:-100%; right:-100%; width: auto; height:100%; margin:0 auto; }


#usp-container { position: relative; background: url("../images/background-image.jpg") no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#usp-container #usp { padding-top: 2.5vw; }
#usp-container h2 { color: #fff; text-align: center; }
#usp-container .grid-33 { margin-bottom: 6vw; }


#usp-container .usp li,
#slider-container .usp li { margin-bottom: 1em; padding-left: 58px; line-height: 54px; color: #fff; font-size: 16px;     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
#usp-container .usp li:first-child,
#slider-container .usp li:first-child {
     background: url("../images/usp-icon-finger-cap.png") no-repeat;
}
#usp-container .usp li:nth-child(2),
#slider-container .usp li:nth-child(2){
    background: url("../images/usp-icon-needle.png") no-repeat;
}
#usp-container .usp li:nth-child(3),
#slider-container .usp li:nth-child(3){
    background: url("../images/usp-icon-sew.png") no-repeat;
}
#usp-container .usp li:nth-child(4) {
    background: url("../images/usp-icon-wash.png") no-repeat;
}
#usp-container .usp li:nth-child(5) {
    background: url("../images/usp-icon-wash.png") no-repeat;
}
#usp-container .usp li:nth-child(6) {
    background: url("../images/usp-icon-wire.png") no-repeat;
}

#feedback-container { padding-bottom: 4vw; background-color: #f4e7d2; }
#feedback-container h2 { padding: 2vw 30px 2vw 0; text-align: right; border-bottom: 1px solid #fff; background: url("../images/thumbs-up.png") no-repeat right top; }
#feedback-container span.perc { font-size: 3vw;  }

#feedback { position: relative; }

#review-slider .review { vertical-align: top; padding: 0 4em; white-space: normal; }
#review-slider .review  q { position: relative; display: block; overflow: hidden; margin-bottom: 1em; min-height: 88px; }
#review-slider .review  .quote:before { position: absolute; font-family: "FontAwesome"; content: "\f10d"; font-size: 16px; left: 4px; color: #5a5753; }
#review-slider .review  .quote:after {  font-family: "FontAwesome";  content: "\f10e"; font-size: 16px; }

#review-slider .review .name { color: #d9553d; text-transform: uppercase; margin-bottom: 0; }
#review-slider .review .name + p { display: block; margin-top: 0; }
#review-slider .review i { color: #fcc441; }

#brand-slider-container h2 { text-align: center; }
#brand-slider-container .grid-container { position: relative; }
#brand-slider-container h2.small { text-transform: lowercase; font-size: 14px; }

#brand-slider { line-height: 60px; padding-left: 0; }
#brand-slider li { padding: 0 10px; }

#brand-slider li img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
#brand-slider li:hover img { filter: none; -webkit-filter: grayscale(0%); }
#brand-slider li img { transition: all .6s ease; }

.brand.controls { top: 8px; }

/* PRICE BOX */
.price-box p { margin: 0; }
.price-box .old-price {  }
.price-box .old-price .price { text-decoration: line-through; }
.price-box .special-price .price-including-tax { color: #e75200; font-size: 26px; font-weight: bold; }
.price-box .price-excluding-tax { font-size: 12px; }

.category-title .grid-100 { margin-bottom: 0; }
.category-description { margin: 1em 0 2em 0; }

/* products-list */
#products-list .product-item .product-image-name { position: relative; }

.ribbon-from-price {
    font-family: 'Exo';
    position: absolute;
    right: 1%;
    bottom: 24%;
    width: 21%;
    text-align: center;
    color: #fff;
}
.ribbon-from-price span:first-child {
    font-size: 1.4vw;
    display: block;
}
.ribbon-from-price span:last-child {
    font-size: 2.6vw;
    display: block;
    margin-top: 0.6rem;
}

@media only screen and (min-width: 1300px) {
    .ribbon-from-price span:first-child {
        font-size: 18px;
        display: block;
    }
    .ribbon-from-price span:last-child {
        font-size: 34px;
    }

}


#products-list .product-item a { display: block; }
.product-image img { width: 100%; display: block; }

#products-list.brand-labels .product-item .product-name { position: absolute; padding: 0 3%;  bottom: 0; width: 100%; background-color: rgba(244,231,210,0.9); }
#products-list .product-item .product-name h2 { display: inline-block; margin: 0; line-height: 60px; }
#products-list .product-item .product-name a { color: #d9553d; text-transform: uppercase; }
#products-list .product-item .product-name a:hover { text-decoration: none; }
#products-list .product-item .product-name .gallery-link { float: right; position: relative; }
#products-list .product-item .product-name .gallery-link span {   width: 60px; display: inline-block; line-height: 20px; text-transform: uppercase; text-align: right; margin-top: 11px; color: #d9553d; }
#products-list .product-item .product-name .gallery-link i {   position: relative; top: -4px;  margin-left: 5px; color: #d9553d; }

.fancybox-inner div[class*='cms-gallery-'] .page-title { display: none; }

#products-list .product-item .bt-stack { margin-right: 1em; }

#products-list .product-item .action .button { text-transform: uppercase; }
#products-list .product-item .action .button i { margin-left: 24px; }
#products-list.brand-labels  .product-item .product-description { margin: 60px 0; }

#products-list.size-popular-labels .title { font-weight: bold; margin-top: 5px; display: block; }

#products-list.size-popular-labels .hexagon { float: left; width: 50%; margin-top: 0.4em; padding: 1.2em 0.8em; list-style: none; min-height: 323px; background-color: #f4e7d2; }
#products-list.size-popular-labels .hexagon:last-child { padding-top: 3.8em; }
#products-list.size-popular-labels .hexagon .wrapper-color img { display: block; width: 100%; }
#products-list.size-popular-labels .hexagon .wrapper-color:after { content: none; }
#products-list.size-popular-labels .hexagon .selected > img  { display: block; }
#products-list.size-popular-labels .hexagon li { cursor: pointer; margin-bottom: 1em; }
#products-list.size-popular-labels .hexagon li .swatch-color { display: block; }
#products-list.size-popular-labels .hexagon li:last-child { margin-bottom: 0; }
#products-list.size-popular-labels .product-item { display: none; }
#products-list.size-popular-labels .product-item.open { display: block; margin-bottom: 2em; padding-bottom: 2em; border-bottom: 1px solid #f4e7d2; }

#products-list.size-popular-labels .product-item .grid-20 { position: relative;  min-height: 355px; }
#products-list.size-popular-labels .product-item .grid-20 .totals { margin-top: 2.1em; width: 100%; }
#products-list.size-popular-labels .action { margin-top: 1em; }
#products-list.size-popular-labels .hexagon .swatch-color > img  { width: 124%; left: -7px; top: -7px; }

#products-list.size-popular-labels .data-table tr th,
#products-list.size-popular-labels .data-table tr td { padding: 5px 10px; vertical-align: middle; }
#products-list.size-popular-labels .data-table thead th { vertical-align: bottom; }
#products-list.size-popular-labels td:last-child { width: 30%; }
#products-list.size-popular-labels p > span:first-child { font-weight: 600; width: 65%; display:inline-block; }
#products-list.size-popular-labels p > span:last-child { width: 30%; text-align: right; display:inline-block; }

#products-list.size-popular-labels .data-table {border: none;  }
#products-list.size-popular-labels tbody { border: 1px solid #f4e7d2; }

#products-list.stock-labels { padding-bottom: 1em; border-bottom: 1px solid #f4e7d2; }
#products-list.stock-labels .product-item .product-name h2 { font-size: 14px; line-height: 24px; min-height: 50px; }

#brandlabel_slider { list-style: none; padding: 0; }
#brandlabel_slider li { width: 25%; padding: 0 10px; text-align: center; }

.label-slider { position: relative; }
.label-slider h2 { text-align: center; }

#compare-container { padding-bottom: 50px; background-color: #f4e7d2; }
h2.red { margin: 50px 0; }

.compare-table th { padding: 0 20px 0 20px; }
.compare-table th h2 { font-size: 18px; }
.compare-table tbody tr:nth-child(odd) { background-color: #f7eddd; }

.compare-table { width: 100%; text-align: center; }
.compare-table tr th:first-child img { width: 60px; }
.compare-table td:first-child { width: 38%; text-align: left; padding-left: 1em; }
.compare-table table td:nth-child(n+2) { width: 35%; }
.compare-table tfoot tr:last-child td { padding: 0 2%; }
.compare-table tfoot .button { width: 100%; }

.compare-table a.gallery-link { margin: 2em 0; display: block; }
.compare-table a.button.small { height: inherit; }
.compare-table .question { margin-top: 44px; }
.compare-table .question h2 { font-size: 18px; }

/* PRODUCTPAGE */
.catalog-product-view .col-main,
.catalog-product-view .col-right {
    margin-top: 3rem;
}


.option-box .ribbon { position: absolute; top: -19px; left: 0; right: 0; margin: auto; }

.product-grid-container .col-main {
    width: 100%;
}

@media only screen and (min-width: 668px) {
    .product-grid-container .col-main {
        float: left;
        width: 70%;
    }

    .product-grid-container .col-right {
        float: right;
        width: 30%;
    }
}


.product-view .product-choice .grid-container { padding: 0; }
.product-view .product-choice .option-box { margin-bottom: 2em; }
.product-view .product-choice dl { margin-top: 0; }
.product-view .product-choice dd { margin: 0; padding-top: 2em; }

.product-view .product-choice .option-box.selected:before {
    bottom: -29px;
    left: 47%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 26px 40px 0 40px;
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #d9553d;
    border-bottom-color: #d9553d;
    margin-left: -30px;

}

.product-view .option-box { position: relative; cursor: pointer; float: left; width: 48%; margin-right: 4%; border: 1px solid #f4e7d2; padding: 2em; text-transform: uppercase; }
.product-view .option-box:last-child { margin-right: 0; }
.product-view .option-box h2 {  color: #d9553d; font-size: 19px; margin-top: 0; }
.product-view .option-box h3 { color: #5ca4c3; font-size: 14px; margin-bottom: 0; }


.product-view .option-box .image { text-align: center; }

.product-view .option-box i.bt-hexagon:before { font-size: 26px; color: #f4e7d2; background-size: cover; -webkit-background-clip: text; }
.product-view .option-box i.bt-hexagon:after { font-weight: 900; content: "\f08d"; color: #fff; -webkit-background-clip: text; position: absolute; top: 1px; left: 1px; font-size: 24px; }


.product-view .option-box:after {content:""; display: block; position:absolute; z-index:-1; top: -3px; left: -3px; right: -3px;  bottom: -3px; border: 2px solid #fff; }

.product-view .option-box.selected:after,
.product-view .option-box:hover:after,
.product-view .option-box:hover,
.product-view .option-box.selected { border-color: #5ca4c3; text-decoration: none; }

.product-view .option.fieldset-wrapper-1 dl { margin-bottom: 0; }
.product-view .option.fieldset-wrapper-1:first-child dd { display: none; }

.product-view .header dt:first-child > label {
    font-family: 'Exo', 'Helvetica', sans-serif;
    display: block;
    line-height: 60px;
    font-size: 19px;
    text-transform: uppercase;
    background-color: #f4e7d2;
    padding-left: 15px;
    color: #d9553d;
}

.option.fieldset-wrapper-1.header dl {
    display: flex;
    flex-wrap: wrap;
}

.product-view .option.header dl dt:first-child {
    width: 100%;
}

.product-view .option.header dl dt:nth-child(2) {
    width: 16%;
    text-align: right;
}
.product-view .option.header dl dd {
    width: 64%;
}

.option.header .single-message {
    width: 100%;
    margin: 0;
}

.product-view .option.no-heading dl { display: flex; }

.product-view .option.no-heading dt { width: 16%; }
.product-view .option.no-heading dd { width: 64%; }

.product-view .option.no-heading label,
.product-view .option.header label {
    background-color: #fff;
    line-height: 35px;
    color: #808080;
    text-transform: none;
    font-size: 14px;
    padding-right: 4rem;
}

.product-view .option.no-heading label {
    text-align: right;
}

.text-align.no-heading .bt-stack { display: none; }

/*  Configurator - sub step - text align */
.text-align ul { padding: 0; list-style: none; display: flex; }
.text-align ul li { width: 10%; margin: 0 2%; margin-top: 4px; }
.text-align ul li:first-child { margin-left: 0; }

.text-align .swatch .sprite {
     display: block;
     background: url('../images/dls-sprite.png') no-repeat -6px -357px;
     width: 30px;
     height: 16px; }
.text-align .swatch .sprite.center { background-position: -57px -354px; }
.text-align .swatch .sprite.right { background-position: -105px -357px; }
.text-align .swatch .swatch-selected,
.text-align a.swatch {
     display: block;
     padding: 10% 20%;
}
.text-align .swatch .swatch-selected {
    border: 1px solid rgba(92,164,195,1);
}

.fieldset-wrapper-1 .text-align .swatch .swatch-selected { background-color: #f4e7d2; }

.product-view .product-options .note { margin-top: 2em; font-size: 14px; color: #808080; border-top: 1px solid #f4e7d2; padding: 1em 2em 0 2em; }

.frame ul { margin: 0; padding: 0; list-style: none; }

select[id^="select_"] { display: none; }
.product-view .swatch-color.dark-color { background-image: url('../images/pattern-overlay-light.png'); }

.hexagon ul { padding: 0 4%; list-style: none; }
.hexagon li.swatch { width: 7.5%; display: inline-block; margin: 0 1.2%; }

.hexagon .swatch-color { position: relative; display: inline-block; }
.hexagon .swatch-color > img { position: absolute; display: none;   width: 125%;    left: -7px;     top: -7px;     z-index: 10; }
.hexagon .swatch .wrapper-color,
.hexagon .category .wrapper-color,
.hexagon .swatch-color .wrapper-color { background-image: url('../images/pattern-overlay.png'); position: relative; }

.product-basic-hang-tag .hexagon .swatch-color .wrapper-color { background-image: none; }

.hexagon .wrapper-color:after { position: absolute; width: 97%; content: ""; height: 98%; top: -2px; left: -2px; border: 3px solid #FFF; }
.hexagon.multiple-colors .wrapper-color:after,
.hexagon .category-items .wrapper-color:after { content: initial; }
.hexagon.selection-colors .wrapper-color:after { content: initial; }

.hexagon .swatch .wrapper-color.sparkling { background-image: url('../images/pattern-overlay-sparkle.png'); background-size:75px; }
.hexagon .swatch .wrapper-color img { display: block; width: 101%; }
.hexagon .swatch-selected { position: relative; }
.hexagon .swatch-selected .swatch-color > img  { display: block;  }

.hexagon .swatch:nth-child(11) { margin-left: 6.1%; }

.hexagon.selection-colors .swatch:nth-child(11),
.hexagon .category-items.open .swatch { margin-left: 1.5%; }

/* QTY Select table */
.data-table.qty-box { border: none; width: 100%; }
.data-table.qty-box tbody tr:nth-child(even) { background-color: #fdfaf8; }
.data-table.qty-box th:first-child { text-align: left; }
.data-table.qty-box th { text-align: center; }
.data-table.qty-box td:first-child { width: 20%; text-align: left; }
.data-table.qty-box td { width: 25%; text-align: center; }
.data-table.qty-box td:last-child { width: 30%; text-align: right; }
.data-table.qty-box td:last-child span { display: inline-block; background-color: #d9553d; padding: 0px 6px; color: #fff; margin-left: 5%; font-size: 14px; float: right; border-radius: 4px; text-align: center; }
.data-table.qty-box tr { cursor: pointer; }
.data-table.qty-box tr.swatch > td > span > input.custom-quantity { width: 50px; }

.product-view .product-media a, .product-view .product-media img { display: block; }
.product-view .product-image img { width: 100%; }
.product-view .product-thumbnails ul { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.product-view .product-thumbnails ul li { float: left; }
.product-view .rating { font-size: 75%; margin: 0 0 1em 0; }
.product-view .rating .rating-box { display: inline-block; margin: 0 10px 0 0; }
.product-view .rating .rating-links { display: inline-block; }
.product-view .product-type-data { border-top: 1px solid; margin: 15px 0 0 0; padding: 10px 0 0 0; font-size: 75%; line-height: 36px; }
.product-view .product-type-data .availability { display: inline-block; margin: 0; }
.product-view .product-type-data .price-box { display: none; clear: both; }
.product-view .add-to-box { margin: 10px 0; padding: 15px; overflow: hidden; }

.product-view .option dt > label { display: block; line-height: 60px; font-size: 19px; text-transform: uppercase; background-color: #f4e7d2; padding-left: 15px; color: #d9553d; }

.product-view .option .closed,
.product-view .option.closed { display: none; }

.product-view .option ul { padding: 0; margin: 0; position: relative; list-style: none; }
.product-view .category { display: inline-block; cursor: pointer; text-decoration: underline; line-height: 40px; }

.product-view .category .wrapper-color img { display: block; width: 100%; }

.product-view .multiple-colors .category { padding: 0 1%; }
.product-view .multiple-colors .category > .wrapper-color + span { display: block; text-align: center; font-size: 11px;}
.product-view .multiple-colors .category > .wrapper-color + a:before { bottom: -28px; }
.product-view .multiple-colors .wrapper-color { display: block; max-width: 60px; margin: 0 auto; }
.product-view .multiple-colors .category.open > a:before { bottom: -68px; }

.product-view .multiple-colors .category-items {
    display: none;
}

.product-view .multiple-colors .category-items.open {
    display: block;
    position: absolute;
    left: 0;
    top: 144px;
    width: 100%;
}

.product-view .category.lr { display: none; }
.product-view .category.lr.category-open { display: inline-block; }
.product-view .category.lr > a { color: #d9553d; }

.product-view .symbol-fonts .show-lr { display: block; text-align: center; margin: 1em auto; cursor: pointer; }

.product-view .category.open > a { position: relative; }
.product-view .category.open > a:before { bottom: -39px; left: 39%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.product-view .category.open > a:before { border-color: rgba(194, 225, 245, 0); border-bottom-color: #d9553d; border-width: 0 41px 27px 41px; margin-left: -31px; }

.product-view .category:nth-child(n+11):nth-child(-n+19) .category-items:before,
.product-view .category:nth-child(n+31) .category-items:before { bottom: -27px; border-width: 27px 41px 0 41px; margin-left: -31px; border-color: rgba(136, 183, 213, 0);border-top-color: #d9553d; }
.product-view .category:nth-child(n+11):nth-child(-n+19) .category-items:after,
.product-view .category:nth-child(n+31) .category-items:after { bottom: -26px; border-width: 26px 40px 0 40px; border-color: rgba(136, 183, 213, 0); border-top-color: #d9553d; }
.product-view .category:nth-child(n+11):nth-child(-n+19) .category-items,
.product-view .category:nth-child(n+31) .category-items { margin-bottom: 3em; }

.product-view .category:nth-child(10n+2) .category-items:before,
.product-view .category:nth-child(10n+2) .category-items:after { left: 16%; }
.product-view .category:nth-child(10n+3) .category-items:before,
.product-view .category:nth-child(10n+3) .category-items:after { left: 25%; }
.product-view .category:nth-child(10n+4) .category-items:before,
.product-view .category:nth-child(10n+4) .category-items:after { left: 34%; }
.product-view .category:nth-child(10n+5) .category-items:before,
.product-view .category:nth-child(10n+5) .category-items:after { left: 43%; }
.product-view .category:nth-child(10n+6) .category-items:before,
.product-view .category:nth-child(10n+6) .category-items:after { left: 52%; }
.product-view .category:nth-child(10n+7) .category-items:before,
.product-view .category:nth-child(10n+7) .category-items:after { left: 61%; }
.product-view .category:nth-child(10n+8) .category-items:before,
.product-view .category:nth-child(10n+8) .category-items:after { left: 70%; }
.product-view .category:nth-child(10n+9) .category-items:before,
.product-view .category:nth-child(10n+9) .category-items:after { left: 79%; }
.product-view .category:nth-child(10n+10) .category-items:before,
.product-view .category:nth-child(10n+10) .category-items:after { left: 88%; }

.product-view .category-items li { display: inline-block; width: 9.676%; margin: 1% 0; }

.product-view .swatch a:hover { text-decoration: none; }

.product-view .fonts-box ul { padding: 0 3em; }
.product-view .fonts-box li { display: none; width: 30%; margin: 0 1.6%; }
.product-view .fonts-box .font-image { width: 100%; background-image: url(../images/fonts-sprite.png); background-size: 100%; }
.product-view .fonts-box .font-image img { width: 100%; height: auto; max-width: 100%; vertical-align: middle; }
.product-view .fonts-box .small-image-preview { border: 1px solid transparent; }
.product-view .fonts-box .small-image-preview.swatch-selected { border-color: #f4e7d2; background-color: #fff; }

.product-view .fonts-box .controls { display: block; top: 17%; font-size: 5rem; }
.product-view .fonts-box .controls.next {
    right: 4px;
}
.product-view .fonts-box .controls.prev {
    left: 4px;
}


@media only screen and (min-width: 678px) {
    .product-view .fonts-box ul.page-1 li:nth-child(-n+9) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-2 li:nth-child(n+9):nth-child(-n+17) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-3 li:nth-child(n+18):nth-child(-n+26) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-4 li:nth-child(n+27):nth-child(-n+35) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-5 li:nth-child(n+36):nth-child(-n+44) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-6 li:nth-child(n+45):nth-child(-n+54) {
        display: inline-block;
    }
}

.product-view .frame .radio-checkbox-text { margin-bottom: 5px; }
.product-view .frame .options-list label { background-color: #fff; line-height: 20px; cursor: pointer; }
.product-view .frame .options-list .radio { display: none; }

.product-view .frame .options-list label .option img { width: 100%; }

.product-view .frame.size-select .option-box { padding: 2em 1em; }
.product-view .frame.size-select .option-box { width: 30%; }
.product-view .frame.size-select .option-box .radio-checkbox-text span { display: block; text-align: center; }
.product-view .frame.size-select .option-box .radio-checkbox-text span:first-child { font-weight: 400; font-size: 16px; color: #d9553d; }
.product-view .frame.size-select .option-box .radio-checkbox-text span:last-child { text-transform: none; font-size: 12px; margin-bottom: 2em; }

.product-view .frame.size-select .option-box .most-popular { display: none; }
.product-view .frame.size-select .option-box:nth-child(2) .most-popular {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.product-view .frame.size-select .option-box:nth-child(2) .most-popular .rotate {
    display: block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    font-size: 11px;
    color: #fff;
    text-transform: none;
    width: 50px;
    line-height: 14px;
    bottom: 11px;
    position: relative;
    text-align: center;
}
.product-view .frame.size-select .option-box:nth-child(2) .most-popular:before {
    content: ""; position: absolute; right: -1px; bottom: -1px; width: 0; height: 0;
    border-style: solid;
    border-width: 75px 75px 0 0;
    border-color: transparent #d9553d transparent transparent;
}
.option.size { position: relative; }
.fieldset-wrapper-1 .option.size:nth-child(3) dd { padding-bottom: 8rem; }

.frame.size-select.frame .drop-shadow .option:before { content: initial; }
.frame.size-select .drop-shadow:before { content: initial; }

.product-view .product-options dt { margin-bottom: 1em; }

.product-view .product-options dd,
.product-view .product-options dd > * { margin: 0; }

.product-view .product-options-bottom { overflow: hidden; }
.product-view .product-options-bottom dd,
.product-view .product-options-bottom dl{ margin: 0; }

.product-view .product-options-bottom .add-to-cart { overflow: hidden; padding: 2em 0; }

.product-view .product-options .upload-file dt { margin-bottom: 2em; }
.product-view .product-options .upload-file .note { margin: 0; padding-left: 0; border: none; }

.product-view .option.upload-file ul { margin-left: 1rem; list-style: disc; }

.product-view .product-options #current-image-box { margin-bottom: 2em; text-align: center }
.product-view .product-options #current-image-box img { width: 100%; padding: 10px; background-color: #fdfaf8; border: 1px solid #f4e7d2 }

.product-view .product-options #uploaded-image-box { margin-bottom: 2em; text-align: center; max-height: 520px; overflow: hidden; }
.product-view .product-options #uploaded-image-box img { width: 100%; padding: 10px; background-color: #fdfaf8; border: 1px solid #f4e7d2 }

.product-view .file-uploader {display:flex;}
.product-view .file-uploader .form { width: 60%; padding-right: 2%; }
.product-view .file-uploader .image-wrapper {width: 40%;}

.product-view .file-uploader .show-invalid-file-type { display: none; color: #5CA4C3; margin-top: 1rem; }

.product-view .upload-file input:focus { outline: none; }
.product-view .custom-file-upload-hidden { display: none; visibility: hidden; position: absolute; left: -9999px; }
.product-view .custom-file-upload { display: block; width: auto; font-size: 16px; margin-top: 30px; }
.product-view .file-upload-wrapper { position: relative; margin-bottom: 5px; }
.product-view .file-upload-wrapper p { display: inline-block; margin-left: 20px; }
.product-view .file-upload-input { width: 300px; width: 33%; padding: 6px; }
.product-view .custom-file-upload .file-upload-button { display: inline-block; margin-left: 10px; width: inherit; height: 34px; cursor: pointer; line-height: 34px; }


.product-view .backgroundProgressBarFileUpload { display:none; padding:5px;margin-top:10px;width:250px;height:30px;background-color:#F4E7D2; }
.product-view .progressBarFileUpload { width:1%;height:100%;background-color:#F2C985; }

.product-view .option.upload-file ul.uploadArtworkNotices { padding-top: 10px;
    list-style-type: none; margin-left: 0; }
.product-view ul.uploadArtworkNotices li.confirmation { color: #5db3a1; }
.product-view ul.uploadArtworkNotices .fileUploadSuccessfulNotice { display: none; }

.product-view .product-options .remove-symbol-care {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: none;
}

.product-view .product-options .selected-colors ul { display: flex; border-bottom: 1px solid  #f4e7d2; margin: 0 5% 1em 1%; padding-bottom: 2rem; }
.product-view .product-options li .selected-color { position: relative; margin-right: 1rem; }
.product-view .product-options li .selected-color > img { display: none; position: absolute; top:-5px; left: -5px; width: 120%; opacity: 0.6; }

.product-view .product-options .selected-colors .wrapper-color {
    width: 50px;
    height: 58px;
    display: flex;
}

.product-view .product-options .selected-colors .wrapper-color > img { width: 100%; }

.product-view .selected-colors span {
    border: 1px solid #f4e7d2;
    width: 53px;
    height: 53px;
    line-height: 18px;
    display:block;
    background-repeat: no-repeat;
}

.product-care-label .product-view .selected-colors span {
    width: 53px;
    height: 53px;
}

.product-view .product-options .selected-colors .wrapper-color.symbol {
    margin: 0 1rem 1rem 0;
    position: relative;
    display: block;
    text-align: center;
    background-image: none; }

.product-view .product-options .selected-colors .wrapper-color.symbol img {
    width: 100%; border: 1px solid #f4e7d2; width: 60px; height: 60px; line-height: 18px;
}
.product-care-label .product-view .product-options .selected-colors .wrapper-color.symbol img {
    width: 53px;
    height: 53px;
}

.symbol-wrapper {
    position: relative;
    overflow-x: scroll;
}
.carelabel-symbols {
    display: grid;
    grid-template-columns: repeat(37, 1fr);
    grid-column-gap: .8rem;
    grid-row-gap: .5rem;
}

.carelabel-symbols .swatch {
    display: flex;
    justify-content: center;
    padding: .2rem;
}


.product-view .text-two-lines textarea { height: 4em; }
.product-view .text-four-lines textarea { height: 8em; }

.product-view .type ul {  list-style: none; }
.product-view .type li { display: inline-block; width: 30%; margin-right: 5%; }
.product-view .type li span { text-align: center;
    display: inline-block;
    width: 100%; }
.product-view .type li:nth-child(3n) { margin-right: 0; }
.product-view .type li a { border: 1px solid transparent; display: block; text-align: center; }
.product-view .type li a.swatch-selected { border: 1px solid rgba(92,164,195,1); }
.product-view .type li img { width: 100%; }

.product-view .hangtag-cord a { position: relative; }
.product-view .hangtag-cord .swatch span { position: absolute; color: #d9553d; text-transform: uppercase;
    width: 40%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 29%;
}

.swatch {
    cursor: pointer;
}

.sticky { z-index: 100;  }
.product-right-box { position: relative;   margin-bottom: 5em; background-color: #fdfaf8; border: 1px solid #f4e7d2; }
.product-right-box h2 { text-transform: uppercase; color: #d9553d; }
.product-right-box h3.title { text-align: center; margin-top: 1.5em; }
.product-preview .ribbon.hexagon-image { background: url("../images/hex-scissors.png") no-repeat; width: 36px; height: 42px; top: -22px; left: 44%;}

.product-preview .image { padding: 0 1.5em; }
.product-preview .image.large { padding: 0 0.5em; }

.product-preview .specifications { margin-top: 1em; border-top: 1px solid #f4e7d2;  }
.product-preview .specifications h2 { margin: 0; font-size: 18px;  }

.preview-image { margin: 1.5em auto 1em; }

.drop-shadow { position: relative; }
.drop-shadow:before { content: ""; position: absolute; top: 0; bottom: 7px; left: 10px; right: 10px; -moz-border-radius: 100px / 10px;  border-radius: 100px / 10px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.6); box-shadow: 0 0 15px rgba(0,0,0,0.6); -moz-border-radius: 10px / 100px; border-radius: 10px / 100px; }
.preview-image img { position: relative; z-index: 100; max-height: 200px; width: 100%; }

/* These width and height settings are half of the original width and size of the care label image */
.preview-image.care-label { width:110px;  }
.preview-image.care-label img { max-height: 335px;  }
.preview-image .special-woven-overlay { background-color:#d9553d; z-index:1000; position:relative; height: 3em; }


.preview-overlay,
.option.frame .drop-shadow .option { position: relative; display: block; background-color: #fff; }
.preview-overlay:before,
.option.frame .drop-shadow .option:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/pattern-overlay.png"); z-index: 200; }

.option.frame .drop-shadow .option { cursor: pointer; }

.preview-overlay img ,
.option.frame .drop-shadow .option img { display: block; }

.option.frame.no-shadow .drop-shadow:before { content: none; }
.option.frame.no-shadow .drop-shadow .option:before { content: none; }

.product-preview .custom-options {  border-bottom: 1px solid #f4e7d2; }

.product-preview .totals .title.total { font-size: 18px; text-transform: uppercase; color: #d9553d; }
.product-preview .totals .value.price { color: #d9553d; font-weight: 600; }
.product-preview .custom-options,
.product-preview .qty-price-summary,
.product-preview .totals { color: #808080; display: table; width: 100%; padding: 1em 1.5em; }

.product-preview .qty-price-summary { padding-bottom: .5rem; }
.product-preview .totals { padding-top: 0; padding-bottom: 0; }

.product-preview .custom-options .row .title { vertical-align: top; border-right: 1px solid #f4e7d2; }
.product-preview .row { display: table-row; }
.product-preview .row .title,
.product-preview .row .value { width: 50%; display: table-cell; vertical-align: middle; padding: 0; }

.product-preview .row .title { width: 40%; }
.product-preview .row .value { width: 60%; padding-left: 1rem; text-transform: uppercase; }

.product-preview .row .value.loading-price:empty {
    height: 22px;
    background: #f4e7d2;
    margin-left: 1rem;
    width: 91%;
    display: inline-block;
    border-radius: 5px;
    opacity: 0.2;
}

.sticky-wrapper.is-sticky + .product-help { display: none; }

.product-preview .addto-button {
    padding: 1rem 1.5em 1rem 1.5rem;
    position: relative;
}

.product-preview .addto-button .button{
    padding: 0;
}

.product-preview .addto-button .button span{
    display: block;
    padding: 0 2rem;
}

.product-preview.woven-logo .disclaimer { display: none; }

.product-preview .preview-image img { width: 100%; }
.product-view .preview-image .special-woven-overlay img { display: block; }

.product-preview .disclaimer { position: relative; line-height: 15px; padding: 0 1.5rem 1rem 3rem; }
.product-preview .disclaimer .bt-stack.blue-check { position: absolute; left: 1.5rem; }

.product-help { position: relative; }
.product-help .ribbon-outside { text-align: center; }
.product-help .ribbon { top: -31px; left: 46%; }
.product-help .blue-check.bt-stack .bt-hexagon { font-size: 36px; }
.product-help .blue-check.bt-stack .bt-hexagon + i { font-size: 30px; line-height: 56px; }

.product-help .contact p { position: relative; padding-left: 2.5em; }

.product-help .contact p.telephone {  font-weight: 600; color: #5ca4c3; }
.product-help .contact p.telephone span { display: block; font-size: 11px; font-weight: 100; }

.product-help .contact p.mail { color: #d9553d;  }
.product-help .contact p:before { font-family: "FontAwesome";  position: absolute; left: 0px; color: #5ca4c3; }
.product-help .contact p.telephone:before {  content: "\f095"; font-size: 26px; top: 11px; }
.product-help .contact p.mail:before { content: "\f003";  font-size: 17px; }

.product-help .question-answer,
.product-help .contact { padding: 0 1.5em; }

:not(.question-answer) + .question-answer { border-top: 1px solid #f4e7d2; }
.product-help .question-answer { border-bottom: 1px solid #f4e7d2; }
.product-help .question-answer:last-child { border-bottom: none; }

.product-help .question { position: relative; line-height: 22px; cursor: pointer; padding: 8px 20px 8px 0; }
.product-help .question i { position: absolute; top: 9px; right: 0; font-size: 20px; color: #5ca4c3; }
    
.product-help .question-answer .answer.open { display: block; }
.product-help .question-answer .question.open { color: #d9553d; }
.product-help .question-answer .question.open i { color: #d9553d; }
.product-help .question-answer .question.open i:before  { content: "\f147";  }


.product-help .answer { display: none;   padding-bottom: 0.5em; }

#product-tabs .tabs { margin: 0; padding: 10px 10px 0 10px; list-style: none; overflow: hidden; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#product-tabs .tabs li { float: left; margin: 0 10px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#product-tabs .tabs li:last-child { margin-right: 0; }
#product-tabs .tabs li a { display: block; padding: 0 10px; font-size: 75%; text-transform: uppercase; line-height: 39px; }
#product-tabs .tabs li a:hover { text-decoration: none; }
#product-tabs .tabs-content { padding: 20px;  }

#product-attribute-specs-table tr th { border-right: none; }

#product-review-table { width: auto; margin: 0 0 20px 0; }
#product-review-table th, #product-review-table td { border-right: none; }
#product-review-table thead tr { border-bottom: 1px solid; }
#product-review-table thead th { white-space: nowrap; text-align: center; }
#product-review-table tbody td { text-align: center; }

#customer-reviews dl { font-size: 75%; }
#customer-reviews .header { font-size: 175%; }
#customer-reviews dd { margin: 0 0 20px 0; }
#customer-reviews .ratings-table th { padding: 0 10px 0 0; text-align: left; font-weight: normal; }

.bundled-products .images { float: left; }
.bundled-products .images * { float: left; }
.bundled-products .images a { display: block; }
.bundled-products .images img { width: initial; }
.bundled-products .images i { line-height: 85px; vertical-align: middle; font-size: 30px; color: #0061ae; margin: 0 -5px; position: relative; z-index: 10; }
.bundled-products .images .discount { margin-left: 5px; color: #0061ae; line-height: 85px; }


.bundled-products .right-box { float: right; text-align: right; }
.bundled-products .right-box .price { display: block; margin-bottom: 20px; }

.bundled-products  p.product-names { clear: left; }


.block .block-title { color: #5ca4c3; margin-bottom: 20px; font-size: 20px; text-transform: uppercase; }

.block-related h3 { margin: 0; }
.block-related .product-item { border: 1px solid #f4f4f4; padding: 20px; }
.block-related .block-content { padding: 0; }
.block-related .block-content .price-box { text-align: left; }
.block-content .product-item .product-name { margin-top: 0; font-size: 16px; }
.block-related .block-content label { margin-top: 2px; font-weight: normal; }
.block-related .product-image { border: none; }
.block-related div.control { float: right; }

#addTagForm label { float: none; display: inline-block; }
#addTagForm .input-box { display: inline-block; }
.box-tags .note { margin-top: 0; font-size: 75%; }

.product-tags { margin: 0 0 1em 0; padding: 0; list-style: none; font-size: 75%; }
.product-tags li { display: inline-block; margin: 0 4px 0 0; }
.product-tags li:after { content: ""; display: inline-block; width: 1px; height: 15px; margin: 0 0 0 10px; vertical-align: middle; }
.product-tags li:last-child:after { content: none; }

.block-tags .tags-list { margin: 0; padding: 0; list-style: none; }
.block-tags .tags-list li { display: inline-block; }
.block-tags .actions { font-size: 75%; text-align: center; border-top: 1px solid; }


.block-content .products-list { margin: 0; padding: 0; list-style: none; }
.block-content .product-item { margin: 0 0 10px 0; overflow: hidden; }
.block-content .product-item .product-image { float: left; }
.block-content .product-item .product-image img { width: auto; }
.block-content .product-item .product-details { margin: 0 0 0 110px; }
.block-content .product-item .product-name { margin-top: 0; font-size: 90%; line-height: 1.25em; }
.block-content .product-item .price-box { font-size: 100%; }
.block-content .product-item .link-wishlist { font-size: 75%; }
.block-content .product-item .action button { font-size: 75%; line-height: 2.5em; }

.cart .grid-20 .button { height: 40px; line-height: 40px;  }
.cart .grid-20 .button.small:after { line-height: 39px; }
.cart .cart-links,
.cart .checkout-types  { list-style: none; margin: 5% 0 0 0; padding: 0; }

.cart .page-title h1 { float: left; }
.cart .page-title .checkout-types { float: right; margin: 0; padding: 0; list-style: none; }
.cart fieldset { margin: 0; padding: 20px; border: none; }
.cart .cart-table-wrapper { padding: 10px; }
.cart .product-name { margin: 0.5em 0; }

.cart .product-cart-info table { width: 30%; }
.cart .product-cart-info tr { border: none; }
.cart .product-cart-info tr td { padding: 3px 0 3px 0; }
.cart .product-cart-info tr td:first-child { width: 80%; font-weight: 500; }
.cart .product-cart-info tr td:last-child { text-align: right; }

.cart .product-cart-info .item-options { display: none; position: absolute; top: 20px; width: 50%; padding: 20px; background-color: #fdfaf8; border: 1px solid #f4e7d2; z-index: 200; }
.cart .product-cart-info .specifications-wrapper { position: relative;  cursor: pointer; }
.cart .product-cart-info .specifications:hover + .item-options { display: block; }

.cart td.last { text-align: right; padding-right: 20px; }

.cart .cart-collaterals .checkout-button { text-align: right; }
.cart .totals { padding: 0 20px 20px 20px; text-align: right;     text-transform: uppercase; }
.cart .totals table { width: 100%; }
.cart .totals table tr td:first-child { padding-right: 5px;  }
.cart .totals table tr td:last-child { padding-left: 5px; width: 25%; }
.cart .totals .checkout-types a { font-size: 75%; }
.cart .totals .button { width: 40%; }

.totals .subtotal_after_discount,
.totals .subtotal_after_shipping,
.totals .amount_due { font-weight: 600; }

.cart .discount h2 { display: inline-block; text-transform: initial; font-size: 20px; margin-right: 2em; color: #8b8b8b; }
.cart .discount p { display: block; margin-top: -10px;}

.cart .discount-form { position: relative; display: inline-block; }
.cart .button-wrapper { position: absolute; top: 0; left: 182px; }
.cart .button-wrapper .button {  height: 35px; }
.cart .crosssell .product-name a { font-size: 18px; }
.cart .crosssell .product-image {  display: block; padding: 5%; border: 1px solid #f4e7d2; }
.cart .crosssell .product-image img { width: 100%; width: 70%; }
.cart .crosssell .product-info p { padding: 1% 2%; }

.cart .crosssell .product-image {  display: flex; align-items: center; justify-content: center;   min-height: 270px; }
.cart .crosssell .care_label img {
    -webkit-box-shadow: -1px -1px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -1px -1px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -1px -1px 10px 0px rgba(50, 50, 50, 0.75);
    width: 32%;
}

.cart .crosssell .mixed-assorti-black-xxs-xxl img { width: 51%; }

.cart .crosssell .image-price { position: relative; }
.cart .crosssell .product-price { position: absolute; right: -5px; top: -15px; }
.cart .crosssell .product-price a { display: block;
    width: 100%;
    height: 100%;
}
.cart .crosssell .product-price div { color: #fff; font-size: 14px; font-weight: 100; text-transform: uppercase; text-align: center; }

.cart img[class*="care_label"] {
    -webkit-box-shadow: -1px -1px 10px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    -1px -1px 10px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         -1px -1px 10px 0px rgba(50, 50, 50, 0.75);
}

.crosssell .aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 6%;
    width: 88%;
    height: 100%;
}
.crosssell .aligner div {
    max-width: 100%;
}

.cart .crosssell .fa-li { color: #5da4c4; }
.cart .crosssell .actions .grid-20 { line-height: 35px; text-align: center; }
.cart .crosssell .actions .grid-40 > span { text-align: right; line-height: 35px; }
.cart .crosssell .actions p { margin: 0; padding: 0; font-size: 10px; }

.cart .crosssell .product-price i { color: #5da4c4; font-size: 72px; }
.cart .crosssell .button  { width: initial; }


#checkout-shipping-method-load table {
    width: 100%;
    border: 1px solid #f4e8d2;
    text-align: center;
    border-collapse: separate;
}


#checkout-shipping-method-load thead {
    background-color: #f4e8d2;
    color: rgba(217,85,61,1);
    text-transform: uppercase;
    font-family: 'Exo', 'Helvetica', sans-serif;

}
#checkout-shipping-method-load thead th {
    padding: 1rem 0.5rem;
    font-weight: 400;
}

#checkout-shipping-method-load img {
    max-width: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #checkout-shipping-method-load img {
        max-width: 50%;
    }
}

#checkout-shipping-method-load thead th:first-child,
#checkout-shipping-method-load tbody td:first-child{
    width: 6%;
}

#checkout-shipping-method-load thead th:nth-child(2),
#checkout-shipping-method-load tbody td:nth-child(2) {
    width: 12%;
}

#checkout-shipping-method-load thead th:nth-child(3),
#checkout-shipping-method-load tbody td:nth-child(3) {
    width: 30%;
}

#checkout-shipping-method-load tbody td:nth-child(3) {
    text-align: left;
}

#checkout-shipping-method-load thead th:nth-child(4),
#checkout-shipping-method-load tbody td:nth-child(4) {
    width: 8%;
}

#checkout-shipping-method-load thead th:nth-child(5),
#checkout-shipping-method-load tbody td:nth-child(5) {
    width: 19%;
}

#checkout-shipping-method-load thead th:nth-child(6),
#checkout-shipping-method-load tbody td:nth-child(6) {
    width: 16%;
}

#checkout-shipping-method-load thead th:nth-child(7),
#checkout-shipping-method-load tbody td:nth-child(7) {
    width: 9%;
}

#checkout-shipping-method-load tbody tr {

    border-bottom: 1px solid #f4e8d2;
}
#checkout-shipping-method-load tbody tr:hover {
    background-color: #5ca4c3;
}

@media only screen and (max-width: 896px) {

    #checkout-shipping-method-load tbody tr.checked {
        background-color: #5ca4c3;
    }
    #checkout-shipping-method-load tbody tr.checked td {
        border-color: #5ca4c3;
    }

    #checkout-shipping-method-load tbody tr.checked td label {
        color: #fff;
    }
}

#checkout-shipping-method-load tbody tr:hover td {
    color: #fff;
    border-color: #5ca4c3;
}

#checkout-shipping-method-load label {
    color: #464646;
}

#checkout-shipping-method-load tbody tr:hover label {
    color: #fff;
}

#checkout-shipping-method-load tbody td {
    border-top: 1px solid #f4e8d2;
}

#checkout-shipping-method-load label {
    padding: 0.5rem;
    width: 100%;
    cursor: pointer;
    display: inline-block;
}
#checkout-shipping-method-load input[type=radio] {
    position: absolute;
    z-index: -1000;
    left: -5000px;
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

#checkout-shipping-method-load input[type=radio]+label {
    position: relative;
    padding-left: 20px;
    display: inline-block;
    line-height: 18px;
    width: initial;
    height: initial;
}

#checkout-step-methods label[for^="p_method_adyen"] span {
    display: inline-block;
    vertical-align: bottom;
    line-height: 50px;
}

#checkout-shipping-method-load input[type=radio] + label:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../images/radio-checkbox-sprite.png);
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#checkout-shipping-method-load tbody tr:hover input[type=radio]+label:before {
    background-position: 0 -36px;
}

#checkout-shipping-method-load input[type=radio]:checked+label:before {
    background-position: 0 -18px;
}
#checkout-shipping-method-load tbody tr:hover input[type=radio]:checked+label:before {
    background-position: 0 -54px;
}


.cart-summary table { width: 100%; }
.cart-summary table tr td:last-child { text-align: right; }

/*.input-taxvat .input-box input:first-child { width: 6%; margin-right: 1%; }*/
/*.input-taxvat .input-box input:last-child { width: 93%; }*/

.input-has-description .input-box{ margin-bottom: 5px; }
.input-has-description p{ margin-top: 0; font-size: 12px; max-width: 350px; }

#billing\:vatLoader .v-middle{ vertical-align: sub; }

.field.input-postcode { float: left; width: 48%; margin-right: 1%; }
.field.input-postcode.pcnl-input-housenumber { float: left; width: 48%; }

.field.input-postcode.pcnl-input-housenumber .field-wrapper > * { display: inline-block; }
.field.input-postcode.pcnl-input-housenumber .field-wrapper select { height: 32px; }

p.note i { margin-right: 4px; }

ol.checkout-agreements.clearfix { padding: 1em; }
#review-buttons-container > div { padding: 1em 0    ; }

#checkout-step-payment dt + dd { padding-left: 20px; margin: 0; }

.customer-dob-buckaroo3extended_afterpay > div { display: inline-block; width: 12%; margin-right: 2%; }

#opc-payment fieldset { padding: 0; }
/* END Two step checkout */

.account-login h2 { font-size: 1em; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: 10px; }

.block-account .block-content ul { margin: 0; padding: 0; list-style: none; }
.box-account .box-head a.button { float: right; line-height: 1.5em; }
.box-account .box .box-title h3 { font-size: 1em; font-weight: normal; text-transform: uppercase; border-bottom: 1px solid; padding-bottom: 10px; }
.box-account .box .box-title a { float: right; }
.box-account .box .box-content { font-size: 0.75em; }
.box-account .box .box-content h4 { margin-top: 0; }
.account-login .registered-users .button { display: block; }

.mypoints-summary { margin-top: 1.8em; }


#my-orders-table tr td:nth-child(2) { white-space: nowrap; }
#my-orders-table tr td:nth-child(6) { white-space: nowrap; }

.my-account .page-title button { float: right; line-height: 1.5em; }
.my-account .additional-addresses-list { margin: 0; padding: 0; list-style: none;}
.my-account .address-item { float: left; width: 48%; margin: 0 0 1em 0;}
.my-account .address-item:nth-child(odd) { margin-right: 2%; }
.my-account .address-item:nth-child(even) { margin-left: 2%; }
.my-account .address-item .action { float: right; }

#my-orders-table tr td:last-child { padding: 10px; }
#my-orders-table tr td:last-child span { white-space: nowrap; }
.my-account .button.orderstatus { min-width: 115px; }
.button.trackshipment { min-width: 125px; }

.block-subscribe { text-align: right; padding: 13px 0; }
.block-subscribe button { border-radius: 3px; }
.block-subscribe input::-webkit-input-placeholder { font-size: 75%; }
.block-subscribe input::-moz-placeholder { font-size: 75%; }
.block-subscribe input:-ms-input-placeholder { font-size: 75%; }
.block-subscribe input:-moz-placeholder { font-size: 75%; }
.block-subscribe .input-box { position: relative; }
.block-subscribe .validation-advice { position: absolute; text-align: center; font-size: 11px; line-height: 13px; padding: 10px; right: 68px; bottom: -56px; z-index: 10; border-radius: 0; }
.block-subscribe .validation-advice:after { position: absolute; left: 31px; bottom: 45px; content: " "; width: 0; height: 0; border-left: 8px solid; border-right: 8px solid; border-bottom: 8px solid; }

#overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -moz-opacity: 0.3; opacity: .30; filter: alpha(opacity=30); z-index: 100; }
#overlay.show { display: block; }
#overlay.hide { display: none; }
#m-wait #loading_mask_loader { margin: 0; padding: 10px; width: auto; font-weight: normal; min-height: 50px; min-width: 260px; }


body[class*="cms-"] h1.grid-100 { margin-top: 2em; }
.cms-inspiration .std img { width: 100%; }

.cms-gallery .std .grid-25,
.cms-product-tips .std .grid-25 { text-align: center; }
.cms-product-tips .std .grid-25 .item img,
.cms-gallery .std .grid-25 .item img { width: 70%; cursor: pointer;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
    -webkit-transition: all .6s ease;
    -webkit-backface-visibility: hidden;
}
.cms-gallery .std .grid-25 .item img:hover,
.cms-product-tips .std .grid-25 .item img:hover,
.cms-product-tips .std .grid-25 .item.open img,
.cms-gallery .std .grid-25 .item.open img {  -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); }

.gallery { display: none; position: relative; }
.gallery.open { display: block; background-color: #f4e7d2; padding-bottom: 4em;  }
.std .triangle-wrapper:before { top: -104px; position: absolute; left: 9%; border-color: transparent transparent #f4e7d2 transparent; }
.grid-container .gallery.triangle-wrapper:nth-child(2):before { left: 34%; }
.grid-container .gallery.triangle-wrapper:nth-child(3):before { left: 59%; }
.grid-container .gallery.triangle-wrapper:last-child:before { left: 84%; }

.std .grid-25 .item { position: relative; }
.std .grid-25 .item.open:after { position: absolute; content: ""; left: 35.2%; bottom: -25px; width: 0; height: 0; border-style: solid; border-width: 0 40px 26px 40px; border-color: transparent transparent #d9553d transparent; }

.std .grid-25 .item h2 { min-height: 48px; }

#gallery-container { margin-top: 1.8em; }
#gallery-container > .grid-container { padding: 2em 0; }
#gallery-container .gallery p { margin-bottom: 2em; }
#gallery-container img { width: 100%; }

.cms-gallery #gallery-container { background: linear-gradient(rgba(244,231,210,.9), rgba(244,231,210,.9)), url(../images/Care-Labels-background.jpg) no-repeat center center; background-size: 100%; background-repeat-y: repeat; }
.cms-gallery #gallery-container .gallery h2.red { margin: 0; }
.cms-gallery #gallery-container .gallery.open { background-color: transparent; }

.cms-gallery #gallery-container .gallery.open a img { display: block; border: 4px solid #5ca4c3; }

.block-content ol { padding: 0; list-style: none; }

/* Success page */
.success { margin-bottom: 20%; }
.success .page-title { margin-top: 3rem; }
.success .social-block a { display: inline-block; margin-right: 20px; width: 40px; line-height: 40px; font-size: 30px; }
.success .social-block a:first-child { background-color: #3d5b97; color: #fff; }
.success .social-block a:nth-child(2) { background-color: #2aa7df; color: #fff; }
.success .social-block a:nth-child(3)  { background-color: #c3282c; color: #fff; }
.success .social-block a:nth-child(4)  { background-color: #fb6c4a; color: #fff; }
.success i { font-size: 30px; width: 40px; }

.productcontact-index-success .col-main.grid-100 { padding: 0 15%; }
.productcontact-index-success .success { text-align: left; }

/* Autocomplete search */
.form-search .search-autocomplete { z-index: 5000; }
.form-search .search-autocomplete ul { padding: 0; margin: 0; list-style: none; background-color: #fff; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.form-search .search-autocomplete li.first { border-top: none; }
.form-search .search-autocomplete li { padding: 3px 5px; border-bottom: 1px solid #f5f5f5; cursor: pointer; }
.form-search .search-autocomplete li.last { border-bottom: none; }
.form-search .search-autocomplete li .amount { float: right; padding-left: 5px; font-weight: bold; }

.faq-index-index .anchor { position: relative; border-top: 120px solid transparent; margin: -96px 0 0; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; }
.faq-index-index .faq-list dt { font-weight: 600; }

.faq-index-index .faq-items dd,
.faq-index-index .faq-list dd { position: relative; z-index: 200; margin: 0; }
.faq-index-index .faq-items dt { z-index: 100; font-weight: 400; font-size: 20px; color: #5ca4c3; }


.cms-customer-service .form-list input.input-text,
.cms-customer-service .buttons-set button.button { width: 70%; }
.cms-customer-service p.required { text-align: left; }

.cms-support .grid-70 .usp.block-content li { font-size: 16px; }

div[class*="cms-gallery-"] .cycle-slideshow img { width: 65%; }
div[class*="cms-gallery-"] .cycle-slideshow { width: 80%; margin-left: 10%; position: relative; }
div[class*="cms-gallery-"] .controls.prev { left: 0px;  top: 150px;}
div[class*="cms-gallery-"] .controls.next { right: 0px;  top: 150px; }
div[class*="cms-gallery-"] .image { text-align: center; }

#gallery-container .gallery h2.red { margin: 2em 0; }
#gallery-container .care-labels.gallery .container { position: relative; height: 900px;
    background: url("../images/Care-Labels-background.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
#gallery-container .care-labels.gallery .boxes { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: 0 auto; max-width: 1000px; max-height: 900px; }
#gallery-container .care-labels.gallery .container .box { position: absolute; width: 23%; padding: 1em 2em; background-color: rgba(217,85,61,0.8); border: 4px solid #d9553d; color: #fff; }
#gallery-container .care-labels.gallery .container .box h4 { font-weight: 400; text-transform: uppercase; font-size: 18px; margin: 0; }
#gallery-container .care-labels.gallery .container .box p { margin-bottom: 0;  }

#gallery-container .care-labels.gallery .container .box:after { position: absolute; content: ""; width: 122px; height: 32px; background: url("../images/care-label-pointer-top-left.png") no-repeat; }

#gallery-container .care-labels.gallery .container .box-1:after { right: -122px; bottom: 30px; }
#gallery-container .care-labels.gallery .container .box-1 { top: 40%; left: 7%; }
#gallery-container .care-labels.gallery .container .box-1 h4,
#gallery-container .care-labels.gallery .container .box-3 h4 { text-align: right; }

#gallery-container .care-labels.gallery .container .box-2:after { background-image: url("../images/care-label-pointer-top-right.png"); left: -146px; bottom: 32px; height: 49px; width: 145px; }
#gallery-container .care-labels.gallery .container .box-2 { top: 36%; right: 6%; }

#gallery-container .care-labels.gallery .container .box-3:after { background-image: url("../images/care-label-pointer-bottom-left.png"); right: -161px; bottom: 34%; height: 18px; width: 159px; }
#gallery-container .care-labels.gallery .container .box-3 { top: 72%; left: 3%; }

#gallery-container .care-labels.gallery .container .box-4:after { background-image: url("../images/care-label-pointer-bottom-right.png"); left: -128px; top: -26px; height: 48px; width: 148px; }
#gallery-container .care-labels.gallery .container .box-4 { top: 64%; right: 8%; }

#product-tips.symbols { margin-top: 2em; }
#product-tips .grid-15 { width: 16.666%; }
#product-tips .title { min-height: 180px; text-align: center; color: #fff; text-transform: uppercase; background-color: #5ca4c3; border: 3px solid #5ca4c3; padding: 2em 0 1em; }
#product-tips .title .image-wrapper { line-height: 88px; }
#product-tips .title .image-wrapper img { vertical-align: middle; width: initial; }
#product-tips .title span { min-height: 41px; display: block; }
#product-tips .symbols-colum { text-align: center; border: 3px solid #d9553d; background-color: #fff;  color: #000; }
#product-tips .symbols-colum .images { padding: 0 2%; text-align: center; font-size: 10px; }
#product-tips .symbols-colum img { display: block; margin: 0 auto; width: 50%; }
#product-tips .symbols-colum h4 { margin:0; line-height: 22px; text-align: center; background-color: #d9553d; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 400;  }

#gallery-container .size-labels.gallery { padding-bottom: 0; }
#gallery-container .size-labels.gallery > .grid-container:first-child { padding: 4em 0; }
#gallery-container .size-labels.gallery h2.red { margin: 0; }

#gallery-container .size-labels.gallery .products-container { background-color: #fff; }
#gallery-container .size-labels.gallery .products-container .grid-container { margin-bottom: 3em; }
#gallery-container .size-labels.gallery .products-container h2  { color: #000; }
#gallery-container .size-labels.gallery .products-container .grid-container .grid-50:first-child h2 { text-align: right; }

#gallery-container .size-labels.gallery .products-container .grid-container > div { padding-top: 1em; }

#gallery-container .size-labels.gallery .hexagon { list-style: none; margin: 0; padding: 0; }
#gallery-container .size-labels.gallery .hexagon li { display: inline-block;  margin-right: 5%; width: 20%;}
#gallery-container .size-labels.gallery .hexagon li:nth-child(3n+1) { margin-left: 13%; }
#gallery-container .size-labels.gallery .hexagon li:first-child { margin-left: 0; }

#gallery-container .size-labels.gallery .hexagon li img { display: block; }

#gallery-container .size-labels.gallery .product-info { text-align: left; }
#gallery-container .size-labels.gallery .product-info h2 { margin: 0; color: #5CA4C2; }
#gallery-container .size-labels.gallery .product-info h3 { margin-top: 0.5em; }
#gallery-container .size-labels.gallery .products-container .button { width: 80%; margin-top: 3em; }

#popup-country {
    display:none;
}

#popup-country h2 {
    margin: 0 0 0.6rem 0;
    color: #d9553d;
}
#popup-country h2:nth-child(2) {
    margin-bottom: 1.2rem;
}
#popup-country p {
    margin: 0;
}

#popup-country .grid-container {
    min-width: 420px;
    padding: 0; margin-bottom: 1rem;
    border-top: 1px solid #808080;
    padding-top: 1rem;
}

#popup-country .grid-container:last-child {
    margin-bottom: 0;
}
#popup-country .grid-container .grid-70,
#popup-country .grid-container .grid-30 { padding: 0; }

#popup-country .grid-container .grid-70 { padding-right: 2%; }

#seo-container h1 {
    font-size:28px;
    color:#d9553d;
    margin-top:30px;
}
#seo-container iframe {
    margin:30px 0;
}

#storeviewHelper { display: none; }
#storeviewHelper ul { list-style: none; padding: 0; }

#storeviewHelper .store-list {
    float: left;
    text-align: center;
    width: 80px;
}

#storeviewHelper .store-list > span {
    text-transform: capitalize;
}

#storeviewHelper .store-list li {
    padding-bottom: 1rem;
}

#storeviewHelper .store-list:nth-child(even) {
    background-color: #f4e7d2;
}
#storeviewHelper ul span {
    font-weight: 200;
    color: #464646;
}

#storeviewHelper img {
    margin: 0 auto;
    display: block;
}

#storeviewHelper h3 {
    margin-top:0;
    font-weight: 700;
    color: #d9553d;
}

#storeviewHelper .other-countries {
    padding-top: 15px;
}

#storeviewHelper .other-countries h2{
    margin-top: 0;
}

@media only screen and (max-width: 667px) {
    #popup-box{
        padding-left: 0;
        padding-right: 0;
    }

    #storeviewHelper .store-list {
        width: 16.6666%;
    }

    #storeviewHelper .store-list span {
        font-size: 12px;
    }

    #storeviewHelper .grid-container{
        padding-left: 0;
        padding-right: 0;
    }

    #storeviewHelper .mobile-grid-100{
        padding-left: 0;
        padding-right: 0;
    }

    #storeviewHelper .other-countries .store-list {
        width: 33.3333%;
    }

    #storeviewHelper .other-countries .store-list span {
        font-size: 14px;
    }

    #storeviewHelper .storeswitch-explanation {
        display: none;
    }

    #storeviewHelper h2 {
        font-size: 20px;
    }

    #storeviewHelper .other-countries {
        padding-top: 0;
    }
}

#storeviewHelper .other-countries li {
    margin: auto 0.5rem;
}

#storeviewHelper .other-countries a {
    background-color: #5ca4c3;
    display: block;
    padding: 6px;
}
#storeviewHelper .other-countries li span {
    color: #fff;
}
#storeviewHelper .other-countries ul li:first-child a {
    background-color: #d9553d;
}

#storeviewHelper .other-countries .store-list:nth-child(even) {
    background-color: #fff;
}

.page-popup .input-box { margin-bottom: 14px; }

.photoproof { width: 70%; }
.photoproof ul { padding: 0; list-style: none; }
.photoproof img { width: 100%; max-width: 100%; }

.referrals ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.rewards-ribbon {
    cursor: pointer;
    font-size: 14px;
    position: fixed;
    padding: 13px 18px;
    background-color: #57a4c6;
    text-transform: uppercase;
    opacity: 1;
    left: -1px;
    top: 65%;
    -webkit-transform-origin: 0% 50%;
    -webkit-transform: rotate(-90deg) translate(-50%, 50%);
    -moz-transform-origin: 0 50%;
    -moz-transform: rotate(-90deg) translate(-50%, 50%);
    -ms-transform-origin: 0 50%;
    -ms-transform: rotate(-90deg) translate(-50%, 50%);
    -o-transform-origin: 0 50%;
    -o-transform: rotate(-90deg) translate(-50%, 50%);
    transform-origin: 0 50%;
    transform: rotate(-90deg) translate(-50%, 50%);
    font-family: Open Sans;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal !important;
}

.rewards-ribbon a {
    color: #fff;
    text-decoration: none;
}
.rewards-ribbon a:hover {
    color: #fff;
    text-decoration: none;
}

#modal-box-social-buttons {
    background: url("../images/rewardssocial2/dls-pattern.gif");
}


#modal-box-social-buttons .logo {
    text-align: center;
    padding: 25px;
}

#modal-box-social-buttons .logo img {
    width: 100%;
}

#modal-box-social-buttons .static-content {
    position: relative;
}
#modal-box-social-buttons .static-content .ribbon {
    position: absolute;
    width: 150px;
    height: 140px;
    top: 0;
    left: 0;
    background: url("../images/rewardssocial2/dls-ribbon.png") no-repeat;
}

#modal-box-social-buttons .static-content .rewards-image {
    text-align: center;
    margin-top: -14px;
}

#modal-box-social-buttons .static-content .rewards-image img {
    display: block;
    margin: 15px auto 30px;
    width: 46px;
    height: auto;
}

#modal-box-social-buttons .static-content .spaced-title {
    font-family: "Lobster", cursive;
    text-align: center;
    font-size: 30px;
    color: rgba(217,85,61,1);
    margin-top: 0;
    padding: 0 50px;
    margin-bottom: 0;
}

#modal-box-social-buttons .static-content .spaced{
    padding: 0 35px;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #000;
}

#modal-box-social-buttons .static-content .spaced-link{
    padding: 0 35px;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
    color: #000;
}

#modal-box-social-buttons .static-content .spaced-link a{
    padding: 8px 10px;
    border: 1px solid #ebebeb;
    color: #8d8d8d;
    font-weight: bold;
}

#modal-box-social-buttons .static-content .spaced-link a:hover{
    color: #fff;
    border-color: #cb503e;
    background-color: #cb503e;
}

#modal-box-social-buttons .ribbon-line,
#modal-box-social-buttons .ribbon-line  + p { text-align: center; padding: 0 1rem; }
#modal-box-social-buttons .ribbon-line:after {

}

.sweettooth-social-buttons > div {
    width: 76%;
    margin: 0 auto;
}

.sweettooth-social-buttons{
    margin-top: 22px;
}


#modal-box-social-buttons .ribbon-line {
    position: relative;
}
#modal-box-social-buttons .ribbon-line:before {
    content: "";
    position: absolute;
    width: 90%;
    height: 2px;
    border-bottom: 1px dashed slategray;
    bottom: 9px;
    left: 5%;
}
#modal-box-social-buttons .ribbon-line span {
    background-color: #f4e8d2;
    z-index: 1000;
    position: relative;
    padding: 0 0.4rem;
}

.sweettooth-social-buttons + p {
    margin-top: 2rem;
    text-align: center;
}

#modal-box-social-buttons .sweettooth-social-buttons p {
    background-image: url("../images/rewardssocial2/dls-twitter-like.png");
    background-repeat: no-repeat;
    background-size: 42px;
    line-height: 50px;
    padding-left: 3rem;
}
#modal-box-social-buttons .sweettooth-social-buttons span {
    display: inline-block;
    font-weight: 400;
}
#modal-box-social-buttons .sweettooth-social-buttons p span:first-child {
    font-family: "Lobster", cursive;
    color: #3d3d3d;
    font-size: 16px;
    width: 46%;
    padding-left: 15px;
    text-align: left;
}

#modal-box-social-buttons .sweettooth-social-buttons p span:nth-child(2) {
    width: 10%;
    text-align: left;
    font-weight: bold;
    color: #000;
}

#modal-box-social-buttons .sweettooth-social-buttons p span:last-child {
    width: 40%;
    text-align: left;
    padding-left: 15px;
    border: 1px solid #ebebeb;
    line-height: 30px;
    color: #000;
    font-weight: bold;
}

#modal-box-social-buttons .sweettooth-social-buttons b{
    font-size: 16px;
}

.sweettooth-twitter-tweet b,
.sweettooth-twitter-follow b{
    color: #1da1f2;
}

.sweettooth-facebook-like b,
.sweettooth-facebook-share b{
    color: #3b5998;
}

.sweettooth-pinterest-pin b{
    color: #bd081c;
}

.sweettooth-refer-friends b{
    color: #629cb1;
}

#modal-box-social-buttons .sweettooth-refer-friends:hover p span:last-child,
#modal-box-social-buttons .sweettooth-social-button:hover p span:last-child {
    border-color: #cb503e;
    background-color: #cb503e;
    color: #fff;
}

#modal-box-social-buttons .sweettooth-refer-friends:hover p span:last-child b,
#modal-box-social-buttons .sweettooth-social-button:hover p span:last-child b {
    color: #fff;
}

#modal-box-social-buttons .sweettooth-social-buttons span span {
    color: #a8a6a1;
    font-weight: 200;
}

#modal-box-social-buttons .sweettooth-twitter-tweet p {
    background-image: url("../images/rewardssocial2/dls-twitter-retweet.png");
}
#modal-box-social-buttons .sweettooth-twitter-tweet:hover p {
    background-image: url("../images/rewardssocial2/dls-twitter-share-hover.png");
}
#modal-box-social-buttons .sweettooth-twitter-follow p {
    background-image: url("../images/rewardssocial2/dls-twitter-like.png");
}
#modal-box-social-buttons .sweettooth-twitter-follow:hover p {
    background-image: url("../images/rewardssocial2/dls-twitter-retweet-hover.png");
}
#modal-box-social-buttons .sweettooth-facebook-like p {
    background-image: url("../images/rewardssocial2/dls-fb-like.png");
}
#modal-box-social-buttons .sweettooth-facebook-like:hover p {
    background-image: url("../images/rewardssocial2/dls-facebook-like-hover.png");
}
#modal-box-social-buttons .sweettooth-facebook-share p {
    background-image: url("../images/rewardssocial2/dls-fb-share.png");
}
#modal-box-social-buttons .sweettooth-facebook-share:hover p {
    background-image: url("../images/rewardssocial2/dls-facebook-shares-hover.png");
}
#modal-box-social-buttons .sweettooth-refer-friends p {
    background-image: url("../images/rewardssocial2/dls-refer-a-friend.png");
}
#modal-box-social-buttons .sweettooth-refer-friends:hover p {
    background-image: url("../images/rewardssocial2/dls-refer-a-friend-hover.png");
}
#modal-box-social-buttons .sweettooth-pinterest-pin p {
    background-image: url("../images/rewardssocial2/dls-pintrest-share.png");
}
#modal-box-social-buttons .sweettooth-pinterest-pin:hover p {
    background-image: url("../images/rewardssocial2/dls-pinterest-pin-hover.png");
}

#modal-box-social-buttons a:hover { text-decoration: none; color: #464646; cursor: pointer; }
#modal-box-social-buttons { background-color: #fff; height: 100%; }

#modal-box-social-buttons,
#facebook-like-modal { display: none; }

/*  480px breakpoint  */
@media only screen and (max-width: 27em) {
	.product-view .btn-cart { display: block; 	width: 100%; }
    .product-view .frame.size-select .option-box .radio-checkbox-text span:first-child {
        font-size: 12px;
    }
    .product-view .frame.size-select .option-box .radio-checkbox-text span:last-child {
        font-size: 11px;
    }
    .ribbon-from-price span:first-child { font-size:12px; }
    .ribbon-from-price span:last-child { font-size:16px; margin-top:0; }
}


/*  668px breakpoint  */
@media only screen and (max-width: 667px) {
	h1 { font-size: 18px; }
	h2 { font-size: 16px; }
	h3 { font-size: 16px; }

    #header .logo { margin: 0; text-align: center; margin-top: -30px; }
    #header .logo a img { width: 100%; position: relative; bottom: -42px; max-width: 170px; }

    #header-nav-container { border-width: 2px; }

    .nav.second-nav #nav-box li { display: none; }
    .nav.second-nav #nav-box li.cart { display: block; padding-top: 21px; }
    #nav.second-nav > ul > li.level0 { float: left; }
    #header .cart .count .qty { line-height: 20px; }
    #nav.second-nav > ul > li:first-child > a { padding-right: 10%; line-height: 22px;  }
    #header .cart .count { top: -7px; right: -2px; }

    #slider-container { display: none; }
    .mobile-usp-slider img { width: 100%; }

    .mobile-usp-slider { position: relative; }

    .mobile-usp-slider .slider { position: relative; }


    .mobile-usp-slider .usp { position: absolute; bottom: 0; margin-bottom: 7px; background-color: rgba(0,0,0,0.3); width: 100%; padding: 1em 0; color: #fff; }
    .mobile-usp-slider .usp li { padding-left: 24px; text-transform: uppercase; line-height: 26px; }
    .mobile-usp-slider .usp li:before { font-family: FontAwesome, sans-serif; content: "\f00c"; left: 4px; position: absolute; font-size: 15px; }

    .mobile-usp-slider .fancybox-media { margin-top: 1em; max-width: initial; }
    .mobile-usp-slider iframe { width: 100%; }

    #mobile-nav-trigger {
        margin-top: 14px;
        width: 63%;
        height: 45px;
        max-width: 35px;
        position: relative;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }

    #mobile-nav-trigger span {
        display: block;
        position: absolute;
        height: 4px;
        width: 100%;
        background: rgba(217,85,61,1);
        border-radius: 0;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        -o-transition: .35s ease-in-out;
        transition: .35s ease-in-out;
    }

    #mobile-nav-trigger span:nth-child(1) { top: 15px; }
    #mobile-nav-trigger span:nth-child(2),
    #mobile-nav-trigger span:nth-child(3) { top: 23px; }
    #mobile-nav-trigger span:nth-child(4) { top: 31px; }
    .pageOpen #mobile-nav-trigger span:nth-child(1) { top: 18px; width: 0%; left: 50%; }
    .pageOpen #mobile-nav-trigger span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .pageOpen #mobile-nav-trigger span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .pageOpen #mobile-nav-trigger span:nth-child(4) { top: 18px; width: 0%; left: 50%; }

    #site-menu {
        display: block;
        background-color: #fdfaf6;
        width: 230px;
        padding: 15px;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        z-index: 1000;
        -webkit-transform: translate(-230px,0px);
        -moz-transform: translate(-230px,0px);
        -o-transform: translate(-230px,0px);
        -ms-transform: translate(-230px,0px);
        transform: translate(-230px,0px);
        -moz-transition: -moz-transform .2s ease;
        -o-transition: -o-transform .2s ease;
        -webkit-transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
    }
    #site-menu.headerOpen {
        -webkit-transform: translate(0px,0px);
        -moz-transform: translate(0px,0px);
        -o-transform: translate(0px,0px);
        -ms-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
    #page,
    #nav-container,
    #breadcrumbs-container,
    #header-container,
    .search-box{ -moz-transition: -moz-transform .2s ease; -o-transition: -o-transform .2s ease; -webkit-transition: -webkit-transform .2s ease; transition: transform .2s ease; }

    #page.pageOpen,
    #breadcrumbs-container.pageOpen,
    #header-container.pageOpen,
    .search-box.pageOpen { -webkit-transform: translate(230px,0px); -moz-transform: translate(230px,0px); -o-transform: translate(230px,0px); -ms-transform: translate(230px,0px); transform: translate(230px,0px); }
    #menu-content { height: 100%; overflow-y: auto; overflow-x: hidden; color: #fff; }

    .pageOpen .exit-off-viewport { -webkit-backface-visibility: hidden; transition: background 300ms ease; cursor: pointer; display: block; position: absolute; background: rgba(255, 255, 255, 0.4); top: 0; bottom: 0; left: 0; right: 0; z-index: 1002; -webkit-tap-highlight-color: transparent; }

    #menu-content i { font-size: 20px; margin-right: 8px; }
    #menu-content h2 { font-weight: 800; font-size: 18px; padding-bottom: 0.5em; border-bottom: 1px solid #f0e4d0; }
    #menu-content ul { list-style: none; margin: 0; padding: 0; }
    #menu-content li > a {  line-height: 32px; font-size: 17px; display: block; position: relative;  }
    #menu-content li > span {
        color: #808080;
        padding-left: 14px;
        line-height: 32px;
        font-size: 17px;
        display: block;
        position: relative;
    }
    #menu-content ul > li.level0 > a,
    #menu-content ul > li.level1 > a { padding-left: 14px; }

    #menu-content ul > li.level0 > a:before { font-family: FontAwesome, sans-serif; content: "\f0da"; left: 0; position: absolute; font-size: 16px; }

    #menu-content ul > li > a.open:before { content: "\f0d7"; }
    #menu-content ul.level0 { display: none; }

    #menu-content .block > a:after,
    #menu-content li.level0.parent > a:after { font-family: FontAwesome, sans-serif; content: "\f054"; right: 0; position: absolute; }
    #menu-content li.level0.parent > a:after { content: "\f078"; }
    #menu-content li.level0.parent > a.open:after { content: "\f077"; }


    #menu-content .level0 .level1 { padding-left: 15px; }
    #menu-content > h2 { text-align: center; margin-top: 0; }
    #menu-content .block h3 { border-bottom: 1px solid #303030; margin-bottom: 0; }
    #menu-content .button { color: #000; line-height: 46px; height: 46px; }
    #menu-content .button span {   position: relative; }
    #menu-content .block > a.button:after { content: none; }
    #menu-content .button span:before { font-family: FontAwesome, sans-serif; content: "\f054"; left: -18px; position: absolute; }

    #header .phone-number { position: absolute; left: 60px; font-size: 26px; top: 27px; z-index: 1000000;  }
    #header .phone-number a { color: rgba(217,85,61,1); }

    /* Homepage */
    #homepage-category-container .product-item .product-name h2 { display: none; }
    #homepage-category-container .gallery-link { float: none; width: 100%; display: block; text-align: center; }
    #homepage-category-container .gallery-link span { width: initial; line-height: 40px; text-align: center; margin: 0;  }
    #homepage-category-container .gallery-link i { position: initial; }

    #hexagon-container { margin-top: 1em; padding: 0; }
    #hexagon-container .grid-container,
    #hexagon-container .grid-container > div { padding: 0; }
    #hexagon-grid { padding: 0; list-style: none; }
    #hexagon-grid li { width: 100%; margin: 0; }
    #hexagon-grid li > div { padding: 1em; }
    #hexagon-grid li:nth-child(1) > div { background-color: #5ca4c3; }
    #hexagon-grid li:nth-child(2) > div { background-color: #f4e7d2; }
    #hexagon-grid li:nth-child(3) > div { background-color: #d9553d; }
    #hexagon-grid li:nth-child(1) h2, #hexagon-grid li:nth-child(1) p, #hexagon-grid li:nth-child(3) h2, #hexagon-grid li:nth-child(3) p { color: #f4e7d2; }
    #hexagon-grid li .border { border: 1px solid; padding: 4px 8px; }

    #hexagon-grid a:hover { text-decoration: none; }

    #hexagon-grid .button-hexagon:after { font-family: FontAwesome, sans-serif; content: "\f054"; right: 5px; position: absolute; }

    #usp-container .usp li:first-child,
    #usp-container .usp li:nth-child(2) { background: none; }

    #usp-container .usp li:before {
        font-family: FontAwesome, sans-serif;
        content: "\f00c";
        left: 4px;
        position: absolute;
    }

    #usp-container .grid-33 { margin: 0; }

    #review-slider .review q { min-height: 30px; }
    #feedback-container h2 { text-align: center;  }

    #brand-slider-container h2 { margin: 0; margin-top: 0.83em; }
    #brand-slider li img { -webkit-filter: none; filter: none; }

    #review-slider .review {  padding: 0; }
    #review-slider .review:nth-child(n+3) { display: none; }
    #brand-slider li { text-align: center; }
    #brand-slider li:nth-child(n+3) { display: none; }
    #feedback .controls,
    #brand-slider-container .controls { display: none; }

    /* End Homepage */

    /* Product page */
    .image-title-description,
    .product-choice { display: none; }

    .preview-image { margin: 0; padding: 0 20%; background-color: #fff;  }
    .preview-image:before { content: initial; }

    .preview-image.fixed { position: fixed; z-index: 100000; top: 0; left: 0; padding: 2% 20%; width: 100%; background-color: #fff; }
    .preview-image.fixed { -webkit-box-shadow: 0px 3px 2px -1px rgba(50, 50, 50, 0.75);
        -moz-box-shadow:    0px 3px 2px -1px rgba(50, 50, 50, 0.75);
        box-shadow:         0px 3px 2px -1px rgba(50, 50, 50, 0.75); }

    .product-view .option dt > label { padding-left: 0; }
    .product-view .option.fieldset-wrapper-1:nth-child(n+2) dt { text-align: left; width: 24%; }
    .product-view .option.fieldset-wrapper-1:nth-child(n+2) dd { width: 72%; }

    .product-view .symbol-fonts .show-lr { display: none; }

    .data-table.qty-box {
        width: 100%;
    }

    .complicated-configurator { display: none; }

    .product-woven-logo-labels .complicated-configurator { display: block; }

    .product-woven-logo-labels #product-options-wrapper,
    .product-woven-logo-labels .product-options-bottom { display: none; }

    .product-woven-logo-labels .preview-image { width: 100% !important; padding: 0; }
    .product-woven-logo-labels .special-woven-overlay { display: none; }

    .product-logo-hang-tag .preview-image { display: none; }

    .add-to-cart button.create-another-label {
        padding: 0;
        line-height: initial;
        height: initial;
        background-color: transparent;
        color: #7f7f7f;
        text-transform: none;
        text-align: left;
        padding: 4px 10px;
        border: 1px solid;
        width: initial;
        margin-top: 1em;
    }
    .button.create-another-label:before { content: ""; }

    /* Option name */
    .product-view .option dt > label { font-size: 14px; }
    .product-view .option dt .bt-stack { margin-left: 1em; }

    .hexagon li.swatch { width: 17.5%; }
    .hexagon .swatch:nth-child(11) { margin-left: 1.2%; }

    .product-view .fonts-box .category { width: 100%;  }
    .product-view .fonts-box .category-items li { width: 100%; display: block; }
    .product-view .category-items:before,
    .product-view .category-items:after { content: initial; }

    .product-view .category:nth-child(10n+1),
    .product-view .category, .product-view .selected-colors li { margin: 0; }
    .product-view .fonts-box .category { padding: 0; }

    .product-view .category,
    .product-view .selected-colors li { width: 100%; }
    .product-view .category > .wrapper-color { display: none; }

    .mobile-slider .controls { top: 95px; z-index: 1000;     font-size: 80px; }
    .mobile-slider .controls.prev { left: 0; }
    .mobile-slider .controls.next { right: 0; }
    .mobile-slider .number-slides { position: absolute; right: 14%; }

    .product-view .category-items li { width: 22.376%; }

    .preview-image.care-label { height: 130px; }
    .preview-image.care-label img { max-height: none; width: initial; max-width: 100px; }
    .preview-image.care-label img {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: absolute;
        right: 0;
        left: 0;
        margin: 0 auto;
        top: -36%;
    }
    .preview-image.care-label { display: none; }
    .preview-image.fixed.care-label { display: block; background-color: #E2E2E2; }

    .product-care-label .product-view .selected-colors li { width: 20%; }

    .preview-image.fixed + .product-view { margin-top: 4.5em; }

    .product-view .symbol-fonts .show-lr,
    .closeSlider,
    .custom-slider { display: none; }

    .product-view .fonts-box li {
        display: none;
        width: 46%;
    }

    .product-view .fonts-box ul.page-1 li:nth-child(-n+8) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-2 li:nth-child(n+8):nth-child(-n+15) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-3 li:nth-child(n+16):nth-child(-n+23) {
        display: inline-block;
    }

    .product-view .fonts-box ul.page-4 li:nth-child(n+24):nth-child(-n+31) {
        display: inline-block;
    }
    .product-view .fonts-box ul.page-5 li:nth-child(n+32):nth-child(-n+39) {
        display: inline-block;
    }
    .product-view .fonts-box ul.page-6 li:nth-child(n+40):nth-child(-n+47) {
        display: inline-block;
    }

    /* END Product page */

    .cart .shoppingcart-container { display: none; }
	.cart .shoppingcart-title span { display: none;  }
	.cart .block-cart {text-align: right; }
	.cart .block-cart .shoppingcart-title i { font-size: 2em; padding: 10px; background-color: #daefff; }
	.cart .block-cart .shoppingcart-title i.fa-cart-arrow-down { color: #0061ae; }

    #content-container { margin-top: 0; }
    .checkout-twopage-onestep #content-container, .checkout-twopage-twostep #content-container, .checkout-cart-index #content-container,
    .catalog-product-view #content-container,
    .customer-account-create #content-container,
    .customer-account-login #content-container,
    .cms-page-view #content-container { margin-top: 30px; }

	#header { padding: 0; }
	#breadcrumbs-container { border-top: none; }
	.breadcrumbs ul li { display: none; }
	.breadcrumbs ul li:nth-last-child(2),
	.breadcrumbs ul li:last-child { display: inline-block; max-width: 90%; overflow: hidden; max-height: 27px; }
	.breadcrumbs ul li:nth-last-child(2) span { display: none;  }
	.breadcrumbs ul li:nth-last-child(2) a:after { content: "\f053"; font-family: FontAwesome, sans-serif; }
	.breadcrumbs ul li:after { content: ""; }

	/* CART */
	.cart-table.data-table tbody tr:nth-child(odd):last-child,
	.cart-table.data-table tr th, .data-table tr td  { border: none; }

	.cart-table colgroup, .cart-table thead {
        display: none;
	}
	.cart-table .product-cart-info .btn-remove {
        float: right;
        margin: -4px 0 2px 7px;
	}
	.cart-table .product-cart-image .product-image img {
        max-width: 100%;
        width: 100%;
	}

	.cart-table .product-cart-image {
        padding-left: 0;
        padding-right: 0;
	}

	.cart-table .product-cart-image {
        width: 30%;
        float: left;
        padding-bottom: 0;
	}
	.cart-table .product-cart-info, .cart-table td[data-rwd-label] {
        float: right;
        width: 70%;
	}
	.cart-table .product-cart-remove, .cart-table .product-cart-total, .cart-table .product-cart-actions .cart-links,
	.cart-table .product-cart-actions .button { display: none; }

	.cart-table .product-cart-actions .qty { text-align: center; width: 3em; }

	.data-table tr td.cart-footer-actions { padding: 10px 0; }

	.cart-collaterals .cart-right-column { float: none; width: 100%; margin-bottom: 20px; }
	.cart-collaterals .cart-right-column .totals { padding: 0; }
	.cart-collaterals .cart-left-column { display: none; }

    #payment_form_authorizenet > li > * {
        float: none;
    }
    #payment_form_authorizenet > li > label {
        width: 100%;
    }
    #payment_form_authorizenet > li > .input-box {
        width: 100%;
    }

    #footer-contact-container img { display: none; }
    #footer-contact-container .contact-form .buttons-set button { width: 100%; }

    .cms-product-tips .std .item h2 + img,
    .cms-gallery .std .item h2 + img { display: none; }
    .cms-gallery .brand-labels.gallery > *:not(.cycle-gallery),
    .cms-gallery .care-labels.gallery > *:not(.cycle-gallery),
    .cms-gallery .hangtags.gallery > *:not(.cycle-gallery),
    .cms-gallery .size-labels.gallery > *:not(.cycle-gallery)  { display: none; }
    .cms-gallery #gallery-container { background: transparent; margin: 0; }
    .cms-gallery #gallery-container > .grid-container { padding: 0; }

    .std .grid-25 .item h2 { font-size: 20px; }

    .std .grid-25 .item.open:after { left: 1.3%; }

    .gallery-control.controls { top: 20%; z-index: 1000; font-size: 80px; }
    .gallery-control.controls.prev { left: 0; }
    .gallery-control.controls.next { right: 0; }

    #product-tips .grid-15 { width: 100%; max-width: 250px; margin: 0 auto; float: none; }
    .label-slider.grid-container {  display: none; }

    #gallery-container .care-labels.gallery .container { display: none; }

    .compare-table td:first-child { width: 100%;  min-height: 44px;    display: inline-block; }
    tfoot a.button.main-cta.small { height: auto; line-height: 22px; }
    tfoot a.button.main-cta.small:after { content: ""; }

    #products-list.size-popular-labels .hexagon,
    #products-list.size-popular-labels .hexagon:last-child { padding: 1.2em 1em; padding-top: 1.2em; min-height: 335px; }
    #products-list.size-popular-labels .hexagon li:last-child { margin-bottom: 1em; }
    #products-list.size-popular-labels .grouped-items-table input { padding: 0; }
    #products-list.size-popular-labels .product-item .grid-20 { min-height: inherit; }

    #products-list.size-popular-labels .data-table tr th,
    #products-list.size-popular-labels .data-table tr td { padding: 5px 2px; }

    #gallery-container .size-labels.gallery .products-container .button { margin-top: 0; width: 100%; }

    .cms-order-your-free-samples h1 { font-size: 20px; }
    .cms-order-your-free-samples .grid-20 { float: none; width: 100%; }
}

@media only screen and (min-width: 668px) {

    #header { height: 88px; }

    #header .cart:hover .cart-box { display: block; }

    #hexagon-grid li {
        position:relative;
        list-style-type:none;
        width: 27.25714285714286%; /* = (100-2.5) / 3.5 */
        padding-bottom: 31.0105575717585%; /* =  width /0.866 */
        display:inline-block;
        overflow:hidden;
        visibility:hidden;
        -webkit-transform: rotate(-60deg) skewY(30deg);
        -ms-transform: rotate(-60deg) skewY(30deg);
        transform: rotate(-60deg) skewY(30deg);
    }
    #hexagon-grid li { margin: 0 2% 4% 3%; }

    #hexagon-grid > li > * { position: absolute; visibility:visible; }
    #hexagon-grid li > div {
        width:100%;
        height:100%;
        text-align:center;
        color:#fff;
        overflow:hidden;
        -webkit-transform: skewY(-30deg) rotate(60deg);
        -ms-transform: skewY(-30deg) rotate(60deg);
        transform: skewY(-30deg) rotate(60deg);
    }

    #hexagon-grid li:nth-child(1) > div { background-color: #5ca4c3; }
    #hexagon-grid li:nth-child(2) > div { background-color: #f4e7d2; }
    #hexagon-grid li:nth-child(3) > div { background-color: #d9553d; }

    #hexagon-grid li > div > a { display: block; }
    #hexagon-grid li > div > a:hover { text-decoration: none; }
    #hexagon-grid li > div p { position: relative; margin-top: 10px; margin-bottom: 5px; padding: 0 2%; }
    #hexagon-grid li:nth-child(1) h2,
    #hexagon-grid li:nth-child(1) p,
    #hexagon-grid li:nth-child(3) h2,
    #hexagon-grid li:nth-child(3) p { color: #f4e7d2; }

    #hexagon-grid li:nth-child(2) h2 { color: #d9553d; }
    #hexagon-grid li:nth-child(2) p { color: #d9553d; }
    #hexagon-grid .button-hexagon { display: block; }

    .hide-on-desktop { display: none; }

	.cart .data-table tr th, .cart .data-table tr td { vertical-align: middle; border: none; }

	#breadcrumbs-container { margin-bottom: 20px; }

	.cart .btn-remove2,
	.cart .cart-links { display: none; }

	.cart .data-table tr th,
	.cart .data-table tr td { border-right: 0; }

	.cart #shopping-cart-table tbody {  }
	.cart #shopping-cart-table thead {  }
	.cart #shopping-cart-table tfoot {  }
	.cart #shopping-cart-table tbody tr:nth-child(odd):last-child { }

	.cart .data-table tbody tr td:last-child { }

	.cart .data-table tr td:nth-child(3),
	.cart .data-table tr td:nth-child(4) { width: 10%; }
	.cart .data-table tr td.product-cart-image { width: 12%; }
    .cart .data-table tr td.product-cart-image img { max-width: 100%; }
    .cart .data-table tr td.product-cart-remove a:first-child { margin-right: 6px; }
    .cart .data-table tr td.product-cart-remove a:hover { text-decoration: none; }
    .cart .data-table tr td.product-cart-remove a { font-size: 16px; }

	.cart .cart-links, .cart .checkout-types { margin-top: 0; }

	.cart .cart-table-wrapper { padding: 10px 0; }
	.cart .cart-collaterals { margin-top: 30px; }
	.cart .cart-collaterals.buttons { border-top: 1px solid #ebebeb; padding-top: 30px; margin-top: 0; }
	.cart-collaterals .cart-right-column { float: right; width: 32%; margin: 0 0 0 1%; }
	.cart-collaterals .cart-left-column { float: left; width: 66%; margin: 0 1% 0 0; }
	.cart-collaterals .cart-left-column button { max-width: 226px; }

	.cart .usp { 	padding-left: 2%; 	margin-top: 2%; }

	.cart .usp .box {
	border-bottom: 1px solid #dbdbdb;
	outline: 1px solid #f6f6f6;
	}
	.cart .usp .box {
	padding: 1% 8% 8% 8%;
	}

	.cart .usp .box-2 {
	margin-top: 10%;
	}
	.cart .usp .box-2 img { width: 100%; }
	.usp ul {
        list-style: none;
        padding: 30px 0;
        margin-top: 0;
        margin-bottom: 0;
	}
	.cart .usp li {
        float: none;
        width: 100%;
        line-height: 28px;
        margin-left: 0;
	}

    .product-view .product-essential,
    .product-view .product-collateral { margin-bottom: 20px; }

    .product-view .more-views { overflow: hidden; }
    .product-view .more-views .slide { width: 23.5%; float: left; margin-right: 2%; cursor: pointer;  }
    .product-view .more-views .slide:last-child { margin-right: 0; }

    .product-view .add-to-cart button { width: 37%; float: left; }
    .product-view .add-to-cart button:last-child { float: right; }

    .product-view .controls { display: none; }

	.product-shop .usp li:before { content: "\f00c"; color: #009e59; }

    .product-view .product-options .frame dt { margin-bottom: 2em; }

    .compare-table tbody tr {
        line-height: 20px;
    }
    .compare-table tbody td {
        padding-top: 0.7em;
        padding-bottom: 0.7em;
    }

    .compare-table td:nth-child(2) {
        width: 32%;
    }
    .compare-table td:last-child {
        width: 32%;
    }

    .cms-support .col2-right-layout .grid-70 { width: 42%;  margin-right: 28%; }

    #gallery-container .cycle-gallery.auto {  display: none; }
    #gallery-container a.fancybox img {
        height: auto;
        max-width: 100%;
        width: 100%;
    }
}

/*  769 <> 1024 px breakpoint  */
@media all and (min-width: 48em) and (max-width: 64em) {
    #absolute-header {  }
    #absolute-header .top-links a { padding: 0 2px; }

    #slider .product {  }
    #slider .product .product-image { float: left; }
    #slider .product .product-name { text-align: left; font-size: 16px; margin-bottom: 20px; }
    #slider .product .price-box { float: right; font-size: 100%; margin-bottom: 0; margin-top: 0; }
    #slider .product .action { position: absolute; bottom: 10px; right: 7px; }

    .welcome-text p { font-size: 15px; }
    .welcome-text p:last-child { font-size: 22px; }

    #nav ul li:first-child a { padding-left: 0; }
    #nav li.level0.parent > a:after { content: ""; }
    #nav li.level0.parent span { margin-right: 0; }



}

/*  1024 > px breakpoint  */

@media only screen and (min-width: 668px) {

    #site-menu,
    #mobile-menu {
        display: none;
    }

    #nav {
        height: 90px;
    }

    #header > .grid-40 {
        width: 42%;
    }

    #header .logo.grid-15 {
        -webkit-transition: all 750ms ease;
        -moz-transition: all 750ms ease;
        -ms-transition: all 750ms ease;
        -o-transition: all 750ms ease;
        transition: all 750ms ease;
        width: 16%;
        margin: -33px 0 0 0;
        text-align: center;
    }

    .f-nav #header .logo.grid-15 {
        margin: 0;
    }

    #header .logo a {
        height: 123px;
        position: relative;
        z-index: 10000;
        padding-top: 1px;
    }

    .cms-product-tips #header-nav-container,
    .cms-gallery #header-nav-container { margin-bottom: 2em; }

}


    /*  1382px breakpoint  */
@media only screen and (min-width: 86em) {


}

/*  1382px breakpoint  */
@media all and (min-width: 48em) and (max-width: 1210px) {
    #nav > ul > li > a { font-size: 12px; }

}


@media all and (min-width: 769px) and (max-width: 970px) {
    #nav.first-nav ul li:last-child,
    #nav.second-nav li:last-child { display: none; }

    #nav > ul > li > a { font-size: 12px; }

}

@media all and (max-width: 1024px) {
    .category-image.second {background-attachment: scroll; }

    #slider-container .slide .usp  { margin-top: 3vw; }
    #slider-container .slide .usp li:last-child { display: none; }

    #hexagon-grid h2 { font-size: 18px; }
    #hexagon-grid p { font-size: 12px; }
}


.product-view.configurable,
.product-view.grouped { margin-top: 4em; }

.preview-template img {
    width:300px;
}

.preview-template {
    float:left;
    margin:10px;
}

.production-notice { color: #d9553d; margin-top: 0; font-size: 16px; padding: 10px 0 14px 0; }
.production-notice .blue-check.bt-stack .bt-hexagon + i { font-size: 18px; }
.production-notice .bt-stack-sm { top: 6px; }

.yotpo-container {
    overflow: hidden;
    margin-top: 1rem;
    padding: 0;
}

.yotpo-display-wrapper.carousel-display-wrapper .carousel-arrows {
    position: absolute;
    top: 0;
    right: 0;
}

.yotpo-display-wrapper.carousel-display-wrapper .carousel-reviews-bottom-line {
    position: absolute;
    top: 0;
    right: 50px;
}

.aftership-tracking-view .rewards-ribbon {
    display: none;
}

.aftership-tracking-view #modal-box-social-buttons {
    display: block;
}

.aftership-tracking-view #modal-box-social-buttons .static-content .spaced,
.aftership-tracking-view #modal-box-social-buttons .static-content .spaced-title,
.aftership-tracking-view #modal-box-social-buttons .logo {
    padding-left: 0;
    padding-right: 0;
}

.aftership-tracking-view .sweettooth-social-buttons > div {
    width: 100%;
}

#login-box { display: none; }
.fancybox-inner #login-box .triangle-wrapper {
    position: relative;
    width: 100%;
    display: block;
    top: 0;
    padding: 0;
}
.fancybox-inner #login-box .triangle-wrapper:before {
    content: none;

}

.fancybox-inner #login-box .triangle-wrapper .block-login {
    border: 0;
}

.fancybox-inner #login-box .triangle-wrapper .no-account,
.fancybox-inner #login-box .triangle-wrapper .actions {
    padding: 0 30px;
}

.cart .crosssell .actions .button{ display: block; width: 100%; }
.cart .crosssell .actions .grid-100{ text-align: center; }

.sticky { position: relative; }
.sticky .product-preview.loading { opacity: 0.4; }
.sticky .spinner {
    width: 140px;
    height: 140px;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    top: 50%;
    margin-top: -70px;
    z-index: 101;
}

.product-preview .addto-button .disable-placeholder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
}

#checkout-payment-methods span.no-display.code-free{
    display: none;
}

@keyframes spinner {
    to {transform: rotate(360deg);}
}

.button__loader:before {
    content: '';
    box-sizing: border-box;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 5px;
    border-radius: 50%;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-top-color: #000;
    animation: spinner .5s linear infinite;
}

.vat_validation-messages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vat_validation-messages li {
    font-size: 0.75em;
    padding: 3px 10px 0 10px;
    margin-top: -3px;
}

.contains-errors {
    margin: 0 1.5rem 1rem;
    background-color: #f2cac3;
    color: #d9553d;
    border-radius: 10px;
    padding: 10px;
}

.contains-errors ul {
    margin: 0;
    padding-left: 15px;
}

.contains-errors li {
    text-align: center;
    list-style: none;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.contains-errors ul li {
    list-style: inherit;
    text-align: left;
}

#ul_swatch_23 li {
    margin: 0;
    width: calc(100% / 3);
}

#ul_swatch_23 li a {
    padding: 0 25px;
}

#ul_swatch_23 li a span {
    font-family: 'Exo', 'Helvetica', sans-serif;
    margin-top: 15px;
    font-size: 10px;
    text-transform: uppercase;
    color: #d9553d;
}

@media only screen and (min-width: 900px) {
    #ul_swatch_23 li a span {
        font-size: 15px;
    }
}

#ul_swatch_23 li a img {
    margin: -35px 0 -20px;
}

@media only screen and (min-width: 900px) {
    #ul_swatch_23 li a img {
        margin: -45px 0 -30px;
    }
}

#ul_swatch_23 li:nth-last-child(-n+4) {
    width: 25%;
}

#ul_swatch_23 li:nth-last-child(-n+4) a {
    padding: 0 20px;
}

#ul_swatch_23 li:nth-last-child(-n+4) a img{
    margin: -10px 0 -5px;
}

.yotpo-placeholder {
    min-height: 34px;
}