@charset "utf-8";
/*!
*  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
*  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/

@font-face {
    font-family: 'FontAwesome';
    src: url(//helixcontent4.com/fontawesome-webfont.woff2) format('woff2');
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

.checkout form div,
.checkout section.left > div,
.fa-ul > li {
    position: relative
}

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

.fa-li.fa-lg {
    left: -1.85714286em
}

.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right,
.pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-rotate-90 {
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-envelope:before {
    content: "\f0e0"
}

.fa-facebook:before {
    content: "\f09a"
}

.fa-facebook-official:before {
    content: "\f230"
}

.fa-instagram:before {
    content: "\f16d"
}

.fa-twitter:before {
    content: "\f099"
}

.fa-youtube-play:before {
    content: "\f16a"
}

.fa-star:before {
    content: "\f005"
}

.fa-star-o:before {
    content: "\f006"
}

.fa-close:before,
.fa-remove:before,
.fa-times:before {
    content: "\f00d"
}

.fa-phone:before {
    content: "\f095"
}

.fa-caret-down:before {
    content: "\f0d7"
}

.fa-circle-o-notch:before {
    content: "\f1ce"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

* {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    text-decoration: none
}

html {
    height: 100%
}

body {
    background: #fffcf8;
    font-size: 14px;
    overflow-x: hidden
}

body.nooverflow {
    overflow: hidden
}

.chart.chart-v2 .chart-top .mattress-info .buttons a.action-save:hover,
body.white-layout {
    background-color: #fff
}

body.personalize-layout {
    background-color: #fffcf8
}

.left,
header .main-nav li,
header .sub-nav li {
    float: left
}

.right {
    float: right
}

.clear {
    clear: both;
    float: none
}

.hidden {
    display: none
}

h1,
h2,
h3,
h4 {
    font-size: 100%;
    font-weight: inherit
}

li {
    list-style-type: none
}

.table {
    display: table;
    width: 100%;
    height: 100%
}

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

.wrapper {
    max-width: 1500px;
    margin: 0 auto;
    position: relative
}

.centered {
    text-align: center
}

.middled {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    -moz-align-content: center;
    -ms-align-content: center
}

select::-ms-expand {
    display: none
}

.info-stripe {
    background: #71aed2;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 100%
}

.info-stripe .stripe-message {
    display: block;
    padding: 10px 0;
    line-height: 20px
}

.header-outer.rejuvenation-header header .logo.rejuvenation img.fixed-logo,
.header-outer.rejuvenation-header header .logo.rejuvenation img.mobile,
.info-stripe .btn-holder {
    display: none
}

.info-stripe.btn-included {
    color: #002d66;
    background-color: #fff9f4
}

.info-stripe.btn-included .stripe-holder {
    display: flex;
    width: 100%
}

.info-stripe.btn-included .stripe-message {
    margin-left: 155px;
    flex: calc(100% - 340px);
    padding: 10px 15px
}

.info-stripe.btn-included .btn-holder {
    position: relative;
    display: block;
    background-color: #002d66;
    font-weight: 700;
    flex: 155px;
    flex-shrink: 0
}

.info-stripe.btn-included .btn-holder .btn-shop {
    color: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.info-stripe.btn-included .btn-holder .btn-shop span {
    display: inline-block
}

.header-outer {
    width: 100%;
    height: 100px;
    padding-bottom: 15px;
    position: relative
}

.header-outer.abs {
    position: absolute
}

.header-outer.rejuvenation-header {
    padding-bottom: 0
}

.header-outer,
.header-outer.rejuvenation-header header,
.slider-helper li.active {
    background: #fff
}

.header-outer.rejuvenation-header header .logo:not(.rejuvenation) {
    display: none
}

.header-outer.rejuvenation-header header .logo.rejuvenation {
    display: block;
    padding: 38px 0
}

.header-outer.rejuvenation-header header .logo.rejuvenation img {
    width: auto;
    height: 24px
}

.header-outer:not(.rejuvenation-header) header .logo.rejuvenation {
    display: none
}

.wrapper-s,
.wrapper-sm,
.wrapper-sp {
    max-width: 1180px;
    margin: 0 auto;
    position: relative
}

.wrapper-sm,
.wrapper-sp {
    padding: 0 20px
}

header {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 0 40px;
    font-family: 'Roboto', sans-serif;
    background-color: transparent
}

header .logo {
    display: block;
    padding: 24px 0 5px;
    float: left
}

footer .logo img,
header .logo img {
    width: 31px;
    height: 31px;
    display: block;
    margin: 0 auto
}

header .logo span {
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #002d66;
    -webkit-font-smoothing: antialiased;
    line-height: 50px
}

header .sub-nav {
    padding-top: 20px;
    float: right
}

header .sub-nav li:not(:first-child) {
    margin-left: 16px
}

header .sub-nav li a {
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #71aed2
}

header .main-nav {
    float: right;
    clear: right;
    border-top: 1px solid #71aed2
}

header .main-nav li:not(:first-child) {
    margin-left: 24px
}

header .main-nav li a {
    display: block;
    font-size: 16px;
    line-height: 50px;
    font-weight: 700;
    color: #71aed2;
    -webkit-font-smoothing: antialiased
}

header .menu-toggle {
    display: none;
    float: right;
    margin-right: -20px;
    padding: 21px 17px;
    cursor: pointer
}

header .menu-toggle span {
    display: block;
    width: 26px;
    height: 2px;
    background: #002d66;
    transition: all 300ms
}

header .menu-toggle span:not(:last-child) {
    margin-bottom: 6px
}

header.menu-toggled {
    z-index: 112
}

.cart-menu,
header:before {
    width: 100%;
    background: #fff
}

header .mobile-nav,
header:before {
    position: absolute;
    left: -100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms, left 0ms 300ms
}

header:before {
    content: '';
    height: 100vh;
    top: 0
}

header .mobile-nav {
    top: 60px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px
}

header .mobile-nav li a {
    display: block;
    text-align: left;
    font-size: 22px;
    font-weight: 700;
    color: #002d66;
    line-height: 50px
}

header .mobile-nav li.smaller a {
    font-size: 18px;
    font-weight: 400;
    line-height: 42px
}

header.fixed {
    top: 0 !important;
    height: 60px;
    position: fixed;
    animation: header2-show 300ms;
    text-align: center;
    border-bottom: 1px solid #ffe3c9;
    background-color: #fff
}

header.fixed .logo {
    padding: 14.5px 0
}

footer.footer-hidden,
header.fixed .logo span {
    display: none
}

header.fixed .sub-nav {
    padding-top: 0
}

header.fixed .main-nav li a,
header.fixed .sub-nav li a {
    line-height: 60px
}

header.fixed .main-nav {
    clear: none;
    float: none;
    display: inline-block;
    border-top-width: 0
}

@keyframes header2-show {
    0% {
        transform: translate3d(0, -100%, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.cart-menu {
    display: block;
    position: fixed;
    max-width: 360px;
    height: calc(100% - 60px);
    z-index: 40;
    right: 0;
    top: 60px;
    -webkit-transform: translate3d(360px, 0, 0);
    transform: translate3d(360px, 0, 0);
    transition: all .2s ease-in-out
}

.cart-menu.header-fixed {
    top: 50px;
    height: calc(100% - 50px)
}

.cart-menu .cart-menu-inner {
    overflow-x: hidden;
    overflow-y: auto
}

.cart-menu h2 {
    height: 61px;
    line-height: 61px;
    border-bottom: 1px solid #ffd7d0;
    font-size: 20px;
    padding: 0 25px;
    color: #002d66;
    position: relative;
    font-family: 'Roboto', sans-serif;
    text-transform: none;
    width: 100%;
    max-width: 350px;
    margin-bottom: 0
}

.cart-menu h2 i {
    float: right;
    padding-right: 35px;
    line-height: 54px;
    cursor: pointer;
    font-size: 24px
}

.cart-menu .cart-scroll {
    height: calc(100% - 62px);
    overflow: auto
}

.cart-menu.has-items .cart-scroll {
    height: calc(100% - 122px)
}

.cart-menu .cart-subitem {
    padding: 10px 25px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    line-height: 30px;
    display: none
}

.cart-menu .cart-subitem .subitem-part {
    float: left
}

.cart-menu .cart-subitem .subitem-part.right {
    float: right
}

.cart-menu.has-items .cart-subitem,
.cart-menu.has-items a.cart-checkout,
footer .logo {
    display: block
}

.cart-menu a.cart-checkout {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #ff7357;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.cart-menu ul {
    position: relative;
    padding-bottom: 10px
}

.cart-menu .cart-subitem,
.cart-menu ul li,
footer .logo span {
    text-transform: uppercase;
    color: #002d66
}

.cart-menu ul li {
    font-family: 'Roboto', sans-serif;
    padding: 5px 0;
    border-bottom: 1px solid #ffd7d0;
    font-size: 12px;
    letter-spacing: 1px
}

.cart-menu ul li.no-items {
    padding-left: 25px;
    padding-right: 25px;
    line-height: 40px;
    border-bottom: 0
}

.cart-menu ul li .item-row {
    line-height: 40px;
    padding: 0 25px;
    color: #002d66;
    font-size: 14px
}

.cart-menu ul li .item-row.row-info {
    font-size: 12px
}

.cart-menu .cart-subitem:after,
.cart-menu ul li .item-row:after,
.cart-menu ul li:after {
    clear: both;
    display: block;
    content: ''
}

.cart-menu ul li .item-row .row-delete {
    float: right;
    line-height: 40px;
    cursor: pointer
}

.cart-menu ul li .item-row .row-part,
footer ul {
    float: left;
    width: 33.3%
}

.cart-menu ul li .item-row .row-part.w50 {
    width: 50%
}

.cart-menu ul li .item-row .row-part.righted {
    float: right;
    text-align: right
}

.cart-menu ul li .item-row span.minus,
.cart-menu ul li .item-row span.plus {
    background: #f6f6f6;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 0;
    vertical-align: middle;
    line-height: 17px;
    text-align: center;
    color: #b0b0b0;
    cursor: pointer;
    margin: 0 5px;
    transition: all 300ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cart-menu ul li .item-row span.minus:hover,
.cart-menu ul li .item-row span.plus:hover {
    background: #b0b0b0;
    color: #fff
}

.cart-menu ul li.inverted {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.cart-menu ul li.inverted .item-row {
    border-bottom: 0;
    border-top: 1px solid #ffd7d0
}

.cart-menu-open {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

footer {
    background: #fffcf8 url(//helixcontent1.com//footer-bg.png) no-repeat left 60% bottom 30px;
    padding: 50px 40px;
    font-family: 'Roboto', sans-serif;
}

footer .logo {
    float: right;
    padding: 14px 0 10px;
    text-align: center
}

footer .logo span {
    font-size: 21px;
    letter-spacing: 5px;
    -webkit-font-smoothing: antialiased;
    line-height: 40px
}

footer .copyright {
    clear: both;
    font-size: 11px;
    color: #516481
}

footer .copyright a {
    display: inline-block;
    text-transform: uppercase;
    color: #516481;
    text-decoration: underline;
    margin-left: 10px
}

footer ul {
    width: 160px
}

footer ul li a {
    display: block;
    font-size: 13px;
    line-height: 20px
}

footer ul.social li a {
    display: inline-block;
    text-decoration: none;
    font-size: 32px;
    margin: 0 10px;
    vertical-align: top
}

footer ul.social li a img {
    display: block;
    width: 32px;
    height: 32px
}

.image-slider,
.image-slider > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.image-slider > div {
    background: center center/cover no-repeat;
    opacity: 0;
    transition: opacity 500ms
}

.image-slider > div.active {
    opacity: 1
}

.slider-helper {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 4
}

.slider-helper li {
    list-style-type: none;
    width: 12px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(255, 255, 255, .6);
    margin: 0 2px;
    transition: all 300ms
}

.home-hero {
    padding-bottom: 44%;
    position: relative;
    border-bottom: 1px solid #ffe3c9
}

.home-hero .image {
    position: absolute;
    width: 66%;
    height: 100%;
    top: 0;
    right: 0
}

.home-hero .image .hero-1 {
    background-image: url(//helixcontent1.com//page/hp-hero-1.jpg)
}

.home-hero .image .hero-2 {
    background-image: url(//helixcontent1.com//page/hp-hero-2.jpg)
}

.home-hero .image .hero-3 {
    background-image: url(//helixcontent1.com//page/hp-hero-3.jpg)
}

.home-hero .side {
    position: absolute;
    width: 34%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 130px 15px 0;
    box-sizing: border-box
}

.home-hero .side .side-inner {
    height: 100%;
    text-align: center;
    position: relative
}

.home-hero .side .side-inner .title {
    font-size: 27px
}

.home-hero .side .side-inner .btn-outer {
    position: absolute;
    top: 50%;
    margin-top: -90px;
    left: 0;
    width: 100%;
    text-align: center
}

.home-hero .side .side-inner .financing {
    padding-top: 15px;
    font-family: 'Roboto', sans-serif;;
    font-size: 12px;
    color: #516481;
    line-height: 18px
}

.faqs .faqs-content .question-list li p a,
.home-hero .side .side-inner .financing a,
footer ul li a {
    color: #002d66;
    text-decoration: underline
}

.home-hero .side .side-inner .financing img,
.slider-helper li {
    display: inline-block;
    height: 12px
}

.home-hero .side .side-inner .side-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.home-hero .side .side-inner .side-footer .side-logo {
    padding-bottom: 20px
}

.home-hero .side .side-inner .side-footer ul {
    text-align: center;
    font-size: 0;
    padding-bottom: 20px
}

.home-hero .side .side-inner .side-footer ul li {
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    padding: 0 15px
}

.home-hero .side .side-inner .side-footer ul li:not(:last-child):after {
    position: absolute;
    content: '';
    top: 50%;
    right: 0;
    margin-top: -9px;
    height: 18px;
    width: 2px;
    background: #ffe3c9
}

input[type=button],
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.btn-blue,
.btn-orange {
    font-size: 15px;
    cursor: pointer
}

.btn-orange {
    display: inline-block;
    height: 46px;
    background: #ff7357;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    transition: all 300ms;
    line-height: 48px;
    padding: 0 15px
}

.btn-orange.nobord,
.forms form .group ul li input[type=checkbox] + label span {
    border-radius: 0
}

.btn-orange:hover {
    background: #ff4925
}

.btn-orange.btn-bigger {
    padding: 0 25px;
    height: 56px;
    line-height: 58px
}

.btn-orange.btn-sized {
    min-width: 200px;
    text-align: center
}

.btn-blue {
    line-height: 20px;
    padding: 14px 15px 12px;
    background: #002d66
}

.btn-blue:hover {
    background: #ff4925
}

.btn-blue.btn-bigger {
    padding: 0 70px;
    height: 56px;
    line-height: 58px
}

.btn-blue,
.btn-gray,
.btn-white {
    display: inline-block;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    color: #fff;
    transition: all 300ms
}

.btn-gray {
    background: gray;
    cursor: pointer;
    line-height: 20px;
    padding: 14px 15px 12px;
    font-size: 15px
}

.btn-gray:hover {
    background: #676767
}

.btn-white {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    border: 1px solid #fff;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 900;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.btn-white:hover {
    background: #fff;
    color: #002d66
}

.space110 {
    height: 110px;
    clear: both
}

.space80,
.space90 {
    height: 90px;
    clear: both
}

.space80 {
    height: 80px
}

.space50,
.space60 {
    height: 60px;
    clear: both
}

.space50 {
    height: 50px
}

.space30,
.space40 {
    height: 40px;
    clear: both
}

.space30 {
    height: 30px
}

.space10,
.space20 {
    height: 20px;
    clear: both
}

.spacer {
    height: 1px;
    background: #ffe3c9
}

.width33 {
    width: 32%
}

.width50 {
    width: 49%
}

.width66 {
    width: 65%
}

.mimage,
.width100 {
    width: 100%
}

.mimage {
    display: block
}

.about-list li:after,
.box-list:after,
.faqs:after,
.partners:after,
.review:after {
    content: '';
    clear: both;
    display: block
}

.box-list > li {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    padding: 20px 30px
}

.box-list > li .icon {
    padding-bottom: 30px
}

.box-list > li .icon img {
    height: 105px
}

.box-list > li .icon img#factory-svg {
    height: 185px;
    margin: -40px 0
}

.box-list > li h3 + .icon {
    padding-top: 10px
}

.box-list > li > img {
    padding-bottom: 40px
}

.box-list > li p,
.box-list > li ul {
    font-family: 'Roboto', sans-serif;;
    font-size: 15px;
    line-height: 30px
}

.box-list > li ul {
    padding-top: 20px;
    line-height: 24px
}

.box-list > li:not(:last-child),
.orders-table thead td:not(:last-child) {
    border-right: 1px solid #ffe3c9
}

.box-list.noborder > li {
    border-right-width: 0
}

.partners li {
    width: 16.6%;
    float: left;
    box-sizing: border-box;
    border: 1px solid #fff;
    text-align: center;
    padding: 2%;
    background-color: #e5e5e5;
    line-height: 80px;
    transition: all 300ms
}

.partners li:nth-child(6n) {
    width: 17%
}

.partners li:hover {
    background-color: #c2c2c2
}

.partners li a {
    display: block
}

.partners li a img {
    vertical-align: middle;
    max-width: 80%;
    max-height: 70px
}

.partners li:nth-child(1) a img {
    width: 50%
}

.partners li:nth-child(2) a img {
    width: 66%
}

.partners li:nth-child(5) a img {
    width: 40%
}

.partners li:nth-child(8) a img,
.partners li:nth-child(9) a img {
    width: 60%
}

.partners li:nth-child(11) a img {
    width: 41%
}

.partners li:nth-child(12) a img {
    width: 70%
}

.blue-bar {
    background: #002d66;
    padding: 50px 0;
    text-align: center
}

.blue-bar p {
    font-size: 19px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 700
}

.blue-bar p a {
    color: #fff;
    border-bottom: 1px solid #fff
}

.blue-bar p a:hover {
    border-bottom-width: 2px
}

.review {
    border-bottom: 1px solid #ffe3c9;
    position: relative
}

.review .review-details {
    width: 50%;
    float: left;
    padding: 40px 60px;
    box-sizing: border-box
}

.review .review-details .review-bio {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;;
    padding-bottom: 10px
}

.review .review-details .review-title {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 30px;
    letter-spacing: 1px
}

.review .review-details p {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 30px
}

.review .review-details .see-more-reviews {
    color: gray;
    font-family: 'Roboto', sans-serif;;
    letter-spacing: 1px;
    text-transform: uppercase
}

.review .review-image {
    width: 50%;
    float: left;
    height: 330px;
    background: url(//helixcontent1.com//page/hp-reviews.jpg) no-repeat center center/cover
}

.see-the-mattress {
    background: url(//helixcontent1.com//page/hp-mattress.jpg) no-repeat center center/cover;
    height: 500px;
    position: relative
}

.hero-image {
    height: 500px;
    background: center center/cover no-repeat;
    padding: 30px;
    position: relative;
    box-sizing: border-box;
    text-align: center
}

.hero-image.hero-image-personalize {
    background-image: url(//helixcontent1.com//page/personalize-hero.jpg)
}

.hero-image.hero-image-about {
    background-image: url(//helixcontent1.com//page/about-hero.jpg)
}

.hero-image.hero-image-faq {
    background-color: #002d66
}

.hero-image.hero-image-review {
    background-image: url(//helixcontent1.com//page/reviews-hero.jpg)
}

.hero-image p {
    font-size: 30px;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .8)
}

.hero-image p a {
    text-decoration: none;
    color: #fff
}

.personalize-gif {
    padding: 30px 0
}

.personalize-gif img {
    max-width: 900px;
    width: 100%;
    display: block;
    margin: 0 auto
}

.how-list li:not(:last-child) {
    padding-bottom: 75px
}

.how-list li .num {
    font-size: 40px;
    font-weight: 700;
    padding-bottom: 15px
}

.how-list li p {
    font-size: 16px;
    max-width: 900px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;;
    line-height: 24px;
    padding-bottom: 30px
}

.how-list li .image img {
    display: block;
    width: 100%
}

.about-list {
    border-top: 1px solid #ffe3c9
}

.about-list li .text {
    float: left;
    width: 50%;
    height: 530px;
    text-align: center;
    box-sizing: border-box;
    padding: 60px
}

.about-list li .text p {
    font-size: 19px;
    line-height: 27px
}

.about-list li .text p:not(:last-child) {
    padding-bottom: 10px
}

.about-list li .image {
    float: left;
    width: 50%;
    background: center center/cover no-repeat;
    height: 530px;
    position: relative
}

.about-list li:nth-child(2n) .text {
    float: right
}

.about-list li:nth-child(1) .image {
    background-image: url(//helixcontent1.com//page/about-personalize-2.jpg)
}

.about-list li:nth-child(2) .image {
    background-image: url(//helixcontent1.com//page/about-quality.jpg)
}

.about-list li:nth-child(3) .image {
    background-image: url(//helixcontent1.com//page/about-experience.jpg)
}

.about-list li:nth-child(4) .image {
    background-image: url(//helixcontent1.com//page/about-founders.jpg)
}

.faqs .faqs-menu {
    float: left;
    width: 32%;
    box-sizing: border-box;
    padding: 0 60px;
    border-right: 1px solid #ffe3c9
}

.faqs .faqs-menu li a {
    display: block;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    color: gray;
    line-height: 36px;
    letter-spacing: 1px;
    transition: all 300ms
}

.checkout .checkout-form .country-switch li a.active,
.checkout .checkout-form .country-switch li a:hover,
.faqs .faqs-menu li a.active,
.faqs .faqs-menu li a:hover,
.reviews .review-testimonial > li a {
    color: #002d66
}

.faqs .faqs-menu li a.active,
.static a {
    font-weight: 700
}

.faqs .faqs-content {
    margin-left: 34%
}

.faqs .faqs-content .faq-title {
    font-size: 24px;
    padding-bottom: 30px
}

.faqs .faqs-content .question-list li {
    padding-bottom: 25px;
    letter-spacing: .6px
}

.faqs .faqs-content .question-list li h2 {
    border-bottom-width: 0;
    margin-bottom: 10px;
    cursor: pointer
}

.faqs .faqs-content .question-list li.active h2 {
    border-bottom-width: 1px
}

.faqs .faqs-content .question-list li p {
    font-size: 17px;
    display: none;
    line-height: 24px
}

.static {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 0
}

.static h1 {
    font-size: 23px;
    letter-spacing: 5px;
    font-family: 'Roboto', sans-serif;;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

.static h2 {
    padding-top: 40px
}

.static address,
.static ol,
.static p,
.static ul {
    font-size: 16px;
    line-height: 24px;
    padding-bottom: 15px
}

.affirm-popup-bg.variation-new .affirm-popup .features li .title span,
.static p ol,
.static p ul {
    padding-bottom: 0
}

.static a {
    text-decoration: underline;
    color: #002d66
}

.static img {
    max-width: 50%;
    float: left
}

.static ol li {
    list-style-type: decimal;
    margin-left: 35px;
    padding-left: 10px
}

.static ol li:not(:last-child) {
    padding-bottom: 5px
}

.shop-hero {
    position: relative;
    border-bottom: 1px solid #ffe3c9;
    min-height: 600px
}

.shop-hero .image {
    position: absolute;
    width: 66%;
    height: 100%;
    top: 0;
    left: 0;
    min-height: 600px
}

.shop-hero .image .image-slider {
    height: calc(100% - 100px)
}

.shop-hero .image .hero-1 {
    background-image: url(//helixcontent1.com//page/shop-hero-v1.jpg)
}

.shop-hero .image .hero-2 {
    background-image: url(//helixcontent1.com//page/shop-hero-v2.jpg)
}

.shop-hero .image .hero-3 {
    background-image: url(//helixcontent1.com//page/shop-hero-v3.jpg)
}

.shop-hero .image .hero-4 {
    background-image: url(//helixcontent1.com//page/shop-hero-v4.jpg)
}

.shop-hero .image .slider-helper {
    bottom: 5px
}

.shop-hero .image .slider-helper li {
    list-style-type: none;
    display: inline-block;
    height: 80px;
    width: 100px;
    background: no-repeat center center/cover;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 0
}

.shop-hero .image .slider-helper li:nth-child(1) {
    background-image: url(//helixcontent1.com//page/shop-hero-v1.jpg)
}

.shop-hero .image .slider-helper li:nth-child(2) {
    background-image: url(//helixcontent1.com//page/shop-hero-v2.jpg)
}

.shop-hero .image .slider-helper li:nth-child(3) {
    background-image: url(//helixcontent1.com//page/shop-hero-v3.jpg)
}

.shop-hero .image .slider-helper li:nth-child(4) {
    background-image: url(//helixcontent1.com//page/shop-hero-v4.jpg)
}

.shop-hero .side {
    margin-left: 68%;
    padding: 40px 20px 40px 0;
    box-sizing: border-box
}

.shop-hero .side .side-inner {
    height: 100%;
    text-align: center;
    position: relative
}

.shop-hero .side .side-inner .price {
    font-size: 26px;
    padding-bottom: 15px
}

.shop-hero .side .side-inner h3 {
    font-size: 20px;
    line-height: 26px
}

.shop-hero .side .side-inner ul {
    padding: 10px 0 25px
}

.shop-hero .side .side-inner ul:last-child {
    padding: 25px 0 0;
    display: none
}

.shop-hero .side .side-inner ul li {
    text-align: left;
    line-height: 30px;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;;
    position: relative;
    padding: 5px 0 5px 20px
}

.shop-hero .side .side-inner ul li:before {
    position: absolute;
    content: '';
    top: 16px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #002d66;
    border-radius: 50%
}

.shop-hero .side .side-inner .select-size {
    float: left;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.shop-hero .side .side-inner .selected-size {
    float: right;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.shop-hero .side .side-inner .select-info {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;;
    padding-top: 20px
}

.shop-hero .side .side-inner table {
    border-spacing: 0;
    width: 100%;
    padding: 5px 0 30px
}

.shop-hero .side .side-inner table tr td a {
    display: block;
    border: #ffe3c9 1px solid;
    font-family: 'Roboto', sans-serif;
    padding: 13px 15px;
    font-size: 14px;
    color: #002d66;
    transition: all 300ms
}

.shop-hero .side .side-inner table tr td a.selected,
.shop-hero .side .side-inner table tr td a:hover {
    color: #fff;
    background: #002d66
}

.shop-hero .side .side-inner table tr td:not(:first-child) a {
    border-left-width: 0
}

.shop-hero .side .side-inner table tr:not(:first-child) td a {
    border-top-width: 0
}

.shop-value-image {
    max-width: 980px;
    display: block;
    margin: 0 auto;
    padding: 0 30px
}

.block-order h2 {
    font-family: 'Roboto', sans-serif;;
    font-size: 28px;
    font-weight: 500;
    border-bottom: none;
    max-width: 480px;
    line-height: 40px;
    text-transform: none;
    margin-bottom: 0
}

.block-order p {
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    max-width: 800px;
    margin: 0 auto;
    color: gray
}

.block-order .social {
    text-align: center;
    font-size: 0;
    margin: 0
}

.block-order .social li,
.personalize-flow > li .steps > li .inline-step.displayed {
    display: inline-block
}

.block-order .social li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.block-order .social li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
}

.block-order .social a {
    color: #002d66;
    background: #fff;
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 22px;
    transition: all 300ms
}

.block-order .social a:hover {
    background: #ff7357;
    color: #fff
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.account {
    padding: 50px 20px
}

.account .login {
    max-width: 400px;
    margin: 0 auto;
    text-align: center
}

.account .login h3 {
    margin-top: 20px;
    font-size: 30px
}

.account .login label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

.account .login input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 0 12px;
    box-sizing: border-box;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.account .login .login-info {
    padding-top: 20px;
    font-size: 18px;
    line-height: 25px;
    border-top: 1px solid #ffe3c9;
    color: gray;
    margin-top: 30px
}

.account .login .error {
    color: #ab2828;
    font-size: 15px
}

.account .login .error:not(:empty) {
    padding-top: 30px
}

.account .login p {
    font-size: 16px;
    padding-bottom: 15px;
    letter-spacing: 1px
}

.order-history {
    text-align: center
}

.order-history h2 {
    margin-bottom: 0
}

.orders-table {
    margin-bottom: 30px;
    width: 100%;
    border-spacing: 0;
    font-family: 'Roboto', sans-serif;
}

.orders-table thead td {
    color: #002d66;
    font-size: 17px;
    text-transform: uppercase;
    padding: 10px 15px
}

.orders-table tbody tr {
    cursor: pointer
}

.orders-table tbody td {
    padding: 10px 15px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #ffe3c9;
    line-height: 22px
}

.orders-table tbody td .tracking-code {
    display: inline-block;
    width: 180px;
    background-color: transparent;
    font-size: 16px;
    height: 22px;
    cursor: pointer;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.checkout .suggestions li:hover,
.orders-table tbody tr.active td {
    background: #ffe3c9
}

.checkout h3 {
    font-size: 30px;
    text-align: left
}

.checkout section.left {
    padding: 0 60px 60px;
    text-align: left;
    width: 66%;
    box-sizing: border-box
}

.checkout section.review {
    width: 34%;
    float: right;
    box-sizing: border-box
}

.checkout section.review .review-inner {
    padding-left: 60px;
    padding-right: 30px
}

.checkout div.left {
    margin-right: 2%
}

.checkout div.left.margin-r-0,
.checkout div.right {
    margin-right: 0
}

.checkout .discount-info {
    font-size: 15px
}

.checkout .discount-info.errored {
    color: #e84242
}

.checkout .suggestions {
    position: absolute;
    width: 100%;
    border: 1px solid #ffe3c9;
    box-sizing: border-box;
    display: none;
    background: #fffcf8;
    z-index: 20;
    padding: 5px 0
}

.checkout .suggestions li {
    padding: 8px 15px;
    color: #002d66;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms
}

.checkout,
.checkout input[type=submit],
.reviews .hero img {
    width: 100%
}

.checkout .billing-info {
    padding-bottom: 30px
}

.checkout .review {
    border-bottom: none
}

.checkout .review p {
    font-size: 16px;
    color: #002d66
}

.checkout .order-item p,
.checkout .review .checkout-note {
    margin-bottom: 10px
}

.checkout .review .checkout-note a {
    color: gray;
    font-size: 16px;
    font-family: "Caslon";
    font-style: italic;
    font-weight: 400;
    text-transform: initial
}

.checkout .order-item {
    border-bottom: 1px solid #ffe3c9;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.checkout .order-item:last-child {
    border-bottom: none
}

.checkout .order-item .delete {
    float: right;
    cursor: pointer;
    line-height: 22px;
    width: 22px;
    text-align: center
}

.checkout .order-item .checkout-order {
    font-family: 'Roboto', sans-serif;
    width: 100%
}

.checkout .order-item .checkout-order td:first-of-type {
    text-transform: uppercase
}

.checkout .order-item .checkout-order td:last-of-type {
    color: gray;
    font-style: italic;
    text-align: right
}

.checkout .order-item .checkout-order select {
    width: auto;
    height: 25px;
    text-align: center;
    float: right
}

.checkout .order-item .checkout-order .checkout-order-select {
    position: relative
}

.checkout .order-item .checkout-order .checkout-order-select:after {
    font-family: FontAwesome;
    font-size: 10px;
    color: #ffe3c9;
    content: "\f078";
    display: block;
    pointer-events: none;
    position: absolute;
    top: 7px;
    right: 8px
}

.checkout .checkout-total {
    background: #ffe3c9;
    margin: 0 auto;
    padding-left: 0
}

.checkout .checkout-total > li {
    line-height: 40px;
    overflow: hidden;
    padding: 0 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px
}

.checkout .checkout-total > li:not(:first-child) {
    border-top: #ff7357 1px solid
}

.checkout .checkout-submit.processing {
    background: #ff4925
}

.checkout .process-error {
    color: #e84242;
    font-size: 16px;
    font-family: 'AkkuratPro';
    padding-top: 20px;
    display: none
}

.checkout .process-error:not(:empty) {
    display: block
}

.reviews .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 244px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.reviews .reviews-head h1 {
    font-size: 60px;
    text-align: center;
    padding-top: 40px
}

.reviews .reviews-head p {
    font-size: 24px;
    text-align: center
}

.reviews .review-testimonial {
    padding-top: 40px;
    padding-bottom: 60px
}

.personalize-flow:after,
.personalized-mattress::after,
.reviews .review-testimonial::after {
    content: '';
    clear: both;
    display: block
}

.reviews .review-testimonial > li {
    float: left;
    width: 33.33%;
    padding: 0 20px;
    box-sizing: border-box
}

.reviews .review-testimonial > li p {
    height: 140px;
    font-size: 26px;
    text-align: center;
    font-style: italic;
    -webkit-font-smoothing: antialiased;
    max-width: 320px;
    margin: 0 auto;
    padding-bottom: 15px
}

.reviews .review-testimonial > li img {
    display: block;
    width: 300px;
    max-width: 100%;
    margin: 0 auto
}

.reviews .yotpo {
    min-height: 500px
}

.discount-popup-bg {
    position: fixed;
    top: 0;
    left: -1000%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    z-index: 120;
    transition: opacity 300ms 300ms, left 0ms 600ms
}

.discount-popup-bg .discount-popup {
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
    opacity: 0;
    background: #fff url(//helixcontent1.com//page/reviews-hero.jpg) no-repeat center center/cover;
    height: 400px;
    border: 3px solid #002d66;
    position: relative;
    -webkit-transform: translate3d(0, 600px, 0);
    -moz-transform: translate3d(0, 600px, 0);
    -ms-transform: translate3d(0, 600px, 0);
    -o-transform: translate3d(0, 600px, 0);
    transform: translate3d(0, 600px, 0);
    transition: all 500ms cubic-bezier(.1, .57, .1, 1)
}

.discount-popup-bg .discount-popup .close {
    position: absolute;
    top: -16px;
    right: -16px;
    background: #002d66;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    transition: all 300ms
}

.discount-popup-bg .discount-popup .close:hover {
    background: #000
}

.discount-popup-bg .discount-popup:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3)
}

.discount-popup-bg .discount-popup .discount-bottom {
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: calc(100% - 50px);
    text-align: center;
    color: #fff;
    font-family: 'Roboto', sans-serif;
}

.discount-popup-bg .discount-popup .discount-bottom .discount-title {
    font-size: 36px;
    font-weight: 700
}

.discount-popup-bg .discount-popup .discount-bottom .discount-subtitle {
    font-size: 28px;
    font-weight: 700
}

.discount-popup-bg .discount-popup .discount-bottom .discount-promo {
    background: #fff;
    color: #909090;
    padding: 15px 0;
    line-height: 30px;
    font-size: 20px;
    margin-top: 15px
}

.discount-popup-bg .discount-popup .discount-bottom .discount-promo span {
    display: inline-block;
    border: 2px solid #002d66;
    border-radius: 5px;
    color: #002d66;
    padding: 0 15px;
    margin: 0 10px
}

.discount-popup-bg.opened {
    opacity: 1;
    left: 0;
    transition: opacity 300ms, left 0ms
}

.discount-popup-bg.opened .discount-popup {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 500ms 300ms cubic-bezier(.1, .57, .1, 1)
}

.cart-page .cart-notice {
    color: #e84242;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px
}

.cart-page .cart-menu {
    max-width: none;
    position: static;
    margin-top: 20px;
    background: 0 0;
    transform: none
}

.cart-page .cart-menu .cart-item {
    padding: 30px 0
}

.cart-page table {
    width: 100%;
    text-align: right;
    padding-right: 50px;
    padding-left: 50px
}

.cart-page table tr {
    font-size: 12px;
    color: #002d66;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px
}

.cart-page table td,
.cart-page table th {
    font-size: 17px;
    padding: 25px 0;
    text-align: center;
    border-bottom: 1px solid #ffd7d0
}

.cart-page table td .fa-close,
.cart-page table th .fa-close {
    position: relative;
    cursor: pointer;
    color: gray;
    float: right
}

.cart-page table td img,
.cart-page table th img {
    width: 100%;
    max-width: 200px
}

.cart-page table tbody td {
    font-family: Caslon;
    font-size: 19px;
    text-transform: none
}

.cart-page table .price {
    width: 96px;
    display: inline-block
}

.cart-page table .item-qty span:first-child,
.cart-page table .item-qty span:last-child {
    background: #f6f6f6;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 0;
    vertical-align: middle;
    line-height: 17px;
    text-align: center;
    color: #b0b0b0;
    cursor: pointer;
    margin: 0 5px;
    transition: all 300ms;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.cart-page table .item-info {
    font-weight: 700;
    text-align: left
}

.cart-page table .item-info div {
    padding-top: 5px;
    font-weight: 300;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.cart-page table .item-info div p {
    max-width: 300px;
    margin-top: 15px
}

.cart-page .cart-order-total {
    text-align: right;
    margin-right: 110px;
    margin-top: 40px
}

.cart-page .cart-order-total span {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    text-transform: uppercase
}

.cart-page .cart-order-total span:last-child {
    padding-left: 40px;
    font-family: Caslon;
    font-size: 19px
}

.cart-page .cart-order-total span.subtotal {
    width: 96px;
    display: inline-block
}

.cart-page .cart-checkout {
    width: 210px;
    margin-right: 105px;
    margin-top: 30px;
    float: right
}

.personalized-mattress {
    padding-top: 60px
}

.personalized-mattress .image {
    float: right;
    width: 48%;
    height: 520px;
    background: url(//helixcontent1.com//home/personalized-mattress.jpg) no-repeat center center/cover
}

.personalized-mattress .detail {
    float: left;
    width: 52%;
    height: 520px;
    background: #fff9f4;
    padding: 50px 60px;
    box-sizing: border-box
}

.personalized-mattress .detail .icon {
    width: 80px;
    height: 80px;
    background: url(//helixcontent1.com//home/personalized-mattress-icon.png) no-repeat center center/80px auto
}

.personalized-mattress .detail .title {
    padding-top: 15px;
    font-size: 50px;
    line-height: 52px
}

.personalized-mattress .detail p {
    padding-top: 15px;
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 15px
}

.actsofsleep .actsofsleep-wrapper {
    max-width: 680px;
    margin: 0 auto;
    padding: 50px 35px
}

.actsofsleep .actsofsleep-header img {
    display: block;
    width: 100%
}

.actsofsleep .actsofsleep-header .actsofsleep-bar {
    background: #71aed2;
    font-family: 'Roboto', sans-serif;
    padding: 35px 20px;
    text-align: center;
    font-size: 24px;
    color: #fff9f4
}

.actsofsleep .actsofsleep-header .actsofsleep-bar h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 700
}

.actsofsleep p {
    font-size: 16px;
    line-height: 31px;
    color: #71aed2;
    font-family: 'Roboto', sans-serif;
}

.actsofsleep p:not(:last-child) {
    padding-bottom: 35px
}

@media (max-width: 768px) {
    .actsofsleep .actsofsleep-header .actsofsleep-bar {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .actsofsleep .actsofsleep-header .actsofsleep-bar h1 {
        font-size: 40px
    }
}

@media (max-width: 640px) {
    .actsofsleep .actsofsleep-wrapper {
        padding: 25px 20px
    }

    .actsofsleep .actsofsleep-header .actsofsleep-bar {
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 16px
    }

    .actsofsleep .actsofsleep-header .actsofsleep-bar h1 {
        font-size: 24px
    }
}

.personalize-progress-outer {
    height: 50px
}

body.personalize-fixed header {
    opacity: 0;
    pointer-events: none
}

.personalize-progress {
    height: 50px;
    border-bottom: 1px solid #ffe3c9;
    position: relative;
    text-align: center;
    background: #fffcf8;
    z-index: 105;
    font-size: 0
}

.personalize-progress.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.personalize-progress > div {
    height: 50px;
    color: #ff7357;
    font-size: 18px;
    vertical-align: middle
}

.personalize-progress > div,
.personalize-progress > div span {
    line-height: 50px;
    display: inline-block
}

.personalize-progress > div .bar {
    width: 200px;
    background: #ffe3c9;
    height: 10px;
    margin: 20px 10px;
    border-radius: 5px;
    overflow: hidden
}

.personalize-progress > div .bar .bar-inner {
    height: 100%;
    width: 0;
    background: #002d66
}

.personalize-flow {
    padding: 40px 0;
    text-align: center
}

.personalize-flow .editing {
    background: #ff7357;
    max-width: 640px;
    padding: 15px 20px;
    font-family: 'Roboto', sans-serif;;
    font-size: 15px;
    line-height: 25px;
    color: #fff;
    margin: 0 auto 30px;
    display: none
}

.personalize-flow .editing a {
    color: #fff;
    font-weight: 700;
    text-decoration: underline
}

.personalize-flow .personalize-help,
.personalize-flow .question-mark .mark-tooltip-outer .mark-tooltip {
    border: 1px solid #ff7357;
    background-color: #fff;
    color: #002d66
}

.personalize-flow .personalize-help strong,
.personalize-flow .question-mark .mark-tooltip-outer .mark-tooltip strong {
    color: #ff7357
}

.personalize-flow .personalize-help {
    font-size: 17px;
    line-height: normal;
    padding: 10px 20px;
    border-radius: 5px;
    max-width: 700px;
    margin: 13px auto 10px
}

.personalize-flow .intro {
    max-width: 800px;
    padding-bottom: 25px;
    font-size: 17px;
    margin: 0 auto
}

.personalize-flow > li {
    display: none
}

.personalize-flow > li:not(:last-child) {
    padding-bottom: 40px
}

.personalize-flow > li .steps > li.displayed,
.personalize-flow > li.displayed {
    display: block
}

.personalize-flow > li .steps > li {
    display: none;
    font-size: 30px;
    line-height: 45px;
    padding-bottom: 15px
}

.personalize-flow > li .steps > li .inline-step {
    display: none;
    vertical-align: top
}

.chart .chart-top .mattress .names li div,
.personalize-flow .personalize-data,
.personalize-flow .select .value span {
    display: inline-block
}

.personalize-flow .textbox {
    background: #fffcf8;
    border: 0;
    outline: 0;
    border-bottom: #ff7357 1px solid;
    border-radius: 0;
    color: #ff7357;
    height: 45px;
    padding: 0 10px;
    width: 250px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none
}

.personalize-flow .textbox::-webkit-inner-spin-button,
.personalize-flow .textbox::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.personalize-flow .textbox.smaller {
    width: 100px
}

.personalize-flow .select {
    position: relative
}

.personalize-flow .select .value {
    display: block;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    color: #ff7357;
    transition: color 300ms
}

.personalize-flow .select .value:after {
    position: absolute;
    content: '';
    bottom: 2px;
    left: 0;
    width: 100%;
    height: 0;
    border-top: 1px solid #ff7357;
    border-radius: 0;
    transition: background 300ms
}

.personalize-flow .select .value i {
    font-size: 15px;
    position: relative;
    top: -2px;
    margin-left: 5px
}

.personalize-flow .select .list-outer {
    position: absolute;
    bottom: 100%;
    left: -10000px;
    padding-bottom: 10px;
    z-index: 108;
    transition: left 0ms 300ms
}

.personalize-flow .select .list-outer .list {
    position: relative;
    background: #fffaf5;
    border: 1px solid #002d66;
    padding: 0;
    left: -50%;
    margin-bottom: 20px;
    opacity: 0;
    transition: opacity 300ms, margin 300ms
}

.personalize-flow .select .list-outer .list:after,
.personalize-flow .select .list-outer .list:before {
    position: absolute;
    content: '';
    border-top: 9px solid #002d66;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: 100%;
    left: 50%;
    margin-top: 1px;
    margin-left: -10px
}

.personalize-flow .select .list-outer .list:after {
    border-top: 9px solid #fffaf5;
    margin-top: 0;
    transition: all 300ms
}

.personalize-flow .select .list-outer .list ul li {
    line-height: 34px;
    color: #1d3263;
    text-align: left;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;;
    background: no-repeat 5px center;
    padding: 0 15px 0 40px;
    text-transform: none;
    list-style-type: none;
    cursor: pointer;
    white-space: nowrap;
    transition: all 300ms
}

.personalize-flow .select .list-outer .list ul li.selected,
.personalize-flow .select .list-outer .list ul li:hover {
    background-color: #1d3263;
    color: #fff
}

.personalize-flow .select .list-outer .list ul li.selected {
    background-image: url(//helixcontent1.com//tick.png)
}

.personalize-flow .select.last-hovered .list-outer .list:after {
    border-top-color: #002d66
}

.personalize-flow .select.bottomed .list-outer {
    bottom: auto;
    top: 100%;
    padding-top: 10px;
    padding-bottom: 0
}

.personalize-flow .select.bottomed .list-outer .list {
    margin-bottom: 0;
    margin-top: 20px
}

.personalize-flow .select.bottomed .list-outer .list:before {
    border-top-width: 0;
    border-bottom: 9px solid #002d66;
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 1px
}

.personalize-flow .select.bottomed .list-outer .list:after {
    border-top-width: 0;
    border-bottom: 9px solid #fffaf5;
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.personalize-flow .select.first-hovered .list-outer .list:after {
    border-bottom-color: #002d66
}

.personalize-flow .select.toggled .list-outer {
    left: 50%;
    transition: left 0ms
}

.personalize-flow .select.toggled .list-outer .list {
    opacity: 1;
    margin-bottom: 0;
    margin-top: 0;
    transition: opacity 300ms, margin 300ms
}

.personalize-flow .body-shape-list {
    font-size: 0;
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

.personalize-flow .body-shape-list > li {
    vertical-align: top;
    border: 1px solid #ffe3c9;
    display: inline-block;
    width: 220px;
    height: 250px;
    cursor: pointer;
    margin: 0 10px 20px;
    transition: all 300ms
}

.personalize-flow .body-shape-list > li img {
    display: block;
    margin: 0 auto;
    height: 200px
}

.personalize-flow .body-shape-list > li span {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    color: #002d66;
    text-align: center;
    padding: 5px 15px;
    line-height: normal;
    display: block
}

.personalize-flow .body-shape-list > li.active {
    background: #ffe3c9
}

.personalize-flow .radio-list {
    max-width: 600px;
    margin: 0 auto
}

.personalize-flow .radio-list li {
    border: 1px solid #ffe3c9;
    padding: 10px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;;
    color: #002d66;
    cursor: pointer;
    transition: all 300ms
}

.personalize-flow .radio-list li:not(:last-child) {
    margin-bottom: 10px
}

.personalize-flow .radio-list li:hover {
    background: #ffe3c9
}

.personalize-flow .radio-list li.active {
    background: #ff7357;
    border-color: #ff7357;
    color: #fff
}

.question-mark {
    display: inline-block;
    background: #002d66;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 18px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    position: relative
}

.question-mark .mark-tooltip-outer {
    position: absolute;
    bottom: 100%;
    left: 50%;
    height: 0;
    overflow: hidden
}

.question-mark .mark-tooltip-outer .mark-tooltip {
    position: relative;
    z-index: 5;
    background: #ff7357;
    left: -50%;
    width: 300px;
    border-radius: 5px;
    padding: 7px 15px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    opacity: 0;
    margin-bottom: -5px;
    overflow: hidden;
    height: 0;
    display: block
}

.question-mark.mark-tooltip-active .mark-tooltip-outer {
    height: auto;
    overflow: visible
}

.question-mark.mark-tooltip-active .mark-tooltip {
    height: auto;
    margin-bottom: 5px;
    opacity: 1;
    transition: height 100ms, opacity 300ms, margin-bottom 300ms
}

.shop-hero .question-mark {
    width: 20px;
    height: 20px;
    line-height: 23px;
    font-size: 15px
}

.shop-hero .question-mark .mark-tooltip {
    font-size: 14px
}

body.header-fixed .chart .chart-box {
    position: fixed;
    top: 70px
}

.chart .chart-box {
    display: none;
    position: absolute;
    right: 0;
    border: 1px solid #ffe3c9;
    border-right: none;
    width: auto;
    top: 30px;
    z-index: 15;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    text-align: center;
    color: #002d66
}

.chart .chart-box .name {
    padding: 20px 10px 10px;
    border-bottom: none;
    font-size: 26px;
    line-height: 40px
}

.chart .chart-box .name span {
    color: #ff7357;
    display: block;
    font-size: 24px;
    line-height: 32px
}

.chart .chart-box .name span.mattress-price {
    font-weight: 700
}

.chart .chart-box .btn-orange {
    border-radius: 0;
    text-align: center;
    font-size: 16px
}

.chart .chart-box ul li > a {
    display: block;
    box-sizing: border-box;
    margin: 0 10px;
    text-align: center
}

.chart .chart-box ul li > a.action-save {
    font-size: 16px;
    color: #002d66;
    margin: 20px 0
}

.chart .chart-box ul li > a.action-save,
.chart .chart-box ul li > a.action-save .save-copy,
.email-capture form ul li {
    position: relative;
    display: inline-block
}

.chart .chart-box .affirm-financing .learn-more:after,
.chart .chart-box ul li > a.action-save .save-copy:after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #002d66;
    bottom: 1px;
    left: 0
}

.chart .chart-box .affirm-financing {
    background-color: #fff9f4;
    font-size: 14px;
    text-transform: none;
    padding: 10px;
    line-height: 16px;
    max-width: 190px;
    cursor: pointer
}

.chart .chart-box .affirm-financing .learn-more {
    font-weight: 700;
    display: inline-block;
    position: relative;
    color: #002d66
}

.chart .chart-box .affirm-financing .learn-more:after {
    bottom: 0
}

.chart .chart-box.not-variation-new {
    display: block;
    position: absolute;
    top: 165px;
    right: 10px;
    background: #fffcf8;
    border: 1px solid #002d66;
    z-index: 15;
    width: 150px;
    font-family: 'Roboto', sans-serif;
}

.chart .chart-box.not-variation-new .btn-orange {
    font-size: 15px
}

.chart .chart-box.not-variation-new .name,
.chart .chart-box.not-variation-new a {
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #002d66;
    -webkit-font-smoothing: antialiased
}

.chart .chart-box.not-variation-new .name {
    color: #002d66;
    padding: 15px 10px 13px;
    font-size: 26px
}

.chart .chart-box.not-variation-new .name span {
    color: #ff7357;
    display: block;
    font-size: inherit;
    line-height: normal
}

.chart .chart-box.not-variation-new a {
    display: block;
    padding: 13px 15px 11px;
    margin: 0;
    font-size: 14px;
    font-weight: 700
}

.chart .chart-box.not-variation-new a.action-edit,
.chart .chart-box.not-variation-new a.action-save {
    background-color: #fff;
    color: #002d66;
    display: block
}

.chart .chart-box.not-variation-new a.action-save-new,
.chart .reviews-list ul > li p.full-review {
    display: none
}

.chart .chart-box.not-variation-new a.action-add {
    background-color: #ff7357;
    color: #fff
}

.chart .chart-box.not-variation-new .affirm-financing {
    padding: 10px 15px;
    font-size: 12px;
    line-height: 19px;
    color: #002d66;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    transition: all 300ms
}

.chart .chart-box.not-variation-new .affirm-financing.loaded,
.faq-detail-v2 .faq-content .faq-categories .category a.active::after,
.faq-v2 .faq-content .faq-categories .category a.active::after {
    opacity: 1
}

.chart.chart-v2 .chart-top {
    padding: 50px 0
}

@media (max-width: 1145px) {
    .chart.chart-v2 .chart-top {
        padding-bottom: 0
    }
}

.chart.chart-v2 .chart-top .mattress {
    float: left;
    width: 50%
}

.chart.chart-v2 .chart-top .mattress .names {
    top: 35%
}

.chart.chart-v2 .chart-top .mattress img {
    margin: 0 auto;
    max-height: 270px
}

@media (max-width: 980px) {
    .chart.chart-v2 .chart-top .mattress {
        float: none;
        width: auto;
        padding: 0 25px;
        display: inline-block
    }
}

.chart.chart-v2 .chart-top .mattress-outer {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center
}

.chart.chart-v2 .chart-top .mattress-info {
    position: absolute;
    left: 50%;
    top: 0%;
    width: 50%;
    height: 100%;
    text-align: left
}

.chart.chart-v2 .chart-top .mattress-info > div {
    max-width: 420px;
    margin: 0 0 0 auto
}

@media (max-width: 980px) {
    .chart.chart-v2 .chart-top .mattress-info {
        position: relative;
        left: auto;
        top: auto;
        width: auto;
        height: auto;
        padding: 0 25px 30px;
        max-width: 400px;
        margin: 0 auto
    }

    .chart.chart-v2 .chart-top .mattress-info > div {
        margin: 0 auto
    }
}

.chart.chart-v2 .chart-top .mattress-info .mattress-title {
    font-size: 40px
}

@media (max-width: 400px) {
    .chart.chart-v2 .chart-top .mattress-info .mattress-title {
        font-size: 30px
    }
}

.chart.chart-v2 .chart-top .mattress-info .mattress-rating {
    font-family: 'Roboto', sans-serif;;
    padding-top: 5px
}

.chart.chart-v2 .chart-top .mattress-info .mattress-rating .stars-holder {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    font-size: 16px;
    color: #ff7357
}

.chart.chart-v2 .chart-top .mattress-info .mattress-rating .stars-holder .stars-over {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap
}

.chart.chart-v2 .chart-top .mattress-info .mattress-price {
    padding: 20px 0
}

@media (max-width: 980px) {
    .chart.chart-v2 .chart-top .mattress-info .mattress-price {
        padding-bottom: 0
    }
}

.chart .chart-top .stats ul:after,
.chart .features:after,
.chart.chart-v2 .chart-top .mattress-info .mattress-price:after {
    content: '';
    clear: both;
    display: block
}

.chart.chart-v2 .chart-top .mattress-info .mattress-price .price {
    font-family: 'Roboto', sans-serif;;
    font-size: 40px;
    float: left;
    margin-right: 20px
}

.chart.chart-v2 .chart-top .mattress-info .mattress-price .affirm-financing {
    float: left;
    max-width: 170px;
    padding-top: 5px;
    font-family: 'Roboto', sans-serif;;
    cursor: pointer
}

.chart.chart-v2 .chart-top .mattress-info .buttons {
    padding-top: 15px;
    font-size: 0
}

.chart.chart-v2 .chart-top .mattress-info .buttons a {
    display: inline-block;
    width: 180px;
    height: 50px;
    font-family: 'Roboto', sans-serif;;
    line-height: 50px;
    font-size: 15px;
    text-transform: uppercase;
    background: #ff7357;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    margin-right: 15px;
    margin-bottom: 10px;
    transition: all 300ms
}

.chart.chart-v2 .chart-top .mattress-info .buttons a:hover {
    background-color: #ff4925
}

.chart.chart-v2 .chart-top .mattress-info .buttons a:last-child {
    margin-right: 0
}

@media (max-width: 1180px) {
    .chart.chart-v2 .chart-top .mattress-info .buttons a {
        width: 140px;
        height: 42px;
        line-height: 44px
    }
}

@media (max-width: 980px) {
    .chart.chart-v2 .chart-top .mattress-info .buttons a {
        width: calc(50% - 10px);
        margin: 0;
        font-size: 13px
    }

    .chart.chart-v2 .chart-top .mattress-info .buttons a:first-child {
        margin-right: 20px
    }
}

.chart.chart-v2 .chart-top .mattress-info .buttons a.action-save {
    background: #fffcf8;
    color: #002d66
}

.chart.chart-v2 .scroll-more {
    padding: 50px 20px 0;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;;
    text-align: center
}

@media (max-width: 1145px) {
    .chart.chart-v2 .scroll-more {
        display: none
    }
}

.chart .chart-top .stats .scroll span,
.chart.chart-v2 .scroll-more span {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 7px solid #002d66;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin: 3px 10px 0;
    vertical-align: top
}

.chart.chart-v2 .chart-top .stats {
    margin-top: 40px;
    max-width: 1000px
}

.chart.chart-v2 .chart-top .stats ul li .line {
    margin: 10px 58px
}

@media (max-width: 1145px) {
    .chart.chart-v2 .chart-top .stats {
        max-width: none
    }
}

@media (min-width: 1146px) {
    .chart.chart-v2 .chart-top .stats .scroll {
        display: none
    }
}

.chart .chart-top {
    position: relative;
    background: #d7d7d7;
    color: #002d66;
    padding: 30px 0
}

.chart .chart-top h1 {
    font-size: 50px;
    text-align: center
}

.chart .chart-top p.info {
    text-align: center;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    line-height: 40px;
    color: #b1acac
}

.chart .chart-top p.info span {
    margin: 0 10px;
    font-size: 26px;
    display: inline-block;
    vertical-align: top
}

.chart .chart-top p.info .name,
.chart.chart-v2 .scroll-more {
    color: #002d66;
    text-transform: uppercase
}

.chart .chart-top p.info .price,
.chart .reviews-list ul > li p a,
.checkout .checkout-summary ul li .help .help-inner a {
    color: #ff7357
}

.chart .chart-top .mattress {
    display: inline-block;
    margin: 40px 0;
    position: relative
}

.chart .chart-top .mattress img {
    display: block;
    max-width: 100%;
    max-height: 350px
}

.chart .chart-top .mattress .names {
    position: absolute;
    top: 40%;
    width: 100%;
    max-width: 90%;
    left: 0;
    right: 0;
    margin: 0 auto;
    white-space: nowrap
}

.chart .chart-top .mattress .names li {
    float: left;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;;
    position: relative;
    width: 50%;
    text-align: center
}

.chart .chart-top .mattress .names li span {
    display: inline-block;
    width: 15px;
    position: relative;
    padding-right: 20px;
    margin-right: 5px;
    color: transparent
}

.chart .chart-top .mattress .names li span:before {
    position: absolute;
    content: '';
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #002d66;
    right: 0;
    top: 5px
}

.chart .chart-top .mattress .names li:first-child:last-child {
    display: none
}

.chart .chart-top .mattress .names li:nth-child(2) {
    color: #ff7357
}

.chart .chart-top .mattress .names li:nth-child(2) span:before {
    background: #ff7357
}

.chart .chart-top .stats {
    border: 1px solid #002d66;
    background: #fffcf8;
    font-family: 'Roboto', sans-serif;;
    max-width: 1250px;
    margin: 0 auto
}

.chart .chart-top .stats ul li {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 15px 20px
}

.chart .chart-top .stats ul li:not(:last-child) {
    border-right: 1px solid #71aed2
}

.chart .chart-top .stats ul li .name {
    font-size: 17px;
    padding-bottom: 15px
}

.chart .chart-top .stats ul li .legend {
    font-size: 17px
}

.chart .chart-top .stats ul li .line {
    margin: 10px 75px;
    height: 1px;
    background: #002d66;
    position: relative
}

.chart .chart-top .stats ul li .line .circle {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #002d66;
    margin-top: -7px;
    margin-left: -7px
}

.chart .chart-top .stats ul li .line .circle.inverted,
.chart .stats-list > li .details .line .circle.inverted {
    margin-left: 0
}

.chart .chart-top .stats ul li .line .circle:nth-child(2),
.chart .stats-list > li .details .line .circle:nth-child(2) {
    background: #ff7357;
    margin-left: 0
}

.chart .chart-top .stats ul li .line .circle:nth-child(2).inverted {
    margin-left: -7px
}

.chart .chart-top .stats ul li .line .circle[data-value="1"],
.chart .stats-list > li .details .line .circle[data-value="1"] {
    left: 0%
}

.chart .chart-top .stats ul li .line .circle[data-value="2"],
.chart .stats-list > li .details .line .circle[data-value="2"] {
    left: 33%
}

.chart .chart-top .stats ul li .line .circle[data-value="3"],
.chart .stats-list > li .details .line .circle[data-value="3"] {
    left: 66%
}

.chart .chart-top .stats ul li .line .circle[data-value="4"],
.chart .stats-list > li .details .line .circle[data-value="4"] {
    left: 100%
}

.chart .chart-top .stats .scroll {
    border-top: 1px solid #71aed2;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    color: #ff7357;
    text-transform: uppercase;
    text-align: center
}

.chart h3.hnarrow {
    padding-left: 20px;
    padding-right: 20px
}

.chart .features {
    background: #002d66
}

.chart .features li {
    float: left;
    width: 33.33%;
    line-height: 80px;
    font-family: 'Roboto', sans-serif;;
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    padding-right: 30px
}

.chart .features li:first-child {
    text-align: left
}

.chart .features li:last-child,
.checkout .cart-items .cart-list thead td:last-child {
    text-align: right
}

.chart .features li .icon {
    display: inline-block;
    vertical-align: middle;
    height: 80px;
    width: 80px;
    background: no-repeat center center
}

.chart.chart-v2 .features ul {
    max-width: 1000px;
    margin: 0 auto
}

.chart.chart-v2 .features ul li {
    font-size: 18px
}

.chart .chart-content {
    padding: 80px 0
}

.chart .stats-list {
    padding-top: 100px;
    padding-bottom: 80px
}

.chart .feature-list > li,
.chart .stats-list > li {
    background: #fff;
    height: 520px;
    position: relative
}

.chart .feature-list > li:not(:last-child),
.chart .stats-list > li:not(:last-child) {
    margin-bottom: 50px
}

.chart .stats-list > li:nth-child(even) .details {
    margin-right: 0;
    margin-left: 50%
}

.chart .stats-list > li:nth-child(even) .images {
    right: auto;
    left: 0
}

.chart .stats-list > li .details {
    margin-right: 50%;
    padding: 30px
}

.chart .stats-list > li .details .name {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 10px
}

.chart .stats-list > li .details .desc {
    font-family: 'Roboto', sans-serif;;
    font-size: 15px;
    text-align: center;
    padding-bottom: 15px
}

.chart .stats-list > li .details .icon svg {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: block
}

.chart .stats-list > li .details .line {
    max-width: 340px;
    height: 1px;
    background: #002d66;
    margin: 50px auto;
    position: relative
}

.chart .stats-list > li .details .line .circle {
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #002d66;
    margin-top: -12px;
    margin-left: -12px
}

.chart .stats-list > li .details .line .circle:nth-child(2).inverted {
    margin-left: -12px
}

.chart .stats-list > li .details .infos {
    padding-top: 10px
}

.chart .feature-list > li .details ul.hovers:after,
.chart .stats-list > li .details .infos:after {
    content: '';
    clear: both;
    display: block
}

.chart .stats-list > li .details .infos li {
    float: left;
    width: 48%;
    font-family: 'Roboto', sans-serif;
}

.chart .stats-list > li .details .infos li:last-child {
    margin-left: 4%;
    color: #ff7357
}

.chart .stats-list > li .details .infos li:first-child:last-child {
    width: auto;
    text-align: center;
    color: #002d66;
    float: none;
    margin-left: 0
}

.chart .stats-list > li .details .infos li:first-child:last-child p {
    font-size: 18px;
    max-width: 400px;
    margin: 0 auto
}

.chart .stats-list > li .details .infos li .info-name {
    font-size: 20px;
    padding-bottom: 15px
}

.chart .stats-list > li .details .infos li p {
    font-size: 15px;
    line-height: 26px
}

.chart .stats-list > li .images {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #d7d7d7
}

.chart .stats-list > li .images li {
    position: relative;
    height: 50%;
    background: #335783
}

.chart .stats-list > li .images li .name {
    position: absolute;
    top: 45px;
    left: 35px;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;;
    color: #fff;
    text-transform: uppercase
}

.chart .stats-list > li .images li:last-child {
    background: #f17864
}

.chart .stats-list > li .images li:last-child:first-child {
    background: #d7d7d7;
    height: 100%
}

.chart .stats-list > li .images li:last-child:first-child .name {
    display: none
}

.chart .stats-list > li .images img {
    max-width: 100%;
    max-height: 90%;
    margin: 0 auto;
    display: block
}

.chart .feature-list {
    padding-top: 80px;
    padding-bottom: 80px
}

.chart .feature-list > li:nth-child(even) .details {
    margin-left: 0;
    margin-right: 50%
}

.chart .feature-list > li:nth-child(even) .image {
    left: auto;
    right: 0
}

.chart .feature-list > li .details {
    margin-left: 50%;
    padding: 50px;
    height: 100%;
    box-sizing: border-box;
    text-align: center
}

.chart .feature-list > li .details p {
    max-width: 400px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
}

.chart .feature-list > li .details h2:not(:first-child) {
    padding-top: 50px
}

.chart .feature-list > li .details ul.hovers {
    text-align: center;
    font-size: 0
}

.chart .feature-list > li .details ul.hovers li {
    display: inline-block;
    width: 140px;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;;
    color: rgba(0, 45, 102, .6);
    vertical-align: middle
}

.chart .feature-list > li .details ul.hovers li .icon {
    padding-top: 5px;
    padding-bottom: 20px
}

.chart .feature-list > li .details ul.hovers li .icon img {
    display: block;
    margin: 0 auto;
    width: 71px;
    height: auto;
    vertical-align: middle
}

.chart .feature-list > li .details ul.texts {
    position: relative
}

.chart .feature-list > li .details ul.texts li {
    position: relative;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms
}

.chart .feature-list > li .details ul.texts li:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.chart .feature-list > li .details ul.texts li.active,
.chart .feature-list > li ul.images li.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 2;
    transition: opacity 300ms
}

.chart .feature-list > li .image {
    background: #d7d7d7 no-repeat center center/cover
}

.chart .feature-list > li .image,
.chart .feature-list > li ul.images {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%
}

.chart .feature-list > li ul.images li {
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0ms 300ms
}

.chart .reviews-list {
    text-align: center
}

.chart .reviews-list ul {
    margin-top: 50px;
    border-top: 1px solid #ffe3c9
}

.chart .reviews-list ul > li {
    border-bottom: 1px solid #ffe3c9;
    padding: 40px 20px
}

.chart .reviews-list ul > li .stars {
    color: #ff7357;
    padding-bottom: 30px
}

.chart .reviews-list ul > li .date,
.chart .reviews-list ul > li .title {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    padding-bottom: 5px
}

.chart .reviews-list ul > li .date {
    font-size: 15px;
    color: #8f959c;
    padding-bottom: 30px
}

.chart .reviews-list ul > li p {
    font-size: 30px;
    max-width: 1100px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased
}

.chart .reviews-list ul > li .name {
    padding-top: 40px;
    font-size: 30px;
    color: #ff7357;
    padding-bottom: 5px;
    -webkit-font-smoothing: antialiased
}

.chart .reviews-list .more-reviews,
.chart .reviews-list ul > li .city {
    font-size: 15px;
    color: #8f959c;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.chart .reviews-list .more-reviews {
    margin-top: 70px;
    display: inline-block;
    width: 280px;
    height: 56px;
    line-height: 57px;
    border: 1px solid #002d66;
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
    color: #002d66;
    transition: all 300ms
}

.chart .reviews-list .more-reviews:hover {
    background: #002d66;
    color: #fff
}

.blended-popup-bg,
.save-popup-bg {
    position: fixed;
    z-index: 50;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    transition: opacity 300ms, left 0ms 300ms
}

.blended-popup-bg.opened {
    opacity: 1;
    left: 0;
    transition: opacity 300ms, left 0ms
}

.blended-popup-bg.opened .blended-popup,
.save-popup-bg.opened .save-popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.blended-popup-bg .blended-popup {
    background: #fffcf8;
    max-width: 600px;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #002d66;
    padding: 25px;
    position: relative;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 400ms cubic-bezier(.175, .885, .32, 1.275)
}

.blended-popup-bg .blended-popup h3 {
    font-weight: 700
}

.blended-popup-bg .blended-popup p {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px
}

.save-popup-bg {
    z-index: 120
}

.save-popup-bg.opened {
    opacity: 1;
    left: 0;
    transition: opacity 300ms, left 0ms
}

.save-popup-bg.variation-new .save-popup {
    background: #fff9f4;
    padding: 20px;
    max-width: 1070px;
    border: none;
    color: #002d66
}

.save-popup-bg.variation-new .save-popup > ul {
    font-size: 0
}

.save-popup-bg.variation-new .save-popup > ul > li {
    padding: 20px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 50%
}

.save-popup-bg.variation-new .save-popup .actions-box {
    text-align: center
}

.save-popup-bg.variation-new .save-popup .actions-box > .middled {
    max-width: 350px;
    margin: 0 auto
}

.save-popup-bg.variation-new .save-popup .actions-box .names {
    background: 0 0;
    padding-left: 0;
    font-size: 40px;
    line-height: 44px;
    padding-bottom: 20px;
    height: auto
}

.save-popup-bg.variation-new .save-popup .actions-box .mattress-type {
    color: #516481;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 30px;
    font-family: 'Roboto', sans-serif;
}

.save-popup-bg.variation-new .save-popup .actions-box .mattress-type .divider {
    display: inline-block;
    margin: 0 10px
}

.save-popup-bg.variation-new .save-popup .actions-box form textarea {
    border: 1px solid #ffe3c9;
    outline: none;
    appearance: none;
    height: 100px;
    width: 100%;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;;
    color: #002d66;
    background-color: #fff;
    line-height: 24px;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
    resize: none
}

.save-popup-bg.variation-new .save-popup .actions-box form textarea::placeholder {
    color: #516481
}

.save-popup-bg.variation-new .save-popup .actions-box form .btn-orange {
    width: 100%;
    border: none;
    margin-bottom: 30px;
    height: 56px;
    line-height: 56px;
    font-size: 16px
}

.save-popup-bg.variation-new .save-popup .actions-box form .check {
    float: none;
    height: auto;
    line-height: 24px;
    width: 100%
}

.save-popup-bg.variation-new .save-popup .actions-box form .check label {
    font-size: 16px;
    line-height: 24px;
    color: #002d66
}

.save-popup-bg.variation-new .save-popup .actions-box form .check label:before {
    background-color: #fff;
    border-color: #ffe3c9;
    width: 20px;
    height: 20px
}

.save-popup-bg.variation-new .save-popup .actions-box form .check input:checked + label:before {
    background: no-repeat url(//helixcontent1.com//checkout/tick-orange.png) center center/16px auto;
    content: ''
}

.save-popup-bg.variation-new .save-popup .stats {
    border: #ffe3c9 1px solid;
    font-size: 0;
    margin-bottom: 0
}

.save-popup-bg.variation-new .save-popup .stats li {
    float: none;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 25px 45px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.save-popup-bg.variation-new .save-popup .stats li:nth-child(2n),
.save-popup-bg.variation-new .save-popup .stats li:nth-child(n+3) {
    border: none
}

.save-popup-bg.variation-new .save-popup .stats li:not(:last-child) {
    border-bottom: #ffe3c9 1px solid
}

.save-popup-bg.variation-new .save-popup .stats li:nth-child(odd) {
    background-color: #fdf4ec
}

.save-popup-bg.variation-new .save-popup .stats li:nth-child(even) {
    background-color: #fbf0e5
}

.save-popup-bg.variation-new .save-popup .stats li .name {
    text-align: center;
    color: #516481;
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 5px
}

.save-popup-bg.variation-new .save-popup .stats li .value {
    text-align: center;
    line-height: 20px;
    padding-bottom: 15px;
    font-size: 14px;
    font-weight: 700
}

.save-popup-bg.variation-new .save-popup .stats li .legend {
    line-height: 11px;
    font-size: 11px;
    font-weight: 700
}

.save-popup-bg.variation-new .save-popup .stats li .line {
    background-color: #a7acb6;
    position: relative;
    height: 1px;
    width: calc(100% - 140px);
    margin-left: 70px;
    margin-top: 6px
}

.save-popup-bg.variation-new .save-popup .stats li .line .circle {
    height: 16px;
    width: 16px;
    background-color: #ff7357;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -8px;
    margin-top: -8px
}

.save-popup-bg .save-popup {
    background: #fffcf8;
    max-width: 800px;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    box-sizing: border-box;
    margin: 0 auto;
    border: 1px solid #002d66;
    padding: 25px;
    position: relative;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 400ms cubic-bezier(.175, .885, .32, 1.275)
}

.save-popup-bg .save-popup .close {
    font-size: 15px;
    color: #002d66;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    opacity: .5;
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer
}

.save-popup-bg .save-popup .names {
    height: 190px;
    padding-left: 50%;
    background: url(//helixcontent1.com//chart/mattress-save.png) no-repeat 15% center/auto 100px;
    font-size: 46px;
    -webkit-font-smoothing: antialiased
}

.save-popup-bg .save-popup .stats {
    border: 1px solid #002d66;
    margin-bottom: 30px
}

.affirm-list ul:after,
.affirm-popup .features:after,
.chart-old .chart-header:after,
.save-popup-bg .save-popup .stats li:after,
.save-popup-bg .save-popup .stats:after {
    content: '';
    clear: both;
    display: block
}

.save-popup-bg .save-popup .stats li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 25px 35px;
    font-family: 'Roboto', sans-serif;;
    font-size: 18px
}

.save-popup-bg .save-popup .stats li:nth-child(2n) {
    border-left: 1px solid #002d66
}

.save-popup-bg .save-popup .stats li:nth-child(n+3) {
    border-top: 1px solid #002d66
}

.save-popup-bg .save-popup .stats li .name {
    padding-bottom: 15px
}

.save-popup-bg .save-popup .stats li .line {
    margin: 10px 75px;
    height: 1px;
    background: #002d66;
    position: relative
}

.save-popup-bg .save-popup .stats li .line .circle {
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: #002d66;
    margin-top: -9px;
    margin-left: -9px
}

.save-popup-bg .save-popup .stats li .line .circle.inverted {
    margin-left: 0
}

.save-popup-bg .save-popup .stats li .line .circle:nth-child(2) {
    background: #ff7357;
    margin-left: 0
}

.save-popup-bg .save-popup .stats li .line .circle:nth-child(2).inverted {
    margin-left: -9px
}

.save-popup-bg .save-popup .stats li .line .circle[data-value="1"] {
    left: 0%
}

.save-popup-bg .save-popup .stats li .line .circle[data-value="2"] {
    left: 33%
}

.save-popup-bg .save-popup .stats li .line .circle[data-value="3"] {
    left: 66%
}

.save-popup-bg .save-popup .stats li .line .circle[data-value="4"] {
    left: 100%
}

.save-popup-bg .save-popup form input[type=text] {
    display: block;
    width: 100%;
    border: 1px solid #5c7594;
    box-sizing: border-box;
    height: 64px;
    background: #fff;
    appearance: none;
    border-radius: 0;
    font-size: 18px;
    padding: 0 25px;
    color: #002d66;
    margin-bottom: 30px
}

.save-popup-bg .save-popup form .check {
    float: left;
    width: 50%;
    height: 64px;
    line-height: 64px;
    text-align: center;
    overflow: hidden
}

.save-popup-bg .save-popup form .check input {
    position: absolute;
    left: -1000px
}

.save-popup-bg .save-popup form .check label {
    display: block;
    line-height: 64px;
    width: 100%;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;;
    cursor: pointer;
    user-select: none;
    color: gray
}

.save-popup-bg .save-popup form .check label:before {
    display: inline-block;
    content: '';
    border: 2px solid #ccd3db;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 10px;
    font: 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #002d66
}

.save-popup-bg .save-popup form .check input:checked + label:before {
    content: "\f00c"
}

.save-popup-bg .save-popup form input[type=submit] {
    border: 1px solid #5c7594;
    appearance: none;
    border-radius: 0;
    width: 50%;
    height: 64px
}

.save-popup-bg .save-popup form .error:not(:empty) {
    padding-top: 10px;
    color: #e84242;
    font-size: 16px
}

.save-popup-bg .save-popup .save-success {
    text-align: center;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    line-height: 26px;
    padding: 20px 0;
    display: none
}

.save-popup-bg .save-popup .save-success .button {
    margin: 25px auto 15px
}

.save-popup-bg .save-popup .save-success .underlined-btn {
    text-decoration: underline;
    color: #002d66;
    text-transform: uppercase
}

.affirm-popup-bg {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    z-index: 120;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms, left 0ms 300ms
}

.affirm-popup-bg.opened {
    opacity: 1;
    pointer-events: all;
    left: 0;
    transition: opacity 300ms, left 0ms
}

.affirm-popup-bg.variation-new.opened .affirm-popup {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.affirm-popup-bg .affirm-popup {
    background: #fff
}

.affirm-popup-bg.variation-new,
.save-popup-bg.variation-new {
    padding: 0 25px;
    box-sizing: border-box;
    display: block;
    background: #fff
}

.affirm-popup-bg.variation-new .popup-close,
.save-popup-bg.variation-new .popup-close {
    cursor: pointer;
    position: absolute;
    z-index: 200;
    top: 25px;
    right: 25px;
    width: 24px;
    height: 24px
}

.affirm-popup-bg.variation-new .popup-close span,
.save-popup-bg.variation-new .popup-close span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 1px;
    background-color: #002d66;
    display: inline-block
}

.affirm-popup-bg.variation-new .popup-close span:first-child,
.save-popup-bg.variation-new .popup-close span:first-child {
    transform: translate3d(-50%, 0, 0) rotate(45deg)
}

.affirm-popup-bg.variation-new .popup-close span:last-child,
.save-popup-bg.variation-new .popup-close span:last-child {
    transform: translate3d(-50%, 0, 0) rotate(-45deg)
}

.affirm-popup-bg.variation-new .popup-holder,
.save-popup-bg.variation-new .popup-holder {
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    height: calc(100% - 70px);
    box-sizing: border-box;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    padding: 0 20px 70px
}

.affirm-popup {
    padding: 25px;
    max-width: 640px;
    margin: 0 auto;
    border-radius: 10px;
    font-family: 'Roboto', sans-serif;;
    color: #002d66;
    position: relative;
    text-align: center
}

.affirm-popup .popup-close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
    color: #616161;
    cursor: pointer;
    transition: all 300ms
}

.affirm-popup .popup-close:hover {
    color: #202020
}

.affirm-popup .popup-title {
    font-size: 32px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px
}

.affirm-popup .popup-title img {
    width: 140px;
    height: auto
}

.affirm-popup .affirm-zero {
    font-size: 36px;
    font-family: 'Roboto', sans-serif;
}

.affirm-popup p,
.chart-old .cart-helper ul {
    font-size: 18px;
    text-align: center;
    max-width: 440px;
    margin: 0 auto
}

.affirm-popup .features {
    padding-top: 30px;
    padding-bottom: 30px
}

.affirm-popup .features li {
    float: left;
    width: 50%
}

.affirm-popup .features li .icon {
    width: 80px;
    height: 80px;
    border: 2px solid #616161;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 auto;
    background: no-repeat center center
}

.affirm-popup .features li .icon.icon-1 {
    background-image: url(//helixcontent1.com//page/affirm-monthly.png);
    background-size: 44px auto
}

.affirm-popup .features li .icon.icon-2 {
    background-image: url(//helixcontent1.com//page/affirm-flexible.png);
    background-size: 44px auto
}

.affirm-popup .features li .title {
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px
}

.affirm-popup .features li .title span {
    display: inline-block;
    border-bottom: 1px solid #002d66;
    padding-bottom: 5px
}

.affirm-popup .features li p {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    padding: 0 20px
}

.affirm-popup .features li p a {
    color: #ff7357;
    text-decoration: underline
}

.affirm-popup .note {
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    text-align: center;
    padding-bottom: 10px
}

.affirm-popup-bg.variation-new .affirm-popup {
    background-color: #fff9f4;
    padding: 45px;
    max-width: 1070px;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all 400ms cubic-bezier(.175, .885, .32, 1.275)
}

.affirm-popup-bg.variation-new .affirm-popup .affirm-zero {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 10px
}

.affirm-popup-bg.variation-new .affirm-popup p {
    font-size: 24px;
    line-height: 34px;
    max-width: 520px
}

.affirm-popup-bg.variation-new .affirm-popup .features {
    padding-bottom: 40px
}

.affirm-popup-bg.variation-new .affirm-popup .features li .title {
    line-height: 30px;
    padding: 0;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}

.affirm-popup-bg.variation-new .affirm-popup .features li p {
    padding-top: 15px;
    font-size: 20px;
    line-height: 28px
}

.affirm-popup-bg.variation-new .affirm-popup .note {
    padding-top: 0;
    font-size: 24px;
    line-height: 34px
}

.affirm-popup-bg.variation-new .affirm-popup .btn-orange {
    padding: 0 30px;
    border-radius: 0;
    font-size: 16px
}

.affirm-popup-bg.variation-new .affirm-popup .affirm-note {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    line-height: 20px;
    color: #516481;
    padding-top: 25px;
    -webkit-font-smoothing: antialiased
}

.affirm-list {
    background: #fff;
    padding: 80px 0
}

.affirm-list .mattress {
    display: block;
    margin: -130px auto 20px;
    max-width: 100%
}

.affirm-list .wrapper {
    max-width: 1080px;
    padding: 0 20px
}

.affirm-list ul li {
    float: left;
    width: 25%;
    height: 160px;
    box-sizing: border-box;
    border-left: 1px solid #ffe3c9;
    padding: 0 15px;
    font-family: 'Roboto', sans-serif;
}

.affirm-list ul li .icon {
    width: 27px;
    height: 27px;
    background: url(//helixcontent1.com//affirm-check.png) no-repeat center center/27px auto
}

.affirm-list ul li .title {
    padding-top: 10px;
    font-size: 16px;
    text-transform: uppercase
}

.affirm-list ul li p {
    padding-top: 5px;
    font-size: 15px
}

.affirm-note {
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #b1acac;
    padding: 30px 25px
}

.affirm-popup .affirm-note {
    padding-bottom: 0
}

.chart-old .chart-header {
    position: relative
}

.chart-old .chart-header .image {
    width: 50%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 2;
    position: absolute
}

.chart-old .chart-header .details {
    position: relative;
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding: 50px
}

.chart-old .chart-header .details .save-design-link {
    display: none
}

.chart-old .chart-header .details > div {
    max-width: 500px;
    margin: 0 auto
}

.chart-old .chart-header .details h2 {
    margin-bottom: 20px
}

.chart-old .chart-header .details p {
    font-family: 'Roboto', sans-serif;;
    font-size: 18px;
    letter-spacing: normal;
    padding: 5px 0
}

.chart-old .chart-header .details p.cons {
    font-weight: 600;
    font-size: 15px;
    font-style: italic;
    padding: 0
}

.chart-old .chart-header .details p.cons span {
    padding: 0 10px;
    display: inline-block
}

.chart-old .chart-header .details .info-list li {
    font-family: 'Roboto', sans-serif;;
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    color: gray
}

.chart-old .chart-header .details .btn-orange.btn-bigger {
    width: 70%;
    box-sizing: border-box
}

.chart-old .chart-header .details .spacer {
    background: #ffe3ca;
    margin: 20px 0
}

.chart-old .chart-header p.affirm-financing {
    color: gray;
    font-size: 16px;
    margin-top: 5px;
    padding: 5px 0;
    font-family: "Caslon";
    font-style: italic;
    opacity: 0;
    cursor: pointer;
    pointer-events: none;
    transition: all 300ms
}

.chart-old .chart-header p.affirm-financing.loaded {
    opacity: 1;
    pointer-events: all
}

.chart-old .chart-header-space {
    height: 1px;
    background: #ffe3ca
}

.chart-old .block-chart .personalized-msg {
    font-size: 20px;
    letter-spacing: 0;
    color: #002d66
}

.chart-old .cart-added {
    display: none
}

.chart-old .cart-helper {
    padding-top: 30px
}

.chart-old .cart-helper .price {
    font-size: 26px;
    padding-bottom: 15px
}

.chart-old .cart-helper ul {
    font-size: 0;
    padding-bottom: 20px;
    max-width: 510px
}

.chart-old .cart-helper ul li {
    display: inline-block;
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-style: italic;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 10px
}

.chart-old .cart-helper ul li.spacer {
    width: 2px;
    height: 20px;
    vertical-align: middle;
    background: #ffe3c9
}

.chart-old .cart-to-be-addded .add-to-cart {
    width: 230px
}

.chart-old .save-design-link {
    font-family: 'Roboto', sans-serif;;
    text-decoration: underline;
    font-size: 15px;
    color: #002d66
}

.chart-old .save-design {
    display: none
}

.chart-old .save-design input[type=text] {
    display: block;
    max-width: 220px;
    margin: 0 auto;
    border: #ffe3c9 1px solid;
    height: 40px;
    font-family: 'Roboto', sans-serif;
    padding: 0 10px;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    transition: all 300ms
}

.chart-old .save-design input[type=text]::-webkit-inner-spin-button,
.chart-old .save-design input[type=text]::-webkit-outer-spin-button,
.checkout .checkout-form fieldset dl dd input[type=number]::-webkit-inner-spin-button,
.checkout .checkout-form fieldset dl dd input[type=number]::-webkit-outer-spin-button,
.checkout .checkout-form fieldset dl dd input[type=text]::-webkit-inner-spin-button,
.checkout .checkout-form fieldset dl dd input[type=text]::-webkit-outer-spin-button,
.checkout .checkout-form fieldset dl dd select::-webkit-inner-spin-button,
.checkout .checkout-form fieldset dl dd select::-webkit-outer-spin-button,
.checkout .checkout-summary .discount input[type=text]::-webkit-inner-spin-button,
.checkout .checkout-summary .discount input[type=text]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.chart-old .save-design input[type=text]:focus,
.chart-old .save-design input[type=text]:hover {
    border: #ff7357 1px solid
}

.chart-old .save-design input[type=text].errorinput {
    border-color: #e84242
}

.chart-old .save-design input[type=submit] {
    width: 100%;
    max-width: 220px;
    display: block;
    margin: 10px auto 0
}

.chart-old .save-design .error:not(:empty) {
    padding-top: 10px;
    color: #e84242;
    font-size: 16px
}

.chart-old .save-design .save-message {
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    display: none
}

.chart-old .block-chart h2 {
    margin-bottom: 0;
    letter-spacing: 1px
}

.chart-old .block-chart .split-to-blended {
    color: #ff7357;
    margin-top: 15px;
    position: relative;
    top: 20px
}

.chart-old .block-chart p {
    font-size: 15px;
    color: #71aed2;
    font-family: 'Roboto', sans-serif;
    line-height: 21px;
    letter-spacing: 1px
}

.chart-old .block-chart button,
.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li ul > li .material {
    letter-spacing: 1px
}

.chart-old .block-chart .save-for-later {
    display: block;
    background: #12468c;
    padding: 10px 0;
    max-width: 600px;
    font-size: 16px;
    color: #fff
}

.chart-old .graph-switcher {
    position: relative
}

.chart-old .graph-switcher .tabs {
    position: relative;
    z-index: 2;
    margin-bottom: -2px
}

.chart-old .graph-switcher .tabs:after {
    content: '';
    clear: both;
    display: block
}

.chart-old .graph-switcher .tabs > li {
    float: left;
    padding: 0 20px;
    line-height: 60px;
    font-family: 'Roboto', sans-serif;;
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #c0c0be;
    border-radius: 9px 9px 0 0;
    background: #fffcf8;
    cursor: pointer;
    margin-left: 19px;
    position: relative;
    transition: all 300ms
}

.chart-old .graph-switcher .tabs > li .left,
.chart-old .graph-switcher .tabs > li .right {
    position: absolute;
    display: block;
    bottom: -2px;
    border-bottom: 60px solid #c0c0be;
    transition: all 300ms
}

.chart-old .graph-switcher .tabs > li .left {
    left: -21px;
    border-left: 20px solid transparent
}

.chart-old .graph-switcher .tabs > li .left:before {
    position: absolute;
    content: '';
    border-bottom: 56px solid #fffcf8;
    border-left: 20px solid transparent;
    right: -2px;
    top: 2px;
    transition: all 300ms
}

.chart-old .graph-switcher .tabs > li .right {
    right: -21px;
    border-right: 20px solid transparent
}

.chart-old .graph-switcher .tabs > li .right:before {
    position: absolute;
    content: '';
    border-bottom: 56px solid #fffcf8;
    border-right: 20px solid transparent;
    left: -2px;
    top: 2px;
    transition: all 300ms
}

.chart-old .graph-switcher .tabs > li:hover {
    background: #f4f1ed
}

.chart-old .graph-switcher .tabs > li:hover .left:before,
.chart-old .graph-switcher .tabs > li:hover .right:before {
    border-bottom-color: #f4f1ed
}

.chart-old .graph-switcher .tabs > li.active {
    background: #002d66;
    border-color: #002d66;
    color: #fff;
    z-index: 2;
    transition: none
}

.chart-old .graph-switcher .tabs > li.active .left,
.chart-old .graph-switcher .tabs > li.active .left:before,
.chart-old .graph-switcher .tabs > li.active .right,
.chart-old .graph-switcher .tabs > li.active .right:before {
    border-bottom-color: #002d66;
    transition: none
}

.chart-old .graph-switcher .graphs > li {
    border: 2px solid #c0c0be;
    padding: 60px 0;
    display: none
}

.chart-old .graph-main-svg svg,
.chart-old .graph-switcher .graphs > li.active {
    display: block
}

.chart-old .graph,
.chart-old .graph-main {
    position: relative;
    max-width: 1100px;
    width: 100%;
    margin: 0 auto
}

.chart-old .graph li {
    list-style-type: none;
    position: absolute;
    width: 290px;
    min-height: 212px;
    text-align: left;
    z-index: 5;
    box-sizing: border-box
}

.chart-old .graph li h2 {
    margin-bottom: 10px;
    padding: 5px 0;
    font-weight: 500;
    width: 100%;
    border-width: 2px
}

.chart-old .graph .pos-top {
    top: 0
}

.chart-old .graph .pos-bottom {
    bottom: 0
}

.chart-old .graph .pos-left {
    left: 0;
    padding-left: 0;
    padding-right: 90px
}

.chart-old .graph .pos-right {
    right: 0;
    padding-right: 0;
    padding-left: 90px
}

.chart-old .graph-main {
    max-width: 600px;
    height: 100%;
    top: 0;
    left: 0
}

.chart-old .graph-main-svg {
    position: relative;
    top: -14px;
    opacity: 1;
    transition: all 300ms;
    transition-timing-function: ease-in-out
}

.chart-old .graph-main-svg svg g.group-elasticity > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg svg g.group-elasticity > path:nth-child(4),
.chart-old .graph-main-svg svg g.group-feel > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg svg g.group-feel > path:nth-child(4),
.chart-old .graph-main-svg svg g.group-support > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg svg g.group-support > path:nth-child(4),
.chart-old .graph-main-svg svg g.group-temperature > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg svg g.group-temperature > path:nth-child(4) {
    transition: all 300ms
}

.chart-old .graph-main-svg svg g.group-elasticity > g:nth-child(3) path:first-child,
.chart-old .graph-main-svg svg g.group-elasticity > path:nth-child(3),
.chart-old .graph-main-svg svg g.group-feel > g:nth-child(3) path:first-child,
.chart-old .graph-main-svg svg g.group-feel > path:nth-child(3),
.chart-old .graph-main-svg svg g.group-support > g:nth-child(3) path:first-child,
.chart-old .graph-main-svg svg g.group-support > path:nth-child(3),
.chart-old .graph-main-svg svg g.group-temperature > g:nth-child(3) path:first-child,
.chart-old .graph-main-svg svg g.group-temperature > path:nth-child(3) {
    transition: all 300ms 100ms
}

.chart-old .graph-main-svg svg g.group-elasticity > g:nth-child(2) path:first-child,
.chart-old .graph-main-svg svg g.group-elasticity > path:nth-child(2),
.chart-old .graph-main-svg svg g.group-feel > g:nth-child(2) path:first-child,
.chart-old .graph-main-svg svg g.group-feel > path:nth-child(2),
.chart-old .graph-main-svg svg g.group-support > g:nth-child(2) path:first-child,
.chart-old .graph-main-svg svg g.group-support > path:nth-child(2),
.chart-old .graph-main-svg svg g.group-temperature > g:nth-child(2) path:first-child,
.chart-old .graph-main-svg svg g.group-temperature > path:nth-child(2) {
    transition: all 300ms 200ms
}

.chart-old .graph-main-svg svg g.group-elasticity > g:nth-child(1) path:first-child,
.chart-old .graph-main-svg svg g.group-elasticity > path:nth-child(1),
.chart-old .graph-main-svg svg g.group-feel > g:nth-child(1) path:first-child,
.chart-old .graph-main-svg svg g.group-feel > path:nth-child(1),
.chart-old .graph-main-svg svg g.group-support > g:nth-child(1) path:first-child,
.chart-old .graph-main-svg svg g.group-support > path:nth-child(1),
.chart-old .graph-main-svg svg g.group-temperature > g:nth-child(1) path:first-child,
.chart-old .graph-main-svg svg g.group-temperature > path:nth-child(1) {
    transition: all 300ms 300ms
}

.chart-old .graph-main-svg.loaded svg g[data-fill="1"] > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="1"] > path:nth-child(4),
.chart-old .graph-main-svg.loaded svg g[data-fill="2"] > g:nth-child(3) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="2"] > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="2"] > path:nth-child(3),
.chart-old .graph-main-svg.loaded svg g[data-fill="2"] > path:nth-child(4),
.chart-old .graph-main-svg.loaded svg g[data-fill="3"] > g:nth-child(2) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="3"] > g:nth-child(3) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="3"] > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="3"] > path:nth-child(2),
.chart-old .graph-main-svg.loaded svg g[data-fill="3"] > path:nth-child(3),
.chart-old .graph-main-svg.loaded svg g[data-fill="3"] > path:nth-child(4),
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > g:nth-child(1) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > g:nth-child(2) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > g:nth-child(3) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > g:nth-child(4) path:first-child,
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > path:nth-child(1),
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > path:nth-child(2),
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > path:nth-child(3),
.chart-old .graph-main-svg.loaded svg g[data-fill="4"] > path:nth-child(4) {
    fill: #ff7357
}

.chart-old .graph-main .icon {
    position: absolute;
    width: 66px;
    max-height: 70px;
    height: 100%;
    z-index: 10
}

.chart-old .graph-main .icon.pos-top {
    top: 40px;
    bottom: auto
}

.chart-old .graph-main .icon.pos-bottom {
    bottom: 105px;
    top: auto
}

.chart-old .graph-main .icon.pos-left {
    left: -30px;
    right: auto
}

.chart-old .graph-main .icon.pos-right {
    right: -30px;
    left: auto
}

.chart-old .graph-main .graph-anim .animation {
    position: absolute;
    top: 24px;
    max-width: 560px;
    text-align: center;
    left: 20px;
    opacity: 0;
    transition: all 300ms;
    transition-timing-function: ease-in-out
}

.chart-old .graph-main .graph-anim .animation img {
    width: 100%
}

.chart-old .graph-main .graph-anim .animation p {
    text-align: center;
    color: #ff7357;
    padding-top: 30px;
    max-width: 500px;
    margin: 0 auto
}

.chart-old .graph-split .legend {
    height: 315px
}

.chart-old .graph-split .legend li {
    position: relative;
    width: 19%;
    margin-right: 8%;
    float: left;
    padding-right: 0;
    padding-left: 0;
    padding-top: 90px;
    text-align: center
}

.chart-old .graph-split .legend li:last-child {
    margin-right: 0
}

.chart-old .graph-split .legend li h2 {
    height: 35px;
    margin: 0 auto 10px
}

.chart-old .graph-split .legend li img {
    width: 66px;
    position: absolute;
    top: -15px;
    right: 0;
    left: 0;
    margin: 0 auto
}

.chart-old .graph-split .graph-outer {
    position: relative;
    padding-top: 47px
}

.chart-old .graph-split .graph-outer .graph-names {
    position: absolute;
    top: 30px;
    left: 50%;
    width: 0
}

.chart-old .graph-split .graph-outer .graph-names .person {
    position: absolute;
    top: 360px;
    right: 380px;
    color: #002d66;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    white-space: nowrap
}

.chart-old .graph-split .graph-outer .graph-names .person.person2 {
    right: auto;
    left: 400px
}

.chart-old .graph-split .graph-outer .graph-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.chart-old .graph-split .graph-outer .graph-icons .icon {
    width: 66px
}

.chart-old .graph-split .graph-outer .graph-icons-left {
    position: absolute;
    left: 0;
    width: 50%;
    margin: 0;
    padding: 0
}

.chart-old .graph-split .graph-outer .graph-icons-left li,
.chart-old .graph-split .graph-outer .graph-icons-right li {
    position: absolute;
    width: auto
}

.chart-old .graph-split .graph-outer .graph-icons-left li .helper {
    left: auto;
    right: 66px
}

.chart-old .graph-split .graph-outer .graph-icons-left li .helper .helper-dot {
    left: auto;
    right: 70px
}

.chart-old .graph-split .graph-outer .graph-icons-left li .helper span {
    left: auto;
    right: 90px
}

.chart-old .graph-split .graph-outer .graph-icons-left li:first-child {
    right: 120px;
    top: 50px
}

.chart-old .graph-split .graph-outer .graph-icons-left li:first-child .helper span {
    top: -5px
}

.chart-old .graph-split .graph-outer .graph-icons-left li:nth-child(2) {
    right: 290px;
    top: 250px
}

.chart-old .graph-split .graph-outer .graph-icons-left li:nth-child(3) {
    right: 290px;
    top: 520px
}

.chart-old .graph-split .graph-outer .graph-icons-left li:last-child {
    right: 120px;
    top: 730px
}

.chart-old .graph-split .graph-outer .graph-icons-left li:last-child .helper {
    right: 65px;
    left: auto
}

.chart-old .graph-split .graph-outer .graph-icons-left li:last-child .helper span {
    top: -5px
}

.chart-old .graph-split .graph-outer .graph-icons-right {
    position: absolute;
    left: 50%;
    width: 50%;
    margin: 0;
    padding: 0
}

.chart-old .graph-split .graph-outer .graph-icons-right li:first-child {
    left: 120px;
    top: 50px
}

.chart-old .graph-split .graph-outer .graph-icons-right li:first-child .helper span {
    top: -5px
}

.chart-old .graph-split .graph-outer .graph-icons-right li:nth-child(2) {
    left: 290px;
    top: 250px
}

.chart-old .graph-split .graph-outer .graph-icons-right li:nth-child(3) {
    left: 290px;
    top: 520px
}

.chart-old .graph-split .graph-outer .graph-icons-right li:last-child {
    left: 120px;
    top: 730px
}

.chart-old .graph-split .graph-outer .graph-icons-right li:last-child .helper {
    left: 60px
}

.chart-old .graph-split .graph-outer .graph-icons-right li:last-child .helper span {
    top: -5px
}

.chart-old .graph-split .graph-outer .graph-icons .helper {
    background-color: #ff7357;
    position: absolute;
    height: 2px;
    width: 0;
    top: 33px;
    left: 66px;
    transition: all 300ms
}

.chart-old .graph-split .graph-outer .graph-icons .helper .helper-dot {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    position: absolute;
    border-radius: 50%;
    left: 70px;
    top: -2px;
    background-color: #ff7357;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    transition-duration: .1s;
    opacity: 0
}

.chart-old .graph-split .graph-outer .graph-icons .helper span {
    font-size: 12px;
    color: #ff7357;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: absolute;
    left: 90px;
    top: -10px;
    opacity: 0;
    transition-duration: .1s
}

.chart-old .graph-split .graph-outer .graph-icons .icon:hover + .helper {
    width: 70px
}

.chart-old .graph-split .graph-outer .graph-icons .icon:hover + .helper span {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    transition-duration: 1s
}

.chart-old .graph-split .graph-outer .graph-icons .icon:hover + .helper .helper-dot {
    opacity: 1;
    transition-duration: .1s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.chart-old .graph-split .graph-outer .graph-main-svg .main-svg-couple,
.checkout-header {
    height: 800px;
    padding: 100px 0;
    box-sizing: border-box
}

.chart-old .graph-split .graph-outer .graph-anim .animation {
    top: 84px
}

.chart-old .graph-split .splitter {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    border-right: 3px dashed #002d66;
    margin-left: -1px;
    opacity: 1;
    transition: all 300ms;
    z-index: 5
}

.chart-old .graph-split .splitter:after,
.chart-old .graph-split .splitter:before {
    position: absolute;
    content: '';
    width: 7px;
    height: 7px;
    left: -2px;
    background: #002d66;
    border-radius: 50%
}

.chart-old .graph-split .splitter:before {
    top: -3px
}

.chart-old .graph-split .splitter:after {
    bottom: -3px
}

.chart-old .icon-reminder .icons circle,
.chart-old .icon-reminder .icons path {
    -webkit-animation: pulse 2s 3s infinite;
    -moz-animation: pulse 2s 3s infinite;
    animation: pulse 2s 3s infinite
}

@-webkit-keyframes pulse {
    0%, to {
        fill: #1f345f
    }
    60% {
        fill: #ff7357
    }
}

@-moz-keyframes pulse {
    0%, to {
        fill: #1f345f
    }
    60% {
        fill: #ff7357
    }
}

@keyframes pulse {
    0%, to {
        fill: #1f345f
    }
    60% {
        fill: #ff7357
    }
}

.checkout-header {
    height: 60px;
    background: #002d66;
    padding: 10px 30px;
    text-align: center
}

.checkout-header .logo,
.checkout-header a {
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase
}

.checkout-header a {
    display: block;
    line-height: 40px;
    font-size: 13px;
    color: #b3c1d6
}

.checkout-header .logo,
.checkout-header a span {
    font-size: 0;
    display: inline-block;
    vertical-align: middle
}

.checkout-header .logo {
    font-size: 18px;
    letter-spacing: 5px;
    color: #fff8ee;
    -webkit-font-smoothing: antialiased
}

.checkout-header .header-title {
    line-height: 40px
}

.checkout-header .header-title .icon {
    display: inline-block;
    height: 32px;
    width: 32px;
    border-radius: 50%;
    border: 2px solid #fff;
    box-sizing: border-box;
    margin: 4px;
    vertical-align: middle;
    background: url(//helixcontent1.com//checkout/nav-lock.png) no-repeat center center/12px auto
}

.checkout {
    height: 100%;
    position: relative;
    overflow: hidden
}

.checkout .addresses-popup {
    background-color: #fff;
    position: fixed;
    left: -9999px;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 350;
    transition: left 0ms 600ms, opacity 600ms
}

.checkout .addresses-popup.shown {
    left: 0;
    opacity: 1;
    transition: 0ms, opacity 600ms
}

.checkout .addresses-popup .middled {
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

.checkout .addresses-popup .addresses-holder {
    max-width: 510px;
    padding: 0 20px;
    text-align: center
}

.checkout .addresses-popup .addresses-note {
    display: block;
    text-align: left;
    line-height: 40px;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px
}

.checkout .addresses-popup .addresses-box {
    border: 1px #ffe3c9 solid;
    box-sizing: border-box
}

.checkout .addresses-popup .button {
    margin: 25px auto 0
}

.checkout .addresses-popup .button.disabled {
    cursor: default;
    opacity: .5
}

.checkout .addresses-popup .button.disabled:hover,
.checkout .checkout-summary .btn-orange.disabled:hover {
    background-color: #ff7357
}

.checkout .addresses-popup .return {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;;
    text-decoration: underline;
    display: inline-block;
    padding: 20px;
    margin: 0 auto 10px;
    color: #002d66
}

.checkout .addresses-popup ul.addresses-list {
    width: 100%;
    display: block;
    font-size: 0;
    font-family: 'Roboto', sans-serif;;
    background-color: #fff9f4;
    padding: 30px;
    box-sizing: border-box;
    text-align: left
}

.checkout .addresses-popup ul.addresses-list li {
    width: 100%;
    display: block
}

.checkout .addresses-popup ul.addresses-list li:not(:last-child) {
    margin-bottom: 20px
}

.checkout .addresses-popup ul.addresses-list li input,
.checkout .checkout-summary ul.addresses-list li input {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.checkout .addresses-popup ul.addresses-list li input:checked + label:after,
.checkout .checkout-form .radiolist li input:checked + label:after,
.checkout-v3 .addresses-popup ul.addresses-list li input:checked + label:after,
.forms form .group ul li input[type=checkbox]:checked + label span::after,
.forms form .group ul li input[type=radio]:checked + label span::after {
    opacity: 1
}

.checkout .addresses-popup ul.addresses-list li label {
    position: relative;
    font-size: 16px;
    display: block;
    border-bottom: none;
    color: #002d66;
    padding-left: 35px;
    line-height: 28px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: capitalize
}

.checkout .addresses-popup ul.addresses-list li label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ffe3c9;
    transition: all 300ms
}

.checkout .addresses-popup ul.addresses-list li label:after {
    position: absolute;
    content: '';
    left: 7px;
    top: 7px;
    width: 12px;
    height: 12px;
    background: #ff7357;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout.has-items .cart-items {
    margin-right: 400px
}

.checkout.has-items .cart-items .btn-blue,
.vanity .tiles-flex .tile .info-rating .stars i,
.vanity.v-3 .vanity-hero .vanity-shop a.btn-orange,
.variation.header-outer.header-static .header-personalized .left a.static-copy {
    display: inline-block
}

.checkout.has-items .checkout-summary {
    right: 0
}

.checkout form {
    display: block;
    height: 100%
}

.checkout .cart-items {
    margin-right: 0;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 50px 30px;
    overflow: auto;
    transition: all 300ms
}

.checkout .cart-items .cart-list {
    width: 100%
}

.checkout .cart-items .cart-list thead td {
    height: 35px;
    border-bottom: 1px solid #ebebeb;
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    text-transform: uppercase;
    color: #63789d
}

.checkout .cart-items .cart-list tbody td {
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb
}

.checkout .cart-items .cart-list tbody td img {
    width: 100px;
    display: block;
    margin-right: 20px
}

.checkout .cart-items .cart-list tbody td.item-info {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    color: #002d66;
    line-height: 22px
}

.checkout .cart-items .cart-list tbody td.item-info .delete {
    display: inline-block;
    color: #ff7357;
    font-weight: 700
}

.checkout .cart-items .cart-list tbody td.item-info .edit {
    display: inline-block;
    color: #002d66;
    font-weight: 700
}

.checkout .cart-items .cart-list tbody td:last-child {
    text-align: right
}

.checkout .cart-items .cart-list tbody .no-items td {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    color: #002d66;
    line-height: 32px;
    text-align: center;
    padding: 40px 0
}

.checkout .cart-items .btn-orange {
    border-radius: 0;
    padding: 0 25px;
    font-size: 16px;
    margin-top: 15px;
    display: inline-block
}

.checkout .cart-items .btn-blue {
    font-size: 16px;
    border-radius: 0;
    margin-top: 30px;
    background-color: #002d66;
    padding: 0 35px;
    display: none
}

.checkout .checkout-form {
    margin-right: 400px;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 50px 30px;
    overflow: auto
}

.checkout .checkout-form h3,
.checkout .checkout-summary .subtotal .name,
.checkout .checkout-summary ul li .name {
    float: left
}

.checkout .checkout-form .country-switch {
    padding-bottom: 50px
}

.checkout .checkout-form .affirm-info:after,
.checkout .checkout-form .country-switch:after,
.checkout .checkout-form .radiolist:after,
.checkout .checkout-form fieldset,
.checkout .checkout-form fieldset dl:after,
.checkout .checkout-summary .subtotal:after,
.checkout .checkout-summary ul li:after,
.homepage .reviews-list:after,
.homepage .step-list:after,
.vanity .review-list:after,
.vanity .vanity-hero:after,
.vanity-v2 .vanity-hero:after,
.variation .questions ul:after {
    content: '';
    clear: both;
    display: block
}

.checkout .checkout-form .country-switch li {
    float: left;
    width: 50%;
    max-width: 200px
}

.checkout .checkout-form .country-switch li a {
    display: block;
    line-height: 50px;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;;
    color: gray;
    transition: all 300ms
}

.checkout .checkout-form .country-switch li a img {
    display: block;
    float: left;
    margin-right: 15px;
    filter: grayscale(1);
    opacity: .5;
    transition: all 300ms
}

.checkout .checkout-form .country-switch li a.active img,
.checkout .checkout-form .country-switch li a:hover img {
    filter: none;
    opacity: 1
}

.checkout .checkout-form fieldset {
    padding-top: 25px
}

.checkout .checkout-form fieldset:not(:last-child) {
    padding-bottom: 50px
}

.checkout .checkout-form fieldset dl {
    margin-bottom: 22px
}

.checkout .checkout-form fieldset dl:not(.checkout-item-same-row) {
    content: '';
    clear: both;
    display: block
}

.checkout .checkout-form fieldset dl.secure-payment-info {
    line-height: 38px;
    font-size: 13px;
    color: #516481;
    font-family: 'Roboto', sans-serif;
}

.checkout .checkout-form fieldset dl.secure-payment-info p,
.checkout-v3 .checkout-form fieldset dl dd .secure-payment-info p {
    padding-bottom: 5px
}

.checkout .checkout-form fieldset dl.secure-payment-info img {
    vertical-align: middle;
    width: 12px;
    height: 17px;
    margin-right: 10px;
    margin-top: -5px
}

.checkout .checkout-form fieldset dl.no-mb {
    margin-bottom: 0
}

.checkout .checkout-form fieldset dl dt {
    float: left;
    width: 180px
}

.checkout .checkout-form fieldset dl dt label {
    box-sizing: border-box;
    display: block;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #516481;
    -webkit-font-smoothing: antialiased;
    line-height: 42px;
    height: 44px;
    border-bottom: 2px solid #efefef;
    transition: all 300ms
}

.checkout .checkout-form fieldset dl dt label:hover,
.checkout .checkout-form fieldset dl.focused dd select,
.checkout .checkout-form fieldset dl.focused dt label,
.checkout .checkout-form fieldset dl.hovered dd select,
.checkout .checkout-form fieldset dl.hovered dt label {
    border-bottom-color: #002d66
}

.checkout .checkout-form fieldset dl dt label .small-in-brackets {
    font-size: 10px;
    text-transform: uppercase
}

.checkout .checkout-form fieldset dl dd {
    margin-left: 180px;
    position: relative
}

.checkout .checkout-form fieldset dl dd input[type=number],
.checkout .checkout-form fieldset dl dd input[type=text],
.checkout .checkout-form fieldset dl dd select {
    height: 44px;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    padding: 0 20px;
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    color: #71aed2;
    appearance: none;
    border-radius: 0;
    border-bottom: 2px solid #efefef;
    transition: all 300ms
}

.checkout .checkout-form fieldset dl dd input[type=number]::placeholder,
.checkout .checkout-form fieldset dl dd input[type=text]::placeholder,
.checkout .checkout-form fieldset dl dd select::placeholder {
    color: #a9a9a9
}

.checkout .checkout-form fieldset dl dd input[type=number]:focus,
.checkout .checkout-form fieldset dl dd input[type=number]:hover,
.checkout .checkout-form fieldset dl dd input[type=text]:focus,
.checkout .checkout-form fieldset dl dd input[type=text]:hover,
.checkout .checkout-form fieldset dl dd select:focus,
.checkout .checkout-form fieldset dl dd select:hover {
    border-bottom-color: #002d66
}

.checkout .checkout-form fieldset dl dd input[type=number].input-smaller,
.checkout .checkout-form fieldset dl dd input[type=text].input-smaller,
.checkout .checkout-form fieldset dl dd select.input-smaller {
    width: 50%;
    float: left
}

.checkout .checkout-form fieldset dl dd input[type=number].empty,
.checkout .checkout-form fieldset dl dd input[type=text].empty,
.checkout .checkout-form fieldset dl dd select.empty {
    color: #a9a9a9
}

.checkout .checkout-form fieldset dl dd input[type=number].errorinput,
.checkout .checkout-form fieldset dl dd input[type=text].errorinput,
.checkout .checkout-form fieldset dl dd select.errorinput {
    border-color: #e84242
}

.checkout .checkout-form fieldset dl dd input[type=number].card-number,
.checkout .checkout-form fieldset dl dd input[type=text].card-number,
.checkout .checkout-form fieldset dl dd select.card-number {
    background-image: url(//helixcontent1.com//cards.png);
    background-repeat: no-repeat;
    background-position: right center
}

.checkout .checkout-form fieldset dl dd select {
    background: url(//helixcontent1.com//select.png) no-repeat right 10px center/10px auto;
    cursor: pointer
}

.checkout .checkout-form fieldset dl dd .errorinput-message {
    background: #e84242;
    position: absolute;
    border-radius: 0 0 2px 2px;
    font-size: 14px;
    line-height: 21px;
    top: 100%;
    right: 0;
    color: #fff;
    padding: 3px 10px 1px;
    letter-spacing: .3px;
    white-space: nowrap
}

.checkout .checkout-form .same-for-billing-btn {
    color: #71aed2;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 31px;
    margin-bottom: 20px;
    float: right
}

.checkout .checkout-form .same-for-billing-btn input[type=checkbox],
.checkout .checkout-summary ul li.sum-recycling {
    display: none
}

.checkout .checkout-form .same-for-billing-btn label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 32px
}

.checkout .checkout-form .same-for-billing-btn label:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 3px;
    background-color: #fff;
    border: 2px solid #ffe3c9;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 15px
}

.checkout .checkout-form .same-for-billing-btn input[type=checkbox]:checked + label:before,
.checkout .checkout-summary .add-to-newsletter input[type=checkbox]:checked + label:before {
    background-color: #fff;
    font-family: FontAwesome;
    content: "\f00c";
    color: #002d66
}

.checkout .checkout-form .radiolist {
    padding-bottom: 20px
}

.checkout .checkout-form .radiolist li {
    float: left;
    margin-right: 40px;
    overflow: hidden
}

.checkout .checkout-form .radiolist li input {
    position: absolute;
    left: -10000px
}

.checkout .checkout-form .radiolist li label {
    display: block;
    font-size: 14px;
    color: #71aed2;
    padding-left: 35px;
    font-family: 'Roboto', sans-serif;;
    position: relative;
    line-height: 26px;
    cursor: pointer
}

.checkout .checkout-form .radiolist li label:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ffe3c9;
    transition: all 300ms
}

.checkout .checkout-form .radiolist li label:after {
    position: absolute;
    content: '';
    left: 7px;
    top: 7px;
    width: 12px;
    height: 12px;
    background: #ff7357;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout .checkout-form .affirm-note {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;;
    color: gray;
    padding-top: 30px
}

.checkout .checkout-form .affirm-info {
    padding-top: 25px;
    padding-bottom: 45px
}

.checkout .checkout-form .affirm-info li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-right: 25px
}

.checkout .checkout-form .affirm-info li .icon {
    width: 80px;
    height: 80px;
    border: 5px solid #616161;
    box-sizing: border-box;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
    background: no-repeat center center
}

.checkout .checkout-form .affirm-info li .icon.icon-1 {
    background-image: url(//helixcontent1.com//page/affirm-monthly.png);
    background-size: 44px auto
}

.checkout .checkout-form .affirm-info li .icon.icon-2 {
    background-image: url(//helixcontent1.com//page/affirm-flexible.png);
    background-size: 44px auto
}

.checkout .checkout-form .affirm-info li .title {
    font-size: 15px;
    padding-top: 4px;
    padding-bottom: 5px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 700;
    text-transform: uppercase;
    color: gray
}

.checkout .checkout-form .affirm-info li p {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;;
    color: gray
}

.checkout .checkout-form .affirm-info li p a {
    color: gray;
    text-decoration: underline
}

.checkout .checkout-summary {
    position: absolute;
    text-align: center;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100%;
    background: #f8f6f3;
    padding: 50px 40px;
    box-sizing: border-box;
    overflow: auto;
    transition: all 300ms
}

.checkout .checkout-summary .delivery {
    margin-top: 20px;
    padding-left: 70px;
    height: 70px;
    background: url(//helixcontent1.com//delivery.jpg) no-repeat left top;
    font-family: 'Roboto', sans-serif;;
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    text-align: left;
    text-transform: uppercase
}

.checkout .checkout-summary .subtotal,
.checkout .checkout-summary ul li {
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
}

.checkout .checkout-summary ul li.sum-recycling.visible {
    display: block
}

.checkout .checkout-summary ul li .name span {
    background: #002d66;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    text-align: center;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin-left: 5px
}

.checkout .checkout-summary .subtotal .value,
.checkout .checkout-summary ul li .value {
    float: right
}

.checkout .checkout-summary ul li .help {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none
}

.checkout .checkout-summary ul li .help .help-inner {
    background: #efedeb;
    padding: 20px;
    line-height: normal;
    text-align: left
}

.checkout .checkout-summary .subtotal {
    padding: 15px 0;
    border-top: 1px solid #c2c2c2;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700
}

.checkout .checkout-summary .btn-orange {
    width: 100%;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    text-align: center
}

.checkout .checkout-summary .btn-orange.disabled {
    opacity: .5;
    cursor: default
}

.checkout .checkout-summary .addresses-note {
    display: block;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;;
    margin-top: 20px
}

.checkout .checkout-summary ul.addresses-list {
    margin-top: 5px;
    width: 100%;
    display: block;
    font-size: 0;
    margin-bottom: 15px
}

.checkout .checkout-summary ul.addresses-list li {
    width: 100%;
    display: block
}

.checkout .checkout-summary ul.addresses-list li label {
    position: relative;
    font-size: 14px;
    background-color: #fdf4ec;
    display: block;
    border: 1px solid #ffe3c9;
    border-bottom: none;
    color: #002d66;
    line-height: 20px;
    padding: 15px 20px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: capitalize;
    transition: all 300ms
}

.checkout .checkout-summary ul.addresses-list li:last-child label {
    border-bottom: 1px solid #ffe3c9
}

.checkout .checkout-summary ul.addresses-list li input:checked + label {
    background-color: #002d66;
    color: #fff
}

.checkout .checkout-summary .affirm-error {
    font-family: 'Roboto', sans-serif;;
    color: #ff7357;
    text-align: center;
    font-size: 13px;
    padding-top: 20px;
    display: none
}

.checkout .checkout-summary .discount {
    padding-top: 15px
}

.checkout .checkout-summary .discount input[type=text] {
    border: 1px solid #e6e6e6;
    border-right: none;
    height: 45px;
    font-family: 'Roboto', sans-serif;
    padding: 0 15px;
    width: calc(100% - 100px);
    border-radius: 0;
    box-sizing: border-box;
    font-size: 12px;
    color: #516481;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    float: left;
    transition: all 300ms
}

.checkout .checkout-summary .discount input[type=text]:focus,
.checkout .checkout-summary .discount input[type=text]:hover {
    border-color: #ff7357
}

.checkout .checkout-summary .discount input[type=text].errorinput {
    border-color: #e84242
}

.checkout .checkout-summary .discount input[type=button] {
    width: 100px;
    height: 45px;
    float: left;
    background: #f2efe9;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #ffe3c9;
    box-sizing: border-box;
    font-weight: 700;
    color: #002d66;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer
}

.checkout .checkout-summary .discount .discount-info {
    padding-top: 5px;
    padding-bottom: 10px;
    font-family: 'Roboto', sans-serif;
}

.checkout .checkout-summary .discount .gatsby-button {
    margin-top: 5px;
    height: 45px;
    line-height: 45px;
    padding: 0;
    width: 100%;
    border-radius: 0;
    box-sizing: border-box;
    text-align: center
}

.checkout .checkout-summary .add-to-newsletter {
    margin-top: 15px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: inline-block
}

.checkout .checkout-summary .add-to-newsletter input {
    position: absolute;
    left: -1000px
}

.checkout .checkout-summary .add-to-newsletter label {
    padding-left: 30px;
    position: relative;
    font-family: 'Roboto', sans-serif;;
    line-height: 24px;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkout .checkout-summary .add-to-newsletter label:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border: 2px solid #ffe3c9;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 15px
}

.checkout .checkout-summary .checkout-note {
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;;
    padding-bottom: 15px
}

.checkout .checkout-summary .checkout-note a {
    color: #002d66;
    text-decoration: underline;
    font-weight: 700;
    white-space: nowrap
}

.checkout .checkout-summary .trial-infobox {
    margin-top: 60px;
    font-family: 'Roboto', sans-serif;;
    background-color: #fff;
    padding: 50px 20px 25px;
    position: relative
}

.checkout .checkout-summary .trial-infobox img {
    height: 64px;
    width: auto;
    position: absolute;
    top: -32px;
    left: calc(50% - 32px)
}

.checkout .checkout-summary .trial-infobox .infobox-headline {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 10px
}

.checkout .checkout-summary .trial-infobox p {
    font-size: 14px;
    line-height: 20px
}

@media (min-width: 1380px) {
    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row {
        float: left;
        width: calc((100% - 250px) / 7 * 4)
    }

    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row.same-row-mid {
        width: calc((100% - 250px) / 7 * 3)
    }

    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row.same-row-mid dt {
        width: 80px
    }

    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row.same-row-mid dd {
        margin-left: 80px
    }

    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row.same-row-mid dd select {
        background-position: right 30px center;
        padding-right: 50px
    }

    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row.same-row-right {
        width: 250px
    }

    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row.same-row-right dt {
        width: 110px
    }

    .checkout .checkout-form fieldset.country-ca dl.checkout-item-same-row.same-row-right dd {
        margin-left: 110px
    }
}

@media (min-width: 1180px) {
    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row {
        float: left;
        width: calc((100% - 140px) / 7 * 4)
    }

    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row.same-row-mid {
        width: calc((100% - 140px) / 7 * 3)
    }

    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row.same-row-mid dt {
        width: 80px
    }

    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row.same-row-mid dd {
        margin-left: 80px
    }

    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row.same-row-mid dd select {
        background-position: right 30px center;
        padding-right: 50px
    }

    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row.same-row-right {
        width: 140px
    }

    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row.same-row-right dt {
        width: 55px
    }

    .checkout .checkout-form fieldset:not(.country-ca) dl.checkout-item-same-row.same-row-right dd {
        margin-left: 55px
    }
}

@media (max-width: 960px) {
    .checkout .checkout-form .affirm-info li {
        float: none;
        width: 100%;
        padding-right: 0
    }

    .checkout .checkout-form .affirm-info li:last-child {
        padding-top: 30px
    }

    .checkout .checkout-form .same-for-billing-btn,
    .checkout .checkout-form h3 {
        float: none
    }

    .checkout .checkout-form .radiolist li label {
        margin-bottom: 15px
    }
}

@media (max-width: 800px) {
    .checkout {
        overflow: auto
    }

    .checkout .cart-items,
    .checkout .checkout-form {
        margin-right: 0;
        overflow: visible;
        height: auto
    }

    .checkout .cart-items .btn-blue,
    .checkout .checkout-form .btn-blue {
        margin-top: 20px
    }

    .checkout.has-items .cart-items {
        margin-right: 0
    }

    .checkout .checkout-summary {
        overflow: visible;
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        right: auto
    }

    .checkout .checkout-summary.cart-summary {
        padding: 50px 30px
    }
}

@media (max-width: 640px) {
    .checkout .cart-items {
        padding-bottom: 65px
    }

    .checkout .cart-items .btn-blue {
        background: 0 0;
        color: #002d66;
        font-size: 14px;
        text-transform: none;
        letter-spacing: normal;
        font-weight: 700;
        padding: 0;
        text-decoration: underline;
        height: auto;
        line-height: normal
    }

    .checkout .cart-items .not-mobile {
        display: none
    }

    .checkout .checkout-summary.cart-summary {
        padding: 50px 20px 70px
    }

    .checkout .checkout-summary.cart-summary .btn-orange {
        position: fixed;
        bottom: 0;
        left: 0;
        height: 56px;
        line-height: 58px
    }

    .checkout .addresses-popup {
        overflow: auto
    }

    .checkout .addresses-popup .middled {
        display: block;
        margin-top: 35px
    }

    .checkout .addresses-popup .addresses-holder {
        padding-bottom: 100px;
        margin: 0 auto
    }

    .checkout .addresses-popup .addresses-holder .addresses-note {
        padding: 0 20px;
        font-size: 24px;
        line-height: 34px
    }

    .checkout .addresses-popup ul.addresses-list {
        padding: 30px 20px 20px
    }
}

@media (max-width: 530px) {
    .checkout .addresses-popup .addresses-holder {
        width: 100%;
        max-width: none;
        padding: 0 0 100px
    }

    .checkout .addresses-popup .addresses-box {
        border-right: none;
        border-left: none
    }
}

@media (max-width: 400px) {
    .checkout .cart-items,
    .checkout .checkout-form,
    .checkout .checkout-summary {
        padding: 30px 20px
    }

    .checkout .checkout-form fieldset dl {
        margin-bottom: 10px
    }

    .checkout .checkout-form fieldset dl dt {
        float: none;
        width: auto;
        border-bottom: 0
    }

    .checkout .checkout-form fieldset dl dd {
        margin-left: 0
    }

    .checkout .checkout-form fieldset dl dd input[type=number],
    .checkout .checkout-form fieldset dl dd input[type=text],
    .checkout .checkout-form fieldset dl dd select {
        padding: 0
    }

    .checkout .cart-items .cart-list tbody td img {
        width: 50px
    }
}

.v3-layout .vanity-header,
.vanity-logo,
.vanity.version-b .feature-list.dark.copy-a {
    display: none
}

.v3-layout .vanity-logo {
    display: block;
    margin-top: 35px;
    text-align: center
}

.v3-layout .vanity-logo img {
    width: 187px
}

@media (max-width: 640px) {
    .v3-layout .vanity-logo {
        margin-top: 30px
    }

    .v3-layout .vanity-logo img {
        width: 124px
    }
}

.vanity-title {
    padding: 8px 20px;
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    background: #002d66;
    color: #fff9f4;
    -webkit-font-smoothing: antialiased
}

.vanity-header {
    height: 60px;
    background-color: #fff;
    text-align: center
}

.vanity-header .logo {
    font-family: 'Roboto', sans-serif;;
    display: inline-block;
    font-size: 23px;
    text-transform: uppercase;
    line-height: 60px;
    height: 100%;
    letter-spacing: 5px;
    color: #002d66;
    -webkit-font-smoothing: antialiased;
    transition: all 300ms
}

.forms form .group ul li input[type=checkbox] + label a,
.vanity.version-b .feature-list.dark.copy-b {
    display: block
}

.vanity.v-3 .box-list {
    padding: 35px 0
}

.vanity.v-3 .vanity-hero .vanity-shop {
    background: #fff;
    width: auto;
    float: none
}

.vanity.v-3 .vanity-hero .vanity-shop h3 {
    font-size: 45px;
    line-height: 45px
}

.vanity.v-3 .vanity-hero .vanity-shop p {
    font-size: 34px;
    line-height: 34px;
    padding-bottom: 30px
}

.vanity .vanity-hero {
    position: relative
}

.vanity .vanity-hero .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    background: url(//helixcontent1.com//vanity/vanity-bg.jpg) no-repeat center center/cover
}

.vanity .vanity-hero .vanity-shop {
    width: 35%;
    float: right;
    box-sizing: border-box;
    padding: 50px 60px;
    background: #fff9f4;
    text-align: center
}

.vanity .vanity-hero .vanity-shop h3 {
    font-size: 31px;
    line-height: 35px;
    padding-bottom: 20px
}

.vanity .vanity-hero .vanity-shop p {
    color: #002d66;
    font-size: 22px;
    line-height: 28px;
    padding-bottom: 20px
}

.vanity .vanity-hero .vanity-shop input,
.vanity-v2 .vanity-hero .vanity-shop input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 52px;
    border: 1px solid #d1ac89;
    background: #fff;
    border-radius: 0;
    appearance: none;
    margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    color: #002d66;
    text-align: center
}

.vanity .vanity-hero .vanity-shop a.btn-orange {
    display: block;
    height: 52px;
    line-height: 54px;
    border-radius: 0
}

.vanity .vanity-hero .vanity-shop .vanity-source {
    padding-top: 40px
}

.vanity .vanity-hero .vanity-shop .vanity-source .icon {
    padding-bottom: 15px
}

.vanity .vanity-hero .vanity-shop .vanity-source .icon img {
    display: block;
    margin: 0 auto;
    max-width: 65px
}

.vanity .vanity-hero .vanity-shop .vanity-source .name {
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    font-size: 14px
}

.vanity .vanity-hero .vanity-shop .vanity-source .name span {
    display: block;
    font-weight: 700
}

.vanity .block-white {
    background: #fff
}

.vanity .block-yellow {
    background: #fff9f4
}

.vanity .tiles-flex {
    display: flex;
    font-size: 0
}

.vanity .tiles-flex .tile {
    flex: 50%;
    color: #fff;
    background: no-repeat center center/cover
}

.vanity .tiles-flex .tile.orange-tile {
    background-color: #ff7357
}

.vanity .tiles-flex .tile.orange-tile .fa,
.vanity .tiles-flex .tile.orange-tile .tile-author,
.vanity .vanity-help a {
    color: #002d66
}

.vanity .tiles-flex .tile.orange-tile .info-rating.white .fa {
    color: #fff
}

.vanity .tiles-flex .tile.yellow-tile {
    background-color: #fff9f4;
    color: #002d66
}

.vanity .tiles-flex .tile.yellow-tile .fa {
    color: #ff7357
}

.vanity .tiles-flex .tile.blue-tile {
    background-color: #002d66
}

.vanity .tiles-flex .tile .middled {
    height: 100%;
    width: 100%;
    align-items: center;
    padding: 12.5%;
    box-sizing: border-box
}

.vanity .tiles-flex .tile .tile-bg {
    width: 100%;
    height: auto;
    display: block
}

.vanity .tiles-flex .tile .tile-text {
    font-size: 21px;
    line-height: 24px;
    -webkit-font-smoothing: antialiased
}

.vanity .tiles-flex .tile .tile-text:not(:first-child) {
    margin-top: 10px
}

.vanity .tiles-flex .tile .tile-text .tile-author {
    margin-top: 10px
}

.vanity .tiles-flex .tile .tile-text .tile-author.flag {
    margin-top: 0
}

.vanity .tiles-flex .tile .tile-text .tile-author.flag img {
    width: 36px;
    margin-bottom: 15px
}

.vanity .tiles-flex .tile .tile-text .tile-author.forbes img {
    height: auto;
    width: 76px
}

.vanity .tiles-flex .tile .tile-text .tile-author.gq img {
    height: auto;
    width: 36px
}

.vanity .tiles-flex .tile .info-rating {
    text-align: center;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;;
    font-size: 13px;
    white-space: nowrap;
    max-width: 400px;
    margin: 0 auto
}

.vanity .tiles-flex .tile .info-rating .stars {
    display: inline-block;
    color: #ff7357;
    position: relative;
    font-size: 22px;
    line-height: 30px
}

.shop .shop-header .detail .info.info-rating .stars span,
.shop .shop-vanity .details .details-size .info.info-rating .stars span,
.vanity .tiles-flex .tile .info-rating .stars span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul,
.vanity .tiles-ul {
    font-size: 0
}

.vanity .tiles-ul .photo-tile {
    background: no-repeat center center/cover
}

.vanity .tiles-ul > li {
    width: 50%
}

.vanity .feature-list {
    text-align: center;
    padding-top: 40px
}

.vanity .feature-list.dark {
    background-color: #002d66;
    color: #fff;
    line-height: 30px;
    font-size: 0;
    padding: 30px 0
}

.vanity .block.stars-callout .title span,
.vanity .feature-list.dark.copy-b,
.vanity-v2 .vanity-hero .image img,
.variation .header-personalized .left a.static-copy,
.variation .header-personalized .right a.static-copy {
    display: none
}

.vanity .feature-list.dark li {
    font-size: 21px;
    -webkit-font-smoothing: antialiased;
    margin: 0 20px;
    position: relative
}

.vanity .feature-list.dark li:first-child:after {
    position: absolute;
    top: 0;
    left: calc(100% + 10px);
    display: block;
    color: #fff;
    height: 100%;
    width: 20px;
    text-align: center;
    content: '\2022';
    font-size: 12px
}

.vanity .feature-list.dark li:last-child {
    display: block
}

.vanity .feature-list li {
    display: inline-block;
    margin: 0 15px;
    font-size: 22px
}

.vanity .box-list {
    padding: 45px 0
}

.vanity .box-list li {
    padding-top: 0;
    padding-bottom: 0
}

.vanity .box-list li .num {
    display: block;
    width: 45px;
    height: 45px;
    background: #002d66;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    color: #fff9f4;
    border-radius: 50%;
    margin: 0 auto 15px
}

.vanity .box-list li h3 {
    font-size: 22px
}

.vanity .box-list li .icon-v3 {
    padding-bottom: 15px
}

.vanity .logos {
    text-align: center;
    font-size: 0;
    padding: 30px 0
}

.vanity .logos li {
    display: inline-block;
    padding: 0 20px
}

.vanity .logos li img,
.vanity-v2 .logos li img {
    display: block;
    height: 50px
}

.vanity .review-list li {
    float: left;
    width: 33.33%;
    padding: 35px;
    box-sizing: border-box
}

.vanity .review-list li .stars {
    color: #ff7357
}

.vanity .review-list li .title {
    font-size: 19px;
    padding-top: 10px;
    max-width: 250px;
    margin: 0 auto
}

.vanity .review-list li .name {
    font-size: 19px;
    color: #ff7357;
    padding-top: 15px
}

.vanity .vanity-help {
    padding: 50px 0;
    font-size: 31px;
    line-height: 35px
}

.vanity .vanity-help a.strong-font {
    font-weight: 700
}

.vanity .vanity-help form {
    display: block;
    width: 330px;
    max-width: 100%;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;;
    margin: 35px auto 60px
}

.vanity .vanity-help form input {
    width: 100%;
    box-sizing: border-box
}

.vanity .vanity-help form input[type=text] {
    border: 1px solid #d1ac89;
    text-align: center;
    font-size: 16px;
    color: #002d66;
    background-color: #fff;
    height: 56px;
    padding: 0 20px;
    box-sizing: border-box;
    text-transform: uppercase;
    margin: 15px 0
}

.vanity .vanity-help form input[type=text]::placeholder {
    color: #002d66
}

.vanity .vanity-help .save-title {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 16px
}

.vanity .block.stars-callout {
    text-align: center;
    background: #002d66;
    padding: 60px 0 55px
}

.vanity .block.stars-callout .stars img {
    margin: 0 1px;
    width: 27px;
    height: auto;
    vertical-align: middle
}

.vanity .block.stars-callout .title {
    font-size: 31px;
    line-height: 31px;
    color: #fff;
    font-family: 'Roboto', sans-serif;;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    width: 400px;
    max-width: 100%;
    margin: 15px auto 0
}

@media (max-width: 1024px) {
    .vanity .block .wrapper > .tiles-flex > .tile {
        flex: 100%
    }

    .vanity .block .wrapper > .tiles-flex > .tile:first-child {
        display: none
    }

    .vanity.v-3 .feature-list.dark li {
        font-size: 18px
    }
}

@media (max-width: 640px) {
    .vanity.v-3 .button {
        width: 100%;
        box-sizing: border-box
    }

    .vanity.v-3 .vanity-hero .vanity-shop h3 {
        font-size: 26px;
        line-height: 26px;
        padding-bottom: 15px
    }

    .vanity.v-3 .vanity-hero .vanity-shop p {
        font-size: 22px;
        line-height: 22px;
        padding-bottom: 20px
    }

    .vanity.v-3 .feature-list.dark {
        padding: 20px 0;
        line-height: 18px
    }

    .vanity.v-3 .feature-list.dark li {
        font-size: 15px;
        margin: 0 8px
    }

    .vanity.v-3 .feature-list.dark li:not(:last-child):after {
        left: 100%;
        width: 16px
    }

    .vanity .tiles-flex .tile .tile-text {
        font-size: 15px;
        line-height: 18px
    }

    .vanity .tiles-flex .tile .tile-text .tile-author.forbes img {
        width: 44px
    }

    .vanity .tiles-flex .tile .tile-text .tile-author.flag img {
        width: 21px
    }

    .vanity .tiles-flex .tile .info-rating .stars {
        font-size: 14px;
        line-height: 18px
    }

    .vanity .block.stars-callout .title {
        font-size: 26px
    }

    .vanity .block.stars-callout .title span {
        display: inline
    }
}

@media (max-width: 350px) {
    .vanity.v-3 .feature-list.dark li {
        font-size: 10px
    }

    .vanity .tiles-flex .tile .tile-text {
        font-size: 12px;
        line-height: 15px
    }
}

.vanity-v2 {
    color: #71aed2
}

.vanity-v2 .wrapper {
    max-width: 1280px
}

@media (min-width: 641px) {
    .vanity-v2 .btn-orange {
        height: 65px;
        line-height: 65px;
        font-size: 19px;
        padding: 0 30px;
        background: linear-gradient(#ff7357, #f76244)
    }
}

.vanity-v2 .vanity-hero {
    position: relative
}

.vanity-v2 .vanity-hero .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: url(//helixcontent1.com//vanity/hero-v2.jpg) no-repeat center center/cover
}

.vanity-v2 .vanity-hero .stripe {
    background: rgba(0, 46, 102, .9);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    padding: 15px 20px;
    box-sizing: border-box;
    line-height: 30px;
    text-align: center;
    font-family: 'Roboto', sans-serif;;
    font-size: 20px;
    color: #fff
}

.vanity-v2 .vanity-hero .vanity-shop {
    width: 40%;
    float: right;
    box-sizing: border-box;
    padding: 50px 60px;
    background: #fff9f4
}

.vanity-v2 .vanity-hero .vanity-shop .headline {
    font-family: 'Roboto', sans-serif;;
    font-size: 20px;
    padding-bottom: 20px
}

.vanity-v2 .vanity-hero .vanity-shop h3 {
    font-size: 44px;
    line-height: 47px;
    padding-bottom: 25px
}

.vanity-v2 .vanity-hero .vanity-shop p {
    color: #002d66;
    font-size: 24px;
    padding-bottom: 25px
}

.vanity-v2 .box-list {
    padding: 45px 0
}

.vanity-v2 .box-list li {
    padding-top: 0;
    padding-bottom: 0;
    border-right: 0 !important;
    border-left: 0 !important;
    position: relative
}

.vanity-v2 .box-list li:not(:last-child)::before {
    position: absolute;
    content: '';
    height: 4px;
    width: 100%;
    top: 161px;
    left: 50%;
    background: #fff9f4
}

.vanity-v2 .box-list li .num {
    position: relative;
    width: 45px;
    height: 45px;
    background: #002d66;
    line-height: 48px;
    font-size: 24px;
    color: #fff9f4;
    border-radius: 50%;
    margin: 0 auto 20px
}

.vanity-v2 .box-list li p {
    font-size: 24px;
    font-family: 'Roboto', sans-serif;
    line-height: 31px
}

.vanity-v2 .quote {
    text-align: center;
    padding-bottom: 55px;
    padding-top: 20px
}

.vanity-v2 .quote p {
    font-size: 31px;
    font-style: italic;
    padding-bottom: 20px
}

.vanity-v2 .quote img {
    display: block;
    max-width: 100%;
    width: 300px;
    margin: 0 auto 30px
}

.vanity-v2 .logos {
    background: #fdf4ec;
    text-align: center;
    font-size: 0;
    padding: 30px 0 !important
}

.vanity-v2 .logos li {
    display: inline-block;
    padding: 0 20px
}

@media (max-width: 1024px) {
    .vanity-v2 .vanity-hero .vanity-shop {
        padding: 25px
    }
}

@media (max-width: 900px) {
    .vanity-v2 .vanity-hero .image {
        background: 0 0;
        height: auto;
        position: relative;
        width: auto
    }

    .vanity-v2 .vanity-hero .image img {
        width: 100%;
        display: block
    }

    .vanity-v2 .vanity-hero .vanity-shop {
        width: auto;
        float: none
    }

    .vanity-v2 .vanity-hero .vanity-shop .headline {
        font-size: 16px
    }

    .vanity-v2 .vanity-hero .vanity-shop h3 {
        font-size: 32px;
        line-height: 39px
    }

    .vanity-v2 .vanity-hero .vanity-shop p {
        font-size: 20px
    }

    .vanity-v2 .vanity-hero .stripe {
        position: relative;
        width: auto;
        font-size: 18px
    }

    .vanity-v2 .vanity-hero .stripe span {
        display: block;
        width: 0;
        height: 0;
        overflow: hidden
    }
}

@media (max-width: 768px) {
    .vanity-v2 .box-list li {
        border-bottom: 0 !important
    }

    .vanity-v2 .box-list li::before {
        display: none
    }
}

@media (max-width: 640px) {
    .vanity-v2 .quote img,
    .vanity-v2 .quote p,
    .vanity-v2 .vanity-hero .vanity-shop .btn-orange {
        display: none
    }

    .vanity-v2 .quote {
        padding-bottom: 0;
        padding-top: 0
    }

    .vanity-v2 .quote .btn-orange {
        position: fixed;
        z-index: 25;
        bottom: 0;
        left: 0;
        width: 100%;
        box-sizing: border-box
    }
}

.variation.header-outer {
    height: 110px;
    padding-bottom: 0
}

.variation.header-outer.header-static {
    height: 100px
}

.variation.header-outer.header-static .header-personalized {
    height: 100px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border-bottom: 2px solid #002d66
}

.variation.header-outer.header-static .header-personalized .logo {
    padding-top: 17px;
    padding-bottom: 2px
}

.vanity-v2 .box-list li .num,
.variation.header-outer.header-static .header-personalized .logo span {
    display: block;
    text-align: center
}

.variation.header-outer.header-static .header-personalized .left a,
.variation.header-outer.header-static .header-personalized .right a {
    margin: 35px 0
}

.variation.header-outer.header-static .header-personalized .left a:not(.static-copy) {
    display: none
}

.variation.header-outer.header-static .header-personalized .logo-v4 {
    display: block;
    margin: 0 auto;
    padding: 22px
}

.variation.header-outer.header-static .header-personalized .logo-v4 #helix-logo {
    display: block;
    width: 28px;
    height: 30px;
    margin: 0 auto;
    fill: #002d66
}

.variation.header-outer.header-static .header-personalized .logo-v4 #logo-title {
    display: block;
    width: 62px;
    height: auto;
    margin: 12px auto 0;
    fill: #002d66
}

@media (max-width: 780px) {
    .variation.header-outer.header-static {
        height: 90px
    }

    .variation.header-outer.header-static .header-personalized {
        height: 90px;
        border-bottom: none
    }

    .variation.header-outer.header-static .header-personalized .logo {
        padding: 15px 0
    }

    .variation.header-outer.header-static .header-personalized .logo span {
        font-size: 20px;
        line-height: 20px;
        margin-top: 9px
    }

    .variation.header-outer.header-static .header-personalized .logo-v4 {
        padding: 18px
    }

    .variation.header-outer.header-static .header-personalized .left a,
    .variation.header-outer.header-static .header-personalized .right a {
        margin: 30px 0
    }
}

@media (max-width: 640px) {
    .variation.header-outer.header-static,
    .variation.header-outer.header-static .header-personalized {
        height: 60px
    }

    .variation.header-outer.header-static .header-personalized .logo {
        padding: 18px 0;
        width: 30px
    }

    .variation.header-outer.header-static .header-personalized .logo img {
        width: 25px;
        height: 25px
    }

    .variation.header-outer.header-static .header-personalized .logo-v4 {
        padding: 18px
    }

    .variation.header-outer.header-static .header-personalized .logo-v4 #helix-logo {
        width: 24px;
        height: 26px
    }

    .variation.header-outer.header-static .header-personalized .left a .desktop,
    .variation.header-outer.header-static .header-personalized .logo span,
    .variation.header-outer.header-static .header-personalized .logo-v4 #logo-title,
    .variation.header-outer.header-static .header-personalized .right a .desktop {
        display: none
    }

    .variation.header-outer.header-static .header-personalized .left a,
    .variation.header-outer.header-static .header-personalized .right a {
        margin: 15px 0;
        font-size: 12px
    }
}

@media (max-width: 900px) {
    .variation.header-outer:not(.header-static) .header-personalized {
        height: 60px
    }

    .variation.header-outer:not(.header-static) .header-personalized .logo {
        width: 40px;
        padding: 14px 0 15px
    }

    .variation.header-outer:not(.header-static) .header-personalized .logo span {
        display: none
    }

    .variation.header-outer:not(.header-static) .header-personalized .left a,
    .variation.header-outer:not(.header-static) .header-personalized .right a {
        margin: 15px 0
    }
}

@media (max-width: 640px) {
    .variation.header-outer:not(.header-static) {
        height: 60px
    }

    .variation.header-outer:not(.header-static) .header-personalized .left a,
    .variation.header-outer:not(.header-static) .header-personalized .right a {
        font-size: 13px
    }
}

.variation .header-personalized {
    height: 110px;
    box-sizing: border-box;
    border-bottom: 1px solid #ffe3c9;
    font-family: 'Roboto', sans-serif;
}

.variation .header-personalized .logo {
    display: block;
    padding: 24px 0 5px;
    width: 185px;
    margin: 0 auto
}

.variation .header-personalized .logo img {
    width: 31px;
    height: 31px;
    display: block;
    margin: 0 auto
}

.variation .header-personalized .logo span {
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #002d66;
    -webkit-font-smoothing: antialiased;
    line-height: 50px
}

.variation .header-personalized .left a,
.variation .header-personalized .right a {
    display: block;
    margin: 40px 0;
    font-size: 16px;
    line-height: 30px;
    color: #002d66
}

.variation .logotext {
    background: url(//helixcontent1.com//footer-bg.png) no-repeat center center;
    height: 440px;
    text-align: center
}

.variation .logotext h3 {
    font-size: 60px;
    padding-bottom: 15px
}

.variation .logotext p {
    font-size: 24px;
    color: #71aed2;
    line-height: 34px;
    max-width: 620px;
    margin: 0 auto
}

.variation .material-list {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    padding-bottom: 40px
}

.variation .material-list > li {
    display: flex;
    width: calc((100% / 3) - 10px);
    padding-top: 160px;
    position: relative;
    background: #fff9f4
}

.variation .material-list > li .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: no-repeat center center/cover
}

.variation .material-list > li .detail {
    padding: 25px
}

.variation .material-list > li .detail .title {
    font-size: 24px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

.variation .material-list > li .detail p {
    font-size: 18px
}

.variation .material-list > li .detail ul {
    padding-top: 10px
}

.variation .material-list > li .detail ul li {
    color: #ff7357;
    font-family: 'Roboto', sans-serif;;
    line-height: 22px
}

.variation .photos img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.variation .testimonial {
    padding: 50px 20px;
    text-align: center
}

.variation .testimonial .title {
    font-size: 60px;
    padding-bottom: 50px
}

.variation .testimonial p {
    max-width: 60%;
    margin: 0 auto;
    font-style: italic;
    font-size: 30px;
    padding-bottom: 10px;
    -webkit-font-smoothing: antialiased
}

.variation .testimonial img {
    display: block;
    height: 40px;
    margin: 0 auto
}

.variation .testimonial a {
    color: #002d66;
    display: block
}

.variation .questions {
    background: url(//helixcontent1.com//home/help-bg.jpg) no-repeat center center/cover;
    padding: 90px 0 80px;
    text-align: center
}

.variation .questions.rejuvenation-questions .title:not(.rejuvenation) {
    display: none
}

.variation .questions.rejuvenation-questions .title.rejuvenation {
    display: block;
    letter-spacing: .5px;
    -webkit-font-smoothing: antialiased
}

.variation .questions .icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url(//helixcontent1.com//home/questions-icon.png) no-repeat center center/80px auto
}

.variation .questions .title {
    font-size: 50px;
    color: #fff;
    padding: 25px 0
}

.personalized-v2 .learn-more br,
.variation .questions .title.rejuvenation {
    display: none
}

.variation .questions ul {
    padding-top: 10px;
    max-width: 920px;
    margin: 0 auto;
    text-align: center;
    font-size: 0
}

.variation .questions ul > li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%;
    max-width: 330px;
    padding: 0 20px;
    box-sizing: border-box;
    font-size: 14px
}

.variation .questions ul > li .subtitle {
    font-family: 'Roboto', sans-serif;;
    font-size: 20px;
    color: #fff;
    padding-bottom: 15px
}

.variation .questions ul > li .btn-orange {
    width: 100%;
    box-sizing: border-box;
    height: 55px;
    line-height: 57px;
    background-color: #fff;
    color: #ff7357;
    text-transform: none;
    font-size: 18px
}

.variation .questions ul > li p {
    font-family: 'Roboto', sans-serif;;
    color: #fff;
    padding-top: 20px;
    line-height: 22px
}

@media (max-width: 800px) {
    .variation .material-list {
        display: block
    }

    .variation .material-list > li {
        display: block;
        width: auto;
        padding: 0 0 0 260px
    }

    .variation .material-list > li:not(:last-child) {
        margin-bottom: 20px
    }

    .variation .material-list > li .image {
        height: 100%;
        width: 260px
    }

    .variation .questions ul > li {
        width: 50%
    }

    .variation .questions ul > li:not(:last-child) {
        padding-bottom: 30px
    }
}

@media (max-width: 640px) {
    .variation .logotext {
        background-size: 300px auto;
        height: 320px
    }

    .variation .logotext h3 {
        font-size: 40px;
        line-height: 44px
    }

    .variation .logotext p {
        font-size: 18px
    }

    .variation .material-list {
        display: block;
        padding-left: 0;
        padding-right: 0
    }

    .variation .material-list > li {
        padding: 0
    }

    .variation .material-list > li .image {
        position: relative;
        height: 150px;
        width: auto
    }

    .variation .questions {
        padding: 50px 20px
    }

    .variation .questions.rejuvenation-questions {
        padding: 60px 20px 70px
    }

    .variation .questions.rejuvenation-questions .title {
        font-size: 34px
    }

    .variation .questions .icon {
        width: 65px;
        height: 65px;
        background-size: 65px auto
    }

    .variation .questions .title {
        font-size: 40px
    }

    .variation .questions ul > li {
        display: block;
        padding: 0;
        float: none;
        width: auto;
        max-width: none;
        margin: 0 auto
    }

    .variation .questions ul > li:not(:last-child) {
        padding-bottom: 30px
    }
}

.homepage .wrapper {
    max-width: 1180px
}

.homepage .hero {
    height: 580px;
    background: url(//helixcontent1.com//home/hero4-bg.jpg) no-repeat 65% center/cover;
    position: relative;
    box-sizing: border-box
}

.homepage .hero.hero-bottom {
    background-image: url(//helixcontent1.com//home/hp-bottom2.jpg)
}

.homepage .hero .text {
    padding: 0 20px
}

.homepage .hero .text h1 {
    max-width: 280px;
    font-size: 32px;
    color: #71aed2;
    line-height: 40px;
    padding-bottom: 20px
}

.homepage .hero .text a {
    height: 55px;
    line-height: 57px
}

.homepage .sliding-block {
    background-color: #fff;
    transition: 1000ms cubic-bezier(.1, .57, .2, 1)
}

.homepage .step-list > li {
    float: left;
    width: 33.33%;
    padding: 40px 20px;
    box-sizing: border-box;
    text-align: center;
    position: relative
}

.homepage .step-list > li:before {
    position: absolute;
    content: '';
    top: 180px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fff9f4
}

.homepage .step-list > li:first-child:before {
    width: 50%;
    left: 50%
}

.homepage .step-list > li:last-child:before {
    width: 50%;
    left: 0
}

.homepage .step-list > li .icon img {
    display: block;
    margin: 0 auto;
    height: 100px
}

.homepage .step-list > li:last-child .icon img {
    height: 180px;
    margin: -40px auto
}

.homepage .step-list > li .num {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #71aed2;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    color: #fff;
    margin: 20px auto 0
}

.homepage .step-list > li h3 {
    max-width: 250px;
    margin: 0 auto;
    font-size: 24px;
    color: #71aed2;
    padding-top: 20px;
    padding-bottom: 10px
}

.homepage .step-list > li p {
    font-size: 18px;
    color: #71aed2;
    max-width: 290px;
    margin: 0 auto
}

.homepage .reviews-list {
    padding-top: 80px
}

.homepage .reviews-list > li {
    float: left;
    width: 33.33%;
    height: 788px;
    position: relative
}

.homepage .reviews-list > li .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: no-repeat center center/cover
}

.homepage .reviews-list > li .detail {
    height: 50%;
    background: #fff9f4;
    text-align: center;
    padding: 0 25px
}

.homepage .reviews-list > li .detail .stars {
    color: #ff7357;
    font-size: 18px
}

.homepage .reviews-list > li .detail p {
    font-size: 24px;
    padding: 10px 0 15px
}

.homepage .reviews-list > li .detail .name {
    font-size: 22px;
    color: #ff7357
}

.homepage .reviews-list > li .detail .country {
    font-family: 'Roboto', sans-serif;;
    font-size: 13px;
    text-transform: uppercase
}

.homepage .reviews-list > li:nth-child(odd) .detail {
    margin-top: 394px
}

.homepage .reviews-list > li:nth-child(even) .image {
    top: 50%
}

.homepage .showroom {
    height: 480px
}

.homepage .showroom .detail {
    position: relative;
    z-index: 2;
    background: url(//helixcontent1.com//home/showroom-bg-detail.jpg) no-repeat center center/cover;
    width: 100%;
    max-width: 460px;
    padding: 45px 50px;
    box-sizing: border-box;
    height: 100%
}

.homepage .showroom .detail .icon {
    width: 80px;
    height: 80px;
    background: url(//helixcontent1.com//home/schedule-icon.png) no-repeat center center/80px auto
}

.homepage .showroom .detail .title {
    font-size: 50px;
    padding-top: 20px
}

.homepage .showroom .detail p {
    font-size: 24px;
    padding-bottom: 20px
}

.homepage .showroom .image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.homepage .showroom .image img {
    display: block;
    height: 100%
}

.homepage .rejuvenation {
    background-color: #fff9f4;
    text-align: center;
    position: relative;
    padding: 70px 15px 60px;
    margin-top: 65px
}

.homepage .rejuvenation .icon {
    width: 80px;
    height: 80px;
    position: absolute;
    display: block;
    top: -40px;
    left: calc(50% - 40px);
    background: no-repeat url(//helixcontent1.com//home/icon-pt.png) center center/100% 100%
}

.homepage .rejuvenation .logo {
    display: block;
    width: 365px;
    height: auto;
    margin: 0 auto 30px
}

.homepage .rejuvenation .image-holder {
    background-color: #fef2e7;
    padding: 20px;
    max-width: 100%;
    box-sizing: border-box;
    width: 545px;
    display: inline-block
}

.homepage .rejuvenation .image-holder img {
    width: 100%;
    height: auto
}

.homepage .rejuvenation .title {
    padding-top: 25px;
    font-size: 44px;
    line-height: 60px
}

.homepage .rejuvenation p {
    margin-top: 10px;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 28px
}

@media (max-width: 1140px) {
    .homepage .hero:not(.hero-bottom) {
        margin-bottom: 300px;
        background-image: url(//helixcontent1.com//home/hero3-bg-tablet.jpg)
    }

    .homepage .hero:not(.hero-bottom) h1 {
        margin-left: auto;
        margin-right: auto
    }

    .homepage .hero:not(.hero-bottom) .text {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 30px 20px 0;
        text-align: center
    }
}

@media (max-width: 900px) {
    .homepage .reviews-list > li {
        width: 50%
    }

    .homepage .reviews-list > li:nth-child(3) {
        display: none
    }

    .homepage .shop-surfaces ul li {
        margin: 0 10px
    }
}

@media (max-width: 800px) {
    .homepage .step-list > li {
        float: none;
        width: auto
    }

    .homepage .step-list > li:not(:last-child) {
        padding-bottom: 0
    }

    .homepage .step-list > li:before {
        display: none
    }

    .homepage .showroom {
        height: auto
    }

    .homepage .showroom .image {
        position: relative
    }

    .homepage .showroom .image img {
        width: 100%;
        height: auto
    }

    .homepage .showroom .detail {
        max-width: none;
        height: auto
    }
}

@media (max-width: 640px) {
    .homepage .hero {
        height: 450px
    }

    .homepage .hero:not(.hero-bottom) {
        height: 250px;
        margin-bottom: 230px;
        background-image: url(//helixcontent1.com//home/hero3-bg-mobile.jpg);
        background-position: center 5%
    }

    .homepage .hero.hero-bottom {
        padding-top: 0
    }

    .homepage .hero .text {
        padding: 0 20px 30px
    }

    .homepage .hero .text h1 {
        font-size: 31px;
        line-height: 34px
    }

    .homepage .showroom .detail {
        padding: 20px
    }

    .homepage .showroom .detail .title,
    .homepage .testimonial .title {
        font-size: 40px
    }

    .homepage .showroom .detail .icon {
        width: 65px;
        height: 65px;
        background-size: 65px auto
    }

    .homepage .reviews-list > li {
        float: none;
        width: auto;
        height: auto
    }

    .homepage .reviews-list > li .image {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 100%
    }

    .homepage .reviews-list > li .detail {
        margin-top: 0 !important;
        height: 320px
    }

    .homepage .testimonial p {
        font-size: 26px
    }

    .homepage .rejuvenation {
        padding-top: 60px;
        padding-bottom: 50px
    }

    .homepage .rejuvenation .icon {
        height: 64px;
        width: 64px;
        top: -32px;
        left: calc(50% - 32px)
    }

    .homepage .rejuvenation .logo {
        width: 292px;
        margin-bottom: 25px
    }

    .homepage .rejuvenation .image-holder {
        padding: 10px
    }

    .homepage .rejuvenation .title {
        font-size: 40px;
        line-height: 44px
    }

    .homepage .rejuvenation p {
        margin-top: 15px
    }
}

.forms {
    background: #fff9f4;
    max-width: 1180px;
    margin: 0 auto 50px;
    padding: 0 20px;
    box-sizing: border-box
}

.forms .info {
    padding: 80px 0 70px
}

.forms .info img {
    display: block;
    width: 64px;
    height: 64px;
    margin: 0 auto 24px
}

.forms .info h3,
.forms .info p {
    display: block;
    color: #002d66;
    text-align: center
}

.forms .info h3 {
    padding-bottom: 0;
    font-size: 60px;
    line-height: initial
}

.forms .info p {
    font-size: 24px;
    line-height: 34px;
    max-width: 620px;
    margin: 0 auto
}

.forms form {
    padding: 0 0 20px
}

.forms form .form-error {
    text-align: center;
    color: #fd4a4a;
    font-family: 'Roboto', sans-serif;;
    padding-bottom: 25px
}

.forms form .form-error:empty {
    display: none
}

.forms form .group {
    padding: 0 0 60px;
    text-align: center
}

.forms form .group input[type=email],
.forms form .group input[type=text] {
    height: 53px;
    padding: 0 22px
}

.forms form .group select {
    height: 53px
}

.forms form .group input[type=email],
.forms form .group input[type=text],
.forms form .group select,
.forms form .group textarea {
    display: block;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    color: #002d66;
    background: #fff no-repeat center center;
    max-width: 350px;
    width: 100%;
    border: 1px solid #ffe3c9;
    margin: 0 auto;
    box-sizing: border-box;
    appearance: none;
    border-radius: 0;
    position: relative
}

.forms form .group input[type=email]::placeholder,
.forms form .group input[type=text]::placeholder,
.forms form .group select::placeholder,
.forms form .group textarea::placeholder {
    color: #516481
}

.forms form .group input[type=email] + input,
.forms form .group input[type=text] + input,
.forms form .group select + input,
.forms form .group textarea + input {
    margin-top: -1px
}

.forms form .group input[type=email].errorinput,
.forms form .group input[type=text].errorinput,
.forms form .group select.errorinput,
.forms form .group textarea.errorinput {
    border-color: #fd4a4a;
    z-index: 2
}

.forms form .group select {
    background-image: url(//helixcontent1.com//help/select.png);
    background-position: right 20px center;
    background-size: 13px auto;
    padding: 0 40px 0 22px
}

.forms form .group select + textarea {
    margin-top: 20px
}

.forms form .group textarea {
    height: 123px;
    line-height: 24px;
    padding: 15px 22px;
    resize: none
}

.forms form .group button {
    display: block;
    text-transform: uppercase;
    margin: 0 auto
}

.forms form .group label {
    display: block;
    font-size: 23px;
    color: #002d66;
    text-align: center;
    max-width: 640px;
    width: 100%;
    margin: 0 auto 20px
}

.forms form .group .helper {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #002d66;
    text-align: center;
    background: #fef0e5;
    max-width: 350px;
    width: 100%;
    line-height: 24px;
    padding: 25px;
    margin: 0 auto 10px;
    box-sizing: border-box
}

.forms form .group input[type=file],
.forms form .group ul li input[type=checkbox],
.forms form .group ul li input[type=radio] {
    position: absolute;
    left: -10000px
}

.forms form .group .btn-file {
    background-color: #71aed2
}

.forms form .group ul {
    display: block;
    background: #fdf4ec;
    max-width: 350px;
    width: 100%;
    padding: 18px 30px;
    margin: 0 auto;
    box-sizing: border-box
}

.forms form .group ul li {
    font-size: 0;
    padding: 10px 0;
    text-align: left
}

.forms form .group ul li input[type=checkbox]:checked + label a,
.forms form .group ul li input[type=radio]:checked + label a {
    display: block
}

.forms form .group ul li label {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    color: #002d66;
    text-align: left;
    width: auto;
    max-width: 100%;
    line-height: 24px;
    margin: 0;
    padding: 0 0 0 34px;
    position: relative
}

.forms form .group ul li label span {
    position: absolute;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 2px solid #ffe3c9;
    border-radius: 50%;
    box-sizing: border-box
}

.forms form .group ul li label span::after {
    content: "";
    position: absolute;
    background: #ff7357;
    width: 12px;
    height: 12px;
    margin: 4px;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.forms form .group ul li label a {
    color: #ff7357;
    display: none;
    border-bottom: 1px solid #ff7357;
    line-height: 20px
}

.forms form .group ul li input[type=checkbox] + label span::after {
    width: 20px;
    height: 20px;
    margin: -1px 0 0 1px;
    background: url(//helixcontent1.com//get-personalized/selected.png) no-repeat center center/16px auto
}

.forms form .group p {
    font-family: 'Roboto', sans-serif;;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
    padding-top: 20px
}

@media (max-width: 900px) {
    .forms {
        margin: 0 auto
    }

    .forms .info {
        padding: 50px 0 60px
    }

    .forms .info h3 {
        font-size: 50px
    }

    .forms .info p {
        font-size: 21px;
        line-height: 31px
    }

    .forms form {
        padding: 0 0 10px
    }

    .forms form .group {
        padding: 0 0 50px
    }
}

@media (max-width: 640px) {
    .forms .info {
        text-align: center;
        padding: 45px 0
    }

    .forms .info h3 {
        font-size: 40px
    }

    .forms .info p {
        display: inline;
        font-size: 18px;
        line-height: 28px
    }

    .forms form,
    .forms.return form {
        padding: 0
    }

    .forms form .group,
    .forms.return form .group {
        padding: 0 0 45px
    }
}

@media (max-width: 1560px) {
    .home-hero .side .side-inner .side-footer ul li {
        font-size: 15px
    }
}

@media only screen and (max-width: 1500px) {
    .site {
        overflow: hidden
    }

    .content .block .box-list > li:not(:last-child) {
        border-left: none;
        border-right: none
    }

    .content .block .box-list > li:nth-child(2) {
        border-left: 1px solid #ffe3c9;
        border-right: 1px solid #ffe3c9
    }

    .content .block h3.hpersonalize {
        padding-top: 20px
    }

    .content .block h3.hnarrow {
        padding: 25px 0 0;
        margin-bottom: -20px
    }

    .content .block h3.hnarrow + h3 {
        margin-top: 40px;
        margin-bottom: -45px
    }

    .content .block .space40 + .box-list > li {
        padding: 0;
        margin-top: 60px
    }

    .content .block .space40 + .box-list > li:nth-child(2) {
        border: none
    }

    .content .block-shop .box-list > li {
        margin-top: 30px !important
    }

    .content .block-shop h3.hnarrow + h3 {
        margin: 20px auto 0
    }

    .content .shop-hero .block {
        padding: 0
    }

    .content .block-shop .box-list li p,
    .content .block-shop .box-list li ul {
        padding-left: 20px;
        padding-right: 20px
    }

    .content .block-shop .space90 {
        height: 60px
    }
}

@media (max-width: 1400px) {
    .chart .chart-top h1 {
        font-size: 50px
    }

    .home-hero .side .side-inner .side-footer ul li {
        width: 33.33%;
        box-sizing: border-box;
        padding: 0 5px
    }

    .home-hero .side .side-inner .side-footer ul li:after {
        display: none
    }
}

@media (max-width: 1200px) {
    .chart .chart-top h1 {
        font-size: 36px
    }

    .chart .chart-top .mattress {
        margin: 30px 0
    }
}

@media (max-width: 1180px) {
    .personalized-mattress .detail {
        padding: 30px
    }

    .personalized-mattress .detail .title {
        font-size: 40px;
        line-height: 44px
    }
}

@media (max-width: 1145px) {
    .content .home-hero .side {
        padding-top: 25px
    }

    .content .home-hero .side .side-inner .title {
        padding-left: 20px;
        padding-right: 20px;
        position: relative
    }

    .content .home-hero .side .side-inner .btn-outer {
        position: relative
    }

    .content .home-hero .side .side-inner .title {
        font-size: 20px
    }

    .content .home-hero .side .side-inner .btn-outer {
        top: auto;
        margin-top: 15px
    }

    .content .about-list li:first-child div.image {
        max-width: 800px;
        margin: 0 auto
    }

    .content .about-list li:last-child div.text {
        height: 350px
    }

    .content .about-list li div {
        width: 100%
    }

    .content .about-list li div.image {
        height: 480px;
        float: none
    }

    .content .about-list li div.text {
        height: 260px;
        float: none
    }

    .content .static .legal-content p {
        padding-left: 15px;
        padding-right: 15px
    }

    .content .static .legal-content h2 {
        margin-left: 10px;
        margin-right: 10px
    }

    .content .shop-value-image {
        max-width: 780px;
        width: 100%;
        margin: 0 auto;
        padding-left: 0
    }

    .chart .chart-top {
        padding-bottom: 0
    }

    .chart .chart-top .stats {
        border-left: 0;
        border-right: 0
    }

    .chart .chart-top .stats ul li {
        width: 50%
    }

    .chart .chart-top .stats ul li:nth-child(-n+2) {
        border-bottom: 1px solid #002d66
    }

    .chart .chart-top .stats ul li:nth-child(2n) {
        border-right: 0
    }

    .chart .features li {
        font-size: 13px;
        line-height: normal;
        padding: 15px 5px
    }

    .chart .features li:first-child,
    .chart .features li:last-child {
        text-align: center
    }

    .chart .features li .icon {
        display: block;
        width: 50px;
        height: 50px;
        margin: 0 auto 10px;
        background-size: 34px auto
    }

    .chart .feature-list > li .details {
        padding: 20px
    }

    .chart .feature-list > li .details p {
        max-width: none
    }

    .chart .stats-list > li .details .infos li .info-name,
    .chart .stats-list > li .details .name {
        font-size: 18px
    }

    .chart .stats-list > li .details .icon svg {
        width: 50px;
        height: 50px
    }

    .chart .stats-list > li .details .infos li p {
        font-size: 14px
    }
}

@media (max-width: 1080px) {
    .vanity .vanity-hero .vanity-shop {
        padding: 35px 20px
    }

    footer .left,
    footer .logo,
    footer .right {
        float: none
    }

    footer .copyright {
        text-align: center
    }
}

@media (max-width: 1000px) {
    .reviews .review-testimonial > li p {
        font-size: 16px;
        height: 76px;
        padding-bottom: 10px
    }
}

@media (max-width: 980px) {
    .vanity .vanity-hero .image,
    .vanity .vanity-hero .vanity-shop {
        width: 50%
    }
}

@media only screen and (max-width: 992px) {
    .menu-transform,
    .nav-transform {
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important
    }

    .cart-menu {
        height: 100%;
        top: 50px;
        z-index: 123
    }

    .content .home-hero .side .side-inner .side-footer .side-logo {
        padding-bottom: 5px
    }

    .content .review-details,
    .content .review-image {
        width: 100%
    }

    .content .block:not(.full-screen) {
        padding-left: 20px;
        padding-right: 20px
    }

    .content .block:not(.full-screen) h3.hnarrow + h3 {
        margin: 50px 0 -20px
    }

    .content .shop-hero .select-size-table a {
        font-size: 13px !important
    }

    .cart-page table,
    .content .block-shop {
        padding: 0
    }

    .content .block-shop .box-list li p,
    .content .block-shop .box-list li ul {
        width: 220px;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0
    }

    .content .block-shop h3.hnarrow {
        padding-left: 20px;
        padding-right: 20px
    }

    .content .block-shop h3.hnarrow + h3 {
        margin-top: 10px
    }

    .content .graph-split .graph-outer .graph-anim .animation {
        top: 24px
    }

    .content .graph-split .graph-outer .graph-anim .animation p {
        padding-top: 0
    }

    .chart-header .image {
        width: 64%
    }

    .chart-header .details {
        width: 36%
    }

    footer .footer-top > li:first-child {
        padding-left: 0;
        padding-right: 20px
    }

    footer .footer-top > li:nth-child(3) {
        padding-left: 20px;
        padding-right: 20px
    }

    .cart-page table tbody td,
    .cart-page table thead th {
        font-size: 14px;
        padding-left: 10px
    }

    .cart-page table tbody td img,
    .cart-page table thead th img {
        max-width: 100px
    }

    .cart-page table .item-total {
        position: relative;
        min-width: 110px
    }

    .cart-page .cart-checkout,
    .cart-page .cart-order-total {
        margin-right: 50px
    }

    .checkout .checkout-form fieldset dl dd input[type=text].card-number {
        background-image: none
    }
}

@media (max-width: 1000px) {
    .header-outer.rejuvenation-header header .logo.rejuvenation {
        padding: 41px 0
    }

    .header-outer.rejuvenation-header header .logo.rejuvenation img:not(.mobile) {
        height: 18px
    }
}

@media (min-width: 901px) {
    .header-outer.rejuvenation-header header.fixed .logo.rejuvenation {
        padding: 15px 0
    }

    .header-outer.rejuvenation-header header.fixed .logo.rejuvenation img:not(.fixed-logo) {
        display: none
    }

    .header-outer.rejuvenation-header header.fixed .logo.rejuvenation .fixed-logo {
        display: block;
        height: 31px
    }
}

@media (max-width: 900px) {
    .header-outer.rejuvenation-header header .logo.rejuvenation {
        padding: 18px 0
    }

    .header-outer.rejuvenation-header header .logo.rejuvenation img:not(.mobile) {
        display: none
    }

    .header-outer {
        height: 60px;
        padding-bottom: 0
    }

    .header-outer header {
        position: fixed;
        background: #fff;
        left: 0;
        height: 60px;
        padding: 0 20px
    }

    .header-outer header .logo {
        padding: 14.5px 0
    }

    .header-outer header .logo span {
        display: none
    }

    .chart .chart-box ul li,
    .header-outer header .menu-toggle,
    .header-outer.rejuvenation-header header .logo.rejuvenation img.mobile {
        display: block
    }

    .header-outer header .main-nav,
    .header-outer header .sub-nav {
        display: none !important
    }

    footer {
        padding: 20px 20px 60px
    }

    body.header-menu-toggled {
        height: 100%;
        overflow: hidden
    }

    body.header-menu-toggled header .menu-toggle span:nth-child(1) {
        transform: translate3d(0, 8px, 0) rotate(45deg)
    }

    body.header-menu-toggled header .menu-toggle span:nth-child(3) {
        transform: translate3d(0, -8px, 0) rotate(-45deg)
    }

    body.header-menu-toggled header .menu-toggle span:nth-child(2) {
        transform: translate3d(30px, 0, 0);
        opacity: 0
    }

    body.header-menu-toggled header .mobile-nav,
    body.header-menu-toggled header:before {
        left: 0;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 300ms, left 0ms
    }

    .chart-header .details,
    .chart-header .image {
        position: relative;
        width: auto;
        float: none
    }

    .chart-header .image {
        height: 300px;
        max-width: 500px;
        margin: 0 auto
    }

    .chart .feature-list > li,
    .chart .stats-list > li {
        height: auto
    }

    .chart .stats-list > li .details {
        margin-right: 0;
        padding: 20px
    }

    .chart .stats-list > li:nth-child(even) .details {
        margin-left: 0
    }

    .chart .stats-list > li .images {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: auto
    }

    .chart .stats-list > li .images img {
        max-height: 300px
    }

    .chart .stats-list > li .images li .name {
        top: 20px;
        left: 20px
    }

    body.header-fixed .chart .chart-box,
    body.header-fixed .chart .chart-box.not-variation-new {
        top: auto
    }

    .chart .chart-box {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
        right: auto;
        width: 100%;
        border-left: 0;
        border-right: 0;
        font-size: 0;
        display: flex;
        padding: 15px 40px 15px 410px;
        box-sizing: border-box;
        white-space: nowrap
    }

    .chart .chart-box .name,
    .chart .chart-box ul {
        display: inline-block;
        text-align: center;
        vertical-align: middle
    }

    .chart .chart-box .name {
        box-sizing: border-box;
        padding: 0;
        border-bottom: 0;
        width: calc(100% - 173px)
    }

    .chart .chart-box .name .name-holder {
        font-size: 30px
    }

    .chart .chart-box .name .mattress-price {
        margin-top: -10px;
        font-size: 20px;
        display: block
    }

    .chart .chart-box ul {
        width: 173px
    }

    .chart .chart-box ul li > a {
        margin: 0
    }

    .chart .chart-box ul li > a.action-save {
        margin: 10px 0 0
    }

    .chart .chart-box .affirm-financing,
    .chart .chart-box.not-variation-new a.action-add span,
    .chart .chart-box.not-variation-new a.action-edit span,
    .chart .chart-box.not-variation-new a.action-save span {
        display: none
    }

    .chart .chart-box.not-variation-new {
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
        right: auto;
        width: 100%;
        border-left: 0;
        border-right: 0;
        border-bottom: none;
        height: 56px;
        padding: 0 0 0 384px;
        box-sizing: border-box;
        background: #fff
    }

    .chart .chart-box.not-variation-new .name {
        width: calc(100% - 280px);
        box-sizing: border-box;
        font-weight: 700;
        -webkit-font-smoothing: antialiased;
        padding: 12px 10px;
        border-bottom: 0;
        text-align: center;
        font-size: 16px;
        line-height: 16px
    }

    .chart .chart-box.not-variation-new .name span {
        margin-top: 4px;
        display: block;
        font-size: 12px;
        line-height: 12px
    }

    .chart .chart-box.not-variation-new a {
        box-sizing: border-box;
        border-bottom: 0;
        padding: 20px 5px;
        font-size: 16px;
        line-height: 16px;
        border-left: 1px solid #002d66
    }

    .chart .chart-box.not-variation-new .name,
    .chart .chart-box.not-variation-new a.action-add,
    .chart .chart-box.not-variation-new a.action-edit,
    .chart .chart-box.not-variation-new a.action-save {
        display: inline-block;
        vertical-align: middle
    }

    .chart .chart-box.not-variation-new a.action-add,
    .chart .feature-list > li .details ul.hovers li {
        width: 100px
    }

    .chart .chart-box.not-variation-new a.action-edit,
    .chart .chart-box.not-variation-new a.action-save {
        width: 90px
    }

    .chart .chart-box.not-variation-new .affirm-financing {
        display: none
    }

    .chart .chart-top h1 {
        font-size: 32px
    }

    .chart .chart-top p.info .name,
    .chart .chart-top p.info span {
        font-size: 22px
    }

    .chart .feature-list > li .details {
        margin-left: 0
    }

    .chart .feature-list > li:nth-child(even) .details {
        margin-right: 0
    }

    .chart .feature-list > li .image,
    .chart .feature-list > li ul.images {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: 300px
    }

    .chart .feature-list > li ul.images .image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .reviews .hero {
        margin-top: 0
    }
}

@media (max-width: 840px) {
    .personalized-mattress .image {
        width: 30%
    }

    .personalized-mattress .detail {
        width: 70%
    }
}

@media (max-width: 800px) {
    .checkout {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .checkout .cart-items,
    .checkout .checkout-form {
        margin-right: 0;
        overflow: visible;
        height: auto
    }

    .checkout .cart-items .btn-blue,
    .checkout .checkout-form .btn-blue {
        margin-top: 20px
    }

    .checkout.has-items .cart-items {
        margin-right: 0
    }

    .checkout .checkout-summary {
        overflow: visible;
        width: auto;
        height: auto;
        position: relative;
        top: auto;
        right: auto
    }

    .reviews .hero .logo {
        height: 80%
    }

    footer .left {
        float: none
    }

    footer ul {
        width: 50%;
        padding-bottom: 20px
    }

    footer .right {
        clear: both;
        float: none
    }

    footer .logo {
        text-align: center
    }
}

@media (max-height: 800px) {
    .affirm-popup-bg.variation-new,
    .save-popup-bg.variation-new {
        -webkit-overflow-scrolling: touch;
        overflow: auto
    }

    .affirm-popup-bg.variation-new .popup-holder,
    .save-popup-bg.variation-new .popup-holder {
        display: block;
        padding-bottom: 0;
        height: auto
    }
}

@media only screen and (max-width: 768px) {
    .info-stripe.btn-included .stripe-message {
        margin-left: 136px;
        flex: calc(100% - 302px)
    }

    .info-stripe.btn-included .btn-holder {
        flex: 136px
    }

    .content .block,
    .content .home-hero {
        padding-bottom: 0
    }

    .content .home-hero .image {
        height: 350px
    }

    .content .home-hero .image .slider-helper {
        bottom: 20px
    }

    .content .home-hero .image,
    .content .home-hero .side,
    .content .shop-hero .image {
        width: 100%;
        position: relative
    }

    .content .home-hero .side-inner .side-footer {
        position: relative
    }

    .content .home-hero .side-inner .side-footer .side-logo {
        padding-top: 20px
    }

    .content .home-hero .side-inner .side-footer ul li {
        width: 33.3%;
        font-size: 17px
    }

    .content .shop-hero .image {
        margin-bottom: 20px
    }

    .content .shop-hero .image-slider,
    .content .shop-hero .image-slider div {
        height: 100%
    }

    .cart-page table img,
    .content .shop-hero .side .side-inner ul,
    .content .shop-hero .slider-helper,
    .vanity-title {
        display: none
    }

    .content .shop-hero .side {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
        max-width: 635px;
        margin: 0 auto
    }

    .content .shop-hero .side h2 {
        margin-bottom: 10px
    }

    .content .shop-hero .side .side-inner .price {
        padding-bottom: 5px
    }

    .content .shop-hero .side .side-inner ul:last-child {
        display: block
    }

    .content .block .box-list:not(.no-bord-tablet) > li:nth-child(2) {
        padding: 30px 0
    }

    .content .block .box-list > li:nth-child(2) {
        border-left: none;
        border-right: none
    }

    .content .block-shop {
        overflow-x: hidden
    }

    .content .block-shop .box-list,
    .content .block-shop .box-list li img {
        width: 100%
    }

    .content .block-shop .box-list > li:nth-child(2) {
        padding: 10px 0
    }

    .content .block-shop .box-list li {
        border: none
    }

    .content .block-shop .box-list li p {
        width: auto;
        padding: 0 20px
    }

    .content .block-shop .box-list li ul {
        max-width: 445px
    }

    .content .block-shop .box-list li ul li,
    .content .checkout section.review {
        padding: 0
    }

    .content .block-shop + .blue-bar {
        padding-left: 20px;
        padding-right: 20px
    }

    .content .box-list {
        width: 92%;
        margin: 0 auto
    }

    .content .box-list:not(.no-bord-tablet) li {
        border-bottom: 1px solid #ffe3c9
    }

    .content .box-list.no-bord-tablet li {
        padding: 15px 0
    }

    .content .box-list li {
        border: none;
        float: none;
        width: 100%;
        padding: 30px 0;
        height: auto
    }

    .content .box-list li:last-child {
        border: none;
        padding-bottom: 0
    }

    .content .partners li {
        width: 33.3% !important
    }

    .content .review {
        padding: 30px 20px
    }

    .content .review-details {
        padding: 30px 0 40px
    }

    .content .blue-bar {
        padding: 30px 0
    }

    .content .faqs-menu {
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 40px
    }

    .content .faqs-content {
        margin: 0;
        padding-left: 20px
    }

    .content .review-page .width33,
    .content .review-page .width50,
    .content .review-page .width66 {
        width: 100%;
        float: none
    }

    .content .checkout section,
    .content .checkout section .review-inner,
    .content .review-page .block-leave-review,
    .content .review-page .block-review-form,
    .content .review-page .block-reviews {
        padding-left: 20px;
        padding-right: 20px
    }

    .content .review-page .block-reviews .block-reviews-review {
        position: relative;
        min-height: auto;
        height: auto;
        max-height: auto
    }

    .content .review-page .block-reviews .review-stars-rated {
        position: absolute;
        top: -1px;
        left: 165px
    }

    .content .checkout section {
        float: none;
        width: 100%
    }

    .content .checkout .width33,
    .content .checkout .width50 {
        width: 100%
    }

    .content .checkout .review {
        margin-top: 110px;
        padding-bottom: 50px
    }

    .vanity .vanity-hero .image {
        position: relative;
        width: 100%;
        height: 250px
    }

    .vanity .vanity-hero .vanity-shop {
        float: none;
        width: auto
    }

    .vanity:not(.v-3) .feature-list li {
        display: block;
        margin: 0
    }

    .vanity:not(.v-3) .feature-list li:not(:last-child) {
        padding-bottom: 12px
    }

    .vanity .box-list {
        padding: 0
    }

    .vanity .box-list li {
        padding-top: 25px;
        padding-bottom: 25px
    }

    .vanity .review-list li {
        width: auto;
        float: none
    }

    .vanity .review-list li:not(:last-child) {
        padding-bottom: 0
    }

    .vanity .vanity-help {
        line-height: 30px;
        font-size: 26px
    }

    .affirm-popup-bg.variation-new,
    .save-popup-bg.variation-new {
        -webkit-overflow-scrolling: touch
    }

    .affirm-popup-bg.variation-new .popup-holder,
    .save-popup-bg.variation-new .popup-holder {
        display: block;
        padding-bottom: 0;
        height: calc(100% - 70px)
    }

    .affirm-popup-bg.variation-new .affirm-popup,
    .affirm-popup-bg.variation-new .save-popup,
    .save-popup-bg.variation-new .affirm-popup,
    .save-popup-bg.variation-new .save-popup {
        position: absolute;
        left: 20px;
        top: 0;
        width: calc(100% - 40px);
        box-sizing: border-box;
        height: auto
    }

    .save-popup-bg.variation-new .save-popup {
        padding: 85px 20px
    }

    .save-popup-bg.variation-new .save-popup > ul > li {
        display: block;
        width: auto;
        max-width: 476px;
        margin: 0 auto
    }

    .save-popup-bg.variation-new .save-popup > ul > li:not(:last-child) {
        margin-bottom: 20px
    }

    .affirm-popup-bg.variation-new .affirm-popup {
        padding: 105px 20px
    }

    .affirm-popup-bg.variation-new .affirm-popup .features li:not(:last-child) {
        padding-bottom: 35px
    }

    .affirm-popup-bg.variation-new .affirm-popup .affirm-note {
        font-size: 12px;
        line-height: 18px
    }

    .affirm-popup .affirm-zero {
        font-size: 27px
    }

    .affirm-popup .features li .title,
    .affirm-popup p {
        font-size: 14px
    }

    .affirm-list ul li,
    .affirm-popup .features li {
        float: none;
        width: auto
    }

    .affirm-popup .features li p {
        font-size: 15px
    }

    .affirm-popup .note {
        font-size: 18px
    }

    .affirm-list ul li {
        border-left: 0;
        height: auto;
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 720px) {
    .reviews .review-testimonial > li {
        width: auto;
        float: none
    }

    .reviews .review-testimonial > li:not(:last-child) {
        margin-bottom: 60px
    }

    .reviews .review-testimonial > li p {
        height: auto;
        font-size: 26px
    }

    .personalize-flow {
        padding-left: 20px;
        padding-right: 20px
    }

    .personalize-flow input.textbox,
    .personalize-flow > li .steps > li {
        font-size: 25px
    }

    .personalize-flow .select .list-outer {
        transition: none
    }

    .personalize-flow .select.toggled .list-outer {
        height: 100%;
        position: fixed;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        bottom: auto;
        left: 0;
        top: 0;
        padding-bottom: 0
    }

    .personalize-flow .select.toggled .list-outer .list {
        left: 0;
        position: relative;
        z-index: 90;
        border: none;
        max-height: 100%
    }

    .personalize-flow .select.toggled .list-outer .list .slimScrollDiv {
        position: relative;
        overflow: hidden;
        width: auto;
        height: 100%
    }

    .personalize-flow .select.toggled .list-outer .list .slimScrollDiv div {
        overflow: hidden;
        border: 1px solid #fffaf5
    }

    .graph-switcher .tabs > li {
        width: 100%;
        float: none;
        box-sizing: border-box;
        font-size: 13px;
        padding: 0 10px;
        line-height: 40px;
        margin-left: 0;
        border-radius: 0
    }

    .chart .chart-box a.action-save .desktop-copy,
    .graph-switcher .tabs > li .left,
    .graph-switcher .tabs > li .right {
        display: none
    }

    .graph-switcher .graphs > li {
        border: 0
    }

    .chart-mobile-space-fix {
        height: 50px
    }

    .chart .reviews-list ul > li .title {
        font-size: 16px
    }

    .chart .reviews-list ul > li .name,
    .chart .reviews-list ul > li p {
        font-size: 20px
    }

    .chart .chart-box {
        padding: 20px
    }

    .chart .chart-box.not-variation-new {
        padding-left: 60px;
        height: 50px
    }

    .chart .chart-box.not-variation-new .name {
        width: calc(100% - 212px);
        line-height: 12px;
        font-size: 12px;
        padding: 11px 5px
    }

    .chart .chart-box.not-variation-new a {
        font-size: 12px;
        padding: 17px 5px
    }

    .chart .chart-box.not-variation-new a.action-edit,
    .chart .chart-box.not-variation-new a.action-save {
        width: 66px
    }

    .chart .chart-box.not-variation-new a.action-add {
        width: 80px
    }

    .chart .chart-box .name {
        width: calc((100% - 173px) / 2);
        display: inline-block
    }

    .chart .chart-box .name .name-holder {
        font-size: 18px;
        opacity: 0
    }

    .chart .chart-box .name .mattress-price {
        font-size: 16px;
        margin-top: -14px
    }

    .chart .chart-box ul {
        display: inline-block;
        width: calc((100% + 173px) / 2)
    }

    .chart .chart-box ul li {
        display: inline-block;
        text-align: center
    }

    .chart .chart-box ul li:first-child {
        width: 173px
    }

    .chart .chart-box ul li:last-child {
        width: calc(100% - 173px);
        padding-left: 20px;
        box-sizing: border-box
    }
}

@media (max-height: 700px) {
    .chart .chart-top h1 {
        font-size: 36px
    }

    .chart .chart-top .mattress {
        margin: 20px 0
    }

    .chart .chart-top .mattress img {
        max-height: 300px
    }
}

@media (max-width: 640px) {
    .info-stripe.btn-included .stripe-message {
        flex: calc(100% - 136px);
        font-size: 14px;
        line-height: 16px;
        margin-left: 0
    }

    .personalized-mattress {
        margin-bottom: -40px
    }

    .personalized-mattress .image {
        float: none;
        width: auto;
        height: 300px
    }

    .personalized-mattress .detail {
        float: none;
        width: auto;
        height: auto;
        padding: 30px 20px
    }

    .personalized-mattress .detail .title {
        font-size: 40px;
        line-height: 44px
    }
}

@media only screen and (max-width: 600px) {
    .content .hero-image,
    .content .home-hero .image {
        height: 220px
    }

    .content .home-hero .image-slider > div {
        height: 200px;
        background-position: center top
    }

    .content .shop-hero .image {
        min-height: 200px
    }

    .content .about-list li:nth-child(2) div.text {
        position: relative;
        top: -40px
    }

    .content .about-list li:last-child div.text {
        height: 360px;
        margin-bottom: 0
    }

    .content .about-list li div.image {
        height: 350px
    }

    .content .about-list li div.text {
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 30px
    }

    .content .hero-image-faq {
        height: 200px
    }

    .content .hero-image-faq p {
        font-size: 20px
    }

    .content .block-chart .graph + .space30 {
        height: 110px
    }

    .cart-page table .item-info p,
    .content .spacer-showroom {
        display: none
    }

    .chart .chart-top .stats ul li .legend,
    .chart .chart-top .stats ul li .name,
    .content .order-history td {
        font-size: 12px
    }

    .content .order-history .graph-wrapper {
        padding: 0 20px
    }

    footer .footer-top > li:first-child {
        display: none
    }

    footer .footer-top > li:nth-child(2) {
        padding-left: 20px
    }

    footer .footer-top > li:nth-child(3) {
        padding-left: 80px;
        padding-right: 20px
    }

    footer .footer-top > li:nth-child(3) li {
        text-align: right
    }

    footer .footer-top > li:last-child {
        display: block;
        width: 100%;
        margin-top: 0
    }

    footer .footer-top > li:last-child li {
        text-align: center;
        margin: 0 auto
    }

    footer .footer-bottom span {
        float: left;
        margin-left: 0;
        padding-left: 10px
    }

    footer .footer-bottom-links {
        padding-right: 0
    }

    footer .footer-bottom-links a {
        padding-right: 10px
    }

    .cart-page table {
        padding: 0;
        overflow-x: visible !important
    }

    .cart-page .cart-checkout,
    .cart-page .cart-order-total {
        margin-right: 0
    }

    .chart .chart-top .stats ul li {
        padding: 15px
    }

    .chart .chart-top .stats ul li .line {
        margin: 6px 40px
    }

    .chart .chart-top .stats ul li .line .circle {
        width: 11px;
        height: 11px;
        margin-top: -5px;
        margin-left: -5px
    }

    .save-popup-bg:not(.variation-new) .save-popup {
        padding: 20px
    }

    .save-popup-bg:not(.variation-new) .save-popup .names {
        font-size: 20px;
        background-size: auto 60px;
        padding-left: 0;
        background-position: center top;
        height: auto;
        padding-top: 100px;
        padding-bottom: 30px;
        text-align: center
    }

    .save-popup-bg:not(.variation-new) .save-popup .stats {
        margin-left: -20px;
        margin-right: -20px;
        border-left: 0;
        border-right: 0;
        border-top: 0;
        margin-bottom: 15px
    }

    .save-popup-bg:not(.variation-new) .save-popup .stats li {
        width: 100%;
        float: none;
        border-top: 1px solid #002d66
    }

    .save-popup-bg:not(.variation-new) .save-popup .stats li:nth-child(2n) {
        border-left: 0
    }

    .save-popup-bg:not(.variation-new) .save-popup form input[type=text] {
        height: 50px;
        padding: 0 15px;
        font-size: 14px
    }

    .save-popup-bg:not(.variation-new) .save-popup form .check {
        float: none;
        width: auto;
        height: 50px;
        line-height: 50px
    }

    .save-popup-bg:not(.variation-new) .save-popup form .check label {
        line-height: 50px;
        font-size: 14px
    }

    .save-popup-bg:not(.variation-new) .save-popup form input[type=submit] {
        display: block;
        height: 50px;
        width: 100%
    }

    .affirm-popup-bg.variation-new .popup-close,
    .save-popup-bg.variation-new .popup-close {
        top: 20px;
        right: 20px
    }

    .affirm-popup-bg.variation-new .popup-holder,
    .save-popup-bg.variation-new .popup-holder {
        top: 60px;
        height: calc(100% - 60px);
        padding-right: 0;
        padding-left: 0
    }

    .affirm-popup-bg.variation-new .affirm-popup,
    .affirm-popup-bg.variation-new .save-popup,
    .save-popup-bg.variation-new .affirm-popup,
    .save-popup-bg.variation-new .save-popup {
        width: 100%;
        left: 0
    }

    .save-popup-bg.variation-new .save-popup {
        padding: 45px 0 25px
    }

    .save-popup-bg.variation-new .save-popup > ul > li:not(:last-child) {
        margin-bottom: 10px
    }

    .save-popup-bg.variation-new .save-popup > ul > li.stats-box {
        width: 100%;
        max-width: none;
        padding: 20px 0 0
    }

    .save-popup-bg.variation-new .save-popup .actions-box .names {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 10px
    }

    .save-popup-bg.variation-new .save-popup .actions-box .mattress-type {
        font-size: 14px;
        line-height: 14px;
        padding-bottom: 25px
    }

    .affirm-popup-bg.variation-new .affirm-popup {
        padding: 35px 20px 50px
    }

    .affirm-popup-bg.variation-new .affirm-popup .popup-title img {
        width: 110px
    }

    .affirm-popup-bg.variation-new .affirm-popup .affirm-zero {
        font-size: 30px;
        line-height: 34px
    }

    .affirm-popup-bg.variation-new .affirm-popup p {
        font-size: 20px;
        line-height: 26px
    }

    body.screen {
        height: auto
    }

    .checkout-header {
        position: fixed;
        z-index: 30;
        top: 0;
        left: 0;
        width: 100%;
        height: 60px;
        box-sizing: border-box;
        padding: 10px 15px
    }

    .checkout .checkout-form fieldset dl dd .errorinput-message:after,
    .checkout-header .header-title .icon,
    .checkout-header .header-title .name {
        display: none
    }

    .checkout-header .header-title .logo,
    .checkout-header a span {
        font-size: 16px
    }

    .checkout-header a {
        font-size: 0
    }

    .checkout {
        padding-top: 60px
    }

    .checkout .checkout-form fieldset dl dd .errorinput-message {
        position: relative;
        top: auto;
        right: auto;
        background: 0 0;
        color: #ff7357;
        padding: 10px 0
    }

    .checkout .process-error {
        text-align: center
    }

    .chart .chart-top .mattress .names {
        top: 35%;
        max-width: 70%
    }

    .chart .chart-top .mattress .names li {
        float: none;
        width: 100%;
        padding-bottom: 5px
    }

    .chart .chart-top .mattress .names li span {
        color: #002d66
    }

    .chart .chart-top .mattress .names li:nth-child(2) span {
        color: #ff7357
    }
}

@media (max-width: 640px) {
    .wrapper-sm {
        padding: 0
    }

    .reviews .hero {
        margin-top: 0
    }

    .reviews .hero .logo {
        height: 80%
    }

    .reviews .review-testimonial > li p {
        font-size: 20px
    }

    .personalized-mattress .detail .icon {
        width: 65px;
        height: 65px;
        background-size: 65px auto
    }
}

@media only screen and (max-width: 640px) {
    .cart-helper ul li {
        font-size: 15px;
        width: 80px;
        line-height: 20px
    }

    .content .home-hero .side .side-inner .side-footer ul li {
        width: 85px
    }

    .content .about-list li div.text {
        height: 300px
    }

    .content .about-list li:last-child div.text {
        height: 510px
    }

    .content .graph-main-svg {
        padding-top: 20px;
        padding-bottom: 15px
    }

    .content .graph-main .graph-anim .animation {
        left: auto;
        top: 40px
    }

    .content .graph-main .graph-anim .animation img {
        width: 80%
    }

    .content .graph-main .graph-anim .animation p {
        width: 70%
    }

    .content .graph-split .graph-outer .graph-icons-left li:first-child {
        right: 15px
    }

    .content .graph-split .graph-outer .graph-icons-left li:nth-child(2),
    .content .graph-split .graph-outer .graph-icons-left li:nth-child(3) {
        right: 90px
    }

    .content .graph-split .graph-outer .graph-icons-left li:last-child {
        right: 15px
    }

    .content .graph-split .graph-outer .graph-icons-right li:first-child {
        left: 15px
    }

    .content .graph-split .graph-outer .graph-icons-right li:nth-child(2),
    .content .graph-split .graph-outer .graph-icons-right li:nth-child(3) {
        left: 90px
    }

    .content .graph-split .graph-outer .graph-icons-right li:last-child {
        left: 15px
    }

    .content .graph-split .graph-outer .graph-icons .icon {
        width: 50px
    }

    .content .graph-split .graph-outer .graph-main .graph-anim .animation img {
        width: 100%
    }

    .content .block-chart p.graph-help {
        margin-top: 30px
    }

    .personalize-progress div .bar {
        width: 130px
    }

    .orders-table {
        position: relative
    }

    .orders-table thead {
        display: none
    }

    .orders-table tbody td {
        width: 16%
    }

    .orders-table tbody td:first-child {
        position: absolute;
        top: -30px;
        left: 0;
        width: 100%;
        margin-left: -16px;
        border-bottom: 1px solid #fff
    }

    .orders-table tbody td:nth-child(2),
    .orders-table tbody td:nth-child(3),
    .orders-table tbody td:nth-child(4) {
        width: 28%;
        padding-top: 15px;
        border-right: 1px solid #fff
    }

    .chart-header {
        margin: 0 -20px
    }

    .chart-header .details {
        padding: 40px 25px
    }

    .chart-header .details .save-design-link {
        display: block
    }

    .cart-page .cart-headers {
        display: none
    }

    .cart-page table {
        margin-top: -75px
    }

    .cart-page table td,
    .cart-page table th {
        display: block;
        padding: 15px 0;
        border: none
    }

    .cart-page table td.item-info,
    .cart-page table th.item-info {
        text-align: center
    }

    .cart-page table td:before,
    .cart-page table th:before {
        display: inline-block;
        width: 40%;
        text-align: right;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;;
        font-weight: 700;
        margin-right: 10px
    }

    .cart-page table td:nth-child(3),
    .cart-page table td:nth-child(4),
    .cart-page table td:nth-child(5),
    .cart-page table td:nth-child(6),
    .cart-page table th:nth-child(3),
    .cart-page table th:nth-child(4),
    .cart-page table th:nth-child(5),
    .cart-page table th:nth-child(6) {
        text-align: left
    }

    .cart-page table td:nth-child(3):before,
    .cart-page table th:nth-child(3):before {
        content: 'Price'
    }

    .cart-page table td:nth-child(4):before,
    .cart-page table th:nth-child(4):before {
        content: 'Quantity'
    }

    .cart-page table td:nth-child(5):before,
    .cart-page table th:nth-child(5):before {
        content: 'Shipping'
    }

    .cart-page table td:nth-child(6):before,
    .cart-page table th:nth-child(6):before {
        content: 'Total'
    }

    .cart-page table td:last-child,
    .cart-page table th:last-child {
        border-bottom: 1px solid #ffd7d0
    }

    .cart-page .cart-order-total {
        margin: 30px auto 10px;
        text-align: center
    }

    .cart-page .cart-checkout {
        float: none
    }

    .checkout .cart-items .cart-list tbody .no-items td {
        padding: 30px 0
    }

    footer ul.social li a {
        margin: 0 5px
    }
}

.personalized-v2 {
    color: #71aed2
}

.get-personalized-v2 .hero img,
.howitworks-v2 .hero img,
.personalized-v2 .hero img {
    width: 100%
}

.personalized-v2 .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 60%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

@media (max-width: 900px) {
    .personalized-v2 .hero {
        margin-top: 0
    }
}

.personalized-v2 .get-personalized,
.personalized-v2 .get-started {
    text-align: center;
    margin: 52px 0
}

.personalized-v2 .get-personalized h3,
.personalized-v2 .get-started h3 {
    font-size: 60px;
    height: 67px;
    line-height: 67px;
    padding-bottom: 10px
}

.personalized-v2 .get-personalized a,
.personalized-v2 .get-started a {
    margin: 20px 0 15px
}

.personalized-v2 .get-personalized p,
.personalized-v2 .get-started p {
    font-family: 'Roboto', sans-serif;
    color: #71aed2;
    font-size: 12px
}

.personalized-v2 .get-personalized p.description,
.personalized-v2 .get-started p.description {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    line-height: 34px
}

@media (max-width: 800px) {
    .personalized-v2 .get-personalized h3,
    .personalized-v2 .get-started h3 {
        font-size: 50px;
        height: 57px;
        line-height: 57px
    }

    .personalized-v2 .get-personalized p.description br,
    .personalized-v2 .get-started p.description br {
        display: none
    }
}

@media (max-width: 640px) {
    .personalized-v2 .get-personalized h3,
    .personalized-v2 .get-started h3 {
        font-size: 40px;
        height: 47px;
        line-height: 47px;
        padding-bottom: 5px
    }

    .personalized-v2 .get-personalized p.description,
    .personalized-v2 .get-started p.description {
        font-size: 18px;
        line-height: 27px
    }

    .personalized-v2 .get-personalized p.description br,
    .personalized-v2 .get-started p.description br {
        display: none
    }
}

.personalized-v2 .points li {
    flex-direction: row;
    width: 100%;
    max-width: 880px;
    margin: 0 auto 25px
}

.personalized-v2 .points li:last-child {
    margin: 0 auto
}

.personalized-v2 .points li .icon {
    align-items: center;
    background: #fdf4ec;
    width: 213px;
    height: 213px
}

.personalized-v2 .points li .text {
    background: #fff9f4;
    width: calc(100% - 213px);
    height: 213px;
    padding: 0 55px;
    box-sizing: border-box
}

.personalized-v2 .points li .text .title {
    font-size: 34px;
    padding-bottom: 10px
}

.personalized-v2 .points li .text .description {
    font-size: 20px;
    line-height: 27px
}

@media (max-width: 800px) {
    .personalized-v2 .points li {
        margin-bottom: 20px;
        flex-direction: column
    }

    .personalized-v2 .points li .icon {
        width: 100%
    }

    .personalized-v2 .points li .text {
        width: 100%;
        height: auto;
        padding: 27.5px
    }

    .personalized-v2 .points li .text .title {
        font-size: 28px
    }
}

.personalized-v2 .learn-more {
    font-size: 24px;
    text-align: center;
    height: 134px;
    margin: 0 auto
}

@media (max-width: 900px) {
    .personalized-v2 .learn-more {
        background: #fff9f4;
        margin-top: 52px
    }
}

.personalized-v2 .learn-more a {
    position: relative;
    color: #ff7357
}

.personalized-v2 .learn-more a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    pointer-events: none;
    background: #ff7357;
    width: 100%;
    height: 2px;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 300ms
}

@media (max-width: 640px) {
    .personalized-v2 .learn-more {
        font-size: 18px
    }

    .personalized-v2 .learn-more br {
        display: block
    }
}

.faq-v2 {
    margin: 140px 0 0
}

@media (max-width: 800px) {
    .faq-v2 {
        margin: 80px 0 0
    }
}

@media (max-width: 640px) {
    .faq-v2 {
        margin: 80px 0 0
    }
}

.faq-v2 .search {
    margin: 0 0 60px
}

.faq-detail-v2 {
    margin: 115px 0 0;
    padding-top: 30px;
    border-top: solid 1px #ffe3c9
}

@media (max-width: 800px) {
    .faq-detail-v2 {
        margin: 60px 0 0;
        padding-top: 20px
    }
}

@media (max-width: 640px) {
    .faq-detail-v2 {
        margin: 60px 0 0
    }

    .faq-detail-v2 .questions:first-child ul li p,
    .faq-v2 .questions:first-child ul li p {
        display: none
    }
}

.faq-detail-v2 .search,
.faq-v2 .search {
    text-align: center;
    background: #fff9f4;
    padding: 60px 0
}

.faq-detail-v2 .search h3,
.faq-v2 .search h3 {
    font-size: 60px;
    line-height: 67px;
    padding-bottom: 10px
}

.faq-detail-v2 .search form,
.faq-v2 .search form {
    font-size: 0;
    white-space: nowrap
}

.faq-detail-v2 .search form input,
.faq-v2 .search form input {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #516481;
    width: 340px;
    height: 52px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ffe3c9;
    padding: 0 20px;
    box-sizing: border-box;
    appearance: none;
    border-radius: 0
}

.email-capture form ul li input[type=text]::placeholder,
.faq-detail-v2 .search form input::placeholder,
.faq-v2 .search form input::placeholder {
    color: #516481
}

.faq-detail-v2 .search form button,
.faq-v2 .search form button {
    vertical-align: top;
    height: 52px;
    line-height: 54px;
    padding: 0 25px
}

.faq-detail-v2 .search form button::after,
.faq-v2 .search form button::after {
    content: "SEARCH »"
}

@media (max-width: 800px) {
    .faq-detail-v2 .search h3,
    .faq-v2 .search h3 {
        font-size: 50px;
        line-height: 57px
    }
}

@media (max-width: 640px) {
    .faq-detail-v2 .search,
    .faq-v2 .search {
        padding: 40px 0;
        margin: 0 0 40px
    }

    .faq-detail-v2 .search h3,
    .faq-v2 .search h3 {
        font-size: 40px;
        line-height: 47px;
        padding-bottom: 5px
    }

    .faq-detail-v2 .search form input,
    .faq-v2 .search form input {
        width: calc(100% - 58px)
    }

    .faq-detail-v2 .search form button,
    .faq-v2 .search form button {
        padding: 0 15px
    }

    .faq-detail-v2 .search form button::after,
    .faq-v2 .search form button::after {
        content: '';
        background: no-repeat url(//helixcontent1.com//faq/icon-magnify.png) center center/23px 23px;
        display: block;
        width: 23px;
        height: 23px;
        line-height: 0
    }
}

.faq-detail-v2 .faq-content,
.faq-v2 .faq-content {
    font-size: 0;
    text-align: center;
    padding: 0 20px;
    margin: 0 0 60px
}

.faq-detail-v2 .faq-content .faq-categories-outer,
.faq-v2 .faq-content .faq-categories-outer {
    display: inline-block;
    vertical-align: top;
    width: 370px
}

.faq-detail-v2 .faq-content .faq-categories,
.faq-v2 .faq-content .faq-categories {
    display: block
}

.faq-detail-v2 .faq-content .faq-categories.fixed,
.faq-v2 .faq-content .faq-categories.fixed {
    position: fixed;
    top: 90px
}

.faq-detail-v2 .faq-content .faq-categories .category.top-questions,
.faq-v2 .faq-content .faq-categories .category.top-questions {
    background-color: #71aed2
}

.faq-detail-v2 .faq-content .faq-categories .category.top-questions a,
.faq-v2 .faq-content .faq-categories .category.top-questions a {
    color: #fff
}

.faq-detail-v2 .faq-content .faq-categories .category.top-questions:hover a,
.faq-v2 .faq-content .faq-categories .category.top-questions:hover a {
    background-color: #71aed2;
    color: #fff
}

.faq-detail-v2 .faq-content .faq-categories .category:last-child a,
.faq-v2 .faq-content .faq-categories .category:last-child a {
    border-width: 1px
}

.faq-detail-v2 .faq-content .faq-categories .category a,
.faq-v2 .faq-content .faq-categories .category a {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #002d66;
    text-align: center;
    width: 370px;
    height: 41px;
    line-height: 43px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: #ffe3c9;
    text-transform: uppercase;
    box-sizing: border-box;
    transition: all 300ms
}

.faq-detail-v2 .faq-content .faq-categories .category a:hover,
.faq-v2 .faq-content .faq-categories .category a:hover {
    background: #fff9f4
}

.faq-detail-v2 .faq-content .faq-categories .category a.active,
.faq-v2 .faq-content .faq-categories .category a.active {
    font-weight: 700;
    color: #fffcf8;
    background: #002d66
}

.faq-detail-v2 .faq-content .faq-categories .category a::after,
.faq-v2 .faq-content .faq-categories .category a::after {
    content: " »";
    opacity: 0
}

.faq-detail-v2 .faq-content .faq-categories-select,
.faq-v2 .faq-content .faq-categories-select {
    display: none;
    max-width: 781px;
    margin: 0 auto 40px
}

.faq-detail-v2 .faq-content .faq-categories-select .back,
.faq-v2 .faq-content .faq-categories-select .back {
    display: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ff7357;
    width: 47px
}

.faq-detail-v2 .faq-content .faq-categories-select .select,
.faq-v2 .faq-content .faq-categories-select .select {
    position: relative;
    width: 371px;
    max-width: 100%;
    margin: 0 auto
}

.faq-detail-v2 .faq-content .faq-categories-select .select::before,
.faq-v2 .faq-content .faq-categories-select .select::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 1;
    pointer-events: none;
    height: 0;
    width: 0;
    border: solid transparent;
    border-color: #002d66 transparent transparent;
    border-width: 9px;
    margin: -4.5px 0 0 -9px
}

.faq-detail-v2 .faq-content .faq-categories-select .select::after,
.faq-v2 .faq-content .faq-categories-select .select::after {
    content: "";
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 1;
    background: #fff;
    width: 20px;
    height: 51px
}

.faq-detail-v2 .faq-content .faq-categories-select .select select,
.faq-v2 .faq-content .faq-categories-select .select select {
    appearance: none;
    position: relative;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #002d66;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
    width: 371px;
    max-width: 100%;
    height: 53px;
    line-height: 53px;
    border: 1px solid #ffe3c9;
    padding: 0 55px 0 20px;
    border-radius: 0
}

.faq-detail-v2 .faq-content .faq-questions,
.faq-v2 .faq-content .faq-questions {
    display: inline-block;
    vertical-align: top;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 100%;
    max-width: 781px;
    margin: 0 0 0 25px
}

.faq-detail-v2 .faq-content .faq-questions li,
.faq-v2 .faq-content .faq-questions li {
    border: 1px solid #ffe3c9;
    margin: 0 0 20px
}

.faq-detail-v2 .faq-content .faq-questions li:last-child,
.faq-v2 .faq-content .faq-questions li:last-child {
    margin: 0
}

.faq-detail-v2 .faq-content .faq-questions li .question,
.faq-v2 .faq-content .faq-questions li .question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 81px;
    padding: 0 25px;
    box-sizing: border-box
}

.faq-detail-v2 .faq-content .faq-questions li .question .left,
.faq-v2 .faq-content .faq-questions li .question .left {
    font-size: 18px;
    text-align: left
}

.faq-detail-v2 .faq-content .faq-questions li .question .right a,
.faq-v2 .faq-content .faq-questions li .question .right a {
    display: inline-block;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;;
    font-size: 15px;
    color: #002d66;
    text-transform: uppercase;
    text-align: center;
    background: #fff9f4;
    width: 159px;
    height: 46px;
    line-height: 48px;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.faq-detail-v2 .faq-content .faq-questions li .question .right a:hover,
.faq-v2 .faq-content .faq-questions li .question .right a:hover {
    color: #fffcf8;
    background: #002d66
}

.faq-detail-v2 .faq-content .faq-questions li .learn-more,
.faq-v2 .faq-content .faq-questions li .learn-more {
    display: none;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    background: #fff9f4;
    line-height: 22px;
    padding: 25px;
    box-sizing: border-box
}

.faq-detail-v2 .faq-content .faq-learn-more .container .detail img,
.faq-detail-v2 .faq-content .faq-questions li .learn-more.active,
.faq-v2 .faq-content .faq-learn-more .container .detail img,
.faq-v2 .faq-content .faq-questions li .learn-more.active {
    display: block
}

.faq-detail-v2 .faq-content .faq-questions li .learn-more a,
.faq-v2 .faq-content .faq-questions li .learn-more a {
    position: relative;
    color: #ff7357;
    font-weight: 700
}

.faq-detail-v2 .faq-content .faq-questions li .learn-more a:hover::after,
.faq-v2 .faq-content .faq-questions li .learn-more a:hover::after,
.science-v2 .list-inner ul li .right a:hover::after {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.faq-detail-v2 .faq-content .faq-questions li .learn-more a::after,
.faq-v2 .faq-content .faq-questions li .learn-more a::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background: #ff7357;
    width: 100%;
    height: 1px;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 300ms
}

.faq-detail-v2 .faq-content .faq-learn-more,
.faq-v2 .faq-content .faq-learn-more {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 100%;
    max-width: 781px;
    margin: 0 0 0 25px;
    box-sizing: border-box
}

.faq-detail-v2 .faq-content .faq-learn-more .actions,
.faq-v2 .faq-content .faq-learn-more .actions {
    display: flex;
    align-items: center;
    margin: 0
}

.faq-detail-v2 .faq-content .faq-learn-more .actions .back,
.faq-v2 .faq-content .faq-learn-more .actions .back {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #ff7357
}

.faq-detail-v2 .faq-content .faq-learn-more .actions .social,
.faq-v2 .faq-content .faq-learn-more .actions .social {
    margin: 0 0 0 auto
}

.faq-detail-v2 .faq-content .faq-learn-more .title,
.faq-v2 .faq-content .faq-learn-more .title {
    font-size: 50px;
    margin: 40px 0 0
}

.faq-detail-v2 .faq-content .faq-learn-more .container,
.faq-v2 .faq-content .faq-learn-more .container {
    font-size: 20px
}

.faq-detail-v2 .faq-content .faq-learn-more .container p,
.faq-v2 .faq-content .faq-learn-more .container p {
    line-height: 31px;
    margin: 40px 0 0
}

.faq-detail-v2 .faq-content .faq-learn-more .container .details,
.faq-v2 .faq-content .faq-learn-more .container .details {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.faq-detail-v2 .faq-content .faq-learn-more .container .details .detail,
.faq-v2 .faq-content .faq-learn-more .container .details .detail {
    margin: 40px 20px 0 0 !important
}

.faq-detail-v2 .faq-content .faq-learn-more .container .details .detail:last-child,
.faq-v2 .faq-content .faq-learn-more .container .details .detail:last-child {
    margin: 40px 0 0 !important
}

.faq-detail-v2 .faq-content .faq-learn-more .container .detail,
.faq-v2 .faq-content .faq-learn-more .container .detail {
    margin: 40px 0 0
}

.faq-detail-v2 .faq-content .faq-learn-more .container .detail.left,
.faq-v2 .faq-content .faq-learn-more .container .detail.left {
    margin: 40px 40px 0 0
}

.faq-detail-v2 .faq-content .faq-learn-more .container .detail.right,
.faq-v2 .faq-content .faq-learn-more .container .detail.right {
    margin: 40px 0 0 40px
}

.faq-detail-v2 .faq-content .faq-learn-more .container .detail p,
.faq-v2 .faq-content .faq-learn-more .container .detail p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #516481;
    line-height: 20px;
    margin: 15px 0 0
}

.faq-detail-v2 .faq-content .faq-learn-more .social,
.faq-v2 .faq-content .faq-learn-more .social {
    display: block;
    width: 148px;
    margin: 40px auto 0 0
}

.faq-detail-v2 .faq-content .faq-learn-more .social::after,
.faq-v2 .faq-content .faq-learn-more .social::after {
    content: '';
    clear: both;
    display: block
}

.faq-detail-v2 .faq-content .faq-learn-more .social li,
.faq-v2 .faq-content .faq-learn-more .social li {
    float: left
}

.faq-detail-v2 .faq-content .faq-learn-more .social li:last-child a,
.faq-v2 .faq-content .faq-learn-more .social li:last-child a {
    border-width: 1px
}

.faq-detail-v2 .faq-content .faq-learn-more .social li a,
.faq-v2 .faq-content .faq-learn-more .social li a {
    font-size: 26px;
    color: #002d66;
    text-align: center;
    background: #fff9f4;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ffe3c9
}

@media (max-width: 1236px) {
    .faq-detail-v2 .faq-content .faq-categories,
    .faq-v2 .faq-content .faq-categories {
        display: none
    }

    .faq-detail-v2 .faq-content .faq-categories-select,
    .faq-v2 .faq-content .faq-categories-select {
        display: flex;
        align-items: center
    }

    .faq-detail-v2 .faq-content .faq-categories-select .back,
    .faq-v2 .faq-content .faq-categories-select .back {
        display: block
    }

    .faq-detail-v2 .faq-content .faq-learn-more,
    .faq-detail-v2 .faq-content .faq-questions,
    .faq-v2 .faq-content .faq-learn-more,
    .faq-v2 .faq-content .faq-questions {
        margin: 0 !important
    }

    .faq-detail-v2 .faq-content .faq-learn-more .actions,
    .faq-v2 .faq-content .faq-learn-more .actions {
        display: none
    }

    .faq-detail-v2 .faq-content .faq-learn-more .container .detail img,
    .faq-v2 .faq-content .faq-learn-more .container .detail img {
        max-width: 100%;
        max-height: 100%
    }
}

@media (max-width: 640px) {
    .faq-detail-v2 .faq-content,
    .faq-v2 .faq-content {
        padding: 0
    }

    .faq-detail-v2 .faq-content .faq-categories,
    .faq-detail-v2 .faq-content .faq-categories-select .back,
    .faq-detail-v2 .faq-content .faq-learn-more .actions .social,
    .faq-v2 .faq-content .faq-categories,
    .faq-v2 .faq-content .faq-categories-select .back,
    .faq-v2 .faq-content .faq-learn-more .actions .social {
        display: none
    }

    .faq-detail-v2 .faq-content .faq-categories-select,
    .faq-v2 .faq-content .faq-categories-select {
        display: block;
        padding: 0 20px
    }

    .faq-detail-v2 .faq-content .faq-questions,
    .faq-v2 .faq-content .faq-questions {
        display: block;
        margin: 0 !important
    }

    .faq-detail-v2 .faq-content .faq-questions li,
    .faq-v2 .faq-content .faq-questions li {
        border-width: 1px 0 0;
        margin: 0
    }

    .faq-detail-v2 .faq-content .faq-questions li:last-child,
    .faq-v2 .faq-content .faq-questions li:last-child {
        border-width: 1px 0
    }

    .faq-detail-v2 .faq-content .faq-questions li .question,
    .faq-v2 .faq-content .faq-questions li .question {
        align-items: flex-start !important;
        flex-direction: column !important;
        height: auto;
        padding: 25px
    }

    .faq-detail-v2 .faq-content .faq-questions li .question .right,
    .faq-v2 .faq-content .faq-questions li .question .right {
        margin: 20px 0 0
    }

    .faq-detail-v2 .faq-content .faq-learn-more,
    .faq-v2 .faq-content .faq-learn-more {
        display: block;
        padding: 0 20px;
        margin: 0 !important
    }

    .faq-detail-v2 .faq-content .faq-learn-more .actions,
    .faq-v2 .faq-content .faq-learn-more .actions {
        display: block;
        text-align: center
    }

    .faq-detail-v2 .faq-content .faq-learn-more .title,
    .faq-v2 .faq-content .faq-learn-more .title {
        font-size: 40px
    }

    .faq-detail-v2 .faq-content .faq-learn-more .container .details,
    .faq-v2 .faq-content .faq-learn-more .container .details {
        display: block;
        overflow: auto;
        font-size: 0;
        white-space: nowrap
    }

    .faq-detail-v2 .faq-content .faq-learn-more .container .details .detail,
    .faq-v2 .faq-content .faq-learn-more .container .details .detail {
        display: inline-block;
        vertical-align: top;
        white-space: normal
    }

    .faq-detail-v2 .faq-content .faq-learn-more .container .detail,
    .faq-v2 .faq-content .faq-learn-more .container .detail {
        float: none;
        margin: 40px 0 0 !important
    }

    .faq-detail-v2 .faq-content .faq-learn-more .container .detail.left,
    .faq-detail-v2 .faq-content .faq-learn-more .container .detail.right,
    .faq-v2 .faq-content .faq-learn-more .container .detail.left,
    .faq-v2 .faq-content .faq-learn-more .container .detail.right {
        width: 100% !important
    }

    .faq-detail-v2 .faq-content .faq-learn-more .container .detail img,
    .faq-v2 .faq-content .faq-learn-more .container .detail img {
        width: 100%;
        height: 100%
    }
}

.howitworks-v2 .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 60%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.howitworks-v2 .howitworks-heading {
    text-align: center;
    padding: 75px 20px 0
}

.howitworks-v2 .howitworks-heading .btitle,
.howitworks-v2 .nstep-list .btitle,
.howitworks-v2 .step-list .btitle {
    font-size: 60px
}

.howitworks-v2 .howitworks-heading p,
.howitworks-v2 .nstep-list p,
.howitworks-v2 .step-list p {
    max-width: 640px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 34px
}

.howitworks-v2 .nstep-list,
.howitworks-v2 .step-list {
    padding: 75px 0;
    text-align: center
}

.howitworks-v2 .step-list {
    background: url(//helixcontent1.com//howitworks/howitworks.jpg) no-repeat center -80px;
    position: relative;
    background-size: 2305px auto
}

.howitworks-v2 .step-list .step-list-texts {
    position: absolute;
    width: 1726px;
    left: 50%;
    margin-left: -863px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;;
    color: #71aed2
}

.howitworks-v2 .step-list .step-list-texts div {
    position: absolute
}

.howitworks-v2 .step-list .step-list-texts div:nth-child(1) {
    width: 275px;
    top: 510px;
    left: 66%
}

.howitworks-v2 .step-list .step-list-texts div:nth-child(2) {
    width: 250px;
    top: 705px;
    left: 18%
}

.howitworks-v2 .step-list .step-list-texts div:nth-child(3) {
    width: 230px;
    top: 1310px;
    left: 65%
}

.howitworks-v2 .step-list .step-list-texts div:nth-child(4) {
    width: 305px;
    top: 1490px;
    left: 16.5%
}

.howitworks-v2 .step-list .step-list-texts div a {
    position: relative;
    z-index: 5;
    text-decoration: underline;
    font-weight: 700;
    color: #71aed2
}

.howitworks-v2 .step-list ul {
    padding: 0
}

.howitworks-v2 .step-list ul li {
    padding-bottom: 360px;
    position: relative
}

.howitworks-v2 .step-list ul li:last-child {
    padding-bottom: 200px;
    margin-bottom: 10px
}

.howitworks-v2 .step-list ul li:last-child:before {
    height: 140px;
    background: linear-gradient(#fff9f4, #ffe3c9)
}

.howitworks-v2 .step-list ul li:before {
    position: absolute;
    content: '';
    bottom: 30px;
    left: 50%;
    margin-left: -2px;
    width: 4px;
    height: 300px;
    background: #fff9f4
}

.howitworks-v2 .step-list ul li:last-child:after {
    position: absolute;
    content: '';
    bottom: 30px;
    left: 50%;
    margin-left: -8px;
    width: 12px;
    height: 12px;
    border-left: 4px solid #ffe3c9;
    border-bottom: 4px solid #ffe3c9;
    transform: rotate(-45deg)
}

.howitworks-v2 .step-list ul li .icon {
    padding-bottom: 15px
}

.howitworks-v2 .step-list ul li .icon img {
    display: block;
    margin: 0 auto;
    height: 102px
}

.howitworks-v2 .step-list ul li .num {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #002d66;
    margin: 0 auto;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 48px
}

.howitworks-v2 .step-list ul li .title {
    max-width: 360px;
    margin: 0 auto;
    padding-top: 20px;
    font-size: 34px
}

.howitworks-v2 .step-list ul li p {
    max-width: 340px;
    font-size: 20px;
    line-height: 27px
}

.howitworks-v2 a.btn-orange {
    margin-top: 20px
}

@media (max-width: 1180px) {
    .howitworks-v2 .step-list {
        background: url(//helixcontent1.com//howitworks/howitworks-800.jpg) no-repeat center 300px;
        background-size: 1533px auto
    }

    .howitworks-v2 .step-list .step-list-texts {
        display: none
    }
}

@media (max-width: 800px) {
    .howitworks-v2 .howitworks-heading {
        padding-top: 60px
    }

    .howitworks-v2 .howitworks-heading .btitle,
    .howitworks-v2 .step-list .btitle {
        font-size: 50px
    }

    .howitworks-v2 .howitworks-heading p,
    .howitworks-v2 .step-list p {
        font-size: 21px;
        line-height: 30px
    }

    .howitworks-v2 .step-list {
        padding: 60px 0
    }
}

@media (max-width: 640px) {
    .howitworks-v2 .howitworks-heading .btitle {
        font-size: 40px
    }

    .howitworks-v2 .howitworks-heading p,
    .howitworks-v2 .step-list p {
        font-size: 18px
    }

    .howitworks-v2 .step-list {
        background-image: none
    }

    .howitworks-v2 .step-list .step-list-texts {
        display: none
    }

    .howitworks-v2 .step-list .btitle {
        font-size: 40px
    }

    .howitworks-v2 .step-list ul li {
        padding-bottom: 120px
    }

    .howitworks-v2 .step-list ul li:before {
        bottom: 25px;
        height: 75px
    }

    .howitworks-v2 .step-list ul li:last-child:after {
        bottom: 25px
    }

    .howitworks-v2 .step-list ul li .title {
        font-size: 24px
    }

    .howitworks-v2 .step-list ul li p {
        font-size: 18px;
        line-height: 25px
    }
}

.get-personalized-v2.personalize-save-box .email-capture.popping-up {
    display: block
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="3"]):not([data-emailcapture="1"]) .personalize-flow {
    padding-bottom: 60px
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="3"]):not([data-emailcapture="1"]) .cx-support {
    display: none
}

.get-personalized-v2.personalize-save-box[data-emailcapture="1"] .personalize-flow {
    padding-bottom: 340px
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader {
    max-width: 1000px;
    padding: 30px
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .email-capture.in-loader {
    display: block
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .border-holder {
    margin-top: 30px;
    border: 1px solid #ffe4c9
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box {
    margin-top: 0;
    max-width: none;
    padding: 55px 60px 40px
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box ul li {
    display: inline-block;
    width: calc((100% - 60px) / 2)
}

.get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box ul li:nth-child(odd) {
    margin-right: 60px
}

.get-personalized-v2 .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: 60%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.get-personalized-v2.personalize-saved .email-capture.at-the-bottom,
.get-personalized-v2.personalize-saved .email-capture.in-loader,
.get-personalized-v2.personalize-saved .email-capture.popping-up {
    display: none
}

.get-personalized-v2.personalize-saved .personalize-flow {
    padding-bottom: 275px
}

.get-personalized-v2 .chart-loader-bg {
    position: fixed;
    top: 0;
    overflow: auto;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 120;
    display: flex;
    opacity: 0;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
    transition: left 0ms 200ms, opacity 200ms
}

.get-personalized-v2 .chart-loader-bg.opened {
    left: 0;
    opacity: 1;
    pointer-events: auto;
    transition: left 0ms, opacity 200ms
}

.get-personalized-v2 .chart-loader-bg .chart-loader {
    margin: auto;
    max-width: 730px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 50px
}

.get-personalized-v2 .chart-loader-bg .chart-loader .loader-title {
    font-size: 40px;
    line-height: 50px
}

.get-personalized-v2 .chart-loader-bg .chart-loader p {
    padding-top: 15px;
    font-size: 30px;
    line-height: 30px
}

.get-personalized-v2 .chart-loader-bg .chart-loader .animation-box {
    background-color: #fff9f4;
    padding: 55px 65px;
    max-width: 510px;
    margin: 20px auto 0;
    box-sizing: border-box
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li {
    text-align: center
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .icon {
    display: inline-block;
    margin: 2px 0;
    width: 31px;
    height: 31px;
    background: no-repeat center center/contain
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .icon.icon-1 {
    background-image: url(//helixcontent1.com//loader/icon-1.png)
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .icon.icon-2 {
    background-image: url(//helixcontent1.com//loader/icon-2.png)
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .icon.icon-3 {
    background-image: url(//helixcontent1.com//loader/icon-3.png)
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .icon.icon-4 {
    background-image: url(//helixcontent1.com//loader/icon-4.png)
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .bar {
    display: inline-block;
    vertical-align: top;
    margin: 5px 10px;
    width: calc(100% - 76px);
    height: 25px;
    background: #fff;
    border-radius: 12.5px;
    border: 1px #ffe3c9 solid;
    box-sizing: border-box;
    overflow: hidden
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .bar > div {
    background: #00306b;
    width: 0;
    height: 100%
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .check {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    margin: 5px 0;
    background: url(//helixcontent1.com//loader/check.png) no-repeat center center/contain;
    opacity: 0;
    transform: scale(.5)
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li .name {
    font-family: 'Roboto', sans-serif;;
    padding-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased
}

.get-personalized-v2 .chart-loader-bg .chart-loader ul li:last-child .name {
    padding-bottom: 0
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li .bar > div {
    width: 100%;
    transition: 900ms 100ms cubic-bezier(.1, .57, .2, 1)
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li .check {
    opacity: 1;
    transform: scale(1);
    transition: 600ms 900ms cubic-bezier(.175, .885, .32, 1.275)
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li:nth-child(2) .bar > div,
.popup-v4.chart-loader-v4.animate ul li:nth-child(2) .bar > div,
.showroom-login-v4.chart-loader-v4.animate ul li:nth-child(2) .bar > div {
    transition: 900ms 550ms cubic-bezier(.1, .57, .2, 1)
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li:nth-child(2) .check {
    transition: 600ms 1350ms cubic-bezier(.175, .885, .32, 1.275)
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li:nth-child(3) .bar > div,
.popup-v4.chart-loader-v4.animate ul li:nth-child(3) .bar > div,
.showroom-login-v4.chart-loader-v4.animate ul li:nth-child(3) .bar > div {
    transition: 900ms 1000ms cubic-bezier(.1, .57, .2, 1)
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li:nth-child(3) .check {
    transition: 600ms 1800ms cubic-bezier(.175, .885, .32, 1.275)
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li:nth-child(4) .bar > div,
.popup-v4.chart-loader-v4.animate ul li:nth-child(4) .bar > div,
.showroom-login-v4.chart-loader-v4.animate ul li:nth-child(4) .bar > div {
    transition: 900ms 1450ms cubic-bezier(.1, .57, .2, 1)
}

.get-personalized-v2 .chart-loader-bg .chart-loader.animate ul li:nth-child(4) .check {
    transition: 600ms 2250ms cubic-bezier(.175, .885, .32, 1.275)
}

.get-personalized-v2 .questionnaire {
    text-align: center;
    padding: 50px 0;
    background: #fff
}

.get-personalized-v2 .questionnaire .middled {
    align-items: center
}

.get-personalized-v2 .questionnaire h3 {
    font-size: 60px;
    height: 67px;
    line-height: 67px;
    padding-bottom: 10px
}

.get-personalized-v2 .questionnaire p {
    font-family: 'Roboto', sans-serif;
    max-width: 680px;
    margin: 0 auto;
    font-size: 24px;
    line-height: 34px;
    color: #71aed2
}

.get-personalized-v2 .personalize-progress-outer {
    height: 51px
}

.get-personalized-v2 .personalize-progress-outer .personalize-progress {
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    background: #fdf4ec
}

.get-personalized-v2 .personalize-progress-outer .personalize-progress.fixed {
    top: 0
}

.get-personalized-v2 .personalize-progress-outer .personalize-progress .max,
.get-personalized-v2 .personalize-progress-outer .personalize-progress .status {
    display: inline-block;
    vertical-align: middle;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    width: 60px;
    text-align: center;
    color: #71aed2
}

.get-personalized-v2 .personalize-progress-outer .personalize-progress .max::after,
.get-personalized-v2 .personalize-progress-outer .personalize-progress .status::after {
    content: "%"
}

.get-personalized-v2 .personalize-progress-outer .personalize-progress .bar {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    width: 316px;
    height: 22px;
    border: 1px solid #ffe3c9;
    margin: 0 15px
}

.get-personalized-v2 .personalize-progress-outer .personalize-progress .bar .bar-inner {
    background: #71aed2;
    width: 0;
    height: 22px
}

.get-personalized-v2 .personalize-flow {
    padding: 0 0 275px;
    background-color: #fffcf8
}

.get-personalized-v2 .personalize-flow h2 {
    border-bottom-width: 2px
}

.get-personalized-v2 .personalize-flow h3,
.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed .note strong,
body {
    color: #71aed2;
}

.get-personalized-v2 .personalize-flow h3.padt {
    padding-top: 20px
}

.get-personalized-v2 .personalize-flow > li {
    padding: 65px 20px
}

.get-personalized-v2 .personalize-flow > li:nth-child(even) {
    background: #fdf7f1
}

.get-personalized-v2 .personalize-flow > li:nth-child(odd) {
    background: #fffcf8
}

.get-personalized-v2 .personalize-flow > li:last-child {
    background: #fffcf8;
    padding-top: 0;
    padding-bottom: 0
}

.get-personalized-v2 .personalize-flow > li .question-mark-split .personalize-help,
.get-personalized-v2 .personalize-flow > li[data-name$=".physique"] .personalize-help {
    max-width: 780px
}

.get-personalized-v2 .personalize-flow > li .personalize-help {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #71aed2;
    background: #fbf0e5;
    max-width: 660px;
    line-height: 26px;
    border: 0;
    padding: 29px;
    margin: 29px auto 0;
    border-radius: 0;
    box-sizing: border-box
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds {
    position: relative;
    display: flex;
    background: 0 0;
    max-width: 781px;
    padding: 0;
    margin: 73px auto 0;
    color: #71aed2
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed {
    width: 50%
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed:first-child {
    margin: 0 4px 0 0
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed:last-child {
    margin: 0 0 0 4px
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed .bed-inner {
    position: relative;
    color: #71aed2;
    background: #fdf4ec;
    padding: 50px 20px 40px
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed .bed-inner .icon {
    position: absolute;
    top: -42px;
    left: 50%;
    margin: 0 0 0 -52.5px
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed .bed-inner .title {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed .bed-inner .description {
    font-size: 14px;
    line-height: 21px;
    padding: 0 20px
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed .note {
    font-size: 14px;
    line-height: 18px;
    background: #fdf4ec;
    padding: 30px 20px;
    margin: 8px 0 0
}

.get-personalized-v2 .personalize-flow > li .personalize-help.beds .vs {
    position: absolute;
    top: 82px;
    left: 50%;
    z-index: 1;
    font-size: 14px;
    color: #fffcf8;
    background: #71aed2;
    width: 54px;
    height: 54px;
    line-height: 54px;
    border: 6px solid #fffcf8;
    margin: -33px 0 0 -33px;
    border-radius: 50%
}

.get-personalized-v2 .personalize-flow > li .personalize-data.filled .split-list > li,
.get-personalized-v2 .personalize-flow > li.completed .body-shape-list li {
    opacity: .5
}

.get-personalized-v2 .personalize-flow > li .personalize-data.filled .split-list > li::after,
.get-personalized-v2 .personalize-flow > li.completed .body-shape-list li::after {
    background: #002d66 url(//helixcontent1.com//get-personalized/no.png) no-repeat center center/25px 25px;
    opacity: 1
}

.get-personalized-v2 .personalize-flow > li .body-shape-list > li {
    position: relative;
    background: #fffcf8;
    width: 145px;
    height: auto;
    border: 2px solid #ffe3c9;
    margin: 0 10px 0 0
}

.get-personalized-v2 .personalize-flow > li .body-shape-list > li img {
    max-height: 140px
}

.get-personalized-v2 .personalize-flow > li .body-shape-list > li:last-child {
    margin: 0
}

.get-personalized-v2 .personalize-flow > li .body-shape-list > li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 37px;
    opacity: 0;
    transition: all 300ms
}

.get-personalized-v2 .personalize-flow > li .body-shape-list > li.active {
    background: 0 0;
    border: 2px solid #ff7357;
    opacity: 1
}

.get-personalized-v2 .personalize-flow > li .body-shape-list > li.active::after,
.get-personalized-v2 .personalize-flow > li .personalize-data.filled .split-list > li.active::after {
    background: #ff7357 url(//helixcontent1.com//get-personalized/yes.png) no-repeat center center/25px 25px;
    opacity: 1
}

.get-personalized-v2 .personalize-flow > li .body-shape-list > li span {
    background: #fdf4ec;
    height: 90px;
    padding: 12px 15px;
    box-sizing: border-box
}

.get-personalized-v2 .personalize-flow > li .split-list {
    max-width: 780px;
    padding-top: 20px
}

.get-personalized-v2 .personalize-flow > li .split-list::after {
    content: '';
    clear: both;
    display: block
}

.get-personalized-v2 .personalize-flow > li .split-list > li {
    float: left;
    width: 380px;
    box-sizing: border-box;
    height: 260px;
    border: 2px solid #ffe3c9;
    background-color: #fffcf8;
    font-family: 'Roboto', sans-serif;;
    line-height: normal;
    padding: 0 20px;
    cursor: pointer;
    position: relative
}

.get-personalized-v2 .personalize-flow > li .split-list > li:nth-child(2n) {
    margin-left: 20px
}

@media (max-width: 820px) {
    .get-personalized-v2 .personalize-flow > li .split-list > li {
        width: calc(50% - 10px)
    }
}

@media (max-width: 640px) {
    .get-personalized-v2 .personalize-flow > li .split-list > li {
        width: 100%;
        margin-bottom: 20px
    }

    .get-personalized-v2 .personalize-flow > li .split-list > li:nth-child(2n) {
        margin-left: 0;
        margin-bottom: 0
    }
}

.get-personalized-v2 .personalize-flow > li .split-list > li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    height: 37px;
    opacity: 0;
    -webkit-transition: all 300ms;
    transition: all 300ms
}

.get-personalized-v2 .personalize-flow > li .split-list > li img {
    display: block;
    width: 105px;
    height: 82px;
    margin: 35px auto 15px
}

.get-personalized-v2 .personalize-flow > li .split-list > li .split-title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 5px
}

.get-personalized-v2 .personalize-flow > li .split-list > li .split-description {
    font-size: 16px
}

.get-personalized-v2 .personalize-flow > li .personalize-data.filled .split-list > li.active {
    opacity: 1;
    border-color: #ff7357
}

.get-personalized-v2 .personalize-flow > li .side-selection {
    background: #fdf7f1;
    padding: 35px;
    position: relative;
    max-width: 780px;
    margin: 10px auto 70px
}

.get-personalized-v2 .personalize-flow > li .side-selection .bed img {
    display: block;
    width: 235px;
    max-width: 31%;
    margin: 0 auto
}

.get-personalized-v2 .personalize-flow > li .side-selection .side {
    position: absolute;
    left: 35px;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    width: 24%;
    text-align: center
}

.get-personalized-v2 .personalize-flow > li .side-selection .side.side-right {
    left: auto;
    right: 35px
}

.get-personalized-v2 .personalize-flow > li .side-selection .side .side-title {
    font-family: 'Roboto', sans-serif;;
    font-size: 19px;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 8px
}

.get-personalized-v2 .personalize-flow > li .side-selection .side .personalize-data,
.order-detail .detail .details .navigation > li .conten ul {
    width: 100%
}

.get-personalized-v2 .personalize-flow > li .side-selection .side select {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    border: 1px solid #ffe3c9;
    background: #fff9f4 url(//helixcontent1.com//get-personalized/dropdown.png) no-repeat right 16px center/12px auto;
    appearance: none;
    padding: 0 40px 0 15px;
    font-size: 16px;
    color: #002d66;
    border-radius: 0;
    font-family: 'Roboto', sans-serif;
}

.get-personalized-v2 .personalize-flow > li .side-selection .arrow-helper {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -25px;
    width: 100%;
    font-family: 'Roboto', sans-serif;;
    font-size: 15px;
    padding-top: 60px;
    background: url(//helixcontent1.com//get-personalized/bedside-arrow.png) no-repeat center top/auto 54px
}

@media (max-width: 640px) {
    .get-personalized-v2 .personalize-flow > li .side-selection {
        margin-bottom: 0
    }

    .get-personalized-v2 .personalize-flow > li .side-selection .bed img {
        max-width: 175px
    }

    .get-personalized-v2 .personalize-flow > li .side-selection .arrow-helper {
        position: relative;
        left: auto;
        width: auto;
        margin-top: 10px
    }

    .get-personalized-v2 .personalize-flow > li .side-selection .side {
        position: relative;
        left: auto;
        top: auto;
        max-width: 200px;
        width: auto;
        margin: 0 auto;
        transform: none;
        padding-top: 25px
    }

    .get-personalized-v2 .personalize-flow > li .side-selection .side.side-right {
        right: auto
    }
}

.get-personalized-v2 .personalize-flow > li .personalize-note {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    max-width: 660px;
    margin: 0 auto;
    line-height: normal;
    padding-top: 10px
}

.get-personalized-v2 .personalize-flow > li .radio-list {
    background: #fdf4ec;
    padding: 20px 30px
}

.get-personalized-v2 .personalize-flow > li .radio-list li {
    position: relative;
    text-align: left;
    background: 0 0;
    border: 0;
    padding: 10px 0 10px 35px;
    font-size: 16px
}

.get-personalized-v2 .personalize-flow > li .radio-list li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #fff;
    width: 25px;
    height: 25px;
    border: 2px solid #ffe3c9;
    margin: -12.5px 0 0;
    border-radius: 50%;
    box-sizing: border-box
}

.get-personalized-v2 .personalize-flow > li .radio-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    background: #ff7357;
    width: 11px;
    height: 11px;
    margin: -5.5px 0 0;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.get-personalized-v2 .personalize-flow > li .radio-list li.active {
    color: #002d66
}

.get-personalized-v2 .personalize-flow > li .radio-list li.active::after {
    opacity: 1
}

.get-personalized-v2 .personalize-flow > li [data-multiselect=true] .radio-list li::before {
    border-radius: 0
}

.get-personalized-v2 .personalize-flow > li [data-multiselect=true] .radio-list li::after {
    left: 3px;
    background: url(//helixcontent1.com//get-personalized/selected.png) no-repeat center center/16px auto;
    width: 21px;
    height: 21px;
    margin: -11px 0 0;
    border-radius: 0
}

.get-personalized-v2 .personalize-flow .personalize-submit h3 {
    font-size: 50px;
    line-height: 57px
}

@media (max-width: 800px) {
    .get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box {
        padding: 50px 20px
    }

    .get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box ul li {
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 375px
    }

    .get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box ul li:nth-child(odd) {
        margin-right: auto
    }

    .get-personalized-v2 .questionnaire h3 {
        font-size: 50px;
        height: 57px;
        line-height: 57px
    }

    .get-personalized-v2 .questionnaire p br {
        display: none
    }

    .get-personalized-v2 .personalize-flow > li .select.toggled .list-outer {
        z-index: 115
    }

    .get-personalized-v2 .personalize-flow > li .body-shape-list {
        overflow-y: auto;
        white-space: nowrap;
        margin: 0 -20px;
        width: 100vw;
        padding: 0 20px;
        box-sizing: border-box
    }

    .get-personalized-v2 .personalize-flow > li .body-shape-list li {
        white-space: normal
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader p {
        padding-top: 10px;
        font-size: 24px;
        line-height: 24px
    }
}

@media (max-width: 640px) {
    .get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader {
        padding: 30px 20px 85px
    }

    .get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .border-holder {
        border: none
    }

    .get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box ul li {
        display: block;
        width: auto;
        margin: 0 auto;
        max-width: 375px
    }

    .get-personalized-v2.personalize-save-box:not([data-emailcapture="2"]):not([data-emailcapture="1"]) .chart-loader-bg .chart-loader .animation-box ul li:nth-child(odd) {
        margin-right: auto
    }

    .get-personalized-v2 .questionnaire {
        padding: 25px 0
    }

    .get-personalized-v2 .questionnaire h3 {
        font-size: 40px;
        height: 47px;
        line-height: 47px;
        padding-bottom: 5px
    }

    .get-personalized-v2 .questionnaire p {
        font-size: 18px;
        line-height: 26px
    }

    .get-personalized-v2 .personalize-progress-outer .personalize-progress {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
        box-sizing: border-box
    }

    .get-personalized-v2 .personalize-progress-outer .personalize-progress .bar {
        width: 100%
    }

    .get-personalized-v2 .personalize-flow > li:first-child {
        padding-top: 30px
    }

    .get-personalized-v2 .personalize-flow > li .personalize-help.beds {
        flex-direction: column;
        margin: 0 auto
    }

    .get-personalized-v2 .personalize-flow > li .personalize-help.beds .bed {
        width: 100%;
        margin: 73px auto 0 !important
    }

    .get-personalized-v2 .personalize-flow > li .personalize-help.beds .vs {
        display: none
    }

    .get-personalized-v2 .personalize-flow .personalize-submit h3 {
        font-size: 40px;
        line-height: 47px
    }

    .get-personalized-v2 .chart-loader-bg {
        overflow: auto
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader {
        padding: 30px 20px 85px;
        z-index: 2
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader .animation-box {
        max-width: none;
        width: auto
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader .loader-title {
        font-size: 34px;
        line-height: 42px
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader p {
        padding-top: 5px;
        font-size: 20px;
        line-height: 20px
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader .animation-box {
        margin: 30px -20px 0;
        padding: 50px 20px
    }
}

@media (max-width: 350px) {
    .get-personalized-v2 .chart-loader-bg .chart-loader .animation-box {
        max-width: none;
        width: auto
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader .loader-title {
        font-size: 26px;
        line-height: 30px
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader p {
        font-size: 16px;
        line-height: 16px
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader .animation-box {
        padding: 20px
    }

    .get-personalized-v2 .chart-loader-bg .chart-loader ul li .name {
        font-size: 12px;
        line-height: 16px;
        padding-bottom: 10px
    }
}

.cx-support,
.email-capture {
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ffe3c9;
    background-color: #fff;
    line-height: 24px;
    font-size: 16px;
    color: #002d66;
    font-family: 'Roboto', sans-serif;
    text-align: center
}

.email-capture {
    display: none;
    z-index: 110;
    padding: 45px 40px 50px;
    -webkit-transform: translate3d(0, calc(100% + 100px), 0);
    -moz-transform: translate3d(0, calc(100% + 100px), 0);
    -ms-transform: translate3d(0, calc(100% + 100px), 0);
    -o-transform: translate3d(0, calc(100% + 100px), 0);
    transform: translate3d(0, calc(100% + 100px), 0);
    transition: transform 500ms, opacity 500ms, left 0ms
}

.email-capture.at-the-bottom,
.email-capture.visible {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.email-capture.at-the-bottom {
    position: relative;
    bottom: auto;
    left: auto;
    padding-top: 55px;
    padding-bottom: 65px;
    display: none
}

.email-capture.at-the-bottom.visible {
    display: block
}

.email-capture.at-the-bottom ul {
    max-width: 480px
}

.email-capture.popping-up {
    opacity: 0;
    left: -9999px
}

.email-capture.popping-up.visible {
    opacity: 1;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.email-capture.popping-up.disabled {
    opacity: 0;
    left: -9999px;
    transition: transform 500ms, opacity 500ms, left 0ms 500ms
}

.email-capture.in-loader {
    position: relative;
    bottom: auto;
    left: auto;
    border-top: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    padding: 35px 0 60px
}

.email-capture.in-loader .heading,
.showroom-v2 .details-inner h3.city {
    font-size: 24px
}

.email-capture.in-loader ul li input[type=submit] {
    background: #ff7357
}

.email-capture .close {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 25px;
    height: 25px;
    display: block;
    cursor: pointer
}

.email-capture .close:after,
.email-capture .close:before {
    height: 2px;
    width: 25px;
    position: absolute;
    background: #002d66;
    content: '';
    display: block;
    top: 14px;
    left: 0
}

.email-capture .close:before {
    transform: rotate(45deg)
}

.email-capture .close:after {
    transform: rotate(-45deg)
}

.email-capture .underlined {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 34px;
    margin-bottom: 30px
}

.email-capture .underlined:after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #002d66;
    bottom: 0;
    left: 0
}

.email-capture .heading {
    font-size: 34px;
    line-height: 38px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px
}

.email-capture .subheading {
    margin-top: -5px;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 25px
}

.email-capture .holder > ul {
    font-size: 0
}

.email-capture .holder > ul > li {
    line-height: normal;
    display: inline-block;
    vertical-align: top
}

.email-capture .holder > ul > li .or {
    line-height: 56px
}

.email-capture .holder > ul > li:not(:last-child) {
    margin-right: 40px
}

.cx-support ul li,
.email-capture form,
.shop .shop-header .detail .info.info-rating .stars i {
    display: inline-block
}

.email-capture form ul {
    max-width: 460px;
    margin: 0 auto;
    font-size: 0
}

.email-capture form ul li.email {
    width: calc(100% - 200px)
}

.email-capture form ul li.capture-btn {
    width: 200px
}

.email-capture form ul li input {
    height: 56px;
    appearance: none;
    border-radius: 0;
    width: 100%;
    padding: 0 20px
}

.email-capture form ul li input[type=text] {
    font-size: 16px;
    color: #002d66;
    background: #fff;
    border: solid 1px #ffe3c9;
    border-right: none;
    box-sizing: border-box
}

.email-capture form ul li input[type=submit] {
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    background: #002d66;
    cursor: pointer;
    -webkit-font-smoothing: antialiased
}

.email-capture .error:not(:empty) {
    color: #e04c4c;
    padding-top: 20px;
    font-size: 15px
}

.email-capture .or {
    color: #002d66;
    text-transform: uppercase
}

.email-capture .or,
.email-capture .to-results {
    display: inline-block;
    font-size: 16px;
    line-height: 16px
}

.email-capture .to-results .btn-blue {
    color: #fff;
    border-radius: 0;
    padding: 0 25px
}

.email-capture .to-results .btn-blue:hover {
    background-color: #002d66
}

@media (max-width: 800px) {
    .email-capture.in-loader {
        padding: 50px 0
    }

    .email-capture .holder > ul > li {
        display: block
    }

    .email-capture .holder > ul > li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media (max-width: 640px) {
    .email-capture {
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        z-index: 110
    }

    .email-capture.popping-up {
        padding-left: 0;
        padding-right: 0
    }

    .email-capture:not(.in-loader) {
        padding: 50px 20px;
        box-sizing: border-box
    }

    .email-capture:not(.in-loader) ul li input[type=text] {
        margin-bottom: 20px
    }

    .email-capture .holder {
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        flex-direction: column
    }

    .email-capture .close {
        top: 20px;
        right: 20px
    }

    .email-capture .subheading,
    .email-capture .underlined {
        display: none
    }

    .email-capture .heading {
        margin-bottom: 25px
    }

    .email-capture .to-results .btn-blue,
    .email-capture form,
    .email-capture form ul li {
        display: block
    }

    .email-capture form ul {
        width: 100%
    }

    .email-capture form ul li.capture-btn,
    .email-capture form ul li.email {
        width: auto
    }

    .email-capture form ul li input[type=text] {
        border-right: solid 1px #ffe3c9;
        margin-bottom: 10px
    }

    .email-capture .to-results {
        display: block;
        max-width: 460px;
        margin: 0 auto
    }
}

.cx-support {
    padding: 15px
}

.cx-support .sentence {
    font-weight: 700;
    display: inline-block
}

.cx-support ul li:not(:last-child) {
    margin-right: 5px
}

.cx-support ul li a {
    color: #ff7357;
    font-weight: 700
}

@media (max-width: 1140px) {
    .cx-support {
        padding-left: 365px
    }
}

@media (max-width: 800px) {
    .cx-support div {
        display: none
    }

    .cx-support ul li {
        display: block
    }
}

@media (max-width: 720px) {
    .cx-support {
        line-height: 18px;
        font-size: 14px;
        padding: 10px;
        text-align: center
    }
}

.about-v2 .hero {
    position: relative
}

.about-v2 .hero img:not(.logo) {
    display: block;
    width: 100%
}

.about-v2 .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 244px;
    max-height: 244px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.about-v2 .about-us {
    color: #002d66;
    text-align: center;
    padding: 73px 0 69px
}

.about-v2 .about-us h3,
.science-v2 .know h3 {
    font-size: 60px;
    line-height: initial;
    padding: 0
}

.about-v2 .about-us p,
.science-v2 .know p {
    font-size: 24px;
    line-height: 34px
}

.about-v2 .experience,
.about-v2 .founders,
.about-v2 .personalization,
.about-v2 .philosophy,
.about-v2 .quality {
    position: relative;
    font-size: 0
}

.about-v2 .philosophy .description {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -192px 0 0
}

.about-v2 .personalization .description {
    position: absolute;
    right: 0
}

.about-v2 .experience .description {
    position: absolute;
    top: 50%;
    margin: -192px 0 0
}

.about-v2 .quality .description {
    position: absolute;
    right: 0
}

.about-v2 .founders .description {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -192px 0 0
}

.about-v2 .experience .description-inner,
.about-v2 .founders .description-inner,
.about-v2 .personalization .description-inner,
.about-v2 .philosophy .description-inner,
.about-v2 .quality .description-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #002d66;
    background: #fff9f4;
    width: 580px;
    height: 380px;
    box-shadow: 0 3px 42px 3px rgba(0, 0, 0, .08);
    box-sizing: border-box;
    padding: 0 25px
}

.about-v2 .experience .description-inner .title,
.about-v2 .founders .description-inner .title,
.about-v2 .personalization .description-inner .title,
.about-v2 .philosophy .description-inner .title,
.about-v2 .quality .description-inner .title {
    font-size: 34px;
    text-align: center;
    padding: 0 0 10px
}

.about-v2 .experience .description-inner .text,
.about-v2 .founders .description-inner .text,
.about-v2 .personalization .description-inner .text,
.about-v2 .philosophy .description-inner .text,
.about-v2 .quality .description-inner .text {
    font-size: 20px;
    text-align: center;
    line-height: 27px
}

.about-v2 .experience .description-inner .text a,
.about-v2 .founders .description-inner .text a,
.about-v2 .hiring a,
.about-v2 .personalization .description-inner .text a,
.about-v2 .philosophy .description-inner .text a,
.about-v2 .quality .description-inner .text a {
    position: relative;
    color: #ff7357;
    text-decoration: none
}

.about-v2 .experience .description-inner .text a::after,
.about-v2 .founders .description-inner .text a::after,
.about-v2 .hiring a::after,
.about-v2 .personalization .description-inner .text a::after,
.about-v2 .philosophy .description-inner .text a::after,
.about-v2 .quality .description-inner .text a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    pointer-events: none;
    background: #ff7357;
    width: 100%;
    height: 1px;
    transition: all 300ms
}

.about-v2 .personalization {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 210px;
    margin: 150px 0 0
}

.about-v2 .personalization img:nth-child(1) {
    margin: 62px 0 0
}

.about-v2 .personalization img.icon {
    position: absolute;
    top: 0;
    left: 80px
}

.about-v2 .personalization .fun-fact {
    position: absolute;
    top: 556px;
    left: 50px;
    font-family: 'Roboto', sans-serif;;
    font-size: 13px;
    text-align: center;
    background: url(//helixcontent1.com//about/personalization-fun-fact.png) no-repeat left top;
    height: 92px;
    padding: 0 0 0 45px
}

.about-v2 .personalization .description {
    top: 333px;
    left: 50%;
    margin: 0 0 0 -292px
}

.about-v2 .experience {
    margin: 150px 0 0
}

.about-v2 .experience img {
    display: block;
    margin: 0 0 0 auto
}

.about-v2 .experience .description {
    right: initial;
    left: 0
}

.about-v2 .quality {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 0 210px;
    margin: 150px 0 0
}

.about-v2 .quality img:nth-child(2) {
    margin: 62px 0 0
}

.about-v2 .quality img.icon {
    position: absolute;
    top: 0;
    right: 100px
}

.about-v2 .quality .fun-fact {
    position: absolute;
    top: 477px;
    left: 50px;
    font-family: 'Roboto', sans-serif;;
    font-size: 13px;
    text-align: center;
    background: url(//helixcontent1.com//about/quality-fun-fact.png) no-repeat left top;
    height: 92px;
    padding: 0 0 0 45px
}

.about-v2 .quality .description {
    top: 333px;
    left: 50%;
    margin: 0 0 0 -292px
}

.about-v2 .founders {
    margin: 150px 0 300px
}

.about-v2 .founders img.fun-fact {
    position: absolute;
    top: 554px;
    left: 230px
}

.about-v2 .founders .fun-fact {
    position: absolute;
    top: 556px;
    left: 200px;
    font-family: 'Roboto', sans-serif;;
    font-size: 13px;
    text-align: center;
    background: url(//helixcontent1.com//about/founders-fun-fact.png) no-repeat right bottom/130px auto;
    height: 70px;
    box-sizing: border-box;
    padding: 10px 40px 0 0
}

.about-v2 .hiring {
    font-size: 20px;
    color: #002d66;
    text-align: center;
    background: #fff9f4;
    line-height: 27px;
    padding: 37px 40px 33px;
    margin: 0 -20px
}

.science-v2 .hero {
    position: relative
}

.press .hero img:not(.logo),
.science-v2 .hero img:not(.logo),
.showroom-v2 .hero img:not(.logo) {
    display: block;
    width: 100%
}

.science-v2 .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 244px;
    max-height: 244px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.science-v2 .know,
.science-v2 .list-inner h3 {
    color: #002d66;
    text-align: center;
    padding: 73px 0 69px
}

.science-v2 .list {
    padding: 139px 0 36px
}

.science-v2 .list.padding-bottom {
    padding: 0 0 36px
}

.science-v2 .list.background {
    background: #fff9f4
}

.science-v2 .list-inner {
    width: 880px;
    margin: 0 auto
}

.science-v2 .list-inner h3 {
    font-size: 50px;
    line-height: initial;
    padding: 0;
    margin: 0 0 43px
}

.science-v2 .list-inner h3 img {
    display: block;
    margin: 0 auto 27px
}

.science-v2 .list-inner h3 img.margin-extra {
    margin: 0 auto 37px
}

.science-v2 .list-inner ul.left-not li .right {
    width: 100%;
    padding: 0
}

.science-v2 .list-inner ul li {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #ffe3c9;
    padding: 38px 0 69px
}

.science-v2 .list-inner ul li .left,
.science-v2 .list-inner ul li .right {
    float: none;
    font-size: 34px;
    color: #002d66;
    width: 244px;
    line-height: 36px;
    padding: 0 20px 0 0;
    box-sizing: border-box
}

.science-v2 .list-inner ul li .right {
    font-size: 20px;
    width: 636px;
    line-height: 34px;
    padding: 0 0 0 20px
}

.science-v2 .list-inner ul li .right a {
    position: relative;
    color: #002d66;
    text-decoration: none
}

.science-v2 .list-inner ul li .right a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    pointer-events: none;
    background: #002d66;
    width: 100%;
    height: 1px;
    transition: all 300ms
}

.science-v2 .list-inner ul li .right .note {
    display: inline-block;
    font-size: 16px;
    color: #516481;
    margin: 10px 0 0
}

.science-v2 .list-inner ul li .right .note.small {
    font-size: 14px
}

.science-v2 .list-inner ul li .right .note a {
    color: #516481
}

.science-v2 .list-inner ul li .right .note a::after {
    background: #516481
}

.showroom-v2 .hero {
    position: relative
}

.showroom-v2 .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 244px;
    max-height: 244px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.showroom-v2 .details-inner ul,
.showroom-v2 .notice-holder {
    max-width: 920px;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 60px auto 0
}

.showroom-v2 .notice {
    background-color: #fdf7f1;
    padding: 45px 25px 40px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: 'Roboto', sans-serif;;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto
}

.showroom-v2 .notice .title {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-bottom: 30px
}

.showroom-v2 .notice .title:after {
    position: absolute;
    display: block;
    content: '';
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #002d66
}

.showroom-v2 .notice p {
    display: block;
    max-width: 640px;
    margin: 0 auto
}

.showroom-v2 .visit {
    color: #002d66;
    text-align: center;
    padding: 50px 0 69px
}

.showroom-v2 .visit h3 {
    font-size: 60px
}

.showroom-v2 .visit p {
    font-size: 24px;
    line-height: 34px
}

.showroom-v2 .details {
    position: relative;
    background: #fdf7f1;
    margin: 137px 0 0
}

.showroom-v2 .details .map-holder {
    position: absolute;
    left: 50%;
    top: 0;
    width: 262px;
    height: 262px;
    box-sizing: border-box;
    display: block;
    border: 6px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.showroom-v2 .details .map-holder .map {
    top: -20px;
    left: -20px;
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    position: relative;
    z-index: 1
}

.showroom-v2 .details-inner {
    text-align: center;
    padding-top: 164px;
    padding-bottom: 71px
}

.showroom-v2 .details-inner .note {
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
}

.showroom-v2 .details-inner h3,
.showroom-v2 .visit h3 {
    line-height: initial;
    padding: 0
}

.showroom-v2 .details-inner h3.street {
    font-size: 40px
}

.showroom-v2 .details-inner ul {
    max-width: 860px;
    margin: 20px auto 0;
    font-size: 0
}

.showroom-v2 .details-inner ul li {
    width: calc((100% - 40px) / 3);
    display: inline-block
}

.showroom-v2 .details-inner ul li:not(:last-child) {
    margin-right: 20px
}

.showroom-v2 .details-inner ul li .day {
    font-size: 23px;
    background: #fbf0e5;
    height: 58px;
    line-height: 58px
}

.showroom-v2 .details-inner ul li .time {
    font-size: 24px;
    background: #fff;
    height: 55px;
    line-height: 55px;
    border: 2px solid #fbf0e5;
    box-sizing: border-box
}

.showroom-v2 .details-inner a {
    margin: 40px 0 0
}

.showroom-v2 .works {
    max-width: 880px;
    padding: 54px 0 0
}

.showroom-v2 .works img {
    display: block;
    width: 100%;
    height: auto
}

.showroom-v2 .works .mobile-image {
    display: none;
    background: url(//helixcontent1.com//showroom/works-mobile.jpg) no-repeat center center/cover;
    width: 100%;
    height: 375px
}

.showroom-v2 .works h3 {
    font-size: 50px;
    text-align: center;
    line-height: initial;
    padding: 0;
    margin: 0 0 23px
}

.showroom-v2 .works ul {
    counter-reset: works-counter
}

.showroom-v2 .works ul li {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 35px 0 70px 50px;
    position: relative
}

.showroom-v2 .works ul li:not(:first-child) {
    border-top: 1px solid #ffe3c9
}

.showroom-v2 .works ul li .left {
    float: none;
    font-size: 34px;
    width: 313px;
    line-height: 42px;
    padding: 0 29px 0 0;
    counter-increment: works-counter
}

.showroom-v2 .works ul li .left::before {
    content: counter(works-counter) ". ";
    position: absolute;
    left: 0;
    top: 35px
}

.showroom-v2 .works ul li .right {
    float: none;
    font-size: 20px;
    width: 509px;
    line-height: 27px;
    padding: 0 0 0 29px
}

.showroom-v2 .works ul li .right a {
    position: relative;
    color: #ff7357;
    text-decoration: none
}

.showroom-v2 .works ul li .right a::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    pointer-events: none;
    background: #ff7357;
    width: 100%;
    height: 1px;
    transition: all 300ms
}

.showroom-v2 .works ul li .right a:hover::after {
    opacity: 0;
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.login-v2 .login-box {
    background: #fff9f4;
    padding: 90px 20px;
    text-align: center;
    margin-bottom: 80px
}

.login-v2 .login-box .login-title {
    font-size: 60px
}

.login-v2 .login-box p {
    font-size: 24px;
    line-height: 34px;
    max-width: 600px;
    margin: 0 auto;
    color: #71aed2
}

.login-v2 .login-box form {
    padding-top: 30px
}

.login-v2 .login-box form input[type=password],
.login-v2 .login-box form input[type=text] {
    display: block;
    appearance: none;
    border-radius: 0;
    box-sizing: border-box;
    width: 350px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #ffe3c9;
    height: 52px;
    padding: 0 25px;
    font-size: 16px;
    color: #002d66
}

.login-v2 .login-box form input[type=password]::placeholder,
.login-v2 .login-box form input[type=text]::placeholder {
    color: #516481
}

.login-v2 .login-box form input[type=password] + input[type=text],
.login-v2 .login-box form input[type=text] + input[type=text] {
    border-top: 0
}

.login-v2 .login-box form button {
    margin-top: 20px;
    width: 350px;
    max-width: 100%
}

.login-v2 .login-box .error:not(:empty) {
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    padding-top: 30px;
    color: #ee3737
}

.login-v2 .login-box .login-info {
    font-family: 'Roboto', sans-serif;;
    padding-top: 30px;
    font-size: 16px;
    color: #71aed2
}

.login-v2 .login-box .login-info a {
    display: inline-block;
    margin-top: 3px;
    color: #ff7357;
    border-bottom: 1px solid #ff7357
}

@media (max-width: 1180px) {
    .login-v2 .login-box {
        margin-bottom: 0
    }
}

@media (max-width: 980px) {
    .login-v2 .login-box .login-title {
        font-size: 50px
    }
}

@media (max-width: 640px) {
    .login-v2 .login-box .login-title {
        font-size: 40px
    }

    .login-v2 .login-box p {
        font-size: 18px;
        line-height: 25px
    }
}

.press .hero {
    position: relative
}

.press .hero .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 244px;
    max-height: 244px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.press .press-info {
    color: #002d66;
    text-align: center;
    padding: 53px 0 46px
}

.order-confirmation .helper h3,
.order-detail .my-order h3,
.press .press-info h3 {
    font-size: 60px;
    line-height: initial;
    padding: 0
}

.order-confirmation .helper p,
.press .press-info p {
    font-size: 24px;
    width: 700px;
    line-height: 34px;
    margin: 0 auto
}

.press .brands {
    text-align: center;
    padding: 0 0 54px;
    font-size: 0
}

.press .brands li,
.press .groups li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 10px
}

.press .brands li a,
.press .brands li a img {
    display: block
}

.press .highlight {
    background: #fff9f4;
    padding-top: 60px;
    padding-bottom: 60px
}

.press .highlight .highlight-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.press .highlight .box-left {
    font-size: 0;
    text-align: right;
    padding: 0 30px 0 0
}

.press .highlight .box-left img {
    max-width: 100%;
    display: block;
    margin: 0 auto 0 0
}

.press .highlight .box-right {
    text-align: left
}

.press .highlight .box-right p {
    font-size: 40px;
    line-height: 50px;
    width: 450px
}

.press .highlight .box-right img {
    margin: 25px 0 0
}

.press .groups {
    font-size: 0;
    padding: 55px 0 5px;
    text-align: center
}

.press .groups li {
    vertical-align: top;
    width: 340px;
    padding: 28px 0 50px;
    margin: 0 25px;
    border-top: 1px solid #ffe3c9;
    box-sizing: border-box;
    text-align: left
}

.press .groups li .title {
    font-size: 34px;
    line-height: 40px
}

.press .groups li .title a {
    color: #002d66;
    display: block
}

.press .groups li .subtitle {
    font-size: 20px;
    color: #516481;
    margin: 10px 0 0
}

.order-confirmation {
    background: #fff9f4;
    max-width: 1180px;
    padding: 50px;
    margin: 0 auto 50px;
    box-sizing: border-box
}

.order-confirmation .steps {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 28px 0 0
}

.order-confirmation .steps .step {
    position: relative;
    text-align: center;
    height: 120px;
    margin: 0 195px 0 0
}

.order-confirmation .helper .buttons a:last-child,
.order-confirmation .steps .step:last-child {
    margin: 0
}

.order-confirmation .steps .step:last-child .number::after,
.order-detail .detail .details .navigation > li .conten ul li:last-child::after {
    content: initial
}

.order-confirmation .steps .step.active .number {
    color: #fff9f4;
    background: #002d66;
    border-color: #002d66
}

.order-confirmation .steps .step .number {
    position: relative;
    font-size: 34px;
    background: #fff;
    width: 63px;
    height: 63px;
    line-height: 68px;
    border: 2px solid #ffe3c9;
    border-radius: 50%
}

.order-confirmation .steps .step .number::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    background: #ffe3c9;
    width: 195px;
    height: 2px;
    margin: -1px 0 0 2px
}

.order-confirmation .steps .step .title {
    position: absolute;
    left: 50%;
    font-family: 'Roboto', sans-serif;;
    font-size: 17px;
    white-space: nowrap;
    margin: 13px 0 0;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.order-confirmation .helper {
    text-align: center;
    margin: 49px 0 0
}

.order-confirmation .helper .buttons {
    font-size: 0;
    margin: 21px 0 0
}

.order-confirmation .helper .buttons a {
    margin: 0 20px 0 0
}

.order-confirmation .order {
    font-family: 'Roboto', sans-serif;;
    font-size: 34px;
    text-align: center;
    margin: 48px 0
}

.order-confirmation .order .id {
    font-weight: 700;
    color: #ff7357
}

.order-confirmation .summary {
    display: flex;
    justify-content: center;
    align-items: flex-start
}

.order-confirmation .summary .product {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    background: #fff;
    width: 33%;
    height: 385px;
    border: 1px solid #ffe3c9;
    margin: 0 20px 0 0;
    box-sizing: border-box;
    position: relative
}

.order-confirmation .summary .product .product-slider {
    position: relative;
    width: 100%;
    height: 100%
}

.order-confirmation .summary .product .product-slider ul {
    width: 100%;
    height: 100%
}

.order-confirmation .summary .product .product-slider ul li {
    float: left;
    height: 100%
}

.order-confirmation .summary .product .product-slider ul li .product-inner {
    padding: 30px 20px 0
}

.order-confirmation .summary .product .product-pages {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0
}

.order-confirmation .summary .product .product-pages li {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #ffe9d4;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all 300ms
}

.order-confirmation .summary .product .product-pages li.active {
    background-color: #ffe9d4
}

.order-confirmation .summary .product .title {
    font-size: 27px;
    line-height: 31px
}

.order-confirmation .summary .product .subtitle {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    font-weight: 700;
    color: #516481;
    text-transform: uppercase;
    margin: 7px 0 0
}

.order-confirmation .summary .product .subtitle .divider,
.order-detail .detail .product .subtitle .divider {
    margin: 0 10px
}

.order-confirmation .summary .product img,
.order-detail .detail .product img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 27px auto 0
}

.order-confirmation .summary .price {
    background: #fff;
    width: calc(67% - 20px);
    border: 1px solid #ffe3c9;
    box-sizing: border-box
}

.order-confirmation .summary .price ul li {
    font-family: 'Roboto', sans-serif;;
    font-size: 0;
    text-transform: uppercase;
    width: calc(100% - 60px);
    height: 63px;
    line-height: 63px;
    border-bottom: 1px solid #ffe3c9;
    margin: 0 30px
}

.order-confirmation .summary .price ul li:last-child {
    border-bottom: 0
}

.order-confirmation .summary .price ul li .property {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    width: 312px
}

.order-confirmation .summary .price ul li .property span {
    font-size: 12px;
    font-weight: 400
}

.order-confirmation .summary .price ul li .value {
    display: inline-block;
    font-size: 16px;
    width: calc(100% - 312px)
}

.order-confirmation .info {
    font-size: 0;
    background: #fff;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ffe3c9;
    margin: 40px 0 0
}

.order-confirmation .info li,
.order-detail .accinfo > li {
    box-sizing: border-box;
    padding: 30px;
    font-family: 'Roboto', sans-serif;
}

.order-confirmation .info li {
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    width: 50%;
    height: 280px;
    line-height: 21px;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ffe3c9
}

.order-confirmation .info li div.title,
.order-detail .info li div.title {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 12px
}

.order-detail {
    background: #fff9f4;
    max-width: 1180px;
    padding: 50px;
    margin: 0 auto 50px;
    box-sizing: border-box;
    position: relative
}

.order-detail .my-order {
    text-align: center
}

.order-detail .my-order img {
    display: block;
    margin: 0 auto 23px
}

.order-detail .my-order .back-to-page {
    position: absolute;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    font-weight: 700;
    color: #ff7357;
    left: 50px;
    margin-top: 20px
}

.order-detail .accinfo {
    margin-top: 40px
}

.order-detail .accinfo::after {
    content: '';
    clear: both;
    display: block
}

.order-detail .accinfo > li {
    background: #fdf4ec;
    float: left;
    width: calc(50% - 5px)
}

.order-detail .accinfo > li:nth-child(2n) {
    margin-left: 10px
}

.order-detail .accinfo > li h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px
}

.order-detail .accinfo > li .fields:not(:last-child) {
    margin-bottom: 20px
}

.order-detail .accinfo > li .fields > li {
    border: 1px solid #ffe3c9;
    background-color: #fff;
    padding: 10px 20px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px
}

.order-detail .accinfo > li .fields > li:not(:last-child) {
    border-bottom-width: 0
}

.order-detail .info {
    font-size: 0;
    background: #fff;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ffe3c9;
    margin: 40px 0 0
}

.order-detail .detail .product,
.order-detail .info li {
    position: relative;
    border-style: solid;
    border-color: #ffe3c9;
    box-sizing: border-box
}

.order-detail .info li {
    display: inline-block;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    vertical-align: top;
    line-height: 21px;
    width: 50%;
    height: 280px;
    border-width: 0 1px 0 0;
    padding: 30px 30px 50px
}

.order-detail .info li div.manage {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 14px;
    width: calc(100% - 60px);
    height: 20px;
    line-height: 20px
}

.order-detail .detail .details .navigation-content > li > div .tn .id a,
.order-detail .detail .details .navigation > li .conten > div .tn .id a,
.order-detail .info li div.manage a {
    color: #ff7357;
    text-decoration: underline
}

.order-detail .detail,
.order-detail .detail .product {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 80px 0 0
}

.order-detail .detail .product {
    align-items: center;
    flex-direction: column;
    text-align: center;
    background: #fff;
    width: 33%;
    height: 347px;
    border-width: 1px 0 1px 1px;
    margin: 51px 0 0;
    padding: 0 0 52px
}

.order-detail .detail .product .title {
    font-size: 27px;
    line-height: 31px
}

.order-detail .detail .product .subtitle {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    color: #516481;
    margin: 7px 0 0;
    text-transform: uppercase;
    font-weight: 700
}

.order-detail .detail .product .subtitle a {
    color: #ff7357;
    text-decoration: underline;
    text-transform: none;
    font-weight: 400
}

.order-detail .detail .product .actions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #ffe3c9
}

.order-detail .detail .product .actions::after {
    content: '';
    clear: both;
    display: block
}

.order-detail .detail .product .actions a {
    display: block;
    float: left;
    width: 50%;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 700;
    color: #ff7357;
    text-transform: uppercase;
    text-align: center;
    padding: 9px 10px;
    box-sizing: border-box
}

.order-detail .detail .product .actions a:not(:last-child) {
    border-right: 1px solid #ffe3c9
}

.order-detail .detail .product .order {
    font-family: 'Roboto', sans-serif;;
    font-size: 22px;
    margin: 15px 0 0
}

.order-detail .detail .product .order .id {
    color: #ff7357
}

.order-detail .detail .details {
    font-size: 0;
    width: 67%
}

.order-detail .detail .details .navigation {
    position: relative;
    z-index: 1;
    display: inline-block;
    font-size: 0;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #ffe3c9
}

.order-detail .detail .details .navigation > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    font-size: 16px;
    background: #fdf4ec;
    width: 240px;
    height: 50px;
    line-height: 50px;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ffe3c9;
    transition: all .5s
}

.order-detail .detail .details .navigation > li::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #ffe3c9;
    width: 100%;
    height: 1px;
    transition: all .5s
}

.order-detail .detail .details .navigation > li.active {
    cursor: default;
    background: #fff
}

.order-detail .detail .details .navigation > li.active::after {
    background: #fff
}

.order-detail .detail .details .navigation > li.active .conten {
    height: 100%;
    padding: 30px
}

.order-detail .detail .details .navigation > li .conten {
    position: relative;
    overflow: hidden;
    display: none;
    text-align: left;
    height: 0;
    line-height: initial;
    padding: 0 30px;
    transition: all .5s
}

.order-detail .detail .details .navigation-content > li ul li,
.order-detail .detail .details .navigation > li .conten ul li {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 75px
}

.order-detail .detail .details .navigation-content > li ul li::after,
.order-detail .detail .details .navigation > li .conten ul li::after {
    content: "";
    position: absolute;
    top: 31px;
    left: 15px;
    background: #ffe3c9;
    width: 1px;
    height: 100%
}

.order-detail .detail .details .navigation-content > li ul li .number,
.order-detail .detail .details .navigation > li .conten ul li .number {
    font-size: 16px;
    color: #002d66;
    text-align: center;
    width: 31px;
    height: 31px;
    line-height: 31px;
    background: #fff;
    border: 1px solid #ffe3c9;
    margin: 0 15px 0 0;
    border-radius: 50%;
    box-sizing: border-box
}

.order-detail .detail .details .navigation-content > li ul li .number.active,
.order-detail .detail .details .navigation > li .conten ul li .number.active {
    color: #fff;
    background: #002d66;
    border: 1px solid #002d66
}

.order-detail .detail .details .navigation-content > li ul li .container .title,
.order-detail .detail .details .navigation > li .conten ul li .container .title {
    font-family: 'Roboto', sans-serif;;
    font-size: 12px;
    font-weight: 700
}

.order-detail .detail .details .navigation-content > li ul li .container .text,
.order-detail .detail .details .navigation > li .conten ul li .container .text {
    font-family: 'Roboto', sans-serif;;
    font-size: 18px;
    font-weight: 700;
    color: #ff7357
}

.order-detail .detail .details .navigation > li .conten > div {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.order-detail .detail .details .navigation-content > li > div .tn,
.order-detail .detail .details .navigation > li,
.order-detail .detail .details .navigation > li .conten > div .tn {
    font-family: 'Roboto', sans-serif;;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.order-detail .detail .details .navigation-content > li > div .tn .title,
.order-detail .detail .details .navigation > li .conten > div .tn .title {
    font-size: 16px;
    color: #fff9f4;
    background: #523528;
    height: 55px;
    line-height: 55px
}

.order-detail .detail .details .navigation-content > li > div .tn .title img,
.order-detail .detail .details .navigation > li .conten > div .tn .title img {
    vertical-align: middle;
    margin: 0 10px 0 0
}

.order-detail .detail .details .navigation-content > li > div .tn .id,
.order-detail .detail .details .navigation > li .conten > div .tn .id {
    font-size: 14px;
    background: #fdf4ec;
    height: 43px;
    line-height: 43px
}

.order-detail .detail .details .navigation-content > li > div a,
.order-detail .detail .details .navigation > li .conten > div a {
    text-align: center;
    width: 100%;
    margin: 20px 0 0;
    box-sizing: border-box
}

.order-detail .detail .details .navigation-content {
    position: relative;
    background: #fff;
    width: 100%;
    height: 347px;
    border: 1px solid #ffe3c9;
    padding: 30px;
    box-shadow: 0 3px 21px 3px rgba(0, 0, 0, .08);
    box-sizing: border-box
}

.order-detail .detail .details .navigation-content > li {
    position: absolute;
    display: none;
    font-size: 0;
    width: calc(100% - 60px);
    height: calc(100% - 30px);
    opacity: 0;
    transition: opacity .5s
}

.chart-box-v4 .chart-details.mobile .person ul li.active > div,
.order-detail .detail .details .navigation-content > li.active,
.reviews-v4 .write-review .review-particle .box-content.stars input.checked + label img.selected {
    opacity: 1
}

.order-detail .detail .details .navigation-content > li ul {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 327px);
    height: 100%
}

.order-detail .detail .details .navigation-content > li ul li {
    height: 33%
}

.order-detail .detail .details .navigation-content > li ul li:last-child::after {
    content: initial
}

.order-detail .detail .details .navigation-content > li > div {
    display: inline-block;
    vertical-align: top;
    width: 327px
}

@media (max-width: 1162px) {
    .about-v2 .hero .logo {
        max-height: 100%;
        padding: 47px 0;
        box-sizing: border-box
    }

    .about-v2 .about-us h3 {
        font-size: 50px
    }

    .about-v2 .about-us p {
        font-size: 21px;
        line-height: 30px
    }

    .about-v2 .experience,
    .about-v2 .founders,
    .about-v2 .philosophy {
        padding: 0 0 283px
    }

    .about-v2 .experience img,
    .about-v2 .founders img,
    .about-v2 .personalization img,
    .about-v2 .philosophy img,
    .about-v2 .quality img {
        width: 100%
    }

    .about-v2 .experience .fun-fact,
    .about-v2 .experience img.fun-fact,
    .about-v2 .experience img.icon,
    .about-v2 .founders .fun-fact,
    .about-v2 .founders img.fun-fact,
    .about-v2 .founders img.icon,
    .about-v2 .personalization .fun-fact,
    .about-v2 .personalization img.fun-fact,
    .about-v2 .personalization img.icon,
    .about-v2 .philosophy .fun-fact,
    .about-v2 .philosophy img.fun-fact,
    .about-v2 .philosophy img.icon,
    .about-v2 .quality .fun-fact,
    .about-v2 .quality img.fun-fact,
    .about-v2 .quality img.icon {
        display: none
    }

    .about-v2 .experience .description,
    .about-v2 .founders .description,
    .about-v2 .personalization .description,
    .about-v2 .philosophy .description,
    .about-v2 .quality .description {
        top: initial;
        bottom: 0;
        left: 50%;
        margin: 0 0 0 -292px
    }

    .about-v2 .personalization,
    .about-v2 .quality {
        padding: 0 0 323px;
        margin: 111px 0 0
    }

    .about-v2 .personalization img:nth-child(1),
    .about-v2 .personalization img:nth-child(2),
    .about-v2 .quality img:nth-child(1),
    .about-v2 .quality img:nth-child(2) {
        width: 49%;
        margin: 0
    }

    .about-v2 .experience {
        margin: 111px 0 0
    }

    .about-v2 .founders {
        margin: 111px 0 238px
    }
}

@media (max-width: 980px) {
    .science-v2 .hero .logo {
        max-height: 100%;
        padding: 47px 0;
        box-sizing: border-box
    }

    .science-v2 .know h3 {
        font-size: 50px
    }

    .press .press-info p,
    .science-v2 .know p,
    .showroom-v2 .visit p {
        font-size: 21px;
        line-height: 30px
    }

    .science-v2 .list {
        padding: 103px 0 0
    }

    .science-v2 .list.padding-bottom {
        padding: 0
    }

    .science-v2 .list-inner {
        width: 100%;
        box-sizing: border-box
    }

    .science-v2 .list-inner h3 {
        font-size: 40px
    }

    .science-v2 .list-inner ul li,
    .showroom-v2 .works ul li {
        flex-direction: column
    }

    .science-v2 .list-inner ul li .left {
        width: 100%;
        padding: 0
    }

    .science-v2 .list-inner ul li .right {
        width: 100%;
        line-height: 38px;
        padding: 10px 0 0
    }

    .press .hero .logo,
    .showroom-v2 .hero .logo {
        max-height: 100%;
        padding: 47px 0;
        box-sizing: border-box
    }

    .showroom-v2 .notice-holder {
        margin-top: 50px
    }

    .showroom-v2 .visit {
        padding-top: 45px
    }

    .order-confirmation .helper h3,
    .order-detail .my-order h3,
    .press .press-info h3,
    .showroom-v2 .visit h3 {
        font-size: 50px
    }

    .showroom-v2 .works ul {
        padding: 0 20px
    }

    .showroom-v2 .works ul li .left {
        width: 100%;
        padding: 0
    }

    .showroom-v2 .works ul li .right {
        width: 100%;
        padding: 7px 0 0
    }

    .press .press-info p {
        width: 600px
    }

    .press .highlight {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .press .highlight .box-left {
        padding: 0 20px 0 0
    }

    .press .highlight .box-right img {
        margin: 10px 0 0
    }

    .press .groups li {
        width: calc(50% - 20px);
        margin: 0 0 0 40px
    }

    .press .groups li:nth-child(3n+1) {
        margin: 0 0 0 40px
    }

    .press .groups li:first-child,
    .press .groups li:nth-child(2n+1) {
        margin: 0
    }

    .press .groups li .title {
        font-size: 34px;
        line-height: 40px
    }

    .press .groups li .subtitle {
        font-size: 20px;
        color: #516481;
        margin: 10px 0 0
    }

    .order-confirmation,
    .order-detail {
        padding: 50px 32px;
        margin: 0 auto
    }

    .order-confirmation .steps {
        margin: 0
    }

    .order-confirmation .steps .step {
        margin: 0 145px 0 0
    }

    .order-confirmation .steps .step .number::after {
        width: 145px
    }

    .order-confirmation .helper p {
        font-size: 21px;
        width: 100%;
        line-height: 30px
    }

    .order-confirmation .summary {
        flex-direction: column
    }

    .order-confirmation .summary .product {
        width: 100%;
        margin: 0 0 20px
    }

    .order-confirmation .summary .price {
        width: 100%
    }

    .order-detail .detail {
        flex-direction: column;
        margin: 50px 0 0
    }

    .order-detail .detail .product {
        width: 100%;
        height: 398px;
        border-width: 1px 1px 0;
        margin: 0;
        padding-bottom: 80px
    }

    .order-detail .detail .product .actions {
        position: relative;
        margin-top: 20px;
        max-width: 370px;
        border-left: 1px solid #ffe3c9;
        border-right: 1px solid #ffe3c9;
        border-bottom: 1px solid #ffe3c9
    }

    .order-detail .detail .details {
        width: 100%;
        margin: -51px 0 0
    }
}

@media (max-width: 800px) {
    .showroom-v2 .details ul {
        max-width: 300px
    }

    .showroom-v2 .details ul li {
        display: block;
        width: auto
    }

    .showroom-v2 .details ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px
    }

    .press .highlight {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .press .highlight .highlight-box {
        flex-direction: column
    }

    .press .highlight .highlight-box .box-left {
        padding: 0;
        width: 100%
    }

    .press .highlight .highlight-box .box-right {
        padding: 25px 0 0
    }

    .press .highlight .highlight-box .box-right p {
        font-size: 34px;
        width: auto;
        line-height: 44px
    }

    .press .highlight .highlight-box .box-right img {
        margin: 10px 0 0
    }
}

@media (max-width: 700px) {
    .order-detail .my-order h3 {
        padding-top: 20px
    }

    .order-detail .my-order .back-to-page {
        position: relative;
        left: auto;
        margin-top: 0
    }

    .order-detail .accinfo > li {
        width: 100%
    }

    .order-detail .accinfo > li:nth-child(2n) {
        margin-left: 0
    }
}

@media (max-width: 640px) {
    .about-v2 .hero .logo {
        padding: 22px
    }

    .about-v2 .about-us {
        padding: 38px 20px 52px
    }

    .about-v2 .about-us h3,
    .science-v2 .know h3 {
        font-size: 40px
    }

    .about-v2 .about-us p,
    .science-v2 .know p,
    .showroom-v2 .visit p {
        font-size: 18px;
        line-height: 25px
    }

    .about-v2 .about-us p br {
        display: none
    }

    .about-v2 .experience,
    .about-v2 .founders,
    .about-v2 .personalization,
    .about-v2 .philosophy,
    .about-v2 .quality {
        padding: 0 0 62px;
        margin: 0 -20px
    }

    .about-v2 .experience img,
    .about-v2 .founders img,
    .about-v2 .personalization img,
    .about-v2 .philosophy img,
    .about-v2 .quality img {
        width: 100%
    }

    .about-v2 .experience img:nth-child(2),
    .about-v2 .founders img:nth-child(2),
    .about-v2 .personalization img:nth-child(2),
    .about-v2 .philosophy img:nth-child(2),
    .about-v2 .quality img:nth-child(2) {
        margin: 10px 0 0
    }

    .about-v2 .experience .description-inner .text br,
    .about-v2 .experience .fun-fact,
    .about-v2 .experience img.fun-fact,
    .about-v2 .experience img.icon,
    .about-v2 .founders .description-inner .text br,
    .about-v2 .founders .fun-fact,
    .about-v2 .founders img.fun-fact,
    .about-v2 .founders img.icon,
    .about-v2 .personalization .description-inner .text br,
    .about-v2 .personalization .fun-fact,
    .about-v2 .personalization img.fun-fact,
    .about-v2 .personalization img.icon,
    .about-v2 .philosophy .description-inner .text br,
    .about-v2 .philosophy .fun-fact,
    .about-v2 .philosophy img.fun-fact,
    .about-v2 .philosophy img.icon,
    .about-v2 .quality .description-inner .text br,
    .about-v2 .quality .fun-fact,
    .about-v2 .quality img.fun-fact,
    .about-v2 .quality img.icon,
    .science-v2 .know p br,
    .science-v2 .list-inner h3 br,
    .showroom-v2 .visit p br,
    .showroom-v2 .works img {
        display: none
    }

    .about-v2 .experience .description,
    .about-v2 .founders .description,
    .about-v2 .personalization .description,
    .about-v2 .philosophy .description,
    .about-v2 .quality .description {
        position: static;
        margin: 0
    }

    .about-v2 .experience .description-inner,
    .about-v2 .founders .description-inner,
    .about-v2 .personalization .description-inner,
    .about-v2 .philosophy .description-inner,
    .about-v2 .quality .description-inner {
        width: 100%;
        height: auto;
        padding: 57px 40px 53px;
        box-sizing: border-box;
        box-shadow: none
    }

    .about-v2 .experience .description-inner .title,
    .about-v2 .founders .description-inner .title,
    .about-v2 .personalization .description-inner .title,
    .about-v2 .philosophy .description-inner .title,
    .about-v2 .quality .description-inner .title {
        width: 250px
    }

    .about-v2 .personalization,
    .about-v2 .quality {
        flex-direction: column
    }

    .about-v2 .personalization img:nth-child(1),
    .about-v2 .personalization img:nth-child(2),
    .about-v2 .quality img:nth-child(1),
    .about-v2 .quality img:nth-child(2) {
        width: 100%
    }

    .about-v2 .hiring {
        display: block
    }

    .science-v2 .hero .logo,
    .showroom-v2 .hero .logo {
        padding: 22px
    }

    .science-v2 .know {
        padding: 38px 20px 52px
    }

    .science-v2 .list-inner h3 {
        padding: 0 20px
    }

    .showroom-v2 .notice-holder {
        margin-top: 40px
    }

    .showroom-v2 .visit {
        padding: 38px 20px 52px
    }

    .order-confirmation .helper h3,
    .order-detail .my-order h3,
    .press .press-info h3,
    .showroom-v2 .visit h3,
    .showroom-v2 .works h3 {
        font-size: 40px
    }

    .order-detail .detail .details .navigation > li .conten,
    .showroom-v2 .works .mobile-image {
        display: block
    }

    .showroom-v2 .works ul {
        padding: 0
    }

    .showroom-v2 .works ul li {
        padding: 35px 25px 55px 75px
    }

    .showroom-v2 .works ul li .left:before {
        left: 25px
    }

    .press .hero .logo {
        padding: 22px
    }

    .press .press-info {
        padding: 36px 0 41px
    }

    .press .press-info p {
        font-size: 18px;
        width: 100%;
        line-height: 25px
    }

    .press .brands {
        padding: 0 0 30px
    }

    .press .groups {
        padding: 40px 0 0
    }

    .press .groups li {
        width: 100%;
        margin: 0;
        padding: 16px 0 43px
    }

    .press .groups li:nth-child(3n+1) {
        margin: 0
    }

    .press .groups li:first-child,
    .press .groups li:nth-child(2n+1) {
        margin: 0
    }

    .press .groups li .title {
        font-size: 27px;
        line-height: 32px
    }

    .press .groups li .subtitle {
        font-size: 18px
    }

    .order-confirmation,
    .order-detail {
        padding: 40px 20px 50px;
        margin: 0 auto
    }

    .order-confirmation .steps {
        margin: 0
    }

    .order-confirmation .steps .step {
        height: 86px;
        margin: 0 74px 0 0
    }

    .order-confirmation .steps .step .number {
        font-size: 24px;
        width: 48px;
        height: 48px;
        line-height: 50px
    }

    .order-confirmation .steps .step .number::after {
        width: 74px
    }

    .order-confirmation .steps .step .title {
        font-size: 12px;
        margin: 8px 0 0
    }

    .order-confirmation .helper {
        margin: 40px 0 0
    }

    .order-confirmation .helper p {
        font-size: 18px;
        line-height: 25px
    }

    .order-confirmation .helper .buttons {
        margin: 10px 0 0
    }

    .order-confirmation .helper .buttons a {
        display: block;
        margin: 0 0 12px
    }

    .order-confirmation .helper .buttons a:last-child {
        margin: 0
    }

    .order-confirmation .order {
        font-size: 24px;
        margin: 38px 0
    }

    .order-confirmation .summary {
        flex-direction: column
    }

    .order-confirmation .summary .product {
        width: 100%;
        margin: 0 0 20px
    }

    .order-confirmation .summary .price,
    .order-confirmation .summary .price ul li .property {
        width: 100%
    }

    .order-confirmation .summary .price ul li {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        width: calc(100% - 60px);
        height: 89px;
        line-height: initial
    }

    .order-confirmation .summary .price ul li .value {
        width: 100%;
        margin: 10px 0 0
    }

    .order-confirmation .info,
    .order-detail .info {
        border-width: 1px 1px 0
    }

    .order-confirmation .info li,
    .order-detail .info li {
        width: 100%;
        border-width: 0 0 1px
    }

    .order-detail .detail .product {
        padding-bottom: 24px
    }

    .order-detail .detail .product .actions {
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        max-width: initial
    }

    .order-detail .detail .details .navigation {
        width: 100%;
        border-width: 1px 1px 0;
        box-sizing: border-box
    }

    .order-detail .detail .details .navigation > li {
        width: 100%;
        height: auto;
        min-height: 50px;
        border-width: 0 0 1px;
        box-sizing: border-box
    }

    .order-detail .detail .details .navigation > li::after {
        content: initial
    }

    .order-detail .detail .details .navigation-content {
        display: none
    }
}

@media (max-width: 350px) {
    .order-confirmation .steps .step {
        margin: 0 50px 0 0
    }

    .order-confirmation .steps .step .number::after {
        width: 50px
    }
}

.header-wrapper {
    max-width: 1300px;
    position: relative;
    padding: 0 60px;
    margin: 0 auto;
    box-sizing: border-box
}

@media (max-width: 1120px) {
    .header-wrapper {
        padding: 0 30px
    }
}

@media (max-width: 680px) {
    .header-wrapper {
        padding: 0 20px
    }
}

.info-stripe-vanity {
    background: #71aed2;
    padding: 10px 85px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    text-align: center
}

.header-outer-vanity {
    width: 100%;
    height: 100px;
    padding-bottom: 15px;
    position: relative;
    background: #fff
}

@media (max-width: 680px) {
    .header-outer-vanity {
        height: 88px;
        padding-bottom: 0
    }
}

.header-personalized-vanity {
    height: 110px;
    box-sizing: border-box;
    border-bottom: 1px solid #ffe3c9;
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 680px) {
    .header-personalized-vanity {
        height: 88px;
        padding-bottom: 0
    }
}

.header-personalized-vanity .logo {
    display: block;
    padding: 28px 0 20px;
    text-align: center;
    margin: 0 auto
}

@media (max-width: 680px) {
    .header-personalized-vanity .logo {
        padding: 20px 0 18px
    }
}

.header-personalized-vanity .logo img {
    width: 31px;
    height: 31px;
    display: block;
    margin: 0 auto
}

@media (max-width: 680px) {
    .header-personalized-vanity .logo img {
        width: 24px;
        height: 24px
    }
}

.header-personalized-vanity .logo span {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 21px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #002d66;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 680px) {
    .header-personalized-vanity .logo span {
        letter-spacing: 3px;
        font-size: 15px;
        line-height: 16px
    }
}

.button {
    display: inline-block;
    background: #222;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding: 0 25px;
    height: 56px;
    line-height: 58px;
    border-radius: 0;
    white-space: nowrap;
    transition: all 300ms
}

.button.mt-20 {
    margin-top: 20px
}

.button:hover {
    background: #ff4925
}

.shop .shop-header {
    position: relative;
    margin: 15px auto 40px
}

.shop .shop-header .shop-inner {
    height: 100%;
    position: relative;
    margin: 0 2px
}

.shop .shop-header .images {
    position: absolute;
    top: 0;
    left: 0;
    width: 54%;
    height: 100%
}

.shop .shop-header .images .slider-frame,
.shop .shop-header .images .slider-frame ul {
    height: 100%
}

.shop .shop-header .images .slider-frame ul li {
    float: left;
    height: 100%;
    background: no-repeat center center/cover
}

.shop .shop-header .images .slider-frame ul li:nth-child(1) {
    background-image: url(//helixcontent1.com//shop/image-1-desktop.jpg)
}

.shop .shop-header .images .slider-frame ul li:nth-child(2) {
    background-image: url(//helixcontent1.com//shop/image-2-desktop.jpg)
}

.shop .shop-header .images .slider-frame ul li:nth-child(3) {
    background-image: url(//helixcontent1.com//shop/image-3-desktop.jpg)
}

.shop .shop-header .images .slider-frame ul li:nth-child(4) {
    background-image: url(//helixcontent1.com//shop/image-4-desktop.jpg)
}

.shop .shop-header .images .slider-frame ul li:nth-child(5) {
    background-image: url(//helixcontent1.com//shop/image-5-desktop.jpg)
}

.shop .shop-header .images .pages {
    position: absolute;
    z-index: 3;
    bottom: 25px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0
}

.shop .shop-header .images .pages li {
    display: inline-block;
    font-size: 0;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(253, 244, 236, .8);
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: all 300ms
}

.shop .shop-header .images .pages li.active {
    border-color: transparent;
    background-color: rgba(253, 244, 236, .8)
}

.shop .shop-header .images .arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    background: rgba(0, 46, 102, .6) no-repeat center center/25px auto;
    cursor: pointer;
    transition: all 300ms
}

.shop .shop-header .images .arrow:hover {
    background-color: #71aed2
}

.shop .shop-header .images .arrow.prev {
    left: 30px;
    background-image: url(//helixcontent1.com//shop/prev.png)
}

.shop .shop-header .images .arrow.next {
    right: 30px;
    background-image: url(//helixcontent1.com//shop/next.png)
}

.shop .shop-header .detail {
    background: #fff9f4;
    padding: 30px;
    margin-left: auto;
    width: 46%;
    text-align: center;
    box-sizing: border-box
}

.shop .shop-header .detail .title {
    font-size: 40px;
    padding-bottom: 10px
}

.shop .shop-header .detail p {
    font-size: 20px;
    padding-bottom: 20px
}

.shop .shop-header .detail ul.points {
    max-width: 400px;
    margin: 0 auto;
    text-align: left;
    font-family: 'Roboto', sans-serif;;
    padding-bottom: 25px
}

.shop .shop-header .detail ul.points.points-mobile {
    display: none;
    padding-bottom: 0;
    padding-top: 25px
}

.shop .shop-header .detail ul.points li {
    position: relative;
    padding: 3px 0 3px 15px;
    line-height: 24px
}

.shop .shop-header .detail ul.points li::before {
    position: absolute;
    content: '';
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #71aed2
}

.shop .shop-header .detail ul.points li .question-mark {
    cursor: pointer;
    width: 22px;
    height: 22px;
    line-height: 24px;
    font-size: 14px;
    vertical-align: top;
    margin-left: 5px
}

.shop .shop-header .detail ul.sizes {
    border: 1px solid #ffe3c9;
    max-width: 400px;
    margin: 0 auto
}

.shop .reviews-list:after,
.shop .shop-header .detail .info:after,
.shop .shop-header .detail ul.sizes:after,
.shop .shop-list:after {
    content: '';
    clear: both;
    display: block
}

.shop .shop-header .detail ul.sizes li {
    float: left;
    width: calc(100% / 3);
    box-sizing: border-box
}

.shop .shop-header .detail ul.sizes li:nth-child(2),
.shop .shop-header .detail ul.sizes li:nth-child(3),
.shop .shop-header .detail ul.sizes li:nth-child(5),
.shop .shop-header .detail ul.sizes li:nth-child(6) {
    border-left: 1px solid #ffe3c9
}

.shop .shop-header .detail ul.sizes li:not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) {
    border-bottom: 1px solid #ffe3c9
}

.shop .shop-header .detail ul.sizes li a {
    display: block;
    background: #fff;
    font-family: 'Roboto', sans-serif;;
    color: #71aed2;
    line-height: 40px;
    text-transform: uppercase;
    transition: all 300ms
}

.shop .shop-header .detail ul.sizes li a.selected,
.shop .shop-header .detail ul.sizes li a:hover,
.showroom-v3 .select-view li.active a {
    background-color: #71aed2;
    color: #fff
}

.shop .shop-header .detail .info {
    text-align: center;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;;
    font-size: 13px;
    white-space: nowrap;
    max-width: 400px;
    margin: 0 auto
}

.shop .shop-header .detail .info a {
    color: #71aed2;
    text-decoration: underline
}

.shop .shop-header .detail .info.info-price {
    height: 0;
    overflow: hidden
}

.shop .shop-header .detail .info.info-price.show {
    height: auto;
    overflow: visible
}

.shop .shop-header .detail .info.info-price .price {
    font-size: 24px;
    line-height: 30px
}

.shop .shop-header .detail .info.info-rating .stars {
    display: inline-block;
    color: #222;
    position: relative;
    font-size: 22px;
    line-height: 30px
}

.shop .shop-header .detail .btn-orange {
    margin-top: 15px;
    background: linear-gradient(#ff7357, #f76244)
}

.shop .shop-header .detail .note {
    font-family: 'Roboto', sans-serif;;
    font-size: 12px;
    padding-top: 10px
}

.shop .shop-list > li {
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 25px;
    box-sizing: border-box
}

.shop .shop-list > li .icon {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    background: #fdf4ec no-repeat center center/80px auto
}

.shop .shop-list > li .title {
    padding-top: 15px;
    font-size: 24px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

.shop .shop-list > li p {
    padding-top: 5px;
    font-size: 17px;
    line-height: 24px;
    max-width: 280px;
    margin: 0 auto
}

.shop .btitle {
    font-size: 50px;
    text-align: center;
    padding-top: 45px;
    padding-bottom: 10px
}

.shop .shop-manufacturing {
    padding-bottom: 40px
}

.shop .shop-manufacturing p {
    padding-top: 30px;
    font-size: 24px;
    line-height: 34px;
    max-width: 840px;
    text-align: center;
    margin: 0 auto
}

.shop .reviews-list > li {
    float: left;
    width: 33.33%;
    position: relative
}

.shop .reviews-list > li:nth-child(odd) .detail {
    background-color: #fdf4ec
}

.shop .reviews-list > li .detail {
    height: 394px;
    background: #fff9f4;
    text-align: center;
    padding: 0 25px
}

.shop .reviews-list > li .detail .stars {
    color: #222;
    font-size: 18px
}

.shop .reviews-list > li .detail p {
    font-size: 24px;
    padding: 10px 0 15px
}

.shop .reviews-list > li .detail .name {
    font-size: 22px;
    color: #222
}

.shop .reviews-list > li .detail .country {
    font-family: 'Roboto', sans-serif;;
    font-size: 13px;
    text-transform: uppercase
}

.shop .shop-surfaces {
    padding: 0 20px 40px
}

.shop .shop-surfaces p {
    font-size: 24px;
    text-align: center
}

.shop .shop-surfaces img {
    display: block;
    margin: 20px auto;
    max-width: 100%;
    width: 392px
}

.shop .shop-surfaces ul {
    text-align: center;
    padding-top: 10px
}

.shop .shop-surfaces ul li {
    margin: 0 15px;
    display: inline-block;
    line-height: 30px;
    padding-left: 40px;
    background: url(//helixcontent1.com//shop/tick.png) no-repeat left top/27px auto;
    font-family: 'Roboto', sans-serif;;
    font-size: 18px
}

.shop .shop-vanity select {
    appearance: none;
    font-family: 'Roboto', sans-serif;
    color: #ff7357;
    font-size: 44px;
    background: url(//helixcontent1.com//shop/select.png) no-repeat right center/auto 7px;
    border-bottom: 1px solid #ff7357;
    border-radius: 0;
    text-align-last: center;
    cursor: pointer;
    -webkit-font-smoothing: antialiased
}

.shop .shop-vanity .select {
    display: inline-block
}

.shop .shop-vanity .select .value i {
    top: -5px
}

.shop .shop-vanity .select .value:after {
    bottom: 10px
}

.shop .shop-vanity .headline {
    font-size: 44px;
    line-height: 70px;
    text-align: center
}

.shop .shop-vanity .headline select {
    display: inline-block;
    width: 200px;
    padding-left: 10px;
    padding-right: 25px;
    margin: 0 10px;
    line-height: 70px;
    height: 70px
}

.shop .shop-vanity .details {
    padding-top: 45px;
    display: flex
}

.shop .shop-vanity .details .details-size .info:after,
.shop .shop-vanity .details::after,
.shop .shop-vanity .shop-feature-list::after {
    content: '';
    clear: both;
    display: block
}

.shop .shop-vanity .details .details-size {
    margin-right: 20px;
    box-sizing: border-box;
    background-color: #fff9f4;
    flex: calc(50% - 20px)
}

.shop .shop-vanity .details .details-size img {
    display: block;
    width: 100%
}

.shop .shop-vanity .details .details-size .text {
    padding: 0 25px 25px;
    text-align: center
}

.shop .shop-vanity .details .details-size .text .attribute,
.shop .shop-vanity .details .details-size .text select {
    font-size: 34px;
    max-width: 240px
}

.shop .shop-vanity .details .details-size .text .select {
    vertical-align: middle;
    margin: 25px 35px 0
}

.shop .shop-vanity .details .details-size .text .select .value {
    font-size: 34px;
    line-height: 46px
}

.shop .shop-vanity .details .details-size .text .select .value i {
    top: -8px
}

.shop .shop-vanity .details .details-size .text .select .value:after {
    bottom: 0
}

.shop .shop-vanity .details .details-size .text p {
    padding-top: 25px;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    line-height: 22px;
    color: #71aed2
}

.shop .shop-vanity .details .details-size .info {
    text-align: center;
    display: inline-block;
    font-family: 'Roboto', sans-serif;;
    vertical-align: middle;
    font-size: 13px;
    white-space: nowrap;
    max-width: 400px;
    margin: 25px 35px 0
}

.shop .shop-vanity .details .details-size .info.info-rating .stars {
    display: inline-block;
    color: #222;
    position: relative;
    font-size: 22px;
    line-height: 30px
}

.shop .shop-vanity .details .details-size .info.info-rating .stars i {
    display: inline-block
}

.shop .shop-vanity .details .details-text {
    flex: 50%;
    background: #fff9f4;
    padding: 45px 55px 45px 50px;
    box-sizing: border-box;
    text-align: left;
    color: #71aed2
}

.checkout-v3 .checkout-form .same-for-billing-btn input[type=checkbox],
.checkout-v3 .checkout-summary ul li.sum-gift .name.disabled:after,
.checkout-v3 .checkout-summary ul li.sum-recycling .name.disabled:after,
.shop .shop-vanity .details .details-text .mobile-text {
    display: none
}

.shop .shop-vanity .details .details-text .mobile-text .text-title {
    font-size: 31px;
    padding-bottom: 10px
}

.shop .shop-vanity .details .details-text .mobile-text p {
    font-size: 20px;
    line-height: 28px
}

.shop .shop-vanity .details .details-text .text-title {
    font-size: 34px;
    padding-bottom: 5px
}

.shop .shop-vanity .details .details-text p {
    font-size: 22px;
    line-height: 31px
}

.shop .shop-vanity .details .details-text .subtext {
    border-left: 2px solid #ffe3c9;
    margin-top: 45px;
    padding-left: 20px;
    font-family: 'Roboto', sans-serif;
}

.shop .shop-vanity .details .details-text .subtext .text-subtitle {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 5px
}

.shop .shop-vanity .details .details-text .subtext p {
    font-size: 16px;
    line-height: 23px
}

.shop .shop-vanity .details .details-text a {
    color: #222;
    position: relative;
    white-space: nowrap
}

.shop .shop-vanity .details .details-text a::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #222;
    width: 100%;
    height: 1px
}

.shop .shop-vanity .shop-feature-list {
    padding-top: 40px;
    padding-bottom: 40px
}

.shop .shop-vanity .shop-feature-list > li {
    float: left;
    width: 23%;
    box-sizing: border-box;
    padding-right: 75px
}

.shop .shop-vanity .shop-feature-list > li:last-child {
    padding-right: 0
}

.shop .shop-vanity .shop-feature-list > li:nth-child(1) {
    width: 26%
}

.shop .shop-vanity .shop-feature-list > li:nth-child(2) {
    width: 23%
}

.shop .shop-vanity .shop-feature-list > li:nth-child(3) {
    width: 30%
}

.shop .shop-vanity .shop-feature-list > li:nth-child(4) {
    width: 21%
}

.shop .shop-vanity .shop-feature-list > li .icon {
    width: 60px;
    height: 60px;
    background: #fff9f4;
    border-radius: 50%;
    float: left
}

.shop .shop-vanity .shop-feature-list > li .icon img {
    display: block;
    width: 100%;
    height: 100%
}

.shop .shop-vanity .shop-feature-list > li .name {
    margin-left: 80px;
    font-size: 16px;
    color: #71aed2;
    line-height: 60px;
    vertical-align: middle
}

.shop .shop-vanity .shop-feature-list > li .name span {
    line-height: 23px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 1200px) {
    .shop .shop-header {
        margin-bottom: 20px
    }
}

@media (max-width: 1120px) {
    .shop .shop-vanity .shop-feature-list > li {
        margin-bottom: 20px;
        padding-right: 30px
    }

    .shop .shop-vanity .shop-feature-list > li:nth-child(1),
    .shop .shop-vanity .shop-feature-list > li:nth-child(2),
    .shop .shop-vanity .shop-feature-list > li:nth-child(3),
    .shop .shop-vanity .shop-feature-list > li:nth-child(4) {
        width: 50%
    }
}

@media (max-width: 980px) {
    .shop .shop-vanity .details .details-size .text select {
        max-width: 200px
    }

    .shop .shop-vanity .details .details-text {
        padding: 25px
    }

    .shop .shop-vanity .details .details-text .subtext {
        margin-top: 30px
    }
}

@media (max-width: 900px) {
    .shop .reviews-list > li {
        width: 50%
    }

    .shop .reviews-list > li:nth-child(odd) .detail {
        background-color: #fff9f4
    }

    .shop .reviews-list > li:nth-child(1) .detail,
    .shop .reviews-list > li:nth-child(4) .detail {
        background-color: #fdf4ec
    }

    .shop .reviews-list > li:nth-child(5),
    .shop .reviews-list > li:nth-child(6) {
        display: none
    }

    .shop .shop-header {
        margin-top: 0
    }

    .shop .shop-header .shop-inner {
        margin: 0
    }

    .shop .shop-header .images {
        position: relative;
        width: auto;
        height: 305px
    }

    .shop .shop-header .images .slider-frame ul li:nth-child(1) {
        background-image: url(//helixcontent1.com//shop/image-1.jpg)
    }

    .shop .shop-header .images .slider-frame ul li:nth-child(2) {
        background-image: url(//helixcontent1.com//shop/image-2.jpg)
    }

    .shop .shop-header .images .slider-frame ul li:nth-child(3) {
        background-image: url(//helixcontent1.com//shop/image-3.jpg)
    }

    .shop .shop-header .images .slider-frame ul li:nth-child(4) {
        background-image: url(//helixcontent1.com//shop/image-4.jpg)
    }

    .shop .shop-header .images .slider-frame ul li:nth-child(5) {
        background-image: url(//helixcontent1.com//shop/image-5.jpg)
    }

    .shop .shop-header .images .arrow.prev {
        left: 0
    }

    .shop .shop-header .images .arrow.next {
        right: 0
    }

    .shop .shop-header .detail {
        width: auto;
        margin-left: 0;
        padding-top: 25px
    }

    .shop .shop-header .detail .title {
        font-size: 34px
    }

    .shop .shop-header .detail p {
        padding-bottom: 15px
    }

    .shop .shop-header .detail .info {
        padding-top: 15px
    }

    .shop .shop-surfaces img {
        float: left;
        width: 50%
    }

    .shop .shop-surfaces ul {
        float: right;
        width: 40%
    }

    .shop .shop-surfaces ul li {
        display: block;
        margin: 8px 0;
        text-align: left
    }
}

@media (max-width: 680px) {
    .shop .shop-vanity .headline {
        font-size: 36px;
        line-height: 56px
    }

    .shop .shop-vanity .headline > select {
        font-size: 36px
    }

    .shop .shop-vanity .details,
    .shop .shop-vanity .details .details-text .mobile-text {
        display: block
    }

    .shop .shop-vanity .details .details-size {
        margin-right: 0
    }

    .shop .shop-vanity .details .details-size .text select {
        max-width: 240px
    }

    .shop .shop-vanity .details .details-text {
        margin-top: 40px;
        padding-top: 50px;
        padding-bottom: 40px
    }

    .shop .shop-vanity .details .details-text .text > .text-title,
    .shop .shop-vanity .details .details-text .text > p {
        display: none
    }

    .shop .shop-vanity .details .details-text .text .subtext {
        margin-top: 40px;
        padding-right: 20px
    }

    .shop .shop-vanity .details .details-text .text .subtext .text-subtitle {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 10px
    }

    .shop .shop-vanity .details .details-text .text .subtext p {
        font-size: 16px;
        line-height: 22px
    }

    .shop .shop-vanity .shop-feature-list > li {
        float: none;
        width: auto;
        padding-right: 20px;
        padding-left: 20px
    }

    .shop .shop-vanity .shop-feature-list > li:last-child {
        margin-bottom: 0
    }

    .shop .shop-vanity .shop-feature-list > li:nth-child(1),
    .shop .shop-vanity .shop-feature-list > li:nth-child(2),
    .shop .shop-vanity .shop-feature-list > li:nth-child(3),
    .shop .shop-vanity .shop-feature-list > li:nth-child(4) {
        width: auto
    }

    .shop .shop-vanity .shop-feature-list > li .name {
        margin-left: 75px
    }
}

@media (max-width: 640px) {
    .shop .shop-header {
        margin-bottom: 0
    }

    .shop .shop-header .images {
        height: 240px
    }

    .shop .shop-header .images .dots {
        bottom: 15px
    }

    .shop .shop-header .detail .info .info-price {
        float: none;
        width: auto !important;
        padding-bottom: 20px
    }

    .shop .shop-header .detail .info .info-rating {
        float: none;
        width: auto !important
    }

    .shop .shop-header .detail ul.points {
        display: none
    }

    .shop .shop-header .detail ul.points.points-mobile {
        display: block
    }

    .shop .shop-header .detail ul.sizes li {
        width: 50%
    }

    .shop .shop-header .detail ul.sizes li:nth-child(odd) {
        border-left-width: 0
    }

    .shop .shop-header .detail ul.sizes li:nth-child(even) {
        border-left: 1px solid #ffe3c9
    }

    .shop .shop-header .detail ul.sizes li:nth-child(4) {
        border-bottom: 1px solid #ffe3c9
    }

    .shop .shop-list {
        padding-top: 20px
    }

    .shop .shop-list > li,
    .shop .shop-surfaces img,
    .shop .shop-surfaces ul {
        float: none;
        width: auto
    }

    .shop .btitle {
        font-size: 40px
    }

    .shop .shop-manufacturing p {
        padding-left: 20px;
        padding-right: 20px
    }

    .shop .reviews-list > li .detail {
        height: 240px;
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (max-width: 500px) {
    .shop .shop-vanity .button {
        width: 100%;
        box-sizing: border-box
    }

    .shop .reviews-list > li {
        float: none;
        width: auto
    }

    .shop .reviews-list > li .detail {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .shop .reviews-list > li:nth-child(1) .detail,
    .shop .reviews-list > li:nth-child(4) .detail {
        background-color: #fff9f4
    }

    .shop .reviews-list > li:nth-child(odd) .detail {
        background-color: #fdf4ec
    }
}

.shop-popup {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #fdffff;
    z-index: 120;
    opacity: 0;
    transition: opacity 300ms, left 0ms 300ms
}

.shop-popup.opened {
    left: 0;
    opacity: 1;
    transition: opacity 300ms
}

.shop-popup .popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 3;
    width: 28px;
    height: 28px;
    cursor: pointer
}

.shop-popup .popup-close::after,
.shop-popup .popup-close::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    width: 28px;
    height: 2px;
    margin: -1px 0 0 -14px;
    background: #71aed2;
    transform: rotate(45deg)
}

.shop-popup .popup-close::after {
    transform: rotate(-45deg)
}

.shop-popup .middled,
body.screen {
    height: 100%
}

.shop-popup .split-list {
    max-width: 900px;
    margin: 0 auto;
    padding: 65px 20px 0
}

.shop-popup .split-list::after {
    content: '';
    clear: both;
    display: block
}

.shop-popup .split-list li {
    float: left;
    width: calc(50% - 20px);
    height: 280px;
    background: #fff9f4;
    text-align: center;
    box-sizing: border-box;
    padding: 0 30px
}

.shop-popup .split-list li:nth-child(2) {
    margin-left: 40px
}

.shop-popup .split-list li img {
    display: block;
    width: 105px;
    height: 82px;
    margin: -35px auto 0
}

.shop-popup .split-list li .split-title {
    font-size: 31px;
    line-height: 37px;
    padding-top: 25px
}

.shop-popup .split-list li .split-description {
    padding-top: 15px;
    font-size: 20px;
    line-height: 26px
}

.shop-popup .note {
    padding: 30px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
}

@media (max-width: 780px) {
    .shop-popup .middled {
        display: block;
        overflow: auto
    }

    .shop-popup .split-list {
        text-align: center
    }

    .shop-popup .split-list li {
        float: none;
        width: auto;
        display: inline-block;
        max-width: 400px;
        margin: 0 auto;
        padding-bottom: 30px;
        height: auto
    }

    .shop-popup .split-list li:nth-child(2) {
        margin-left: 0;
        margin-top: 70px
    }

    .shop-popup .split-list li .split-title {
        font-size: 24px;
        line-height: 31px;
        padding-top: 20px
    }

    .shop-popup .split-list li .split-description {
        font-size: 18px;
        line-height: 26px;
        padding-top: 10px
    }
}

@media (max-width: 640px) {
    .shop-popup .split-list {
        padding-left: 0;
        padding-right: 0
    }

    .shop-popup .note {
        font-size: 13px
    }
}

body.screen .site {
    height: 100%
}

body.screen .site .content {
    height: calc(100% - 70px);
    position: relative
}

.checkout-v3-header {
    height: 70px;
    background: #fff;
    padding: 20px 40px;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #ffe3c9
}

.checkout-v3-header a,
.showroom-v3-header a {
    display: block;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    text-transform: uppercase;
    color: #71aed2;
    line-height: 30px
}

.checkout-v3-header .header-title .icon,
.checkout-v3-header .logo {
    display: inline-block;
    vertical-align: middle
}

.checkout-v3-header .logo img {
    width: auto;
    height: 30px
}

.checkout-v3-header .header-title {
    line-height: 30px;
    padding-left: 110px
}

.checkout-v3-header .header-title .icon {
    height: 30px;
    width: 30px;
    background: url(//helixcontent1.com//checkout/lock-v3.png) no-repeat top center/17px auto
}

.checkout-v3-header .header-title span {
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;;
    font-weight: 700
}

.checkout-v3 {
    height: 100%;
    position: relative;
    overflow: hidden;
    color: #71aed2
}

.checkout-v3 .addresses-popup {
    background-color: #fff;
    position: fixed;
    left: -9999px;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 350;
    transition: left 0ms 600ms, opacity 600ms
}

.checkout-v3 .addresses-popup.shown {
    left: 0;
    opacity: 1;
    transition: 0ms, opacity 600ms
}

.checkout-v3 .addresses-popup .middled {
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center
}

.checkout-v3 .addresses-popup .addresses-holder {
    max-width: 510px;
    padding: 0 20px;
    text-align: center
}

.checkout-v3 .addresses-popup .addresses-note {
    display: block;
    text-align: left;
    line-height: 40px;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 20px
}

.checkout-v3 .addresses-popup .addresses-box {
    border: 1px #ffe3c9 solid;
    box-sizing: border-box
}

.checkout-v3 .addresses-popup .button {
    margin: 25px auto 0
}

.checkout-v3 .addresses-popup .button.disabled {
    cursor: default;
    opacity: .5
}

.checkout-v3 .addresses-popup .button.disabled:hover,
.reviews-v4 .write-review .review-particle .box-content.stars input.checked + label {
    background-color: #222
}

.checkout-v3 .addresses-popup .return {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;;
    text-decoration: underline;
    display: inline-block;
    padding: 20px;
    margin: 0 auto 10px;
    color: #71aed2
}

.checkout-v3 .addresses-popup ul.addresses-list {
    width: 100%;
    display: block;
    font-size: 0;
    font-family: 'Roboto', sans-serif;;
    background-color: #fff9f4;
    padding: 30px;
    box-sizing: border-box;
    text-align: left
}

.checkout-v3 .addresses-popup ul.addresses-list li {
    width: 100%;
    display: block
}

.checkout-v3 .addresses-popup ul.addresses-list li:not(:last-child) {
    margin-bottom: 20px
}

.checkout-v3 .addresses-popup ul.addresses-list li input,
.showroom-v3 .day-selector ul li input {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.checkout-v3 .addresses-popup ul.addresses-list li label {
    position: relative;
    font-size: 16px;
    display: block;
    border-bottom: none;
    color: #71aed2;
    padding-left: 35px;
    line-height: 28px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: capitalize
}

.checkout-v3 .addresses-popup ul.addresses-list li label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ffe3c9;
    transition: all 300ms
}

.checkout-v3 .addresses-popup ul.addresses-list li label:after {
    position: absolute;
    content: '';
    left: 7px;
    top: 7px;
    width: 12px;
    height: 12px;
    background: #ff7357;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout-v3 h3 {
    font-size: 34px;
    line-height: 45px
}

.checkout-v3 h3 img {
    height: 24px;
    width: auto;
    margin-right: 15px
}

.checkout-v3.has-items .cart-items {
    margin-right: 400px
}

.checkout-v3.has-items .checkout-summary {
    right: 0
}

.checkout-v3 form {
    display: block;
    height: 100%
}

.checkout-v3 .cart-items {
    margin-right: 0;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 50px 30px;
    overflow: auto;
    transition: all 300ms
}

.checkout-v3 .cart-items .cart-list {
    width: 100%
}

.checkout-v3 .cart-items .cart-list thead td {
    height: 35px;
    border-bottom: 1px solid #ebebeb;
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    text-transform: uppercase;
    color: #63789d
}

.checkout-v3 .cart-items .cart-list thead td:last-child {
    text-align: right
}

.checkout-v3 .cart-items .cart-list tbody td {
    padding: 15px 0;
    border-bottom: 1px solid #ebebeb
}

.checkout-v3 .cart-items .cart-list tbody td img {
    width: 100px;
    display: block;
    margin-right: 20px
}

.checkout-v3 .cart-items .cart-list tbody td.item-info {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    color: #71aed2;
    line-height: 22px
}

.checkout-v3 .cart-items .cart-list tbody td.item-info .delete {
    display: inline-block;
    color: #222;
    font-weight: 700
}

.checkout-v3 .cart-items .cart-list tbody td.item-info .edit {
    display: inline-block;
    color: #71aed2;
    font-weight: 700
}

.checkout-v3 .cart-items .cart-list tbody td:last-child {
    text-align: right
}

.checkout-v3 .cart-items .cart-list tbody .no-items td {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    color: #71aed2;
    line-height: 22px;
    text-align: center
}

.checkout-v3 .checkout-form {
    position: relative;
    margin-right: 400px;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    overflow: auto
}

.checkout-v3 .checkout-form .checkout-container {
    padding: 35px 40px
}

.checkout-v3 .checkout-form h3 {
    float: left;
    padding-bottom: 0
}

.checkout-v3 .checkout-form fieldset {
    content: '';
    clear: both;
    display: block;
    padding-top: 20px
}

.checkout-v3 .checkout-form fieldset:not(:last-child) {
    padding-bottom: 30px
}

.checkout-v3 .checkout-form fieldset .billing-info {
    margin-bottom: 45px
}

.checkout-v3 .checkout-form fieldset .options-sign {
    height: 62px;
    width: 62px;
    border-left: 1px #ffe3c9 solid;
    box-sizing: border-box;
    background-color: #fdf4ec;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 1
}

.checkout-v3 .checkout-form fieldset .options-sign:after {
    position: absolute;
    top: 28px;
    left: 24px;
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-top: #71aed2 8px solid;
    border-left: transparent 7px solid;
    border-right: transparent 7px solid
}

.checkout-v3 .checkout-form fieldset dl {
    position: relative;
    float: left;
    width: calc(50% - 10px);
    box-sizing: border-box;
    height: 64px;
    line-height: 62px;
    transition: all 300ms
}

.checkout-v3 .checkout-form fieldset dl.with-suggestions {
    z-index: 10
}

.checkout-v3 .checkout-form fieldset dl:not(:last-child) {
    margin-bottom: 45px
}

.checkout-v3 .checkout-form fieldset dl:not(.on-the-right) {
    margin-right: 20px
}

.checkout-v3 .checkout-form fieldset dl.three-in-a-row {
    width: calc((100% - 40px) / 3)
}

.checkout-v3 .checkout-form fieldset dl.full-row {
    width: 100%;
    margin-right: 0;
    margin-bottom: 45px
}

.checkout-v3 .checkout-form fieldset dl.card-row {
    margin-bottom: calc(45px + 38px)
}

.checkout-v3 .checkout-form fieldset dl.errorinput dt label {
    color: red
}

.checkout-v3 .checkout-form fieldset dl dt,
.checkout-v4 .checkout-form fieldset dl dt {
    position: absolute;
    z-index: 3;
    top: -8px;
    left: 15px;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff
}

.checkout-v3 .checkout-form fieldset dl dt label {
    box-sizing: border-box;
    display: block;
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    text-transform: uppercase;
    color: #516481;
    -webkit-font-smoothing: antialiased;
    line-height: 16px;
    transition: all 300ms
}

.checkout-v3 .checkout-form fieldset dl dt label:hover {
    border-bottom-color: #71aed2
}

.checkout-v3 .checkout-form fieldset dl dt label .small-in-brackets,
.checkout-v4 .checkout-form fieldset dl dt label .small-in-brackets {
    font-size: 10px
}

.checkout-v3 .checkout-form fieldset dl dd,
.fieldset-v4 dd {
    position: relative;
    z-index: 2
}

.checkout-v3 .checkout-form fieldset dl dd input[type=number],
.checkout-v3 .checkout-form fieldset dl dd input[type=text] {
    padding: 0 25px
}

.checkout-v3 .checkout-form fieldset dl dd select {
    padding-left: 25px;
    padding-right: calc(62px + 25px)
}

.checkout-v3 .checkout-form fieldset dl dd input[type=number],
.checkout-v3 .checkout-form fieldset dl dd input[type=text],
.checkout-v3 .checkout-form fieldset dl dd select {
    border: 1px #ffe3c9 solid;
    height: 64px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    color: #71aed2;
    appearance: none;
    border-radius: 0;
    transition: all 300ms
}

.checkout-v3 .checkout-form fieldset dl dd input[type=number]::-webkit-inner-spin-button,
.checkout-v3 .checkout-form fieldset dl dd input[type=number]::-webkit-outer-spin-button,
.checkout-v3 .checkout-form fieldset dl dd input[type=text]::-webkit-inner-spin-button,
.checkout-v3 .checkout-form fieldset dl dd input[type=text]::-webkit-outer-spin-button,
.checkout-v3 .checkout-form fieldset dl dd select::-webkit-inner-spin-button,
.checkout-v3 .checkout-form fieldset dl dd select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.checkout-v3 .checkout-form fieldset dl dd input[type=number].card-number,
.checkout-v3 .checkout-form fieldset dl dd input[type=text].card-number,
.checkout-v3 .checkout-form fieldset dl dd select.card-number {
    background-image: url(//helixcontent1.com//checkout/credit-cards.png);
    background-repeat: no-repeat;
    background-size: 161px auto;
    background-position: right 20px center;
    padding-right: 201px
}

.checkout-v3 .checkout-form fieldset dl dd input[type=number]:focus,
.checkout-v3 .checkout-form fieldset dl dd input[type=number]:hover,
.checkout-v3 .checkout-form fieldset dl dd input[type=text]:focus,
.checkout-v3 .checkout-form fieldset dl dd input[type=text]:hover,
.checkout-v3 .checkout-form fieldset dl dd select:focus,
.checkout-v3 .checkout-form fieldset dl dd select:hover,
.checkout-v3 .checkout-summary ul li .discount input[type=text]:focus,
.checkout-v3 .checkout-summary ul li .discount input[type=text]:focus + input[type=button],
.checkout-v3 .checkout-summary ul li .discount input[type=text]:hover,
.checkout-v3 .checkout-summary ul li .discount input[type=text]:hover + input[type=button] {
    border-color: #71aed2
}

.checkout-v3 .checkout-form fieldset dl dd input[type=number].errorinput,
.checkout-v3 .checkout-form fieldset dl dd input[type=text].errorinput,
.checkout-v3 .checkout-form fieldset dl dd select.errorinput,
.checkout-v3 .checkout-summary ul li .discount input[type=text].errorinput,
.checkout-v3 .checkout-summary ul li .discount input[type=text].errorinput + input[type=button] {
    border-color: red
}

.checkout-v3 .checkout-form fieldset dl dd input[type=number]::placeholder,
.checkout-v3 .checkout-form fieldset dl dd input[type=text]::placeholder,
.checkout-v3 .checkout-form fieldset dl dd select::placeholder {
    color: #516481
}

.checkout-v3 .checkout-form fieldset dl dd select {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.checkout-v3 .checkout-form fieldset dl dd .suggestions {
    display: none;
    border: 1px #ffe3c9 solid;
    border-top: none;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    box-sizing: border-box;
    width: 100%
}

.checkout-v3 .checkout-form fieldset dl dd .suggestions li {
    font-family: 'Roboto', sans-serif;;
    font-size: 18px;
    line-height: 42px;
    padding: 0 25px;
    cursor: pointer;
    background-color: #fff9f4;
    transition: all 300ms
}

.checkout-v3 .checkout-form fieldset dl dd .secure-payment-info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 38px;
    font-size: 13px;
    color: #516481;
    font-family: 'Roboto', sans-serif;
}

.checkout-v3 .checkout-form fieldset dl dd .secure-payment-info img {
    vertical-align: middle;
    width: 12px;
    height: 17px;
    margin-right: 10px;
    margin-top: -3px
}

.checkout-v3 .checkout-form .same-for-billing-btn {
    color: #71aed2;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 45px;
    font-size: 16px;
    float: right
}

.checkout-v3 .checkout-form .same-for-billing-btn label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 32px
}

.checkout-v3 .checkout-form .same-for-billing-btn label:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #fff;
    border: 2px solid #ffe3c9;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    font-size: 15px
}

.checkout-v3 .checkout-form .same-for-billing-btn input[type=checkbox]:checked + label:before {
    background: no-repeat url(//helixcontent1.com//checkout/tick-orange.png) center center/16px auto
}

.checkout-v3 .checkout-form .radiolist {
    background-color: #fff9f4;
    content: '';
    clear: both;
    display: block;
    margin-bottom: 40px;
    padding: 0 25px
}

.checkout-v3 .checkout-form .radiolist.country-switch {
    margin-top: 10px
}

.checkout-v3 .checkout-form .affirm-info:after,
.checkout-v3 .checkout-form .radiolist:after,
.checkout-v3 .checkout-summary ul li:after {
    content: '';
    clear: both;
    display: block
}

.checkout-v3 .checkout-form .radiolist li {
    float: left;
    margin-right: 30px;
    overflow: hidden
}

.checkout-v3 .checkout-form .radiolist li input {
    position: absolute;
    left: -10000px
}

.checkout-v3 .checkout-form .radiolist li label {
    display: block;
    font-size: 16px;
    color: #71aed2;
    padding-left: 35px;
    font-family: 'Roboto', sans-serif;;
    position: relative;
    line-height: 70px;
    cursor: pointer
}

.checkout-v3 .checkout-form .radiolist li label:not(.country-option):before {
    content: '';
    position: absolute;
    top: calc(50% - 13px);
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ffe3c9;
    transition: all 300ms
}

.checkout-v3 .checkout-form .radiolist li label:not(.country-option):after {
    position: absolute;
    content: '';
    left: 7px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    background: #ff7357;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout-v3 .checkout-form .radiolist li label a {
    display: block;
    line-height: 70px;
    margin-left: -35px;
    padding-left: 35px;
    color: #71aed2
}

.checkout-v3 .checkout-form .radiolist li label a:before {
    content: '';
    position: absolute;
    top: calc(50% - 13px);
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #ffe3c9;
    transition: all 300ms
}

.checkout-v3 .checkout-form .radiolist li label a:after {
    position: absolute;
    content: '';
    left: 7px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    background: #ff7357;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout-v3 .checkout-form .radiolist li input:checked + .country-option a:after,
.checkout-v3 .checkout-form .radiolist li input:checked + label:after,
.forms-v4 form .form-box > ul li input:checked + label span:after,
.popup-v4.save-popup-v4 .save-design .check input:checked + label .tick:after,
.showroom-login-v4.save-popup-v4 .save-design .check input:checked + label .tick:after {
    opacity: 1
}

.checkout-v3 .checkout-form .affirm-container {
    padding: 40px 45px;
    background-color: #fff9f4;
    margin-bottom: 45px
}

.checkout-v3 .checkout-form .affirm-logo {
    width: 108px;
    height: auto;
    margin: 0 auto;
    display: block
}

.checkout-v3 .checkout-form .affirm-note {
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;;
    color: #71aed2;
    padding: 30px 0 50px;
    max-width: 700px;
    -webkit-font-smoothing: antialiased
}

.checkout-v3 .checkout-form .affirm-info li {
    float: left;
    width: 50%;
    box-sizing: border-box
}

.checkout-v3 .checkout-form .affirm-info li:first-child {
    padding-right: 20px;
    padding-left: 60px;
    background: no-repeat url(//helixcontent1.com//checkout/affirm-icon1.png) left top/44px auto
}

.checkout-v3 .checkout-form .affirm-info li:last-child {
    padding-left: 90px;
    background: no-repeat url(//helixcontent1.com//checkout/affirm-icon2.png) left 30px top/44px auto
}

.checkout-v3 .checkout-form .affirm-info li .title {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    color: #516481;
    padding-bottom: 15px
}

.checkout-v3 .checkout-form .affirm-info li p {
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto', sans-serif;;
    color: #71aed2
}

.checkout-v3 .checkout-form .affirm-info li p a {
    color: #71aed2;
    text-decoration: underline;
    font-weight: 700
}

.checkout-v3 .checkout-summary {
    position: absolute;
    text-align: center;
    top: 0;
    right: -400px;
    width: 400px;
    height: 100%;
    background: #fff9f4;
    padding: 35px;
    box-sizing: border-box;
    overflow: auto;
    transition: all 300ms
}

.checkout-v3 .checkout-summary h3 {
    padding-bottom: 25px
}

.checkout-v3 .checkout-summary ul li {
    line-height: 28px;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px
}

.checkout-v3 .checkout-summary ul li.sum-gift .name,
.checkout-v3 .checkout-summary ul li.sum-recycling .name {
    position: relative;
    cursor: pointer
}

.checkout-v3 .checkout-summary ul li.sum-gift .name.disabled,
.checkout-v3 .checkout-summary ul li.sum-recycling .name.disabled {
    cursor: default
}

.checkout-v3 .checkout-summary ul li.sum-gift .name:after,
.checkout-v3 .checkout-summary ul li.sum-recycling .name:after {
    background-color: #71aed2;
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 3px;
    left: 0
}

.checkout-v3 .checkout-summary ul li.sum-recycling {
    display: none
}

.checkout-v3 .checkout-summary ul li.sum-recycling.visible {
    display: block
}

.checkout-v3 .checkout-summary ul li .box {
    margin: 0 -35px;
    display: none
}

.checkout-v3 .checkout-summary ul li .box .box-inner {
    margin: 15px 0;
    padding: 20px 35px;
    background-color: #fdf4ec
}

.checkout-v3 .checkout-summary ul li .recycling-info {
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.checkout-v3 .checkout-summary ul li .recycling-info a {
    color: #71aed2;
    text-decoration: underline
}

.checkout-v3 .checkout-summary ul li .discount input[type=text] {
    border: 1px solid #ffe3c9;
    height: 56px;
    font-family: 'Roboto', sans-serif;
    padding: 0 20px;
    width: calc(100% - 100px);
    border-radius: 0;
    box-sizing: border-box;
    font-size: 16px;
    color: #71aed2;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    float: left;
    transition: all 300ms
}

.checkout-v3 .checkout-summary ul li .discount input[type=text]::-webkit-inner-spin-button,
.checkout-v3 .checkout-summary ul li .discount input[type=text]::-webkit-outer-spin-button,
.fieldset-v4 dd input::-webkit-inner-spin-button,
.fieldset-v4 dd input::-webkit-outer-spin-button,
.fieldset-v4 dd select::-webkit-inner-spin-button,
.fieldset-v4 dd select::-webkit-outer-spin-button,
.fieldset-v4 dd textarea::-webkit-inner-spin-button,
.fieldset-v4 dd textarea::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.checkout-v3 .checkout-summary ul li .discount input[type=text]::placeholder,
.showroom-v3 .customer-info fieldset input::placeholder {
    color: #516481
}

.checkout-v3 .checkout-summary ul li .discount input[type=button] {
    width: 100px;
    height: 56px;
    float: left;
    background: #fff9f4;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #ffe3c9;
    border-left: none;
    box-sizing: border-box;
    font-weight: 700;
    color: #71aed2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms
}

.checkout-v3 .checkout-summary ul li .discount .discount-info {
    font-size: 12px;
    line-height: 16px;
    padding-top: 10px;
    color: #516481;
    font-family: 'Roboto', sans-serif;
}

.checkout-v3 .checkout-summary ul li .discount .discount-info.errored {
    color: #e84242
}

.checkout-v3 .checkout-summary ul li.subtotal {
    border-top: 1px solid #71aed2;
    padding-bottom: 10px;
    margin-top: 6px;
    padding-top: 6px
}

.checkout-v3 .checkout-summary ul li .name,
.showroom-v3 .customers > li .saves > li a .save-date,
.showroom-v3 .slots > li .saves > li a .save-date {
    float: left
}

.checkout-v3 .checkout-summary ul li .name span {
    background: #71aed2;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    text-align: center;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin-left: 5px
}

.checkout-v3 .checkout-summary ul li .value {
    float: right;
    font-weight: 700
}

.checkout-v3 .checkout-summary .btn-orange {
    width: 100%;
    border-radius: 0;
    height: 65px;
    line-height: 65px;
    box-sizing: border-box;
    text-align: center;
    background-image: url(//helixcontent1.com//checkout/lock-white-v3.png), linear-gradient(#ff7357, #f76244);
    background-repeat: no-repeat;
    background-size: 16px auto;
    padding-left: 30px
}

.checkout-v3 .checkout-summary .btn-orange[data-value=stripe] {
    background-position: left 75px top 19px
}

.checkout-v3 .checkout-summary .btn-orange[data-value=affirm] {
    background-position: left 40px top 19px
}

.checkout-v3 .checkout-summary .affirm-error,
.checkout-v3 .checkout-summary .process-error {
    font-family: 'Roboto', sans-serif;;
    color: #222;
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    padding-top: 20px
}

.checkout-v3 .checkout-summary .process-error,
.checkout-v3 .checkout-summary .process-error .close {
    display: none
}

.checkout-v3 .checkout-summary .process-error.visible {
    display: block
}

.checkout-v3 .checkout-summary .add-to-newsletter {
    margin-top: 25px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: inline-block
}

.checkout-v3 .checkout-summary .add-to-newsletter input {
    position: absolute;
    left: -1000px
}

.checkout-v3 .checkout-summary .add-to-newsletter label {
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    font-family: 'Roboto', sans-serif;;
    line-height: 24px;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkout-v3 .checkout-summary .add-to-newsletter label:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border: 2px solid #ffe3c9;
    display: inline-block;
    width: 20px;
    height: 20px
}

.checkout-v3 .checkout-summary .add-to-newsletter input[type=checkbox]:checked + label:before {
    background: #fff no-repeat url(//helixcontent1.com//checkout/tick-orange.png) center center/16px auto
}

.checkout-v3 .checkout-summary .checkout-note {
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;;
    color: #516481
}

.checkout-v3 .checkout-summary .checkout-note.stripe {
    padding-top: 15px
}

.checkout-v3 .checkout-summary .checkout-note.affirm {
    padding-top: 5px;
    padding-bottom: 20px
}

.checkout-v3 .checkout-summary .checkout-note a {
    color: #516481;
    text-decoration: underline;
    font-weight: 700;
    white-space: nowrap
}

.checkout-v3 .mobile-delivery-info {
    display: none;
    padding: 20px 0 40px;
    background-color: #fff9f4;
    margin-bottom: 10px
}

.checkout-v3 .delivery,
.checkout-v3 .trial-infobox {
    position: relative;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;;
    background-color: #fdf4ec;
    padding: 20px;
    text-align: center
}

.checkout-v3 .delivery.mobile,
.checkout-v3 .trial-infobox.mobile {
    display: none
}

.checkout-v3 .delivery img,
.checkout-v3 .trial-infobox img {
    height: auto;
    margin-bottom: 15px
}

.checkout-v3 .delivery img.trial-moon,
.checkout-v3 .trial-infobox img.trial-moon {
    width: 27px
}

.checkout-v3 .delivery img.delivery-stamp,
.checkout-v3 .trial-infobox img.delivery-stamp {
    width: 47px
}

.checkout-v3 .delivery .infobox-headline,
.checkout-v3 .trial-infobox .infobox-headline {
    max-width: 250px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    padding-bottom: 10px
}

.checkout-v3 .delivery p,
.checkout-v3 .trial-infobox p {
    font-size: 14px;
    line-height: 20px
}

.checkout-v3 .delivery .delivery-date,
.checkout-v3 .trial-infobox .delivery-date {
    line-height: 26px;
    font-size: 16px
}

.checkout-v3 .delivery .delivery-date span,
.checkout-v3 .trial-infobox .delivery-date span,
.rejuvenation .hero-banner .book-appointment .note span {
    font-weight: 700
}

.checkout-v3 .checkout-footer {
    padding: 0 30px;
    background-color: #fff;
    border-top: 1px solid #ffe3c9;
    font-size: 13px;
    text-align: center;
    color: #71aed2;
    font-family: 'Roboto', sans-serif;
}

.checkout-v3 .checkout-footer.desktop {
    line-height: 56px
}

.checkout-v3 .checkout-footer.mobile {
    display: none;
    line-height: 50px;
    padding-bottom: 66px
}

@media (max-width: 1080px) {
    .checkout-v3-header {
        padding: 20px 30px
    }

    .checkout-v3 h3 {
        font-size: 33px
    }

    .checkout-v3 .checkout-form {
        margin-right: 380px
    }

    .checkout-v3 .checkout-form .checkout-container {
        padding: 35px 30px 80px
    }

    .checkout-v3 .checkout-form .radiolist {
        padding: 20px 25px
    }

    .checkout-v3 .checkout-form .radiolist li,
    .checkout-v3 .checkout-form h3 {
        float: none
    }

    .checkout-v3 .checkout-form .radiolist li label {
        line-height: 36px
    }

    .checkout-v3 .checkout-form fieldset:not(:last-child) {
        padding-bottom: 75px
    }

    .checkout-v3 .checkout-form fieldset dl {
        float: none;
        width: 100%
    }

    .checkout-v3 .checkout-form fieldset dl:not(.on-the-right) {
        margin-right: 0
    }

    .checkout-v3 .checkout-form fieldset dl.three-in-a-row {
        width: 100%
    }

    .checkout-v3 .checkout-form fieldset dl dd input[type=text].card-number {
        background: 0 0;
        padding-right: 25px
    }

    .checkout-v3 .checkout-form .same-for-billing-btn {
        margin-top: 10px;
        float: none
    }

    .checkout-v3 .checkout-form .affirm-info li {
        display: block;
        float: none;
        width: auto
    }

    .checkout-v3 .checkout-form .affirm-info li:first-child {
        padding-right: 0
    }

    .checkout-v3 .checkout-form .affirm-info li:last-child {
        padding-left: 60px;
        padding-top: 40px;
        background-position: left top 40px
    }

    .checkout-v3 .checkout-form .affirm-info li .title {
        font-size: 14px;
        font-family: 'Roboto', sans-serif;;
        text-transform: uppercase;
        color: #516481;
        padding-bottom: 15px
    }

    .checkout-v3 .checkout-summary {
        width: 380px;
        right: -380px;
        padding: 35px 30px
    }

    .checkout-v3 .checkout-summary .btn-orange {
        padding-left: 40px
    }

    .checkout-v3 .checkout-summary ul li.sum-gift .discount,
    .checkout-v3 .checkout-summary ul li.sum-recycling .recycling-info {
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 -30px
    }

    .checkout-v3 .checkout-footer.desktop {
        line-height: 50px
    }
}

@media (max-width: 720px) {
    .checkout-v3-header {
        padding: 20px
    }

    .checkout-v3-header .right {
        display: none
    }

    .checkout-v3-header .header-title {
        padding-left: 0;
        padding-right: 29px;
        display: none
    }

    .checkout-v3 {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .checkout-v3 .checkout-summary {
        overflow: visible
    }

    .checkout-v3 .checkout-form {
        margin-right: 0;
        height: auto;
        overflow: visible
    }

    .checkout-v3 .checkout-form .checkout-container {
        padding: 25px 20px
    }

    .checkout-v3 .checkout-form fieldset {
        padding-top: 15px
    }

    .checkout-v3 .checkout-summary {
        position: relative;
        width: auto;
        right: auto;
        top: auto;
        height: auto;
        padding: 35px 20px
    }

    .checkout-v3 .checkout-summary .btn-orange {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        line-height: normal;
        height: 66px;
        z-index: 300
    }

    .checkout-v3 .checkout-summary .btn-orange[data-value=stripe] {
        background-position: left calc(50% - 75px) top 19px
    }

    .checkout-v3 .checkout-summary .btn-orange[data-value=affirm] {
        background-position: left calc(50% - 115px) top 19px
    }

    .checkout-v3 .checkout-summary .process-error {
        position: fixed;
        top: 70px;
        left: 0;
        background-color: red;
        width: 100%;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        padding: 0 20px;
        box-sizing: border-box;
        text-align: left;
        height: 44px;
        line-height: 44px;
        z-index: 250
    }

    .checkout-v3 .checkout-summary .process-error .close {
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        height: 100%;
        width: 52px;
        cursor: pointer
    }

    .checkout-v3 .checkout-summary .process-error .close:after,
    .checkout-v3 .checkout-summary .process-error .close:before {
        content: '';
        position: absolute;
        width: 2px;
        height: 14px;
        display: inline-block;
        top: 15px;
        left: 25px;
        background-color: #fff
    }

    .checkout-v3 .checkout-summary .process-error .close:before {
        transform: rotate(45deg)
    }

    .checkout-v3 .checkout-summary .process-error .close:after {
        transform: rotate(-45deg)
    }

    .checkout-v3 .checkout-summary .add-to-newsletter {
        margin-bottom: 0;
        margin-top: 15px
    }

    .checkout-v3 .checkout-summary .checkout-note.affirm {
        padding-top: 15px;
        padding-bottom: 0
    }

    .checkout-v3 .checkout-summary ul li.sum-gift .discount,
    .checkout-v3 .checkout-summary ul li.sum-recycling .recycling-info {
        padding-left: 20px;
        padding-right: 20px;
        margin: 0 -20px
    }

    .checkout-v3 .checkout-footer.desktop {
        display: none
    }

    .checkout-v3 .checkout-footer.mobile,
    .checkout-v3 .delivery.mobile,
    .checkout-v3 .mobile-delivery-info,
    .checkout-v3 .trial-infobox.mobile {
        display: block
    }

    .checkout-v3 .delivery.desktop,
    .checkout-v3 .trial-infobox.desktop {
        display: none
    }
}

@media (max-width: 640px) {
    .checkout-v3 .addresses-popup {
        overflow: auto
    }

    .checkout-v3 .addresses-popup .middled {
        display: block;
        margin-top: 35px
    }

    .checkout-v3 .addresses-popup .addresses-holder {
        padding-bottom: 100px;
        margin: 0 auto
    }

    .checkout-v3 .addresses-popup .addresses-holder .addresses-note {
        padding: 0 20px;
        font-size: 24px;
        line-height: 34px
    }

    .checkout-v3 .addresses-popup ul.addresses-list {
        padding: 30px 20px 20px
    }
}

@media (max-width: 530px) {
    .checkout-v3 .addresses-popup .addresses-holder {
        width: 100%;
        max-width: none;
        padding: 0 0 100px
    }

    .checkout-v3 .addresses-popup .addresses-box {
        border-right: none;
        border-left: none
    }
}

.sizes-page {
    color: #71aed2
}

.sizes-page .sizes-hero {
    height: 400px;
    background: no-repeat url(//helixcontent1.com//sizes/sizes-hero.jpg) center center/cover;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-bottom: 70px
}

.sizes-page .sizes-hero img {
    width: 240px;
    height: 240px
}

.sizes-page .size-wrapper {
    margin: 0 auto;
    max-width: 880px
}

.sizes-page .headline-padding {
    padding: 0 75px
}

.myorders,
.sizes-page .sizes-headline,
.sizes-page p {
    text-align: center
}

.sizes-page .sizes-headline.desktop {
    line-height: 60px;
    font-size: 60px
}

.sizes-page .sizes-headline.tablet {
    line-height: 50px;
    font-size: 50px;
    display: none
}

.sizes-page p {
    margin: 8px auto 0;
    line-height: 34px;
    font-size: 24px
}

.sizes-page .categories-pres {
    margin: 50px auto 20px;
    width: 100%;
    background-color: #fff9f4;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.sizes-page .categories-pres ul {
    padding: 30px 0;
    display: block;
    margin: 0 auto
}

.sizes-page .categories-pres ul li {
    display: inline-block;
    margin: 30px 15px;
    vertical-align: top
}

.sizes-page .categories-pres ul li .name {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px
}

.sizes-page .categories-pres ul li .dimensions {
    font-size: 16px;
    color: #516481;
    padding-bottom: 15px
}

.showroom-v3 .how-it-works .steps > li ul,
.sizes-page .categories-list {
    font-size: 0
}

.sizes-page .categories-list li {
    padding: 35px 0 50px
}

.sizes-page .categories-list li:not(:last-child) {
    border-bottom: #ffe3c9 solid 1px
}

.sizes-page .categories-list li .name {
    display: inline-block;
    font-size: 34px;
    line-height: 40px;
    width: 230px;
    padding-top: 5px;
    padding-right: 20px;
    vertical-align: top
}

.sizes-page .categories-list li .description {
    display: inline-block;
    font-size: 20px;
    line-height: 34px;
    padding: 0 20px;
    width: calc(100% - 290px)
}

@media only screen and (max-width: 1079px) {
    .sizes-page .categories-pres ul {
        max-width: 628px
    }
}

@media only screen and (max-width: 768px) {
    .sizes-page .sizes-hero {
        height: 240px;
        margin-bottom: 50px
    }

    .sizes-page .sizes-hero img {
        height: 145px;
        width: 145px
    }

    .sizes-page .headline-padding {
        padding: 0 60px
    }

    .sizes-page .sizes-headline.desktop {
        display: none
    }

    .sizes-page .sizes-headline.tablet {
        display: block
    }

    .sizes-page p {
        font-size: 21px;
        line-height: 30px
    }

    .sizes-page .categories-pres {
        margin-top: 45px
    }

    .sizes-page .categories-list li .name {
        width: auto;
        display: block;
        padding: 0
    }

    .sizes-page .categories-list li .description {
        width: auto;
        display: block;
        padding: 15px 0 0
    }
}

@media only screen and (max-width: 640px) {
    .sizes-page .sizes-hero {
        height: 110px;
        margin-bottom: 30px
    }

    .sizes-page .sizes-hero img {
        height: 70px;
        width: 70px
    }

    .sizes-page .headline-padding {
        padding: 0
    }

    .sizes-page p {
        font-size: 18px;
        line-height: 28px
    }

    .sizes-page .sizes-headline.tablet {
        font-size: 40px;
        line-height: 44px
    }

    .sizes-page .categories-pres {
        margin-bottom: 0
    }

    .sizes-page .categories-pres ul {
        padding: 30px 5px;
        max-width: none;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .sizes-page .categories-pres ul li {
        margin-top: 5px;
        margin-bottom: 5px
    }
}

.myorders .btn-orange {
    border-radius: 0
}

.myorders .wrapper-sm,
.myorders .wrapper-sp {
    background-color: #fff9f4
}

.myorders .wrapper-sm {
    padding-bottom: 80px
}

.myorders .myorders-header {
    padding-top: 20px
}

.myorders .myorders-header .back-to-page {
    color: #222;
    font-size: 14px;
    line-height: 130px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;;
    font-weight: 700
}

.myorders .configure-main {
    max-width: 800px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    border: #ffe3c9 1px solid;
    background-color: #fff;
    text-align: center;
    padding: 30px 30px 40px;
    color: #71aed2
}

.myorders .configure-main .heading,
.rejuvenation .hero-banner .book-appointment h3 {
    font-size: 40px;
    line-height: 50px
}

.myorders .configure-main .subheading {
    font-family: 'Roboto', sans-serif;;
    color: #516481;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 36px
}

.myorders .configure-main .subheading .divider {
    display: inline-block;
    margin: 0 10px
}

.myorders .configure-main img {
    height: 150px;
    width: auto;
    max-width: 100%
}

.myorders .configure-main .order-num {
    font-family: 'Roboto', sans-serif;;
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 20px
}

.myorders .configure-main .order-num .order-code {
    text-transform: uppercase;
    color: #222;
    font-weight: 700
}

.myorders .configure-person {
    font-size: 30px;
    line-height: 40px;
    padding: 25px 0
}

.myorders .configure-specs {
    max-width: 800px;
    box-sizing: border-box;
    border: #ffe3c9 1px solid;
    font-size: 0;
    margin: -1px auto 40px
}

.myorders .configure-specs li {
    padding: 40px 55px 55px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.myorders .configure-specs li:not(:last-child) {
    border-bottom: #ffe3c9 1px solid
}

.myorders .configure-specs li:nth-child(odd) {
    background-color: #fdf4ec
}

.myorders .configure-specs li:nth-child(even) {
    background-color: #fbf0e5
}

.myorders .configure-specs li .category {
    text-align: center;
    color: #516481;
    font-size: 16px;
    line-height: 26px
}

.myorders .configure-specs li .value {
    text-align: center;
    line-height: 36px;
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 700
}

.myorders .configure-specs li .visual-value {
    line-height: 21px;
    font-size: 16px;
    font-weight: 700
}

.myorders .configure-specs li .visual-value .bar {
    background-color: #a7acb6;
    position: relative;
    height: 1px;
    width: calc(100% - 200px);
    margin-left: 100px;
    margin-top: -12px
}

.myorders .configure-specs li .visual-value .bar .point {
    height: 24px;
    width: 24px;
    background-color: #222;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -12px;
    margin-top: -12px
}

@media only screen and (max-width: 768px) {
    .myorders .myorders-header {
        padding-top: 10px
    }

    .myorders .myorders-header .back-to-page {
        line-height: 90px
    }
}

@media only screen and (max-width: 640px) {
    .myorders .wrapper-sp {
        padding-bottom: 40px
    }

    .myorders .wrapper-sm {
        padding-bottom: 50px
    }

    .myorders .myorders-header .back-to-page {
        line-height: 70px
    }

    .myorders .configure-main {
        padding-bottom: 0
    }

    .myorders .configure-main .heading {
        font-size: 26px;
        line-height: 30px
    }

    .myorders .configure-main .subheading {
        font-size: 14px;
        line-height: 30px
    }

    .myorders .configure-main img {
        height: 140px
    }

    .myorders .configure-main .order-num {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 10px
    }

    .myorders .configure-main .btn-orange.btn-bigger {
        width: calc(100% + 60px);
        margin: 0 -30px;
        padding: 0
    }

    .myorders .configure-specs {
        border-top: #ffe3c9 1px solid
    }

    .myorders .configure-specs li {
        padding: 25px 20px 35px
    }

    .myorders .configure-specs li .category {
        font-size: 11px;
        line-height: 14px
    }

    .myorders .configure-specs li .value {
        font-size: 14px;
        line-height: 28px;
        padding-bottom: 15px
    }

    .myorders .configure-specs li .visual-value {
        font-size: 11px;
        line-height: 14px
    }

    .myorders .configure-specs li .visual-value .bar {
        width: calc(100% - 120px);
        margin-left: 60px;
        margin-top: -8px
    }

    .myorders .configure-specs li .visual-value .bar .point {
        height: 16px;
        width: 16px;
        margin-left: -8px;
        margin-top: -8px
    }

    .myorders .btn-orange.btn-bigger {
        width: 100%;
        box-sizing: border-box;
        padding: 0
    }
}

.showroom-v3-header {
    height: 70px;
    background: #fff;
    padding: 10px 30px;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 1px solid #ffe3c9
}

.showroom-v3-header .logo {
    display: inline-block;
    vertical-align: middle;
    padding: 10px
}

.showroom-v3-header .logo img {
    width: auto;
    height: 30px
}

.showroom-v3-header .add-appointment {
    height: 50px;
    width: 50px;
    cursor: pointer;
    position: relative
}

.showroom-v3-header .add-appointment span {
    background-color: #71aed2;
    height: 2px;
    width: 30px;
    position: absolute;
    top: 24px;
    left: 10px
}

.showroom-v3-header .add-appointment span:last-child {
    transform: rotate(90deg)
}

.showroom-v3-header .showroom-selector {
    margin: 0 auto;
    width: 250px
}

.showroom-v3-header .showroom-selector select {
    position: relative;
    display: block;
    padding: 0 15px;
    border: 1px #ffe3c9 solid;
    height: 50px;
    font-family: 'Roboto', sans-serif;;
    font-size: 18px;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    appearance: none;
    color: #71aed2;
    border-radius: 0
}

@media only screen and (max-width: 768px) {
    .showroom-v3-header {
        padding: 10px 30px
    }
}

@media only screen and (max-width: 640px) {
    .showroom-v3-header {
        padding: 10px 20px
    }
}

.showroom-v3 .wrapper-showroom,
.showroom-v3 .wrapper-showroom-smaller {
    position: relative;
    padding: 0 40px;
    max-width: 1180px;
    margin: 0 auto
}

.showroom-v3 .wrapper-showroom-smaller {
    max-width: 880px
}

.showroom-v3 .btn-orange {
    border-radius: 0;
    font-size: 16px
}

.showroom-v3 .hero {
    position: relative;
    background-color: #fdf7f1;
    padding-bottom: 65px
}

.showroom-v3 .hero.reservation {
    padding-top: 75px;
    padding-bottom: 85px
}

.showroom-v3 .hero.reservation .visit {
    max-width: 880px;
    padding: 0;
    position: relative
}

.showroom-v3 .hero.reservation .visit > img {
    display: block;
    width: 100%;
    height: auto
}

.showroom-v3 .hero .showroom-hero-holder {
    position: relative
}

.showroom-v3 .hero .showroom-hero-holder > img {
    display: block;
    width: 100%;
    margin-bottom: 132px
}

.showroom-v3 .hero .showroom-hero-holder > img.mobile {
    display: none;
    margin-bottom: 103px
}

.showroom-v3 .hero .showroom-hero-holder .map-holder {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 262px;
    height: 262px;
    box-sizing: border-box;
    display: block;
    border: 6px solid #fff;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: translate3d(-50%, 50%, 0);
    -moz-transform: translate3d(-50%, 50%, 0);
    -ms-transform: translate3d(-50%, 50%, 0);
    -o-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}

.showroom-v3 .hero .showroom-hero-holder .map-holder .map {
    top: -20px;
    left: -20px;
    height: calc(100% + 40px);
    width: calc(100% + 40px);
    position: relative;
    z-index: 1
}

.showroom-v3 .hero .city,
.showroom-v3 .hero .street {
    display: block;
    text-align: center;
    font-family: 'Roboto', sans-serif;;
    text-transform: uppercase;
    font-weight: 700
}

.showroom-v3 .hero .city {
    font-size: 18px;
    line-height: 18px;
    padding: 25px 0 15px;
    color: #516481
}

.showroom-v3 .hero .street {
    font-size: 34px;
    line-height: 36px;
    color: #71aed2
}

.showroom-v3 .notice {
    background-color: #fdf7f1;
    padding: 45px 40px 40px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    font-family: 'Roboto', sans-serif;;
    width: 100%;
    box-sizing: border-box;
    margin: 60px auto 0
}

.showroom-v3 .notice .title {
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    margin-bottom: 30px
}

.showroom-v3 .notice .title:after {
    position: absolute;
    display: block;
    content: '';
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #71aed2
}

.showroom-v3 .notice p {
    display: block;
    max-width: 640px;
    margin: 0 auto
}

.showroom-v3 .visit {
    color: #71aed2;
    text-align: center;
    max-width: 750px;
    margin: 0 auto;
    padding: 55px 50px 15px
}

.showroom-v3 .visit h3 {
    font-size: 60px;
    line-height: initial;
    padding: 0 0 10px
}

.showroom-v3 .visit p {
    font-size: 24px;
    line-height: 34px;
    max-width: 680px;
    display: inline-block;
    margin: 0 auto
}

.showroom-v3 .visit .holder {
    margin-top: 55px;
    border: 1px solid #ffe3c9;
    font-size: 0
}

.faq-materials .split-box li.graphics img,
.showroom-v3 .visit .holder > img {
    width: 100%;
    height: auto
}

.showroom-v3 .visit .visit-details {
    position: relative;
    background-color: #fff;
    display: flex
}

.showroom-v3 .visit .visit-details:after {
    background-color: #ffe3c9;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    left: 50%
}

.showroom-v3 .visit .visit-details .map-container,
.showroom-v3 .visit .visit-details .visit-info {
    flex: 50%
}

.showroom-v3 .visit .visit-details .map-container {
    padding: 40px;
    box-sizing: border-box
}

.showroom-v3 .visit .visit-details .map-holder {
    box-sizing: border-box;
    height: 100%;
    position: relative;
    overflow: hidden
}

.showroom-v3 .visit .visit-details .map-holder .map {
    position: absolute;
    top: -20px;
    left: -20px;
    height: calc(100% + 40px);
    width: calc(100% + 40px)
}

.showroom-v3 .visit .visit-details .visit-info > ul li {
    display: block;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;;
    padding: 30px 25px 25px
}

.showroom-v3 .visit .visit-details .visit-info > ul li:not(:last-child) {
    border-bottom: 1px solid #ffe3c9
}

.showroom-v3 .visit .visit-details .visit-info > ul li .cat {
    color: #516481;
    font-size: 16px;
    line-height: 22px
}

.showroom-v3 .visit .visit-details .visit-info > ul li .value {
    color: #71aed2;
    font-size: 20px;
    line-height: 36px;
    font-weight: 700
}

.showroom-v3 .visit .actions {
    padding: 40px;
    background-color: #fff;
    border: 1px solid #ffe3c9;
    border-top: none
}

.showroom-v3 .visit .actions li {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
}

.showroom-v3 .visit .actions li:first-child {
    margin-right: 20px
}

.showroom-v3 .socials {
    padding-top: 40px;
    font-size: 0
}

.showroom-v3 .socials li {
    display: inline-block;
    width: calc((100% - 60px) / 4)
}

.showroom-v3 .socials li:not(:last-child),
.showroom-v3 .time-selector .groups > li:not(:last-child) {
    margin-right: 20px
}

.showroom-v3 .socials li a {
    display: inline-block;
    width: 100%;
    line-height: 62px;
    box-sizing: border-box;
    font-weight: 700;
    border: 1px solid #ffe3c9;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;;
    color: #71aed2;
    font-size: 18px;
    text-align: center
}

.showroom-v3 .showroom-form {
    text-align: center
}

.showroom-v3 .showroom-form h4 {
    font-size: 34px;
    line-height: 42px;
    color: #71aed2;
    padding-bottom: 20px
}

.showroom-v3 .showroom-form .error {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;;
    color: #ed6060
}

.showroom-v3 .showroom-form .error:not(:empty) {
    padding-bottom: 20px
}

.showroom-v3 .date-selector {
    padding: 50px 0 60px;
    text-align: center
}

.showroom-v3 .select-holder {
    position: relative;
    max-width: 290px;
    margin: 0 auto
}

.showroom-v3 .select-holder .options-sign {
    height: 62px;
    width: 62px;
    border-left: 1px #ffe3c9 solid;
    box-sizing: border-box;
    background-color: #fdf4ec;
    position: absolute;
    right: 1px;
    top: 1px;
    z-index: 3;
    pointer-events: none
}

.showroom-v3 .select-holder .options-sign:after {
    position: absolute;
    top: 28px;
    left: 24px;
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-top: #71aed2 8px solid;
    border-left: transparent 7px solid;
    border-right: transparent 7px solid
}

.showroom-v3 .select-holder select {
    position: relative;
    z-index: 2;
    border: 1px #ffe3c9 solid;
    height: 64px;
    font-family: 'Roboto', sans-serif;;
    font-size: 18px;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 0 87px 0 25px;
    appearance: none;
    color: #71aed2;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms
}

.showroom-v3 .select-holder select.errorinput {
    border-color: #ed6060
}

.showroom-v3 .month-selector {
    position: relative
}

.showroom-v3 .section-wrapper {
    max-width: 940px;
    margin: 0 auto
}

.showroom-v3 .day-selector {
    background-color: #fff9f4
}

.showroom-v3 .day-selector .day-slider {
    height: 170px;
    position: relative
}

.showroom-v3 .day-selector .day-slider .next,
.showroom-v3 .day-selector .day-slider .prev {
    position: absolute;
    display: block;
    width: 21px;
    height: 21px;
    cursor: pointer;
    top: 50%;
    margin-top: -5px
}

.showroom-v3 .day-selector .day-slider .next:after,
.showroom-v3 .day-selector .day-slider .prev:after {
    position: absolute;
    content: '';
    display: block;
    height: 1px;
    width: 30px;
    background-color: #71aed2
}

.showroom-v3 .day-selector .day-slider .prev {
    left: -70px;
    border-left: 1px #71aed2 solid;
    border-top: 1px #71aed2 solid;
    transform: rotate(-45deg)
}

.showroom-v3 .day-selector .day-slider .prev:after {
    top: 10px;
    left: 0;
    transform: rotate(45deg) translate3d(-4px, 4px, 0)
}

.showroom-v3 .day-selector .day-slider .next {
    right: -70px;
    border-right: 1px #71aed2 solid;
    border-top: 1px #71aed2 solid;
    transform: rotate(45deg)
}

.showroom-v3 .day-selector .day-slider .next:after {
    top: 10px;
    left: 0;
    transform: rotate(-45deg) translate3d(-3px, -3px, 0)
}

.showroom-v3 .day-selector ul li {
    float: left;
    margin: 0 10px;
    text-align: center
}

.showroom-v3 .day-selector ul li label {
    position: relative;
    display: block;
    cursor: pointer;
    width: 170px;
    box-sizing: border-box
}

.showroom-v3 .day-selector ul li label::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border: 1px solid #ffe3c9;
    transition: all 300ms
}

.showroom-v3 .day-selector ul li label .month {
    background-color: #fbf0e5;
    line-height: 55px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;;
    -webkit-font-smoothing: antialiased;
    transition: all 300ms
}

.showroom-v3 .day-selector ul li label .day {
    background-color: #fdf7f1;
    font-size: 60px;
    line-height: 115px;
    transition: all 300ms
}

.showroom-v3 .day-selector ul li input:checked + label::before {
    border-color: #71aed2;
    border-width: 2px
}

.showroom-v3 .day-selector ul li input:checked + label .month {
    background-color: #71aed2;
    color: #fff
}

.showroom-v3 .day-selector ul li input:checked + label .day {
    background-color: #fff
}

.showroom-v3 .time-selector {
    display: none
}

.showroom-v3 .time-selector.loading {
    background: url(//helixcontent1.com//showroom/loader.gif) no-repeat center 20px
}

.showroom-v3 .time-selector .groups::after {
    content: '';
    clear: both;
    display: block
}

.showroom-v3 .time-selector .groups > li {
    float: left;
    width: calc((100% - 40px) / 3)
}

.showroom-v3 .time-selector .groups > li > ul > li {
    display: block;
    line-height: 64px
}

.showroom-v3 .time-selector .groups > li > ul > li.time-title {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.showroom-v3 .time-selector .groups > li > ul > li:not(:last-child) {
    margin-bottom: 20px
}

.showroom-v3 .time-selector .groups > li > ul > li input {
    position: absolute;
    left: -9999px
}

.showroom-v3 .time-selector .groups > li > ul > li label {
    display: block;
    height: 66px;
    line-height: 64px;
    box-sizing: border-box;
    border: 1px solid #ffe3c9;
    background-color: #fdf7f1;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;;
    font-size: 18px;
    transition: all 300ms
}

.showroom-v3 .time-selector .groups > li > ul > li input:disabled + label {
    cursor: default;
    opacity: .4
}

.showroom-v3 .time-selector .groups > li > ul > li input:checked + label {
    border-color: #71aed2;
    background-color: #71aed2;
    color: #fff
}

.showroom-v3 .customers > li .toolbar .status span,
.showroom-v3 .slots > li .toolbar .status span,
.showroom-v3 .time-selector .select-holder {
    display: none
}

.showroom-v3 .customer-info {
    display: none;
    padding: 50px 0;
    background: #fff9f4
}

.showroom-v3 .customer-info fieldset {
    max-width: 290px;
    margin: 0 auto
}

.showroom-v3 .customer-info fieldset:not(:last-child) {
    padding-bottom: 30px
}

.showroom-v3 .customer-info fieldset input {
    position: relative;
    display: block;
    padding: 0 25px;
    border: 1px #ffe3c9 solid;
    height: 64px;
    font-family: 'Roboto', sans-serif;;
    font-size: 18px;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    appearance: none;
    color: #71aed2;
    border-radius: 0;
    transition: all 300ms
}

.showroom-v3 .customer-info fieldset input:not(:first-child) {
    margin-top: -1px
}

.showroom-v3 .customer-info fieldset input.errorinput {
    z-index: 2;
    border-color: #ed6060
}

.showroom-v3 .customer-info input[type=submit] {
    display: block;
    margin: 0 auto;
    max-width: 290px;
    width: 100%;
    box-sizing: border-box
}

.showroom-v3 .how-it-works {
    padding-top: 75px
}

.showroom-v3 .how-it-works .heading {
    font-size: 50px;
    line-height: 48px;
    text-align: center
}

.showroom-v3 .how-it-works .steps > li {
    padding: 40px 0 75px
}

.showroom-v3 .how-it-works .steps > li:not(:last-child) {
    border-bottom: 1px solid #ffe3c9
}

.showroom-v3 .how-it-works .steps > li ul > li {
    display: inline-block;
    vertical-align: top
}

.showroom-v3 .how-it-works .steps > li ul > li.step-title {
    width: 370px;
    font-size: 34px;
    line-height: 40px;
    padding-left: 50px;
    padding-right: 40px;
    box-sizing: border-box;
    position: relative
}

.showroom-v3 .how-it-works .steps > li ul > li.step-title .num {
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0
}

.showroom-v3 .how-it-works .steps > li ul > li.step-title .name,
.showroom-v3 .views > li.active {
    display: inline-block
}

.showroom-v3 .how-it-works .steps > li ul > li.step-detail {
    width: calc(100% - 370px);
    font-size: 20px;
    line-height: 26px
}

.showroom-v3 .how-it-works .steps > li ul > li.step-detail a {
    display: inline-block;
    position: relative;
    color: #222
}

.showroom-v3 .how-it-works .steps > li ul > li.step-detail a:after {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #222;
    bottom: 0;
    left: 0;
    content: '';
    display: block
}

.showroom-v3 .showroom-popup {
    position: fixed;
    top: 0;
    left: -9999px;
    height: 100%;
    width: 100%;
    background-color: #fff;
    color: #71aed2;
    opacity: 0;
    transition: left 0ms 600ms, opacity 600ms;
    z-index: 150
}

.showroom-v3 .showroom-popup.opened {
    transition: left 0ms, opacity 600ms;
    opacity: 1;
    left: 0
}

.showroom-v3 .showroom-popup > .close {
    position: absolute;
    top: 25px;
    right: 25px;
    font-size: 0;
    height: 25px;
    width: 25px;
    cursor: pointer
}

.showroom-v3 .showroom-popup > .close::after,
.showroom-v3 .showroom-popup > .close::before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    background-color: #71aed2;
    height: 2px;
    width: 25px;
    display: inline-block;
    transform: rotate(-45deg)
}

.showroom-v3 .showroom-popup > .close::after {
    transform: rotate(45deg)
}

.showroom-v3 .showroom-popup .inner {
    height: 100%;
    display: flex;
    overflow: auto
}

.showroom-v3 .showroom-popup .inner > div {
    margin: auto 0;
    width: 100%;
    text-align: center
}

.showroom-v3 .showroom-popup a {
    display: inline-block;
    font-size: 22px;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;;
    text-align: center;
    color: #71aed2
}

.showroom-v3 .showroom-popup .showroom-form {
    padding: 80px 0
}

.showroom-v3 .showroom-popup .showroom-form .customer-info {
    display: block;
    background: 0 0;
    padding-bottom: 0
}

.showroom-v3 .showroom-popup .showroom-form .date-selector {
    border-bottom: 0;
    padding-top: 30px;
    padding-bottom: 0;
    background: 0 0
}

.showroom-v3 .showroom-popup .showroom-form input[type=submit] {
    width: 290px
}

.showroom-v3.internal-facing .date-selector {
    background-color: #fff;
    border-bottom: 1px solid #ffe3c9;
    padding-bottom: 0
}

.showroom-v3.internal-facing h4 {
    font-size: 40px
}

.showroom-v3.internal-facing .day-slider {
    margin-top: 35px;
    margin-bottom: 60px
}

.showroom-v3.detail {
    background-color: #fff9f4;
    padding-top: 45px
}

.showroom-v3.appointment {
    background-color: #fff;
    padding-top: 55px;
    text-align: center
}

.showroom-v3.appointment .showroom-form {
    padding: 0 0 60px;
    background: #fff9f4
}

.showroom-v3.appointment .select-view {
    margin-top: 25px
}

.showroom-v3.appointment .views h4 {
    font-size: 34px
}

.showroom-v3.appointment .customer-info {
    border-top: 1px solid #ffe3c9;
    display: block
}

.showroom-v3.appointment .date-selector {
    border-bottom: none;
    background-color: #fff9f4
}

.showroom-v3.appointment .month-selector {
    padding-top: 0
}

.showroom-v3.appointment .button {
    width: 290px;
    text-align: center;
    box-sizing: border-box
}

.showroom-v3 .back-to-appointments {
    color: #222;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 auto 35px;
    font-weight: 700;
    display: block;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

.showroom-v3 .select-view {
    font-family: 'Roboto', sans-serif;;
    max-width: 560px;
    margin: 0 auto;
    font-size: 0;
    border: 1px solid #ffe3c9
}

.showroom-v3 .select-view li {
    display: inline-block;
    width: 50%
}

.showroom-v3 .select-view li a {
    display: block;
    width: 100%;
    line-height: 62px;
    text-align: center;
    background-color: #fff;
    color: #71aed2;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased
}

.showroom-v3 .views {
    font-size: 0;
    white-space: nowrap;
    transform: translate3d(0, 0, 0)
}

.showroom-v3 .views > li {
    vertical-align: top;
    width: 100%;
    display: none;
    background-color: #fff9f4
}

.showroom-v3 .views .customer-info,
.showroom-v3 .views .time-selector {
    display: block
}

.showroom-v3 .container {
    background-color: #fff;
    border: 1px solid #ffe3c9;
    margin: 0 30px
}

.showroom-v3 .customers,
.showroom-v3 .slots {
    background: #fff no-repeat center center;
    font-family: 'Roboto', sans-serif;;
    min-height: 50px
}

.showroom-v3 .customers.loading,
.showroom-v3 .slots.loading {
    background-image: url(//helixcontent1.com//showroom/loader.gif)
}

.showroom-v3 .customers > li,
.showroom-v3 .slots > li {
    padding: 50px;
    background: #fbf0e5;
    position: relative
}

.showroom-v3 .customers > li.slot-free:visible + .slot-free,
.showroom-v3 .slots > li.slot-free:visible + .slot-free {
    padding-top: 0
}

.showroom-v3 .customers > li.slot-block,
.showroom-v3 .customers > li.slot-reservation,
.showroom-v3 .slots > li.slot-block,
.showroom-v3 .slots > li.slot-reservation {
    background: #fff9f4
}

.showroom-v3 .customers > li.slot-reservation .slot-inner,
.showroom-v3 .slots > li.slot-reservation .slot-inner {
    background-color: #fff;
    border-color: #ffe3c9;
    padding-top: 70px
}

.showroom-v3 .customers > li.slot-block .slot-inner,
.showroom-v3 .slots > li.slot-block .slot-inner {
    background-color: #fff;
    border-color: #ffe3c9
}

.showroom-v3 .customers > li.slot-block + .slot-block,
.showroom-v3 .customers > li.slot-block + .slot-reservation,
.showroom-v3 .customers > li.slot-free + .slot-free,
.showroom-v3 .customers > li.slot-reservation + .slot-block,
.showroom-v3 .customers > li.slot-reservation + .slot-reservation,
.showroom-v3 .slots > li.slot-block + .slot-block,
.showroom-v3 .slots > li.slot-block + .slot-reservation,
.showroom-v3 .slots > li.slot-free + .slot-free,
.showroom-v3 .slots > li.slot-reservation + .slot-block,
.showroom-v3 .slots > li.slot-reservation + .slot-reservation,
.showroom-v4 .appointment-box .appointment-details .actions li form {
    padding-top: 0
}

.showroom-v3 .customers > li.slot-block .slot-inner,
.showroom-v3 .slots > li.slot-block .slot-inner {
    padding-top: 50px
}

.showroom-v3 .customers > li.configuration .slot-inner,
.showroom-v3 .slots > li.configuration .slot-inner {
    padding: 0
}

.showroom-v3 .customers > li .slot-inner,
.showroom-v3 .slots > li .slot-inner {
    border: 1px solid #ffe3c9;
    padding: 50px;
    background: #fff9f4;
    position: relative;
    text-align: center
}

.showroom-v3 .customers > li .slot-inner.nopad,
.showroom-v3 .slots > li .slot-inner.nopad {
    padding-bottom: 0
}

.showroom-v3 .customers > li .plus,
.showroom-v3 .slots > li .plus {
    display: block;
    background-color: #fbf0e5;
    width: 66px;
    height: 66px;
    margin: 0 auto;
    cursor: pointer;
    position: relative
}

.showroom-v3 .customers > li .plus::after,
.showroom-v3 .customers > li .plus::before,
.showroom-v3 .slots > li .plus::after,
.showroom-v3 .slots > li .plus::before {
    content: '';
    background-color: #71aed2;
    height: 2px;
    width: 30px;
    position: absolute;
    top: 32px;
    left: 18px
}

.showroom-v3 .customers > li .plus::after,
.showroom-v3 .slots > li .plus::after {
    transform: rotate(90deg)
}

.showroom-v3 .customers > li .time,
.showroom-v3 .slots > li .time {
    padding-top: 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: #516481
}

.showroom-v3 .customers > li .toolbar,
.showroom-v3 .slots > li .toolbar {
    height: 64px;
    line-height: 64px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.showroom-v3 .customers > li .toolbar .status,
.showroom-v3 .slots > li .toolbar .status {
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
    background: no-repeat #fdf4ec url(//helixcontent1.com//showroom/status1.png);
    background-size: 24px auto;
    background-position: left 20px center
}

.showroom-v3 .customers > li .toolbar .status.checked-in,
.showroom-v3 .slots > li .toolbar .status.checked-in {
    background-color: #ff7357;
    width: auto;
    padding-left: 64px;
    background-image: url(//helixcontent1.com//showroom/status2.png)
}

.showroom-v3 .customers > li .toolbar .status.checked-in span,
.showroom-v3 .slots > li .toolbar .status.checked-in span {
    display: inline;
    padding-right: 25px
}

.showroom-v3 .customers > li .toolbar .actions,
.showroom-v3 .slots > li .toolbar .actions {
    height: 100%;
    font-size: 0
}

.showroom-v3 .customers > li .toolbar .actions > li,
.showroom-v3 .slots > li .toolbar .actions > li {
    display: block;
    float: left
}

.showroom-v3 .customers > li .toolbar .actions > li:not(:first-child),
.showroom-v3 .slots > li .toolbar .actions > li:not(:first-child) {
    margin-left: 1px
}

.showroom-v3 .customers > li .toolbar .actions > li.edit a,
.showroom-v3 .slots > li .toolbar .actions > li.edit a {
    background-image: url(//helixcontent1.com//showroom/edit.png);
    background-size: 21px 21px
}

.showroom-v3 .customers > li .toolbar .actions > li.cancel a,
.showroom-v3 .slots > li .toolbar .actions > li.cancel a {
    background-image: url(//helixcontent1.com//showroom/close.png);
    background-size: 20px 20px
}

.showroom-v3 .customers > li .toolbar .actions > li a,
.showroom-v3 .slots > li .toolbar .actions > li a {
    display: block;
    width: 64px;
    height: 64px;
    background: no-repeat #fdf4ec center center;
    cursor: pointer
}

.showroom-v3 .customers > li .avatar,
.showroom-v3 .slots > li .avatar {
    display: block;
    margin: 0 auto;
    background-color: #71aed2;
    color: #fff;
    height: 86px;
    width: 86px;
    line-height: 86px;
    font-size: 30px;
    padding-top: 3px;
    box-sizing: border-box;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    border-radius: 50%
}

.showroom-v3 .customers > li .name,
.showroom-v3 .slots > li .name {
    margin: 20px auto 5px;
    text-transform: uppercase;
    color: #71aed2;
    font-size: 24px;
    font-weight: 700
}

.showroom-v3 .customers > li .scheduled-time,
.showroom-v3 .slots > li .scheduled-time {
    color: #516481;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 20px
}

.showroom-v3 .customers > li .buttons,
.showroom-v3 .slots > li .buttons {
    padding-top: 30px
}

.showroom-v3 .customers > li .buttons a,
.showroom-v3 .slots > li .buttons a {
    width: 100%;
    max-width: 600px;
    box-sizing: border-box
}

.showroom-v3 .customers > li .saves,
.showroom-v3 .slots > li .saves {
    max-width: 600px;
    margin: 0 auto
}

.showroom-v3 .customers > li .saves > li,
.showroom-v3 .slots > li .saves > li {
    margin-top: 20px
}

.showroom-v3 .customers > li .saves > li a,
.showroom-v3 .slots > li .saves > li a {
    border: 1px solid #ffe3c9;
    background: #fdf7f1 no-repeat left 20px center/24px auto;
    color: #516481;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 64px;
    padding: 0 20px;
    display: block;
    transition: all 300ms
}

.showroom-v3 .customers > li .saves > li a::after,
.showroom-v3 .slots > li .saves > li a::after {
    content: '';
    clear: both;
    display: block
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul > li ul li span,
.showroom-v3 .customers > li .saves > li a .save-time,
.showroom-v3 .slots > li .saves > li a .save-time {
    float: right
}

.showroom-v3 .customers > li .saves > li.selected a,
.showroom-v3 .slots > li .saves > li.selected a {
    color: #fff;
    padding-left: 60px;
    background-color: #71aed2;
    background-image: url(//helixcontent1.com//showroom/status2.png);
    border-color: #71aed2;
    opacity: 1
}

.showroom-v3 .customers > li .saves.has-selected > li:not(.selected),
.showroom-v3 .slots > li .saves.has-selected > li:not(.selected) {
    opacity: .5
}

.showroom-v3 .customers > li .saves-list > li,
.showroom-v3 .slots > li .saves-list > li {
    display: none
}

.showroom-v3 .customers > li .saves-list > li.selected,
.showroom-v3 .slots > li .saves-list > li.selected {
    display: block
}

.showroom-v3 .customers > li .contact,
.showroom-v3 .slots > li .contact {
    max-width: 400px;
    margin: 40px auto 0
}

.showroom-v3 .customers > li .contact li,
.showroom-v3 .slots > li .contact li {
    display: block;
    position: relative
}

.showroom-v3 .customers > li .contact li:not(:first-child) input,
.showroom-v3 .customers > li .contact li:not(:first-child) textarea,
.showroom-v3 .slots > li .contact li:not(:first-child) input,
.showroom-v3 .slots > li .contact li:not(:first-child) textarea {
    border-top: none
}

.showroom-v3 .customers > li .contact li.error,
.showroom-v3 .slots > li .contact li.error {
    padding-top: 20px;
    font: 'Akkurat';
    font-size: 15px;
    color: #ed6060
}

.showroom-v3 .customers > li .contact li .edit-sign,
.showroom-v3 .slots > li .contact li .edit-sign {
    position: absolute;
    top: 1px;
    right: 1px;
    height: 62px;
    width: 62px;
    background: no-repeat url(//helixcontent1.com//showroom/edit-orange.png) center center/14px auto
}

.showroom-v3 .customers > li .contact li input,
.showroom-v3 .slots > li .contact li input {
    height: 62px;
    padding: 0 60px 0 20px
}

.showroom-v3 .customers > li .contact li input,
.showroom-v3 .customers > li .contact li textarea,
.showroom-v3 .slots > li .contact li input,
.showroom-v3 .slots > li .contact li textarea {
    border: 1px solid #ffe3c9;
    display: block;
    font-size: 18px;
    box-sizing: border-box;
    color: #71aed2;
    width: 100%;
    appearance: none;
    border-radius: 0
}

.showroom-v3 .customers > li .contact li input::placeholder,
.showroom-v3 .customers > li .contact li textarea::placeholder,
.showroom-v3 .slots > li .contact li input::placeholder,
.showroom-v3 .slots > li .contact li textarea::placeholder {
    color: #516481
}

.showroom-v3 .customers > li .contact li textarea,
.showroom-v3 .slots > li .contact li textarea {
    resize: none;
    height: 100px;
    padding: 20px 60px 20px 20px
}

.showroom-v3 .customers > li .contact li .button,
.showroom-v3 .slots > li .contact li .button {
    width: 100%;
    margin-top: 20px;
    box-sizing: border-box
}

.showroom-v3 .customers > li .save-select .select-holder,
.showroom-v3 .slots > li .save-select .select-holder {
    max-width: 100%
}

.showroom-v3 .customers > li .save-select .actions a,
.showroom-v3 .slots > li .save-select .actions a {
    margin-top: 40px;
    width: calc((100% - 25px) / 2);
    box-sizing: border-box;
    text-align: center
}

.showroom-v3 .customers > li .save-select .actions a:last-child,
.showroom-v3 .slots > li .save-select .actions a:last-child {
    margin-left: 25px
}

.showroom-v3 .customers > li .save-select .actions a.disabled,
.showroom-v3 .slots > li .save-select .actions a.disabled {
    opacity: .3
}

.showroom-v3 .customers > li .helix-save,
.showroom-v3 .slots > li .helix-save {
    padding-top: 50px
}

.showroom-v3 .customers > li .helix-save .specs,
.showroom-v3 .slots > li .helix-save .specs {
    border-top: 1px solid #ffe3c9;
    border-bottom: 1px solid #ffe3c9;
    font-size: 0;
    margin: 0 -50px
}

.showroom-v3 .customers > li .helix-save .specs li,
.showroom-v3 .slots > li .helix-save .specs li {
    width: 50%;
    display: inline-block;
    padding: 30px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center
}

.showroom-v3 .customers > li .helix-save .charts li:not(:last-child),
.showroom-v3 .customers > li .helix-save .specs li:not(:last-child),
.showroom-v3 .slots > li .helix-save .charts li:not(:last-child),
.showroom-v3 .slots > li .helix-save .specs li:not(:last-child) {
    border-right: 1px solid #ffe3c9
}

.showroom-v3 .customers > li .helix-save .specs li .spec-name,
.showroom-v3 .slots > li .helix-save .specs li .spec-name {
    font-size: 16px;
    margin-bottom: 5px;
    color: #516481
}

.showroom-v3 .customers > li .helix-save .specs li .spec-value,
.showroom-v3 .slots > li .helix-save .specs li .spec-value {
    font-size: 20px;
    color: #71aed2;
    font-weight: 700
}

.showroom-v3 .customers > li .helix-save .materials,
.showroom-v3 .slots > li .helix-save .materials {
    font-size: 0;
    padding-top: 50px;
    padding-bottom: 35px
}

.showroom-v3 .customers > li .helix-save .materials .layers,
.showroom-v3 .slots > li .helix-save .materials .layers {
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.showroom-v3 .customers > li .helix-save .materials .layers.size-2,
.showroom-v3 .slots > li .helix-save .materials .layers.size-2 {
    width: calc((100% - 15px) / 2)
}

.showroom-v3 .customers > li .helix-save .materials .layers.size-2:last-child,
.showroom-v3 .slots > li .helix-save .materials .layers.size-2:last-child {
    margin-left: 15px
}

.showroom-v3 .customers > li .helix-save .materials .material,
.showroom-v3 .slots > li .helix-save .materials .material {
    line-height: 60px;
    border: 1px solid #ffe3c9;
    box-sizing: border-box;
    background-color: #fdf4ec;
    color: #71aed2;
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px
}

.showroom-v3 .customers > li .helix-save .materials .material.base-material,
.showroom-v3 .slots > li .helix-save .materials .material.base-material {
    color: #fff;
    background-color: #516481;
    line-height: 130px
}

.showroom-v3 .customers > li .helix-save .charts,
.showroom-v3 .slots > li .helix-save .charts {
    font-size: 0;
    border-top: 1px solid #ffe3c9;
    border-bottom: 1px solid #ffe3c9;
    margin: 0 -50px
}

.showroom-v3 .customers > li .helix-save .charts + .charts,
.showroom-v3 .slots > li .helix-save .charts + .charts {
    margin-top: -1px
}

.showroom-v3 .customers > li .helix-save .charts li,
.showroom-v3 .slots > li .helix-save .charts li {
    display: inline-block;
    width: 25%;
    padding: 40px 15px 25px;
    box-sizing: border-box;
    color: #71aed2
}

.showroom-v3 .customers > li .helix-save .charts li .chart-value,
.showroom-v3 .slots > li .helix-save .charts li .chart-value {
    line-height: 66px;
    width: 66px;
    margin: 0 auto;
    background-color: #fdf4ec;
    font-weight: 700;
    font-size: 20px;
    text-align: center
}

.showroom-v3 .customers > li .helix-save .charts li .chart-name,
.showroom-v3 .slots > li .helix-save .charts li .chart-name {
    font-size: 18px;
    text-align: center;
    margin-top: 25px
}

.showroom-v3 .customers > li .helix-save .add-to-cart,
.showroom-v3 .slots > li .helix-save .add-to-cart {
    margin-top: 50px;
    width: 100%;
    box-sizing: border-box
}

.showroom-v3 .customers > li .design-save .topinfo,
.showroom-v3 .slots > li .design-save .topinfo {
    text-align: center;
    padding: 30px 30px 50px
}

.showroom-v3 .customers > li .design-save .topinfo .customer-name,
.showroom-v3 .slots > li .design-save .topinfo .customer-name {
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    line-height: 50px
}

.showroom-v3 .customers > li .design-save .topinfo .mattress,
.showroom-v3 .slots > li .design-save .topinfo .mattress {
    text-transform: uppercase;
    font-size: 18px;
    color: #516481;
    font-family: 'Roboto', sans-serif;;
    font-weight: 700;
    line-height: 30px
}

.showroom-v3 .customers > li .design-save .topinfo .divider,
.showroom-v3 .slots > li .design-save .topinfo .divider {
    margin: 0 10px
}

.showroom-v3 .customers > li .design-save .topinfo img,
.showroom-v3 .slots > li .design-save .topinfo img {
    margin-top: 15px;
    max-width: 227px
}

.showroom-v3 .customers > li .design-save .person,
.showroom-v3 .slots > li .design-save .person {
    padding: 30px 0;
    font-size: 20px
}

.showroom-v3 .customers > li .design-save .stats,
.showroom-v3 .slots > li .design-save .stats {
    border-top: #ffe3c9 1px solid;
    font-size: 0;
    margin-bottom: 0
}

.showroom-v3 .customers > li .design-save .stats li,
.showroom-v3 .slots > li .design-save .stats li {
    float: none;
    width: 100%;
    display: block;
    box-sizing: border-box;
    padding: 35px 80px 50px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.showroom-v3 .customers > li .design-save .stats li:nth-child(2n),
.showroom-v3 .customers > li .design-save .stats li:nth-child(n+3),
.showroom-v3 .slots > li .design-save .stats li:nth-child(2n),
.showroom-v3 .slots > li .design-save .stats li:nth-child(n+3) {
    border: none
}

.showroom-v3 .customers > li .design-save .stats li:not(:last-child),
.showroom-v3 .slots > li .design-save .stats li:not(:last-child) {
    border-bottom: #ffe3c9 1px solid
}

.showroom-v3 .customers > li .design-save .stats li:nth-child(odd),
.showroom-v3 .slots > li .design-save .stats li:nth-child(odd) {
    background-color: #fdf4ec
}

.showroom-v3 .customers > li .design-save .stats li:nth-child(even),
.showroom-v3 .slots > li .design-save .stats li:nth-child(even) {
    background-color: #fbf0e5
}

.showroom-v3 .customers > li .design-save .stats li .name,
.showroom-v3 .slots > li .design-save .stats li .name {
    text-align: center;
    color: #516481;
    font-size: 16px;
    line-height: 20px
}

.showroom-v3 .customers > li .design-save .stats li .value,
.showroom-v3 .slots > li .design-save .stats li .value {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 30px
}

.showroom-v3 .customers > li .design-save .stats li .legend,
.showroom-v3 .slots > li .design-save .stats li .legend {
    font-size: 16px;
    line-height: 20px;
    margin-top: -10px;
    font-weight: 700
}

.showroom-v3 .customers > li .design-save .stats li .line,
.showroom-v3 .slots > li .design-save .stats li .line {
    background-color: #a7acb6;
    position: relative;
    height: 1px;
    width: calc(100% - 210px);
    margin-left: 105px;
    margin-top: 6px
}

.showroom-v3 .customers > li .design-save .stats li .line .circle,
.showroom-v3 .slots > li .design-save .stats li .line .circle {
    height: 22px;
    width: 22px;
    background-color: #222;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -11px;
    margin-top: -11px
}

.showroom-v3 .customers > li .design-save .add-to-cart,
.showroom-v3 .slots > li .design-save .add-to-cart {
    margin: 50px;
    width: calc(100% - 100px);
    box-sizing: border-box
}

@media only screen and (max-width: 768px) {
    .showroom-v3 .wrapper-showroom {
        padding: 0
    }

    .showroom-v3 .wrapper-showroom-smaller {
        padding: 0 30px
    }

    .showroom-v3 .hero {
        padding-bottom: 50px
    }

    .showroom-v3 .hero.reservation {
        padding-top: 50px;
        padding-bottom: 60px
    }

    .showroom-v3 .hero .city {
        padding-bottom: 10px
    }

    .showroom-v3 .hero .street {
        font-size: 30px
    }

    .showroom-v3 .notice {
        margin-top: 50px
    }

    .showroom-v3 .visit h3 {
        font-size: 50px
    }

    .showroom-v3 .visit .visit-details .map-container {
        padding: 30px
    }

    .showroom-v3 .month-selector,
    .showroom-v3 .socials {
        padding-top: 30px
    }

    .showroom-v3 .how-it-works .steps > li ul > li,
    .showroom-v3 .time-selector .select-holder {
        display: block
    }

    .showroom-v3 .time-selector .groups {
        display: none
    }

    .showroom-v3 .how-it-works {
        padding-top: 55px
    }

    .showroom-v3 .how-it-works .heading {
        padding-bottom: 10px
    }

    .showroom-v3 .how-it-works .steps > li {
        padding: 45px 0
    }

    .showroom-v3 .how-it-works .steps > li ul > li.step-title {
        width: auto;
        padding-left: 45px;
        padding-right: 0;
        font-size: 30px
    }

    .showroom-v3 .how-it-works .steps > li ul > li.step-detail {
        width: auto;
        padding-left: 45px;
        padding-top: 20px;
        line-height: 30px
    }
}

@media only screen and (max-width: 640px) {
    .showroom-v3 .wrapper-showroom-smaller {
        padding-left: 0;
        padding-right: 0
    }

    .showroom-v3 .hero {
        padding-bottom: 45px
    }

    .showroom-v3 .hero.reservation {
        padding-top: 35px;
        padding-bottom: 40px
    }

    .showroom-v3 .hero.reservation .visit p,
    .showroom-v3 .how-it-works .steps > li ul {
        padding: 0 20px
    }

    .showroom-v3 .hero .showroom-hero-holder .map-holder {
        height: 206px;
        width: 206px
    }

    .showroom-v3 .hero .showroom-hero-holder > img.mobile {
        display: block
    }

    .showroom-v3 .hero .showroom-hero-holder > img.desktop,
    .showroom-v3 .visit .visit-details:after {
        display: none
    }

    .showroom-v3 .hero .street {
        font-size: 24px
    }

    .showroom-v3 .notice {
        margin-top: 40px
    }

    .showroom-v3 .visit {
        padding: 35px 25px 15px
    }

    .showroom-v3 .visit h3 {
        font-size: 40px;
        line-height: 44px
    }

    .showroom-v3 .visit p {
        font-size: 20px;
        line-height: 30px
    }

    .showroom-v3 .visit .holder {
        margin-top: 30px;
        border: none
    }

    .showroom-v3 .visit .visit-details {
        display: block
    }

    .showroom-v3 .visit .visit-details .map-container,
    .showroom-v3 .visit .visit-details .visit-info {
        flex: none;
        width: auto
    }

    .showroom-v3 .visit .visit-details .map-container {
        height: 375px;
        padding: 20px
    }

    .showroom-v3 .visit .visit-details .visit-info > ul li {
        border-bottom: 1px solid #ffe3c9
    }

    .showroom-v3 .visit .visit-details .visit-info > ul li:first-child {
        border-top: 1px solid #ffe3c9
    }

    .showroom-v3 .visit .actions {
        padding: 40px 20px
    }

    .showroom-v3 .socials li,
    .showroom-v3 .visit .actions li {
        display: block;
        width: auto
    }

    .showroom-v3 .visit .actions li:first-child {
        margin-right: 0;
        margin-bottom: 20px
    }

    .showroom-v3 .visit .actions li .btn-orange {
        width: 100%;
        box-sizing: border-box
    }

    .showroom-v3 .socials {
        padding: 40px 20px 0
    }

    .showroom-v3 .socials li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px
    }

    .showroom-v3 .showroom-form h4 {
        font-size: 30px
    }

    .showroom-v3 .how-it-works .heading {
        font-size: 40px
    }
}

.couples,
.faq-certifications,
.faq-materials,
.faq-ups,
.footer-v4 .wrapper-v4 > ul li a,
.rejuvenation {
    color: #71aed2
}

.faq-materials .title-faq {
    font-size: 50px;
    line-height: 58px;
    margin-top: 35px
}

.faq-materials .subtitle {
    margin: 20px 0 0;
    font-size: 22px;
    line-height: 34px
}

.faq-materials .subtitle span {
    font-weight: 600;
    -webkit-font-smoothing: antialiased
}

.faq-materials .split-box {
    margin: 75px 0 30px;
    font-size: 0
}

.faq-materials .split-box li {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    box-sizing: border-box
}

.faq-materials .split-box li:first-child {
    padding-right: 15px
}

.faq-materials .split-box li:last-child {
    padding-left: 15px
}

.faq-materials .split-box li.mobile {
    display: none
}

.faq-materials .split-box li.column-text h3 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 700
}

.faq-materials .split-box li.column-text p {
    font-size: 22px;
    line-height: 35px
}

.faq-materials .highlight-box {
    background-color: #fff9f4;
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    line-height: 28px;
    padding: 35px
}

.faq-materials .social-footer {
    margin-top: 60px !important
}

@media only screen and (max-width: 768px) {
    .faq-materials .title-faq {
        margin-top: 0
    }

    .faq-materials .split-box {
        margin-top: 60px;
        padding: 0 20px
    }

    .faq-materials .split-box li:first-child {
        padding-right: 0
    }

    .faq-materials .split-box li:first-child.graphics {
        padding-right: 35px
    }

    .faq-materials .split-box li:last-child {
        padding-left: 0
    }

    .faq-materials .split-box li:last-child.graphics {
        padding-left: 35px
    }

    .faq-materials .split-box li .graphics.pdr {
        padding-right: 35px
    }

    .faq-materials .split-box li .graphics.pdl {
        padding-left: 35px
    }

    .faq-materials .social-footer {
        margin-top: 40px !important
    }
}

@media only screen and (max-width: 640px) {
    .faq-materials .title-faq {
        font-size: 40px;
        line-height: 44px;
        margin-top: 30px
    }

    .faq-materials .subtitle {
        font-size: 20px
    }

    .faq-materials .split-box {
        padding: 0
    }

    .faq-materials .split-box li {
        display: block;
        width: auto
    }

    .faq-materials .split-box li.mobile {
        display: block
    }

    .faq-materials .split-box li.desktop {
        display: none
    }

    .faq-materials .split-box li.graphics {
        padding-bottom: 20px
    }

    .faq-materials .highlight-box {
        margin: 0 -20px;
        width: calc(100% + 40px);
        padding: 35px 20px;
        box-sizing: border-box
    }
}

.faq-certifications .title-faq,
.faq-ups .title-faq {
    font-size: 50px;
    line-height: 58px;
    margin-top: 25px;
    margin-bottom: 30px
}

.faq-certifications > p,
.faq-ups > p {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 35px
}

.faq-certifications > p a,
.faq-ups > p a {
    color: #222;
    display: inline-block;
    position: relative
}

.faq-certifications > p a:after,
.faq-ups > p a:after {
    position: absolute;
    background-color: #222;
    height: 1px;
    width: 100%;
    display: block;
    bottom: 3px;
    left: 0;
    content: ''
}

.faq-certifications .highlight-box,
.faq-ups .highlight-box {
    background-color: #fff9f4;
    padding: 45px 15px;
    font-size: 0;
    font-family: 'Roboto', sans-serif;
}

.faq-certifications .highlight-box:not(:last-child),
.faq-ups .highlight-box:not(:last-child) {
    margin-bottom: 40px
}

.faq-certifications .highlight-box li,
.faq-ups .highlight-box li,
.showroom-v4 .showroom-guidance > li > div > ul > li ul li {
    display: inline-block;
    vertical-align: top
}

.faq-certifications .highlight-box li.logo,
.faq-ups .highlight-box li.logo {
    width: 195px;
    text-align: center
}

.faq-certifications .highlight-box li.info,
.faq-ups .highlight-box li.info {
    width: calc(100% - 195px);
    padding-right: 25px;
    box-sizing: border-box
}

.faq-certifications .highlight-box li h3,
.faq-ups .highlight-box li h3 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 26px
}

.faq-certifications .highlight-box li p,
.faq-ups .highlight-box li p {
    line-height: 35px;
    font-size: 16px
}

.faq-certifications .highlight-box li .info-list {
    margin-top: 5px;
    padding-left: 30px
}

.faq-ups .highlight-box li .info-list {
    margin-top: 5px
}

.faq-certifications .highlight-box li .info-list li,
.faq-ups .highlight-box li .info-list li {
    position: relative;
    line-height: 30px;
    font-size: 16px;
    padding-left: 20px
}

.faq-certifications .highlight-box li .info-list li:not(:last-child),
.faq-ups .highlight-box li .info-list li:not(:last-child) {
    margin-bottom: 10px
}

.faq-certifications .highlight-box li .info-list li:before,
.faq-ups .highlight-box li .info-list li:before {
    content: '\2022';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    line-height: 30px;
    width: 20px;
    text-align: center
}

.faq-certifications .highlight-box li .info-actions,
.faq-ups .highlight-box li .info-actions {
    margin-top: 20px
}

.faq-certifications .highlight-box li .info-actions li,
.faq-ups .highlight-box li .info-actions li {
    display: inline-block
}

.faq-certifications .highlight-box li .info-actions li:not(:last-child),
.faq-ups .highlight-box li .info-actions li:not(:last-child) {
    border-right: 2px solid #71aed2;
    padding-right: 10px
}

.faq-certifications .highlight-box li .info-actions li:not(:first-child),
.faq-ups .highlight-box li .info-actions li:not(:first-child) {
    padding-left: 10px
}

.faq-certifications .highlight-box li .info-actions li a,
.faq-ups .highlight-box li .info-actions li a {
    line-height: 18px;
    font-size: 16px;
    color: #222;
    position: relative;
    display: inline-block
}

.faq-certifications .highlight-box li .info-actions li a:after,
.faq-ups .highlight-box li .info-actions li a:after {
    position: absolute;
    content: '';
    display: block;
    bottom: -1px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #222
}

.faq-certifications .social-footer,
.faq-ups .social-footer {
    margin-top: 60px !important
}

.faq-ups .highlight-box li .info-list {
    padding-left: 0
}

@media only screen and (max-width: 768px) {
    .faq-certifications .title-faq,
    .faq-ups .title-faq {
        margin-top: 0
    }

    .faq-certifications .social-footer,
    .faq-ups .social-footer {
        margin-top: 40px !important
    }
}

@media only screen and (max-width: 640px) {
    .faq-certifications .title-faq,
    .faq-ups .title-faq {
        font-size: 40px;
        line-height: 44px;
        margin-bottom: 25px;
        margin-top: 30px
    }

    .faq-certifications > p,
    .faq-ups > p {
        font-size: 20px
    }

    .faq-certifications .highlight-box,
    .faq-ups .highlight-box {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        box-sizing: border-box;
        padding-right: 20px;
        padding-left: 20px
    }

    .faq-certifications .highlight-box li,
    .faq-ups .highlight-box li {
        display: block
    }

    .faq-certifications .highlight-box li.logo,
    .faq-ups .highlight-box li.logo {
        width: auto;
        text-align: left;
        padding-bottom: 30px
    }

    .faq-certifications .highlight-box li.info,
    .faq-ups .highlight-box li.info {
        width: auto;
        padding-right: 0
    }

    .faq-certifications .highlight-box li .info-list,
    .faq-ups .highlight-box li .info-list {
        margin-top: 15px
    }

    .faq-certifications .highlight-box li p,
    .faq-ups .highlight-box li p {
        line-height: 30px
    }
}

.couples .wrapper-couples,
.couples .wrapper-couples-small,
.couples .wrapper-couples-smaller {
    padding-left: 40px;
    padding-right: 40px
}

.couples .wrapper-couples {
    margin: 0 auto;
    max-width: 1180px
}

.couples .hero-banner {
    position: relative;
    margin-bottom: 75px
}

.couples .hero-banner img:not(.logo),
.couples .split-section .split-holder .split-hero img:not(.icon) {
    width: 100%;
    height: auto
}

.couples .hero-banner .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 244px;
    max-height: 244px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.couples .wrapper-couples-smaller {
    max-width: 900px;
    margin: 0 auto;
    text-align: center
}

.couples .wrapper-couples-small {
    max-width: 680px;
    margin: 0 auto;
    text-align: center
}

.couples h3 {
    font-size: 60px;
    line-height: 64px;
    padding-bottom: 15px
}

.couples h4 {
    font-size: 30px;
    line-height: 38px
}

.couples .sub-heading {
    font-size: 24px;
    line-height: 34px
}

.couples .highlight-box {
    position: relative;
    margin-top: 80px;
    background-color: #fdf7f1;
    padding: 75px 20px 40px;
    font-family: 'Roboto', sans-serif;
}

.couples .highlight-box img {
    position: absolute;
    width: 80px;
    height: 80px;
    top: -40px;
    left: calc(50% - 40px)
}

.couples .highlight-box > span {
    display: inline-block;
    position: relative;
    font-size: 18px;
    line-height: 20px;
    text-transform: uppercase
}

.couples .highlight-box > span:after {
    position: absolute;
    content: '';
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #71aed2
}

.couples .highlight-box p {
    font-size: 16px;
    line-height: 24px;
    max-width: 640px;
    display: block;
    margin: 35px auto 0
}

.couples .highlight-box p a {
    color: #222;
    font-weight: 700;
    text-decoration: underline
}

.couples .split-section {
    display: flex
}

.couples .split-section.main-info {
    margin-top: 60px
}

.couples .split-section.main-info .split-holder {
    padding-bottom: 106px
}

.couples .split-section:not(.main-info) {
    margin-top: 40px
}

.couples .split-section:not(.main-info) .split-holder {
    border: 1px solid #ffe3c9
}

.couples .split-section:not(.main-info) .split-holder:after {
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ffe3c9;
    left: 130px;
    top: 0
}

.couples .split-section .split-holder {
    flex: calc((100% - 40px) / 2);
    background-color: #fff9f4;
    position: relative
}

.couples .split-section .split-holder:not(:last-child) {
    margin-right: 40px
}

.couples .split-section .split-holder .split-hero {
    position: relative;
    margin-bottom: 70px
}

.couples .split-section .split-holder .split-hero .icon {
    position: absolute;
    width: 120px;
    height: 85px;
    bottom: -42px;
    left: calc(50% - 60px)
}

.couples .split-section .split-holder .split-text {
    padding: 0 40px
}

.couples .split-section .split-holder p {
    margin-top: 30px;
    font-size: 20px;
    line-height: 30px;
    padding-bottom: 15px;
    display: block
}

.couples .split-section .split-holder .btn-orange {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    border-radius: 0;
    max-width: 270px;
    width: calc(100% - 60px);
    box-sizing: border-box;
    font-size: 16px;
    white-space: nowrap
}

.couples .split-section .split-holder .stats {
    font-size: 0;
    font-family: 'Roboto', sans-serif;
}

.couples .split-section .split-holder .stats.mobile {
    display: none
}

.couples .split-section .split-holder .stats > li,
.media-reviews-v4 ul,
.media-reviews-v4 ul li {
    display: block
}

.couples .split-section .split-holder .stats > li:nth-child(odd) {
    background-color: #fff9f4
}

.couples .split-section .split-holder .stats > li:nth-child(even) {
    background-color: #fdf4ec
}

.couples .split-section .split-holder .stats > li:not(:last-child) {
    border-bottom: 1px solid #ffe3c9
}

.couples .split-section .split-holder .stats > li > ul > li {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    padding: 15px;
    box-sizing: border-box;
    vertical-align: top
}

.couples .split-section .split-holder .stats > li > ul > li:first-child {
    width: 130px;
    text-transform: uppercase;
    font-weight: 700
}

.couples .split-section .split-holder .stats > li > ul > li:last-child {
    width: calc(100% - 130px)
}

.couples .reviews {
    margin: 70px 0 80px;
    font-size: 0
}

.couples .reviews > li {
    display: inline-block;
    width: calc(100% / 3);
    vertical-align: top;
    text-align: center
}

.couples .reviews > li .stars {
    color: #222;
    font-size: 16px;
    line-height: 40px
}

.couples .reviews > li .quote {
    font-size: 20px;
    line-height: 26px;
    padding: 0 20px;
    margin: 0 auto;
    max-width: 300px
}

.couples .reviews > li .author {
    font-size: 20px;
    line-height: 32px;
    color: #222
}

.couples .customize-teaser {
    padding-bottom: 90px
}

.couples .customize-teaser .couples-headline {
    font-size: 50px;
    line-height: 60px;
    padding-bottom: 25px
}

.couples .customize-teaser p {
    font-size: 20px;
    line-height: 30px
}

.couples .customize-teaser p.pdb {
    padding-bottom: 25px
}

.couples .customize-teaser .btn-orange {
    font-size: 16px;
    border-radius: 0;
    margin-top: 20px
}

@media only screen and (max-width: 980px) {
    .couples .hero-banner .logo {
        max-height: 100%;
        padding: 47px 0;
        box-sizing: border-box
    }
}

@media only screen and (max-width: 900px) {
    .couples .wrapper-couples,
    .couples .wrapper-couples-small,
    .couples .wrapper-couples-smaller {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (max-width: 768px) {
    .couples .hero-banner {
        margin-bottom: 55px
    }

    .couples .hero-banner .logo {
        max-height: 100%;
        padding: 47px 0;
        box-sizing: border-box
    }

    .couples h3 {
        font-size: 50px;
        line-height: 50px
    }

    .couples .sub-heading {
        font-size: 20px;
        line-height: 30px
    }

    .couples .split-section .split-holder p {
        margin-top: 20px
    }

    .couples .reviews {
        margin-top: 60px
    }

    .couples .reviews li {
        width: 50%
    }

    .couples .reviews li:last-child {
        display: none
    }
}

@media only screen and (max-width: 640px) {
    .couples .hero-banner {
        margin-bottom: 40px
    }

    .couples .hero-banner .logo {
        padding: 22px
    }

    .couples h3 {
        font-size: 40px;
        line-height: 44px
    }

    .couples .sub-heading {
        font-size: 18px;
        line-height: 25px
    }

    .couples .highlight-box {
        margin-top: 65px;
        padding-top: 60px;
        padding-bottom: 35px
    }

    .couples .highlight-box > span {
        font-size: 16px
    }

    .couples .highlight-box > p {
        font-size: 14px;
        line-height: 22px
    }

    .couples .split-section {
        display: block;
        margin-top: 40px
    }

    .couples .split-section.desktop {
        display: none
    }

    .couples .split-section.main-info .split-holder {
        padding-bottom: 0
    }

    .couples .split-section .split-holder {
        width: auto;
        flex: none
    }

    .couples .split-section .split-holder:not(:last-child) {
        margin-bottom: 60px;
        margin-right: 0
    }

    .couples .split-section .split-holder p {
        font-size: 18px;
        line-height: 28px;
        margin-top: 15px
    }

    .couples .split-section .split-holder .btn-orange {
        position: relative;
        bottom: auto;
        left: auto;
        transform: translate3d(0, 0, 0);
        width: 100%
    }

    .couples .split-section .split-holder .stats.mobile {
        display: block;
        position: relative;
        margin-top: 70px;
        border: 1px solid #ffe3c9
    }

    .couples .split-section .split-holder .stats.mobile:before {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #ffe3c9;
        left: 130px;
        top: 0
    }

    .couples .split-section .split-holder .stats.mobile:after {
        position: absolute;
        content: '';
        height: 30px;
        width: 100%;
        background-color: #fff;
        display: block;
        top: -31px;
        left: 0
    }

    .couples .reviews {
        margin: 50px 0
    }

    .couples .reviews li {
        display: block;
        width: auto
    }

    .couples .reviews li:not(:first-child) {
        margin-top: 50px
    }

    .couples .reviews li:last-child {
        display: none
    }

    .couples .customize-teaser {
        padding-bottom: 60px
    }

    .couples .customize-teaser .couples-headline {
        font-size: 40px;
        line-height: 44px
    }
}

.rejuvenation .wrapper {
    max-width: 1500px;
    margin: 0 auto;
    position: relative
}

.rejuvenation .hero-banner {
    background: #fff9f4;
    font-size: 0
}

.rejuvenation .hero-banner > li {
    width: 50%;
    display: inline-block;
    vertical-align: middle
}

.rejuvenation .hero-banner .image {
    box-sizing: border-box;
    padding: 40px 0 40px 40px
}

.rejuvenation .hero-banner .image img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.rejuvenation .hero-banner .book-appointment {
    text-align: center;
    padding: 50px 60px;
    box-sizing: border-box
}

.rejuvenation .hero-banner .book-appointment p {
    font-size: 24px;
    line-height: 34px
}

.rejuvenation .hero-banner .book-appointment .button {
    margin: 30px auto 20px
}

.rejuvenation .hero-banner .book-appointment .helix-button {
    font-family: 'Roboto', sans-serif;;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
    color: #71aed2;
    text-decoration: none
}

.rejuvenation .hero-banner .book-appointment .helix-button:after {
    position: absolute;
    height: 2px;
    width: 100%;
    content: '';
    display: block;
    background-color: #71aed2;
    bottom: -1px;
    left: 0
}

.rejuvenation .hero-banner .book-appointment .note {
    font-family: 'Roboto', sans-serif;;
    font-size: 14px;
    line-height: 22px
}

.rejuvenation .feature-list {
    padding: 15px 0;
    font-family: 'Roboto', sans-serif;;
    font-weight: 700;
    background-color: #fdf4ec;
    text-align: center
}

.rejuvenation .feature-list li {
    position: relative;
    font-size: 20px;
    line-height: 28px;
    margin: 0 15px;
    display: inline-block
}

.rejuvenation .feature-list li:not(:last-child):after {
    content: '\2022';
    display: block;
    position: absolute;
    left: calc(100% + 5px);
    top: 0;
    height: 100%;
    width: 20px;
    text-align: center
}

.rejuvenation .process-list {
    position: relative;
    padding: 45px 0;
    font-size: 0
}

.rejuvenation .process-list:after {
    height: 6px;
    top: 182px;
    width: 66.66%;
    left: 16.66%;
    position: absolute;
    background-color: #fff9f4;
    content: '';
    display: block;
    z-index: 1
}

.rejuvenation .process-list li {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    vertical-align: top;
    padding: 0 20px;
    box-sizing: border-box
}

.rejuvenation .process-list li .num {
    display: block;
    width: 45px;
    height: 45px;
    background: #71aed2;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    color: #fff9f4;
    border-radius: 50%;
    margin: 0 auto 15px
}

.rejuvenation .process-list li .icon {
    padding-bottom: 15px
}

.rejuvenation .process-list li .icon img {
    height: 101px
}

.rejuvenation .quote-holder {
    text-align: center;
    padding: 0 40px
}

.rejuvenation .quote-holder .quote {
    font-size: 30px;
    line-height: 42px;
    font-style: italic;
    max-width: 620px;
    margin: 0 auto
}

.rejuvenation .quote-holder img {
    margin-top: 10px;
    width: 65px
}

.rejuvenation .quote-holder .button {
    margin: 40px auto 60px
}

.rejuvenation .logos {
    text-align: center;
    font-size: 0;
    padding: 25px 0;
    background-color: #fdf4ec
}

.rejuvenation .logos li {
    display: inline-block;
    padding: 5px 10px
}

.rejuvenation .logos li img {
    display: block;
    height: 50px
}

@media (max-width: 900px) {
    .rejuvenation .hero-banner > li {
        width: 100%
    }

    .rejuvenation .hero-banner .image {
        padding: 40px 40px 0
    }

    .rejuvenation .hero-banner .book-appointment {
        padding: 40px
    }
}

@media only screen and (max-width: 640px) {
    .rejuvenation .hero-banner .image {
        padding: 25px 20px 0 15px
    }

    .rejuvenation .hero-banner .book-appointment {
        padding: 25px 20px
    }

    .rejuvenation .hero-banner .book-appointment h3 {
        font-size: 34px;
        line-height: 44px
    }

    .rejuvenation .hero-banner .book-appointment p {
        font-size: 20px;
        line-height: 28px;
        padding: 0 20px
    }

    .rejuvenation .hero-banner .book-appointment .button {
        margin: 20px auto
    }

    .rejuvenation .button {
        box-sizing: border-box;
        width: 100%;
        text-align: center
    }

    .rejuvenation .feature-list {
        padding: 30px 0
    }

    .rejuvenation .feature-list li {
        display: block
    }

    .rejuvenation .feature-list li:not(:last-child):after {
        display: none
    }

    .rejuvenation .process-list:after {
        display: none
    }

    .rejuvenation .process-list li {
        width: auto;
        display: block
    }

    .rejuvenation .process-list li:not(:first-child) {
        margin-top: 25px
    }

    .rejuvenation .process-list li .num {
        margin-bottom: 10px
    }

    .rejuvenation .quote-holder {
        padding: 0 20px;
        margin-top: 5px
    }

    .rejuvenation .quote-holder .quote {
        font-size: 24px;
        line-height: 34px
    }

    .rejuvenation .logos li img {
        height: 40px
    }
}

.static-article {
    color: #71aed2;
    font-family: 'Roboto', sans-serif;
}

.static-article .wrapper {
    max-width: 780px;
    padding: 0 30px;
    margin: 0 auto
}

.static-article .graphic-static {
    margin: 40px 0;
    font-size: 0;
    position: relative
}

.static-article .graphic-static.graphic-configuration .mobile,
.static-article .graphic-static.graphic-graph .mobile,
.static-article .sizes-list li .icon img.mobile,
.static-article p.mobile {
    display: none
}

.static-article .graphic-static.graphic-configuration {
    margin: 70px 0
}

.static-article .graphic-static img,
.static-article .ul-split li img {
    width: 100%;
    height: auto;
    display: block
}

.static-article .graphic-static.m-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.static-article .graphic-static .color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .4;
    background-color: #71aed2
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li.size ul > li,
.static-article .img-w-quote {
    background-color: #71aed2;
    color: #fff
}

.static-article .img-w-quote li {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative
}

.static-article .img-w-quote .quote {
    padding: 0 25px;
    -webkit-font-smoothing: antialiased
}

.static-article .img-w-quote .quote div {
    font-family: 'Roboto', sans-serif;
    font-size: 27px;
    line-height: 37px;
    font-style: italic
}

.static-article .img-w-quote .quote span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin-top: 15px
}

.static-article .date {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 500
}

.static-article .title {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
    font-weight: 700
}

.static-article .author {
    font-size: 20px;
    color: #222;
    margin-bottom: 50px;
    font-weight: 700
}

.static-article h3 {
    font-size: 30px;
    line-height: 40px;
    margin-top: 70px;
    margin-bottom: 10px;
    padding-bottom: 0;
    font-weight: 700
}

.static-article h4 {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 700
}

.static-article .margined-quote {
    font-family: 'Roboto', sans-serif;
    font-size: 45px;
    line-height: 50px;
    font-style: italic;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    max-width: 700px;
    margin: 60px auto
}

.static-article p {
    font-weight: 400;
    margin-bottom: 35px;
    font-size: 20px;
    line-height: 32px
}

.static-article p .strong {
    font-weight: 700
}

.static-article p.learn-more {
    margin-top: 60px
}

.static-article p:last-child:not(.not-last) {
    margin-bottom: 110px
}

.showroom-v4 .appointment-form .fieldset-v4 .fields-holder dl:last-child,
.static-article .sizes-list li .text p:last-child,
.static-article .steps-list p:last-child,
.static-article p:last-child.no-mb {
    margin-bottom: 0
}

.static-article p.not-last {
    margin-bottom: 40px
}

.static-article p a {
    color: #222;
    position: relative;
    display: inline-block;
    font-weight: 700
}

.static-article p a.capitalized {
    text-transform: uppercase
}

.static-article p a:after {
    content: '';
    font-weight: 700;
    display: block;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #222;
    transition: all 300ms
}

.static-article .slider ul,
.static-article .ul-split {
    font-size: 0
}

.static-article .ul-split.graphic-static {
    margin: 70px 0
}

.static-article .ul-split li {
    display: inline-block;
    vertical-align: middle;
    width: calc((100% - 20px) / 2)
}

.static-article .ul-split li:first-child {
    margin-right: 20px
}

.static-article .ul-split li:first-child p {
    padding-right: 25px
}

.static-article .ul-split-quiz li img {
    max-width: 382px;
    margin: 0 auto
}

.static-article .slider-holder {
    margin: 0 0 80px;
    background-color: #fff9f4;
    padding: 50px 0
}

.static-article .slider-holder h3 {
    margin-top: 0;
    color: #222
}

.static-article .slider {
    overflow: visible !important
}

.static-article .slider.sizes-slider {
    margin-top: 35px;
    margin-bottom: 0
}

.static-article .slider.sizes-slider ul li img {
    height: 160px;
    width: auto
}

.static-article .slider ul li {
    vertical-align: top;
    display: inline-block
}

.static-article .slider ul li:not(:last-child) {
    margin-right: 20px
}

.static-article .slider ul li img {
    width: 246px;
    height: auto
}

.static-article .slider ul li .mattress-type {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 16px
}

.static-article .slider ul li .mattress-dimensions {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    margin-top: 2px
}

.static-article .steps-list > li {
    border-top: 2px solid #71aed2;
    margin-top: 70px
}

.static-article .steps-list h3 {
    margin-top: 25px
}

.static-article .steps-list .slider {
    margin-top: 70px;
    margin-bottom: 25px
}

.static-article .steps-list ul li {
    width: 246px;
    vertical-align: top;
    margin-bottom: 35px
}

.static-article .steps-list ul li:nth-child(3) {
    margin-right: 0
}

.static-article .steps-list ul li .image-box {
    background-color: #222;
    margin-bottom: 15px
}

.static-article .steps-list ul li .type {
    font-size: 17px;
    font-weight: 700
}

.static-article .steps-list ul li .question {
    margin-top: 5px;
    font-size: 17px;
    line-height: 22px;
    font-weight: 400;
    max-width: 200px;
    width: 100%
}

.static-article .steps-list .graphic-static {
    margin-top: 70px
}

.static-article .sizes-list {
    font-size: 0;
    margin-top: 60px
}

.static-article .sizes-list li {
    position: relative;
    border-top: 2px solid #71aed2
}

.static-article .sizes-list li:not(:last-child) .icon,
.static-article .sizes-list li:not(:last-child) .text {
    padding-bottom: 70px
}

.static-article .sizes-list li .icon {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    padding-top: 30px
}

.static-article .sizes-list li .icon img {
    width: 135px
}

.static-article .sizes-list li .text {
    margin-left: 200px;
    padding-top: 30px
}

.static-article .sizes-list li .text h3 {
    margin-top: 0;
    margin-bottom: 20px
}

@media (max-width: 1120px) {
    .static-article .steps-list ul li:nth-child(3) {
        margin-right: 20px
    }

    .static-article .steps-list .slider {
        margin-top: 60px;
        margin-bottom: 0
    }

    .static-article .steps-list .graphic-static {
        margin-top: 60px
    }
}

@media (max-width: 780px) {
    .static-article .graphic-static.full-width-tablet {
        margin-left: -30px;
        margin-right: -30px;
        width: calc(100% + 60px)
    }

    .static-article .graphic-static.mt-0-tab {
        margin-top: 0
    }

    .static-article p.learn-more {
        margin-bottom: 70px
    }

    .static-article .sizes-list li .icon img {
        width: 130px
    }

    .static-article .sizes-list li .text {
        margin-left: 165px
    }
}

@media (max-width: 680px) {
    .static-article .img-w-quote .quote div {
        font-size: 22px;
        line-height: 29px
    }

    .static-article .img-w-quote .quote span {
        font-size: 13px;
        margin-top: 20px
    }

    .static-article .steps-list .graphic-static,
    .static-article .steps-list > li {
        margin-top: 40px
    }

    .static-article .steps-list .slider {
        margin-top: 45px
    }

    .static-article .steps-list .slider ul li {
        margin-bottom: 45px
    }
}

@media (max-width: 640px) {
    .static-article .wrapper {
        padding: 0 20px
    }

    .static-article .full-width-tablet {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }

    .static-article .margined-quote {
        font-size: 35px;
        line-height: 40px;
        margin: 45px auto
    }

    .static-article h4 {
        font-size: 20px;
        margin-bottom: 8px
    }

    .static-article .graphic-static.graphic-configuration,
    .static-article .ul-split.graphic-static {
        margin: 45px 0
    }

    .static-article .ul-split li {
        width: calc((100% - 8px) / 2)
    }

    .static-article .ul-split li:first-child {
        margin-right: 8px
    }

    .static-article .ul-split-quiz li {
        display: block;
        width: auto;
        margin-bottom: 45px
    }

    .static-article .ul-split-quiz li:first-child {
        margin-right: 0
    }

    .static-article .ul-split-quiz li:first-child p {
        padding-right: 0
    }

    .static-article .ul-split-quiz li img {
        max-width: 320px
    }

    .static-article .graphic-static.graphic-configuration img:not(.mobile) {
        display: none
    }

    .static-article .graphic-static.graphic-configuration .mobile {
        box-sizing: border-box;
        display: block;
        max-width: 320px;
        margin: 0 auto;
        border-right: 2px solid #71aed2;
        border-left: 2px solid #71aed2
    }

    .static-article .date {
        margin-bottom: 15px
    }

    .static-article .title {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 15px
    }

    .static-article .graphic-static {
        margin-bottom: 30px
    }

    .static-article .author {
        font-size: 16px;
        margin-bottom: 25px
    }

    .static-article .slider-holder {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .static-article .slider-holder + .wrapper h3:first-child {
        margin-top: 30px
    }

    .static-article h3 {
        font-size: 24px;
        line-height: 34px
    }

    .static-article p {
        font-size: 16px;
        line-height: 26px
    }

    .static-article p.learn-more {
        margin-top: 40px;
        margin-bottom: 30px
    }

    .static-article p .strong {
        font-weight: 700
    }

    .static-article p,
    .static-article p.not-last {
        margin-bottom: 30px
    }

    .static-article .sizes-list li .icon img.mobile,
    .static-article p.mobile {
        display: block
    }

    .static-article p.not-mobile {
        display: none
    }

    .static-article .graphic-static.hybrid-slider {
        margin-top: 0;
        margin-bottom: 25px
    }

    .static-article .graphic-static.m-70 {
        margin-top: 45px;
        margin-bottom: 45px
    }

    .static-article .graphic-static.full-width-tablet {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px)
    }

    .static-article .slider.sizes-slider ul li img {
        height: 130px
    }

    .static-article .slider ul li .mattress-type {
        font-size: 12px
    }

    .static-article .slider ul li .mattress-dimensions {
        font-size: 10px
    }

    .static-article .sizes-list li:not(:last-child) .icon {
        padding-bottom: 20px
    }

    .static-article .sizes-list li:not(:last-child) .text {
        padding-bottom: 50px
    }

    .static-article .sizes-list li .icon {
        position: relative;
        text-align: left;
        padding-bottom: 20px
    }

    .static-article .sizes-list li .icon img {
        width: 110px
    }

    .static-article .sizes-list li .icon img:not(.mobile) {
        display: none
    }

    .static-article .sizes-list li .text {
        padding-top: 0;
        margin-left: 0
    }
}

@media (max-width: 540px) {
    .static-article .img-w-quote li {
        width: auto;
        display: block;
        height: 0;
        padding-bottom: 100%;
        overflow: hidden
    }

    .static-article .img-w-quote .quote {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center
    }
}

@media (max-width: 460px) {
    .static-article .graphic-static.graphic-graph img:not(.mobile) {
        display: none
    }

    .static-article .graphic-static.graphic-graph .mobile {
        display: block
    }
}

@media (max-width: 340px) {
    .static-article .ul-split-quiz li:nth-child(2) {
        margin-left: -22px;
        margin-right: -22px
    }

    .static-article .ul-split-quiz li:nth-child(2) img {
        max-width: none
    }

    .static-article .graphic-static.graphic-configuration {
        margin-left: -22px;
        margin-right: -22px
    }

    .static-article .graphic-static.graphic-configuration .mobile {
        max-width: none
    }
}

body {
    font-family: 'Roboto', sans-serif;
}

body.dotted-bg {
    background-image: none !important;
    background-size: 10px 10px;
    background-position: center top
}

@media (max-width: 1300px) {
    body.dotted-bg {
        background-position: left -3px top 4px
    }
}

body.overlayed {
    height: 100%;
    overflow: hidden
}

body.overlayed .site,
body.overlayed .site .content {
    height: 100%
}

@media (max-width: 680px) {
    body.no-stripe-info-mob .info-stripe-v4 {
        display: none
    }
}

body.showroom-login {
    background-image: radial-gradient(#fff 1%, #71aed2 15%);
    background-size: 10px 10px;
    background-position: center top
}

@media (max-width: 1300px) {
    body.showroom-login {
        background-position: left -3px top 4px
    }
}

body.showroom-login .content {
    height: calc(100% - 100px)
}

.wrapper-v4 {
    max-width: 1300px;
    padding: 0 58px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box
}

.wrapper-v4.mobile {
    display: none
}

@media (max-width: 1120px) {
    .wrapper-v4 {
        padding: 0 28px
    }
}

@media (max-width: 680px) {
    .wrapper-v4 {
        padding: 0 18px
    }

    .wrapper-v4.mobile {
        display: block
    }
}

.v4-bordered {
    border: #fff solid 12px;
    border-top-width: 17px;
    border-bottom-width: 17px
}

@media (max-width: 680px) {
    .v4-bordered {
        border-width: 17px 18px
    }
}

.text-v4 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400
}

.text-v4.mobile {
    display: none
}

.title-big-v4,
.title-v4 {
    font-size: 40px;
    line-height: 46px;
    font-weight: 700;
    letter-spacing: .2px
}

.title-big-v4 {
    font-size: 50px;
    line-height: 60px;
    margin-top: 40px;
    margin-bottom: 25px;
    text-align: center
}

@media (max-width: 680px) {
    .title-big-v4 {
        font-size: 30px;
        line-height: 40px;
        margin-top: 20px;
        margin-bottom: 15px
    }
}

.title-main-v4 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    letter-spacing: .2px;
    text-align: center
}

@media (max-width: 1120px) {
    .title-main-v4 {
        font-size: 40px;
        line-height: 45px
    }
}

@media (max-width: 680px) {
    .title-main-v4 {
        font-size: 30px;
        line-height: 34px
    }
}

.subtitle-main-v4 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    text-align: center;
    max-width: 880px;
    margin: 0 auto
}

@media (max-width: 1120px) {
    .subtitle-main-v4 {
        font-size: 20px;
        line-height: 30px
    }
}

@media (max-width: 680px) {
    .subtitle-main-v4 {
        font-size: 16px;
        line-height: 22px
    }
}

.title-small-v4 {
    font-weight: 700;
    font-size: 20px
}

.text-small-v4 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.mt-20 {
    margin-top: 20px
}

.daytime-border {
    border: 2px solid #71aed2
}

.wrapper-v4-bord {
    max-width: 1300px;
    padding: 0 48px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box
}

@media (max-width: 1120px) {
    .wrapper-v4-bord {
        padding: 0 18px
    }

    .wrapper-v4-bord.no-pad-tablet {
        padding: 0
    }
}

@media (max-width: 680px) {
    .wrapper-v4-bord {
        padding: 0
    }
}

.wrapper-v4-small {
    max-width: 840px;
    padding: 0 28px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box
}

@media (max-width: 680px) {
    .wrapper-v4-small {
        padding: 0 18px
    }
}

.button-v4,
.info-stripe-v4 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.button-v4 {
    display: inline-block;
    background: #222;
    cursor: pointer;
    padding: 0 25px;
    border-radius: 0;
    white-space: nowrap;
    box-sizing: border-box;
    transition: all 300ms;
    font-size: 18px
}

.button-v4,
.button-v4.bigger {
    height: 64px;
    line-height: 66px
}

.button-v4.mt-20 {
    margin-top: 20px
}

.button-v4:hover {
    background: #71aed2
}

.button-v4.mobile {
    display: none
}

.button-v4.blue {
    background-color: #71aed2
}

.button-v4.blue:hover {
    background-color: #002655
}

.button-v4.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 200;
    text-align: center;
    box-sizing: border-box;
    display: none;
    border-top: 2px solid #fff;
    padding: 0 30px;
    transform: translate3d(0, 100%, 0);
    transition: all 300ms
}

.button-v4.fixed.shown {
    transform: translate3d(0, 0, 0)
}

@media (max-width: 1120px) {
    .button-v4.fixed {
        display: block
    }
}

@media (max-width: 800px) {
    .button-v4.fixed {
        text-align: right
    }
}

@media (max-width: 680px) {
    .button-v4.fixed {
        padding: 0 20px
    }
}

.button-v4 i {
    margin-right: 15px
}

.info-stripe-v4 {
    background: 0 0;
    font-size: 16px;
    text-align: center;
    width: 100%;
    z-index: 101;
    position: relative
}

.info-stripe-v4 .clock-header {
    background-color: #fff;
    position: relative;
    display: none
}

.info-stripe-v4 .clock-header .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 5
}

.info-stripe-v4 .clock-header .close-btn::after,
.info-stripe-v4 .clock-header .close-btn::before {
    position: absolute;
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background-color: #71aed2;
    content: '';
    display: block
}

.info-stripe-v4 .clock-header .close-btn::before {
    transform: rotate(45deg)
}

.info-stripe-v4 .clock-header .close-btn::after {
    transform: rotate(-45deg)
}

@media (max-width: 1120px) {
    .info-stripe-v4 .clock-header .close-btn {
        top: auto;
        right: 50%;
        height: 10px;
        margin-right: -10px;
        bottom: 10px
    }

    .info-stripe-v4 .clock-header .close-btn::before {
        width: 50%;
        left: 50%;
        margin-left: -2px
    }

    .info-stripe-v4 .clock-header .close-btn::after {
        width: 50%;
        left: 2px
    }
}

.info-stripe-v4 .clock-header .slider {
    overflow: visible !important
}

.info-stripe-v4 .clock-header ul {
    display: block;
    padding-top: 20px;
    width: 100%;
    white-space: nowrap;
    font-size: 0
}

.info-stripe-v4 .clock-header ul li {
    display: inline-block;
    vertical-align: middle;
    width: 125px;
    padding: 20px;
    box-sizing: border-box;
    cursor: default;
    margin: 0 37.5px
}

.info-stripe-v4 .clock-header ul li.selected {
    background-color: #fff9f4
}

.info-stripe-v4 .clock-header ul li svg {
    width: 53px;
    height: 53px;
    display: block;
    margin: auto
}

.info-stripe-v4 .clock-header ul li span {
    margin-top: 10px;
    display: block;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #71aed2
}

.info-stripe-v4 .clock-header .header-wrapper div:not(.slider) {
    padding: 15px 0 25px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-transform: none;
    color: #71aed2;
    max-width: 650px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1120px) {
    .info-stripe-v4 .clock-header .header-wrapper div:not(.slider) {
        padding-bottom: 35px
    }
}

.info-stripe-v4 .stripe-message {
    display: block;
    padding: 10px 0;
    line-height: 20px
}

.info-stripe-v4.bordered {
    border-bottom: solid 17px #fff
}

.info-stripe-v4.no-clock .clock {
    display: none
}

.info-stripe-v4 .clock {
    position: absolute;
    right: 60px;
    bottom: -22px;
    border-radius: 50%;
    box-sizing: border-box;
    font-size: 0
}

.info-stripe-v4 .clock svg {
    height: 44px;
    width: 44px
}

@media (max-width: 680px) {
    .info-stripe-v4 .stripe-message {
        max-width: 200px;
        width: 100%;
        box-sizing: border-box;
        margin: 0 auto
    }

    .info-stripe-v4 .clock {
        right: 15px
    }
}

.media-reviews-v4 {
    width: 380px;
    padding: 0 10px 0 40px
}

.media-reviews-v4.mobile,
.variation-v4.hidden {
    display: none
}

.media-reviews-v4 ul li:not(:last-child) {
    margin-bottom: 70px
}

.media-reviews-v4 ul li p {
    display: block;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    font-style: italic;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto', sans-serif;
}

.media-reviews-v4 ul li img {
    width: 162px;
    max-width: 100%
}

.about .materials > ul > li > div div,
.middled > div,
.middled > img,
.middled > ul {
    max-width: 100%
}

.reviews-list-v4 {
    display: inline-block;
    vertical-align: middle;
    width: 370px;
    padding-right: 20px;
    padding-left: 18px;
    box-sizing: border-box;
    font-size: 0
}

.reviews-list-v4 > li {
    display: block;
    box-sizing: border-box
}

.reviews-list-v4 > li:not(:last-child) {
    padding-bottom: 75px
}

.homepage-v4 .reviews-list > li img,
.reviews-list-v4 > li .stars > img {
    width: 27px;
    height: auto
}

.reviews-list-v4 > li .stars > img:not(:last-child) {
    margin-right: 6px
}

.reviews-list-v4 > li p {
    font-size: 30px;
    line-height: 40px;
    font-style: italic;
    margin: 25px 0;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased
}

.reviews-list-v4 > li .country,
.reviews-list-v4 > li .name {
    font-size: 16px;
    line-height: 22px
}

.reviews-list-v4 > li .name {
    font-weight: 700
}

.reviews-list-v4 > li .country {
    font-weight: 400
}

.variation-v4.top-bordered .questions-v4 {
    border-top: 17px solid #fff
}

.variation-v4.mt-40 .questions-v4 {
    margin-top: 40px
}

@media (max-width: 1120px) {
    .variation-v4.pdb-tablet .questions-v4 {
        padding-bottom: 120px
    }
}

.questions-v4 {
    background: #71aed2;
    padding: 55px 0;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.questions-v4 .title-v4 {
    color: #fff9f4;
    margin-bottom: 20px
}

.questions-v4 ul {
    font-size: 0
}

.homepage-v4 .meet > div,
.questions-v4 ul li {
    display: inline-block;
    vertical-align: middle
}

.questions-v4 .means li {
    line-height: 30px;
    height: 30px
}

.questions-v4 .means li:not(:last-child) {
    margin-right: 30px
}

.questions-v4 .means li .subtitle {
    display: inline-block;
    font-weight: 700;
    color: #fff9f4;
    font-size: 20px
}

.questions-v4 .means li a,
.questions-v4 .means li div:not(.subtitle) {
    display: inline-block;
    color: #fff9f4;
    font-size: 20px;
    font-weight: 400;
    margin-left: 7px
}

.questions-v4 .times {
    margin-top: 20px
}

.questions-v4 .times li {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #fff;
    font-weight: 400
}

.questions-v4 .times li:not(:last-child) {
    margin-right: 20px
}

@media (max-width: 680px) {
    .questions-v4 .title-v4 {
        font-size: 30px;
        line-height: 40px
    }

    .questions-v4 .means li,
    .questions-v4 .times li {
        display: block
    }

    .questions-v4 .means li:not(:last-child),
    .questions-v4 .times li:not(:last-child) {
        margin-right: 0
    }
}

.add-partner-v4 a,
.learn-more-v4 {
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    color: #222;
    -webkit-font-smoothing: antialiased;
    transition: all 300ms
}

.add-partner-v4 a span,
.learn-more-v4 span {
    position: absolute;
    top: calc(100% + 2px);
    display: block;
    height: 2px;
    width: 100%;
    background: #222;
    left: 0;
    transition: all 300ms
}

.learn-more-v4 {
    margin-top: 20px
}

.nice-select:after,
.options-sign-v4 {
    position: absolute;
    top: 28px;
    right: 24px;
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-top: #222 8px solid;
    border-left: transparent 7px solid;
    border-right: transparent 7px solid
}

.options-sign-v4.orange {
    border-top-color: #222
}

.fieldset-v4.mt-40 {
    margin-top: 40px
}

.fieldset-v4 dd select,
.fieldset-v4 dl {
    position: relative;
    box-sizing: border-box;
    transition: all 300ms
}

.fieldset-v4 dl {
    width: 100%;
    max-width: 320px;
    height: 64px;
    line-height: 62px;
    margin: 0 auto 35px
}

.fieldset-v4 dl.for-textarea {
    height: 170px
}

.fieldset-v4 dl.errorinput dt label {
    color: red
}

.fieldset-v4 dl.select-open {
    z-index: 100
}

.fieldset-v4 dt {
    position: absolute;
    z-index: 3;
    top: -6px;
    left: 12px;
    display: inline-block;
    padding: 0 10px;
    background-color: #fff
}

.fieldset-v4 dt label {
    box-sizing: border-box;
    display: block;
    font-weight: 400;
    font-size: 12px;
    text-transform: uppercase;
    color: #71aed2;
    -webkit-font-smoothing: antialiased;
    line-height: 14px;
    transition: all 300ms
}

.fieldset-v4 dd select {
    cursor: pointer;
    background-color: transparent;
    outline: none
}

.fieldset-v4 dd input,
.fieldset-v4 dd select,
.fieldset-v4 dd textarea,
.nice-select {
    padding: 0 20px;
    z-index: 2;
    border: 2px solid #71aed2;
    font-size: 16px;
    width: 100%;
    color: #71aed2;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

.fieldset-v4 dd select,
.nice-select {
    padding-right: calc(32px + 20px);
    height: 64px
}

.fieldset-v4 dd input {
    height: 64px
}

.fieldset-v4 dd input,
.fieldset-v4 dd textarea {
    position: relative;
    background-color: transparent;
    box-sizing: border-box;
    outline: none;
    transition: all 300ms
}

.fieldset-v4 dd input::-ms-value,
.fieldset-v4 dd select::-ms-value,
.fieldset-v4 dd textarea::-ms-value {
    background: 0 0;
    color: #71aed2
}

.fieldset-v4 dd input::-ms-clear,
.fieldset-v4 dd select::-ms-clear,
.fieldset-v4 dd textarea::-ms-clear {
    display: none
}

.fieldset-v4 dd input.errorinput,
.fieldset-v4 dd select.errorinput,
.fieldset-v4 dd textarea.errorinput {
    border-color: red
}

.fieldset-v4 dd input::placeholder,
.fieldset-v4 dd select::placeholder,
.fieldset-v4 dd textarea::placeholder {
    color: #71aed2
}

.fieldset-v4 dd input::active,
.fieldset-v4 dd input::focus,
.fieldset-v4 dd select::active,
.fieldset-v4 dd select::focus,
.fieldset-v4 dd textarea::active,
.fieldset-v4 dd textarea::focus {
    outline: none
}

.fieldset-v4 dd textarea {
    resize: none;
    height: 170px;
    padding-top: 15px;
    padding-bottom: 15px
}

.fieldset-v4 dl.half-size.fr dt {
    position: absolute;
    z-index: 3;
    top: -14px;
    left: 12px;
    display: inline-block;
    padding: 0 9px;
    background-color: #fff;
    width: auto;
    padding: 0 4px;
    margin: 0;
    max-width: 102px;
}

@media (max-width: 1120px) {
    body.header-menu-toggled {
        height: 100%;
        overflow: hidden
    }

    body.header-menu-toggled .header-v4 .menu-toggle span {
        background: #fff
    }

    body.header-menu-toggled .header-v4 .menu-toggle span:nth-child(1) {
        transform: translate3d(0, 8px, 0) rotate(45deg)
    }

    body.header-menu-toggled .header-v4 .menu-toggle span:nth-child(3) {
        transform: translate3d(0, -8px, 0) rotate(-45deg)
    }

    body.header-menu-toggled .header-v4 .menu-toggle span:nth-child(2) {
        transform: translate3d(-100%, 0, 0);
        opacity: 0
    }

    body.header-menu-toggled .header-v4 .logo svg {
        fill: #fff !important
    }

    body.header-menu-toggled .header-v4 .mobile-nav,
    body.header-menu-toggled .header-v4 .toggled-menu-bg {
        left: 0;
        opacity: 1;
        pointer-events: auto;
        transition: opacity 300ms, left 0ms
    }
}

.header-outer-v4 {
    width: 100%;
    height: 130px;
    position: relative;
    background: #fff
}

@media (max-width: 1120px) {
    .header-outer-v4 {
        height: 60px
    }

    .header-outer-v4 .header-v4 {
        border-bottom: 2px solid transparent
    }

    .header-outer-v4 .header-v4 .logo {
        top: calc(50% - 9.25px)
    }

    .header-outer-v4 .header-v4 .logo svg#helix-logo,
    .header-outer-v4 .header-v4 .main-nav,
    .header-outer-v4 .header-v4 .sub-nav {
        display: none
    }

    .header-outer-v4 .header-v4 .menu-toggle {
        display: block
    }
}

.header-outer-v4.abs,
.header-v4 {
    position: absolute
}

.header-v4 {
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    box-sizing: border-box
}

.header-v4.fixed {
    position: fixed;
    top: 0;
    height: 60px
}

.header-v4.animated {
    transition: all 300ms
}

.header-v4.toggled-up {
    transform: translate3d(0, -100%, 0) !important
}

.header-v4 .logo {
    display: inline-block;
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 45px)
}

.header-v4 .logo svg {
    width: 90px;
    height: auto;
    display: block;
    margin: 0 auto;
    fill: transparent;
    transition: all 300ms
}

.header-v4 .logo svg#helix-logo {
    width: 34px;
    height: 36px;
    margin-bottom: 14px
}

.header-v4 .logo svg#logo-title {
    height: 19px
}

.header-v4 .sub-nav {
    float: right;
    font-weight: 400;
    letter-spacing: .2px;
    padding: 50px 0;
    line-height: 30px
}

.header-v4 .main-nav li,
.header-v4 .sub-nav li {
    float: left
}

.header-v4 .sub-nav li:not(:first-child) {
    margin-left: 16px
}

.header-v4 .sub-nav li a {
    display: block;
    font-size: 14px;
    color: #71aed2
}

.header-v4 .main-nav {
    float: left;
    font-weight: 700;
    letter-spacing: .2px;
    padding: 50px 0;
    line-height: 30px
}

.header-v4 .main-nav li:not(:first-child) {
    margin-left: 20px
}

.header-v4 .main-nav li a {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #71aed2;
    -webkit-font-smoothing: antialiased
}

.header-v4 .menu-toggle {
    display: none;
    float: left;
    cursor: pointer;
    margin: 21px 0;
    z-index: 150
}

.header-v4 .menu-toggle span {
    display: block;
    width: 27px;
    height: 2px;
    background: #71aed2;
    transition: all 300ms
}

.header-v4 .menu-toggle span:not(:last-child) {
    margin-bottom: 6px
}

.header-v4.menu-toggled {
    z-index: 250
}

.header-v4 .mobile-nav,
.header-v4 .toggled-menu-bg {
    position: absolute;
    left: -100%;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms, left 0ms 300ms
}

.header-v4 .toggled-menu-bg {
    content: '';
    height: 100vh;
    background-image: radial-gradient(#fff 6%, transparent 11%);
    background-size: 10px 10px;
    background-position: left -3px center;
    top: -40px
}

.header-v4 .mobile-nav {
    top: 60px;
    box-sizing: border-box;
    padding-top: 25px
}

.header-v4 .mobile-nav li {
    padding: 0 30px;
    box-sizing: border-box;
    font-weight: 400
}

@media (max-width: 680px) {
    .header-v4 .mobile-nav li {
        padding: 0 20px
    }
}

.header-v4 .mobile-nav li a {
    display: block;
    text-align: left;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    line-height: 50px
}

.header-v4 .mobile-nav li.smaller a {
    font-size: 16px;
    font-weight: 400;
    line-height: 46px
}

@media (min-width: 1120px) {
    .header-v4.fixed {
        border-bottom: 2px solid transparent;
        background-color: #fff
    }

    .header-v4.fixed .logo {
        top: calc(50% - 9.25px)
    }

    .header-v4.fixed .logo svg#helix-logo {
        display: none
    }

    .header-v4.fixed .main-nav,
    .header-v4.fixed .sub-nav {
        padding: 15px 0
    }
}

@media (max-width: 680px) {
    .header-v4 .toggled-menu-bg {
        top: -60px
    }
}

@keyframes header2-show {
    0% {
        transform: translate3d(0, -100%, 0)
    }
    to {
        transform: translate3d(0, 0, 0)
    }
}

.footer-v4 {
    padding: 30px 0 60px;
    background: #fff
}

.footer-v4 .wrapper-v4 > ul {
    display: inline-block;
    width: 14.285%;
    vertical-align: top
}

.footer-v4 .wrapper-v4 > ul.double-sized {
    width: 28.57%
}

.footer-v4,
.footer-v4 .wrapper-v4 > ul.two-cols-desktop {
    font-size: 0
}

.footer-v4 .wrapper-v4 > ul.two-cols-desktop > li {
    display: inline-block;
    width: 50%;
    vertical-align: top
}

.footer-v4 .wrapper-v4 > ul li {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400
}

.footer-v4 .wrapper-v4 > ul li.title {
    font-weight: 700;
    text-transform: uppercase
}

.footer-v4 .copyright {
    position: absolute;
    bottom: 0;
    right: 58px;
    font-weight: 400;
    font-size: 14px
}

@media (max-width: 1120px) {
    .footer-v4 .copyright {
        right: 28px
    }
}

@media (max-width: 680px) {
    .footer-v4 .copyright {
        bottom: auto;
        right: auto;
        position: relative
    }
}

.footer-v4 form {
    width: 100%;
    display: block;
    font-size: 0;
    margin-top: 5px
}

.footer-v4 form input[type=email],
.footer-v4 form input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    border-radius: 0;
    font-size: 14px
}

.about .select-list form select::-webkit-inner-spin-button,
.about .select-list form select::-webkit-outer-spin-button,
.footer-v4 form input[type=email]::-webkit-inner-spin-button,
.footer-v4 form input[type=email]::-webkit-outer-spin-button,
.footer-v4 form input[type=submit]::-webkit-inner-spin-button,
.footer-v4 form input[type=submit]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.footer-v4 form input[type=email] {
    font-weight: 400;
    display: inline-block;
    color: #71aed2;
    padding: 0 10px;
    box-sizing: border-box;
    border: 2px solid #71aed2;
    width: calc(100% - 120px);
    height: 52px;
    vertical-align: middle
}

.dart form input[type=email]::placeholder,
.footer-v4 form input[type=email]::placeholder,
.forms-v4 form .form-box textarea::placeholder {
    color: #71aed2
}

.footer-v4 form input[type=submit] {
    font-weight: 700;
    width: 120px;
    background: #71aed2;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    height: 52px;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    transition: all 300ms
}

.footer-v4 form input[type=submit]:hover {
    background: #002655
}

@media (max-width: 1120px) {
    .footer-v4.mb-56 {
        padding-bottom: 116px
    }

    .footer-v4 .wrapper-v4 > ul {
        width: 25%
    }

    .footer-v4 .wrapper-v4 > ul.double-sized {
        width: auto
    }

    .footer-v4 .wrapper-v4 > ul.double-sized.two-cols-desktop > li {
        display: block;
        width: auto
    }

    .footer-v4 .wrapper-v4 > ul.double-sized.two-cols-desktop > li:first-child {
        margin-bottom: 25px
    }

    .footer-v4 .wrapper-v4 > ul.double-sized:not(.two-cols-desktop) {
        margin-top: 30px;
        display: block;
        width: 320px
    }

    .footer-v4 form input[type=email] {
        width: 100%;
        max-width: calc(100% - 120px)
    }
}

@media (max-width: 680px) {
    .footer-v4.mb-56-mob {
        margin-bottom: 56px
    }

    .footer-v4 .wrapper-v4 > ul {
        width: 50%;
        margin-bottom: 20px
    }

    .footer-v4 .wrapper-v4 > ul.double-sized:not(.two-cols-desktop) {
        margin-top: 10px;
        width: auto;
        margin-bottom: 30px
    }
}

.homepage-v4:not(.vanity-v4) .hero {
    height: 410px;
    position: relative
}

.homepage-v4:not(.vanity-v4) .hero .hero-text {
    height: 100%;
    width: 460px;
    position: relative;
    background: #fff;
    padding: 25px 50px 15px 15px;
    box-sizing: border-box
}

.homepage-v4:not(.vanity-v4) .hero .hero-text h1 {
    font-size: 60px;
    line-height: 65px;
    font-weight: 700
}

.homepage-v4:not(.vanity-v4) .hero .hero-text p {
    margin: 15px 0 25px
}

.homepage-v4:not(.vanity-v4) .hero .hero-text .button-v4 {
    width: auto;
    box-sizing: border-box;
    font-size: 18px
}

.homepage-v4:not(.vanity-v4) .hero .middled {
    height: 100%;
    width: 100%
}

.homepage-v4:not(.vanity-v4) .hero .hero-image {
    position: absolute;
    left: 460px;
    top: 0;
    height: 100%;
    width: calc(100% - 460px);
    background: no-repeat url(//helixcontent1.com//homepage/hero-image.jpg) center center/cover
}

.homepage-v4 .step-list {
    position: relative
}

.homepage-v4 .step-list .step-border-1,
.homepage-v4 .step-list .step-border-2 {
    position: absolute;
    display: block;
    height: 100%;
    width: 2px;
    top: 0
}

.homepage-v4 .step-list .step-border-1 {
    left: calc((100% / 3) - 1px)
}

.homepage-v4 .step-list .step-border-2 {
    left: calc(((100% / 3) * 2) - 1px)
}

.homepage-v4 .step-list .step {
    width: calc((100% / 3) - 1px);
    display: inline-block;
    padding: 40px 25px 30px;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top
}

.homepage-v4 .step-list .step .icon {
    height: 98px;
    display: block
}

.homepage-v4 .step-list .step .icon svg {
    width: 120px;
    max-width: 100%;
    height: 98px;
    margin: 0 auto
}

.homepage-v4 .step-list .step .num {
    background-color: #71aed2;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    height: 46px;
    line-height: 48px;
    width: 46px;
    border-radius: 50%;
    margin: 15px auto 20px
}

.homepage-v4 .step-list .step p {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500
}

.homepage-v4 .meet,
.homepage-v4 .step-list {
    font-size: 0;
    background: #fff9f4
}

.homepage-v4 .meet > div.image {
    width: calc(100% - 425px);
    height: 470px;
    background: no-repeat url(//helixcontent1.com//homepage/hero-meet.jpg) center center/cover
}

.about .images-ul li img,
.about .materials > ul > li .icon-holder .ico img,
.homepage-v4 .meet > div.image img {
    width: 100%;
    height: auto
}

.homepage-v4 .meet > div:not(.image) {
    width: 425px;
    padding: 20px 60px;
    box-sizing: border-box
}

.homepage-v4 .meet > div .text-v4 {
    margin-top: 10px
}

.homepage-v4 .box-title {
    border-bottom: 2px solid;
    background: #fff9f4;
    padding: 20px 30px;
    line-height: 50px
}

.homepage-v4 .cross-sell {
    background-color: #fff
}

.homepage-v4 .cross-sell ul {
    font-size: 0
}

.homepage-v4 .cross-sell ul li {
    text-align: center;
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    padding: 35px 60px 55px;
    vertical-align: top
}

.homepage-v4 .cross-sell ul li img {
    width: 100%;
    display: block;
    margin: 0 auto 20px;
    max-width: 460px
}

.homepage-v4 .cross-sell ul li .text-v4 {
    max-width: 370px;
    margin: 10px auto 0
}

.homepage-v4 .cross-sell ul li .learn-more-v4 {
    margin-top: 20px
}

.homepage-v4 .reviews-list {
    font-size: 0;
    margin: 60px 0
}

.homepage-v4 .reviews-list > li {
    display: inline-block;
    width: 33.33%;
    padding-right: 30px;
    box-sizing: border-box;
    vertical-align: top
}

.homepage-v4 .reviews-list > li:nth-child(2) {
    padding-left: 35px
}

.homepage-v4 .reviews-list > li:nth-child(3) {
    padding-left: 60px
}

.homepage-v4 .reviews-list > li img:not(:last-child) {
    margin-right: 6px
}

.homepage-v4 .reviews-list > li p {
    font-size: 30px;
    line-height: 40px;
    font-style: italic;
    margin: 25px 0;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto', sans-serif;
}

.homepage-v4 .reviews-list > li .country,
.homepage-v4 .reviews-list > li .name {
    font-size: 16px;
    line-height: 22px
}

.homepage-v4 .reviews-list > li .name {
    font-weight: 700
}

.homepage-v4 .reviews-list > li .country {
    font-weight: 400
}

.homepage-v4 .color-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .6
}

.homepage-v4 .personalized,
.homepage-v4 .personalized .box ul {
    font-size: 0
}

.homepage-v4 .personalized .box ul > li,
.homepage-v4 .personalized > div {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle
}

.homepage-v4 .personalized .box {
    width: calc(100% - 380px);
    background: #fff
}

.homepage-v4 .personalized .box .highlight {
    border-bottom: 2px solid;
    border-top: none;
    border-left: none;
    border-right: none;
    background: #fff9f4;
    padding: 25px
}

.homepage-v4 .personalized .box .highlight .title-v4 {
    margin-bottom: 5px
}

.homepage-v4 .personalized .box .highlight .text-v4 {
    padding-right: 60px
}

.homepage-v4 .personalized .box .image-holder {
    position: relative
}

.homepage-v4 .personalized .box .image-holder img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.homepage-v4 .personalized .box ul > li {
    width: 50%;
    vertical-align: top;
    text-align: center;
    padding: 35px
}

.homepage-v4 .personalized .box ul > li img {
    width: 89px;
    height: auto
}

.homepage-v4 .personalized .box ul > li .type {
    font-weight: 700;
    font-size: 20px;
    margin: 20px 0 5px
}

.homepage-v4 .personalized .box ul > li p {
    font-weight: 400;
    font-size: 16px
}

.homepage-v4 .visit-us {
    margin-top: 20px;
    background-color: #fff;
    font-size: 0;
    border-left: none;
    border-right: none;
    position: relative
}

.homepage-v4 .visit-us .daytime-border {
    border-right: none;
    border-left: none;
    padding: 80px 0
}

.homepage-v4 .visit-us .form,
.homepage-v4 .visit-us .graphics {
    display: block;
    box-sizing: border-box;
    text-align: center
}

.homepage-v4 .visit-us .form {
    padding-right: 60px;
    position: relative;
    width: 50%
}

.homepage-v4 .visit-us .form .button-v4 {
    width: 320px;
    max-width: 100%
}

.brands-v4 li a .nyt,
.homepage-v4 .visit-us .text-v4 {
    margin-top: 5px
}

.homepage-v4 .visit-us .tablet-heading {
    display: none
}

.homepage-v4 .visit-us .graphics {
    position: absolute;
    left: 50%;
    top: calc(50% - 290px);
    height: 580px;
    width: calc(50% - 58px);
    background: no-repeat url(//helixcontent1.com//homepage/visit.jpg) center center/cover
}

.homepage-v4 .visit-us .graphics .color-overlay {
    background: #71aed2
}

.homepage-v4 .visit-us .graphics .city-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 258px;
    max-width: 'calc(100% - 100px)';
    transform: translate3d(-50%, -50%, 0)
}

@media (max-width: 1120px) {
    .homepage-v4 .meet > div.image {
        width: 50%;
        height: 330px;
        background: no-repeat url(//helixcontent1.com//homepage/hero-meet-tablet.jpg) center center/cover
    }

    .homepage-v4 .meet > div:not(.image) {
        width: 50%;
        padding: 25px
    }

    .homepage-v4 .personalized > div {
        display: block
    }

    .homepage-v4 .personalized .box {
        width: auto;
        display: block
    }

    .homepage-v4 .media-reviews-v4 {
        width: auto;
        padding: 0;
        margin: 50px 0
    }

    .homepage-v4 .media-reviews-v4 ul {
        font-size: 0;
        padding: 0 12px
    }

    .homepage-v4 .media-reviews-v4 ul li {
        display: inline-block;
        width: 50%;
        vertical-align: top;
        box-sizing: border-box
    }

    .homepage-v4 .media-reviews-v4 ul li:first-child {
        padding-right: 20px
    }

    .homepage-v4 .media-reviews-v4 ul li:nth-child(2) {
        padding-left: 20px
    }

    .homepage-v4 .media-reviews-v4 ul li:last-child {
        display: none
    }

    .homepage-v4 .media-reviews-v4 ul li:not(:last-child) {
        margin-bottom: 0
    }

    .homepage-v4 .visit-us .daytime-border {
        padding: 25px 0 40px
    }

    .homepage-v4 .visit-us .tablet-heading {
        display: block;
        text-align: center;
        margin-bottom: 20px
    }

    .homepage-v4 .visit-us .graphics {
        position: relative;
        width: auto;
        top: auto;
        left: auto
    }

    .homepage-v4 .visit-us .form {
        padding-right: 0;
        width: auto
    }

    .homepage-v4 .visit-us .form .text-v4,
    .homepage-v4 .visit-us .form .title-v4 {
        display: none
    }

    .homepage-v4 .visit-us .form fieldset {
        font-size: 0
    }

    .homepage-v4 .visit-us .form fieldset dl {
        display: inline-block;
        width: calc(50% - 15px);
        box-sizing: border-box;
        max-width: none
    }

    .homepage-v4 .visit-us .form fieldset dl:nth-child(odd) {
        margin-right: 30px
    }

    .homepage-v4 .visit-us .form .button-v4 {
        width: 100%
    }
}

@media (max-width: 980px) {
    .homepage-v4 .cross-sell ul li {
        padding: 40px 30px 50px
    }

    .homepage-v4 .cross-sell ul li .title-v4 {
        font-size: 24px;
        line-height: 28px
    }

    .homepage-v4 .cross-sell ul li .text-v4 {
        margin-top: 5px;
        font-size: 16px;
        line-height: 24px;
        max-width: 260px
    }

    .homepage-v4 .cross-sell ul li .learn-more-v4 {
        margin-top: 15px
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-image,
    .homepage-v4:not(.vanity-v4) .hero .hero-text {
        width: 50%
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-image {
        left: 50%;
        background-position: center right 18%
    }
}

@media (max-width: 880px) {
    .homepage-v4:not(.vanity-v4) .hero .hero-image {
        background: no-repeat url(//helixcontent1.com/homepage/hero-image__laptop.jpg) center center/cover
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-text h1 {
        font-size: 50px;
        line-height: 55px
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-text p {
        margin: 10px 0 15px
    }
}

@media (max-width: 800px) {
    .homepage-v4 .reviews-list > li {
        width: 50%;
        padding-right: 10px
    }

    .homepage-v4 .reviews-list > li:last-child {
        display: none
    }
}

@media (max-width: 680px) {
    .homepage-v4:not(.vanity-v4) .hero {
        height: auto;
        margin-top: 0;
        border-top: none;
        margin-left: -18px;
        margin-right: -18px
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-image {
        background: no-repeat url(//helixcontent1.com/homepage/hero-image__mobile-l.jpg) center center/cover;
        position: relative;
        width: auto;
        left: auto;
        top: auto
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-text {
        width: auto;
        height: auto
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-text h1 {
        font-size: 40px;
        line-height: 45px;
        margin-top: 20px
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-text p {
        margin-top: 10px;
        margin-bottom: 15px
    }

    .homepage-v4 .title-v4 {
        font-size: 30px;
        line-height: 38px
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-image {
        height: 220px
    }

    .homepage-v4:not(.vanity-v4) .hero .hero-text {
        padding: 0 18px
    }

    .homepage-v4 .text-v4 {
        line-height: 28px
    }

    .homepage-v4 .meet > div,
    .homepage-v4 .text-v4.mobile {
        display: block
    }

    .homepage-v4 .step-list .step,
    .homepage-v4 .visit-us .form fieldset dl {
        width: auto;
        display: block
    }

    .homepage-v4 .step-list .step:not(:last-child) {
        border-bottom: 2px solid
    }

    .homepage-v4 .personalized .box .highlight .text-v4,
    .homepage-v4 .step-list .step-border-1,
    .homepage-v4 .step-list .step-border-2 {
        display: none
    }

    .homepage-v4 .cross-sell .box-title {
        font-size: 30px;
        line-height: 38px
    }

    .homepage-v4 .cross-sell ul li {
        display: block;
        width: auto
    }

    .homepage-v4 .meet > div.image,
    .homepage-v4 .meet > div:not(.image) {
        width: auto
    }

    .homepage-v4 .reviews-list,
    .homepage-v4 .wrapper-v4.mobile .reviews-list {
        margin: 40px 0
    }

    .homepage-v4 .reviews-list > li {
        width: auto;
        display: block;
        padding-right: 0
    }

    .homepage-v4 .reviews-list > li:first-child {
        display: none
    }

    .homepage-v4 .reviews-list > li:nth-child(2) {
        padding-left: 0
    }

    .homepage-v4 .wrapper-v4.mobile .reviews-list > li:first-child,
    .homepage-v4 .wrapper-v4.mobile .reviews-list > li:last-child {
        display: block
    }

    .homepage-v4 .personalized .box .text-v4.mobile {
        background: #fff9f4;
        padding: 25px;
        border-top: 2px solid;
        border-bottom: 2px solid
    }

    .homepage-v4 .personalized .box ul > li {
        display: block;
        width: auto;
        padding: 35px 30px
    }

    .homepage-v4 .personalized .box ul > li:first-child {
        padding-bottom: 0;
        margin-bottom: 40px
    }

    .homepage-v4 .personalized .box ul > li:last-child {
        padding-top: 0
    }

    .homepage-v4 .wrapper-v4-bord .media-reviews-v4 ul li:first-child {
        padding-left: 20px;
        padding-right: 20px
    }

    .homepage-v4 .media-reviews-v4 {
        margin: 50px 0 35px
    }

    .homepage-v4 .media-reviews-v4 ul {
        padding: 0
    }

    .homepage-v4 .media-reviews-v4 ul li {
        padding-right: 0;
        width: auto
    }

    .homepage-v4 .media-reviews-v4 ul li:first-child {
        padding-right: 0
    }

    .homepage-v4 .media-reviews-v4 ul li:nth-child(2) {
        display: none
    }

    .homepage-v4 .media-reviews-v4.mobile {
        display: block
    }

    .homepage-v4 .media-reviews-v4.mobile ul li:last-child {
        display: block
    }

    .homepage-v4 .visit-us .graphics {
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        height: 250px
    }

    .homepage-v4 .visit-us .graphics .city-logo {
        width: 126px
    }

    .homepage-v4 .visit-us .form fieldset dl:nth-child(odd) {
        margin-right: auto
    }
}

@media (max-width: 400px) {
    .homepage-v4:not(.vanity-v4) .hero .hero-image {
        background-position: center center
    }
}

.about .title-small {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    margin: 15px auto 5px;
    -webkit-font-smoothing: antialiased
}

.about .text-small {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased
}

.about .select-list {
    background: #fff
}

.about .select-list.in-sizing form ul li {
    width: calc(100% / 6)
}

.about .select-list .selected-option.tablet {
    display: none;
    text-align: center;
    width: 400px;
    max-width: 100%;
    padding-top: 30px;
    margin: 0 auto
}

.about .select-list .selected-option.tablet img {
    display: inline-block;
    height: 75px;
    width: auto
}

.about .select-list form {
    margin-top: 20px;
    border-top: 2px solid;
    padding: 30px
}

.about .select-list form .select-holder {
    display: none;
    width: 335px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box
}

.about .select-list form .options-sign {
    position: absolute;
    top: 28px;
    right: 20px;
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-top: #222 8px solid;
    border-left: transparent 7px solid;
    border-right: transparent 7px solid;
    z-index: 2
}

.about .select-list form select {
    height: 64px;
    width: 100%;
    padding: 0 54px 0 20px;
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    border-radius: 0;
    transition: all 300ms
}

.about .select-list form > ul {
    font-size: 0;
    display: flex;
    justify-content: space-between
}

.about .select-list form > ul li {
    display: inline-block;
    width: 234px;
    cursor: pointer
}

.about .select-list form > ul li input,
.forms-v4 form .form-box .image-input-holder input {
    position: absolute;
    opacity: 0;
    left: -9999px
}

.about .select-list form > ul li input:checked + label {
    background: #fff9f4
}

.about .select-list form > ul li label {
    cursor: pointer;
    text-align: center;
    display: block;
    padding: 25px 20px 20px;
    transition: all 300ms
}

.about .select-list form > ul li label img {
    height: 75px;
    width: auto
}

.about .highlights {
    background: #fff;
    text-align: center
}

.about .highlights .title-big-v4 {
    margin-bottom: 10px
}

.about .highlights .button-v4 {
    margin: 0 auto 40px
}

.about .highlights .container {
    font-size: 0;
    text-align: center;
    display: block
}

.about .highlights .container .holder {
    width: calc((100% - 40px) / 3);
    background: #fff;
    display: inline-block;
    color: #71aed2;
    padding: 40px 10px 50px;
    box-sizing: border-box;
    vertical-align: top
}

.about .highlights .container .holder:not(:last-child) {
    margin-right: 20px
}

.about .highlights .container .holder .learn-more-v4 {
    color: #222;
    margin-top: 10px
}

.about .highlights .container .holder .learn-more-v4 span,
.about .learn-more-v4 span,
.about .work .tiles .tile-row .tile .learn-more-v4 span {
    background: #222
}

.about .highlights .container .holder img {
    height: 55px;
    width: auto
}

.about .highlights .container .holder a {
    color: #fff
}

.about .highlights .container .holder .text-small {
    line-height: 26px
}

.about .middled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    z-index: 3
}

.about .how-steps {
    background-color: #fff
}

.about .how-steps .title-big-v4 {
    margin-top: 20px
}

.about .how-steps ul {
    font-size: 0
}

.about .how-steps ul li {
    background: #fff9f4;
    position: relative;
    padding: 30px
}

.about .how-steps ul li .learn-more-v4 {
    font-size: 18px
}

.about .how-steps ul li:not(:last-child) {
    border-bottom: none
}

.about .how-steps ul li:nth-child(odd) {
    text-align: right
}

.about .how-steps ul li:nth-child(odd) .middled {
    top: 0;
    left: 0;
    padding-left: 60px;
    padding-right: 80px
}

.about .how-steps ul li:nth-child(even) {
    text-align: left
}

.about .how-steps ul li:nth-child(even) .middled {
    top: 0;
    right: 0;
    left: auto;
    padding-right: 60px;
    padding-left: 80px
}

.about .how-steps ul li .middled {
    width: 50%;
    padding: 30px;
    text-align: left;
    align-items: flex-start;
    box-sizing: border-box
}

.about .how-steps ul li .img-holder {
    display: inline-block;
    width: calc(50% - 30px);
    position: relative
}

.about .full-width-section > ul li .img-holder img,
.about .hero-box ul li img,
.about .how-steps ul li .img-holder img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.about .how-steps ul li .num {
    position: absolute;
    font-size: 140px;
    font-weight: 900;
    color: #fff;
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0)
}

.about .how-steps ul li .title-v4 {
    margin-bottom: 10px
}

.about .how-steps .ready-holder {
    padding: 60px 0 48px;
    text-align: center
}

.about .how-steps .ready-holder .title-big-v4 {
    margin-top: 0;
    margin-bottom: 20px
}

.about .learn-more-v4 {
    color: #222
}

.about .wrapper-v4-bord.mobile {
    display: none
}

@media (max-width: 1120px) {
    .about .mt-0-tab {
        margin-top: 0
    }

    .about .mt-0-tab .select-list form {
        padding-top: 0;
        padding-bottom: 40px
    }

    .about .mt-0-tab .select-list form.padded-tablet {
        padding-top: 36px
    }

    .about .select-list.in-sizing {
        margin-left: -30px;
        margin-right: -30px;
        border-left: none;
        border-right: none
    }

    .about .select-list.in-sizing form {
        padding: 0
    }

    .about .select-list.in-sizing form ul {
        white-space: nowrap;
        overflow: auto;
        padding: 30px 45px
    }

    .about .select-list.in-sizing form ul li {
        width: 180px
    }

    .about .select-list:not(.in-sizing) {
        border: none
    }

    .about .select-list:not(.in-sizing) .selected-option.tablet,
    .about .select-list:not(.in-sizing) form .select-holder {
        display: block
    }

    .about .select-list:not(.in-sizing) form {
        margin-top: 0;
        border-top: none;
        padding: 20px 0
    }

    .about .select-list:not(.in-sizing) form > ul {
        display: none
    }

    .about .title-big {
        font-size: 50px
    }

    .about .highlights .container {
        display: block
    }

    .about .highlights .container .holder {
        width: auto;
        max-width: 560px;
        margin: 0 auto;
        display: block;
        padding-bottom: 40px
    }

    .about .highlights .container .holder:not(:last-child) {
        margin-right: auto;
        margin-bottom: 10px
    }

    .about .how-steps ul li:nth-child(odd) .middled {
        padding-right: 70px;
        padding-left: 30px
    }

    .about .how-steps ul li:nth-child(even) .middled {
        padding-left: 40px
    }

    .about .how-steps ul li .title-v4 {
        font-size: 30px;
        line-height: 36px
    }

    .about .how-steps ul li .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .about .how-steps ul li .num {
        font-size: 80px
    }

    .about .how-steps .ready-holder {
        padding: 50px 0 36px
    }

    .about .how-steps .ready-holder .title-big-v4 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 15px
    }
}

@media (max-width: 680px) {
    .about:not(.try-v4) .title-v4 {
        font-size: 30px;
        line-height: 36px
    }

    .about:not(.try-v4) .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .about .select-list form {
        padding-bottom: 0
    }

    .about .mt-0-tab .select-list form {
        padding-bottom: 30px
    }

    .about .mt-0-tab .select-list form.padded-tablet {
        padding-top: 26px
    }

    .about .how-steps ul li {
        padding: 0
    }

    .about .how-steps ul li:nth-child(even),
    .about .how-steps ul li:nth-child(odd) {
        text-align: left
    }

    .about .how-steps ul li:nth-child(even) .middled,
    .about .how-steps ul li:nth-child(odd) .middled {
        top: auto;
        left: auto;
        right: auto;
        position: relative;
        display: block;
        width: auto;
        height: auto;
        padding-left: 30px;
        padding-right: 30px
    }

    .about .how-steps ul li:nth-child(even) .img-holder,
    .about .how-steps ul li:nth-child(odd) .img-holder {
        width: 100%
    }

    .about .how-steps ul li:not(:last-child) {
        margin-bottom: 20px;
        border-bottom: 2px solid
    }

    .about .how-steps .ready-holder {
        padding: 40px 0 26px
    }

    .about .how-steps .ready-holder .title-big-v4 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px
    }
}

.about .hero-box {
    background: #fff9f4
}

.about .hero-box ul {
    margin-bottom: 20px;
    font-size: 0
}

.about .hero-box ul li {
    display: inline-block;
    width: calc((100% - 40px) / 3);
    vertical-align: middle
}

.about .hero-box ul li:not(:last-child),
.about .materials > ul > li:not(:last-child) {
    margin-right: 20px
}

.about .hero-box .hero,
.about .hero-box .text-box img {
    margin: 0 auto;
    height: auto;
    vertical-align: middle;
    width: 100%
}

.about .hero-box .hero.mobile,
.about .hero-box .hero.tablet {
    display: none
}

.about .hero-box .text-box {
    color: #fff9f4;
    padding: 75px 60px;
    text-align: center
}

.about .hero-box .text-box img {
    width: 80px
}

.about .hero-box .text-box img.in-sizing {
    width: 100px
}

.about .hero-box .text-box .title-big-v4 {
    margin-top: 25px;
    margin-bottom: 10px;
    font-size: 60px;
    line-height: 66px;
    -webkit-font-smoothing: antialiased
}

.about .hero-box .text-box .text-v4 {
    max-width: 100%;
    width: 860px;
    font-size: 24px;
    line-height: 34px;
    -webkit-font-smoothing: antialiased;
    margin: 0 auto
}

.about .box-title {
    line-height: 50px;
    border-bottom: solid 2px;
    background: #fff9f4;
    padding: 20px 25px
}

.about .materials {
    background: #fff
}

.about .materials > ul {
    font-size: 0;
    padding: 30px 30px 0;
    display: flex
}

.about .materials > ul > li {
    flex: calc((100% - 40px) / 3);
    width: calc((100% - 40px) / 3)
}

.about .materials > ul > li > div {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.about .materials > ul > li .icon-holder {
    position: relative;
    height: 0;
    text-align: center;
    padding-bottom: 100%
}

.about .materials > ul > li .icon-holder .ico {
    position: absolute;
    top: 45%;
    left: 50%;
    width: 146px;
    margin-top: -73px;
    margin-left: -73px
}

.about .materials > ul > li .icon-holder .ico .text-v4 {
    text-align: center;
    font-weight: 700;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    margin: 15px auto 0
}

.about .materials > ul > li .material-text .text-small {
    line-height: 24px
}

.about .materials > ul > li .material-data {
    margin-top: 35px
}

.about .materials > ul > li .material-data li {
    height: 90px;
    font-weight: 400;
    position: relative
}

.about .materials > ul > li .material-data li:first-child {
    background: #fff9f4
}

.about .materials > ul > li .material-data li span {
    position: absolute;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate3d(0, -50%, 0);
    box-sizing: border-box
}

.about .images-ul {
    background: #fff;
    font-size: 0;
    display: flex
}

.about .images-ul li {
    display: inline-block;
    vertical-align: middle;
    flex: calc((100% - 20px) / 2)
}

.about .images-ul li:first-child {
    margin-right: 20px
}

.about .images-ul li .text-small {
    padding: 25px;
    color: #fff
}

.about .hybrid-mattress .text-content {
    background: #fff;
    padding: 30px;
    font-size: 0
}

.about .hybrid-mattress .text-content img {
    display: inline-block;
    width: 42%;
    height: auto;
    vertical-align: middle
}

.about .hybrid-mattress .text-content img:not(.desktop) {
    display: none
}

.about .hybrid-mattress .text-content p {
    display: inline-block;
    width: 58%;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 40px
}

@media (min-width: 1120px) {
    .about .materials > ul > li:first-child .material-data {
        margin-left: -30px;
        margin-right: -10px
    }

    .about .materials > ul > li:first-child .material-data li span {
        padding-left: 30px;
        padding-right: 10px
    }

    .about .materials > ul > li:nth-child(2) .material-data {
        margin-left: -10px;
        margin-right: -10px
    }

    .about .materials > ul > li:nth-child(2) .material-data li span {
        padding-left: 10px;
        padding-right: 10px
    }

    .about .materials > ul > li:nth-child(3) .material-data {
        margin-left: -10px;
        margin-right: -30px
    }

    .about .materials > ul > li:nth-child(3) .material-data li span {
        padding-left: 10px;
        padding-right: 30px
    }
}

@media (max-width: 1120px) {
    .about .hero-box {
        background: #fff;
        margin-left: -30px;
        margin-right: -30px
    }

    .about .hero-box ul {
        margin-bottom: 15px
    }

    .about .hero-box ul li {
        width: calc((100% - 15px) / 2)
    }

    .about .hero-box ul li:first-child {
        display: none
    }

    .about .hero-box ul li:not(:last-child) {
        margin-right: 15px
    }

    .about .hero-box .hero:not(.tablet) {
        display: none
    }

    .about .hero-box .hero.tablet,
    .about .materials > ul {
        display: block
    }

    .about .hero-box .text-box {
        padding: 45px
    }

    .about .hero-box .text-box .title-big-v4 {
        line-height: 48px;
        font-size: 40px
    }

    .about .hero-box .text-box .text-v4 {
        font-size: 20px;
        line-height: 30px
    }

    .about .hero-box .text-box img.in-sizing {
        width: 76px
    }

    .about .materials > ul > li {
        flex: none;
        width: auto
    }

    .about .materials > ul > li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px
    }

    .about .materials > ul > li > div {
        height: auto;
        display: block
    }

    .about .materials > ul > li .material-desc {
        font-size: 0
    }

    .about .materials > ul > li .material-desc > div {
        display: inline-block;
        width: calc(50% - 15px);
        vertical-align: middle;
        position: relative
    }

    .about .materials > ul > li .icon-holder {
        padding-bottom: calc(50% - 15px);
        margin-right: 30px
    }

    .about .materials > ul > li .material-data {
        margin: 30px -30px 0
    }

    .about .materials > ul > li .material-data li {
        padding: 0 30px;
        height: auto
    }

    .about .materials > ul > li .material-data li span {
        position: relative;
        padding: 20px 0;
        top: auto;
        left: auto;
        transform: translate3d(0, 0, 0)
    }

    .about .hybrid-mattress .text-content img {
        width: 100%;
        margin-bottom: 20px
    }

    .about .hybrid-mattress .text-content img.desktop {
        display: none
    }

    .about .hybrid-mattress .text-content img:not(.desktop) {
        display: block
    }

    .about .hybrid-mattress .text-content p {
        display: block;
        width: auto;
        padding-left: 0;
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 680px) {
    .about .box-title {
        font-size: 30px;
        line-height: 35px;
        padding: 15px 20px
    }

    .about .hero-box ul {
        margin-bottom: 0
    }

    .about .hero-box ul li {
        display: block;
        width: auto
    }

    .about .hero-box ul li:nth-child(2) {
        display: none
    }

    .about .hero-box .hero:not(.mobile) {
        display: none
    }

    .about .hero-box .hero.mobile,
    .about .hybrid-mattress .text-content img.desktop {
        display: block
    }

    .about .hero-box .text-box {
        padding: 45px 30px 40px
    }

    .about .hero-box .text-box img {
        width: 65px
    }

    .about .hero-box .text-box .title-big-v4 {
        font-size: 30px;
        line-height: 36px;
        margin-top: 20px;
        margin-bottom: 10px
    }

    .about .hero-box .text-box .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .about .materials > ul {
        padding: 20px 20px 0
    }

    .about .materials > ul > li:not(:last-child) {
        margin-bottom: 20px
    }

    .about .materials > ul > li .material-desc > div {
        width: auto;
        display: block
    }

    .about .materials > ul > li .icon-holder {
        padding-bottom: 100%;
        margin-right: 0
    }

    .about .materials > ul > li .icon-holder .ico .text-v4 {
        margin-top: 20px
    }

    .about .materials > ul > li .material-data {
        margin: 25px -20px 0
    }

    .about .materials > ul > li .material-data li {
        padding: 0 20px
    }

    .about .hybrid-mattress .text-content img:not(.desktop) {
        display: none
    }

    .about .wrapper-v4-bord .images-ul,
    .about .wrapper-v4-bord.mobile {
        display: block
    }

    .about .wrapper-v4-bord .images-ul li {
        margin-left: -18px;
        margin-right: -18px;
        display: block;
        width: auto
    }

    .about .wrapper-v4-bord .images-ul li:first-child {
        margin-right: -18px;
        flex: none
    }

    .about .wrapper-v4-bord .images-ul li:nth-child(2) {
        display: none
    }
}

.about .values-highlight {
    display: flex;
    background: #fff
}

.about .values-highlight li {
    flex: calc((100% - 25px) / 2);
    width: calc((100% - 25px) / 2);
    flex-grow: 0;
    background: #fff9f4;
    padding: 40px
}

.about .values-highlight li:first-child {
    margin-right: 25px
}

.about .values-highlight li .title-v4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px
}

.about .full-width-section {
    background: #fff;
    padding-top: 52px;
    margin-top: 20px;
    border-bottom: 12px solid #fff
}

.about .full-width-section.in-sizing {
    padding-top: 12px
}

.about .full-width-section.in-sizing > ul {
    margin-top: 0
}

.about .full-width-section.in-sizing > ul li:nth-child(odd) {
    background: #fff
}

.about .full-width-section > .text-v4 {
    font-size: 24px;
    line-height: 30px;
    text-align: center
}

.about .full-width-section .title-big-v4 {
    margin-top: 0;
    margin-bottom: 10px
}

.about .full-width-section > ul {
    margin-top: 45px
}

.about .full-width-section > ul li {
    display: block;
    border-bottom: 2px solid;
    position: relative;
    padding: 45px 0
}

.about .full-width-section > ul li:first-child {
    border-top: 2px solid
}

.about .full-width-section > ul li:nth-child(odd) {
    background: #fff9f4;
    text-align: right
}

.about .full-width-section > ul li:nth-child(odd) .middled {
    top: 0;
    left: 40px
}

.about .full-width-section > ul li:nth-child(even) {
    text-align: left
}

.about .full-width-section > ul li:nth-child(even) .middled {
    top: 0;
    right: 40px;
    left: auto
}

.about .full-width-section > ul li .wrapper {
    max-width: 1180px;
    position: relative;
    padding: 0 40px
}

.about .full-width-section > ul li .middled {
    width: calc(50% - 70px);
    text-align: left;
    align-items: flex-start;
    box-sizing: border-box;
    padding-right: 70px
}

.about .full-width-section > ul li .img-holder {
    display: inline-block;
    width: calc(50% - 30px);
    position: relative
}

.about .full-width-section > ul li .title-v4,
.about .split-section .middled .title-v4 {
    margin-bottom: 10px
}

@media (max-width: 1120px) {
    .about .values-highlight li {
        width: calc((100% - 15px) / 2);
        padding: 30px
    }

    .about .values-highlight li:first-child {
        margin-right: 15px
    }

    .about .values-highlight li .title-v4 {
        font-size: 20px;
        line-height: 24px
    }

    .about .values-highlight li .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .about .full-width-section {
        padding-top: 35px
    }

    .about .full-width-section > .text-v4 {
        font-size: 20px
    }

    .about .full-width-section .title-big-v4 {
        font-size: 40px;
        line-height: 46px
    }

    .about .full-width-section > ul {
        margin-top: 35px
    }

    .about .full-width-section > ul li .title-v4 {
        font-size: 30px;
        line-height: 36px
    }

    .about .full-width-section > ul li .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .about .full-width-section > ul li .middled {
        padding-right: 10px
    }
}

@media (max-width: 680px) {
    .about .values-highlight {
        display: block
    }

    .about .values-highlight li {
        width: auto;
        display: block
    }

    .about .values-highlight li:first-child {
        margin-right: 0;
        margin-bottom: 15px
    }

    .about .full-width-section .title-big-v4 {
        font-size: 30px;
        line-height: 36px
    }

    .about .full-width-section > .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .about .full-width-section > ul {
        margin-top: 20px
    }

    .about .full-width-section > ul li:nth-child(even) .middled,
    .about .full-width-section > ul li:nth-child(odd) .middled {
        top: auto;
        left: auto;
        right: auto
    }

    .about .full-width-section > ul li .wrapper {
        padding: 0 30px
    }

    .about .full-width-section > ul li .img-holder {
        width: auto;
        display: block
    }

    .about .full-width-section > ul li .middled {
        margin-top: 25px;
        width: auto;
        display: block;
        position: relative
    }
}

.about .split-section {
    text-align: right;
    position: relative;
    background: #fff
}

.about .split-section img {
    width: 50%;
    height: auto
}

.about .split-section .middled {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 50%;
    text-align: left;
    align-items: flex-start;
    padding: 30px 60px 30px 30px;
    box-sizing: border-box
}

.about .with-reviews {
    font-size: 0
}

.about .with-reviews > div {
    display: inline-block;
    width: calc(100% - 370px);
    background: #fff;
    vertical-align: middle;
    box-sizing: border-box
}

.about .with-reviews > div .text-content {
    padding: 35px
}

.about .with-reviews > div .text-content img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.about .with-reviews .photo-bg {
    width: 100%;
    height: 400px;
    background: no-repeat url(//helixcontent1.com//about-v4/who/4.jpg) center center/cover;
    margin-bottom: 20px
}

.about .with-reviews .reviews-list-v4 {
    padding-left: 38px
}

.about .founders {
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff;
    padding: 70px 0
}

.about .founders .wrapper-v4-small {
    max-width: 860px;
    padding: 0 38px
}

.about .founders img,
.about .work .tile-mobile img {
    width: 100%;
    height: auto
}

.about .founders .text-v4,
.about .founders .title-v4 {
    color: #fff;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.about .founders .title-v4 {
    margin-bottom: 5px;
    margin-top: 30px
}

.about .work {
    margin-top: 20px;
    background: #fff;
    padding: 50px 0;
    text-align: center
}

.about .work .tile-mobile {
    display: none
}

.about .work .tiles {
    margin-top: 25px;
    font-size: 0
}

.about .work .tiles .tile-row {
    display: flex
}

.about .work .tiles .tile-row .tile {
    flex: 0 0 25%;
    width: 25%;
    position: relative;
    color: #71aed2;
    height: 294px;
    background: center center no-repeat/cover;
    max-width: 50%;
    flex-grow: 0
}

.about .work .tiles .tile-row .tile.see-all-openings {
    flex-grow: 50
}

.about .work .tiles .tile-row .tile.color-dark .job-title,
.about .work .tiles .tile-row .tile.color-dark .location,
.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li.selected a {
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.about .work .tiles .tile-row .tile .middled {
    padding: 20px;
    box-sizing: border-box
}

.about .work .tiles .tile-row .tile .job-title {
    font-weight: 700
}

.about .work .tiles .tile-row .tile .location {
    font-weight: 400;
    font-size: 16px
}

.about .work .tiles .tile-row .tile .learn-more-v4 {
    color: #222;
    margin-top: 0
}

@media (max-width: 1120px) {
    .about:not(.try-v4) .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .about .split-section .middled .title-v4 {
        font-size: 30px;
        line-height: 40px
    }

    .about .split-section img {
        margin-right: 13px;
        width: calc(50% - 13px)
    }

    .about .with-reviews > div {
        width: auto;
        display: block
    }

    .about .with-reviews .reviews-list-v4 {
        display: block;
        width: auto;
        margin: 60px auto 50px;
        font-size: 0
    }

    .about .with-reviews .reviews-list-v4 li {
        display: inline-block;
        width: calc(50% - 10px)
    }

    .about .with-reviews .reviews-list-v4 li:nth-child(2) {
        padding-left: 20px
    }

    .about .with-reviews .reviews-list-v4 li:not(:last-child) {
        padding-bottom: 0
    }

    .about .founders .text-v4 {
        max-width: 560px;
        margin: 0 auto
    }

    .about .work .tiles {
        margin-left: -28px;
        margin-right: -28px
    }

    .about .work .tiles .tile-row {
        flex-wrap: wrap
    }

    .about .work .tiles .tile-row .tile {
        width: 50%;
        flex: 0 0 50%
    }
}

@media (max-width: 680px) {
    .about .split-section img {
        margin-right: 0;
        display: block;
        width: 100%
    }

    .about .split-section .middled {
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        width: auto;
        padding: 20px 0 10px
    }

    .about .with-reviews > div .text-content {
        padding: 20px
    }

    .about .with-reviews .reviews-list-v4 {
        padding: 0 40px
    }

    .about .with-reviews .reviews-list-v4 > li {
        width: auto;
        display: block
    }

    .about .with-reviews .reviews-list-v4 > li:nth-child(2) {
        display: none
    }

    .about .with-reviews .photo-bg {
        height: 250px;
        background-position: top center
    }

    .about .work {
        padding: 25px 0 38px
    }

    .about .work .tiles {
        margin-left: -18px;
        margin-right: -18px
    }
}

@media (max-width: 420px) {
    .about .work .tiles .tile-row .tile {
        flex: 0 0 100%;
        width: 100%;
        max-width: none
    }
}

.quiz {
    background: #fff9f4;
    padding: 50px 0 75px
}

.quiz .personalize-flow {
    padding: 0
}

.quiz .text-v4,
.quiz .title-v4 {
    text-align: center
}

.quiz .text-v4 {
    margin-top: 15px;
    padding: 0 60px
}

.quiz form {
    margin-top: 30px;
    border: 2px solid #71aed2;
    background: #fff
}

.quiz li:nth-child(2) .avatar-ico {
    background: #222
}

.quiz ul:not(.list) {
    font-size: 0
}

.quiz ul:not(.list) > li {
    position: relative;
    padding: 35px 30px 40px;
    box-sizing: border-box;
    width: 50%;
    display: inline-block;
    vertical-align: top
}

.quiz ul:not(.list) > li:first-child {
    border-right: 1px solid #71aed2
}

.quiz ul:not(.list) > li:nth-child(2) {
    border-left: 1px solid #71aed2
}

.quiz ul:not(.list) > li:nth-child(2) .avatar-ico {
    background: #222
}

.quiz ul:not(.list) > li dl {
    width: 100%
}

.quiz ul:not(.list) > li dl:last-child {
    margin-bottom: 0
}

.quiz ul:not(.list) > li dl.half-size {
    width: calc((100% - 15px) / 2);
    max-width: calc(305px / 2);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.quiz ul:not(.list) > li dl.half-size.height-inches {
    margin-left: 14px
}

.quiz .avatar-ico {
    position: relative;
    width: 94px;
    height: 94px;
    background: #71aed2;
    border-radius: 50%;
    margin: 0 auto
}

.quiz .avatar-ico:after {
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border-radius: 50%;
    box-sizing: border-box;
    border: 4px solid #fff;
    content: '';
    display: block
}

.quiz .avatar-ico img {
    position: relative;
    width: 100%;
    height: auto;
    display: block
}

.quiz .submit-holder {
    text-align: center;
    border-top: 2px solid #71aed2;
    padding: 30px
}

.quiz .remove-partner-v4 {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    cursor: pointer
}

.quiz .remove-partner-v4::after,
.quiz .remove-partner-v4::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 2px;
    background: #71aed2;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -10px
}

.quiz .remove-partner-v4::before {
    transform: rotate(45deg)
}

.quiz .remove-partner-v4::after {
    transform: rotate(-45deg)
}

.quiz .add-partner-v4 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .95);
    z-index: 10
}

.quiz .add-partner-v4 > div {
    position: absolute;
    top: calc(50% - 11px);
    left: 0;
    width: 100%;
    display: block;
    text-align: center
}

.quiz .add-partner-v4.not-shown {
    left: -9999px;
    opacity: 0;
    transition: opacity 600ms, left 0ms 600ms
}

@media (max-width: 680px) {
    .quiz .text-v4 {
        padding: 0;
        font-size: 16px;
        line-height: 24px
    }

    .quiz ul:not(.list) > li {
        display: block;
        width: auto
    }

    .quiz ul:not(.list) > li:first-child {
        border-right: none
    }

    .quiz ul:not(.list) > li:last-child {
        border-left: none;
        border-top: 2px solid #71aed2
    }

    .quiz ul:not(.list) > li:last-child fieldset {
        display: none
    }

    .quiz .submit-holder input[type=submit] {
        display: none
    }

    .quiz .submit-holder input[type=submit].mobile {
        display: block;
        width: 100%
    }
}

.napcity {
    margin-top: 40px;
    padding: 40px 0 60px;
    font-size: 0;
    background-color: #fff
}

.napcity .parts-holder {
    display: flex
}

.napcity .parts-holder .part-1 {
    flex: 60%
}

.napcity .parts-holder .part-2 {
    flex: 40%
}

.napcity .parts-holder .part-2 > .subpart-holder.mobile,
.napcity .parts-holder .subpart-4.mobile {
    display: none
}

.napcity .parts-holder .subpart-holder {
    display: flex
}

.napcity .parts-holder .subpart-4 img {
    height: auto;
    width: 100%;
    vertical-align: middle;
    display: block
}

.napcity .parts-holder .text-content {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    line-height: 72px
}

.napcity .parts-holder .text-content.hashtag {
    top: calc(75% - 36px);
    font-weight: 900;
    color: #fff9f4;
    font-size: 32px;
    letter-spacing: 2px;
    -webkit-font-smoothing: antialiased
}

.napcity .parts-holder .text-content:not(.hashtag) {
    top: calc(50% - 30px)
}

.napcity .parts-holder .subpart-1 {
    flex: 66.66%
}

.napcity .parts-holder .subpart-1 img,
.napcity .parts-holder .subpart-2 img,
.napcity .parts-holder .subpart-3 img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    display: block
}

.napcity .parts-holder .social {
    font-size: 64px;
    line-height: 72px
}

.napcity .parts-holder .subpart-2 {
    flex: 33.33%;
    position: relative
}

.napcity .parts-holder .subpart-2.tablet {
    display: none
}

.napcity .parts-holder .subpart-2.hashtag-holder {
    background: #222
}

.napcity .parts-holder .subpart-2.twitter {
    background: #78b399;
    color: #fff9f4
}

.napcity .parts-holder .subpart-2.facebook {
    background: #fdf4ec;
    color: #71aed2
}

.napcity .parts-holder .subpart-3 {
    flex: 50%;
    position: relative
}

.napcity .parts-holder .subpart-3.instagram {
    background: #a8bdc1;
    color: #fff9f4
}

@media (max-width: 1120px) {
    .napcity {
        padding: 30px 0 50px
    }

    .napcity .parts-holder {
        display: block
    }

    .napcity .parts-holder .part-1 {
        display: block;
        flex: none;
        width: 100%
    }

    .napcity .parts-holder .part-2 {
        display: flex
    }

    .napcity .parts-holder .part-2 > .subpart-holder {
        flex: 33.33%
    }

    .napcity .parts-holder .subpart-3 {
        display: none
    }

    .napcity .parts-holder .subpart-2.tablet.instagram {
        display: block;
        background: #a8bdc1
    }

    .napcity .parts-holder .subpart-2.tablet.instagram .text-content:not(.hashtag) {
        top: calc(75% - 30px)
    }

    .napcity .parts-holder .subpart-2.tablet.instagram .text-content:not(.hashtag) .fa {
        font-size: 64px;
        line-height: 72px;
        color: #fff9f4
    }

    .napcity .parts-holder .subpart-4 {
        flex: 66.66%
    }
}

@media (max-width: 680px) {
    .napcity {
        margin-left: -18px;
        margin-right: -18px;
        width: calc(100% + 36px);
        padding-bottom: 0
    }

    .napcity .parts-holder .part-2,
    .napcity .parts-holder .subpart-holder a,
    .napcity .parts-holder .subpart-holder.mobile-block {
        display: block
    }

    .napcity .parts-holder .subpart-holder.mobile-block .subpart-1,
    .napcity .parts-holder .subpart-holder.mobile-block .subpart-2 {
        flex: none
    }

    .napcity .parts-holder .part-2 > .subpart-holder.mobile img,
    .napcity .parts-holder .subpart-holder.mobile-block .subpart-2 img {
        width: 50%;
        vertical-align: middle;
        display: block
    }

    .napcity .parts-holder .subpart-holder.mobile-block .subpart-2 .text-content.hashtag {
        display: inline-block;
        width: auto;
        top: 50%;
        left: 75%;
        font-size: 25px;
        transform: translate3d(-50%, -50%, 0)
    }

    .napcity .parts-holder .subpart-holder .subpart-2 {
        flex: 50%
    }

    .napcity .parts-holder .subpart-holder .subpart-2.facebook {
        display: none
    }

    .napcity .parts-holder .part-2 > .subpart-holder .social,
    .napcity .parts-holder .subpart-4 .social {
        display: inline-block;
        width: auto;
        top: calc(50% + 4px);
        transform: translate3d(-50%, -50%, 0)
    }

    .napcity .parts-holder .part-2 > .subpart-holder {
        flex: none
    }

    .napcity .parts-holder .part-2 > .subpart-holder:not(.mobile) {
        display: none
    }

    .napcity .parts-holder .part-2 > .subpart-holder.mobile {
        display: block;
        position: relative;
        background: #fdf4ec
    }

    .napcity .parts-holder .part-2 > .subpart-holder.mobile .social {
        left: 75%;
        color: #71aed2
    }

    .napcity .parts-holder .subpart-4 {
        display: none;
        flex: none
    }

    .napcity .parts-holder .subpart-4.mobile {
        position: relative;
        display: block;
        text-align: right;
        background: #a8bdc1
    }

    .napcity .parts-holder .subpart-4.mobile img {
        width: 50%;
        vertical-align: middle;
        margin: 0 0 0 auto
    }

    .napcity .parts-holder .subpart-4.mobile .social {
        left: 25%;
        color: #fff9f4
    }
}

.popup-v4 {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    background-size: 10px 10px;
    background-position: center center;
    opacity: 0;
    pointer-events: none;
    z-index: 460;
    transition: opacity 600ms, left 0ms 600ms
}

.showroom-login-v4 {
    height: 100%
}

.popup-v4 .middled > div,
.popup-v4 fieldset dl,
.showroom-login-v4 .middled > div,
.showroom-login-v4 fieldset dl,
.showroom-v4.internal-facing .slot-reservation .slot-inner .saves[data-length="1"] li {
    width: 100%
}

.popup-v4.shown,
.showroom-login-v4.shown {
    opacity: 1;
    left: 0;
    pointer-events: auto;
    transition: opacity 600ms, left 0ms;
    background-color: #71aed2 !important;
}

.popup-v4.affiliate-popup .affiliate-header,
.showroom-login-v4.affiliate-popup .affiliate-header {
    font-size: 0;
    text-align: center
}

.popup-v4.affiliate-popup .affiliate-header svg path,
.popup-v4.affiliate-popup .affiliate-header svg polygon,
.popup-v4.affiliate-popup .affiliate-header svg rect,
.showroom-login-v4.affiliate-popup .affiliate-header svg path,
.showroom-login-v4.affiliate-popup .affiliate-header svg polygon,
.showroom-login-v4.affiliate-popup .affiliate-header svg rect,
.showroom-v4 .showroom-guidance > li > div > ul > li ul li .icon svg .cls-1 {
    fill: #71aed2
}

.popup-v4.affiliate-popup .affiliate-header .logo,
.showroom-login-v4.affiliate-popup .affiliate-header .logo {
    width: 75px;
    display: inline-block;
    vertical-align: top;
    margin-right: 25px
}

.popup-v4.affiliate-popup .affiliate-header .logo svg:first-child,
.showroom-login-v4.affiliate-popup .affiliate-header .logo svg:first-child {
    width: 35px;
    margin-bottom: 15px
}

.popup-v4.affiliate-popup .affiliate-header .affiliate-logo,
.showroom-login-v4.affiliate-popup .affiliate-header .affiliate-logo {
    display: inline-block;
    vertical-align: top;
    margin-left: 25px
}

.popup-v4.affiliate-popup .affiliate-header .affiliate-logo img,
.showroom-login-v4.affiliate-popup .affiliate-header .affiliate-logo img {
    display: block;
    max-height: 67px
}

.popup-v4.affiliate-popup .affiliate-title,
.showroom-login-v4.affiliate-popup .affiliate-title {
    color: #71aed2
}

.popup-v4.affiliate-popup .affiliate-promo,
.popup-v4.affiliate-popup .affiliate-subtitle,
.showroom-login-v4.affiliate-popup .affiliate-promo,
.showroom-login-v4.affiliate-popup .affiliate-subtitle {
    font-weight: 400;
    color: #71aed2
}

.popup-v4.affiliate-popup .affiliate-title,
.showroom-login-v4.affiliate-popup .affiliate-title {
    font-weight: 700;
    font-size: 34px;
    padding-top: 45px
}

.popup-v4.affiliate-popup .affiliate-subtitle,
.showroom-login-v4.affiliate-popup .affiliate-subtitle {
    font-size: 24px;
    padding-top: 10px
}

.popup-v4.affiliate-popup .affiliate-promo,
.showroom-login-v4.affiliate-popup .affiliate-promo {
    font-size: 20px;
    padding-top: 25px
}

.popup-v4.affiliate-popup .affiliate-promo span,
.showroom-login-v4.affiliate-popup .affiliate-promo span {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    color: #222;
    border-bottom: 2px solid #222
}

.popup-v4.cvv-popup > .middled > div,
.popup-v4.delete-item-popup > .middled > div,
.popup-v4.help-popup > .middled > div,
.showroom-login-v4.cvv-popup > .middled > div,
.showroom-login-v4.delete-item-popup > .middled > div,
.showroom-login-v4.help-popup > .middled > div {
    padding: 60px 30px
}

.popup-v4.delete-item-popup > .middled > div .text-v4,
.popup-v4.email-capture-v4 fieldset dl,
.popup-v4.help-popup > .middled > div .text-v4,
.showroom-login-v4.delete-item-popup > .middled > div .text-v4,
.showroom-login-v4.email-capture-v4 fieldset dl,
.showroom-login-v4.help-popup > .middled > div .text-v4 {
    margin-bottom: 20px
}

.popup-v4.cvv-popup > .middled > div .text-v4,
.popup-v4.save-popup-v4 .save-design .fieldset-v4 dl,
.showroom-login-v4.cvv-popup > .middled > div .text-v4,
.showroom-login-v4.save-popup-v4 .save-design .fieldset-v4 dl {
    margin-bottom: 0
}

.popup-v4.save-popup-v4 > .middled > div,
.showroom-login-v4.save-popup-v4 > .middled > div {
    max-width: 604px;
    margin: 0 auto
}

.popup-v4.save-popup-v4 .save-design,
.showroom-login-v4.save-popup-v4 .save-design {
    position: relative;
    padding: 40px 18px 20px;
    font-weight: 400
}

.popup-v4.save-popup-v4 .save-design.saved form,
.reviews-v4 .write-review .review-particle .box-content.stars input.checked + label img,
.reviews-v4 .write-review .review-particle .box-content.stars label img.selected,
.showroom-login-v4.save-popup-v4 .save-design.saved form {
    opacity: 0
}

.popup-v4.save-popup-v4 .save-design.saved .save-success,
.showroom-login-v4.save-popup-v4 .save-design.saved .save-success {
    opacity: 1;
    left: 0
}

.popup-v4.save-popup-v4 .save-design form,
.showroom-login-v4.save-popup-v4 .save-design form {
    width: 100%;
    opacity: 1;
    transition: all 300ms
}

.popup-v4.save-popup-v4 .save-design .submit-mail,
.showroom-login-v4.save-popup-v4 .save-design .submit-mail {
    font-size: 0;
    width: 100%;
    max-width: 500px;
    margin: 0 auto 15px
}

.popup-v4.save-popup-v4 .save-design .fieldset-v4,
.showroom-login-v4.save-popup-v4 .save-design .fieldset-v4 {
    display: inline-block;
    width: calc(100% - 200px);
    vertical-align: middle
}

.popup-v4.save-popup-v4 .save-design .button-v4,
.showroom-login-v4.save-popup-v4 .save-design .button-v4 {
    width: 200px;
    vertical-align: middle;
    margin-bottom: 0
}

.popup-v4.save-popup-v4 .save-design p,
.showroom-login-v4.save-popup-v4 .save-design p {
    line-height: 22px;
    font-size: 16px;
    display: block;
    text-align: center;
    margin-bottom: 10px
}

.popup-v4.save-popup-v4 .save-design .error,
.showroom-login-v4.save-popup-v4 .save-design .error {
    color: red;
    font-weight: 400;
    display: block;
    text-align: center;
    font-size: 16px;
    margin-top: 10px
}

.popup-v4.save-popup-v4 .save-design .check,
.showroom-login-v4.save-popup-v4 .save-design .check {
    position: relative
}

.checkout-v4 .addresses-popup ul.addresses-list li input,
.forms-v4 form .form-box > ul li input,
.get-personalized-v4 .inputarea input[type=checkbox],
.get-personalized-v4 .inputarea input[type=radio],
.get-personalized-v4 .mattresses-slider ul li input,
.get-personalized-v4 .ul-split input,
.popup-v4.save-popup-v4 .save-design .check input,
.reviews-v4 .write-review .review-particle .box-content.stars input,
.showroom-login-v4.save-popup-v4 .save-design .check input,
.showroom-v4.internal-facing .date-selector .slider-frame li input {
    position: absolute;
    left: -9999px;
    opacity: 0
}

.popup-v4.save-popup-v4 .save-design .check label,
.showroom-login-v4.save-popup-v4 .save-design .check label {
    position: relative;
    display: block;
    font-size: 16px
}

.popup-v4.save-popup-v4 .save-design .check label span,
.showroom-login-v4.save-popup-v4 .save-design .check label span {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.popup-v4.save-popup-v4 .save-design .check label .tick,
.showroom-login-v4.save-popup-v4 .save-design .check label .tick {
    height: 24px;
    width: 24px;
    border: 2px solid #71aed2;
    box-sizing: border-box;
    margin-right: 10px
}

.popup-v4.save-popup-v4 .save-design .check label .tick:after,
.showroom-login-v4.save-popup-v4 .save-design .check label .tick:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat url(//helixcontent1.com//tick-blue-v4.png) center center/14px auto;
    transition: all 300ms;
    opacity: 0
}

.popup-v4.save-popup-v4 .save-design .save-success,
.showroom-login-v4.save-popup-v4 .save-design .save-success {
    position: absolute;
    top: 0;
    left: -9999px;
    height: 100%;
    width: 100%;
    z-index: 2;
    opacity: 0;
    transition: left 0ms 300ms, opacity 600ms 300ms
}

.popup-v4.save-popup-v4 .save-design .save-success > div,
.showroom-login-v4.save-popup-v4 .save-design .save-success > div {
    width: 100%;
    max-width: 300px
}

.popup-v4.save-popup-v4 .save-design .save-success > div > span,
.showroom-login-v4.save-popup-v4 .save-design .save-success > div > span {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 5px
}

.popup-v4 fieldset,
.popup-v4.save-popup-v4 .save-design .save-success > div .learn-more-v4,
.showroom-login-v4 fieldset,
.showroom-login-v4.save-popup-v4 .save-design .save-success > div .learn-more-v4 {
    margin-top: 0
}

.popup-v4.save-popup-v4 .login-holder,
.showroom-login-v4.save-popup-v4 .login-holder {
    max-width: none;
    padding: 0
}

.popup-v4.save-popup-v4 .chart-box-v4,
.showroom-login-v4.save-popup-v4 .chart-box-v4 {
    border-top: 2px solid #71aed2
}

.popup-v4.save-popup-v4 .chart-box-v4 .chart-details,
.showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details {
    padding: 30px 40px 40px
}

.popup-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) > .person,
.showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) > .person {
    margin: 0
}

.popup-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) > .person:nth-child(2),
.showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) > .person:nth-child(2) {
    margin-left: 40px
}

.popup-v4.save-popup-v4 .chart-box-v4 .chart-details > div.person .line,
.showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details > div.person .line {
    position: relative;
    top: auto
}

.popup-v4.blended-popup-v4 .login-holder,
.showroom-login-v4.blended-popup-v4 .login-holder {
    box-sizing: border-box;
    padding: 30px
}

.popup-v4.blended-popup-v4 .text-v4,
.popup-v4.blended-popup-v4 .title-v4,
.showroom-login-v4.blended-popup-v4 .text-v4,
.showroom-login-v4.blended-popup-v4 .title-v4 {
    color: #71aed2
}

.popup-v4.blended-popup-v4 .button-v4,
.showroom-login-v4.blended-popup-v4 .button-v4 {
    width: auto;
    margin: 0 auto
}

.popup-v4.affirm-popup-v4 .title-v4 img,
.showroom-login-v4.affirm-popup-v4 .title-v4 img {
    height: 34px;
    display: block;
    margin: 0 auto 25px
}

.popup-v4.affirm-popup-v4 .affirm-holder,
.showroom-login-v4.affirm-popup-v4 .affirm-holder {
    padding: 30px;
    box-sizing: border-box
}

.popup-v4.affirm-popup-v4 .affirm-features,
.showroom-login-v4.affirm-popup-v4 .affirm-features {
    padding-top: 10px
}

.popup-v4.affirm-popup-v4 .affirm-features::after,
.showroom-login-v4.affirm-popup-v4 .affirm-features::after {
    content: '';
    clear: both;
    display: block
}

.popup-v4.affirm-popup-v4 .affirm-features > li,
.showroom-login-v4.affirm-popup-v4 .affirm-features > li {
    width: 45%;
    float: left;
    font-size: 16px;
    line-height: 21px
}

.popup-v4.affirm-popup-v4 .affirm-features > li:nth-child(2),
.showroom-login-v4.affirm-popup-v4 .affirm-features > li:nth-child(2) {
    float: right
}

.popup-v4.affirm-popup-v4 .affirm-checkout strong,
.popup-v4.affirm-popup-v4 .affirm-features > li .feature-title,
.showroom-login-v4.affirm-popup-v4 .affirm-checkout strong,
.showroom-login-v4.affirm-popup-v4 .affirm-features > li .feature-title {
    font-weight: 700
}

.popup-v4.affirm-popup-v4 .affirm-features > li .feature-text,
.showroom-login-v4.affirm-popup-v4 .affirm-features > li .feature-text {
    font-weight: 400
}

.popup-v4.affirm-popup-v4 .affirm-checkout,
.showroom-login-v4.affirm-popup-v4 .affirm-checkout {
    padding-top: 25px;
    font-weight: 400;
    font-size: 20px;
    padding-bottom: 20px
}

.popup-v4.affirm-popup-v4 .affirm-notes,
.showroom-login-v4.affirm-popup-v4 .affirm-notes {
    padding-top: 20px;
    font-weight: 400;
    font-size: 10px
}

.popup-v4.affirm-popup-v4 .button-v4,
.showroom-login-v4.affirm-popup-v4 .button-v4 {
    width: auto;
    margin-bottom: 0
}

.popup-v4.email-capture-v4,
.showroom-login-v4.email-capture-v4 {
    z-index: 461
}

.popup-v4.email-capture-v4 .login-holder,
.showroom-login-v4.email-capture-v4 .login-holder {
    position: relative
}

.popup-v4.email-capture-v4 .login-holder .close:after,
.popup-v4.email-capture-v4 .login-holder .close:before,
.showroom-login-v4.email-capture-v4 .login-holder .close:after,
.showroom-login-v4.email-capture-v4 .login-holder .close:before {
    background-color: #71aed2
}

.popup-v4.email-capture-v4 .error,
.showroom-login-v4.email-capture-v4 .error {
    margin-top: 10px
}

.popup-v4.email-capture-v4 .title-v4,
.showroom-login-v4.email-capture-v4 .title-v4 {
    margin-bottom: 10px
}

.popup-v4.email-capture-v4 .login-holder,
.showroom-login-v4.email-capture-v4 .login-holder {
    padding: 50px 0 30px
}

.popup-v4.email-capture-v4 p,
.showroom-login-v4.email-capture-v4 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 15px
}

.popup-v4.chart-loader-v4 .actions li .button-v4,
.popup-v4.email-capture-v4 .button-v4,
.showroom-login-v4.chart-loader-v4 .actions li .button-v4,
.showroom-login-v4.email-capture-v4 .button-v4 {
    margin-bottom: 0
}

.popup-v4.edit-popup,
.showroom-login-v4.edit-popup {
    overflow: auto;
    font-size: 0
}

.popup-v4.edit-popup .middled,
.showroom-login-v4.edit-popup .middled {
    display: block;
    height: auto;
    width: auto;
    margin: 100px auto
}

.popup-v4.edit-popup .login-holder,
.showroom-login-v4.edit-popup .login-holder {
    padding: 0
}

.popup-v4.edit-popup form,
.showroom-login-v4.edit-popup form {
    width: auto;
    display: block
}

.popup-v4.edit-popup .appointment-form .fieldset-v4 .submit-holder,
.showroom-login-v4.edit-popup .appointment-form .fieldset-v4 .submit-holder {
    padding: 30px 20px 35px
}

.popup-v4.edit-popup .appointment-form .fieldset-v4 .submit-holder .process-error,
.showroom-login-v4.edit-popup .appointment-form .fieldset-v4 .submit-holder .process-error {
    display: none
}

.popup-v4.chart-loader-v4 .text-v4,
.popup-v4.chart-loader-v4 .title-v4,
.showroom-login-v4.chart-loader-v4 .text-v4,
.showroom-login-v4.chart-loader-v4 .title-v4 {
    margin-bottom: 10px;
    max-width: 620px;
    margin-left: auto;
    margin-right: auto
}

.popup-v4.chart-loader-v4 .login-holder,
.showroom-login-v4.chart-loader-v4 .login-holder {
    padding: 60px 30px 30px;
    box-sizing: border-box;
    border-color: #71aed2 !important;
}

.get-personalized-v4 .ul-split-bord > li .fieldset-v4 dl,
.popup-v4.chart-loader-v4 form,
.showroom-login-v4.chart-loader-v4 form {
    width: auto
}

.popup-v4.chart-loader-v4 .animation-box,
.showroom-login-v4.chart-loader-v4 .animation-box {
    margin: 0 auto;
    width: 100%;
}

.popup-v4.chart-loader-v4 .animation-box ul,
.showroom-login-v4.chart-loader-v4 .animation-box ul {
    font-size: 0;
    margin-bottom: 35px
}

.popup-v4.chart-loader-v4 .animation-box ul li,
.showroom-login-v4.chart-loader-v4 .animation-box ul li {
    text-align: center;
    position: relative
}

.popup-v4.chart-loader-v4 .animation-box ul li:not(:last-child),
.showroom-login-v4.chart-loader-v4 .animation-box ul li:not(:last-child),
.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li ul > li:not(:last-child) {
    margin-bottom: 10px
}

.popup-v4.chart-loader-v4 .animation-box ul li .bar,
.showroom-login-v4.chart-loader-v4 .animation-box ul li .bar {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    max-width: 100%;
    height: 25px;
    background: #fff;
    border-radius: 12.5px;
    border: 2px #71aed2 solid;
    box-sizing: border-box;
    overflow: hidden;
    margin: 0 auto
}

.popup-v4.chart-loader-v4 .animation-box ul li .bar > div,
.showroom-login-v4.chart-loader-v4 .animation-box ul li .bar > div {
    background: #71aed2;
    width: 0;
    height: 100%
}

.popup-v4.chart-loader-v4 .animation-box ul li .check,
.showroom-login-v4.chart-loader-v4 .animation-box ul li .check {
    position: absolute;
    top: 0;
    right: -45px;
    display: inline-block;
    width: 25px;
    height: 25px;
    box-sizing: border-box;
    border-radius: 50%;
    background: no-repeat url(//helixcontent1.com//tick.png) #222 center center/15px auto;
    opacity: 0;
    transform: scale(.5)
}

.popup-v4.chart-loader-v4 .animation-box ul li .name,
.showroom-login-v4.chart-loader-v4 .animation-box ul li .name {
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased
}

.chart-box-v4 .chart-top ul,
.popup-v4.chart-loader-v4 .actions,
.showroom-login-v4.chart-loader-v4 .actions {
    font-size: 0
}

.popup-v4.chart-loader-v4 .actions li,
.showroom-login-v4.chart-loader-v4 .actions li {
    display: inline-block;
    width: calc(50% - 10px)
}

.popup-v4.chart-loader-v4 .actions li:nth-child(2),
.showroom-login-v4.chart-loader-v4 .actions li:nth-child(2) {
    margin-right: 20px
}

.chart-v4 .layer-by-layer .categories .cat-toggle .cat-name span.mobile,
.popup-v4.chart-loader-v4 .actions li.mobile,
.showroom-login-v4.chart-loader-v4 .actions li.mobile {
    display: none
}

.popup-v4.chart-loader-v4.animate ul li .bar > div,
.showroom-login-v4.chart-loader-v4.animate ul li .bar > div {
    width: 100%;
    transition: 900ms 100ms cubic-bezier(.1, .57, .2, 1)
}

.popup-v4.chart-loader-v4.animate ul li .check,
.showroom-login-v4.chart-loader-v4.animate ul li .check {
    opacity: 1;
    transform: scale(1);
    transition: 600ms 900ms cubic-bezier(.175, .885, .32, 1.275)
}

.popup-v4.chart-loader-v4.animate ul li:nth-child(2) .check,
.showroom-login-v4.chart-loader-v4.animate ul li:nth-child(2) .check {
    transition: 600ms 1350ms cubic-bezier(.175, .885, .32, 1.275)
}

.popup-v4.chart-loader-v4.animate ul li:nth-child(3) .check,
.showroom-login-v4.chart-loader-v4.animate ul li:nth-child(3) .check {
    transition: 600ms 1800ms cubic-bezier(.175, .885, .32, 1.275)
}

.popup-v4.chart-loader-v4.animate ul li:nth-child(4) .check,
.showroom-login-v4.chart-loader-v4.animate ul li:nth-child(4) .check {
    transition: 600ms 2250ms cubic-bezier(.175, .885, .32, 1.275)
}

.popup-v4 .close,
.showroom-login-v4 .close {
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10
}

.popup-v4 .close:after,
.popup-v4 .close:before,
.showroom-login-v4 .close:after,
.showroom-login-v4 .close:before {
    position: absolute;
    width: 25px;
    height: 2px;
    top: calc(50% - 1px);
    left: 5px;
    background: #fff;
    display: block;
    content: ''
}

.popup-v4 .close:before,
.showroom-login-v4 .close:before {
    transform: rotate(45deg)
}

.popup-v4 .close:after,
.showroom-login-v4 .close:after {
    transform: rotate(-45deg)
}

.popup-v4 .middled,
.showroom-login-v4 .middled {
    height: 100%;
    width: 100%;
    align-items: center
}

.popup-v4 .title-v4,
.showroom-login-v4 .title-v4 {
    color: #fff;
    margin-bottom: 25px;
    text-align: center
}

.popup-v4 .text-v4,
.showroom-login-v4 .text-v4 {
    color: #fff;
    margin-bottom: 30px;
    text-align: center
}

.popup-v4 .login-holder,
.showroom-login-v4 .login-holder {
    background: #fff;
    border: 12px solid #71aed2;
    border-top-width: 17px;
    border-bottom-width: 17px;
    width: 100%;
    max-width: 544px;
    padding: 60px 0 45px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box
}

.popup-v4 .affiliate-holder,
.showroom-login-v4 .affiliate-holder {
    max-width: 750px;
    padding-left: 30px;
    padding-right: 30px
}

.popup-v4 form,
.showroom-login-v4 form {
    width: 320px;
    margin: 0 auto;
    max-width: 100%
}

.popup-v4 .button-v4,
.showroom-login-v4 .button-v4 {
    width: 100%;
    margin-bottom: 10px
}

.popup-v4 .button-v4.blue,
.showroom-login-v4 .button-v4.blue {
    background: #71aed2
}

.popup-v4 .button-v4.blue:hover,
.showroom-login-v4 .button-v4.blue:hover {
    opacity: 0.75;
}

.popup-v4 .error,
.showroom-login-v4 .error {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px
}

.popup-v4 .learn-more-v4,
.showroom-login-v4 .learn-more-v4 {
    color: #222;
    font-weight: 700
}

.popup-v4 .learn-more-v4 span,
.showroom-login-v4 .learn-more-v4 span {
    background: #222;
    top: calc(100% - 1px)
}

@media (max-width: 1120px) {
    .popup-v4 .affiliate-holder,
    .showroom-login-v4 .affiliate-holder {
        max-width: 580px
    }
}

@media (max-width: 680px) {
    .popup-v4,
    .showroom-login-v4 {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    .popup-v4.login-v4 .close,
    .popup-v4.popup-full-v4 .close,
    .showroom-login-v4.login-v4 .close,
    .showroom-login-v4.popup-full-v4 .close {
        background: #fff
    }

    .popup-v4.login-v4 .close:after,
    .popup-v4.login-v4 .close:before,
    .popup-v4.popup-full-v4 .close:after,
    .popup-v4.popup-full-v4 .close:before,
    .showroom-login-v4.login-v4 .close:after,
    .showroom-login-v4.login-v4 .close:before,
    .showroom-login-v4.popup-full-v4 .close:after,
    .showroom-login-v4.popup-full-v4 .close:before {
        background: #71aed2
    }

    .popup-v4.login-v4 > .middled,
    .popup-v4.popup-full-v4 > .middled,
    .showroom-login-v4.login-v4 > .middled,
    .showroom-login-v4.popup-full-v4 > .middled {
        display: block;
        overflow: auto;
        width: 100%;
        height: 100%;
        background: #fff;
        padding: 50px 20px;
        box-sizing: border-box
    }

    .popup-v4.login-v4 .title-v4,
    .popup-v4.popup-full-v4 .title-v4,
    .showroom-login-v4.login-v4 .title-v4,
    .showroom-login-v4.popup-full-v4 .title-v4 {
        font-size: 30px;
        color: #71aed2;
        text-align: center
    }

    .popup-v4.login-v4 .text-v4,
    .popup-v4.popup-full-v4 .text-v4,
    .showroom-login-v4.login-v4 .text-v4,
    .showroom-login-v4.popup-full-v4 .text-v4 {
        color: #71aed2
    }

    .popup-v4.login-v4 .login-holder,
    .popup-v4.popup-full-v4 .login-holder,
    .showroom-login-v4.login-v4 .login-holder,
    .showroom-login-v4.popup-full-v4 .login-holder {
        padding-top: 0;
        border: none
    }

    .popup-v4.delete-item-popup > .middled,
    .popup-v4.help-popup > .middled,
    .showroom-login-v4.delete-item-popup > .middled,
    .showroom-login-v4.help-popup > .middled {
        display: flex
    }

    .popup-v4.delete-item-popup > .middled .login-holder,
    .popup-v4.help-popup > .middled .login-holder,
    .showroom-login-v4.delete-item-popup > .middled .login-holder,
    .showroom-login-v4.help-popup > .middled .login-holder {
        padding: 0
    }

    .popup-v4.save-popup-v4 > .middled,
    .showroom-login-v4.save-popup-v4 > .middled {
        padding: 70px 18px 100px
    }

    .popup-v4.save-popup-v4 .save-design,
    .showroom-login-v4.save-popup-v4 .save-design {
        padding: 0 0 20px
    }

    .popup-v4.save-popup-v4 .save-design .button-v4,
    .popup-v4.save-popup-v4 .save-design .fieldset-v4,
    .showroom-login-v4.save-popup-v4 .save-design .button-v4,
    .showroom-login-v4.save-popup-v4 .save-design .fieldset-v4 {
        display: block;
        width: 100%;
        max-width: 335px;
        margin: 0 auto
    }

    .popup-v4.save-popup-v4 .save-design .button-v4 dl,
    .popup-v4.save-popup-v4 .save-design .fieldset-v4 dl,
    .popup-v4.save-popup-v4 .save-design .save-success p,
    .showroom-login-v4.save-popup-v4 .save-design .button-v4 dl,
    .showroom-login-v4.save-popup-v4 .save-design .fieldset-v4 dl,
    .showroom-login-v4.save-popup-v4 .save-design .save-success p {
        max-width: none
    }

    .popup-v4.save-popup-v4 .save-design .button-v4,
    .showroom-login-v4.save-popup-v4 .save-design .button-v4 {
        margin-top: 10px
    }

    .popup-v4.save-popup-v4 .save-design p,
    .showroom-login-v4.save-popup-v4 .save-design p {
        max-width: 210px;
        margin: 0 auto 10px
    }

    .popup-v4.save-popup-v4 .chart-box-v4,
    .showroom-login-v4.save-popup-v4 .chart-box-v4 {
        margin-left: -18px;
        margin-right: -18px;
        padding: 30px 18px 80px
    }

    .popup-v4.save-popup-v4 .chart-box-v4 .chart-details,
    .showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details {
        display: block
    }

    .popup-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile),
    .showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) {
        padding: 0
    }

    .popup-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) .person-name,
    .showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) .person-name {
        display: block
    }

    .popup-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) .person:nth-child(2),
    .showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details:not(.mobile) .person:nth-child(2) {
        margin-top: 35px;
        margin-left: 0
    }

    .popup-v4.save-popup-v4 .chart-box-v4 .chart-details .person,
    .showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details .person {
        flex: none;
        display: block
    }

    .popup-v4.save-popup-v4 .chart-box-v4 .chart-details .person:nth-child(2),
    .showroom-login-v4.save-popup-v4 .chart-box-v4 .chart-details .person:nth-child(2) {
        margin-top: 35px;
        margin-left: 0
    }

    .popup-v4.email-capture-v4,
    .showroom-login-v4.email-capture-v4 {
        z-index: 470
    }

    .popup-v4.email-capture-v4 .title-v4,
    .showroom-login-v4.email-capture-v4 .title-v4 {
        font-size: 24px;
        line-height: 30px
    }

    .popup-v4.email-capture-v4 .text-v4,
    .showroom-login-v4.email-capture-v4 .text-v4 {
        font-size: 16px;
        line-height: 22px;
        max-width: 320px;
        margin-bottom: 35px
    }

    .popup-v4.email-capture-v4 .middled,
    .showroom-login-v4.email-capture-v4 .middled {
        display: block;
        padding-top: 0
    }

    .popup-v4.email-capture-v4 form,
    .showroom-login-v4.email-capture-v4 form {
        box-sizing: border-box
    }

    .popup-v4.email-capture-v4 .login-holder,
    .showroom-login-v4.email-capture-v4 .login-holder {
        margin-top: 80px;
        border-left: none;
        border-right: none
    }

    .popup-v4.email-capture-v4 .login-holder .close,
    .showroom-login-v4.email-capture-v4 .login-holder .close {
        top: -60px;
        right: 0
    }

    .popup-v4.chart-loader-v4 .login-holder,
    .showroom-login-v4.chart-loader-v4 .login-holder {
        padding: 60px 30px 135px
    }

    .popup-v4.chart-loader-v4 .title-v4,
    .showroom-login-v4.chart-loader-v4 .title-v4 {
        font-size: 24px;
        line-height: 32px;
        max-width: 270px;
        margin-bottom: 5px
    }

    .popup-v4.chart-loader-v4 .middled,
    .showroom-login-v4.chart-loader-v4 .middled {
        position: relative;
        margin-top: 40px;
        display: block;
        height: auto;
        width: auto;
        z-index: 2
    }

    .popup-v4.chart-loader-v4 form,
    .showroom-login-v4.chart-loader-v4 form {
        padding: 0 20px;
        box-sizing: border-box
    }

    .popup-v4.chart-loader-v4 .actions li,
    .showroom-login-v4.chart-loader-v4 .actions li {
        width: auto;
        display: block
    }

    .popup-v4.chart-loader-v4 .actions li:nth-child(2),
    .showroom-login-v4.chart-loader-v4 .actions li:nth-child(2) {
        margin-top: 10px;
        margin-right: 0
    }

    .popup-v4.chart-loader-v4 .actions li.mobile,
    .showroom-login-v4.chart-loader-v4 .actions li.mobile {
        display: block
    }

    .popup-v4.chart-loader-v4 .actions li.not-mobile,
    .showroom-login-v4.chart-loader-v4 .actions li.not-mobile {
        display: none
    }

    .popup-v4.edit-popup .middled,
    .showroom-login-v4.edit-popup .middled {
        margin: 0;
        padding: 80px 0
    }

    .popup-v4.edit-popup .button-v4.process-dependent,
    .showroom-login-v4.edit-popup .button-v4.process-dependent {
        background-color: #222;
        pointer-events: auto
    }

    .popup-v4.edit-popup .appointment-form,
    .showroom-login-v4.edit-popup .appointment-form {
        margin-left: 0;
        margin-right: 0
    }

    .popup-v4.edit-popup .appointment-form .fieldset-v4 .submit-holder,
    .showroom-login-v4.edit-popup .appointment-form .fieldset-v4 .submit-holder {
        border-bottom: none
    }

    .popup-v4.edit-popup .login-holder,
    .showroom-login-v4.edit-popup .login-holder {
        max-width: none
    }

    .popup-v4 .login-holder,
    .showroom-login-v4 .login-holder {
        padding: 30px 0 135px;
        border-left: none;
        border-right: none;
        border-bottom: none
    }

    .popup-v4 .affiliate-holder,
    .showroom-login-v4 .affiliate-holder {
        padding-left: 0;
        padding-right: 0
    }

    .popup-v4 .text-v4,
    .showroom-login-v4 .text-v4 {
        margin-right: auto;
        margin-left: auto
    }

    .popup-v4.popup-wtop-v4 .middled,
    .showroom-login-v4.popup-wtop-v4 .middled {
        display: block;
        padding-top: 60px
    }
}

@media (max-width: 350px) {
    .popup-v4 .appointment-form .fieldset-v4 .submit-holder button span,
    .showroom-login-v4 .appointment-form .fieldset-v4 .submit-holder button span {
        display: none
    }
}

.chart-v4 .chart-questions-b {
    font-size: 0;
    padding: 25px;
    text-align: center;
    border-bottom: 17px solid #fff;
    background-color: #71aed2
}

.chart-v4 .chart-questions-b li {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    line-height: 25px;
    height: 25px
}

.chart-v4 .chart-questions-b li:not(:last-child),
.chart-v4 .materials .box .box-content ul li:not(:last-child) {
    margin-right: 30px
}

.chart-v4 .chart-questions-b li a,
.chart-v4 .chart-questions-b li div {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    display: inline-block
}

.chart-v4 .chart-questions-b li .subtitle {
    font-weight: 700
}

.chart-v4 .chart-questions-b li .tag,
.chart-v4 .chart-questions-b li a {
    font-weight: 400
}

.chart-v4 .cat-toggle {
    position: relative;
    background: #fff9f4;
    padding: 20px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    cursor: pointer
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .toggler .info-name.toggled::before,
.chart-v4 .cat-toggle.toggled .options-sign-v4 {
    transform: rotate(180deg)
}

.chart-v4 .options-sign-v4 {
    border-top-color: #222;
    transition: all 300ms
}

.chart-v4 .layer-by-layer {
    background: #fff;
    text-align: center;
    padding-top: 50px
}

.chart-v4 .layer-by-layer > .text-v4 {
    max-width: 760px;
    margin: 10px auto 50px
}

.chart-v4 .layer-by-layer .categories {
    text-align: left
}

.chart-v4 .layer-by-layer .categories .actions-box .actions-holder {
    background-color: #fff9f4;
    margin: 0;
    padding: 25px
}

.chart-v4 .layer-by-layer .categories .actions-box p {
    font-size: 16px;
    line-height: 23px
}

.chart-v4 .layer-by-layer .categories > li {
    border-bottom: none;
    border-top: none
}

.chart-v4 .layer-by-layer .categories > li:not(:first-child) .chart-box-v4 {
    display: none
}

.chart-v4 .layer-by-layer .categories > li:first-child .cat-toggle {
    border-top: 2px solid
}

.chart-v4 .layer-by-layer .categories .cat-toggle,
.chart-v4 .layer-by-layer .categories .chart-box-v4 {
    border-bottom: 2px solid
}

.chart-v4 .materials {
    margin-top: 20px;
    font-size: 0
}

.chart-v4 .materials .box {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 370px);
    box-sizing: border-box
}

.chart-v4 .materials .box .box-title {
    background-color: #fff9f4;
    border-bottom: 2px solid;
    padding: 30px
}

.chart-v4 .materials .box .box-content {
    padding: 30px 30px 0;
    background: #fff
}

.chart-v4 .materials .box .box-content > img,
.showroom-v4 .showroom-guidance > li > div > ul > li ul li .icon svg {
    width: 100%;
    height: auto
}

.chart-v4 .materials .box .box-content ul {
    margin-top: 30px;
    font-size: 0;
    display: flex
}

.chart-v4 .materials .box .box-content ul li {
    position: relative;
    display: inline-block;
    width: calc((100% - 60px) / 3);
    flex: calc((100% - 60px) / 3);
    vertical-align: top
}

.chart-v4 .materials .box .box-content ul li:nth-child(1) .detail-caption {
    margin-left: -30px;
    margin-right: -15px;
    width: calc(100% + 45px)
}

.chart-v4 .materials .box .box-content ul li:nth-child(1) .detail-caption span {
    padding-left: 30px;
    padding-right: 15px
}

.chart-v4 .materials .box .box-content ul li:nth-child(2) .detail-caption {
    margin-left: -15px;
    margin-right: -15px;
    width: calc(100% + 30px)
}

.chart-v4 .materials .box .box-content ul li:nth-child(2) .detail-caption span {
    padding-left: 15px;
    padding-right: 15px
}

.chart-v4 .materials .box .box-content ul li:nth-child(3) .detail-caption {
    margin-right: -30px;
    margin-left: -15px;
    width: calc(100% + 45px)
}

.chart-v4 .materials .box .box-content ul li:nth-child(3) .detail-caption span {
    padding-right: 30px;
    padding-left: 15px
}

.chart-v4 .materials .box .box-content ul li .detail-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 110px;
    background: #fff9f4;
    width: 100%;
    display: none
}

.chart-v4 .materials .box .box-content ul li .detail-caption span {
    position: absolute;
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate3d(0, -50%, 0);
    box-sizing: border-box;
    font-weight: 400
}

.chart-box-v4.leading-chart .chart-details > .person p,
.chart-v4 .materials .box .box-content ul li .cat-toggle {
    display: none
}

.chart-v4 .materials .box .box-content ul li .icon-holder {
    position: relative;
    height: 0;
    text-align: center;
    padding-bottom: 100%
}

.chart-v4 .materials .box .box-content ul li .icon-holder img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 132px;
    margin-top: -66px;
    margin-left: -66px
}

.chart-v4 .materials .box .box-content ul li .text-v4 {
    margin-top: 20px;
    font-weight: 700
}

.chart-v4 .materials .box .box-content ul li p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 5px;
    font-weight: 400
}

.chart-v4 .materials .box .box-content .material-details {
    background-color: #fff9f4;
    margin-left: -30px;
    margin-right: -30px;
    padding: 30px
}

.chart-v4 .materials .box .box-content .material-details li {
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400
}

.chart-v4 .image-section {
    margin-top: 40px;
    text-align: right;
    position: relative
}

.chart-v4 .image-section > div {
    width: 50%;
    position: relative
}

.chart-v4 .image-section > div.text-box {
    position: absolute;
    text-align: left;
    top: 0;
    left: 0;
    height: 100%;
    padding: 50px;
    box-sizing: border-box;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.chart-v4 .image-section > div.text-box .text-v4 {
    margin-top: 15px
}

.chart-v4 .image-section > div .middled {
    width: 100%;
    height: 100%
}

.chart-v4 .image-section > div .slider ul {
    display: block;
    font-size: 0
}

.chart-v4 .image-section > div,
.chart-v4 .image-section > div .slider ul li {
    display: inline-block;
    vertical-align: middle
}

.chart-v4 .image-section > div .pages {
    display: block;
    width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0;
    height: 3px
}

.chart-v4 .image-section > div .pages li {
    display: inline-block;
    background-color: #ffe3c9;
    height: 3px;
    width: calc((100% - 16px) / 3);
    cursor: pointer;
    transition: all 300ms
}

.chart-v4 .image-section > div .pages li:not(:last-child) {
    margin-right: 8px
}

.chart-v4 .image-section > div .pages li.active {
    background-color: #71aed2
}

.chart-v4 .image-section > div img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle
}

@media (max-width: 1120px) {
    .chart-v4 .wrapper-v4-bord.chart-b {
        margin-left: -18px;
        margin-right: -18px
    }

    .chart-v4 .wrapper-v4-bord.chart-b .top-chart-box {
        margin-top: 0;
        border-right-width: 30px;
        border-left-width: 30px
    }

    .chart-v4 .image-section .title-v4 {
        font-size: 30px;
        line-height: 34px
    }

    .chart-v4 .image-section .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .chart-v4 .image-section > div.text-box {
        padding: 20px
    }

    .chart-v4 .chart-box-v4 .actions-box ul li {
        display: block;
        text-align: center
    }

    .chart-v4 .chart-box-v4 .actions-box ul li:not(:last-child) {
        margin-right: 0
    }

    .chart-v4 .chart-box-v4 .actions-box ul li:not(:last-child):after {
        display: none
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .actions-box.mobile {
        display: block;
        padding: 30px 30px 25px
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .actions-box ul li {
        display: inline-block
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .actions-box ul li:not(:last-child) {
        margin-right: 30px
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .actions-box ul li:not(:last-child):after {
        display: block
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details {
        padding: 40px 55px 50px;
        text-align: center
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details.not-split > div.person {
        margin: 0
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details.not-split > div.person ul:not(.stickable) {
        max-width: 500px;
        width: 100%;
        display: block
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details.not-split > div.person ul:not(.stickable) li:not(.person-name):not(.edit-li) {
        display: inline-block;
        width: 100%
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details:not(.mobile) > .person {
        margin: 0
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details:not(.mobile) > .person:not(:first-child) {
        margin-left: 60px
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details > div:not(.person) {
        display: none !important
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details > div.person {
        flex: 50%
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line {
        max-width: 230px;
        margin: 0 auto
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details > div.person p {
        text-align: center
    }

    .chart-v4 .layer-by-layer .categories .chart-details.not-split .actions-box .actions-holder,
    .chart-v4 .layer-by-layer .categories .chart-details.not-split .actions-box img,
    .chart-v4 .layer-by-layer .categories .chart-details.not-split .actions-box video {
        display: block;
        width: 100%
    }

    .chart-v4 .materials {
        margin-top: 60px
    }

    .chart-v4 .materials .reviews-list-v4 {
        display: block;
        width: auto;
        padding-right: 18px
    }

    .chart-v4 .materials .reviews-list-v4 li {
        display: inline-block;
        width: calc(50% - 10px);
        vertical-align: top
    }

    .chart-v4 .materials .reviews-list-v4 li:not(:last-child) {
        padding-bottom: 60px
    }

    .chart-v4 .materials .reviews-list-v4 li:first-child {
        margin-right: 20px
    }

    .chart-v4 .materials .reviews-list-v4 li:last-child {
        display: none
    }

    .chart-v4 .materials .box {
        display: block;
        width: auto
    }
}

@media (max-width: 900px) {
    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .actions-box.mobile {
        display: block;
        padding: 40px 40px 0
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .actions-box ul li {
        display: inline-block
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .actions-box ul li:not(:last-child) {
        margin-right: 30px
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .actions-box ul li:not(:last-child):after {
        display: block
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details {
        padding: 40px 55px 50px;
        text-align: center
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details.not-split > div.person {
        margin: 0
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details.not-split > div.person ul:not(.stickable) {
        max-width: 500px;
        width: 100%;
        display: block
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details.not-split > div.person ul:not(.stickable) li:not(.person-name):not(.edit-li) {
        display: inline-block;
        width: calc(50% - 20p)
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details.not-split > div.person ul:not(.stickable) li:not(.person-name):not(.edit-li):nth-child(even) {
        margin-right: 40px
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details:not(.mobile) > .person {
        margin: 0 10px
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details > div:not(.person) {
        display: none !important
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details > div.person {
        flex: 50%
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details > div.person ul li .line {
        max-width: 230px;
        margin: 0 auto
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details > div.person p {
        text-align: center
    }
}

@media (max-width: 840px) {
    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details.not-split,
    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details:not(.mobile) {
        display: block;
        padding: 35px 0 17px
    }

    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details.not-split > .person,
    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details:not(.mobile) > .person {
        display: block;
        margin: 0 auto
    }

    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details.not-split > .person:first-child,
    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details:not(.mobile) > .person:first-child {
        margin-right: auto;
        margin-bottom: 40px
    }

    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b.on-bottom .chart-details {
        display: none
    }
}

@media (max-width: 760px) {
    .chart-v4 .image-section {
        margin-top: 20px;
        margin-right: -18px;
        margin-left: -18px
    }

    .chart-v4 .image-section > div {
        display: block;
        width: auto
    }

    .chart-v4 .image-section > div.text-box {
        position: relative;
        height: auto;
        padding: 75px 35px
    }
}

@media (max-width: 680px) {
    .chart-v4 .chart-questions-b {
        border-bottom: 20px solid #fff
    }

    .chart-v4 .chart-questions-b li {
        display: block;
        text-align: center
    }

    .chart-v4 .chart-questions-b li:not(:last-child) {
        margin-right: 0
    }

    .chart-v4 .top-chart-box:not(.on-bottom) {
        border-top: 0;
        margin-top: 0
    }

    .chart-v4 .title-v4 {
        font-size: 30px;
        line-height: 38px
    }

    .chart-v4 .chart-box-v4 .actions-box.mobile ul li:not(:last-child):after,
    .chart-v4 .chart-box-v4 .chart-details:not(.mobile) .person:not(.active),
    .chart-v4 .chart-box-v4 .chart-questions li:not(:first-child),
    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details:not(.mobile) .person:not(.active) {
        display: none
    }

    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details .not-split > .person:first-child,
    .chart-v4 .wrapper-v4-bord.chart-b .chart-box-v4.chart-box-v4-b .chart-details:not(.mobile) > .person:first-child {
        margin-bottom: 0
    }

    .chart-v4 .chart-box-v4,
    .chart-v4 .layer-by-layer .categories > li {
        border: none
    }

    .chart-v4 .chart-box-v4.on-bottom .chart-details,
    .chart-v4 .chart-box-v4.on-bottom .chart-details.mobile {
        display: none
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details.mobile {
        padding: 40px 0 0
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details.mobile > div.person {
        flex: none;
        width: 100%
    }

    .chart-v4 .chart-box-v4.chart-box-v4-b .chart-details.mobile > div.person ul li:not(:first-child) {
        margin-top: 0
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details.not-split > div.person ul:not(.stickable) li:not(.person-name):not(.edit-li) {
        display: block
    }

    .chart-v4 .chart-box-v4:not(.chart-box-v4-b) .chart-details.not-split > div.person ul:not(.stickable) li:not(.person-name):not(.edit-li):nth-child(even) {
        margin-right: auto
    }

    .chart-v4 .chart-box-v4 .chart-questions {
        margin-left: -18px;
        margin-right: -18px
    }

    .chart-v4 .chart-box-v4 .chart-questions li:first-child,
    .chart-v4 .materials .reviews-list-v4 li:first-child {
        margin-right: 0
    }

    .chart-v4 .chart-box-v4 .chart-top {
        border: 2px solid
    }

    .chart-v4 .chart-box-v4 .chart-top img {
        width: 73px
    }

    .chart-v4 .chart-box-v4 .chart-top ul li:first-child {
        display: block;
        margin-right: 0
    }

    .chart-v4 .chart-box-v4 .chart-top ul li:first-child:after {
        display: none
    }

    .chart-v4 .chart-box-v4 .actions-box.mobile {
        padding: 30px 0 60px
    }

    .chart-v4 .chart-box-v4 .actions-box.mobile .actions-holder {
        background: #fff
    }

    .chart-v4 .chart-box-v4 .actions-box.mobile ul {
        padding: 35px 20px 20px
    }

    .chart-v4 .chart-box-v4 .actions-box.mobile ul li,
    .chart-v4 .materials .reviews-list-v4 li {
        display: block;
        width: auto
    }

    .chart-v4 .chart-box-v4 .actions-box.mobile ul li:not(:last-child) {
        margin-right: auto
    }

    .chart-v4 .chart-box-v4 .chart-details:not(.mobile) {
        padding: 10px 0 50px
    }

    .chart-v4 .chart-box-v4 .chart-details:not(.mobile) .person-name,
    .chart-v4 .layer-by-layer .categories .cat-toggle .cat-name span:not(.mobile) {
        display: none
    }

    .chart-v4 .chart-box-v4 .chart-details.mobile {
        display: block;
        margin-left: -18px;
        margin-right: -18px;
        padding: 40px 0 0
    }

    .chart-v4 .chart-box-v4 .chart-details.not-split > div.person ul:not(.stickable) {
        max-width: 500px;
        width: 100%;
        display: block
    }

    .chart-v4 .chart-box-v4 .chart-details.not-split > div.person ul:not(.stickable) li:not(.person-name):not(.edit-li) {
        display: block;
        width: auto
    }

    .chart-v4 .chart-box-v4 .chart-details.not-split > div.person ul:not(.stickable) li:not(.person-name):not(.edit-li):nth-child(even) {
        margin-right: 0
    }

    .chart-v4 .categories .actions-box.mobile {
        border: none;
        padding-bottom: 0
    }

    .chart-v4 .layer-by-layer {
        padding-top: 0
    }

    .chart-v4 .layer-by-layer > .text-v4,
    .chart-v4 .layer-by-layer > .title-v4 {
        display: none
    }

    .chart-v4 .layer-by-layer .categories > li:not(:last-child) .chart-box-v4 {
        border-bottom: 2px solid
    }

    .chart-v4 .layer-by-layer .categories > li:first-child .cat-toggle {
        border-top: 2px solid
    }

    .chart-v4 .layer-by-layer .categories > li:first-child .cat-toggle.fixed {
        border-top: none !important
    }

    .chart-v4 .layer-by-layer .categories .cat-toggle-holder {
        height: 68px
    }

    .chart-v4 .layer-by-layer .categories .cat-toggle {
        margin-left: -18px;
        margin-right: -18px;
        border-bottom: 2px solid;
        background: #fff;
        z-index: 199
    }

    .chart-v4 .layer-by-layer .categories .cat-toggle.fixed {
        top: 88px;
        width: 100%;
        left: 0;
        position: fixed;
        margin: 0
    }

    .chart-v4 .layer-by-layer .categories .cat-toggle .options-sign-v4 {
        display: none
    }

    .chart-v4 .layer-by-layer .categories .cat-toggle .cat-name span.mobile {
        display: inline-block
    }

    .chart-v4 .layer-by-layer .categories > li:not(:first-child) .chart-box-v4 {
        display: block
    }

    .chart-v4 .layer-by-layer .categories .chart-box-v4 {
        display: block;
        margin-left: -18px;
        margin-right: -18px;
        padding: 30px 18px 0;
        border: none;
        border-bottom: 2px solid
    }

    .chart-v4 .layer-by-layer .categories .chart-box-v4 .chart-details {
        padding: 30px 0
    }

    .chart-v4 .layer-by-layer .categories .chart-box-v4 .actions-holder {
        background: #fff9f4
    }

    .chart-v4 .materials .reviews-list-v4 li:nth-child(2) {
        display: none
    }

    .chart-v4 .materials .box .box-title {
        padding: 20px
    }

    .chart-v4 .materials .box .box-title .text-v4 {
        margin-top: 10px
    }

    .chart-v4 .materials .box .box-content {
        padding: 0
    }

    .chart-v4 .materials .box .box-content > img {
        display: block;
        border-bottom: 2px solid
    }

    .chart-v4 .materials .box .box-content .material-details {
        display: none
    }

    .chart-v4 .materials .box .box-content ul {
        margin-top: 0;
        display: block
    }

    .chart-v4 .materials .box .box-content ul li {
        display: block;
        width: auto;
        padding: 0;
        flex: none
    }

    .chart-v4 .materials .box .box-content ul li:nth-child(1) .detail-caption,
    .chart-v4 .materials .box .box-content ul li:nth-child(2) .detail-caption,
    .chart-v4 .materials .box .box-content ul li:nth-child(3) .detail-caption {
        position: relative;
        display: block;
        bottom: auto;
        left: auto;
        margin-left: -20px;
        margin-right: -20px;
        width: calc(100% + 40px);
        margin-top: 20px;
        height: 80px
    }

    .chart-v4 .materials .box .box-content ul li:nth-child(1) .detail-caption span,
    .chart-v4 .materials .box .box-content ul li:nth-child(2) .detail-caption span,
    .chart-v4 .materials .box .box-content ul li:nth-child(3) .detail-caption span {
        padding-left: 20px;
        padding-right: 20px
    }

    .chart-v4 .materials .box .box-content ul li:not(:last-child) {
        margin-right: 0
    }

    .chart-v4 .materials .box .box-content ul li:not(:last-child) .cat-toggle,
    .chart-v4 .materials .box .box-content ul li:not(:last-child) .li-content {
        border-bottom: 2px solid
    }

    .chart-v4 .materials .box .box-content ul li .cat-toggle {
        display: block
    }

    .chart-v4 .materials .box .box-content ul li .li-content {
        display: none;
        padding: 20px 20px 0
    }

    .chart-v4 .questions-v4.mt-40 {
        margin-top: 0;
        border-top: none
    }
}

.chart-box-v4.leading-chart .chart-details > .person .line {
    top: 30px
}

.chart-box-v4:not(.leading-chart) .chart-details.not-split {
    display: block;
    font-size: 0
}

.chart-box-v4:not(.leading-chart) .chart-details.not-split .actions-box,
.chart-box-v4:not(.leading-chart) .chart-details.not-split .person {
    flex: none;
    display: inline-block;
    vertical-align: top
}

.chart-box-v4:not(.leading-chart) .chart-details.not-split .person {
    width: 230px
}

.chart-box-v4:not(.leading-chart) .chart-details.not-split .actions-box {
    width: calc(100% - 270px);
    font-size: 0;
    background-color: #fff9f4;
    box-sizing: border-box;
    margin: 0 0 0 40px
}

.chart-box-v4:not(.leading-chart) .chart-details.not-split .actions-box img,
.chart-box-v4:not(.leading-chart) .chart-details.not-split .actions-box video {
    display: inline-block;
    width: calc(100% - 260px);
    vertical-align: middle
}

.chart-box-v4:not(.leading-chart) .chart-details.not-split .actions-box .actions-holder {
    display: inline-block;
    width: 260px;
    vertical-align: middle;
    box-sizing: border-box
}

.chart-box-v4:not(.leading-chart) .chart-details.not-split .actions-box .actions-holder .icon {
    width: 170px;
    height: auto;
    display: block;
    margin-bottom: 15px
}

.chart-box-v4.chart-box-v4-b.dual-comfort .chart-details > div:not(.person) {
    width: calc(100% - 660px)
}

.chart-box-v4.chart-box-v4-b .chart-details {
    padding: 0;
    display: block;
    font-size: 0
}

.chart-box-v4.chart-box-v4-b .chart-details .actions-box {
    padding: 30px
}

.chart-box-v4.chart-box-v4-b .chart-details .actions-box .actions-holder {
    margin-bottom: 15px
}

.chart-box-v4.chart-box-v4-b .chart-details > div {
    vertical-align: top
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person {
    display: inline-block;
    flex: none;
    width: 300px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person:not(:first-child) {
    margin-left: 30px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person:not(:first-child) ul li .avatar {
    background-color: #222
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul:not(.stickable) {
    max-width: none;
    width: 100%
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li:not(:first-child) {
    margin-top: 30px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li:not(:first-child).edit-li {
    margin-top: 20px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .avatar:nth-child(2) {
    background-color: #222
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .toggler {
    position: relative;
    background-color: #fff9f4;
    margin-top: 15px;
    cursor: pointer
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .toggler .info-name {
    padding: 0 42px 0 15px;
    height: 40px;
    line-height: 40px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    text-align: left;
    margin: 0
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .toggler .info-name::before {
    content: '';
    display: block;
    right: 15px;
    height: 0;
    width: 0;
    position: absolute;
    top: 16px;
    border-top: 8px solid #71aed2;
    border-left: 6px transparent solid;
    border-right: 6px transparent solid;
    transition: 300ms
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .toggler p {
    display: none;
    text-align: left;
    width: 100%;
    padding: 0 15px 15px;
    box-sizing: border-box
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .cat-name {
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .values-holder,
.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li img {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li img {
    width: 82px;
    height: auto;
    margin-bottom: -15px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .values-holder {
    width: calc(100% - 82px);
    text-align: left
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line {
    position: relative;
    top: auto;
    left: auto
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line:after {
    left: 50px;
    width: calc(100% - 100px)
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line .dot {
    height: 14px;
    width: 14px;
    margin-left: -7px;
    top: 2px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line .dot[data-value="1"] {
    left: 57px
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line .dot[data-value="2"] {
    left: calc(57px + ((100% - 114px) / 3))
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line .dot[data-value="3"] {
    left: calc(57px + ((100% - 114px) / 3 * 2))
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line .dot[data-value="4"] {
    left: calc(100% - 57px)
}

.chart-box-v4.chart-box-v4-b .chart-details > div.person ul li .line span {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    width: 50px;
    text-align: center;
    display: inline-block
}

.chart-box-v4.chart-box-v4-b .chart-details > div:not(.person) {
    display: inline-block;
    flex: none;
    width: calc(100% - 330px);
    margin: 0 0 0 30px
}

.chart-box-v4 .chart-questions {
    display: block;
    background: #fff9f4;
    text-align: center;
    font-size: 0
}

.chart-box-v4 .chart-questions li {
    display: inline-block;
    line-height: 20px;
    font-size: 16px;
    padding: 15px 0;
    font-weight: 400
}

.chart-box-v4 .chart-questions li:not(:last-child) {
    margin-right: 20px
}

.chart-box-v4 .chart-questions li .subtitle {
    font-weight: 700;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle
}

.chart-box-v4 .chart-questions li a,
.chart-box-v4 .chart-questions li div:not(.subtitle) {
    color: #71aed2;
    display: inline-block;
    vertical-align: middle
}

.chart-box-v4 .learn-more-v4 {
    color: #222;
    margin-top: 0
}

.chart-box-v4 .learn-more-v4 span {
    background: #222
}

.chart-box-v4 .order-num {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 20px
}

.chart-box-v4 .order-num span,
.reviews-v4 .reviews-section .actions > li ul li a {
    color: #222
}

.chart-box-v4 .chart-top {
    text-align: center;
    background: #fff9f4;
    padding: 40px 35px 35px;
    border-bottom: 2px solid
}

.chart-box-v4 .chart-top .info-name {
    font-weight: 400
}

.chart-box-v4 .chart-top ul li {
    font-size: 18px;
    display: inline-block;
    position: relative;
    line-height: 28px;
    font-weight: 400
}

.chart-box-v4 .actions-box ul li .cat-name,
.chart-box-v4 .chart-top ul li .cat-name {
    font-weight: 700;
    text-transform: uppercase
}

.chart-box-v4 .actions-box ul li:not(:last-child),
.chart-box-v4 .chart-top ul li:not(:last-child) {
    margin-right: 30px
}

.chart-box-v4 .chart-top ul li:not(:last-child):after {
    content: '\2022';
    text-align: center;
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 30px;
    line-height: 32px
}

.chart-box-v4 .actions-box {
    text-align: center;
    box-sizing: border-box;
    background: #fff;
    font-size: 0
}

.chart-box-v4 .actions-box.not-split {
    font-size: 0;
    background-color: #fff9f4
}

.chart-box-v4 .actions-box.not-split img,
.chart-box-v4 .actions-box.not-split video {
    display: inline-block;
    width: calc(100% - 260px);
    vertical-align: middle
}

.chart-box-v4 .actions-box.not-split .actions-holder {
    display: inline-block;
    width: 260px;
    vertical-align: middle;
    box-sizing: border-box
}

.chart-box-v4 .actions-box.mobile,
.chart-box-v4 .chart-details.mobile .person ul.fixed li .name,
.chart-box-v4 .chart-details > div.person ul li .name .second-person {
    display: none
}

.chart-box-v4 .actions-box .icon {
    width: 170px;
    height: auto;
    display: block;
    margin-bottom: 15px
}

.chart-box-v4 .actions-box img,
.chart-box-v4 .actions-box video {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto
}

.chart-box-v4 .actions-box img.logo,
.chart-box-v4 .actions-box video.logo {
    width: 91px;
    height: auto
}

.chart-box-v4 .actions-box img.mattress,
.chart-box-v4 .actions-box video.mattress {
    max-width: 457px
}

.chart-box-v4 .actions-box .title-v4 {
    margin-top: 25px;
    margin-bottom: 20px
}

.chart-box-v4 .actions-box .actions-holder {
    margin-top: 15px;
    margin-bottom: 20px
}

.chart-box-v4 .actions-box ul {
    font-size: 0;
    padding: 30px 0 5px
}

.chart-box-v4 .actions-box ul li {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font-size: 18px;
    position: relative;
    font-weight: 400
}

.chart-box-v4 .actions-box ul li:not(:last-child):after {
    content: '\2022';
    position: absolute;
    top: 0;
    left: 100%;
    width: 30px;
    text-align: center;
    display: block;
    height: 100%
}

.chart-box-v4 .actions-box p {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    display: block;
    max-width: 100%;
    margin: 0 auto
}

.chart-box-v4 .actions-box p .learn-more-v4 {
    color: #71aed2;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 700
}

.chart-box-v4 .actions-box p .learn-more-v4 span {
    background-color: #71aed2;
    height: 1px;
    top: calc(100% - 2px)
}

.chart-box-v4 .chart-details {
    background: #fff;
    font-size: 0;
    padding: 40px;
    display: flex;
    justify-content: center
}

.chart-box-v4 .chart-details.mobile {
    display: none;
    background: #fff;
    padding: 0
}

.chart-box-v4 .chart-details.mobile .person {
    background: #fff9f4;
    margin-left: -18px;
    margin-right: -18px;
    height: 150px
}

.chart-box-v4 .chart-details.mobile .person ul {
    height: 150px;
    width: 100%;
    background: #fff9f4;
    z-index: 200;
    display: flex;
    transition: all 300ms
}

.chart-box-v4 .chart-details.mobile .person ul.fixed {
    position: fixed;
    top: 0;
    left: 0;
    height: auto
}

.chart-box-v4 .chart-details.mobile .person ul.fixed li {
    padding: 20px
}

.chart-box-v4 .chart-details.mobile .person ul.fixed li .avatar {
    margin-bottom: 0
}

.chart-box-v4 .chart-details.mobile .person ul li {
    flex: calc(50% - 1px);
    font-size: 0;
    padding: 30px;
    box-sizing: border-box;
    border-bottom: 2px solid #ffe3c9;
    cursor: pointer;
    border-bottom-color: #ffe3c9;
    transition: all 300ms
}

.chart-box-v4 .chart-details.mobile .person ul li > div {
    opacity: .6
}

.chart-box-v4 .chart-details.mobile .person ul li .name {
    font-size: 20px
}

.chart-box-v4 .chart-details.mobile .person ul li:first-child .avatar {
    background: #71aed2
}

.chart-box-v4 .chart-details.mobile .person ul li:first-child .avatar:nth-child(2),
.chart-box-v4 .chart-details > div.person.blended ul li:first-child .avatar:nth-child(2) {
    background: #222
}

.chart-box-v4 .chart-details.mobile .person ul li:nth-child(2) {
    margin-left: 2px
}

.chart-box-v4 .chart-details.mobile .person ul li:nth-child(2) .avatar {
    background: #222
}

.chart-box-v4 .chart-details.mobile .person ul li.active {
    border-bottom-color: #71aed2
}

.chart-box-v4 .chart-details.in-categories .person .info-name {
    margin-bottom: 70px
}

.chart-box-v4 .chart-details > div.person {
    flex: 230px;
    position: relative;
    flex-grow: 0
}

.chart-box-v4 .chart-details > div.person .learn-more-v4 {
    font-weight: 700
}

.chart-box-v4 .chart-details > div.person .middled {
    height: 100%
}

.chart-box-v4 .chart-details > div.person .avatar:nth-child(2) {
    display: none
}

.chart-box-v4 .chart-details > div.person:first-child .avatar {
    background: #71aed2
}

.chart-box-v4 .chart-details > div.person.blended .avatar:nth-child(2) {
    display: inline-block;
    margin-left: 10px;
    background: #222
}

.chart-box-v4 .chart-details > div.person.blended ul li .name .second-person {
    display: inline-block
}

.chart-box-v4 .chart-details > div.person:not(:first-child) .avatar {
    background: #222
}

.chart-box-v4 .chart-details > div.person p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    width: 230px;
    max-width: 100%;
    margin: 0 auto
}

.chart-box-v4 .chart-details > div.person .info-name {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400;
    width: 230px;
    max-width: 100%;
    margin: 0 auto 70px;
    text-align: center
}

.chart-box-v4 .chart-details > div.person .sleep-profile {
    margin-top: 5px;
    font-size: 14px;
    margin-bottom: -10px
}

.chart-box-v4 .chart-details > div.person .values-holder {
    position: relative;
    width: 230px;
    max-width: 100%;
    margin: 6px auto 0
}

.chart-box-v4 .chart-details > div.person .line {
    height: 18px;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%
}

.chart-box-v4 .chart-details > div.person .line:after {
    content: '';
    display: block;
    background: #71aed2;
    height: 2px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 8px
}

.chart-box-v4 .chart-details > div.person .line .dot {
    position: absolute;
    height: 18px;
    width: 18px;
    background: #222;
    border-radius: 50%;
    top: 0;
    left: 50%;
    margin-left: -9px;
    z-index: 2
}

.chart-box-v4 .chart-details > div.person .line .dot[data-value="1"] {
    left: 0%
}

.chart-box-v4 .chart-details > div.person .line .dot[data-value="2"] {
    left: 33%
}

.chart-box-v4 .chart-details > div.person .line .dot[data-value="3"] {
    left: 66%
}

.chart-box-v4 .chart-details > div.person .line .dot[data-value="4"] {
    left: 100%
}

.chart-box-v4 .chart-details > div.person ul {
    padding: 0;
    margin: 0 auto
}

.chart-box-v4 .chart-details > div.person ul:not(.stickable) {
    max-width: 230px
}

.chart-box-v4 .chart-details > div.person ul li {
    display: block;
    text-align: center
}

.chart-box-v4 .chart-details > div.person ul li .action-edit {
    color: #71aed2;
    font-size: 14px
}

.chart-box-v4 .chart-details > div.person ul li .action-edit span {
    top: calc(100% - 2px);
    background-color: #71aed2;
    height: 1px
}

.chart-box-v4 .chart-details > div.person ul li .avatar {
    font-weight: 700;
    font-size: 20px;
    width: 46px;
    height: 46px;
    line-height: 48px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-bottom: 15px;
    text-transform: uppercase
}

.chart-box-v4 .chart-details > div.person ul li .name {
    font-size: 24px;
    font-weight: 700
}

.chart-box-v4 .chart-details > div.person ul li .cat-name {
    margin-top: 35px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.chart-box-v4 .chart-details > div:not(.person) {
    flex: calc(100% - 540px);
    margin: 0 40px
}

.chart-box-v4 .reorder-button {
    background: #fff;
    padding: 30px;
    text-align: center;
    border-top: solid 2px
}

.configuration-v4 {
    max-width: 780px
}

.configuration-v4 .learn-more-v4.go-back::before {
    content: '←';
    font-family: 'Roboto', sans-serif;;
    font-weight: 700;
    display: inline-block
}

.configuration-v4 .chart-box-v4 .chart-top .title-v4 {
    margin-top: 40px
}

.configuration-v4 .chart-box-v4 .chart-top ul {
    margin: 15px auto
}

.configuration-v4 .chart-box-v4 .chart-top .order-num {
    margin-top: 0
}

.configuration-v4 .chart-box-v4 .chart-details {
    padding: 0
}

.configuration-v4 .chart-box-v4 .chart-details > .person {
    padding: 40px 50px 15px;
    flex-grow: 1
}

.configuration-v4 .chart-box-v4 .chart-details > .person:nth-child(2) {
    border-left: 2px solid
}

@media (max-width: 680px) {
    .configuration-v4 .chart-box-v4 .chart-top {
        padding: 30px
    }

    .configuration-v4 .chart-box-v4 .chart-top .title-v4 {
        font-size: 30px;
        line-height: 38px
    }

    .configuration-v4 .chart-box-v4 .chart-top ul li:not(:last-child) {
        margin-right: 0;
        display: block
    }

    .configuration-v4 .chart-box-v4 .chart-top ul li:not(:last-child):after {
        display: none
    }

    .configuration-v4 .chart-box-v4 .order-num {
        font-size: 18px;
        line-height: 28px;
        margin-top: 15px
    }

    .configuration-v4 .chart-box-v4 .chart-details {
        display: block
    }

    .configuration-v4 .chart-box-v4 .chart-details > .person {
        flex: none;
        display: block
    }

    .configuration-v4 .chart-box-v4 .chart-details > .person:nth-child(2) {
        border-left: none;
        border-top: 2px solid
    }

    .configuration-v4 .chart-box-v4 .reorder-button {
        padding: 0;
        border-top: none
    }

    .configuration-v4 .chart-box-v4 .reorder-button .button-v4 {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 200;
        border-top: 2px solid #fff
    }

    .configuration-v4 .chart-box-v4 .reorder-button .button-v4:hover {
        opacity: 1
    }
}

body.scrolled .showroom-v4-header.scrolled,
body.small-header .showroom-v4-header.scrolled {
    transform: translate3d(0, 0, 0)
}

body.small-header .showroom-v4-header:not(.scrolled) {
    display: none
}

.showroom-v4-header {
    background-color: #71aed2;
    transition: all 300ms
}

.showroom-v4-header.scrolled {
    height: 75px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate3d(0, -100%, 0);
    transition: 600ms;
    z-index: 100
}

.showroom-v4-header.scrolled .showroom-selector {
    padding: 15px 0 15px 20px
}

.showroom-v4-header.scrolled .showroom-selector img {
    display: none
}

.showroom-v4-header.scrolled .showroom-selector .select {
    margin: 0;
    width: 200px
}

.showroom-v4-header.scrolled .showroom-selector .select select {
    font-size: 24px;
    text-align-last: left
}

.showroom-v4-header .add-appointment {
    top: 25px;
    right: 30px;
    position: absolute;
    display: block;
    width: 30px;
    height: 30px
}

.showroom-v4-header .add-appointment span {
    height: 4px;
    width: 100%;
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    border-radius: 2px;
    background-color: #fff9f4
}

.showroom-v4-header .add-appointment span:first-child {
    transform: rotate(90deg)
}

.showroom-v4-header .showroom-selector {
    text-align: center;
    padding: 50px 25px
}

.showroom-v4-header .showroom-selector img {
    width: 102px;
    height: auto;
    display: block;
    margin: 0 auto
}

.showroom-v4-header .showroom-selector .select {
    width: 320px;
    position: relative;
    margin: 20px auto 0
}

.showroom-v4-header .showroom-selector .select:before {
    position: absolute;
    top: 50%;
    right: 0;
    height: 0;
    width: 0;
    content: '';
    display: block;
    margin-top: -5px;
    border-top: #fff9f4 solid 9px;
    border-left: transparent solid 8px;
    border-right: transparent solid 8px
}

.showroom-v4-header .showroom-selector select {
    display: block;
    width: 100%;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    color: #fff9f4;
    font-size: 40px;
    height: 45px;
    font-weight: 700;
    background-color: transparent;
    text-align-last: center
}

.checkout-v4 .checkout-summary .summary-ul li .discount input[type=text]::-webkit-inner-spin-button,
.checkout-v4 .checkout-summary .summary-ul li .discount input[type=text]::-webkit-outer-spin-button,
.shop-v4 .shop-vanity .headline select::-webkit-inner-spin-button,
.shop-v4 .shop-vanity .headline select::-webkit-outer-spin-button,
.showroom-v4-header .showroom-selector select::-webkit-inner-spin-button,
.showroom-v4-header .showroom-selector select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.showroom-v4.internal-facing .popup-window-v4 {
    background-color: #71aed2 !important
}

.showroom-v4.internal-facing .button {
    font-size: 18px
}

.showroom-v4.internal-facing .date-selector {
    margin: 40px auto
}

.showroom-v4.internal-facing .date-selector .day-slider {
    max-width: 650px;
    margin: 0 auto;
    position: relative
}

.showroom-v4.internal-facing .date-selector .slider-frame {
    overflow: visible !important
}

.showroom-v4.internal-facing .date-selector .slider-frame li {
    max-width: 650px;
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #71aed2;
    display: inline-block;
    margin: 0 10px
}

.showroom-v4.internal-facing .date-selector .slider-frame li label {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%
}

.showroom-v4.internal-facing .date-selector .slider-frame li label .month {
    background-color: #71aed2;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    text-align: center;
    height: 55px;
    line-height: 55px
}

.showroom-v4.internal-facing .date-selector .slider-frame li label .day {
    line-height: 100px;
    height: 100px;
    text-align: center;
    color: #71aed2;
    font-weight: 900;
    font-size: 60px
}

.showroom-v4.internal-facing .date-selector .btn {
    position: absolute;
    width: 50px;
    height: calc(100% - 55px);
    top: 55px
}

.showroom-v4.internal-facing .date-selector .btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -4px;
    margin-left: -5px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent
}

.showroom-v4.internal-facing .date-selector .btn.next {
    right: 0
}

.showroom-v4.internal-facing .date-selector .btn.next:after {
    border-left: 10px solid #71aed2
}

.showroom-v4.internal-facing .date-selector .btn.prev {
    left: 0
}

.showroom-v4.internal-facing .date-selector .btn.prev:after {
    border-right: 10px solid #71aed2
}

.showroom-v4.internal-facing .slots {
    position: relative;
    width: 100%;
    max-width: 650px;
    margin: 0 auto 100px;
    padding-top: 0
}

.showroom-v4.internal-facing .slots.loading::after {
    left: 50%;
    opacity: 1;
    transition: left 0ms, opacity 600ms
}

.showroom-v4.internal-facing .slots::after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -9999px;
    opacity: 0;
    transition: left 0ms 600ms, opacity 600ms 0ms;
    margin-left: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #71aed2;
    border-right-color: transparent;
    animation: rotate 1s infinite
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.showroom-v4.internal-facing .slots .empty .slot-inner {
    border: 2px solid #71aed2;
    padding: 30px;
    background: #fff9f4;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase
}

.showroom-v4.internal-facing .slot-reservation {
    border: 2px solid #71aed2;
    text-align: center;
    margin-bottom: 40px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner {
    background-color: #fff9f4;
    padding-top: 35px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .toolbar {
    display: none
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .avatar {
    display: inline-block;
    margin: 0 auto;
    background-color: #71aed2;
    height: 46px;
    width: 46px;
    line-height: 46px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .name {
    font-size: 24px;
    color: #71aed2;
    font-weight: 700;
    padding-top: 12px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .scheduled-time {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 30px;
    border-bottom: 2px solid #71aed2
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves-holder {
    width: 100%;
    display: block;
    background-color: #fff;
    overflow: hidden
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves {
    background-color: #fff;
    padding: 30px 30px 0;
    display: block;
    font-size: 0;
    white-space: nowrap
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves[data-length="1"] li:not(:last-child) {
    margin-right: 0
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves[data-length="2"] li {
    width: calc(50% - 5px)
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li {
    display: inline-block;
    width: calc((100% - 20px) / 3);
    height: 160px;
    background-color: #fff9f4;
    margin-bottom: 30px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li a {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
    color: #71aed2
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li.selected,
.showroom-v4.internal-facing.detail .select-view li.active {
    background-color: #71aed2
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li.selected .save-date {
    background: no-repeat url(//helixcontent1.com//showroom-v4/active-slot.png) center top/25px 25px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li:not(:last-child) {
    margin-right: 10px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li .save-date,
.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li .save-time {
    font-size: 18px;
    text-transform: uppercase;
    display: block
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li .save-date {
    font-weight: 700;
    padding-top: 40px;
    background: no-repeat url(//helixcontent1.com//showroom-v4/inactive-slot.png) center top/25px 25px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .saves li .save-time {
    font-weight: 400
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .buttons {
    background-color: #fff;
    padding: 0 30px 30px
}

.showroom-v4.internal-facing .slot-reservation .slot-inner .buttons .button {
    height: 62px;
    line-height: 64px;
    font-weight: 700;
    background-color: #222;
    width: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 1px
}

.showroom-v4.internal-facing .slot-free {
    height: 96px;
    line-height: 96px;
    background-color: #fff9f4;
    border: 2px solid #71aed2;
    text-align: center;
    font-size: 20px;
    font-weight: 400
}

.showroom-v4.internal-facing .slot-free .slot-inner {
    height: 100%;
    width: 100%;
    position: relative
}

.showroom-v4.internal-facing .slot-free .slot-inner a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.showroom-v4.internal-facing .slot-free .slot-inner .time {
    pointer-events: none
}

.showroom-v4.internal-facing .slot-free:last-child {
    margin-bottom: 40px
}

.showroom-v4.internal-facing .slot-free + .slot-reservation {
    margin-top: 40px
}

.showroom-v4.internal-facing .slot-free + .slot-free {
    border-top: 0
}

.forms-v4 form .form-box textarea[name=question],
.showroom-v4.internal-facing .back-to-appointments {
    margin: 40px auto
}

.showroom-v4.internal-facing .cancel-appointment-btn {
    margin-top: 20px
}

.showroom-v4.internal-facing .back-to-appointments,
.showroom-v4.internal-facing .cancel-appointment-btn {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #71aed2;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative
}

.showroom-v4.internal-facing .back-to-appointments:after,
.showroom-v4.internal-facing .cancel-appointment-btn:after {
    content: '';
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #71aed2
}

.showroom-v4.internal-facing.detail {
    text-align: center;
    max-width: 650px;
    margin: 0 auto
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul,
.showroom-v4.internal-facing.detail .select-view {
    font-size: 0
}

.showroom-v4.internal-facing.detail .select-view li {
    display: inline-block;
    width: calc((100% - 15px) / 2);
    height: 64px;
    line-height: 66px;
    text-align: center;
    font-weight: 700;
    background-color: #fff9f4
}

.showroom-v4.internal-facing.detail .select-view li.active a {
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.showroom-v4.internal-facing.detail .select-view li:first-child {
    margin-right: 15px
}

.showroom-v4.internal-facing.detail .select-view li a {
    display: block;
    text-align: center;
    height: 100%;
    width: 100%;
    color: #71aed2;
    font-size: 18px;
    text-transform: uppercase
}

.showroom-v4.internal-facing.detail .views {
    margin-top: 40px
}

.financing-v4 .financing-detail .image-holder img.mobile,
.financing-v4 .financing-detail .image-holder img.tablet,
.forms-v4 form .button-v4 i,
.highlight-stripe-v4 ul li span .break,
.showroom-v4 .showroom-hero img.mobile,
.showroom-v4 .showroom-hero img.tablet,
.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li,
.showroom-v4.internal-facing.detail .views > li {
    display: none
}

.forms-v4 form .form-box > ul li,
.showroom-v4.internal-facing.detail .customer-view .design-save > ul > li ul li,
.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li.active,
.showroom-v4.internal-facing.detail .views > li.active {
    display: block
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list {
    position: relative;
    font-size: 0;
    white-space: nowrap
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .specs {
    border: 2px solid #71aed2;
    font-size: 0
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .specs li {
    display: inline-block;
    width: calc(50% - 1px);
    height: 100px;
    padding: 25px;
    font-size: 18px;
    box-sizing: border-box
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .specs li.size {
    border-right: 2px solid #71aed2
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .specs li .spec-name {
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .specs li .spec-value {
    line-height: 30px;
    font-weight: 400
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials {
    margin-top: 40px;
    margin-bottom: 40px;
    border: 2px solid #71aed2;
    padding: 40px 25px;
    font-size: 0
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials[data-columns="2"] li.size {
    width: calc((100% - 70px) / 2)
}

.showroom-v4.internal-facing.detail .customer-view .design-save .topinfo .mattress span,
.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li {
    display: inline-block;
    vertical-align: middle
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li:not(:last-child) {
    margin-right: 10px
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li.layers {
    width: 50px
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li.size {
    width: calc(100% - 60px)
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li ul > li {
    height: 215px;
    background-color: #fff9f4;
    color: #71aed2;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    text-transform: uppercase
}

.showroom-v4.internal-facing.detail .helix-view .slot-block .saves-list li .materials > li ul > li img {
    display: block;
    width: 110px;
    height: auto;
    max-width: 100%;
    margin: 0 auto 12px
}

.showroom-v4.internal-facing.detail .customer-view .design-save {
    border: 2px solid #71aed2;
    margin-bottom: 100px
}

.showroom-v4.internal-facing.detail .customer-view .design-save .topinfo {
    background-color: #fff9f4;
    color: #71aed2;
    padding: 50px;
    border-bottom: 2px solid #71aed2
}

.showroom-v4.internal-facing.detail .customer-view .design-save .topinfo .customer-name {
    font-size: 40px;
    line-height: 45px;
    font-weight: 700;
    margin-bottom: 15px
}

.showroom-v4.internal-facing.detail .customer-view .design-save .topinfo .mattress {
    font-size: 18px;
    font-weight: 400
}

.showroom-v4.internal-facing.detail .customer-view .design-save .topinfo .mattress span span {
    vertical-align: middle
}

.showroom-v4.internal-facing.detail .customer-view .design-save .topinfo .mattress span .type-name {
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 4px
}

.showroom-v4.internal-facing.detail .customer-view .design-save .topinfo .mattress .divider {
    margin: 0 8px
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul {
    display: flex;
    font-size: 0
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul > li {
    flex: 50%;
    width: 50%;
    max-width: 325px;
    margin: 0 auto;
    font-weight: 700;
    box-sizing: border-box;
    padding: 40px 50px 50px
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul > li:nth-child(2) {
    border-left: 2px solid #71aed2
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul > li:nth-child(2) .avatar {
    background-color: #222
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul > li ul li:not(:last-child) {
    margin-bottom: 46px
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul .avatar {
    font-size: 20px;
    color: #fff;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background-color: #71aed2;
    margin: 0 auto 15px;
    line-height: 48px
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul .person {
    font-size: 24px;
    margin-bottom: 40px
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul .name {
    font-size: 18px
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul .value {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 28px
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul .line {
    width: 100%;
    height: 2px;
    background-color: #71aed2;
    position: relative
}

.showroom-v4.internal-facing.detail .customer-view .design-save > ul .line .circle {
    position: absolute;
    top: 0;
    margin-top: -8px;
    height: 18px;
    width: 18px;
    background-color: #222;
    border-radius: 50%
}

.showroom-v4.internal-facing.appointment {
    text-align: center
}

.showroom-v4.internal-facing.appointment .back-to-appointments {
    margin-top: 115px
}

.showroom-v4.internal-facing.appointment .showroom-form {
    border: 2px solid #71aed2;
    max-width: 650px;
    margin: 0 auto 100px;
    padding: 30px 0 0;
    box-sizing: border-box
}

.showroom-v4.internal-facing.appointment .showroom-form .fields-holder {
    margin: 65px 0 0;
    padding-bottom: 30px;
    border-bottom: 2px solid #71aed2
}

.showroom-v4.internal-facing.appointment .showroom-form .submit-holder {
    padding: 30px
}

.showroom-v4.internal-facing.appointment .button-v4 {
    width: 100%;
    max-width: 320px;
    position: relative
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder button i,
.showroom-v4.internal-facing.appointment .button-v4 i {
    position: absolute;
    top: 22px;
    left: 13px
}

.showroom-v4.internal-facing.appointment .error {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 400;
    color: red;
    text-transform: uppercase
}

.shop-v4 .hero > li .slider ul li img,
.showroom-v4 .showroom-hero img {
    width: 100%;
    height: auto;
    display: block
}

.showroom-v4 .showroom-hero .text-content {
    max-width: 100%;
    width: 980px;
    padding: 70px 50px 65px;
    margin: 0 auto;
    box-sizing: border-box;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-align: center
}

.showroom-v4 .showroom-hero .text-content .title-big-v4 {
    margin-top: 0;
    margin-bottom: 0
}

.showroom-v4 .showroom-hero .text-content .text-v4 {
    margin-top: 10px;
    font-size: 24px;
    line-height: 34px
}

.showroom-v4 .showroom-identity {
    background-color: #71aed2;
    margin: 0 30px;
    padding: 40px 40px 50px;
    color: #fff9f4;
    text-align: center;
    -webkit-font-smoothing: antialiased
}

.showroom-v4 .showroom-identity img {
    display: block;
    margin: 0 auto;
    width: 205px;
    height: auto
}

.showroom-v4 .showroom-identity .title-v4 {
    margin-top: 25px;
    margin-bottom: 5px
}

.showroom-v4 .options-sign-v4 {
    border-top-color: #222
}

.showroom-v4 .appointment-form {
    background-color: #fff;
    padding-top: 30px
}

.showroom-v4 .appointment-form .fieldset-v4 .fields-holder {
    padding: 55px 20px 50px;
    border-bottom: 2px solid
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder {
    padding: 35px 20px 25px;
    text-align: center
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder button {
    position: relative;
    width: 320px;
    max-width: 100%
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error {
    position: fixed;
    top: 0;
    left: -9999px;
    width: 100%;
    line-height: 22px;
    padding: 10px 40px;
    min-height: 42px;
    font-weight: 400;
    color: #fff;
    background-color: red;
    display: block;
    box-sizing: border-box;
    transition: left 0ms 600ms, opacity 600ms;
    opacity: 0;
    z-index: 500
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error.visible {
    left: 0;
    opacity: 1;
    transition: left 0ms, opacity 600ms
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error .close {
    top: 0;
    height: 100%;
    right: 20px;
    position: absolute;
    width: 20px;
    cursor: pointer
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error .close:after,
.showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error .close:before {
    position: absolute;
    content: '';
    display: block;
    background-color: #fff;
    height: 2px;
    width: 100%;
    top: 20px;
    left: 0
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error .close:after {
    transform: rotate(45deg)
}

.showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error .close:before {
    transform: rotate(-45deg)
}

@media (max-width: 1120px) {
    .showroom-v4 .showroom-hero {
        border-left: none;
        border-right: none;
        margin-left: -18px;
        margin-right: -18px
    }

    .showroom-v4 .showroom-hero img:not(.tablet) {
        display: none
    }

    .showroom-v4 .showroom-hero img.tablet {
        display: block
    }

    .showroom-v4 .showroom-hero .text-content {
        padding: 50px
    }

    .showroom-v4 .showroom-hero .text-content .title-big-v4 {
        font-size: 40px;
        line-height: 44px
    }

    .showroom-v4 .showroom-hero .text-content .text-v4 {
        font-size: 20px;
        line-height: 30px
    }

    .showroom-v4 .napcity {
        margin-top: 20px
    }
}

@media (max-width: 680px) {
    .showroom-v4 .showroom-hero {
        margin-left: 0;
        margin-right: 0
    }

    .showroom-v4 .showroom-hero img:not(.mobile) {
        display: none
    }

    .showroom-v4 .showroom-hero img.mobile {
        display: block
    }

    .showroom-v4 .showroom-hero .text-content {
        padding: 40px 30px
    }

    .showroom-v4 .showroom-hero .text-content .title-big-v4,
    .showroom-v4 .showroom-identity .title-v4 {
        font-size: 30px;
        line-height: 34px
    }

    .showroom-v4 .showroom-hero .text-content .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .showroom-v4 .showroom-form {
        padding: 0
    }

    .showroom-v4 .showroom-identity {
        margin: 0
    }

    .showroom-v4 .showroom-identity img {
        width: 165px
    }

    .showroom-v4 .showroom-identity .text-v4 {
        font-size: 16px;
        line-height: 20px
    }

    .showroom-v4 .button-v4.fixed {
        display: block
    }

    .showroom-v4 .appointment-form {
        margin-left: -18px;
        margin-right: -18px;
        border: none;
        padding-top: 0
    }

    .showroom-v4 .appointment-form .fieldset-v4 .submit-holder {
        border-bottom: 2px solid
    }

    .showroom-v4 .napcity {
        padding-top: 18px
    }
}

.showroom-v4 .appointment-box {
    background: #fff;
    padding: 30px 0;
    font-size: 0
}

.showroom-v4 .appointment-box > div {
    display: inline-block;
    box-sizing: border-box;
    width: calc(50% - 60px);
    vertical-align: middle
}

.showroom-v4 .appointment-box .appointment-details {
    margin: 0 30px;
    text-align: center
}

.showroom-v4 .appointment-box .appointment-details .person-name {
    margin-top: 25px;
    margin-bottom: 25px
}

.showroom-v4 .appointment-box .appointment-details .avatar {
    font-weight: 700;
    font-size: 20px;
    background: #222;
    width: 46px;
    height: 46px;
    line-height: 46px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased
}

.showroom-v4 .appointment-box .appointment-details .name {
    font-size: 24px;
    font-weight: 700
}

.showroom-v4 .appointment-box .appointment-details .details .text-v4 {
    display: block;
    line-height: 36px
}

.showroom-v4 .appointment-box .appointment-details .actions {
    text-align: center;
    font-size: 0;
    margin-top: 30px
}

.showroom-v4 .appointment-box .appointment-details .actions li {
    display: inline-block;
    max-width: calc((100% - 15px) / 2);
    width: 170px;
    vertical-align: middle
}

.showroom-v4 .appointment-box .appointment-details .actions li span {
    font-size: 22px;
    font-weight: 900
}

.showroom-v4 .appointment-box .appointment-details .actions li:nth-child(2) {
    margin-left: 15px
}

.showroom-v4 .appointment-box .appointment-details .actions li a,
.showroom-v4 .appointment-box .appointment-details .actions li button {
    width: 100%
}

.showroom-v4 .showroom-guidance {
    background: #fff;
    display: flex
}

.showroom-v4 .showroom-guidance > li {
    position: relative;
    flex: calc((100% - 25px) / 2)
}

.showroom-v4 .showroom-guidance > li:nth-child(2) {
    margin-left: 25px
}

.showroom-v4 .showroom-guidance > li.guidance-how > div > ul > li {
    padding: 40px 0 45px
}

.showroom-v4 .showroom-guidance > li.guidance-how > div > ul > li:first-child {
    padding-bottom: 55px
}

.showroom-v4 .showroom-guidance > li.guidance-directions > div > ul > li {
    padding: 35px 25px 40px
}

.showroom-v4 .showroom-guidance > li > div > img {
    display: block;
    width: 470px;
    max-width: calc(100% - 100px);
    height: auto;
    margin: -20px auto 0
}

.showroom-v4 .showroom-guidance > li .box-title {
    position: relative;
    line-height: 50px;
    padding: 20px 25px;
    background: #fff9f4;
    border-bottom: 2px solid;
    z-index: 2
}

.showroom-v4 .showroom-guidance > li .title-small {
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    text-transform: uppercase;
    letter-spacing: .08em
}

.showroom-v4 .showroom-guidance > li .text-v4 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 26px
}

.showroom-v4 .showroom-guidance > li .text-v4 .strong {
    font-weight: 700
}

.showroom-v4 .showroom-guidance > li .learn-more-v4 {
    margin-top: 10px;
    color: #222
}

.faq-v4 .faq-question ul li .learn-more-v4 span,
.showroom-v4 .showroom-guidance > li .learn-more-v4 span {
    background: #222
}

.showroom-v4 .showroom-guidance > li > div > ul {
    padding: 0 25px 120px
}

.showroom-v4 .showroom-guidance > li > div > ul > li:not(:last-child) {
    border-bottom: 2px solid
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul li:first-child {
    width: 180px;
    text-align: center
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul li:last-child {
    width: calc(100% - 180px);
    box-sizing: border-box;
    padding-right: 40px
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul li .icon {
    max-width: 100%;
    margin: 5px auto 0;
    display: inline-block
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul li .icon.i-1 {
    width: 116px
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul li .icon.i-2 {
    width: 82px
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul li .icon.i-3 {
    width: 104px
}

.showroom-v4 .showroom-guidance > li > div > ul > li ul li .icon.i-4 {
    width: 83px
}

.showroom-v4 .showroom-guidance > li .action-holder {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    border-top: 2px solid;
    padding: 30px;
    box-sizing: border-box;
    text-align: center
}

@media (max-width: 1120px) {
    .showroom-v4 .appointment-box {
        padding: 30px 0 50px
    }

    .showroom-v4 .appointment-box > div {
        display: block;
        width: auto
    }

    .showroom-v4 .appointment-box .appointment-details {
        margin-top: 50px
    }

    .showroom-v4 .showroom-guidance-holder {
        border: none
    }

    .showroom-v4 .showroom-guidance {
        display: block;
        background: 0 0
    }

    .showroom-v4 .showroom-guidance > li {
        display: block;
        width: auto;
        flex: none;
        background: #fff;
        border: 12px solid;
        border-color: #fff !important
    }

    .showroom-v4 .showroom-guidance > li > div {
        border: 2px solid
    }

    .showroom-v4 .showroom-guidance > li > div > ul > li ul li:last-child {
        padding-right: 0
    }

    .showroom-v4 .showroom-guidance > li:nth-child(2) {
        margin-left: 0;
        margin-top: 30px
    }

    .showroom-v4 .button-v4.fixed {
        display: none
    }
}

@media (max-width: 680px) {
    .showroom-v4 .appointment-box {
        margin-left: -18px;
        margin-right: -18px;
        padding: 20px 0 30px;
        border-right: 0;
        border-left: 0
    }

    .showroom-v4 .appointment-box .appointment-details {
        margin-right: 18px;
        margin-left: 18px
    }

    .showroom-v4 .appointment-box .appointment-details .actions li {
        display: block;
        max-width: none;
        width: auto
    }

    .showroom-v4 .appointment-box .appointment-details .actions li:first-child {
        margin-bottom: 10px;
        margin-right: 0
    }

    .showroom-v4 .appointment-box .appointment-details .actions li:nth-child(2) {
        margin-left: 0
    }

    .showroom-v4 .title-v4 {
        font-size: 30px;
        line-height: 40px
    }

    .showroom-v4 .showroom-guidance > li {
        border-right-width: 18px;
        border-left-width: 18px
    }

    .showroom-v4 .showroom-guidance > li .box-title {
        line-height: 35px;
        padding: 20px
    }

    .showroom-v4 .showroom-guidance > li.guidance-directions > div > ul > li,
    .showroom-v4 .showroom-guidance > li.guidance-how > div > ul > li {
        padding: 30px 0 35px
    }

    .showroom-v4 .showroom-guidance > li > div > img {
        max-width: calc(100% - 40px);
        margin-top: 10px
    }

    .showroom-v4 .showroom-guidance > li > div > ul {
        padding-left: 20px;
        padding-right: 20px
    }

    .showroom-v4 .showroom-guidance > li > div > ul > li ul li:first-child {
        display: block;
        width: auto;
        text-align: left
    }

    .showroom-v4 .showroom-guidance > li > div > ul > li ul li:last-child {
        margin-top: 20px;
        width: auto;
        display: block
    }

    .showroom-v4 .button-v4.fixed {
        display: block
    }

    .showroom-v4 .button-v4.process-dependent {
        background-color: #f9aba7;
        pointer-events: none
    }

    .showroom-v4 .button-v4.process-dependent.form-processable {
        background-color: #222;
        pointer-events: auto
    }

    .showroom-v4 .appointment-form .fieldset-v4 .submit-holder .process-error {
        padding: 10px 20px;
        text-align: left
    }
}

.forms-v4.warranty-v4 .jump-links ul {
    margin-top: 30px;
    display: block;
    background-color: #fff
}

.forms-v4.warranty-v4 .jump-links li:first-child a {
    padding-top: 10px
}

.forms-v4.warranty-v4 .jump-links li:last-child a {
    padding-bottom: 10px
}

.forms-v4.warranty-v4 .jump-links a {
    padding: 0 12px;
    color: #71aed2;
    font-size: 26px;
    line-height: 40px;
    display: inline-block;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    font-weight: 700
}

.forms-v4.warranty-v4 .form-hero .form-subtitle {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

.forms-v4 .form-hero {
    text-align: center;
    color: #fff9f4;
    padding: 70px 65px 65px;
    -webkit-font-smoothing: antialiased
}

.forms-v4 .form-hero img {
    width: 80px;
    height: auto
}

.forms-v4 .form-hero img.warranty-ico {
    width: 62px
}

.forms-v4 .form-hero img.refer-ico {
    width: 90px
}

.forms-v4 .form-hero img.privacy-ico {
    width: 60px
}

.forms-v4 .form-hero .form-title {
    font-size: 60px;
    line-height: 65px;
    font-weight: 700;
    margin-top: 25px
}

.forms-v4 .form-hero .form-subtitle {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    margin-top: 8px;
    max-width: 760px;
    margin-left: auto;
    margin-right: auto
}

.forms-v4 .additional-feedback {
    padding: 40px 0
}

.forms-v4 .additional-feedback .text-v4 {
    font-weight: 500;
    font-size: 18px;
    padding: 0 40px
}

.forms-v4 .top-bordered {
    border-top: 2px solid #71aed2
}

.forms-v4 .button-v4 {
    max-width: calc(100% - 60px)
}

.forms-v4 form {
    width: 880px;
    max-width: 100%;
    margin: 40px auto 0;
    padding: 50px;
    box-sizing: border-box;
    background: #fff;
    display: block;
    text-align: center
}

.forms-v4 form .form-box {
    margin-bottom: 50px
}

.forms-v4 form .form-box > ul {
    max-width: 320px;
    width: calc(100% - 30px);
    padding: 40px 30px;
    margin: 0 auto
}

.forms-v4 form .form-box > ul li:not(:last-child) {
    margin-bottom: 20px
}

.forms-v4 form .form-box > ul li label {
    display: block;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    position: relative;
    padding-left: 40px;
    line-height: 26px
}

.forms-v4 form .form-box > ul li label.for-checkbox span {
    position: absolute;
    border-radius: 0
}

.forms-v4 form .form-box > ul li label.for-checkbox span:after {
    position: absolute;
    background: no-repeat url(//helixcontent1.com//tick-v4.png) center center/14px auto;
    width: 14px;
    height: 12px;
    top: 5px;
    left: 4px
}

.forms-v4 form .form-box > ul li label span {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid #71aed2;
    box-sizing: border-box;
    display: inline-block
}

.forms-v4 form .form-box > ul li label span:after {
    position: absolute;
    opacity: 0;
    background: #222;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    top: 5px;
    left: 5px;
    display: block;
    content: '';
    transition: all 300ms
}

.forms-v4 form .form-box textarea {
    height: 150px;
    line-height: 24px;
    padding: 20px;
    resize: none;
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #71aed2;
    background: #fff;
    max-width: 500px;
    width: calc(100% - 60px);
    border: 2px solid #71aed2;
    margin: 20px auto 0;
    box-sizing: border-box;
    appearance: none;
    border-radius: 0;
    position: relative
}

.forms-v4 form .form-box textarea.errorinput {
    border-color: red
}

.forms-v4 form .form-box .image-input-holder {
    padding: 40px 30px
}

.forms-v4 form .form-box .image-input-holder .for-image {
    display: block;
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    font-size: 0;
    cursor: pointer
}

.forms-v4 form .form-box .image-input-holder .for-image:hover .browse-button {
    background-color: #002655
}

.forms-v4 form .form-box .image-input-holder .for-image > span {
    display: inline-block;
    width: calc(100% - 130px);
    padding: 0 20px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    color: #71aed2;
    line-height: 62px;
    height: 62px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    text-align: left
}

.forms-v4 form .form-box .image-input-holder .for-image .browse-button {
    vertical-align: middle;
    width: 130px;
    display: inline-block;
    height: 62px;
    line-height: 62px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
    background-color: #71aed2;
    transition: all 300ms
}

.forms-v4 form .form-box .image-input-holder .helper {
    margin-top: 20px;
    display: none
}

.forms-v4 form .form-box .image-input-holder .helper span {
    vertical-align: middle;
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

.forms-v4 form .form-box .image-input-holder .helper span.tick-circle {
    border: 2px solid #222;
    height: 22px;
    width: 22px;
    text-align: center;
    border-radius: 50%;
    margin-right: 8px
}

.forms-v4 form .form-box .image-input-holder .helper span.tick-circle img {
    width: auto;
    height: 12px;
    margin-top: 4px
}

.forms-v4 form .box-title {
    background: #fff9f4;
    border-bottom: 2px solid;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    padding: 25px;
    text-align: center
}

.forms-v4 form .box-title span {
    display: block;
    font-size: 16px;
    line-height: 18px;
    margin-top: 5px;
    font-weight: 400
}

.forms-v4 form .fieldset-v4 dl {
    margin: 40px auto;
    width: calc(100% - 60px)
}

.forms-v4 form .form-error {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    max-width: calc(100% - 100px);
    display: block;
    margin: 20px auto
}

.forms-v4 form .note {
    font-size: 16px;
    font-weight: 400;
    max-width: calc(100% - 140px);
    margin: 20px auto 0;
    display: block
}

@media (max-width: 1120px) {
    .forms-v4.warranty-v4 .jump-links {
        max-width: 840px;
        padding: 0 28px
    }

    .forms-v4.warranty-v4 .jump-links a {
        padding: 0 44px
    }

    .forms-v4 .form-hero {
        border-left: none;
        border-right: none;
        margin-left: -18px;
        margin-right: -18px
    }

    .forms-v4 .form-hero img {
        width: 64px
    }

    .forms-v4 .form-hero img.warranty-ico {
        width: 55px
    }

    .forms-v4 .form-hero img.refer-ico {
        width: 77px
    }

    .forms-v4 .form-hero img.privacy-ico {
        width: 52px
    }

    .forms-v4 .form-hero .form-title {
        font-size: 40px;
        line-height: 44px;
        margin-top: 20px
    }

    .forms-v4 .form-hero .form-subtitle {
        font-size: 20px;
        line-height: 30px
    }

    .forms-v4 .form-wrapper {
        padding: 0 18px
    }

    .forms-v4 form {
        margin-top: 20px;
        padding: 12px 12px 40px
    }
}

@media (max-width: 680px) {
    .forms-v4.warranty-v4 .jump-links {
        padding: 0 18px;
        text-align: center
    }

    .forms-v4 .form-hero {
        margin-left: 0;
        margin-right: 0;
        padding: 50px 30px 40px
    }

    .forms-v4 .form-hero img.warranty-ico {
        width: 50px
    }

    .forms-v4 .form-hero img.refer-ico {
        width: 70px
    }

    .forms-v4 .form-hero img.privacy-ico {
        width: 48px
    }

    .forms-v4 .form-hero .form-title {
        font-size: 30px;
        line-height: 34px
    }

    .forms-v4 .form-hero .form-subtitle {
        font-size: 16px;
        line-height: 24px;
        margin-top: 5px
    }

    .forms-v4 .form-wrapper,
    .forms-v4.warranty-v4 .jump-links a {
        padding: 0
    }

    .forms-v4 form {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 30px
    }

    .forms-v4 form .form-box {
        border-right: none;
        border-left: none
    }

    .forms-v4 form .form-box .image-input-holder .for-image > span {
        display: block;
        width: auto;
        margin-bottom: 15px
    }

    .forms-v4 form .form-box .image-input-holder .for-image .browse-button {
        display: block;
        width: auto
    }
}

.forms-v4 .legal-text > ul {
    padding: 30px;
    background: #fff
}

.forms-v4 .legal-text li {
    display: block
}

.forms-v4 .legal-text li:not(:last-child) {
    margin-bottom: 40px
}

.forms-v4 .legal-text li .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

.forms-v4 .legal-text li p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

.forms-v4 .legal-text li a {
    color: #71aed2;
    text-decoration: underline;
    word-break: break-word
}

.forms-v4 .legal-text .legal-text {
    margin-left: -18px;
    margin-right: -18px
}

.forms-v4 .legal-text .legal-text,
.forms-v4 .legal-text .legal-text > ul {
    border-right: none;
    border-left: none
}

.error-page p .learn-more-v4 span,
.faq-v4 .top-questions {
    background-color: #fff
}

.faq-v4 .top-questions ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.faq-v4 .top-questions ul li {
    flex: calc((100% - 60px) / 4);
    width: calc((100% - 60px) / 4)
}

.faq-v4 .top-questions ul li:not(:last-child),
.shop-v4 .snaps > .snaps-holder > div:not(:last-child) {
    margin-right: 20px
}

.faq-v4 .top-questions ul li a {
    color: #fff;
    display: block;
    min-height: 275px;
    padding: 25px;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    font-size: 30px;
    line-height: 40px;
    box-sizing: border-box;
    font-weight: 700
}

.faq-v4 .faq-body {
    background: #fff;
    text-align: center;
    padding-top: 50px
}

.faq-v4 .faq-body > .text-v4 {
    width: 100%;
    max-width: 830px;
    margin: 10px auto 30px
}

.faq-v4 .faq-body .fieldset-v4 dl {
    margin-bottom: 36px
}

.faq-v4 .faq-body .fieldset-v4 dl .options-sign-v4 {
    border-top-color: #222
}

.faq-v4 .faq-body .fieldset-v4 dl dd select {
    text-transform: uppercase;
    font-weight: 700
}

.faq-v4 .faq-question-holder {
    margin-top: 20px
}

.faq-v4 .faq-question-holder.first-child {
    margin-top: 0
}

.faq-v4 .faq-question {
    background: #fff;
    text-align: left;
    border-bottom: none
}

.faq-v4 .faq-question .faq-name {
    padding: 22px 30px;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 2px solid;
    position: relative
}

.faq-v4 .faq-question .faq-name.dropped .options-sign-v4 {
    transform: rotate(180deg)
}

.faq-v4 .faq-question .faq-name .options-sign-v4 {
    display: none;
    border-top-color: #222;
    transition: all 300ms
}

.faq-v4 .faq-question ul {
    padding: 35px 30px 0;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid
}

.faq-v4 .faq-question ul li {
    flex: calc(50% - 20px);
    margin-bottom: 45px;
    flex-grow: 0
}

.faq-v4 .faq-question ul li:nth-child(odd) {
    margin-right: 40px
}

.faq-v4 .faq-question ul li .faq-title {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 700
}

.faq-v4 .faq-question ul li .text-v4 {
    font-size: 16px;
    line-height: 26px
}

.faq-v4 .faq-question ul li a {
    color: #71aed2;
    display: inline-block;
    position: relative
}

.faq-v4 .faq-question ul li a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #71aed2
}

.faq-v4 .faq-question ul li .learn-more-v4 {
    color: #222;
    margin-top: 10px
}

.faq-v4 .contact-form {
    margin-top: 40px;
    border-top: #fff 17px solid;
    border-bottom: #fff 17px solid;
    padding: 50px 0 60px;
    text-align: center;
    background-color: #71aed2
}

.faq-v4 .contact-form .title-v4 {
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.faq-v4 .contact-form form {
    background: #fff;
    width: 100%;
    max-width: 390px;
    box-sizing: border-box;
    margin: 30px auto 0;
    padding: 40px 35px
}

.faq-v4 .contact-form form fieldset .for-textarea {
    height: 170px
}

.faq-v4 .contact-form form .form-error {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.faq-v4 .contact-form form .form-error:not(:empty) {
    padding-bottom: 15px
}

.faq-v4 .contact-form .button-v4 {
    width: 100%;
    max-width: 320px;
    box-sizing: border-box
}

@media (max-width: 1120px) {
    .faq-v4 .top-questions ul li {
        flex: calc(50% - 10px);
        width: calc(50% - 10px)
    }

    .faq-v4 .top-questions ul li:not(:last-child) {
        margin-right: 0
    }

    .faq-v4 .top-questions ul li:nth-child(odd) {
        margin-right: 20px
    }

    .faq-v4 .top-questions ul li:nth-child(1),
    .faq-v4 .top-questions ul li:nth-child(2) {
        margin-bottom: 20px
    }

    .faq-v4 .top-questions ul li a {
        min-height: 335px
    }

    .faq-v4 .faq-question ul {
        display: block
    }

    .faq-v4 .faq-question ul li {
        display: block;
        flex: none
    }

    .faq-v4 .faq-question ul li:nth-child(odd) {
        margin-right: 0
    }
}

@media (max-width: 680px) {
    .faq-v4 .top-questions {
        border-right: none;
        border-left: none
    }

    .faq-v4 .top-questions ul li:nth-child(odd) {
        margin-right: 10px
    }

    .faq-v4 .top-questions ul li:nth-child(1),
    .faq-v4 .top-questions ul li:nth-child(2) {
        margin-bottom: 10px
    }

    .faq-v4 .top-questions ul li a {
        font-size: 20px;
        line-height: 26px;
        padding: 20px;
        min-height: 180px
    }

    .faq-v4 .faq-question-holder {
        margin-top: 0;
        border-top: none;
        border-bottom: none
    }

    .faq-v4 .faq-question-holder.first-child .faq-question {
        border-top: 2px solid
    }

    .faq-v4 .title-v4 {
        font-size: 30px;
        line-height: 38px
    }

    .faq-v4 .faq-questions:not(.v4-bordered) {
        border-top: 17px solid #fff;
        border-bottom: 17px solid #fff
    }

    .faq-v4 .faq-body {
        border-bottom: none;
        padding: 25px 0 30px
    }

    .faq-v4 .faq-body > .text-v4 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 0
    }

    .faq-v4 .faq-body .fieldset-v4 {
        display: none
    }

    .faq-v4 .faq-body .faq-question {
        border-top: 2px solid
    }

    .faq-v4 .faq-question {
        border-top: none
    }

    .faq-v4 .faq-question .faq-name {
        padding: 20px 55px 20px 25px
    }

    .faq-v4 .faq-question .faq-name .options-sign-v4 {
        display: block
    }

    .faq-v4 .faq-question .faq-box-content {
        display: none
    }

    .faq-v4 .faq-question ul {
        padding: 35px 25px 0
    }

    .faq-v4 .contact-form {
        padding: 30px 0;
        background-color: #fff !important
    }

    .faq-v4 .contact-form .title-v4 {
        font-size: 30px;
        line-height: 45px;
        color: #71aed2
    }

    .faq-v4 .contact-form form {
        padding: 0;
        max-width: none
    }

    .faq-v4 .contact-form .button-v4,
    .faq-v4 .contact-form .fieldset-v4 dl {
        width: calc(100% - 36px)
    }
}

.dart {
    height: 100vh;
    position: relative;
    display: block;
    background-size: 17px 16px;
    background-position: left 3px top 4px;
    box-sizing: border-box;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding: 40px 0 0;
    background-image: radial-gradient(#71aed2 8%, #fff9f4 11%)
}

.dart .middled {
    background-color: #fff9f4;
    color: #71aed2;
    align-items: center;
    height: 100%
}

.dart .logo {
    width: 89px;
    height: auto;
    display: block
}

.dart .title-dart {
    margin: 20px auto 15px;
    font-size: 60px;
    line-height: 70px;
    font-weight: 900;
    letter-spacing: 1.5px
}

.dart .subtitle-dart {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    max-width: 615px;
    text-align: center
}

.dart .form-title {
    font-size: 24px;
    margin: 25px auto;
    text-align: center;
    font-weight: 700
}

.dart form {
    text-align: center;
    font-size: 0;
    display: block;
    margin-bottom: 20px
}

.dart form input {
    display: inline-block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    height: 86px;
    box-sizing: border-box;
    vertical-align: middle
}

.dart form input[type=email] {
    background-color: #fff;
    font-weight: 500;
    font-size: 24px;
    border: 2px solid #71aed2;
    width: 350px;
    margin-right: 20px;
    padding: 0 25px;
    color: #71aed2
}

.dart form input[type=submit] {
    font-size: 25px;
    font-weight: 900;
    width: 225px;
    color: #fff;
    text-align: center;
    background-color: #222
}

.dart .mattress {
    width: 575px;
    height: auto;
    display: block
}

.try-v4 .hero {
    padding: 30px 0;
    background-color: #fff;
    font-size: 0
}

.try-v4 .hero-img,
.try-v4 .hero-text {
    display: inline-block;
    vertical-align: middle
}

.try-v4 .hero-text {
    width: 500px;
    max-width: 50%;
    padding-left: 55px;
    box-sizing: border-box
}

.try-v4 .hero-text .logo {
    display: block;
    width: 73px;
    text-align: center;
    margin-bottom: 45px
}

.try-v4 .hero-text #helix-logo {
    display: inline-block;
    width: 33px;
    height: 35px
}

.try-v4 .hero-text #logo-title {
    margin-top: 15px;
    width: 100%;
    height: 15px
}

.try-v4 .hero-text .button-v4 {
    margin-top: 20px;
    margin-bottom: 20px
}

.try-v4 .hero-img {
    position: relative;
    width: calc(100% - 500px);
    min-width: 50%
}

.try-v4 .hero-img img {
    margin-top: 4%;
    width: 100%;
    height: auto;
    vertical-align: middle
}

.try-v4 .reviews-hero-v4 {
    padding: 55px
}

.try-v4 .reviews-hero-v4 .title-v4 {
    margin-top: 15px;
    margin-bottom: 0
}

.try-v4 .tiles-section {
    background-color: #fff;
    text-align: center
}

.try-v4 .tiles-section .button-v4 {
    margin: 60px auto 48px
}

.try-v4 .tiles {
    text-align: right
}

.try-v4 .tiles .tile-part {
    background-color: #fff9f4;
    position: relative
}

.try-v4 .tiles .tile-part:nth-child(even) {
    text-align: left
}

.try-v4 .tiles .tile-part:nth-child(even) .middled {
    left: auto;
    right: 0
}

.try-v4 .tiles .middled {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    text-align: left;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    padding: 55px
}

.try-v4 .manufacturing ul li .middled > div,
.try-v4 .tiles .middled > div,
.try-v4 .tiles .middled > ul {
    width: 100%
}

.try-v4 .tiles img {
    width: 50%;
    height: auto;
    vertical-align: middle
}

.try-v4 .tiles .title-v4 {
    font-size: 30px;
    line-height: 34px
}

.try-v4 .tiles ul li {
    position: relative;
    padding-left: 15px;
    margin-top: 15px
}

.try-v4 .tiles ul li:first-child {
    margin-top: 25px
}

.try-v4 .tiles ul li:after {
    position: absolute;
    content: '\2022';
    top: 0;
    left: 0;
    display: block;
    width: 15px;
    line-height: 30px;
    font-size: 12px
}

.try-v4 .rest-easy {
    background-color: #fff;
    padding-top: 45px;
    text-align: center
}

.try-v4 .rest-easy .text-v4 {
    margin-top: 15px;
    margin-bottom: 30px
}

.try-v4 .rest-easy .highlight-stripe {
    border-bottom: 12px solid #fff
}

.try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul {
    font-size: 0;
    padding: 50px 0
}

.try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 0 25px
}

.try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li img {
    width: 95px;
    height: auto;
    vertical-align: middle;
    margin-bottom: 20px
}

.try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li div {
    color: #fff;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 20px
}

.try-v4 .reviews-list-v4 {
    display: block;
    width: auto;
    padding: 60px 12px
}

.try-v4 .reviews-list-v4 li {
    vertical-align: top;
    width: calc((100% - 100px) / 3);
    display: inline-block
}

.try-v4 .reviews-list-v4 li:not(:last-child) {
    padding-bottom: 0;
    padding-right: 50px;
    box-sizing: content-box
}

.try-v4 .manufacturing ul {
    display: flex
}

.try-v4 .manufacturing ul li {
    flex: 50%;
    color: #fff9f4;
    -webkit-font-smoothing: antialiased;
    position: relative
}

.try-v4 .manufacturing ul li .full-img,
.try-v4 .science .science-holder > ul > li .img-holder img,
.try-v4 .science .science-holder > ul > li .img-holder video {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.try-v4 .manufacturing ul li .flag {
    width: 89px;
    height: auto
}

.try-v4 .manufacturing ul li .middled {
    height: 100%;
    width: 100%;
    padding: 50px;
    box-sizing: border-box;
    text-align: center;
    align-items: center
}

.try-v4 .manufacturing ul li .title-v4 {
    margin: 20px auto 15px
}

.try-v4 .materials > ul {
    padding-bottom: 30px
}

.try-v4 .materials > ul > li .icon-holder .ico {
    top: 50% !important
}

.try-v4 .materials .button-holder {
    padding: 40px;
    border-top: 2px solid;
    text-align: center
}

.try-v4 .science .science-holder > ul > li {
    position: relative
}

.try-v4 .science .science-holder > ul > li:not(.box-title) {
    background-color: #fff
}

.try-v4 .science .science-holder > ul > li.li-yellow {
    background-color: #fefaf6
}

.try-v4 .science .science-holder > ul > li:not(.box-title):nth-child(even) {
    text-align: right
}

.try-v4 .science .science-holder > ul > li:nth-child(odd) .middled {
    left: auto;
    right: 30px
}

.try-v4 .science .science-holder > ul > li .content-holder {
    padding: 40px 30px;
    border-bottom: 2px solid
}

.try-v4 .science .science-holder > ul > li .img-holder {
    display: inline-block;
    width: calc(50% - 30px)
}

.try-v4 .science .science-holder > ul > li .middled {
    left: 30px;
    width: calc(50% - 30px);
    text-align: left;
    align-items: flex-start
}

.try-v4 .science .science-holder > ul > li .middled > div {
    width: 100%
}

.try-v4 .science .science-holder > ul > li .title-v4 {
    margin-bottom: 10px
}

.try-v4 .science .button-holder {
    padding: 40px;
    text-align: center;
    background-color: #fff
}

.try-v4 .media-reviews-v4 {
    padding: 60px 12px;
    width: auto;
    display: block
}

.highlight-stripe-v4 ul,
.try-v4 .media-reviews-v4 ul {
    font-size: 0
}

.try-v4 .media-reviews-v4 ul li {
    display: inline-block;
    width: calc((100% - 82px) / 3);
    vertical-align: top
}

.try-v4 .media-reviews-v4 ul li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 40px
}

.try-v4 .media-reviews-v4 ul li p {
    max-width: 320px
}

.try-v4 .video-holder-v4 .color-overlay {
    background-color: #71aed2
}

.try-v4 .video-holder-v4 .title-main-v4 {
    margin-bottom: 30px;
    color: #fff
}

.try-v4 .promise {
    border-top: 12px solid #fff;
    margin-top: 40px;
    padding: 80px 0 90px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    text-align: center
}

.try-v4 .promise img {
    width: 76px;
    height: auto
}

.try-v4 .promise .title-v4 {
    margin: 30px auto 20px
}

.try-v4 .promise .text-v4:not(:last-child) {
    margin-bottom: 22px
}

.try-v4 .promise .learn-more-v4 {
    color: #fff;
    margin-top: 0
}

.logotext-v4 .learn-more-v4 span,
.try-v4 .promise .learn-more-v4 span {
    background: #fff
}

.try-v4 .title-tablet {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding: 20px 25px;
    line-height: 20px;
    position: relative;
    border-bottom: 2px solid;
    display: none;
    cursor: pointer
}

.try-v4 .title-tablet.dropped .options-sign-v4 {
    transform: rotate(180deg)
}

.try-v4 .title-tablet .options-sign-v4 {
    border-top-color: #222;
    transition: all 300ms
}

@media (max-width: 1120px) {
    .try-v4 .science .science-holder > ul > li .img-holder img,
    .try-v4 .title-tablet {
        display: block
    }

    .try-v4 .hero .wrapper-v4-bord,
    .try-v4 .materials > ul {
        padding: 0
    }

    .try-v4 .hero .hero-text {
        padding-left: 40px
    }

    .try-v4 .hero .hero-text .logo {
        width: 60px;
        margin-bottom: 25px
    }

    .try-v4 .hero .hero-text .logo #helix-logo {
        width: 28px
    }

    .try-v4 .hero .hero-text .logo #logo-title {
        margin-top: 12px
    }

    .try-v4 .hero .hero-img img {
        width: 113%
    }

    .try-v4 .tiles-section {
        margin-left: -18px;
        margin-right: -18px;
        border-right: 0;
        border-left: 0
    }

    .try-v4 .tiles-section .button-v4 {
        margin: 40px auto 28px
    }

    .try-v4 .manufacturing ul li .middled,
    .try-v4 .tiles .middled {
        padding: 40px
    }

    .try-v4 .tiles .title-v4 {
        font-size: 20px
    }

    .try-v4 .tiles .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .try-v4 .tiles ul li {
        margin-top: 10px
    }

    .try-v4 .tiles ul li:after {
        line-height: 22px
    }

    .try-v4 .tiles ul li:first-child {
        margin-top: 20px
    }

    .try-v4 .manufacturing {
        margin-left: -18px;
        margin-right: -18px;
        border-right: none;
        border-left: none
    }

    .try-v4 .manufacturing ul li .flag {
        width: 69px
    }

    .try-v4 .manufacturing ul li .title-v4 {
        font-size: 30px;
        line-height: 34px;
        margin: 15px auto 10px
    }

    .try-v4 .manufacturing ul li .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .try-v4 .materials > ul > li:not(:last-child) {
        margin-bottom: 0
    }

    .try-v4 .materials > ul > li .title-small {
        margin-top: 0
    }

    .try-v4 .materials > ul > li .material-holder {
        padding: 25px;
        display: none;
        border-bottom: 2px solid
    }

    .try-v4 .materials > ul > li .material-holder .material-desc {
        font-size: 0
    }

    .try-v4 .materials > ul > li .material-holder .material-desc .icon-holder {
        width: 220px;
        height: 220px;
        padding-bottom: 0
    }

    .try-v4 .materials > ul > li .material-holder .material-desc .icon-holder .ico {
        width: 92px;
        margin-top: -46px;
        margin-left: -46px
    }

    .try-v4 .materials > ul > li .material-holder .material-desc .material-text {
        width: calc(100% - 250px)
    }

    .try-v4 .materials .button-holder {
        border-top: none
    }

    .try-v4 .science .science-holder > ul > li .content-holder {
        display: none;
        padding: 40px 25px
    }

    .try-v4 .science .science-holder > ul > li.li-yellow {
        background-color: #fff
    }

    .try-v4 .science .science-holder > ul > li:nth-child(odd) .middled {
        right: auto
    }

    .try-v4 .science .science-holder > ul > li:not(.box-title):nth-child(even) {
        text-align: left
    }

    .try-v4 .science .science-holder > ul > li .img-holder {
        display: block;
        width: auto
    }

    .try-v4 .science .science-holder > ul > li .middled {
        margin-top: 35px;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        width: auto;
        display: block
    }

    .try-v4 .science .science-holder > ul > li .title-v4 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px
    }

    .try-v4 .science .science-holder > ul > li .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .try-v4 .media-reviews-v4 {
        padding: 50px 12px
    }

    .try-v4 .media-reviews-v4 ul li {
        width: calc(50% - 20px)
    }

    .try-v4 .media-reviews-v4 ul li:last-child {
        display: none
    }

    .try-v4 .media-reviews-v4 ul li:nth-child(2) {
        margin-right: 0
    }

    .try-v4 .media-reviews-v4 ul li p {
        max-width: none
    }

    .try-v4 .video-holder-v4 > div {
        padding: 10px
    }

    .try-v4 .video-holder-v4 > div .title-main-v4 {
        font-size: 50px;
        margin-bottom: 20px
    }

    .try-v4 .promise .wrapper-v4-small {
        max-width: 680px
    }
}

@media (max-width: 800px) {
    .try-v4 .reviews-list-v4 {
        padding: 50px 0
    }

    .try-v4 .reviews-list-v4 li {
        width: calc(50% - 25px)
    }

    .try-v4 .reviews-list-v4 li:nth-child(2) {
        padding-right: 0
    }

    .try-v4 .reviews-list-v4 li:last-child {
        display: none
    }
}

@media (max-width: 680px) {
    .try-v4 .manufacturing,
    .try-v4 .tiles-section {
        margin-left: 0;
        margin-right: 0
    }

    .try-v4 .hero {
        padding: 30px 18px 0
    }

    .try-v4 .hero .hero-text {
        padding-left: 0
    }

    .try-v4 .hero .hero-img,
    .try-v4 .hero .hero-text {
        display: block;
        width: auto;
        max-width: none
    }

    .try-v4 .hero .hero-img img {
        margin-top: 50px;
        margin-bottom: 20px
    }

    .try-v4 .reviews-hero-v4 .title-v4 {
        font-size: 30px;
        line-height: 34px
    }

    .try-v4 .tiles .tile-part {
        text-align: left;
        height: 0;
        padding-bottom: 200%
    }

    .try-v4 .tiles .tile-part:nth-child(even) .middled {
        right: auto
    }

    .try-v4 .tiles .middled {
        position: absolute;
        top: 0;
        left: 0;
        right: auto;
        width: 100%;
        height: 50%;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        padding: 60px 18px
    }

    .try-v4 .tiles img {
        width: 100%;
        margin-top: 100%
    }

    .try-v4 .rest-easy {
        padding-top: 25px
    }

    .try-v4 .rest-easy .title-v4 {
        font-size: 30px;
        line-height: 32px
    }

    .try-v4 .rest-easy .text-v4 {
        font-size: 16px;
        line-height: 22px;
        max-width: 250px;
        margin: 10px auto 20px
    }

    .try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li {
        display: block;
        width: auto;
        font-size: 0;
        max-width: 335px;
        margin: 0 auto;
        padding: 0
    }

    .try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li:not(:last-child) {
        margin-bottom: 40px
    }

    .try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li img {
        display: inline-block;
        margin-bottom: 0;
        margin-right: 30px;
        width: 65px;
        vertical-align: middle
    }

    .try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li div {
        width: calc(100% - 95px);
        display: inline-block;
        font-size: 16px;
        line-height: 18px;
        vertical-align: middle;
        text-align: left
    }

    .try-v4 .rest-easy .highlight-stripe .wrapper-v4 > ul li div .break {
        display: none
    }

    .try-v4 .reviews-list-v4 li {
        display: block;
        width: auto
    }

    .try-v4 .media-reviews-v4 ul li:nth-child(2),
    .try-v4 .reviews-list-v4 li:nth-child(2) {
        display: none
    }

    .try-v4 .reviews-list-v4 li:not(:last-child) {
        padding-right: 0
    }

    .try-v4 .manufacturing ul {
        display: block
    }

    .try-v4 .manufacturing ul li {
        flex: none;
        display: block
    }

    .try-v4 .manufacturing ul li .middled {
        display: block;
        position: relative;
        padding: 80px 25px
    }

    .try-v4 .title-tablet {
        padding: 20px
    }

    .try-v4 .materials > ul > li .material-holder .material-desc .icon-holder {
        width: auto;
        height: 0;
        padding-bottom: 100%
    }

    .try-v4 .materials > ul > li .material-holder .material-desc .icon-holder .ico {
        width: 112px;
        margin-top: -56px;
        margin-left: -56px
    }

    .try-v4 .materials > ul > li .material-holder .material-desc .material-text {
        margin-top: 25px;
        width: auto
    }

    .try-v4 .media-reviews-v4 {
        padding: 50px 18px
    }

    .try-v4 .media-reviews-v4 ul li {
        display: block;
        width: auto
    }

    .try-v4 .media-reviews-v4 ul li:not(:last-child) {
        margin-right: 0
    }

    .try-v4 .promise {
        padding-top: 55px
    }

    .try-v4 .promise .wrapper-v4-small {
        padding: 0 25px
    }

    .try-v4 .promise .title-v4 {
        font-size: 30px;
        line-height: 34px
    }

    .try-v4 .promise .text-v4 {
        font-size: 16px;
        line-height: 24px
    }
}

.error-page {
    width: 100%;
    height: 100%;
    background-image: radial-gradient(#fff 1%, transparent 12%);
    background-size: 10px 10px;
    background-position: center;
    color: #fff;
    align-items: center;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    padding: 25px
}

.error-page img {
    display: block;
    width: 100%;
    max-width: 552px;
    height: auto;
    margin-bottom: 35px
}

.error-page .title-v4 {
    max-width: 470px;
    text-align: center
}

.error-page p,
.logotext-v4 {
    margin-top: 20px;
    text-align: center
}

.error-page p {
    font-size: 18px;
    font-weight: 400;
    display: block
}

.error-page p .learn-more-v4 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    margin-left: 10px;
    margin-top: 0
}

@media (max-width: 640px) {
    .error-page img {
        margin-bottom: 28px
    }

    .error-page .title-v4 {
        font-size: 30px;
        line-height: 34px
    }

    .error-page p,
    .error-page p .learn-more-v4 {
        font-size: 16px
    }
}

.logotext-v4 {
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff;
    color: #fff;
    padding: 25px 0 30px;
    -webkit-font-smoothing: antialiased
}

.logotext-v4 .caslon {
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 10px
}

.logotext-v4 .line {
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.financing-v4 .hero-banner .subtitle a:after,
.logotext-v4 .line:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    display: block
}

.logotext-v4 .line:after {
    top: calc(50% - 1px);
    background: #fff;
    z-index: 1
}

.logotext-v4 .line .caslon {
    display: inline-block;
    padding: 0 25px;
    z-index: 2;
    position: relative;
    margin-bottom: 0
}

.logotext-v4 .avenir {
    font-weight: 300;
    font-size: 40px;
    text-transform: uppercase;
    line-height: 56px;
    -webkit-font-smoothing: auto
}

.logotext-v4 .learn-more-v4 {
    margin-top: 10px;
    color: #fff
}

@media (max-width: 1120px) {
    .logotext-v4 .caslon {
        font-size: 30px;
        margin-bottom: 0
    }

    .logotext-v4 .avenir {
        font-size: 30px;
        line-height: 45px
    }
}

@media (max-width: 680px) {
    .logotext-v4 .line {
        margin-bottom: 6px
    }

    .logotext-v4 .caslon {
        font-size: 22px
    }

    .logotext-v4 .avenir {
        font-size: 22px;
        line-height: 30px
    }
}

.financing-v4 .hero-banner {
    background: #fff;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    padding: 58px 50px 46px
}

.financing-v4 .hero-banner img {
    width: 146px;
    height: auto
}

.financing-v4 .hero-banner .title-big-v4 {
    font-size: 60px;
    margin: 20px auto 10px
}

.financing-v4 .hero-banner .subtitle {
    font-size: 24px;
    line-height: 34px;
    font-weight: 400;
    width: 100%;
    max-width: 900px;
    margin: 0 auto
}

.financing-v4 .hero-banner .subtitle a {
    position: relative;
    display: inline-block;
    font-weight: 700;
    color: #71aed2
}

.financing-v4 .hero-banner .subtitle a:after {
    bottom: 3px;
    background-color: #71aed2
}

.financing-v4 .financing-detail {
    background: #fff
}

.financing-v4 .financing-detail .image-holder {
    position: relative
}

.financing-v4 .financing-detail .image-holder img,
.video-holder-v4 img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.financing-v4 .financing-detail .image-holder .color-overlay {
    opacity: .6;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: block
}

.financing-v4 .financing-detail .top-info {
    font-size: 0;
    padding: 70px 0;
    background: #fff
}

.financing-v4 .financing-detail .top-info li {
    width: 50%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 35px;
    text-align: center;
    vertical-align: top
}

.financing-v4 .financing-detail .top-info li .text-v4,
.financing-v4 .financing-detail .top-info li .title-v4 {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

.financing-v4 .financing-detail .top-info li .text-v4 {
    margin-top: 15px
}

.financing-v4 .financing-detail .more-info .text-v4 {
    padding: 25px 30px
}

.financing-v4 .financing-detail .more-info .text-v4:last-child {
    padding-bottom: 75px
}

.financing-v4 .financing-detail .more-info .text-v4:nth-child(odd) {
    background-color: #fff9f4
}

.financing-v4 .financing-detail .more-info .text-v4 .bold {
    font-weight: 700;
    text-transform: uppercase
}

.financing-v4 .financing-detail .note {
    border-top: 2px solid;
    text-align: center;
    padding: 20px 30px
}

.financing-v4 .financing-detail .note > div {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    max-width: 100%;
    font-weight: 400
}

@media (max-width: 1120px) {
    .financing-v4 .hero-banner {
        padding: 38px 0 26px
    }

    .financing-v4 .hero-banner img {
        width: 124px
    }

    .financing-v4 .hero-banner .title-big-v4 {
        font-size: 40px;
        line-height: 45px;
        margin-top: 10px
    }

    .financing-v4 .hero-banner .subtitle {
        font-size: 20px;
        line-height: 30px
    }

    .financing-v4 .financing-detail .image-holder img:not(.tablet) {
        display: none
    }

    .financing-v4 .financing-detail .image-holder img.tablet {
        display: block
    }

    .financing-v4 .financing-detail .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .financing-v4 .financing-detail .top-info {
        padding: 45px 0
    }

    .financing-v4 .financing-detail .top-info li .title-v4 {
        font-size: 30px;
        line-height: 30px
    }

    .financing-v4 .financing-detail .top-info li .text-v4 {
        margin-top: 10px
    }

    .financing-v4 .financing-detail .note > div {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 680px) {
    .financing-v4 .financing-detail .image-holder img:not(.mobile) {
        display: none
    }

    .financing-v4 .financing-detail .image-holder img.mobile {
        display: block
    }

    .financing-v4 .financing-detail .top-info li {
        width: auto;
        display: block
    }

    .financing-v4 .financing-detail .top-info li:first-child {
        margin-bottom: 45px
    }
}

.press-v4 .title-main-v4 {
    margin-bottom: 10px
}

.press-v4 .title-section {
    background-color: #fff;
    text-align: center;
    padding: 40px 40px 26px
}

.press-v4 .title-section .text-v4 {
    max-width: 900px;
    width: 100%;
    margin: 25px auto 0
}

.press-v4 .split-box {
    position: relative
}

.press-v4 .split-box.split-photo-right {
    text-align: right
}

.press-v4 .split-box.split-photo-right .middled {
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0
}

.press-v4 .split-box.split-photo-left {
    text-align: left
}

.press-v4 .split-box.split-photo-left .middled {
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0;
    top: 0
}

.brands-v4 li,
.press-v4 .split-box > img {
    display: inline-block;
    vertical-align: middle
}

.press-v4 .split-box > img {
    width: 50%;
    height: 100%
}

.press-v4 .split-box .middled {
    text-align: left;
    padding: 50px;
    box-sizing: border-box;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.press-v4 .split-box .middled img {
    margin-bottom: 20px;
    height: auto
}

.press-v4 .split-box .middled img.gq {
    width: 62px
}

.press-v4 .split-box .middled img.wsj {
    width: 243px
}

.press-v4 .split-box .middled img.nyt {
    width: 240px
}

.press-v4 .press-mentions ul {
    border-width: 1px;
    font-size: 0;
    background: #fff;
    display: flex;
    flex-wrap: wrap
}

.press-v4 .press-mentions ul li {
    border-width: 1px;
    flex: 33.33%;
    min-height: 390px;
    display: inline-block;
    padding: 30px;
    box-sizing: border-box;
    vertical-align: top
}

.press-v4 .press-mentions ul li .title-v4 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 15px
}

.press-v4 .press-mentions ul li a {
    color: #71aed2
}

@media (max-width: 1120px) {
    .press-v4 .title-section {
        padding: 20px 20px 6px
    }

    .press-v4 .title-section .title-main-v4 {
        margin-bottom: 5px
    }

    .press-v4 .title-section .subtitle-main-v4 {
        max-width: 560px
    }

    .press-v4 .title-v4 {
        font-size: 30px;
        line-height: 40px
    }

    .press-v4 .split-box .middled {
        padding: 30px
    }

    .press-v4 .split-box .middled img.gq {
        width: 54px
    }

    .press-v4 .split-box .middled img.wsj {
        width: 176px
    }

    .press-v4 .split-box .middled img.nyt {
        width: 179px
    }

    .press-v4 .press-mentions ul li {
        min-height: 230px
    }

    .press-v4 .press-mentions ul li .title-v4 {
        font-size: 20px;
        line-height: 28px
    }

    .press-v4 .press-mentions ul li .text-v4 {
        font-size: 16px;
        line-height: 24px
    }
}

@media (max-width: 800px) {
    .press-v4 .press-mentions ul li {
        flex: 50%;
        min-height: 345px
    }
}

@media (max-width: 680px) {
    .press-v4 .title-section .title-main-v4 {
        font-size: 40px;
        line-height: 45px
    }

    .press-v4 .title-section .subtitle-main-v4 {
        font-size: 20px;
        line-height: 30px
    }

    .press-v4 .split-box {
        margin-bottom: 20px;
        height: 0;
        padding-bottom: calc(200% - 72px)
    }

    .press-v4 .split-box.split-photo-left .middled,
    .press-v4 .split-box.split-photo-right .middled,
    .press-v4 .split-box > img {
        position: absolute;
        width: 100%;
        height: 50%;
        top: 50%;
        left: 0
    }

    .press-v4 .split-box > img {
        top: 0;
        height: auto
    }

    .press-v4 .press-mentions ul li {
        flex: 100%
    }

    .press-v4 .press-mentions ul li .title-v4 {
        font-size: 30px;
        line-height: 40px
    }

    .press-v4 .press-mentions ul li .text-v4 {
        font-size: 20px
    }
}

.highlight-stripe-v4 {
    margin-top: 20px;
    padding: 60px 0;
    border-top: 17px solid #fff;
    border-bottom: 17px solid #fff
}

.highlight-stripe-v4 ul li {
    display: inline-block;
    width: 33.33%;
    text-align: center
}

.highlight-stripe-v4 ul li img {
    width: 90px;
    height: auto
}

.highlight-stripe-v4 ul li span {
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    margin-top: 20px
}

@media (max-width: 768px) {
    .highlight-stripe-v4 ul li span .break {
        display: inline
    }
}

@media (max-width: 680px) {
    .highlight-stripe-v4 {
        text-align: center
    }

    .highlight-stripe-v4.mob-mt-0 {
        margin-top: 0
    }

    .highlight-stripe-v4 ul {
        width: 285px;
        max-width: 100%;
        text-align: left;
        display: inline-block
    }

    .highlight-stripe-v4 ul li {
        width: auto;
        display: inline-block;
        position: relative
    }

    .highlight-stripe-v4 ul li:not(:last-child) {
        margin-bottom: 30px
    }

    .highlight-stripe-v4 ul li img {
        width: 70px;
        margin-right: 15px;
        vertical-align: middle
    }

    .highlight-stripe-v4 ul li span {
        display: inline-block;
        margin-top: 0;
        vertical-align: middle
    }

    .highlight-stripe-v4 ul li span .break {
        display: none
    }
}

.video-holder-v4 {
    position: relative;
    background-color: #fff
}

.video-holder-v4 > div {
    position: relative;
    padding: 20px
}

.video-holder-v4 .title-big-v4,
.video-holder-v4 .title-main-v4 {
    margin-bottom: 15px;
    max-width: 600px
}

.video-holder-v4 .title-big-v4.desktop,
.video-holder-v4 .title-main-v4.desktop {
    color: #fff
}

.video-holder-v4 .title-big-v4.mobile,
.video-holder-v4 .title-main-v4.mobile {
    display: none;
    padding: 0
}

.video-holder-v4 .color-overlay {
    position: absolute;
    z-index: 2;
    opacity: .5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-holder-v4 .play-btn.mobile {
    display: none;
    border: 2px solid #fff;
    height: 65px;
    width: 70px;
    position: relative
}

.video-holder-v4 .play-btn.mobile:after {
    width: 0;
    height: 0;
    top: 50%;
    left: calc(50% + 2px);
    position: absolute;
    content: '';
    display: block;
    border-left: 12px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    transform: translate3d(-50%, -50%, 0)
}

.video-holder-v4 .middled {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    align-items: center;
    -webkit-font-smoothing: antialiased
}

@media (max-width: 680px) {
    .video-holder-v4 {
        padding: 0
    }

    .video-holder-v4 .title-big-v4.mobile {
        display: block;
        text-align: center
    }

    .video-holder-v4 .desktop {
        display: none
    }

    .video-holder-v4 .play-btn.mobile {
        display: inline-block
    }
}

.brands-v4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    font-size: 0;
    padding: 30px 12px;
    text-align: center
}

.brands-v4 li {
    padding: 5px 0
}

@media (max-width: 1220px) {
    .brands-v4 {
        padding: 20px 12px
    }

    .brands-v4 li:nth-child(2),
    .brands-v4 li:nth-child(7) {
        display: none
    }
}

@media (max-width: 980px) {
    .brands-v4 {
        padding: 20px 12px
    }

    .brands-v4 li:not(.tablet) {
        display: none
    }
}

@media (max-width: 760px) {
    .brands-v4 {
        display: none
    }
}

.couples-v4 .hero {
    text-align: center;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    padding-bottom: 65px
}

.couples-v4 .hero .hero-img img {
    width: 100%;
    height: auto
}

.couples-v4 .hero .hero-img img.mobile,
.couples-v4 .hero .hero-img img.tablet {
    display: none
}

.couples-v4 .hero > img {
    margin: 75px auto 25px;
    width: 143px;
    height: auto;
    display: inline-block
}

.couples-v4 .hero .title-holder {
    padding: 0 70px;
    max-width: 850px;
    margin: 0 auto
}

.couples-v4 .hero .title-main-v4 {
    margin-bottom: 20px
}

.couples-v4 .how-it-works {
    background-color: #fff;
    padding-top: 50px;
    text-align: center
}

.couples-v4 .how-it-works > .text-v4 {
    margin: 25px auto 55px;
    max-width: 900px;
    width: 100%
}

.couples-v4 .how-it-works > .text-v4 .bold {
    color: #71aed2;
    font-weight: 700;
    position: relative
}

.couples-v4 .how-it-works > .text-v4 .bold:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #71aed2;
    content: '';
    display: block
}

.couples-v4 .how-it-works .split-box {
    display: flex
}

.couples-v4 .how-it-works .split-box.mobile {
    display: none
}

.couples-v4 .how-it-works .split-box img {
    width: 125px;
    height: auto;
    display: block;
    margin: 0 auto
}

.couples-v4 .how-it-works .split-box .title-v4 {
    margin-top: 50px
}

.couples-v4 .how-it-works .split-box .button-v4 {
    max-width: 290px;
    width: 100%;
    box-sizing: border-box
}

.couples-v4 .how-it-works .split-box.top-box {
    border-bottom: none
}

.couples-v4 .how-it-works .split-box.top-box > li {
    padding: 55px
}

.couples-v4 .how-it-works .split-box.top-box > li > .text-v4 {
    max-width: 430px;
    margin: 20px auto
}

.couples-v4 .how-it-works .split-box.detail-box {
    flex-wrap: wrap;
    border-top: none
}

.couples-v4 .how-it-works .split-box > li {
    flex: calc(50% - 1px);
    width: calc(50% - 1px);
    padding: 15px 20px;
    box-sizing: border-box;
    flex-shrink: 0;
    flex-grow: 0
}

.couples-v4 .how-it-works .split-box > li:nth-child(odd) {
    border-right: 2px solid #71aed2
}

.couples-v4 .how-it-works .split-box > li.yellow-bg {
    background: #fff9f4
}

.couples-v4 .how-it-works .split-box > li.empty {
    height: 60px
}

.couples-v4 .how-it-works .split-box > li .bold {
    font-weight: 700;
    text-transform: uppercase
}

.couples-v4 .reviews-list-v4 {
    display: block;
    width: auto;
    padding-right: 0;
    padding-left: 0;
    margin-top: 75px;
    margin-bottom: 30px
}

.couples-v4 .reviews-list-v4 li {
    display: inline-block;
    width: calc((100% - 160px) / 3);
    vertical-align: top
}

.couples-v4 .reviews-list-v4 li:not(:last-child) {
    margin-right: 80px;
    padding-bottom: 0
}

.couples-v4 .start-customizing {
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff;
    padding: 60px 0;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.couples-v4 .start-customizing .wrapper-v4-bord {
    font-size: 0
}

.couples-v4 .start-customizing .text-content,
.couples-v4 .start-customizing img,
.reviews-v4 .stars-section .stars-breakdown li > div {
    display: inline-block;
    vertical-align: middle
}

.couples-v4 .start-customizing img {
    height: auto;
    width: 439px
}

.couples-v4 .start-customizing .text-content {
    padding-left: 50px;
    box-sizing: border-box;
    width: calc(100% - 439px)
}

.couples-v4 .start-customizing .title-v4 {
    margin-bottom: 15px
}

.couples-v4 .start-customizing .learn-more-v4 {
    color: #fff
}

.couples-v4 .start-customizing .learn-more-v4 span,
.reviews-hero-v4 .buttons-holder .write-btn span {
    background-color: #fff
}

@media (max-width: 1120px) {
    .couples-v4 .hero {
        border-left: none;
        border-right: none;
        margin-left: -18px;
        margin-right: -18px;
        padding-bottom: 50px
    }

    .couples-v4 .hero .hero-img img.tablet {
        display: block
    }

    .couples-v4 .hero .hero-img img:not(.tablet) {
        display: none
    }

    .couples-v4 .hero > img {
        width: 115px;
        margin-top: 55px
    }

    .couples-v4 .title-v4 {
        font-size: 30px;
        line-height: 40px
    }

    .couples-v4 .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .couples-v4 .how-it-works {
        border-left: none;
        border-right: none;
        margin-left: -18px;
        margin-right: -18px;
        padding: 40px 28px 15px
    }

    .couples-v4 .how-it-works .split-box.top-box > li {
        padding: 50px 25px
    }

    .couples-v4 .how-it-works .split-box.top-box > li .text-v4 {
        margin-top: 5px
    }

    .couples-v4 .how-it-works .split-box .title-v4 {
        margin-top: 35px
    }

    .couples-v4 .how-it-works .split-box > li.empty {
        height: 50px
    }

    .couples-v4 .how-it-works > .text-v4 {
        margin-top: 10px
    }

    .couples-v4 .reviews-list-v4 {
        padding: 0 10px;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .couples-v4 .reviews-list-v4 li {
        width: calc((100% - 45px) / 2)
    }

    .couples-v4 .reviews-list-v4 li:not(:last-child) {
        margin-right: 0
    }

    .couples-v4 .reviews-list-v4 li:first-child {
        margin-right: 45px
    }

    .couples-v4 .reviews-list-v4 li:nth-child(3) {
        display: none
    }

    .couples-v4 .start-customizing {
        padding: 40px 0
    }

    .couples-v4 .start-customizing .wrapper-v4-bord {
        padding: 0 28px
    }

    .couples-v4 .start-customizing img {
        width: 320px
    }

    .couples-v4 .start-customizing .text-content {
        width: calc(100% - 320px);
        padding-left: 40px
    }

    .couples-v4 .start-customizing .text-v4 {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 740px) {
    .couples-v4 .how-it-works {
        margin-left: 0;
        margin-right: 0;
        padding: 40px 18px 0
    }

    .couples-v4 .how-it-works .split-box .title-v4 {
        margin-top: 25px
    }

    .couples-v4 .how-it-works .split-box,
    .couples-v4 .how-it-works .split-box.mobile {
        display: block
    }

    .couples-v4 .how-it-works .split-box > li {
        display: block;
        flex: none;
        width: auto
    }

    .couples-v4 .how-it-works .split-box > li:nth-child(odd) {
        border-right: none
    }

    .couples-v4 .how-it-works .split-box.top-box {
        border-bottom: 2px solid
    }

    .couples-v4 .how-it-works .split-box.top-box > li {
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 0
    }

    .couples-v4 .how-it-works .split-box.top-box > li:nth-child(odd) {
        border-bottom: 2px solid
    }

    .couples-v4 .how-it-works .split-box .detail-box {
        margin-top: 50px;
        margin-right: -20px;
        margin-left: -20px;
        border: none
    }

    .couples-v4 .how-it-works > .split-box.detail-box {
        display: none
    }
}

@media (max-width: 680px) {
    .couples-v4 .hero {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 40px
    }

    .couples-v4 .hero .hero-img img.mobile {
        display: block
    }

    .couples-v4 .hero .hero-img img:not(.mobile) {
        display: none
    }

    .couples-v4 .hero .title-holder {
        padding: 0 20px
    }

    .couples-v4 .hero > img {
        margin-top: 50px
    }

    .couples-v4 .hero .title-main-v4 {
        margin-bottom: 10px
    }

    .couples-v4 .reviews-list-v4,
    .couples-v4 .start-customizing .wrapper-v4-bord {
        padding: 0 18px
    }

    .couples-v4 .reviews-list-v4 li {
        width: 100%
    }

    .couples-v4 .reviews-list-v4 li:nth-child(1) {
        margin-right: 0
    }

    .couples-v4 .reviews-list-v4 li:nth-child(2) {
        display: none
    }

    .couples-v4 .start-customizing {
        padding: 60px 0 35px
    }

    .couples-v4 .start-customizing .text-content,
    .couples-v4 .start-customizing img {
        display: block
    }

    .couples-v4 .start-customizing img {
        width: 100%
    }

    .couples-v4 .start-customizing .text-content {
        margin-top: 25px;
        width: auto;
        padding-left: 0
    }

    .couples-v4 .start-customizing .title-v4 {
        margin-bottom: 10px
    }
}

.tog-title-v4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    padding: 20px 30px;
    line-height: 20px;
    position: relative;
    border-bottom: 2px solid;
    cursor: pointer
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler.toggled::after,
.tog-title-v4.dropped .options-sign-v4 {
    transform: rotate(180deg)
}

.tog-title-v4 .options-sign-v4 {
    transition: all 300ms
}

.science-v4 .hero .hero-img img.mobile,
.science-v4 .hero .hero-img img.tablet,
.science-v4 .story .image-holder img.mobile,
.tog-title-v4.tablet {
    display: none
}

@media (max-width: 1120px) {
    .tog-title-v4.tablet {
        display: block
    }
}

.science-v4 .hero {
    position: relative;
    background: #fff;
    text-align: right;
    display: flex;
    flex-direction: row-reverse
}

.science-v4 .hero .middled {
    height: 100%;
    width: 100%
}

.science-v4 .hero .hero-img {
    flex: 50%
}

.science-v4 .hero .hero-img img,
.science-v4 .specs-box > ul > li .li-content .icon-holder .icon img,
.science-v4 .story .image-holder img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.science-v4 .hero .title-holder {
    flex: 50%;
    text-align: left;
    padding: 30px 55px 30px 30px;
    box-sizing: border-box
}

.science-v4 .hero .title-holder .title-big-v4 {
    text-align: left;
    margin-top: 0
}

.science-v4 .box-title {
    border-bottom: 2px solid;
    background: #fff9f4;
    padding: 20px 30px;
    line-height: 50px
}

.science-v4 .specs-box {
    background: #fff;
    border-bottom: none
}

.science-v4 .specs-box > ul > li:nth-child(even) .li-content {
    flex-direction: row-reverse;
    background: #fff9f4
}

.science-v4 .specs-box > ul > li:nth-child(even) .li-content .icon-holder {
    margin-left: 25px
}

.science-v4 .specs-box > ul > li:nth-child(odd) .li-content .icon-holder {
    margin-right: 25px
}

.science-v4 .specs-box > ul > li:last-child .li-content {
    border-bottom: 2px solid
}

.science-v4 .specs-box > ul > li .li-content {
    display: flex;
    padding: 30px
}

.science-v4 .specs-box > ul > li .li-content .icon-holder {
    flex: 355px
}

.science-v4 .specs-box > ul > li .li-content .text-content {
    flex: calc(100% - 380px)
}

.science-v4 .specs-box .title-smaller {
    font-size: 30px;
    margin-bottom: 10px;
    font-weight: 700
}

.science-v4 .specs-box .text-v4 a {
    font-weight: 700;
    text-decoration: none;
    color: #71aed2
}

.science-v4 .author-text {
    font-size: 16px;
    margin-top: 7px;
    line-height: 16px
}

.science-v4 .story,
.shop-v4 .hybrid .text-content .learn-more-v4 span {
    background: #fff
}

.reviews-v4 .reviews-section .reviews > li > div,
.reviews-v4 .reviews-section > div,
.science-v4 .story .image-holder,
.white-stars {
    position: relative
}

.science-v4 .story .image-holder .color-overlay {
    opacity: .28;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.science-v4 .story .text-content {
    margin: 60px auto 65px;
    width: 100%;
    max-width: 820px;
    padding: 0 30px;
    box-sizing: border-box
}

.science-v4 .story .text-content > div {
    margin-top: 25px
}

.science-v4 .story .text-content a {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    text-transform: none;
    color: #71aed2;
    font-weight: 700;
    position: relative
}

.science-v4 .story .text-content a:after {
    content: '';
    top: 100%;
    left: 0;
    width: 100%;
    height: 2px;
    position: absolute;
    display: block;
    background: #71aed2
}

@media (max-width: 1120px) {
    .science-v4 .hero {
        display: block
    }

    .science-v4 .hero .hero-img,
    .science-v4 .hero .title-holder {
        flex: none;
        display: block
    }

    .science-v4 .hero .hero-img img:not(.tablet) {
        display: none
    }

    .science-v4 .hero .hero-img img.tablet {
        display: block
    }

    .science-v4 .hero .title-holder {
        padding: 10px 0 20px
    }

    .science-v4 .hero .title-holder .title-big-v4 {
        font-size: 40px;
        margin-bottom: 15px
    }

    .science-v4 .author-text {
        font-size: 13px
    }

    .science-v4 .specs-box .li-holder {
        display: none
    }

    .science-v4 .specs-box > ul > li:nth-child(even) .li-content {
        background: #fff
    }

    .science-v4 .specs-box > ul > li .li-content {
        border-bottom: 2px solid #71aed2
    }

    .science-v4 .specs-box > ul > li .li-content .icon-holder {
        flex: 220px
    }

    .science-v4 .specs-box > ul > li .li-content .text-content {
        flex: calc(100% - 245px)
    }

    .science-v4 .specs-box > ul > li .title-smaller {
        font-size: 20px;
        margin-bottom: 5px
    }

    .science-v4 .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .science-v4 .story .text-content {
        margin: 40px auto
    }
}

@media (max-width: 680px) {
    .science-v4 .hero {
        border-right: none;
        border-left: none
    }

    .science-v4 .hero .hero-img img:not(.mobile) {
        display: none
    }

    .science-v4 .hero .hero-img img.mobile,
    .science-v4 .specs-box > ul > li .li-content {
        display: block
    }

    .science-v4 .hero .title-holder {
        padding: 20px 18px 0
    }

    .science-v4 .hero .title-holder .title-big-v4 {
        font-size: 30px;
        margin-bottom: 10px
    }

    .science-v4 .hero .title-holder .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .science-v4 .box-title {
        font-size: 30px;
        line-height: 40px
    }

    .science-v4 .specs-box > ul > li:nth-child(odd) .li-content .icon-holder {
        margin-right: 0
    }

    .science-v4 .specs-box > ul > li:nth-child(even) .li-content .icon-holder {
        margin-left: 0
    }

    .science-v4 .specs-box > ul > li .li-content .icon-holder {
        flex: none;
        display: block;
        margin-bottom: 30px
    }

    .science-v4 .specs-box > ul > li .li-content .text-content {
        flex: none;
        display: block
    }

    .science-v4 .story .image-holder img:not(.mobile) {
        display: none
    }

    .science-v4 .story .image-holder img.mobile {
        display: block
    }

    .science-v4 .story .text-content {
        margin: 30px auto
    }
}

.white-stars {
    display: inline-block;
    white-space: nowrap
}

.white-stars img {
    width: 27px;
    height: auto;
    vertical-align: middle
}

.white-stars img:not(:last-child) {
    margin-right: 2px
}

.white-stars > img:not(:nth-child(5)) {
    opacity: 0
}

.white-stars .orange-stars {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    height: 100%;
    width: 92%;
    overflow: hidden;
    white-space: nowrap
}

.reviews-hero-v4 {
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff;
    background: #71aed2;
    text-align: center;
    padding: 60px
}

.reviews-hero-v4 .subtitle-main-v4,
.reviews-hero-v4 .title-v4 {
    -webkit-font-smoothing: antialiased;
    color: #fff
}

.reviews-hero-v4 .title-v4 {
    margin-top: 20px;
    margin-bottom: 45px
}

.reviews-hero-v4 .buttons-holder {
    margin-top: 20px;
    font-size: 0
}

.reviews-hero-v4 .buttons-holder .button-v4 {
    width: 260px;
    box-sizing: border-box
}

.reviews-hero-v4 .buttons-holder .button-v4:first-child {
    margin-right: 20px
}

.reviews-hero-v4 .buttons-holder .write-btn {
    color: #fff;
    margin-top: 0;
    letter-spacing: 1px
}

.reviews-v4 .title-v4 {
    width: 100%;
    margin: 0 auto 20px
}

.reviews-v4 .reviews-hero-v4 {
    font-size: 0
}

.reviews-v4 .buttons-holder {
    margin-top: 35px
}

.reviews-v4 .buttons-holder .button-v4 {
    display: block;
    margin: 0 auto
}

.reviews-v4 .buttons-holder .button-v4:first-child {
    margin-right: auto;
    margin-bottom: 18px
}

.reviews-v4 .reviews-stats {
    max-width: 740px;
    width: 100%;
    margin: 0 auto
}

.reviews-v4 .stars-section .subtitle-main-v4 {
    display: inline-block;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 10px
}

.reviews-v4 .stars-section .white-stars {
    vertical-align: middle
}

.reviews-v4 .stars-section .white-stars img:not(:last-child),
.reviews-v4 .write-review .review-particle .box-content.stars label:not(:last-child) {
    margin-right: 4px
}

.reviews-v4 .stars-section .stars-breakdown {
    margin-top: 25px;
    text-align: center
}

.reviews-v4 .stars-section .stars-breakdown li {
    display: block;
    position: relative
}

.reviews-v4 .stars-section .stars-breakdown li:not(:last-child) {
    margin-bottom: 3px
}

.reviews-v4 .stars-section .stars-breakdown li .stars-small img {
    display: inline-block;
    width: 15px;
    height: auto;
    vertical-align: middle;
    margin-right: 2px
}

.reviews-v4 .stars-section .stars-breakdown li .stars-count {
    font-size: 12px;
    color: #fff;
    font-weight: 400;
    width: 50px;
    text-align: left;
    margin-left: 5px;
    margin-top: 2px;
    -webkit-font-smoothing: antialiased
}

.reviews-v4 .stars-section .stars-breakdown li .stars-bar {
    position: relative;
    width: 85px;
    height: 10px;
    background-color: #335885
}

.reviews-v4 .stars-section .stars-breakdown li .stars-bar .stars-fill {
    background-color: #222;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.reviews-v4 .write-review {
    overflow: auto
}

.reviews-v4 .write-review .middled {
    margin-top: 120px;
    margin-bottom: 120px;
    display: block;
    height: auto
}

.reviews-v4 .write-review .title-v4 {
    text-align: center;
    margin-bottom: 10px
}

.reviews-v4 .write-review form {
    background-color: #fff;
    padding: 40px 40px 60px;
    width: auto;
    display: block;
    border: 12px solid;
    text-align: center
}

.reviews-v4 .write-review .error {
    color: #222;
    font-size: 14px;
    margin-bottom: 25px;
    font-weight: 700;
    -webkit-fint-smoothing: antialiased;
    text-transform: uppercase
}

.reviews-v4 .write-review .review-particle {
    margin-bottom: 40px
}

.reviews-v4 .write-review .review-particle .box-title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 25px;
    line-height: 20px;
    background-color: #fff9f4;
    border-bottom: 2px solid #71aed2
}

.reviews-v4 .write-review .review-particle .box-content {
    padding: 0 40px 40px
}

.reviews-v4 .write-review .review-particle .box-content.stars {
    padding: 40px 0;
    font-size: 0
}

.reviews-v4 .write-review .review-particle .box-content.stars label {
    display: inline-block;
    height: 60px;
    width: 60px;
    text-align: center;
    background-color: #fff9f4;
    position: relative;
    cursor: pointer;
    transition: all 300ms
}

.reviews-v4 .write-review .review-particle .box-content.stars label img {
    position: absolute;
    top: 18px;
    left: 17px;
    height: 24px;
    width: 26px;
    transition: all 300ms
}

.reviews-v4 .write-review .fieldset-v4 {
    font-size: 0
}

.reviews-v4 .write-review .fieldset-v4 dl {
    width: 100%;
    max-width: none
}

.reviews-v4 .write-review .fieldset-v4 dl:last-child {
    margin-bottom: 0
}

.reviews-v4 .write-review .fieldset-v4 dl.half-width {
    display: inline-block;
    width: calc(50% - 15px)
}

.reviews-v4 .write-review .fieldset-v4 dl.half-width:first-child {
    margin-right: 30px
}

.reviews-v4 .write-review .fieldset-v4 dl.for-textarea {
    height: auto;
    line-height: 0
}

.reviews-v4 .write-review .fieldset-v4 dl.for-textarea textarea {
    resize: vertical
}

.reviews-v4 .write-review .button-holder {
    padding: 0 18px
}

.reviews-v4 .write-review .button-v4 {
    display: inline-block;
    margin: 0 auto;
    max-width: 320px;
    width: 100%
}

.reviews-v4 .reviews-section {
    margin-top: 20px;
    font-size: 0;
    background: #fff
}

.reviews-v4 .reviews-section .customer-reviews {
    display: inline-block;
    width: calc(100% - 380px);
    background: #fff;
    box-sizing: border-box;
    vertical-align: top
}

.reviews-v4 .reviews-section .customer-reviews > div {
    border-bottom: none
}

.reviews-v4 .reviews-section .affiliates {
    position: absolute;
    top: 0;
    right: 0;
    width: 360px;
    padding-top: 30px;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center
}

.reviews-v4 .reviews-section .affiliates li {
    padding-bottom: 50px
}

.reviews-v4 .reviews-section .affiliates li img {
    width: 120px;
    height: auto;
    margin: 0 auto;
    display: block
}

.reviews-v4 .reviews-section .affiliates li .name {
    font-size: 34px;
    line-height: 50px;
    font-weight: 700
}

.reviews-v4 .reviews-section .affiliates li .stat {
    font-size: 18px;
    line-height: 24px
}

.reviews-v4 .reviews-section .affiliates li .count {
    font-size: 14px;
    line-height: 20px
}

.reviews-v4 .reviews-section .title-big-v4 {
    margin-top: 0;
    margin-bottom: 0
}

.reviews-v4 .reviews-section .title-big-v4 .text-v4 {
    font-size: 20px;
    line-height: 28px;
    font-family: 'Roboto', sans-serif;
}

.reviews-v4 .reviews-section .box-title {
    padding: 25px;
    background: #fff9f4;
    border-bottom: 2px solid;
    text-align: left
}

.order-confirmation-v4 .order-container .order-summary .order-title ul li span,
.reviews-v4 .reviews-section .box-title .text-v4 {
    font-weight: 400
}

.reviews-v4 .reviews-section .reviews > li {
    padding: 30px 30px 30px 90px;
    border-bottom: 2px solid
}

.reviews-v4 .reviews-section .reviews > li:nth-child(even) .avatar {
    background-color: #71aed2
}

.reviews-v4 .reviews-section .avatar {
    position: absolute;
    left: -60px;
    top: 2px;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    background-color: #222;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    line-height: 48px
}

.reviews-v4 .reviews-section .title-info {
    font-size: 0
}

.reviews-v4 .reviews-section .title-info .stars.mobile {
    display: none
}

.reviews-v4 .reviews-section .title-info li {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    vertical-align: top
}

.reviews-v4 .reviews-section .title-info li:nth-child(2) {
    text-align: right
}

.reviews-v4 .reviews-section .title-info .author .name,
.shop-v4 .shop-vanity .details .details-size p .strong {
    font-weight: 700
}

.reviews-v4 .reviews-section .title-info .stars {
    margin-top: 2px
}

.reviews-v4 .reviews-section .title-info .stars img {
    width: 20px;
    height: 18px;
    vertical-align: middle
}

.reviews-v4 .reviews-section .title-info .stars img:not(:last-child) {
    margin-right: -2px
}

.reviews-v4 .reviews-section .title-info .date {
    margin-bottom: 5px
}

.reviews-v4 .reviews-section .small-title {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    margin-top: 35px;
    margin-bottom: 5px
}

.reviews-v4 .reviews-section .text-v4 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 28px
}

.reviews-v4 .reviews-section .actions {
    font-size: 0;
    font-weight: 400;
    margin-top: 30px
}

.reviews-v4 .reviews-section .actions > li {
    display: inline-block;
    font-size: 14px
}

.reviews-v4 .reviews-section .actions > li:first-child {
    width: 100px;
    text-align: left
}

.reviews-v4 .reviews-section .actions > li:last-child {
    width: calc(100% - 100px);
    text-align: right
}

.reviews-v4 .reviews-section .actions > li > a {
    color: #71aed2
}

.reviews-v4 .reviews-section .actions > li > a img {
    width: 15px;
    height: auto;
    vertical-align: middle
}

.reviews-v4 .reviews-section .actions > li img {
    margin-right: 10px;
    margin-top: -3px
}

.reviews-v4 .reviews-section .actions > li ul {
    display: inline-block
}

.reviews-v4 .reviews-section .actions > li ul li {
    display: inline-block;
    font-weight: 700;
    margin-left: 15px
}

.reviews-v4 .reviews-section .actions > li ul li a img {
    width: 14px;
    height: auto;
    vertical-align: middle
}

.reviews-v4 .reviews-section .button-holder {
    border-bottom: 2px solid;
    padding: 30px;
    text-align: center
}

@media (max-width: 1120px) {
    .reviews-v4 .title-v4 {
        max-width: 430px
    }

    .reviews-v4 .buttons-holder,
    .reviews-v4 .stars-section {
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }

    .reviews-v4 .buttons-holder {
        margin-top: 0
    }

    .reviews-v4 .write-review {
        background-color: #fff !important
    }

    .reviews-v4 .write-review .close-btn:after,
    .reviews-v4 .write-review .close-btn:before {
        background-color: #71aed2
    }

    .reviews-v4 .write-review .popup-wrapper {
        padding: 0
    }

    .reviews-v4 .write-review .title-v4 {
        color: #71aed2;
        margin-bottom: 0
    }

    .reviews-v4 .write-review .middled {
        margin-top: 55px
    }

    .reviews-v4 .write-review form {
        border: none;
        padding: 30px 25px
    }

    .reviews-v4 .subtitle-main-v4 {
        font-size: 24px;
        line-height: 34px
    }

    .reviews-v4 .reviews-section .affiliates {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        display: block;
        font-size: 0
    }

    .reviews-v4 .reviews-section .affiliates li {
        display: inline-block;
        vertical-align: top;
        width: 50%
    }

    .reviews-v4 .reviews-section .customer-reviews {
        display: block;
        width: auto
    }

    .reviews-v4 .reviews-section .title-big-v4 {
        font-size: 40px;
        line-height: 44px
    }

    .reviews-v4 .reviews-section .reviews-list-v4 {
        width: 100%
    }

    .reviews-v4 .reviews-section .reviews-list-v4 li {
        display: inline-block;
        width: calc((100% - 45px) / 2);
        vertical-align: top
    }

    .reviews-v4 .reviews-section .reviews-list-v4 li:nth-child(odd) {
        margin-right: 45px
    }

    .reviews-v4 .reviews-section .reviews-list-v4 li:nth-child(even) {
        margin-right: 0
    }

    .reviews-v4 .napcity {
        margin-top: 50px
    }
}

@media (max-width: 680px) {
    .reviews-v4 .write-review .middled {
        padding-top: 0
    }

    .reviews-v4 .write-review form {
        padding: 25px 0
    }

    .reviews-v4 .write-review .review-particle {
        border-right: none;
        border-left: none
    }

    .reviews-v4 .write-review .review-particle .box-content {
        padding-left: 18px;
        padding-right: 18px
    }

    .reviews-v4 .buttons-holder,
    .reviews-v4 .stars-section {
        width: auto;
        display: block
    }

    .reviews-v4 .stars-section {
        margin-bottom: 30px
    }

    .reviews-v4 .stars-section .subtitle-main-v4 {
        margin-top: 10px;
        margin-left: 0;
        display: block
    }

    .reviews-v4 .reviews-hero-v4 {
        padding: 40px 30px
    }

    .reviews-v4 .reviews-hero-v4 .title-v4 {
        font-size: 30px;
        line-height: 32px;
        max-width: 320px
    }

    .reviews-v4 .reviews-section .affiliates li {
        display: block;
        width: auto
    }

    .reviews-v4 .reviews-section .title-big-v4 {
        font-size: 30px;
        line-height: 40px
    }

    .reviews-v4 .reviews-section .reviews > li {
        padding: 35px 30px
    }

    .reviews-v4 .reviews-section .avatar {
        display: none
    }

    .reviews-v4 .reviews-section .title-info li {
        display: block;
        width: auto
    }

    .reviews-v4 .reviews-section .title-info li:nth-child(2) {
        text-align: left
    }

    .reviews-v4 .reviews-section .title-info .stars.mobile {
        display: block
    }

    .reviews-v4 .reviews-section .title-info .stars:not(.mobile) {
        display: none
    }

    .reviews-v4 .reviews-section .title-info .age,
    .reviews-v4 .reviews-section .title-info .author {
        margin-bottom: 5px
    }

    .reviews-v4 .reviews-section .actions > li:first-child,
    .reviews-v4 .reviews-section .actions > li:last-child {
        display: block;
        width: auto;
        text-align: left
    }

    .reviews-v4 .reviews-section .actions > li:last-child {
        margin-top: 15px
    }

    .reviews-v4 .reviews-section .reviews-list-v4 li {
        display: block;
        width: auto;
        vertical-align: top
    }

    .reviews-v4 .reviews-section .reviews-list-v4 li:nth-child(odd) {
        margin-right: 0
    }
}

.popup-window-v4 {
    position: fixed;
    top: 0;
    left: -9999px;
    width: 100%;
    height: 100%;
    z-index: 250;
    background-image: radial-gradient(rgba(255, 255, 255, .5) 1%, transparent 15%);
    background-size: 10px 10px;
    background-position: center;
    opacity: 0;
    transition: opacity 500ms, left 0ms 500ms
}

.popup-window-v4.shown {
    opacity: 1;
    left: 0;
    transition: opacity 500ms, left 0ms
}

.popup-window-v4.cancel-appointment {
    text-align: left
}

.popup-window-v4.cancel-appointment ul {
    margin-top: 100px
}

.popup-window-v4.cancel-appointment ul li {
    display: block;
    margin-bottom: 15px
}

.popup-window-v4.cancel-appointment ul li a {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    font-size: 20px;
    line-height: 40px;
    -webkit-font-smoothing: antialiased
}

.order-confirmation-v4 .order-container .order-summary .order-title ul,
.popup-window-v4.foundation-popup .popup-content {
    font-size: 0
}

.popup-window-v4.foundation-popup .popup-content img,
.popup-window-v4.foundation-popup .popup-content ul {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    box-sizing: border-box
}

.popup-window-v4.foundation-popup .popup-content img {
    height: auto
}

.popup-window-v4.foundation-popup .popup-content ul {
    padding: 0 30px
}

.popup-window-v4.foundation-popup .popup-content ul li {
    font-size: 16px
}

.popup-window-v4.foundation-popup .popup-content ul li:not(:last-child) {
    margin-bottom: 15px
}

.popup-window-v4.foundation-popup .popup-content ul li span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.popup-window-v4 #logo-title {
    fill: #fff !important;
    width: 92px;
    height: auto;
    position: absolute;
    left: 50%;
    top: 20px;
    margin-left: -46px
}

.popup-window-v4 .close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 22px;
    width: 22px;
    cursor: pointer
}

.popup-window-v4 .close-btn:after,
.popup-window-v4 .close-btn:before {
    background-color: #fff;
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 2px
}

.popup-window-v4 .close-btn:after {
    transform: rotate(45deg)
}

.popup-window-v4 .close-btn:before {
    transform: rotate(-45deg)
}

.popup-window-v4 .popup-wrapper {
    width: 100%;
    box-sizing: border-box;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 38px
}

.popup-window-v4 .middled {
    width: 100%;
    height: 100vh;
    align-items: center
}

.popup-window-v4 .title-v4 {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
    text-align: center
}

.popup-window-v4 .popup-content {
    border: 17px solid;
    background: #fff;
    width: 100%;
    box-sizing: border-box
}

.popup-window-v4 .split-ul {
    margin: 0 auto;
    font-size: 0;
    padding: 60px 30px 50px
}

.popup-window-v4 .split-ul li {
    text-align: center;
    display: inline-block;
    width: 50%;
    padding: 0 30px;
    box-sizing: border-box
}

.popup-window-v4 .split-ul li img,
.shop-v4 .tiles > div .text-content img {
    width: 89px;
    height: auto;
    margin-bottom: 20px
}

.popup-window-v4 .split-ul li .title-small,
.shop-v4 .hero > li .actions > li.fieldset-v4 dl,
.shop-v4 .shop-vanity .details .details-size .select-holder .white-stars {
    margin-bottom: 10px
}

.popup-window-v4 .note {
    background-color: #fff9f4;
    font-size: 14px;
    line-height: 21px;
    padding: 25px;
    text-align: center;
    font-weight: 400
}

.popup-window-v4 .mattresses {
    font-size: 0;
    text-align: center;
    padding: 60px 60px 20px;
    margin: 0 auto
}

.popup-window-v4 .mattresses.mattresses-two-rows li {
    width: 33.33%
}

.popup-window-v4 .mattresses.mattresses-two-rows li:not(:last-child) {
    margin-right: 0
}

.popup-window-v4 .mattresses.mattresses-two-rows li .desc {
    margin-left: -55px;
    width: 110px
}

.popup-window-v4 .mattresses li {
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    margin-bottom: 90px;
    text-align: center
}

.popup-window-v4 .mattresses li:not(:last-child) {
    margin-right: 30px
}

.popup-window-v4 .mattresses li img {
    display: inline-block
}

.popup-window-v4 .mattresses li .desc {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 90px;
    margin-left: -45px
}

.popup-window-v4 .mattresses li .name {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 5px
}

.popup-window-v4 .mattresses li .sizes {
    font-size: 12px;
    font-weight: 500
}

@media (max-width: 1300px) {
    .popup-window-v4 {
        background-position: left -3px center
    }
}

@media (max-width: 900px) {
    .popup-window-v4 .mattresses li {
        width: 33.33%
    }

    .popup-window-v4 .mattresses li:not(:last-child) {
        margin-right: 0
    }
}

@media (max-width: 680px) {
    .popup-window-v4 {
        background-color: #fff !important;
        overflow: auto
    }

    .popup-window-v4.foundation-popup .popup-content {
        padding: 0 30px 100px
    }

    .popup-window-v4.foundation-popup .popup-content img,
    .popup-window-v4.foundation-popup .popup-content ul {
        display: block;
        width: 100%
    }

    .popup-window-v4.foundation-popup .popup-content img {
        margin-bottom: 20px
    }

    .popup-window-v4 .mattresses,
    .popup-window-v4 .mattresses.mattresses-two-rows {
        max-width: 280px;
        padding: 0
    }

    .popup-window-v4 .mattresses li,
    .popup-window-v4 .mattresses.mattresses-two-rows li {
        width: 50%
    }

    .popup-window-v4 .popup-wrapper,
    .popup-window-v4.foundation-popup .popup-content ul {
        padding: 0
    }

    .popup-window-v4 .close-btn:after,
    .popup-window-v4 .close-btn:before {
        background-color: #71aed2
    }

    .popup-window-v4 .popup-content {
        border: none
    }

    .popup-window-v4 .middled {
        display: block;
        padding-top: 65px;
        height: auto
    }

    .popup-window-v4 .title-v4 {
        color: #71aed2;
        margin-bottom: 30px;
        text-align: center;
        font-size: 30px;
        line-height: 32px
    }

    .popup-window-v4 .split-ul {
        padding-top: 0;
        padding-bottom: 30px
    }

    .popup-window-v4 .split-ul li {
        width: auto;
        display: block
    }

    .popup-window-v4 .split-ul li:first-child {
        margin-bottom: 30px
    }
}

.order-confirmation-v4 .order-container {
    padding: 35px;
    background-color: #fff;
    text-align: center
}

.order-confirmation-v4 .order-container .title-big-v4 {
    margin: 0 auto 10px
}

.order-confirmation-v4 .order-container .text-v4 {
    max-width: 670px;
    margin: 0 auto
}

.order-confirmation-v4 .order-container .order {
    font-weight: 700;
    font-size: 30px;
    display: block;
    text-align: center;
    margin: 30px auto 35px
}

.order-confirmation-v4 .order-container .order span {
    color: #222
}

.order-confirmation-v4 .order-container .steps {
    max-width: 720px;
    width: 100%;
    font-size: 0;
    display: block;
    margin: 0 auto;
    position: relative
}

.order-confirmation-v4 .order-container .steps:after {
    content: '';
    display: block;
    height: 2px;
    width: 66.66%;
    position: absolute;
    background-color: #71aed2;
    left: 16.66%;
    top: 22px
}

.order-confirmation-v4 .order-container .steps li {
    position: relative;
    display: inline-block;
    width: 33.33%;
    vertical-align: top;
    text-align: center;
    text-transform: uppercase;
    z-index: 2
}

.order-confirmation-v4 .order-container .steps li .num {
    background-color: #71aed2;
    color: #fff;
    text-align: center;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    line-height: 46px;
    font-size: 20px;
    font-weight: 700;
    display: inline-block
}

.order-confirmation-v4 .order-container .steps li .step {
    margin-top: 10px;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px
}

.order-confirmation-v4 .order-container .steps li .status {
    line-height: 24px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px
}

.order-confirmation-v4 .order-container .steps li .tick {
    width: 26px;
    height: 26px;
    display: inline-block;
    box-sizing: border-box;
    border: #222 2px solid;
    border-radius: 50%;
    position: relative
}

.order-confirmation-v4 .order-container .steps li .tick img {
    width: 14px;
    height: auto;
    display: block;
    position: absolute;
    top: 5px;
    left: 4px
}

.order-confirmation-v4 .order-container .actions {
    display: inline-block;
    margin: 40px auto 0;
    font-size: 0
}

.order-confirmation-v4 .order-container .actions li {
    display: inline-block
}

.order-confirmation-v4 .order-container .actions li:first-child {
    margin-right: 20px
}

.order-confirmation-v4 .order-container .actions li .button-v4 {
    min-width: 235px
}

.order-confirmation-v4 .order-container .order-summary {
    text-align: left;
    margin-top: 40px
}

.order-confirmation-v4 .order-container .order-summary .order-title {
    background-color: #fff9f4;
    padding: 20px;
    border-bottom: 2px solid #71aed2
}

.order-confirmation-v4 .order-container .order-summary .order-title .name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.order-confirmation-v4 .order-container .order-summary .order-title ul li {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700
}

.order-confirmation-v4 .order-container .order-summary .order-title ul li:not(:last-child) {
    margin-right: 25px
}

.order-confirmation-v4 .order-container .order-summary .order-title ul li:not(:last-child):after {
    position: absolute;
    width: 25px;
    line-height: 18px;
    top: 0;
    left: 100%;
    content: '\2022';
    display: block;
    text-align: center
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 {
    background-color: #fff;
    font-size: 0;
    position: relative
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4:after {
    position: absolute;
    top: 0;
    left: 253px;
    width: 2px;
    height: 100%;
    background-color: #71aed2;
    content: '';
    display: block
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 .picture {
    display: inline-block;
    width: 255px;
    box-sizing: border-box;
    vertical-align: middle
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 .picture img {
    width: 100%;
    max-width: 255px;
    display: block;
    margin: 0 auto
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul {
    display: inline-block;
    width: calc(100% - 255px);
    box-sizing: border-box;
    padding: 30px;
    vertical-align: middle
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul > li {
    display: inline-block;
    width: 33.33%;
    vertical-align: top
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul > li ul li {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    clear: both
}

.order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul > li ul li.title {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 5px
}

@media (max-width: 1120px) {
    .order-confirmation-v4 .order-container {
        padding: 20px 0 0
    }

    .order-confirmation-v4 .order-container .title-big-v4 {
        font-size: 40px
    }

    .order-confirmation-v4 .order-container .order-summary .order-title {
        text-align: center
    }

    .order-confirmation-v4 .order-container .order-summary .order-detail-v4:after {
        display: none
    }

    .order-confirmation-v4 .order-container .order-summary .order-detail-v4 .picture,
    .order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul {
        display: block;
        width: auto
    }

    .order-confirmation-v4 .order-container .order-summary .order-detail-v4 .picture {
        border-bottom: 2px solid #71aed2
    }

    .order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul {
        padding: 35px 30px
    }
}

@media (max-width: 680px) {
    .order-confirmation-v4 .order-container {
        padding: 20px 7px 0
    }

    .order-confirmation-v4 .order-container .title-big-v4 {
        font-size: 30px;
        line-height: 32px
    }

    .order-confirmation-v4 .order-container .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .order-confirmation-v4 .order-container .steps {
        display: none
    }

    .order-confirmation-v4 .order-container .order-summary .order-title ul li:first-child {
        display: block;
        margin-right: 0;
        margin-bottom: 5px
    }

    .order-confirmation-v4 .order-container .order-summary .order-title ul li:first-child:after {
        display: none
    }

    .order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul > li {
        display: block;
        width: auto
    }

    .order-confirmation-v4 .order-container .order-summary .order-detail-v4 > ul > li:not(:first-child) {
        margin-top: 30px
    }

    .order-confirmation-v4 .order-container .actions {
        margin-top: 0
    }

    .order-confirmation-v4 .order-container .actions li {
        display: block;
        margin: 0 auto
    }

    .order-confirmation-v4 .order-container .actions li:first-child {
        margin-right: 0;
        margin-bottom: 10px
    }

    .order-confirmation-v4 .order-container .actions li .button-v4 {
        width: 100%;
        max-width: 355px
    }

    .order-confirmation-v4 .order-container .order {
        font-size: 24px
    }

    .order-confirmation-v4 .order-container .order span {
        display: block
    }
}

.referral-v4 {
    padding: 50px 0
}

.clear-coupon {
    padding: 40px;
    max-width: 600px;
    margin: 100px auto;
    text-align: center;
    background: #fff
}

.clear-coupon .title {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 30px
}

.shop-v4 .shop-vanity {
    background-color: #fff;
    text-align: center;
    padding-bottom: 35px
}

.checkout-v4 .checkout-form fieldset dl dd,
.shop-v4 .shop-vanity .centered {
    position: relative;
    z-index: 2
}

.shop-v4 .shop-vanity .headline {
    display: inline-block;
    margin: 0 auto;
    font-weight: 300;
    font-size: 40px;
    line-height: 70px;
    position: relative;
    z-index: 2
}

.shop-v4 .shop-vanity .headline .select {
    margin: 0 5px;
    display: inline-block;
    position: relative
}

.shop-v4 .shop-vanity .headline .select:before {
    content: '';
    display: block;
    height: 3px;
    width: 100%;
    background-color: #222;
    position: absolute;
    bottom: 4px;
    left: 0
}

.shop-v4 .shop-vanity .headline .select:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    border-top: 7px solid #222;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: 50%;
    right: 15px
}

.shop-v4 .shop-vanity .headline .input-helper {
    font-weight: 700;
    font-size: 40px;
    position: absolute;
    left: -9999px;
    top: 0;
    display: inline-block
}

.shop-v4 .shop-vanity .headline select {
    position: relative;
    z-index: 25;
    padding: 0 50px 0 30px;
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border-radius: 0;
    font-weight: 700;
    color: #222;
    font-size: 40px;
    height: 70px;
    line-height: normal;
    width: 0;
    text-align-last: center;
    cursor: pointer
}

.shop-v4 .shop-vanity .button-v4 {
    margin-top: 40px
}

.shop-v4 .shop-vanity .details {
    margin-top: 80px;
    font-size: 0
}

.shop-v4 .shop-vanity .details > div {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: bottom;
    box-sizing: border-box
}

.shop-v4 .shop-vanity .details .details-size {
    margin-right: 20px;
    background-color: #fff9f4
}

.shop-v4 .shop-vanity .details .details-size .text {
    padding: 0 40px 40px
}

.shop-v4 .shop-vanity .details .details-size .mattress {
    display: block;
    height: auto;
    width: 100%
}

.shop-v4 .shop-vanity .details .details-size .select-holder {
    width: 520px;
    max-width: 100%;
    margin: 40px auto 35px
}

.shop-v4 .shop-vanity .details .details-size .select-holder fieldset,
.shop-v4 .shop-vanity .details .details-size .select-holder > div {
    display: inline-block;
    width: 50%;
    vertical-align: middle;
    text-align: center;
    margin-top: 0
}

.shop-v4 .shop-vanity .details .details-size .select-holder dl {
    background-color: #fff;
    max-width: 250px;
    margin-bottom: 0
}

.shop-v4 .shop-vanity .details .details-size .select-holder dl select {
    padding-right: 62px
}

.shop-v4 .shop-vanity .details .details-size .select-holder .info {
    font-size: 16px;
    font-weight: 400;
    padding-left: 40px;
    box-sizing: border-box
}

.shop-v4 .shop-vanity .details .details-size p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    font-weight: 400;
    max-width: 620px;
    margin: 0 auto
}

.shop-v4 .shop-vanity .details .details-text {
    border: 2px solid #71aed2;
    font-weight: 400;
    text-align: left
}

.shop-v4 .shop-vanity .details .details-text .text {
    padding: 40px
}

.shop-v4 .shop-vanity .details .details-text .text .text-title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px
}

.shop-v4 .shop-vanity .details .details-text .text > p {
    font-size: 20px;
    line-height: 26px
}

.shop-v4 .shop-vanity .details .details-text .subtext {
    padding: 40px;
    border-top: 2px solid #71aed2;
    background-color: #fff9f4
}

.my-orders-v4 .product ul,
.shop-v4 .shop-vanity .details .details-text .subtext .learn-more-v4 {
    margin-top: 5px
}

.shop-v4 .shop-vanity .details .details-text .subtext .text-subtitle {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px
}

.shop-v4 .shop-vanity .details .details-text .subtext p {
    font-size: 16px;
    line-height: 24px
}

.shop-v4 .pages {
    font-size: 0
}

.shop-v4 .pages li {
    display: inline-block;
    background-color: #ffe3c9;
    height: 3px;
    cursor: pointer;
    transition: all 300ms
}

.shop-v4 .pages li.active {
    background-color: #71aed2
}

.shop-v4 .hero {
    font-size: 0;
    background: #fff
}

.shop-v4 .hero.foundation-hero > li .hero-text {
    padding-top: 0;
    padding-bottom: 0
}

.shop-v4 .hero.foundation-hero > li .hero-copy .title-big-v4,
.shop-v4 .materials-section .materials .button-holder .learn-more-v4 {
    margin-top: 0
}

.shop-v4 .hero.foundation-hero > li .text-v4 {
    max-width: 420px
}

.shop-v4 .hero.foundation-hero > li .pages > li {
    width: calc((100% - 30px) / 7)
}

.my-orders-v4 .details .details-holder .navigation-content li ul li .container .tick:not(.active),
.shop-v4 .hero:not(.foundation-hero).shop-hero-bottom {
    display: none
}

.shop-v4 .hero > li {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: hidden
}

.shop-v4 .hero > li.small-desktop {
    display: none;
    width: auto;
    font-weight: 400
}

.shop-v4 .hero > li.small-desktop .callouts {
    columns: 3
}

.shop-v4 .hero > li .slider ul li {
    display: inline-block;
    vertical-align: top
}

.shop-v4 .hero > li .pages > li {
    width: calc((100% - 20px) / 5)
}

.shop-v4 .hero > li .pages > li:not(:last-child) {
    margin-right: 5px
}

.shop-v4 .hero > li .hero-copy {
    font-weight: 400
}

.shop-v4 .hero > li .hero-copy.tablet {
    display: none
}

.shop-v4 .hero > li .hero-copy.tablet .stars img {
    width: 21px;
    margin-right: 3px
}

.shop-v4 .hero > li .hero-copy.tablet .title-big-v4 {
    font-size: 40px;
    line-height: 45px;
    margin-top: 20px;
    margin-bottom: 15px
}

.checkout-v4 .cart-items > ul > li .add-features li .togglable div,
.checkout-v4 .cart-items > ul > li .add-features li .togglable img,
.shop-v4 .hero > li .hero-copy .stars,
.shop-v4 .hero > li .hero-copy span {
    display: inline-block;
    vertical-align: middle
}

.shop-v4 .hero > li .hero-copy .stars img {
    width: 26px;
    vertical-align: middle;
    height: auto;
    margin-right: 5px
}

.shop-v4 .hero > li .hero-copy span {
    font-size: 16px
}

.shop-v4 .hero > li .hero-copy span.revs {
    margin-top: 4px;
    margin-left: 8px
}

.shop-v4 .hero > li .hero-copy .title-big-v4 {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 10px
}

.shop-v4 .hero > li .hero-text {
    padding: 15px 0 15px 35px;
    font-weight: 400
}

.shop-v4 .hero > li .hero-text span {
    font-size: 16px
}

.shop-v4 .hero > li .hero-text .dimensions {
    display: none
}

.shop-v4 .hero > li .actions {
    margin-top: 30px;
    padding-right: 15px
}

.shop-v4 .hero > li .actions > li {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 10px)
}

.shop-v4 .hero > li .actions > li:first-child,
.shop-v4 .photos li:first-child {
    margin-right: 20px
}

.shop-v4 .hero > li .actions > li.fieldset-v4 dd select {
    padding-right: 55px
}

.shop-v4 .hero > li .actions > li .button-v4 {
    width: 100%;
    margin-bottom: 10px
}

.shop-v4 .hero > li .actions > li .button-v4 span {
    font-size: inherit
}

.shop-v4 .hero > li .actions > li .small-desktop-copy,
.shop-v4 .surfaces-section .surfaces ul li .li-holder {
    display: none
}

.shop-v4 .hero > li .more {
    font-weight: 900;
    color: #222;
    -webkit-font-smoothing: antialiased
}

.shop-v4 .hero > li input[type=checkbox] {
    position: absolute;
    top: 0;
    left: -9999px
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler input[type=checkbox]:checked + label::before,
.checkout-v4 .checkout-form .same-for-billing-btn input[type=checkbox]:checked + label:before,
.shop-v4 .hero > li input[type=checkbox]:checked + .foundation-label:before {
    background: no-repeat url(//helixcontent1.com//tick-v4.png) center center/14px auto
}

.shop-v4 .hero > li .foundation-label {
    margin-top: 35px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 38px;
    font-size: 16px;
    line-height: 24px
}

.shop-v4 .hero > li .foundation-label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border: 2px solid #71aed2;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center
}

.shop-v4 .hero > li .callouts {
    margin-top: 35px;
    columns: 2
}

.shop-v4 .hero > li .callouts li {
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 15px;
    padding-right: 20px;
    vertical-align: top
}

.shop-v4 .hero > li .callouts li span {
    position: absolute;
    top: 0;
    left: 0
}

.shop-v4 .logotext-v4 {
    padding: 60px 0 45px
}

.shop-v4 .photos {
    font-size: 0;
    background: #fff
}

.shop-v4 .photos li {
    display: inline-block;
    width: calc(50% - 10px);
    vertical-align: middle
}

.shop-v4 .photos li img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.shop-v4 .snaps {
    background: #fff;
    padding-top: 20px;
    text-align: center
}

.shop-v4 .snaps .title-v4 {
    margin-bottom: 5px
}

.shop-v4 .snaps > .snaps-holder {
    margin-top: 30px;
    display: flex;
    text-align: left
}

.shop-v4 .snaps > .snaps-holder > div {
    flex: calc((100% - 40px) / 3);
    padding: 35px 30px 40px;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    color: #fff
}

.shop-v4 .snaps > .snaps-holder > div .title-small-v4 {
    margin-bottom: 10px
}

.shop-v4 .box-title {
    background-color: #fff9f4;
    padding: 25px 30px;
    border-bottom: 2px solid
}

.shop-v4 .materials-section {
    font-size: 0
}

.shop-v4 .materials-section .reviews-list-v4 {
    display: inline-block;
    width: 382px;
    padding-left: 12px;
    padding-right: 30px;
    vertical-align: middle
}

.shop-v4 .materials-section .reviews-list-v4 .learn-more-v4 {
    margin-top: -20px
}

.shop-v4 .materials-section .v4-bordered {
    display: inline-block;
    width: calc(100% - 406px);
    vertical-align: middle
}

.shop-v4 .materials-section .materials {
    background-color: #fff
}

.shop-v4 .materials-section .materials img {
    width: 100%;
    height: auto;
    display: block
}

.shop-v4 .materials-section .materials ul {
    font-size: 0;
    padding: 30px
}

.shop-v4 .materials-section .materials ul li {
    vertical-align: top;
    display: inline-block;
    width: calc((100% - 40px) / 3)
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > ul > li .actions li:not(:last-child),
.shop-v4 .materials-section .materials ul li:not(:last-child) {
    margin-right: 20px
}

.shop-v4 .materials-section .materials .icon-holder {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.shop-v4 .materials-section .materials .icon-holder img {
    width: 92px;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -46px;
    margin-left: -46px
}

.shop-v4 .materials-section .materials .title-small-v4 {
    margin-top: 25px;
    margin-bottom: 5px
}

.shop-v4 .materials-section .materials .button-holder {
    border-top: 2px solid;
    text-align: center;
    padding: 25px 25px 30px
}

.shop-v4 .tiles > div {
    background-color: #fff9f4;
    position: relative;
    text-align: left
}

.shop-v4 .tiles > div:first-child {
    text-align: right;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.shop-v4 .tiles > div:first-child .learn-more-v4 {
    color: #fff
}

.shop-v4 .tiles > div:first-child .learn-more-v4 span {
    background-color: #fff
}

.shop-v4 .tiles > div:first-child .text-content {
    left: 0
}

.shop-v4 .tiles > div:nth-child(2) .text-content {
    right: 0
}

.shop-v4 .tiles > div > img {
    width: 50%;
    height: auto;
    vertical-align: middle
}

.shop-v4 .tiles > div .text-content {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    align-items: center;
    padding: 50px;
    box-sizing: border-box;
    text-align: center
}

.shop-v4 .tiles > div .text-content .title-v4 {
    margin-bottom: 10px
}

.shop-v4 .tiles > div .text-content .learn-more-v4 {
    margin-top: 10px
}

.shop-v4 .hybrid {
    text-align: left;
    padding: 90px 0;
    border-top: 12px solid #fff;
    border-bottom: 12px solid #fff
}

.shop-v4 .hybrid .img-holder {
    overflow: hidden;
    width: calc(50% - 58px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 60px;
    box-sizing: border-box
}

.shop-v4 .hybrid .img-holder img {
    vertical-align: middle;
    flex-grow: 0;
    flex-shrink: 0
}

.shop-v4 .hybrid .text-content {
    width: 50%;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    padding-right: 40px;
    box-sizing: border-box
}

.shop-v4 .hybrid .text-content .title-v4 {
    margin-bottom: 20px
}

.shop-v4 .hybrid .text-content .learn-more-v4 {
    color: #fff
}

.shop-v4 .surfaces-section {
    font-size: 0
}

.shop-v4 .surfaces-section .v4-bordered {
    background-color: #fff;
    width: calc(100% - 394px);
    display: inline-block;
    vertical-align: top
}

.shop-v4 .surfaces-section .tog-title-v4 {
    display: block
}

.shop-v4 .surfaces-section .surfaces {
    border-bottom: 0
}

.shop-v4 .hybrid .img-holder img,
.shop-v4 .surfaces-section .surfaces > img {
    width: 100%;
    height: auto;
    display: block
}

.shop-v4 .surfaces-section .surfaces .learn-more-v4 {
    margin-top: 10px
}

.shop-v4 .surfaces-section .surfaces .li-holder {
    padding: 30px;
    border-bottom: 2px solid
}

.shop-v4 .surfaces-section .surfaces ul li {
    text-align: left;
    position: relative;
    padding: 0
}

.shop-v4 .surfaces-section .surfaces .icon-holder {
    width: 220px;
    margin-right: 25px;
    display: inline-block;
    vertical-align: middle;
    height: 220px;
    position: relative
}

.shop-v4 .surfaces-section .surfaces .icon-holder img {
    width: 140px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -70px
}

.shop-v4 .surfaces-section .surfaces .text-content {
    width: calc(100% - 310px);
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

.shop-v4 .surfaces-section .media-reviews-v4 {
    margin-top: 230px;
    padding-left: 30px;
    padding-right: 0;
    width: 340px;
    display: inline-block;
    vertical-align: top
}

.shop-v4 .surfaces-section .media-reviews-v4.tablet {
    display: none
}

.shop-v4 .surfaces-section .media-reviews-v4 ul li {
    vertical-align: top
}

.get-personalized-v4 .sides-selector .fieldset-v4 .ul-split-bord > li dl,
.shop-v4 .reviews-hero-v4 .title-v4 {
    margin-bottom: 30px
}

.shop-v4 .steps-slider,
.shop-v4 .support-system {
    border-top: 17px solid #fff;
    border-bottom: 17px solid #fff;
    margin-top: 20px
}

.shop-v4 .support-system {
    position: relative;
    overflow: hidden;
    color: #fff;
    padding: 60px 0;
    -webkit-font-smoothing: antialiased
}

.shop-v4 .support-system.loaded .bg-lt,
.shop-v4 .support-system.loaded .bg-rb {
    transform: translate3d(0, 0, 0)
}

.shop-v4 .support-system .bg-lt,
.shop-v4 .support-system .bg-rb {
    position: absolute;
    width: 856px;
    height: auto;
    transition: 1500ms cubic-bezier(.44, .22, .47, .99)
}

.shop-v4 .support-system .bg-lt {
    top: -100px;
    right: calc(50% + 170px);
    transform: translate3d(-200px, 0, 0)
}

.shop-v4 .support-system .bg-rb {
    bottom: -120px;
    left: calc(50% + 170px);
    transform: translate3d(200px, 0, 0)
}

.shop-v4 .support-system .wrapper-v4 {
    position: relative;
    z-index: 2;
    max-width: 565px;
    text-align: center
}

.shop-v4 .support-system .wrapper-v4 img {
    width: 171px;
    height: auto;
    display: block;
    margin: 0 auto 30px
}

.shop-v4 .support-system .text-v4 {
    margin-top: 20px
}

.shop-v4 .support-system .compatible-note {
    margin-top: 25px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px
}

.shop-v4 .steps-slider {
    background-color: #fff9f4;
    font-size: 0
}

.shop-v4 .steps-slider > div > ul > li,
.shop-v4 .steps-slider > div > ul > li > div {
    display: inline-block;
    padding: 70px 0 100px;
    box-sizing: border-box
}

.shop-v4 .steps-slider > div > ul > li > div {
    width: 50%;
    vertical-align: middle;
    text-align: center;
    padding: 0 30px
}

.shop-v4 .steps-slider > div > ul > li .image.loaded .bed-0 {
    transform: translate3d(-69px, 0, 0);
    transition: 3000ms
}

.shop-v4 .steps-slider > div > ul > li .image.loaded .bed-1 {
    transform: translate3d(160px, 0, 0);
    transition: 3000ms
}

.shop-v4 .steps-slider > div > ul > li .image.loaded .bed-2 {
    transform: translate3d(0, 0, 0);
    transition: 3000ms
}

.shop-v4 .steps-slider > div > ul > li .image.loaded .bed-3 {
    transform: translate3d(-90px, 0, 0);
    transition: 3000ms
}

.shop-v4 .steps-slider > div > ul > li .image.loaded .bed-4 {
    transform: translate3d(120px, 0, 0);
    transition: 3000ms
}

.shop-v4 .steps-slider > div > ul > li .image svg {
    display: block;
    height: auto;
    margin: 0 auto
}

.shop-v4 .steps-slider > div > ul > li .image .bed-0 {
    width: 258px;
    transform: translate3d(-69px, -226px, 0)
}

.shop-v4 .steps-slider > div > ul > li .image .bed-1 {
    margin-top: -75px;
    width: 260px;
    transform: translate3d(160px, -147px, 0)
}

.shop-v4 .steps-slider > div > ul > li .image .bed-2 {
    width: 244px;
    margin-top: -35px;
    transform: translate3d(0, -178px, 0)
}

.shop-v4 .steps-slider > div > ul > li .image .bed-3,
.shop-v4 .steps-slider > div > ul > li .image .bed-4 {
    width: 280px
}

.shop-v4 .steps-slider > div > ul > li .image .bed-3 {
    margin-top: -40px;
    transform: translate3d(-90px, -212px, 0)
}

.shop-v4 .steps-slider > div > ul > li .image .bed-4 {
    margin-top: -200px;
    transform: translate3d(120px, -179px, 0)
}

.shop-v4 .steps-slider > div > ul > li .step .title-v4 {
    max-width: 200px;
    margin: 0 auto
}

.shop-v4 .steps-slider > div > ul > li .step .subtitle-v4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 900;
    margin-bottom: 5px;
    text-transform: uppercase
}

.shop-v4 .steps-slider > div > ul > li .step img {
    display: block;
    width: 154px;
    height: auto;
    margin: 30px auto
}

.shop-v4 .steps-slider > div > ul > li .step .text-v4 {
    max-width: 400px;
    margin: 0 auto
}

.shop-v4 .steps-slider .pages > li {
    width: calc((100% - 30px) / 4)
}

.shop-v4 .steps-slider .pages > li:not(:last-child) {
    margin-right: 10px
}

.shop-v4 .shop-mattress {
    position: relative;
    background-color: #fff9f4;
    margin-top: 20px;
    font-size: 0;
    text-align: right
}

.shop-v4 .shop-mattress .image,
.shop-v4 .shop-mattress .text-block {
    width: 50%;
    display: inline-block
}

.shop-v4 .shop-mattress .text-block {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    text-align: center;
    box-sizing: border-box;
    padding-left: 30px;
    padding-right: 20px
}

.shop-v4 .shop-mattress .text-block img {
    width: 170px;
    display: block;
    margin: 0 auto 15px
}

.shop-v4 .shop-mattress .text-block .text-v4 {
    max-width: 360px;
    margin: 5px auto 0
}

@media (max-width: 1120px) {
    .shop-v4 .hero > li.small-desktop,
    .shop-v4 .snaps > .snaps-holder {
        display: block
    }

    .shop-v4 .hero > li:not(.small-desktop) .callouts {
        display: none
    }

    .shop-v4 .hero > li .hero-copy .title-big-v4 {
        font-size: 38px;
        line-height: 45px
    }

    .shop-v4 .hero > li .actions,
    .shop-v4 .hero > li .foundation-label {
        margin-top: 20px
    }

    .shop-v4 .hero > li .actions > li {
        display: block;
        width: auto;
        text-align: left
    }

    .shop-v4 .hero > li .actions > li:first-child {
        margin-right: 0;
        margin-bottom: 20px
    }

    .shop-v4 .hero > li .actions > li.fieldset-v4 dl {
        width: calc(100% - 160px);
        display: inline-block;
        margin: 0 15px 0 0;
        vertical-align: middle
    }

    .shop-v4 .hero > li .actions > li > span {
        width: 145px;
        display: inline-block;
        vertical-align: middle
    }

    .shop-v4 .hero > li .actions > li .button-v4 {
        display: inline-block;
        width: calc(100% - 160px);
        margin-right: 15px;
        margin-bottom: 0;
        text-align: center;
        vertical-align: middle
    }

    .shop-v4 .hero > li .actions > li .small-desktop-copy {
        display: inline
    }

    .shop-v4 .hero > li .actions > li .small-desktop-hidden {
        display: none
    }

    .shop-v4 .photos li {
        width: calc(50% - 5px)
    }

    .shop-v4 .photos li:first-child {
        margin-right: 10px
    }

    .shop-v4 .snaps > .snaps-holder > div {
        flex: none;
        width: auto;
        display: block;
        min-height: auto
    }

    .shop-v4 .snaps > .snaps-holder > div:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px
    }

    .shop-v4 .materials-section {
        margin-top: 0
    }

    .shop-v4 .materials-section .reviews-list-v4 {
        display: block;
        width: auto
    }

    .shop-v4 .materials-section .v4-bordered {
        display: block;
        width: auto;
        padding: 0
    }

    .shop-v4 .materials-section .reviews-list-v4 {
        padding: 60px 12px
    }

    .shop-v4 .materials-section .reviews-list-v4 li {
        width: calc(50% - 10px);
        display: inline-block;
        vertical-align: top
    }

    .shop-v4 .materials-section .reviews-list-v4 li:nth-child(1) {
        margin-right: 20px
    }

    .shop-v4 .materials-section .reviews-list-v4 li:nth-child(3) {
        display: none
    }

    .shop-v4 .materials-section .reviews-list-v4 li:not(:last-child) {
        padding-bottom: 0
    }

    .shop-v4 .materials-section .reviews-list-v4 .learn-more-v4 {
        margin-top: 30px
    }

    .shop-v4 .materials-section .materials {
        border-bottom: none
    }

    .shop-v4 .materials-section .materials .title-small-v4 {
        margin-top: 0
    }

    .shop-v4 .materials-section .materials ul {
        padding: 0;
        border-top: 2px solid
    }

    .shop-v4 .materials-section .materials ul li {
        display: block;
        width: auto
    }

    .shop-v4 .materials-section .materials ul li:not(:last-child) {
        margin-right: 0
    }

    .shop-v4 .materials-section .materials ul li .li-holder {
        padding: 30px;
        border-bottom: 2px solid;
        font-size: 0;
        display: none
    }

    .shop-v4 .materials-section .materials .icon-holder {
        width: 220px;
        height: 220px;
        display: inline-block;
        vertical-align: middle;
        padding-bottom: 0
    }

    .shop-v4 .materials-section .materials .text-holder {
        width: calc(100% - 220px);
        padding-left: 30px;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: middle
    }

    .shop-v4 .materials-section .materials .button-holder {
        border-top: none
    }

    .shop-v4 .tiles .title-v4 {
        font-size: 30px;
        line-height: 32px
    }

    .shop-v4 .tiles .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .shop-v4 .tiles > div .text-content img {
        width: 66px;
        margin-bottom: 15px
    }

    .shop-v4 .hybrid {
        padding: 55px 0
    }

    .shop-v4 .hybrid .wrapper-v4 {
        padding: 0 30px
    }

    .shop-v4 .hybrid .img-holder {
        padding: 0;
        width: calc(50% - 50px);
        right: 30px;
        left: auto
    }

    .shop-v4 .hybrid .text-content .title-v4 {
        font-size: 30px;
        line-height: 34px
    }

    .shop-v4 .hybrid .text-content .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .shop-v4 .surfaces-section,
    .shop-v4 .surfaces-section .media-reviews-v4 {
        margin-top: 0
    }

    .shop-v4 .surfaces-section .media-reviews-v4.desktop {
        display: none
    }

    .shop-v4 .surfaces-section .media-reviews-v4.tablet {
        display: block;
        width: auto;
        padding: 50px 12px
    }

    .shop-v4 .surfaces-section .media-reviews-v4.tablet ul li {
        display: inline-block;
        width: calc(50% - 20px)
    }

    .shop-v4 .surfaces-section .media-reviews-v4.tablet ul li:not(:last-child) {
        margin-right: 40px;
        margin-bottom: 0
    }

    .shop-v4 .surfaces-section .media-reviews-v4.tablet ul li:nth-child(2) {
        margin-right: 0
    }

    .shop-v4 .surfaces-section .v4-bordered {
        display: block;
        width: auto
    }
}

@media (max-width: 980px) {
    .shop-v4 .shop-vanity .details .details-size .select-holder fieldset,
    .shop-v4 .shop-vanity .details .details-size .select-holder > div {
        display: block;
        width: auto
    }

    .shop-v4 .shop-vanity .details .details-size .select-holder .info {
        margin-top: 20px;
        padding-left: 0
    }
}

@media (max-width: 900px) {
    .shop-v4 .foundation-hero > li {
        display: block;
        width: auto
    }

    .shop-v4 .foundation-hero > li.small-desktop {
        display: none
    }

    .shop-v4 .foundation-hero > li:not(.small-desktop) .callouts {
        display: block
    }

    .shop-v4 .foundation-hero > li.tablet-main > ul {
        font-size: 0
    }

    .shop-v4 .foundation-hero > li.tablet-main > ul > li {
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }

    .shop-v4 .foundation-hero > li.tablet-main > ul > li:first-child {
        padding-right: 10px;
        box-sizing: border-box
    }

    .shop-v4 .foundation-hero > li .hero-copy.desktop {
        display: none
    }

    .shop-v4 .foundation-hero > li .hero-copy.tablet {
        display: inline-block;
        padding: 25px 25px 25px 10px;
        box-sizing: border-box
    }

    .shop-v4 .foundation-hero > li .hero-text {
        padding: 25px 0 5px
    }

    .shop-v4 .foundation-hero > li .actions {
        margin-top: 25px;
        padding-right: 0
    }

    .shop-v4 .foundation-hero > li .actions > li {
        display: inline-block;
        width: calc(50% - 10px);
        text-align: center
    }

    .shop-v4 .foundation-hero > li .actions > li:first-child {
        margin-right: 20px
    }

    .shop-v4 .foundation-hero > li .actions > li.fieldset-v4 dl {
        display: block;
        margin: 0 0 10px;
        width: 100%;
        max-width: none
    }

    .shop-v4 .foundation-hero > li .actions > li .button-v4 {
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 10px
    }

    .shop-v4 .foundation-hero > li .actions > li > span {
        width: auto;
        display: block
    }

    .shop-v4 .foundation-hero > li .actions > li .small-desktop-copy {
        display: none
    }

    .shop-v4 .foundation-hero > li .actions > li .small-desktop-hidden {
        display: inline
    }

    .shop-v4 .foundation-hero > li .callouts {
        columns: 2;
        margin-top: 30px
    }
}

@media (max-width: 768px) {
    .shop-v4 .shop-vanity {
        padding-bottom: 17px
    }

    .shop-v4 .shop-vanity .details {
        margin-top: 35px
    }

    .shop-v4 .hero > li,
    .shop-v4 .shop-vanity .details > div {
        display: block;
        width: auto
    }

    .shop-v4 .shop-vanity .details .details-size {
        margin-right: 0
    }

    .shop-v4 .shop-vanity .details .details-size .select-holder fieldset,
    .shop-v4 .shop-vanity .details .details-size .select-holder > div {
        display: inline-block;
        width: 50%
    }

    .shop-v4 .shop-vanity .details .details-size .select-holder .info {
        margin-top: 0;
        padding-left: 40px
    }

    .shop-v4 .shop-vanity .details .details-text {
        margin-top: 20px
    }

    .shop-v4 .hero:not(.foundation-hero).shop-hero-bottom {
        display: block
    }

    .shop-v4 .hero.shop-hero-bottom,
    .shop-v4 .shop-mattress .image,
    .shop-v4 .shop-mattress .text-block {
        display: block
    }

    .shop-v4 .hero.foundation-hero > li .actions {
        margin-top: 25px
    }

    .shop-v4 .hero.foundation-hero > li .callouts {
        columns: 2
    }

    .shop-v4 .hero > li.small-desktop {
        display: none
    }

    .shop-v4 .hero > li:not(.small-desktop) .callouts {
        display: block
    }

    .shop-v4 .hero > li.tablet-main > ul {
        font-size: 0
    }

    .shop-v4 .hero > li.tablet-main > ul > li {
        width: 50%;
        display: inline-block;
        vertical-align: middle
    }

    .shop-v4 .hero > li.tablet-main > ul > li:first-child {
        padding-right: 10px;
        box-sizing: border-box
    }

    .shop-v4 .hero > li .hero-copy.desktop {
        display: none
    }

    .shop-v4 .hero > li .hero-copy.tablet {
        display: inline-block;
        padding: 25px 25px 25px 10px;
        box-sizing: border-box
    }

    .shop-v4 .hero > li .hero-text {
        padding: 25px 0 5px
    }

    .shop-v4 .hero > li .actions {
        margin-top: 0;
        padding-right: 0
    }

    .shop-v4 .hero > li .actions > li {
        display: inline-block;
        width: calc(50% - 10px);
        text-align: center
    }

    .shop-v4 .hero > li .actions > li:first-child {
        margin-right: 20px;
        margin-bottom: 0
    }

    .shop-v4 .hero > li .actions > li.fieldset-v4 dl {
        display: block;
        margin: 0 0 10px;
        width: 100%;
        max-width: none
    }

    .shop-v4 .hero > li .actions > li .button-v4 {
        display: block;
        width: auto;
        margin-right: 0;
        margin-bottom: 10px
    }

    .shop-v4 .hero > li .actions > li .small-desktop-copy,
    .shop-v4 .steps-slider > div > ul > li > .image {
        display: none
    }

    .shop-v4 .hero > li .actions > li .small-desktop-hidden {
        display: inline
    }

    .shop-v4 .hero > li .callouts {
        columns: 3;
        margin-top: 30px
    }

    .shop-v4 .steps-slider > div > ul > li {
        padding: 70px 0 60px
    }

    .shop-v4 .hero > li .actions > li > span,
    .shop-v4 .steps-slider > div > ul > li .step {
        display: block;
        width: auto
    }

    .shop-v4 .shop-mattress {
        border-right: 0;
        border-left: 0;
        margin-left: -18px;
        margin-right: -18px
    }

    .shop-v4 .shop-mattress .image {
        width: 100%
    }

    .shop-v4 .shop-mattress .text-block {
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        transform: translate3d(0, 0, 0);
        padding-left: 20px;
        padding-bottom: 50px;
        margin-top: -7%
    }
}

@media (max-width: 680px) {
    .shop-v4 .button-v4 span {
        display: none
    }

    .shop-v4 .shop-vanity {
        margin-bottom: 20px
    }

    .shop-v4 .photos,
    .shop-v4 .shop-vanity .button-v4 {
        margin-top: 20px
    }

    .shop-v4 .shop-vanity .headline {
        font-size: 30px;
        line-height: 50px
    }

    .shop-v4 .shop-vanity .headline .select:before {
        bottom: 0
    }

    .shop-v4 .shop-vanity .headline .select:after {
        right: 8px
    }

    .shop-v4 .shop-vanity .headline .input-helper,
    .shop-v4 .shop-vanity .headline select {
        font-size: 30px;
        height: 50px
    }

    .shop-v4 .shop-vanity .headline select {
        padding: 0 30px 0 10px
    }

    .shop-v4 .shop-vanity .details {
        margin-left: -18px;
        margin-right: -18px
    }

    .shop-v4 .hero > li .actions > li,
    .shop-v4 .hero > li.tablet-main > ul > li,
    .shop-v4 .photos li,
    .shop-v4 .shop-vanity .details .details-size .select-holder fieldset,
    .shop-v4 .shop-vanity .details .details-size .select-holder > div {
        display: block;
        width: auto
    }

    .shop-v4 .shop-vanity .details .details-size .select-holder .info {
        margin-top: 20px;
        padding-left: 0
    }

    .shop-v4 .shop-vanity .details .details-size .text,
    .shop-v4 .shop-vanity .details .details-text .subtext,
    .shop-v4 .shop-vanity .details .details-text .text {
        padding-left: 18px;
        padding-right: 18px
    }

    .shop-v4 .shop-vanity .details .details-text {
        margin-top: 0;
        border: none;
        border-bottom: 2px solid #71aed2
    }

    .shop-v4 .shop-vanity .details .details-text .subtext .text-title,
    .shop-v4 .shop-vanity .details .details-text .text .text-title {
        font-size: 30px;
        line-height: 35px
    }

    .shop-v4 .hero.foundation-hero > li .callouts {
        margin-top: 35px;
        columns: 1
    }

    .shop-v4 .hero > li.tablet-main > ul > li:first-child {
        padding-right: 0
    }

    .shop-v4 .hero > li .hero-copy.tablet {
        padding: 20px 0 0
    }

    .shop-v4 .hero > li .actions > li:first-child {
        margin-right: 0;
        margin-bottom: 20px
    }

    .shop-v4 .hero > li .callouts {
        margin-top: 25px;
        columns: 1
    }

    .shop-v4 .photos li:first-child {
        margin-right: 0;
        margin-bottom: 10px
    }

    .shop-v4 .materials-section .reviews-list-v4 {
        padding: 40px 18px
    }

    .shop-v4 .materials-section .reviews-list-v4 li,
    .shop-v4 .surfaces-section .media-reviews-v4.tablet ul li {
        display: block;
        width: auto
    }

    .shop-v4 .materials-section .reviews-list-v4 li:nth-child(1) {
        margin-right: 0;
        display: none
    }

    .shop-v4 .title-v4 {
        font-size: 30px;
        line-height: 34px
    }

    .shop-v4 .box-title,
    .shop-v4 .materials-section .materials ul li .li-holder {
        padding: 25px
    }

    .shop-v4 .box-title .text-v4 {
        margin-top: 5px
    }

    .shop-v4 .tog-title-v4 {
        padding: 20px 25px
    }

    .shop-v4 .materials-section .materials .icon-holder {
        display: block;
        width: auto;
        height: 0;
        padding-bottom: 100%
    }

    .shop-v4 .materials-section .materials .text-holder {
        display: block;
        width: auto;
        padding-left: 0
    }

    .shop-v4 .tiles {
        border-right: 0;
        border-left: 0
    }

    .shop-v4 .tiles > div:first-child .text-content {
        left: auto
    }

    .shop-v4 .tiles > div:nth-child(2) .text-content {
        right: auto
    }

    .shop-v4 .tiles > div .text-content {
        display: block;
        position: relative;
        top: auto;
        height: 0;
        width: auto;
        padding: 30px 30px 100%
    }

    .shop-v4 .tiles > div .text-content .content-holder {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: center;
        flex-direction: column;
        box-sizing: border-box;
        padding: 30px
    }

    .shop-v4 .tiles > div > img {
        width: 100%
    }

    .shop-v4 .support-system .bg-lt {
        right: 50px;
        top: -55px;
        width: 650px
    }

    .shop-v4 .support-system .bg-rb {
        display: none
    }

    .shop-v4 .support-system .text-v4 {
        font-size: 16px;
        line-height: 24px
    }

    .shop-v4 .support-system .compatible-note {
        font-size: 17px;
        line-height: 24px
    }

    .shop-v4 .support-system .wrapper-v4 {
        padding: 0 28px
    }

    .shop-v4 .support-system .wrapper-v4 img {
        width: 137px
    }

    .shop-v4 .steps-slider > div > ul > li {
        padding: 50px 0 45px
    }

    .shop-v4 .steps-slider > div > ul > li .step .title-v4 {
        font-size: 40px;
        line-height: 46px
    }

    .shop-v4 .steps-slider > div > ul > li .step .subtitle-v4 {
        font-size: 20px
    }

    .shop-v4 .steps-slider > div > ul > li .step .text-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .shop-v4 .shop-mattress {
        margin-left: 0;
        margin-right: 0
    }

    .shop-v4 .shop-mattress .text-block .text-v4 {
        font-size: 16px;
        line-height: 22px;
        max-width: 300px
    }

    .shop-v4 .hybrid {
        padding: 55px 0 40px
    }

    .shop-v4 .hybrid .wrapper-v4 {
        padding: 0 18px
    }

    .shop-v4 .hybrid .img-holder {
        position: relative;
        top: auto;
        right: auto;
        width: auto;
        display: block
    }

    .shop-v4 .hybrid .text-content {
        margin-top: 25px;
        display: block;
        width: auto;
        padding-right: 0
    }

    .shop-v4 .surfaces-section .media-reviews-v4.tablet {
        padding-right: 18px;
        padding-left: 18px
    }

    .shop-v4 .surfaces-section .media-reviews-v4.tablet ul li:nth-child(1) {
        display: none
    }

    .shop-v4 .surfaces-section .surfaces .icon-holder {
        width: auto;
        height: 0;
        padding-bottom: 100%;
        display: block;
        margin-right: 0
    }

    .shop-v4 .surfaces-section .surfaces .text-content {
        top: auto;
        height: auto;
        width: auto;
        position: relative;
        margin-top: 25px
    }

    .shop-v4 .surfaces-section .tog-title-v4 {
        display: block
    }
}

.my-orders-v4 .v4-bordered {
    background-color: #fff;
    padding: 28px;
    margin-bottom: 40px
}

.my-orders-v4 .my-orders-title {
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    margin-bottom: 35px
}

.my-orders-v4 .my-orders-title > a,
.my-orders-v4 .my-orders-title > div {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-bottom: 0
}

.my-orders-v4 .title-big-v4 {
    text-align: left;
    margin-bottom: 35px
}

.my-orders-v4 .detail {
    background-color: #fff;
    border-bottom: none
}

.my-orders-v4 .detail:not(:first-child) {
    margin-top: 60px
}

.my-orders-v4 .product {
    background-color: #fff9f4;
    font-size: 0;
    padding: 20px;
    border-bottom: 2px solid #71aed2;
    position: relative;
    z-index: 2
}

.my-orders-v4 .product .order,
.my-orders-v4 .product .title {
    font-size: 24px;
    font-weight: 700;
    width: 50%;
    display: inline-block
}

.my-orders-v4 .product .order .order-id,
.my-orders-v4 .product .title .order-id {
    color: #222
}

.my-orders-v4 .product .order {
    text-align: right
}

.my-orders-v4 .product ul li {
    display: inline-block;
    font-size: 16px;
    position: relative;
    line-height: 20px
}

.my-orders-v4 .product ul li:not(:last-child) {
    margin-right: 25px
}

.my-orders-v4 .product ul li:not(:last-child):after {
    position: absolute;
    content: '\2022';
    display: block;
    width: 25px;
    left: 100%;
    top: 0;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    line-height: 24px
}

.my-orders-v4 .product ul li .cat {
    font-weight: 700
}

.my-orders-v4 .product ul li .val {
    font-weight: 400
}

.my-orders-v4 .details {
    display: flex;
    font-size: 0
}

.my-orders-v4 .details .actions-holder {
    border-right: 2px solid #71aed2;
    flex: 350px;
    display: inline-block;
    box-sizing: border-box;
    padding: 30px;
    text-align: center
}

.my-orders-v4 .details .actions-holder img {
    width: 100%;
    max-width: 255px;
    height: auto;
    vertical-align: middle;
    display: block;
    margin: -40px auto -20px
}

.my-orders-v4 .details .actions-holder .button-v4 {
    background-color: #71aed2;
    margin-bottom: 20px;
    line-height: 52px;
    height: 50px;
    font-size: 14px
}

.my-orders-v4 .details .actions-holder .button-v4:hover {
    background-color: #002655
}

.my-orders-v4 .details .actions-holder .actions {
    text-align: center
}

.my-orders-v4 .details .actions-holder .actions a {
    display: inline-block;
    color: #71aed2;
    font-weight: 500;
    font-size: 14px;
    margin-top: 5px;
    -webkit-font-smoothing: antialiased;
    position: relative
}

.my-orders-v4 .details .actions-holder .actions a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #71aed2;
    height: 1px
}

.my-orders-v4 .details .details-holder {
    position: relative;
    flex: calc(100% - 350px);
    display: inline-block;
    text-align: center;
    padding: 30px
}

.my-orders-v4 .details .details-holder .tracking {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    background-color: #fff9f4;
    text-transform: uppercase;
    padding: 24px 20px 20px;
    box-sizing: border-box
}

.my-orders-v4 .details .details-holder .tracking .title,
.my-orders-v4 .details .details-holder .tracking .tracking-code {
    display: inline-block;
    vertical-align: top
}

.my-orders-v4 .details .details-holder .tracking .title img {
    width: 19px;
    height: auto;
    vertical-align: middle;
    display: inline-block;
    margin-right: 8px;
    margin-top: -3px
}

.my-orders-v4 .details .details-holder .tracking .tracking-code a {
    position: relative;
    display: inline-block;
    color: #222
}

.my-orders-v4 .details .details-holder .tracking .tracking-code a:after {
    position: absolute;
    content: '';
    display: block;
    height: 2px;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #222
}

.my-orders-v4 .details .details-holder .middled {
    height: 100%
}

.my-orders-v4 .details .details-holder .fieldset-v4 dl {
    margin-bottom: 0
}

.my-orders-v4 .details .details-holder .fieldset-v4 dd select {
    font-weight: 500
}

.my-orders-v4 .details .details-holder .navigation-content {
    position: relative
}

.my-orders-v4 .details .details-holder .navigation-content.with-tracking li ul {
    margin-bottom: 63px
}

.my-orders-v4 .details .details-holder .navigation-content li ul {
    position: relative;
    font-size: 0;
    padding: 30px 0 25px
}

.my-orders-v4 .details .details-holder .navigation-content li ul:after {
    height: 2px;
    width: 66.66%;
    content: '';
    display: block;
    position: absolute;
    background-color: #71aed2;
    left: 16.66%;
    top: 51px
}

.my-orders-v4 .details .details-holder .navigation-content li ul li {
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    text-transform: uppercase;
    z-index: 2
}

.my-orders-v4 .details .details-holder .navigation-content li ul li .number {
    height: 42px;
    width: 42px;
    border-radius: 50%;
    background-color: #71aed2;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 44px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px
}

.my-orders-v4 .details .details-holder .navigation-content li ul li .container .title {
    font-size: 14px;
    font-weight: 400
}

.my-orders-v4 .details .details-holder .navigation-content li ul li .container .text {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px
}

.my-orders-v4 .details .details-holder .navigation-content li ul li .container .tick {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #222;
    height: 22px;
    width: 22px
}

.my-orders-v4 .details .details-holder .navigation-content li ul li .container .tick img {
    height: auto;
    width: 12px;
    vertical-align: middle;
    margin-top: 6px
}

.my-orders-v4 .order-details {
    text-align: left
}

.my-orders-v4 .order-details .tog-title-v4 {
    border-top: 2px solid #71aed2
}

.my-orders-v4 .order-details .content-holder {
    font-size: 0;
    padding: 35px 30px;
    border-bottom: 2px solid #71aed2;
    display: none;
    text-align: left
}

.my-orders-v4 .order-details .content-holder > li {
    width: 25%;
    display: inline-block;
    vertical-align: top
}

.my-orders-v4 .order-details .content-holder > li .title {
    font-size: 16px;
    font-weight: 700
}

.my-orders-v4 .order-details .content-holder > li ul li {
    line-height: 24px;
    font-size: 14px;
    font-weight: 400;
    display: block;
    clear: both
}

.my-orders-v4 .order-details .content-holder > li ul li .price {
    float: right
}

.my-orders-v4 .questions-v4 {
    border-top: 17px solid #fff
}

@media (max-width: 1120px) {
    .my-orders-v4 {
        text-align: center
    }

    .my-orders-v4 .my-orders-title {
        margin-bottom: 5px
    }

    .my-orders-v4 .title-big-v4 {
        margin: 25px 0 10px;
        font-size: 40px;
        text-align: center
    }

    .my-orders-v4 .v4-bordered {
        padding: 0
    }

    .my-orders-v4 .product .order,
    .my-orders-v4 .product .title {
        text-align: center;
        display: block;
        width: auto
    }

    .my-orders-v4 .product .order {
        margin: 10px auto 14px;
        font-size: 16px
    }

    .my-orders-v4 .details {
        display: block
    }

    .my-orders-v4 .details .actions-holder {
        display: block;
        width: auto;
        border-right: none;
        border-bottom: 2px solid #71aed2
    }

    .my-orders-v4 .details .details-holder {
        display: block;
        width: auto
    }

    .my-orders-v4 .order-details .content-holder > li {
        width: 50%
    }

    .my-orders-v4 .order-details .content-holder > li:nth-child(3),
    .my-orders-v4 .order-details .content-holder > li:nth-child(4) {
        margin-top: 40px
    }
}

@media (max-width: 680px) {
    .my-orders-v4 .my-orders-title {
        margin-bottom: 10px
    }

    .my-orders-v4 .title-big-v4 {
        margin: 25px 0 10px;
        font-size: 30px;
        text-align: center
    }

    .my-orders-v4 .v4-bordered {
        padding: 0
    }

    .my-orders-v4 .product .order span:not(.order-id) {
        display: none
    }

    .my-orders-v4 .product ul li:first-child {
        display: block;
        margin-right: 0
    }

    .my-orders-v4 .product ul li:first-child:after {
        display: none
    }

    .my-orders-v4 .fieldset-v4 {
        padding: 0 20px
    }

    .my-orders-v4 .detail:not(:first-child) {
        margin-top: 30px
    }

    .my-orders-v4 .details .details-holder .navigation-content.with-tracking li ul {
        margin-bottom: 103px
    }

    .my-orders-v4 .details .details-holder .navigation-content li ul {
        padding-bottom: 35px
    }

    .my-orders-v4 .details .details-holder .navigation-content li ul:after {
        display: none
    }

    .my-orders-v4 .details .details-holder .navigation-content li ul li,
    .my-orders-v4 .order-details .content-holder > li {
        display: block;
        width: auto
    }

    .my-orders-v4 .details .details-holder .navigation-content li ul li:not(:last-child) {
        margin-bottom: 30px
    }

    .my-orders-v4 .details .details-holder .navigation-content li .tracking {
        padding: 30px
    }

    .my-orders-v4 .details .details-holder .navigation-content li .tracking .title,
    .my-orders-v4 .details .details-holder .navigation-content li .tracking .tracking-code {
        display: block
    }

    .my-orders-v4 .details .details-holder .navigation-content li .tracking .title img {
        display: block;
        margin: 0 auto 15px
    }

    .my-orders-v4 .details .details-holder .navigation-content li .tracking .title .tracking-code {
        margin-top: 8px
    }

    .my-orders-v4 .order-details .tog-title-v4 {
        padding: 20px
    }

    .my-orders-v4 .order-details .content-holder {
        padding: 35px 20px
    }

    .my-orders-v4 .order-details .content-holder > li:nth-child(3),
    .my-orders-v4 .order-details .content-holder > li:nth-child(4) {
        margin-top: 0
    }

    .my-orders-v4 .order-details .content-holder > li:not(:last-child) {
        margin-bottom: 30px
    }
}

.side-header-v4 {
    position: fixed;
    left: 0;
    display: block;
    text-align: center;
    z-index: 250
}

.side-header-v4:not(.mobile) {
    top: 40px;
    width: 272px;
    height: calc(100% - 40px);
    border-right: 2px solid #71aed2;
    background-color: #fff
}

.side-header-v4:not(.mobile) .sub-nav {
    margin-top: 40px
}

.side-header-v4:not(.mobile) .sub-nav li {
    display: block
}

.side-header-v4:not(.mobile) .sub-nav li a {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #71aed2
}

.side-header-v4:not(.mobile) .times {
    margin-top: 5px
}

.side-header-v4:not(.mobile) .times li {
    display: block;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    font-weight: 300
}

.side-header-v4.mobile {
    display: none;
    bottom: 0;
    width: 100%;
    background-color: #fff9f4;
    border-top: 2px #fff solid
}

.side-header-v4.mobile .button-v4 {
    width: 100%
}

.side-header-v4.mobile .sub-nav {
    font-size: 0;
    width: 100%;
    display: inline-block;
    text-align: right;
    padding: 10px 70px 10px 10px;
    box-sizing: border-box
}

.side-header-v4.mobile .sub-nav li {
    display: inline-block;
    text-align: left
}

.side-header-v4.mobile .sub-nav li:first-child {
    margin-right: 70px
}

.side-header-v4.mobile .sub-nav li a {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #71aed2
}

.side-header-v4.mobile .sub-nav li a img {
    height: 34px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 10px
}

.side-header-v4 .title-part {
    margin-top: 40px
}

.side-header-v4 .bottomed {
    position: absolute;
    bottom: 63px;
    left: 0;
    width: 100%
}

.side-header-v4 .logo #helix-logo {
    display: block;
    width: 44px;
    height: 47px;
    margin: 0 auto
}

.side-header-v4 .logo #logo-title {
    display: block;
    width: 92px;
    height: 19px;
    margin: 20px auto 0
}

.side-header-v4 .save-quiz .title-small {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px
}

.get-personalized-v4 .split-mattress ul > li.person[data-side=left] .avatar,
.side-header-v4 .save-quiz .button-v4 {
    background-color: #71aed2
}

.side-header-v4 .save-quiz .button-v4:hover {
    background: #002655
}

.side-header-v4 .mattress {
    margin-top: 35px
}

.side-header-v4 .mattress li {
    display: block;
    font-weight: 400
}

.side-header-v4 .mattress li:first-child {
    font-size: 20px
}

.side-header-v4 .mattress .type {
    font-weight: 700
}

.side-header-v4 .mattress .shipping {
    margin-top: 5px;
    font-size: 16px
}

@media (max-width: 1120px) {
    .side-header-v4 {
        display: none
    }

    .side-header-v4.mobile {
        display: block
    }
}

@media (max-height: 732px) {
    .side-header-v4 .bottomed {
        position: relative;
        top: auto;
        left: auto;
        bottom: auto;
        height: auto;
        display: block;
        width: auto;
        margin-top: 25px
    }
}

@media (max-width: 680px) {
    .side-header-v4 .button-v4 {
        height: 58px;
        line-height: 60px
    }

    .side-header-v4.mobile .sub-nav {
        padding-right: 30px
    }

    .side-header-v4.mobile .sub-nav li:first-child {
        margin-right: 30px
    }
}

.side-content {
    margin-left: 270px
}

@media (max-width: 1120px) {
    .side-content {
        margin-left: 0
    }
}

.get-personalized-v4 {
    max-width: 860px;
    padding: 60px 40px 50px;
    background-color: #fff;
    margin: 62px auto 50px;
    box-sizing: border-box;
    text-align: center
}

.get-personalized-v4 .personalize-rule.disabled {
    display: none
}

.get-personalized-v4 .wrapper-v4-small {
    max-width: 780px;
    padding: 0
}

.get-personalized-v4 .title-big-v4 {
    margin: 0 auto 10px
}

.get-personalized-v4 .subtitle-v4 {
    margin-bottom: -25px
}

.get-personalized-v4 .title-small {
    font-weight: 700;
    font-size: 20px;
    -webkit-font-smoothing: antialiased;
    line-height: 30px;
    margin-top: 75px;
    margin-bottom: 25px
}

.get-personalized-v4 .title-small.title-first {
    margin-top: 50px
}

.get-personalized-v4 .personalize-flow-v4 > li:not(.displayed) .title-small {
    opacity: .1
}

.get-personalized-v4 .editing,
.get-personalized-v4 .error {
    margin-top: 50px;
    background-color: #fff9f4;
    padding: 30px 40px;
    position: relative;
    display: none
}

.get-personalized-v4 .error {
    display: block
}

.get-personalized-v4 .editing .close,
.get-personalized-v4 .error .close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.get-personalized-v4 .editing .close:after,
.get-personalized-v4 .editing .close:before,
.get-personalized-v4 .error .close:after,
.get-personalized-v4 .error .close:before {
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #71aed2;
    display: block;
    content: '';
    top: 9px;
    left: 0
}

.get-personalized-v4 .editing .close:after,
.get-personalized-v4 .error .close:after {
    transform: rotate(45deg)
}

.get-personalized-v4 .editing .close:before,
.get-personalized-v4 .error .close:before {
    transform: rotate(-45deg)
}

.get-personalized-v4 .editing img,
.get-personalized-v4 .error img {
    width: 60px;
    height: auto;
    display: block;
    margin: 0 auto
}

.get-personalized-v4 .editing p,
.get-personalized-v4 .error p {
    display: block;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin: 20px auto 10px
}

.get-personalized-v4 .error p {
    color: #e23c3c
}

.get-personalized-v4 .box-title {
    background-color: #71aed2;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    line-height: 26px;
    padding: 27px 25px;
    border-bottom: 2px solid #71aed2;
}

.get-personalized-v4 .box-title .subtitle {
    font-weight: 400;
    font-size: 16px;
    margin-top: 5px;
    line-height: 25px;
    margin-bottom: -5px
}

.get-personalized-v4 .steps > li {
    border: 2px solid #71aed2;
    transition: all 300ms
}

.get-personalized-v4 .steps > li.displayed .personalize-datastep:not(.displayed),
.get-personalized-v4 .steps > li:not(.displayed) {
    opacity: .1;
    pointer-events: none
}

.get-personalized-v4 .steps > li.displayed .personalize-datastep {
    transition: all 300ms
}

.get-personalized-v4 .steps > li:not(:last-child) {
    margin-bottom: 50px
}

.get-personalized-v4 .steps > li:last-child {
    margin-bottom: 0
}

.get-personalized-v4 .mattresses-slider ul {
    font-size: 0;
    padding: 30px 37.5px 125px 18.5px
}

.get-personalized-v4 .mattresses-slider ul li {
    display: inline-block;
    text-align: center;
    position: relative;
    width: 120px
}

.checkout-v4 .addresses-popup ul.addresses-list li input:checked + label:after,
.get-personalized-v4 .inputarea input[type=checkbox]:checked + label:after,
.get-personalized-v4 .inputarea input[type=radio]:checked + label:after,
.get-personalized-v4 .mattresses-slider ul li input:checked + label,
.get-personalized-v4 .mattresses-slider ul li input:checked + label .tick,
.get-personalized-v4 .ul-split input:checked + label,
.get-personalized-v4 .ul-split input:checked + label .tick {
    opacity: 1
}

.get-personalized-v4 .mattresses-slider ul li label {
    position: relative;
    display: block;
    cursor: pointer;
    transition: all 300ms
}

.get-personalized-v4 .mattresses-slider ul li label > img {
    height: 96px;
    width: auto;
    vertical-align: top
}

.get-personalized-v4 .mattresses-slider ul li .mattress-dimensions,
.get-personalized-v4 .mattresses-slider ul li .mattress-type {
    position: absolute;
    width: 100px;
    left: 50%;
    margin-left: -50px
}

.get-personalized-v4 .mattresses-slider ul li .mattress-type {
    font-weight: 700;
    top: 110px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    font-size: 18px
}

.get-personalized-v4 .mattresses-slider ul li .mattress-dimensions {
    font-weight: 400;
    top: 160px;
    font-size: 14px
}

.get-personalized-v4 .mattresses-slider ul li .tick {
    top: 190px
}

.get-personalized-v4 .sides-selector .fieldset-v4 .ul-split-bord > li {
    padding: 30px 30px 0
}

.get-personalized-v4 .ul-split-bord {
    font-size: 0;
    background-color: #fff;
    padding: 0;
    display: flex
}

.get-personalized-v4 .ul-split-bord.quiz > li:first-child {
    border-right: 2px solid #71aed2
}

.get-personalized-v4 .ul-split-bord.quiz > li:nth-child(2) {
    display: inline-block
}

.get-personalized-v4 .ul-split-bord:not(.quiz) > li.disabled {
    display: none
}

.get-personalized-v4 .ul-split-bord > li {
    flex: calc(50% - 1px);
    width: calc(50% - 1px);
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 30px 30px 35px;
    box-sizing: border-box
}

.get-personalized-v4 .ul-split-bord > li:not([data-type=single]):first-child {
    border-right: 2px solid #71aed2
}

.get-personalized-v4 .ul-split-bord > li:nth-child(2) .avatar {
    background-color: #222
}

.get-personalized-v4 .ul-split-bord > li[data-type=single] {
    flex: none;
    width: 50%;
    margin: 0 auto;
    border-right: none
}

.get-personalized-v4 .ul-split-bord > li[data-type=single] .additional {
    margin-left: calc(-50% - 61px);
    margin-right: calc(-50% - 61px);
    padding: 35px calc(50% + 61px) 0
}

.get-personalized-v4 .ul-split-bord > li .add-partner-v4 {
    display: none
}

.get-personalized-v4 .ul-split-bord > li.disabled .add-partner-v4 {
    display: block
}

.get-personalized-v4 .ul-split-bord > li .fieldset-v4 dl.half-size {
    width: calc((100% - 15px) / 2);
    max-width: calc(305px / 2);
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0
}

.get-personalized-v4 .ul-split-bord > li .fieldset-v4 dl.half-size.height-inches {
    margin-left: 14px
}

.get-personalized-v4 .ul-split-bord > li .fieldset-v4 dl:last-child {
    margin-bottom: 0;
    margin-right: 0
}

.get-personalized-v4 .ul-split-bord .additional {
    margin-left: -30px;
    margin-right: -30px;
    padding: 35px 30px 0;
    margin-top: 40px;
    border-top: 2px solid #71aed2
}

.get-personalized-v4 .ul-split-bord .additional p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    text-align: left
}

.get-personalized-v4 .ul-split-bord .additional p .text-v4 {
    display: block;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 10px
}

.get-personalized-v4 .bord-bottom {
    border-bottom: 2px solid #71aed2
}

.get-personalized-v4 .personalize-data.filled .mattresses-slider ul li input:not(:checked) + label,
.get-personalized-v4 .personalize-data.filled .ul-split input:not(:checked) + label {
    opacity: .2
}

.get-personalized-v4 .ul-split {
    font-size: 0;
    background-color: #fff;
    padding: 0
}

.get-personalized-v4 .ul-split > li {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 35px 35px 75px;
    box-sizing: border-box
}

.get-personalized-v4 .ul-split label {
    display: block;
    opacity: 1;
    position: relative;
    cursor: pointer;
    transition: all 300ms
}

.get-personalized-v4 .ul-split label > img {
    width: 90px;
    height: auto;
    display: block;
    margin: 0 auto 20px
}

.get-personalized-v4 .ul-split .split-title {
    font-size: 20px;
    font-weight: 700
}

.get-personalized-v4 .ul-split .split-description {
    margin-top: 4px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400
}

.get-personalized-v4 .ul-split .tick {
    top: calc(100% + 10px)
}

.get-personalized-v4 .tick {
    width: 22px;
    height: 22px;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    opacity: 0;
    border: 2px solid #222;
    border-radius: 50%;
    text-align: center;
    transition: 600ms
}

.get-personalized-v4 .tick > img {
    margin-top: 5px;
    display: inline-block;
    width: 14px;
    height: auto
}

.get-personalized-v4 .firmness-box .note-helper,
.get-personalized-v4 .mattress-type-selector .note-helper {
    border-top: 2px solid #71aed2;
    padding: 25px
}

.get-personalized-v4 .firmness-box .note-helper span,
.get-personalized-v4 .mattress-type-selector .note-helper span {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    display: inline-block
}

.get-personalized-v4 .firmness-box .note-helper span a,
.get-personalized-v4 .mattress-type-selector .note-helper span a {
    color: #71aed2;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.get-personalized-v4 .firmness-box .note-helper span a:after,
.get-personalized-v4 .mattress-type-selector .note-helper span a:after {
    position: absolute;
    content: '';
    bottom: 0;
    height: 2px;
    background: #71aed2;
    width: 100%;
    left: 0;
    display: block
}

.get-personalized-v4 .split-mattress {
    padding: 30px;
    text-align: center
}

.get-personalized-v4 .split-mattress .mattress {
    position: relative;
    display: inline-block
}

.get-personalized-v4 .split-mattress img {
    width: 268px;
    height: auto;
    display: block;
    margin: 0 auto
}

.get-personalized-v4 .split-mattress ul {
    position: absolute;
    width: 100%;
    top: 55%;
    left: 0;
    font-size: 0
}

.get-personalized-v4 .split-mattress ul > li {
    display: inline-block;
    width: 50%;
    cursor: pointer
}

.get-personalized-v4 .split-mattress ul > li.person[data-side=right] .avatar {
    background-color: #222
}

.get-personalized-v4 .split-mattress .avatar {
    margin-bottom: 5px
}

.get-personalized-v4 .split-mattress .person-name {
    padding: 0 10px;
    font-size: 18px;
    text-overflow: ellipsis;
    overflow: hidden
}

.get-personalized-v4 .split-mattress .note-helper {
    margin-top: 10px
}

.get-personalized-v4 .avatar {
    width: 44px;
    height: 44px;
    line-height: 46px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    margin-bottom: 10px;
    text-transform: uppercase;
    -webkit-font-smoothing: antialiased;
    background-color: #71aed2
}

.get-personalized-v4 .avatar,
.get-personalized-v4 .person-name {
    font-size: 20px;
    font-weight: 700
}

.get-personalized-v4 .note-helper {
    font-size: 16px;
    font-weight: 400
}

.get-personalized-v4 .sleeping-position .box-title .subtitle {
    max-width: 520px;
    width: 100%;
    margin: 5px auto -5px
}

.get-personalized-v4 .current-mattress-years .inputarea,
.get-personalized-v4 .sleep-quality .inputarea {
    font-size: 0
}

.get-personalized-v4 .current-mattress-years .inputarea li,
.get-personalized-v4 .sleep-quality .inputarea li {
    display: inline-block
}

.get-personalized-v4 .current-mattress-years .inputarea label,
.get-personalized-v4 .sleep-quality .inputarea label {
    padding: 35px 0 0;
    text-align: center
}

.get-personalized-v4 .current-mattress-years .inputarea label:before,
.get-personalized-v4 .sleep-quality .inputarea label:before {
    top: 0;
    left: calc(50% - 12px)
}

.get-personalized-v4 .current-mattress-years .inputarea label:after,
.get-personalized-v4 .sleep-quality .inputarea label:after {
    top: 6px;
    left: calc(50% - 6px)
}

.get-personalized-v4 .sleep-quality .inputarea {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

.get-personalized-v4 .sleep-quality .inputarea li {
    width: 24px;
    margin: 0 12px;
    display: block;
    float: left;
}

.newline {
    display: inline-block;
}

.get-personalized-v4 .sleep-quality .inputarea li:nth-child(6) {
    clear: left;
}

.get-personalized-v4 .sleep-quality .inputarea li:not(:last-child) {

}

.get-personalized-v4 .current-mattress-years .inputarea {
    margin-bottom: 30px;
    padding: 0 45px
}

.get-personalized-v4 .current-mattress-years .inputarea li {
    width: 16.66%;
    vertical-align: top
}

.get-personalized-v4 .current-mattress-years .inputarea li:not(:last-child) {
    margin: 0
}

.get-personalized-v4 .current-mattress-years .inputarea li:nth-child(1) label span,
.get-personalized-v4 .current-mattress-years .inputarea li:nth-child(6) label span {
    max-width: 75px
}

.get-personalized-v4 .current-mattress-years .inputarea li label span {
    max-width: 60px;
    width: 100%;
    display: inline-block
}

.get-personalized-v4 .mattress-brand .inputarea {
    font-size: 0;
    margin-bottom: 25px
}

.get-personalized-v4 .mattress-brand .inputarea li {
    display: inline-block
}

.get-personalized-v4 .mattress-brand .inputarea li:not(:last-child) {
    margin-right: 40px;
    margin-bottom: 0
}

.get-personalized-v4 .mattress-brand .fieldset-v4 {
    padding: 40px 40px 5px;
    border-top: 2px solid #71aed2
}

.get-personalized-v4 .mattress-brand .fieldset-v4 dl:last-child {
    margin-bottom: 35px
}

.get-personalized-v4 .inputarea {
    margin-top: 25px
}

.checkout-v4 .cart-items > ul > li .add-features li .togglable div p,
.checkout-v4 .checkout-summary .summary-ul li.sum-recycling.visible,
.get-personalized-v4 .inputarea li {
    display: block
}

.checkout-v4 .addresses-popup ul.addresses-list li:not(:last-child),
.get-personalized-v4 .inputarea li:not(:last-child) {
    margin-bottom: 20px
}

.get-personalized-v4 .inputarea label {
    font-size: 16px;
    font-weight: 400;
    padding-left: 40px;
    position: relative;
    display: block;
    line-height: 20px;
    text-align: left;
    cursor: pointer
}

.get-personalized-v4 .inputarea label.for-checkbox::after,
.get-personalized-v4 .inputarea label.for-checkbox::before {
    border-radius: 0
}

.get-personalized-v4 .inputarea label.for-checkbox::after {
    background: no-repeat url(//helixcontent1.com//tick-v4.png) center center/14px auto;
    width: 14px;
    height: 14px;
    left: 5px;
    top: 3px
}

.get-personalized-v4 .inputarea label::after,
.get-personalized-v4 .inputarea label::before {
    position: absolute;
    content: '';
    display: block;
    border-radius: 50%
}

.get-personalized-v4 .inputarea label::before {
    left: 0;
    top: -2px;
    width: 20px;
    height: 20px;
    border: 2px solid #71aed2
}

.get-personalized-v4 .inputarea label::after {
    opacity: 0;
    left: 6px;
    top: 4px;
    width: 12px;
    height: 12px;
    background-color: #222;
    transition: all 300ms
}

.get-personalized-v4 .personalize-submit {
    margin-top: 50px;
    transition: all 300ms
}

.get-personalized-v4 .personalize-submit:not(.displayed) {
    opacity: .1;
    pointer-events: none
}

.get-personalized-v4 .personalize-submit .button-v4 {
    margin-top: 25px
}

.checkout-v4.has-items .cart-items > ul > li.action-tile .no-items,
.get-personalized-v4 .chart-loader-bg {
    display: none
}

@media (max-width: 1120px) {
    .get-personalized-v4 {
        max-width: none;
        padding: 50px 30px;
        margin-bottom: 154px
    }

    .get-personalized-v4 .title-small {
        margin-bottom: 15px
    }

    .get-personalized-v4 .mattresses-slider ul li .mattress-type {
        top: 115px;
        font-size: 16px
    }

    .get-personalized-v4 .ul-split > li {
        padding: 35px 20px 75px
    }

    .get-personalized-v4 .sleep-quality .inputarea li:not(:last-child) {
        /*margin: 0 18px 0 0*/
    }
}

@media (max-width: 680px) {
    .get-personalized-v4 {
        margin: 90px auto 0;
        padding: 30px 30px 330px
    }

    .get-personalized-v4 .subtitle-v4 {
        font-size: 16px;
        line-height: 22px
    }

    .get-personalized-v4 .editing .button-v4 span,
    .get-personalized-v4 .ul-split-bord.quiz .partner .fieldset-v4,
    .get-personalized-v4 .ul-split-bord.quiz > li.disabled .fieldset-v4 {
        display: none
    }

    .get-personalized-v4 .box-title {
        padding: 23px 25px
    }

    .get-personalized-v4 .steps > li {
        margin-left: -30px;
        margin-right: -30px;
        border-left: none;
        border-right: none
    }

    .get-personalized-v4 .mattresses-slider ul {
        padding: 30px 22.5px 125px 3.5px
    }

    .get-personalized-v4 .ul-split-bord {
        display: block
    }

    .get-personalized-v4 .ul-split-bord.quiz > li,
    .get-personalized-v4 .ul-split-bord > li {
        display: block;
        width: auto
    }

    .get-personalized-v4 .ul-split-bord.quiz > li:first-child {
        border-right: none;
        border-bottom: 2px solid #71aed2
    }

    .get-personalized-v4 .ul-split-bord.quiz > li:nth-child(2) {
        display: block
    }

    .get-personalized-v4 .ul-split-bord > li:not([data-type=single]):first-child {
        border-right: none;
        border-bottom: 2px solid #71aed2
    }

    .get-personalized-v4 .ul-split-bord > li[data-type=single] {
        width: auto;
        display: block
    }

    .get-personalized-v4 .ul-split > li {
        display: block;
        width: auto;
        padding: 0 30px 75px
    }

    .get-personalized-v4 .ul-split > li:first-child {
        padding-top: 25px
    }

    .get-personalized-v4 .current-mattress-years .inputarea {
        margin: 30px 0;
        padding: 0 30px
    }

    .get-personalized-v4 .current-mattress-years .inputarea li {
        width: 33.33%
    }

    .get-personalized-v4 .current-mattress-years .inputarea li:nth-child(1),
    .get-personalized-v4 .current-mattress-years .inputarea li:nth-child(2),
    .get-personalized-v4 .current-mattress-years .inputarea li:nth-child(3) {
        margin-bottom: 30px
    }

    .get-personalized-v4 .subtitle-main-v4 {
        font-size: 20px
    }
}

.checkout-header-v4 {
    height: 60px;
    background: #fff;
    padding: 15px 40px;
    text-align: center;
    box-sizing: border-box;
    border-bottom: 2px solid #71aed2
}

.checkout-header-v4 a {
    display: block;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #71aed2;
    line-height: 30px;
    width: 120px;
    text-align: right
}

.checkout-header-v4 .logo {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    text-align: left
}

.checkout-header-v4 .logo svg {
    fill: #71aed2;
    width: 92px;
    height: 19px;
    vertical-align: middle
}

.checkout-header-v4 .header-title {
    line-height: 30px
}

.checkout-header-v4 .header-title .icon {
    margin-top: -9px;
    display: inline-block;
    height: 30px;
    width: 30px;
    vertical-align: middle;
    background: url(//helixcontent1.com//checkout/lock-v3.png) no-repeat top center/17px auto
}

.checkout-header-v4 .header-title span {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 1120px) {
    .checkout-header-v4 {
        padding: 15px 30px
    }
}

@media (max-width: 640px) {
    .checkout-header-v4 {
        padding: 15px 20px
    }

    .checkout-header-v4 .header-title span {
        display: none
    }

    .checkout-header-v4 .header-title .icon {
        background-position: top 3px center;
        margin-top: 0
    }
}

.checkout-v4 {
    height: 100%;
    position: relative;
    overflow: hidden;
    color: #71aed2
}

.checkout-v4 .process-error {
    position: fixed;
    top: 60px;
    left: -9999px;
    width: 100%;
    line-height: 22px;
    padding: 10px 80px 10px 40px;
    min-height: 42px;
    font-weight: 400;
    color: #fff;
    background-color: red;
    display: block;
    z-index: 100;
    box-sizing: border-box;
    transition: left 0ms 600ms, opacity 600ms;
    opacity: 0
}

.checkout-v4 .process-error.visible {
    left: 0;
    opacity: 1;
    transition: left 0ms, opacity 600ms
}

.checkout-v4 .process-error .close {
    top: 0;
    height: 100%;
    right: 40px;
    position: absolute;
    width: 20px;
    cursor: pointer
}

.checkout-v4 .process-error .close:after,
.checkout-v4 .process-error .close:before {
    position: absolute;
    content: '';
    display: block;
    background-color: #fff;
    height: 2px;
    width: 100%;
    top: 20px;
    left: 0
}

.checkout-v4 .process-error .close:after {
    transform: rotate(45deg)
}

.checkout-v4 .process-error .close:before {
    transform: rotate(-45deg)
}

.checkout-v4 .addresses-popup .addresses-holder {
    max-width: 710px;
    padding: 0 25px;
    text-align: center
}

.checkout-v4 .addresses-popup .title-v4 {
    color: #fff;
    margin-bottom: 10px
}

.checkout-v4 .addresses-popup .addresses-note {
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}

.checkout-v4 .addresses-popup .addresses-note .strong,
.checkout-v4 .addresses-popup ul.addresses-list li label .strong {
    font-weight: 700
}

.checkout-v4 .addresses-popup .addresses-box {
    padding: 50px;
    border: 12px solid;
    box-sizing: border-box;
    max-width: 500px;
    background-color: #fff;
    margin: 0 auto
}

.checkout-v4 .addresses-popup .button-v4 {
    margin: 35px auto 0;
    width: 100%;
    max-width: 320px
}

.checkout-v4 .addresses-popup .button-v4.disabled {
    cursor: default;
    opacity: .5
}

.checkout-v4 .addresses-popup ul.addresses-list {
    width: 100%;
    display: block;
    font-size: 0;
    text-align: left
}

.checkout-v4 .addresses-popup ul.addresses-list li {
    width: 100%;
    display: block
}

.checkout-v4 .addresses-popup ul.addresses-list li label {
    position: relative;
    font-size: 16px;
    display: block;
    border-bottom: none;
    color: #71aed2;
    padding-left: 40px;
    line-height: 28px;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 400
}

.checkout-v4 .addresses-popup ul.addresses-list li label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #71aed2;
    transition: all 300ms
}

.checkout-v4 .addresses-popup ul.addresses-list li label:after {
    position: absolute;
    content: '';
    left: 7px;
    top: 7px;
    width: 12px;
    height: 12px;
    background: #222;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout-v4 .title-medium {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

.checkout-v4 .title-medium img {
    height: 24.5px;
    width: auto;
    margin-right: 12px
}

.checkout-v4.has-items .cart-items {
    margin-right: 410px
}

.checkout-v4.has-items .cart-items > ul > li:nth-child(odd) {
    margin-right: 20px
}

.checkout-v4.has-items .cart-items > ul > li.action-tile {
    max-width: none
}

.checkout-v4.has-items .checkout-summary {
    right: 0
}

.checkout-v4 form {
    display: block;
    height: 100%
}

.checkout-v4 .cart-items {
    padding: 35px 40px;
    background-color: #fff;
    height: calc(100% - 70px);
    overflow: auto
}

.checkout-v4 .cart-items .multiple {
    margin: 30px 0;
    background: #fff9f4;
    padding: 30px;
    text-align: center;
    position: relative
}

.checkout-v4 .cart-items .multiple .close {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    height: 20px;
    width: 20px
}

.checkout-v4 .cart-items .multiple .close::after,
.checkout-v4 .cart-items .multiple .close::before {
    display: block;
    position: absolute;
    content: '';
    background-color: #71aed2;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px
}

.checkout-v4 .cart-items .multiple .close::before {
    transform: rotate(45deg)
}

.checkout-v4 .cart-items .multiple .close::after {
    transform: rotate(-45deg)
}

.checkout-v4 .cart-items .multiple img {
    display: block;
    width: 61px;
    height: auto;
    margin: 0 auto
}

.checkout-v4 .cart-items .multiple p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    max-width: 680px;
    margin: 20px auto 0
}

.checkout-v4 .cart-items > ul {
    margin-top: 20px;
    font-size: 0
}

.checkout-v4 .cart-items > ul > li {
    display: inline-block;
    width: calc(50% - 10px);
    margin-bottom: 30px;
    box-sizing: border-box;
    border: 2px solid #71aed2;
    text-align: center;
    vertical-align: top
}

.checkout-v4 .cart-items > ul > li .middled {
    height: 100%
}

.checkout-v4 .cart-items > ul > li .middled .learn-more-v4 {
    margin-top: 0
}

.checkout-v4 .cart-items > ul > li > div > img {
    display: block;
    margin: -9px auto -25px;
    width: 255px;
    height: auto
}

.checkout-v4 .cart-items > ul > li.action-tile {
    background-color: #fff9f4;
    border: none;
    max-width: 408px;
    height: 390px;
    transition: all 300ms
}

.checkout-v4 .cart-items > ul > li.action-tile .has-items,
.checkout-v4 .checkout-form .same-for-billing-btn input[type=checkbox] {
    display: none
}

.checkout-v4 .cart-items > ul > li.action-tile .learn-more-v4 {
    color: #71aed2
}

.checkout-v4 .cart-items > ul > li.action-tile .learn-more-v4 span {
    background-color: #71aed2
}

.checkout-v4 .cart-items > ul > li .box-title {
    background-color: #fff9f4;
    border-bottom: 2px solid #71aed2;
    font-size: 24px;
    line-height: 28px;
    padding: 20px;
    font-weight: 700;
    position: relative;
    z-index: 2
}

.checkout-v4 .cart-items > ul > li .box-title .box-name {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 25px);
    font-weight: 400;
    font-size: 16px;
    white-space: nowrap;
    vertical-align: middle;
    margin: 4px auto 0
}

.checkout-v4 .cart-items > ul > li .box-title .box-s {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    text-align: left
}

.checkout-v4 .cart-items > ul > li .box-title span {
    display: block;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px
}

.checkout-v4 .cart-items > ul > li .name {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

.checkout-v4 .cart-items > ul > li .value {
    font-weight: 400;
    font-size: 16px
}

.checkout-v4 .cart-items > ul > li .details {
    font-size: 0
}

.checkout-v4 .cart-items > ul > li .details li {
    display: inline-block;
    position: relative;
    line-height: 28px
}

.checkout-v4 .cart-items > ul > li .details li:first-child {
    margin-right: 30px
}

.checkout-v4 .cart-items > ul > li .details li:first-child:after {
    content: '\2022';
    display: block;
    position: absolute;
    width: 30px;
    text-align: center;
    top: 0;
    left: 100%
}

.checkout-v4 .cart-items > ul > li .actions {
    font-size: 0;
    margin-top: 10px;
    margin-bottom: 25px
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items .title-medium,
.checkout-v4 .cart-items > ul > li .actions li {
    display: inline-block
}

.checkout-v4 .cart-items > ul > li .actions li:first-child {
    margin-right: 10px
}

.checkout-v4 .cart-items > ul > li .actions .button-v4 {
    font-size: 14px;
    height: 50px;
    line-height: 52px;
    width: 130px;
    padding: 0
}

.checkout-v4 .cart-items > ul > li .complete-system {
    font-weight: 500;
    font-size: 16px;
    padding: 10px 0;
    text-align: center
}

.checkout-v4 .cart-items > ul > li .add-features li {
    border-top: 2px #71aed2 solid;
    text-align: left
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler {
    position: relative;
    padding: 15px 50px 15px 15px;
    font-size: 14px;
    line-height: 24px
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler::after {
    position: absolute;
    content: '';
    display: block;
    height: 0;
    width: 0;
    border-top: 8px #71aed2 solid;
    border-left: 7px transparent solid;
    border-right: 7px transparent solid;
    top: 22px;
    right: 20px;
    cursor: pointer;
    transition: 600ms
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler input {
    position: absolute;
    left: -9999px;
    opacity: 0;
    pointer-events: none
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler label {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 34px;
    position: relative;
    cursor: pointer
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border: 2px solid #71aed2;
    display: inline-block;
    width: 20px;
    height: 20px
}

.checkout-v4 .cart-items > ul > li .add-features li .toggler .name,
.checkout-v4 .cart-items > ul > li .add-features li .toggler .price {
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.checkout-v4 .cart-items > ul > li .add-features li .togglable {
    display: block;
    padding: 0 15px 25px
}

.checkout-v4 .cart-items > ul > li .add-features li .togglable img {
    width: 110px;
    height: auto;
    margin-right: 15px
}

.checkout-v4 .cart-items > ul > li .add-features li .togglable div {
    width: calc(100% - 125px);
    font-size: 14px;
    line-height: 19px;
    font-weight: 400
}

.checkout-v4 .cart-items > ul > li .add-features li .togglable div a {
    text-decoration: underline;
    color: #71aed2
}

.checkout-v4 .cart-items > ul > li .need-mattress {
    margin-top: 50px;
    border-top: 2px solid #71aed2;
    padding: 20px
}

.checkout-v4 .cart-items > ul > li .need-mattress span {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 500;
    display: block
}

.checkout-v4 .cart-items > ul > li .need-mattress .button-v4 {
    font-size: 16px;
    padding: 0 20px;
    height: 54px;
    line-height: 54px
}

.checkout-v4 .checkout-form {
    position: relative;
    margin-right: 430px;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    overflow: auto
}

.checkout-v4 .checkout-form .checkout-container {
    padding: 35px 40px
}

.checkout-v4 .checkout-form .title-medium {
    float: left;
    padding-bottom: 0
}

.checkout-v4 .checkout-form fieldset {
    content: '';
    clear: both;
    display: block;
    padding-top: 20px
}

.checkout-v4 .checkout-form fieldset.customer-info {
    padding-top: 35px
}

.checkout-v4 .checkout-form fieldset:not(:last-child) {
    padding-bottom: 30px
}

.checkout-v4 .checkout-form fieldset .billing-info {
    margin-top: 40px;
    margin-bottom: 45px
}

.checkout-v4 .checkout-form fieldset .options-sign {
    height: 62px;
    width: 62px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 1
}

.checkout-v4 .checkout-form fieldset .options-sign:after {
    position: absolute;
    top: 28px;
    left: 24px;
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-top: #222 8px solid;
    border-left: transparent 7px solid;
    border-right: transparent 7px solid
}

.checkout-v4 .checkout-form fieldset .cvv-popup-btn {
    font-weight: 900;
    color: #222;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    height: 62px;
    width: 62px;
    text-align: center;
    line-height: 64px;
    cursor: pointer;
    z-index: 3
}

.checkout-v4 .checkout-form fieldset dl {
    position: relative;
    float: left;
    width: calc(50% - 20px);
    box-sizing: border-box;
    height: 64px;
    line-height: 62px;
    transition: all 300ms
}

.checkout-v4 .checkout-form fieldset dl.with-suggestions {
    z-index: 10
}

.checkout-v4 .checkout-form fieldset dl:not(:last-child) {
    margin-bottom: 45px
}

.checkout-v4 .checkout-form fieldset dl:not(.on-the-right) {
    margin-right: 40px
}

.checkout-v4 .checkout-form fieldset dl.three-in-a-row {
    width: calc((100% - 80px) / 3)
}

.checkout-v4 .checkout-form fieldset dl.full-row {
    width: 100%;
    margin-right: 0;
    margin-bottom: 45px
}

.checkout-v4 .checkout-form fieldset dl.select-open {
    z-index: 200
}

.checkout-v4 .checkout-form fieldset dl.card-row {
    margin-bottom: 72px
}

.checkout-v4 .checkout-form fieldset dl.errorinput dt label {
    color: red
}

.checkout-v4 .checkout-form fieldset dl dt label {
    box-sizing: border-box;
    display: block;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: #71aed2;
    -webkit-font-smoothing: antialiased;
    line-height: 16px;
    transition: all 300ms
}

.checkout-v4 .checkout-form fieldset dl dt label:hover {
    border-bottom-color: #71aed2
}

.checkout-v4 .checkout-form fieldset dl dd input[type=email],
.checkout-v4 .checkout-form fieldset dl dd input[type=number],
.checkout-v4 .checkout-form fieldset dl dd input[type=text] {
    padding: 0 25px
}

.checkout-v4 .checkout-form fieldset dl dd select {
    padding-left: 25px;
    padding-right: calc(30px + 25px)
}

.checkout-v4 .checkout-form fieldset dl dd .nice-select,
.checkout-v4 .checkout-form fieldset dl dd input[type=email],
.checkout-v4 .checkout-form fieldset dl dd input[type=number],
.checkout-v4 .checkout-form fieldset dl dd input[type=text],
.checkout-v4 .checkout-form fieldset dl dd select {
    border: 2px #ffe3c9 solid;
    height: 64px;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    color: #71aed2;
    border-radius: 0;
    transition: all 300ms
}

.checkout-v4 .checkout-form fieldset dl dd .nice-select::-moz-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd .nice-select::-moz-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd .nice-select::-webkit-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd .nice-select::-webkit-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=email]::-moz-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=email]::-moz-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=email]::-webkit-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=email]::-webkit-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=number]::-moz-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=number]::-moz-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=number]::-webkit-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=number]::-webkit-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=text]::-moz-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=text]::-moz-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=text]::-webkit-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd input[type=text]::-webkit-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd select::-moz-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd select::-moz-outer-spin-button,
.checkout-v4 .checkout-form fieldset dl dd select::-webkit-inner-spin-button,
.checkout-v4 .checkout-form fieldset dl dd select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.checkout-v4 .checkout-form fieldset dl dd .nice-select.card-number,
.checkout-v4 .checkout-form fieldset dl dd input[type=email].card-number,
.checkout-v4 .checkout-form fieldset dl dd input[type=number].card-number,
.checkout-v4 .checkout-form fieldset dl dd input[type=text].card-number,
.checkout-v4 .checkout-form fieldset dl dd select.card-number {
    background-image: url(//helixcontent1.com//checkout-v4/credit-cards.png);
    background-repeat: no-repeat;
    background-size: 161px auto;
    background-position: right 20px center;
    padding-right: 201px
}

.checkout-v4 .checkout-form fieldset dl dd .nice-select:hover,
.checkout-v4 .checkout-form fieldset dl dd input[type=email]:hover,
.checkout-v4 .checkout-form fieldset dl dd input[type=number]:hover,
.checkout-v4 .checkout-form fieldset dl dd input[type=text]:hover,
.checkout-v4 .checkout-form fieldset dl dd select:hover {
    border-color: #71aed2
}

.checkout-v4 .checkout-form fieldset dl dd .nice-select.errorinput,
.checkout-v4 .checkout-form fieldset dl dd .nice-select.errorinput + .nice-select,
.checkout-v4 .checkout-form fieldset dl dd input[type=email].errorinput,
.checkout-v4 .checkout-form fieldset dl dd input[type=email].errorinput + .nice-select,
.checkout-v4 .checkout-form fieldset dl dd input[type=number].errorinput,
.checkout-v4 .checkout-form fieldset dl dd input[type=number].errorinput + .nice-select,
.checkout-v4 .checkout-form fieldset dl dd input[type=text].errorinput,
.checkout-v4 .checkout-form fieldset dl dd input[type=text].errorinput + .nice-select,
.checkout-v4 .checkout-form fieldset dl dd select.errorinput,
.checkout-v4 .checkout-form fieldset dl dd select.errorinput + .nice-select,
.checkout-v4 .checkout-summary .summary-ul li .discount input[type=text].errorinput,
.checkout-v4 .checkout-summary .summary-ul li .discount input[type=text].errorinput + input[type=button] {
    border-color: red
}

.checkout-v4 .checkout-form fieldset dl dd .nice-select::placeholder,
.checkout-v4 .checkout-form fieldset dl dd input[type=email]::placeholder,
.checkout-v4 .checkout-form fieldset dl dd input[type=number]::placeholder,
.checkout-v4 .checkout-form fieldset dl dd input[type=text]::placeholder,
.checkout-v4 .checkout-form fieldset dl dd select::placeholder {
    color: #516481
}

.checkout-v4 .checkout-form fieldset dl dd .nice-select.open:focus,
.checkout-v4 .checkout-form fieldset dl dd input[type=email]:focus,
.checkout-v4 .checkout-form fieldset dl dd input[type=number]:focus,
.checkout-v4 .checkout-form fieldset dl dd input[type=text]:focus,
.checkout-v4 .checkout-form fieldset dl dd select:focus {
    border-color: #71aed2
}

.checkout-v4 .checkout-form fieldset dl dd select {
    position: relative;
    z-index: 2;
    cursor: pointer
}

.checkout-v4 .checkout-form fieldset dl dd .suggestions {
    display: none;
    border: 1px #ffe3c9 solid;
    border-top: none;
    position: absolute;
    top: calc(100% - 1px);
    left: 0;
    box-sizing: border-box;
    width: 100%
}

.checkout-v4 .checkout-form fieldset dl dd .suggestions li {
    font-size: 18px;
    line-height: 42px;
    padding: 0 25px;
    cursor: pointer;
    background-color: #fff9f4;
    transition: all 300ms
}

.checkout-v4 .checkout-form fieldset dl dd .secure-payment-info {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    line-height: 52px;
    font-size: 12px;
    font-weight: 400
}

.checkout-v4 .checkout-form fieldset dl dd .secure-payment-info img {
    vertical-align: middle;
    width: 12px;
    height: 17px;
    margin-right: 10px;
    margin-top: -3px
}

.checkout-v4 .checkout-form .same-for-billing-btn {
    color: #71aed2;
    font-weight: 400;
    line-height: 45px;
    font-size: 16px;
    float: right;
    margin-top: -8px
}

.checkout-v4 .checkout-form .same-for-billing-btn label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 32px
}

.checkout-v4 .checkout-form .same-for-billing-btn label:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #fff;
    border: 2px solid #71aed2;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    font-size: 15px
}

.checkout-v4 .checkout-form .payment-info {
    display: none
}

.checkout-v4 .checkout-form .radiolist {
    background-color: #fff9f4;
    content: '';
    clear: both;
    display: block;
    margin-bottom: 40px;
    padding: 0 25px
}

.checkout-v4 .checkout-form .radiolist.country-switch {
    margin-top: 10px
}

.checkout-v4 .checkout-form .radiolist.billing-country-switch {
    margin-top: 10px;
    margin-bottom: 20px
}

.checkout-v4 .checkout-form .affirm-info:after,
.checkout-v4 .checkout-form .radiolist:after,
.checkout-v4 .checkout-summary .summary-ul li:after {
    content: '';
    clear: both;
    display: block
}

.checkout-v4 .checkout-form .radiolist li {
    float: left;
    margin-right: 30px;
    overflow: hidden
}

.checkout-v4 .checkout-form .radiolist li input {
    position: absolute;
    left: -10000px
}

.checkout-v4 .checkout-form .radiolist li label {
    display: block;
    font-size: 16px;
    color: #71aed2;
    padding-left: 35px;
    font-weight: 400;
    position: relative;
    line-height: 70px;
    cursor: pointer
}

.checkout-v4 .checkout-form .radiolist li label:not(.country-option):before {
    content: '';
    position: absolute;
    top: calc(50% - 13px);
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #71aed2;
    transition: all 300ms
}

.checkout-v4 .checkout-form .radiolist li label:not(.country-option):after {
    position: absolute;
    content: '';
    left: 7px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    background: #222;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout-v4 .checkout-form .radiolist li label a {
    display: block;
    line-height: 70px;
    margin-left: -35px;
    padding-left: 35px;
    color: #71aed2
}

.checkout-v4 .checkout-form .radiolist li label a:before {
    content: '';
    position: absolute;
    top: calc(50% - 13px);
    left: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #71aed2;
    transition: all 300ms
}

.checkout-v4 .checkout-form .radiolist li label a:after {
    position: absolute;
    content: '';
    left: 7px;
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    background: #222;
    border-radius: 50%;
    opacity: 0;
    transition: all 300ms
}

.checkout-v4 .checkout-form .radiolist li input:checked + .country-option a:after,
.checkout-v4 .checkout-form .radiolist li input:checked + label:after {
    opacity: 1
}

.checkout-v4 .checkout-form .payment-container {
    padding: 35px 25px;
    background-color: #fff9f4;
    margin-bottom: 45px;
    text-align: left;
    margin-top: 20px
}

.checkout-v4 .checkout-form .payment-container .button-v4 {
    margin-top: 20px
}

.checkout-v4 .checkout-form .affirm-logo {
    width: 108px;
    height: auto;
    display: block
}

.checkout-v4 .checkout-form .paypal-logo {
    width: 135px;
    height: auto;
    display: block
}

.checkout-v4 .checkout-form .affirm-note-v4 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #71aed2;
    -webkit-font-smoothing: antialiased
}

.checkout-v4 .checkout-form .affirm-note-v4 .strong {
    font-weight: 700
}

.checkout-v4 .checkout-form .affirm-info li {
    display: block;
    border-top: 2px solid #71aed2;
    margin-top: 30px;
    padding-top: 15px;
    padding-left: 70px
}

.checkout-v4 .checkout-form .affirm-info li:first-child {
    background: no-repeat url(//helixcontent1.com//checkout-v4/calendar.png) top 18px left/42px auto
}

.checkout-v4 .checkout-form .affirm-info li:last-child {
    background: no-repeat url(//helixcontent1.com//checkout-v4/repayment.png) top 18px left/42px auto
}

.checkout-v4 .checkout-form .affirm-info li .title {
    font-size: 14px;
    font-weight: 700
}

.checkout-v4 .checkout-form .affirm-info li p {
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #71aed2
}

.checkout-v4 .checkout-form .affirm-info li p a,
.checkout-v4 .checkout-summary .summary-ul li .recycling-info a {
    color: #222;
    text-decoration: underline;
    font-weight: 700
}

.checkout-v4 .checkout-summary {
    position: absolute;
    text-align: center;
    top: 0;
    right: -430px;
    width: 430px;
    height: 100%;
    background: #fff9f4;
    padding: 35px 40px;
    box-sizing: border-box;
    overflow: auto;
    transition: all 300ms
}

.checkout-v4 .checkout-summary .summary-ul li.sum-gift .name.disabled:after,
.checkout-v4 .checkout-summary .summary-ul li.sum-recycling .name.disabled:after,
.checkout-v4 .checkout-summary.mobile {
    display: none
}

.checkout-v4 .checkout-summary .title-medium {
    padding-bottom: 15px;
    text-align: left
}

.checkout-v4 .checkout-summary .summary-ul li {
    line-height: 32px;
    font-weight: 400;
    font-size: 16px
}

.checkout-v4 .checkout-summary .summary-ul li.item-bundle {
    padding-left: 20px
}

.checkout-v4 .checkout-summary .summary-ul li.item-bundle .name {
    font-size: 14px
}

.checkout-v4 .checkout-summary .summary-ul li.sum-gift .name,
.checkout-v4 .checkout-summary .summary-ul li.sum-recycling .name {
    position: relative;
    cursor: pointer
}

.checkout-v4 .checkout-summary .summary-ul li.sum-gift .name.disabled,
.checkout-v4 .checkout-summary .summary-ul li.sum-recycling .name.disabled {
    cursor: default
}

.checkout-v4 .checkout-summary .summary-ul li.sum-gift .name:after,
.checkout-v4 .checkout-summary .summary-ul li.sum-recycling .name:after {
    background-color: #71aed2;
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 6px;
    left: 0
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > ul > li.action-tile,
.checkout-v4 .checkout-summary .summary-ul li .box,
.checkout-v4 .checkout-summary .summary-ul li.sum-recycling {
    display: none
}

.checkout-v4 .checkout-summary .summary-ul li .box .box-inner {
    margin: 10px 0
}

.checkout-v4 .checkout-summary .summary-ul li .recycling-info {
    font-size: 14px;
    line-height: 20px;
    text-align: left
}

.checkout-v4 .checkout-summary .summary-ul li .discount input[type=text] {
    border: 2px solid #71aed2;
    height: 54px;
    font-weight: 400;
    padding: 0 20px;
    width: calc(100% - 120px);
    border-radius: 0;
    box-sizing: border-box;
    font-size: 14px;
    color: #71aed2;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none;
    float: left;
    transition: all 300ms
}

.checkout-v4 .checkout-summary .summary-ul li .discount input[type=text]::placeholder {
    color: #71aed2
}

.checkout-v4 .checkout-summary .summary-ul li .discount input[type=button] {
    width: 120px;
    height: 54px;
    float: left;
    background: #71aed2;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid #71aed2;
    border-left: none;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-weight: 700;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    cursor: pointer;
    transition: all 300ms
}

.checkout-v4 .checkout-summary .summary-ul li .discount input[type=button]:hover {
    background: #002655
}

.checkout-v4 .checkout-summary .summary-ul li .discount .discount-info {
    font-size: 12px;
    line-height: 14px;
    padding-top: 10px;
    color: #71aed2;
    font-weight: 400;
    margin-bottom: 30px
}

.checkout-v4 .checkout-summary .summary-ul li .discount .discount-info.errored {
    color: #222
}

.checkout-v4 .checkout-summary .summary-ul li.subtotal {
    padding-bottom: 25px;
    padding-top: 25px;
    position: relative
}

.checkout-v4 .checkout-summary .summary-ul li.subtotal:before {
    content: "";
    height: 2px;
    background: #71aed2;
    display: block;
    margin-bottom: 20px
}

.checkout-v4 .checkout-summary .summary-ul li .name {
    float: left
}

.checkout-v4 .checkout-summary .summary-ul li .name span {
    background: #71aed2;
    display: inline-block;
    vertical-align: top;
    width: 22px;
    text-align: center;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin-left: 5px
}

.checkout-v4 .checkout-summary .summary-ul li .value {
    float: right;
    font-weight: 700;
    -webkit-font-smoothing: antialiased
}

.checkout-v4 .checkout-summary .checkout-note.stripe,
.checkout-v4 .checkout-summary .discount-unapplied {
    padding-top: 15px
}

.checkout-v4 .checkout-summary .paypal-button-container {
    position: absolute;
    display: none
}

.checkout-v4 .checkout-summary .button-v4 {
    width: 100%;
    border-radius: 0;
    height: 65px;
    line-height: normal;
    box-sizing: border-box;
    text-align: center
}

.checkout-v4 .checkout-summary .button-v4 img {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 10px
}

.checkout-v4 .checkout-summary .add-to-newsletter {
    margin-top: 25px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: inline-block
}

.checkout-v4 .checkout-summary .add-to-newsletter input {
    position: absolute;
    left: -1000px
}

.checkout-v4 .checkout-summary .add-to-newsletter label {
    font-size: 16px;
    padding-left: 30px;
    position: relative;
    font-weight: 400;
    line-height: 24px;
    display: block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkout-v4 .checkout-summary .add-to-newsletter label:before {
    content: "";
    margin-right: 10px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;
    border: 2px solid #71aed2;
    display: inline-block;
    width: 20px;
    height: 20px
}

.checkout-v4 .checkout-summary .add-to-newsletter input[type=checkbox]:checked + label:before {
    background: #fff no-repeat url(//helixcontent1.com//tick-blue-v4.png) center center/14px auto
}

.checkout-v4 .checkout-summary .checkout-note {
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #71aed2;
    max-width: 230px;
    margin: 0 auto
}

.checkout-v4 .checkout-summary .checkout-note.affirm {
    padding-top: 5px;
    padding-bottom: 20px
}

.checkout-v4 .checkout-summary .checkout-note a {
    color: #71aed2;
    text-decoration: underline;
    white-space: nowrap
}

.checkout-v4 .mobile-delivery-info {
    display: none;
    padding: 20px 0 40px;
    background-color: #fff9f4;
    margin-bottom: 10px
}

.checkout-v4 .product-note {
    background: #fff9f4;
    border: 2px solid #ffe3c9;
    border-top: 0;
    padding: 15px 20px;
    font-size: 0
}

.checkout-v4 .product-note:first-child {
    margin-top: 20px;
    border-top: 2px solid #ffe3c9
}

.checkout-v4 .product-note > img,
.checkout-v4 .product-note > span,
.checkout-v4 .trial-infobox li img,
.checkout-v4 .trial-infobox li span,
.vanity-v4 .hero .hero-text .get-discount .holder > div {
    display: inline-block;
    vertical-align: middle
}

.checkout-v4 .product-note > img {
    width: 59px;
    height: 59px;
    margin-right: 15px
}

.checkout-v4 .product-note > span {
    width: calc(100% - 74px)
}

.checkout-v4 .product-note span {
    font-size: 14px
}

.checkout-v4 .product-note .product {
    font-weight: 700
}

.checkout-v4 .delivery {
    border-top: 2px solid #71aed2;
    border-bottom: 2px solid #71aed2;
    font-size: 0;
    padding: 15px 0 30px 10px;
    margin-top: 50px
}

.checkout-v4 .delivery img {
    display: inline-block;
    width: 46px;
    height: auto;
    vertical-align: top
}

.checkout-v4 .delivery .delivery-holder {
    vertical-align: top;
    display: inline-block;
    width: calc(100% - 46px);
    padding-left: 15px;
    text-align: left;
    box-sizing: border-box
}

.checkout-v4 .delivery .delivery-holder p {
    font-size: 14px;
    font-weight: 400
}

.checkout-v4 .delivery .delivery-holder .delivery-date {
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
    margin-right: -20px
}

.checkout-v4 .delivery .note {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.checkout-v4 .trial-infobox {
    padding: 0 10px
}

.checkout-v4 .trial-infobox li {
    display: block;
    margin-top: 20px;
    text-align: left;
    font-size: 0
}

.checkout-v4 .trial-infobox li img {
    width: 53px;
    height: auto
}

.checkout-v4 .trial-infobox li span {
    width: calc(100% - 53px);
    box-sizing: border-box;
    padding-left: 12px;
    font-size: 16px;
    font-weight: 700
}

.checkout-v4 .checkout-footer {
    padding: 25px 30px;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    color: #71aed2;
    font-weight: 400;
    line-height: 16px
}

@media (max-height: 900px) {
    .checkout-v4 .popup-window-v4.addresses-popup {
        overflow: auto
    }

    .checkout-v4 .popup-window-v4.addresses-popup .middled {
        height: auto;
        display: block;
        margin-top: 60px
    }

    .checkout-v4 .popup-window-v4.addresses-popup .addresses-holder {
        margin: 60px auto 160px
    }
}

@media (max-width: 1120px) {
    .checkout-v4 {
        overflow: auto
    }

    .checkout-v4 .process-error {
        padding: 10px 60px 10px 30px
    }

    .checkout-v4 .process-error .close {
        right: 30px
    }

    .checkout-v4.has-items .cart-items {
        margin-right: 0
    }

    .checkout-v4.has-items .cart-items > ul > li:nth-child(odd) {
        margin-right: 0
    }

    .checkout-v4.has-items .checkout-summary,
    .checkout-v4.has-items .checkout-summary.mobile {
        display: block
    }

    .checkout-v4 .tablet-hidden {
        display: none
    }

    .checkout-v4 .cart-items {
        padding: 40px 30px;
        height: auto;
        overflow: visible
    }

    .checkout-v4 .cart-items ul {
        text-align: center
    }

    .checkout-v4 .cart-items ul li.action-tile {
        width: 100%;
        margin: 0 auto
    }

    .checkout-v4 .cart-items ul li:not(.action-tile) {
        width: auto;
        display: block
    }

    .checkout-v4 .cart-items ul li:not(.action-tile):nth-child(odd) {
        margin-right: 0
    }

    .checkout-v4 .cart-items ul li:not(.action-tile):last-child {
        margin-bottom: 0
    }

    .checkout-v4 .checkout-summary {
        top: auto;
        right: auto;
        position: relative;
        width: auto;
        height: auto;
        padding: 35px 30px 10px;
        display: none;
        overflow: visible
    }

    .checkout-v4 .checkout-summary:not(.mobile) {
        margin-bottom: 65px;
        padding-bottom: 90px
    }

    .checkout-v4 .checkout-summary.has-items {
        right: auto
    }

    .checkout-v4 .checkout-summary .title-medium {
        text-align: left
    }

    .checkout-v4 .checkout-summary .button-v4 {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: right;
        z-index: 150;
        border-top: #fff solid 2px
    }

    .checkout-v4 .checkout-summary .button-v4[data-value=stripe] {
        background-position: right 184px top 18px
    }

    .checkout-v4 .checkout-summary .button-v4[data-value=affirm],
    .checkout-v4 .checkout-summary .button-v4[data-value=paypal] {
        background-position: right 273px top 18px
    }

    .checkout-v4 .checkout-summary .checkout-note {
        max-width: none
    }

    .checkout-v4 .checkout-summary .checkout-note.stripe {
        padding-top: 0
    }

    .checkout-v4 .checkout-summary .add-to-newsletter {
        margin-top: 15px
    }

    .checkout-v4 .checkout-summary .trial-infobox {
        font-size: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .checkout-v4 .checkout-summary .trial-infobox li {
        display: inline-block
    }

    .checkout-v4 .checkout-form {
        margin-right: auto;
        height: auto;
        overflow: visible
    }

    .checkout-v4 .checkout-form .checkout-container {
        padding: 55px 30px 10px
    }

    .checkout-v4 .checkout-footer {
        display: none
    }
}

@media (max-width: 680px) {
    .checkout-v4 {
        -webkit-overflow-scrolling: touch
    }

    .checkout-v4 .process-error {
        padding: 10px 50px 10px 20px
    }

    .checkout-v4 .process-error .close {
        right: 20px
    }

    .checkout-v4 .cart-items > ul > li,
    .checkout-v4 .product-note {
        border-right: 0;
        border-left: 0
    }

    .checkout-v4 .popup-window-v4.addresses-popup {
        overflow: auto
    }

    .checkout-v4 .popup-window-v4.addresses-popup .middled {
        height: auto;
        display: block;
        margin-top: 35px;
        padding-top: 0
    }

    .checkout-v4 .popup-window-v4.addresses-popup .addresses-box {
        padding: 0;
        border: none
    }

    .checkout-v4 .popup-window-v4.addresses-popup .title-v4 {
        color: #71aed2;
        font-size: 24px
    }

    .checkout-v4 .popup-window-v4.addresses-popup .addresses-note {
        letter-spacing: normal;
        color: #71aed2;
        font-size: 16px;
        line-height: 22px
    }

    .checkout-v4 .title-medium {
        font-size: 29px
    }

    .checkout-v4 .checkout-summary {
        padding-right: 20px;
        padding-left: 20px
    }

    .checkout-v4 .checkout-summary .trial-infobox,
    .checkout-v4 .checkout-summary .trial-infobox li {
        display: block
    }

    .checkout-v4 .delivery .delivery-holder .delivery-date {
        font-size: 14px
    }

    .checkout-v4 .checkout-form .checkout-container {
        padding: 15px 20px 60px
    }

    .checkout-v4 .checkout-form fieldset dl {
        float: none;
        width: auto;
        display: block
    }

    .checkout-v4 .checkout-form fieldset dl:not(.on-the-right) {
        margin-right: auto
    }

    .checkout-v4 .checkout-form fieldset dl.three-in-a-row {
        width: auto
    }

    .checkout-v4 .checkout-form fieldset dl dd input[type=text].card-number {
        background: 0 0;
        padding-right: 20px
    }

    .checkout-v4 .checkout-form .title-medium {
        float: none;
        margin-top: 40px
    }

    .checkout-v4 .checkout-form .same-for-billing-btn {
        margin-top: 20px;
        float: none;
        display: block
    }

    .checkout-v4 .checkout-form .affirm-container {
        margin-bottom: 0
    }

    .checkout-v4 .checkout-form .radiolist.payment-type {
        padding: 15px 25px
    }

    .checkout-v4 .checkout-form .radiolist.payment-type li {
        display: block;
        float: none;
        margin-right: 0
    }

    .checkout-v4 .checkout-form .radiolist.payment-type li label {
        line-height: 50px
    }

    .checkout-v4 .cart-items {
        padding: 40px 0 55px
    }

    .checkout-v4 .cart-items .title-medium {
        padding: 0 20px
    }

    .checkout-v4 .cart-items .multiple {
        margin-top: 10px
    }
}

.cart-v4.checkout-v4 {
    text-align: center
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > .learn-more-v4 {
    display: inline-block;
    margin-top: 6px;
    float: right;
    font-weight: 700;
    color: #71aed2;
    font-size: 14px
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > .learn-more-v4 span {
    background-color: #71aed2;
    top: 100%
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > ul > li .actions {
    margin-bottom: 35px
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > ul > li .actions .button-v4 {
    background-color: transparent;
    color: #71aed2;
    position: relative;
    width: auto;
    height: 20px;
    line-height: 20px;
    padding: 0
}

.cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > ul > li .actions .button-v4:after {
    position: absolute;
    top: 100%;
    left: 0;
    content: '';
    background-color: #71aed2;
    height: 2px;
    width: 100%;
    display: block
}

.cart-v4.checkout-v4 .cart-trial-info > div,
.cart-v4.checkout-v4.has-items {
    text-align: left
}

.cart-v4.checkout-v4 .cart-items > .learn-more-v4 {
    display: none
}

.cart-v4.checkout-v4 .checkout-summary {
    width: 410px
}

.cart-v4.checkout-v4 .checkout-summary .button-v4 {
    line-height: 65px;
    background-position: left 30px top 19px;
    padding-left: 50px
}

.cart-v4.checkout-v4 .cart-trial-info {
    padding-left: 71px;
    position: relative;
    margin-top: 20px
}

.cart-v4.checkout-v4 .cart-trial-info img {
    position: absolute;
    top: 4px;
    left: 18px;
    width: 27px;
    height: auto;
    display: block
}

.cart-v4.checkout-v4 .cart-trial-info > div span {
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    max-width: 180px;
    display: block
}

.cart-v4.checkout-v4 .cart-trial-info > div p {
    line-height: 20px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    display: block
}

@media (max-width: 1120px) {
    .cart-v4.checkout-v4.cart-v4-b.has-items .cart-items > .learn-more-v4 {
        margin-right: 15px
    }

    .cart-v4.checkout-v4 .cart-items {
        overflow: visible
    }

    .cart-v4.checkout-v4 .checkout-summary {
        width: auto;
        overflow: visible
    }

    .cart-v4.checkout-v4 .checkout-summary .button-v4 {
        background-position: right 270px top 19px
    }
}

.vanity-v4 .hero {
    padding: 35px 0 55px
}

.vanity-v4 .hero .hero-text {
    position: relative;
    padding-left: 15px;
    width: 515px;
    max-width: none;
    z-index: 2
}

.vanity-v4 .hero .hero-text .text-v4 {
    font-weight: 500;
    margin-bottom: 10px
}

.vanity-v4 .hero .hero-text .title-v4 {
    width: 420px;
    margin-bottom: 35px
}

.vanity-v4 .hero .hero-text .get-discount {
    background: #fff9f4;
    padding: 20px
}

.vanity-v4 .hero .hero-text .get-discount .holder {
    max-width: 450px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center
}

.vanity-v4 .hero .hero-text .get-discount .holder > div span {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

.vanity-v4 .hero .hero-text .get-discount .holder > div p {
    margin-top: 0;
    font-weight: 500;
    font-size: 12px
}

.vanity-v4 .hero .hero-text .get-discount .button-v4 {
    margin-top: 0;
    vertical-align: middle;
    margin-bottom: 0
}

.vanity-v4 .hero .hero-img {
    position: absolute;
    top: -10px;
    left: calc(520px + 58px);
    height: calc(100% + 10px + 55px);
    width: auto;
    min-width: initial
}

.vanity-v4 .highlight-stripe-v4.mobile {
    display: none
}

.vanity-v4 .discount {
    background-color: #fff9f4;
    padding: 50px 0 60px;
    border-top: 18px solid #fff;
    text-align: center
}

.vanity-v4 .discount .title-v4 {
    margin-bottom: 30px
}

.vanity-v4 .discount form {
    display: block;
    border: 2px solid #71aed2;
    background-color: #fff;
    max-width: 390px;
    box-sizing: border-box;
    width: 100%;
    padding: 40px 35px;
    margin: 0 auto
}

.vanity-v4 .discount .button-v4 {
    display: block;
    width: 100%;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto
}

.vanity-v4 .process-error {
    position: fixed;
    top: 0;
    left: -9999px;
    width: 100%;
    line-height: 22px;
    padding: 10px 40px;
    min-height: 42px;
    font-weight: 400;
    color: #fff;
    background-color: red;
    display: block;
    box-sizing: border-box;
    transition: left 0ms 600ms, opacity 600ms;
    opacity: 0;
    z-index: 250
}

.vanity-v4 .process-error.visible {
    left: 0;
    opacity: 1;
    transition: left 0ms, opacity 600ms
}

.vanity-v4 .process-error .close {
    top: 0;
    height: 100%;
    right: 20px;
    position: absolute;
    width: 20px;
    cursor: pointer
}

.vanity-v4 .process-error .close:after,
.vanity-v4 .process-error .close:before {
    position: absolute;
    content: '';
    display: block;
    background-color: #fff;
    height: 2px;
    width: 100%;
    top: 20px;
    left: 0
}

.vanity-v4 .process-error .close:after {
    transform: rotate(45deg)
}

.vanity-v4 .process-error .close:before {
    transform: rotate(-45deg)
}

@media (max-width: 1120px) {
    .vanity-v4 .hero {
        padding: 45px 0 0
    }

    .vanity-v4 .hero .hero-text {
        padding: 0;
        width: 100%
    }

    .vanity-v4 .hero .hero-text .text-v4 {
        font-weight: 500;
        margin-bottom: 10px;
        width: calc(100% - 500px)
    }

    .vanity-v4 .hero .hero-text .title-v4 {
        width: 320px;
        margin-bottom: 35px
    }

    .vanity-v4 .hero .hero-text .button-v4 {
        display: inline-block
    }

    .vanity-v4 .hero .hero-text .get-discount {
        margin-left: -28px;
        margin-right: -28px
    }

    .vanity-v4 .hero .hero-img {
        left: auto;
        right: -50px;
        top: -5px;
        height: calc(100% + 20px - 104px)
    }

    .vanity-v4 .questions-v4 {
        padding-bottom: 119px
    }
}

@media (max-width: 860px) {
    .vanity-v4 .hero .hero-text .text-v4 {
        width: calc(100% - 350px)
    }

    .vanity-v4 .hero .hero-img {
        right: -205px
    }
}

@media (max-width: 680px) {
    .vanity-v4 .hero {
        padding: 25px 0
    }

    .vanity-v4 .discount form .fieldset-v4 dl,
    .vanity-v4 .hero,
    .vanity-v4 .hero .hero-text .logo {
        margin-bottom: 20px
    }

    .vanity-v4 .hero .hero-text .text-v4 {
        width: auto
    }

    .vanity-v4 .hero .hero-text .title-v4 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 25px
    }

    .vanity-v4 .hero .hero-img {
        margin-top: 10px;
        margin-left: -90px;
        margin-right: -120px;
        position: relative;
        width: calc(100% + 240px);
        top: auto;
        left: auto;
        right: auto
    }

    .vanity-v4 .highlight-stripe-v4.mobile {
        display: block
    }

    .vanity-v4 .discount {
        background-color: #fff;
        padding: 7px 20px 40px
    }

    .vanity-v4 .discount form {
        padding: 0;
        border: none
    }
}

@media (max-width: 470px) {
    .vanity-v4 .hero .hero-text .get-discount {
        margin-left: -20px;
        margin-right: -20px
    }

    .vanity-v4 .hero .hero-text .get-discount .holder {
        flex-direction: column
    }

    .vanity-v4 .hero .hero-text .get-discount .holder > div {
        margin-bottom: 10px
    }
}

.vanity-header-v4 {
    background-color: #fff;
    padding: 40px 0 30px
}

.vanity-header-v4 .logo {
    width: 74px;
    display: block;
    position: relative;
    margin: 0 auto
}

.vanity-header-v4 .logo svg {
    width: 100%;
    height: auto;
    display: block;
    fill: transparent;
    margin: 0 auto
}

.vanity-header-v4 .logo svg#helix-logo {
    width: 40px;
    height: 42px;
    margin-bottom: 19px
}

.vanity-header-v4 .logo svg#logo-title {
    height: 16px
}

@media (max-width: 680px) {
    .vanity-header-v4 {
        padding: 30px 0 25px
    }
}

.vanity-v4-b .vanity-hero {
    background-color: #fff;
    margin-bottom: 20px
}

.vanity-v4-b .vanity-hero .vanity-shop {
    padding: 0 0 35px
}

.vanity-v4-b .vanity-hero .title-big-v4 {
    margin: 0 auto 15px;
    max-width: 580px
}

.vanity-v4-b .vanity-hero .text-v4 {
    font-size: 30px;
    margin-bottom: 30px;
    line-height: 40px
}

.vanity-v4-b .mt-20 {
    margin-top: 20px
}

.vanity-v4-b .wrapper-v4-bord.wider {
    max-width: 1304px;
    padding: 0
}

.vanity-v4-b .step-list {
    background-color: #fff;
    border: none
}

.vanity-v4-b .step-list .step:first-child p {
    max-width: 280px;
    margin: 0 auto
}

.vanity-v4-b .white-stars > img:not(:nth-child(5)) {
    opacity: 1
}

.vanity-v4-b .tiles-flex .middled > div {
    width: 100%
}

.vanity-v4-b .tiles-flex .tile {
    position: relative
}

.vanity-v4-b .tiles-flex .tile.green-tile {
    background-color: #78b399
}

.vanity-v4-b .tiles-flex .tile.gray-tile {
    background-color: #a8bdc1
}

.vanity-v4-b .tiles-flex .tile.orange-tile {
    background-color: #222
}

.vanity-v4-b .tiles-flex .tile.orange-tile .middled {
    align-items: center
}

.vanity-v4-b .tiles-flex .tile.orange-tile .info-rating {
    text-align: center
}

.vanity-v4-b .tiles-flex .tile.yellow-tile {
    background-color: #fff9f4
}

.vanity-v4-b .tiles-flex .tile.yellow-tile .middled {
    align-items: center
}

.vanity-v4-b .tiles-flex .tile.reviews-tile .info-rating {
    width: auto
}

.vanity-v4-b .tiles-flex .tile.tablet {
    display: none
}

.vanity-v4-b .tiles-flex .tile .middled {
    padding: 30px;
    align-items: baseline
}

.vanity-v4-b .tiles-flex .tile .tile-text {
    font-style: italic;
    font-size: 20px;
    line-height: 30px
}

.vanity-v4-b .tiles-flex .tile .tile-text:not(:first-child) {
    margin-top: 0
}

.vanity-v4-b .tiles-flex .tile .tile-text .tile-author {
    margin-top: 15px;
    line-height: 26px;
    font-size: 16px;
    font-weight: 700;
    font-style: normal
}

.vanity-v4-b .tiles-flex .tile .tile-text .tile-author.flag img {
    margin: 0 auto 25px;
    display: block
}

.vanity-v4-b .tiles-flex .tile .tile-text .tile-author.forbes img {
    width: 66px
}

.vanity-v4-b .tiles-flex .tile .tile-text .tile-author.gq img {
    width: 38px
}

.vanity-v4-b .tiles-flex .tile .tile-text .tile-location {
    line-height: 20px;
    font-size: 16px;
    font-weight: 400;
    font-style: normal
}

.vanity-v4-b .tiles-flex .tile .tile-text.bigger {
    font-weight: 700;
    font-size: 25px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .02em;
    font-style: normal;
    display: block;
    text-align: center
}

.vanity-v4-b .tiles-flex .tile .info-rating {
    padding-top: 0;
    font-size: 0;
    max-width: none;
    text-align: left;
    margin-bottom: 20px;
    display: block;
    width: 100%
}

@media (max-width: 1280px) {
    .vanity-v4-b .wider .v4-bordered {
        border-right: 0;
        border-left: 0
    }
}

@media (max-width: 1120px) {
    .vanity-v4-b .white-stars img {
        width: 23px
    }

    .vanity-v4-b .white-stars img:not(:last-child) {
        margin-right: 3px
    }

    .vanity-v4-b .tiles-flex.tablet-2-1 > .tile:first-child {
        flex: calc((100% / 3) * 2)
    }

    .vanity-v4-b .tiles-flex.tablet-2-1 > .tile:nth-child(2) {
        flex: calc(100% / 3)
    }

    .vanity-v4-b .tiles-flex .tile .middled {
        padding: 25px;
        position: absolute
    }

    .vanity-v4-b .tiles-flex .tile.tablet {
        display: block
    }

    .vanity-v4-b .tiles-flex .tile.not-tablet {
        display: none
    }

    .vanity-v4-b .tiles-flex .tile.tablet-widow {
        height: 0;
        padding-bottom: 100%
    }

    .vanity-v4-b .tiles-flex .tile.tablet-widow .middled {
        position: absolute;
        top: 0;
        left: 0
    }

    .vanity-v4-b .tiles-flex .tile .info-rating {
        margin-bottom: 13px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text {
        font-size: 16px;
        line-height: 24px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text.bigger {
        font-size: 20px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text .tile-author,
    .vanity-v4-b .tiles-flex .tile .tile-text .tile-location {
        font-size: 13px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text .tile-author {
        margin-top: 10px;
        line-height: 18px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text .tile-author.gq img {
        width: 32px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text .tile-location {
        line-height: 14px
    }
}

@media (max-width: 680px) {
    .vanity-v4-b .vanity-hero .vanity-shop {
        padding-bottom: 25px
    }

    .vanity-v4-b .vanity-hero .title-big-v4 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px
    }

    .vanity-v4-b .vanity-hero .text-v4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px
    }

    .vanity-v4-b .step-list {
        padding: 20px 0
    }

    .vanity-v4-b .step-list .step {
        padding: 0
    }

    .vanity-v4-b .step-list .step:not(:last-child) {
        border-bottom: none;
        padding-bottom: 80px
    }

    .vanity-v4-b .step-list .step p {
        max-width: 280px;
        margin: 0 auto
    }

    .vanity-v4-b .discount {
        padding-bottom: 75px
    }

    .vanity-v4-b .white-stars img {
        width: 16px
    }

    .vanity-v4-b .tiles-flex.tablet-2-1,
    .vanity-v4-b .tiles-flex.tablet-2-1 > .tile {
        display: block
    }

    .vanity-v4-b .tiles-flex.tablet-2-1 > .tile:first-child,
    .vanity-v4-b .tiles-flex.tablet-2-1 > .tile:nth-child(2) {
        flex: none;
        display: block
    }

    .vanity-v4-b .tiles-flex.tablet-2-1 > .tile:first-child.not-mobile,
    .vanity-v4-b .tiles-flex.tablet-2-1 > .tile:nth-child(2).not-mobile {
        display: none
    }

    .vanity-v4-b .tiles-flex .tile.not-mobile,
    .vanity-v4-b .tiles-flex .tile.tablet {
        display: none
    }

    .vanity-v4-b .tiles-flex .tile.not-tablet {
        display: block
    }

    .vanity-v4-b .tiles-flex .tile.tablet-widow {
        height: auto;
        padding-bottom: 0
    }

    .vanity-v4-b .tiles-flex .tile .middled {
        padding: 15px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text {
        line-height: 22px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text.bigger {
        font-size: 16px;
        text-align: center
    }

    .vanity-v4-b .tiles-flex .tile .tile-text .tile-author.flag img {
        width: 24px;
        margin-bottom: 15px
    }

    .vanity-v4-b .tiles-flex .tile .tile-text .tile-author.forbes img {
        width: 39px
    }
}

@media (max-width: 350px) {
    .vanity-v4-b .tiles-flex .tile .tile-text {
        font-size: 13px;
        line-height: 18px
    }
}

.nice-select,
.nice-select .list-holder {
    background-color: #fff;
    box-sizing: border-box
}

.nice-select {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    clear: both;
    cursor: pointer;
    display: block;
    outline: none;
    user-select: none;
    white-space: nowrap;
    text-align: left;
    transition: 200ms;
    position: relative
}

.nice-select > .current {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 15px;
    display: block;
    line-height: 62px
}

.nice-select:after {
    transition: 300ms
}

.nice-select.open:after {
    opacity: 0
}

.nice-select.open .list-holder {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1) translateY(0)
}

.nice-select .list-holder {
    border: 2px solid #71aed2;
    opacity: 0;
    padding-top: 19px;
    top: -2px;
    height: auto;
    left: -2px;
    width: calc(100% + 4px);
    transform-origin: 50% 0;
    transform: scale(.75) translate3D(0, -31px, 0);
    z-index: 9;
    pointer-events: none;
    position: absolute;
    overflow: hidden
}

.nice-select .list {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    max-height: 162px;
    min-height: 45px;
    width: 100%;
    scrollbar-base-color: transparent;
    scrollbar-3dlight-color: transparent;
    scrollbar-track-color: transparent;
    scrollbar-arrow-color: #222;
    scrollbar-highlight-color: transparent;
    scrollbar-shadow-color: #222;
    scrollbar-face-color: #222;
    scrollbar-dark-shadow-color: transparent
}

.nice-select .list::-webkit-scrollbar {
    width: 8px
}

.nice-select .list::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent
}

.nice-select .list::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: #222
}

.nice-select .list:hover .option:hover {
    background-color: #fff9f4
}

.nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 28px;
    list-style: none;
    min-height: 28px;
    outline: none;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    transition: all .2s;
    background-color: #fff;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.nice-select .option.selected {
    font-weight: 700
}

.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}

.nice-select .option:last-child {
    margin-bottom: 20px
}

.nice-select .option[data-value=""],
.no-csspointerevents .nice-select .list {
    display: none
}

.no-csspointerevents .nice-select.open .list {
    display: block

}

.top-bar-save {
    width: 40%;
    right: 0;
    top: 10px;
    position: absolute;
    height: 42px;
    display: inline-flex;
    z-index: 450;
    background-color: none;

}

.top-bar-save-button {

    height: 42px;
    line-height: 42px;
    width: 50%;
    text-align: center;

    display: inline-block;
    background: #333333;
    cursor: pointer;
    padding: 0 25px;
    border-radius: 0;
    white-space: nowrap;
    box-sizing: border-box;
    transition: all 300ms;
    font-size: 18px;
    color: #fff;
}

.top-bar-price {
    width: 50%;
    text-align: center;
    line-height: 42px;
    color: #000;
    position: relative;

}

.top-bar-price .type {
    position: absolute;
    top: -13px;
    left: calc(50% - 45px);
    font-size: 13px;
    color: #71ADD0;
}

.top-bar-price .price-container {
    position: absolute;
    top: 4px;
    left: calc(50% - 45px);
    font-size: 25px;
    color: #000;
}

.top-bar-price .decimal {
    font-size: 10px;
    vertical-align: super;
}

.top-bar-secondary {
    color: #F2F2F2;
    outline: solid 2px #F2F2F2;
    outline-offset: -2px;
    width: 100%;
    height: 60px;
    position: fixed;
    top: 50px;
    background-color: #F2F2F2;
    z-index: 450;
}

.top-bar-max-width-container {
    margin: 0px auto;
    max-width: 800px;
    position: relative;
}

.site-header {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    padding: 0 40px;
    font-family: 'Roboto', sans-serif;
    background-color: #fff;
    z-index: 450;
}

.personalize-progress-v4 {
    position: absolute;
    top: 10px;
    left: 55px;
    width: calc(60% - 90px);
    height: 4px;
    margin-top: 17px;
    line-height: 42px;
    background-color: #cccccc;
    border-radius: 20px;
    border: 2px solid;
    z-index: 450
}

.personalize-progress-v4 .bar {
    height: 100%;
    width: 0;
    transition: all 300ms;
    background: #71aed2 !important;
}

.personalize-progress-v4 .status {
    position: absolute;
    top: -17px;
    left: -50px;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    font-weight: 700;
    color: #71ADD0;
    -webkit-font-smoothing: antialiased;
}

@media (max-width: 550px) {

    .top-bar-secondary {

    }

    .top-bar-save {
        width: 80%;
        left: 20%;
    }

    .personalize-progress-v4 {

        width: auto;
    }

    .bar.daytime-dependent {
        display: none;
    }

    .top-bar-price {
        width: 100px;
        text-align: center;
        line-height: 42px;
        color: #000;
        position: relative;
        right: 10px;
        position: absolute;
    }

    .top-bar-save-button {
        height: 42px;
        line-height: 42px;
        text-align: center;
        display: inline-block;
        background: #333333;
        cursor: pointer;
        padding: 0 25px;
        border-radius: 0;
        white-space: nowrap;
        box-sizing: border-box;
        transition: all 300ms;
        font-size: 18px;
        color: #fff;
        position: absolute;
        right: 120px;
    }

    .personalize-progress-v4 .status {
        color: #000;
    }

}

.site-header__logo {
    max-height: 50px;
    vertical-align: middle;
}

.site-header__small-logo, .site-header__big-logo {
    max-height: 30px;
    vertical-align: middle;

}

.site-header .container, .site-header .container-hr:before, .site-header .parallax-slider__container {
    display: table;
    width: 100%;
    height: 100%;
}

/* line 19, ../../_dev/scss/partials/general/_header.scss */
.site-header__logo,
.site-header__right-side {
    display: table-cell;
    vertical-align: middle;
}

/* line 25, ../../_dev/scss/partials/general/_header.scss */
.site-header__logo {
    width: 225px;
}

/* line 29, ../../_dev/scss/partials/general/_header.scss */
.site-header__right-side {
    text-align: right;
}

/* line 32, ../../_dev/scss/partials/general/_header.scss */
.site-header__right-side li {
    display: inline-block;
    vertical-align: middle;
}

/* line 38, ../../_dev/scss/partials/general/_header.scss */
.site-header__quebec {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 1px;
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 5px;
}

/* line 47, ../../_dev/scss/partials/general/_header.scss */
.site-header__quebec:after {
    background: url("//matelasprincesse.com/wp-content/themes/matelas-princesse/assets/img/matelas-quebec.svg") no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    content: "";
    margin-bottom: -6px;
    position: relative;
    top: -2px;
}

/* line 59, ../../_dev/scss/partials/general/_header.scss */
.site-header__social-links,
.site-header__phone-number {
    margin-left: 10px;
    margin-right: 10px;
}

/* line 64, ../../_dev/scss/partials/general/_header.scss */
.site-header__social-links a,
.site-header__phone-number a {
    color: #222;
}

/* line 70, ../../_dev/scss/partials/general/_header.scss */
.site-header__social-links a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    font-size: 1.3rem;
    color: #222;
    opacity: 1;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* line 82, ../../_dev/scss/partials/general/_header.scss */
.site-header__social-links a:after {
    position: relative;
    content: '';
    display: inline-block;
    font-size: 1em;
}

/* line 92, ../../_dev/scss/partials/general/_header.scss */
.site-header__social-links a.facebook:after {
    content: '\f09a';
}

/* line 93, ../../_dev/scss/partials/general/_header.scss */
.site-header__social-links a.twitter:after {
    top: 0.05em;
    content: '\f099';
    font-size: 1.2em;
    display: none;
}

/* line 100, ../../_dev/scss/partials/general/_header.scss */
.site-header__social-links a:hover {
    opacity: 0.8;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* line 107, ../../_dev/scss/partials/general/_header.scss */
.site-header__phone-number {
    font-size: 1.1rem;
    color: #222;
}

/* line 111, ../../_dev/scss/partials/general/_header.scss */
.site-header__phone-number a {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

/* line 118, ../../_dev/scss/partials/general/_header.scss */
.nav-toggle {
    margin-top: 1px;
}

/* line 120, ../../_dev/scss/partials/general/_header.scss */
.nav-toggle span:before,
.nav-toggle span:after {
    background-color: #222;
}

/* line 126, ../../_dev/scss/partials/general/_header.scss */
.site-header__nav {
    position: fixed;
    top: 0;
    right: -250px;
    bottom: 0;
    z-index: 999;
    width: 250px;
    border-left: 1px solid #ddd;
    background-color: #fff;
}

/* line 140, ../../_dev/scss/partials/general/_header.scss */
.site-header__nav .menu {
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 0.15em;
    color: #222;
}

/* line 146, ../../_dev/scss/partials/general/_header.scss */
.site-header__nav .menu > li {
    display: block;
    border-bottom: 1px solid #ddd;
}

/* line 150, ../../_dev/scss/partials/general/_header.scss */
.site-header__nav .menu > li > a {
    display: block;
    padding: 15px;
    color: #222;
}

/* line 156, ../../_dev/scss/partials/general/_header.scss */
.site-header__nav .menu > li > a:hover, .site-header__nav .menu > li.current-menu-item > a {
    background-color: #f9f9f9;
}

/* line 164, ../../_dev/scss/partials/general/_header.scss */
.site-header__toggle {
    float: right;
}

/**/
.site-header__small-logo {
    display: none;
}

@media (max-width: 915px) {
    /* line 203, ../../_dev/scss/partials/general/_header.scss */
    .site-header__quebec {
        display: none;
    }
}

@media (max-width: 550px) {

    .site-header__small-logo {
        display: block;
    }

    .site-header__big-logo {
        display: none;
    }

    /* line 209, ../../_dev/scss/partials/general/_header.scss */
    .site-header__social-links,
    .site-header__phone-number {
        display: none !important;
    }
}

@media (max-width: 520px) {
    .animation-box img {
        width: 100%;
    }
    .popup-v4.chart-loader-v4 .login-holder,
    .showroom-login-v4.chart-loader-v4 .login-holder {
        padding: 60px 0 30px;
    }
}