:root {
  --color-blue: #1e1d26;
}

html {
    font-family: Roboto, arial, sans-serif;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    line-height: 1.2;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    word-wrap: break-word;
    color: #414042
}

body {
    background: #efefef url("images/background-pattern.jpg") 0 0 repeat fixed;
    margin: 0
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

a {
    background-color: transparent
}

img {
    border-style: none;
    vertical-align: bottom
}

[type=submit],
button {
    cursor: pointer
}

b,
strong {
    font-weight: 500
}

address {
    font-style: normal
}

textarea {
    resize: vertical;
    overflow: auto
}

button,
input {
    overflow: visible
}

details,
main {
    display: block
}

[hidden],
template {
    display: none !important
}

[type=checkbox],
[type=radio] {
    padding: 0
}

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

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

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    border-radius: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500
}

table {
    border-collapse: collapse
}

th {
    font-weight: 500;
    text-align: left
}

p {
    margin-top: 0;
    margin-bottom: 0
}

*+p {
    margin-top: 1em
}

body:not(.tab-focus) [tabindex],
body:not(.tab-focus) a:focus,
body:not(.tab-focus) button:focus {
    outline: 0
}


/* General style */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.align-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.self-center {
    -ms-flex-item-align: center;
    align-self: center
}

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

.no-basis {
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

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

.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-start {
    justify-content: flex-start;
}

.float-right {
    float: right
}

.float-left {
    float: left
}

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

.margin-auto {
    margin: auto !important
}

.no-margin {
    margin: 0 !important
}

.margin-top-auto {
    margin-top: auto
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-left-auto {
    margin-left: auto
}

.margin-right-auto {
    margin-right: auto
}

.margin-bottom-auto {
    margin-bottom: auto
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.h100 {
    height: 100%
}

.w100 {
    width: 100%
}

.w70 {
    width: 70%
}

.no-overflow {
    overflow: hidden
}

.not-visible {
    visibility: hidden
}

.hide {
    display: none
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.relative {
    position: relative;
    z-index: 1
}

.reset-padding {
    padding: 0 !important
}

.underline {
    text-decoration: underline
}

.hover\:no-underline:hover {
    text-decoration: none
}

.bold {
    font-weight: 500
}

body .no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

body .no-border {
    border-width: 0
}

body .font-primary {
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

body .font-secondary {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.color-primary {
    color: #b08b47
}

.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

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

.screen-reader a:focus,
.screen-reader button:focus,
.screen-reader input:focus,
.visually-hidden a:focus,
.visually-hidden button:focus,
.visually-hidden input:focus {
    position: static;
    width: auto;
    height: auto
}

.autosize>img,
img.autosize {
    max-width: 100.1%;
    height: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.reset-btn {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    background: transparent;
    font: inherit;
    line-height: normal;
    -webkit-appearance: none
}

.container {
    max-width: 1175px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 10px;
    padding-left: 10px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #1f1d27;
    opacity: 1
}

input:-moz-placeholder,
input::-moz-placeholder,
textarea:-moz-placeholder,
textarea::-moz-placeholder {
    color: #1f1d27;
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #1f1d27;
    opacity: 1
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    opacity: .3
}

input:focus:-moz-placeholder,
input:focus::-moz-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus::-moz-placeholder {
    opacity: .3
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    opacity: .3
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.reset-btn,
a {
    color: #b08b47;
    text-decoration: underline
}

a>img {
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

a:hover>img {
    opacity: .75
}

.breadcrumbs {
   	font-size: 13px;
	text-align: left;
	margin-top: 20px;
	margin-left: 88px;
}

.breadcrumbs a {
    color: inherit;
    text-decoration: none
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs li,
.breadcrumbs ol {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.breadcrumbs li {
    display: inline-block
}

.breadcrumbs li:last-child {
    color: #e6cb70
}

.breadcrumbs li+li:before {
    content: ">";
    color: #7d7989
}

@media (max-width:999px) {
    html {
        font-size: 14px
    }

    .container {
        padding-right: 0;
        padding-left: 0
    }
}

.box {
    -webkit-box-shadow: 0 0 21px rgba(24, 24, 25, .08);
    box-shadow: 0 0 21px rgba(24, 24, 25, .08);
    padding: .76923077em;
    border: 1px solid #dbdcdd;
    font-size: 13px
}

.box .btn {
    font-size: 1.15384615em
}

.box-bg {
    background-color: #fcfcfc;
    padding: 1.69230769em
}

.box-bg--error {
    color: #fff;
    font-size: 1.23076923em;
    padding: 1.125em 1.375em;
    background: #e13e3e url("images/icons/danger.svg") 1em no-repeat;
    background-size: 23px 23px;
    padding-left: 50px
}

.box-bg--arrow {
    position: relative
}

.box-bg--arrow:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    background: #fcfcfc;
    margin: auto;
    height: 38px;
    width: 38px;
    -webkit-transform: rotate(135deg) translateY(25%) translateX(-25%);
    transform: rotate(135deg) translateY(25%) translateX(-25%);
    clip: rect(2px, 37px, 100px, -100px)
}

.box+.box {
    margin-top: 1.5em
}

.boxes {
    margin: calc(1.5em - 12px) -12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.boxes>.box {
    width: calc(25% - 24px);
    margin: 12px
}

.box-title {
    font-size: 1.53846154em;
    margin: 0
}

.box-sep {
    width: 100%;
    height: 1px;
    background-color: #e0e0e0;
    margin-top: 1.3em;
    margin-bottom: 1.3em
}

.box-innertitle {
    font-size: 16px;
    margin: 0;
    padding: .5em 1em 1em;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.box-tab-header {
    height: 4em;
    border-bottom: 1px solid #e0e0e0;
    margin-bottom: 1em
}

.box-tab-header .box-title {
    font-size: 1.38461538em;
    padding-top: .76923077em
}

.box-spacer {
    height: 1.5em;
    width: 100%
}

.box-under-title {
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding-top: .5em;
    padding-bottom: .5em;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.box-under-title,
.box-under-title-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box-under-title-text {
    font-size: 15px
}

@media (max-width:999px) {
    .box {
        padding: .46153846em;
        border-right-width: 0;
        border-left-width: 0
    }

    .box-bg {
        padding: .92307692em
    }

    .box-spacer {
        height: 1em
    }

    .box+.box {
        margin-top: .5em
    }

    .boxes {
        margin: .5em 0
    }

    .boxes>.box {
        width: 25%;
        margin: 0
    }

    .box-tab-header .box-title,
    .box-title {
        font-size: 1.23076923em
    }

    .box-sep {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .box-bg--error {
        font-size: 1em;
        background-size: 18px 18px;
        padding-left: 40px
    }
}

.section-title {
    text-align: center
}

.section-title h1,
.section-title h2,
.section-title h3 {
    font-size: 1.625em;
    font-weight: 400;
    margin: 0
}

.section-title--space-above {
    margin-top: 3.125em
}

.section-title+.box {
    margin-top: 1.75em
}

.price {
    font-size: 1.46153846em;
    font-weight: 500;
    line-height: 1
}

.price .currency {
    font-size: .8em
}

.price-highlight {
    font-size: 1.69230769em;
    font-weight: 500;
    color: #7fb107
}

.price-highlight .currency {
    font-size: .75em;
    font-weight: 400
}

.price+.price-highlight {
    margin-left: .5em
}

.arrow-left {
    position: relative;
    padding-left: .8em
}

.arrow-left:before {
    content: "";
    width: .5em;
    height: .5em;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-top: .1em solid currentColor;
    border-right: .1em solid currentColor;
    -webkit-transform: rotate(-135deg) translateZ(0);
    transform: rotate(-135deg) translateZ(0)
}

.input,
.select {
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input::-webkit-inner-spin-button,
.input::-webkit-outer-spin-button,
.select::-webkit-inner-spin-button,
.select::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input:hover,
.select:hover {
    border-color: #bfbfbf
}

.qty {
    width: 40px;
    height: 28px;
    text-align: center;
    font-size: 15px;
    -moz-appearance: textfield;
    -webkit-appearance: textfield
}

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

.select {
    padding-right: 2em;
    cursor: pointer
}

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

.select-holder {
    position: relative
}

.select-holder:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    width: 9px;
    height: 9px;
    border-top: 2px solid #b6a581;
    border-right: 2px solid #b6a581;
    pointer-events: none;
    -webkit-transform: rotate(135deg) translateY(25%) translateZ(0);
    transform: rotate(135deg) translateY(25%) translateZ(0)
}

.label-confirm {
    background-color: #e33f3f;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    display: block;
    padding: .5em;
    margin-top: .5em;
    margin-bottom: .5em;
    letter-spacing: .05em
}

.label-confirm a {
    color: inherit
}

.label-confirm a:hover {
    text-decoration: none
}

.checkbox-holder span,
.radio-holder span {
    display: block;
    position: relative
}

.checkbox-holder input:checked~span:after,
.radio-holder input:checked~span:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 10px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 6px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg)
}

.checkbox-holder span {
    padding-left: 25px
}

.checkbox-holder span:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border: 1px solid transparent;
    cursor: pointer
}

.checkbox-holder:hover span:before {
    border-color: #111
}

.radio-holder span {
    padding-left: 22px
}

.radio-holder span:before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border-radius: 50%
}

.radio-holder span:hover:before {
    background-color: #f8f8f8
}

.radio-holder input:checked~span:before {
    background-color: #393746
}

.radio-holder input:checked~span:after {
    width: 5px;
    height: 9px;
    top: 2px;
    bottom: 4px;
    border-color: #fff
}

@media (max-width:999px) {
    .label-confirm {
        font-size: 12px
    }
}

.btn {
    background: transparent;
    color: #fff;
    font-size: .9375em;
    height: 2.8em;
    padding: .2em;
    display: inline-block;
    line-height: 1;
    border: 0;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.btn>.btn-inner,
.btn>span {
    border: 1px solid hsla(0, 0%, 100%, .5);
    padding-right: .8em;
    padding-left: .8em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn--primary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfa86b), to(#ac843e));
    background-image: linear-gradient(180deg, #bfa86b 0, #ac843e)
}

.btn--primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c7b27d), to(#bd9247));
    background-image: linear-gradient(180deg, #c7b27d 0, #bd9247)
}

.btn--secondary {
    background-color: #2a283a
}

.btn--secondary:hover {
    background-color: #403d58;
    color: #fff
}

.btn--muted {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c1c1c1), to(#aeaeae));
    background-image: linear-gradient(180deg, #c1c1c1 0, #aeaeae)
}

.btn--muted:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#cecece), to(#bbb));
    background-image: linear-gradient(180deg, #cecece 0, #bbb)
}

.btn--icon>.btn-inner,
.btn--icon>span {
    padding-left: 0
}

.btn--icon>.btn-inner:before,
.btn--icon>span:before {
    content: "";
    display: block;
    width: 2.1875em;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat
}

.btn--blue {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#5079cd), to(#4267b2));
    background-image: linear-gradient(180deg, #5079cd 0, #4267b2)
}

.btn--blue:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6488d3), to(#5074be));
    background-image: linear-gradient(180deg, #6488d3 0, #5074be)
}

.btn>.btn-inner,
.btn>span {
    position: relative
}

.btn--icon-facebook>.btn-inner:before,
.btn--icon-facebook>span:before {
    background-image: url("/dist/images/icons/fb.svg")
}

.btn--icon-chat>.btn-inner:before,
.btn--icon-chat>span:before {
    background-image: url("images/icons/chat.svg")
}

.btn--icon-user>.btn-inner:before,
.btn--icon-user>span:before {
    background-image: url("images/icons/user.svg")
}

.btn--icon-eye>.btn-inner:before,
.btn--icon-eye>span:before {
    background-image: url("images/icons/eye.svg")
}

.btn--icon-sep>.btn-inner:before,
.btn--icon-sep>span:before {
    border-right: 1px solid hsla(0, 0%, 100%, .5);
    margin-right: 12px
}

.btn--big {
    font-size: 22px;
    font-weight: 400
}

.btn--grow {
    width: 100%;
    height: 100%;
    font-weight: 400
}

.btn--small {
    font-size: 12px !important
}

.btn--plus span:before {
    content: "";
    display: inline-block;
    width: 1.46666667em;
    height: 1.46666667em;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg fill=%22%23fff%22 viewBox=%220 0 5 5%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M2 1 h1 v1 h1 v1 h-1 v1 h-1 v-1 h-1 v-1 h1 z%22 /%3E%3C/svg%3E");
    background-size: 100% 100%;
    margin-right: .3em
}

input:not(:checked)~.btn .show-when-selected {
    display: none
}

input:checked~.btn {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfa86b), to(#ac843e));
    background-image: linear-gradient(180deg, #bfa86b 0, #ac843e)
}

input:checked~.btn:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c7b27d), to(#bd9247));
    background-image: linear-gradient(180deg, #c7b27d 0, #bd9247)
}

input:checked~.btn span:before {
    content: "";
    display: inline-block;
    width: 1.13333333em;
    height: .86666667em;
    background-image: url("images/icons/v.svg");
    background-size: 100% 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-right: .3em
}

input:checked~.btn .hide-when-selected {
    display: none
}

.buttons .btn+.btn,
.buttons button+button {
    margin-left: .75em
}

.buttons button:hover {
    opacity: .75
}

.label {
    display: inline-block;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    position: relative;
    background-color: #7fb107;
    padding: 4px;
    min-height: 16px
}

.label:not(.label--no-arrow):before {
    content: "";
    border-bottom: 8px solid transparent;
    border-right: 10px solid #7fb107;
    border-top: 8px solid transparent;
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto
}

.label:not(:only-child) {
    margin-left: calc(10px + .5em)
}

.key-value {
    min-width: 180px;
    table-layout: fixed
}

.key-value td {
    text-align: right
}

.key-value td,
.key-value th {
    vertical-align: baseline
}

.key-value th {
    white-space: nowrap
}

.key-value tr+tr td,
.key-value tr+tr th {
    padding-top: 1em
}

.key-value--aligned td {
    text-align: inherit;
    padding-left: .5em
}

.sep-list>*+* {
    border-left: 1px solid #e0e0e0;
    padding-left: 1em;
    margin-left: 1em
}

.color-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.color-list-label {
    border: 1px solid #e5e5e5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 7px;
    margin-bottom: 7px;
    cursor: pointer
}

input:checked+.color-list-label {
    background-color: #bca264;
    color: #fff;
    border-color: #b2914e
}

.color-list-label:hover {
    border-color: #b2914e
}

.tab-focus input:focus+.color-list-label {
    outline: 1px solid #4d90fe;
    outline: 5px auto -webkit-focus-ring-color
}

.color-list-img {
    width: 20px;
    height: 20px
}

.color-list-name {
    display: block;
    padding-right: .4em;
    padding-left: .4em
}

.vertical-space *+* {
    margin-top: .5em
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 40, 53, .5);
    z-index: 9998;
    padding: 10px;
    opacity: 1;
    visibility: visible;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.modal .box-title {
    font-size: 18px
}

.modal[aria-hidden=true] {
    opacity: 0;
    visibility: hidden
}

.modal-container {
    width: 100%;
    max-width: 560px;
    max-height: 100%;
    position: relative;
    padding-top: 25px
}

.modal-container>.box {
    -webkit-box-shadow: 0 0 54px rgba(24, 24, 25, .43);
    box-shadow: 0 0 54px rgba(24, 24, 25, .43);
    max-height: 90vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.blur .app {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}

.modal-close {
    position: absolute;
    top: 0;
    right: 0
}

.modal-close button {
    display: block;
    width: 15px;
    height: 15px
}

.modal-close button:hover {
    opacity: .75
}

.close:after,
.close:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background: #fff
}

.close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-warning {
    background: #b6a581;
    color: #fff;
    text-align: center;
    padding: .7em;
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.modal-footer {
    font-size: 1.15384615em
}

.modal-footer .btn--primary {
    font-size: 1.2em;
    min-width: 10.8em
}

.modal .form .field>:first-child {
    width: 155px
}

.modal .form .field+.field {
    border-top: 1px solid #e0e0e0;
    padding-top: .7em;
    margin-top: .7em
}

@media (max-width:999px) {
    .modal .box {
        border-right-width: 1px;
        border-left-width: 1px
    }

    .modal-footer {
        font-size: 1em
    }
}

.form .required {
    font-size: 15px;
    color: #b08b47;
    text-decoration: none
}

.form .input,
.form .select {
    width: 100%;
    padding: .8em
}

.form .field+.field {
    margin-top: 1em
}

.form .field>:first-child {
    width: 90px
}

.form .selects {
    margin: -5px
}

.form .selects>* {
    padding: 5px
}

.form .field--textarea b {
    padding-top: .5em
}

.form abbr~.radio-holder {
    margin-left: .7em
}

.hamburger {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 100%;
    margin-left: .75em
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #fff;
    display: block
}

.hamburger-inner {
    top: 0;
    bottom: 0;
    margin: auto
}

.hamburger-inner:before {
    top: -10px
}

.hamburger-inner:after {
    bottom: -10px
}

.hamburger-label {
    bottom: 0;
    left: 40px;
    width: 100px;
    line-height: 30px;
    text-decoration: none
}

.hamburger-label,
.header {
    position: absolute;
    top: 0;
    font-size: 15px;
    color: #fff
}

.header {
    left: 0;
    width: 100%;
    padding: 15px 2.5em 0;
    z-index: 9997;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header a {
    color: inherit;
    text-decoration: none
}

.header .btn {
    font-size: inherit
}

.sticky .header {
    background-color: rgba(0, 0, 0, .8);
    padding-top: 5px;
    padding-bottom: 5px;
    position: fixed;
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5);
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .5);
    -webkit-animation: slide-in .3s;
    animation: slide-in .3s;
    height: 50px
}

.sticky .header .header-logo {
    width: 150px
}

@-webkit-keyframes slide-in {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slide-in {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.header-logo {
    width: 17.86666667em
}

.header-logo img {
    max-width: 100%
}

.header-right {
    margin-left: auto;
    height: 35px
}

.header-right>.flex {
    height: 100%
}

.header-right>.flex>div+div {
    margin-left: 8px
}

.header-right .btn {
    height: 100%
}

.header-right .btn:hover>.btn-inner,
.header-right .btn:hover>span {
    border-color: #fff
}

.header-form {
    border: 1px solid #b79857;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.header-form input {
    border: 0;
    background-color: #fff;
    font-size: .93333333em;
    display: block;
    height: 100%;
    padding-left: 1em;
    padding-right: 1em
}

.header-form .btn {
    min-width: 3.33333333em;
    font-weight: 300;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.header-user {
    padding: 0;
    position: relative
}

.header-user li,
.header-user ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.header-user .dropdown {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: -200px;
    right: -200px;
    margin: auto;
    min-width: 100%;
    width: 200px;
    background-color: #fff;
    -webkit-transform: translateY(20px) scaleX(1.1) scaleY(1.1) translateZ(0);
    transform: translateY(20px) scaleX(1.1) scaleY(1.1) translateZ(0);
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: transform, opacity, visibility;
    transition-property: transform, opacity, visibility, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, .15);
    box-shadow: 0 15px 35px rgba(50, 50, 93, .15);
    font-size: 12px;
    text-align: left
}

.header-user .dropdown a {
    color: #1f1d27;
    display: block;
    padding: 1em
}

.header-user .dropdown a:hover {
    color: #1f1d27;
    background-color: #f3f3f3
}

.header-user .dropdown li+li a {
    border-top: 1px solid #e0e0e0
}

.header-user .dropdown ul {
    top: 0;
    left: 100%
}

.header-user>.btn {
    cursor: auto
}

.header-user>.btn>.btn-inner,
.header-user>.btn>span {
    border: 0;
    padding-right: 0
}

.header-user>.btn:focus>.dropdown,
.header-user>.btn:hover>.dropdown,
.header-user [aria-expanded=true]>.dropdown {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.header-user .arrow {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-left: .75em;
    margin-right: .75em
}

.header-user .cart {
    display: inline-block;
    width: 19px;
    height: 19px;
    background-image: url("images/icons/cart.svg");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    border-left: 1px solid #fff;
    padding-left: .75em;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.header-user .cart-count {
    background-color: #fff;
    width: 15px;
    height: 15px;
    line-height: 15px;
    border-radius: 50%;
    font-size: 10px;
    text-align: center;
    color: #b08b47;
    border: 2px solid #b08b47;
    position: absolute;
    top: -8px;
    right: -8px
}

.header-left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:999px) {
    .header-menu {
        padding-left: 1em
    }

    .header-menu li,
    .header-menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

    .header-menu li {
        position: relative
    }

    .header-menu>ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-menu>ul>li {
        padding-right: 1.46666667em;
        padding-left: 1.46666667em;
        position: relative
    }

    .header-menu>ul>li+li:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        height: calc(100% - 1em);
        width: 1px;
        margin: auto;
        background-color: hsla(0, 0%, 100%, .4)
    }

    .header-menu>ul>li>a {
        display: block;
        padding-top: .5em;
        padding-bottom: .5em
    }

    .header-menu .active,
    .header-menu a:hover {
        color: #e6cb70
    }

    .header-menu ul ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 100%;
        left: -200px;
        right: -200px;
        margin: auto;
        min-width: 100%;
        width: 200px;
        background-color: #fff;
        -webkit-transform: translateY(20px) scaleX(1.1) scaleY(1.1) translateZ(0);
        transform: translateY(20px) scaleX(1.1) scaleY(1.1) translateZ(0);
        -webkit-transition-property: opacity, visibility, -webkit-transform;
        transition-property: opacity, visibility, -webkit-transform;
        transition-property: transform, opacity, visibility;
        transition-property: transform, opacity, visibility, -webkit-transform;
        -webkit-transition-duration: .25s;
        transition-duration: .25s;
        -webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, .15);
        box-shadow: 0 15px 35px rgba(50, 50, 93, .15);
        font-size: 12px;
        text-align: left
    }

    .header-menu ul ul a {
        color: #1f1d27;
        display: block;
        padding: 1em
    }

    .header-menu ul ul a:hover {
        color: #1f1d27;
        background-color: #f3f3f3
    }

    .header-menu ul ul li+li a {
        border-top: 1px solid #e0e0e0
    }

    .header-menu ul ul ul {
        top: 0;
        left: 100%
    }

    .header-menu li:focus>ul,
    .header-menu li:hover>ul,
    .header-menu li[aria-expanded=true]>ul {
        pointer-events: auto;
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .header-menu .open-submenu,
    .header .show-in-responsive {
        display: none
    }
}

@media (max-width:1400px) {
    .header {
        padding: 10px 15px 0;
        font-size: 13px
    }

    .header-logo {
        width: 150px
    }

    .header-user .hide-in-responsive {
        display: none
    }

    .header-user .show-in-responsive {
        display: block
    }
}

@media (max-width:1400px) and (min-width:999px) {
    .header-menu>ul>li {
        padding-right: 1em;
        padding-left: 1em
    }
}

@media (max-width:999px) {
    .header .show-in-responsive {
        display: block
    }

    .header {
        -webkit-transition: -webkit-transform .25s ease;
        transition: -webkit-transform .25s ease;
        transition: transform .25s ease;
        transition: transform .25s ease, -webkit-transform .25s ease;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .header-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 250px;
        background-color: #2b2936;
        -webkit-transform: translateX(100%) translateZ(0);
        transform: translateX(100%) translateZ(0);
        z-index: 9999
    }

    .header-menu li,
    .header-menu ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .header-menu a {
        display: block;
        padding: 1em;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .header-menu li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2)
    }

    .header-menu ul {
        width: 100%
    }

    .header-menu li:not([aria-expanded=true]) ul {
        display: none
    }

    .header-menu li ul {
        background-color: rgba(0, 0, 0, .2);
        font-size: .9em;
        border-top: 1px solid hsla(0, 0%, 100%, .2)
    }

    .header-menu .open-submenu {
        width: 10px;
        height: 10px;
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        margin-left: 1em;
        margin-right: 1em;
        margin-top: -2px
    }

    .header-menu [aria-expanded=true]>.open-submenu {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    input:checked+.header {
        -webkit-transform: translateX(-250px) translateZ(0);
        transform: translateX(-250px) translateZ(0)
    }

    input:checked+.header .header-menu {
        -webkit-box-shadow: 0 0 0 100vw rgba(0, 0, 0, .5), 0 0 0 2px hsla(0, 0%, 100%, .5);
        box-shadow: 0 0 0 100vw rgba(0, 0, 0, .5), 0 0 0 2px hsla(0, 0%, 100%, .5)
    }

    input:checked+.header .hamburger {
        z-index: 9999
    }

    input:checked+.header .hamburger .hamburger-inner {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    input:checked+.header .hamburger .hamburger-inner:before {
        opacity: 0
    }

    input:checked+.header .hamburger .hamburger-inner:after {
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.intro {
    text-align: center;
    position: relative;
    color: #fff;
    background-color: #25252b
}

.intro h1 {
    font-weight: 400;
    line-height: 1;
    margin: 0
}

.intro p {
    font-size: .875em;
    margin: 0
}

.intro h1+p {
    margin-top: 1.28571429em
}

.intro-content {
    position: relative;
    padding-right: 2.3125em;
    padding-left: 2.3125em
}

.intro-container {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto
}

.intro--home h1 {
    font-size: 3.75em;
    -webkit-animation: fadeIn 3s .5s forwards;
    animation: fadeIn 3s .5s forwards;
    opacity: 0
}

.intro--home h1 strong {
    font-weight: 700
}

.intro--home .intro-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 11.4%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-animation: backgroundIn 3.5s forwards;
    animation: backgroundIn 3.5s forwards;
    background-color: #25252b
}

@-webkit-keyframes backgroundIn {
    to {
        background-color: transparent
    }
}

@keyframes backgroundIn {
    to {
        background-color: transparent
    }
}

@-webkit-keyframes fadeIn {
    0% {
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0) translateZ(0);
        transform: translateZ(0) translateZ(0)
    }
}

@keyframes fadeIn {
    0% {
        -webkit-transform: translate3d(0, 40%, 0);
        transform: translate3d(0, 40%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0) translateZ(0);
        transform: translateZ(0) translateZ(0)
    }
}

.intro--page {
    background-color: #25252b;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding-top: 7.5em;
    padding-bottom: 3.125em
}

.intro--page h1 {
    font-size: 3.25em
}

.intro-image {
    overflow: hidden
}

.intro-image img {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    position: relative
}

.intro-footer {
    font-size: 13px;
    margin-top: auto;
    margin-bottom: 2.46153846em
}

.intro-footer-btn {
    display: inline-block;
    position: relative;
    color: inherit;
    text-decoration: none
}

.intro-footer-btn:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin: 5px auto 0;
    position: relative;
    -webkit-animation: 1.5s arrow infinite ease;
    animation: 1.5s arrow infinite ease
}

.intro-footer-btn:hover {
    color: inherit;
    opacity: .7
}

@-webkit-keyframes arrow {

    0%,
    to {
        top: -2px
    }

    50% {
        top: 6px
    }
}

@keyframes arrow {

    0%,
    to {
        top: -2px
    }

    50% {
        top: 6px
    }
}

@media (max-width:1400px) {
    .intro--page {
        padding-top: 4.5em
    }

    .intro-content {
        position: relative;
        padding-right: .9375em;
        padding-left: .9375em
    }

    .intro--home h1 {
        font-size: 3.125em
    }
}

@media (max-width:999px) {
    .intro--home h1 {
        font-size: 2.5em
    }
}

.secondary-menu {
    background-color: #2b2936;
    font-size: .9375em;
    color: #fff;
    z-index: 9996;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative
}

.secondary-menu a {
    color: inherit;
    text-decoration: none
}

.secondary-menu ol,
.secondary-menu ul {
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none
}

.secondary-menu li {
    padding: 1em 0;
    list-style-type: none;
    position: relative
}

.secondary-menu ol,
.secondary-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.secondary-menu ul li {
    padding-right: .93333333em;
    padding-left: .93333333em
}

.secondary-menu ul li+li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1.1em;
    width: 1px;
    background-color: hsla(0, 0%, 100%, .25)
}

.secondary-menu ul .active,
.secondary-menu ul a:hover {
    color: #e6cb70
}

.secondary-menu ul .active:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 7px 0;
    border-color: #2c2a3b transparent transparent
}

.secondary-menu ol {
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    counter-reset: cart;
    overflow: hidden
}

.secondary-menu ol li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    counter-increment: cart;
    padding-right: 1em;
    padding-left: 1em;
    background-color: #bca365;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.secondary-menu ol li a:before,
.secondary-menu ol li span:before {
    content: counter(cart) ". ";
    font-size: 1.26666667em
}

.secondary-menu ol li+li {
    padding-left: 3em
}

.secondary-menu ol li:last-child {
    border-right: 1px solid #828092
}

.secondary-menu ol li:not(:last-child):before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 2.53333333em;
    height: 2.53333333em;
    -webkit-transform: translateX(50%) rotate(-45deg) translateZ(0);
    transform: translateX(50%) rotate(-45deg) translateZ(0);
    -webkit-box-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0 #fff;
    z-index: 1
}

.secondary-menu ol li:not(.active):after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 1.13333333em;
    height: .86666667em;
    background: url("images/icons/v.svg") 50% no-repeat;
    background-size: 100% 100%;
    z-index: 2
}

.secondary-menu ol .active~li {
    background-color: transparent
}

.secondary-menu ol .active~li:before {
    -webkit-box-shadow: 1px 1px 0 #828092;
    box-shadow: 1px 1px 0 #828092
}

.secondary-menu ol .active~li:after {
    display: none
}

.secondary-menu ol .active:not(:last-child):before {
    background-color: #bca365;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width:999px) {
    .secondary-menu {
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .secondary-menu ol,
    .secondary-menu ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .secondary-menu ol li {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.home-masonry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden
}

.home-masonry img {
    max-width: 101%
}

.home-masonry img:not(.lazyload) {
    height: auto
}

.home-masonry.masonry {
    background-color: #1e1d26
}

.home-masonry-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 20%;
    overflow: hidden;
    position: relative;
    background: #efefef url("images/background-pattern.jpg") 0 0 repeat
}

.home-masonry-item img,
a.home-masonry-item:after {
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s
}

a.home-masonry-item:after {
    content: "";
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    border: 1px solid hsla(0, 0%, 100%, .3);
    visibility: hidden;
    opacity: 0
}

a.home-masonry-item:focus:after,
a.home-masonry-item:hover:after {
    opacity: 1;
    visibility: visible
}

a.home-masonry-item:focus img,
a.home-masonry-item:hover img {
    -webkit-transform: scale(1.2) translateZ(0);
    transform: scale(1.2) translateZ(0)
}

.home-masonry-item-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    text-align: center;
    font-size: .72916667vw;
    height: 100%
}

.home-masonry-item-content>:first-child {
    max-width: calc(250px + 3.6em);
    margin: auto;
    position: relative;
    z-index: 1;
    overflow: auto;
    padding-right: 1.8em;
    padding-left: 1.8em
}

.home-masonry-item-content h3 {
    font-size: 1.5em;
    color: #b08b47;
    margin-top: 1em;
    margin-bottom: 1em
}

.home-masonry-item-content p {
    margin: 0
}

.home-masonry-item-content .sep:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -10px;
    margin: auto;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 100%;
    width: 10px;
    height: 100%
}

.home-masonry-item-content:after {
    content: "";
    position: absolute;
    top: .71428571em;
    bottom: .71428571em;
    left: .71428571em;
    right: .71428571em;
    border: 2px solid hsla(0, 0%, 100%, .5)
}

.home-masonry-item-content blockquote {
    margin: 0;
    font-weight: 300;
    font-size: 1.71428571em;
    font-style: italic;
    text-align: left;
    width: 100%
}

.home-masonry-item-content blockquote:before {
    content: "";
    display: inline-block;
    width: 1.66666667em;
    height: 1.45833333em;
    background-image: url("images/icons/big-q.svg");
    background-size: 100% 100%;
    vertical-align: bottom;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%)
}

.home-masonry-item-content figcaption {
    color: #1e1d26;
    position: relative;
    text-align: left;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1em
}

.home-masonry-item-content figcaption cite {
    font-style: normal;
    color: #af8944;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.home-masonry-item-content .btn {
    display: block;
    width: 100%;
    font-size: inherit;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    margin-top: 1em
}

.home-masonry-item-content .sep-list *+* {
    border-left-color: #adadad
}

.masonry-item-label {
    position: absolute;
    top: 1.66666667em;
    left: 1.66666667em;
    text-decoration: none;
    color: #1f1d27;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    font-size: .9375em;
    line-height: 1;
    border: 1px solid #ccc;
    display: inline-block
}

.masonry-item-label-inner {
    background-color: #fff;
    margin: 3px;
    padding: 2px;
    display: inline-block
}

.masonry-item-badge {
    position: absolute;
    bottom: 1.66666667em;
    left: 1.66666667em;
    display: inline-block
}

.masonry-item-badge .btn {
    height: 5.88235294em;
    width: 5.88235294em;
    font-size: 1.0625em
}

.home-masonry-item-content--primary {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfa86b), to(#ac843e));
    background-image: linear-gradient(180deg, #bfa86b 0, #ac843e);
    color: #fff
}

.home-masonry-item-content--primary:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c7b27d), to(#bd9247));
    background-image: linear-gradient(180deg, #c7b27d 0, #bd9247)
}

.home-masonry-item-big {
    font-size: 2.71428571em;
    line-height: 1;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.home-masonry-item-icon {
    height: 7em;
    width: 7em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.home-masonry-item-icon img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.home-infographics .home-masonry-item-content {
    font-size: 14px
}

.home-infographics .home-masonry-item-content>:first-child {
    padding-right: 0;
    padding-left: 0
}

@media (max-width:1400px) {
    .home-masonry-item {
        width: 25%
    }

    .home-masonry-item-content {
        font-size: 1vw
    }

    .home-infographics .home-masonry-item-content {
        font-size: 12px
    }

    .home-infographics .home-masonry-item-content>.center {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .home-infographics .home-masonry-item-content .home-masonry-item-icon+* {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .home-infographics .home-masonry-item-content h3 {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .home-infographics .home-masonry-item-content h3+* {
        margin-top: auto
    }

    .home-masonry-item.masonry-why-showmark {
        width: 100% !important
    }

    .home-masonry-item.masonry-why-showmark>img {
        display: none
    }

    .home-masonry-item.masonry-why-showmark .home-masonry-item-content {
        position: static
    }

    .home-masonry-item.masonry-why-showmark .home-masonry-item-content br {
        display: none
    }

    .home-masonry-item.masonry-why-showmark .home-masonry-item-content>:first-child {
        max-width: 100%;
        overflow: visible;
        padding: 2em
    }

    .home-masonry:not(.masonry) .home-masonry-item>img {
        display: none
    }

    .home-masonry:not(.masonry) .home-masonry-item .home-masonry-item-content {
        position: static
    }

    .home-masonry:not(.masonry) .home-masonry-item .home-masonry-item-content>:first-child {
        max-width: 100%;
        overflow: visible
    }
}

@media (max-width:999px) {
    .home-masonry-item-content {
        font-size: 1.4014014vw
    }

    .home-masonry-item {
        width: 33.33333333%
    }

    .home-masonry:not(.masonry) .home-masonry-item {
        width: 25%
    }
}

.testimonials figure {
    margin: 0
}

.testimonials .box-bg {
    padding: 30px;
    padding-right: 0
}

.testimonials blockquote {
    margin: 0;
    font-weight: 300;
    font-size: 20px;
    font-style: italic;
    line-height: 1.45
}

.testimonials blockquote:after,
.testimonials blockquote:before {
    content: "";
    display: inline-block;
    width: 1.25em;
    height: 1em;
    background-image: url("images/icons/q.svg");
    background-size: 100% 100%;
    vertical-align: bottom
}

.testimonials blockquote:before {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.testimonials blockquote:after {
    -webkit-transform: translateY(30%) rotate(180deg);
    transform: translateY(30%) rotate(180deg)
}

.testimonials figcaption {
    padding-top: 25px;
    margin-top: 25px;
    border-top: 1px solid #d4d4d4;
    position: relative;
    font-weight: 500;
    font-size: 15px;
    color: #1e1d26
}

.testimonials figcaption:after,
.testimonials figcaption:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 2em;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 9px 9px;
    border-color: transparent transparent #d4d4d4
}

.testimonials figcaption:after {
    border-width: 0 8px 8px;
    border-color: transparent transparent #fff;
    left: calc(2em + 1px)
}

.testimonials figcaption cite {
    font-style: normal
}

.testimonials figcaption small {
    color: #af8944;
    font-size: 12px;
    font-weight: 400;
    padding-left: 1em
}

.testimonials .sep:after,
.testimonials .sep:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0
}

.testimonials .sep:after {
    background-color: #fcfcfc;
    width: 20px;
    height: 100%
}

.testimonials .sep:before {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 100%;
    width: 10px;
    height: 100%
}

.testimonial-image {
    min-width: 255px;
    text-align: center;
    position: relative
}

.testimonial-content {
    padding-right: 38px
}

@media (max-width:999px) {
    .testimonials .box-bg {
        padding: 15px
    }

    .testimonials blockquote {
        font-size: 15px
    }

    .testimonials figcaption {
        padding-top: 10px;
        margin-top: 20px
    }

    .testimonials figcaption cite {
        font-size: 12px
    }

    .testimonial-image {
        min-width: 145px;
        padding-left: 30px
    }

    .testimonial-image img {
        max-width: 100%;
        height: auto
    }
}

.product-info .box-title {
    margin-top: 0;
    margin-bottom: .5em
}

.product-info-content {
    font-size: 14px
}

.product-info-content p {
    line-height: 1.35
}

.product-info-bottom {
    background-color: #dfdfdf;
    padding: 10px 5px;
    display: block;
    text-align: center;
    font-weight: 500
}

.product-info-bottom .sep-list *+* {
    border-left-color: #c4c4c4
}

.product-info-bottom a {
    text-decoration: underline
}

.product-info-bottom img {
    margin-right: 5px
}

.product-info-bottom .reset-btn {
    text-decoration: none
}

.product-info-bottom .reset-btn:hover,
.product-info-bottom a:hover {
    color: #b08b47
}

.product-info-bottom .reset-btn,
.product-info-bottom a {
    color: inherit
}

.product-info-bottom a.active {
    text-decoration: none
}

.product-info-bottom [aria-selected=false] .if-active,
.product-info-bottom [aria-selected=true] .if-inactive {
    display: none
}

.product-info-graphics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
    list-style-type: none;
    padding: 0
}

.product-info-graphics li {
    width: 50%;
    padding: 5px
}

.product-info-graphics label {
    position: relative;
    display: block;
    cursor: pointer
}

.product-info-graphics label img {
    max-width: 100%
}

.product-info-graphics .product-info-bottom {
    font-size: 14px;
    font-weight: 400;
    padding-top: 2px;
    padding-bottom: 2px
}

.product-info-graphics-label:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.product-info-graphics-label:hover:after,
input:checked+.product-info-graphics-label:after {
    border: 2px solid #bca264
}

input:checked+.product-info-graphics-label .product-info-bottom {
    color: #fff;
    background-color: #bca264
}

.tab-focus input:focus+.product-info-graphics-label {
    outline: 1px solid #4d90fe;
    outline: 5px auto -webkit-focus-ring-color
}

.product-info-panel-section {
    position: relative;
    margin-right: 20px;
    padding-left: 20px
}

.product-info-panel-section p {
    margin: 0
}

.product-info-panel-section dl {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-info-panel-section dt {
    color: #505051;
    background-color: #dfdfdf;
    line-height: 1;
    padding: 1px 3px;
    margin-right: .2em;
    font-size: 13px
}

.product-info-panel-section dd {
    margin: 0
}

.product-info-panel-section dd.sep {
    width: 100%;
    height: 5px
}

.product-info-panel-section dd.sep:last-child {
    display: none
}

.product-info-panel-section+.product-info-panel-section {
    border-top: 1px solid #e4e4e4;
    padding-top: 30px;
    margin-top: 30px
}

.product-info-panel {
    position: relative
}

.product-info-panel .box-title {
    margin-bottom: 1em
}

.product-info-panel-section+.product-info-panel-section .box-title {
    margin-bottom: .65em
}

.product-info-panel:first-child:not(.w70) {
    width: 250px;
    padding-right: 20px
}

.product-info-panel:nth-child(2) {
    width: 395px
}

.product-info-panel:last-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.product-info-panel:last-child .product-info-panel-section {
    margin-right: 0
}

.product-info-panel>.sep:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    height: 90%;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 150%;
    width: 13px;
    height: 95%;
    clip: rect(0, 0, auto, -30px)
}

.product-info-panel-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 4px solid #ad8540
}

.product-info-panel-buttons .btn {
    font-size: 13px;
    height: auto;
    position: relative;
    padding: 6px;
    min-width: 108px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.product-info-panel-buttons .btn:not(.active) {
    color: #1f1d27
}

.product-info-panel-buttons .btn:not(.active):hover {
    background-color: rgba(0, 0, 0, .1)
}

.product-info-panel-buttons .btn.active {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#bfa86b), to(#ac843e));
    background-image: linear-gradient(180deg, #bfa86b 0, #ac843e)
}

.product-info-panel-buttons .btn.active:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#c7b27d), to(#bd9247));
    background-image: linear-gradient(180deg, #c7b27d 0, #bd9247)
}

.product-info-footer {
    padding-top: 10px;
    font-size: 14px
}

.product-info-footer p {
    margin: 0
}

.product-info-footer-item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding-left: 4%;
    padding-right: 4%
}

.product-info-footer-item img {
    margin-right: 15px
}

.product-info-footer-item+.product-info-footer-item:after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: #d4d4d4
}

.product-info-panel-section.product-info-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    padding-top: 15px;
    margin-top: 15px
}

.product-info-preview-title .box-title {
    margin-bottom: 0 !important;
    margin-right: 12px
}

.product-info-preview-image {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px
}

@media (max-width:999px) {
    .product-info {
        font-size: 13px
    }

    .product-info-panel:first-child {
        width: 20%
    }

    .product-info-panel:nth-child(2) {
        width: 35%
    }

    .product-info-panel:nth-child(3) {
        width: 45%
    }

    .product-info-preview-image {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .product-info-footer {
        font-size: 13px
    }

    .product-info-footer-item {
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0
    }

    .product-info-footer-item br {
        display: none
    }

    .product-info-footer-item img {
        max-width: 40px;
        height: auto
    }

    .product-info-order-price {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .product-info-order-price .label {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

    .product-info-order-price .label:before {
        left: 0;
        right: 0;
        bottom: 100%;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 12px;
        border-color: transparent transparent #7fb107
    }
}

.product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.list-item {
    width: 50%;
    padding: 3.46153846em;
    position: relative
}

.list-item>.sep:after,
.list-item>.sep:before {
    content: "";
    position: absolute;
    margin: auto
}

.list-item>.sep:after {
    background-color: #fcfcfc
}

.list-item>.sep:before {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 100%
}

.list-item:nth-child(n+3)>.sep--top:after,
.list-item:nth-child(n+3)>.sep--top:before {
    top: 0;
    left: 0;
    right: 0
}

.list-item:nth-child(n+3)>.sep--top:after {
    height: 20px;
    width: 100%
}

.list-item:nth-child(n+3)>.sep--top:before {
    height: 10px;
    width: 85%
}

.list-item:nth-child(2n)>.sep--left:after,
.list-item:nth-child(2n)>.sep--left:before {
    top: 0;
    bottom: 0;
    left: 0
}

.list-item:nth-child(2n)>.sep--left:after {
    width: 20px;
    height: 100%
}

.list-item:nth-child(2n)>.sep--left:before {
    width: 10px;
    height: 85%
}

.list-item-content {
    padding-left: 2.69230769em
}

.list-item-content a:hover {
    text-decoration: none
}

.list-item-content h2,
.list-item-content h3 {
    font-size: 1.53846154em;
    margin-top: 0;
    margin-bottom: .25em;
    font-weight: 400
}

.list-item-content h2 a,
.list-item-content h3 a {
    color: inherit;
    text-decoration: none
}

.list-item-buttons,
.list-item-price {
    margin-top: 1.53846154em;
    margin-bottom: 1.53846154em
}

.list-item-buttons .btn {
    min-width: 9.07692308em
}

.list-item-price {
    font-size: 1.15384615em
}

@media (max-width:999px) {
    .list-item {
        padding: 20px
    }

    .list-item-buttons .btn {
        min-width: 0
    }

    .list-item-content {
        padding-left: 15px;
        font-size: 11px
    }

    .list-item-image {
        -ms-flex-item-align: start;
        align-self: flex-start;
        max-width: 90px
    }
}

.section-step,
.section-step-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section-step {
    font-size: 1.125em;
    margin: 0;
    font-weight: 400;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.section-step .step {
    background-color: #b6a581;
    display: block;
    color: #fff;
    text-align: center;
    padding-left: .3em;
    margin-right: 1em;
    position: relative;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;
    width: 1.11111111em
}

.section-step .step:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: .55555556em 0 .55555556em .55555556em;
    border-color: transparent transparent transparent #b6a581;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    margin: auto
}

.checkout .sep-line {
    height: 1px;
    margin: 1.5em 0;
    background-color: #e0e0e0
}

.checkout-submit-back {
    min-width: 180px;
    border-right: 1px solid #e0e0e0;
    padding-right: 1em;
    padding-left: 1em
}

.checkout-payment .field>:first-child {
    width: 145px
}

.checkout-header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.checkout-header-buttons .btn+.btn,
.checkout-header-buttons .label-btn+.label-btn,
.checkout-header-buttons [role=tab]+[role=tab] {
    margin-left: .75em
}

.checkout-header-buttons .sep {
    width: 1px;
    background-color: #e0e0e0;
    margin-left: 1.8em;
    margin-right: 1.8em
}

@media (max-width:999px) {
    .checkout-header-buttons {
        font-size: 11px
    }

    .checkout-header-buttons .sep {
        margin-left: 1em;
        margin-right: 1em
    }

    .checkout-header-buttons .btn {
        height: 2.66666667em
    }

    .checkout-header-buttons .btn>span {
        padding-right: .4em;
        padding-left: .4em
    }

    .checkout .sep-line {
        margin-top: 1em;
        margin-bottom: 1em
    }

    .checkout-submit-back {
        min-width: 0
    }
}

.shipping-instruction {
    border: 2px solid #bda467;
    background-color: #fff;
    -webkit-box-shadow: 2px 2px 5px rgba(24, 24, 25, .35);
    box-shadow: 2px 2px 5px rgba(24, 24, 25, .35);
    padding: 12px 15px;
    position: relative;
    margin-bottom: 1.5em
}

.shipping-instruction .legend {
    background-color: #fff;
    padding-right: 5px;
    padding-left: 5px;
    position: absolute;
    top: 0;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.shipping-instruction .select {
    padding: .3em .5em;
    font-size: 15px
}

.shipping-instruction-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.shipping-instruction-content .sep {
    min-width: 1px;
    max-width: 1px;
    background-color: #e0e0e0;
    margin-right: 5px;
    margin-left: 5px
}

.shipping-instruction-content>:not(.sep) {
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 5px;
    padding-left: 5px
}

.shipping-instruction-content address {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.shipping-instruction-content .select-holder {
    width: 50px
}

.shipping-instruction-select {
    text-align: center;
    color: #b08b47;
    font-size: 1.3em;
    text-decoration: none;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.shipping-instruction-select:hover {
    color: #c4c6cd
}

.cart-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-item>div {
    padding-right: 1em;
    padding-left: 1em
}

.cart-item-preview {
	flex: 1 1 0;
	text-align: center
}

.cart-item h2,
.cart-item h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0
}

.cart-item h2 .reset-btn,
.cart-item h2 a,
.cart-item h3 .reset-btn,
.cart-item h3 a {
    color: inherit;
    text-decoration: none
}

.cart-item h2 .reset-btn:hover,
.cart-item h2 a:hover,
.cart-item h3 .reset-btn:hover,
.cart-item h3 a:hover {
    opacity: .75
}

.cart-item+.cart-item {
    margin-top: 1.8em;
    padding-top: 1.8em
}

.cart-item-content {
    padding-right: 0 !important;
    width: 300px
}

.cart-item-content .key-value {
    margin-top: 1em
}

.cart-item-content--wider {
    width: 320px
}

.cart-item-last {
    width: 260px;
    border-left: 1px solid #e0e0e0;
    padding-right: 0 !important
}

.cart-item-last table {
    width: 100%
}

.cart-item-qty {
    text-align: center;
    border-left: 1px solid #e0e0e0
}

.cart-item-qty--review {
    width: 175px
}

.cart-item-qty--review .key-value {
    min-width: 90px
}

.cart-item>.sep,
.cart-item>.sep-line {
    padding: 0 !important
}

.cart-item-details {
    border-left: 1px solid #e0e0e0;
    padding-left: 1em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.cart-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 5px
}

.cart-footer .btn>span {
    padding-top: .5em;
    padding-bottom: .5em
}

.cart-footer div:last-child {
    width: 280px
}

.cart-item-shipping {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    border-left: 1px solid #e0e0e0;
    padding-right: 0 !important;
    width: 100%;
    max-width: 680px;
    margin-left: 1em
}

.cart-item-price {
    border-left: 1px solid #e0e0e0;
    width: 230px;
    padding-right: 2em;
    padding-left: 2em
}

.cart-item-price .key-value tr+tr td,
.cart-item-price .key-value tr+tr th {
    padding-top: .5em
}

.cart-item-share {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-left: 1px solid #e0e0e0;
    padding-right: 0 !important;
    margin-left: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.cart-item-share-text {
    font-size: 15px
}

.box-under-title .btn,
.cart-item-share .btn {
    margin-left: 1.5em;
    min-width: 155px
}

.cart-summary .cart-item-content h2,
.cart-summary .cart-item-content h3 {
    font-size: 15px
}

.cart-summary-submit {
    max-width: 410px;
    margin-left: auto;
    margin-top: 2em
}

.cart-summary-highlight {
    background-color: #c3ac74;
    color: #fff;
    padding: .75em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart-summary-highlight .cart-item-price {
    border-left-color: transparent
}

@media (max-width:999px) {
    .cart-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cart-item-shipping {
        max-width: 100%;
        width: 100%;
        border-left: 0;
        padding-left: 0 !important;
        margin-left: 0
    }

    .cart-item-image-medium,
    .cart-item-image-small {
        padding-bottom: 1em !important
    }

    .cart-item-image-medium+.cart-item-content,
    .cart-item-image-small+.cart-item-content {
        padding-bottom: 1em
    }

    .cart-item-image-medium+.cart-item-content .margin-auto,
    .cart-item-image-small+.cart-item-content .margin-auto {
        margin: 0 !important
    }

    .cart-item-image-small+.cart-item-content {
        width: calc(100% - 75px)
    }

    .cart-item-image-medium+.cart-item-content {
        width: calc(100% - 100px)
    }

    .cart-item-content+.cart-item-details {
        padding-left: 0;
        border-left: 0
    }

    .cart-item-preview {
        padding-left: 0 !important;
        max-width: 245px
    }

    .cart-item-preview img {
        max-width: 100%;
        height: auto
    }

    .cart-item-qty {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .cart-footer {
        font-size: 14px
    }
}

.addresses {
    margin: -9px
}

.address {
    padding: 9px;
    width: 25%;
    min-width: 247px
}

.address address+div {
    margin-top: 1em
}

.modal .address {
    width: 50%
}

.modal .address .buttons {
    display: none
}

.address-inner {
    padding: 1em;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    position: relative
}

.address-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.address-tabs>a {
    display: block;
    text-decoration: none;
    color: #1f1d27;
    padding: .2em .8em
}

.address-tabs>a:hover {
    background-color: rgba(0, 0, 0, .05)
}

.address-tabs>a.active {
    background-color: #e0e0e0
}

.address-highlight {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 2px solid #b08b47;
    -webkit-box-shadow: 2px 2px 5px rgba(25, 25, 26, .35);
    box-shadow: 2px 2px 5px rgba(25, 25, 26, .35);
    visibility: hidden;
    opacity: 0;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

input:checked~.address-highlight {
    visibility: visible;
    opacity: 1
}

@media (max-width:999px) {
    .address {
        width: 50%
    }
}

.item {
    position: relative
}

.item+.item>.sep-line:before,
.item+.item>.sep:before {
    content: "";
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    width: 100%
}

.item+.item>.sep:before {
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    box-shadow: 0 0 12px rgba(0, 0, 0, .25);
    border-radius: 150%;
    height: 13px;
    clip: rect(-30px, auto, 0, 0);
    margin: auto
}

.item+.item>.sep-line:before {
    height: 1px;
    background-color: #e0e0e0
}

.product-info-order {
    margin-top: -10px
}

.product-info-order>*+* {
    margin-top: 8px
}

.product-info-order-price .note {
    font-size: 11px
}

.product-info-order-price .price {
    text-decoration: line-through
}

.product-info-order-price .label {
    padding: 3px 6px;
    line-height: 1.2
}

.product-info-order-buttons .btn {
    font-size: 19px;
    height: 2.36842105em;
    margin-top: 15px
}

@media (max-width:999px) {
    .product-info-bottom img {
        margin-right: 10px
    }

    .product-info-bottom .sep-list>* {
        padding: 0 .8em;
        margin: 0
    }

    .product-info-bottom a,
    .product-info-bottom button {
        text-align: left
    }

    .product-info-order-buttons .btn {
        font-size: 14px;
        margin-top: 10px
    }

    .product-info-panel-buttons .btn {
        min-width: auto
    }
}

.footer {
    background-color: #1e1d26;
    color: #bcbec0;
    font-size: .875em;
    margin-top: auto
}

.footer a {
    text-decoration: none
}

.footer a:hover {
    color: #fff
}

.footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    border-right: 1px solid hsla(0, 0%, 100%, .2);
    border-left: 1px solid hsla(0, 0%, 100%, .2)
}

.footer-info>div {
    padding: 80px 45px;
}

.footer-info .sep {
    width: 1px;
    -ms-flex-item-align: normal;
    align-self: normal;
    background-color: hsla(0, 0%, 100%, .2);
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    padding: 0
}

.footer-logo {
    width: 33.33333333%;
    text-align: center
}

.footer-logo-button {
    margin-top: 1.78571429em;
    margin-bottom: 1.78571429em
}

.footer-links {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    line-height: 1.7
}

.footer-links a {
    color: inherit
}

.footer-links li,
.footer-links ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.footer-links>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-links>ul>li {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    padding-right: 1.75em;
    padding-left: 1.75em
}

.footer-links>ul>li>a {
    color: #fff;
    font-size: 1.35714286em;
    font-family: Bitter, Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif
}

.footer-links>ul>li>a:hover {
    color: hsla(0, 0%, 100%, .8)
}

.footer-credits {
    font-size: 11px;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.footer-credits a {
    color: inherit
}

.footer-credits .container {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 1em
}

.invoice_btn_wrapper {
    font-size: 18px;
}

.invoice_btn_wrapper span {
    padding: 5px 10px;
}

#invocie_block_1 .font-primary {
    font-size: 15px;
}

.invoice_line {
    padding-bottom: 20px;
}

.sm-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    gap: 8px;
    user-select: none
}

.sm-checkbox input {
    display: none
}

.sm-checkbox span {
    width: 18px;
    height: 18px;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    transition: all .2s ease;
    background: #fff
}

.sm-checkbox input:checked+span {
    background: #fff;
    border-color: #e5e5e5
}

.sm-checkbox input:checked+span::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 1px;
    width: 5px;
    height: 10px;
    border-right: 2px solid #b08b47;
    border-bottom: 2px solid #b08b47;
    transform: rotate(45deg)
}

.bottom_preview_code {
    padding: 2px;
    margin: 7px 0px 7px;
}

.contact-us-container, .products-container {
    text-align: center;
    background-color: var(--color-blue);
}


.my_account .order-header,
.my_account .order-row {
    display: flex;
    align-items: flex-start;     /* align to TOP */
    padding: 10px 15px;
    font-size: 14px;
    gap: 10px;
}

.my_account .order-header {
    font-weight: bold;
}

.my_account .order-row {
    font-style: italic;
    border-top: 1px solid #ddd;
}


.my_account .col-id       { width: 80px; }
.my_account .col-date     { width: 200px; }
.my_account .col-price    { width: 100px; text-align:center; }
.my_account .col-view     { width: 90px; text-align: right; }
.my_account .col-print    { width: 100px; text-align: right; }
.my_account .col-pdf      { width: 90px; text-align: right; }

.my_account .col-status {
    flex: 1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-left:20px;
    flex-wrap:wrap;
}

@media (max-width:999px) {
    .footer-info {
        height: auto
    }

    .footer-info>div {
        padding: 1.78571429em
    }

    .footer-links>ul>li {
        padding-right: 1em;
        padding-left: 1em
    }

    .footer-credits .container {
        height: auto;
        padding-right: 15px;
        padding-left: 15px
    }

    .footer-logo-img {
        width: 150px
    }
}

/*# sourceMappingURL=app.css.map*/