@import url(homepage/homepage.css);

/* ==========================================================================
 * 	#Reset
 * 	========================================================================== */
* {
     padding: 0;
         margin: 0;
             outline: 0;
             }

/* ==========================================================================
	#Base
========================================================================== */
html,
body {
    height: 100%;
}

html {
    overflow-y: scroll;
}

body {
    background: #fff;
    font-family: 'Graphik', sans-serif;
    font-size: 13px;
    line-height: 1.4;
    color: #000;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); /*letter-spacing: 1px;*/
}

a {
    text-decoration: none;
    color: #16b5a2;
    cursor: pointer;
    transition: 0.3s all;
}

/* a:hover { text-decoration: underline; } */

img {
    border: 0;
    vertical-align: middle;
}

h2,
h3,
h4 {
    font-family: 'Dienstag Medium', sans-serif;
    font-weight: normal;
}

h1 {
    font-family: 'Graphik', sans-serif;
    font-size: 30px;
    font-weight: normal;
}

h2 {
    font-size: 25px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 14px;
}

h5 {
    font-size: 13px;
}

p {
    padding-bottom: 18px;
}

/*.std {*/
/*background-color: #F9F9F9;*/
/*}*/

input,
select,
textarea {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    color: #000;
    letter-spacing: 1px;
}

textarea {
    overflow: auto;
    resize: none;
}

ul,
ol {
    list-style: none;
}

fieldset {
    border: 0;
}

/* ==========================================================================
 * 	#Helpers
 * 	========================================================================== */
.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.fsr-container {
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
}

.fsr-image {
    position: absolute;
}

.fsr-hidden {
    display: none;
}

.alignleft,
.left {
    float: left;
}

.alignright,
.right {
    float: right;
}

.gutter-bottom-9 {
    padding-bottom: 9px;
}

.clear:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.desktop-hidden {
    display: none !important;
}

/* ==========================================================================
 * 	#General
 * 	========================================================================== */
.gold-white-title {
    text-align: center;
}

.gold-white-title strong {
    font-family: 'Syncopate', sans-serif;
    font-size: 10px;
    color: #b4975d;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 3px;
}

.gold-white-title h4 {
    font-family: 'Syncopate Bold', sans-serif;
    font-size: 15px;
    color: #fff;
    letter-spacing: 12px;
}

.gold-white-title h4 span {
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 3px solid #b4975d;
}

.gold-white-title a {
    color: #fff;
}

.gold-white-title a:hover span {
    border-color: #fff;
}

.black-title a:hover span {
    border-color: #000;
}

.teal-color {
    color: #16b5a2;
}

.pink-color {
    color: #a80066;
}

.title {
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
}

.title h2 {
    padding: 3px 0 1px;
    font-size: 33px;
    line-height: 1;
    letter-spacing: 12px;
}

.title strong {
    display: block;
    padding-top: 5px;
    font-family: 'Syncopate Bold', sans-serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 13px;
}

.title-alt {
    display: inline-block;
    text-align: center;
    color: #fff;
}

.title-alt h2 {
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 37px;
    letter-spacing: 18px;
}

.title-alt h3 {
    font-family: 'Graphik', sans-serif;
}

.title-alt .bordered-text .border {
    top: 9px;
    background: #fff;
}

.title-alt .bordered-text {
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 6px;
}

.title-bordered h2 {
    letter-spacing: 6px;
}

.title-bordered p {
    padding-bottom: 0;
    font-size: 21px;
    color: #b4975d;
    font-weight: 300;
}

.bordered-text {
    position: relative;
    font-family: 'Syncopate', sans-serif;
    font-size: 10px;
    letter-spacing: 3px;
    text-align: center;
}

.bordered-text .text {
    display: inline-block;
    padding: 20px 10px;
    text-transform: capitalize;
    font-family: FreightBig;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
}

.bordered-text .border {
    position: absolute;
    top: 50%;
    height: 1px;
    width: 0;
    background: #000;
    transition: 1s all;
}

.bordered-text .border-left {
    left: 0;
}

.bordered-text .border-right {
    right: 0;
}

.bordered-text strong {
    padding: 0;
    font-family: 'Syncopate', sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
}

.arrow {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    vertical-align: middle;
    transition: 0.3s all;
}

.arrow-gold-right {
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #b4975d;
    margin: -2px 0 0 7px;
}

.arrow-green-lagoon-right {
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #16b5a2;
    margin: -2px 0 0 7px;
}

.arrow-green-lagoon-right-small {
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent #16b5a2;
    margin: -2px 0 0 2px;
}

.arrow-white-right {
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff;
    margin: -2px 0 0 10px;
}

.arrow-black-right {
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #000;
    margin: -2px 0 0 10px;
}

.list-bullets {
    list-style: none outside none;
}

.list-check {
    line-height: 1.87;
}

.list-check li:before {
    content: '✓';
    color: #ffc7b8;
    /*list-style-image: url(../images/check-ico.jpeg);*/
}

.list-bullets li {
    padding: 0 0 2px 12px;
    background: url(../images/bullet.png) 0 9px no-repeat;
    font-weight: normal;
}

.list-gold-bullets {
    list-style: none outside none;
}

.list-gold-bullets li {
    padding: 0 0 2px 12px;
    background: url(../images/gold-bullet.png) 0 6px no-repeat;
}

.list-bullets-white li {
    background-image: url(../images/white-bullet.png);
}

.more a {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.more-border a {
    display: inline-block;
    border-bottom: 3px solid #b4975d;
    font-family: 'Syncopate Bold', sans-serif;
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 9px;
}

.more-border a:hover {
    color: #b4975d;
    text-decoration: none;
}

.more-posts {
    text-align: center;
    margin: 20px 0;
}

.more-posts.more-border a {
    text-align: center;
    border-top: 3px solid #b4975d;
    padding-left: 9px;
}

.back {
    position: absolute;
    top: 22px;
    left: 27px;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.controls {
    position: absolute;
    top: 22px;
    right: 27px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.controls a {
    margin-left: 20px;
    color: #000;
}

/* ==========================================================================
 * 	#Containers
 * 	========================================================================== */
.wrapper,
.container {
    position: relative;
}

.wrapper {
    /*min-height: 100%;*/
    background: none;
}

.container {
    overflow: hidden;
    background: #fff;
}

.shell {
    width: 1223px;
    margin: 0 auto;
}

.shell-narrow {
    width: 920px;
}

.shell-narrower {
    width: 600px;
}

/* ==========================================================================
 * 	#Buttons
 * 	========================================================================== */

.btn {
    display: inline-block;
    padding: 9px 15px 10px;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    color: #fff;
    font-weight: 900;
    vertical-align: middle;
    cursor: pointer;
    letter-spacing: 2px;
    transition: none;
}

.btn {
    background: #313131;
    background: -moz-linear-gradient(top, #313131 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #313131), color-stop(100%, #000000));
    background: -webkit-linear-gradient(top, #313131 0%, #000000 100%);
    background: -o-linear-gradient(top, #313131 0%, #000000 100%);
    background: -ms-linear-gradient(top, #313131 0%, #000000 100%);
    background: linear-gradient(to bottom, #313131 0%, #000000 100%);
}


.btn-underline {
    display: inline-block;
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.2px;
    color: #000;
    position: relative;
}

.btn-underline:after {
    content: '';
    display: block;
    position: absolute;
    left: -9%;
    width: 107%;
    height: 20px;
    border: solid 1.5px #ffc7b8;
    border-color: #ffc7b8 transparent transparent transparent;
    border-radius: 50%/9px 0px 0 0;

}

.btn-underline:hover:after {
    border-color: #16b5a2 transparent transparent transparent;
}

.btn-underline.teal:after {
    border-color: #16b5a2 transparent transparent transparent;
}

.btn-underline.teal:hover:after {
    border-color: #a80066 transparent transparent transparent;
}


.btn-green {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    border: solid 1px #16b5a2;
    background: transparent;
    text-transform: none;
    text-align: center;
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: black;
    width: 200px;
    cursor: pointer;
}

.btn-green:hover {
    border: solid 1px #3c478f;
}

.btn-white {
    display: inline-block;
    padding: 17px 15px 19px;
    border-radius: 3px;
    border: solid 1px #e1e1e1;
    vertical-align: middle;
    cursor: pointer;
    transition: none;
    background: #ffffff;
    width: 180px;
    text-align: center;
    color: #222222;
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.2px;
}

.btn-white:hover {
    background-color: #f7f7f7;
}



.btn-long {
    padding: 9px 26px 10px;
}

.btn-full {
    width: 100%;
    padding: 9px 0 10px;
    text-align: center;
}

.btn-submit-arrow {
    width: 5px;
    height: 9px;
    padding: 0;
    background: url(../images/sprite.png) -129px 0 no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

/*.btn-white {*/
/*color: #000;*/
/*letter-spacing: 1px;*/
/*}*/

/*.btn-white {*/
/*background: #ffffff;*/
/*background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));*/
/*background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);*/
/*background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);*/
/*background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);*/
/*background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);*/
/*}*/

/*.btn-white:hover {*/
/*color: #fff;*/
/*}*/

/*.btn-white:hover {*/
/*background: #a0a0a0;*/
/*background: -moz-linear-gradient(top, #a0a0a0 0%, #616161 100%);*/
/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a0a0a0), color-stop(100%, #616161));*/
/*background: -webkit-linear-gradient(top, #a0a0a0 0%, #616161 100%);*/
/*background: -o-linear-gradient(top, #a0a0a0 0%, #616161 100%);*/
/*background: -ms-linear-gradient(top, #a0a0a0 0%, #616161 100%);*/
/*background: linear-gradient(to bottom, #a0a0a0 0%, #616161 100%);*/
/*}*/

.btn-transparent {
    padding: 0;
    background: transparent;
    color: #b4975d;
}

.btn-transparent:hover {
    color: #000;
}

.btn-bordered {
    padding: 14px 20px 13px 44px;
    border-bottom: 3px solid #cbae7c;
    font-size: 12px;
}

.btn-bordered:hover .arrow-white-right {
    border-color: transparent transparent transparent #cbae7c;
}

.btn.disabled {
    padding: 14px 35px 13px;
    border: 0;
    cursor: default;
}

.btn.disabled:hover {
    color: #fff;
}

.btn.disabled {
    background: #989898;
    background: -moz-linear-gradient(top, #989898 0%, #808080 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #989898), color-stop(100%, #808080));
    background: -webkit-linear-gradient(top, #989898 0%, #808080 100%);
    background: -o-linear-gradient(top, #989898 0%, #808080 100%);
    background: -ms-linear-gradient(top, #989898 0%, #808080 100%);
    background: linear-gradient(to bottom, #989898 0%, #808080 100%);
}

.btn .icon-plus-white {
    margin-right: 5px;
}

.btn-green.disabled {
    border: 1px solid #ccc;
    background: #f9f9f9;
}

/* ==========================================================================
 * 	#Icons
 * 	========================================================================== */
[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/sprite.png) 0 0 no-repeat;
}

.icon-facebook-dark,
.icon-twitter-dark,
.icon-pinterest-dark,
.icon-googleplus-dark,
.icon-youtube-dark,
.icon-facebook,
.icon-twitter,
.icon-pinterest,
.icon-email,
.icon-googleplus,
.icon-youtube,
.icon-pin {
    width: 25px;
    height: 25px;
    margin: 0 1px;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}


/*.icon-facebook-dims{width:7px;height:13px}*/

/*.icon-instagram-dims{width:12px;height:12px}*/
/*.icon-twitter,.icon-twitter\:regular{background-image:url('icons/icons.svg');background-position:0 -25px;background-repeat:no-repeat}*/
/*.icon-twitter-dims{width:13px;height:11px}*/
/*.icon-youtube,.icon-youtube\:regular{background-image:url('icons/icons.svg');background-position:0 -36px;background-repeat:no-repeat}*/
/*.icon-youtube-dims{width:14px;height:15px}*/

.icon-facebook {
    background-position: -27px -124px;
}

.icon-twitter {
    background-position: -54px -124px;
}

.icon-pinterest {
    background-position: -81px -124px;
}

.icon-email {
    background-position: -109px -123px;
}

.icon-googleplus {
    background-position: 0 -124px;
}

.icon-youtube {
    background-position: 0 -152px;
}

.icon-pin {
    background-position: -28px -152px;
}

.icon-facebook-dark {
    background-position: -27px -96px;
}

.icon-twitter-dark {
    background-position: -54px -96px;
}

.icon-pinterest-dark {
    background-position: -81px -96px;
}

.icon-googleplus-dark {
    background-position: 0 -96px;
}

.icon-youtube-dark {
    background-position: -108px -96px;
}

.icon-rewards-black,
.icon-rewards {
    width: 41px;
    height: 14px;
    transition: none;
}

.icon-rewards {
    background-position: -46px -181px;
}

.icon-rewards-black {
    margin: -8px 3px 0 0;
    background-position: 0 -181px;
}

.icon-arrow-left,
.icon-arrow-right {
    width: 8px;
    height: 14px;
    padding-top: -2px;
}

.icon-arrow-left {
    margin-right: 8px;
    background-position: -111px -214px;
}

.icon-arrow-right {
    margin-left: 8px;
    background-position: -111px -229px;
}

.icon-bag {
    width: 20px;
    height: 21px;
    background-position: -59px -152px;
    transition: none;
}

.icon-close {
    width: 14px;
    height: 14px;
    margin-left: 8px;
    background-position: -104px -151px;
}

.icon-close-small {
    width: 8px;
    height: 8px;
    margin: -2px 0 0 8px;
    background-position: -126px -235px;
}

.icon-play {
    width: 110px;
    height: 110px;
    background-position: 0 -197px;
}

.icon-plus {
    width: 10px;
    height: 10px;
    background: url(../images/arrow-down.svg) 0 0 no-repeat;
    background-size: 10px 10px;
}

.icon-rewards-small {
    width: 34px;
    height: 12px;
    margin-left: 16px;
    background-position: -100px -185px;
}

.icon-plus-white {
    width: 11px;
    height: 11px;
    margin: -4px 0 0 7px;
    background-position: -123px -199px;
}

.icon-share {
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background-position: -110px -200px;
}

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

.icon-skintype {
    width: 68px;
    height: 31px;
    background-position: 0 -457px;
}

.icon-clock-black {
    width: 64px;
    height: 64px;
    background: url(../images/clocks_black.png) 0 0 no-repeat;
}

.icon-clock {
    width: 64px;
    height: 64px;
    background: url(../images/clocks.png) 0 0 no-repeat;
}

.c1500 {
    background-position: right 0;
}

.c1400 {
    background-position: right -64px;
}

.c1300 {
    background-position: right -128px;
}

.c1200 {
    background-position: right -192px;
}

.c1130 {
    background-position: right -256px;
}

.c1030 {
    background-position: right -320px;
}

.c0830 {
    background-position: right -384px;
}

.chechout-purchase-share {
    display: none
}

.footer [class^="icon-"],
.footer [class*=" icon-"] {
    background-image: url('../images/icons/icons-social.svg');
    background-repeat: no-repeat;
    width: 15px;
}

.footer .icon-facebook {
    background-position: 3px 0;
    height:13px;
}
.footer .icon-pinterest {
    background-position: 0 -13px;
    height:12px;
}
.footer .icon-twitter {
    background-position: 0 -25px;
    width:16px;
    height:11px;
}
.footer .icon-youtube {
    background-position: 0 -36px;
    width:16px;
    height:15px;
}

/*.footer .icon-facebook:hover {*/
/*background-position: 0 -654px;*/
/*}*/

/*.footer .icon-twitter:hover {*/
/*background-position: -36px -654px;*/
/*}*/

/*.footer .icon-pinterest:hover {*/
/*background-position: -56px -654px;*/
/*}*/

/*.footer .icon-youtube:hover {*/
/*background-position: -17px -654px;*/
/*}*/

/* ==========================================================================
 * 	#Header
 * 	========================================================================== */
.header {
    position: relative;
    padding: 0;
    height: auto;
    border-bottom: solid 1px #ececec;
    font-family: 'Graphik', sans-serif;
    background-color: #fff;

}

.header-inner {
    padding-top: 32px;
}

.header-message {
    position: relative;
    display: flex;
    justify-content: space-between;
    top: auto;
    right: auto;
    width: auto;
    height: 40px;
    background: #222222;
    font-family: 'Lato', sans-serif;
}
.header-message .left, .header-message .right, .header-message .middle {
    width: 33%;
}
.header-message .left {
    font-family: Graphik;
   /* position: absolute;
 *     right: 50%;
 *         top: 0;
 *             left: 50px;*/
    color: #fff;
    font-weight: 300;
    visibility: visible;
    opacity: 1;
    text-align: left;
    font-size: 11px;
    line-height: 40px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    padding-left: 50px;
    box-sizing: border-box;
}

.header-message .right {
    font-family: Graphik;
    /*position: absolute;
 *     right: 50px;
 *         top: 0;
 *             left: 50%;*/
    color: #fff;
    font-weight: 300;
    visibility: visible;
    opacity: 1;
    text-align: right;
    font-size: 11px;
    line-height: 40px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    padding-right: 50px;
    box-sizing: border-box;
}

.header-message .middle {
    font-family: Graphik;
    /*position: absolute;
 *     right: 50px;
 *         top: 0;
 *             left: 50%;*/
    color: #fff;
    font-weight: 300;
    visibility: visible;
    opacity: 1;
    text-align: center;
    font-size: 11px;
    line-height: 40px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    box-sizing: border-box;
    float: left;
    box-sizing: border-box;
}

.header-message span a {
    font-family: 'Graphik', sans-serif;
    font-size: 10px;
}

.header-message span.visible {
    visibility: visible;
    opacity: 1;
}

.header-content {
    position: relative;
    padding: 30px 50px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    background-color: white;
}

.header-content .left {
    display: flex;
    align-items: flex-end;
}

.header-content .right {
    display: flex;
    align-items: flex-end;
}

.nav {
    font-weight: normal;
    font-family: FreightDisplay;
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: 0.3px;
}

.nav > ul > li,
.nav-user > ul > li {
    float: left;
}

.header-inner,
.header .socials,
.form-search,
.nav-user {
    float: right;
}

.nav-user ul,
.nav ul {
    list-style: none outside none;
}

.tagline {
    text-indent: -999em;
    display: block;
    background: url(../images/tagline.svg) no-repeat 50%;
    background-size: auto 100%;
    height: 16px;
    margin: -10px 0 5px;
}

.logo {
    width: 161px;
    float: none;
    display: inline-block;
}

.logo a {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    display: inline-block;
    width: 161px;
    height: 30px;
    background: url(../images/new/elny-logo.svg) no-repeat;
}

.nav-user > ul > li,
.nav > ul > li {
    /*height: 51px;*/
    transition: 0.3s background-color;
}

.nav {

    float: none;
    text-align: center;
    margin-left: 32px;
}

.nav ul {
    display: inline-block;
}

.nav > ul > li {
    padding: 0px 18px 0;
    height: auto;
    transition: opacity 0.3s ease;
}

.nav > ul > li + li {
    margin-left: 0px;
}

.nav > ul > li ~ li {
    /*margin-left: 25px;*/
}

.nav > ul > li > a {
    color: #000;
}

.nav > ul:hover > li {
    opacity: 0.3;
}

.nav ul li:hover {
    opacity: 1;
}

.nav > ul > li:hover .dropdown {
    display: block;
}

.nav > ul > #shop:hover {
    background: #fff;
}

.nav > ul > #shop:hover > a {
    border-color: #b4975d;
}

.nav > ul > #shop:hover > a,
.nav > ul > li:hover > a {
    border-bottom-color: transparent;
}

.nav > ul > li:hover > a:after {
    opacity: 1;
    visibility: visible;
}

.header .socials,
.form-search {
    padding-top: 16px;
}

.header .socials a {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.header .socials a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*.form-search-container {*/
/*position: absolute;*/
/*right: 50px;*/
/*bottom: 12px;*/
/*}
 * */

.form-search {
    position: relative;
    padding-bottom: 2px;
    float: none;
    padding-top: 0;
    margin-left: 15px;
}

.field-search {
    -webkit-appearance: unset;
    width: 127px;
    border: 0;
    border-bottom: 1px solid #262626;
    color: #9c9b9b;
    transition: 0.3s background-color;
}

.form-search.focus .field-search {
    background-color: #fff;
    color: #000;
    border-bottom-color: #999;
}

.form-search.open .dropdown-autosuggest {
    display: block;
}

.form-search .field-search {
    border-bottom: 0 none;
    padding-left: 0;
    width: 98%;
    background-color: transparent;
    font-family: Graphik;
    font-size: 20px;
    line-height: 1.25;
    letter-spacing: -0.2px;
    color: #e1e1e1;
    font-weight: 300;
}

.x-close {
    display: inline-block;
    width: 14px;
    height: 15px;
    cursor: pointer;
    background: url(../images/new/x-close.svg) no-repeat 0 0px;
}

.small-x-close {
    display: inline-block;
    width: 10px;
    height: 11px;
    cursor: pointer;
    background: url(../images/new/small-close-x.svg) no-repeat 0 0px;
}

.search-autocomplete {
    z-index: 999;
    background: #fff;
    border-bottom: 3px solid black;
    padding: 6px 8px 7px;
    font-size: 1.1em;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

.search-autocomplete li {
    text-decoration: none;
    display: block;
    padding: 2px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal;
    text-align: left;
    font-family: Graphik;
    font-size: 14px;
}

.search-autocomplete li:hover {
    cursor: pointer;
}

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

.nav-user {
    /*position: absolute;*/
    /*right: 50px;*/
    /*top: 5px;*/
    /*padding-left: 0px;*/
}

.nav-user a:hover {
    color: #16b5a2;
}
.nav-user .has-dropdown.open .icon-bag span {
    font-size: 12px;
    line-height: 1.25;
}

.nav-user .icon-rewards {
    color: #000;
    font-weight: 900;
    text-align: center;
    position: relative;
    width: 13px;
    height: 15px;
    background: url(../images/new/bag-icon.svg) no-repeat 0 0;
    -webkit-background-size: 13px 15px;
    background-size: 13px 15px;
}

.nav-user .icon-bag {
    background: none;
    fill: #000;
    stroke: #000;
}

.nav-user .icon-bag:hover {
    fill: #16b5a2;
    stroke: #16b5a2;;
}

.nav-user .icon-bag span {
    display: block;
}

.nav-user .icon-search {
    background: none;
    fill: #000;
    cursor: pointer;
}

.nav-user .icon-search:hover {
    fill: #16b5a2;
}

.nav-user .icon-bag span {
    position: absolute;
    left: 100%;
    top: 3px;
    margin-left: 6px;
    padding-top: 0;
    color: #000;
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
    font-weight: normal;
}

.nav-user .ico-me {
    margin-top: -2px;
}

.nav-user-alt {
    right: auto;
    left: 50px;
    padding-left: 0;
}

.nav-user {
    padding-left: 10px;
}

.nav-user > ul > li {
    position: relative;
    padding: 0px 10px 0;
    margin-left: 1px;
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
}

.nav-user > ul > li:last-child {
    padding-right: 0px;
}

.nav-user > ul > li > a {
    letter-spacing: normal;
    display: inline-block;
    font-family: Graphik;
    font-weight: normal;
    font-size: 12px;
    color: #000;
}

.nav-user > ul > li > span {
    margin-left: 12px;
}

.nav-user > ul > li > a:hover {
    text-decoration: none;
}

.nav-user .icon-rewards {
    top: 1px;
}

.nav-user .has-dropdown > span {
    display: block;
    margin: 0 -10px;
    padding: 0 10px 6px;
    border-bottom: 1px solid transparent;
}

.nav-user .has-dropdown.open,
.nav-user .has-dropdown:hover {
    background: #fff;
}

.nav-user .has-dropdown.open > span,
.nav-user .has-dropdown:hover > span {
    color: #000;
    border-bottom-color: #999;
}

.nav-user .has-dropdown.open .icon-rewards,
.nav-user .has-dropdown:hover .icon-rewards {
    background-position: 0 -181px;
}

.nav-user > ul > li:first-child {
    /*padding-top: 4px;*/
    /*margin-top: 16px;*/
}

a.signed-in-name:hover {
    color: black;
}

.nav-user .has-dropdown.open .dropdown,
.nav-user .has-dropdown:hover .dropdown,
.nav-user-rewards .has-dropdown:hover .dropdown,
.nav-user-rewards .has-dropdown:hover .dropdown-rewards {
    display: block;
}

.dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    background: #fff;
}

.dropdown-nav:before {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    border-top: 1px solid #ececec;
    content: '';
}

.dropdown .shell {
    overflow: visible;
    width: 1040px;
}

.dropdown .shell:after {
    content: '';
    display: table;
    clear: both;
}

.nav .dropdown {
    width: 100%;
    padding: 61px 0 0;
    overflow: hidden;
    margin-top: -30px;
}

.nav .dropdown .callouts {
    float: right;
}

.nav .dropdown .links {
    float: left;
    padding-left: 30px;
}

.nav .dropdown .callouts .callout-image {
    margin-bottom: 20px;

}

.nav .dropdown .callouts .callout-image img {
    width: 240px;
    height: 290px;
}

/*.nav .dropdown .links-help {*/
/*letter-spacing: 0.1em;*/
/*}*/

.nav .dropdown .callouts a {
    font-family: FreightBig;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.15;
    color: #000;
}

.nav .dropdown .callouts a:hover {
    /*text-decoration: none;*/
    /*color: #b4975d;*/
}

.nav .dropdown .callouts a:hover .arrow {
    border-color: transparent transparent transparent #b4975d;
}

.nav .dropdown .callouts .text-callout {
    padding: 10px 0;
    display: block;
}

.nav .dropdown .callouts .more-callout {
    padding: 9px 0;
    position: relative;
}


.nav .dropdown .callouts .more-callout:hover:after {
    border-color: #fcc142 transparent transparent transparent;
}

.nav .dropdown .callouts .more-callout .arrow.arrow-black-right {
    margin-left: 3px;
}

.nav #shop .dropdown .callouts .more-callout {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.2px;
}

.has-dropdown.sign-up .signed-in-name {
    line-height: 20px;
}

.has-dropdown.sign-up:hover .signed-in-name {
    color: #16b5a2;
}

.dropdown-signed-up {
    left: -80px;
    top: 20px;
    min-width: 250px;
    padding-top: 30px;
    color: #000;
    z-index: 150;
}

.dropdown-signed-up .user-name {
    font-size: 14px;
    color: #16b5a2;
    font-weight: 500;
}

.dropdown-signed-up .my-account-link {
    font-family: FreightBig;
    font-weight: 300;
    font-size: 25px;
    color: #000000;
}

.dropdown-signed-up .wrap {
    padding: 25px 15px 15px;
    border: 1px solid #ececec;
}

.dropdown-signed-up .btn-green {
    width: 130px;
    border: 1px solid #e0e0e0;
    height: 40px;
    line-height: 40px;
}

.dropdown-signed-up ul {
    overflow: hidden;
    padding: 20px 0 27px;
}

.dropdown-signed-up li {
    float: left;
}

.dropdown-signed-up li + li {
    float: right;
}

.dropdown-signed-up li a {
    color: #b4975d;
    text-transform: uppercase;
    letter-spacing: 0;
}

.dropdown-signed-up li a:hover {
    color: #000;
    text-decoration: none;
}

.dropdown-autosuggest {
    width: 174px;
    padding: 6px 8px 7px;
}

.dropdown-autosuggest ul {
    list-style: none outside none;
}

.dropdown-autosuggest li {
    padding-bottom: 3px;
    font-size: 11px;
}

.nav-user .dropdown-basket {
    padding: 30px 0 0;
    overflow: hidden;
    margin-top: -22px;
}

.dropdown-basket {
    z-index: 1001;
    left: auto;
    right: -30px;
    width: 360px;
    top: 38px;
}

.nav-user .dropdown-search {
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: 56px 50px 30px 50px;
    overflow: hidden;
    margin-top: -30px;
    z-index: 1001;
    position: fixed;
    top: 142px;
    left: unset;
    right: 0px;
    background: #fff;
    border-bottom: solid 1px #ececec;
}

.nav-user .dropdown-search:before {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    border-top: 1px solid #ececec;
    content: '';
}

.dropdown-basket .product-unique {
    padding: 50px 0px;
    margin: 0 25px;
    font-family: Graphik;
    font-weight: normal;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: center;
    color: #222222;
    border-top: 1px solid #e1e1e1;
}

.dropdown.dropdown-search {
    overflow: visible;
}

.dropdown-basket .product-unique a {
    color: black;
}

.dropdown-basket-wrapper {
    border: solid 1px #ececec;
}

.basket-head {
    padding: 0 45px;
    text-align: center;
}

.basket-head .bordered-text {
    font-size: 11px;
    color: #000;
    letter-spacing: 0;
}

.basket-head .bordered-text .text {
    padding: 25px 0;
    text-transform: none;
}

.basket-head h3 {
    font-size: 17px;
    color: black;
    letter-spacing: 1px;
    font-family: Graphik;
}

.basket-body {
    padding: 0 25px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.basket-body .table-products {
    color: #222222;
    font-weight: 500;
}

.basket-body .table-products p {
    font-family: FreightBig;
    font-size: 25px;
    font-weight: 300;
    line-height: 1.2;
    padding: 25px 0px;
}

.basket-body .table-products tr td:nth-child(2) {
    padding-left: 15px;
}
.basket-body .table-products tr:nth-child(even) td:first-child {
    padding-left: 15px;
    padding-bottom: 12px;
}

.basket-body .table-products tr:nth-child(odd) td {
    border-top: 1px solid #e1e1e1;
}

.basket-body .table-products tr:nth-child(odd) td {
    padding-top: 13px;
    color: #000;
}

.basket-body .table-products tr:nth-child(even) td {
    padding-top: 6px;
}

.basket-body .table-products h6 {
    padding-bottom: 6px;
    text-align: left;
}

.basket-body .table-products h6 a {
    color: #000;
    font-family: FreightDisplay;
    font-size: 16px;
    line-height: 1.25;
    text-align: left;
    color: #222222;
    font-weight: normal;
}

.basket-body .table-products .product-meta {
    padding: 0 0 6px 0;
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
    font-weight: normal;
}

.basket-body .table-products .qty {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: left;
    font-weight: normal;
}

.basket-body .table-products .card-price .price {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: left;
    font-weight: 500;
}

.basket-body .table-products .product-content {
    text-align: left;
}

.basket-body .table-products .total-price {
    font-size: 13px;
    font-weight: 900;
}

.basket-foot {
    overflow: hidden;
    padding-top: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: solid 1px #e1e1e1;
}

.basket-total {
    width: 310px;
    color: #000;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
}

.basket-total span {
    float: left;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.35);
    letter-spacing: normal;
}

.basket-total .price {
    float: right;
    font-weight: 500;
    color: black;
}

.basket-actions {
    clear: both;
    overflow: hidden;
    padding-top: 25px;
    width: 100%;
}

.basket-actions a {
    color: #000;
}

.basket-actions a:hover {
    text-decoration: none;
}

.basket-actions .btn-green {
    margin: 0 auto;
    width: 320px;
}

.basket-actions .btn-green:hover {
    border: solid 1px #3c478f;
    color: #000;
}

.basket-actions .btn-continue {
    background-color: #fcfcfc;
    border-top: solid 1px #ececec;
    display: block;
    padding: 21px 0px 21px;
    width: 100%;
    text-transform: none;
    margin-top: 20px;
    font-family: Graphik;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: 0.2px;
}

.basket-actions .btn-continue:hover {
    color: #000;
}

.basket-actions .btn-continue:after {
    content: '';
    display: block;
    position: absolute;
    left: 115px;
    width: 120px;
    height: 20px;
    border: solid 1.5px;
    border-color: #ffc7b8 transparent transparent transparent;
    border-radius: 50%/9px 0px 0 0;
}

.basket-actions .btn-continue:hover:after {
    border-color: #fcc142 transparent transparent transparent;
}

.nav-user-rewards .has-dropdown > a {
    color: white;
}

.dropdown-rewards {
    z-index: 1001;
    width: 410px;
    right: 0 !important;
    padding: 10px 25px 20px 30px;
    font-size: 13px;
    color: #000;
    font-weight: normal;
    letter-spacing: 0;
    text-align: center;
    border: solid 1px #ececec;
    display: none;
    position: absolute;
    top: 100%;
    background: #fff;
}

.dropdown-rewards h4 {
    padding-bottom: 12px;
    font-size: 13px;
    line-height: 1.25;
}

.dropdown-rewards span {
    color: #16b5a2;
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;

}

.dropdown-rewards h2 {
    font-family: FreightBig;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.15;
}

.dropdown-rewards p {
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
    width: 240px;
    margin: 0 auto;
    padding-top: 10px;
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.83;
}

.dropdown-rewards .how p{
    width: auto;
}

.dropdown-rewards .progress {
    margin: 0 auto;
}

.dropdown-rewards .how h6 {
    font-family: Graphik;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.15;
}

.dropdown-rewards .actions {
    display: flex;
    justify-content: space-between;
}

.dropdown-rewards .actions a ~ a {
    margin-left: 25px;
}

.dropdown-rewards .btn-white {
    width: 180px;
}

.dropdown-rewards .btn-white.large {
    width: 260px;
}

.reward-points-total {
    padding: 10px 0 20px;
    font-size: 10px;
    text-transform: uppercase;
}

.reward-points-total h4 {
    padding-bottom: 0;
    font-family: 'Syncopate', sans-serif;
    font-size: 15px;
}

.reward-points-total h4 strong {
    font-family: 'Syncopate Bold', sans-serif;
    font-weight: normal;
}

.reward-points p {
    padding-bottom: 8px;
}

.progress {
    padding-bottom: 16px;
    max-width: 335px;
    line-height: 1.0;
}

.progress .points-label {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.25;
    text-align: right;
    color: #000000;
}

.progress-bar {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 275px;
    height: 10px;
    background-color: #ffffff;
    border: solid 1px #ececec;
    vertical-align: middle;
    position: relative;
}

.progress strong {
    padding-left: 6px;
    vertical-align: middle;
}

.progress-bar-inner {
    position: absolute;
    top: 0;
    height: 10px;
    background-color: #ffc7b8;
}

/*.header-content .nav-user a,*/
/*.header-content .nav > ul > li > a span,*/
/*.header-content .nav > ul > li > a {*/
/*font-weight: 300;*/
/*}*/

/* ==========================================================================
 * 	#Modals
 * 	========================================================================== */
.modal {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
    width: 500px;
    padding: 55px 50px 40px;
    border-bottom: 3px solid #cbae7c;
    background: #fff;
}

.modal-image {
    float: left;
    padding-right: 40px;
}

.modal-entry {
    overflow: hidden;
    padding-top: 26px;
}

.close {
    position: absolute;
    top: 20px;
    right: 25px;
    font-size: 11px;
    z-index: 4;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.close:hover {
    text-decoration: none;
}

.form-modal-email h2,
.form-modal-email h3 {
    font-family: 'Graphik', sans-serif;
}

.form-modal-email h2 {
    padding-bottom: 8px;
    font-size: 22px;
}

.form-modal-email h3 {
    padding-bottom: 13px;
    font-size: 18px;
}

.form-modal-email .form-head a {
    color: #000;
}

.form-modal-email .field {
    width: 170px;
    padding: 7px 9px 8px;
    font-size: 13px;
    color: #d2d2d2;
    letter-spacing: 0;
}

.form-modal-email .form-row {
    overflow: hidden;
}

.form-modal-email .form-controls,
.form-modal-email .form-actions {
    float: left;
}

.form-modal-email .form-actions {
    padding-left: 4px;
}

#newsletter_popup_form .error-msg {
    min-height: 20px;
}

/* ==========================================================================
 * 	#Banner
 * 	========================================================================== */
.banner {
    position: relative;
    display: flex;
    align-items: center;
}

.banner-image {
    height: 409px;
}

.banner .text-left {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 80px;
    text-align: center;
}

.banner .text-left h2 {
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.banner .text-left p {
    margin-top: 19px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
}


.banner-text {
    position: absolute;
    top: 43px;
    left: 57px;
    width: 360px;
}

.banner-text.float-right {
    right: 57px;
    left: initial;
}

.banner-text h2 {
    padding-bottom: 3px;
    font-size: 36px;
    letter-spacing: 5px;
}

.banner-text h5 {
    padding-bottom: 10px;
    font-weight: normal;
}

.banner-about {
    font-size: 16px;
    line-height: 1.45;
    color: #fff;
}

.banner-about a {
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.banner-about a:hover {
    text-decoration: none;
}

.banner-about p {
    display: none;
    padding-top: 10px;
}

.banner-about.expanded .icon-plus-white {
    background-position: -123px -212px;
}

.banner-alt .banner-text {
    top: 80px;
    left: 50%;
    width: 300px;
    margin-left: 55px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.banner-alt .banner-text p {
    font-size: 9px;
}

.banner-alt .banner-text h2 {
    font-size: 60px;
    letter-spacing: 10px;
}

.banner-alt .banner-text .border {
    background: #fff;
}

.banner-alt .title {
    display: block;
    padding-bottom: 15px;
}

.banner-alt .title strong {
    font-family: 'Syncopate', sans-serif;
}

.banner-video .video {
    display: none;
}

.banner-video .video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.banner-video .video object,
.banner-video .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ==========================================================================
 * 	#Intro
 * 	========================================================================== */
.intro {
    background: #000;
}

.intro .shell {
    position: relative;
    overflow: hidden;
}

.intro-text {
    position: absolute;
    left: 55px;
    top: 50%;
    width: 363px;
    color: #fff;
}

.intro-image {
    float: right;
    width: 630px;
    padding-right: 73px;
}

.intro .title-bordered {
    background-image: url(../images/product-title-white.png);
}

/* ==========================================================================
 * 	#Links
 * 	========================================================================== */
.links {
    margin-bottom: 20px;
    text-align: left;
    overflow: visible;
}

.links:after {
    content: '';
    display: table;
    clear: both;
}

.links h3 {
    padding-bottom: 7px;

    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
}

.site-map .links h3 {
    margin-top: 30px;
}

.links ul {
    list-style: none outside none;
}

.links ul:hover li {
    color: #000;
}

.links li {
    padding-bottom: 0;
}

.links a {
    font-family: Graphik;
    font-size: 14px;
    line-height: 2.0;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
}

.links a:hover {
    text-decoration: none;
    color: #16b5a2;
}

.link-col {
    float: left;
    width: 240px;
}

.site-map .link-col {
    float: left;
    width: 16.6%;
    box-sizing: border-box;
}

.link-col ~ .link-col {
    padding-left: 22px;
}

.links h5 {
    margin-bottom: 14px;
    font-family: 'Graphik', sans-serif;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 600;
    color: #b49759;
}

.links-help {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0.2px;
    clear: both;
    position: relative;
    padding: 12px;
    background-color: #ffc7b8;
    box-shadow: 0 1px 0 0 #ececec, 0 -1px 0 0 #ececec;
    margin-top: 20px;
    color: #000;
    transform: translateY(0);
}

.links-help a {
    font-weight: 500;
    font-size: 12px;
    color: #000;
    letter-spacing: 0;
}

.links-help:after,
.links-help:before {
    position: absolute;
    top: 0px;
    bottom: -1px;
    width: 9999px;
    box-shadow: 0 1px 0 0 #ececec, 0 -1px 0 0 #ececec;
    background: #ffc7b8;

    content: '';
}

.links-help:after {
    left: 100%;
}

.links-help:before {
    right: 100%;
}

/* ==========================================================================
 * 	#Callouts
 * 	========================================================================== */
/*.callouts ul {*/
/*list-style: none outside none;*/
/*}*/

/*.callouts li {*/
/*position: relative;*/
/*}*/

/*.callouts li + li {*/
/*margin-top: 12px;*/
/*}*/

/*.callout-text {*/
/*position: absolute;*/
/*top: 42px;*/
/*left: 45px;*/
/*}*/

/*.callout-text h4 {*/
/*padding-bottom: 8px;*/
/*font-family: 'Lato', sans-serif;*/
/*font-size: 15px;*/
/*color: #fff;*/
/*letter-spacing: 1px;*/
/*}*/

/*.callout-text a {*/
/*font-size: 11px;*/
/*text-transform: uppercase;*/
/*letter-spacing: 2px;*/
/*}*/

/*.callout-text a:hover {*/
/*color: #fff;*/
/*text-decoration: none;*/
/*}*/

/* ==========================================================================
 * 	#Featured Boxes
 * 	========================================================================== */
.row {
    overflow: hidden;
}

.row.clearfix {
    overflow: visible;
}

.featured-col {
    float: left;
    width: 50%;
}

.featured-box {
    position: relative;
    float: left;
}

.featured-box .icon-play {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -55px 0 0 -55px;
    opacity: 0;
    filter: alpha(opacity:0);
}

.featured-box:hover .icon-play {
    opacity: 100;
    filter: alpha(opacity:100);
}

.featured-box-text {
    position: absolute;
    top: 70px;
    width: 100%;
    text-align: center;
}

.featured-box-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 30%;
    background: url(../images/overlay.png) 0 0 repeat;
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.featured-box-overlay p {
    padding: 0 0 29px;
    line-height: 1.5;
}

.featured-box-overlay-inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
}

.fade {
    opacity: 0.9;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
    opacity: 1;
}

.scale-image {
    overflow: hidden;
}

.scaled-image {
    transition: 0.8s all;
}

.scale-image:hover .scaled-image {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

}

.wrapper {

    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
}

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

/* Firefox */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}



/* Opera */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.featured-box-product {
    position: relative;
    width: 50%;
}

.featured-box-product .featured-box-image img {
    width: 100%;
    height: auto;
}

.featured-box-product .featured-box-text p {
    font-size: 27px;
    line-height: 1.25;
    font-weight: 300;
}

.featured-box-product .title {
    padding-bottom: 34px;
}

.featured-box-test .featured-box-image {
    height: 532px;
}

.featured-box-test {
    float: none;
    overflow: hidden;
}

.featured-box-test .title-alt {
    padding-bottom: 13px;
}

.featured-box-test .title-alt h3 {
    letter-spacing: 10px;
}

.featured-box-test p {
    font-size: 15px;
    color: #fff;
}

.featured-box-test .featured-box-text {
    width: 350px;
    left: 50%;
    margin-left: -175px;
}

.featured-box-test .actions {
    padding-top: 10px;
}

.featured-box-best-sellers {
    float: right;
}

.featured-box-tips {
    float: none;
    overflow: hidden;
}

.featured-box-tips .featured-box-image {
    height: 689px;
}

.featured-box-tips .featured-box-text {
    top: 145px;
    left: 50%;
    width: 388px;
    height: 294px;
    padding: 92px 0 0 0;
    margin-left: 35px;
    background: url(../images/featured-tips-text.png) 0 0 no-repeat;
}

.featured-box-tips .featured-box-text p {
    font-size: 23px;
    color: #b4975d;
    font-weight: 300;
}

.featured-box-tips .title-alt h2 {
    letter-spacing: 5px;
}

.featured-box-tips .title-alt h2:first-child {
    letter-spacing: 20px;
}

.featured-box-tips .actions {
    padding-top: 17px;
}

.featured-box-membership .featured-box-text {
    top: 50%;
    padding: 40px 0 50px;
    margin-top: -65px;
    background: url(../images/overlay.png) 0 0 repeat;
}

.featured-box-introducing {
    float: none;
    height: 661px;
    padding-top: 85px;
}

.featured-box-introducing .title h2 {
    padding-bottom: 4px;
    font-family: 'Syncopate', sans-serif;
    font-size: 38px;
    letter-spacing: 3px;
}

.featured-box-introducing .title h2 span {
    display: block;
    font-family: 'Syncopate Bold', sans-serif;
    letter-spacing: 7px;
}

.featured-box-introducing .bordered-text .text {
    font-family: 'Syncopate Bold', sans-serif;
    font-size: 12px;
}

.featured-box-introducing .bordered-text .text small {
    font-family: 'Lato', sans-serif;
    font-size: 19px;
    font-weight: 300;
    text-transform: none;
}

.featured-box-introducing .gold-white-title {
    padding-top: 25px;
}

.featured-box-introducing .gold-white-title h4 {
    color: #000;
}

.featured-box-introducing .featured-box-overlay .gold-white-title h4 {
    color: #fff;
}

.featured-box-introducing .featured-box-text {
    top: 180px;
    right: 160px;
    width: auto;
}

.featured-box-introducing .featured-box-text .gold-white-title a {
    color: #000;
}

.featured-box-introducing .featured-box-image {
    padding-left: 107px;
}

.featured-box-introducing .shell {
    position: relative;
    overflow: hidden;
}

.featured-box-half,
.featured-box-big {
    float: none;
}

.featured-box-half .featured-box-image {
    height: 399px;
}

.featured-box-big .featured-box-image {
    height: 798px;
}

/* ==========================================================================
 * 	#Section Quote
 * 	========================================================================== */
.section-quote .shell,
.section-quote-image {
    position: relative;
}

.section-quote .quote-image .author,
.section-quote .quote-text {
    position: absolute;
}

.section-quote {
    background: #000;
    clear: both;
}

.section-quote .quote-image {
    left: -40px;
}

.section-quote .author {
    top: 100px;
    left: 60px;
}

.section-quote .author span {
    display: block;
    padding-bottom: 4px;
    color: #f5f5f5;
}

.section-quote .author em {
    color: #9b9b9b;
}

.quote-text {
    top: 50%;
    right: 85px;
    width: 540px;
    text-align: center;
}

.quote-text blockquote {
    font-family: 'Graphik', sans-serif;
    font-size: 23px;
    line-height: 1.26;
    color: #b4975d;
    text-transform: uppercase;
}

.quote-text blockquote p {
    padding-bottom: 12px;
}

.quote-text blockquote span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    top: 22px;
    font-family: 'Lato', sans-serif;
    font-size: 52px;
    line-height: 0;
    color: #fff;
    font-weight: 300;
}

.erno-sign {
    padding-bottom: 20px;
}

.quote-text .author {
    padding-top: 8px;
    letter-spacing: 1px;
}

.quote-text .author span {
    font-weight: 300;
}

.section-quote-alt .erno-sign {
    padding-top: 20px;
}

.box .quote-text {
    width: auto;
    padding: 35px 50px 0;
}

.box .quote-text .erno-sign {
    padding-top: 32px;
}

.box .quote-text blockquote span {
    color: #000;
}

.box .gold-white-title h4 span {
    color: #000;
}

.box .gold-white-title a:hover span {
    border-color: #000;
}

/* ------------------------------------------------------------ *\
 * 	Tabs-Product-Review
 * 	\* ------------------------------------------------------------ */

.tabs-product-review .tab:first-of-type {
    padding-bottom: 69px;
}

.tabs-product-review .tab:last-of-type {
    padding-bottom: 83px;
}

.tabs-product-review .tabs-nav {
    border-bottom: 1px solid #b2b3b5;
}

.tabs-product-review .tabs-nav ul:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.tabs-product-review .tabs-nav li {
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
}

.tabs-product-review .tabs-nav li.current:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #222222;
    content: '';
}

.tabs-product-review .tabs-nav h4 {
    font-family: 'Graphik', sans-serif;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.86;
}

.tabs-product-review .tabs-nav a {
    display: block;
    padding: 30px 0;
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: rgba(34, 34, 34, 0.25);
}

.tabs-product-review .tabs-nav li.current a,
.tabs-product-review .tabs-nav a:hover {
    text-decoration: none;
    color: #222222;
}

.tabs-product-review .tab {
    display: none;
}

.tabs-product-review .tab.current {
    display: block;
    padding-top: 39px;
}

.tabs-product-review .btn {
    background: none;
    border: none;
    color: #000;
    border: 1px solid #000;
    width: 274px;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    line-height: 61px;
    height: 61px;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.tabs-product-review .btn:hover {
    color: #b19459;
    border-color: #b19459;
}

.tabs-product-review .btn span {
    position: relative;
}

.tabs-product-review .btn span:after {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: -10px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 3px 0 3px;
    border-color: #000 transparent transparent transparent;
}

/* ------------------------------------------------------------ *\
 * 	Product-Rating-Primary
 * 	\* ------------------------------------------------------------ */

.product-rating-inline div {
    display: flex !important;
    justify-content: center;
}

.product-rating-primary {
    text-align: center;
    padding: 0 0 38px;
}

.product-rating-primary h4 {
    font-size: 18px;
    line-height: 1.44;
    margin: 10px 0;
}

.product-rating-primary .list-rating li {
    display: inline-block;
    margin: 0 7px;
}

/* ------------------------------------------------------------ *\
 * 	Product-rating secondary
 * 	\* ------------------------------------------------------------ */

.product-rating-secondary {
    display: inline-block;
    margin-right: 38px;
    margin-bottom: 23px;
}

.product-rating-secondary strong {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    letter-spacing: 0.1em;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 14px;
}

.product-rating-secondary .list-rating {
    display: inline-block;
}

.product-rating-secondary .list-rating li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2px;
}

/* ------------------------------------------------------------ *\
 * 	Review-Product
 * 	\* ------------------------------------------------------------ */

li.review-product {
    list-style-type: none;
}

.review-product {
    border-top: 1px solid #e1e1e1;
    padding: 34px 0 29px;
}

.review-product:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.review-product .review-product-aside {
    float: left;
    width: 34%;
    padding-left: 103px;
    box-sizing: border-box;
}

.review-product .review-product-aside h6 {
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.36;
    margin-bottom: 11px;
    text-transform: capitalize;
}

.review-product .review-product-aside .review-author {
    font-size: 14px;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    width: auto;
}

.review-product .review-product-content {
    float: left;
    width: 66%;
    padding-right: 100px;
    box-sizing: border-box;
    padding-top: 8px;
}

.review-product .review-product-content p {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Graphik', sans-serif;
    letter-spacing: 0.01em;
}

.review-product .review-product-content p a {
    color: #000;
}

.question-item .question-content p a,
.review-product .review-product-content p a {
    font-weight: 500;
}

/* ------------------------------------------------------------ *\
 * 	List-Questions
 * 	\* ------------------------------------------------------------ */

.list-questions {
    margin: 39px 0 42px;
}

/* ------------------------------------------------------------ *\
 * 	Question-Item
 * 	\* ------------------------------------------------------------ */

.question-item {
    border-top: 1px solid #e1e1e1;
    padding: 35px 0 4px;
}

.question-item:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.question-item .question-aside {
    float: left;
    width: 32%;
    padding-left: 101px;
    padding-top: 3px;
    box-sizing: border-box;
}

.question-item .question-aside h6 {
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.36;
    margin-bottom: 38px;
    text-transform: capitalize;
}

.question-item .question-content {
    float: left;
    width: 68%;
    padding-right: 116px;
    padding-top: 3px;
    box-sizing: border-box;
}

.question-item .question-content strong {
    display: block;
    margin-bottom: 33px;
    font-size: 14px;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
}

.question-item .question-content p {
    font-family: 'Graphik', sans-serif;
    font-size: 14px;
    line-height: 1.29;
    letter-spacing: 0.1em;
    padding-bottom: 31px;
}

.question-item .question-content p a {
    color: #000;
    font-weight: bold;
}

/* ==========================================================================
 * 	#Accordions
 * 	========================================================================== */
.accordion {
    border-top: 1px solid #e1e1e1;
}

.accordion-section {
    border-bottom: 1px solid #e1e1e1;
}

.accordion-head {
    position: relative;
    padding: 18px 24px 22px;
    cursor: pointer;
}

.accordion-head .icon-arrow-down {
    position: absolute;
    top: 23px;
    right: 4px;
    transition: 0.5s all;
}

.accordion-section.current .accordion-body {
    display: block;
}

.accordion-expanded .accordion-head .icon-arrow-down {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.accordion-body {
    display: none;
    padding: 0 0 25px 25px;
}

.accordion {
    border-top: 1px solid #e0e0e0;
}

.accordion .accordion-head {
    padding: 20px 6px 20px 0;
}

.accordion .accordion-head:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.accordion .accordion-head h6 {
    float: left;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.36;
}

.accordion .accordion-head:hover i,
.accordion .accordion-head:hover h6 {
    color: #16b5a2;
}

.accordion .accordion-head i {
    float: right;
}

.accordion .accordion-head i.fa-minus {
    display: none;
}

.accordion .accordion-head i.fa-plus {
    display: block;
}

.accordion .accordion-expanded .accordion-head i.fa-minus {
    display: block;
}

.accordion .accordion-expanded .accordion-head i.fa-plus {
    display: none;
}

.accordion .accordion-section {
    border-bottom: 1px solid #e0e0e0;
}

.accordion .accordion-body {
    padding-left: 0;
}

.accordion .accordion-body strong {
    font-size: 14px;
    line-height: 1.14;
    font-weight: 500;
    font-family: 'Graphik', sans-serif;
}

.accordion .accordion-body {
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.57;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.accordion .accordion-body p {
    font-size: 14px;
    line-height: 1.29;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    margin-bottom: 5px;
}

.accordion .accordion-body p:last-of-type {
    margin-bottom: 0;
}

.accordion .accordion-body iframe {
    margin-top: 20px;
    height: 260px;
}

.accordion .accordion-head h5 {
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.accordion .accordion-body iframe {
    width: 100%;
}

/* ------------------------------------------------------------ *\
 * 	Socials-Product-Share
 * 	\* ------------------------------------------------------------ */

.socials-product-share {
    text-align: center;
    padding-left: 140px;
}

.socials-product-share h5 {
    font-size: 12px;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
}

.socials-product-share li {
    display: inline-block;
    margin: 0 10px;
}

.socials-product-share a {
    color: #000;
    font-size: 20px;
}

.socials-product-share a:hover {
    color: #b19459;
}

/* ------------------------------------------------------------ *\
 * 	Product-Gallery
 * 	\* ------------------------------------------------------------ */

.product-gallery {
}

.product-gallery:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.product-gallery img {
    width: 100%;
    height: auto;
}

.product-gallery .gallery-thumbs {
    float: left;
    width: 15%;
    box-sizing: border-box;
    padding-left: 20px;
}

.product-gallery .gallery-thumb {
    /*margin-bottom: 53px;*/
    padding-bottom: 23px;
    padding-left: 10px;
    padding-right: 6px;
    position: relative;
}

/*.product-gallery .gallery-thumb.current:after {*/
/*position: absolute;*/
/*bottom: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*content: '';*/
/*height: 3px;*/
/*background: #b49759;*/
/*}*/

.product-gallery .gallery-big-image {
    float: left;
    margin-left: 100px;
    padding-top: 10px;
    width: 60%;
    min-height: 524px;
    height: 524px;
}

.product-gallery .gallery-big-image img {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.product-gallery .gallery-big-image.active {
    opacity: 0;
}

/* ==========================================================================
 * 	#Main
 * 	========================================================================== */

.container-main a:hover,
.container-campaign a:hover {
    text-decoration: none;
}

.container-main .products-featured-alt .products-featured-head a > span,
.container-main .arrow-black-right {
    margin-left: 3px;
}

.container-campaign h1,
.container-campaign h2,
.container-campaign h3,
.container-campaign h4,
.container-campaign h5,
.container-campaign h6,
.container-campaign .banner-shop .actions a,
.container-campaign .banner-shop p,
.container-campaign .banner-shop-wide-alt p {
    color: #000000;
!important;
}

.container-campaign .banner-shop-wide-alt .arrow-black-right {
    border-color: transparent transparent transparent #FFFFFF;
}

.container-campaign .banner-shop p {
    font-family: 'Graphik', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.container-campaign .banner-shop .actions a p {
    text-transform: none;
    font-weight: normal;
}

.container-campaign .banner-shop .actions p span {
    font-family: 'Graphik', sans-serif;
    font-size: 16px;
    line-height: 20px;
}

.container-campaign h6 span {
    border-bottom: none
}

.container-campaign .banner-text-inner h2.encorpada {
    padding-bottom: 0
}

.container-campaign .banner-shop-wide-alt .banner-text-inner {
    width: 560px;
}

.container-campaign .banner-shop-wide-alt .banner-text-inner .actions {
    width: 500px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
}

.container-campaign .banner-shop .actions {
    width: 350px;
}

.container-campaign .banner-shop {
    margin-bottom: 80px;
}

.container-campaign .main > .banner-shop:first-child {
    margin-bottom: 80px;
}

.container-campaign .banner-shop h6 {
    font-family: 'Graphik', sans-serif;
}

.container-main h1 {
    font-family: 'Graphik', sans-serif;
    font-size: 40px;
    line-height: 1.05;
    font-weight: normal;
}

.container-main h2 {
    font-size: 36px;
    line-height: 1.11;
}

.container-main h3 {
    font-size: 28px;
    line-height: 1.14;
}

.container-main h4 {
    font-size: 24px;
    line-height: 1.17;
    color: #000;
}

.container-main h5 {
    font-size: 16px;
    line-height: 1.25;
    color: #231f20;
}

.container-main h6 {
    font-size: 14px;
    line-height: 1.14;
}

.container-main .first-block h6,
.container-main .first-block h2,
.container-main .first-block .actions a {
    color: #000;
}

.container-main a.href-main {
    display: block;
}

.container-main a.href-main:hover {
    text-decoration: none !important;
}

.main {
    position: relative;
}

.main-secondary .main-body {
    padding: 30px 0 30px 218px;
}

.main-secondary .main-body-inner {
    padding: 0 25px;
    border-left: 1px solid #e1e1e1;
}

.main-secondary .main-body-inner-no-border {
    border-left: 0;
}

.gutter-top-0 {
    padding-top: 0;
}

.gutter-top-70 {
    padding-top: 0px;
}

.gutter-top-70 .breadcrumbs {
    position: absolute;
    top: 22px;
    left: 27px;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.gutter-top-70 .breadcrumbs a {
    color: #000
}

.gutter-top-70 .breadcrumbs {
    font-size: 10px;
    font-weight: 400;
    font-family: 'Graphik', sans-serif;
}

.gutter-top-70 .breadcrumbs strong {
    font-family: 'Graphik', sans-serif;
    font-weight: bold;
}

.main-head-dark {
    padding: 32px 0 18px;
    backface-visibility: visible;
}

.main-head-dark {
    background: #2b2a29;
    background: -moz-linear-gradient(top, #2b2a29 0%, #080707 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2a29), color-stop(100%, #080707));
    background: -webkit-linear-gradient(top, #2b2a29 0%, #080707 100%);
    background: -o-linear-gradient(top, #2b2a29 0%, #080707 100%);
    background: -ms-linear-gradient(top, #2b2a29 0%, #080707 100%);
    background: linear-gradient(to bottom, #2b2a29 0%, #080707 100%);
}

.main-head-dark .title {
    display: block;
    color: #fff;
}

.main-head-dark .border {
    background: #16b5a2;
}

.main-head-dark .bordered-text {
    font-size: 16px;
}

.main-head-dark .title h1 {
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 37px;
    letter-spacing: 5px;
}

.main-head-dark .title h1:first-child {
    letter-spacing: 20px;
}

.main-head-dark.scroll {
    padding-top: 12px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.main-head-dark.scroll .title {
    display: none;
}

.main-head {
    padding: 63px 0 16px 0px;
    border-bottom: solid 1px #ececec;

}

.main-head h1 {
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
}

.main-head span {
    color: #b4975d;
}

.main-inner {
    overflow: hidden;
}

.content-alt {
    overflow: hidden;
    margin: 0 auto;
}

.content-alt.overflow-visible {
    overflow: visible;
}

.content-alt.small {
    overflow: hidden;
    max-width: 800px;
    margin: 0 auto;
}

.content-alt.wide {
    max-width: 960px;
    padding-bottom: 70px;
}

.content-alt.wider {
    max-width: 1120px;
    padding-bottom: 47px;
}

.content-alt-head {
    padding: 63px 0px 16px;
    border-bottom: solid 1px #ececec;
}

.content-alt-head.contact {
    width: 560px;
}

.content-alt-head.center h1 {
    text-align: center;
}

.content-alt-head h1 {
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
}

.content-alt-body {
    padding: 13px 0 30px 0;
}

.content-alt-inner {
    min-height: 400px;
    position: relative;
}

.content-alt-inner a {
    color: black;
}

.content-alt-inner a:hover {
    color: #16b5a2;
}

.content-small {
    float: right;
    width: 700px;
}

.rewards.btn-underline {
    margin: 30px 0 60px;
}

.pagination {
    overflow: hidden;
    padding: 20px 0;
    border-top: 1px solid #e1e1e1;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.pagination span {
    display: block;
    width: 130px;
    margin: 0 auto;
    text-align: center;
}

.paging-prev {
    float: left;
}

.paging-next {
    float: right;
}

.nav-secondary {
    padding-top: 4px;
}

.nav-secondary ul {
    list-style: none outside none;
    text-align: center;
}

.nav-secondary li {
    display: inline-block;
    padding: 0 13px;
}

.nav-secondary a {
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
}

.nav-secondary .current a,
.nav-secondary a:hover {
    color: #b4975d;
    text-decoration: none;
}

.content {
    float: left;
    width: 850px;
}
.quadpay-col .content {
    width: auto;
}
#quadPayCalculatorWidget {
    min-height: 25px !important;
}
.content-head {
    overflow: hidden;
    padding-bottom: 17px;
    border-bottom: 1px solid #e1e1e1;
}

.content-head h2 {
    float: left;
    letter-spacing: 1px;
    font-family: FreightBig;
    font-size: 30px;
}

.content-head-actions {
    float: right;
}

.content-head .badges {
    float: right;
}

.content-head .badges img {
    margin: 0 12px;
}

.btn.no-bg {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000000;
    text-decoration: underline;
}

.btn.no-bg:hover {
    color: #b4975d;
}

.section {
    padding-bottom: 15px;
}

.section ~ .section {
    padding-top: 30px;
    border-top: solid 1px #ececec;
}

.section.no-border {
    border: none;
    padding-top: 15px;
}

.section-border .section-inner {
    background: url(../images/section-border.png) 0 0 repeat-y;
}

.cols {
    overflow: hidden;
}

.cols.clearfix {
    overflow: visible;
}

.col {
    float: left;
}

.col-1of2 {
    width: 340px;
}

.col-1of2 ~ .col-1of2 {
    padding-left: 140px;
}

.col-1of3 {
    width: 305px;
}

.col-1of3 ~ .col-1of3 {
    padding-left: 25px;
}

.col-wide {
    width: 675px;
}

.col-1of4 {
    width: 200px;
}

.col-1of4 ~ .col-1of4 {
    padding-left: 55px;
}

/* ==========================================================================
 * 	#Sidebars
 * 	========================================================================== */
.sidebar-secondary {
    padding: 27px 80px 19px;
    background: #fff;
    box-shadow: 0 0 1px 1px #ececec;
}

.sidebar-secondary h3 {
    padding-bottom: 6px;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    color: #b4975d;
    font-weight: 300;
    text-transform: none;
}

.sidebar-secondary ul {
    list-style: none outside none;
}

.sidebar-secondary li {
    padding-bottom: 8px;
    line-height: 1.2;
}

.sidebar-secondary ul a {
    font-size: 12px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Graphik', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
}

.sidebar-secondary .current > a,
.sidebar-secondary ul a:hover {
    color: #b4975d;
    text-decoration: none;
}

.sidebar-secondary .select {
    width: 142px;
}

.sidebar-secondary .select .selecter-options {
    width: 140px;
}

.sidebar-secondary .form-label {
    display: block;
    padding-bottom: 8px;
    font-size: 10px;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
}

.sidebar-secondary p {
    padding-bottom: 5px;
}

.sidebar-secondary-absolute {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.sidebar-secondary .checkbox ~ .checkbox {
    padding-top: 8px;
}

.sidebar-big {
    float: left;
    width: 425px;
}

.sidebar-expands {
    display: flex;
    justify-content: space-between;
}

.sidebar-expands .left {
    display: flex;
}

.sidebar-expands > span {
    font-family: FreightBig;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.3px;
    text-align: left;
    color: #222222;
    display: block;
    margin-right: 12px;

}

.catalog-category-view .container {
    overflow: visible;
}

.catalog-multi-filters .filter-by {
    font-family: FreightBig;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.3px;
}

#active-filters-wrapper {
    display: none;
}

#active-filters-wrapper.active {
    display: flex;
    justify-content: space-between;
    font-family: 'Graphik', sans-serif;
    font-size: 12px;
    letter-spacing: 0.2px;
    padding: 27px 80px 19px;
}

.column-left.active-filters-container {
    display: flex;
    flex-wrap: wrap;

}

.column-left.active-filters-container .active-filter {
    cursor: pointer;
    margin-right: 25px;
}

.column-left.active-filters-container .active-filter:after {
    content: '';
    display: inline-block;
    background: url(../images/new/x-close.svg) no-repeat 0 0;
    width: 6px;
    height: 6px;
    background-size: 5px 5px;
    color: white;
    margin-left: 5px;
}

.column-right.clear-all span {
    font-weight: 500;
    letter-spacing: 0.2px;
}

.column-right.clear-all span:hover {
    cursor: pointer;
}

.selecter .selecter-item.disabled {
    display: none;
}

.sidebar-expand.expanded .icon-plus {
    background: url(../images/arrow-up.svg) 0 0 no-repeat;
    background-size: 10px 10px;
}

.sidebar-expand.current .sidebar-expand-body {
    display: block;
}

.sidebar-expand {
    position: relative;
    padding: 3px 14px 0px;
}

.sidebar-expand .select a {
    display: block;
    color: black;
    padding: 10px 15px;
}

.sidebar-expand .select a:hover {
    background-color: #f7f7f7;
}

.sidebar-expand-head {
    cursor: pointer;
}

.sidebar-expand-head h3 i {
    margin-left: 9px;
}

.sidebar-expand-body {
    position: absolute;
    display: none;
    padding-bottom: 3px;
    z-index: 999;
    background-color: white;
    width: 250px;
    border: solid 1px #ececec;
    top: 46px;
    padding: 20px;
}

.left .sidebar-expand-body {
    left: -8px;
}

.right .sidebar-expand-body {
    left: -80px;
    width: auto;
    padding: 0px 0px;
}

.right .sidebar-expand-body .form-row {
    padding: 0px;
}

.sidebar-expand.expanded .sidebar-expand-body {
    display: block;
}

.sidebar-contacts {
    font-size: 12px;
}

.sidebar-contacts a {
    text-decoration: underline;
}

.sidebar-contacts a:hover {
    text-decoration: none;
}

.sidebar {
    float: right;
    width: 295px;
}

.sidebar-head {
    min-height: 25px;
    padding: 7px 0 20px;
    border-bottom: 1px solid #e1e1e1;
}

.sidebar-head h3 {
    letter-spacing: 1px;
    font-family: FreightBig;
    font-size: 25px;
}

.sidebar-section {
    padding: 25px 0;
}

.sidebar-section ~ .sidebar-section {
    border-top: 1px solid #e1e1e1;
}

.form-promo,
.form-promo form {
    overflow: hidden;
}

.form-promo .form-controls {
    float: left;
}

.form-promo .form-actions {
    float: right;
}

.form-promo .field {
    width: 178px;
}

.form-promo .btn-green {
    width: 75px !important;
}

.table-subtotal {
    font-size: 14px;
    font-weight: normal;
}

.table-subtotal td + td {
    text-align: right;
}

.table-subtotal tr + tr td {
    padding-top: 7px;
}

.table-subtotal .icon-rewards-small {
    margin: -4px 0 0 0;
}

.grand-total-head {
    padding-bottom: 12px;
    overflow: hidden;
}

.grand-total-head h3,
.grand-total-head span {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
}

.grand-total-head h3 {
    float: left;
}

.grand-total-head span {
    float: right;
}

.grand-total .icon-rewards-small {
    margin: 0;
    margin-top: -4px;
}

.grand-total p {
    padding-bottom: 0;
}

.grand-total small {
    padding-top: 13px;
    display: block;
    font-size: 10px;
    letter-spacing: 1px;
}

.become-member {
    font-weight: bold;
}

.become-member a {
}

.become-member .actions {
    padding-bottom: 25px;
}

.become-member .more-border a {
    font-family: 'Lato', sans-serif;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: 900;
}

.sidebar .contacts {
    line-height: 1.7;
}

.sidebar .contacts p {
    padding-bottom: 10px;
}

.sidebar .table-products {
    padding: 0;
}

.sidebar .table-products td {
    padding-top: 0;
}

.sidebar .table-products .product-title {
    padding-bottom: 5px;
}

.sidebar .table-products .product-total-price span {
    display: block;
    font-size: 11px;
}

.sidebar .table-products tr + tr .product-total-price {
    padding-top: 0;
}

.sidebar .table-products tr + tr td {
    padding-top: 15px;
}

.hidden {
    display: none;
}

.sidebar-secondary h3 {
    padding-bottom: 10px;
}

.sidebar-expand h3 {
    font-family: 'Graphik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
}

.sidebar-expand h3 i {
    font-size: 12px;
    font-weight: normal;
}

.sidebar-expand h3 i.fa-minus {
    display: none;
}

.sidebar-expand h3:hover,
.sidebar-expand.expanded h3 {
    color: #16b5a2;
}

.sidebar-expand.expanded h3 i.fa-minus {
    display: inline-block;
}

.sidebar-expand.expanded h3 i.fa-plus {
    display: none;
}

.sidebar-expand h3 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-family: 'Graphik', sans-serif;
    color: #000;
    margin-top: -5px;
}

.sidebar-expand h3 .minus {
    display: none;
}

.sidebar-expand.expanded h3 .minus {
    display: inline-block;
}

.sidebar-expand.expanded h3 .plus {
    display: none;
}

.checkbox label {
    font-family: 'Graphik', sans-serif;
    font-size: 12px;
    line-height: 1.33;
    font-weight: 500;
}

.selecter .selecter-selected {
    background: none;
    position: relative;
    font-family: 'Graphik', sans-serif;
    font-size: 12px;
    line-height: 1.33;
    font-weight: normal;
    line-height: 50px;
    height: 50px;
    letter-spacing: 0.1em;
    padding: 0 10px 0 15px;
    font-size: 12px;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    box-sizing: border-box;
}

.selecter .selecter-selected:after {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 10px;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #16b5a2 transparent transparent transparent;
    transition: all .2s;
}

.ship-us-only .selecter-selected {
    background: none;
    position: relative;
    font-family: 'Graphik', sans-serif;
    font-size: 12px;
    line-height: 1.33;
    font-weight: normal;
    line-height: 50px;
    height: 50px;
    letter-spacing: 0.1em;
    padding: 0 10px 0 15px;
    font-size: 12px;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    box-sizing: border-box;
    border: none;
}

.ship-us-only .selecter {
    display:none;
}

.selecter.open .selecter-selected:after {
    transform: rotate(180deg);
}

.help-start {
    font-size: 12px;
}

.help-start p a {
    color: #000;
    text-decoration: underline;
    font-family: 'Graphik', sans-serif;
    font-size: 12px;
    line-height: 1.33;
    font-weight: normal;
}

.help-start p, .help-start p a {
    font-size: 10px;
    font-family: 'Graphik', sans-serif;
    font-weight: 400;
}

.help-start p a:hover {
    color: #b19459;
}

.banner-text {
    width: 320px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Graphik', sans-serif;
    font-size: 12px;
    line-height: 1.33;
}

.banner-text h2 {
    padding-bottom: 15px;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    font-size: 36px;
    line-height: 1.17;
}

.banner-text h5 {
    font-size: 12px;
    font-family: 'Graphik', sans-serif;
    letter-spacing: 0.1em;
}

.banner-text.fixed-height {
    height: 242px
}

.banner-text-inner.float-left {
    position: absolute;
    right: 30%
}

.banner-text-inner.float-right {
    position: absolute;
    left: 150%;
}

.banner-text-inner.float-center {
    position: absolute;
    left: 85%
}

.banner-text-inner.v-middle {
    padding-top: 0 !important;
    top: 50%;
    transform: translateY(-50%);
}

@media (max-width: 1400px) {
    .banner-text-inner.float-left {
        right: 7vw;
    }
}

@media (max-width: 1100px) {
    .banner-text-inner.float-left {
        right: 8%;
    }

    .banner-text-inner.float-right {
        left: 126%;
    }
}

/* ==========================================================================
 * 	#Boxes
 * 	========================================================================== */
.boxes {
    position: relative;
    overflow: hidden;
    display: inline;
}

.press .boxes {
    display: block;
}

.boxes.clearfix {
    overflow: visible;
}

.boxes ~ .boxes {
    top: -1px;
}

.boxes ~ .boxes .box {
    border-top: 1px solid #ddd;
}

.boxes-no-border-left .box {
    border-left: 0;
}

.boxes-no-border-left .box ~ .box {
    border-left: 1px solid #ddd;
}

.box {
    position: relative;
    float: left;
    width: 25%;
    padding: 25px;
    border-left: 1px solid #ddd;
}

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

.box-wide {
    width: 50%;
}

.box-wide.box-3 {
    width: 75%;
}

.box-wide.box-4 {
    width: 100%;
}

.box {
    border-left: none;
}

.boxes .box.box-secondary {
    border: none;
}

.boxes .box.box-secondary:hover {
    border: none;
}

.boxes {
    padding-top: 50px;
    z-index: 1;
}

.boxes ~ .boxes .box {
    border-top: none;
}

.boxes .box.box-wide {
    border: none;
}

.boxes .box.box-wide iframe {
    margin-bottom: 30px;
}

.box-wide {
    width: 50%;
}

.box-wide.box-3 {
    width: 75%;
}

.box-wide.box-4 {
    width: 100%;
}

.box {
    border-left: none;
}

.boxes .box.box-secondary {
    border: none;
}

.boxes .box.box-secondary:hover {
    border: none;
}

/*Press boxes*/
.press .boxes {
    position: relative;
    overflow: hidden;
    display: inline;
}

.press .boxes {
    display: block;
}

.press .boxes.clearfix {
    overflow: visible;
}

.press .boxes ~ .boxes .box {
    border-top: 1px solid #ececec;
}

.press .boxes-no-border-left .box {
    border-left: 0;
}

.press .boxes-no-border-left .box ~ .box {
    border-left: 1px solid #ececec;
}

.press .box {
    position: relative;
    float: left;
    width: 25%;
    padding: 25px;
    border-left: 1px solid #ececec;
    height: 281px;
}

.press .box {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.press .boxes {
    padding: 0;
    background-color: white;
    border-bottom: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
}

/* ==========================================================================
 * 	#Product
 * 	========================================================================== */
.product {
    padding-bottom: 5px;
    text-align: center;
}

.product h6 {
    padding-bottom: 3px;
    letter-spacing: 1px;
}

.product .rate {
    padding-bottom: 4px;
}

.product p {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: center;
    color: #222222;
    font-weight: normal;
}

/*.product small {*/
/*font-size: 10px;*/
/*}*/

.product .actions {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
}

.product .product-points {
    position: absolute;
    top: 20px;
    left: 2px;
    z-index: 3;
}

.product .actions,
.product .product-points {
    opacity: 0;
    filter: alpha(opacity:0);
    transition: 0.3s all;
}

.product:hover .actions,
.product:hover .product-points {
    opacity: 100;
    filter: alpha(opacity:100);
}

.product-entry {
    position: relative;
}

.product-entry h6 a {
    color: #000;
}

.products {
    padding: 0px 55px 65px;
}

.product .actions {
    top: -87px;
}

.product .rate {
    padding: 10px 0;
}

.product .no-rate {
    padding: 18px 0;
}

.product .product-entry {
    top: 13px;
}

.product .actions .btn {
    background: none;
    border: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #000;
    padding: 17px 25px 17px;
    background: rgba(255, 255, 255, .5);
}

.product .product-points {
    top: 6px;
    left: 19px;
}

.product h6 {
    font-family: FreightDisplay;
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
    color: #222222;
    font-weight: normal;
}

.section-product .section-content .product-price {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    padding-bottom: 0;
}

.section-product .section-content .product-price small {
    font-size: 12px;
    line-height: 1.33;
    font-weight: 500;
    font-family: 'Graphik', sans-serif;
}

.section-product .section-content .btn-green.disabled + .form-row {
    padding-top: 10px;
}

/*.product-image a { display: block; }*/
.product-image img {
    width: auto;
    height: auto;
}

.product-img-box .product-image img {
    width: auto;
}

.product-points {
    font-size: 14px;
}

.section-giftcard .product-points {
    display: none;
}

/*.price { font-size: 11px; }
 * strong .price {font-size: 13px;}*/
.price-old {
    text-decoration: line-through;
}

.price-discount {
    color: #9e0039;
}

.main .banner {
    display: none;
}

.main .banner.show {
    display: block;
    margin-bottom: 2px;
}

.main .banner.show .banner-text {
    text-align: center;
}

.intro-category {
    text-align: center;
}

.intro-category .intro-entry {
    text-align: center;
    padding: 50px 0;
}

.small-req-text {
    padding-bottom: 7px;
    font-family: Graphik;
    font-size: 12px;
    line-height: 2.08;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.quickshop-boxes {
    display: block;
    width: 100%;
    position: relative;
}

.quickshop-box {
    display: none;
    position: relative;
    height: 500px;
    width: 100%;
    top: 1px;
    right: 1px;
    left: 1px;
    bottom: 1px;
    z-index: 4;
    background: #fff;
}

.quickshop-box .close {
    display: flex;
    align-items: center;
    right: 42px;
    font-size: 14px;
    text-transform: none;
}

.quickshop-box .x-close {
    margin-left: 7px;
}
.quickshop-box .form-product-add {
    border: 0;
    padding: 0;
}

.quickshop-boxes .product-details {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}

.quickshop-boxes .product-details-left,
.quickshop-boxes .product-details-right {
    position: absolute;
    top: 50%;
}

.quickshop-boxes .product-details-left {
    left: 28px;
    width: 275px;
}

.quickshop-boxes .product-details-right {
    right: 0;
}

.quickshop-box .product-details-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.quickshop-box .product-details-image img {
    height: 100%;
    width: auto;
}
.quickshop-box .product-description-head h3{
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
}

.quickshop-box .product-description-head p{
    font-family: Graphik;
    color: #16b5a2;
}

.quickshop-box .product-description-body h6{
    font-size: 14px;
}

.quickshop-box .product-description-body .more a{
    text-transform: none;
    font-size: 14px;
}
.products-featured {
    padding-bottom: 65px;
}

.products-featured-head {
    text-align: center;
}

.products-featured-head .border {
    background: #e1e1e1;
}

.products-featured-head .bordered-text {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    letter-spacing: 6px;
}

.products-featured-head h2 {
    letter-spacing: 5px;
    font-family: Graphik;
}

.products-featured-body .product-image img{
    width: 100%;
}

.products-featured-body .product-rating {
    padding: 10px 0px;
}

.container-main .products-featured h3 {
    color: #000;
}

.products-featured-body .product-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.products-featured-body .product-entry .actions-static .btn-green {
    margin-top: 20px;
    width: 150px;
}

#double-cleanse .banner, #powder-mask.banner {
    display: block;

}
#double-cleanse .banner, #powder-mask.banner .learn-bg  {
    border-bottom: solid 1px #ececec;
}

/* ------------------------------------------------------------ *\
 *     Section-Product
 *     \* ------------------------------------------------------------ */

.section-product {
    padding: 50px 0 50px;
    background-color: white;
    border-bottom: solid 1px #e0e0e0;
}

.section-product .shell {
    max-width: 1151px;
}

.section-product .shell:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.section-product .section-aside {
    float: left;
    width: 50%;
    padding-top: 13px;
}

.section-product .section-content {
    float: right;
    width: 41.2%;

}

.section-product .section-content h5 {
    margin-bottom: 7px;
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #16b5a2;
}

.section-product .section-content h3 {
    margin-bottom: 14px;
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
}

.section-product .section-content .product-price {
    font-family: Graphik;
    font-size: 20px;
    line-height: 1.1;
    text-align: left;
    color: #222222;
    padding-bottom: 0;
}

.section-product .section-content .product-price small {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.35);
    margin-left: 10px;
}

.section-product .section-content .product-rating {
    padding: 8px 0 8px;
}

.section-product .section-content .product-rating a {
    color: #a7a9ab;
    display: inline-block;
    font-size: 10px;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.section-product .section-content .product-rating a:hover {
    text-decoration: none;
    color: #b19459;
}

.section-product .section-content .list-rating {
    display: inline-block;
}

.section-product .section-content .list-rating li {
    display: inline-block;
    margin-right: 10px;
}

.section-product .section-content .product-rating .rate {
    float: left;
    width: 135px;
}

.section-product .section-content .product-rating .rate img {
    margin-right: 10px;
}

/*.section-product .section-actions { }*/

.section-product .section-actions > span {
    font-family: FreightBig;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.3px;
    text-align: left;
    color: #222222;
    margin-bottom: 6px;
    display: block;
}

.section-product .section-actions small {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    text-align: left;
    color: #000000;
    font-weight: normal;
    margin-top: 24px;
    display: block;
}

.section-product .section-actions small a {
    text-decoration: underline;
    color: #000;
}

.section-product .section-actions .col {
    float: left;
}

.section-product .section-actions .col-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.section-product .section-actions .col-size0 {
  width: 100%;
}

.section-product .section-actions .col-size1 {
    width: 16%;
}

.section-product .section-actions .col-size2 {
    width: auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.section-product .section-actions .col-size3 {
    width: 22%;
    padding-bottom: 18px;
}

.section-product .section-actions .btn-wishlist {
    min-width: 105px;
}

.section-product .section-actions .btn-green {
    width: 200px;
}

.section-product .section-actions .selecter-selected {
    line-height: 50px;
    height: 50px;
    letter-spacing: 0.1em;
    padding: 0 10px 0 15px;
    font-size: 12px;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    box-sizing: border-box;
}

.section-product .section-actions .qty {
    font-family: FreightBig;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.3px;
    margin-bottom: 7px;
    display: inline-block;
}

.section-product .cols {
    overflow: visible;
}

.section-product .section-actions .cols:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.section-product .accordion {
    margin-top: 35px;
}

.section-product .btn-cart:hover {
    color: #16b5a2;
}

.section-product .ernobundle-product-wrapper {
    background-color: #f7f7f7;
    border: solid 1px #ececec;
    text-align: center;
    padding: 17px 20px 22px;
    margin-top: 20px;
}

.section-product .ernobundle-product-wrapper .ernobundle-product-description {
    font-size: 15px;
    line-height: 1.67;
}

.section-product .section-actions .product-points-trigger {
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}

.section-product .section-actions .product-points-trigger:hover {
    color: #ffc7b8;
}

/* ------------------------------------------------------------ *\
 * 	Section-Product-Video
 * 	\* ------------------------------------------------------------ */

.section-product-video {
    padding: 51px 0;
    background-color: #fafafa;
}

.section-product-video .shell:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.player .vp-player-layout {
    top: 0 !important;
    bottom: 0 !important;
}

.section-product-video .shell {
    max-width: 1151px;
}
/* sectio*/
.section-product-video .section-aside {
    float: left;
    width: 28%;
}

.section-product-video .section-aside h1 {
    font-size: 32px;
    line-height: 1.25;
    letter-spacing: 0.2em;
    font-family: 'Graphik', sans-serif;
    margin-bottom: 11px;
}

.section-product-video .section-aside h4 {
    font-size: 18px;
    line-height: 1.44;
    font-family: 'Graphik', sans-serif;
    margin-bottom: 12px;
}

.section-product-video .section-content {
    float: right;
    width: 65.5%;
}

.section-product-video .section-content iframe {
    height: 440px;
}

/* ------------------------------------------------------------ *\
 * 	Section-Product-Information
 * 	\* ------------------------------------------------------------ */
.section-product-information {
    border-top: solid 1px #e0e0e0;
    border-bottom: solid 1px #e0e0e0;
}

.section-product-information .shell {
    max-width: 1184px;
}

/* ------------------------------------------------------------ *\
 * 	Section-Product-Featured
 * 	\* ------------------------------------------------------------ */

.section-product-featured {
    padding: 38px 0;
}

.section-product-featured .shell {
    max-width: 1184px;
}

.section-product-featured h4 {
    text-align: center;
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.section-product-featured .boxes {
    text-align: center;
    display: block;
}

.section-product-featured .boxes .box {
    display: inline-block;
    float: left;
    width: 25%;
}

.section-product-featured .product .price {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: center;
    color: #222222;

}

.section-product-featured .product-rating {
    padding-top: 15px;
}

/* ------------------------------------------------------------ *\
 * 	Bar-Product-Info
 * 	\* ------------------------------------------------------------ */

.bar-product-info {
    position: fixed;
    z-index: 10;
    left: 0;
    width: 100%;
    top: 94px;
    border-bottom: solid 1px #000;
    background: #fff;
    padding: 14px 0;
    visibility: hidden;
    opacity: 0;
}

.bar-product-info.visible {
    visibility: visible;
    opacity: 1;
}

.bar-product-info .shell {
    max-width: 1184px;
}

.bar-product-info .shell:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.bar-product-info .bar-aside {
    float: left;
    width: 50%;
}

.bar-product-info .bar-aside h3 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    font-size: 20px; /*font-size: 0.71vw;*/
    line-height: 1.18;
    font-weight: 500;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
}

.bar-product-info .bar-aside .gallery-thumb.current {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    width: 70px;
}

.bar-product-info .bar-aside .gallery-thumb.current img {
    width: 100%;
    height: auto;
    margin-left: 10px
}

.bar-product-info .bar-actions {
    float: right;
    width: 50%;
    text-align: right;
}

.bar-product-info .bar-actions .product-price {
    display: inline-block;
    vertical-align: middle;
}

.bar-product-info .bar-actions .product-price {
    font-size: 20px;
    font-weight: 500;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    padding-bottom: 0;
}

.bar-product-info .bar-actions .product-price small {
    font-size: 12px;
    line-height: 1.33;
    font-weight: 500;
    font-family: 'Graphik', sans-serif;
}

.bar-product-info .bar-actions .form-quantity {
    max-width: 104px;
    width: 104px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 63px;
}

.bar-product-info .bar-actions .form-quantity .selecter-selected {
    line-height: 51px;
    height: 51px;
    padding: 0 10px;
    font-size: 12px;
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
}

.bar-product-info .bar-actions .form-quantity .selecter-options {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

.bar-product-info .bar-actions .form-quantity .selecter-item {
    box-sizing: border-box;
}

.bar-product-info .bar-actions .btn-cart {
    padding: 0;
    line-height: 51px;
    height: 51px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Graphik', sans-serif;
    width: 272px;
    margin-left: 30px;
}

.bar-product-info .bar-actions .btn-cart:hover {
    color: #b19459;
}

/* ==========================================================================
 * 	#Product Details
 * 	========================================================================== */
.product-section {
    padding-bottom: 115px;
}

.product-section .border {
    background: #e1e1e1;
}

.product-details {
    position: relative;
    overflow: hidden;
    padding-bottom: 60px;
}

.product-details-left,
.product-details-right {
    position: relative;
    z-index: 1;
}

.product-details-left {
    float: left;
    width: 350px;
}

.product-details-right {
    float: right;
    width: 348px;
}

.product-details-right .socials {
    display: none;
}

.product-details-image {
    width: 550px;
    margin: 0 auto;
    text-align: center;
}

.product-details .video-holder {
    padding-bottom: 25px;
}

.product-details .video h4 {
    padding-bottom: 13px;
}

.product-details .video p {
    padding-bottom: 0;
}

.product-description-head {
    padding-bottom: 16px;
    border-bottom: 4px solid #000;
}

.product-description-head h3 {
    padding-bottom: 6px;
    font-size: 17px;
    letter-spacing: 4px;
}

.product-description-head p {
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    color: #b4975d;
}

.product-description-body {
    padding-top: 20px;
}

.product-description-body h6 {
    padding-bottom: 16px;
}

.form-product-add {
    padding: 20px 0 15px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e1e1e1;
    font-size: 14px;
    letter-spacing: 1px;
}

.form-product-add .form-row {
    overflow: hidden;
    padding-bottom: 15px;
}

.form-product-add .price {
    font-size: 15px;
}

.price-box, .special-price-box {
    display: inline;
}

.old-price,
.special-price-box .regular-box {
    text-decoration: line-through;
}

.special-price,
.special-box {
    color: #9e0039;
}

.product-entry .old-price,
.product-entry .special-price {
    font-size: 11px;
}

.config-options {
    padding-bottom: 15px;
}

.form-product-add small {
    font-size: 11px;
}

.form-product-add .field {
    width: 34px;
    padding: 6px 0 5px;
    text-align: center;
}

.form-product-add .form-label {
    display: inline-block;
    padding-right: 5px;
}

.form-product-add .product-points {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}

.form-product-add .icon-rewards-small {
    margin: -4px 0 0 0;
}

.form-product-add .link-black {
    color: #000;
}

.form-product-add .link-black + .link-black {
    padding-left: 10px;
}

.form-product-add .icon-plus {
    margin: -2px 6px 0 0;
}

.form-product-add .rate {
    display: inline-block;
    vertical-align: middle;
    margin: -4px 15px 0 0;
}

.form-email {
    padding-top: 8px;
}

.form-email .form-head p {
    padding-bottom: 13px;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}

.form-email .field {
    width: 190px;
    padding: 7px 9px 8px;
    font-size: 13px;
    color: #d2d2d2;
    letter-spacing: 0;
    text-align: left;
}

.form-email .form-row {
    overflow: hidden;
}

.form-email .form-controls,
.form-email .form-actions {
    float: left;
}

.form-email .form-actions {
    padding-left: 10px;
}

.description-more-content {
    display: none;
}

.description-more > a {
    font-size: 11px;
    text-transform: uppercase;
}

.description-more.expanded > a {
    display: none;
}

.product-videos {
    padding: 25px 0 40px;
    border-top: 1px solid #e1e1e1;
}

.product-videos h4 {
    padding-bottom: 30px;
    letter-spacing: 4px;
}

.product-videos h5 {
    padding-bottom: 10px;
    font-size: 12px;
}

.product-videos .video {
    padding-bottom: 25px;
}

.promo {
    position: relative;
}

.promo .promo-text {
    position: absolute;
    top: 55px;
    left: 15px;
    width: 300px;
    color: #000;
    text-transform: uppercase;
    text-align: center;
}

.promo .promo-text p {
    font-size: 9px;
}

.promo .promo-text h2 {
    font-size: 60px;
    letter-spacing: 10px;
}

.promo .promo-text .border {
    background: #000;
}

.promo .title {
    display: block;
    padding-bottom: 15px;
}

.promo .title strong {
    font-family: 'Syncopate', sans-serif;
    font-size: 20px;
}

.list-product-videos {
    overflow: hidden;
    list-style: none outside none;
    display: flex;
    justify-content: space-between;
}

.list-product-videos li {
    float: left;
    width: 540px;
    text-align: center;
}

.list-product-videos .promo-image img {
    max-height: 324px;
}

.recommended {
    padding-bottom: 17px;
}

.recommended h5 {
    padding-bottom: 5px;
    font-family: 'Syncopate', sans-serif;
}

.recommended p {
    padding-bottom: 10px;
}

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

.close-small {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.recommended-content {
    display: none;
}

.recommended.visible .toggle {
    display: none;
}


#quadPayCalculatorWidgetLearn {
    display: none;
}

#quadPayCalculatorWidgetLearn.active {
    display: block;
}

/* ==========================================================================
 * 	#Expert
 * 	========================================================================== */

#quadPayCalculatorWidgetLearn {
    display: none;
}

#quadPayCalculatorWidgetLearn.active {
    display: block;
}


.config-options .custom-config-options-selector {
    display: none;
}

.config-options .custom-config-options-selector + .selecter-selected {
    display: none;
}

.config-options .custom-config-options-selector ~ .selecter-options {
    display: flex;
    border: none;
    position: static;
    width: auto;
}

.config-options .custom-config-options-selector ~ .selecter-options .selecter-item {
    box-sizing: border-box;
    width: auto;
    height: 40px;
    min-width: 100px;
    border: solid 1px #c7c7c7;
    border-radius: 3px;
    margin-right: 10px;
    text-align: center;
}

.config-options .custom-config-options-selector ~ .selecter-options .selecter-item.disable {
     display: none;
 }

.config-options .custom-config-options-selector ~ .selecter-options .selecter-item.selected {
    color: #3c478f;
    border: solid 1px #3c478f;
}

.config-options .custom-config-options-selector ~ .selecter-options .selecter-item:hover {
    background: #ffffff;
    color: #3c478f;
    border: solid 1px #3c478f;
}

.custom-configurable-option-wrapper {
    margin-bottom: 15px;
}

.custom-selector-label {
    display: block;
    font-family: FreightBig;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.3px;
    color: #222222;
    padding-bottom: 7px;
}

.custom-selecter-options {
    display: flex;
    border: none;
    position: static;
    width: auto;
}

.custom-selecter-options .custom-selecter-item {
    box-sizing: border-box;
    width: auto;
    height: 40px;
    min-width: 100px;
    border: solid 1px #c7c7c7;
    border-radius: 3px;
    margin-right: 10px;
    text-align: center;
    padding: 8px 15px;
    font-size: 15px;
    display: block;
    font-family: 'Graphik';
    font-weight: normal;
    color: #000000;
}

.custom-selecter-options .custom-selecter-item.disable {
    display: none;
}

.custom-selecter-options .custom-selecter-item.selected {
    color: #3c478f;
    border: solid 1px #3c478f;
}

.custom-selecter-options .custom-selecter-item:hover {
    background: #ffffff;
    color: #3c478f;
    border: solid 1px #3c478f;
}


    /* ==========================================================================
 *       #Expert
 *           ========================================================================== */
.expert {
    padding: 0 0 25px 23px;
}

.expert .bordered-text {
    margin-bottom: 23px;
}

.expert-info {
    overflow: hidden;
    padding-bottom: 30px;
}

.expert-avatar {
    float: left;
    padding-right: 35px;
}

.expert-avatar img {
    border: 1px solid #ccc;
}

.expert-details,
.expert-details h5,
.expert-details h6 {
    font-size: 12px;
}

.expert-details {
    overflow: hidden;
    padding-top: 23px;
}

.expert-details h5 {
    padding-bottom: 3px;
    font-weight: 900;
}

.expert-details h6 {
    padding-bottom: 12px;
}

.expert-details p {
    padding-bottom: 0;
}

.expert-answers ul {
    list-style: none outside none;
}

.expert-answers li {
    position: relative;
    padding: 0 0 25px 35px;
}

.expert-answers li span {
    position: absolute;
    top: -3px;
    left: 0;
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 21px;
    color: #b4975d;
    text-transform: uppercase;
}

.is-helpful {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
}

.expert .actions {
    text-align: center;
}

.expert .actions small {
    display: block;
    padding-top: 10px;
    font-size: 11px;
}

.form-ask-expert {
    position: relative;
    padding: 40px 0 27px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 32px;
}

.form-ask-expert .form-body {
    padding-bottom: 10px;
}

.form-ask-expert .form-col {
    float: left;
    width: 190px;
}

.form-ask-expert .form-col ~ .form-col {
    float: right;
}

.form-ask-expert .field {
    width: 168px;
}

.form-ask-expert .select {
    width: 190px;
}

.form-ask-expert .selecter-options {
    width: 188px;
}

.form-ask-expert .radios > span {
    padding: 0 35px 0 9px;
    font-size: 11px;
    vertical-align: middle;
}

.form-ask-expert .textarea {
    width: 379px;
    height: 85px;
}

.form-ask-expert .form-actions {
    padding-bottom: 37px;
}

.form-ask-expert .close {
    top: -10px;
}

#expert-popup-question {
    width: 425px;
    margin-left: auto;
    margin-right: auto;
}

#expert-popup-question .close {
    top: 8px;
}

/* ==========================================================================
 * 	#Reviews
 * 	========================================================================== */
.reviews-head {
    overflow: hidden;
    padding-top: 11px;
}

.reviews-head .rating {
    float: left;
    line-height: 1.2;
}

.reviews-head .rate-big,
.reviews-head strong,
.reviews-head span {
    display: inline-block;
    vertical-align: middle;
}

.reviews-head .rate-big {
    padding-right: 8px;
}

.reviews-head .rating strong {
    padding-right: 10px;
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 35px;
}

.reviews-head .rating span {
    font-size: 11px;
    text-transform: uppercase;
}

.reviews-head .actions {
    float: right;
    padding-top: 6px;
}

.reviews-items {
    list-style: none outside none;
}

.review {
    overflow: hidden;
    padding: 30px 0;
}

.review ~ .review {
    border-top: 1px solid #e1e1e1;
}

.review-author {
    float: left;
    width: 175px;
    padding-top: 6px;
    font-size: 11px;
    letter-spacing: 1px;
}

.review-author h6 {
    padding-bottom: 16px;
}

.review-author dt,
.review-author h6 {
    font-weight: 900;
}

.review-author dt {
    padding-bottom: 3px;
    text-transform: uppercase;
}

.review-author dl {
    padding-bottom: 10px;
}

.review-author .dl-inline dt,
.review-author .dl-inline dd {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

.review-content {
    overflow: hidden;
    padding-left: 10px;
}

.review-rating {
    padding-bottom: 25px;
}

.review-rating ul {
    overflow: hidden;
    list-style: none outside none;
}

.review-rating li {
    float: left;
}

.review-rating li + li {
    padding-left: 15px;
}

.review-rating span,
.review-rating .rate {
    display: inline-block;
    vertical-align: middle;
}

.review-rating span {
    padding: 3px 4px 0 0;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.review-text {
    padding-bottom: 7px;
    letter-spacing: 1px;
}

.review-text h5 {
    padding-bottom: 15px;
}

.review .is-helpful {
    text-align: left;
}

.review .is-helpful p {
    padding-bottom: 0;
}

.review .is-helpful span {
    padding-left: 10px;
    font-size: 11px;
}

.no-reviews {
    padding-top: 40px;
    font-size: 18px;
    text-align: center;
}

.no-reviews p {
    padding-bottom: 22px;
}

#reviewsList li {
    display: none;
}

#questionsList li {
    display: none;
}

.hidden {
    display: none;
}

.form-write-review {
    position: relative;
    padding-bottom: 55px;
}

.form-write-review .form-foot {
    overflow: hidden;
    padding-top: 10px;
}

.form-write-review .form-cols {
    height: 250px;
}

.form-write-review .form-col {
    float: left;
    width: 250px;
}

.form-write-review .form-col ~ .form-col {
    float: right;
    width: 385px;
    padding-top: 17px;
}

.form-write-review .field {
    width: 228px;
}

.form-write-review .textarea {
    width: 363px;
    height: 67px;
}

.form-write-review .select {
    width: 250px;
}

.form-write-review .selecter-options {
    width: 248px;
}

.form-write-review .radios > span {
    padding: 0 35px 0 9px;
    font-size: 11px;
    vertical-align: middle;
}

.form-write-review .rates {
    overflow: hidden;
    padding-bottom: 10px;
    list-style: none outside none;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.form-write-review .rates li {
    float: left;
}

.form-write-review .rates li + li {
    padding-left: 60px;
}

.form-write-review .form-foot .form-row {
    float: left;
}

.form-write-review .form-actions {
    float: right;
}

.form-write-review .product .product-image img {
    width: auto;
    height: auto;
}

.form-write-review .product {
    padding: 30px 0 10px;
}

.custom-ratings span.star {
    cursor: pointer;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding-top: 3px;
    background: url(../images/star-off.png) 0px 0 no-repeat;
    background-size: 10px 10px;
}

.custom-ratings span.star.selected {
    background: url(../images/star-on.png) 0px 0 no-repeat;
    background-size: 10px 10px;
}

/* ==========================================================================
 * 	#Search Results
 * 	========================================================================== */
.search-results {
    padding: 30px 0 0;
}

.search-results-head {
    padding-bottom: 0;
}

.search-results-head h4 {
    padding-bottom: 14px;
    font-family: Graphik, sans-serif;
    font-size: 21px;
    font-weight: 500;
    text-transform: none;
}

.search-results-body {
    overflow: hidden;
    padding: 30px 25px 3px;
}

.number-of-results {
    padding-bottom: 13px;
    text-transform: uppercase;
}

.related-results strong {
    text-transform: uppercase;
}

/* ==========================================================================
 * 	#Advices
 * 	========================================================================== */
.advices {
    list-style: none outside none;
}

.advice {
    padding-bottom: 73px;
}

.advice .more-border {
    margin-top: -10px;
    text-align: center;
}

.advice .socials {
    padding-bottom: 37px;
    text-align: center;
}

.advice .socials a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.advice-media {
    padding-bottom: 30px;
    text-align: center;
}

.advice-text h3 {
    padding-bottom: 13px;
    letter-spacing: 5px;
}

.advice-text h5 {
    font-size: 12px;
    font-weight: 900;
}

.advice-text .bordered-text {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    letter-spacing: 0;
}

.advice-text .border {
    background: #e1e1e1;
}

.advice-text p {
    padding-bottom: 26px;
}

.advice-text-head {
    padding-bottom: 22px;
    text-align: center;
}

.advice-text-body {
    padding: 0 135px;
    line-height: 1.92;
}

.advice-text-body .read-more-text {
    display: none;
}

/* ==========================================================================
 * 	#Steps
 * 	========================================================================== */
body.cms-about .section-steps {
    padding: 75px 0 100px;
    background: #f8f8f8;
}

body.cms-about .section-steps .title-bordered {
    margin-bottom: 10px;
}

body.cms-about .steps {
    overflow: hidden;
    list-style: none outside none;
}

body.cms-about .step {
    position: relative;
    float: left;
    width: 268px;
    padding-bottom: 40px;
    text-align: center;
    height: 654px
}

body.cms-about .step ~ .step {
    margin-left: 50px;
}

body.cms-about .step .step-number {
    margin-bottom: 10px;
}

body.cms-about .step .step-title {
    padding-bottom: 20px;
}

body.cms-about .step .video {
    padding-bottom: 30px;
}

body.cms-about .step h6 {
    padding-bottom: 10px;
}

body.cms-about .step .actions {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

body.cms-about .step-text {
    text-align: left;
}

body.cms-about .step-title {
    display: inline-block;
}

body.cms-about .step-title .bordered-text {
    display: inline-block;
    width: 150px;
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 12px;
    color: #000;
}

body.cms-about .step-title .border {
    height: 2px;
    background: #000;
}

body.cms-about .step-title h3 {
    letter-spacing: 5px;
}

/* ==========================================================================
 * 	#Step Numbers
 * 	========================================================================== */
.step-number {
    display: inline-block;
    background: url(../images/numbers.png) 0 0 no-repeat;
}

.step-number-1,
.step-number-2,
.step-number-3,
.step-number-4 {
    width: 196px;
    height: 195px;
}

.step-number-1 {
    background-position: 0 0;
}

.step-number-2 {
    background-position: -196px 0;
}

.step-number-3 {
    background-position: -392px 0;
}

.step-number-4 {
    background-position: -589px 0;
}

.step-number-1-medium,
.step-number-2-medium,
.step-number-3-medium,
.step-number-4-medium {
    width: 245px;
    height: 243px;
}

.step-number-1-medium {
    background-position: -805px 0;
}

.step-number-2-medium {
    background-position: -799px -248px;
}

.step-number-3-medium {
    background-position: -805px -493px;
}

.step-number-4-medium {
    background-position: -805px -748px;
}

.step-number-1-big,
.step-number-2-big,
.step-number-3-big,
.step-number-4-big {
    width: 367px;
    height: 364px;
}

.step-number-1-big {
    background-position: 0 -213px;
}

.step-number-2-big {
    background-position: -398px -202px;
}

.step-number-3-big {
    background-position: -19px -623px;
}

.step-number-4-big {
    background-position: -407px -609px;
}

/* ==========================================================================
 * 	#Section Splashes
 * 	========================================================================== */
.section-splashes {
    position: relative;
    min-height: 568px;
    padding: 90px 0 0;
    background: #000 url(../images/section-splashes.jpg) center 0 no-repeat;
}

.section-splashes .section-text {
    width: 570px;
    padding-left: 55px;
    color: #fff;
}

.section-splashes .title-bordered {
    background-image: url(../images/product-title-white.png);
}

.section-splashes .section-text {
    overflow: hidden;
}

.section-splashes .section-text ul {
    float: left;
    width: 260px;
}

.section-splashes .section-text ul + ul {
    float: right;
}

.section-splashes .section-text li {
    padding-bottom: 2px;
}

.section-splashes .more-border {
    padding-top: 55px;
    text-align: center;
    clear: both;
}

.section-splashes .more-border a {
    color: #fff;
}

.section-splashes .more-border a:hover {
    color: #b4975d;
}

.section-splashes-popup {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/overlay.png) 0 0 repeat;
}

.section-splashes-popup .close {
    top: 57px;
    left: 50%;
    margin-left: 315px;
    color: #b4975d;
}

.section-splashes .video {
    width: 710px;
    margin: 0 auto;
}

.section-splashes .popup-inner {
    padding-top: 100px;
}

.section-splashes .icon-close {
    background-position: -103px -309px;
}

/* ==========================================================================
 * 	#Section Skins
 * 	========================================================================== */
.section-skins .section-head {
    padding: 55px 0 0;
    color: #fff;
    text-align: center;
}

.section-skins .section-head {
    background: #000000;
    background: -moz-linear-gradient(top, #000000 0%, #333333 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #333333));
    background: -webkit-linear-gradient(top, #000000 0%, #333333 100%);
    background: -o-linear-gradient(top, #000000 0%, #333333 100%);
    background: -ms-linear-gradient(top, #000000 0%, #333333 100%);
    background: linear-gradient(to bottom, #000000 0%, #333333 100%);
}

.section-skins .section-head .border {
    background: #1e1e1e;
}

.section-skins .section-head .title-bordered {
    padding-bottom: 0;
    margin-bottom: 25px;
    background: transparent;
}

.section-skins .section-head .title-bordered h2 {
    padding-bottom: 10px;
}

.skin-types {
    position: relative;
    width: 1075px;
    padding-top: 22px;
    margin: 0 auto;
}

.list-skin-types {
    position: absolute;
    top: 180px;
    left: 0;
    overflow: hidden;
    width: 100%;
    list-style: none outside none;
}

.list-skin-types li {
    float: left;
    width: 250px;
    text-align: right;
}

.list-skin-types li + li {
    padding-left: 145px;
}

.list-skin-types li:first-child {
    text-align: left;
}

.list-skin-types li:first-child + li {
    width: 280px;
    text-align: center;
}

.list-skin-types h5 {
    padding-bottom: 11px;
}

.list-skin-types h5 span {
    color: #b4975d;
}

.skin-types-nav {
    padding-top: 35px;
}

.skin-types-nav ul {
    text-align: center;
    list-style: none outside none;
}

.skin-types-nav li {
    display: inline-block;
    padding: 0 5px;
}

.skin-types-nav a {
    display: block;
    width: 215px;
    height: 96px;
    padding-top: 34px;
    background: #131313;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}

.skin-types-nav span {
    display: block;
    padding-top: 20px;
}

.skin-types-nav a:hover,
.skin-types-nav .current a {
    background: #fff;
    color: #000;
    text-decoration: none;
}

.skin-types-nav .current .icon-skintype,
.skin-types-nav a:hover .icon-skintype {
    background-position: 0 -492px;
}

.section-skins .section-body {
    padding: 35px 0 80px;
}

.section-skins .section-body h5 {
    padding-bottom: 10px;
}

.section-skins .section-body-inner {
    width: 1117px;
    padding-top: 17px;
    border-width: 0 1px;
    border-style: solid;
    border-color: #ddd;
    margin: 0 auto;
}

.section-skins .cols {
    overflow: hidden;
    padding: 0 65px;
}

.section-skins .col {
    float: left;
    width: 440px;
}

.section-skins .col ~ .col {
    float: right;
    width: 395px;
}

.section-skins .section-body .btn {
    letter-spacing: 1px;
}

.products-steps .box {
    width: 50%;
}

.step-product,
.step-product .product,
.step-product .step-title {
    position: relative;
}

.step-product {
    padding-top: 25px;
    text-align: center;
}

.step-product .product-image img {
    width: auto;
    height: auto;
}

.step-product .step-title {
    padding-bottom: 35px;
    text-align: center;
}

.step-product .step-number {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -183px;
}

.step-product .product {
    display: inline-block;
    padding: 0 16px;
    width: 210px
}

/* ==========================================================================
 * 	#Slider
 * 	========================================================================== */
.slider-head {
    padding: 30px 0 12px;
    background: #000;
    color: #fff;
    text-align: center;
}

.slider-head p {
    font-size: 21px;
    color: #b4975d;
    font-weight: 300;
}

.slider-head {
    background: #0c0c0c;
    background: -moz-linear-gradient(top, #0c0c0c 0%, #1a1a1a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c0c0c), color-stop(100%, #1a1a1a));
    background: -webkit-linear-gradient(top, #0c0c0c 0%, #1a1a1a 100%);
    background: -o-linear-gradient(top, #0c0c0c 0%, #1a1a1a 100%);
    background: -ms-linear-gradient(top, #0c0c0c 0%, #1a1a1a 100%);
    background: linear-gradient(to bottom, #0c0c0c 0%, #1a1a1a 100%);
}

.slider-nav a {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: solid 1px transparent;
    margin: 0 6px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.slider-nav .active,
.slider-nav a:hover {
    border-bottom-color: #fff;
    color: #b4975d;
    text-decoration: none;
}

.slides li {
    height: 630px;
}

.slider-clip {
    position: relative;
}

.bx-prev,
.bx-next {
    position: absolute;
    top: 210px;
    width: 35px;
    height: 144px;
    background: url(../images/sprite.png) 0 0 no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

.bx-prev {
    left: 25px;
    background-position: 0 -309px;
}

.bx-next {
    right: 25px;
    background-position: -37px -309px;
}

/* ==========================================================================
 * 	#Welcome
 * 	========================================================================== */
.welcome {
    position: relative;
}

.welcome-image {
    height: 463px;
}

.welcome-content {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 365px;
    margin-left: -182px;
    color: #fff;
    text-align: center;
}

.welcome-content .border {
    background: #fff;
}

.welcome-content h2 {
    letter-spacing: 5px;
}

.welcome-content .bordered-text {
    font-size: 13px;
}

.welcome-entry {
    padding-top: 23px;
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 1px;
}

/* ==========================================================================
 * 	#Section Institute
 * 	========================================================================== */
.institute .welcome-content .h2 {
}

.institute .welcome-content .welcome-entry {
}

.institute .section {
    width: 600px;
    text-align: center;
}

.institute .section h1 {
    font-family: 'Graphik';
    font-weight: 400;
    font-size: 28px;
    line-height: 1.16;
    letter-spacing: 0.1px;
    text-align: left;
    margin-top: 80px;
    text-transform: uppercase;
}

.institute .section p {
    font-family: 'Graphik';
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.1px;
    text-align: left;
    margin-top: 10px;
    text-transform: none;
}

.institute .middle__images img {
    width: 49%;
    position: relative;
}

.institute .middle__images img.left__image {
    float: left;
}

.institute .middle__images img.right__image {
    float: left;
    margin-left: 2%;
}

/* ==========================================================================
 * 	#Section Press
 * 	========================================================================== */
.section-press {
    padding: 63px 25px 100px;
    background-color: #f9f9f9;
}

.section-press .section-head {
    position: relative;
    z-index: 3;
    text-align: center;
}

.section-press .section-head .border {
    background: #e1e1e1;
}

.section-press .section-head .bordered-text {
    font-family: 'Syncopate Bold', sans-serif;
}

.section-press .section-head h2 {
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.section-press .section-actions {
    padding: 70px 0;
    border-top: 1px solid #e1e1e1;
    text-align: center;
}

.section-press .section-head-border {
    z-index: 2;
    border-bottom: 1px solid #ececec;
    max-width: 1124px;
    box-sizing: border-box;
    margin: 0 auto;
}

.press {
    position: relative;
    max-width: 1124px;
    box-sizing: border-box;
    margin: 0 auto;
}

.press-item:hover {
    cursor: pointer;
}

.press-head {
    text-align: center;
}

.press-head span {
    position: absolute;
    bottom: 21px;
    left: 0;
    right: 0;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
}

.press-image {
    padding-bottom: 25px;
}

.press-image img {
    width: 100%;
    height: auto;
}

.press-body {
    padding: 35px 40px 0;
}

.press-body a {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.press-body p {
    padding-bottom: 14px;
}

.center {
    text-align: center;
}

.press-popup {
    display: none;
    position: absolute;
    top: 63px;
    right: 0;
    left: 0;
    z-index: 5;
    width: 600px;
    height: 859px;
    background: #fff;
    margin: 0 auto;
}

.press-popup:before {
    bottom: -25px;
    left: -25px;
}

.press-popup:after {
    top: -25px;
    left: -25px;
}

.press-article-head {
    padding: 60px 0 15px;
    text-align: center;
}

.press-article {
    padding-bottom: 30px;
    text-align: center;
    background: white;
}

.press-article .press-image img {
    width: auto;
}

.press-article-meta {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
}

.press-article-socials {
    position: absolute;
    top: 171px;
    right: 108px;
    width: 45px;
    text-align: center;
}

.press-article-socials a {
    margin-top: 15px;
}

.press-article-image img {
    width: 100%;
    height: 100%;
}

.press-article-products {
    padding: 0 25px;
    text-align: center;
}

.press-article-products .border {
    background: #e1e1e1;
}

.press-article-products .bordered-text {
    font-family: 'Dienstag Medium', sans-serif;
    letter-spacing: 1px;
}

.press-article-products .product {
    display: inline-block;
    padding: 0 25px;
}

.press-article-products .product-image img {
    width: auto;
}

.press-article-products-head {
    padding-bottom: 40px;
}

.popup-press {
    width: 768px;
}

.popup-press .press-popup {
    position: static;
    display: block;
    width: auto;
}

.popup-press .press-popup:after,
.popup-press .press-popup:before {
    display: none;
}

.popup-press .press-article-image {
    height: 570px;
}

.popup-press .press-image {
    padding-bottom: 7px;
}

.popup-press .press-image img {
    width: 200px;
}

.popup-press .press-article-meta span {
    font-size: 9px;
}

.popup-press .press-article-head {
    padding-bottom: 15px;
}

.popup-press .press-article-socials {
    top: 130px;
    right: 68px;
}

/* ==========================================================================
 * 	#Section Contacts
 * 	========================================================================== */
.section-contacts {
    padding: 50px 25px 130px;
}

.section-contacts .section-head {
    padding-bottom: 55px;
    text-align: center;
}

.section-contacts .section-head .bordered-text {
    margin-bottom: 3px;
}

.section-contacts .section-head .border {
    background: #e1e1e1;
}

.section-contacts .section-body .shell {
    overflow: hidden;
    width: 1056px;
}

.section-contacts .col {
    float: left;
}

.section-contacts .col-size-1 {
    width: 180px;
    padding-left: 57px;
}

.section-contacts .col-size-2 {
    width: 336px;
}

.section-contacts .col-size-3 {
    width: 365px;
    padding-left: 65px;
    border-left: 1px solid #E1E1E1;
    margin-left: 52px;
}

.location h5 {
    padding-bottom: 8px;
}

.location p {
    padding-bottom: 28px;
}

.location .map {
    width: 336px;
    height: 270px;
}

.work-time .arrow-white-right {
    margin-left: 5px;
}

.work-time h5 {
    padding-bottom: 15px;
}

.work-time dl {
    overflow: hidden;
}

.work-time dt {
    float: left;
}

.work-time dd {
    float: right;
}

.work-time .actions {
    padding-top: 20px;
}

.work-time .btn {
    font-size: 10px;
}

.form-contact .form-head {
    padding-bottom: 3px;
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 12px;
    text-align: center;
    letter-spacing: 3px;
}

.form-contact .form-body {
    padding-bottom: 5px;
}

.form-contact .field {
    width: 343px;
}

.form-contact .textarea {
    height: 120px;
}

/* ==========================================================================
 * 	#Section Arts
 * 	========================================================================== */
.section-art {
    padding: 70px 0 55px;
}

.section-art .section-head {
    padding-bottom: 20px;
}

.section-art .section-body {
    overflow: hidden;
}

.section-art .section-body-aside {
    float: left;
    width: 452px;
}

.section-art .section-body-aside ul {
    list-style: none outside none;
}

.section-art .section-body-aside li {
    padding-bottom: 33px;
    padding-right: 52px;
}

.section-art .section-body-aside h5 {
    padding-bottom: 10px;
}

.section-art .section-body-content {
    float: right;
    width: 747px;
}

.section-art .article-image {
    padding-bottom: 25px;
}

.section-art .article-content h4 {
    padding-bottom: 22px;
    letter-spacing: 4px;
}

.section-art .cols {
    overflow: hidden;
    padding-bottom: 30px;
}

.section-art .col {
    float: left;
    width: 350px;
}

.section-art .col ~ .col {
    float: right;
}

.section-art .more-border a {
    font-size: 10px;
    letter-spacing: 6px;
}

.section-art .section-body-aside .current .btn {
    opacity: 0.27;
    filter: alpha(opacity=27);
}

.section-art .section-body-aside .current {
    background: url(../images/arts-separator.png) right 0 no-repeat;
}

.section-art .article-art {
    display: none;
}

.section-art .article-art:first-child {
    display: block;
}

/* ==========================================================================
 * 	#Section Diagnosis
 * 	========================================================================== */
.section-diagnosis {
    padding-bottom: 60px;
    background: #0b0b0b url(../images/diagnosis.jpg) center 0 no-repeat;
    color: #fff;
}

.section-diagnosis .shell {
    overflow: hidden;
}

.section-diagnosis .section-aside {
    float: left;
    width: 210px;
    padding-top: 10px;
}

.section-diagnosis .section-content {
    float: left;
    width: 623px;
    padding-left: 75px;
}

.section-diagnosis .list-gold-bullets {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.section-diagnosis .list-gold-bullets li {
    padding-bottom: 3px;
}

.section-diagnosis .section-aside h6 {
    padding-bottom: 12px;
}

.diagnosis-question {
    padding-bottom: 35px;
    font-size: 23px;
    font-weight: 300;
    text-align: center;
}

.diagnosis-question span {
    color: #b4975d;
}

.diagnosis-answers ul {
    list-style: none outside none;
}

.diagnosis-answers li {
    padding-bottom: 10px;
}

.diagnosis-answers a {
    display: block;
    min-height: 21px;
    padding: 18px 0;
    border: 1px solid #7c7c7c;
    font-family: 'Dienstag Medium', sans-serif;
    font-size: 16px;
    color: #adadad;
    text-transform: uppercase;
    text-align: center;
}

.diagnosis-answers a {
    background: #202020;
    background: -moz-linear-gradient(top, #202020 0%, #010101 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #202020), color-stop(100%, #010101));
    background: -webkit-linear-gradient(top, #202020 0%, #010101 100%);
    background: -o-linear-gradient(top, #202020 0%, #010101 100%);
    background: -ms-linear-gradient(top, #202020 0%, #010101 100%);
    background: linear-gradient(to bottom, #202020 0%, #010101 100%);
}

.diagnosis-answers .current a,
.diagnosis-answers a:hover {
    border-color: #fff;
    color: #fff;
    text-decoration: none;
}

.diagnosis-answers .current a,
.diagnosis-answers a:hover {
    background: #303030;
    background: -moz-linear-gradient(top, #303030 0%, #0d0d0d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(100%, #0d0d0d));
    background: -webkit-linear-gradient(top, #303030 0%, #0d0d0d 100%);
    background: -o-linear-gradient(top, #303030 0%, #0d0d0d 100%);
    background: -ms-linear-gradient(top, #303030 0%, #0d0d0d 100%);
    background: linear-gradient(to bottom, #303030 0%, #0d0d0d 100%);
}

.diagnosis-answers strong {
    display: block;
    letter-spacing: 3px;
}

.diagnosis-answers span {
    font-family: 'Lato', sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1px;
}

.questions-counter {
    padding: 25px 0;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

.questions-counter span {
    color: #b4975d;
}

.questions-progress {
    position: relative;
    height: 4px;
    background: #3e474b;
}

.questions-progress-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #fff;
}

.section-diagnosis.not-completed {
    padding-top: 45px;
    text-align: center;
}

.section-diagnosis.not-completed .section-head {
    padding-bottom: 30px;
    margin-bottom: 60px;
    background: url(../images/product-title-white.png) center bottom no-repeat;
}

.section-diagnosis.not-completed h3 {
    font-size: 19px;
    letter-spacing: 5px;
}

.section-diagnosis.not-completed .actions {
    padding-top: 30px;
}

.section-diagnosis.not-completed .btn {
    padding: 0px;
    color: white;
}

.list-hours {
    padding: 20px 0 50px;
    list-style: none outside none;
}

.list-hours li {
    overflow: hidden;
    display: inline-block;
    width: 188px;
    padding: 0 10px;
    text-align: left;
}

.list-hours .icon-clock {
    float: left;
    margin-right: 15px;
}

.list-hours span {
    display: block;
    overflow: hidden;
    padding-bottom: 6px;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: bold;
}

.list-hours .hour {
    padding-top: 10px;
}

/* ==========================================================================
 * 	#Ritual
 * 	========================================================================== */
.ritual {
    width: 995px;
    padding-top: 14px;
    letter-spacing: normal;
}

.ritual-personality {
    padding: 0 0 45px 45px;
    border-bottom: 1px solid #e1e1e1;
}

.ritual-personality h3 {
    padding-bottom: 8px;
    font-size: 19px;
    letter-spacing: 5px;
}

.ritual-personality h4 {
    padding-bottom: 18px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.ritual-personality .icon-clock-black,
.ritual-personality .icon-clock {
    float: left;
    margin: 6px 24px 0 0;
}

.ritual-personality-entry .list-bullets,
.ritual-personality-entry {
    overflow: hidden;
}

.ritual-personality-entry {
    padding-bottom: 25px;
}

.ritual-personality-entry .list-bullets li {
    padding-bottom: 5px;
}

.ritual-personality-foot {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.ritual-personality-foot .btn {
    padding: 7px 40px 8px;
    margin-right: 25px;
}

.ritual .cols {
    overflow: hidden;
}

.ritual .col {
    float: left;
    width: 470px;
    text-align: center;
}

.ritual .col-night {
    float: right;
}

.form-ritual {
    padding-top: 33px;
}

.form-ritual .checkbox {
    display: inline-block;
    vertical-align: middle;
}

.form-ritual .checkbox ~ .checkbox,
.form-ritual .radio ~ .radio {
    padding: 0;
    padding-left: 20px;
}

.form-ritual .checkboxes {
    padding-right: 17px;
}

.form-ritual .custom-checkbox-fake {
    border-color: #d2d2d2;
}

.form-ritual .custom-input-checked .custom-radio-fake,
.form-ritual .custom-input-checked .custom-checkbox-fake {
    border-color: #000;
    background: #000;
}

.form-ritual .custom-input-checked label {
    color: #000;
}

.form-ritual .custom-checkbox label {
    text-transform: uppercase;
}

.ritual-actions {
    overflow: hidden;
}

.ritual-actions-bottom {
    padding: 20px 0 50px;
}

.ritual-actions a + a {
    margin-left: 5px;
}

.ritual-actions .btns {
    float: right;
}

.ritual-actions .btn {
    letter-spacing: 1px;
}

.ritual-actions .checkboxes {
    float: left;
    padding-top: 7px;
}

.ritual-head {
    padding-bottom: 35px;
}

.ritual-head .cols {
    padding-bottom: 37px;
}

.ritual-head h2 {
    padding-bottom: 26px;
    background: url(../images/product-title.png) center bottom no-repeat;
    letter-spacing: 5px;
}

.ritual-steps {
    list-style: none outside none;
}

.ritual-step {
    padding-bottom: 30px;
}

.ritual-step-head {
    text-align: center;
    text-transform: uppercase;
}

.ritual-step-head h3 {
    padding-bottom: 10px;
    letter-spacing: 3px;
}

.ritual-step-head p {
    padding-bottom: 0;
    font-weight: bold;
    font-size: 11px;
}

.ritual-step-head .bordered-text {
    font-size: 12px;
}

.ritual-step-head .border {
    height: 2px;
}

.ritual-step-head .border-left {
    background: #d5d5d5;
    background: -moz-linear-gradient(left, #d5d5d5 0%, #a7a6a6 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d5d5d5), color-stop(100%, #a7a6a6));
    background: -webkit-linear-gradient(left, #d5d5d5 0%, #a7a6a6 100%);
    background: -o-linear-gradient(left, #d5d5d5 0%, #a7a6a6 100%);
    background: -ms-linear-gradient(left, #d5d5d5 0%, #a7a6a6 100%);
    background: linear-gradient(to right, #d5d5d5 0%, #a7a6a6 100%);
}

.ritual-step-head .border-right {
    background: #8c8b8b;
    background: -moz-linear-gradient(left, #8c8b8b 0%, #000000 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #8c8b8b), color-stop(100%, #000000));
    background: -webkit-linear-gradient(left, #8c8b8b 0%, #000000 100%);
    background: -o-linear-gradient(left, #8c8b8b 0%, #000000 100%);
    background: -ms-linear-gradient(left, #8c8b8b 0%, #000000 100%);
    background: linear-gradient(to right, #8c8b8b 0%, #000000 100%);
}

.form-ritual .product p {
    padding-bottom: 14px;
}

.form-ritual .product {
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

.ritual-step-body {
    position: relative;
    text-align: center;
    padding-top: 20px;
}

.ritual-step-body .step-number {
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -122px;
}

.ritual-foot {
    width: 635px;
    padding-top: 50px;
    margin: 0 auto;
    background: url(../images/product-title.png) center 0 no-repeat;
    text-align: center;
}

.ritual-secondary {
    width: auto;
    padding-top: 0;
}

.ritual-secondary .shell {
    width: 1120px;
}

.ritual-secondary .form-ritual {
    padding-top: 0;
}

.ritual-secondary .ritual-head .cols {
    padding: 33px 0 0;
    background: url(../images/ritual-cols.png) center 0 repeat-y;
}

.ritual-secondary .ritual-actions {
    padding-top: 37px;
    padding-left: 35px;
}

.ritual-secondary .ritual-actions .btns {
    width: 530px;
    text-align: center;
}

.ritual-section-head {
    padding-bottom: 120px;
    overflow: hidden;
    background: #0b0b0b url(../images/diagnosis.jpg) center 0 no-repeat;
    color: #fff;
}

.ritual-section-head .btn {
    width: 225px;
    padding: 10px 0;
    text-align: center;
}

.ritual-secondary .ritual-personal-foot {
    text-transform: uppercase;
}

.ritual-secondary .ritual-personal-foot .btn {
    margin-right: 20px;
    text-transform: uppercase;
}

.ritual-secondary .ritual-personality {
    float: right;
    width: 590px;
    border: 0;
}

.ritual-secondary .ritual-section-body {
    margin-top: -90px;
}

.ritual-secondary .ritual-section-body .shell {
    background: #fff;
}

.test-responses {
    float: left;
    width: 460px;
}

.test-responses h6 {
    padding-bottom: 12px;
}

.test-responses .list-gold-bullets {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.test-responses .list-gold-bullets li {
    padding-bottom: 5px;
}

.responses {
    overflow: hidden;
    padding-bottom: 44px;
}

.responses ul {
    float: left;
    width: 225px;
}

.responses ul ~ ul {
    margin-left: 10px;
}

/* ==========================================================================
 * 	#Table products
 * 	========================================================================== */
.table-products {
    padding: 0px 0;
}

.table-products-empty p {
    padding-bottom: 5px;
    font-size: 18px;
    text-transform: none;
    font-weight: normal;
}

.table-products-empty .table-body {
    padding-top: 10px;
}

.table-products {
    font-size: 11px;
    font-weight: bold;
}

.table-products td {
    padding-top: 40px;
    vertical-align: top;
}

.table-products td:first-child {
    padding-top: 0;
}

.table-products .product-title {
    padding-bottom: 15px;
}

.table-products .product-title a {
    font-family: FreightDisplay;
    font-size: 16px;
    line-height: 1.25;
    text-align: left;
    color: #222222;
    font-weight: normal;
    display: inline-block;
}

.table-products .product-meta {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
    font-weight: normal;
}

.table-products .product-meta small {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
}

.table-products .product-actions a {
    display: inline-block;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: bold;
}

.table-products .product-qty {
    width: 50px;
    text-align: center;
    font-weight: bold;
}

.table-products .product-qty .select {
    text-align: left;
}

.table-products .product-total-price {
    text-align: right;
}

.table-products .product-total-price h6 {
    padding-bottom: 15px;
    font-size: 11px;
}

.table-products .product-total-price span {
    font-size: 13px;
}

.table-products .select {
    width: 50px;
    padding-bottom: 6px;
}

.table-products .select .selecter-options {
    width: 100%;
}

.table-products .product-image img {
    width: auto;
}

.table-products tr + tr .product-qty {
    padding-top: 23px;
}

.table-products tr + tr .product-total-price {
    padding-top: 30px;
}

.popup-cart-products .table-products tr + tr .product-total-price {
    padding-top: 0px;
}

.table-products .table-body {
    padding-bottom: 35px;
}

.table-products .table-foot .back {
    position: static;
}

.table-products .disabled .product-actions {
    color: #9e0039;
}

.table-products .disabled .product-image {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.table-products .product-date span {
    display: block;
    padding-bottom: 13px;
}

.table-products .product-date small {
    font-size: 10px;
    text-transform: none;
}

.table-products .product-actions-inline a {
    margin-bottom: 0;
}

.table-products .product-actions.gutter-left {
    padding-left: 60px;
}

.table-products .product-actions-inline .btn {
    margin-right: 20px;
}

.table-products .product-notes .textarea {
    width: 153px;
    height: 50px;
}

.table-products .table-head {
    overflow: hidden;
}

.table-products .table-head h6 {
    float: left;
}

.table-products .table-head .pagination {
    float: right;
    width: 220px;
    padding: 0;
    border-top: 0;
}

.table-products .table-head .pagination a {
    color: #000;
}

.table-products .product-review p {
    padding-bottom: 0;
}

.table-products-secondary {
    width: 930px;
    font-size: 13px;
    font-weight: normal;
    text-transform: none;
}

.table-products-secondary th {
    text-align: left;
}

.table-products-secondary th.center {
    text-align: center;
}

.table-products-secondary td {
    padding: 15px 0 20px;
    font-size: 13px;
    font-weight: bold;
}

.table-products-secondary tr + tr .product-qty {
    padding-top: 0;
}

.table-products-secondary .table-head {
    padding-bottom: 15px;
}

.table-products-secondary .product-date {
    padding-top: 15px;
}

.table-products.no-gutters .table-body,
.table-products.no-gutters {
    padding-bottom: 0;
}

.table-products .help {
    font-size: 12px;
}

.actions-inline .btn {
    margin-right: 20px;
}

.table-products .minikit-item .product-title {
    padding-bottom: 3px;
}

.table-products .minikit-item .minikit-options-items {
    border-top: 1px solid #e1e1e1;
    width: 80%;
}

.table-products .minikit-item .minikit-options-items li {
    margin: 12px 0;
    text-transform: capitalize;
}

.table-products .minikit-item .minikit-options-items span {
    display: none;
}

/* ==========================================================================
 * 	#Samples
 * 	========================================================================== */
.section-samples {
    padding-top: 25px;
}

.section-samples .section-head {
    padding-bottom: 22px;
    overflow: hidden;
}

.section-samples .section-head p {
    float: left;
}

.section-samples .section-head h5 {
    float: right;
}

.section-samples .section-body {
    padding-bottom: 50px;
}

.section-samples .section-foot {
    overflow: hidden;
    padding: 50px 0;
    border-top: 1px solid #e1e1e1;
}

.section-samples .section-foot .actions {
    float: right;
}

.product-samples {
    overflow: hidden;
    padding-bottom: 15px;
    list-style: none outside none;
}

.product-sample {
    float: left;
    width: 360px;
}

.product-sample .product-image img {
    width: auto;
}

.product-sample .checkbox,
.product-sample .product-image,
.product-sample .product-content {
    float: left;
    width: auto;
}

.product-sample .product-content {
    position: relative;
    width: 195px;
    padding: 25px 0 0 20px;
}

.product-sample .checkbox {
    padding-top: 70px;
}

.product-sample .product-image {
    padding: 0 10px;
}

.product-sample .product-title {
    padding-bottom: 6px;
}

.product-sample .product-title a {
    color: #000;
    text-decoration: none;
    cursor: default;
}

.product-sample .product-meta {
    padding-bottom: 7px;
}

.product-sample .product-meta span {
    font-size: 10px;
}

.product-sample .recommended {
    position: absolute;
    top: 5px;
    left: 20px;
}

.product-sample .recommended h5 {
    font-size: 11px;
}

.product-sample ~ .product-sample {
    padding-left: 70px;
}

/* ==========================================================================
 * 	#Form
 * 	========================================================================== */
.form-row {
    padding-bottom: 10px;
}

.form-label {
    display: block;
    padding-bottom: 7px;
}

.field {
    width: 308px;
    height: 15px;
    letter-spacing: 0;
    border: solid 1px #e1e1e1;
    border-radius: 0;
    height: auto;
    padding: 12px 20px;
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: black;
    box-sizing: border-box;
}


.field-large {
    width: 318px;
}

.select {
    width: 330px;
}


.select .selecter-options {
    width: 100%;
}

.select-auto-width {
    width: auto;
}

.select-large {
    width: 340px;
}

.select-large .selecter-options {
    width: 338px;
}

.select-medium {
    width: 180px;
}

.select-medium .selecter-options {
    width: 178px;
}

.select-small {
    width: 150px;
}

.select-small .selecter-options {
    width: 148px;
}

.select-xsmall {
    width: 140px;
}

.select-xsmall .selecter-options {
    width: 138px;
}

.checkbox,
.radio {
    overflow: hidden;
}

.checkbox ~ .checkbox,
.radio ~ .radio {
    padding-top: 15px;
}

.radio label,
.checkbox label {
    padding-left: 6px;
    cursor: pointer;
    transition: 0.3s all;
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.5;
    text-align: left;
    color: #222222;
    font-weight: normal;
}

.custom-radio input,
.custom-checkbox input,
.custom-checkbox-filter input {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
}

.custom-radio-fake,
.custom-checkbox-fake {
    float: left;
    width: 10px;
    height: 10px;
    border: 1px solid #e1e1e1;
    margin-right: 5px;
    transition: 0.3s all;
    padding: 3px;
    background-clip: content-box;
}

.custom-input-checked .custom-radio-fake,
.custom-input-checked .custom-checkbox-fake {
    border-color: #e1e1e1;
    background: #ffc7b8;
    padding: 3px;
    background-clip: content-box;
}

.custom-input-checked label {
    color: #000000;
}

.checkboxes-inline .checkbox,
.radios-inline .radio {
    display: inline-block;
    padding-bottom: 0;
    vertical-align: middle;
}

.checkboxes-inline .checkbox ~ .checkbox,
.radios-inline .radio ~ .radio {
    margin-left: 30px;
    padding-top: 0;
}

.help-block {
    display: block;
    padding-bottom: 7px;
    font-size: 12px;
}

.help-block a {
    color: #000;
    text-decoration: underline;
}

.help-block a:hover {
    text-decoration: none;
}

.validation-advice {
    color: #a7184c;
    font-size: 11px;
}

.validation-failed {
    border-color: #a7184c;
    color: #a7184c;
}

.form-notice {
    clear: both;
    padding-top: 6px;
}

.form-notice-error {
    color: #a7184c;
}

.form-button-paddings > * {
    margin-right: 80px;
}

.form .form-head {
    padding-bottom: 17px;
}

.form .form-head h5 {
    padding-bottom: 6px;
    text-transform: none;
}

.form h6 {
    padding-bottom: 5px;
}

.form .form-head p {
    padding-bottom: 5px;
}

.form .form-head p + p {
    padding-top: 13px;
}

.form .form-body {
    padding-bottom: 20px;
}

.form .form-foot .form-actions {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.form .form-group ~ .form-group {
    padding-top: 10px;
}

.form .btn {
    padding: 15px 28px 14px;
    margin-right: 20px;
}

.form .btn ~ .btn {
    margin-right: 0;
}

.form .form-col {
    float: left;
}

.form .form-col ~ .form-col {
    float: right;
}

.form .field {
    width: 318px;
    letter-spacing: 0;
}

.form .form-terms {
    padding-top: 27px;
    font-size: 10px;
}

.form .form-row-actions {
    position: relative;
}

.form .form-row-actions .overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.form .form-row-actions.disabled .overlay {
    display: block;
}

.form .form-row-actions.disabled .link-more {
    color: #e1e1e1;
}

.form .custom-input-checked label {
    color: #000;
}

.form .checkbox label,
.form .radio label {
    font-size: 13px;
}

.form .field-small {
    width: 148px !important;
}

.form .form-group-body .field {
    width: 308px;
}

.form .form-group-body .form-row {
    width: 330px;
}

.form .form-body.no-gutter {
    padding-bottom: 0;
}

.form .form-section {
    padding-bottom: 25px;
}

.form .form-section-title {
    padding-bottom: 16px;
}

.form .form-section-body {
    padding-top: 10px;
}

.form .form-section-body h6 {
    padding-bottom: 10px;
    text-transform: none;
}

.form .checkboxes {
    overflow: hidden;
    width: 500px;
}

.form .checkboxes .checkbox {
    float: left;
    width: 225px;
    padding: 0 5px 8px 0;
}

.form .checkboxes .checkbox ~ .checkbox {
    padding-top: 0;
}

/*form.new-address-form #region {*/
/*height: 13px;*/
/*width: 130px;*/
/*padding: 7px 10px 6px;*/
/*}*/

.form-share .field {
    width: 278px;
}

.form-share .textarea {
    height: 160px;
}

.form-share .form-label {
    font-size: 11px;
}

.form-share h6 {
    padding-bottom: 11px;
}

.form-share .form-head {
    padding-bottom: 10px;
}

.form-signin .form-head {
    padding-bottom: 5px;
}

.checkbox-multiline label {
    padding-left: 0;
}

.checkbox-multiline .label-inner,
.checkbox-multiline label {
    display: block;
    overflow: hidden;
}

.checkbox-multiline .custom-radio-fake,
.checkbox-multiline .custom-checkbox-fake {
    margin-right: 15px;
}

.benefits {
    padding: 20px 0;
}

.benefits h6 {
    padding-bottom: 10px;
}

.link-more {
    font-size: 12px;
    font-weight: bold;
    text-transform: capitalize;
}

.danger {
    color: #9e0039;
}

.info {
    padding-bottom: 10px;
}

.info .icon-rewards-small {
    margin: -4px 0 0 0;
}

.info-entry {
    line-height: 1.7;
}

.info-title {
    padding-bottom: 10px;
}

.info-body {
    padding-bottom: 25px;
}

.info .reward-points {
    width: 350px;
}

.info .reward-points-total {
    padding: 0 0 7px;
}

.info-entry p {
    padding-bottom: 0;
}

.info-actions-full a + a {
    margin-left: 40px;
}

.info-actions-top-gutter {
    padding-top: 25px;
}

.info-actions .btn {
    margin-right: 20px;
}

.info-notice p {
    padding-bottom: 10px;
}

.info-notice-danger {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #9e0039;
}

.info-entry-delete {
    color: #b2b2b2;
}

/* ==========================================================================
 * 	#Table orders
 * 	========================================================================== */
.table-orders {
    padding-bottom: 40px;
}

.table-orders.no-gutter {
    padding-bottom: 0;
}

.table-orders th {
    padding-bottom: 13px;
    text-align: left;
}

.table-orders td {
    padding-bottom: 5px;
}

.table-orders a {
    font-weight: bold;
}

.table-orders .table-head {
    padding-bottom: 20px;
}

.table-orders .back {
    position: static;
}

.back-static {
    position: static;
    display: inline-block;
    margin-bottom: 20px;
}

/* ==========================================================================
 * 	#Form Checkout
 * 	========================================================================== */
.checkout .section {
    padding: 0;
}

.checkout .section ~ .section {
    border-top: 1px solid #e1e1e1;
}

.checkout .section-head {
    overflow: hidden;
    padding: 12px 0 10px;
}

.checkout .section-head h5 {
    float: left;
    font-family: 'Graphik', sans-serif;
    font-weight: normal;
    color: #959595;
    letter-spacing: 2px;
}

.checkout .section-head .actions {
    display: none;
    float: right;
}

.checkout .section-head .actions a {
    text-transform: uppercase;
    font-weight: bold;
}

.checkout .section-body {
    display: none;
    padding: 15px 20px 30px 20px;
}

.checkout .section.done .actions {
    display: block;
}

.checkout .section.allow .section-head h5 {
    color: #000;
}

.checkout .section.allow .section-body {
    display: block;
}

.checkout .cols {
    overflow: hidden;
}

.checkout .cols.clearfix {
    overflow: visible;
}

.checkout .col {
    float: left;
    width: 370px;
}

.checkout .col ~ .col {
    float: right;
}

.form-checkout h5 {
    padding-bottom: 6px;
    text-transform: none;
}

.form-checkout p {
    padding-bottom: 15px;
}

.form-checkout .form-head {
    position: relative;
}

.form-checkout .form-body {
    padding-bottom: 10px;
}

.form-checkout .form-foot p {
    padding-bottom: 0;
    padding-top: 17px;
    font-size: 11px;
    white-space: nowrap;
}

.form-checkout .help-block {
    padding-bottom: 11px;
}

.form-checkout .form-actions {
    padding-top: 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.form-checkout .btn {
    padding: 15px 30px 14px;
    margin-right: 25px;
}

.form-checkout .close-small {
    position: absolute;
    top: 0;
    right: 0;
}

.form-checkout .field {
    letter-spacing: 0;
    width: 100%;
}

.form-checkout-password .form-head h5 {
    padding-bottom: 30px;
}

.form-checkout-password-sent .form-head {
    padding-bottom: 18px;
}

.form-checkout .custom-input-checked label {
    color: #000;
}

.form-checkout .radio label,
.form-checkout .checkbox label {
    font-size: 13px;
}

.form-checkout .form-group {
    padding-bottom: 10px;
}

.form-group-body {
    position: relative;
    padding: 15px 0 0 28px;
}

.form-group-body.disabled {
    opacity: 0.3;
    filter: alpha(opacity:30);
}

.form-group-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}

.form-checkout .form-col {
    float: left;
}

.form-checkout .form-col ~ .form-col {
    float: right;
}

.form-checkout .select-small {
    width: 140px;
}

.form-checkout .select-small .selecter-options {
    width: 100%;
}

.form-checkout .select-medium {
    width: 160px;
}

.form-checkout .select-medium .selecter-options {
    width: 158px;
}

.form-checkout .field-small {
    width: 148px;
}

.form-checkout .field-xsmall {
    width: 138px;
}

.form-checkout .form-group.no-gutters .form-group-head {
    padding-bottom: 10px;
}

.form-checkout .form-group.no-gutters .form-row { /*padding-top: 10px;*/
}

.form-checkout .form-group.no-gutters .form-group-body {
    padding-left: 0;
}

.form-checkout .form-group.no-gutters .form-body {
    padding-bottom: 0;
}

.form-checkout .form-row {
    width: 330px;
}

.form-checkout .help-inline {
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
}

.form-checkout .help-inline a {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.form-checkout .form-promo {
    padding: 10px 0 0;
}

.form-checkout .form-promo .form-actions {
    padding-top: 0;
}

.form-checkout .form-promo .field {
    width: 218px;
}

.form-checkout .form-promo {
    width: 330px;
}

.form-checkout .form-promo .btn {
    margin-right: 0;
}

.form-checkout .form-notice {
    padding: 0;
    padding-bottom: 6px;
    font-weight: bold;
}

.reward-points .select,
.reward-points p {
    padding-bottom: 6px;
}

.reward-points .icon-rewards-small {
    margin: -4px 0 0 0;
}

.gift-card-check {
    clear: both;
    padding-top: 15px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.gift-card-check p {
    padding-bottom: 15px;
}

.gift-card-check span {
    text-transform: none;
}

.cvv-help {
    display: none;
    width: 453px;
    padding-top: 20px;
}

.form-checkout-register {
    width: 360px;
    margin-left: auto;
    margin-right: -20px;
}

.form-checkout-register p {
    padding-bottom: 6px;
}

.form-checkout-register .form-head {
    padding-bottom: 20px;
}

.shipping-info {
    overflow: hidden;
    padding-bottom: 5px;
    border-bottom: 1px solid #e1e1e1;
    margin-right: -20px;
    line-height: 1.7;
}

.shipping-info .col-1of4 {
    width: 190px;
}

.shipping-info .col ~ .col {
    float: left;
    padding-left: 32px;
}

.shipping-info .col-size-1 {
    width: 160px;
}

.shipping-info-foot {
    width: 355px;
    padding-top: 25px;
}

.shipping-info-foot .table-subtotal {
    padding-bottom: 27px;
    border-bottom: 1px solid #e1e1e1;
}

.shipping-info-foot .grand-total {
    padding: 25px 0 10px;
}

.shipping-info-foot .btn-bordered {
    padding: 14px 38px 13px;
}

.shipping-info-foot .form-actions {
    padding-bottom: 13px;
}

.shipping-info-foot .form-foot {
    font-size: 11px;
}

/* ==========================================================================
 * 	#Order Confirm
 * 	========================================================================== */
.order-confirm {
    padding: 20px 0 70px;
}

.order-confirm h4 {
    padding-bottom: 13px;
}

/* ==========================================================================
 * 	#Cart
 * 	========================================================================== */
.cart {
    width: 930px;
}

.cart .table-products {
    padding: 0;
}

.cart .table-products .table-body {
    padding-bottom: 0;
}

.cart .table-products td:first-child {
    padding-top: 0;
}

.cart .table-products td {
    padding-top: 10px;
}

.cart .table-products tr + tr .product-total-price {
    padding-top: 0;
}

.cart-total {
    position: relative;
    overflow: hidden;
    width: 930px;
}

.cart-total-inner {
    float: right;
    width: 370px;
}

.cart-total .back {
    top: auto;
    bottom: 10px;
}

.cart-total .table-subtotal {
    padding-bottom: 25px;
}

.cart-total .grand-total {
    padding-top: 25px;
    border-top: 1px solid #e1e1e1;
}

/* ==========================================================================
 * 	#Updates
 * 	========================================================================== */
.section-updates .section-head {
    padding-bottom: 10px;
}

.updates {
    list-style: none outside none;
}

.update-title {
    padding-bottom: 7px;
}

.update-head {
    padding-bottom: 15px;
}

.update-date {
    font-size: 10px;
}

.update-note {
    font-size: 10px;
    text-transform: uppercase;
}

/* ==========================================================================
 * 	#Ratings
 * 	========================================================================== */
.section-ratings h6 {
    padding-bottom: 10px;
}

.section-ratings ~ .section-ratings {
    padding-top: 40px;
}

.list-ratings {
    overflow: hidden;
    list-style: none outside none;
}

.list-ratings li {
    float: left;
}

.list-ratings li + li {
    padding-left: 35px;
}

.list-ratings strong {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
}

/* ==========================================================================
 * 	#Points
 * 	========================================================================== */
.points .reward-points-total p {
    padding-bottom: 0;
}

.points .icon-rewards-small {
    margin: -4px 0 0 0;
}

.table-points .table-head {
    padding-bottom: 13px;
}

.table-points {
    width: 765px;
}

.table-points th {
    text-align: left;
}

.table-points p {
    padding-bottom: 0;
}

.table-points td {
    padding: 5px 0;
    vertical-align: top;
}

.table-points tr + tr td {
    border-top: 1px solid #e1e1e1;
}

/* ==========================================================================
 * 	#Credit
 * 	========================================================================== */
.section-credit {
    padding-bottom: 200px;
}

.section-head {
    padding-bottom: 53px;
}

.credit-entry {
    padding-bottom: 10px;
}

/* ==========================================================================
 * 	#Gift Card
 * 	========================================================================== */
.section-giftcard {
    padding-bottom: 50px;
}

.giftcard .cols {
    overflow: hidden;
}

.giftcard .col-size-1 {
    width: 411px;
}

.giftcard .col-size-2 {
    width: 375px;
    margin-left: 30px;
}

.giftcard .form {
    padding: 25px 20px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e1e1e1;
}

.giftcard .form .field {
    width: 308px;
}

.giftcard .form .textarea {
    height: 135px;
}

.giftcard .form .btn {
    padding: 15px 28px 14px 50px;
}

.giftcard .giftcard-note {
    padding: 25px 20px;
    border-bottom: 1px solid #e1e1e1;
}

.giftcard .giftcard-note p {
    padding-bottom: 0;
}

.form-giftcard-balance .form-body {
    overflow: hidden;
    padding-bottom: 15px;
}

.form-giftcard-balance .form-controls {
    float: left;
}

.form-giftcard-balance .form-actions {
    float: right;
}

.form-giftcard-balance .field {
    width: 208px;
}

.form-giftcard-balance {
    padding: 25px 20px;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e1e1e1;
}

.form-giftcard-balance .form-head {
    padding-bottom: 7px;
}

.form-giftcard-balance .btn {
    padding: 8px 15px 9px;
}

.form-giftcard-balance .form-hint {
    font-size: 11px;
}

/* ==========================================================================
 * 	#Service
 * 	========================================================================== */
.service {
    display: inline-block;
    padding-top: 14px;
}

.service-content {
    float: left;
    width: 560px;
    padding-right: 80px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.service-image {
    display: inline-block;
    padding-top: 3px;
    right: 0;
    position: absolute;
}

.service-image img {
    width: 100%;
    height: auto;
    margin-top: -95px;
}

.form-service .form-head {
    padding-bottom: 8px;
}

.form-service .form-body {
    padding-bottom: 20px;
}

.form-service .help-block {
    padding-bottom: 11px;
}

.form-service .field {
    width: 480px;
    padding: 12px 20px;
    line-height: 1.79;
}

.form-service .field::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.form-service .field::-moz-placeholder { /* Firefox 19+ */
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.form-service .field:-ms-input-placeholder { /* IE 10+ */
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.form-service .field:-moz-placeholder { /* Firefox 18- */
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.form-service .textarea {
    height: 160px;
}

.form-service .form-alert {
    color: #000;
    display: none;
}

.form-service .btn-green {
    width: 200px;
}

.contact-error-msg .contact-error-msg {
    display: none;
}

/* ==========================================================================
 * 	#Article
 * 	========================================================================== */

.article ~ .article {
    padding-top: 30px;
}

.article .list-bullets {
    padding-bottom: 18px;
}

.article .list-bullets li {
    padding-bottom: 0;
}

.article-head h6 {
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
    padding-bottom: 35px;
}

.article-body h6 {
    font-family: Graphik;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-align: left;
    color: #16b5a2;
    padding-bottom: 8px;
}

.article-body p {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
    padding-bottom: 32px;
}

.article-body p a {
    color: black;
}

.article-body p a:hover {
    color: #16b5a2;
}

.article-body p span {
    color: #000;
}

.article-body.justify,
.article-body-inner {
    text-align: justify;
}

.article-links {
    overflow: hidden;
    padding-top: 6px;
}

.article-links.gutter-bottom {
    padding-bottom: 15px;
}

.article-links ul {
    float: left;
    width: 250px;
    padding-right: 20px;
    list-style: none outside none;
}

.article-links a {
    font-family: Graphik;
    font-size: 14px;
    line-height: 2.0;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
}

.table {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.table td,
.table-head {
    padding: 15px 0;
}

.table td {
    padding-right: 20px;
    vertical-align: top;
}

.table tr:not(:last-child) td {
    border-bottom: solid 1px #ececec;
}

/* ==========================================================================
 * 	#Membership
 * 	========================================================================== */
.membership {
    overflow: hidden;
    padding-top: 15px;
}

.membership-content {
    float: left;
    width: 560px;
    padding: 0 75px 0 45px;
}

.membership-image {
    overflow: hidden;
    padding-top: 2px;
}

.membership-image img {
    width: 100%;
    height: auto;
}

.membership p {
    text-align: justify;
}

/* ==========================================================================
 * 	#Faqs
 * 	========================================================================== */
.faq-links .col {
    line-height: 2.0;
}

.faq-links .col h5 {
    margin-top: 17px;
    font-family: Graphik;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
}

.faq-links .col a {
    font-family: Graphik;
    font-size: 12px;
    line-height: 2.0;
    text-align: left;
    color: #000000;
}

.faq-links .col a:hover {
    color: #16b5a2;
}

.faq-links .col-1of2 ~ .col-1of2 {
    padding-left: 40px;
}

/* ==========================================================================
 * 	#Store Locator
 * 	========================================================================== */
.store-locator {
    padding-top: 20px;
}

.store-locator-content {
    float: left;
    width: 175px;
    padding: 0 34px 0 0;
}

.store-locator-map {
    overflow: hidden;
    min-height: 700px;
}

.store-locator-footer-link {
    padding-top: 4px;
}

.form-locator .form-body {
    padding-bottom: 0;
}

.form-locator .form-group {
    padding-bottom: 30px;
}

.form-locator .field {
    width: 318px;
}

.form-locator .select {
    width: 340px;
}

.form-locator .select .selecter-options {
    width: 338px;
}

.form-locator .form-actions {
    margin-top: -10px;
}

.form-separator {
    display: block;
    margin: -4px 0 6px 2px;
    font-weight: bold;
    font-weight: bold;
    text-transform: uppercase;
}

/*.locator-results { padding-top: 40px; }*/
.locator-results ol {
    list-style: none outside none;
}

.locator-results li + li {
    padding-top: 25px;
}

.locator-result-body {
    padding-left: 13px;
}

.locator-results .current h5 {
    color: #b4975d;
}

.form-locator-alt h1 span:hover {
    border-bottom-color: transparent;
}

.form-locator-alt h1 i {
    margin-right: 15px;
}

.form-locator-alt h1 {
    padding-bottom: 7px;
    font-family: "Lato", sans-serif;
    font-size: 0;
    line-height: 0;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;

}

.form-locator-alt h1 a {
    display: flex;
    align-items: center;
}

.store-locator-content .selecter .selecter-selected {
    border: solid 1px #e0e0e0;
    padding: 12px 0 0 10px;
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.79;
    text-align: left;
    color: #222222;
    width: 100%;
    box-sizing: border-box;
    background-color: white;
}

.store-locator-content .form-label {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.33;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.store-locator-content .ico {
    width: 14px;
    height: 19px;
    background: url(../images/location.png) no-repeat 0 0;
    -webkit-background-size: 14px 19px;
    background-size: 14px 19px;
    display: inline-block;
}

.store-locator-content .content-title a:hover {
    text-decoration: none;
}

.locator-result-body {
    position: relative;
}

.ico-marker {
    background-position: -45px -596px !important;
    height: 35px;
    width: 35px;
}

.ico-marker-large {
    background-position: -83px -580px !important;
    height: 51px;
    width: 51px;
}

.locator-results-alt .locator-result-body > span > a > span {
    top: 34px;
    width: 36px;
}

.locator-results-alt .locator-result-body > span > a {
    text-decoration: none;
    color: #000;
}

.locator-results-alt span {
    position: absolute;
    right: 0;
    top: 0;
}

.form-locator-alt .form-head {
    margin-bottom: 25px;
}

.form-locator-alt .selecter .selecter-options span:first-child {
    display: none;
}

/*.form-locator-alt .selecter .selecter-selected::after {*/
/*border-color: #000000 transparent transparent;*/
/*border-style: solid;*/
/*border-width: 11px 5.5px 0;*/
/*content: "";*/
/*height: 0;*/
/*margin-top: -5px;*/
/*position: absolute;*/
/*right: 16px;*/
/*top: 50%;*/
/*width: 0;*/
/*}*/

/*.form-locator-alt .selecter .selecter-selected {*/
/*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
/*border-color: #000;*/
/*height: 18px;*/
/*padding: 12px 28px 12px 12px;*/
/*}*/

/* ==========================================================================
 * 	#Privacy Policy
 * 	========================================================================== */
#notice-cookie-block {
    display: block;
    background: #222222;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 150;
    padding: 10px 18% 10px 4%;
    color: #fff;
    min-height: 60px;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.2px;

}

#notice-cookie-block .notice-text{
    display: inline-block;
    text-align: center;
}
#notice-cookie-block .notice-text p{
    padding: 0;
}
#notice-cookie-block .actions {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
#notice-cookie-block .actions .message_close{
    /*display: inline-block;*/
    float: left;
    cursor: pointer;
    margin-left: 20px;
    text-indent: -9999px;
    width: 26px;
    height: 26px;
    background: url(../images/icon-close-white.svg) no-repeat;
    background-size: 26px 26px;
    line-height: 0px;
}
    /* ==========================================================================
 *         #Account
 *             ========================================================================== */
.content-grid-holder {
    width: 100%;
    text-align: center;
}

.content-grid {
    width: 50%;
    padding: 30px 40px;
    margin: 0 auto;
    display: inline-block;
    text-align: left;
}

.content-grid > div {
    float: left;
    width: 42%;
    padding: 10px;
    padding-left: 30px;
}

.content-grid .btn-green {
    width: 200px;
    display: inline-block;
}

.content-grid h5 {
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
    text-transform: none;
}

.content-grid .input-box input, .customer-account-forgotpassword .container input, .content-grid .input-box input, .customer-account-changeforgotten .container input, .customer-account-resetpassword .container input, body.customer-account .fieldset .input-box input {
    width: 480px;
    letter-spacing: 0;
    border: solid 1px #e1e1e1;
    border-radius: 0;
    height: auto;
    padding: 12px 20px;
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
    box-sizing: border-box;
}

.content-grid .input-box input.checkbox, body.customer-account .fieldset .input-box input.checkbox {
    border: 1px solid #d2d2d2;
    float: left;
    height: 15px;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
    width: 15px;
}

.content-grid .input-box, .content-grid .select-box, body.customer-account .fieldset .input-box, body.customer-account .fieldset .select-box {
    padding-bottom: 10px;
}

body.customer-account .fieldset .select-box {
    width: 292px;
}

body.customer-account .single-view {
    width: 18%;
}

body.customer-account-edit .container, body.customer-address-form .container {
    overflow: visible;
}

body.customer-account-edit form .box, body.customer-address-form .box {
    float: none;
}

.content-grid-holder.smallView {
    width: 40%;
    text-align: left;
}

.content-grid {
    width: 1180px;
    margin-bottom: 74px;
    margin-top: 50px;
    padding-top: 0;
}

.account-create .custom-checkbox label {
    padding-left: 6px;
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.account-create .terms {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
    width: 420px;
}

.vip-list {
    padding-bottom: 20px;
    list-style: disc;
    margin-left: 12px;
}

body.isAccount .box {
    border: none;
    padding-left: 0;
}

body.isAccount .box-account {
    margin-bottom: 30px;
    margin-top: 30px;
    padding-left: 0;
}

body.isAccount .box-account.normalHeight {
    min-height: 600px;
}

body.isAccount .main {
    padding-top: 0px;
    background-color: white;
}

body.isAccount .progress-bar-inner {
    display: inline-block;
}

/*.dashboard .box-account a, .customer-account-edit .box-account a, .customer-address-index .box-account a {*/
/*font-size: 11px;*/
/*font-weight: bold;*/
/*}*/

.floatRight, .content-grid > div.floatRight {
    float: left;
    padding-left: 77px;
}

.additional-address-listings {
    float: left;
    width: 305px;
}

.additional-address-listing-holder + .btn {
    clear: both;
    display: block;
    padding: 0;
}

.bg-pseudo-section, .content-grid {
    background: url("../images/section-border.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
}

.bg-pseudo-section, .content-grid {
    background-position: 0 center;
}

body.customer-account-login .content-grid, .customer-account-create .content-grid {
    background: none;
}

.account-login .content-grid > div:first-child {
    padding-right: 30px;
    border-right: 1px solid #e1e1e1;
}

.customer-account-create p {
    margin-top: 17px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.customer-account-create .fieldset {
    padding-right: 81px;
    border-right: 1px solid #e1e1e1;
}

.customer-account-create .floatRight {
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}

.customer-account-create .login-link-section {
    margin-left: 50px;
    padding-left: 0px;
    padding-right: 0px;
    width: auto;
}

.customer-account-create .selecter .selecter-selected {
    border: solid 1px #e1e1e1;
    padding: 12px 20px;
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: #222222;
    width: 480px;
    box-sizing: border-box;
}

.customer-account-create .selecter .selecter-options span:first-child {
    display: none;
}

body.customer-account-resetpassword #form-validate {
    padding-bottom: 50px;
    padding-left: 200px;
    padding-top: 50px;
}

body.customer-account-forgotpassword #form-validate {
    margin: 165px auto;
    width: 480px;
}

body.customer-account-forgotpassword .form-head h5 {
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
}

body.customer-account-forgotpassword .fieldset p {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

body.customer-account-forgotpassword .btn-green {
    width: 480px;
}

body.customer-account-changeforgotten #form-validate {
    margin: 165px auto;
    width: 480px;
}

body.customer-account-changeforgotten .form-head h5 {
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
}

body.customer-account-changeforgotten .fieldset p {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

body.customer-account-changeforgotten .btn-green {
    width: 480px;
}

.logoutPadding {
    padding-bottom: 50px;
    padding-left: 200px;
    padding-top: 50px;
}

body.isAccount ul.messages, body.iscustomer ul.messages {
    font-weight: bold;
    margin-top: 10px;
    padding-left: 10px;
}

body.isAccount .pointsMessage .ul.messages, body.iscustomer .pointsMessage ul.messages {
    padding-left: 0;
    font-weight: normal;
}

body.isAccount .icon-rewards-small {
    margin-left: 0px;
}

.reward-points-total {
    font-family: Graphik;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-align: left;
    color: #16b5a2;
    text-transform: capitalize;
    display: inline-block;
    padding-bottom: 20px;
}

body.isAccount .bg-pseudo-section {
    border-left: 1px solid #e1e1e1;
    height: 390px;
    left: 360px;
    position: absolute;
    width: 1px;
}

body.isAccount .container h3, h3.heading-w-border {
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
    margin-bottom: 17px;
}

body.isAccount .box-content {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

body.isAccount .dashboard {
    width: fit-content;
}

body.isAccount .dashboard-grid {
    padding: 34px 0px 100px;
}

body.isAccount .dashboard-grid .row {
    display: flex;
    width: 720px;
    padding-bottom: 35px;
    justify-content: space-between;
    position: relative;
    overflow: visible;
}

body.isAccount .dashboard-grid .row.top-border {
    border-top: solid 1px #ececec;
    padding-top: 30px;
}

body.isAccount .dashboard-grid .row .boxc {
    width: 320px;
}

body.isAccount .dashboard-grid .row .boxc .away {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.83;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

body.isAccount .dashboard-grid .row .boxc .points-label {
    font-family: Graphik;
    font-size: 12px;
    line-height: 1.25;
    text-align: right;
    color: #000000;
}

body.isAccount .container {
    line-height: 1.7;
}

body.isAccount .container address {
    font-style: normal;
}

body.customer-address-index .addresses-additional .box {
    width: 200%;
}

body.customer-account .col2-left-layout .box.addresses-additional {
    width: 1000px;
}

.customer-address-form label {
    font-size: 13px;
}

body.customer-account-edit .fieldset .input-box input {
    width: 318px;
}

body.customer-account-edit .fieldset .select-box {
    width: 341px;
}

body.customer-account-edit .fieldset .birth_month, body.customer-account-edit .fieldset .birth_day {
    width: 149px;
}

body.customer-account-edit .box-holder .box-account {
    padding-left: 0px;
}

.birth_controls, .state-zip-control {
    display: inline-block;
}

.birth_controls > *, .state-zip-control > * {
    float: left;
}

.birth_controls .select-box:first-child, .state-zip-control .select-box {
    margin-right: 20px;
}

body.customer-address-form .fieldset .input-box input {
    width: 341px;
}

body.customer-address-form .fieldset .select-box {
    width: 341px;
}

/*body.customer-address-form .fieldset .state-zip-control .select-box {*/
/*width: 151px;*/
/*}*/

body.customer-address-form .fieldset .state-zip-control .input-box input {
    width: 148px;
    margin-right: 45px;
}

body.isAccount .addresses-primary.col-1 .box:first-child {
    border-right: 1px solid #ccc;
    margin-bottom: 10px;
    margin-right: 50px;
    width: 350px;
}

.mainCheckBoxLabel {
    padding-left: 6px;
}

.mainCheckbox .checkbox {
    width: 17px;
    height: 17px;
}

.box-block-row {
    display: inline-block;
    width: 100%;
}

.sales-order-view .box-account {
    padding-left: 45px;
}

.box-block {
    min-height: 60px;
    margin-bottom: 50px;
    float: left;
    width: 200px;
}

.box-block.noFloat {
    float: none;
}

.sales-order-view .order-details {
    border-top: 1px solid #e1e1e1;
    padding-top: 40px;
}

.sales-order-view tfoot .a-right {
    text-align: left;
}

.sales-order-view .a-right, .sales-order-view tfoot .last.a-right {
    text-align: right;
}

.sales-order-view #my-orders-table {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.sales-order-view #my-orders-table a, .sales-order-view #my-orders-table a:hover, #reminder-table .product-name, #reminder-table .product-title a.product-name:hover {
    color: black;
}

.sales-order-view #my-orders-table tfoot {
    border-top: 1px solid #e1e1e1;
}

#reminder-table {
    width: 100%;
    font-size: 13px;
    font-weight: bold;
}

#reminder-table th {
    text-align: left;
}

#my-reviews-table {
    font-size: 13px;
    text-transform: none;
}

#my-reviews-table th {
    font-size: 11px;
}

.review-pager {
    float: right;
    margin-right: 40px;
    margin-top: -30px;
    width: 200px;
    color: black;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

.review-pager span {
    width: 130px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.review-pager a {
    text-decoration: none;
    color: black;
}

.review-pager .previous {
    float: left;
}

.review-pager .next {
    float: right;
}

#wishlist-view-form fieldset {
    border: none;
}

#wishlist-view-form .buttons-set {
    margin-top: 100px;
    border-top: 1px solid #e1e1e1;
    padding-top: 40px;
}

#share-wishlist-holder {
    padding-left: 30px;
}

.points-details {
    border-top: 1px solid #e1e1e1;
    margin-top: 30px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.points-details .accountTable {
    font-size: 13px;
    width: 60%;
}

.points-details .accountTable th {
    text-transform: none;
}

.points-details .accountTable td {
    font-weight: normal;
    text-transform: capitalize;
}

#wishlist-table a.product-name {
    display: block;
    width: 180px;
    text-transform: none;
}

#wishlist-table .btn-green {
    width: 100px;
}

#wishlist-table tbody td, #wishlist-table tbody td img {
    vertical-align: top;
}

#wishlist-table tbody td {
    padding-top: 15px;
}

#wishlist-table tbody tr td:first-child {
    padding-top: 0px;
}

.customer-balance .price {
    font-size: 13px;
}

.customer-balance .btn-green {
    width: 300px;
}

.accountTable {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    border: none;
}

.accountTable th {
    text-align: left;
}

.accountTable th.center {
    text-align: center;
}

.accountTable .product-name, .accountTable a.product-name:hover {
    color: black;
}

body.isAccount .accountTable textarea {
    height: 50px;
    width: 153px;
    padding: 7px 10px 6px;
}

body.isAccount textarea {
    border: 1px solid #d3d3d3;
    border-radius: 0;
    overflow: auto;
    resize: none;
    width: 278px;
    height: 160px;
}

.product-review .product-img-box {
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
}

.product-review .product-img-box > * {
    float: left;
}

.product-review .product-img-box a:first-child {
    margin-right: 50px;
}

.product-review .product-img-box .product-name {
    padding-bottom: 15px;
}

.product-review .box-block-row {
    margin-top: 40px;
    border-top: 1px solid #e1e1e1;
    width: 100%;
    padding-top: 30px;
}

.product-review .box-block-row .box-block {
    min-height: 150px;
    margin-left: 50px;
}

.product-review .box-block-row .box-block:first-child {
    margin-right: 50px;
    width: 300px;
    margin-left: 0px;
    border-right: 1px solid #e1e1e1;
}

.product-review .overall-rating {
    padding-bottom: 40px;
}

.review-recommendation-para {
    font-size: 10px;
    text-transform: uppercase;
}

.review-recommendation-para > span {
    font-weight: bold;
}

.your-rating-section {
    display: inline-block;
    width: 320px;
}

.your-rating-section > div {
    float: left;
    width: 82px;
    padding-left: 35px;
}

.your-rating-section > div:first-child {
    padding-left: 0px;
}

.your-rating-section .your-rating-heading {
    display: block;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

.review-detail-para {
    padding-top: 15px;
}

.sub-total-loading-holder, .checkout-loading-holder {
    height: 15px;
}

body.isAccount .best-seller-section .products-featured .box {
    width: 25%;
}

.points-label {
    float: right;
    position: relative;
}

span.small {
    font-size: 10px;
}

span.bold {
    font-weight: bold;
}

.back-to-orders a, .back-to-orders a:hover {
    color: black;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
}

body.isAccount .unavailable {
    font-style: italic;
}

body.isAccount ::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.35);
}

body.isAccount ::-moz-placeholder {
    color: rgba(0, 0, 0, 0.35);
    opacity: 1;
}

body.customer-account .col2-left-layout .box.addresses-additional {
    border-top: 1px solid #d3d3d3;
}

.account-login .content {
    width: 100%;
    text-align: center;

}

.account-login p {
    margin-top: 17px;
    padding-bottom: 24px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.account-login .input-box input {
    width: 480px;
    letter-spacing: 0;
    border: solid 1px #e1e1e1;
    border-radius: 0;
    height: auto;
    padding: 12px 20px;
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
    box-sizing: border-box;
}

.order-history-page {
    margin: 0 auto;
    width: 100%;
}

.order-history-page > div {
    padding-left: 40px;
}

#my-orders-table {
    margin: 0;
}

#my-orders-table th {
    width: 20%;
    text-align: left;
}

#my-orders-table td {
    padding-bottom: 5px;
}

#my-reviews-table {
    width: 980px;
}

#my-reviews-table th, #my-reviews-table .product-name {
    text-transform: uppercase;
}

#my-reviews-table .price-holder, #my-reviews-table .product-name {
    font-size: 11px;
}

.bottom-msg-para {
    width: 200%;
    border-top: 1px solid #e1e1e1;
    padding-top: 45px;
    padding-bottom: 45px;
    margin-top: 50px;
}

.additional-address-listings.disabled {
    color: #b2b2b2;
}

.additional-address-listings.disabled p:first-child {
    display: none;
}

.address-updated-text {
    color: #9e0039;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

body.customer-account .col2-left-layout .col-left.sidebar {
    float: left;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 163px;
    background-color: #fff;
    z-index: 2;
    padding: 60px 100px 0 80px;
}

body.customer-account .col2-left-layout .col-left.sidebar h3 {
    color: #b4975d;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 6px;
    text-transform: none;
}

body.customer-account .col2-left-layout .col-left.sidebar li {
    line-height: 1;
}

body.customer-account .col2-left-layout .col-left.sidebar a {
    font-family: Graphik;
    font-size: 14px;
    line-height: 2.0;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
}

body.customer-account .col2-left-layout .col-left.sidebar .current > a, body.customer-account .col2-left-layout .col-left.sidebar ul a:hover {
    color: #16b5a2;
    text-decoration: none;
}

body.customer-account .col2-left-layout .col2-set {
    height: 230px;
    width: 800px;
}

body.customer-address-index .col2-left-layout .col2-set {
    height: 600px;
}

body.customer-account .col2-left-layout .box {
    width: 50%;
}

body.customer-account .col2-left-layout .col2-set ~ .col2-set {
    border-top: 1px solid #e1e1e1;
    padding-top: 30px;
}

body.customer-account .box:before {
    bottom: 0;
    left: auto;
    content: normal;
}

body.customer-account .box:after {
    top: auto;
    left: auto;
    content: normal;
}

body.customer-account .my-wishlist .section-title-alt {
    margin-top: 30px;
    font-family: Lato;
}

.col2-left-layout .col-main {
    padding-left: 343px;
}

/* ==========================================================================
 * 	#Popups
 * 	========================================================================== */
.popups {
    padding-bottom: 50px;
}

.popup {
    width: 810px;
    padding: 33px 40px 40px;
}

.popup .x-close {
    display: inline-block;
    width: 14px;
    height: 15px;
    cursor: pointer;
    background: url(../images/new/x-close.svg) no-repeat 0 0px;
}

.popup h3 {
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.popup-cart-head {
    padding-bottom: 17px;
}

.popup-cart-body {
    overflow: hidden;
    padding-top: 3px;
    border: 0 solid #e1e1e1;
    border-top-width: 1px;
}

.popup-cart-products {
    max-height: 280px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popup-cart-products .table-products {
    padding-bottom: 10px;
}

.popup-cart-products .table-products td {
    padding-top: 20px;
}

.popup-cart-products .table-products td:first-child {
    padding-top: 0;
    padding-right: 20px;
    width: 80px;
}

.popup-cart-products .table-products .product-title {
    padding-bottom: 5px;
}

.popup-cart-products .table-products .product-meta {
    padding-bottom: 10px;
}

.popup-cart-products .ernobundle-options-items {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.67;
    letter-spacing: 0.3px;
    color: #9b9b9b;
}

.popup-cart-products .minikit-options-items li {
    margin: 5px 0;
    text-transform: capitalize;
    font-weight: normal;
}

.popup-cart-products .minikit-options-items span {
    display: none;
}

.popup-cart-products .table-products-single td {
    padding-top: 0;
}



.table-products-single tr + tr .product-total-price {
    padding-top: 0;
}

.popup-cart-total .middle {
    display: flex;
    justify-content: space-between;
}

.popup-cart-total {
    border-top: solid 1px #e0e0e0;
    padding-top: 10px;

}

.popup-cart-points {
    font-family: Graphik;
    font-size: 11px;
    line-height: 1.27;
    text-align: left;
    color: #000000;
}

.popup-cart-points .become-member {
    font-weight: 500;
    color: #000000;
}

.popup-cart-items {
    padding-bottom: 4px;
    font-size: 16px;
}

.popup-cart-total-price {
    padding-bottom: 2px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: right;
    color: rgba(0, 0, 0, 0.35);
}

.popup-cart-total-price strong {
    font-weight: 500;
    color: #222222;
}

.popup-cart-points {
    padding-bottom: 15px;
    font-size: 11px;
}

.popup-cart-actions {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 30px;
    align-items: center;
}

.popup-cart-actions .btn-underline {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.2px;
    text-align: center;
    color: #222222;
    margin-right: 30px;
}

.popup-cart-actions .btn-green {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    line-height: 50px;
    letter-spacing: 0.2px;
    text-align: center;
    color: #222222;
    width: 200px;
}

.popup-cart-note {
    font-size: 11px;
}

.popup .products-featured {
    overflow: hidden;
    padding-top: 30px;
}

.popup .products-featured-head {
    text-align: left;
}

.popup .product {
    position: relative;
    float: left;
    width: 210px;
}

.popup .product ~ .product {
    margin-left: 85px;
}

.popup .product .product-image {
    width: 210px;
    height: 270px;
}

.popup .form-account {
    width: 400px;
    margin: 0 auto;
}

.popup .form-account .form-body {
    width: 340px;
}

.popup .form-account .checkbox label {
    letter-spacing: -1px;
}

.popup-create-account {
    width: 655px;
    padding: 80px 0;
}

.popup-sign-in {
    width: 960px;
    padding: 60px 0 40px;
}

/* ==========================================================================
 * 	#Footer
 * 	========================================================================== */
.footer {
    padding: 0;
    background: none;
    font-family: Graphik, sans-serif;
}

.footer h5 {
    color: #fff;
    letter-spacing: 1px;
}

.footer h2 {
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.33;
}

.footer .socials {
    padding-bottom: 20px;
    text-align: left;
}

.footer .socials h5 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-right: 8px;
    vertical-align: middle;
}

.footer .socials a {
    filter: alpha(opacity=40);
    opacity: 1;
}

.footer .socials a ~ a {
    margin-left: 12px;
}

.footer .socials a:hover {
    opacity: 4;
    filter: alpha(opacity=100);
}

.footer-slogan, .footer-slogan a {
    text-align: center;
    color: #222222;
}

.footer-slogan h2 {
    line-height: 1.1;
}

.footer-slogan:after {
    content: '';
    display: block;
    left: 130px;
    width: 225px;
    height: 20px;
    border: solid 1.5px #ffc7b8;
    border-color: #ffc7b8 transparent transparent transparent;
    border-radius: 50%/9px 0px 0 0;
}

.footer .contacts {
    text-align: center;
    padding: 25px 0;
    background-color: #fafafa;
    border-bottom: solid 1px #ececec;
}

.footer .contacts span {
    font-family: FreightBig;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    text-align: left;
    color: #222222;
}

.footer .contacts ul, .footer .contacts ul a {
    margin: 0;
    padding: 0;
    display: inline-block;
    font-family: Graphik;
    font-size: 14px;
    line-height: 1.79;
    text-align: center;
    color: #222222;
}

.footer .contacts ul li {
    list-style-type: none;
    display: inline;
    padding: 0 20px;
}

.footer .contacts ul li + li {
    border-left: 1px solid #000000
}

.footer-inner {
    max-width: 980px;
    padding: 45px 0 32px 0;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.footer-cols {
    margin: 0 -10px;
}

.footer-col {
    padding: 0 10px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-col-1of5 {
    width: 120px
}

.footer-col-2of5 {
    /*width: 40%;*/
}

.footer-left {
    float: left;
}

.footer-right {
    float: right;
}

.nav-footer-secondary {
    padding: 29px 0;
    border-top: solid 1px #ececec;
}

.nav-footer-secondary .wrapper {
    margin: 0 auto;
    max-width: 960px;
    display: flex;
    justify-content: space-between;
}

.nav-footer-secondary span {
    font-family: Graphik;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    text-align: left;
    color: #222222;
}

.nav-footer ul,
.nav-footer-secondary ul {
    overflow: hidden;
    list-style: none outside none;

}

.nav-footer ul {
    width: 120px;
}

.nav-footer li,
.footer-forms li,
.nav-footer-secondary li {
    float: left;
}

.nav-footer a:hover,
.nav-footer-secondary a:hover {
    color: #FFC7B8;
    text-decoration: none;
}

.nav-footer-secondary li {
    font-weight: bold;
}

.nav-footer-secondary li,
.nav-footer-secondary a {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #9b9b9b;
    font-family: Graphik, sans-serif;
    line-height: 1.67;
}

.nav-footer .skin-assessment {
    min-width: 125px;
}

.footer-forms ul {
    list-style: none outside none;
}

.nav-footer li {
    float: none;
    letter-spacing: 1px;
}

.nav-footer .alt {
    padding-bottom: 10px;
    border-bottom: solid 1px #e1e1e1;
}

.nav-footer li + li {
    padding-left: 0;
}

.nav-footer a {
    font-family: Graphik;
    font-size: 12px;
    line-height: 2.5;
    letter-spacing: 0.2px;
    text-align: left;
    color: #000000;
}

.nav-footer .alt a {
    font-family: Graphik;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.67;
    letter-spacing: 0.2px;
    text-align: left;
    color: #222222;
}

.nav-footer-secondary li {
    font-size: 10px;
    margin: 0 30px 10px 0;
    font-weight: 300;
}

.nav-footer-secondary li:last-child {
    margin-right: 0;
}

.nav-footer-secondary li + li {
    padding-left: 0;
}

.footer-forms {
    padding: 25px;
    background: #222222;
    color: #fff;
}

.footer-forms span {
    font-family: FreightBig;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.5px;
    display: inline-block;
    vertical-align: middle;
}

.footer-forms strong {
    font-size: 12px;
    color: #9b9b9b;
    letter-spacing: 1px;
}

.footer-forms li {
    width: auto;
    float: none;
    text-align: center;
}

.footer-forms li + li {
    padding-left: 100px;
}

.footer-forms form {
    padding-top: 4px;
}

.footer-forms h5,
.footer-forms h5 {
    margin-right: 13px;
}

.footer-forms .form-controls {
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 0;
    margin: 0 0 0 25px;
}

.footer-forms .form-controls .validation-advice {
    position: absolute;
    bottom: -20px;
    z-index: 100;
    width: 500px;
    color: #FFF;
    text-align: left;
}

.footer-forms .field {
    float: left;
    width: 175px;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    color: #5d5d5d;
}

.footer-forms .form-controls .field {
    width: 270px;
    height: 51px;
    padding: 0 20px;
    color: #ffffff;
    border: 1px solid #ffc7b8;
}

.footer-forms .btn {
    width: 146px;
    height: 51px;
    text-align: left;
    padding-left: 40px;
    color: #ffffff;
    background: #ffc7b8;
    line-height: 51.5px;
    text-indent: 0;
    background-image: url(../images/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-position: 100px 19px;
    border: none;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    vertical-align: middle;
    font-family: Graphik;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.2px;
}

.footer-forms .btn:hover {
    background-color: #ffaa99;
}

.footer-forms .btn:after {
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff;
    margin: -2px 0 0 10px;
}

.footer-forms .icon-email,
.footer-forms .icon-pin {
    margin: -4px 4px 0 0;
}

/* ==========================================================================
 *     #Partner Files
 *     ========================================================================== */

/* ==========================================================================
 * 	#New styles
 * 	========================================================================== */
.container .partnershell {
    padding-top: 40px;
}

.col-set {
    width: 100%;
    overflow: hidden;
}

.col-set .col-1 {
    float: left;
    width: 28%;
    padding-right: 2%;
    box-sizing: border-box;
}

.col-set .col-2 {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
}

.col-set .col-2 {
    width: 72%;
    min-height: 350px;
}

.categories-nav {
    margin-bottom: 30px;
}

.partners-first-parent {
    font: normal 13px/13px 'Dienstag Medium', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding: 10px 0 10px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 10px;
}

.cat-products {
    margin-bottom: 15px;
}

.categories-nav ul,
.categories-nav dl {
    list-style: none outside none;
}

.categories-nav dl dt a {
    cursor: pointer;
    font: normal 13px/13px 'Dienstag Medium', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    display: block;
    margin-bottom: 6px;
    color: #000;
    text-decoration: none;
}

.categories-nav dd {
    display: none;
}

.categories-nav li a {
    display: block;
    font: normal 11px/12px 'ProNovReg', sans-serif;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    letter-spacing: 0.1em;
    padding: 5px 0;
}

.categories-nav li a.active,
.categories-nav li a:hover {
    font-weight: bold;
}

h3.page-title-alt {
    margin-bottom: 5px;
    font-size: 20px;
    line-height: 1.35;
    font-weight: normal;
    font-family: 'Dienstag Medium', Helvetica, 'Helvetica Neue', Arial !important;
}

#partners-heading {
    margin-bottom: 30px;
}

#partners-heading span {
    font-size: 13px;
    letter-spacing: .05em;
}

.partner-tabs {
    margin: 5px 0 20px 0px;
    width: 100%;
    max-width: 750px;
    min-height: 350px;
}

ul.partners-files-grid > li {
    border: 0px;
    float: left;
    list-style: none;
    margin: 20px 0 0 0;
    width: 25%;
    min-width: 140px;
    text-align: center;
}

.tabs > ul {
    position: relative;
    margin: 0;
    padding: 0.2em 0 0;
    border-bottom: 1px solid #DDDDDD;
}

.tabs > ul li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
    margin: 0 .2em 0px 0;
    border-bottom: 0 !important;
    padding: 0;
    white-space: nowrap;
    border: 1px solid #e4e4e4;
}

.tabs > ul a {
    float: left;
    padding: 1em 1em 1em;
    text-decoration: none;
}

.tabs > ul h2 {
    font: normal 13px/13px 'Lato', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #555;
    font-weight: bold;
}

.tabs > ul li.active a {
    cursor: default;
}

.tabs > ul li.active h2 {
    color: #000;
}

.tabs > ul li.active {
    margin-bottom: 0;
    padding-bottom: 1px;
    border-bottom: 0 none !important;
    background: #fff;
}

.tabs > ul li.active {
    top: 1px;
    z-index: 999;
}

.tabs .tab {
    display: none;
    border-width: 0;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    min-height: 100px;
    padding: 1em .8em 1em 1.4em;
    background: #fff;
}

.tabs .tab.active {
    display: block;
}

.tab-data {
    margin-top: -1px;
}

.tab-data ul li {
    float: left;
    width: 150px;
    text-align: center;
}

.partnershell .tab-data ul li {
    display: inline-block;
    float: none;
    margin: 12px;
    vertical-align: top;
    width: 150px;
}

.ui-tabs .ui-tabs-hide {
    display: none !important;
}

.dynamic-promo-message {
    color: #b4975d !important;
}

.sidebar .dynamic-promo-message {
    padding-top: 10px;
}

#storelocator-results {
    max-height: 518px;
    overflow: hidden;
    overflow-y: auto;
}

#storelocator-results #sidebar {
    padding-right: 10px;
}

/* ==========================================================================
 * 	# Jscrollpane custom styles
 * 	========================================================================== */

.jspTrack {
    background: #f8f8f8 none repeat scroll 0 0;
}

.jspDrag {
    background: #d0d0d0 none repeat scroll 0 0;
}

/* ------------------------------------------------------------ *\
 * 	HOME PAGE NEW STYLES
 * 	\* ------------------------------------------------------------ */

/*  Clear  */

.slide:after,
.features-primary:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/* ------------------------------------------------------------ *\
 * 		 Slider Shop
 * 		 	\* ------------------------------------------------------------ */

.slider-shop {
    max-width: 1200px;
    margin: 0 auto 70px;
    position: relative;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    transition: all 300ms;
}

.slider-shop.shown {
    opacity: 1;
    height: 100%;
    overflow: visible;
    visibility: visible;
}

.slider-shop h1 {
    font-family: 'Graphik', sans-serif;
    font-size: 32px;
    line-height: 1.16;
    letter-spacing: 0.025em;
    margin-bottom: 6px;
}

.slider-shop p {
    font-family: 'Graphik', sans-serif;
    font-size: 24px;
    line-height: 1.54;
    letter-spacing: 0.025em;
    padding-bottom: 51px;
}

.slider-shop .slide-shop .btn-teritary:before {
    top: -31px;
    left: 50%;
    margin-left: -197px;
    width: 395px;
}

.slider-shop .slide-shop {
    border: 1px solid #000;
}

.slider-shop .slide-shop .slide-content {
    text-align: center;
}

.slider-shop .slide-primary {
    background-color: rgba(228, 228, 228, 1);
    background: -webkit-linear-gradient(left, rgba(228, 228, 228, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(254, 254, 254, 1) 60%, rgba(254, 254, 254, 1) 66%, rgba(232, 232, 232, 1) 99%);
    background: linear-gradient(to right, rgba(228, 228, 228, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(254, 254, 254, 1) 60%, rgba(254, 254, 254, 1) 66%, rgba(232, 232, 232, 1) 99%);
    background: -o-linear-gradient(left, rgba(228, 228, 228, 1) 0%, rgba(254, 254, 254, 1) 34%, rgba(254, 254, 254, 1) 60%, rgba(254, 254, 254, 1) 66%, rgba(232, 232, 232, 1) 99%);
}

.slider-shop .slide-primary .slide-content {
    width: 49%;
    float: left;
    margin-top: 162px;
    padding-left: 70px;
}

.slider-shop .slide-primary .slide-image {
    width: 43%;
    float: right;
    text-align: center;
    position: relative;
    right: 30px;
}

.slider-shop .slide-secondary img {
    width: 426px;
}

.slider-shop .slide-secondary {
    background: url(../images/home-page/slide2-bg.png) no-repeat right 0;
    background-size: contain;
}

.slider-shop .slide-secondary .slide-image {
    width: 43%;
    float: left;
    text-align: right;
    padding: 69px 10px 0 0;
}

.slider-shop .slide-secondary .slide-content {
    width: 47%;
    float: left;
    margin-top: 215px;
}

.slider-shop .slide-teritary {
    background: url(../images/home-page/slide3-bg.jpg) no-repeat 0 0;
    position: relative;
}

.slider-shop .slide-teritary .slide-content {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -130px;
}

.slider-shop .slide-teritary .slide-image-primary {
    text-align: right;
    margin-top: -174px;
}

/* BX slider */

.bx-controls-direction {
    display: none;
}

.bx-pager {
    text-align: center;
    position: absolute;
    bottom: 5px;
    z-index: 999;
    width: 100%;
}

.bx-pager .bx-pager-item {
    display: inline-block;
    padding: 0 3px;
}

.bx-pager-link {
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #000;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.bx-pager-link.active {
    background: #ccc;
}

/* ------------------------------------------------------------ *\
 * 		Section Feature Primary
 * 			\* ------------------------------------------------------------ */

.section-features-primary {
    max-width: 1200px;
    margin: 0 auto;
}

/* ------------------------------------------------------------ *\
 * 		Section Banner
 * 			\* ------------------------------------------------------------ */

.section-banner {
    max-width: 1200px;
    margin: 0 auto;
}

/* ------------------------------------------------------------ *\
 * 		 Features Primary
 * 		 	\* ------------------------------------------------------------ */

.features-primary {
    margin-bottom: 70px;
}

.feature-primary {
    position: relative;
    text-align: center;
    width: 27.5%;
    float: left;
    box-sizing: border-box;
    margin-right: 8.7%;
}

.feature-primary:last-child {
    margin-right: 0;
}

.feature-primary h3 {
    font-family: 'Graphik', sans-serif;
    font-size: 1.385em;
    line-height: 1.22;
    text-transform: uppercase;
    color: #000;
}

.feature-primary p {
    font-family: 'Graphik', sans-serif;
    font-size: 1.385em;
    text-transform: uppercase;
}

.feature-primary img {
    width: 100%;
}

.feature-primary .feature-content {
    background: red;
    position: absolute;
    top: 60px;
    left: 15px;
    right: 15px;
    bottom: 60px;
    width: auto;
}

/* rgba( 255, 255, 255,0.85) */

/* ------------------------------------------------------------ *\
 * 		 Icons
 * 		 	\* ------------------------------------------------------------ */

.ico-arrow-large {
    background: url(../images/home-page/ico-arrow-large.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 42px;
    margin-left: 10px;
}

/* ------------------------------------------------------------ *\
 * 		 Button Teritary Small
 * 		 	\* ------------------------------------------------------------ */

.btn-teritary-small {
    font-family: 'Graphik', sans-serif;
    font-size: 24px;
    color: #000;
}

/* ------------------------------------------------------------ *\
 * 		 Button Teritary
 * 		 	\* ------------------------------------------------------------ */

.btn-teritary {
    font-family: 'Graphik', sans-serif;
    font-size: 30px;
    color: #000;
    position: relative;
    text-align: center;
}

.btn-teritary:before {
    content: '';
    width: 243px;
    height: 1px;
    background: #000;
    display: inline-block;
    position: absolute;
    top: -12px;
    left: -30px;
}

/* ------------------------------------------------------------ *\
 * 		 Banner Primary
 * 		 	\* ------------------------------------------------------------ */

.banner-primary {
    background-size: cover;
    width: 100%;
}

.banner-primary img {
    width: 100%;
    height: auto;
}

.banner-primary .banner-primary-content {
    width: 50%;
    float: right;
    text-align: center;
    padding: 42px 80px 0 0;
    letter-spacing: 0.025em;
}

.banner-primary h1 {
    font-family: 'Graphik', sans-serif;
    font-size: 32px;
    line-height: 1.16;
    margin-bottom: 5px;
}

.banner-primary p {
    font-family: 'Graphik', sans-serif;
    font-size: 24px;
    line-height: 1.54;
    padding-bottom: 23px;
}

.slides-shop.special-offers img {
    width: 100%;
    height: auto;
}

/* ------------------------------------------------------------ *\
 * 	// HOME PAGE NEW STYLES
 * 	\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
 * 	container-secondary
 * 	\* ------------------------------------------------------------ */

.container-secondary {
    background: #fff;
}

/* ------------------------------------------------------------ *\
 * 	Intro
 * 	\* ------------------------------------------------------------ */

.intro-teritary {
    text-align: center;
    min-height: 621px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

.intro-teritary img {
    display: none;
}

/*  Form-register  */

.form-register * {
    box-sizing: border-box;
}

.form-register {
    font-family: 'Lato', sans-serif;
}

.form-register .form-col {
    width: 50%;
    float: left;
}

.form-register .form-col:first-child {
    padding-right: 18px;
}

.form-register .form-col:last-child {
    padding-left: 18px;
}

.form-register .form-row {
    margin-bottom: 23px;
}

.form-register .hidden {
    display: none;
}

.form-register .form-label-secondary {
    position: relative;
    padding-right: 15%;
    font-size: 13px;
    text-align: left;
    padding-top: 10px;
}

.form-register .form-label-secondary a {
    color: #000;
    text-decoration: underline;
}

.form-register .form-label-secondary a:hover {
    text-decoration: none;
}

.form-register .form-label-secondary:before {
    content: "";
    display: inline-block;
    background: url(../images/ico-check-inactive.png) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    position: absolute;
    right: 70px;
    top: 50%;
    margin-top: -14px;
    cursor: pointer;
}

.form-register input:checked + .form-label-secondary:before {
    content: "";
    display: inline-block;
    background: url(../images/ico-check-active.png) 0 0 no-repeat;
    width: 27px;
    height: 27px;
}

.form-register .field {
    height: 57px;
    line-height: 57px;
    width: 100%;
    border: 1px solid #000;
    font-size: 22px;
    color: #000;
    padding-left: 14px;
}

.form-register .form-btn {
    width: 100%;
    height: 57px;
    border: 1px solid #000;
    background: #c9eada;
    font-size: 22px;
    text-transform: uppercase;
    transition: all .5s;
    line-height: 57px;
}

.form-register .form-btn:hover {
    background: #a9d8c1;
    cursor: pointer;
}

.form-register .ico-arrow-right {
    display: inline-block;
    background: url(../images/ico-arrow-right.png) 0 0 no-repeat;
    width: 36px;
    height: 35px;
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.form-register .field::-webkit-input-placeholder {
    color: #000;
}

.form-register .field:-moz-placeholder { /* Firefox 18- */
    color: #000;
}

.form-register .field::-moz-placeholder { /* Firefox 19+ */
    color: #000;
}

.form-register .field:-ms-input-placeholder {
    color: #000;
}

/*  Clear  */
.store-locator-footer-link:after,
.form-register .form-row:after,
.section-form:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/* ------------------------------------------------------------ *\
 * 	Section-form
 * 	\* ------------------------------------------------------------ */

.section-form * {
    box-sizing: border-box;
}

.section-form .section-aside {
    font-family: 'Graphik';
    width: 47%;
    float: left;
    padding-right: 8%;
    padding-left: 2%;
    font-size: 15px;
}

.section-form .section-aside a {
    color: #000;
    text-decoration: underline;
}

.section-form .section-aside a:hover {
    text-decoration: none;
}

.section-form .section-content {
    font-family: 'Dienstag Medium', sans-serif;
    width: 53%;
    float: right;
    padding-right: 2%;
    padding-top: 0;
}

/* Confirmation */

.section-form .ico-arrow-right {
    display: inline-block;
    background: url(../images/ico-arrow-right.png) 0 0 no-repeat;
    width: 36px;
    height: 35px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    left: 12px;
}

.section-form .section-confirm {
    display: none;
    font-family: 'Lato', sans-serif;
    position: fixed;
    top: 40%;
    left: 50%;
    width: 650px;
    height: auto;
    background: #fff;
    z-index: 100;
    border: 1px solid #000;
    padding: 50px 60px;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.section-form .section-confirm h1 {
    font-size: 31px;
    font-weight: 700;
    text-transform: unset;
    margin-bottom: 30px;
}

.section-form .section-confirm p {
    font-size: 23px;
    letter-spacing: 0.03em;
    line-height: 1.2;
    margin-bottom: 13px;
}

.section-form .btn-teritary:before {
    background: none;
}

.section-form .section-confirm .btn-teritary {
    font-size: 23px;
    text-decoration: none;
    color: #000;
    transition: none;
}

.section-form .section-confirm .btn-teritary:hover {
    color: #bca168;
}

.section-form .section-confirm .btn-teritary:hover .ico-arrow-right {
    background: url(../images/ico-arrow-right-hover.png)
}

.nav-secondary .active {
    color: #b4975d;
!important;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.sticky {
    position: relative !important;
}

.institute-error-msg, .institute-success-msg {
    display: none;
    color: #9e0039;
}

.reminder .tooltip {
    border: solid 1px #e8e8e8;
    background-color: #fff;
    color: #000;
    left: 30px;
    top: -50px;
    text-align: left;
    cursor: default;
    -webkit-box-shadow: 0px 0px 4px 0px #eee;
    box-shadow: 0px 0px 4px 0px #eee;
}

.reminder .tooltip {
    top: 20px;
    left: 94px;
}

.reminder .tooltip .inside {
    padding: 15px 15px 0px 15px;
    width: 147px;
}

.reminder .tooltip h4 {
    border-bottom: 1px solid #000000;
    font-size: 12px;
    letter-spacing: 0;
    padding-bottom: 5px;
}

.reminder .tooltip span.close-tooltip {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../images/sb_close.png) 0 0 no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.reminder .tooltip p {
    font-size: 11px;
    font-weight: normal;
    text-transform: initial;
}

.tooltip {
    background: #fff;
    color: #000;
    position: absolute;
    z-index: 150;
    display: none;
}

.field[id="billing:region"], .field[id="shipping:region"] {
    width: 118px;
}

/* ME+ Popup on PDP */
.form-product-add .form-row.clearfix {
    position: relative;
    overflow: visible;
}

.form-product-add .form-row .btn-green {
    width: 180px;
}
.product-points-popup, .erno-popup {
    display: none; /*position: absolute;*/
    position: fixed;
    z-index: 99999;
    top: 208px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 20px 20px 50px 20px;
    background: #fff;
    width: 450px;
    margin: 0 auto;
    box-sizing: border-box;
}

.erno-popup {
    width: 550px;
}

.product-points-popup .btn-close, .erno-popup .btn-close {
    margin: 0 0 14px;
    color: #000;
    float: right;
    cursor: pointer;
}

.product-points-popup .btn-close:hover, .erno-popup .btn-close:hover {
    text-decoration: none;
    color: #16b5a2;
}

.product-points-popup .ico-close, .erno-popup .ico-close {
    position: relative;
    top: -1px;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    background: url(../images/close-x.svg) no-repeat 0 0;
    background-size: 14px 14px;
}

.product-points-popup > span, .erno-popup > span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16b5a2;
    margin: 20px auto 0;
    display: block;
}

.product-points-popup h2, .erno-popup h2 {
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
    margin-top: 10px;
}

.product-points-popup p, .erno-popup p {
    text-transform: none;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
    max-width: 320px;
    margin: 10px auto 0;
}

.product-points-popup .btn-green, .erno-popup .btn-green {
    width: 200px;
    margin: 0 auto;
    display: block;
}

/* HOMEPAGE */
/* ------------------------------------------------------------ *\
 *
 *
 */* ------------------------------------------------------------ *\
	icons
\* ------------------------------------------------------------ */

.cms-index-index .ico-arrow {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico-arrow.png) no-repeat 0 0;
    width: 42px;
    height: 42px;
}

.cms-index-index .ico-arrow-small {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico-arrow-small.png) no-repeat 0 0;
    width: 28px;
    height: 28px;
}

.cms-index-index .ico-arrow-white {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico-arrow-white.png) no-repeat 0 0;
    width: 28px;
    height: 29px;
}

/* ------------------------------------------------------------ *\
 * 	intro
 *
 * 	\* ------------------------------------------------------------ */

/*.cms-index-index .intro-secondary { background: url(../images/intro-image.jpg) no-repeat center center; background-size: cover; height: 647px; position: relative; }*/
.cms-index-index .intro-secondary .intro-content {
    width: 18.6%;
    position: absolute;
    right: 12%;
    bottom: 14%;
    text-align: center;
}

.cms-index-index .intro-secondary .intro-content h1 {
    font-family: 'Graphik';
    font-weight: 400;
    font-size: 32px;
    line-height: 1.16;
}

.cms-index-index .intro-secondary .intro-content h1 + h1 {
    margin-top: 30px;
}

.cms-index-index .intro-secondary .intro-content h1 strong {
    font-weight: 700;
}

.cms-index-index .intro-secondary .intro-actions {
    margin-top: 40px;
    border-top: 1px solid #000;
    padding-top: 25px;
}

.cms-index-index section[class*="section-"] {
    cursor: pointer;
}

/* ----------------------------------------------------------- - *\
 * 	sections
 * 	\* ------------------------------------------------------------ */

.cms-index-index .section {
    background-size: 110%;
    background-position: center;
    -webkit-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s;
}

.cms-index-index .section.section-secondary:hover,
.cms-index-index .section.section-teritary:hover { /* background-size: 100%; position: relative; */
}

.cms-index-index .section h1 {
    font-family: 'Graphik';
    font-weight: 400;
    font-size: 32px;
}

.cms-index-index .section h1 strong {
    font-weight: 700;
    line-height: 1;
}

.cms-index-index .section h1 + h1 {
    margin-top: 25px;
}

.cms-index-index .section + .section {
    border: none;
}

.cms-index-index .section.section-primary {
    padding: 0;
    padding-top: 0;
}

.cms-index-index .section.section-secondary {
    background: url(../images/section-secondary-bg.jpg) no-repeat center center;
    background-size: 100%;
    min-height: 475px;
    padding: 0;
}

.cms-index-index .section.section-teritary {
    background: url(../images/section-teritary-bg.jpg) no-repeat center center;
    background-size: 100%; /* padding: 56px 0; */
}

.cms-index-index .section-image {
    float: right;
    width: 65%;
    overflow: hidden;
}

.cms-index-index .section-image img {
    width: 100%;
    height: auto;
    transform: scale(1.1);
    transition: transform .5s;
}

.cms-index-index .section-image:hover img { /* transform: scale(1); */
}

.cms-index-index .section-content {
    float: left;
    width: 35%;
    text-align: center;
    padding-top: 80px;
}

.cms-index-index .section-content-secondary {
    margin-right: 85px;
    float: right;
    text-align: center;
}

.cms-index-index .section-content-teritary {
    background: rgba(255, 255, 255, .85);
    text-align: center;
    width: 35%;
    padding-top: 62px;
    padding-bottom: 45px;
    margin-left: 100px;
}

.cms-index-index .section-teritary .section-actions {
    margin-left: 100px;
    margin-right: 100px;
    margin-top: 42px;
    padding-top: 32px;
}

.cms-index-index .section-secondary .section-actions {
    margin-left: 0;
    margin-right: 0;
}

.cms-index-index .section-actions {
    margin: 38px 115px 0;
    padding-top: 30px;
    border-top: 1px solid #000;
}

.cms-index-index .main section.section {
    margin-right: auto;
    margin-left: auto;
    max-width: 1200px
}

/* ------------------------------------------------------------ *\
 * 	feature
 * 	\* ------------------------------------------------------------ */

.cms-index-index .features {
    text-align: center;
    padding: 4px 0;
}

.cms-index-index .intro-secondary, .section.section-primary, .section.section-secondary, .section.section-teritary {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px
}

.cms-index-index .features .feature {
    cursor: pointer;
    display: inline-block;
    position: relative;
    width: 30.75%;
}

.cms-index-index .features .feature img {
    border: 1px solid #000;
    width: 100%;
    height: auto;
}

.cms-index-index .features .feature h2 {
    font-family: 'Graphik';
    font-weight: 700;
    font-size: 18px;
}

.cms-index-index .features .feature + .feature {
    margin-left: 40px;
}

.cms-index-index .features .feature-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 61%;
    padding-top: 30px;
    padding-bottom: 25px;
}

.cms-index-index .features .feature-inner h2 {
    margin-bottom: 15px;
    position: relative;
}

.cms-index-index .features .feature-actions .btn-secondary {
    font-size: 24px;
    display: inline-block;
    position: relative;
    padding-right: 30px;
    width: 100%;
    margin-top: 10px;
    transition: color 0s;
}

.cms-index-index .features .feature:hover .feature-inner {
    background: rgba(0, 0, 0, .5);
}

.cms-index-index .features .feature:hover .feature-inner h2 {
    color: #fff;
}

.cms-index-index .features .feature:hover .feature-inner h2:after {
    background: #fff;
}

.cms-index-index .features .feature:hover .feature-inner .btn-secondary {
    color: #fff;
}

.cms-index-index .features .feature:hover .feature-inner .btn-secondary i {
    background: url(../images/ico-arrow-white.png) no-repeat 0 0;
    width: 28px;
    height: 28px;
}

.cms-index-index .features .feature:first-child h2:after,
.cms-index-index .features .feature:nth-child(2) h2:after,
.cms-index-index .features .feature:last-child h2:after {
    display: inline-block;
    content: '';
    height: 1px;
    background: #000;
    width: 100%;
    position: absolute;
    bottom: -15px;
    width: 90%;
    left: 11px;
}

.cms-index-index .features .feature:first-child h2:after {
    width: 50%;
    left: 60px;
}

.cms-index-index .features .feature:last-child h2:after {
    width: 60%;
    left: 50px;
}

/* ------------------------------------------------------------ *\
 * 	helperscms-index-index
 * 	\* ------------------------------------------------------------ */

.cms-index-index .intro-secondary:after,
.cms-index-index .features:after,
.cms-index-index .section:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/* ------------------------------------------------------------ *\
 * 	btn
 * 	\* ------------------------------------------------------------ */

.cms-index-index .btn-secondary {
    font: 30px 'Graphik';
    color: #000;
    text-decoration: none;
    display: inline-block;
    transition: color 0s;
}

.cms-index-index .btn-secondary:hover {
    text-decoration: none;
    color: #B4975D;
}

.cms-index-index .btn-secondary:hover i {
    background: url(../images/ico-arrow-hover.png) no-repeat 0 0;
    width: 42px;
    height: 42px;
}

.cms-index-index .intro-secondary {
    cursor: pointer
}

/* ------------------------------------------------------------ *\
 * 	Shell
 * 	\* ------------------------------------------------------------ */

.shell-large {
    max-width: 1180px;
}

/* ------------------------------------------------------------ *\
 * 	Banner
 * 	\* ------------------------------------------------------------ */

.main > .banner-shop:first-child {
    margin-top: -30px;
    margin-bottom: 30px;
}

.banner-shop {
    margin: 0 auto 50px;
    cursor: pointer;
}

.banner-shop .banner-image {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 57%;
    height: auto;
}

.banner-shop-alt .banner-image {
    left: 0;
    right: auto;
}

.banner-shop-wide .banner-image {
    width: 100%;
}

.banner-shop .banner-text {
    transform: translateY(0);
    position: relative;
    top: auto;
    left: auto;
    z-index: 2;
    width: 43%;
    padding: 110px 0 150px;
    text-align: center;
}

.banner-shop-wide .banner-text {
    padding: 160px 0 190px;
}

.banner-shop-alt .banner-text {
    margin-left: auto;
}

.banner-shop .banner-text-inner {
    display: inline-block;
    width: 350px;
}

.banner-shop-wide .banner-text-inner {
    width: 374px;
}

.banner-shop-wide-alt .banner-text {
    width: auto;
    padding: 90px 0 100px;
}

.banner-shop-wide-alt .banner-text-inner {
    width: 575px;
}

.banner-shop h2.freight {
    font-family: FreightBig;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
    letter-spacing: 0;
}

.banner-shop h2.blackdiamond {
    font-family: 'BlackDiamond';
    text-transform: capitalize;
    font-size: 85px;
    color: #f31547;
    letter-spacing: 0;
}

.banner-shop h3 {
    margin-bottom: 35px;
}

.banner-shop h6:first-child {
    font-family: "Graphik", sans-serif;
    margin-bottom: 20px;
    font-weight: 500;
}

.banner-shop p {
    font-size: 12px;
    line-height: 1.33;
    font-family: "Graphik", sans-serif;
    letter-spacing: 0.1em;
}

.banner-shop-wide-alt p {
    font-size: 14px;
    line-height: 1.29;
}

.banner-shop .actions {
    padding-top: 35px;
    border-top: 3px solid #000;
    margin-top: 36px;
    width: 248px;
}

.banner-shop .actions a {
    font-size: 12px;
    color: #231f20;
    text-transform: uppercase;
    font-family: "Graphik", sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
}

.banner-shop .actions a:hover {
    text-decoration: none;
    color: #b4975d;
}

.banner-shop .actions a:hover span {
    border-color: transparent transparent transparent #b4975d;
}

.banner-shop .actions a .arrow {
    margin-left: 3px;
}

.banner-shop .actions.align-left {
    text-align: left;
}

.actions.actions--underlined {
    border: none;
    margin: 0;
    width: auto;
    padding: 30px 0;
}

.actions.actions--underlined .banner-shop-wide__caption {
    position: static;
    padding-bottom: 0;
    margin-top: 0;
}

.actions.actions--underlined a {
    line-height: initial !important;
    border-top: solid 1px #000;
    display: inline-block;
    min-width: 280px;
    padding-top: 30px
}

/* ------------------------------------------------------------ *\
 * 	Callouts Secondary
 * 	\* ------------------------------------------------------------ */

.callouts-secondary {
    margin-bottom: 60px;
}

.callouts-secondary ul {
    overflow: hidden;
}

.callouts-secondary li {
    float: left;
    width: 49%;
}

.callouts-secondary li ~ li {
    margin-left: 2%;
}

.callouts-secondary a {
    font-family: "Graphik", sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #000;
}

.callouts-secondary a:hover {
    text-decoration: none;
}

.callouts-secondary img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 18px;
}

.callouts-secondary strong {
    font-family: 'Graphik', sans-serif;
    font-size: 24px;
    line-height: 1.67;
    letter-spacing: 0.1em;
    font-weight: 500;
}

.callouts-secondary a > span {
    display: block;
    font-size: 12px;
}

.callouts-secondary a > span:hover {
    color: #b4975d;
}

.callouts-secondary a > span:hover .arrow-black-right {
    border-color: transparent transparent transparent #b4975d;
}

.callouts-secondary h2.encorpada {
    font-family: 'Encorpada Classic W01 Bold', sans-serif;
    letter-spacing: 0.1em;
    letter-spacing: 0;
    font-size: 46px;
    text-transform: none;
    font-size: 26px;
    padding: 15px 0;
    text-align: center
}

h6.callouts-header {
    width: 100%;
    text-align: center;
    margin: -10px 0 40px 0;
    font-size: 14px;
    font-weight: 800;
    font-family: 'Graphik', sans-serif;
    position: relative;
}

h6.callouts-header:after, h6.callouts-header:before {
    display: block;
    content: '';
    background: #000;
    width: 15%;
    height: 2px;
    position: absolute;
    z-index: 0;
}

h6.callouts-header:before {
    top: 7px;
    left: 0;
}

h6.callouts-header:after {
    top: 7px;
    right: 0;
}

h6.callouts-header span {
    border: none;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 0 1em;
}

/* ------------------------------------------------------------ *\
 * 	Products Featured Alt
 * 	\* ------------------------------------------------------------ */

.products-featured-alt .products-featured-head {
    padding-top: 40px;
    border-top: 3px solid #000;
    color: #231f20;
}

.products-featured-alt .products-featured-head .actions {
    padding-top: 20px;
}

.products-featured-alt .products-featured-head a {
    color: #000;
    font-size: 12px;
    font-family: "Graphik", sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.products-featured-alt .products-featured-head a:hover {
    text-decoration: none;
    color: #b4975d;
}

.products-featured-alt .products-featured-head a:hover .arrow-black-right {
    border-color: transparent transparent transparent #b4975d;
}

.products-featured-alt .products-featured-head a > span {
    margin-left: -2px;
}

.products-featured-alt .boxes .box ~ .box {
    border-left: 0 none;
}

.products-featured-alt .product-entry h6 {
    margin-bottom: 15px;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.products-featured-alt .product .rate {
    padding-bottom: 14px;
}

.unregistered_user_create_account a {
    display: inline !important;
}

.unregistered_user_create_account span {
    padding-left: 5px;
}

.absolute-hidden-position {
    position: absolute;
    left: -9999px;
}

.sidebar-head .edit-bag {
    width: 100%;
    text-align: center;
}

.ico-me {
    display: inline-block;
    width: 20px;
    height: 7px;
    background: url(../images/new/ico-me.png);
    -webkit-background-size: 20px 7px;
    background-size: 20px 7px;
}

.products .product-points .ico-me {
    margin-left: -30px;
}

/* ------------------------------------------------------------ *\
 * 	Sticky Header
 * 	\* ------------------------------------------------------------ */

.header-content.header-sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 16px;
    z-index: 12;
    background: #fff;
    border-bottom: solid 1px #454545;
}

.header-content.header-sticky:after {
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

.header-content.header-sticky .nav-user.nav-user-alt {
    display: none;
}

.header-content.header-sticky .nav {
    padding-top: 3px;
    padding-left: 0;
}

.header-content.header-sticky .nav > ul > li > a {
    font-weight: 300;
}

.header-content.header-sticky .nav li {
    padding-bottom: 20px;
}

.header-content.header-sticky .nav li li {
    padding-bottom: 0;
}

.header-content.header-sticky .nav-user {
    float: right;
    position: static;
    margin-top: -66px;
}

.header-content.header-sticky .nav-user > ul > li {
    height: auto;
    padding-top: 0;
}

.header-content.header-sticky .nav-user > ul > li:first-child {
    margin-top: 0;
}

.header-content.header-sticky .nav .dropdown {
    margin-top: -21px;
}

.header-content.header-sticky .logo {
    z-index: 101;
    position: fixed;
    top: 15px;
    left: 27px;
}

.header-content.header-sticky .logo a {
    width: 81px;
    height: 61px;
    background-size: 81px 61px;
    font-size: 0;
    line-height: 0;
    text-indent: -4004px;
}

.header .mini-search .form-search .field-search {
    font-size: 12px;
    padding-left: 0;
    width: 241px;
}

.header .mini-search .form-search:after {
    border-bottom: 1px solid #dbdcde;
    box-shadow: 0 1px 0px rgba(240, 240, 241, 1);
    content: ' ';
    display: inline-block;
    width: 208px;
    height: 2px;
    position: absolute;
    bottom: 17px;
    left: 11px;
}

.header .nav-link-search {
    position: relative;
}

.header .nav .nav-link-search .form-search-container {
    position: absolute;
    float: none;
    top: 100%;
    right: 13px;
    padding-top: 16px;
    display: none;
}

.header .nav .nav-link-search .form-search-container .form-search {
    padding: 11px 11px 17px;
    color: #c5c6c9;
    font-size: 11px;
    background: #fff;
    z-index: 9999;
    width: 251px;
    border: 1px solid #f6f6f6;
    box-shadow: 0 0 0 1px rgba(204, 205, 206, 1);
    font-size: 13px;
}

.header-content.header-sticky .nav-user {
    margin-top: -38px;
}

.header .nav .nav-link-search:hover .form-search-container {
    display: block;
}

.header .nav .nav-link-search:hover .nav-icon-state-active {
    display: inline-block;
}

.header .nav .nav-link-search:hover .nav-icon-state-defoult {
    display: none;
}

.header .nav .nav-link-search .nav-icon-state-defoult {
    width: 12px;
    height: 12px;
    display: inline-block;
    line-height: 0;
    font-size: 0;
    border: 0;
    position: relative;
    top: -5px;
    left: 4px;
}

.header .nav .nav-link-search .nav-icon-state-active {
    width: 12px;
    height: 12px;
    line-height: 0;
    font-size: 0;
    border: 0;
    display: none;
    position: relative;
    top: -5px;
    left: 4px;
}

.nav-link-search .ico-search-small {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico-search-small.png) no-repeat 0 0;
    width: 12px;
    height: 11px;
    background-size: 12px 11px;
}

.nav-link-search .ico-cross-small {
    display: inline-block;
    vertical-align: middle;
    background: url(../images/ico-cross-small.png) no-repeat 0 0;
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
}

.wide-search {
    display: block;
}

.mini-search {
    display: none;
}

.selecter .selecter-item {
    font-family: 'Graphik';
    font-weight: normal;
}

/* ==========================================================================
 * 	#Media Queries
 * 	========================================================================== */
@media (max-width: 1400px) {
    .faq-links .col-1of2 {
        width: 455px;
    }
}

@media screen and (max-width: 1380px) {
    .product-points-popup {
        padding-right: 18px;
    }

    .product-points-popup p {
        text-align: center;
        white-space: normal;
    }

    .product-points-popup .btn {
        text-align: center;
    }

    .cms-index-index .section-content-teritary, .cms-index-index .section.section-secondary {
        padding: 0px;
    }

    .cms-index-index .section.section-teritary, .cms-index-index .section.section-secondary {
        min-height: 475px;
    }

    .cms-index-index .section.section-teritary {
        min-height: 475px;
        padding: 0;
    }
}

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

    .cms-index-index .section.section-teritary, .cms-index-index .section.section-secondary {
        min-height: 475px;
        padding: 0px;
    }

}

@media (max-width: 1270px) {
    /* ==========================================================================
 * 		#Containers
 * 			========================================================================== */
    .shell {
        width: 960px;
    }

    /* ==========================================================================
 * 		#Header
 * 			========================================================================== */
    /*.nav > ul > li { padding: 20px 9px 0; }*/
    /*.nav > ul > li > a { font-size: 10px; }*/
    /*.nav-user > ul > li {*/
    /*padding: 20px 10px 0px;*/
    /*}*/
    .nav-user .has-dropdown > span {
        margin: 0;
        padding: 0 0 6px;
    }

    .field-search {
        width: 85px;
    }

    .dropdown .links-help {
        letter-spacing: 0px;
    }

    .dropdown .link-col {
        width: 190px;
    }

    .dropdown .link-col ~ .link-col {
        padding-left: 0;
    }

    .nav .dropdown .callouts {
        padding: 6px 0 0 60px;
        margin-bottom: 20px;
    }

    /* ==========================================================================
 * 		#Main
 * 			========================================================================== */
    .main-secondary .main-body-inner {
        padding: 0 15px;
    }

    .section-border .section-inner {
        background-position: -100px 0;
    }

    .sidebar-big {
        width: 265px;
    }

    .sidebar {
        width: 265px;
    }

    .content {
        width: 670px;
    }

    .content-small {
        width: 650px;
    }

    .col-1of2 {
        width: 292px;
    }

    .col-1of2 ~ .col-1of2 {
        padding-left: 90px;
    }

    .col-1of3 {
        width: 220px;
    }

    .review-rating li + li {
        padding-left: 5px;
    }

    .expert-avatar {
        padding-right: 15px;
    }

    .list-product-videos li {
        width: 440px;
    }

    .list-product-videos li + li {
        padding-left: 40px;
    }

    .video {
        position: relative;
        padding-bottom: 56.25% !important; /* 16:9 */
        padding-top: 25px;
        height: 0;

    }

    .video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .form-promo .field {
        width: 160px;
    }

    .table-products .product-total-price {
        padding-left: 30px;
    }

    .box {
        padding: 10px;
    }

    .white-box,
    .box:after,
    .box:before {
        width: 30px;
        height: 30px;
    }

    .box:before {
        bottom: -15px;
        left: -15px;
    }

    .box:after {
        left: -15px;
        top: -15px;
    }

    .white-box {
        right: -15px;
        top: -15px;
    }

    /* ==========================================================================
 * 		#Quote
 * 			========================================================================== */
    .quote-text {
        right: 0;
    }

    /* ==========================================================================
 * 		#Featured Box
 * 			========================================================================== */
    .featured-box-membership {
        width: 400px;
        height: 400px;
    }

    .featured-box-membership .featured-box-image img {
        width: 100%;
        height: 100%;
    }

    .featured-box-tips .featured-box-image {
        height: 400px;
    }

    .featured-box-tips .featured-box-text {
        top: 40px;
        width: 324px;
        height: 250px;
        padding-top: 60px;
        margin-left: 0;
        background-size: cover;
    }

    .featured-box-tips .actions {
        padding-top: 0;
    }

    .featured-box-overlay p {
        font-size: 12px;
        padding: 10px 0 19px;
    }

    .featured-box-introducing .featured-box-text {
        right: 3%;
    }

    .box .quote-text {
        padding: 7px 20px 0;
    }

    .box .quote-text .erno-sign {
        padding-top: 4px;
    }

    .quote-text blockquote span {
        font-size: 44px;
    }

    .quote-text blockquote {
        font-size: 14px;
    }

    .quickshop-box .product-details-left {
        width: 230px;
    }

    .quickshop-box .product-details-left .product-description {
        font-size: 11px;
    }

    .quickshop-box .product-details-left .product-description-head,
    .quickshop-box .product-details-left .product-description-body,
    .quickshop-box .product-details-left .product-description h6,
    .quickshop-box .product-details-left .product-description p {
        padding-bottom: 5px;
    }

    .quickshop-box .product-details-left .product-description-head h3 {
        padding-bottom: 0;
    }

    .promo-image img {
        width: 100%;
        height: auto;
    }

    /* ==========================================================================
 * 		#Product Details
 * 			========================================================================== */
    .product-details-left {
        width: 285px;
    }

    .product-details-right {
        width: 275px;
    }

    .form-product-add .product-points {
        padding-left: 10px;
    }

    .form-product-add .btn-bordered {
        padding: 14px 5px 13px 13px;
    }

    .form-product-add .form-email .field {
        width: 140px;
    }

    .form-ask-expert .field {
        width: 80px;
    }

    .form-ask-expert .form-col {
        width: auto;
    }

    .form-ask-expert .select {
        width: 125px;
    }

    .form-ask-expert .textarea {
        width: 220px;
    }

    .intro-text {
        left: 0px;
        width: 300px;
    }


    /* ==========================================================================
 * 		#Skin Type
 * 			========================================================================== */
    body.cms-about .skin-types {
        width: 960px;
    }

    body.cms-about .skin-types-graph img {
        width: 100%;
    }

    body.cms-about .list-skin-types li + li {
        padding-left: 85px;
    }

    body.cms-about .skin-types-nav a {
        width: 170px;
    }

    body.cms-about .section-skins .section-body-inner {
        width: auto;
    }

    body.cms-about .step-product .product {
        padding: 0 15px;
    }

    body.cms-about .section-skins .col {
        width: 420px;
    }

    body.cms-about .steps {
        margin-right: -200px;
    }

    body.cms-about .step {
        width: 455px;
        margin: 0 50px 50px 0;
    }

    body.cms-about .step ~ .step {
        margin-left: 0;
    }

    body.cms-about .step .step-title {
        display: block;
    }

    /* ==========================================================================
 * 		#Advice
 * 			========================================================================== */
    .advice-media {
        text-align: center;
    }

    /* ==========================================================================
 * 		#Section Art
 * 			========================================================================== */
    .section-art .section-body-aside {
        width: 340px;
    }

    .section-art .section-body-content {
        width: 600px;
    }

    .article-art .article-image img {
        width: 100%;
        height: auto;
    }

    .section-art .col {
        width: 290px;
    }

    /* ==========================================================================
 * 		#Press
 * 			========================================================================== */
    .press-body {
        padding: 35px 0 0;
    }

    /* ==========================================================================
 * 		#Product Samples
 * 			========================================================================== */
    .product-sample {
        width: 310px;
    }

    .product-sample ~ .product-sample {
        padding-left: 15px;
    }

    .product-sample .product-image {
        padding: 0;
    }

    .product-sample .product-content {
        width: 130px;
        padding-top: 35px;
    }

    /* ==========================================================================
 * 		#Section Contacts
 * 			========================================================================== */
    .section-contacts .section-body .shell {
        width: 960px;
    }

    .section-contacts .col-size-1 {
        padding-left: 15px;
    }

    .section-contacts .col-size-3 {
        padding-left: 15px;
        margin-left: 15px;
    }

    /* ==========================================================================
 * 		#Section Diagnosis
 * 			========================================================================== */
    .section-diagnosis .section-content {
        padding-left: 0;
    }

    /* ==========================================================================
 * 		#Ritual Secondary
 * 			========================================================================== */
    .ritual-secondary .shell {
        width: 960px;
    }

    .ritual-secondary .ritual-personality {
        width: 545px;
        padding-left: 20px;
    }

    .test-responses {
        width: 390px;
    }

    .responses {
        padding-bottom: 63px;
    }

    .responses ul {
        width: 185px;
    }

    .ritual-secondary .ritual-actions {
        padding-left: 10px;
    }

    .ritual-secondary .ritual-actions .btns {
        width: auto;
    }

    /* ==========================================================================
 * 		#Ritual
 * 			========================================================================== */
    .ritual {
        width: auto;
    }

    .ritual .col {
        width: 350px;
    }

    .ritual .ritual-actions .checkboxes {
        float: none;
        text-align: center;
    }

    .ritual .ritual-actions .btns {
        float: none;
        text-align: center;
        padding-top: 20px;
    }

    .step h6 {
        padding-top: 10px;
    }

    /* ==========================================================================
 * 		#Checkout
 * 			========================================================================== */
    .checkout .col {
        width: 300px;
    }

    .form-checkout .form-promo,
    .form-checkout .form-row {
        width: 292px;
    }

    .form-checkout .field-small {
        width: 120px;
    }

    .form-checkout .select-medium {
        width: 140px;
    }

    .form-checkout .select-medium .selecter-options {
        width: 138px;
    }

    .form-checkout .form-promo .field {
        width: 185px;
    }

    .form-checkout-register {
        width: auto;
    }

    .shipping-info .col ~ .col {
        padding-left: 15px;
    }

    .shipping-info .col-1of4 {
        width: 160px;
    }

    .shipping-info .col-size-1 {
        width: 100px;
    }

    /* ==========================================================================
 * 		#Form
 * 			========================================================================== */
    .field {
        width: 270px;
    }

    .select {
        width: 292px;
    }

    .select .selecter-options {
        width: 290px;
    }

    .select-medium {
        width: 150px;
    }

    .select-medium .selecter-options {
        width: 148px;
    }

    .select-small {
        width: 135px;
    }

    .select-small .selecter-options {
        width: 133px;
    }

    .select-xsmall {
        width: 140px;
    }

    .form .field {
        width: 270px;
    }

    .form .field-small {
        width: 115px !important;
    }

    .form .form-actions {
        white-space: nowrap;
    }

    .form .checkboxes {
        width: auto;
    }

    .form .form-group-body .form-row {
        width: 292px;
    }

    .form .form-group-body .field {
        width: 270px;
    }

    .cart,
    .cart-total {
        width: auto;
    }

    .cart .table-products td:first-child {
        width: 90px;
    }

    .cart .table-products .product-content {
        width: 400px;
    }

    .table-products-secondary {
        width: auto;
    }

    .table-products-secondary .product-actions {
        width: 120px;
        padding-left: 30px;
    }

    .table-products-secondary .product-content .product-actions {
        width: auto;
        padding-left: 0;
    }

    .list-ratings li + li {
        padding-left: 20px;
    }

    .table-points {
        width: auto;
    }

    .table-points td {
        width: 25%;
    }

    .table-points th + th,
    .table-points td + td {
        padding-left: 20px;
    }

    /* ==========================================================================
 * 		#Gift Card
 * 			========================================================================== */
    .giftcard .col-size-1 {
        width: 290px;
    }

    .giftcard .col-size-2 {
        width: 310px;
        margin-left: 15px;
    }

    .giftcard-image img {
        width: 100%;
    }

    .giftcard .form .field {
        width: 270px;
    }

    .form-giftcard-balance .field {
        width: 155px;
    }

    /* ==========================================================================
 * 		#Service
 * 			========================================================================== */
    .membership-content,
    .service-content {
        width: 363px;
        padding: 0 20px 0 10px;
    }

    .table {
        width: auto;
    }

    /*.table td { width: auto; }*/
    .table td:first-child {
        width: 400px;
    }

    /* ==========================================================================
 * 		#Store Locator
 * 			========================================================================== */
    .store-locator-content {
        width: 255px;
        padding-left: 0;
    }

    .form-locator .field {
        width: 240px;
    }

    .form-locator .select {
        width: 262px;
    }

    .form-locator .select .selecter-options {
        width: 260px;
    }

    /* ==========================================================================
 * 		#Faq
 * 			========================================================================== */
    .faq-links .col-1of2 ~ .col-1of2 {
        padding-left: 25px;
    }

    .faq-links .col-1of2 {
        width: 320px;
    }

    /* ==========================================================================
 * 		#Popups
 * 			========================================================================== */
    .popup .form-account .form-body {
        width: 292px;
    }

    /* ==========================================================================
 * 		#Footer
 * 			========================================================================== */
    .nav-footer li {
        letter-spacing: 0;
    }

    .nav-footer li + li {
        padding-left: 0;
    }

    .nav-footer a {
        font-size: 11px;
    }

    .footer h5 {
        font-size: 10px;
    }

    .footer-forms li + li {
        padding-left: 10px;
    }

    .footer-forms .field {
        width: 125px;
    }

    .footer .socials {
        padding-bottom: 23px;
    }

    .footer-forms .form-controls {
        margin-top: 20px;
    }

    .footer-forms .form-controls .field {
        width: 180px;
        height: 51px;
    }

    .nav-footer-secondary li + li {
        padding-left: 7px;
    }

}

@media ( max-width: 1240px ) {
    .form-search-container {
        right: 34px;
        bottom: 50px;
    }
}

@media screen and (max-width: 1114px) {
    .cms-index-index .features .feature {
        width: 30%;
    }
}

@media (max-width: 1045px) {
    .header .socials {
        display: none;
    }
}

@media (max-width: 1200px) {
    .boxes .box.box-wide iframe {
        margin-bottom: 30px;
    }
}

@media (max-width: 1290px) {
    .header .nav .nav-link-search .nav-link-search-text {
        display: none;
    }

    .header-content.header-sticky .nav .nav-link-search:before {
        margin-right: 16px;
    }
}

@media (max-width: 1070px) {
    .banner-text-inner.float-right {
        left: 130%
    }
}
@media (min-width: 768px) {
    #notice-cookie-block {
        text-align: center;
        padding: 10px;
        line-height: 26px;
        min-height: 0;
    }
}
@media (max-width: 1024px) {
    /* ==========================================================================
 * 		#Header
 * 			========================================================================== */
    .nav > ul > li {
        padding: 20px 9px 0;
    }

    .nav > ul > li > a {
        font-size: 10px;
    }

    /* ------------------------------------------------------------ *\
 * 			Sticky Header
 * 				\* ------------------------------------------------------------ */
    .header-content.header-sticky .nav > ul > li > a {
        font-size: 12px;
    }

    .header-content.header-sticky .nav > ul > li ~ li {
        margin-left: 0;
    }

    .header-content.header-sticky .nav > ul > li {
        padding: 20px 15px 20px;
    }

    .header-content.header-sticky .form-search-container .form-search {
        margin-left: 5px;
    }

    .header-content.header-sticky .form-search-container .form-search .field-search {
        width: 163px;
    }

    .header-content .form-search-container {
        bottom: 77px;
    }

    .header .nav .nav-link-search:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        background: url(../images/search-ater.png) no-repeat 0 0;
        width: 2px;
        height: 11px;
        margin-right: 43px;
    }

    .wide-search {
        display: none !important;
    }

    .mini-search {
        display: block !important;
    }
}

.banner-top--large_number {
    height: 611px;
}

.banner-top--large_number .banner-text {
    padding-top: 100px;
}

.banner-top--large_number .banner-top--large_number__title {
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 25px;
    text-transform: uppercase;
}

.banner-top--large_number .banner-top--large_number__number {
    font-family: 'Encorpada Classic W01 Bold', sans-serif;
    font-size: 320px;
    line-height: 270px;
}

.banner-top--large_number .banner-top--large_number__description {
    font-family: 'Graphik', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}

.banner-top--large_number .actions {
    border-top: none;
    margin-top: 0;
    width: 100%;
}

.banner-shop--video .banner-shop--video__title {
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-transform: uppercase;
}

.banner-shop--video .banner-shop--video__description {
    font-family: 'Encorpada Classic W01 Bold', sans-serif;
    font-size: 46px;
    line-height: 48px;
    margin-top: 20px;
}

.banner-shop--video .banner-text {
    text-align: left !important;
    right: -120px;
}

.banner-shop--video .banner-shop--video__actions {
}

.banner-shop--video a.js-vimeo {
    height: 100%;
    display: block;
    text-align: center;
}

.banner-shop--video .banner-shop--video__playbutton {
    margin: 230px auto 0;
    width: 33px;
    height: 33px;
}

.vimeo-container {
    display: none;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.vimeo-container iframe, .vimeo-container object, .vimeo-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.banner-shop-wide .banner-shop-wide__caption {
    font-family: 'Graphik', sans-serif;
    font-size: 16px;
    line-height: 20px;
    width: 380px;
    margin: 0 auto;
}

.banner-shop-wide--gratification .actions {
    width: 310px;
    margin-left: auto;
    margin-right: auto;
}

.banner-shop-wide--marylin .banner-text-inner {
    width: 440px;
}

.banner-shop-wide--marylin .banner-text-inner h2 {
    padding-bottom: 0;
    margin-bottom: 0;
}

.banner-shop-wide--marylin .banner-shop-wide__caption {
    position: absolute;
    left: 70px;
    font-family: 'Graphik', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
}

.banner-shop-wide--marylin .actions {
    margin-left: auto;
    margin-right: auto;
}

.banner-shop-wide--marylin .actions a {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    line-height: 150px;
}

.banner-shop-wide--left .banner-text {
    text-align: left !important;
    left: 100px;
}

.banner-shop-wide--left .actions {
    width: 310px;
}

.banner-shop-wide.banner-shop--narrow .banner-text {
    padding: 110px 0 150px;
}

.banner-shop-wide .gallery-ingredients {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.banner-shop-wide .gallery-ingredients .row {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.banner-shop-wide .gallery-ingredients .btn-green {
    width: 200px;
    margin-top: 44px;
}

.banner-shop-wide .gallery-ingredients .row:nth-child(2n) {
    margin-top: 50px;
}

.banner-shop-wide .gallery-ingredients .row div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 36px;
}

.banner-shop-wide .gallery-ingredients .row div span {
    margin-top: 15px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: #222222;
}

.banner-shop-wide .banner-text.fixed-height .banner-shop-wide__caption {
    width: 480px;
    margin-bottom: 64px;
}

.banner-shop-wide .banner-shop-wide__caption {
    width: 550px;
    margin-bottom: 64px;
}

.catalog-category-view .container .banner.show .banner-text h2 {
    width: 350px;
    font-family: 'Encorpada Classic W01 Bold', sans-serif;
    font-size: 46px;
    line-height: 48px;
    text-transform: lowercase;
    letter-spacing: normal;
    padding-bottom: 30px;
    margin: 0;
}

.catalog-category-view .container .banner.show .banner-text h5 {
    width: 350px;
    font-family: 'Graphik', sans-serif;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    letter-spacing: normal;
    padding: 0;
    margin: 0;
}

.catalog-category-view .container .banner.show .banner-text div {
    width: 350px;
}

.category-description {
    margin-left: -40px;
    padding: 20px 0;
    text-align: center;
}

.category-description .img-center {
    display: inline-block;
    max-width: 625px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: 40px;
    width: calc(50% - 40px);
    transition: all .3s;
}

.category-description .img-center img {
    width: 100%;
    height: auto;
}

@media (min-width: 1025px) {
    .category-description {
        margin-left: -60px;
    }

    .category-description .img-center {
        margin-left: 60px;
        width: calc(50% - 60px);
    }
}

.banner-shop-wide.banner-shop--narrow {
    max-width: 1180px
}

.banner-shop-wide.banner-shop--narrow .banner-image {
    background-position: -67px 0px;
}

.banner-shop-wide.banner-shop--narrow .banner-text {
    padding: 23px 0;
}

.banner-shop-wide.banner-shop--narrow .banner-text-inner {
    width: 430px;
    padding-top: 100px;
}

.banner-shop-wide.banner-shop--narrow .banner-text-inner h2 {
    font-size: 26px;
    padding-bottom: 10px;
}

.banner-shop-wide.banner-shop--narrow .banner-text-inner .banner-shop-wide__caption {
    font-size: 16px;
}

.banner-shop-wide.banner-shop--narrow .actions {
    border-top: none;
    margin-top: 0px;
    width: 100%;
}

.catalog-category-view .container .banner.show .banner-text h2.blackdiamond {
    font-family: 'BlackDiamond';
    text-transform: capitalize;
    font-size: 80px;
    color: #f31547;
    letter-spacing: 0;
}

.list-product-videos li.promo.promo--noborder {
    border-left: none !important;;
}

.box--with_video {
    text-align: center;
}

.box--video-container {
    position: relative;
    padding-bottom: 360px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    margin-top: 5%;
}

.box--video-container iframe, .box--video-container object, .box--video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.box--with_video h2 {
    height: 48px;
    mix-blend-mode: multiply;
    font-family: FreightDisplay;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #222222;
    margin-top: 10px !important;
}

.box--with_video h2 strong {
    height: 48px;
    mix-blend-mode: multiply;
    font-family: FreightDisplay;
    font-size: 28px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #222222;
}

.learn {
    background-color: #ffffff;
}

.learn .banner-shop-wide .banner-shop-wide__caption, .learn .banner-shop-alt .banner-shop-wide__caption {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
}

.learn .btn-green {
    width: 200px;
    margin: 0 auto;
}

.learn .banner-shop {
    cursor: default
}

.learn .customer-favorites {
    border: none;
    padding-top: 0;
}

.learn .banner-skincare {
    border-bottom: solid 1px #ececec;
    padding-bottom: 53px;
}

.learn .banner-skincare .banner-shop-wide__caption {
    width: 700px;
    margin-bottom: 30px;
}

.learn .banner-skincare .banner-text-inner {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
}

.learn .banner-skincare .gallery-skincare {
    margin-top: 25px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.learn .banner-skincare .gallery-skincare div {
    display: flex;
    flex-direction: column;
    margin: 0 50px;
}

.learn .banner-skincare .gallery-skincare div span {
    margin-top: 22px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: #222222;
}

.learn .subtabs .nav {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.0;
    letter-spacing: 0.2px;
    text-align: center;
    color: #000000;
    margin-top: 52px;
}

.learn .subtabs .nav .active a {
    color: black;
}

.learn .subtabs .nav .active a span {
    display: inline-block;
    position: relative;
    box-sizing: content-box;
}

.learn .subtabs .nav .active span:after {
    content: '';
    display: block;
    position: absolute;
    left: -6%;
    right: -6%;
    border: solid 1px #ffc7b8;
    bottom: -15px;
}

.learn .double-cleanse {
    padding-top: 80px;
}

.learn .tabs-container .presentation-tabs {
    margin: 0 60px;
}

.learn .tabs-container .presentation-tabs .grid-2 {
    width: 59%;
}

.learn .tabs-container .presentation-tabs .grid-2.center {
    width: 39%;
}

.learn .tabs-container .presentation-tabs .grid-2.center img {
    max-width: 100%;
}

.learn .tabs-container .presentation-tabs .image-wrapper {
    position: relative;
}

.learn .tabs-container .presentation-tabs .image-wrapper img {
    position: absolute;
    bottom: 0;
}

.learn .tabs-container .presentation-tabs .grid-3 {
    width: 30%;
}

.learn .double-cleanse .banner-text {
    padding: 0 0 54px;
}

.learn .double-cleanse h4,  .learn .powder-mask h4 {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16b5a2;
}

.learn .double-cleanse h2, .learn .powder-mask h2 {
    margin-top: 7px;
}

.learn .double-cleanse .banner-shop-wide__caption.half-wide.centered .banner-shop-wide__caption {
    width: 340px;
}

.learn .double-cleanse .banner-shop-wide__caption.half-wide.centered .banner-shop-wide__caption.big {
    width: 450px;
}

.learn .double-cleanse .freight {
    margin-bottom: 8px;
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.learn .powder-mask {
    font-family: Graphik;
}

.learn .powder-mask .banner-text h2{
    letter-spacing: 0;
}

.learn .powder-mask h4.bold {
    padding: 0;
}

.learn .powder-mask .learn-bg {
    padding-top: 80px;
}

.learn .powder-mask .encorpada {
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    padding-bottom: 18px;
}

.learn .powder-mask .tabs-container .encorpada {
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    margin-top: 48px;
    text-align: center;
}

.learn .powder-mask .tabs-container .tab-image1 {
    margin-left: -80px;
}

.learn .powder-mask .tabs-container .tab-image2, .learn .powder-mask .tabs-container .tab-image3 {
    margin-left: -50px;
}

.learn .powder-mask .tabs-container .tab-image-title {
    font-size: 14px;
}

.learn .powder-mask .tab-content .encorpada {
    font-size: 40px;
    font-weight: 300;
    color: #000000;
    text-align: left;
}

.learn .powder-mask .tab-content h4.bold {
    text-align: left;
    margin-bottom: 10px;
}

.learn .powder-mask .tab-content .grid .image--small {
    margin-bottom: 10px;
}
.learn .powder-mask .tab-content .grid-2 .btn-green {
    max-height: 50px;
    width: 245px;
    box-sizing: border-box;
    margin-top: 50px;
}
.learn .powder-mask .tab-content .grid-2 .btn-green.large-width {
    width: 285px;
}

.banner-wide .banner-text, .banner-text-inner.banner-wide {
    width: 100%
}

.banner-text.no-padding {
    padding: 1em 0 0 0
}

.banner-text.padding-1 {
    padding: 0px 0 70px;
}

.learn .banner-text, .learn p, .learn .banner-shop-wide__caption {
    font-family: 'Graphik', sans-serif;
}

.banner-wide .banner-text-inner, .banner-shop-wide__caption.half-wide {
    width: 65%
}

.float-right-center {
    position: absolute;
    left: 120%
}

.align-left {
    text-align: left
}

.centered {
    margin: auto;
    text-align: center
}

.bold {
    font-weight: 500;
    letter-spacing: 0.1em
}

.banner-shop-wide__caption + .banner-shop-wide__caption, .banner-text-inner + img {
    margin-top: 40px;
}

.blue-bg {
    background-color: #E9FAFC
}

.banner-shop.no-padding {
    padding: 0;
    margin: 0 auto;
}

.learn .video-box {
    position: relative;
    height: 470px;
    width: 65%;
    margin: 0 auto;
}

.learn .video-box .banner-image {
    width: 100%
}

.learn .btn {
    font-family: 'Graphik', sans-serif;
    letter-spacing: 0.05em;
}

.learn .video-box--big {
    height: 530px
}

.learn .video-box--small {
    height: 360px
}

.learn .video-box--small .banner-image {
    height: 360px
}

.learn .banner-shop--video .banner-text {
    text-align: center !important;
    right: 0
}

.learn h4.bold {
    font-family: 'Graphik', sans-serif;
    letter-spacing: 0.05em;
    font-weight: 500;
    padding-bottom: 8px;
}

.learn .banner-shop-wide--gratification .actions {
    padding-top: 0;
    border: none;
}

.learn .nav .active a {
    color: #b4975d;
}

.learn .nav .active a {
    border-color: #b4975d;
}

.learn .nav .active a {
    border-bottom-color: transparent;
}

.learn .nav .active a:after {
    opacity: 1;
    visibility: visible;
}

.learn .learn-bg {
    background: url(../images/learn_bg.png) no-repeat center center;
    background-size: cover;
}

.learn .learn-pw {
    height: 250px;
    width: 350px;
    display: inline-table;
    margin: auto;
}

.learn .learn-pw-container {
    width: 100%;
    height: 300px;
    text-align: center;
}

.learn .learn-pw1 {
    background: url(../images/learn_pw1.png) no-repeat;
    margin-right: 25px;
}

.learn .learn-pw2 {
    background: url(../images/learn_pw2.png) no-repeat;
    margin-right: 25px;
}

.learn .learn-pw3 {
    background: url(../images/learn_pw3.png) no-repeat;
}

.learn .learn-spacer {
    height: 60px;
}

.banner-shop h4.encorpada {
    font-family: 'Encorpada Classic W01 Bold', sans-serif;
    letter-spacing: 0.1em;
    letter-spacing: 0;
    font-size: 28px;
    text-transform: none;
}

.inline {
    display: inline-block;
    box-sizing: border-box
}

.half-wide {
    width: 49%
}

.inline.half-wide {
    padding: 0 30px;
    vertical-align: top
}

.why-box {
    margin: 60px 0 100px 0;
    padding: 120px 0 60px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 55% 50%
}

.why-box .last {
    margin-top: 360px;
}

span.space {
    display: block;
    border: 1px solid transparent
}

.banner-shop-wide--tabs .banner-text {
    padding: 0
}

.tabs-container .freight {
    font-family: FreightBig;
    letter-spacing: normal;
}

.tabs-container h2.freight {
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
    letter-spacing: normal;
    padding-bottom: 30px;
    margin: 0;
}

.tabs-container h3.freight {
    font-size: 40px;
    font-weight: 300;
    line-height: 1.15;
    text-align: left;
    letter-spacing: normal;
    padding-bottom: 60px;
    margin: 0;
    text-transform: capitalize;
}

.tabs-container h4 {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: left;
    color: #16b5a2;
    text-transform: capitalize;
}

.tabs-container p {
    margin-bottom: 14px;
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
    max-width: 470px;
}

/* TABS */
.tabs-container {
    max-width: 1440px;
    margin: auto;
    margin-bottom: 30px;
}

.presentation-tabs .nav {
    padding: 0;
    border-bottom: solid 1px #ececec;
    margin-left: 0px;
}

.presentation-tabs .nav.nav-tabs > li {
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 0;
    margin-bottom: -3px;
    border-bottom: 3px solid transparent;
    transition: border-color .5s;
}

.presentation-tabs .nav.nav-tabs > li:hover, .presentation-tabs .nav.nav-tabs > li.active {
    border-bottom: solid 2px #ffc7b8;
}

.presentation-tabs .nav.nav-tabs > li a {
    font-family: 'Graphik', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 13px;
    color: #000;
    display: block !important;
}

.presentation-tabs .nav.nav-tabs > li:hover a, .presentation-tabs .nav.nav-tabs > li.active a {
    color: black;
}

.presentation-tabs .nav-tabs--5 > li {
    width: 12%;
    margin: 0 4%
}

.presentation-tabs .nav-tabs--6 > li {
    width: 10.6666%;
    margin: 0 3%
}

.grid > div {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0 15px;
}

.grid > div:first-child {
    padding-left: 0;
}

.grid > div:last-child {
    padding-right: 0;
}

.grid .grid-2 {
    width: 49%;
    overflow: visible;
}

.grid .grid-3 {
    width: 33%;
}

.grid .grid-3:last-child {
    padding-right: 0;
}

.learn .tab-pane {
    padding: 60px 0;
}

.learn .tabs-container .video-box {
    width: 645px;
    display: block;
    margin-top: 30px;
}

.tabs-container .video-box a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;

}

.tabs-container .video-box .banner-shop--video__playbutton {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 33px;
    height: 33px;
}

.callout-video {
    position: relative;
    margin-bottom: 18px;
}

.callout-video .banner-shop--video__playbutton {
    margin: 0;
    position: absolute;
    width: 75px;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.presentation-tabs .tab-content > .tab-pane {
    display: none;
}

.presentation-tabs .tab-content > .active {
    display: block;
}

.tab-pane {
    background-color: white;
}

/*.tab-pane.black {*/
/*background-color:#FBFBFB;*/
/*}*/
/*.tab-pane.blue {*/
/*background-color: #f8fbfe;*/
/*}*/
/*.tab-pane.white {*/
/*background-color: #ffffff;*/
/*}*/
.tab-pane.white h3 {
    color: #9c9c9c;
}

.blue h3 {
    color: #0079b0;
}

/*.tab-pane.beige {*/
/*background-color: #fffdfa;*/
/*}*/
.beige h3 {
    color: #a88b59;
}

/*.tab-pane.green {*/
/*background-color: #fafffe;*/
/*}*/
.green h3 {
    color: #7dc2c9;
}

/*.tab-pane.pink {*/
/*background-color: #fffbfd;*/
/*}*/
.pink h3 {
    color: #c997a9;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}

.fade.in {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.in {
    display: block;
}

.tab-pane .grid-3 img {
}

.tab-pane .grid-3 h4 {
    margin-top: 10px;
}

/*----------------------------------------------
 *  * HOMEPAGE UPDATES
 *   *---------------------------------------------*/

/* ERN-65 */
.cms-index-index .banner-shop .banner-text {
    width: 100%
}

.cms-index-index .banner-shop-wide--gratification h2.encorpada {
    width: 400px;
}

.cms-index-index .banner-text-inner.float-left {
    position: absolute;
    left: 8%;
    right: auto;
    top: 50%;
    transform: translateY(-50%);
}

.cms-index-index .banner-text-inner.float-right {
    position: absolute;
    right: 8%;
    left: auto;
}

.cms-index-index .banner-text-inner.float-center {
    position: absolute;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.cms-index-index .indented.banner.banner-shop.banner-shop--narrow.banner-shop-wide.show {
    width: 90%;
    max-width: 1300px !important;
}

.cms-index-index .indented .banner-text-inner.float-left.v-middle {
    right: auto;
    left: 3.5%;
}

.cms-index-index .indented .banner-text-inner.float-right.v-middle {
    right: 3.5%;
    left: auto;
}

/*----------------------------------------------
 *  * Free shipping banner
 *   *---------------------------------------------*/

.free-shipping-banner {
    display: block;
    margin: 0;
    width: 100%;
    padding: 14px;
    box-sizing: border-box;
    letter-spacing: .1em;
    font-family: Graphik;
    font-size: 11px;
    text-align: center;
    color: #000000 !important;
}

.free-shipping-banner__wrapper {
    max-width: 1440px;
    margin: 0px auto 0;
    display: block;
}

.popup-cart .free-shipping-banner__wrapper {
    margin: 0;
    border-top: solid 1px #e1e1e1;
}

.popup-cart .free-shipping-banner {
    padding: 5px 0;
}

.dropdown-basket .free-shipping-banner__wrapper {
    margin: 0;
    border-bottom: 1px solid #e1e1e1;
}

.dropdown-basket .free-shipping-banner {
    min-height: 48px;
    padding: 13px 0;
}

.shell .free-shipping-banner__wrapper {
    margin: -52px auto 20px;
}

body.checkout-onepage-index .free-shipping-banner__wrapper {
    display: block;
    margin: 0;
    width: 100%;
    min-height: 50px;
    line-height: 22px;
    padding: 14px;
    box-sizing: border-box;
    text-align: center;
    font-family: "Graphik", sans-serif;
    font-weight: 500;
    letter-spacing: .1em;
}

body.checkout-onepage-index .free-shipping-banner__wrapper .free-shipping-banner{
    font-size: 14px;
}

.header .nav .free-shipping-banner__wrapper {
    max-width: 1223px;
    margin: 30px 0;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}

#likeshop-cnt {
    padding-top: 70px;
}

.gutter-top-100 {
    padding-top: 100px;
}

.back {
    z-index: 99;
}

.affiliates {
    display: flex;
    background-color: #f9f9f9;
    justify-content: center;
    padding-top: 63px;
    padding-bottom: 99px;
}

.affiliates .info {
    max-width: 545px;
}

.affiliates .info h2 {
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: left;
    color: #222222;
}

.affiliates .info h2:after {
    content: '';
    width: 560px;
    display: block;
    background-color: #ececec;
    height: 2px;
    margin-top: 16px;
    margin-bottom: 30px;
}

.affiliates .info .text {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: left;
    color: rgba(0, 0, 0, 0.35);
}

.affiliates .info .text b {
    color: #16b5a2;
    display: inline-block;
    margin-bottom: 10px;
}

.affiliates .info .btn-green {
    width: 225px;
    margin-top: 17px;
}

.affiliates .contacts {
    background-color: #ffffff;
    border: solid 1px #ececec;
    padding: 33px 60px 8px;
    height: fit-content;
    margin-left: 80px;
}

.affiliates .contacts h3 {
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.affiliates .contacts .text {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
    margin-top: 26px;
}

.affiliates .contacts .text p:last-child {
    font-weight: 500;
    color: #000;
}

.heritage .header-banner {
    background: url(../images/heritage-header-bg.jpg) no-repeat;
    background-size: cover;
    padding: 107px 119px;
    background-position: 50% 50%;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    margin: 0 auto;
    border: none;
}

.heritage .header-banner .text {
    width: 561px;
    text-align: center;
}

.heritage .header-banner .text span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16b5a2;
}

.heritage .header-banner .text h2 {
    margin-top: 13px;
    margin-bottom: 14px;
    font-family: FreightBig;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.heritage p {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
}

.heritage section {
    max-width: 1280px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 70px 80px;
    display: flex;
    justify-content: space-between;
}

.heritage .about {
    border-bottom: solid 1px #ececec;
}

.heritage .about section:not(:last-child) {
    border-bottom: solid 1px #ececec;
}

.heritage .about section .text {
    text-align: center;
    width: 540px;
}

.heritage .about section .text h3 {
    margin-top: 85px;
    margin-bottom: 28px;
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.heritage .about .doctor-discovers img {
    width: 510px;
    height: 667px;
    object-fit: contain;
}

.heritage .about .institute img {
    width: 506px;
    height: 643px;
    object-fit: contain;
}

.heritage .about .empowering img {
    width: 550px;
    height: 627px;
    object-fit: contain;
}

.heritage .famous {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px 80px 0px;
    border-bottom: solid 1px #ececec;
}

.heritage .famous > span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-align: center;
    color: #16b5a2;
}

.heritage .famous h3 {
    margin: 7px 0 16px;
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.heritage .famous > p {
    width: 580px;
}

.heritage .famous .gallery {
    margin-top: 26px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.heritage .famous .gallery div {
    display: flex;
    flex-direction: column;
}

.heritage .famous .gallery span {
    margin-top: 15px;
    font-family: FreightBig;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.heritage .famous .quote {
    padding: 26px 20px 34px;
    width: 700px;
    border-top: solid 1px #222222;
    border-bottom: solid 1px #222222;
    margin: 60px 0;
}

.heritage .famous .quote h3 {
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #ffc7b8;
}

.heritage .famous .quote span {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
}

.heritage .video {
    padding: 0;
}

.heritage .ages {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 58px;
    padding-bottom: 0px;
}

.heritage .ages > span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16b5a2;
}

.heritage .ages > h3 {
    margin: 7px 0 16px;
    font-family: FreightBig;
    font-size: 50px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
}

.heritage .ages > p {
    width: 580px;
}

.heritage .ages .line {
    left: calc(50% - 1px);
    position: absolute;
    height: 102%;
    object-fit: contain;
    border: solid 1.2px #16b5a2;
}

.heritage .ages .line .blue-ball {
    width: 15px;
    height: 15px;
    background: url(../images/blue-ball.png) no-repeat;
    background-size: 15px 15px;
    position: absolute;
    bottom: -7.5px;
    left: -7.5px;
}

.heritage .ages .decades {
    width: 100%;
    margin-top: 34px;
    position: relative;
}

.heritage .ages .decades img {
    height: fit-content;
}

.heritage .ages .decades > div:not(:first-child) {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    position: relative;
}

.heritage .ages .decades .text {
    width: 450px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 110px;
}

.heritage .ages .decades .text span {
    margin-bottom: 25px;
    font-family: FreightBig;
    font-size: 100px;
    font-weight: 300;
    text-align: center;
    color: #ffc7b8;
    line-height: 1.0;
}

.heritage .ages .decades .line-horizontal {
    position: absolute;
    width: 190px;
    height: 15px;
    background: url(../images/line-horizontal.png) no-repeat;
    background-size: 190px 15px;
    left: 554px;
    top: 162px;
}

.heritage .ages .decades .line-horizontal.rotate {
    transform: rotate(180deg);
    left: 376px;
}

.heritage .ages .decades .line-horizontal.small {
    background: url(../images/line-horizontal-small.png) no-repeat;
}

.heritage .now {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 130px;
    padding-bottom: 108px;
}

.heritage .now h2 {
    font-family: FreightBig;
    font-size: 100px;
    font-weight: 300;
    line-height: 0.6;
    text-align: center;
    color: #ffc7b8;
    margin-bottom: 25px;
}

.heritage .now p {
    width: 580px;
}

.heritage .now .btn-green {
    width: 200px;
}

#backgrounddiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -1;
}

/*----------------------------------------------
 *  * Collections
 *   *---------------------------------------------*/

.jumbotron-blog.campaign {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 500px;
    margin-top: 0px;
    padding: 0;
}

.jumbotron-blog.campaign .jumbotronTitle {
    max-width: 570px;
    padding: 45px 60px;
    text-align: center;
    box-sizing: content-box;
}

.jumbotron-blog.campaign .jumbotronTitle span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16b5a2;
    margin-bottom: 6px;
    display: inline-block;
}

.jumbotron-blog.campaign .jumbotronTitle h1 {
    font-family: FreightBig;
    font-size: 60px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
    margin-bottom: 13px;
}

.jumbotron-blog.campaign .jumbotronTitle p {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
    padding-bottom: 22px;
    margin: 0 auto;
}

.campaign-block {
    display: flex;
    max-width: 1280px;
    margin: 0 auto;
}

.campaign-block .text {
    padding: 74px 0;

    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.campaign-block.phormula-4 .text {
    padding: 33px 0;
}

.campaign-block .text:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: url('../images/blue-dot-campaign.png');
}

.campaign-block .text:after {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: url('../images/pink-dot-campaign.png');
}

.campaign-block .text > span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16b5a2;
    margin: 62px 0 12px;

}

.campaign-block .text h2 {
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
    margin-bottom: 12px;
}

.campaign-block .text p {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
    margin-bottom: 25px;
    max-width: 400px;
}

.campaign-block .text .btn-green {
    width: 200px;
    margin-bottom: 63px;
}

.campaign-block .image {
    width: 50%;

}

.jumbotron-blog.detox-campaign {
    background: url('../images/detox-hero.jpg') center center;
    background-size: cover;
}

.campaign-block.detox-1 .image {
    background: url('../images/detox-01.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.detox-2 .image {
    background: url('../images/detox-02.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.detox-3 .image {
    background: url('../images/detox-03.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.detox-4 .image {
    background: url('../images/detox-04.jpg') center center no-repeat;
    background-size: cover;
}

.jumbotron-blog.sensitive-campaign {
    background: url('../images/sensitive-hero.jpg') center center;
    background-size: cover;
}

.campaign-block.sensitive-1 .image {
    background: url('../images/sensitive-01.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.sensitive-2 .image {
    background: url('../images/sensitive-02.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.sensitive-3 .image {
    background: url('../images/sensitive-03.jpg') center center no-repeat;
    background-size: cover;
}

.jumbotron-blog.hydration-campaign {
    background: url('../images/hydra-therapy-hero.jpg') center center;
    background-size: cover;
}

.campaign-block.hydration-1 .image {
    background: url('../images/hydra-therapy-01.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-2 .image {
    background: url('../images/hydra-therapy-02.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-3 .image {
    background: url('../images/hydra-therapy-03.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-4 .image {
    background: url('../images/hydra-therapy-04.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-5 .image {
    background: url('../images/hydra-therapy-05.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-6 .image {
    background: url('../images/hydra-therapy-06.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-7 .image {
    background: url('../images/hydra-therapy-07.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-8 .image {
    background: url('../images/hydra-therapy-08.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-9 .image {
    background: url('../images/hydra-therapy-09.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-10 .image {
    background: url('../images/hydra-therapy-10.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.hydration-11 .image {
    background: url('../images/hydra-therapy-11.jpg') center center no-repeat;
    background-size: cover;
}

.jumbotron-blog.firmarine-campaign {
    background: url('../images/firmarine-hero.jpg') center center;
    background-size: cover;
}

.campaign-block.firmarine-1 .image {
    background: url('../images/firmarine-01.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-landing-1 .image {
    background: url('../images/landing/firmarine/product_big.png') center center no-repeat;
    background-size: cover;
    width: 731px;
    height: 848px;
}

.campaign-block.firmarine-2 .image {
    background: url('../images/firmarine-02.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-3 .image {
    background: url('../images/firmarine-03.png') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-4 .image {
    background: url('../images/firmarine-04.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-5 .image {
    background: url('../images/firmarine-05.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-6 .image {
    background: url('../images/firmarine-06.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-7 .image {
    background: url('../images/firmarine-07.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-8 .image {
    background: url('../images/firmarine-08.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.firmarine-9 .image {
    background: url('../images/firmarine-09.jpg') center center no-repeat;
    background-size: cover;
}

.jumbotron-blog.marble-campaign {
    background: url('../images/white-marble-hero.jpg') center center;
    background-size: cover;
}

.campaign-block.marble-1 .image {
    background: url('../images/white-marble-01.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.marble-2 .image {
    background: url('../images/white-marble-02.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.marble-3 .image {
    background: url('../images/white-marble-03.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.marble-4 .image {
    background: url('../images/white-marble-04.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.marble-5 .image {
    background: url('../images/white-marble-05.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.marble-6 .image {
    background: url('../images/white-marble-06.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.marble-7 .image {
    background: url('../images/white-marble-07.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.marble-8 .image {
    background: url('../images/white-marble-08.jpg') center center no-repeat;
    background-size: cover;
}

.jumbotron-blog.transphuse-campaign {
    background: url('../images/transphuse-hero.jpg') center center;
    background-size: cover;
}

.campaign-block.transphuse-1 .image {
    background: url('../images/transphuse-01.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.transphuse-2 .image {
    background: url('../images/transphuse-02.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.transphuse-3 .image {
    background: url('../images/transphuse-03.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.transphuse-4 .image {
    background: url('../images/transphuse-04.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.transphuse-5 .image {
    background: url('../images/transphuse-05.jpg') center center no-repeat;
    background-size: cover;
}

.jumbotron-blog.phormula-campaign {
    background: url('../images/phormula-hero.jpg') center center;
    background-size: cover;
}

.campaign-block.phormula-1 .image {
    background: url('../images/phormula-01.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.phormula-2 .image {
    background: url('../images/phormula-02.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.phormula-3 .image {
    background: url('../images/phormula-03.jpg') center center no-repeat;
    background-size: cover;
}

.campaign-block.phormula-4 .image {
    background: url('../images/phormula-04.jpg') center center no-repeat;
    background-size: cover;
}

.product-options label {
    display: none;
}

.product-options .config-options label {
    display: block;
    font-family: FreightBig;
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.3px;
    color: #222222;
}
/*inputs placeholders*/
/*input {*/
/*color: black !important;*/
/*}*/

/*input::-webkit-input-placeholder { !* Chrome/Opera/Safari *!*/
/*color: rgba(0, 0, 0, 0.35) !important;*/
/*}*/
/*input::-moz-placeholder { !* Firefox 19+ *!*/
/*color: rgba(0, 0, 0, 0.35) !important;*/
/*}*/
/*input:-ms-input-placeholder { !* IE 10+ *!*/
/*color: rgba(0, 0, 0, 0.35) !important;*/
/*}*/
/*input:-moz-placeholder { !* Firefox 18- *!*/
/*color: rgba(0, 0, 0, 0.35) !important;*/
/*}*/

.firmarine-landing .banner-image {
    background-image: url(../images/landing/firmarine/lp-hero.png);
    background-position: top center !important;
    height: 600px;
}

.firmarine-landing .text-left {
    width: 400px;
    left: 150px;
}

.firmarine-landing .text-left > span {
    color: #16b5a2;
    font-size: 14px;
    font-weight: bold;
}

.firmarine-landing .text-left > h2 {
    color: white;
    font-size: 60px;
}

.firmarine-landing .text-left > a > span {
    color: white
}

.firmarine-landing .firmarine-landing-1 .image-placeholder {
    width: 731px;
    display:inline-block;
}

.firmarine-landing .firmarine-landing-1 > image {
    margin-top: 50px;
}

.campaign-block.firmarine-landing-1 .image-wrapper {
    text-align: center;
    margin-bottom: 13%;
}
.campaign-block.firmarine-landing-1 .image-wrapper a {
    margin-top: -40px;
}

.campaign-block.firmarine-landing-1 .image-wrapper.sticky-image {
    position: fixed;
    top: 0;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper > img {
    margin-bottom: 17px;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper {
    padding: 74px 0;
    width: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper p {
    font-family: Graphik;
    font-size: 15px;
    line-height: 1.67;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
    max-width: 400px;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    color: #16b5a2;
    margin: 20px 0 12px;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper h2 {
    font-family: FreightBig;
    font-size: 40px;
    font-weight: 300;
    line-height: 1.0;
    text-align: center;
    color: #222222;
    margin-bottom: 17px;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper ul {
    list-style: none;
    padding: 0;
    width: 75%;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper li {
    height: 22px;
    mix-blend-mode: multiply;
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #222222;
    margin-bottom: 25px;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper li:last-child {
    margin-bottom: 50px;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper li span {
    width: 25px;
    height: 25px;
    background-color: #ffc7b8;
    border-radius: 50%;
    display: inline-block;
    font-family: FreightDisplay;
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-right: 20px;
}

.firmarine-landing .firmarine-landing-1 .text-wrapper hr {
    width: 400px;
    height: 2px;
    background-color: #ececec;
    margin-top: 52px;
    margin-bottom: 39px;
    border: 0;
}

.firmarine-landing .firmarine-essence {
    height: 645px;
    background-image: url(../images/landing/firmarine/essence.png);
    background-position: top right;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -200px;
    margin-bottom: 0 !important;
    text-align: center;
}

.firmarine-landing .firmarine-essence > div {
    width: 555px;
    top: 40%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.firmarine-landing .firmarine-essence > div > span {
    font-family: Graphik;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #16b5a2;
    margin-bottom: 6px;
}

.firmarine-landing .firmarine-essence > div > h2 {
    font-family: FreightBig;
    font-size: 60px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #222222;
    margin-bottom: 25px;
}

.firmarine-landing .firmarine-essence > div > div {
    mix-blend-mode: multiply;
    font-family: Graphik;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: rgba(0, 0, 0, 0.35);
}


.firmarine-landing .how-to {
    background-color: #465bc4;
    background-position: top right;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.firmarine-landing .how-to > .how-to-center {
    width: 500px;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 65px;
}

.firmarine-landing .how-to h2 {
    font-family: FreightBig;
    font-size: 60px;
    font-weight: 200;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin-bottom: 17px;
}

.firmarine-landing .how-to .firmarine-howto-text {
    font-family: Graphik;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.firmarine-landing .how-to .video {
    margin-bottom: 123px;
    margin-top: 52px;
    z-index: 1;
    position: relative;
}

.firmarine-landing .how-to .bg {
    height: 442px;
    width: 330px;
    background: url(../images/landing/firmarine/bg.png) center;
    position: absolute;
    display: block;
    top: 40%;
    left: 60%;
}

/***   add by Twojay dev   ***/

.why-box .inline.half-wide:first-child {
    padding-left: 0;
}

.why-box {
    background-position: 55% 0;
    background-repeat: no-repeat;
    background-size: 750px 840px;
    padding-bottom: 0;
}

.why-box .banner-shop-wide__caption.half-wide {
    max-width: 1024px;
    width: 100%;
}

.why-box .double-detox:before {
    background: rgba(0, 0, 0, 0) url("../images/arrow.png") repeat scroll center center;
    content: ".";
    display: inline-block;
    height: 86px;
    position: relative;
    top: -134px;
    width: 50px;
}


.why-box .double-detox {
    background: rgba(0, 0, 0, 0) url("../images/double-cleanse.png") no-repeat scroll center center;
    display: block;
    margin: 206px auto 0;
    padding: 7px 0 70px;
}

.learn .double-cleanse .freight { font-size: 40px; margin-bottom: 0; }
.dropdown .shell {overflow: visible;width: 1060px !important;}
.nav .dropdown .links {width: 74%;}
.link-col {width: 22% !important;}
.nav .dropdown .callouts {width: 23%;}
.main .banner.show .banner-text {margin: 0 auto;left: 0;right: 0;max-width: 400px;width: 100%;}
.catalog-category-view .container .banner.show .banner-text h2 {font-family: Graphik;font-size: 14px;font-weight: normal;line-height: normal;
    letter-spacing: 0.3px;text-align: center;color: #16b5a2;padding-bottom: 10px;width: auto;text-transform: unset;}
.catalog-category-view .container .banner.show .banner-text h3 {font-family: FreightBig;font-size: 50px;font-weight: 100;line-height: 1;
    color: #222222; margin: 10px 0;}
.catalog-category-view .container .banner.show .banner-text p {font-family: Graphik;font-size: 15px;line-height: 25px;  letter-spacing: normal; color: rgba(0, 0, 0, 0.35);}
.catalog-category-view .container .banner.show .banner-text.gift-guide h2, .catalog-category-view .container .banner.show .banner-text.gift-guide h3, .catalog-category-view .container .banner.show .banner-text.gift-guide p {color: #fff;}
.pale-pink {width: 50%;float: left;margin-top:30px;}
@media (max-width: 1270px) {
.nav .dropdown .callouts{padding-left:0;}
.nav .dropdown .links {padding-left: 3%;}
.nav .dropdown .links {width: 72%;}
.nav .dropdown .callouts {width: 25%;}
.link-col {width: 24% !important;}
.dropdown .shell {width: 960px !important;}
}

/*Landing page*/
.clear{clear: both;}
.giveglow-banner-container {background: #FBFBFB;}
.giveglow-banner-mobile {display: none;}
.giveglow-banner-desktop {text-align: center;}
.giveglow-inner {max-width: 950px;margin: 0 auto;padding: 0 30px;width: 70%;position: absolute;left: 0;right: 0;top: 0;}
.giveglowTitle {max-width: 400px;float: right;text-align: center;margin-top: 16%;width: 50%;}
.giveglowTitle span {font-size: 14px;color: #ed989c;letter-spacing: 0.3px;display: block;}
.giveglowTitle h1 {font-size: 60px;color: #222222;font-weight: 100;font-family: FreightBig;margin: 15px 0;line-height: 60px;}   
.giveglowTitle p {font-size: 15px;line-height: 25px;color: rgba(0,0,0,0.35);}
.holiday-container {max-width: 1280px;margin: 0 auto;text-align: center;font-size: 15px;color: rgba(0,0,0,0.35);line-height: 25px;font-family:Graphik;padding: 50px 0 65px;}
.holiday-container .content-top {max-width: 600px;margin: 0 auto 50px;}
.text-image-block {padding: 0 80px;max-width: 1280px;box-sizing: border-box;display: table;clear: both;}
.text-image-block .text-left, .text-image-block .image-left {float: left;width: 50%;}
.text-image-block .image-right, .text-image-block .text-right {width: 50%;float: right;}
.text-image-block .text-left, .text-image-block .text-right {padding: 0 2%;width: 40%;}
.text-image-block h2 {font-size: 40px;font-family: FreightBig;color: #222222;margin-bottom: 25px;line-height: 40px;font-weight: 100;}
.holiday-container .btn-green {width: auto;padding: 0 20px;margin: 78px 0 0 0;}
.facts-container {padding: 50px 80px 30px;max-width: 1280px;margin: 0 auto;box-sizing: border-box;font-size: 15px;color: rgba(0,0,0,0.35);line-height: 25px;    display: table;border-top: 2px solid #ececec;}
.facts-container h2 {font-size: 40px;line-height: 40px;text-align: center;font-family: FreightBig;font-weight: 100;margin-bottom: 35px;}
.facts-container .facts-block {width: 42%;float: left;padding: 0 4%;}
.facts-block li {list-style: none;padding: 0 0 28px;position: relative;}
.facts-block li::before {position: absolute;content: "•";color: rgba(0,0,0,0.35);left: -30px;}
.text-image-block .btn-underline::after, .personal-donation .btn-underline::after {border-radius: 50%/9px 1px 0 0;}
.text-image-block .text-left, .text-image-block .text-right {height: 500px;position: relative;display: table;}
.text-left-inner {vertical-align: middle;display: table-cell;}
.text-image-block img {max-width: 100%;}
.text-image-block .postReadmore {margin-top: 5px;}
.gift-giving {max-width: 1280px;margin: 0 auto;text-align: center;background: #fafafa;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;padding: 60px 80px;box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;position: relative;}
.gift-giving::before {content: "";position: absolute;top: 0;height: 100%;right: 100%;background: #fafafa;width: 100%;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.gift-giving::after { content: "";position: absolute;left: 100%;background: #fafafa;width: 100%;top: 0;height: 100%;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.gift-giving h2 {font-size: 40px;line-height: 40px;font-family: FreightBig;font-weight: 100;margin-bottom: 20px;color: #222222;}
.gift-giving p {font-size: 15px;color: rgba(0,0,0,0.35);padding-bottom: 50px;}
.personal-donation {text-align: center;font-size: 15px;color: rgba(0,0,0,0.35);padding: 50px 0;}
.personal-donation p {line-height: 25px;max-width: 500px;margin: 0 auto;}
.gift-slider .owl-nav.disabled {width: 100%;position: absolute;top: 40%;}
.gift-slider .owl-nav.disabled .owl-prev,.gift-slider .owl-nav.disabled .owl-next {font-size:0;height: 40px;width: 20px;}
.gift-slider .owl-nav.disabled .owl-prev {left: -50px;background:url("../images/scroll-arrow-prev.png"); background-repeat: no-repeat;background-position: center center;}
.gift-slider .owl-nav.disabled .owl-prev span,.gift-slider .owl-nav.disabled .owl-next span {font-size: 0;}
.gift-slider .owl-nav.disabled .owl-next {right: -50px;background:url("../images/scroll-arrow-next.png"); background-repeat: no-repeat;background-position: center center;}
.gift-slider .owl-nav.disabled .owl-prev,.gift-slider .owl-nav.disabled .owl-next {position: absolute;}
.gift-slider .owl-carousel .owl-dots.disabled, .gift-slider .owl-carousel .owl-nav.disabled {display: block;}

@media screen and (max-width: 1270px) {
    .giveglowTitle h1 {font-size: 50px;line-height: 50px;}
}