@charset "UTF-8";

/*!
Theme Name: SerbaSepeda.com
Author: ICUBIC
Author URI: http://icubic.co.id
Tags: responsive-layout, mobile-first
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.flickity-page-dots .dot {
    background: transparent;
    border: 1px solid #ff3636;
    height: 12px;
    margin: 0 4px;
    opacity: 1;
    transition: all .2s ease;
    width: 12px
}

.flickity-page-dots .dot.is-selected {
    background: #ff3636
}

.flickity-prev-next-button {
    background-color: transparent;
    height: 16px;
    padding: 0;
    width: 16px
}

@media screen and (min-width:414px) {
    .flickity-prev-next-button {
        height: 24px;
        width: 24px
    }
}

@media screen and (min-width:1024px) {
    .flickity-prev-next-button {
        height: 40px;
        width: 40px
    }
}

.flickity-prev-next-button:disabled {
    opacity: .24
}

.flickity-prev-next-button.previous {
    left: -8px
}

@media screen and (min-width:414px) {
    .flickity-prev-next-button.previous {
        left: -16px
    }
}

@media screen and (min-width:1024px) {
    .flickity-prev-next-button.previous {
        left: -32px
    }
}

.flickity-prev-next-button.next {
    right: -8px
}

@media screen and (min-width:414px) {
    .flickity-prev-next-button.next {
        right: -16px
    }
}

@media screen and (min-width:1024px) {
    .flickity-prev-next-button.next {
        right: -32px
    }
}

.flickity-prev-next-button .arrow {
    fill: #666
}

.mfp-bg {
    left: 0;
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b
}

.mfp-bg,
.mfp-wrap {
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:900px) {
    .mfp-arrow {
        transform: scale(.75)
    }

    .mfp-arrow-left {
        transform-origin: 0
    }

    .mfp-arrow-right {
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-bg {
    background: #000;
    opacity: .8;
    bottom: 0;
    right: 0
}

.mfp-bg.mfp-animation {
    opacity: 0;
    transition: all .2s ease-out
}

.mfp-bg.mfp-animation.mfp-ready {
    opacity: .8
}

.mfp-bg.mfp-animation.mfp-removing {
    opacity: 0
}

.mfp-container {
    padding-left: 16px;
    padding-right: 16px
}

.mfp-animation .mfp-content {
    opacity: 0;
    transition: all .2s ease-out;
    transform: scale(.8)
}

.mfp-animation.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1)
}

.mfp-animation.mfp-removing .mfp-content {
    opacity: 0;
    transform: scale(.8)
}

button.mfp-close {
    border-radius: 50%;
    color: #fff !important;
    font-family: Arial;
    font-style: normal;
    font-size: 24px;
    height: 1em;
    line-height: 1em;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 24px;
    text-align: center;
    text-decoration: none;
    transition: all .2s ease-out;
    top: 12px;
    width: 1em
}

button.mfp-close:focus,
button.mfp-close:hover {
    background-color: #ff5353
}

button.mfp-close:active {
    top: 12px
}

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #393939;
    background: #fff;
    border: 1px solid transparent
}

.pika-single.is-hidden {
    display: none
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5)
}

.pika-single {
    *zoom: 1
}

.pika-single:after,
.pika-single:before {
    content: " ";
    display: table
}

.pika-single:after {
    clear: both
}

.pika-lendar {
    width: 100%
}

.pika-title {
    border-bottom: 1px solid #e5e8eb;
    margin-bottom: 4px;
    padding: 4px 0;
    position: relative;
    text-align: center
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    padding: 2px;
    height: auto
}

.pika-label {
    font-size: 16px;
    line-height: 1.5;
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 3px 4px;
    color: #666;
    vertical-align: middle
}

.pika-label,
.pika-next,
.pika-prev {
    overflow: hidden;
    background-color: transparent
}

.pika-next,
.pika-prev {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 32px;
    text-indent: 20px;
    white-space: nowrap;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0
}

.pika-next:hover,
.pika-prev:hover {
    opacity: 1
}

.pika-next.is-disabled,
.pika-prev.is-disabled {
    cursor: default;
    opacity: .2
}

.is-rtl .pika-next,
.pika-prev {
    float: left;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
    *left: 0
}

.is-rtl .pika-prev,
.pika-next {
    float: right;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
    *right: 0
}

.pika-select {
    display: inline-block;
    *display: inline
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0
}

.pika-table td,
.pika-table th {
    border: none;
    width: 14.2857142857%;
    padding: 0
}

.pika-table th {
    color: #666;
    font-weight: 700;
    text-align: center;
    padding: 5px
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 8px 4px;
    color: #393939;
    text-align: center;
    background: transparent
}

.is-today .pika-button {
    color: #393939;
    font-weight: 700
}

.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #ff3636;
    box-shadow: inset 0 1px 3px #ff3636;
    border-radius: 3px
}

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #bbb
}

.pika-button:hover {
    color: #fff;
    background: #ff5353;
    box-shadow: none;
    border-radius: 3px
}

.pika-week {
    color: #666
}

.is-inrange .pika-button {
    background: #d5e9f7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6cb31d;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

.js-sticky {
    position: sticky;
    top: 0
}

.js-sticky:after,
.js-sticky:before {
    content: "";
    display: table
}

.wordpress-post-container .header {
    margin-bottom: 24px
}

.wordpress-post-container .header .title {
    margin-bottom: 4px
}

.wordpress-post:after,
.wordpress-post:before {
    content: "";
    display: table
}

.wordpress-post:after {
    clear: both
}

.wordpress-post .fluidvids {
    padding-top: 56.25%
}

.wordpress-post .fluidvids:not(:last-child) {
    margin-bottom: 24px
}

.wordpress-post h1:not(:first-child),
.wordpress-post h2:not(:first-child),
.wordpress-post h3:not(:first-child),
.wordpress-post h4:not(:first-child),
.wordpress-post h5:not(:first-child),
.wordpress-post h6:not(:first-child) {
    margin-top: 32px
}

.wordpress-post h1:not(:last-child),
.wordpress-post h2:not(:last-child),
.wordpress-post h3:not(:last-child),
.wordpress-post h4:not(:last-child),
.wordpress-post h5:not(:last-child),
.wordpress-post h6:not(:last-child) {
    margin-bottom: 16px
}

.wordpress-post h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334
}

@media screen and (min-width:640px) {
    .wordpress-post h2 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.wordpress-post h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (min-width:640px) {
    .wordpress-post h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.wordpress-post h4 {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334
}

@media screen and (min-width:640px) {
    .wordpress-post h4 {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5
    }
}

.wordpress-post h5 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .wordpress-post h5 {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.333334
    }
}

.wordpress-post p+ol,
.wordpress-post p+ul {
    margin-top: -16px
}

.wordpress-post .aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center
}

.wordpress-post .alignleft {
    float: left;
    margin-right: 24px
}

.wordpress-post .alignleft+* {
    overflow: hidden
}

.wordpress-post .alignright {
    float: right;
    margin-left: 24px
}

.wordpress-post .alignright+* {
    overflow: hidden
}

.wordpress-post .thumbnail {
    float: left;
    margin: 8px 16px 0 0;
    max-width: 30%
}

.wordpress-post .thumbnail img {
    margin: 0
}

.wordpress-post .excerpt {
    overflow: hidden
}

.wordpress-post .wp-caption {
    background-color: #d9d9d9;
    margin-bottom: 24px;
    max-width: 100%;
    padding: 5px;
    text-align: center
}

.wordpress-post .wp-caption-text {
    background-color: #d9d9d9;
    margin: 0;
    padding: 8px 12px
}

.wordpress-post .gallery {
    clear: both;
    margin: -1px
}

.wordpress-post .gallery+* {
    margin-top: 24px
}

.wordpress-post .gallery+.gallery {
    margin-top: 0
}

.wordpress-post .gallery .gallery-item {
    float: left;
    margin-bottom: 0;
    padding: 1px;
    position: relative;
    width: 100%
}

.wordpress-post .gallery img {
    margin-bottom: 0;
    width: 100%
}

.wordpress-post .gallery-columns-2 .gallery-item {
    width: 50%
}

.wordpress-post .gallery-columns-3 .gallery-item {
    width: 33.333333333%
}

.wordpress-post .gallery-columns-4 .gallery-item {
    width: 25%
}

.wordpress-post .gallery-columns-5 .gallery-item {
    width: 20%
}

.wordpress-post .gallery-columns-6 .gallery-item {
    width: 16.666666667%
}

.wordpress-post .gallery-columns-7 .gallery-item {
    width: 14.285714286%
}

.wordpress-post .gallery-columns-8 .gallery-item {
    width: 12.5%
}

.wordpress-post .gallery-columns-9 .gallery-item {
    width: 11.111111111%
}

.wordpress-post .gallery-caption {
    background-color: rgba(0, 0, 0, .1);
    bottom: 1px;
    left: 1px;
    position: absolute;
    right: 1px
}

.wysiwyg-body:after,
.wysiwyg-body:before {
    content: "";
    display: table
}

.wysiwyg-body:after {
    clear: both
}

.wysiwyg-body h1:not(:first-child),
.wysiwyg-body h2:not(:first-child),
.wysiwyg-body h3:not(:first-child),
.wysiwyg-body h4:not(:first-child),
.wysiwyg-body h5:not(:first-child),
.wysiwyg-body h6:not(:first-child) {
    margin-top: 24px
}

.wysiwyg-body h1:not(:last-child),
.wysiwyg-body h2:not(:last-child),
.wysiwyg-body h3:not(:last-child),
.wysiwyg-body h4:not(:last-child),
.wysiwyg-body h5:not(:last-child),
.wysiwyg-body h6:not(:last-child) {
    margin-bottom: 12px
}

.wysiwyg-body p:not(:last-child) {
    margin-bottom: 16px
}

.wysiwyg-body p+ol,
.wysiwyg-body p+ul {
    margin-top: -16px
}

.wysiwyg-body p+br+ol,
.wysiwyg-body p+br+ul {
    margin-top: -24px
}

.wysiwyg-body img:not(:last-child) {
    margin-bottom: 24px
}

.wysiwyg-body ol,
.wysiwyg-body ul {
    list-style: none;
    margin: 0;
    padding-left: 24px;
    text-indent: -24px
}

.wysiwyg-body ol li:not(:last-child),
.wysiwyg-body ul li:not(:last-child) {
    margin-bottom: 4px
}

.wysiwyg-body ol li:before,
.wysiwyg-body ul li:before {
    content: "•";
    display: inline-block;
    min-width: 24px;
    text-indent: 2px;
    padding-right: 4px
}

.wysiwyg-body ol>li {
    counter-increment: list-ordered
}

.wysiwyg-body ol>li:before {
    content: counter(list-ordered) ". ";
    text-indent: 0
}

.wysiwyg-body hr {
    border: none;
    background-color: #d9d9d9
}

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

html {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body,
html {
    height: 100%;
    font-size: 15px;
    line-height: 1.6
}

body {
    overflow-wrap: break-word;
    word-wrap: break-word;
    background-color: #555450;
    color: #393939;
    font-family: Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

nav ol,
nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

audio,
canvas,
iframe,
svg,
video {
    max-width: 100%;
    vertical-align: middle
}

object {
    width: 100%
}

img,
object {
    vertical-align: middle
}

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

address,
blockquote,
dl,
figure,
ol,
p,
pre,
ul {
    margin: 0 0 24px
}

address:last-child,
blockquote:last-child,
dl:last-child,
figure:last-child,
ol:last-child,
p:last-child,
pre:last-child,
ul:last-child {
    margin-bottom: 0
}

ol,
ul {
    margin-top: 0
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0 0 24px;
    text-rendering: optimizeLegibility
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none
}

h1 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.25
}

h2 {
    font-size: 24px
}

h2,
h3 {
    font-weight: 700;
    line-height: 1.33334
}

h3 {
    font-size: 18px
}

h4 {
    font-size: 16px;
    line-height: 1.5
}

h4,
h5 {
    font-weight: 700
}

h5 {
    font-size: 15px;
    line-height: 1.333334
}

h6 {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    text-transform: uppercase
}

a {
    color: #ff3636;
    text-decoration: none
}

a:focus,
a:hover {
    color: #df2929;
    outline: 0
}

dl {
    margin-top: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: 8px;
    margin-left: 0
}

blockquote {
    font-size: 16px;
    line-height: 1.5;
    border-left: 4px solid rgba(0, 0, 0, .1);
    margin-left: 0;
    padding: 12px 24px
}

blockquote:first-child {
    margin-top: 0
}

blockquote footer,
blockquote small {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    display: block
}

blockquote footer:before,
blockquote small:before {
    content: "— "
}

abbr[title] {
    border-bottom: 1px dotted #d9d9d9;
    cursor: help
}

address {
    font-style: normal
}

code,
kbd,
pre,
samp {
    font-family: monospace
}

code {
    background-color: rgba(0, 0, 0, .1)
}

code,
kbd {
    font-size: 13px;
    line-height: 1.38462;
    padding: 2px 4px
}

kbd {
    background-color: #838282;
    border-radius: 3px;
    color: #fff
}

kbd kbd {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    padding: 0
}

pre {
    font-size: 13px;
    line-height: 1.38462;
    background-color: rgba(0, 0, 0, .1);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 3px;
    display: block;
    padding: 12px;
    word-break: break-all;
    word-wrap: break-word
}

pre code {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    font-size: inherit;
    padding: 0;
    white-space: pre-wrap
}

small {
    font-size: 11px;
    line-height: 1.45455
}

hr {
    background-color: rgba(0, 0, 0, .1);
    border: 0;
    height: 2px;
    margin: 24px 0;
    width: 100%
}

::-moz-placeholder {
    color: #bbb;
    opacity: 1
}

::placeholder {
    color: #bbb;
    opacity: 1
}

del {
    text-decoration: line-through;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

fieldset {
    border: 0;
    margin: 0;
    min-width: 0;
    padding: .01em 0 0
}

fieldset:not(:last-child) {
    margin-bottom: 24px
}

body:not(:-moz-handler-blocked) fieldset {
    display: table-cell
}

legend {
    color: #393939;
    display: table;
    font-weight: 700;
    margin-bottom: 24px;
    padding: 0
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox],
input[type=checkbox]+label,
input[type=radio],
input[type=radio]+label {
    cursor: pointer;
    vertical-align: baseline
}

input[type=range] {
    display: block;
    width: 100%
}

input[type=date],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: none;
    line-height: inherit;
    max-width: 100%;
    padding: 7px 8px;
    transition: all .2s ease-out;
    vertical-align: middle
}

input[type=date]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    border-color: #555450;
    box-shadow: none;
    outline: 0
}

textarea {
    height: 128px;
    resize: none;
    transition: none
}

select {
    background-color: #fff;
    background-image: url(../images/symbols/icon-chevron-down.svg);
    background-position: 100%;
    background-position: calc(100% - 8px) 50%;
    background-repeat: no-repeat;
    background-size: 12px;
    padding: 6px 24px 6px 8px;
    white-space: nowrap
}

select[multiple],
select[size] {
    background-image: none;
    height: auto
}

select:hover {
    outline: 0
}

select:disabled {
    background-color: #d9d9d9;
    cursor: default
}

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

button {
    cursor: pointer
}

.button.button-primary {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #ff3636;
    color: #fff;
    padding: 7px 16px
}

.button.button-primary:focus,
.button.button-primary:hover {
    outline: 0;
    text-decoration: none
}

.button.button-primary:visited {
    color: #fff
}

.button.button-primary:focus,
.button.button-primary:hover {
    background-color: #ff5353
}

.button.button-cart {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #ff3636;
    color: #fff;
    padding: 7px 16px;
    font-size: 0
}

.button.button-cart:focus,
.button.button-cart:hover {
    outline: 0;
    text-decoration: none
}

.button.button-cart:visited {
    color: #fff
}

.button.button-cart:focus,
.button.button-cart:hover {
    background-color: #ff5353
}

@media screen and (min-width:1024px) {
    .button.button-cart {
        font-size: 15px;
        line-height: 1.6
    }
}

.button.button-cart .icon {
    font-size: 20px
}

@media screen and (min-width:1024px) {
    .button.button-cart .icon {
        display: none
    }
}

.button.button-dark {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #555450;
    color: #fff;
    padding: 7px 16px
}

.button.button-dark:focus,
.button.button-dark:hover {
    outline: 0;
    text-decoration: none
}

.button.button-dark:visited {
    color: #fff
}

.button.button-dark:focus,
.button.button-dark:hover {
    background-color: #666
}

.button.button-line {
    font-size: 15px;
    line-height: 1.6;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: transparent;
    border: 1px solid #838282;
    color: #666;
    padding: 7px 16px
}

.button.button-line:focus,
.button.button-line:hover {
    outline: 0;
    text-decoration: none
}

.button.button-line:visited {
    color: #666
}

.button.button-line:focus,
.button.button-line:hover {
    border-color: #bbb;
    color: #838282
}

.button.button-small {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #ff3636;
    color: #fff;
    padding: 7px 16px;
    font-size: 13px;
    line-height: 1.38462
}

.button.button-small:focus,
.button.button-small:hover {
    outline: 0;
    text-decoration: none
}

.button.button-small:visited {
    color: #fff
}

.button.button-small:focus,
.button.button-small:hover {
    background-color: #ff5353
}

.button.button-disabled {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #bbb;
    color: #fff;
    padding: 7px 16px;
    pointer-events: none
}

.button.button-disabled:focus,
.button.button-disabled:hover {
    outline: 0;
    text-decoration: none
}

.button.button-disabled:visited {
    color: #fff
}

.button.button-blue {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #073e9a;
    color: #fff;
    padding: 7px 16px
}

.button.button-blue:focus,
.button.button-blue:hover {
    outline: 0;
    text-decoration: none
}

.button.button-blue:visited {
    color: #fff
}

.button.button-blue:focus,
.button.button-blue:hover {
    background-color: #1857bf;
    color: #fff
}

.button.button-green {
    font-size: 15px;
    line-height: 1.6;
    border: 1px solid transparent;
    border-radius: 2px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #32cb68;
    color: #fff;
    padding: 7px 16px
}

.button.button-green:focus,
.button.button-green:hover {
    outline: 0;
    text-decoration: none
}

.button.button-green:visited {
    color: #fff
}

.button.button-green:focus,
.button.button-green:hover {
    background-color: #45d177;
    color: #fff
}

.icon {
    fill: currentColor;
    height: 1em;
    width: 1em
}

.icon.icon-inline {
    position: relative;
    top: -2px
}

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

.items.items-inline {
    font-size: 0;
    margin: 0 -8px -8px 0
}

.items.items-inline .item {
    display: inline-block;
    font-size: 15px;
    margin: 0 8px 8px 0
}

.items.items-ordered,
.items.items-unordered {
    padding-left: 24px;
    text-indent: -24px
}

.items.items-ordered .item:before,
.items.items-unordered .item:before {
    content: "•";
    display: inline-block;
    min-width: 24px;
    padding-right: 4px;
    text-indent: 2px
}

.items.items-ordered .item {
    counter-increment: list-ordered
}

.items.items-ordered .item:before {
    content: counter(list-ordered) ". ";
    text-indent: 0
}

.table {
    background-color: #fff;
    border-collapse: collapse;
    border-style: hidden;
    box-shadow: 0 0 0 1px #d9d9d9;
    margin: 1px 1px 24px;
    width: 100%
}

.table:last-child {
    margin-bottom: 2px
}

.table caption {
    color: #666;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: left
}

.table caption strong {
    color: #393939
}

.table td,
.table th {
    font-size: 13px;
    line-height: 1.38462
}

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

    .table td,
    .table th {
        font-size: 15px;
        line-height: 1.6
    }
}

.table>thead {
    background-color: #f8f8f8
}

.table>thead>tr>th {
    border: 1px solid #d9d9d9;
    border-top: 0;
    color: #666;
    font-weight: 400;
    padding: 6px 8px;
    text-align: left;
    vertical-align: top
}

.table>tbody+tbody {
    border-top: 2px solid #d9d9d9
}

.table>tbody>tr:nth-child(odd) {
    background-color: #f8f8f8
}

.table>tbody>tr>td {
    border: 1px solid #d9d9d9;
    padding: 16px 8px;
    text-align: left;
    vertical-align: middle
}

.nowrap {
    white-space: nowrap
}

.required {
    color: #f4474a
}

.tooltip {
    border-bottom: 1px dotted #838282;
    position: relative
}

.tooltip:hover:after,
.tooltip:hover:before {
    opacity: 1;
    transform: translateY(0);
    z-index: 1
}

.tooltip:hover:after {
    transform: translateY(0)
}

.tooltip:before {
    content: "";
    border-bottom: 3px solid #393939;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    left: 50%;
    margin-left: -2px;
    margin-top: 1px
}

.tooltip:after,
.tooltip:before {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    transform: translateY(-8px);
    transition: all .2s ease-out;
    z-index: -1
}

.tooltip:after {
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.45455;
    content: attr(data-tooltip);
    background-color: #393939;
    border-radius: 3px;
    color: #fff;
    left: 0;
    margin-top: 4px;
    max-width: 192px;
    min-height: 20px;
    padding: 2px 5px;
    text-align: center;
    white-space: nowrap
}

@media screen and (min-width:414px) {
    .tooltip:after {
        max-width: 256px
    }
}

@media screen and (min-width:640px) {
    .tooltip:after {
        max-width: 320px
    }
}

.tooltip.tooltip-right:hover:after,
.tooltip.tooltip-right:hover:before {
    opacity: 1;
    transform: translateX(0);
    z-index: 1
}

.tooltip.tooltip-right:before {
    border: 3px solid transparent;
    border-right-color: #393939;
    border-left: none;
    left: 100%;
    margin-left: 1px;
    margin-top: -2px;
    top: 50%;
    transform: translateX(-8px)
}

.tooltip.tooltip-right:after {
    left: 100%;
    margin-left: 4px;
    margin-top: 0;
    top: 0;
    transform: translateX(-8px)
}

.tooltip.tooltip-center:hover:after,
.tooltip.tooltip-center:hover:before {
    opacity: 1;
    transform: translate(-50%);
    z-index: 1
}

.tooltip.tooltip-center:after {
    left: 50%;
    transform: translate(-50%, -8px)
}

.wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.unwrapper {
    margin-left: -16px;
    margin-right: -16px
}

@media screen and (min-width:768px) {
    .unwrapper {
        margin-left: -48px;
        margin-right: -48px
    }
}

.available-coupon-label {
    color: #666;
    display: block;
    padding-bottom: 8px;
    font-size: 12px;
    line-height: 1.33334
}

.available-coupon .items {
    display: flex;
    flex-wrap: wrap;
    margin: -6px
}

.available-coupon .item {
    max-width: 50%;
    padding: 6px;
    width: 100%
}

@media screen and (min-width:414px) {
    .available-coupon .item {
        max-width: 160px
    }
}

.available-coupon .item-container {
    background-color: #073e9a;
    border-radius: 8px;
    font-size: 11px;
    line-height: 1.45455;
    position: relative
}

.available-coupon .item-container:before {
    border-right: 1px solid #d9d9d9;
    left: -6px
}

.available-coupon .item-container:after,
.available-coupon .item-container:before {
    content: "";
    background-color: #fff;
    border-radius: 50%;
    display: block;
    height: 12px;
    position: absolute;
    top: calc(50% - 7px);
    width: 12px
}

.available-coupon .item-container:after {
    border-left: 1px solid #d9d9d9;
    right: -6px
}

.available-coupon .item-container .meta {
    color: #fff;
    padding: 8px 12px;
    text-align: center
}

.available-coupon .item-container .meta .title {
    font-weight: 700
}

.available-coupon .item-container .code {
    border-top: 1px dashed #d9d9d9;
    padding: 8px 12px;
    text-align: center
}

.available-coupon .item-container .code .coupon-code {
    background-color: #d9d9d9;
    color: #393939;
    padding: 1px 6px
}

.only-desktop {
    display: none
}

@media screen and (min-width:768px) {
    .only-desktop {
        display: block
    }
}

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

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

.is-disabled {
    opacity: .5;
    pointer-events: none
}

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

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

.is-loading {
    position: relative
}

.is-loading:before {
    background-color: #fff;
    bottom: 0;
    left: 0;
    opacity: .6;
    right: 0;
    top: 0;
    z-index: 8
}

.is-loading:after,
.is-loading:before {
    content: "";
    display: block;
    position: absolute
}

.is-loading:after {
    animation: spin 1.5s linear infinite;
    border: 4px solid rgba(57, 57, 57, .2);
    border-top-color: #ff3636;
    border-radius: 100%;
    height: 32px;
    left: 50%;
    margin: -16px 0 0 -16px;
    outline: 1px solid transparent;
    top: 50%;
    width: 32px;
    z-index: 2
}

.is-loading.is-loading-small:after {
    border-width: 3px;
    height: 16px;
    margin: -8px 0 0 -8px;
    width: 16px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.js-unwrapper {
    opacity: 0;
    transition: opacity .2s ease
}

.js-unwrapper.is-unwrapped,
.no-js .js-unwrapper {
    opacity: 1
}

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

.site-container {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative
}

.site-container:before {
    content: "";
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .2s ease-out;
    width: 100%;
    z-index: -1
}

.site-header-blogbar-nav-is-toggled .site-container:before,
.site-header-blogbar-nav-is-toggling .site-container:before {
    opacity: .8;
    z-index: 21
}

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

    .site-header-blogbar-nav-is-toggled .site-container:before,
    .site-header-blogbar-nav-is-toggling .site-container:before {
        opacity: 0;
        z-index: -1
    }
}

.site-mobile-nav-is-toggled .site-container:before,
.site-mobile-nav-is-toggling .site-container:before {
    opacity: .8;
    z-index: 21
}

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

    .site-mobile-nav-is-toggled .site-container:before,
    .site-mobile-nav-is-toggling .site-container:before {
        opacity: 0;
        z-index: -1
    }
}

.site-header-blogbar-nav-is-untoggling .site-container:before,
.site-mobile-nav-is-untoggling .site-container:before {
    opacity: 0
}

.site-container .site-header {
    background-color: #fff;
    flex: 0 0 auto;
    top: 0;
    transform: translateZ(0);
    transition: background-color .4s ease-out;
    width: 100%;
    z-index: 20
}

.site-container .site-header-top {
    background-color: #f8f8f8
}

.site-container .site-header-top .site-header-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    font-size: 13px;
    line-height: 1.38462;
    align-items: center;
    background-color: #f8f8f8;
    display: flex;
    justify-content: center;
    padding: 8px 0
}

@media screen and (min-width:414px) {
    .site-container .site-header-top .site-header-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-header-top .site-header-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-header-top .site-header-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-header-top .site-header-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-header-top .site-header-inner {
        justify-content: space-between
    }
}

.site-container .site-header-top .social {
    display: none
}

@media screen and (min-width:1024px) {
    .site-container .site-header-top .social {
        display: block
    }
}

.site-container .site-header-top .social .items {
    display: flex
}

.site-container .site-header-top .social .item+.item {
    margin-left: 16px
}

.site-container .site-header-top .social .link {
    color: #838282;
    transition: all .2s ease-out
}

.site-container .site-header-top .social .link:focus,
.site-container .site-header-top .social .link:hover {
    color: #1857bf
}

.site-container .site-header-top .social .link.link-instagram:focus,
.site-container .site-header-top .social .link.link-instagram:hover {
    color: #cd486b
}

.site-container .site-header-top .social .link.link-facebook:focus,
.site-container .site-header-top .social .link.link-facebook:hover {
    color: #3779ea
}

.site-container .site-header-top .social .link.link-youtube:focus,
.site-container .site-header-top .social .link.link-youtube:hover {
    color: #cd201f
}

.site-container .site-header-top .social .link .icon {
    font-size: 18px;
    line-height: 1.33334
}

.site-container .site-header-top .store .link {
    color: #393939;
    font-weight: 700
}

.site-container .site-header-top .store .link:focus,
.site-container .site-header-top .store .link:hover {
    color: #1857bf
}

.site-container .site-header-top .store .icon {
    margin-right: 2px
}

.site-container .site-header-top .contact .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -4px -8px
}

@media screen and (min-width:1024px) {
    .site-container .site-header-top .contact .items {
        justify-content: flex-end
    }
}

.site-container .site-header-top .contact .item {
    align-items: center;
    color: #666;
    display: flex;
    padding: 4px 8px
}

.site-container .site-header-top .contact .item.item-whatsapp {
    color: #1a9247
}

.site-container .site-header-top .contact .item.item-whatsapp .icon {
    color: #25d366
}

.site-container .site-header-top .contact .item .text {
    font-weight: 700;
    line-height: 1
}

.site-container .site-header-top .contact .item .link {
    align-items: center;
    color: #838282;
    display: flex
}

.site-container .site-header-top .contact .item .link:hover {
    text-decoration: underline
}

.site-container .site-header-top .contact .item .icon {
    color: #838282;
    margin-right: 4px;
    vertical-align: middle
}

.site-container .site-header-main {
    background-color: #fff;
    position: relative;
    z-index: 1
}

.site-container .site-header-main .site-header-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 32px 16px 12px;
    position: relative
}

@media screen and (min-width:414px) {
    .site-container .site-header-main .site-header-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-header-main .site-header-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-header-main .site-header-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-header-main .site-header-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-header-main .site-header-inner {
        align-items: flex-start;
        padding-bottom: 8px;
        padding-top: 8px
    }
}

.site-container .site-header-main .mobile-toggle {
    margin-right: 32px;
    width: 24px
}

@media screen and (min-width:1024px) {
    .site-container .site-header-main .mobile-toggle {
        display: none
    }
}

.site-container .site-header-main .mobile-toggle .toggle {
    color: #393939;
    font-size: 24px;
    line-height: 1.33334
}

.site-container .site-header-main .logo {
    align-self: center;
    flex: 0 0 auto
}

.site-container .site-header-main .logo:only-child {
    margin: 0 auto
}

.site-container .site-header-main .logo .link {
    display: block
}

.site-container .site-header-main .logo .image {
    display: block;
    max-width: 144px;
    width: auto;
    width: 100%
}

@media screen and (min-width:1024px) {
    .site-container .site-header-main .logo .image {
        height: 64px;
        max-width: 100%
    }
}

.site-container .site-header-main .mobile-cart {
    margin-left: 32px;
    width: 24px
}

@media screen and (min-width:1024px) {
    .site-container .site-header-main .mobile-cart {
        display: none
    }
}

.site-container .site-header-main .mobile-cart .link {
    color: #393939;
    font-size: 24px;
    line-height: 1.33334;
    position: relative
}

.site-container .site-header-main .mobile-cart .link .counter {
    background-color: #ff3636;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    left: 16px;
    line-height: 1;
    padding: 2px 4px;
    position: absolute;
    top: -4px;
    font-size: 11px;
    line-height: 1.45455
}

.site-container .site-header-main .mobile-account {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    right: 0;
    top: 8px
}

@media screen and (min-width:414px) {
    .site-container .site-header-main .mobile-account {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-header-main .mobile-account {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-header-main .mobile-account {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-header-main .mobile-account {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-header-main .mobile-account {
        display: none
    }
}

.site-container .site-header-main .mobile-account-link {
    align-items: center;
    background-color: #ff3636;
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-weight: 700;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.33334
}

.site-container .site-header-main .mobile-account-link .icon {
    margin-right: 6px
}

.site-container .site-header-blogbar {
    background-color: #f8f8f8
}

.site-container .site-header-blogbar .site-header-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    align-items: flex-end;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width:414px) {
    .site-container .site-header-blogbar .site-header-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-header-blogbar .site-header-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-header-blogbar .site-header-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-header-blogbar .site-header-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.site-container .site-header-blogbar .site-header-inner .toggle {
    align-self: stretch;
    color: #393939;
    display: block;
    position: relative;
    width: 24px
}

@media screen and (min-width:1024px) {
    .site-container .site-header-blogbar .site-header-inner .toggle {
        display: none
    }
}

.site-container .site-header-blogbar .site-header-inner .toggle .icon {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.site-container .site-header-blogbar .site-header-inner .nav {
    background-color: #fff;
    box-shadow: 0 0 6px rgba(57, 57, 57, .04), 0 6px 12px 0 rgba(57, 57, 57, .08);
    display: none;
    height: 100% !important;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateX(-50%);
    transition: all .2s ease-out;
    width: 240px;
    z-index: 22
}

@media screen and (min-width:1024px) {
    .site-container .site-header-blogbar .site-header-inner .nav {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
        overflow: visible !important;
        visibility: visible !important;
        background-color: transparent;
        box-shadow: none;
        flex: 1 1 auto;
        position: static;
        transform: translateX(0);
        transition: none
    }
}

.site-container .site-header-blogbar .site-header-inner .nav.is-toggled,
.site-container .site-header-blogbar .site-header-inner .nav.is-toggling,
.site-container .site-header-blogbar .site-header-inner .nav.is-untoggling {
    display: block
}

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

    .site-container .site-header-blogbar .site-header-inner .nav.is-toggled,
    .site-container .site-header-blogbar .site-header-inner .nav.is-toggling,
    .site-container .site-header-blogbar .site-header-inner .nav.is-untoggling {
        display: none
    }
}

.site-container .site-header-blogbar .site-header-inner .nav.is-toggling {
    opacity: 0;
    transform: translateX(-50%)
}

.site-container .site-header-blogbar .site-header-inner .nav.is-toggled {
    opacity: 1;
    transform: translateX(0)
}

.site-container .site-header-blogbar .site-header-inner .nav.is-toggled .mobile-close {
    transform: translateX(100%)
}

.site-container .site-header-blogbar .site-header-inner .nav.is-untoggling {
    opacity: 0;
    transform: translateX(-50%)
}

@media screen and (min-width:1024px) {
    .site-container .site-header-blogbar .site-header-inner .nav .items {
        display: flex
    }
}

.site-container .site-header-blogbar .site-header-inner .nav .item.item-current .link {
    color: #fff
}

.site-container .site-header-blogbar .site-header-inner .nav .item.item-current .link:before {
    opacity: 1
}

@media screen and (min-width:1024px) {
    .site-container .site-header-blogbar .site-header-inner .nav .item+.item {
        margin-left: 16px
    }
}

@media screen and (min-width:1112px) {
    .site-container .site-header-blogbar .site-header-inner .nav .item+.item {
        margin-left: 24px
    }
}

.site-container .site-header-blogbar .site-header-inner .nav .link {
    color: #393939;
    display: block;
    font-style: italic;
    font-weight: 700;
    padding: 12px 16px 12px 32px;
    position: relative;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .site-container .site-header-blogbar .site-header-inner .nav .link {
        font-size: 16px;
        line-height: 1.5
    }
}

.site-container .site-header-blogbar .site-header-inner .nav .link:focus,
.site-container .site-header-blogbar .site-header-inner .nav .link:hover {
    color: #003a9d
}

.site-container .site-header-blogbar .site-header-inner .nav .link:focus:before,
.site-container .site-header-blogbar .site-header-inner .nav .link:hover:before {
    opacity: .1
}

.site-container .site-header-blogbar .site-header-inner .nav .link:before {
    content: "";
    background-color: #1857bf;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease-out;
    width: 100%;
    z-index: -1
}

@media screen and (min-width:1024px) {
    .site-container .site-header-blogbar .site-header-inner .nav .link:before {
        transform: skewX(-20deg);
        transform-origin: center bottom
    }
}

.site-container .site-header-blogbar .site-header-inner .search {
    flex: 1 1 auto;
    margin-bottom: 12px;
    margin-top: 12px;
    min-width: 192px;
    padding-left: 16px;
    position: relative
}

@media screen and (min-width:1024px) {
    .site-container .site-header-blogbar .site-header-inner .search {
        flex: 0 0 25%;
        padding-left: 32px
    }
}

.site-container .site-header-blogbar .site-header-inner .search .input {
    width: 100%
}

.site-container .site-header-blogbar .site-header-inner .search .button {
    border: 0;
    border-radius: 0 2px 2px 0;
    bottom: 1px;
    min-width: 32px;
    position: absolute;
    right: 1px;
    top: 1px
}

.site-container .site-header-announcement {
    background-color: #073e9a;
    background-image: linear-gradient(105deg, #073e9a, #003a9d)
}

.site-container .site-header-announcement .site-header-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 8px 16px;
    text-align: center
}

@media screen and (min-width:414px) {
    .site-container .site-header-announcement .site-header-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-header-announcement .site-header-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-header-announcement .site-header-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-header-announcement .site-header-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.site-container .site-header-announcement .text {
    font-size: 12px;
    line-height: 1.33334;
    color: #fff;
    font-style: italic
}

@media screen and (min-width:768px) {
    .site-container .site-header-announcement .text {
        font-size: 15px;
        line-height: 1.6
    }
}

.site-container .site-header-announcement .text .square {
    border: 1px solid #fff;
    border-radius: 2px;
    display: inline-block;
    margin: 4px 8px;
    padding: 1px 10px
}

.site-container .site-header-announcement .text a {
    color: #bbb;
    font-weight: 700;
    text-decoration: underline
}

.site-container .site-header-announcement .text a:hover {
    color: #fff
}

.site-container .site-desktop-nav {
    align-self: stretch;
    display: none;
    flex: 1 1 auto;
    margin-left: 32px
}

@media screen and (min-width:1024px) {
    .site-container .site-desktop-nav {
        display: block
    }
}

.site-container .site-desktop-nav-inner {
    align-items: center;
    display: flex;
    gap: 0 32px;
    height: 100%;
    position: relative
}

.site-container .site-desktop-nav-inner .section {
    align-items: center;
    display: flex;
    gap: 0 24px;
    position: static
}

.site-container .site-desktop-nav-inner .section.section-product {
    flex: 1 1 auto
}

.site-container .site-desktop-nav-inner .section.section-user {
    flex: 0 0 auto
}

.site-container .site-desktop-nav-category {
    align-self: stretch;
    color: #393939;
    flex: 0 0 auto
}

.site-container .site-desktop-nav-category .toggler {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 100%;
    padding: 0
}

.site-container .site-desktop-nav-category .toggler:focus:after,
.site-container .site-desktop-nav-category .toggler:hover:after {
    opacity: 1
}

.site-container .site-desktop-nav-category .toggler:after {
    content: "";
    background-color: #393939;
    height: 24px;
    -webkit-mask-image: url(../images/symbols/icon-caret-down-new.svg);
    mask-image: url(../images/symbols/icon-caret-down-new.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: .4;
    transition: all .2s ease;
    width: 24px
}

.site-container .site-desktop-nav-category .toggler .icon {
    color: #ff3636;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.site-container .site-desktop-nav-category .toggler .label {
    color: #393939;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

.site-container .site-desktop-nav-mega {
    align-items: flex-start;
    display: none;
    left: 0;
    margin-top: 8px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: -1
}

.site-container .site-desktop-nav-mega.is-toggled,
.site-container .site-desktop-nav-mega.is-toggling,
.site-container .site-desktop-nav-mega.is-untoggling {
    display: flex !important;
    overflow: visible !important
}

.site-container .site-desktop-nav-browser {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(57, 57, 57, .04), 0 8px 16px 0 rgba(57, 57, 57, .08);
    flex: 0 0 208px;
    max-width: 208px;
    pointer-events: auto
}

.site-container .site-desktop-nav-browser .item {
    position: relative
}

.site-container .site-desktop-nav-browser .link {
    align-items: center;
    color: #393939;
    display: flex;
    padding: 8px 16px;
    transition: all .2s ease
}

.site-container .site-desktop-nav-browser .link.link-request:focus,
.site-container .site-desktop-nav-browser .link.link-request:hover {
    background-color: rgba(7, 62, 154, .1)
}

.site-container .site-desktop-nav-browser .link.link-request .label {
    color: #073e9a;
    font-weight: 500
}

.site-container .site-desktop-nav-browser .link.has-subcategory {
    position: relative
}

.site-container .site-desktop-nav-browser .link.has-subcategory:before {
    content: "";
    background-color: #666;
    height: 24px;
    margin-top: -12px;
    -webkit-mask-image: url(../images/symbols/icon-chevron-right-new.svg);
    mask-image: url(../images/symbols/icon-chevron-right-new.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    opacity: .5;
    position: absolute;
    right: 8px;
    top: 50%;
    transition: all .2s ease;
    width: 24px
}

.site-container .site-desktop-nav-browser .link.is-toggled,
.site-container .site-desktop-nav-browser .link:hover {
    background-color: #f8f8f8
}

.site-container .site-desktop-nav-browser .link.is-toggled:before,
.site-container .site-desktop-nav-browser .link:hover:before {
    opacity: 1
}

.site-container .site-desktop-nav-browser .link .icon {
    color: #073e9a;
    height: 20px;
    margin-right: 4px;
    width: 20px
}

.site-container .site-desktop-nav-expanders {
    flex: 1 1 auto;
    pointer-events: auto
}

.site-container .site-desktop-nav-expander {
    background-color: #f8f8f8;
    box-shadow: 0 0 8px rgba(57, 57, 57, .04), 0 8px 16px 0 rgba(57, 57, 57, .08);
    display: none;
    padding: 24px 32px
}

.site-container .site-desktop-nav-expander.is-toggled {
    display: block
}

.site-container .site-desktop-nav-expander .legend {
    border-bottom: 1px solid #e5e8eb;
    font-size: 20px;
    font-style: italic;
    line-height: 1;
    margin-bottom: 8px;
    padding-bottom: 12px;
    text-transform: uppercase
}

.site-container .site-desktop-nav-expander .items {
    display: grid;
    gap: 0 16px;
    grid-template-columns: 1fr 1fr 1fr
}

.site-container .site-desktop-nav-expander .link {
    color: #393939;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 0
}

.site-container .site-desktop-nav-expander .link:focus,
.site-container .site-desktop-nav-expander .link:hover {
    color: #ff3636
}

.site-container .site-desktop-nav-search {
    flex: 1 1 auto;
    position: relative
}

.site-container .site-desktop-nav-search ::-moz-placeholder {
    color: #838282
}

.site-container .site-desktop-nav-search ::placeholder {
    color: #838282
}

.site-container .site-desktop-nav-search .input {
    background-color: #e5e8eb;
    font-weight: 500;
    padding: 11px;
    width: 100%
}

.site-container .site-desktop-nav-search .button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 0;
    color: #838282;
    height: 100%;
    padding: 0 11px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease
}

.site-container .site-desktop-nav-search .button:focus,
.site-container .site-desktop-nav-search .button:hover {
    color: #555450
}

.site-container .site-desktop-nav-search .button .icon {
    height: 24px;
    width: 24px
}

.site-container .site-desktop-nav-action .items {
    display: flex;
    gap: 0 12px
}

.site-container .site-desktop-nav-action .link {
    border-bottom: 0;
    color: #393939;
    display: block;
    position: relative
}

.site-container .site-desktop-nav-action .link:focus,
.site-container .site-desktop-nav-action .link:hover {
    color: #ff3636
}

.site-container .site-desktop-nav-action .icon {
    height: 32px;
    width: 32px
}

.site-container .site-desktop-nav-action .counter {
    background-color: #ff3636;
    border-radius: 16px;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    min-width: 16px;
    padding: 2px;
    position: absolute;
    right: -4px;
    text-align: center;
    top: -4px
}

.site-container .site-desktop-nav-gateway {
    position: relative
}

.site-container .site-desktop-nav-gateway>.link {
    background-color: #555450;
    border-radius: 16px;
    color: #fff;
    display: block;
    padding-right: 12px;
    transition: all .2s ease
}

.site-container .site-desktop-nav-gateway>.link.is-toggled,
.site-container .site-desktop-nav-gateway>.link:hover {
    background-color: #ff3636
}

.site-container .site-desktop-nav-gateway>.link .icon {
    height: 30px;
    margin-right: 2px;
    pointer-events: none;
    width: 30px
}

.site-container .site-desktop-nav-gateway>.link .label {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    pointer-events: none
}

.site-container .site-desktop-nav-gateway .expander {
    box-shadow: 0 0 6px rgba(57, 57, 57, .04), 0 6px 12px 0 rgba(57, 57, 57, .08);
    display: none;
    margin-top: 8px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 160px
}

.site-container .site-desktop-nav-account {
    background-color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    padding: 12px
}

.site-container .site-desktop-nav-account .point .value {
    color: #ff3636;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.site-container .site-desktop-nav-account .nav {
    border-top: 1px solid #d9d9d9;
    margin-top: 8px;
    padding-top: 8px
}

.site-container .site-desktop-nav-account .nav .link {
    align-items: center;
    color: #393939;
    display: flex
}

.site-container .site-desktop-nav-account .nav .link:focus,
.site-container .site-desktop-nav-account .nav .link:hover {
    color: #ff3636
}

.site-container .site-desktop-nav-account .nav .icon {
    height: 12px;
    margin-right: 4px;
    width: 12px
}

.site-container .site-mobile-nav {
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(-50%);
    transition: all .2s ease-out;
    width: 256px;
    z-index: 22
}

@media screen and (min-width:414px) {
    .site-container .site-mobile-nav {
        width: 288px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-mobile-nav {
        display: none
    }
}

.site-container .site-mobile-nav.is-toggled,
.site-container .site-mobile-nav.is-toggling,
.site-container .site-mobile-nav.is-untoggling {
    display: block
}

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

    .site-container .site-mobile-nav.is-toggled,
    .site-container .site-mobile-nav.is-toggling,
    .site-container .site-mobile-nav.is-untoggling {
        display: none
    }
}

.site-container .site-mobile-nav.is-toggling {
    opacity: 0;
    transform: translateX(-50%)
}

.site-container .site-mobile-nav.is-toggled {
    opacity: 1;
    transform: translateX(0)
}

.site-container .site-mobile-nav.is-toggled .mobile-close {
    transform: translateX(100%)
}

.site-container .site-mobile-nav.is-untoggling {
    opacity: 0;
    transform: translateX(-50%)
}

.site-container .site-mobile-nav .mobile-close {
    font-size: 11px;
    line-height: 1.45455;
    align-items: center;
    background-color: #ff3636;
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    position: absolute;
    right: 0;
    transform: translateX(0);
    transition: all .2s ease-out .2s;
    width: 28px;
    z-index: 9
}

.site-container .site-mobile-nav .mobile-nav-background {
    background-color: rgba(0, 0, 0, .7);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8
}

.site-container .site-mobile-nav .mobile-nav-bar {
    background-color: #fff;
    height: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 10
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu,
.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item:not(:last-child) {
    border-bottom: 1px solid #e5e8eb
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .link {
    align-items: center;
    color: #393939;
    display: flex;
    font-style: italic;
    font-weight: 700;
    justify-content: space-between;
    padding: 12px 16px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.42857
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .link.is-toggled,
.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .link.is-toggled .icon {
    color: #073e9a
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .link .icon {
    color: #ff3636;
    font-size: 13px;
    line-height: 1.38462;
    margin-left: 8px
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .iconic .icon {
    margin-left: 0;
    margin-right: 2px
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .sub-items {
    background-color: #f8f8f8;
    border-top: 1px solid #e5e8eb;
    display: none;
    list-style-type: none;
    padding: 12px 16px
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .sub-item:not(:last-child) {
    margin-bottom: 8px
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .sub-item a {
    color: #838282;
    display: block;
    font-size: 14px;
    line-height: 1.42857
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .sub-item a:hover {
    color: #ff3636
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .sub-item a.link-clearance {
    color: #073e9a;
    font-weight: 700;
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-social {
    padding: 12px 16px
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-social .heading {
    font-weight: 700;
    margin-bottom: 6px;
    font-size: 13px;
    line-height: 1.38462
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-social .items {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-social .item {
    padding: 8px
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-social .item .link {
    color: #838282;
    font-size: 24px;
    line-height: 1.33334
}

.site-container .site-menubar {
    font-size: 12px;
    line-height: 1.33334;
    background-color: #f5f4f4;
    display: none;
    padding-bottom: 6px;
    padding-top: 6px
}

@media screen and (min-width:1024px) {
    .site-container .site-menubar {
        display: block
    }
}

.site-container .site-menubar a {
    color: #828282
}

.site-container .site-menubar-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width:414px) {
    .site-container .site-menubar-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-menubar-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-menubar-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-menubar-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.site-container .site-menubar-wrapper .items {
    display: flex
}

.site-container .site-menubar-wrapper .item+.item {
    margin-left: 15px
}

.site-container .site-menubar-wrapper .link {
    font-size: 12px;
    line-height: 1.33334;
    text-transform: capitalize
}

.site-container .site-menubar .icon-inline {
    font-size: 26px
}

.site-container .site-menubar .items {
    align-items: center;
    display: flex
}

.site-container .site-menubar .items .link,
.site-container .site-menubar .items .whatsapp {
    font-weight: 700
}

.site-container .site-menubar .items .links {
    color: #6d6d6d;
    font-weight: 400;
    text-transform: capitalize
}

.site-container .site-menubar .items .icon-text {
    margin-left: -5px
}

.site-container .site-menubar .items .icon-texts {
    margin-left: -2px
}

.site-container .site-menubar .whatsapp {
    color: #2ac560;
    font-weight: 700
}

.site-container .site-bar {
    display: block;
    margin-bottom: 16px;
    position: relative
}

.site-container .site-bar-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    align-items: center;
    display: flex;
    margin-top: 18px
}

@media screen and (min-width:414px) {
    .site-container .site-bar-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-bar-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-bar-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-bar-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-wrapper {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width:1024px) and (min-width:414px) {
    .site-container .site-bar-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:1024px) and (min-width:640px) {
    .site-container .site-bar-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:1024px) and (min-width:768px) {
    .site-container .site-bar-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1024px) and (min-width:1280px) {
    .site-container .site-bar-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.site-container .site-bar-logo {
    display: none
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-logo {
        display: block
    }
}

.site-container .site-bar-logo .logo {
    height: 67px
}

.site-container .site-bar .site-inner-bar {
    border-bottom: none;
    flex: 2 0 0;
    margin-left: 0;
    padding-bottom: 19px
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-inner-bar {
        border-bottom: 1px solid;
        margin-left: 12px
    }
}

@media screen and (min-width:1112px) {
    .site-container .site-bar .site-inner-bar {
        border-bottom: 1px solid;
        margin-left: 102px
    }
}

.site-container .site-bar .site-inner-bar .site-inner-content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.site-container .site-bar-nav label #icon-responsive {
    cursor: pointer;
    display: none;
    height: 24px;
    opacity: 0;
    position: relative;
    top: -25px;
    width: 24px;
    z-index: 999
}

.site-container .site-bar-nav label #images-responsive {
    cursor: pointer;
    opacity: 1
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-nav label #images-responsive {
        opacity: 0
    }
}

.site-container .site-bar-nav .menus {
    background-color: #fff;
    height: 100vh;
    left: -100%;
    overflow: scroll;
    padding-top: 20px;
    position: fixed;
    text-align: left;
    top: 0;
    transition: .5s;
    width: 260px;
    z-index: 9
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-nav .menus {
        display: flex;
        height: auto;
        left: auto;
        margin-top: -14px;
        overflow: unset;
        padding-top: 0;
        position: static;
        text-align: left;
        top: 0;
        width: auto
    }
}

.site-container .site-bar-nav .menus .item {
    display: block;
    line-height: 30px;
    margin: 20px
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-nav .menus .item {
        border: none;
        display: inline-block;
        line-height: 0;
        margin: 0
    }
}

.site-container .site-bar-nav .menus .item.active .sub-item {
    display: block
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-nav .menus .item.active .sub-item {
        margin-top: 10px
    }
}

.site-container .site-bar-nav .menus .links {
    align-items: center;
    border-bottom: 1px solid #d7dde0;
    color: #333;
    display: block;
    display: flex;
    justify-content: space-between;
    position: relative;
    text-transform: capitalize
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-nav .menus .links {
        border-bottom: none;
        display: inline;
        font-style: italic;
        font-weight: 700;
        text-transform: uppercase
    }
}

.site-container .site-bar-nav .menus .links .images {
    height: auto;
    padding-left: 4px;
    width: auto
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-nav .menus .links .images {
        height: auto;
        width: auto
    }
}

.site-container .site-bar-nav .menus .link {
    color: #333;
    display: block;
    position: relative;
    text-transform: capitalize;
    transition: all .2s ease-out
}

.site-container .site-bar-nav .menus .sub-item {
    display: none;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-nav .menus .sub-item {
        background: #f2f2f2;
        display: none;
        left: 0;
        position: absolute;
        width: 100%;
        z-index: 999
    }
}

.site-container .site-bar-nav .menus .sub-item .subs {
    display: block
}

.site-container .site-bar .sub-mega {
    padding-left: 0
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .sub-mega {
        padding-left: 75px
    }
}

.site-container .site-bar .site-meganav-content {
    display: flex;
    padding-bottom: 25px;
    padding-top: 25px;
    position: relative
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width:1024px) and (min-width:414px) {
    .site-container .site-bar .site-meganav-content {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:1024px) and (min-width:640px) {
    .site-container .site-bar .site-meganav-content {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:1024px) and (min-width:768px) {
    .site-container .site-bar .site-meganav-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1024px) and (min-width:1280px) {
    .site-container .site-bar .site-meganav-content {
        padding-left: 64px;
        padding-right: 64px
    }
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda {
    border-right: 1px solid #666;
    display: none;
    padding-right: 35px;
    width: 60%
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-hero-sepeda {
        display: block;
        padding-left: 95px
    }
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda .text-sepeda {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda .hero-sepeda-fill {
    display: block
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-hero-sepeda .hero-sepeda-fill {
        display: flex;
        margin: -8px
    }
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda .hero-sepeda-fill .sepeda {
    padding: 12px;
    width: 33.3334%
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda .hero-sepeda-fill .sepeda-content {
    background-color: #fff;
    margin-bottom: 10px;
    overflow: hidden;
    padding-top: 78%;
    position: relative;
    transition: all .2s ease-out
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda .hero-sepeda-fill .sepeda-content .images {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda .hero-sepeda-fill .sepeda-ket {
    padding-top: 8px
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda .hero-sepeda-fill .sepeda-ket .text {
    color: #000;
    font-style: normal;
    font-weight: 500;
    text-align: center
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda:empty {
    display: none;
    width: 20%
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda:empty~.site-content-sepeda {
    width: 100%
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda:empty~.site-content-sepeda .sepeda-wrapper {
    border-bottom: 1px solid #666;
    padding-bottom: 12px
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-hero-sepeda:empty~.site-content-sepeda .sepeda-wrapper {
        border-bottom: none;
        width: 25%
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-hero-sepeda:empty~.sepeda-wrapper {
        width: 25%
    }
}

.site-container .site-bar .site-meganav-content .site-hero-sepeda:-moz-only-whitespace {
    display: none
}

.site-container .site-bar .site-meganav-content .site-content-sepeda {
    width: 100%
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-content-sepeda {
        width: 40%
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-content-sepeda .sepeda-wrappers {
        padding-left: 24px
    }
}

.site-container .site-bar .site-meganav-content .site-content-sepeda .sepeda-wrappers .text-sepeda {
    color: #000;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-content-sepeda .sepeda-wrappers .text-sepeda {
        display: block
    }
}

.site-container .site-bar .site-meganav-content .site-content-sepeda .site-kategori-sepeda {
    display: block
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-content-sepeda .site-kategori-sepeda {
        display: flex;
        flex-wrap: wrap;
        margin: -8px
    }
}

.site-container .site-bar .site-meganav-content .site-content-sepeda .sepeda-wrapper {
    padding: 6px 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-content-sepeda .sepeda-wrapper {
        padding: 6px 12px;
        width: 33.3334%
    }
}

.site-container .site-bar .site-meganav-content .site-content-sepeda .sepeda-wrapper .text .link {
    color: #838282;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    text-transform: capitalize
}

.site-container .site-bar .site-meganav-content .site-content-sepeda .find-button {
    display: none
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-meganav-content .site-content-sepeda .find-button {
        display: block;
        margin-top: 24px
    }
}

.site-container .site-bar .search {
    align-items: center;
    display: flex;
    flex: 0;
    justify-content: flex-end;
    order: 2
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .search {
        flex: 3 0 0
    }
}

.site-container .site-bar-search {
    display: none;
    flex: 3 0 0;
    max-width: 268px;
    order: 1;
    position: relative
}

@media screen and (min-width:1024px) {
    .site-container .site-bar-search {
        display: block
    }
}

.site-container .site-bar-search ::-moz-placeholder {
    color: #fff
}

.site-container .site-bar-search ::placeholder {
    color: #fff
}

.site-container .site-bar-search .input {
    font-size: 12px;
    line-height: 1.33334;
    background-color: transparent;
    padding-right: 48px;
    width: 100%
}

.site-container .site-bar-search .input:focus {
    background-color: #fff
}

.site-container .site-bar-search .button {
    background-color: transparent;
    border: 0;
    color: #333;
    height: 100%;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .searching {
        align-items: center;
        display: flex;
        order: 2
    }
}

.site-container .site-bar .searching .iteem {
    font-weight: 700;
    margin-left: 27px
}

.site-container .site-bar .searching .iteem .icon-inline {
    display: none
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .searching .iteem .icon-inline {
        color: red;
        display: block;
        height: 18px;
        position: relative;
        width: 18px
    }
}

.site-container .site-bar .searching .iteem .link {
    color: #333
}

.site-container .site-bar .searching .iteem .link .icon {
    max-height: 18px;
    max-width: 18px;
    position: relative
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .searching .iteem .link .icon {
        height: 18px;
        width: 18px
    }
}

.site-container .site-bar .searching .iteem .link .keranjangs {
    display: none
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .searching .iteem .link .keranjangs {
        display: inline-block
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .item+.item {
        margin-left: 32px
    }
}

.site-container .site-bar .site-under {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    display: none
}

@media screen and (min-width:414px) {
    .site-container .site-bar .site-under {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-bar .site-under {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-bar .site-under {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-bar .site-under {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-bar .site-under {
        display: block
    }
}

.site-container .site-bar .site-under .items {
    display: flex;
    justify-content: flex-end
}

.site-container .site-bar .site-under .users {
    background-color: #666;
    border-radius: 4px;
    width: 124px
}

.site-container .site-bar .site-under .users:hover {
    background-color: #ff3636
}

.site-container .site-bar .site-under .items-account .item {
    position: relative
}

.site-container .site-bar .site-under .items-account .item+.item {
    margin-left: 41px
}

.site-container .site-bar .site-under .items-account .item .link {
    align-items: center;
    color: #6d6d6d;
    display: flex;
    font-weight: 700;
    min-height: 100%;
    padding: 2px 8px;
    position: relative;
    text-transform: capitalize;
    z-index: 2
}

.site-container .site-bar .site-under .items-account .item .link .icon.icon-dropdown {
    color: #ff3636;
    margin-left: 8px;
    margin-right: 0
}

.site-container .site-bar .site-under .items-account .item .link.link-user {
    align-items: center;
    color: #fff;
    display: flex
}

.site-container .site-bar .site-under .items-account .item .link.link-user .thumbnail {
    color: #fff;
    height: 28px;
    overflow: hidden;
    width: 28px
}

.site-container .site-bar .site-under .items-account .item .link.link-user .thumbnail .image {
    height: 100%;
    width: 100%
}

.site-container .site-bar .site-under .items-account .item .link.link-user .text {
    font-weight: 700;
    text-transform: capitalize
}

.site-container .site-bar .site-under .items-account .item .link.link-project {
    color: #ff3636
}

.site-container .site-bar .site-under .items-account .item .link.link-project .icon {
    font-size: 16px;
    line-height: 1.5
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown {
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    color: #393939;
    opacity: 0;
    position: absolute;
    transition: all .2s ease-out;
    visibility: hidden;
    z-index: 1
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user {
    left: 0
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav {
    font-size: 12px;
    padding: 16px
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-items {
    list-style-type: none;
    padding: 0
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-items:not(:last-child) {
    border-bottom: 1px solid #e5e8eb;
    margin-bottom: 8px;
    padding-bottom: 0
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-item:not(:last-child) {
    margin-bottom: 0
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-item .link {
    color: #333;
    font-weight: 500;
    padding: 0;
    text-transform: none
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-item .link:hover {
    color: #ff3636
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-item .link .icon {
    height: 8px;
    width: 8px
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-item.is-current .link {
    color: #ff3636;
    font-weight: 700
}

.site-container .site-bar .site-under .items-account .item .topbar-dropdown.user .user-nav-item .count {
    color: #ff3636
}

.site-container .site-bar .site-under .items-account .item:hover .link-dropdown .icon-dropdown {
    transform: rotate(180deg)
}

.site-container .site-bar .site-under .items-account .item:hover .topbar-dropdown {
    opacity: 1;
    visibility: visible
}

.site-container .site-content {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    position: relative
}

.site-container .site-content-inner {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    width: 100%
}

@media screen and (min-width:1024px) {
    .site-container .site-content-inner {
        flex-direction: row;
        justify-content: space-between
    }
}

.site-container .home-text-head {
    background-image: linear-gradient(93.67deg, #073e9a 40.6%, #3a609e 65.62%, #6385be 84.39%, #8aaae0 100.65%, rgba(34, 105, 224, 0) 100.66%);
    overflow-x: auto;
    padding: 6px 16px;
    width: 100%
}

.site-container .home-text-head .text {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-style: italic;
    font-weight: 500;
    justify-content: center;
    width: 800px
}

@media screen and (min-width:1024px) {
    .site-container .home-text-head .text {
        align-items: center;
        color: #fff;
        display: flex;
        font-size: 15px;
        justify-content: center;
        width: auto
    }
}

.site-container .home-text-head .sub-text {
    border: 1px solid #e5e8eb;
    border-radius: 2px;
    font-size: 15px;
    font-style: italic;
    padding: 4px
}

.site-container .footer-message {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 1;
    z-index: 9
}

@media screen and (min-width:414px) {
    .site-container .footer-message {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .footer-message {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .footer-message {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .footer-message {
        padding-left: 64px;
        padding-right: 64px
    }
}

.site-container .footer-message .onlines {
    background: #04bcf5;
    border: 1px solid transparent;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #333;
    padding-bottom: 6px;
    padding-left: 20px;
    padding-top: 12px;
    width: 336px
}

.site-container .site-footer-main {
    background-color: #333
}

.site-container .site-footer-main .site-footer-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 48px 16px
}

@media screen and (min-width:414px) {
    .site-container .site-footer-main .site-footer-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-footer-main .site-footer-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-footer-main .site-footer-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-footer-main .site-footer-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-footer-main .site-footer-inner {
        display: flex;
        justify-content: space-between
    }
}

.site-container .site-footer-main .footer-logo {
    display: none;
    flex: 0 1 12.5%
}

@media screen and (min-width:1024px) {
    .site-container .site-footer-main .footer-logo {
        display: block
    }
}

.site-container .site-footer-main .footer-nav {
    margin: -8px;
    display: flex;
    flex: 1 1 62.5%;
    flex-wrap: wrap
}

.site-container .site-footer-main .footer-nav>* {
    margin: 8px;
    width: auto
}

@media screen and (min-width:768px) {
    .site-container .site-footer-main .footer-nav {
        flex-wrap: nowrap;
        padding: 0 32px 0 0
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-footer-main .footer-nav {
        padding: 0 48px
    }
}

.site-container .site-footer-main .footer-nav-section {
    flex: 1 1 auto
}

.site-container .site-footer-main .footer-nav-section .heading {
    color: #fff;
    font-style: italic;
    margin-bottom: 8px;
    text-transform: uppercase
}

.site-container .site-footer-main .footer-nav-section .item {
    font-size: 14px;
    line-height: 1.42857
}

.site-container .site-footer-main .footer-nav-section .item:not(:last-child) {
    margin-bottom: 6px
}

.site-container .site-footer-main .footer-nav-section .item .link {
    color: #fff;
    display: inline-block;
    padding: 1px 0
}

@media screen and (min-width:768px) {
    .site-container .site-footer-main .footer-nav-section .item .link {
        padding: 2px 0
    }
}

.site-container .site-footer-main .footer-nav-section .item .link:focus,
.site-container .site-footer-main .footer-nav-section .item .link:hover {
    text-decoration: underline
}

.site-container .site-footer-main .footer-nav-section .social-link {
    margin-top: 24px
}

.site-container .site-footer-main .footer-nav-section .social-link-items {
    margin: -8px;
    display: flex;
    list-style: none;
    padding: 0
}

.site-container .site-footer-main .footer-nav-section .social-link-items>* {
    margin: 8px;
    width: auto
}

.site-container .site-footer-main .footer-nav-section .social-link-item .link {
    color: #fff;
    font-size: 24px;
    line-height: 1.33334
}

.site-container .site-footer-main .footer-nav-section .social-link-item .link:focus,
.site-container .site-footer-main .footer-nav-section .social-link-item .link:hover {
    color: #d9d9d9
}

.site-container .site-footer-main .footer-partner {
    flex: 0 1 25%;
    margin-top: 16px
}

@media screen and (min-width:640px) {
    .site-container .site-footer-main .footer-partner {
        margin-top: 32px
    }
}

@media screen and (min-width:1024px) {
    .site-container .site-footer-main .footer-partner {
        border-left: 1px solid hsla(0, 0%, 100%, .2);
        margin-top: 0;
        padding-left: 48px
    }
}

.site-container .site-footer-main .footer-partner-section:not(:last-child) {
    margin-bottom: 16px
}

.site-container .site-footer-main .footer-partner-section .heading {
    color: #fff;
    font-style: italic;
    margin-bottom: 4px;
    text-transform: uppercase
}

.site-container .site-footer-main .footer-partner-section .items {
    margin: -2px;
    display: flex;
    flex-wrap: wrap
}

.site-container .site-footer-main .footer-partner-section .items>* {
    margin: 2px;
    width: auto
}

.site-container .site-footer-main .footer-partner-section .item {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex: 0 0 48px;
    flex-direction: column;
    height: 32px;
    justify-content: center;
    padding: 4px
}

.site-container .site-footer-attribution {
    background-color: #003a9d;
    color: #fff
}

.site-container .site-footer-attribution .site-footer-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    font-size: 12px;
    line-height: 1.33334;
    padding: 12px 16px;
    text-align: center
}

@media screen and (min-width:414px) {
    .site-container .site-footer-attribution .site-footer-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .site-container .site-footer-attribution .site-footer-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-footer-attribution .site-footer-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .site-container .site-footer-attribution .site-footer-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:768px) {
    .site-container .site-footer-attribution .site-footer-inner {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

.site-container .site-footer-attribution p:not(:last-child) {
    margin-bottom: 6px
}

@media screen and (min-width:768px) {
    .site-container .site-footer-attribution p:not(:last-child) {
        margin-bottom: 0
    }
}

.site-container .site-footer-attribution p a {
    color: #fff;
    font-weight: 700
}

.site-container .site-footer-attribution p a:hover {
    text-decoration: underline
}

.rating {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 9px
}

.rating-label {
    display: inline-block;
    margin-bottom: 0;
    padding-right: 8px
}

.rating-star {
    align-items: center;
    display: flex;
    margin-top: -6px
}

.rating-star-space {
    display: inline-block;
    font-family: star;
    height: 24px;
    line-height: 1;
    position: relative;
    text-rendering: auto;
    vertical-align: middle;
    white-space: nowrap;
    width: 90px;
    font-size: 15px;
    line-height: 1.6
}

.rating-star-space:after {
    content: "\e901\e901\e901\e901\e901";
    color: #d9d9d9;
    float: left;
    left: 0;
    letter-spacing: -.05em;
    position: absolute;
    top: 0;
    z-index: 1
}

.rating-star-space .fill {
    color: #febc12;
    float: left;
    height: 24px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 2
}

.rating-star-space .fill:after {
    content: "\e901\e901\e901\e901\e901";
    left: 0;
    letter-spacing: -.05em;
    position: absolute;
    top: 0
}

.rating-star-count {
    margin-top: 4px;
    padding-left: 8px
}

.section-orange {
    background-image: linear-gradient(90deg, #ffe7b9, #ffa52c)
}

.section-grey {
    background: #f8f8f8
}

.section {
    position: relative
}

.section.section-zerotop {
    padding-top: 0
}

.section.section-gray {
    background-color: #f8f8f8;
    padding-bottom: 64px;
    padding-top: 64px
}

@media screen and (min-width:1024px) {
    .section.section-gray {
        padding-bottom: 96px;
        padding-top: 96px
    }
}

.section.section-orange {
    background: linear-gradient(166.18deg, #ffe7b9 -13.52%, rgba(255, 161, 19, .4948) 44.32%, #ffa52c 111.26%)
}

.section.section-whitetop {
    background-image: linear-gradient(180deg, #fff, #fff 320px, #f8f8f8 0)
}

#responsive-mobile {
    display: none
}

@media screen and (min-width:1024px) {
    #responsive-mobile {
        display: none
    }
}

#responsive-mobile:checked~.menus {
    left: 0
}

#responsive-mobile:checked~label #images-responsive {
    display: none;
    opacity: 0
}

#responsive-mobile:checked~label #icon-responsive {
    display: block;
    opacity: 1
}

@media screen and (min-width:1024px) {
    #responsive-mobile:checked~label #icon-responsive {
        opacity: 0
    }
}

.site-bar-logos {
    display: block
}

@media screen and (min-width:1024px) {
    .site-bar-logos {
        display: none
    }
}

.site-bar-logos .logo {
    height: 67px
}

.responsives {
    border-bottom: 1px solid #d7dde0;
    display: block;
    margin: 20px
}

@media screen and (min-width:1024px) {
    .responsives {
        display: none
    }
}

.responsives .text-account {
    font-weight: 700;
    text-transform: uppercase
}

.chat-wa {
    bottom: 16px;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 16px;
    z-index: 9
}

@media screen and (min-width:640px) {
    .chat-wa {
        bottom: 24px;
        right: 24px
    }
}

.chat-wa-popup {
    background-color: #fff;
    border-radius: 8px;
    bottom: 56px;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, .2);
    margin-bottom: 16px;
    opacity: 0;
    padding: 16px;
    position: absolute;
    right: 8px;
    text-align: center;
    transform: translateY(48px);
    transition: all .2s ease-out;
    visibility: hidden;
    width: 280px;
    z-index: -1
}

@media screen and (min-width:414px) {
    .chat-wa-popup {
        padding: 24px
    }
}

@media screen and (min-width:640px) {
    .chat-wa-popup {
        bottom: 64px
    }
}

.chat-wa-popup .button {
    background-color: #25d366;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    padding: 12px;
    width: 100%
}

.chat-wa .toggle {
    align-items: center;
    background-color: #25d366;
    border-radius: 50%;
    box-shadow: 0 1px 3px 2px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: flex;
    height: 54px;
    justify-content: center;
    width: 54px
}

@media screen and (min-width:414px) {
    .chat-wa .toggle {
        height: 64px;
        width: 64px
    }
}

@media screen and (min-width:768px) {
    .chat-wa .toggle {
        height: 70px;
        width: 70px
    }
}

.chat-wa .toggle .whatsapp {
    color: #fff;
    height: 30px;
    width: 30px
}

@media screen and (min-width:414px) {
    .chat-wa .toggle .whatsapp {
        height: 36px;
        width: 36px
    }
}

@media screen and (min-width:768px) {
    .chat-wa .toggle .whatsapp {
        height: 40px;
        width: 40px
    }
}

.chat-wa .toggle .icon-cross {
    font-size: 18px;
    line-height: 1.33334;
    display: none
}

.chat-wa .title {
    font-size: 11px;
    line-height: 1.45455;
    color: #393939
}

.chat-wa.is-toggled .chat-wa-popup {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    z-index: 1
}

.chat-wa.is-toggled .whatsapp {
    display: none
}

.chat-wa.is-toggled .icon-cross {
    display: inline-block
}

.js-copy-url {
    position: relative
}

.js-copy-url .image-code {
    color: #fff
}

.js-copy-url .image-code .text-code {
    text-transform: capitalize
}

.js-copy-url .image-code .code {
    font-weight: 700
}

.js-copy-url .copied {
    background-color: rgba(57, 57, 57, .8);
    border-radius: 3px;
    bottom: 6px;
    color: #fff;
    display: none;
    left: 12px;
    min-width: 86px;
    padding: 4px 6px;
    position: absolute;
    font-size: 11px;
    line-height: 1.45455
}

.site-notification {
    background-color: #fff;
    border: 1px solid #e5e8eb;
    border-top: 2px solid #838282;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    margin-bottom: 24px;
    padding: 12px 16px;
    position: relative
}

.site-notification:before {
    content: "";
    background-color: #838282;
    background-image: url(../images/icon-notif-info.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 0 0 2px 2px;
    color: #fff;
    display: block;
    height: 42px;
    left: 16px;
    position: absolute;
    top: 0;
    width: 32px
}

.site-notification-close {
    font-size: 11px;
    line-height: 1.45455;
    color: #bbb;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 16px
}

.site-notification-close:hover {
    color: #bbb
}

.site-notification.error {
    border-top: 2px solid #f4474a
}

.site-notification.error:before {
    background-color: #f4474a;
    background-image: url(../images/icon-notif-alert.svg)
}

.site-notification.success {
    border-top: 2px solid #0ba300
}

.site-notification.success:before {
    background-color: #0ba300;
    background-image: url(../images/icon-notif-success.svg)
}

.site-notification .container {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-left: 44px;
    padding-right: 16px
}

.site-notification .container .text {
    padding-right: 24px
}

.site-notification .container .text a {
    color: #073e9a
}

.site-notification .container .text p:not(:last-child) {
    margin-bottom: 12px
}

.site-notification .container .text p+ul {
    margin-top: -6px
}

.site-notification .container .text ul {
    padding: 0 0 0 16px
}

.counter-compare {
    position: relative
}

.counter-compare .counter {
    font-size: 11px;
    line-height: 1.45455;
    background-color: #ff3636;
    border-radius: 12px;
    color: #fff;
    display: inline-block;
    line-height: 1;
    padding: 2px 4px;
    position: absolute;
    right: -12px;
    top: -6px
}

.page-head {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px
}

@media screen and (min-width:414px) {
    .page-head {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-head {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-head {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-head {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-head:not(.page-head-compact) {
    margin-bottom: 16px
}

@media screen and (min-width:640px) {
    .page-head:not(.page-head-compact) {
        margin-bottom: 32px
    }
}

.page-head:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.page-head-title {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    background-color: #073e9a;
    color: #fff;
    display: inline-block;
    font-style: italic;
    padding: 8px 16px;
    text-transform: uppercase;
    transform: skew(-20deg);
    transform-origin: left bottom
}

@media screen and (min-width:640px) {
    .page-head-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
        padding: 12px 24px
    }
}

@media screen and (min-width:1024px) {
    .page-head-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.page-head-title .text {
    display: block;
    transform: skew(20deg)
}

.pagination {
    align-items: center;
    display: flex;
    justify-content: space-between;
    color: #ff3636;
    padding-top: 16px
}

.pagination .label {
    display: block;
    padding-right: 48px;
    font-weight: 700
}

.pagination .list {
    list-style: none;
    display: none
}

@media screen and (min-width:414px) {
    .pagination .list {
        display: flex
    }
}

.pagination .list .item {
    padding: 8px
}

.pagination .list .item+.item {
    margin-left: 24px
}

.pagination .items {
    display: flex;
    flex-wrap: wrap;
    margin: -4px
}

.pagination .items .item {
    padding: 4px;
    text-align: center
}

.pagination .items .item .a {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: all .2s ease-out;
    background-color: #073e9a;
    padding: 2px 10px
}

.pagination .items .item .a:hover {
    background-color: #1857bf
}

.pagination .items .item .an {
    display: block;
    color: #aaa;
    text-decoration: none;
    transition: all .2s ease-out;
    padding: 2px 10px
}

.pagination .items .item span.a {
    text-decoration: none;
    font-weight: 700;
    background-color: #ff3636
}

.pagination .items .item span.a:hover {
    background-color: #ff5353
}

.pagination .items .item span.an {
    text-decoration: none;
    font-weight: 700;
    color: #000;
    border-bottom: 2px solid #fc0d1b
}

.paginated {
    color: #6d6d6d
}

.main-content {
    background-color: #fff;
    min-width: 0
}

.main-aside,
.main-content {
    flex: 1 1 auto;
    width: 100%
}

@media screen and (min-width:1024px) {
    .main-aside {
        flex: 0 0 auto;
        margin-left: 32px;
        width: 25%
    }
}

.main-aside.main-aside-left {
    flex: 1 1 auto;
    width: 100%;
    margin-bottom: 24px;
    order: -1
}

@media screen and (min-width:1024px) {
    .main-aside.main-aside-left {
        flex: 0 0 auto;
        margin-left: 32px;
        width: 25%;
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 32px
    }
}

@media screen and (min-width:1280px) {
    .main-aside.main-aside-left {
        margin-right: 64px
    }
}

.form-fieldset:not(:last-child) {
    margin-bottom: 32px
}

.form-fieldset.form-fieldset-box {
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    padding: 32px
}

.form-fieldset-legend {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #666;
    float: left;
    font-weight: 400;
    letter-spacing: .05em;
    margin-bottom: 32px;
    text-transform: uppercase
}

.form-fieldset-legend+* {
    clear: both
}

.form-fieldset.form-fieldset-inline .form-fieldset-rows {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.form-fieldset.form-fieldset-inline .form-fieldset-rows>* {
    flex-basis: -99900%;
    flex-grow: 1;
    margin: 8px;
    max-width: 100%;
    min-width: 176px
}

.form-fieldset-row-submit {
    margin-top: 72px
}

.form-fieldset-row:not(:last-child) {
    margin-bottom: 24px
}

.form-fieldset.form-fieldset-large .form-fieldset-row:not(:last-child) {
    margin-bottom: 48px
}

.form-group {
    margin: -8px -16px 16px;
    position: relative
}

@media screen and (min-width:640px) {
    .form-group {
        display: flex;
        flex-wrap: wrap
    }
}

.form-group:last-child {
    margin-bottom: -8px
}

.form-group-item {
    margin-bottom: 0;
    min-width: 0;
    padding: 8px 16px
}

@media screen and (min-width:640px) {
    .form-group-item {
        flex: 0 1 50%
    }
}

.form-input-heading {
    display: block;
    margin-bottom: 6px
}

.form-input-fields {
    display: flex
}

.form-input-fields:not(:first-of-type) {
    margin-top: 16px
}

.form-input-field {
    flex: 1 1 0;
    position: relative
}

.form-input-field:not(:first-of-type) {
    margin-top: 16px
}

.form-input-fields .form-input-field {
    margin-top: 0
}

.form-input-fields .form-input-field:not(:first-of-type) {
    margin-left: 16px
}

.form-input-field.form-input-field-small {
    flex: 0 1 auto
}

.form-input-field.is-required:after {
    content: "*";
    color: #f4474a;
    font-family: monospace;
    font-size: 14px;
    line-height: 16px;
    margin-top: -9px;
    position: absolute;
    right: 13px;
    top: 50%;
    z-index: 2
}

.form-input-field.is-filled .placeholder {
    color: #bbb;
    font-weight: 700;
    transform: scale(.7) translateY(-10px)
}

.form-input-field.is-filled .input {
    border-color: #393939
}

.form-input-field.is-invalid .placeholder {
    color: #f4474a
}

.form-input-field.is-invalid .input {
    border-color: #f4474a
}

.form-input-field.is-loaded .placeholder {
    transition: all .2s ease;
    opacity: 1
}

.form-input-field .placeholder {
    color: #666;
    display: block;
    left: 9px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 14px;
    transform-origin: left top
}

.form-input:not(.js-form-input) .form-input-field .placeholder {
    opacity: 1;
    transform: scale(.7) translateY(-10px)
}

.form-input-field .placeholder+.input {
    padding: 21px 24px 5px 8px
}

.form-input-field .label {
    font-weight: 700;
    display: inline-block;
    margin-bottom: 4px
}

.form-input-field .input {
    font-size: 16px;
    line-height: 1.5;
    width: 100%
}

.form-input-field .input:focus {
    border-color: #c6bdff
}

.form-input-field .notification {
    display: block;
    padding-top: 6px;
    font-size: 13px;
    line-height: 1.38462;
    color: #838282
}

.form-input-field .notification.error {
    color: #f4474a
}

.form-input-field .notification.success {
    color: #0ba300
}

.form-input-date {
    position: relative
}

.form-input-date:before {
    content: "";
    background-color: #838282;
    height: 20px;
    margin-top: -10px;
    -webkit-mask-image: url(../images/symbols/icon-calendar.svg);
    mask-image: url(../images/symbols/icon-calendar.svg);
    -webkit-mask-size: 20px;
    mask-size: 20px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 20px
}

.form-input-date .input {
    padding-right: 32px
}

.form-input-radio {
    align-items: baseline;
    display: flex;
    flex: 0 1 auto
}

.form-input-radio .input {
    margin-right: 6px;
    width: auto
}

.form-input-search .input {
    background-image: url(../images/symbols/icon-search.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 4px) 50%;
    padding-right: 32px
}

.form-input-select.is-required:after {
    right: 32px
}

.form-input-select.is-loaded .placeholder {
    font-weight: 700;
    transform: scale(.7) translateY(-10px)
}

.form-input-table td {
    padding-bottom: 8px;
    padding-top: 8px
}

.form-input-table .input {
    width: 100%
}

.form-input-phone .inputs {
    display: flex;
    margin-top: 2px;
    width: 100%
}

.form-input-phone .input {
    position: relative
}

.form-input-phone .input:focus {
    z-index: 1
}

.form-input-phone .input.input-area {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    flex: 0 1 auto;
    width: 64px
}

.form-input-phone .input.input-number {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex: 1 1 auto;
    margin-left: -1px
}

.form-input-caption {
    font-size: 11px;
    line-height: 1.45455;
    color: #666;
    margin-top: 6px
}

.form-check-heading {
    display: block;
    margin-bottom: 6px
}

.form-check-fields {
    border: 1px solid #d9d9d9;
    max-height: 200px;
    padding: 8px;
    overflow-y: auto
}

.form-check-field {
    align-items: center;
    display: flex;
    position: relative
}

.form-check-field .input {
    flex: 0 0 auto;
    margin-right: 6px;
    position: relative
}

.form-check-field .input+.label {
    flex: 0 1 auto
}

@supports (-webkit-appearance:none) or (-moz-appearance:none) {
    .form-check-field .input {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #f8f8f8;
        border: 1px solid #d9d9d9;
        display: inline-block;
        height: 20px;
        outline: none;
        position: relative;
        transition: all .2s ease-out;
        vertical-align: top;
        width: 20px
    }

    .form-check-field .input[type=checkbox] {
        border-radius: 6px
    }

    .form-check-field .input[type=checkbox]:after {
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        height: 10px;
        left: 6px;
        top: 3px;
        transform: rotate(45deg);
        width: 6px
    }

    .form-check-field .input[type=radio] {
        border-radius: 50%
    }

    .form-check-field .input[type=radio]:after {
        background-color: #fff;
        border-radius: 50%;
        height: 10px;
        left: 4px;
        top: 4px;
        width: 10px
    }

    .form-check-field .input.input-switch {
        border-radius: 10px;
        width: 34px
    }

    .form-check-field .input.input-switch:after {
        background-color: #d9d9d9;
        border: none;
        border-radius: 50%;
        height: 14px;
        left: 2px;
        top: 2px;
        transform: none;
        width: 14px
    }

    .form-check-field .input.input-switch:checked:after {
        background-color: #fff;
        transform: translateX(100%)
    }

    .form-check-field .input:after {
        content: "";
        display: block;
        left: 0;
        top: 0;
        position: absolute;
        transition: all .2s ease-out
    }

    .form-check-field .input:checked {
        border-color: #df2929;
        background-color: #ff3636
    }

    .form-check-field .input:disabled {
        cursor: not-allowed;
        opacity: .8
    }

    .form-check-field .input:disabled:checked {
        border-color: #e5e8eb;
        background-color: #e5e8eb
    }

    .form-check-field .input:disabled+.label {
        color: #bbb;
        cursor: not-allowed
    }

    .form-check-field .input:hover:not(:checked):not(:disabled) {
        border-color: #ff5353
    }

    .form-check-field .input:focus {
        box-sizing: 0 0 0 #ff3636
    }

    .form-check-field .input+.label {
        cursor: pointer;
        display: inline-block;
        vertical-align: top
    }
}

.form-check-buttons {
    margin: -8px;
    display: flex;
    flex-wrap: wrap
}

.form-check-buttons>* {
    margin: 8px;
    width: 48%;
    width: calc(50% - 16px)
}

.form-check-button .input {
    display: none
}

.form-check-button .input[type=radio]+.label:before {
    border-radius: 50%
}

.form-check-button .input:checked+.label {
    border-color: #393939;
    color: #393939
}

.form-check-button .input:checked+.label:before {
    background-color: #c6bdff;
    border-color: #ff3636;
    box-shadow: inset 0 0 0 2px #fff
}

.form-check-button .label {
    font-size: 16px;
    line-height: 1.5;
    border: 1px solid #d9d9d9;
    color: #bbb;
    display: block;
    padding: 11px 12px 11px 41px;
    position: relative;
    transition: all .3s ease-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.form-check-button .label:before {
    content: "";
    background-color: #fff;
    border: 2px solid #d9d9d9;
    border-radius: 4px;
    height: 18px;
    left: 13px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    transition: background .2s ease-out, border .2s ease-out;
    width: 18px
}

.js .form-file-field .input {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.no-js .form-file-field .input,
.no-js .form-file-field .remove {
    display: none
}

.form-file-heading {
    display: block;
    margin-bottom: 6px
}

.form-file-image {
    display: flex;
    flex-wrap: wrap
}

.form-file-image:hover .form-file-preview .remove {
    opacity: 1
}

.form-file-field .label {
    cursor: pointer;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.form-file-field .label.has-placeholder {
    padding-right: 12px
}

.form-file-field .label.has-placeholder .placeholder {
    color: #393939
}

.form-file-field .label.has-placeholder .remove {
    display: block
}

.form-file-field .button {
    font-size: 13px;
    line-height: 1.38462;
    background-color: #666;
    cursor: pointer;
    margin-right: 4px
}

.form-file-field .button:focus,
.form-file-field .button:hover {
    background-color: #555450
}

.form-file-field .placeholder {
    font-size: 13px;
    line-height: 1.38462;
    color: #393939;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle
}

.form-file-field .remove {
    color: #666;
    display: none;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease-out;
    vertical-align: middle
}

.form-file-field .remove:focus,
.form-file-field .remove:hover {
    color: #f4474a;
    text-decoration: none
}

.form-file-field .caption {
    font-size: 11px;
    line-height: 1.45455;
    color: #666;
    margin-top: 6px
}

.form-file-previews {
    display: flex;
    flex: 1 1 100%;
    margin-bottom: 12px
}

.form-file-preview {
    margin-right: 8px;
    position: relative;
    width: 64px
}

.form-file-preview .remove {
    background-color: #838282;
    display: block;
    height: 16px;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease-out;
    width: 16px
}

.form-file-preview .remove:focus,
.form-file-preview .remove:hover {
    background-color: #f4474a
}

.form-file-preview .remove .icon {
    color: #fff;
    height: 100%;
    display: block;
    width: 100%
}

.form-file-preview .upload {
    font-size: 11px;
    line-height: 1.45455;
    align-items: center;
    background-color: #e5e8eb;
    color: #838282;
    display: flex;
    flex-direction: column;
    height: 64px;
    justify-content: center;
    text-align: center;
    transition: all .2s ease-out;
    width: 64px
}

.form-file-preview .upload:focus,
.form-file-preview .upload:hover {
    background-color: #d9d9d9;
    color: #ff3636
}

.form-file-preview .upload .icon {
    height: 24px;
    width: 24px
}

.form-uploader-head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.form-uploader-head .heading {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0
}

.form-uploader-loader {
    margin-top: 16px
}

.form-uploader-loader .button {
    width: 100%
}

.form-submit {
    padding-top: 24px
}

.form-submit-full .button {
    font-size: 16px;
    line-height: 1.5;
    width: 100%
}

.popup-inline {
    padding: 24px;
    background-color: #fff;
    margin: 32px auto;
    max-width: 1024px;
    position: relative;
    border-radius: 2px
}

@media screen and (min-width:414px) {
    .popup-inline {
        padding: 36px
    }
}

@media screen and (min-width:640px) {
    .popup-inline {
        padding: 48px
    }
}

@media screen and (min-width:768px) {
    .popup-inline {
        padding: 72px
    }
}

@media screen and (min-width:1280px) {
    .popup-inline {
        padding: 96px
    }
}

.popup-inline.popup-inline-small {
    max-width: 640px
}

.popup-inline-head {
    margin-bottom: 32px;
    padding-bottom: 32px
}

.popup-inline-head .heading {
    color: #ff3636
}

.popup-inline-head .heading:not(:last-child) {
    margin-bottom: 8px
}

.popup-inline-login {
    padding: 16px;
    max-width: 768px
}

@media screen and (min-width:414px) {
    .popup-inline-login {
        padding: 24px
    }
}

@media screen and (min-width:640px) {
    .popup-inline-login {
        padding: 48px
    }
}

.popup-inline-review {
    padding: 24px;
    max-width: 640px
}

@media screen and (min-width:414px) {
    .popup-inline-review {
        padding: 32px
    }
}

.popup-inline-troli {
    padding: 24px;
    max-width: 640px
}

@media screen and (min-width:640px) {
    .popup-inline-troli {
        padding: 32px
    }
}

.popup-inline-troli button.mfp-close {
    top: 4px;
    right: 10px
}

.popup-inline-bicycle {
    background-color: #fff;
    padding: 32px;
    max-width: 897px;
    position: relative
}

.popup-inline-nonmember {
    padding: 24px;
    max-width: 768px
}

.popup-inline-service {
    padding: 24px;
    max-width: 640px
}

button.mfp-close {
    font-size: 32px;
    line-height: 1.25;
    align-items: center;
    background-color: #fff !important;
    color: #838282 !important;
    display: flex;
    right: 16px;
    width: auto
}

button.mfp-close:hover {
    color: #393939 !important
}

.mfp-wrap {
    position: fixed !important;
    height: 100% !important;
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto
}

.table-responsive {
    background: linear-gradient(90deg, #fff 25%, hsla(0, 0%, 100%, 0)), linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 75%) 100% 0, radial-gradient(farthest-side at 0 50%, rgba(57, 57, 57, .2), rgba(57, 57, 57, 0)) 0 50%, radial-gradient(farthest-side at 100% 50%, rgba(57, 57, 57, .2), rgba(57, 57, 57, 0)) 100% 50%;
    background-attachment: local, local, scroll, scroll;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 36px 100%, 36px 100%, 12px 100%, 12px 100%;
    border: 1px solid #d9d9d9;
    overflow-x: auto
}

.table-responsive .table-responsive-table {
    background-color: transparent;
    border: none
}

.table-responsive .table {
    min-width: 640px;
    background-color: transparent !important
}

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box
}

.ui-timepicker,
.ui-timepicker-viewport {
    box-sizing: content-box;
    height: 205px;
    display: block;
    margin: 0
}

.ui-timepicker {
    list-style: none;
    padding: 0 1px;
    text-align: center
}

.ui-timepicker-viewport {
    padding: 0;
    overflow: auto;
    overflow-x: hidden
}

.ui-timepicker-standard {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    background-color: #fff;
    border: 1px solid #aaa;
    color: #222;
    margin: 0;
    padding: 2px
}

.ui-timepicker-standard a {
    border: 1px solid transparent;
    color: #222;
    display: block;
    padding: .2em .4em;
    text-decoration: none
}

.ui-timepicker-standard .ui-state-hover {
    background-color: #dadada;
    border: 1px solid #999;
    font-weight: 400;
    color: #212121
}

.ui-timepicker-standard .ui-menu-item {
    margin: 0;
    padding: 0
}

.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
    border-radius: 4px
}

.ui-timepicker-hidden {
    display: none
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none
}

.product-display .recomendation {
    background: linear-gradient(91.04deg, #073e9a 36.38%, #3a609e 64.86%, #5680c6 88.35%, #8aaae0 104.72%, rgba(80, 115, 172, 0) 104.73%);
    margin-bottom: 16px;
    margin-left: -16px;
    margin-right: -16px;
    padding: 24px 16px
}

@media screen and (min-width:414px) {
    .product-display .recomendation {
        margin-left: -24px;
        margin-right: -24px;
        padding: 24px
    }
}

@media screen and (min-width:640px) {
    .product-display .recomendation {
        margin-left: 0;
        margin-right: 0;
        padding: 24px 16px
    }
}

.product-display .items {
    display: flex;
    flex-wrap: wrap;
    margin: -4px
}

@media screen and (min-width:414px) {
    .product-display .items {
        margin: -8px
    }
}

@media screen and (min-width:1024px) {
    .product-display .items.cols-4 .item {
        width: 25%
    }
}

.product-display .items.items-wishlist .item .product-image .misc .badges {
    display: flex !important
}

.product-display .item {
    padding: 4px;
    width: 50%
}

@media screen and (min-width:414px) {
    .product-display .item {
        padding: 8px
    }
}

@media screen and (min-width:768px) {
    .product-display .item {
        width: 33.3333%
    }
}

.product-display .item-container {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    display: flex;
    flex-direction: column;
    height: 100%
}

.product-display .item .product-image {
    margin-bottom: 12px;
    position: relative;
    text-align: center
}

.product-display .item .product-image .misc {
    align-items: flex-start;
    display: flex;
    position: absolute;
    right: 0;
    top: 0
}

.product-display .item .product-image .badges {
    display: none;
    margin: -4px 4px -4px -4px;
    padding-top: 6px
}

@media screen and (min-width:768px) {
    .product-display .item .product-image .badges {
        display: flex;
        flex-wrap: wrap;
        right: 12px;
        top: 12px
    }
}

.product-display .item .product-image .badges .badge {
    color: #ff3636;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin: 4px
}

@media screen and (min-width:768px) {
    .product-display .item .product-image .badges .badge {
        font-size: 24px
    }
}

.product-display .item .product-image .badges .wishlist-toggle .icon-loved,
.product-display .item .product-image .badges .wishlist-toggle.is-loved .icon-love {
    display: none
}

.product-display .item .product-image .badges .wishlist-toggle.is-loved .icon-loved {
    display: block
}

.product-display .item .product-image .discount {
    align-items: center;
    display: flex;
    height: 31px;
    justify-content: center;
    margin-right: 4px;
    position: relative;
    width: 30px
}

@media screen and (min-width:640px) {
    .product-display .item .product-image .discount {
        margin-right: 6px;
        width: 50px
    }
}

.product-display .item .product-image .discount-flag {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.product-display .item .product-image .discount .percent {
    font-size: 12px;
    line-height: 1.33334;
    color: #fff;
    font-weight: 700;
    margin-top: -6px;
    position: absolute
}

@media screen and (min-width:640px) {
    .product-display .item .product-image .discount .percent {
        font-size: 18px;
        line-height: 1.33334;
        margin-top: 8px
    }
}

.product-display .item .product-image .link {
    align-items: center;
    display: flex;
    height: 124px;
    justify-content: center
}

@media screen and (min-width:640px) {
    .product-display .item .product-image .link {
        height: 164px
    }
}

@media screen and (min-width:1024px) {
    .product-display .item .product-image .link {
        height: 180px
    }
}

.product-display .item .product-image .link .image {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top
}

.product-display .item .product-meta {
    display: flex;
    flex: 1 0 auto;
    flex-flow: column;
    justify-content: space-between
}

.product-display .item .product-meta .benefits {
    display: flex;
    height: 32px;
    margin: -2px
}

@media screen and (min-width:640px) {
    .product-display .item .product-meta .benefits {
        height: 42px;
        margin: -4px
    }
}

@media screen and (min-width:1024px) {
    .product-display .item .product-meta .benefits {
        height: 55px;
        margin: -4px
    }
}

.product-display .item .product-meta .benefits .benefit {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 2px;
    width: calc(50% - 4px)
}

@media screen and (min-width:640px) {
    .product-display .item .product-meta .benefits .benefit {
        margin: 4px;
        width: calc(50% - 8px)
    }
}

.product-display .item .product-meta .benefits .benefit img {
    max-width: 100%
}

.product-display .item .product-meta .benefits .benefit-shipping {
    background-color: #ff3636
}

.product-display .item .product-meta .benefits .benefit-service {
    background-color: #666
}

.product-display .item .product-meta .detail {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 12px
}

@media screen and (min-width:640px) {
    .product-display .item .product-meta .detail {
        padding: 16px
    }
}

@media screen and (min-width:1280px) {
    .product-display .item .product-meta .detail {
        padding: 16px 24px
    }
}

.product-display .item .product-meta .detail .title {
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 1.38462;
    text-transform: uppercase;
    border-bottom: 1px solid #e5e8eb;
    font-weight: 700;
    margin-bottom: 4px;
    padding-bottom: 4px
}

@media screen and (min-width:640px) {
    .product-display .item .product-meta .detail .title {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.333334
    }
}

.product-display .item .product-meta .detail .title .link {
    color: #393939
}

.product-display .item .product-meta .detail .title .link:hover {
    color: #ff3636
}

.product-display .item .product-meta .detail .price {
    font-weight: 700
}

.product-display .item .product-meta .detail .price del,
.product-display .item .product-meta .detail .price ins {
    display: block
}

.product-display .item .product-meta .detail .price ins {
    text-decoration: none
}

.product-display .item .product-meta .detail .price ins.flash-sale {
    color: #ff752d
}

.product-display .item .product-meta .detail .price del {
    color: #838282
}

.product-display .item .product-meta .detail .price .flash-guest {
    font-size: 13px;
    line-height: 1.38462;
    color: #ff752d;
    font-weight: 400;
    text-decoration: underline
}

.product-display .item .product-meta .detail .price-guest {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334;
    color: #666;
    margin-bottom: 0
}

.product-display .item .product-meta .detail .price-member {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334;
    color: #ff3636;
    margin-bottom: 0
}

.product-display .item .product-meta .detail .price-member .highlight {
    color: #666;
    font-size: 13px;
    line-height: 1.38462
}

.product-display .item .product-meta .detail .price-install {
    font-size: 13px;
    line-height: 1.38462;
    color: #073e9a;
    font-weight: 400;
    margin-top: 2px
}

.product-display .item .product-meta .detail .price-install .value {
    font-weight: 700
}

.product-display .item .product-meta .detail .rating {
    margin-bottom: 0;
    margin-top: 8px
}

.product-display .item .product-meta .detail .rating.rating-none {
    opacity: 0
}

.product-display .item .product-meta .detail .stock-status {
    font-size: 12px;
    line-height: 1.33334;
    color: #ff3636;
    font-weight: 500;
    padding-top: 4px
}

.product-display .item .product-meta .detail .sold-count {
    padding-top: 4px
}

.product-display .item .product-meta .detail .sold-count-bar {
    background-color: #bbb;
    border-radius: 15px;
    height: 12px;
    overflow: hidden;
    position: relative;
    text-align: center
}

.product-display .item .product-meta .detail .sold-count-bar .progress {
    background-color: #ff752d;
    border-radius: 15px;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0
}

.product-display .item .product-meta .detail .sold-count-bar .text {
    color: #fff;
    display: block;
    font-weight: 700;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    font-size: 9px;
    line-height: 1.45455
}

.product-display .item .product-meta .detail .action {
    align-items: center;
    display: flex;
    margin-top: auto;
    padding-top: 8px
}

.product-display .item .product-meta .detail .action-wishlist {
    padding-right: 8px;
    width: 30px
}

@media screen and (min-width:414px) {
    .product-display .item .product-meta .detail .action-wishlist {
        padding-right: 12px;
        width: 38px
    }
}

.product-display .item .product-meta .detail .action-wishlist .wishlish-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.product-display .item .product-meta .detail .action-wishlist .wishlish-toggle .icon-loved,
.product-display .item .product-meta .detail .action-wishlist .wishlish-toggle.is-loved .icon-love {
    display: none
}

.product-display .item .product-meta .detail .action-wishlist .wishlish-toggle.is-loved .icon-loved {
    display: block
}

.product-display .item .product-meta .detail .action-cart {
    flex: 1 1 auto;
    width: calc(100% - 38px)
}

.product-display .item .product-meta .detail .action-cart .button {
    padding: 4px 8px;
    width: 100%
}

@media screen and (min-width:414px) {
    .product-display .item .product-meta .detail .action-cart .button {
        padding: 6px 8px
    }
}

.product-display .item .product-meta .detail .action-cart .button .icon {
    font-size: 18px;
    line-height: 1.33334
}

@media screen and (min-width:414px) {
    .product-display .item .product-meta .detail .action-cart .button .icon {
        display: none
    }
}

.product-display .item .product-meta .detail .action-cart .button .text {
    font-size: 13px;
    line-height: 1.38462;
    display: none
}

@media screen and (min-width:414px) {
    .product-display .item .product-meta .detail .action-cart .button .text {
        display: block
    }
}

@media screen and (min-width:1112px) {
    .product-display .item .product-meta .detail .action-cart .button .text {
        font-size: 15px;
        line-height: 1.6
    }
}

.rating-star-input {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    position: relative
}

.rating-star-input>input {
    display: none
}

.rating-star-input>label {
    display: inline-block;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-image: url(../images/star-grey.svg);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .3s ease-out;
    margin: 0 8px
}

.rating-star-input>input:checked~label,
.rating-star-input>input:checked~label~label,
.rating-star-input>label:hover,
.rating-star-input>label:hover~label {
    background-image: url(../images/star-yellow.svg)
}

.home-content .slidee .flickity-viewport {
    position: relative;
    width: 100%
}

.home-content .slidee .flickity-slider {
    top: 0
}

.home-content .slidee .flickity-page-dots {
    bottom: 8px;
    display: block;
    z-index: 2
}

@media screen and (min-width:768px) {
    .home-content .slidee .flickity-page-dots {
        display: none
    }
}

.home-content .slidee .flickity-page-dots .dot {
    background-color: hsla(0, 0%, 73.3%, .5);
    border: none;
    height: 8px;
    margin: 2px;
    width: 8px
}

.home-content .slidee .flickity-page-dots .dot.is-selected {
    background-color: #ff3636
}

.home-content .slide-card {
    position: relative
}

.home-content .home-header {
    background-color: #000;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
    width: 100%
}

.home-content .home-header-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 40.625vw;
    padding: 48px 16px;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media screen and (min-width:414px) {
    .home-content .home-header-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .home-header-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .home-header-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-header-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1920px) {
    .home-content .home-header-wrapper {
        min-height: 720px
    }
}

.home-content .home-header-wrapper:not(:empty):before {
    content: "";
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1
}

.home-content .home-header-wrapper .home-header-head {
    padding-bottom: 12px;
    text-align: center
}

.home-content .home-header-wrapper .center-text {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    padding: 0;
    text-align: center
}

@media screen and (min-width:640px) {
    .home-content .home-header-wrapper .center-text {
        font-size: 34px;
        line-height: 42px
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-header-wrapper .center-text {
        font-size: 44px;
        line-height: 52px
    }
}

.home-content .navigate {
    padding-top: 8px;
    text-align: center
}

@media screen and (min-width:768px) {
    .home-content .navigate {
        font-size: 8px;
        padding-bottom: 8px
    }
}

@media screen and (min-width:1112px) {
    .home-content .navigate {
        font-size: 10px;
        padding-bottom: 8px
    }
}

@media screen and (min-width:1280px) {
    .home-content .navigate {
        font-size: 12px;
        padding-bottom: 8px
    }
}

.home-content .menu-button {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    display: none;
    padding: 10px 20px 20px;
    position: absolute;
    width: 100%
}

@media screen and (min-width:768px) {
    .home-content .menu-button {
        display: block;
        padding: 0
    }
}

.home-content .menu-button-group {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    align-items: flex-start;
    display: none;
    justify-content: center;
    list-style-type: none;
    position: relative
}

@media screen and (min-width:414px) {
    .home-content .menu-button-group {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .menu-button-group {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .menu-button-group {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .menu-button-group {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:768px) {
    .home-content .menu-button-group {
        display: flex
    }
}

.home-content .menu-button-group:after {
    content: "";
    clear: both;
    display: block
}

.home-content .navig {
    border-top: 2px solid #838282;
    color: #bbb;
    flex: 0 1 auto;
    text-transform: uppercase;
    width: 20%
}

@media screen and (min-width:768px) {
    .home-content .navig:not(:first-child) {
        margin-left: 8px
    }
}

@media screen and (min-width:1024px) {
    .home-content .navig:not(:first-child) {
        margin-left: 22px
    }
}

@media screen and (min-width:1440px) {
    .home-content .navig:not(:first-child) {
        margin-left: 32px
    }
}

.home-content .navig.is-selected {
    border-top: 2px solid #ff3636;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.home-content .navig:hover {
    cursor: pointer
}

.home-content .home-hero-content {
    padding-bottom: 24px;
    padding-top: 16px
}

.home-content .home-hero-content .hero-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .home-content .home-hero-content .hero-content-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .home-hero-content .hero-content-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .home-hero-content .hero-content-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-hero-content .hero-content-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-content .home-hero-content .head-link {
    display: flex;
    font-weight: 700;
    justify-content: flex-end;
    padding-bottom: 4px
}

.home-content .home-hero-content .head-link .link {
    color: #666;
    font-size: 14px;
    text-transform: capitalize
}

.home-content .home-hero-content .home-contents {
    margin: -4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.home-content .home-hero-content .home-contents>* {
    margin: 4px;
    width: 48%;
    width: calc(50% - 8px)
}

@media screen and (min-width:640px) {
    .home-content .home-hero-content .home-contents {
        margin: -4px
    }

    .home-content .home-hero-content .home-contents>* {
        margin: 4px;
        width: 23%;
        width: calc(25% - 8px)
    }
}

@media screen and (min-width:768px) {
    .home-content .home-hero-content .home-contents {
        margin: -8px
    }

    .home-content .home-hero-content .home-contents>* {
        margin: 8px;
        width: 23%;
        width: calc(25% - 16px)
    }
}

.home-content .home-hero-content .home-contents-wrapper {
    background-color: #fff;
    overflow: hidden;
    position: relative;
    transition: all .2s ease-out
}

.home-content .home-page-sale .page-sales {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 24px 16px 48px
}

@media screen and (min-width:414px) {
    .home-content .home-page-sale .page-sales {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .page-sales {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .home-page-sale .page-sales {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-page-sale .page-sales {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-content .home-page-sale .link-login {
    color: #ff752d;
    font-weight: 700;
    line-height: 23px;
    text-decoration: underline;
    text-transform: unset
}

.home-content .home-page-sale .page-sale-head {
    margin-bottom: 24px
}

.home-content .home-page-sale .flash {
    border-bottom: 1px solid #fff;
    display: flex;
    justify-content: space-between
}

.home-content .home-page-sale .flash-sale {
    align-items: center;
    display: flex
}

.home-content .home-page-sale .flash .time-links {
    display: block
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .flash .time-links {
        display: none
    }
}

.home-content .home-page-sale .flash .time-link {
    display: none
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .flash .time-link {
        display: block
    }
}

.home-content .home-page-sale .flash .flash-sale-shape {
    background: #ff752d;
    margin-bottom: -1px;
    position: relative;
    transform: skewX(-20deg);
    transform-origin: left bottom
}

.home-content .home-page-sale .flash .flash-sale-shape .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #fff;
    font-style: italic;
    padding: 6px 16px 6px 12px;
    text-align: center;
    text-transform: uppercase;
    transform: skewX(20deg)
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .flash .flash-sale-shape .text {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.333334;
        padding: 10px 24px 10px 20px
    }
}

.home-content .home-page-sale .flash .flash-sale-shape .icon-inline {
    font-size: 24px;
    margin-right: 4px
}

.home-content .home-page-sale .flash .time-text {
    display: flex;
    margin-left: 24px
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .flash .time-text {
        margin-left: 32px
    }
}

.home-content .home-page-sale .flash .time-text .hour,
.home-content .home-page-sale .flash .time-text .minute,
.home-content .home-page-sale .flash .time-text .sec {
    font-size: 13px;
    line-height: 1.38462;
    background-color: #333;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    line-height: 1;
    margin: 0 2px 0 0;
    padding: 6px
}

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

    .home-content .home-page-sale .flash .time-text .hour,
    .home-content .home-page-sale .flash .time-text .minute,
    .home-content .home-page-sale .flash .time-text .sec {
        font-size: 15px;
        line-height: 1.6
    }
}

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

    .home-content .home-page-sale .flash .time-text .hour,
    .home-content .home-page-sale .flash .time-text .minute,
    .home-content .home-page-sale .flash .time-text .sec {
        font-size: 18px;
        line-height: 1.33334
    }
}

.home-content .home-page-sale .flash .time {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.home-content .home-page-sale .flash .time .link {
    color: #666;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize
}

@media screen and (min-width:414px) {
    .home-content .home-page-sale .flash .time .link {
        font-size: 14px
    }
}

.home-content .home-page-sale .page-sale-heads {
    padding-bottom: 24px;
    padding-top: 24px
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .page-sale-heads {
        padding-bottom: 48px
    }
}

.home-content .home-page-sale .page-sale-content .sub-pricing {
    color: #ff7c7c;
    font-weight: 700;
    margin-bottom: 0
}

.home-content .home-page-sale .inner-content {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:414px) {
    .home-content .home-page-sale .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .home-content .home-page-sale .inner-content {
        width: 33.3333%
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .inner-content {
        width: 33.3333%
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-page-sale .inner-content {
        min-height: 100%;
        position: relative;
        width: 25%
    }
}

.home-content .home-page-sale .inner-content-wrapper {
    background-color: #fff;
    display: block;
    min-height: 100%;
    position: relative
}

.home-content .home-page-sale .inner-content .images-flag {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0;
    width: 52px
}

.home-content .home-page-sale .inner-content .flags {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.home-content .home-page-sale .inner-content-ket,
.home-content .home-page-sale .inner-content-ket .inner-ket {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.home-content .home-page-sale .inner-content-ket .inner-ket .ket-head {
    padding: 16px 24px 0
}

.home-content .home-page-sale .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    color: #333;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.home-content .home-page-sale .inner-content-ket .inner-ket .price {
    color: #666;
    font-weight: 500;
    line-height: 1.375;
    margin-bottom: 0;
    text-decoration: line-through
}

.home-content .home-page-sale .inner-content-ket .inner-ket .sub-price {
    color: #ff7c7c;
    font-weight: 700;
    line-height: 1.375;
    margin-bottom: 0
}

.home-content .home-page-sale .inner-content-ket .inner-ket .rating {
    margin-bottom: 2px;
    padding-top: 4px
}

.home-content .home-page-sale .inner-content-ket .button-love {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    opacity: 1;
    padding: 8px 24px 16px
}

.home-content .home-page-sale .inner-content-ket .inner-action {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-love .icon-inline {
    color: red;
    font-size: 24px;
    position: relative
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.home-content .home-page-sale .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-button .button-disableds {
    background: #ff3636;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    opacity: .4;
    pointer-events: none
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .home-content .home-page-sale .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.home-content .home-page-sale .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .home-content .home-page-sale .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.home-content .home-page-sale .inner-content-ket .bar {
    background-color: #d9d9d9;
    border-radius: 15px;
    padding: 2px;
    position: relative;
    width: 100%
}

.home-content .home-page-sale .inner-content-ket .bar .sold-meta {
    color: #fff;
    font-size: 11px;
    left: 35%;
    position: absolute;
    top: -1px
}

.home-content .home-page-sale .inner-content-ket .bar .sold-meta-outs {
    background-color: #ff7c7c;
    border-radius: 15px;
    height: 11px;
    width: 80%
}

.home-content .home-page-sale .inner-content-ket .bar .sold {
    color: #fff;
    font-size: 11px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.home-content .home-page-sale .inner-content-ket .bar .stock {
    background-color: #ff752d;
    border-radius: 12px;
    height: 12px
}

.home-content .home-page-sale .inner-content-head {
    min-height: 100%;
    position: relative
}

.home-content .home-page-sale .inner-content-head .head-inside {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 16px 8px 0
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .inner-content-head .head-inside {
        padding: 8px 8px 0
    }
}

.home-content .home-page-sale .inner-content-head .image-content {
    align-items: center;
    display: flex;
    height: 143px;
    justify-content: center;
    position: relative;
    width: 143px
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.home-content .home-page-sale .inner-content-head .images {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.home-content .home-page-sale .inner-content-head .ekspedisi {
    bottom: 0;
    display: block;
    justify-content: space-between
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0
    }
}

.home-content .home-page-sale .inner-content-head .ekspedisi .inners-img {
    align-items: center;
    background-color: #ff3636;
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    margin-right: 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .inner-content-head .ekspedisi .inners-img {
        background-color: transparent;
        width: 50%
    }
}

.home-content .home-page-sale .inner-content-head .ekspedisi .inners-img .images {
    height: 40px
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.home-content .home-page-sale .inner-content-head .ekspedisi .inner-img {
    align-items: center;
    background-color: #666;
    display: flex;
    flex: 0 1 auto;
    justify-content: center;
    margin-left: 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .inner-content-head .ekspedisi .inner-img {
        background-color: transparent;
        width: 50%
    }
}

.home-content .home-page-sale .inner-content-head .ekspedisi .inner-img .images {
    height: 40px
}

@media screen and (min-width:640px) {
    .home-content .home-page-sale .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.home-content .home-page-sale .inner-content .icon-star {
    left: 16px;
    position: absolute;
    top: 12px
}

.home-content .home-page-sale .inner-content .icon-star .icon {
    color: #ff3636;
    font-size: 28px
}

.home-content .home-page-sale .inner-content .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-featured+.home-page-best .section-grey {
    padding-top: 0
}

.home-content .home-page-featured .section-grey {
    padding-bottom: 24px;
    padding-top: 24px
}

@media screen and (min-width:414px) {
    .home-content .home-page-featured .section-grey {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .section-grey {
        padding-bottom: 48px;
        padding-top: 48px
    }
}

.home-content .home-page-featured .page-third {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .home-content .home-page-featured .page-third {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .home-page-featured .page-third {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-page-featured .page-third {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-content .home-page-featured .page-third-wrapper {
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between
}

.home-content .home-page-featured .page-third-wrapper .time-links {
    display: block
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .page-third-wrapper .time-links {
        display: none
    }
}

.home-content .home-page-featured .page-third-wrapper .time-link {
    display: none
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .page-third-wrapper .time-link {
        display: block
    }
}

.home-content .home-page-featured .page-third-wrapper .flash-shape {
    background: #003a9d;
    position: relative;
    transform: skewX(-20deg);
    transform-origin: left bottom
}

.home-content .home-page-featured .page-third-wrapper .flash-shape .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #fff;
    font-style: italic;
    padding: 8px 16px;
    text-transform: uppercase;
    transform: skewX(20deg)
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third-wrapper .flash-shape .text {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.333334;
        padding: 12px 24px
    }
}

.home-content .home-page-featured .page-third-wrapper .link {
    font-size: 13px;
    line-height: 1.38462;
    color: #838282;
    font-weight: 700;
    text-transform: capitalize
}

.home-content .home-page-featured .page-third-wrapper .link:focus,
.home-content .home-page-featured .page-third-wrapper .link:hover {
    color: #073e9a
}

.home-content .home-page-featured .page-third .page-dis {
    padding-top: 24px
}

.home-content .home-page-featured .page-third .page-display .inner-content {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:414px) {
    .home-content .home-page-featured .page-third .page-display .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .home-content .home-page-featured .page-third .page-display .inner-content {
        width: 33.3333%
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .page-third .page-display .inner-content {
        width: 33.3333%
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-page-featured .page-third .page-display .inner-content {
        min-height: 100%;
        position: relative;
        width: 25%
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-wrapper {
    background-color: #fff;
    display: block;
    min-height: 100%;
    position: relative
}

.home-content .home-page-featured .page-third .page-display .inner-content .images-flag {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0;
    width: 52px
}

.home-content .home-page-featured .page-third .page-display .inner-content .flags {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket,
.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-ket {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-ket .ket-head {
    padding: 16px 24px 0
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    color: #333;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-ket .price {
    color: #666;
    font-weight: 500;
    line-height: 1.375;
    margin-bottom: 0
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-ket .sub-price {
    color: #ff3636;
    font-weight: 700;
    line-height: 1.375
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-ket .sub-pricing {
    color: #555450;
    font-size: 11px;
    font-weight: 700;
    padding-left: 6px;
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-ket .sub-pricing {
        font-size: 11px
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .button-love {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    opacity: 1;
    padding: 8px 24px 16px
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-love .icon-inline {
    color: red;
    font-size: 24px;
    position: relative
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-head {
    min-height: 100%;
    position: relative
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .head-inside {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 16px 8px 0
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-head .head-inside {
        padding: 8px 8px 0
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .image-content {
    align-items: center;
    display: flex;
    height: 143px;
    justify-content: center;
    position: relative;
    width: 143px
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .images {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi {
    bottom: 0;
    display: block;
    justify-content: space-between
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        margin: -12px;
        padding-bottom: 0
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inners-img {
    align-items: center;
    background-color: #ff3636;
    display: flex;
    justify-content: center;
    padding: 0 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inners-img {
        background-color: transparent;
        padding: 12px;
        width: 50%
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inner-img {
    align-items: center;
    background-color: #666;
    display: flex;
    justify-content: center;
    padding: 0 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inner-img {
        background-color: transparent;
        padding: 12px;
        width: 50%
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .home-content .home-page-featured .page-third .page-display .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.home-content .home-page-featured .page-third .page-display .inner-content .icon-star {
    left: 16px;
    position: absolute;
    top: 12px
}

.home-content .home-page-featured .page-third .page-display .inner-content .icon-star .icon {
    color: #ff3636;
    font-size: 28px
}

.home-content .home-page-featured .page-third .page-display .inner-content .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-featured .page-third .page-display .inner-content .persen {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    position: absolute;
    text-align: center;
    top: 9px
}

.home-content .home-page-best .section-grey {
    padding-bottom: 24px;
    padding-top: 24px
}

@media screen and (min-width:414px) {
    .home-content .home-page-best .section-grey {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .section-grey {
        padding-bottom: 48px;
        padding-top: 48px
    }
}

.home-content .home-page-best .page-best {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .home-content .home-page-best .page-best {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .home-page-best .page-best {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-page-best .page-best {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-content .home-page-best .page-best-wrapper {
    align-items: center;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between
}

.home-content .home-page-best .page-best-wrapper .time-links {
    display: block
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .page-best-wrapper .time-links {
        display: none
    }
}

.home-content .home-page-best .page-best-wrapper .time-link {
    display: none
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .page-best-wrapper .time-link {
        display: block
    }
}

.home-content .home-page-best .page-best-wrapper .flash-shape {
    background: #003a9d;
    position: relative;
    transform: skewX(-20deg);
    transform-origin: left bottom
}

.home-content .home-page-best .page-best-wrapper .flash-shape .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #fff;
    font-style: italic;
    padding: 8px 16px;
    text-transform: uppercase;
    transform: skewX(20deg)
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best-wrapper .flash-shape .text {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.333334;
        padding: 12px 24px
    }
}

.home-content .home-page-best .page-best-wrapper .link {
    font-size: 13px;
    line-height: 1.38462;
    color: #838282;
    font-weight: 700;
    text-transform: capitalize
}

.home-content .home-page-best .page-best-wrapper .link:focus,
.home-content .home-page-best .page-best-wrapper .link:hover {
    color: #073e9a
}

.home-content .home-page-best .page-best .images-flag {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0;
    width: 52px
}

.home-content .home-page-best .page-best .flags {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.home-content .home-page-best .page-best .persen {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    text-align: center;
    top: 9px
}

.home-content .home-page-best .page-best .icon-star {
    left: 16px;
    position: absolute;
    top: 12px
}

.home-content .home-page-best .page-best .icon-star .icon {
    color: #ff3636;
    font-size: 28px
}

.home-content .home-page-best .page-best .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-best .page-best .icon-time {
    left: 16px;
    position: absolute;
    top: 12px
}

.home-content .home-page-best .page-best .icon-time .icon {
    color: #ff3636;
    font-size: 28px
}

.home-content .home-page-best .page-best .icon-time .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-best .page-best .footer-best {
    padding-top: 24px
}

.home-content .home-page-best .page-best .footer-content {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.home-content .home-page-best .page-best .footer-content .inner-content {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:414px) {
    .home-content .home-page-best .page-best .footer-content .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .home-content .home-page-best .page-best .footer-content .inner-content {
        width: 33.3333%
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .page-best .footer-content .inner-content {
        width: 33.3333%
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-page-best .page-best .footer-content .inner-content {
        min-height: 100%;
        position: relative;
        width: 25%
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-wrapper {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    position: relative
}

.home-content .home-page-best .page-best .footer-content .inner-content .images-flag {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0;
    width: 52px
}

.home-content .home-page-best .page-best .footer-content .inner-content .flags {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket,
.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-ket {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .ket-head {
    padding: 16px 24px 0
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    color: #333;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 4px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .price {
    color: #666;
    font-weight: 500;
    line-height: 1.375;
    margin-bottom: 0
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .sub-price {
    color: #ff3636;
    font-weight: 700;
    line-height: 1.375
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .sub-pricing {
    color: #555450;
    font-size: 11px;
    font-weight: 700;
    padding-left: 6px;
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .sub-pricing {
        font-size: 11px
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .button-love {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    opacity: 1;
    padding: 8px 24px 16px
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: auto
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .icon-inline {
    color: red;
    font-size: 24px;
    position: relative
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-head {
    min-height: 100%;
    position: relative
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .head-inside {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 16px 8px 0
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-head .head-inside {
        padding: 8px 8px 0
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .image-content {
    align-items: center;
    display: flex;
    height: 143px;
    justify-content: center;
    position: relative;
    width: 143px
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .images {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi {
    bottom: 0;
    display: block;
    justify-content: space-between
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        margin: -12px;
        padding-bottom: 0
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img {
    align-items: center;
    background-color: #ff3636;
    display: flex;
    justify-content: center;
    padding: 0 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img {
        background-color: transparent;
        padding: 12px;
        width: 50%
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img {
    align-items: center;
    background-color: #666;
    display: flex;
    justify-content: center;
    padding: 0 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img {
        background-color: transparent;
        padding: 12px;
        width: 50%
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .home-content .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.home-content .home-page-best .page-best .footer-content .inner-content .icon-star {
    left: 16px;
    position: absolute;
    top: 12px
}

.home-content .home-page-best .page-best .footer-content .inner-content .icon-star .icon {
    color: #ff3636;
    font-size: 28px
}

.home-content .home-page-best .page-best .footer-content .inner-content .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.home-content .home-page-best .page-best .footer-content .inner-content .persen {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    position: absolute;
    text-align: center;
    top: 9px
}

.home-content .home-footer-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .home-content .home-footer-content {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .home-footer-content {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .home-footer-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .home-footer-content {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-content .home-footer-content .head-link {
    padding-bottom: 12px;
    padding-top: 24px;
    text-align: right
}

.home-content .home-footer-content .head-link .link {
    color: #666;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize
}

.home-content .home-footer-content .footer-contents {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
    padding-bottom: 40px
}

.home-content .home-footer-content .footer-contents-page {
    padding: 12px 8px;
    text-align: center;
    width: 50%
}

@media screen and (min-width:640px) {
    .home-content .home-footer-content .footer-contents-page {
        width: 33.3333%
    }
}

@media screen and (min-width:768px) {
    .home-content .home-footer-content .footer-contents-page {
        padding: 8px;
        width: 20%
    }
}

.home-content .home-footer-content .footer-contents-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center
}

.home-content .home-footer-content .footer-contents-wrapper .images {
    display: block
}

.home-content .our-blog .inners {
    padding-top: 40px
}

.home-content .our-blog-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .home-content .our-blog-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .our-blog-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .our-blog-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .our-blog-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-content .our-blog-head {
    align-items: flex-end;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between
}

.home-content .our-blog-head .head-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334;
    border-bottom: 4px solid #073e9a;
    color: #333;
    font-style: italic;
    font-weight: 900;
    padding-bottom: 6px
}

.home-content .our-blog-head .link {
    color: #666;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.38462;
    padding-bottom: 6px
}

.home-content .our-blog-head .link:hover {
    color: #073e9a
}

@media screen and (min-width:1024px) {
    .home-content .our-blog-head .link-mobile {
        display: none
    }
}

.home-content .our-blog-head .link-desktop {
    display: none
}

@media screen and (min-width:1024px) {
    .home-content .our-blog-head .link-desktop {
        display: block
    }
}

.home-content .our-blog-content {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 8px;
    padding-top: 24px
}

.home-content .our-blog-display {
    width: 100%
}

@media screen and (min-width:768px) {
    .home-content .our-blog-display {
        width: 45%
    }
}

@media screen and (min-width:1024px) {
    .home-content .our-blog-display {
        width: 35%
    }
}

.home-content .our-blog-display .blog-side {
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .15)
}

.home-content .our-blog-display .blog-side+.blog-side {
    margin-top: 18px
}

@media screen and (min-width:414px) {
    .home-content .our-blog-display .blog-side-inner {
        display: flex
    }
}

.home-content .our-blog-display .blog-side .img-side {
    position: relative
}

@media screen and (min-width:414px) {
    .home-content .our-blog-display .blog-side .img-side {
        width: 124px
    }
}

.home-content .our-blog-display .blog-side .img-side:before {
    content: "";
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 8
}

.home-content .our-blog-display .blog-side .img-side .images {
    width: 100%
}

.home-content .our-blog-display .blog-side .text-side {
    padding: 12px 16px
}

@media screen and (min-width:414px) {
    .home-content .our-blog-display .blog-side .text-side {
        width: calc(100% - 124px)
    }
}

.home-content .our-blog-display .blog-side .text-side .date {
    font-size: 12px;
    line-height: 1.33334;
    color: #838282;
    font-weight: 500;
    letter-spacing: .02em;
    margin-bottom: 4px
}

.home-content .our-blog-display .blog-side .text-side .ket {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #333
}

.home-content .our-blog-display .blog-side .text-side .button {
    font-size: 13px;
    line-height: 1.38462
}

.home-content .our-blog-displays {
    margin-bottom: 18px;
    width: 100%
}

@media screen and (min-width:768px) {
    .home-content .our-blog-displays {
        margin-bottom: 0;
        padding-right: 18px;
        width: 55%
    }
}

@media screen and (min-width:1024px) {
    .home-content .our-blog-displays {
        width: 65%
    }
}

.home-content .our-blog-displays .blog-display-inner {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .15);
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px
}

.home-content .our-blog-displays .our-blog-heads {
    align-items: center;
    display: flex
}

.home-content .our-blog-displays .our-blog-heads .img-head {
    background-color: #fff;
    border-radius: 50%;
    height: 48px;
    overflow: hidden;
    width: 48px
}

.home-content .our-blog-displays .our-blog-heads .img-head .images {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.home-content .our-blog-displays .our-blog-heads .img-text {
    padding-left: 12px
}

.home-content .our-blog-displays .our-blog-heads .img-text .tag-judul {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 0
}

.home-content .our-blog-displays .our-blog-heads .img-text .tag-subs {
    color: #838282;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 15px
}

.home-content .our-blog-displays .our-blog-wrapper {
    flex: 1 1 auto
}

.home-content .our-blog-displays .our-blog-wrapper .fluidvids,
.home-content .our-blog-displays .our-blog-wrapper .imgs {
    height: 100%
}

.home-content .our-blog-displays .our-blog-wrapper .fluidvids {
    padding-top: 56.25%
}

.home-content .our-blog-displays .our-blog-wrapper .img-text {
    padding-top: 6px
}

.home-content .our-blog-displays .our-blog-wrapper .img-text .tag-judul {
    color: #333;
    font-size: 18px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 0
}

.home-content .our-blog-displays .our-blog-wrapper .img-text .tag-subs {
    color: #073e9a;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 15px
}

.home-content .shop .shope {
    padding-top: 40px
}

.home-content .shop-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .home-content .shop-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-content .shop-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-content .shop-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-content .shop-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-content .shop-inner-wrapper {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 6px
}

.home-content .shop-inner-wrapper .head-text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334;
    border-bottom: 4px solid #073e9a;
    color: #333;
    font-style: italic;
    font-weight: 900;
    padding-bottom: 6px
}

.home-content .shop-inner-hero {
    display: block;
    margin: -8px;
    padding-bottom: 48px;
    padding-top: 24px;
    position: relative
}

@media screen and (min-width:1024px) {
    .home-content .shop-inner-hero {
        display: flex;
        justify-content: space-between
    }
}

.home-content .shop-inner-hero .inner-hero {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .home-content .shop-inner-hero .inner-hero {
        width: 37.5%
    }
}

.home-content .shop-inner-hero .inner-hero .item-inner {
    align-items: center;
    background-position: 50%;
    background-size: cover;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

@media screen and (min-width:1024px) {
    .home-content .shop-inner-hero .inner-hero .item-inner {
        height: 100%;
        width: 100%
    }
}

.home-content .shop-inner-hero .inner-hero .item-inner:before {
    content: "";
    background-color: #e5e8eb;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    width: 100%
}

.home-content .shop-inner-hero .inners-hero {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .home-content .shop-inner-hero .inners-hero {
        width: 62.5%
    }
}

.home-content .shop-inner-hero .inners-hero .items {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.home-content .shop-inner-hero .inners-hero .items .frames-map {
    height: 100%
}

.home-content .shop-inner-hero .inners-hero .items .frames-map iframe {
    height: 100%;
    width: 100%
}

.home-content .shop-inner-hero .item-hero {
    padding: 24px;
    z-index: 1
}

@media screen and (min-width:414px) {
    .home-content .shop-inner-hero .item-hero {
        padding: 32px
    }
}

.home-content .shop-inner-hero .item-head .text {
    font-size: 18px;
    line-height: 1.33334;
    border-bottom: 4px solid #073e9a;
    display: inline-block;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 4px;
    text-transform: uppercase
}

.home-content .shop-inner-hero .item-head .sub-text {
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500
}

.home-content .shop-inner .item-input {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    margin-bottom: 22px;
    margin-top: 20px;
    position: relative
}

@media screen and (min-width:414px) {
    .home-content .shop-inner .item-input {
        flex-wrap: nowrap
    }
}

.home-content .shop-inner .item-input .input {
    font-size: 13px;
    line-height: 1.38462;
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 3px 3px 0 0;
    width: 100%
}

@media screen and (min-width:414px) {
    .home-content .shop-inner .item-input .input {
        border-radius: 3px 0 0 3px
    }
}

@media screen and (min-width:768px) {
    .home-content .shop-inner .item-input .input {
        font-size: 15px;
        line-height: 1.6
    }
}

.home-content .shop-inner .item-input .input:focus {
    background-color: #fff
}

.home-content .shop-inner .item-input .button {
    font-size: 13px;
    line-height: 1.38462;
    background-color: #ff3636;
    font-weight: 500;
    height: 100%;
    letter-spacing: .025em;
    margin-top: -1px;
    text-indent: 3px;
    width: 100%
}

@media screen and (min-width:414px) {
    .home-content .shop-inner .item-input .button {
        margin-left: -1px;
        margin-top: 0;
        width: auto
    }
}

@media screen and (min-width:768px) {
    .home-content .shop-inner .item-input .button {
        font-size: 15px;
        line-height: 1.6
    }
}

.home-content .shop-inner .social .items {
    margin: -4px;
    display: flex;
    flex-wrap: wrap
}

.home-content .shop-inner .social .items>* {
    margin: 4px;
    width: auto
}

.home-content .shop-inner .social .item {
    text-align: center
}

.home-content .shop-inner .social .item .link {
    display: block
}

.home-content .shop-inner .social .item .link .image {
    align-items: center;
    background-color: #003a9d;
    border-radius: 50%;
    color: #fff;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.home-content .shop-inner .social .item .link .title {
    font-size: 11px;
    line-height: 1.45455;
    color: #393939
}

.home-content-next {
    padding-top: 32px
}

.home-content-next,
.home-content-nexts {
    padding-bottom: 64px
}

.home-content .borders-botom {
    align-items: center;
    display: flex;
    justify-content: center;
    padding-top: 30px
}

.home-content .border-bottom {
    align-items: center;
    border: 2px solid;
    border-radius: 50%;
    display: flex;
    height: 50px;
    justify-content: center;
    width: 50px
}

.home-product {
    background-color: #f8f8f8
}

.home-product-img {
    background-position: 50%;
    background-size: cover;
    position: relative;
    width: 100%
}

.home-product-img:before {
    content: "";
    background: rgba(29, 29, 29, .5);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.home-product-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 24px 16px;
    position: relative;
    z-index: 1
}

@media screen and (min-width:414px) {
    .home-product-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-product-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-product-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-product-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:640px) {
    .home-product-wrapper {
        padding-bottom: 80px;
        padding-top: 48px
    }
}

@media screen and (min-width:1024px) {
    .home-product-wrapper {
        padding-bottom: 96px;
        padding-top: 96px
    }
}

.home-product-wrapper .home-product-head {
    width: 100%
}

@media screen and (min-width:768px) {
    .home-product-wrapper .home-product-head {
        width: 50%
    }
}

.home-product-wrapper .center-text {
    font-size: 24px;
    line-height: 1.33334;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 4px;
    color: #fff
}

@media screen and (min-width:640px) {
    .home-product-wrapper .center-text {
        font-size: 36px;
        line-height: 1.22223
    }
}

.home-product-wrapper .text {
    font-size: 13px;
    line-height: 1.38462;
    color: #fff
}

@media screen and (min-width:414px) {
    .home-product-wrapper .text {
        font-size: 15px;
        line-height: 1.6
    }
}

.home-product .product-footer-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .home-product .product-footer-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .home-product .product-footer-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .home-product .product-footer-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .home-product .product-footer-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.home-product .product-footer-line {
    padding-top: 16px;
    padding-bottom: 24px
}

@media screen and (min-width:640px) {
    .home-product .product-footer-line {
        padding-top: 32px
    }
}

.home-product .product-footer-head {
    border-bottom: 1px solid #d9d9d9
}

.home-product .product-footer-head .text {
    border-bottom: 4px solid #073e9a;
    font-style: italic;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #333
}

.home-product .product-footer .footer-best {
    padding-bottom: 64px
}

.home-product .product-footer .footer-content {
    display: flex;
    margin: -8px;
    flex-wrap: wrap
}

.home-product .product-footer .footer-content .inner-content {
    width: 100%;
    padding: 8px
}

@media screen and (min-width:414px) {
    .home-product .product-footer .footer-content .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .home-product .product-footer .footer-content .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1024px) {
    .home-product .product-footer .footer-content .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1280px) {
    .home-product .product-footer .footer-content .inner-content {
        width: 25%;
        position: relative;
        min-height: 100%
    }
}

.home-product .product-footer .footer-content .inner-content-wrapper {
    background-color: #fff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .14);
    border-radius: 2px;
    position: relative;
    display: block;
    min-height: 100%
}

.home-product .product-footer .footer-content .inner-content .images-flag {
    position: absolute;
    top: 0;
    right: 8px;
    width: 52px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.home-product .product-footer .footer-content .inner-content .flags {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.home-product .product-footer .footer-content .inner-content-ket .inner-ket .ket-head {
    margin-bottom: 68px;
    padding: 16px 24px 14px
}

@media screen and (min-width:1024px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 28px 24px 14px
    }
}

@media screen and (min-width:1280px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 14px
    }
}

.home-product .product-footer .footer-content .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    color: #333;
    margin-bottom: 0;
    padding-bottom: 2px
}

.home-product .product-footer .footer-content .inner-content-ket .inner-ket .price {
    font-weight: 500;
    color: #666;
    margin-bottom: 0;
    padding-top: 2px
}

.home-product .product-footer .footer-content .inner-content-ket .inner-ket .sub-price {
    font-weight: 700;
    color: #ff3636;
    font-size: 14px
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-ket .sub-price {
        font-size: 15px
    }
}

.home-product .product-footer .footer-content .inner-content-ket .inner-ket .sub-pricing {
    padding-left: 6px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555450;
    font-size: 11px
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-ket .sub-pricing {
        font-size: 11px
    }
}

.home-product .product-footer .footer-content .inner-content-ket .button-love {
    bottom: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    display: block;
    padding: 14px 24px 11px
}

.home-product .product-footer .footer-content .inner-content-ket .rating {
    margin-bottom: 12px
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-love .icon-inline {
    position: relative;
    font-size: 24px;
    color: red
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .home-product .product-footer .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.home-product .product-footer .footer-content .inner-content-head {
    position: relative;
    min-height: 100%
}

@media screen and (min-width:768px) {
    .home-product .product-footer .footer-content .inner-content-head {
        height: 296px
    }
}

.home-product .product-footer .footer-content .inner-content-head .head-inside {
    padding: 16px 6px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-head .head-inside {
        padding: 6px 6px 0
    }
}

.home-product .product-footer .footer-content .inner-content-head .image-content {
    position: relative;
    width: 143px;
    height: 143px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.home-product .product-footer .footer-content .inner-content-head .images {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 196px;
    height: 100%
}

.home-product .product-footer .footer-content .inner-content-head .ekspedisi {
    display: block;
    justify-content: space-between;
    bottom: 0
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        margin: -12px
    }
}

.home-product .product-footer .footer-content .inner-content-head .ekspedisi .inners-img {
    width: 100%;
    padding: 0 12px;
    background-color: #ff2932;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-head .ekspedisi .inners-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.home-product .product-footer .footer-content .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.home-product .product-footer .footer-content .inner-content-head .ekspedisi .inner-img {
    width: 100%;
    padding: 0 12px;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-head .ekspedisi .inner-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.home-product .product-footer .footer-content .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .home-product .product-footer .footer-content .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.home-product .product-footer .footer-content .inner-content .icon-star {
    position: absolute;
    left: 16px;
    top: 12px
}

.home-product .product-footer .footer-content .inner-content .icon-star .icon {
    color: #ff3636;
    font-size: 28px
}

.home-product .product-footer .footer-content .inner-content .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.home-product .product-footer .footer-content .inner-content .persen {
    position: absolute;
    top: 9px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #fff
}

.home-product .product-footer .product-display .item-container {
    box-shadow: 0 4px 20px rgba(0, 0, 0, .14)
}

.js-filter-button {
    display: block;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    background-color: #ff3636;
    color: #fff;
    padding: 6px 16px
}

@media screen and (min-width:1024px) {
    .js-filter-button {
        display: none;
        margin-bottom: 0
    }
}

.product-single-item {
    display: none;
    margin-bottom: 24px
}

@media screen and (min-width:1024px) {
    .product-single-item {
        display: block;
        margin-bottom: 0
    }
}

.js-product-home {
    display: block !important
}

.product-single-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 24px 16px 32px
}

@media screen and (min-width:414px) {
    .product-single-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .product-single-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .product-single-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .product-single-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:414px) {
    .product-single-wrapper {
        padding-top: 32px
    }
}

@media screen and (min-width:768px) {
    .product-single-wrapper {
        padding-top: 48px
    }
}

@media screen and (min-width:1024px) {
    .product-single-wrapper {
        display: flex
    }
}

.product-single .button-filter {
    display: block
}

.product-single-item {
    width: 100%
}

@media screen and (min-width:1024px) {
    .product-single-item {
        width: 25%
    }
}

.product-single-item .product-head {
    background-color: #e5e8eb;
    border-radius: 3px 3px 0 0
}

.product-single-item .product-head .text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    padding: 12px 16px
}

.product-single-item .product-wrapper {
    background-color: #393939;
    color: #fff;
    padding: 16px
}

.product-single-item .product-wrapper-content .button-filter {
    margin-top: 48px
}

.product-single-item .product-wrapper-content .button-filter .filters {
    width: 100%
}

.product-single-item .product-wrapper-content .content .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #bbb;
    margin-bottom: 8px;
    font-weight: 400;
    text-transform: uppercase
}

.product-single-item .product-wrapper-content .content .checkbox-content+.checkbox-content {
    margin-top: 4px
}

.product-single-item .product-wrapper-content .item-label {
    align-items: flex-start;
    display: flex;
    overflow: hidden
}

.product-single-item .product-wrapper-content .item-label .custom-checkbox {
    font-size: 9px;
    line-height: 1.45455;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid #e5e8eb;
    background-color: transparent;
    line-height: 1;
    color: #fff;
    border-radius: 50px;
    margin-right: 6px;
    position: relative;
    top: 3px
}

.product-single-item .product-wrapper-content .item-label .text {
    width: 100%
}

.product-single-item .product-wrapper-content .item-label .image {
    margin-bottom: 6px;
    height: 184px
}

.product-single-item .product-wrapper-content input[type=checkbox]:checked+.item-label .bulets {
    display: block;
    width: 12px;
    height: 12px;
    background: #ff3636;
    border-radius: 50%
}

.product-single-item .product-wrapper-content input[type=checkbox]:checked+.item-label .custom-checkbox {
    border: 1px solid #fff;
    color: #fff
}

.product-single-item .product-wrapper-content .title {
    font-weight: 700
}

.product-single-item .product-wrapper-content .content-price {
    font-weight: 700;
    color: #fff;
    margin-top: 32px
}

.product-single-item .product-wrapper-content .content-price .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #bbb;
    font-weight: 400;
    margin-bottom: 8px;
    text-transform: uppercase
}

.product-single-item .product-wrapper-content .content-price .checkbox-content+.checkbox-content {
    margin-top: 4px
}

.product-single-item .product-wrapper-content .contents {
    margin-top: 32px
}

.product-single-item .product-wrapper-content .contents-line {
    padding: 8px;
    border: 1px solid #838282;
    overflow-y: scroll;
    max-height: 240px
}

.product-single-item .product-wrapper-content .contents .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #bbb;
    font-weight: 400;
    margin-bottom: 12px;
    text-transform: uppercase
}

.product-single-item .product-wrapper-content .contents .checkbox-content+.checkbox-content {
    margin-top: 4px
}

.product-single-item .product-wrapper-content .contentt {
    margin-top: 32px;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #fff;
    width: calc(100% - 120px)
}

@media screen and (min-width:640px) {
    .product-single-item .product-wrapper-content .contentt {
        width: calc(100% - 120px)
    }
}

@media screen and (min-width:768px) {
    .product-single-item .product-wrapper-content .contentt {
        width: auto
    }
}

.product-single-item .product-wrapper-content .contentt .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    text-transform: uppercase;
    color: #bbb;
    font-weight: 400;
    margin-bottom: 8px
}

.product-single-item .product-wrapper-content .contentt-color {
    margin: -4px;
    display: flex;
    flex-wrap: wrap
}

.product-single-item .product-wrapper-content .contentt-color>* {
    margin: 4px;
    width: 18%;
    width: calc(20% - 8px)
}

.product-single-item .product-wrapper-content .contentt-color .checkbox-content {
    flex: 0 1 auto
}

.product-single-item .product-wrapper-content .contentt-color .checkbox-content .input-checks[type=checkbox] {
    display: none
}

.product-single-item .product-wrapper-content .contentt-color .checkbox-content .label-checkbox-color {
    background-color: #838282;
    box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .1);
    display: block;
    height: 40px;
    transition: all .2s ease-out;
    width: 100%
}

.product-single-item .product-wrapper-content .contentt-color .checkbox-content .input-checks[type=checkbox]:checked+.label-checkbox-color {
    box-shadow: inset 0 0 0 2px #fff
}

.product-single-item .product-wrapper-content .contentt-color .checkbox-content .label-checkbox-color {
    position: relative
}

.product-single-item .product-wrapper-content .checkbox-content .input-check[type=checkbox] {
    position: absolute;
    display: none
}

.product-single-item .product-wrapper-content .checkbox-content .label-checkbox {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #fff
}

.product-single-item .product-wrapper-content .checkbox-content .input-check[type=checkbox]+label:before {
    content: " ";
    border: 1px solid #e5e8eb;
    display: inline-block;
    margin: 8px 12px 12px 0;
    width: 20px;
    height: 20px;
    line-height: 24px;
    border-radius: 10px
}

.product-single-item .product-wrapper-content .checkbox-content .input-check[type=checkbox]:checked+label:before {
    content: " ";
    border-radius: 10px;
    background: #ff3636;
    border: 1px solid #e5e8eb
}

.product-single-item .product-wrapper-content .checkbox-content .label-checkbox {
    position: relative
}

.product-single-items {
    width: 100%
}

@media screen and (min-width:1024px) {
    .product-single-items {
        padding-left: 24px;
        width: 75%
    }
}

.product-single-items .filters-single {
    border-bottom: 1px solid #d9d9d9;
    display: block;
    padding-bottom: 16px
}

@media screen and (min-width:640px) {
    .product-single-items .filters-single {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.product-single-items .filters-single .filter-singles {
    flex: 0 1 auto;
    margin-bottom: 8px
}

@media screen and (min-width:768px) {
    .product-single-items .filters-single .filter-singles {
        margin-bottom: 0
    }
}

.product-single-items .filters-single .filter-singles .hasil {
    font-size: 13px;
    line-height: 1.38462;
    color: #666
}

@media screen and (min-width:768px) {
    .product-single-items .filters-single .filter-singles .hasil {
        font-size: 15px;
        line-height: 1.6
    }
}

.product-single-items .filters-single .filter-single-inner {
    display: flex;
    flex: 0 1 auto
}

@media screen and (min-width:640px) {
    .product-single-items .filters-single .filter-single-inner {
        margin-left: 32px
    }
}

.product-single-items .filters-single .filter-single-inner .checkbox {
    background-color: #fff;
    border: 1px solid #bbb;
    border-radius: 3px;
    flex: 1 1 50%;
    margin-left: 8px;
    padding: 5px 8px
}

.product-single-items .filters-single .filter-single-inner .checkbox .checkbox-meta {
    margin-right: 2px
}

.product-single-items .filters-single .filter-single-inner .checkbox .text-meta {
    font-size: 13px;
    line-height: 1.38462;
    font-weight: 700
}

.product-single-items .filters-single .select-meta {
    font-size: 13px;
    line-height: 1.38462;
    color: #393939;
    flex: 1 1 50%
}

.product-single-items .single-items {
    padding-top: 24px
}

.product-single-items .single-items-inner {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
    padding-bottom: 12px
}

.product-single-items .single-items-inner .inner-content {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:414px) {
    .product-single-items .single-items-inner .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .product-single-items .single-items-inner .inner-content {
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .product-single-items .single-items-inner .inner-content {
        width: 50%
    }
}

@media screen and (min-width:1280px) {
    .product-single-items .single-items-inner .inner-content {
        width: 33.333333%
    }
}

.product-single-items .single-items-inner .inner-content-wrapper {
    background-color: #fff;
    position: relative;
    display: block;
    min-height: 100%
}

.product-single-items .single-items-inner .inner-content .images-flag {
    position: absolute;
    top: 0;
    right: 8px;
    width: 52px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-single-items .single-items-inner .inner-content .flags {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.product-single-items .single-items-inner .inner-content-ket .inner-ket .ket-head {
    margin-bottom: 68px;
    padding: 18px 24px 14px
}

@media screen and (min-width:1024px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-ket .ket-head {
        padding: 28px 24px 14px
    }
}

@media screen and (min-width:1280px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 14px
    }
}

.product-single-items .single-items-inner .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    color: #333;
    margin-bottom: 0;
    padding-bottom: 2px
}

.product-single-items .single-items-inner .inner-content-ket .inner-ket .price {
    font-weight: 500;
    color: #666;
    margin-bottom: 0;
    padding-top: 2px
}

.product-single-items .single-items-inner .inner-content-ket .inner-ket .sub-price {
    font-weight: 700;
    color: #ff3636;
    font-size: 14px
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-ket .sub-price {
        font-size: 15px
    }
}

.product-single-items .single-items-inner .inner-content-ket .inner-ket .sub-pricing {
    padding-left: 6px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555450;
    font-size: 11px
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-ket .sub-pricing {
        font-size: 11px
    }
}

.product-single-items .single-items-inner .inner-content-ket .button-love {
    bottom: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    display: block;
    padding: 14px 24px 11px
}

.product-single-items .single-items-inner .inner-content-ket .inner-action {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.product-single-items .single-items-inner .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-love .icon-inline {
    position: relative;
    font-size: 24px;
    color: red
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.product-single-items .single-items-inner .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .product-single-items .single-items-inner .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.product-single-items .single-items-inner .inner-content-head {
    position: relative;
    min-height: 100%
}

@media screen and (min-width:768px) {
    .product-single-items .single-items-inner .inner-content-head {
        height: 296px
    }
}

.product-single-items .single-items-inner .inner-content-head .head-inside {
    padding: 16px 6px 0
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-head .head-inside {
        padding: 6px 6px 0
    }
}

.product-single-items .single-items-inner .inner-content-head .head-insider {
    display: flex;
    justify-content: center;
    align-items: center
}

.product-single-items .single-items-inner .inner-content-head .image-content {
    position: relative;
    width: 143px;
    height: 143px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.product-single-items .single-items-inner .inner-content-head .images {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 196px;
    height: 100%
}

.product-single-items .single-items-inner .inner-content-head .ekspedisi {
    display: block;
    justify-content: space-between;
    bottom: 0
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        margin: -12px
    }
}

.product-single-items .single-items-inner .inner-content-head .ekspedisi .inners-img {
    width: 100%;
    padding: 0 12px;
    background-color: #ff2932;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-head .ekspedisi .inners-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.product-single-items .single-items-inner .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.product-single-items .single-items-inner .inner-content-head .ekspedisi .inner-img {
    width: 100%;
    padding: 0 12px;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-head .ekspedisi .inner-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.product-single-items .single-items-inner .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .product-single-items .single-items-inner .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.product-single-items .single-items-inner .inner-content .icons {
    display: flex;
    top: 12px;
    position: absolute;
    left: 12px;
    flex-wrap: wrap;
    right: 56px
}

.product-single-items .single-items-inner .inner-content .icons .icon-star {
    margin-bottom: 0;
    width: 16%
}

@media screen and (min-width:1280px) {
    .product-single-items .single-items-inner .inner-content .icons .icon-star {
        width: 12%
    }
}

.product-single-items .single-items-inner .inner-content .icons .icon-star .icon {
    color: #ff3636;
    height: 28px;
    width: 28px
}

.product-single-items .single-items-inner .inner-content .icons .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.product-single-items .single-items-inner .inner-content .persen {
    position: absolute;
    top: 9px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #fff
}

.product-single .borders-botom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 24px
}

.product-single .border-bottom {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-single .product-aside {
    margin-bottom: 16px
}

@media screen and (min-width:640px) {
    .product-single .product-aside {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1024px) {
    .product-single .product-aside {
        width: 300px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .product-single .product-aside-header {
        margin-bottom: 24px
    }
}

.product-single .product-aside-header .title {
    text-transform: uppercase;
    font-weight: 800;
    display: none
}

@media screen and (min-width:1024px) {
    .product-single .product-aside-header .title {
        display: block
    }
}

.product-single .product-aside-header .button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase
}

@media screen and (min-width:1024px) {
    .product-single .product-aside-header .button {
        display: none
    }
}

.product-single .product-aside-content {
    display: none;
    background-color: #e9e9e9
}

@media screen and (min-width:1024px) {
    .product-single .product-aside-content {
        display: block
    }
}

.product-single .product-aside-content .item {
    display: block
}

.product-single .product-aside-content .item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9
}

.product-single .product-aside-content .item.is-toggled {
    padding-bottom: 16px
}

.product-single .product-aside-content .item.is-toggled .item-label .icon-plus {
    display: none
}

.product-single .product-aside-content .item.is-toggled .item-expand,
.product-single .product-aside-content .item.is-toggled .item-label .icon-minus {
    display: block
}

.product-single .product-aside-content .item-label {
    display: flex;
    justify-content: space-between;
    padding: 16px 24px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    line-height: 1.38462;
    cursor: pointer
}

.product-single .product-aside-content .item-label .icon {
    color: #838282
}

.product-single .product-aside-content .item-label .icon-minus {
    display: none
}

.product-single .product-aside-content .item-expand {
    margin: 0 24px;
    overflow-y: auto;
    max-height: 240px;
    display: none
}

.product-single .product-aside-content .item-expand .search {
    padding-bottom: 12px;
    background-color: #e9e9e9;
    position: sticky;
    top: 0;
    z-index: 2
}

.product-single .product-aside-content .item-expand .search .input {
    width: 100%;
    padding-right: 30px
}

.product-single .product-aside-content .item-expand .search .icon {
    position: absolute;
    top: 11px;
    right: 10px
}

.product-single .product-aside-content .item .sub-items {
    list-style-type: none;
    padding: 16px;
    background-color: #d9d9d9;
    position: relative;
    z-index: 1
}

.product-single .product-aside-content .item .sub-item {
    display: flex
}

.product-single .product-aside-content .item .sub-item:not(:last-child) {
    margin-bottom: 8px
}

.product-single .product-aside-content .item .sub-item input[type=checkbox] {
    display: none
}

.product-single .product-aside-content .item .sub-item input[type=checkbox]:checked+.label .checkbox {
    background-image: url(../images/symbols/icon-check.svg);
    background-size: cover;
    background-position: 50%
}

.product-single .product-aside-content .item .sub-item input[type=radio] {
    display: none
}

.product-single .product-aside-content .item .sub-item input[type=radio]:checked+.label .radio:after {
    background-color: #393939
}

.product-single .product-aside-content .item .sub-item .label {
    padding-left: 28px;
    cursor: pointer;
    position: relative
}

.product-single .product-aside-content .item .sub-item .label .checkbox {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 2px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0
}

.product-single .product-aside-content .item .sub-item .label .radio {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 3px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0
}

.product-single .product-aside-content .item .sub-item .label .radio:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: transparent
}

.product-single .product-aside-content .item .sub-item .label .star-label {
    display: flex
}

.product-single .product-aside-content .item .sub-item .label .star-label .rating-star {
    margin-top: -5px
}

.product-single .product-aside-content .item .sub-item .label .star-label .rating-star-space {
    font-size: 17px;
    width: 96px
}

.product-single .product-aside-content .item .sub-item .label .star-label .rating-star-space:after {
    color: #bbb
}

.product-single .product-aside-content .item .sub-item .label .star-label .rating-star-space .fill {
    height: 26px
}

.product-single .product-aside-content .item .sub-item .label .counter {
    padding-left: 6px;
    margin-top: -1px
}

.product-single .product-aside-content .item .color-items {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
    background-color: #d9d9d9
}

.product-single .product-aside-content .item .color-item {
    padding: 8px
}

.product-single .product-aside-content .item .color-item input[type=checkbox] {
    display: none
}

.product-single .product-aside-content .item .color-item input[type=checkbox]:checked+.label {
    border-color: #fff
}

.product-single .product-aside-content .item .color-item input[type=checkbox]:checked+.label .icon {
    display: inline-block
}

.product-single .product-aside-content .item .color-item .label {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    background-color: #bbb;
    color: #fff;
    background-size: cover
}

.product-single .product-aside-content .item .color-item .label .icon {
    display: none;
    font-size: 18px;
    line-height: 1.33334
}

.product-single .product-aside-content .discount-only {
    padding: 16px 24px
}

.product-single .product-aside-content .discount-only input[type=checkbox] {
    display: none
}

.product-single .product-aside-content .discount-only input[type=checkbox]:checked+.label .checkbox {
    background-image: url(../images/symbols/icon-check.svg);
    background-size: cover;
    background-position: 50%
}

.product-single .product-aside-content .discount-only .label {
    padding-left: 28px;
    cursor: pointer;
    position: relative
}

.product-single .product-aside-content .discount-only .label .checkbox {
    display: block;
    width: 18px;
    height: 18px;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 2px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0
}

.product-single .product-aside-content .discount-only .label .radio {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    border: 1px solid #bbb;
    background-color: #fff;
    padding: 3px;
    cursor: pointer;
    position: absolute;
    top: 1px;
    left: 0
}

.product-single .product-aside-content .discount-only .label .radio:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: transparent
}

.product-single .product-aside-content .discount-only .label .star-label {
    display: flex
}

.product-single .product-aside-content .discount-only .label .star-label .rating-star {
    margin-top: -5px
}

.product-single .product-aside-content .discount-only .label .star-label .rating-star-space {
    font-size: 17px;
    width: 96px
}

.product-single .product-aside-content .discount-only .label .star-label .rating-star-space:after {
    color: #bbb
}

.product-single .product-aside-content .discount-only .label .star-label .rating-star-space .fill {
    height: 26px
}

.product-single .product-aside-content .discount-only .label .counter {
    padding-left: 6px;
    margin-top: -1px
}

.product-single .product-aside.is-toggled .product-aside-header .button .icon {
    transform: rotate(180deg)
}

@media screen and (min-width:1024px) {
    .product-single .product-main {
        width: calc(100% - 300px);
        padding-left: 24px
    }
}

.product-single .product-main-sort {
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .product-single .product-main-sort {
        display: flex;
        justify-content: space-between
    }
}

.product-single .product-main-sort .counter {
    font-weight: 700;
    padding-bottom: 12px
}

@media screen and (min-width:768px) {
    .product-single .product-main-sort .counter {
        padding-right: 24px;
        padding-bottom: 0
    }
}

.product-single .product-main-sort .sort {
    width: 100%
}

@media screen and (min-width:768px) {
    .product-single .product-main-sort .sort {
        max-width: 320px
    }
}

.product-single .product-main-sort .sort .form {
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:414px) {
    .product-single .product-main-sort .sort .form {
        display: flex;
        justify-content: space-between;
        margin: -8px
    }
}

@media screen and (min-width:414px) {
    .product-single .product-main-sort .sort .form-field {
        padding: 8px
    }
}

.product-single .product-main-sort .sort .form-field.sort-list {
    padding-bottom: 4px
}

@media screen and (min-width:414px) {
    .product-single .product-main-sort .sort .form-field.sort-list {
        width: calc(100% - 148px);
        padding-bottom: 8px
    }
}

.product-single .product-main-sort .sort .form-field.sort-list .input {
    width: 100%;
    padding: 4px 24px 4px 8px
}

@media screen and (min-width:414px) {
    .product-single .product-main-sort .sort .form-field.ready-stock {
        width: 148px
    }
}

.product-single .product-main-sort .sort .form-field .checkbox {
    display: flex;
    padding-top: 5px
}

.product-single .product-main-sort .sort .form-field .checkbox .label {
    display: inline-block;
    padding-left: 8px
}

.compatible-content .heading {
    font-size: 18px;
    line-height: 1.33334;
    margin-bottom: 16px;
    font-weight: 700;
    font-style: italic
}

.input-forms .login {
    border-bottom: 1px solid #bbb;
    padding-bottom: 16px
}

@media screen and (min-width:414px) {
    .input-forms .login {
        padding-bottom: 24px
    }
}

.input-forms .login-inner {
    display: block
}

@media screen and (min-width:768px) {
    .input-forms .login-inner {
        display: flex
    }
}

.input-forms .login-inner-wrappers {
    font-size: 15px;
    line-height: 1.6;
    background-color: #e5e8eb;
    margin-top: 24px;
    padding: 16px;
    width: 100%
}

@media screen and (min-width:768px) {
    .input-forms .login-inner-wrappers {
        width: 50%;
        margin-top: 0;
        margin-left: 24px
    }
}

.input-forms .login-inner-wrappers .login-items .text {
    color: #000
}

.input-forms .login-inner-wrappers .login-items-content {
    padding-top: 8px
}

.input-forms .login-inner-wrappers .login-items-content .text {
    font-size: 13px;
    line-height: 1.38462;
    padding-bottom: 16px
}

.input-forms .login-inner-wrappers .login-items-content .joins {
    color: #073e9a;
    font-weight: 800
}

.input-forms .login-inner-wrappers .button-join .button {
    display: block;
    margin: 0 auto;
    width: 100%
}

.input-forms .login-inner-wrapper {
    width: 100%
}

@media screen and (min-width:768px) {
    .input-forms .login-inner-wrapper {
        width: 50%
    }
}

.input-forms .login-inner-wrapper .button-join {
    padding-top: 24px
}

.input-forms .login-inner-wrapper .button-log {
    margin-top: 24px;
    display: flex;
    align-items: center
}

.input-forms .login-inner-wrapper .button-log .button-primary {
    flex: 0 1 50%;
    padding: 6px 18px
}

.input-forms .login-inner-wrapper .lupa {
    padding-left: 16px
}

.input-forms .login-inner-wrapper .lupa .links {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    text-decoration: underline
}

.input-forms .login-inner-wrapper .remembers {
    color: #838282
}

.input-forms .login-inner .login-head {
    width: 100%
}

.input-forms .login-inner .login-item {
    margin-bottom: 8px
}

@media screen and (min-width:414px) {
    .input-forms .login-inner .login-item {
        margin-bottom: 16px
    }
}

.input-forms .login-inner .login-item label {
    font-size: 13px;
    line-height: 1.38462;
    display: inline-block;
    margin-bottom: 4px
}

.input-forms .login-inner .login-item .inputan {
    width: 100%
}

.input-forms .log {
    margin-top: 16px;
    display: block;
    text-align: center
}

@media screen and (min-width:414px) {
    .input-forms .log {
        margin-top: 24px
    }
}

@media screen and (min-width:768px) {
    .input-forms .log {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.input-forms .log .icon-inline {
    font-size: 24px
}

.input-forms .log .side-right {
    margin-top: 8px
}

@media screen and (min-width:768px) {
    .input-forms .log .side-right {
        margin-top: 0;
        margin-left: 8px
    }
}

.input-forms .log .side-right .link {
    display: block
}

.input-forms .log .side-right .link .button {
    width: 100%
}

.input-forms .log .side-right .button-primary {
    padding: 6px 16px 6px 4px
}

.input-forms .log .side-right .image-blue {
    border-right: 1px solid #d44831;
    padding: 6px 4px;
    margin-right: 10px
}

.input-forms .log .side-left .link {
    display: block
}

.input-forms .log .side-left .link .button {
    width: 100%
}

.input-forms .log .side-left .button-blue {
    padding: 6px 16px 6px 4px
}

.input-forms .log .side-left .button-blue .image-blue {
    padding: 6px 0
}

.account-member-inner {
    padding-top: 32px;
    padding-bottom: 32px
}

.account-member-inner:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.account-member-inner .flash-shape {
    display: inline-block;
    padding: 12px 24px;
    position: relative;
    margin-left: 8px
}

.account-member-inner .flash-shape:before {
    content: "";
    display: block;
    background-color: #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-20deg)
}

.account-member-inner .flash-shape .text {
    position: relative;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.account-member-content {
    padding-bottom: 64px
}

.account-member-content .member-page {
    display: block
}

@media screen and (min-width:1024px) {
    .account-member-content .member-page {
        display: flex
    }
}

.account-member-content .member-page-wrapper {
    width: 100%
}

@media screen and (min-width:1024px) {
    .account-member-content .member-page-wrapper {
        width: 50%
    }
}

.account-member-content .member-page-wrapper .member-text {
    padding: 28px;
    background: #e5e8eb;
    border-radius: 2px;
    margin-left: 0;
    margin-top: 24px
}

@media screen and (min-width:1024px) {
    .account-member-content .member-page-wrapper .member-text {
        margin-left: 38px;
        margin-top: 24px;
        font-weight: 500
    }
}

.account-member-content .member-page-wrapper .member-text .text {
    color: #666;
    font-weight: 500
}

.account-member-content .member-page-wrapper .member-text .text-join {
    color: #073e9a;
    font-weight: 700
}

.account-member-content .member-page-wrapper .button-create {
    padding-top: 12px;
    padding-bottom: 15px
}

.account-member-content .member-page-wrapper .button-create .button-primary {
    padding: 6px 42px
}

.account-member-content .member-page-wrapper .button-privasi {
    align-items: baseline;
    display: flex
}

.account-member-content .member-page-wrapper .privasi {
    padding-left: 8px;
    color: #666
}

.account-member-content .member-page-wrapper .privasi-text {
    color: #073e9a;
    text-decoration: underline
}

.account-member-content .member-page-wrappers {
    width: 100%
}

.account-member-content .member-page-wrappers .page-member {
    padding-bottom: 18px
}

.account-member-content .member-page-wrappers .page-member .input-member {
    width: 100%
}

.account-member-content .member-page-wrappers .page-member .input-page {
    font-weight: 700;
    text-transform: capitalize;
    color: #333
}

.account-member-site {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .account-member-site {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .account-member-site {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .account-member-site {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .account-member-site {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-account {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 48px 16px 64px;
    background-color: #f8f8f8
}

@media screen and (min-width:414px) {
    .page-account {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-account {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-account {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-account {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .page-account {
        display: flex
    }
}

.page-account-aside {
    margin-bottom: 48px
}

@media screen and (min-width:1024px) {
    .page-account-aside {
        width: 280px;
        margin-bottom: 0
    }
}

.page-account-aside .section {
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

.page-account-aside .section:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width:1024px) {
    .page-account-aside .section-toggle {
        display: none
    }
}

.page-account-aside .section-toggle-label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    background-color: #073e9a;
    color: #fff;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.38462
}

.page-account-aside .section.is-toggled .section-toggle-label .icon {
    transform: rotate(180deg)
}

.page-account-aside .section-expand {
    display: none;
    overflow: hidden;
    padding: 24px
}

@media screen and (min-width:1024px) {
    .page-account-aside .section-expand {
        display: block
    }
}

.page-account-aside .membership-overview {
    background: linear-gradient(179.67deg, #229ce1 .82%, #3586ff 99.19%);
    padding: 16px
}

@media screen and (min-width:640px) {
    .page-account-aside .membership-overview {
        padding: 24px
    }
}

.page-account-aside .membership-rank {
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px
}

.page-account-aside .membership-rank-meta {
    width: calc(100% - 28px);
    color: #fff;
    padding-left: 12px
}

.page-account-aside .membership-rank-meta .username {
    margin-bottom: 0
}

.page-account-aside .membership-rank-meta .status {
    display: flex
}

.page-account-aside .membership-rank-meta .status .rank {
    font-weight: 700;
    font-style: italic;
    margin-right: 16px;
    margin-bottom: 0
}

.page-account-aside .membership-rank-meta .status .point {
    padding-top: 3px;
    font-size: 13px;
    line-height: 1.38462
}

.page-account-aside .membership-rank-badge {
    width: 28px
}

.page-account-aside .membership-progress {
    color: #fff
}

.page-account-aside .membership-progress-bar {
    display: flex;
    align-items: center;
    margin-bottom: 16px
}

.page-account-aside .membership-progress-bar .progress {
    width: calc(100% - 50px);
    position: relative
}

.page-account-aside .membership-progress-bar .progress-bar {
    display: flex;
    align-items: center;
    width: calc(100% - 14px);
    position: relative
}

.page-account-aside .membership-progress-bar .progress-bar:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 6px;
    top: calc(50% - 3px);
    left: 0;
    right: 0;
    background-color: #d9d9d9;
    border-radius: 3px
}

.page-account-aside .membership-progress-bar .progress-bar .bar {
    display: block;
    background-color: #073e9a;
    height: 6px;
    top: -1px;
    left: 0;
    border-radius: 3px;
    z-index: 2
}

.page-account-aside .membership-progress-bar .progress-bar .badge {
    width: 12px;
    z-index: 2;
    margin-left: -3px
}

.page-account-aside .membership-progress-bar .progress-badge {
    width: 16px;
    position: absolute;
    top: -3px;
    right: 0
}

.page-account-aside .membership-progress-bar .count {
    font-size: 13px;
    line-height: 1.38462;
    padding-left: 4px;
    width: 50px;
    text-align: right
}

.page-account-aside .membership-progress-text {
    font-size: 11px;
    line-height: 1.45455
}

.page-account-aside .membership-status {
    padding: 0 16px 16px
}

@media screen and (min-width:640px) {
    .page-account-aside .membership-status {
        padding: 0 24px 24px
    }
}

.page-account-aside .membership-status-nav {
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    padding-bottom: 8px;
    margin-bottom: 16px
}

.page-account-aside .membership-status-nav .status {
    text-align: center;
    display: none;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    padding: 0 16px
}

.page-account-aside .membership-status-nav .status.is-selected {
    display: block;
    color: #073e9a
}

.page-account-aside .membership-status-nav .arrow {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.page-account-aside .membership-status-nav .arrow-left,
.page-account-aside .membership-status-nav .arrow-right {
    color: #838282
}

.page-account-aside .membership-status-nav .arrow-left:hover,
.page-account-aside .membership-status-nav .arrow-right:hover {
    color: #393939
}

.page-account-aside .membership-status-content .benefit {
    display: none
}

.page-account-aside .membership-status-content .benefit.is-selected {
    display: block
}

.page-account-aside .membership-status-content .benefit-heading {
    font-weight: 700;
    font-style: italic;
    margin-bottom: 6px
}

.page-account-aside .membership-status-content .benefit-items {
    list-style-type: none;
    padding: 0
}

.page-account-aside .membership-status-content .benefit-item {
    display: flex
}

.page-account-aside .membership-status-content .benefit-item:not(:last-child) {
    margin-bottom: 6px
}

.page-account-aside .membership-status-content .benefit-item-text {
    width: calc(100% - 18px);
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    padding-left: 6px
}

.page-account-aside .membership-status-content .benefit-item .icon {
    width: 18px;
    color: #0ba300;
    font-size: 18px;
    line-height: 1.33334
}

.page-account-aside .membership-status-desktop {
    display: none
}

@media screen and (min-width:1024px) {
    .page-account-aside .membership-status-desktop {
        display: block
    }
}

.page-account-aside .membership-status-desktop .item:not(:first-child) .label {
    padding-top: 10px
}

.page-account-aside .membership-status-desktop .item:not(:last-child) .benefit {
    border-bottom: 1px solid #d9d9d9
}

.page-account-aside .membership-status-desktop .item.is-current-status .label .text {
    color: #073e9a;
    font-weight: 700
}

.page-account-aside .membership-status-desktop .item.is-toggled .label .icon {
    transform: rotate(180deg)
}

.page-account-aside .membership-status-desktop .item .label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    cursor: pointer;
    border-bottom: 1px solid #d9d9d9
}

.page-account-aside .membership-status-desktop .item .label .text {
    color: #bbb
}

.page-account-aside .membership-status-desktop .item .label .icon {
    margin-left: 12px;
    color: #838282
}

.page-account-aside .membership-status-desktop .item .benefit {
    display: none;
    padding-top: 12px;
    padding-bottom: 12px
}

.page-account-aside .membership-status-desktop .item .benefit-heading {
    font-weight: 700;
    font-style: italic;
    margin-bottom: 6px
}

.page-account-aside .membership-status-desktop .item .benefit-items {
    list-style-type: none;
    padding: 0
}

.page-account-aside .membership-status-desktop .item .benefit-item {
    display: flex
}

.page-account-aside .membership-status-desktop .item .benefit-item:not(:last-child) {
    margin-bottom: 4px
}

.page-account-aside .membership-status-desktop .item .benefit-item-text {
    font-size: 13px;
    line-height: 1.38462;
    color: #666
}

.page-account-aside .membership-status-desktop .item .benefit-item .icon {
    margin-right: 6px;
    color: #0ba300;
    font-size: 18px;
    line-height: 1.33334
}

.page-account-aside .membership-status-tab .tab-nav {
    display: flex;
    margin-left: -16px;
    margin-right: -16px
}

@media screen and (min-width:640px) {
    .page-account-aside .membership-status-tab .tab-nav {
        margin-left: -24px;
        margin-right: -24px
    }
}

.page-account-aside .membership-status-tab .tab-nav .tab {
    display: block;
    width: 25%;
    text-align: center;
    padding: 8px;
    color: #bbb;
    font-weight: 700;
    border-top: 4px solid #bbb;
    overflow-x: auto;
    white-space: nowrap;
    font-size: 11px;
    line-height: 1.45455
}

@media screen and (min-width:414px) {
    .page-account-aside .membership-status-tab .tab-nav .tab {
        font-size: 13px;
        line-height: 1.38462
    }
}

@media screen and (min-width:1024px) {
    .page-account-aside .membership-status-tab .tab-nav .tab {
        font-size: 11px;
        line-height: 1.45455
    }
}

.page-account-aside .membership-status-tab .tab-nav .tab.is-tabbed {
    border-color: #073e9a;
    color: #073e9a
}

.page-account-aside .membership-status-tab .tab-content .benefit {
    display: none;
    padding-top: 12px
}

.page-account-aside .membership-status-tab .tab-content .benefit.is-tabbed {
    display: block
}

.page-account-aside .membership-status-tab .tab-content .benefit-heading {
    font-weight: 700;
    font-style: italic;
    margin-bottom: 6px
}

.page-account-aside .membership-status-tab .tab-content .benefit-items {
    list-style-type: none;
    padding: 0
}

.page-account-aside .membership-status-tab .tab-content .benefit-item {
    display: flex
}

.page-account-aside .membership-status-tab .tab-content .benefit-item:not(:last-child) {
    margin-bottom: 6px
}

.page-account-aside .membership-status-tab .tab-content .benefit-item-text {
    width: calc(100% - 18px);
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    padding-left: 6px
}

.page-account-aside .membership-status-tab .tab-content .benefit-item .icon {
    width: 18px;
    color: #0ba300;
    font-size: 18px;
    line-height: 1.33334
}

.page-account-aside .referral-heading {
    margin-bottom: 8px
}

.page-account-aside .referral-copy {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9
}

.page-account-aside .referral-copy .referral-heading {
    display: flex;
    justify-content: space-between
}

.page-account-aside .referral-copy .referral-heading a {
    font-size: 12px;
    line-height: 1.33334;
    color: #ff3636;
    font-weight: 400;
    margin-top: 1px;
    text-decoration: underline
}

.page-account-aside .referral-copy .url {
    font-size: 13px;
    line-height: 1.38462;
    display: block;
    color: #073e9a
}

.page-account-aside .referral-send-field {
    margin-bottom: 12px
}

.page-account-aside .referral-send-field .input {
    width: 100%
}

.page-account-aside .referral-send-field .button {
    width: 100%;
    max-width: 90px
}

.page-account-aside .referral-send-field .notification {
    display: inline-block;
    font-size: 13px;
    line-height: 1.38462;
    margin-top: 4px
}

.page-account-aside .referral-send-field .notification.error {
    color: #f4474a
}

.page-account-aside .referral-send-field .notification.success {
    color: #0ba300
}

.page-account-aside .navigation .item:not(:first-child) .link {
    padding-top: 8px
}

.page-account-aside .navigation .item:not(:last-child) {
    border-bottom: 1px solid #d9d9d9
}

.page-account-aside .navigation .item:not(:last-child) .link {
    padding-bottom: 8px
}

.page-account-aside .navigation .item.item-current .link {
    font-weight: 700;
    color: #073e9a
}

.page-account-aside .navigation .item .link {
    display: block;
    color: #393939
}

@media screen and (min-width:1024px) {
    .page-account-main {
        width: calc(100% - 280px);
        padding-left: 48px
    }
}

.page-account-main .header {
    font-style: italic;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 32px
}

.page-account-main .header .title {
    display: inline-block;
    padding: 8px 24px;
    position: relative;
    margin-left: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334
}

@media screen and (min-width:768px) {
    .page-account-main .header .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33334;
        padding: 12px 32px
    }
}

.page-account-main .header .title:before {
    content: "";
    display: block;
    background-color: #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-20deg)
}

.page-account-main .header .title .text {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-style: italic
}

.single-review {
    position: relative
}

.single-review-wrapper {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .single-review-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .single-review-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .single-review-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .single-review-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-review-content {
    display: block
}

@media screen and (min-width:1024px) {
    .single-review-content {
        display: flex
    }
}

.single-review-content .single-image {
    background: #fff;
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 100%;
    margin-bottom: 48px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .single-review-content .single-image {
        width: 40%
    }
}

.single-review-content .single-image-pick {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    margin-bottom: 12px;
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.single-review-content .single-image-pick .flickity-viewport {
    height: 100% !important;
    padding-top: 66.666%
}

.single-review-content .single-image-pick .flickity-prev-next-button {
    background-color: transparent;
    border-radius: 0;
    width: 32px
}

.single-review-content .single-image-pick .flickity-prev-next-button.next {
    right: 6px
}

.single-review-content .single-image-pick .flickity-prev-next-button.previous {
    left: 6px
}

.single-review-content .single-image-pick .flickity-slider {
    top: 0
}

.single-review-content .single-image .single-images {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 24px;
    width: 100%
}

.single-review-content .single-image .single-images .fluidvids {
    bottom: 0;
    left: 0;
    padding: 0 24px;
    position: absolute;
    right: 0;
    top: 0
}

.single-review-content .single-image .single-images .images {
    max-height: 100%;
    max-width: 100%
}

.single-review-content .single-image .single-image-nav {
    padding: 0 24px
}

.single-review-content .single-image .single-image-nav .flickity-prev-next-button {
    width: 32px
}

.single-review-content .single-image .single-image-nav .flickity-prev-next-button.previous {
    left: -7px
}

.single-review-content .single-image .single-image-nav .flickity-prev-next-button.next {
    right: -7px
}

.single-review-content .single-image .single-image-nav .image-nav {
    padding: 6px;
    width: 33.333333%
}

.single-review-content .single-image .single-image-nav .image-nav-card {
    border-radius: 2px;
    overflow: hidden;
    padding-top: 100%;
    position: relative
}

.single-review-content .single-image .single-image-nav .image-nav-card:before {
    content: "";
    border: 1px solid #d9d9d9;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.single-review-content .single-image .single-image-nav .image-nav-card .images {
    height: 100%;
    left: 1px;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 1px;
    width: 100%
}

.single-review-content .single-image .single-image-nav .image-nav-card .overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .2);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.single-review-content .single-image .single-image-nav .image-nav-card .overlay .icon {
    color: #fff;
    font-size: 24px;
    line-height: 1.33334
}

.single-review-content .single-image .single-image-nav .is-nav-selected .image-nav-card:before {
    border-color: #073e9a
}

.single-review-content .single-image .single-image-nav .flickity-page-dots {
    bottom: -24px;
    left: 0
}

.single-review-content .single-ket {
    width: 100%
}

@media screen and (min-width:1024px) {
    .single-review-content .single-ket {
        padding-left: 32px;
        width: 60%
    }
}

.single-review-content .single-ket-breadcrumb {
    margin-bottom: 4px
}

.single-review-content .single-ket-breadcrumb .breadcrumbs {
    font-size: 13px;
    line-height: 1.38462;
    color: #838282;
    list-style: none;
    margin-bottom: 4px;
    padding: 0
}

.single-review-content .single-ket-breadcrumb .breadcrumbs li {
    display: inline-block
}

.single-review-content .single-ket-breadcrumb .breadcrumbs li:not(:last-child):after {
    content: "/ ";
    color: #bbb;
    padding: 0 2px
}

.single-review-content .single-ket-breadcrumb .breadcrumbs li a {
    color: #393939
}

.single-review-content .single-ket-breadcrumb .breadcrumbs li a:focus,
.single-review-content .single-ket-breadcrumb .breadcrumbs li a:hover {
    color: #073e9a
}

.single-review-content .single-ket-card .head-single {
    display: block
}

.single-review-content .single-ket-card .head-text {
    margin-bottom: 16px
}

@media screen and (min-width:1024px) {
    .single-review-content .single-ket-card .head-text {
        display: flex;
        justify-content: space-between
    }
}

.single-review-content .single-ket-card .head-text .text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334;
    color: #333;
    margin-bottom: 0
}

@media screen and (min-width:1112px) {
    .single-review-content .single-ket-card .head-text .text {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.single-review-content .single-ket-card .head-text .sub-text {
    color: #003a9d;
    font-size: 14px;
    font-weight: 700;
    line-height: 163.19%
}

.single-review-content .single-ket-card .button-text {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    margin-top: 8px
}

@media screen and (min-width:1024px) {
    .single-review-content .single-ket-card .button-text {
        margin-left: 24px;
        margin-top: 0
    }
}

.single-review-content .single-ket-card .button-text .icon-follow {
    color: #ff3636;
    position: relative;
    top: -1px
}

.single-review-content .single-ket-card .button-text .button-line {
    border-color: #bbb;
    display: flex;
    padding: 5px 8px
}

.single-review-content .single-ket-card .button-text .button-wishlist.is-loved .love .icon-love {
    display: none
}

.single-review-content .single-ket-card .button-text .button-wishlist.is-loved .love .icon-loved {
    display: inline-block
}

.single-review-content .single-ket-card .button-text .button-wishlist .love {
    font-size: 18px;
    line-height: 1.33334;
    color: #f4474a
}

@media screen and (min-width:1024px) {
    .single-review-content .single-ket-card .button-text .button-wishlist .love {
        margin-right: 4px
    }
}

.single-review-content .single-ket-card .button-text .button-wishlist .love .icon-loved {
    display: none
}

.single-review-content .single-ket-card .button-text .button-wishlist .love-text {
    display: none;
    margin-left: 2px
}

@media screen and (min-width:1024px) {
    .single-review-content .single-ket-card .button-text .button-wishlist .love-text {
        display: block
    }
}

.single-review-content .single-ket-card .button-text .items {
    display: flex;
    list-style: none;
    margin: 0 0 0 8px;
    padding: 0
}

@media screen and (min-width:1024px) {
    .single-review-content .single-ket-card .button-text .items.items-mobile {
        display: none
    }
}

.single-review-content .single-ket-card .button-text .item.item-facebook .link {
    background-color: #3779ea
}

.single-review-content .single-ket-card .button-text .item.item-whatsapp .link {
    background-color: #128c7e
}

.single-review-content .single-ket-card .button-text .item+.item {
    margin-left: 8px
}

.single-review-content .single-ket-card .button-text .item .link {
    background-color: #073e9a;
    border-radius: 2px;
    color: #fff;
    display: block;
    padding: 6px
}

.single-review-content .single-ket-card .button-text .item .link .icon {
    display: block;
    height: 24px;
    width: 24px
}

@media screen and (min-width:414px) {
    .single-review-content .single-ket-card .ket-text-head {
        -moz-column-gap: 16px;
        column-gap: 16px;
        -moz-columns: 2;
        column-count: 2
    }
}

.single-review-content .single-ket-card .ket-text .text-single {
    font-size: 13px;
    line-height: 1.38462;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 2px
}

.single-review-content .single-ket-card .ket-text .text-single .text-label {
    text-transform: capitalize
}

.single-review-content .single-ket-card .ket-text .text-single .free {
    width: 100%
}

.single-review-content .single-ket-card .ket-text .text-single .free .href {
    color: #003a9d;
    cursor: pointer;
    text-transform: capitalize
}

.single-review-content .single-ket-card .ket-text .text-single .free .icon {
    color: #29a555;
    font-size: 20px;
    margin-right: 2px
}

.single-review-content .single-ket-card .ket-list .items {
    display: flex;
    flex-wrap: wrap;
    margin: -2px -12px
}

.single-review-content .single-ket-card .ket-list .item {
    padding: 0 12px;
    width: 100%;
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .ket-list .item {
        display: flex;
        width: 50%
    }
}

.single-review-content .single-ket-card .ket-list .item-icon {
    color: #29a555;
    width: 18px;
    font-size: 18px;
    line-height: 1.33334
}

.single-review-content .single-ket-card .ket-list .item-value {
    padding-left: 8px;
    width: calc(100% - 18px)
}

.single-review-content .single-ket-card .ket-list .item-value .href,
.single-review-content .single-ket-card .ket-list .item-value a {
    color: #073e9a;
    cursor: pointer
}

.single-review-content .single-ket-card .ket-price {
    padding-top: 16px
}

.single-review-content .single-ket-card .ket-price .value {
    font-size: 20px;
    line-height: 1.3;
    color: #666;
    margin-bottom: 0
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .ket-price .value {
        display: flex
    }
}

.single-review-content .single-ket-card .ket-price .values {
    font-size: 20px;
    line-height: 1.3;
    color: #ff3636;
    font-weight: 700
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .ket-price .values {
        display: flex
    }
}

.single-review-content .single-ket-card .ket-price .values-price {
    color: #393939;
    margin-left: 6px;
    position: relative;
    text-transform: uppercase
}

.single-review-content .single-ket-card .ket-price .waranty {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    display: block;
    font-weight: 400;
    padding-top: 4px
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .ket-price .waranty {
        padding-left: 16px
    }
}

.single-review-content .single-ket-card .ket-price .link {
    color: #003a9d;
    font-weight: 700;
    text-decoration: underline
}

.single-review-content .single-ket-card .ket-price .emptys {
    color: #ff3636;
    font-weight: 700;
    text-decoration: unset
}

.single-review-content .single-ket-card .ket-price .hreff {
    font-size: 13px;
    line-height: 1.38462;
    color: #073e9a;
    font-weight: 400;
    margin-left: 4px;
    padding-top: 4px;
    text-decoration: underline
}

.single-review-content .single-ket-card .stock {
    padding-top: 32px
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .stock {
        display: flex;
        flex-wrap: wrap
    }
}

.single-review-content .single-ket-card .stock-sold {
    padding-bottom: 16px;
    width: 100%
}

.single-review-content .single-ket-card .stock-sold-status {
    font-weight: 700;
    margin-bottom: 0
}

.single-review-content .single-ket-card .stock-sold-desc {
    color: #838282
}

.single-review-content .single-ket-card .stock-quantity {
    align-items: flex-start;
    display: flex;
    margin-bottom: 12px
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .stock-quantity {
        margin-bottom: 0
    }
}

.single-review-content .single-ket-card .stock-quantity .label {
    padding: 8px 12px 8px 0
}

.single-review-content .single-ket-card .stock-quantity .qty-input {
    align-items: center;
    border: 1px solid #d9d9d9;
    display: flex;
    max-width: 100px;
    padding: 0 8px;
    position: relative
}

.single-review-content .single-ket-card .stock-quantity .qty-input .input {
    border: none;
    text-align: center;
    width: calc(100% - 24px)
}

.single-review-content .single-ket-card .stock-quantity .qty-input .minus,
.single-review-content .single-ket-card .stock-quantity .qty-input .plus {
    font-size: 12px;
    line-height: 1.33334;
    color: #073e9a
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .stock-quantity+.stock-action {
        padding-left: 16px
    }
}

.single-review-content .single-ket-card .stock-action {
    display: flex
}

.single-review-content .single-ket-card .stock-action-cart {
    max-width: 200px;
    min-width: 0;
    width: 100%
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .stock-action-cart {
        max-width: 100%;
        min-width: 200px;
        width: auto
    }
}

.single-review-content .single-ket-card .stock-action-cart .button {
    padding: 8px 12px;
    width: 100%
}

.single-review-content .single-ket-card .stock-action-cart .button.button-primary {
    background-color: #cd2828
}

.single-review-content .single-ket-card .stock-action-cart .button .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .stock-action-cart .button .icon {
        display: none
    }
}

.single-review-content .single-ket-card .stock-action-cart .button .text {
    display: none
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .stock-action-cart .button .text {
        display: block
    }
}

.single-review-content .single-ket-card .stock-action-compare {
    display: flex;
    padding: 10px 0 9px 16px
}

.single-review-content .single-ket-card .stock-action-compare input[type=checkbox] {
    display: none
}

.single-review-content .single-ket-card .stock-action-compare input[type=checkbox]:checked+.label .radio:after {
    background-color: #666
}

.single-review-content .single-ket-card .stock-action-compare .label {
    display: flex
}

.single-review-content .single-ket-card .stock-action-compare .label .radio {
    border: 1px solid #666;
    border-radius: 50%;
    display: block;
    height: 20px;
    padding: 2px;
    width: 20px
}

.single-review-content .single-ket-card .stock-action-compare .label .radio:after {
    content: "";
    background-color: transparent;
    border-radius: 50%;
    display: block;
    height: 14px;
    width: 14px
}

.single-review-content .single-ket-card .stock-action-compare .label .text {
    display: block;
    font-weight: 500;
    margin-top: -2px;
    padding-left: 6px
}

.single-review-content .single-ket-card .stock .pre-order {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    padding-left: 2px;
    padding-top: 6px;
    top: 100%;
    width: 100%
}

.single-review-content .single-ket-card .stock .button-stock {
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    box-sizing: border-box;
    margin: 4px;
    padding: 8px
}

.single-review-content .single-ket-card .stock .checks {
    margin: 4px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .stock .checks {
        width: auto
    }
}

.single-review-content .single-ket-card .stock .checks .input-checks {
    height: 16px;
    vertical-align: middle;
    width: 16px
}

.single-review-content .single-ket-card .stock .checks .compare {
    font-weight: 500;
    padding-left: 4px;
    vertical-align: middle
}

.single-review-content .single-ket-card .sold p {
    margin-bottom: 0
}

.single-review-content .single-ket-card .sold .hint {
    color: #838282
}

.single-review-content .single-ket-card .sold-action {
    display: flex;
    flex-wrap: wrap;
    padding-top: 12px
}

.single-review-content .single-ket-card .sold-action .checks {
    display: flex;
    padding-left: 16px;
    padding-top: 8px
}

.single-review-content .single-ket-card .sold-action .checks .input-checks {
    margin-top: -6px
}

.single-review-content .single-ket-card .sold-action .checks .compare {
    display: inline-block;
    padding-left: 6px
}

.single-review-content .single-ket-card .note-text {
    margin-top: 24px
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .note-text {
        margin-top: 32px
    }
}

.single-review-content .single-ket-card .note-text .categori {
    font-size: 12px;
    line-height: 1.33334;
    color: #666;
    font-weight: 400
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .note-text .categori {
        display: flex
    }
}

.single-review-content .single-ket-card .note-text .categori:not(:last-child) {
    margin-bottom: 16px
}

.single-review-content .single-ket-card .note-text .categori-label {
    display: inline-block;
    padding-bottom: 6px
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .note-text .categori-label {
        padding-bottom: 0;
        padding-right: 6px
    }
}

.single-review-content .single-ket-card .note-text .categori a {
    color: #393939;
    font-weight: 700
}

.single-review-content .single-ket-card .note-text .categori a:focus,
.single-review-content .single-ket-card .note-text .categori a:hover {
    text-decoration: underline
}

.single-review-content .single-ket-card .note-text .categori .sub-categori,
.single-review-content .single-ket-card .note-text .sub-categori {
    font-weight: 700
}

.single-review-content .single-ket-card .note-text .tags {
    font-size: 12px;
    line-height: 1.33334
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .note-text .tags {
        display: flex
    }
}

.single-review-content .single-ket-card .note-text .tags-label {
    color: #666;
    display: inline-block;
    padding-bottom: 6px
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .note-text .tags-label {
        padding-bottom: 0;
        padding-right: 6px
    }
}

.single-review-content .single-ket-card .note-text .tags-list .items {
    display: flex;
    flex-wrap: wrap;
    margin: -3px
}

.single-review-content .single-ket-card .note-text .tags-list .item {
    padding: 3px
}

.single-review-content .single-ket-card .note-text .tags-list .item a {
    background-color: #e5e8eb;
    border-radius: 2px;
    color: #393939;
    display: block;
    padding: 2px 6px
}

.single-review-content .single-ket-card .note-text .tags-list .item a:hover {
    background-color: #bbb
}

.single-review-content .single-ket-card .note-text .available-coupon {
    padding-top: 24px
}

.single-review-content .single-ket-card .button-stok {
    padding-top: 0;
    position: relative;
    width: 100%
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .button-stok {
        margin-right: 8px;
        width: auto
    }
}

@media screen and (min-width:1024px) {
    .single-review-content .single-ket-card .button-stok {
        padding-top: 0
    }
}

.single-review-content .single-ket-card .button-stok .button {
    padding-bottom: 8px;
    padding-top: 8px;
    width: 100%
}

@media screen and (min-width:640px) {
    .single-review-content .single-ket-card .button-stok .button {
        width: auto
    }
}

.single-review-content .single-ket-card .store-available {
    padding-bottom: 16px
}

.single-review-content .single-ket-card .store-available .link {
    color: #073e9a;
    font-weight: 500;
    text-decoration: underline
}

.single-review .page-singles {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .single-review .page-singles {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .single-review .page-singles {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .single-review .page-singles {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .single-review .page-singles {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-review .page-singles-card {
    margin-top: 32px;
    padding: 16px 24px
}

@media screen and (min-width:640px) {
    .single-review .page-singles-card {
        margin-top: 48px
    }
}

.single-review .page-singles-card .head img {
    float: left;
    height: 18px;
    margin-right: 4px;
    opacity: .6;
    width: 18px
}

.single-review .page-singles-card .head .text {
    font-size: 13px;
    line-height: 1.38462;
    display: block;
    overflow: hidden;
    vertical-align: middle
}

.single-review .page-singles-one {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 32px
}

@media screen and (min-width:414px) {
    .single-review .page-singles-one {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .single-review .page-singles-one {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .single-review .page-singles-one {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .single-review .page-singles-one {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-review .page-singles-one .slide {
    display: flex;
    margin: -8px
}

.single-review .page-singles-one .slide-single-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 8px;
    position: relative;
    width: 50%
}

@media screen and (min-width:1024px) {
    .single-review .page-singles-one .slide-single-card {
        min-height: 100%;
        padding: 12px;
        width: 25%
    }
}

.single-review .page-singles-one .item-label {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(57, 57, 57, .04), 0 6px 12px 0 rgba(57, 57, 57, .08);
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: center
}

.single-review .page-singles-one .item-label .custom-checkbox {
    align-items: center;
    background-color: #fff;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
    color: #fff;
    display: flex;
    height: 16px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    font-size: 9px;
    line-height: 1.45455
}

.single-review .page-singles-one .item-label .custom-checkbox .icon {
    height: 100%;
    width: 100px
}

.single-review .page-singles-one .item-label .images {
    margin-bottom: 8px;
    width: 100%
}

.single-review .page-singles-one .item-label .kets {
    margin-top: auto
}

.single-review .page-singles-one .item-label .title {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 15px;
    margin-bottom: 2px;
    margin-top: 21px;
    text-align: left
}

.single-review .page-singles-one .item-label .title-price {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334;
    font-weight: 400;
    margin-bottom: 0;
    text-align: left;
    text-decoration: line-through
}

.single-review .page-singles-one .item-label .sub-price {
    font-size: 15px;
    line-height: 1.333334;
    color: #ff3636;
    font-weight: 700;
    text-align: left
}

.single-review .page-singles-one input[type=checkbox]:checked+.item-label .custom-checkbox {
    background: #003a9d;
    border: 1px solid #003a9d;
    color: #fff
}

.single-review .footer-single {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .single-review .footer-single {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .single-review .footer-single {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .single-review .footer-single {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .single-review .footer-single {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-review .footer-single-inner {
    padding-bottom: 42px;
    padding-top: 32px
}

.single-review .footer-single-wrapper {
    display: flex;
    flex-direction: column
}

@media screen and (min-width:1024px) {
    .single-review .footer-single-wrapper {
        flex-direction: row
    }
}

.single-review .footer-single .single-inner {
    width: 100%
}

@media screen and (min-width:1024px) {
    .single-review .footer-single .single-inner {
        flex: 0 0 auto;
        width: 37.5%
    }
}

.single-review .footer-single .single-inner-head .text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334;
    border-bottom: 4px solid #073e9a;
    color: #333;
    font-style: italic;
    padding-bottom: 4px;
    text-align: center
}

.single-review .footer-single .single-inner-head .inner-head {
    border-bottom: 1px solid #666;
    margin-top: 24px;
    padding-bottom: 24px
}

.single-review .footer-single .single-inner-head .inner-head .value {
    font-weight: 700;
    margin-bottom: 2px
}

.single-review .footer-single .single-inner-head .inner-head .count-review {
    align-items: center;
    display: flex
}

.single-review .footer-single .single-inner-head .inner-head .count-review .lefts {
    font-size: 12px;
    line-height: 1.33334;
    width: 20%
}

.single-review .footer-single .single-inner-head .inner-head .count-review .lefts .text-star {
    color: #666
}

.single-review .footer-single .single-inner-head .inner-head .count-review .left {
    width: 60%
}

.single-review .footer-single .single-inner-head .inner-head .count-review .right {
    font-size: 13px;
    line-height: 1.38462;
    font-weight: 700;
    padding-left: 14px;
    width: 20%
}

.single-review .footer-single .single-inner-head .inner-head .count-review .rating-review {
    background-color: #e5e8eb;
    border-radius: 17px;
    padding: 2px;
    position: relative;
    width: 100%
}

.single-review .footer-single .single-inner-head .inner-head .count-review .rating-review .ratings {
    background-color: #ff3636;
    border-radius: 17px;
    height: 8px
}

.single-review .footer-single .single-inner-head .inner-middle {
    padding-top: 18px
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat-head {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 12px;
    padding-bottom: 12px
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .chat-head {
    display: flex;
    padding-bottom: 8px
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .image-card {
    background-color: #bbb;
    border-radius: 50%;
    height: 40px;
    overflow: hidden;
    position: relative;
    width: 40px
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .image-card:before {
    content: "";
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    height: 100%;
    position: absolute;
    width: 100%
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .image-card .images {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .image-text {
    flex-grow: 3;
    padding-left: 8px
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .image-text .text-name {
    font-size: 15px;
    line-height: 1.333334;
    font-weight: 700;
    margin-bottom: 0
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .image-text .sub-text {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    margin-bottom: 0
}

.single-review .footer-single .single-inner-head .inner-middle-chat .inner-chat .image-star {
    margin-top: 6px
}

.single-review .footer-single .single-inner .content-text-button {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.single-review .footer-single .single-inner .content-text-button .see {
    font-size: 13px;
    line-height: 1.38462;
    color: #003a9d;
    font-weight: 700;
    margin-left: 8px
}

.single-review .footer-single .single-inner .content-text-button .see:focus,
.single-review .footer-single .single-inner .content-text-button .see:hover {
    text-decoration: underline
}

.single-review .footer-single .single-inner .share {
    align-items: center;
    display: none;
    margin-top: 24px
}

@media screen and (min-width:1024px) {
    .single-review .footer-single .single-inner .share {
        display: flex;
        margin-top: 48px
    }
}

.single-review .footer-single .single-inner .share .head-share {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    font-weight: 700;
    margin: 0 16px 0 0
}

.single-review .footer-single .single-inner .shared .items {
    align-items: center;
    display: flex
}

.single-review .footer-single .single-inner .shared .items .item {
    background: #3779ea;
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    margin-right: 8px;
    padding: 4px 12px 4px 8px
}

.single-review .footer-single .single-inner .shared .items .item .link {
    align-items: center;
    display: flex
}

.single-review .footer-single .single-inner .shared .items .item .image-icon {
    color: #fff;
    font-size: 26px
}

.single-review .footer-single .single-inner .shared .items .item-wa {
    background: #128c7e;
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    margin-right: 20px;
    padding: 4px 12px 4px 8px
}

.single-review .footer-single .single-inner .shared .items .item-wa .link {
    align-items: center;
    display: flex
}

.single-review .footer-single .single-inner .shared .items .item-wa .image-icon {
    color: #fff;
    font-size: 26px
}

.single-review .footer-single .single-inner .shared .shares {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding-left: 6px
}

.single-review .footer-single .single-right {
    flex: 0 1 auto;
    margin-bottom: 32px;
    min-width: 0;
    order: -1;
    padding-left: 0;
    width: 100%
}

@media screen and (min-width:1024px) {
    .single-review .footer-single .single-right {
        margin-bottom: 0;
        order: 0;
        padding-left: 32px;
        width: 67.5%
    }
}

.single-review .footer-single .single-right-tab {
    border-bottom: 1px solid #e5e8eb;
    overflow-x: auto;
    position: relative
}

.single-review .footer-single .single-right .tab-menu {
    display: flex;
    margin: 0;
    padding: 0
}

@media screen and (min-width:768px) {
    .single-review .footer-single .single-right .tab-menu {
        width: auto
    }
}

.single-review .footer-single .single-right .tab-menu .tab {
    border-bottom: 2px solid transparent;
    color: #d9d9d9;
    display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    margin: 0 31px 0 0;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .single-review .footer-single .single-right .tab-menu .tab {
        margin: 0 81px 0 0
    }
}

.single-review .footer-single .single-right .tab-menu .tab.is-tabbed {
    border-bottom: 4px solid #073e9a;
    color: #000;
    font-weight: 700;
    padding-bottom: 3px
}

.single-review .footer-single .single-right .tab-content {
    padding-top: 30px
}

.single-review .home-page-best .second {
    padding-bottom: 64px
}

.single-review .home-page-best .page-best {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .single-review .home-page-best .page-best {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .single-review .home-page-best .page-best {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .single-review .home-page-best .page-best {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-review .home-page-best .page-best-inner {
    padding-top: 32px
}

.single-review .home-page-best .page-best-wrapper {
    align-items: center;
    border-bottom: 1px solid #666;
    display: flex;
    justify-content: space-between
}

.single-review .home-page-best .page-best-wrapper .text {
    font-size: 16px;
    line-height: 1.5;
    border-bottom: 4px solid #073e9a;
    color: #333;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 4px;
    text-align: center;
    text-transform: uppercase
}

.single-review .home-page-best .page-best .images-flag {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0;
    width: 52px
}

.single-review .home-page-best .page-best .flags {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.single-review .home-page-best .page-best .persen {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    text-align: center;
    top: 9px
}

.single-review .home-page-best .page-best .footer-best {
    padding-top: 24px
}

.single-review .home-page-best .page-best .footer-content {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.single-review .home-page-best .page-best .footer-content .inner-content {
    padding: 8px;
    width: 100%
}

@media screen and (min-width:414px) {
    .single-review .home-page-best .page-best .footer-content .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .single-review .home-page-best .page-best .footer-content .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1024px) {
    .single-review .home-page-best .page-best .footer-content .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1280px) {
    .single-review .home-page-best .page-best .footer-content .inner-content {
        min-height: 100%;
        position: relative;
        width: 25%
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-wrapper {
    background-color: #fff;
    display: block;
    min-height: 100%;
    position: relative
}

.single-review .home-page-best .page-best .footer-content .inner-content .images-flag {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 0;
    width: 52px
}

.single-review .home-page-best .page-best .footer-content .inner-content .flags {
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .ket-head {
    margin-bottom: 68px;
    padding: 14px 24px 0
}

@media screen and (min-width:768px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 14px
    }
}

@media screen and (min-width:1024px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 32px
    }
}

@media screen and (min-width:1280px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 32px
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    color: #333;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 0;
    padding-bottom: 2px;
    text-transform: uppercase
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .price {
    color: #666;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 2px
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .sub-price {
    color: #ff3636;
    font-size: 14px;
    font-weight: 700
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .sub-price {
        font-size: 15px
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .sub-pricing {
    color: #555450;
    font-size: 11px;
    font-weight: 700;
    padding-left: 6px;
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-ket .sub-pricing {
        font-size: 11px
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .button-love {
    bottom: 2px;
    display: block;
    left: 0;
    opacity: 1;
    padding: 14px 24px 11px;
    position: absolute;
    right: 0
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .rating {
    margin-bottom: 12px
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-love .icon-inline {
    color: red;
    font-size: 24px;
    position: relative
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head {
    min-height: 100%;
    position: relative
}

@media screen and (min-width:768px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head {
        height: 296px
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .head-inside {
    padding: 16px 6px 0
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head .head-inside {
        padding: 6px 6px 0
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .head-insider {
    align-items: center;
    display: flex;
    justify-content: center
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .image-content {
    align-items: center;
    display: flex;
    height: 143px;
    justify-content: center;
    position: relative;
    width: 143px
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .images {
    height: 100%;
    max-height: 196px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi {
    bottom: 0;
    display: block;
    justify-content: space-between
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        margin: -12px;
        padding-bottom: 0
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img {
    align-items: center;
    background-color: #ff2932;
    display: flex;
    justify-content: center;
    padding: 0 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img {
        background-color: transparent;
        padding: 12px;
        width: 50%
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img {
    align-items: center;
    background-color: #666;
    display: flex;
    justify-content: center;
    padding: 0 12px;
    width: 100%
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img {
        background-color: transparent;
        padding: 12px;
        width: 50%
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .single-review .home-page-best .page-best .footer-content .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content .icons {
    display: flex;
    flex-wrap: wrap;
    left: 12px;
    position: absolute;
    right: 56px;
    top: 12px
}

.single-review .home-page-best .page-best .footer-content .inner-content .icons .icon-star {
    margin-bottom: 0;
    width: 16%
}

@media screen and (min-width:1280px) {
    .single-review .home-page-best .page-best .footer-content .inner-content .icons .icon-star {
        width: 12%
    }
}

.single-review .home-page-best .page-best .footer-content .inner-content .icons .icon-star .icon {
    color: #ff3636;
    height: 28px;
    width: 28px
}

.single-review .home-page-best .page-best .footer-content .inner-content .icons .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.single-review .home-page-best .page-best .footer-content .inner-content .persen {
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px;
    position: absolute;
    text-align: center;
    top: 9px
}

.single-review .hide {
    display: none
}

.page-simulation {
    height: 100% !important
}

.popup-single-image {
    padding: 24px
}

@media screen and (min-width:640px) {
    .popup-single-image {
        padding: 32px
    }
}

.popup-single-image .mfp-close {
    background-color: transparent !important;
    display: block;
    height: auto;
    line-height: 1;
    right: 6px;
    top: 0;
    width: auto
}

@media screen and (min-width:640px) {
    .popup-single-image .mfp-close {
        right: 12px;
        top: 6px
    }
}

@media screen and (min-width:768px) {
    .popup-single-image .popup-slider {
        align-items: flex-start;
        display: flex
    }
}

.popup-single-image .popup-slider-main {
    width: 100%
}

@media screen and (min-width:768px) {
    .popup-single-image .popup-slider-main {
        padding: 0 24px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .popup-single-image .popup-slider-main {
        width: 55%
    }
}

.popup-single-image .popup-slider-main .flickity-viewport {
    height: 100% !important;
    padding-top: 74.888887%;
    position: relative
}

.popup-single-image .popup-slider-main .flickity-slider {
    top: 0
}

.popup-single-image .popup-slider-main .flickity-prev-next-button {
    height: 32px;
    width: 32px
}

@media screen and (min-width:640px) {
    .popup-single-image .popup-slider-main .flickity-prev-next-button {
        height: 40px;
        width: 40px
    }
}

.popup-single-image .popup-slider-main .flickity-prev-next-button.previous {
    left: -24px
}

@media screen and (min-width:640px) {
    .popup-single-image .popup-slider-main .flickity-prev-next-button.previous {
        left: -32px
    }
}

@media screen and (min-width:768px) {
    .popup-single-image .popup-slider-main .flickity-prev-next-button.previous {
        left: -18px
    }
}

.popup-single-image .popup-slider-main .flickity-prev-next-button.next {
    right: -24px
}

@media screen and (min-width:640px) {
    .popup-single-image .popup-slider-main .flickity-prev-next-button.next {
        right: -32px
    }
}

@media screen and (min-width:768px) {
    .popup-single-image .popup-slider-main .flickity-prev-next-button.next {
        right: -18px
    }
}

.popup-single-image .popup-slider-main .slide {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100% !important;
    justify-content: center;
    width: 100%
}

.popup-single-image .popup-slider-main .image {
    flex: 0 1 auto;
    max-height: 100%
}

.popup-single-image .popup-slider-main .fluidvids {
    background-color: #000;
    height: 100%;
    width: 100%
}

.popup-single-image .popup-slider-nav {
    padding-top: 24px;
    width: 100%
}

@media screen and (min-width:768px) {
    .popup-single-image .popup-slider-nav {
        padding-left: 32px;
        padding-top: 32px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .popup-single-image .popup-slider-nav {
        width: 45%
    }
}

.popup-single-image .popup-slider-nav .heading {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 16px;
    padding-bottom: 8px
}

.popup-single-image .popup-slider-nav .bullets {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.popup-single-image .popup-slider-nav .bullet {
    border: 3px solid #e5e8eb;
    cursor: pointer;
    margin: 8px;
    padding-top: calc(33.33333% - 22px);
    position: relative;
    width: calc(33.33333% - 16px)
}

@media screen and (min-width:414px) {
    .popup-single-image .popup-slider-nav .bullet {
        padding-top: calc(25% - 22px);
        width: calc(25% - 16px)
    }
}

@media screen and (min-width:768px) {
    .popup-single-image .popup-slider-nav .bullet {
        padding-top: calc(33.33333% - 22px);
        width: calc(33.33333% - 16px)
    }
}

@media screen and (min-width:1024px) {
    .popup-single-image .popup-slider-nav .bullet {
        padding-top: calc(25% - 22px);
        width: calc(25% - 16px)
    }
}

.popup-single-image .popup-slider-nav .bullet .image {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.popup-single-image .popup-slider-nav .bullet.is-selected {
    border-color: #073e9a
}

.popup-single-image .popup-slider-nav .bullet .overlay {
    align-items: center;
    background-color: rgba(0, 0, 0, .2);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.popup-single-image .popup-slider-nav .bullet .overlay .icon {
    color: #fff;
    font-size: 18px;
    line-height: 1.33334
}

.popup-stock-notification {
    max-width: 640px;
    padding: 32px
}

.popup-stock-notification .popup-header {
    margin-bottom: 24px
}

.popup-stock-notification .form-field:not(:last-child) {
    margin-bottom: 16px
}

.popup-stock-notification .form-field .input {
    width: 100%
}

.popup-stock-notification .form-submit {
    padding-top: 8px
}

.popup-stock-notification .form-submit .button {
    background-color: #073e9a
}

.popup-inline-stok {
    max-width: 640px;
    padding: 24px
}

@media screen and (min-width:640px) {
    .popup-inline-stok {
        padding: 32px
    }
}

.popup-inline-stok .stok-tersedia-all .heading {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 16px
}

.popup-inline-stok .stok-tersedia-all .desc {
    color: #666;
    margin-bottom: 24px
}

.popup-inline-stok .stok-tersedia-all .desc strong {
    color: #393939
}

.popup-inline-stok .stok-tersedia-all .desc p:not(:last-child) {
    margin-bottom: 12px
}

.popup-inline-stok .stok-tersedia-all .desc ol,
.popup-inline-stok .stok-tersedia-all .desc ul {
    padding-left: 18px
}

.popup-inline-stok .stok-tersedia-all .desc ol:not(:last-child),
.popup-inline-stok .stok-tersedia-all .desc ul:not(:last-child) {
    margin-bottom: 12px
}

.popup-inline-stok .stok-tersedia-all .desc ol li,
.popup-inline-stok .stok-tersedia-all .desc ul li {
    padding-left: 4px
}

.popup-inline-stok .stok-tersedia-all .text-address {
    display: flex
}

.popup-inline-stok .stok-tersedia-all .text-address a {
    color: #073e9a;
    text-decoration: underline
}

.popup-inline-stok .stok-tersedia-all .text-address:not(:last-child) {
    margin-bottom: 16px
}

.popup-inline-stok .stok-tersedia-all .text-address .address-text {
    padding-left: 16px;
    width: 100%
}

.popup-inline-stok .stok-tersedia-all .text-address .address-one {
    font-weight: 700;
    margin-bottom: 6px
}

.popup-inline-stok .stok-tersedia-all .text-address .sub-address {
    margin-bottom: 6px
}

.almost-out {
    color: #df2929
}

.installment-sim-nav {
    display: flex;
    flex-wrap: wrap;
    margin: -6px -6px 24px
}

.installment-sim-nav .tab {
    margin: 6px;
    opacity: .5;
    transition: opacity .2s ease-out
}

.installment-sim-nav .tab.is-tabbed {
    opacity: 1
}

.installment-sim-nav .tab.is-tabbed .logo {
    border-color: #393939
}

.installment-sim-nav .logo {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    display: block;
    padding: 8px
}

.installment-sim-nav .logo .image {
    height: 20px
}

.installment-sim-body .title {
    margin-bottom: 16px
}

.installment-sim-body .item {
    display: flex;
    justify-content: space-between
}

.installment-sim-body .item+.item {
    border-top: 1px solid #d9d9d9;
    margin-top: 8px;
    padding-top: 8px
}

.installment-sim-body .item .value {
    color: #666
}

.installment-sim-body .item .value strong {
    color: #393939
}

.free-site-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px
}

@media screen and (min-width:414px) {
    .free-site-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .free-site-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .free-site-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .free-site-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.free-site-head {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
    margin-bottom: 16px
}

@media screen and (min-width:640px) {
    .free-site-head {
        margin-bottom: 32px
    }
}

.free-site-head .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334;
    font-style: italic;
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .free-site-head .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.free-site-wrapper {
    padding-bottom: 64px
}

.page-waranty-inner {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .page-waranty-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-waranty-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-waranty-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-waranty-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-waranty-head {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
    margin-bottom: 16px
}

@media screen and (min-width:640px) {
    .page-waranty-head {
        margin-bottom: 32px
    }
}

.page-waranty-head .title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334;
    font-style: italic;
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .page-waranty-head .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.page-waranty-wrapper {
    padding-bottom: 64px
}

.page-send-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding: 0 !important
}

@media screen and (min-width:414px) {
    .page-send-inner {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-send-inner {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-send-inner {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-send-inner {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-send-head {
    border-bottom: 1px solid #636363
}

.page-send-head .text {
    border-bottom: 4px solid #073e9a
}

.page-career .section-grey {
    padding-bottom: 64px
}

.page-career-site {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .page-career-site {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-career-site {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-career-site {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-career-site {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-career-inner {
    padding-top: 32px;
    padding-bottom: 32px
}

.page-career-inner .flash-shape {
    position: relative;
    border-bottom: 1px solid #636363;
    display: flex;
    justify-content: flex-start;
    padding-left: 8px
}

.page-career-inner .flash-shape .text {
    padding: 11px 18px 12px;
    -webkit-transform: skew(-20deg);
    -moz-transform: skew(-20deg);
    -o-transform: skew(-20deg);
    background: #003a9d;
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 23px;
    color: #fff
}

@media screen and (min-width:1024px) {
    .page-career-wrapper {
        margin: 0 auto;
        max-width: 87.5%
    }
}

.page-career-wrapper .career-content {
    margin: -8px;
    display: flex;
    padding-top: 24px;
    flex-wrap: wrap
}

.page-career-wrapper .career-content>* {
    margin: 8px;
    width: 98%;
    width: calc(100% - 16px)
}

@media screen and (min-width:640px) {
    .page-career-wrapper .career-content {
        margin: -8px
    }

    .page-career-wrapper .career-content>* {
        margin: 8px;
        width: 48%;
        width: calc(50% - 16px)
    }
}

@media screen and (min-width:1024px) {
    .page-career-wrapper .career-content {
        margin: -8px
    }

    .page-career-wrapper .career-content>* {
        margin: 8px;
        width: 31.3333333333%;
        width: calc(33.33333% - 16px)
    }
}

.page-career-wrapper .career-content .career-card-img {
    background-color: #fff;
    display: block;
    min-height: 100%;
    position: relative;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

.page-career-wrapper .career-content .career-card-img .img-career {
    position: relative;
    overflow: hidden;
    transition: all .2s ease-out;
    padding-top: 65%
}

.page-career-wrapper .career-content .career-card-img .img-career .images {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-career-wrapper .career-content .img-ket {
    padding: 24px;
    text-align: center
}

.page-career-wrapper .career-content .img-ket .text-ket {
    font-style: italic;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    color: #000
}

.page-career-wrapper .career-content .img-ket .loc {
    margin-bottom: 0
}

.page-career-wrapper .career-content .img-ket .button-ket {
    padding-top: 16px
}

.page-career-wrapper .career-content .img-ket .button-ket .button-blue {
    padding: 6px 42px
}

.career-detail {
    background-color: #f8f8f8;
    padding-bottom: 64px
}

.career-detail-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px
}

@media screen and (min-width:414px) {
    .career-detail-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .career-detail-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .career-detail-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .career-detail-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.career-detail-content {
    background: #fff;
    box-shadow: 0 6px 6px rgba(0, 0, 0, .02);
    margin-top: 16px;
    padding: 24px;
    width: 100%
}

@media screen and (min-width:640px) {
    .career-detail-content {
        margin-top: 32px;
        padding: 32px
    }
}

@media screen and (min-width:768px) {
    .career-detail-content {
        padding: 48px
    }
}

.career-detail-title:after {
    content: "";
    padding-bottom: 18px;
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.career-detail-desc .career-ket {
    margin-bottom: 4px
}

.career-detail-desc .career-ket-inner {
    padding-bottom: 18px
}

.career-detail-desc .career-ket-inner ol,
.career-detail-desc .career-ket-inner ul {
    list-style: none;
    padding-left: 24px;
    text-indent: -24px
}

.career-detail-desc .career-ket-inner ol li:before,
.career-detail-desc .career-ket-inner ul li:before {
    content: "●";
    display: inline-block;
    min-width: 24px;
    padding-right: 4px;
    text-indent: 4px
}

.career-detail-desc .career-ket-inner ol li {
    counter-increment: list-ordered
}

.career-detail-desc .career-ket-inner ol li:before {
    content: counter(list-ordered) ". ";
    text-indent: 0
}

.career-detail-desc .list-head {
    font-weight: 700;
    margin-bottom: 8px
}

.career-detail-desc .email,
.career-detail-desc .list-head-nb {
    color: #ff3636
}

.career-detail-desc .sub-head {
    font-weight: 400
}

.contact-us {
    background-color: #f8f8f8;
    padding-bottom: 64px;
    padding-top: 32px
}

.contact-us-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    display: block
}

@media screen and (min-width:414px) {
    .contact-us-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .contact-us-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .contact-us-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .contact-us-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .contact-us-wrapper {
        display: flex;
        justify-content: space-between
    }
}

.contact-us-inner {
    width: 100%
}

@media screen and (min-width:1024px) {
    .contact-us-inner {
        padding-right: 48px;
        width: 50%
    }
}

.contact-us-inner .contact-us-card {
    color: #393939
}

.contact-us-inner .contact-us-card .name {
    padding-bottom: 20px
}

.contact-us-inner .contact-us-card .name .inputan-name {
    width: 100%
}

.contact-us-inner .contact-us-card .button-name {
    display: flex;
    justify-content: flex-end
}

.contact-us-inner .contact-us-card .button-name .button-primary {
    padding: 6px 42px
}

.contact-us-inners {
    width: 100%;
    padding-top: 24px
}

@media screen and (min-width:1024px) {
    .contact-us-inners {
        width: 50%;
        padding-top: 0
    }
}

.contact-location {
    padding: 24px;
    background-color: #fff
}

.contact-location .text-head {
    display: flex
}

.contact-location .text-head .times {
    padding-left: 16px
}

.contact-location .text-head .times .text-time {
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 2px;
    color: #333
}

.contact-location .text-head .times .sub-time {
    font-weight: 400;
    color: #666
}

.contact-location .address {
    border-top: 1px solid #e5e8eb;
    margin-top: 16px;
    padding-top: 16px
}

.contact-location .address .text-heads {
    font-size: 13px;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #666;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase
}

.contact-location .address .text-address {
    margin-top: 12px;
    display: flex
}

.contact-location .address .text-address .address-img {
    position: relative;
    padding-right: 12px
}

.contact-location .address .text-address .address-img .icon-images {
    width: 24px;
    height: 24px
}

.contact-location .address .text-address .address-text {
    padding-bottom: 12px;
    padding-top: 4px;
    width: 100%
}

.contact-location .address .text-address .address-text .address-one {
    font-weight: 700;
    color: #333;
    margin-bottom: 0
}

.contact-location .address .text-address .address-text .sub-address {
    color: #666
}

.page-conf {
    background-color: #f8f8f8
}

.page-conf-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 64px
}

@media screen and (min-width:414px) {
    .page-conf-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-conf-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-conf-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-conf-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-conf-wrapper .page-conf-head {
    padding-top: 32px;
    padding-bottom: 16px
}

@media screen and (min-width:1024px) {
    .page-conf-wrapper .page-conf-head {
        padding-bottom: 24px
    }
}

.page-conf-inner {
    display: block
}

@media screen and (min-width:1024px) {
    .page-conf-inner {
        display: flex;
        justify-content: space-between
    }
}

.page-conf-inner .conf-inner {
    background-color: #fff;
    padding: 24px;
    border: 1px solid #e3e3e3;
    border-radius: 2px
}

.page-conf-inner .page-conf-left {
    width: 100%
}

@media screen and (min-width:1024px) {
    .page-conf-inner .page-conf-left {
        width: 50%
    }
}

.page-conf-inner .page-conf-left .payment {
    width: 100%;
    padding-bottom: 16px
}

.page-conf-inner .page-conf-left .payment .files {
    margin-bottom: 2px
}

.page-conf-inner .page-conf-left .payment .inputan-name {
    width: 100%
}

.page-conf-inner .page-conf-left .payment #file {
    display: none
}

.page-conf-inner .page-conf-left .payment .file {
    position: relative
}

.page-conf-inner .page-conf-left .payment .file-custom:before {
    content: "No. file choosen";
    position: absolute;
    color: #bdbdbd;
    left: 0;
    border: 1px solid #e3e3e3;
    box-sizing: border-box;
    border-radius: 2px;
    width: 237px;
    height: 34px;
    padding-top: 4px;
    padding-bottom: 5px;
    padding-left: 8px
}

.page-conf-inner .page-conf-left .payment .file-custom:after {
    content: "Choose File";
    position: absolute;
    left: 250px;
    width: 90px;
    margin-top: 6px;
    background: #d9d9d9;
    text-align: center;
    border: 1px solid #bdbdbd;
    box-sizing: border-box;
    border-radius: 2px
}

.page-conf-inner .page-conf-left .button-name {
    padding-top: 64px
}

.page-conf-inner .page-conf-left .button-name .button-primary {
    padding: 6px 48px
}

.page-conf-inner .page-conf-right {
    padding-top: 24px;
    width: 100%
}

@media screen and (min-width:1024px) {
    .page-conf-inner .page-conf-right {
        margin-left: 24px;
        width: 50%;
        padding-top: 0
    }
}

.review-all .inner-middle>.text {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    border-bottom: 4px solid #073e9a;
    display: inline-block;
    font-style: italic;
    margin-bottom: 32px;
    text-transform: uppercase
}

.review-all .inner-middle-chat .inner-chat-head:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.review-all .inner-middle-chat .inner-chat .chat-head {
    display: flex;
    margin-bottom: 12px
}

.review-all .inner-middle-chat .inner-chat .image-card {
    width: 40px;
    height: 40px;
    background-color: #bbb;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.review-all .inner-middle-chat .inner-chat .image-card:before {
    content: "";
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    height: 100%;
    position: absolute;
    width: 100%
}

.review-all .inner-middle-chat .inner-chat .image-card .images {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.review-all .inner-middle-chat .inner-chat .image-text {
    padding-left: 8px;
    flex-grow: 3
}

.review-all .inner-middle-chat .inner-chat .image-text .text-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334;
    margin-bottom: 0
}

.review-all .inner-middle-chat .inner-chat .image-text .sub-text {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    margin-bottom: 0
}

.review-all .inner-middle-pagination {
    border-top: 1px solid #bbb;
    margin-top: 24px;
    padding-top: 8px
}

.troli-varian-page {
    border-bottom: 1px solid #bbb;
    padding-bottom: 16px;
    margin-bottom: 16px;
    display: block
}

@media screen and (min-width:640px) {
    .troli-varian-page {
        display: flex
    }
}

.troli-varian-page .img-side {
    width: 100%
}

@media screen and (min-width:640px) {
    .troli-varian-page .img-side {
        width: 37.5%
    }
}

.troli-varian-page .img-side-content {
    background: #fff;
    display: flex;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

.troli-varian-page .img-side-content .images {
    max-width: 100%;
    max-height: 100%
}

.troli-varian-page .img-text {
    padding-top: 8px
}

@media screen and (min-width:640px) {
    .troli-varian-page .img-text {
        padding-left: 24px;
        padding-top: 0
    }
}

.troli-varian-page .img-text .head {
    margin-bottom: 0
}

.troli-varian-page .img-text .sub-head {
    margin-bottom: 0;
    color: #003a9d;
    font-weight: 700;
    font-size: 14px
}

.troli-varian-page .img-text .price {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 500
}

.troli-varian-page .img-text .sub-price {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 700;
    color: #ff3636
}

.troli-varian-page .img-text .sub-pricing {
    font-size: 13px;
    line-height: 1.38462;
    color: #393939;
    text-transform: uppercase;
    padding-left: 4px
}

.troli-varian-page .img-text .stok {
    margin-top: 4px
}

.troli-varian-page .img-text .stok[data-stock-qty="0"] {
    background-color: #f4474a;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 0 8px
}

.troli-varian-color {
    border-bottom: 1px solid #bbb;
    margin-bottom: 16px;
    padding-bottom: 16px
}

.troli-varian-color .contentt {
    width: 100%
}

.troli-varian-color .contentt .heading {
    color: #666;
    margin-bottom: 12px;
    text-transform: capitalize
}

.troli-varian-color .contentt-color {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.troli-varian-color .contentt-color .checkbox-content {
    padding: 8px
}

.troli-varian-color .contentt-color .checkbox-content .label-checkbox-color {
    overflow: hidden;
    position: relative
}

.troli-varian-color .contentt-color .checkbox-content .label-checkbox-color .custom-checkbox {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .8);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    transition: all .2s ease-out;
    font-size: 9px;
    line-height: 1.45455;
    line-height: 1;
    color: #fff
}

.troli-varian-color .contentt-color .checkbox-content .label-checkbox-color .custom-checkbox .spam {
    position: relative;
    text-align: center;
    top: 2px;
    bottom: 0;
    display: block;
    margin-bottom: 0;
    font-size: 12px;
    color: #000
}

.troli-varian-color .contentt-color .checkbox-content .label-checkbox-color .text {
    width: 100%
}

.troli-varian-color .contentt-color .checkbox-content input[type=radio]:checked+.label-checkbox-color .custom-checkbox {
    box-shadow: inset 0 0 0 3px rgba(0, 0, 0, .8);
    color: #fff
}

.troli-varian-color .contentt-color .checkbox-content .spam {
    position: relative;
    top: -35px;
    bottom: 0;
    display: block;
    margin-bottom: 0;
    font-size: 12px
}

.troli-varian .varian-pages {
    border-bottom: 1px solid #bbb;
    padding-bottom: 16px
}

.troli-varian .varian-size {
    width: 100%
}

.troli-varian .varian-size .heading {
    color: #666;
    margin-bottom: 12px;
    text-transform: capitalize
}

.troli-varian .varian-size .content-varian {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.troli-varian .varian-size .content-varian .content-varian-display {
    width: 100%;
    padding: 8px
}

@media screen and (min-width:414px) {
    .troli-varian .varian-size .content-varian .content-varian-display {
        width: 50%
    }
}

@media screen and (min-width:640px) {
    .troli-varian .varian-size .content-varian .content-varian-display {
        width: 33.333333%
    }
}

.troli-varian .varian-size .content-varian .item-label {
    display: flex;
    border-radius: 5px;
    overflow: hidden
}

.troli-varian .varian-size .content-varian .item-label .custom-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    background-color: transparent;
    font-size: 9px;
    line-height: 1.45455;
    line-height: 1;
    color: #fff;
    border-radius: 50px;
    margin-top: 2px
}

.troli-varian .varian-size .content-varian .item-label .text {
    width: calc(100% - 18px);
    padding-left: 8px
}

.troli-varian .varian-size .content-varian .item-label .text .title {
    margin-bottom: 0
}

.troli-varian .varian-size .content-varian .item-label .text .desc {
    color: #838282;
    font-size: 14px;
    line-height: 1.42857
}

.troli-varian .varian-size .content-varian .item-label .image {
    margin-bottom: 6px;
    height: 184px
}

.troli-varian .varian-size .content-varian input[type=radio]:checked+.item-label .text-circle {
    display: block;
    width: 12px;
    height: 12px;
    background: #ff3636;
    border-radius: 10px
}

.troli-varian .varian-size .content-varian input[type=radio]:checked+.item-label .custom-checkbox {
    color: #fff
}

.troli-varian .varian-size .content-varian .title {
    width: 100%;
    max-width: 138px
}

.troli-varian .varian-count {
    align-items: center;
    padding-top: 16px;
    display: flex;
    justify-content: space-between
}

.troli-varian .varian-count .varian-count-all {
    margin-bottom: 0
}

.troli-varian .varian-count .count-stok-item {
    position: relative;
    border: 1px solid;
    display: flex;
    align-items: center;
    border-radius: 2px
}

.troli-varian .varian-count .count-stok-item .plus-btn {
    position: absolute;
    right: 9px
}

.troli-varian .varian-count .count-stok-item .minus-btn {
    position: absolute;
    left: 9px
}

.troli-varian .varian-count .count-stok-item .input-stok {
    border: 0;
    text-align: center;
    width: 93px
}

.troli-varian .variant-popup-footer {
    padding-top: 48px;
    display: flex;
    justify-content: space-between
}

.troli-varian .variant-popup-info {
    padding-right: 32px;
    color: #838282
}

.troli-varian .variant-popup-info p[data-stock-qty="0"] {
    background-color: #f4474a;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 0 8px
}

.troli-varian .variant-popup-button {
    margin-left: auto
}

.troli-varian .add {
    display: block
}

@media screen and (min-width:414px) {
    .troli-varian .add {
        left: auto;
        width: auto
    }
}

@media screen and (min-width:640px) {
    .troli-varian .add {
        bottom: 32px;
        right: 32px
    }
}

#popup-installment {
    height: 620px;
    overflow: scroll
}

#popup-installment .page-aeon {
    padding: 12px 12px 40px
}

@media screen and (min-width:640px) {
    #popup-installment .page-aeon {
        width: calc(100% - 120px)
    }
}

#popup-installment .page-aeon .text-head {
    margin-bottom: 8px;
    color: #333
}

#popup-installment .page-aeon .dash {
    list-style-type: none
}

#popup-installment .page-aeon .dash:before {
    content: "-";
    position: absolute;
    margin-left: -22px
}

#popup-installment .page-aeon .ket-months {
    padding-top: 16px
}

#popup-installment .page-aeon .ket-months .text {
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 16px
}

#popup-installment .page-aeon .ket-months .sub-text {
    font-weight: 700;
    margin-bottom: 12px
}

#popup-installment .page-aeon .ket-months .ket-month-display .list {
    list-style-type: none;
    padding-left: 22px
}

#popup-installment .page-aeon .ket-months .ket-month-display .value-head,
#popup-installment .page-aeon .ket-months .ket-month-display .value-sk {
    margin-bottom: 0
}

#popup-project-bicycle .single-review-wrapper {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    #popup-project-bicycle .single-review-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    #popup-project-bicycle .single-review-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    #popup-project-bicycle .single-review-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    #popup-project-bicycle .single-review-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

#popup-project-bicycle .single-review-content {
    display: block
}

@media screen and (min-width:768px) {
    #popup-project-bicycle .single-review-content {
        display: flex
    }
}

#popup-project-bicycle .single-review-content .single-image {
    width: 100%;
    border: none !important
}

@media screen and (min-width:768px) {
    #popup-project-bicycle .single-review-content .single-image {
        display: flex
    }
}

#popup-project-bicycle .single-review-content .single-image .single-side-left {
    width: 100%
}

@media screen and (min-width:768px) {
    #popup-project-bicycle .single-review-content .single-image .single-side-left {
        width: 408px;
        height: 408px
    }
}

#popup-project-bicycle .single-review-content .single-image .single-side-right {
    width: 100%
}

@media screen and (min-width:768px) {
    #popup-project-bicycle .single-review-content .single-image .single-side-right {
        width: 60%
    }
}

#popup-project-bicycle .single-review-content .single-image-pick {
    margin-bottom: 22px;
    position: relative;
    background-color: #fff;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #d8d8d8;
    border-radius: 8px;
    height: 408px
}

#popup-project-bicycle .single-review-content .single-image-pick .flickity-viewport {
    height: 100% !important;
    padding-top: 82.666%
}

#popup-project-bicycle .single-review-content .single-image-pick .flickity-prev-next-button.next {
    color: #4f4f4f;
    right: -52px
}

#popup-project-bicycle .single-review-content .single-image-pick .flickity-prev-next-button.previous {
    left: -52px
}

#popup-project-bicycle .single-review-content .single-image-pick .flickity-slider {
    top: 0
}

#popup-project-bicycle .single-review-content .single-image-pick .flickity-page-dots {
    position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    bottom: -173px
}

#popup-project-bicycle .single-review-content .single-image .single-images {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center
}

#popup-project-bicycle .single-review-content .single-image .single-images .images {
    max-width: 100%;
    max-height: 100%
}

@media screen and (min-width:768px) {
    #popup-project-bicycle .single-review-content .single-image .single-side-right {
        padding-top: 40px;
        margin-left: 68px;
        width: 281px
    }
}

#popup-project-bicycle .single-review-content .single-image .images-slide-popup {
    font-style: italic;
    margin-bottom: 12px;
    font-weight: 900;
    font-size: 20px;
    color: #000
}

#popup-project-bicycle .single-review-content .single-image .images-slide-popup:after {
    content: "";
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px solid #d9d9d9
}

#popup-project-bicycle .single-review-content .single-image .menu-button {
    padding: 6px;
    width: 100%
}

#popup-project-bicycle .single-review-content .single-image .menu-button-group {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

#popup-project-bicycle .single-review-content .single-image .navigs {
    text-transform: uppercase;
    padding: 6px;
    color: #aaa;
    width: 25%
}

#popup-project-bicycle .single-review-content .single-image .navigs.is-selected {
    color: #fff;
    font-weight: 700;
    border: 3px solid #073e9a;
    text-transform: uppercase;
    padding: 2px
}

#popup-project-bicycle .single-review-content .single-image .navigs:hover {
    cursor: pointer
}

#popup-project-bicycle .single-review-content .single-image .navigs .images-navigs {
    display: flex;
    height: 48px;
    width: auto;
    align-items: center;
    justify-content: center
}

#popup-project-bicycle .single-review-content .single-image .navigs .images-navigs .images {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#popup-service .service .text {
    margin-bottom: 12px;
    text-transform: uppercase
}

#popup-service .service .text:after {
    content: "";
    padding-top: 14px;
    display: block;
    border-bottom: 1px solid #d9d9d9
}

#popup-service .service-inner {
    padding-top: 14px
}

#popup-service .service-inner .input-service {
    width: 100%
}

#popup-service .service-inner input[type=number] {
    -moz-appearance: textfield
}

#popup-service .service-inner input[type=number]::-webkit-inner-spin-button,
#popup-service .service-inner input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#popup-service .date {
    position: relative;
    width: 100%
}

#popup-service .date-input {
    width: 100%
}

#popup-service .date .icon {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 18px;
    line-height: 1.33334
}

#popup-home-credit {
    height: 620px;
    overflow: scroll
}

#popup-home-credit .page-aeon {
    padding: 12px 12px 40px
}

@media screen and (min-width:640px) {
    #popup-home-credit .page-aeon {
        width: calc(100% - 120px)
    }
}

#popup-home-credit .page-aeon .dash {
    list-style-type: none
}

#popup-home-credit .page-aeon .dash:before {
    content: "-";
    position: absolute;
    margin-left: -22px
}

#popup-home-credit .page-aeon .text-head {
    margin-bottom: 8px;
    color: #333
}

#popup-home-credit .page-aeon .ket-months {
    padding-top: 16px
}

#popup-home-credit .page-aeon .ket-months .text {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 12px
}

#popup-home-credit .page-aeon .ket-months .sub-text {
    font-weight: 700;
    margin-bottom: 12px
}

#popup-home-credit .page-aeon .ket-months .ket-month-display .list {
    list-style-type: none;
    padding-left: 22px
}

#popup-home-credit .page-aeon .ket-months .ket-month-display .value-head,
#popup-home-credit .page-aeon .ket-months .ket-month-display .value-sk {
    margin-bottom: 0
}

.notif-add {
    display: none;
    background-color: #04bcf5;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 6px
}

.page-cart {
    background-color: #f8f8f8;
    padding-top: 32px;
    padding-bottom: 32px
}

@media screen and (min-width:768px) {
    .page-cart {
        padding-bottom: 48px
    }
}

.page-cart-header {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .page-cart-header {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-cart-header {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-cart-header {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-cart-header {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-cart-header:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.page-cart-header .title {
    display: inline-block;
    padding: 8px 16px;
    position: relative;
    margin-left: 8px
}

@media screen and (min-width:640px) {
    .page-cart-header .title {
        padding: 12px 24px
    }
}

.page-cart-header .title:before {
    content: "";
    display: block;
    background-color: #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-20deg)
}

.page-cart-header .title .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    color: #fff;
    display: block;
    position: relative;
    text-transform: uppercase;
    font-style: italic
}

@media screen and (min-width:640px) {
    .page-cart-header .title .text {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5
    }
}

@media screen and (min-width:1024px) {
    .page-cart-header .title .text {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.page-cart-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    background-color: #fff;
    padding: 24px 16px
}

@media screen and (min-width:414px) {
    .page-cart-content {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-cart-content {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-cart-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-cart-content {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-cart-content .cart-product-item:not(:last-child) {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9
}

.page-cart-content .cart-product-item .sections {
    width: 100%
}

.page-cart-content .cart-product-item .sections td:not(:last-child) {
    padding-right: 16px
}

.page-cart-content .cart-product-item .product-image {
    width: 128px;
    padding-right: 0 !important;
    display: none
}

@media screen and (min-width:768px) {
    .page-cart-content .cart-product-item .product-image {
        display: table-cell
    }
}

@media screen and (min-width:1024px) {
    .page-cart-content .cart-product-item .product-image {
        width: 160px
    }
}

.page-cart-content .cart-product-item .product-meta {
    vertical-align: top
}

@media screen and (min-width:768px) {
    .page-cart-content .cart-product-item .product-meta {
        padding-left: 24px
    }
}

.page-cart-content .cart-product-item .product-meta .title {
    margin-bottom: 4px
}

@media screen and (min-width:1024px) {
    .page-cart-content .cart-product-item .product-meta .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.page-cart-content .cart-product-item .product-meta .title .link {
    color: #073e9a
}

.page-cart-content .cart-product-item .product-meta .title .link:focus,
.page-cart-content .cart-product-item .product-meta .title .link:hover {
    text-decoration: underline
}

.page-cart-content .cart-product-item .product-meta .title .tag {
    font-size: 13px;
    line-height: 1.38462;
    display: inline-block;
    font-weight: 400;
    color: #073e9a;
    border: 1px solid #073e9a;
    padding: 1px 4px;
    border-radius: 2px
}

.page-cart-content .cart-product-item .product-meta p {
    font-size: 13px;
    line-height: 1.38462;
    margin-bottom: 0;
    color: #838282
}

@media screen and (min-width:1024px) {
    .page-cart-content .cart-product-item .product-meta p {
        font-size: 15px;
        line-height: 1.6
    }
}

.page-cart-content .cart-product-item .product-meta .price {
    color: #393939;
    font-weight: 700;
    margin-bottom: 0
}

@media screen and (min-width:1024px) {
    .page-cart-content .cart-product-item .product-meta .price {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 2px
    }
}

.page-cart-content .cart-product-item .product-meta .insurance,
.page-cart-content .cart-product-item .product-meta .shipping-option {
    font-size: 13px;
    line-height: 1.38462
}

.page-cart-content .cart-product-item .product-meta .insurance .label,
.page-cart-content .cart-product-item .product-meta .shipping-option .label {
    color: #838282;
    display: flex
}

.page-cart-content .cart-product-item .product-meta .insurance .label .text,
.page-cart-content .cart-product-item .product-meta .shipping-option .label .text {
    padding-left: 6px
}

.page-cart-content .cart-product-item .product-meta .insurance .label .value,
.page-cart-content .cart-product-item .product-meta .shipping-option .label .value {
    display: inline-block
}

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

    .page-cart-content .cart-product-item .product-meta .insurance .label .value,
    .page-cart-content .cart-product-item .product-meta .shipping-option .label .value {
        display: none
    }
}

.page-cart-content .cart-product-item .product-qty {
    width: 128px;
    vertical-align: top;
    padding-right: 0 !important
}

@media screen and (min-width:640px) {
    .page-cart-content .cart-product-item .product-qty {
        width: 160px;
        padding-right: 16px !important
    }
}

.page-cart-content .cart-product-item .product-qty-inner {
    display: flex;
    align-items: center
}

.page-cart-content .cart-product-item .product-qty-input {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid #bbb;
    border-radius: 2px
}

.page-cart-content .cart-product-item .product-qty-input .input {
    text-align: center;
    width: 48px;
    border: none
}

.page-cart-content .cart-product-item .product-qty-input .minus,
.page-cart-content .cart-product-item .product-qty-input .plus {
    color: #073e9a;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.38462
}

.page-cart-content .cart-product-item .product-qty .remove {
    color: #838282;
    margin-left: 16px;
    font-size: 18px;
    line-height: 1.33334
}

.page-cart-content .cart-product-item .product-qty .remove:hover {
    color: #f4474a
}

.page-cart-content .cart-product-item .product-total {
    display: none;
    font-weight: 700;
    line-height: 42px;
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
    width: 128px
}

@media screen and (min-width:640px) {
    .page-cart-content .cart-product-item .product-total {
        display: table-cell
    }
}

@media screen and (min-width:1024px) {
    .page-cart-content .cart-product-item .product-total {
        font-size: 16px;
        width: 160px
    }
}

.page-cart-content .cart-detail {
    border-top: 1px solid #d9d9d9;
    padding-top: 24px;
    margin-top: 24px
}

@media screen and (min-width:768px) {
    .page-cart-content .cart-detail {
        display: flex
    }
}

@media screen and (min-width:768px) {
    .page-cart-content .cart-detail-option {
        width: calc(100% - 320px);
        padding-right: 32px
    }
}

.page-cart-content .cart-detail-option .coupon {
    margin-bottom: 16px
}

.page-cart-content .cart-detail-option .coupon .available-coupon {
    margin-bottom: 24px
}

@media screen and (min-width:640px) {
    .page-cart-content .cart-detail-option .coupon-field {
        display: flex
    }
}

.page-cart-content .cart-detail-option .coupon-field .input {
    width: 100%;
    margin-bottom: 8px
}

@media screen and (min-width:640px) {
    .page-cart-content .cart-detail-option .coupon-field .input {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .page-cart-content .cart-detail-option .coupon-field .input {
        min-width: 240px
    }
}

.page-cart-content .cart-detail-option .coupon-field .button {
    width: 100%
}

@media screen and (min-width:640px) {
    .page-cart-content .cart-detail-option .coupon-field .button {
        margin-left: 8px;
        width: auto
    }
}

.page-cart-content .cart-detail-option .point {
    align-items: baseline;
    display: flex
}

.page-cart-content .cart-detail-option .point .label {
    display: inline-block;
    margin-left: 8px
}

.page-cart-content .cart-detail-option .point .label .highlight {
    color: #f4474a
}

.page-cart-content .cart-detail-summary {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #d9d9d9
}

@media screen and (min-width:768px) {
    .page-cart-content .cart-detail-summary {
        width: 324px;
        padding-top: 0;
        margin-top: 0;
        border-top: none
    }
}

@media screen and (min-width:1024px) {
    .page-cart-content .cart-detail-summary {
        font-size: 16px;
        line-height: 1.5
    }
}

.page-cart-content .cart-detail-summary .item {
    display: flex;
    justify-content: space-between
}

.page-cart-content .cart-detail-summary .item:not(:last-child) {
    margin-bottom: 2px
}

.page-cart-content .cart-detail-summary .item p {
    margin-bottom: 0
}

.page-cart-content .cart-detail-summary .item .label {
    width: 50%;
    padding-right: 12px
}

.page-cart-content .cart-detail-summary .item .value {
    font-weight: 700;
    width: 50%;
    text-align: right
}

.page-cart-content .cart-detail-summary .item.coupon .label .coupon-code {
    display: inline-block;
    font-size: 12px;
    line-height: 1.33334;
    border: 1px solid #073e9a;
    border-radius: 2px;
    padding: 1px 4px;
    font-weight: 400;
    color: #073e9a;
    margin-left: 4px
}

.page-cart-content .cart-detail-summary .item.coupon .coupon-remove {
    color: #838282;
    height: 16px;
    width: 16px
}

.page-cart-content .cart-detail-summary .item.coupon .coupon-remove:focus,
.page-cart-content .cart-detail-summary .item.coupon .coupon-remove:hover {
    color: #f4474a
}

.page-cart-content .cart-detail-summary .item.coupon .value {
    color: #0ba300;
    position: relative
}

.page-cart-content .cart-detail-summary .item.total .label {
    font-weight: 700;
    text-transform: uppercase
}

.page-cart-content .cart-detail-summary .item.total .value {
    color: #ff3636
}

.page-cart-content .featured-accessories {
    background-color: #f8f8f8;
    border: 1px solid #e5e8eb;
    margin-top: 32px;
    border-radius: 4px
}

.page-cart-content .featured-accessories-card {
    padding: 16px
}

@media screen and (min-width:640px) {
    .page-cart-content .featured-accessories-card {
        padding: 24px
    }
}

.page-cart-content .featured-accessories-card .head img {
    float: left;
    height: 18px;
    margin-right: 4px;
    opacity: .6;
    width: 18px
}

.page-cart-content .featured-accessories-card .head .text {
    font-size: 13px;
    line-height: 1.38462;
    display: block;
    overflow: hidden;
    vertical-align: middle
}

.page-cart-content .featured-accessories-one {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px
}

@media screen and (min-width:414px) {
    .page-cart-content .featured-accessories-one {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-cart-content .featured-accessories-one {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-cart-content .featured-accessories-one {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-cart-content .featured-accessories-one {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:640px) {
    .page-cart-content .featured-accessories-one {
        padding-bottom: 32px
    }
}

.page-cart-content .featured-accessories-one .slide-single {
    margin: 0 -12px
}

.page-cart-content .featured-accessories-one .slide-single-card {
    display: flex;
    min-height: 100%;
    width: 50%;
    padding: 8px
}

@media screen and (min-width:414px) {
    .page-cart-content .featured-accessories-one .slide-single-card {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .page-cart-content .featured-accessories-one .slide-single-card {
        width: 33.333333%
    }
}

@media screen and (min-width:1024px) {
    .page-cart-content .featured-accessories-one .slide-single-card {
        width: 25%
    }
}

.page-cart-content .featured-accessories-one .slide-single-card .container {
    display: flex;
    width: 100%;
    min-height: 100%;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(57, 57, 57, .04), 0 6px 12px 0 rgba(57, 57, 57, .08);
    overflow: hidden;
    padding: 12px;
    text-align: center;
    background-color: #fff
}

.page-cart-content .featured-accessories-one .item-label {
    display: block
}

.page-cart-content .featured-accessories-one .item-label .custom-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    height: 16px;
    border: 1px solid #bdbdbd;
    background-color: #fff;
    font-size: 9px;
    line-height: 1.45455;
    line-height: 1;
    color: #fff;
    border-radius: 3px
}

.page-cart-content .featured-accessories-one .item-label .custom-checkbox .icon {
    height: 100%;
    width: 100px
}

@media screen and (min-width:1024px) {
    .page-cart-content .featured-accessories-one .item-label .images {
        margin-bottom: 6px;
        max-height: 120px;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.page-cart-content .featured-accessories-one .item-label .title {
    text-align: left;
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #333;
    margin-top: 21px;
    margin-bottom: 2px
}

.page-cart-content .featured-accessories-one .item-label .title-price {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334;
    font-weight: 400;
    text-align: left;
    text-decoration: line-through;
    margin-bottom: 0
}

.page-cart-content .featured-accessories-one .item-label .sub-price {
    font-size: 15px;
    line-height: 1.333334;
    text-align: left;
    color: #ff3636;
    font-weight: 700
}

.page-cart-content .featured-accessories-one input[type=checkbox]:checked+.item-label .custom-checkbox {
    color: #fff;
    background: #003a9d;
    border: 1px solid #003a9d
}

.page-cart-action {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 24px 16px
}

@media screen and (min-width:414px) {
    .page-cart-action {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-cart-action {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-cart-action {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-cart-action {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:640px) {
    .page-cart-action {
        display: flex;
        justify-content: flex-end
    }
}

.page-cart-action .button {
    width: 100%
}

.page-cart-action .button:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width:640px) {
    .page-cart-action .button {
        width: 100%;
        max-width: 180px;
        margin-left: 16px
    }

    .page-cart-action .button:not(:last-child) {
        margin-bottom: 0
    }
}

.head-flash .page-shape {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .head-flash .page-shape {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .head-flash .page-shape {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .head-flash .page-shape {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .head-flash .page-shape {
        padding-left: 64px;
        padding-right: 64px
    }
}

.head-flash .page-shape-inner {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-top: 32px
}

.head-flash .times {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media screen and (min-width:768px) {
    .head-flash .times {
        padding-top: 0
    }
}

.head-flash .times .text {
    font-size: 9px;
    line-height: 1.45455;
    color: #333;
    margin-bottom: 0;
    text-transform: uppercase
}

@media screen and (min-width:414px) {
    .head-flash .times .text {
        font-size: 12px;
        line-height: 1.33334
    }
}

.head-flash .time-text {
    display: flex;
    margin-left: 8px
}

.head-flash .time-text .hour,
.head-flash .time-text .minute,
.head-flash .time-text .sec {
    margin: 0 2px 0 0;
    color: #fff;
    background-color: #333;
    padding: 6px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    border-radius: 3px
}

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

    .head-flash .time-text .hour,
    .head-flash .time-text .minute,
    .head-flash .time-text .sec {
        font-size: 15px
    }
}

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

    .head-flash .time-text .hour,
    .head-flash .time-text .minute,
    .head-flash .time-text .sec {
        font-size: 18px;
        line-height: 1.33334
    }
}

.head-flash .flash-sale-shape {
    background: #ff752d;
    position: relative;
    transform: skewX(-20deg);
    transform-origin: left bottom;
    margin-bottom: -1px
}

.head-flash .flash-sale-shape .text {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1.38462;
    font-style: italic;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 12px 6px 8px;
    transform: skewX(20deg);
    color: #fff
}

@media screen and (min-width:640px) {
    .head-flash .flash-sale-shape .text {
        font-size: 15px;
        font-weight: 700;
        line-height: 1.333334;
        padding: 10px 24px 10px 20px
    }
}

.head-flash .flash-sale-shape .icon-inline {
    font-size: 24px;
    margin-right: 4px
}

.head-flash-inner {
    background-color: #f8f8f8
}

.head-flash-inner .sections-grey {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 38px
}

@media screen and (min-width:414px) {
    .head-flash-inner .sections-grey {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .head-flash-inner .sections-grey {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .head-flash-inner .sections-grey {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .head-flash-inner .sections-grey {
        padding-left: 64px;
        padding-right: 64px
    }
}

.head-flash-inner .page-sale-content {
    padding-top: 32px;
    padding-bottom: 32px
}

.head-flash-inner .page-sale-content .sub-pricing {
    color: #ff752d;
    font-weight: 700;
    margin-bottom: 0
}

.head-flash-inner .inner-content {
    width: 100%;
    padding: 8px
}

@media screen and (min-width:414px) {
    .head-flash-inner .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .head-flash-inner .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1024px) {
    .head-flash-inner .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1280px) {
    .head-flash-inner .inner-content {
        width: 25%;
        position: relative;
        min-height: 100%
    }
}

.head-flash-inner .inner-content-wrapper {
    background-color: #fff;
    position: relative;
    display: block;
    min-height: 100%
}

.head-flash-inner .inner-content .images-flag {
    position: absolute;
    top: 0;
    right: 8px;
    width: 52px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.head-flash-inner .inner-content .flags {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.head-flash-inner .inner-content-ket .inner-ket .ket-head {
    padding: 18px 24px 14px
}

@media screen and (min-width:1024px) {
    .head-flash-inner .inner-content-ket .inner-ket .ket-head {
        padding: 28px 24px 14px
    }
}

@media screen and (min-width:1280px) {
    .head-flash-inner .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 14px
    }
}

.head-flash-inner .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    color: #333;
    padding-bottom: 2px;
    margin-bottom: 0
}

.head-flash-inner .inner-content-ket .inner-ket .price {
    font-weight: 500;
    text-decoration: line-through;
    color: #666;
    margin-bottom: 0;
    padding-top: 2px
}

.head-flash-inner .inner-content-ket .inner-ket .sub-price {
    font-weight: 700;
    color: #ff752d;
    margin-bottom: 0
}

.head-flash-inner .inner-content-ket .inner-ket .rating {
    padding-top: 4px;
    margin-bottom: 2px
}

.head-flash-inner .inner-content-ket .button-love {
    padding: 14px 24px 12px
}

.head-flash-inner .inner-content-ket .inner-action .action-button .button-disableds {
    background: #ff3636;
    pointer-events: none;
    opacity: .4;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
}

.head-flash-inner .inner-content-ket .bar {
    width: 100%;
    position: relative;
    border-radius: 15px;
    padding: 2px;
    background-color: #c4c4c4;
    margin-bottom: 33px
}

@media screen and (min-width:768px) {
    .head-flash-inner .inner-content-ket .bar {
        margin-bottom: 36px
    }
}

@media screen and (min-width:1024px) {
    .head-flash-inner .inner-content-ket .bar {
        margin-bottom: 40px
    }
}

.head-flash-inner .inner-content-ket .bar .sold-meta {
    color: #fff;
    left: 35%;
    font-size: 11px;
    position: absolute;
    top: -1px
}

.head-flash-inner .inner-content-ket .bar .sold-meta-outs {
    height: 11px;
    border-radius: 15px;
    background-color: #ff7c7c;
    width: 80%
}

.head-flash-inner .inner-content-ket .bar .sold {
    color: #fff;
    font-size: 11px;
    left: 0;
    line-height: 1;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.head-flash-inner .inner-content-ket .bar .stock {
    background-color: #ff7c7c;
    border-radius: 12px;
    height: 12px
}

.head-flash-inner .inner-content-ket .button-love {
    bottom: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    display: block;
    padding: 14px 24px 11px
}

.head-flash-inner .inner-content-ket .inner-action {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.head-flash-inner .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.head-flash-inner .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.head-flash-inner .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.head-flash-inner .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.head-flash-inner .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.head-flash-inner .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.head-flash-inner .inner-content-ket .inner-action .action-love .icon-inline {
    position: relative;
    font-size: 24px;
    color: red
}

.head-flash-inner .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .head-flash-inner .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.head-flash-inner .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .head-flash-inner .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.head-flash-inner .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .head-flash-inner .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .head-flash-inner .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.head-flash-inner .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .head-flash-inner .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.head-flash-inner .inner-content-head {
    position: relative;
    min-height: 100%
}

@media screen and (min-width:768px) {
    .head-flash-inner .inner-content-head {
        height: 296px
    }
}

.head-flash-inner .inner-content-head .head-inside {
    padding: 16px 6px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .head-flash-inner .inner-content-head .head-inside {
        padding: 6px 6px 0
    }
}

.head-flash-inner .inner-content-head .image-content {
    position: relative;
    width: 143px;
    height: 143px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .head-flash-inner .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.head-flash-inner .inner-content-head .images {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 196px;
    height: 100%
}

.head-flash-inner .inner-content-head .ekspedisi {
    display: block;
    justify-content: space-between;
    bottom: 0
}

@media screen and (min-width:640px) {
    .head-flash-inner .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        margin: -12px
    }
}

.head-flash-inner .inner-content-head .ekspedisi .inners-img {
    width: 100%;
    padding: 0 12px;
    background-color: #ff2932;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .head-flash-inner .inner-content-head .ekspedisi .inners-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.head-flash-inner .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .head-flash-inner .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.head-flash-inner .inner-content-head .ekspedisi .inner-img {
    width: 100%;
    padding: 0 12px;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .head-flash-inner .inner-content-head .ekspedisi .inner-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.head-flash-inner .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .head-flash-inner .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.head-flash-inner .inner-content .icon-star {
    position: absolute;
    left: 16px;
    top: 12px
}

.head-flash-inner .inner-content .icon-star .icon {
    color: #ff3636;
    font-size: 28px
}

.head-flash-inner .inner-content .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.head-flash-inner .inner-content .persen {
    position: absolute;
    top: 9px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #fff
}

.head-flash-inner .border-bottom,
.head-flash-inner .borders-botom {
    display: flex;
    align-items: center;
    justify-content: center
}

.head-flash-inner .border-bottom {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid
}

.before {
    opacity: .5;
    pointer-events: none
}

.before .page-sale-content .ekspedisi {
    padding-bottom: 8px;
    display: block;
    justify-content: space-between
}

@media screen and (min-width:640px) {
    .before .page-sale-content .ekspedisi {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        margin: -12px
    }
}

.before .page-sale-content .ekspedisi .inners-img {
    width: 100%;
    padding: 0 12px;
    background-color: #f94b52;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .before .page-sale-content .ekspedisi .inners-img {
        width: 50%;
        padding: 12px;
        background-color: transparent;
        max-height: none;
        height: 100%
    }
}

.before .page-sale-content .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .before .page-sale-content .ekspedisi .inners-img .images {
        height: auto
    }
}

.before .page-sale-content .ekspedisi .inner-img {
    width: 100%;
    padding: 0 12px;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .before .page-sale-content .ekspedisi .inner-img {
        width: 50%;
        padding: 12px;
        background-color: transparent;
        max-height: none;
        height: 100%
    }
}

.before .page-sale-content .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .before .page-sale-content .ekspedisi .inner-img .images {
        height: auto
    }
}

.js-page-show,
.js-page-shows,
.js-paged-show {
    display: none
}

.page-checkout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    background-color: #f8f8f8;
    padding: 48px 16px 64px
}

@media screen and (min-width:414px) {
    .page-checkout {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-checkout {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-checkout {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-checkout {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-checkout-header {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 32px
}

.page-checkout-header .title {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 4px solid #073e9a;
    text-transform: uppercase;
    font-style: italic;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .page-checkout-header .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.page-checkout-content {
    display: flex;
    flex-wrap: wrap
}

.page-checkout-content .main {
    width: 100%;
    margin-bottom: 32px
}

@media screen and (min-width:1024px) {
    .page-checkout-content .main {
        width: calc(100% - 380px);
        padding-right: 48px;
        margin-bottom: 0
    }
}

.page-checkout-content .aside {
    width: 100%
}

@media screen and (min-width:1024px) {
    .page-checkout-content .aside {
        width: 380px
    }
}

.page-checkout-content .aside-section {
    padding: 24px;
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

.page-checkout-content .aside-section:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width:1024px) {
    .page-checkout-content .aside-section:not(:last-child) {
        margin-bottom: 48px
    }
}

.page-checkout-content .aside-section-heading {
    border-bottom: 1px solid #d9d9d9;
    font-style: italic;
    padding-bottom: 6px;
    text-transform: uppercase
}

.page-checkout-content .form .section:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width:1024px) {
    .page-checkout-content .form .section:not(:last-child) {
        margin-bottom: 56px
    }
}

.page-checkout-content .form .section-header {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 32px
}

.page-checkout-content .form .section-header .title {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 4px solid #073e9a;
    text-transform: uppercase;
    font-style: italic;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .page-checkout-content .form .section-header .title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.page-checkout-content .form-input-field .hint {
    display: block;
    padding-top: 6px;
    font-size: 13px;
    line-height: 1.38462;
    color: #838282
}

.page-checkout-content .form .address-list .heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

.page-checkout-content .form .address-list .heading .title {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.6
}

@media screen and (min-width:640px) {
    .page-checkout-content .form .address-list .heading .title {
        font-size: 16px;
        line-height: 1.5
    }
}

.page-checkout-content .form .address-list .heading .link {
    display: inline-block;
    padding-left: 24px;
    color: #073e9a;
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:640px) {
    .page-checkout-content .form .address-list .heading .link {
        font-size: 15px;
        line-height: 1.6
    }
}

.page-checkout-content .form .address-list .items {
    background-color: #fff
}

.page-checkout-content .form .address-list .item:not(:last-child) {
    border-bottom: 1px solid #e5e8eb
}

.page-checkout-content .form .address-list .item input[type=radio] {
    display: none
}

.page-checkout-content .form .address-list .item input[type=radio]:checked+.label {
    border-color: #073e9a
}

.page-checkout-content .form .address-list .item input[type=radio]:checked+.label .expand {
    display: block
}

.page-checkout-content .form .address-list .item .label {
    display: block;
    cursor: pointer;
    border-left: 3px solid transparent;
    padding: 12px 16px
}

@media screen and (min-width:640px) {
    .page-checkout-content .form .address-list .item .label {
        padding: 16px 24px
    }
}

.page-checkout-content .form .address-list .item .label .text {
    font-weight: 700
}

.page-checkout-content .form .address-list .item .label .text .primary {
    display: inline-block;
    padding: 2px 6px;
    background-color: #32cb68;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33334;
    margin-left: 8px
}

.page-checkout-content .form .address-list .item .label .expand {
    display: none;
    padding-top: 6px
}

.page-checkout-content .shipping-options {
    border: 1px solid #e5e8eb
}

.page-checkout-content .shipping-options .shipping-option:not(:last-child) {
    border-bottom: 1px solid #e5e8eb
}

.page-checkout-content .shipping-options .shipping-option .input {
    display: none
}

.page-checkout-content .shipping-options .shipping-option .input:checked+.label {
    color: #073e9a
}

.page-checkout-content .shipping-options .shipping-option .input:checked+.label .icon {
    transform: rotate(180deg)
}

.page-checkout-content .shipping-options .shipping-option .input:checked+.label+.desc {
    display: block
}

.page-checkout-content .shipping-options .shipping-option .label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 16px
}

@media screen and (min-width:640px) {
    .page-checkout-content .shipping-options .shipping-option .label {
        padding: 24px
    }
}

.page-checkout-content .shipping-options .shipping-option .label .text img {
    max-width: 80px;
    margin-left: 12px
}

.page-checkout-content .shipping-options .shipping-option .label .text .title {
    font-weight: 700;
    margin-bottom: 0
}

.page-checkout-content .shipping-options .shipping-option .label .text .title+.subtitle {
    padding-top: 4px
}

.page-checkout-content .shipping-options .shipping-option .label .text .title .fee {
    font-size: 13px;
    line-height: 1.38462;
    font-weight: 400
}

.page-checkout-content .shipping-options .shipping-option .label .text .subtitle {
    color: #838282
}

.page-checkout-content .shipping-options .shipping-option .label .icon {
    margin-left: 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #393939 !important
}

.page-checkout-content .shipping-options .shipping-option .desc {
    display: none;
    padding: 16px;
    background-color: #e5e8eb;
    color: #666
}

@media screen and (min-width:640px) {
    .page-checkout-content .shipping-options .shipping-option .desc {
        padding: 16px 24px
    }
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service {
    display: flex;
    justify-content: space-between
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service:not(:last-child) {
    margin-bottom: 4px
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service-detail {
    display: flex;
    align-items: flex-start;
    padding-right: 24px
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service-detail .service-input {
    margin-top: 4px
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service-detail .service-label {
    padding-left: 12px
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service-detail .service-label .name {
    color: #073e9a;
    font-weight: 700
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service-detail .service-label .etd {
    margin-left: 8px
}

.page-checkout-content .shipping-options .shipping-option .desc .shipping-service-value {
    color: #f4474a
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-terms {
    margin-bottom: 24px
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime {
    margin: -4px
}

@media screen and (min-width:640px) {
    .page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime {
        display: flex
    }
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .date {
    position: relative;
    width: 100%;
    margin: 4px
}

@media screen and (min-width:640px) {
    .page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .date {
        max-width: 280px
    }
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .date-input {
    width: 100%
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .date .icon {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 18px;
    line-height: 1.33334
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .time {
    width: 100%;
    position: relative;
    margin: 4px
}

@media screen and (min-width:640px) {
    .page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .time {
        width: auto
    }
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .time-input {
    width: 100%
}

@media screen and (min-width:640px) {
    .page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .time-input {
        width: auto
    }
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .datetime .time .icon {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 18px;
    line-height: 1.33334
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .additional {
    padding-top: 12px
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .additional .item {
    display: flex
}

.page-checkout-content .shipping-options .shipping-option .ss-courier-field .additional-label {
    display: inline-block;
    padding-left: 8px
}

.page-checkout-content .payment-options {
    border: 1px solid #e5e8eb
}

.page-checkout-content .payment-options .payment-option:not(:last-child) {
    border-bottom: 1px solid #e5e8eb
}

.page-checkout-content .payment-options .payment-option .input {
    display: none
}

.page-checkout-content .payment-options .payment-option .input:checked+.label {
    color: #073e9a
}

.page-checkout-content .payment-options .payment-option .input:checked+.label .icon {
    transform: rotate(180deg)
}

.page-checkout-content .payment-options .payment-option .input:checked+.label+.desc {
    display: block
}

.page-checkout-content .payment-options .payment-option .label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 16px;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.5
}

@media screen and (min-width:640px) {
    .page-checkout-content .payment-options .payment-option .label {
        padding: 24px
    }
}

.page-checkout-content .payment-options .payment-option .label .text img {
    margin-left: 12px
}

.page-checkout-content .payment-options .payment-option .label .icon {
    margin-left: 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #393939 !important
}

.page-checkout-content .payment-options .payment-option .desc {
    display: none;
    padding: 16px;
    background-color: #e5e8eb;
    color: #666
}

@media screen and (min-width:640px) {
    .page-checkout-content .payment-options .payment-option .desc {
        padding: 16px 24px
    }
}

.page-checkout-content .payment-options .payment-option .desc p {
    margin-bottom: 16px
}

.page-checkout-content .payment-options .payment-option .desc .text {
    font-size: 13px;
    line-height: 1.38462
}

.page-checkout-content .payment-options .payment-option .desc .heading {
    font-weight: 700;
    margin-bottom: 8px
}

.page-checkout-content .payment-options .payment-option .desc .footnote {
    font-size: 13px;
    line-height: 1.38462;
    color: #838282;
    display: block
}

.page-checkout-content .payment-options .payment-option .desc .bank-transfer .items {
    display: flex;
    flex-wrap: wrap;
    margin: -12px
}

.page-checkout-content .payment-options .payment-option .desc .bank-transfer .item {
    width: 50%;
    display: flex;
    align-items: flex-start;
    padding: 12px
}

@media screen and (min-width:640px) {
    .page-checkout-content .payment-options .payment-option .desc .bank-transfer .item {
        width: 25%
    }
}

.page-checkout-content .payment-options .payment-option .desc .bank-transfer .item input[type=radio] {
    margin-top: 8px
}

.page-checkout-content .payment-options .payment-option .desc .bank-transfer .item .bank-label {
    padding-left: 16px
}

.page-checkout-content .payment-options .payment-option .desc .bank-transfer .item .bank-label .image {
    max-width: 80px
}

.page-checkout-content .payment-options .payment-option .desc .credit-card .items {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.page-checkout-content .payment-options .payment-option .desc .credit-card .item {
    padding: 8px
}

.page-checkout-content .payment-options .payment-option .desc .credit-card .item .credit-label {
    padding-left: 16px
}

.page-checkout-content .payment-options .payment-option .desc .credit-card .item .credit-label .image {
    max-width: 200px
}

.page-checkout-content .payment-options .payment-option .desc .kredivo .item {
    display: flex;
    align-items: flex-start
}

.page-checkout-content .payment-options .payment-option .desc .kredivo .item:not(:last-child) {
    margin-bottom: 12px
}

.page-checkout-content .payment-options .payment-option .desc .kredivo .item input[type=radio] {
    margin-top: 8px
}

.page-checkout-content .payment-options .payment-option .desc .kredivo .item .item-label {
    padding-left: 16px
}

.page-checkout-content .payment-options .payment-option .desc .kredivo .item .item-label .image {
    margin-bottom: 8px
}

.page-checkout-content .payment-options .payment-option .desc .kredivo .item .item-label p {
    margin-bottom: 0
}

.page-checkout-content .payment-options .payment-option .desc .virtual-account .items {
    display: flex;
    flex-wrap: wrap;
    margin: -12px
}

.page-checkout-content .payment-options .payment-option .desc .virtual-account .item {
    width: 50%;
    display: flex;
    align-items: flex-start;
    padding: 12px
}

@media screen and (min-width:640px) {
    .page-checkout-content .payment-options .payment-option .desc .virtual-account .item {
        width: 25%
    }
}

.page-checkout-content .payment-options .payment-option .desc .virtual-account .item input[type=radio] {
    margin-top: 8px
}

.page-checkout-content .payment-options .payment-option .desc .virtual-account .item .item-label {
    padding-left: 16px
}

.page-checkout-content .payment-options .payment-option .desc .virtual-account .item .item-label .image {
    max-width: 80px
}

.page-checkout-content .payment-options .payment-option .desc .ewallet .items {
    display: flex;
    flex-wrap: wrap;
    margin: -12px
}

.page-checkout-content .payment-options .payment-option .desc .ewallet .item {
    width: 50%;
    display: flex;
    align-items: flex-start;
    padding: 12px
}

@media screen and (min-width:640px) {
    .page-checkout-content .payment-options .payment-option .desc .ewallet .item {
        width: 25%
    }
}

.page-checkout-content .payment-options .payment-option .desc .ewallet .item input[type=radio] {
    margin-top: 8px
}

.page-checkout-content .payment-options .payment-option .desc .ewallet .item .item-label {
    padding-left: 16px
}

.page-checkout-content .payment-options .payment-option .desc .ewallet .item .item-label .image {
    max-width: 80px
}

.page-checkout-content .payment-options .payment-option .desc .installment .item {
    display: flex;
    align-items: flex-start
}

.page-checkout-content .payment-options .payment-option .desc .installment .item:not(:last-child) {
    margin-bottom: 16px
}

.page-checkout-content .payment-options .payment-option .desc .installment .item input[type=radio] {
    margin-top: 8px
}

.page-checkout-content .payment-options .payment-option .desc .installment .item .item-label {
    padding-left: 16px
}

.page-checkout-content .payment-options .payment-option .desc .installment .item .item-label .image {
    max-width: 100px;
    margin-bottom: 8px
}

.page-checkout-content .payment-options .payment-option .desc .installment .item .item-label p {
    margin-bottom: 0
}

.page-checkout-content .payment-options .payment-option .desc .ccinstallment .heading .logo {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    display: inline-block;
    margin-right: 4px;
    padding: 1px 4px
}

.page-checkout-content .payment-options .payment-option .desc .ccinstallment .heading .logo .image {
    -o-object-fit: contain;
    object-fit: contain;
    height: 16px;
    width: 32px
}

.page-checkout-content .payment-options .payment-option .desc .ccinstallment .item {
    align-items: baseline;
    display: flex
}

.page-checkout-content .payment-options .payment-option .desc .ccinstallment .item:not(:last-child) {
    margin-bottom: 12px
}

.page-checkout-content .payment-options .payment-option .desc .ccinstallment .item input[type=radio] {
    position: relative;
    top: 1px
}

.page-checkout-content .payment-options .payment-option .desc .ccinstallment .item .item-label {
    padding-left: 8px
}

.page-checkout-content .payment-options .payment-option .desc .ccinstallment .item .item-label p {
    margin-bottom: 0
}

.page-checkout-content .form-submit {
    padding-top: 32px
}

.page-checkout-content .order-summary-product .item {
    display: flex;
    justify-content: space-between
}

.page-checkout-content .order-summary-product .item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d9d9d9
}

.page-checkout-content .order-summary-product .item .meta {
    width: calc(100% - 110px);
    padding-right: 24px
}

.page-checkout-content .order-summary-product .item .meta p {
    font-size: 13px;
    line-height: 1.38462;
    color: #838282
}

.page-checkout-content .order-summary-product .item .meta p:not(:last-child) {
    margin-bottom: 4px
}

.page-checkout-content .order-summary-product .item .meta .title {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    color: #393939
}

.page-checkout-content .order-summary-product .item .meta .title .badge {
    display: inline-block;
    font-weight: 400
}

.page-checkout-content .order-summary-product .item .meta .title .badge.badge-preorder {
    border: 1px solid #073e9a;
    color: #073e9a;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.33334
}

.page-checkout-content .order-summary-product .item .meta .price {
    color: #393939
}

.page-checkout-content .order-summary-product .item .meta .shipping-additional {
    padding-top: 12px
}

.page-checkout-content .order-summary-product .item .meta .shipping-additional p {
    display: flex
}

.page-checkout-content .order-summary-product .item .meta .shipping-additional .label {
    padding-left: 8px
}

.page-checkout-content .order-summary-product .item .total {
    width: 110px;
    font-size: 13px;
    line-height: 1.38462;
    text-align: right
}

.page-checkout-content .order-summary-total {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 2px solid #d9d9d9
}

.page-checkout-content .order-summary-total .item {
    font-size: 13px;
    line-height: 1.38462;
    display: flex;
    justify-content: space-between
}

@media screen and (min-width:640px) {
    .page-checkout-content .order-summary-total .item {
        font-size: 15px;
        line-height: 1.6
    }
}

.page-checkout-content .order-summary-total .item p {
    margin-bottom: 0
}

.page-checkout-content .order-summary-total .item:not(:last-child) {
    margin-bottom: 4px
}

.page-checkout-content .order-summary-total .item .label {
    width: 50%;
    padding-right: 12px
}

.page-checkout-content .order-summary-total .item .value {
    font-weight: 700;
    text-align: right;
    width: 50%
}

.page-checkout-content .order-summary-total .item.insurance .label {
    display: flex;
    align-items: center
}

.page-checkout-content .order-summary-total .item.insurance .label .icon {
    color: #0ba300;
    font-size: 15px;
    line-height: 1.6;
    margin-top: -2px;
    margin-left: 4px
}

.page-checkout-content .order-summary-total .item.coupon .label .coupon-code {
    display: inline-block;
    font-size: 12px;
    line-height: 1.33334;
    border: 1px solid #073e9a;
    border-radius: 2px;
    padding: 1px 4px;
    font-weight: 400;
    color: #073e9a
}

.page-checkout-content .order-summary-total .item.coupon .coupon-remove {
    color: #838282;
    height: 16px;
    width: 16px
}

.page-checkout-content .order-summary-total .item.coupon .coupon-remove:focus,
.page-checkout-content .order-summary-total .item.coupon .coupon-remove:hover {
    color: #f4474a
}

.page-checkout-content .order-summary-total .item.coupon .value {
    color: #0ba300
}

.page-checkout-content .order-summary-total .item.total .label {
    font-weight: 700;
    text-transform: uppercase
}

.page-checkout-content .order-summary-total .item.total .value {
    color: #ff3636
}

.page-checkout-content .shipping-detail .address {
    color: #838282;
    margin-bottom: 24px
}

.page-checkout-content .shipping-detail .address strong {
    color: #393939
}

.page-checkout-content .shipping-detail .shipping-heading {
    margin-bottom: 0
}

.page-checkout-content .shipping-detail .shipping-method {
    color: #838282
}

.checkout-complete {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    background-color: #f8f8f8;
    padding: 48px 16px 64px
}

@media screen and (min-width:414px) {
    .checkout-complete {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .checkout-complete {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .checkout-complete {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .checkout-complete {
        padding-left: 64px;
        padding-right: 64px
    }
}

.checkout-complete-main {
    text-align: center
}

.checkout-complete-main .title {
    margin-bottom: 12px;
    font-style: italic
}

.checkout-complete-main .text {
    color: #666
}

.checkout-complete-main .text .highlight {
    color: #ff3636;
    font-weight: 700
}

.checkout-complete-main .payment-detail.bank-transfer .heading {
    margin-bottom: 12px;
    color: #666
}

.checkout-complete-main .payment-detail.bank-transfer .item-frame {
    background-color: #fff;
    border: 1px solid #e5e8eb;
    border-radius: 2px;
    box-shadow: 0 0 2px rgba(57, 57, 57, .04), 0 2px 4px 0 rgba(57, 57, 57, .08);
    max-width: 320px;
    margin: 0 auto;
    padding: 16px
}

.checkout-complete-main .payment-detail.bank-transfer .item-frame p {
    font-size: 16px;
    line-height: 1.5
}

.checkout-complete-main .payment-detail.bank-transfer .item-frame p:not(:last-child) {
    margin-bottom: 2px
}

.checkout-complete-main .payment-detail.bank-transfer .item-frame p.bank-name {
    font-size: 14px;
    line-height: 1.42857
}

.checkout-complete-main .payment-detail.bank-transfer .item-frame p.account-name {
    font-weight: 700;
    color: #073e9a
}

.checkout-complete-main .payment-detail.bank-transfer .item-frame p.account-number {
    font-weight: 700
}

.checkout-complete-main .payment-detail.bank-transfer .button {
    margin-top: 24px
}

.checkout-complete-detail {
    border-top: 1px solid #d9d9d9;
    margin-top: 32px;
    padding-top: 32px
}

.checkout-complete-detail .sections {
    margin: -8px
}

@media screen and (min-width:768px) {
    .checkout-complete-detail .sections {
        display: flex
    }
}

.checkout-complete-detail .section {
    display: block;
    width: calc(100% - 16px);
    margin: 8px;
    padding: 24px;
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

@media screen and (min-width:768px) {
    .checkout-complete-detail .section {
        width: calc(50% - 16px)
    }
}

.checkout-complete-detail .section-heading {
    border-bottom: 1px solid #d9d9d9;
    font-style: italic;
    padding-bottom: 6px;
    text-transform: uppercase
}

.checkout-complete-detail .order-summary-product .item {
    display: flex;
    justify-content: space-between
}

.checkout-complete-detail .order-summary-product .item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d9d9d9
}

.checkout-complete-detail .order-summary-product .item .meta {
    padding-right: 24px
}

.checkout-complete-detail .order-summary-product .item .meta p {
    font-size: 13px;
    line-height: 1.38462;
    color: #838282
}

.checkout-complete-detail .order-summary-product .item .meta p:not(:last-child) {
    margin-bottom: 4px
}

.checkout-complete-detail .order-summary-product .item .meta .title {
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    color: #393939
}

.checkout-complete-detail .order-summary-product .item .meta .title .badge {
    display: inline-block;
    font-weight: 400
}

.checkout-complete-detail .order-summary-product .item .meta .title .badge.badge-preorder {
    border: 1px solid #073e9a;
    color: #073e9a;
    border-radius: 2px;
    padding: 2px 4px;
    font-size: 12px;
    line-height: 1.33334
}

.checkout-complete-detail .order-summary-product .item .total {
    font-size: 13px;
    line-height: 1.38462
}

.checkout-complete-detail .order-summary-total {
    padding-top: 24px;
    margin-top: 32px;
    border-top: 1px solid #d9d9d9
}

.checkout-complete-detail .order-summary-total .item {
    display: flex;
    justify-content: space-between
}

.checkout-complete-detail .order-summary-total .item p {
    margin-bottom: 0
}

.checkout-complete-detail .order-summary-total .item:not(:last-child) {
    margin-bottom: 4px
}

.checkout-complete-detail .order-summary-total .item .label {
    width: 50%;
    padding-right: 12px;
    font-weight: 700
}

.checkout-complete-detail .order-summary-total .item .value {
    width: 50%;
    text-align: right
}

.checkout-complete-detail .order-summary-total .item.coupon .label .coupon-code {
    display: inline-block;
    font-size: 12px;
    line-height: 1.33334;
    border: 1px solid #073e9a;
    border-radius: 2px;
    padding: 2px 4px;
    font-weight: 400;
    color: #073e9a
}

.checkout-complete-detail .order-summary-total .item.coupon .value {
    color: #0ba300
}

.checkout-complete-detail .order-summary-total .item.total .label {
    text-transform: uppercase
}

.checkout-complete-detail .order-summary-total .item.total .value {
    font-weight: 700;
    color: #ff3636
}

.checkout-complete-detail .shipping-detail .address {
    color: #838282;
    margin-bottom: 24px
}

.checkout-complete-detail .shipping-detail .address strong {
    color: #393939
}

.checkout-complete-detail .shipping-detail .shipping-heading {
    margin-bottom: 0
}

.checkout-complete-detail .shipping-detail .shipping-method {
    color: #838282
}

.checkout-milestone {
    width: 100%;
    max-width: 640px;
    padding-left: 32px;
    padding-right: 32px;
    margin: 0 auto 56px
}

.checkout-milestone .items {
    display: flex;
    justify-content: space-between
}

.checkout-milestone .item {
    text-align: right;
    position: relative
}

.checkout-milestone .item:not(:first-child) {
    width: 50%
}

.checkout-milestone .item:not(:first-child):before {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-color: #e5e8eb;
    position: absolute;
    top: 8px
}

.checkout-milestone .item .container {
    width: 20px;
    position: relative;
    display: inline-block
}

.checkout-milestone .item .circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #bdbdbd;
    margin-bottom: 8px
}

.checkout-milestone .item .circle:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff
}

.checkout-milestone .item .label {
    position: absolute;
    width: 95px;
    left: -37px;
    text-align: center;
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:414px) {
    .checkout-milestone .item .label {
        font-size: 15px;
        line-height: 1.6
    }
}

.checkout-milestone .item.is-active .circle,
.checkout-milestone .item.is-active:not(:first-child):before {
    background-color: #32cb68
}

.popup-address-add {
    padding: 16px
}

@media screen and (min-width:640px) {
    .popup-address-add {
        padding: 24px
    }
}

@media screen and (min-width:768px) {
    .popup-address-add {
        padding: 32px
    }
}

.popup-address-add .popup-header {
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9
}

.about-us-in {
    background-color: #f8f8f8
}

.about-us-head {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px
}

@media screen and (min-width:414px) {
    .about-us-head {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .about-us-head {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .about-us-head {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .about-us-head {
        padding-left: 64px;
        padding-right: 64px
    }
}

.about-us-head:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.about-us-head .about-us-title {
    display: inline-block;
    padding: 12px 24px;
    position: relative;
    margin-left: 8px
}

.about-us-head .about-us-title:before {
    content: "";
    display: block;
    background-color: #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-20deg)
}

.about-us-head .about-us-title .text {
    font-style: italic;
    font-weight: 700;
    position: relative;
    color: #fff;
    text-transform: uppercase
}

.about-us .about-content-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 48px
}

@media screen and (min-width:414px) {
    .about-us .about-content-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .about-us .about-content-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .about-us .about-content-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .about-us .about-content-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.about-us .about-content-wrapper .text-content {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334;
    font-style: italic;
    margin: 8px 0 32px
}

@media screen and (min-width:640px) {
    .about-us .about-content-wrapper .text-content {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.about-us .about-content .about-contact {
    text-align: center
}

.about-us .about-content .about-contact .sub-contact {
    text-transform: uppercase;
    margin-bottom: 0
}

.about-us .about-content .about-contact .social-link {
    margin-top: 18px;
    margin-bottom: 22px
}

.about-us .about-content .about-contact .social-link-items {
    list-style: none;
    justify-content: center;
    display: flex;
    margin: -8px;
    padding: 0
}

.about-us .about-content .about-contact .social-link-item {
    text-align: center;
    margin: 8px;
    width: auto
}

.about-us .about-content .about-contact .social-link-item .link {
    font-size: 48px;
    line-height: 1.16667
}

.about-us .about-content .about-contact .social-link-item .instagram {
    color: #3f729b !important
}

.about-us .about-content .about-contact .social-link-item .facebook {
    color: #3b5998 !important
}

.about-us .about-content .about-contact .social-link-item .youtube {
    color: #cd332d !important
}

.about-us .about-content .about-contact .social-link-item .social-link-text {
    color: #838282
}

.about-us .about-content .about-contact .social-link-item .social-link-text .text-count {
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5
}

.about-us .about-content .about-contact .social-link-item .social-link-text .followers {
    text-align: center;
    font-size: 13px;
    line-height: 1.38462;
    text-transform: uppercase
}

.about-us .about-content-inner {
    padding-bottom: 32px
}

.about-us .about-content-inner .image-inner {
    margin: -4px;
    display: flex;
    flex-wrap: wrap
}

.about-us .about-content-inner .image-inner>* {
    margin: 4px;
    width: 31.3333333333%;
    width: calc(33.33333% - 8px)
}

.about-us .about-content-inner .image-inner .images-inner-content {
    position: relative;
    width: auto;
    height: auto
}

.about-us .about-content-inner .image-inner .images-inner-content .images {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.about-us .about-content .loc-showroom .text:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 12px
}

.about-us .about-content .sub-text {
    color: #666
}

.about-us .loc-showroom {
    padding-top: 32px
}

@media screen and (min-width:1024px) {
    .about-us .loc-showroom {
        padding-top: 48px
    }
}

.about-us .loc-showroom .text {
    color: #073e9a;
    font-style: italic
}

.about-us .loc-showroom-content+.loc-showroom-content {
    border-top: 1px solid #d9d9d9;
    margin-top: 32px;
    padding-top: 32px
}

.about-us .loc-showroom-content iframe {
    width: 100%;
    height: 256px
}

@media screen and (min-width:768px) {
    .about-us .loc-showroom-content iframe {
        height: 400px
    }
}

.about-us .loc-showroom-inf {
    margin-top: 16px
}

.about-us .loc-showroom-inf .texts {
    margin-bottom: 0;
    font-weight: 700
}

.about-us .loc-showroom-inf .information {
    width: 100%
}

.about-us .loc-showroom-inf .information .value {
    margin-bottom: 0
}

.brand-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 16px 16px 64px
}

@media screen and (min-width:414px) {
    .brand-list {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .brand-list {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .brand-list {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .brand-list {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .brand-list {
        padding-top: 32px
    }
}

.brand-list-wrapper {
    margin: -12px -8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.brand-list-wrapper>* {
    margin: 12px 8px;
    width: 48%;
    width: calc(50% - 16px)
}

@media screen and (min-width:640px) {
    .brand-list-wrapper {
        margin: -12px -8px
    }

    .brand-list-wrapper>* {
        margin: 12px 8px;
        width: 31.3333333333%;
        width: calc(33.33333% - 16px)
    }
}

@media screen and (min-width:768px) {
    .brand-list-wrapper {
        margin: -16px -12px
    }

    .brand-list-wrapper>* {
        margin: 16px 12px;
        width: 31.3333333333%;
        width: calc(33.33333% - 24px)
    }
}

@media screen and (min-width:1024px) {
    .brand-list-wrapper {
        margin: -16px -12px
    }

    .brand-list-wrapper>* {
        margin: 16px 12px;
        width: 23%;
        width: calc(25% - 24px)
    }
}

@media screen and (min-width:1280px) {
    .brand-list-wrapper {
        margin: -16px -12px
    }

    .brand-list-wrapper>* {
        margin: 16px 12px;
        width: 18%;
        width: calc(20% - 24px)
    }
}

.brand-list-content {
    flex: 0 0 auto
}

.brand-list-content .image-brand {
    position: relative;
    padding-top: 56.25%
}

.brand-list-content .image-brand:before {
    content: "";
    border: 1px solid rgba(0, 0, 0, .2);
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.brand-list-content .image-brand .images {
    height: 100%;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%
}

.brand-list .list-brand {
    color: #000;
    text-align: center;
    padding-top: 6px
}

.brand-list .list-brand .text {
    text-transform: capitalize
}

.brand-us,
.list-detail {
    background: #f8f8f8
}

.list-detail {
    padding-bottom: 48px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .list-detail {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .list-detail {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .list-detail {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .list-detail {
        padding-left: 64px;
        padding-right: 64px
    }
}

.list-detail-head {
    align-items: center;
    display: flex;
    margin-bottom: 16px;
    padding-top: 24px
}

.list-detail-head .logo {
    height: 32px;
    margin-right: 12px
}

@media screen and (min-width:640px) {
    .list-detail-head .logo {
        margin-right: 16px
    }
}

.list-detail-head .text {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334
}

@media screen and (min-width:640px) {
    .list-detail-head .text {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.list-detail-head .text .sub-text {
    color: #666;
    font-weight: 400
}

.list-detail .detail-brand-wrapper {
    padding-top: 12px;
    padding-bottom: 48px
}

.list-detail .detail-brand .page-display .inner-content {
    width: 100%;
    padding: 8px
}

@media screen and (min-width:414px) {
    .list-detail .detail-brand .page-display .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .list-detail .detail-brand .page-display .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1024px) {
    .list-detail .detail-brand .page-display .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1280px) {
    .list-detail .detail-brand .page-display .inner-content {
        width: 25%;
        position: relative;
        min-height: 100%
    }
}

.list-detail .detail-brand .page-display .inner-content-wrapper {
    background-color: #fff;
    position: relative;
    display: block;
    min-height: 100%
}

.list-detail .detail-brand .page-display .inner-content .images-flag {
    position: absolute;
    top: 0;
    right: 8px;
    width: 52px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.list-detail .detail-brand .page-display .inner-content .flags {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-ket .ket-head {
    margin-bottom: 68px;
    padding: 16px 24px 14px
}

@media screen and (min-width:1024px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-ket .ket-head {
        padding: 28px 24px 14px
    }
}

@media screen and (min-width:1280px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 14px
    }
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    color: #333;
    margin-bottom: 0;
    padding-bottom: 2px
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-ket .price {
    font-weight: 500;
    color: #666;
    margin-bottom: 0;
    padding-top: 2px
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-ket .sub-price {
    font-weight: 700;
    color: #ff3636;
    font-size: 14px
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-ket .sub-price {
        font-size: 15px
    }
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-ket .sub-pricing {
    padding-left: 6px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555450;
    font-size: 11px
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-ket .sub-pricing {
        font-size: 11px
    }
}

.list-detail .detail-brand .page-display .inner-content-ket .button-love {
    bottom: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    display: block;
    padding: 14px 24px 11px
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-love .icon-inline {
    position: relative;
    font-size: 24px;
    color: red
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .list-detail .detail-brand .page-display .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.list-detail .detail-brand .page-display .inner-content-head {
    position: relative;
    min-height: 100%
}

@media screen and (min-width:768px) {
    .list-detail .detail-brand .page-display .inner-content-head {
        height: 296px
    }
}

.list-detail .detail-brand .page-display .inner-content-head .head-inside {
    padding: 16px 6px 0
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-head .head-inside {
        padding: 6px 6px 0
    }
}

.list-detail .detail-brand .page-display .inner-content-head .head-insider {
    display: flex;
    justify-content: center;
    align-items: center
}

.list-detail .detail-brand .page-display .inner-content-head .image-content {
    position: relative;
    width: 143px;
    height: 143px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.list-detail .detail-brand .page-display .inner-content-head .images {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 196px;
    height: 100%
}

.list-detail .detail-brand .page-display .inner-content-head .ekspedisi {
    display: block;
    justify-content: space-between;
    bottom: 0
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        margin: -12px
    }
}

.list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inners-img {
    width: 100%;
    padding: 0 12px;
    background-color: #ff2932;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inners-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inner-img {
    width: 100%;
    padding: 0 12px;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inner-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .list-detail .detail-brand .page-display .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.list-detail .detail-brand .page-display .inner-content .icons {
    display: flex;
    top: 12px;
    position: absolute;
    left: 12px;
    flex-wrap: wrap;
    right: 56px
}

.list-detail .detail-brand .page-display .inner-content .icons .icon-star {
    margin-bottom: 0;
    width: 16%
}

@media screen and (min-width:1280px) {
    .list-detail .detail-brand .page-display .inner-content .icons .icon-star {
        width: 12%
    }
}

.list-detail .detail-brand .page-display .inner-content .icons .icon-star .icon {
    color: #ff3636;
    height: 28px;
    width: 28px
}

.list-detail .detail-brand .page-display .inner-content .icons .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.list-detail .detail-brand .page-display .inner-content .persen {
    position: absolute;
    top: 9px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #fff
}

.list-detail .border-bottom,
.list-detail .borders-botom {
    display: flex;
    align-items: center;
    justify-content: center
}

.list-detail .border-bottom {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid
}

.page-instalment {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 52px 16px 41px;
    margin-bottom: 161px
}

@media screen and (min-width:414px) {
    .page-instalment {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-instalment {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-instalment {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-instalment {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-instalment-wrapper {
    padding-bottom: 21px
}

.page-instalment-wrapper .text {
    font-style: italic;
    color: #bdbdbd
}

.detail-installment {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    display: block;
    padding-top: 32px
}

@media screen and (min-width:414px) {
    .detail-installment {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .detail-installment {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .detail-installment {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .detail-installment {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:768px) {
    .detail-installment {
        display: flex
    }
}

.detail-installment .installment-us {
    width: 100%
}

@media screen and (min-width:768px) {
    .detail-installment .installment-us {
        width: calc(100% - 180px)
    }
}

.detail-installment .installment-us-head:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.detail-installment .installment-us-head .installment-us-title {
    display: inline-block;
    padding: 12px 24px;
    position: relative;
    margin-left: 8px
}

.detail-installment .installment-us-head .installment-us-title:before {
    content: "";
    display: block;
    background-color: #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-20deg)
}

.detail-installment .installment-us-head .installment-us-title .text {
    font-style: italic;
    font-weight: 700;
    position: relative;
    color: #fff;
    text-transform: uppercase
}

.detail-installment .installment-inner {
    flex: 1 1 auto
}

.detail-installment .installment-inner-page {
    padding-top: 24px;
    padding-bottom: 24px
}

@media screen and (min-width:768px) {
    .detail-installment .installment-inner-pages {
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #d9d9d9
    }
}

.detail-installment .installment-inner-pages .inner-content {
    display: flex
}

.detail-installment .installment-inner-pages .inner-content-image {
    flex: 0 0 auto;
    margin-right: 16px;
    width: 128px
}

@media screen and (min-width:1112px) {
    .detail-installment .installment-inner-pages .inner-content-image {
        margin-right: 32px;
        width: 160px
    }
}

.detail-installment .installment-inner-pages .inner-content-meta {
    flex: 1 1 auto;
    display: block
}

@media screen and (min-width:1024px) {
    .detail-installment .installment-inner-pages .inner-content-meta {
        display: flex
    }
}

.detail-installment .installment-inner-pages .inner-content-meta .title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    font-weight: 700;
    color: #333
}

@media screen and (min-width:768px) {
    .detail-installment .installment-inner-pages .inner-content-meta .title {
        font-size: 18px;
        line-height: 1.33334
    }
}

.detail-installment .installment-inner-pages .inner-content-meta .price {
    color: #bbb;
    margin-bottom: 8px
}

.detail-installment .installment-inner-pages .inner-content-meta .meta-text {
    width: 100%
}

@media screen and (min-width:1024px) {
    .detail-installment .installment-inner-pages .inner-content-meta .meta-text {
        width: 40%
    }
}

.detail-installment .installment-inner-pages .inner-content .product-qty {
    display: flex;
    align-items: center
}

@media screen and (min-width:768px) {
    .detail-installment .installment-inner-pages .inner-content .product-qty {
        width: 180px
    }
}

.detail-installment .installment-inner-pages .inner-content .product-qty-input {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border: 1px solid #bbb;
    border-radius: 2px
}

.detail-installment .installment-inner-pages .inner-content .product-qty-input .input {
    text-align: center;
    width: 56px;
    border: none
}

.detail-installment .installment-inner-pages .inner-content .product-qty-input .minus,
.detail-installment .installment-inner-pages .inner-content .product-qty-input .plus {
    color: #073e9a;
    cursor: pointer;
    font-size: 13px;
    line-height: 1.38462
}

.detail-installment .installment-inner-pages .inner-content .product-qty .remove {
    color: #838282;
    margin-left: 16px;
    font-size: 18px;
    line-height: 1.33334
}

.detail-installment .installment-inner-pages .inner-content .product-qty .remove:hover {
    color: #f4474a
}

.detail-installment .installment-inner-pages .inner-content .product-total {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
    display: block;
    font-weight: 700;
    color: #ff3636;
    padding-top: 12px
}

@media screen and (min-width:1024px) {
    .detail-installment .installment-inner-pages .inner-content .product-total {
        font-size: 18px;
        line-height: 1.33334;
        display: block;
        width: 60%;
        text-align: right;
        font-weight: 700;
        padding-top: 0
    }
}

.detail-installment .aside {
    width: 100%
}

@media screen and (min-width:768px) {
    .detail-installment .aside {
        flex: 0 0 auto;
        padding-left: 32px;
        width: 50%
    }
}

@media screen and (min-width:1024px) {
    .detail-installment .aside {
        padding-left: 48px;
        width: 37.5%
    }
}

.detail-installment .aside-section {
    padding: 24px;
    background-color: #e5e8eb
}

.detail-installment .aside-section:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width:1024px) {
    .detail-installment .aside-section:not(:last-child) {
        margin-bottom: 48px
    }
}

.detail-installment .aside-section-heading {
    border-bottom: 1px solid #636363;
    font-style: italic;
    padding-bottom: 6px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.detail-installment .aside-section .order-summary-product .item {
    font-size: 14px;
    line-height: 1.42857;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.detail-installment .aside-section .order-summary-product .item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #636363
}

.detail-installment .aside-section .order-summary .meta .text {
    font-weight: 700;
    margin-bottom: 0
}

.detail-installment .aside-section .order-summary .meta .sub-text {
    font-size: 12px;
    line-height: 1.33334;
    font-weight: 500;
    margin-bottom: 0;
    color: #838282
}

.detail-installment .aside-section .order-summary .meta-price .text {
    font-weight: 700
}

.detail-installment .aside-section .order-summary-total {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #bbb
}

.detail-installment .aside-section .price-summary .side-summary {
    display: flex;
    justify-content: space-between
}

.detail-installment .aside-section .price-summary .side-summary .text {
    font-weight: 700;
    width: 50%;
    margin-bottom: 0
}

.detail-installment .aside-section .price-summary .side-summary .sub-text {
    width: 50%;
    text-align: right;
    font-weight: 700;
    margin-bottom: 0
}

.detail-installment .aside-section .price-summary .side-summary .sub-texts {
    font-weight: 700;
    color: #ff3636
}

.detail-installment .aside-section .button-edit {
    text-align: right;
    padding-top: 24px
}

.detail-installment .aside-section .button-edits {
    background: #495458;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    border-radius: 2px;
    border: 1px solid transparent;
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.page-installment-action {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 24px 16px 64px
}

@media screen and (min-width:414px) {
    .page-installment-action {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-installment-action {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-installment-action {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-installment-action {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:640px) {
    .page-installment-action {
        display: flex;
        justify-content: flex-end
    }
}

.page-installment-action .button {
    width: 100%
}

.page-installment-action .button:not(:last-child) {
    margin-bottom: 16px
}

@media screen and (min-width:640px) {
    .page-installment-action .button {
        width: 100%;
        max-width: 180px;
        margin-left: 16px
    }

    .page-installment-action .button:not(:last-child) {
        margin-bottom: 0
    }
}

.form-installment {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .form-installment {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .form-installment {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .form-installment {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .form-installment {
        padding-left: 64px;
        padding-right: 64px
    }
}

.form-installment .installment-us {
    width: 100%;
    padding-top: 39px
}

.form-installment .installment-us-head:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.form-installment .installment-us-head .installment-us-title {
    display: inline-block;
    padding: 8px 24px;
    position: relative;
    margin-left: 8px;
    text-transform: uppercase;
    font-style: italic
}

.form-installment .installment-us-head .installment-us-title:before {
    content: "";
    display: block;
    background-color: #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-20deg)
}

.form-installment .installment-us-head .installment-us-title .text {
    font-style: italic;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff
}

.form-installment-inner {
    padding-top: 24px
}

.form-installment-inner .input-form {
    padding-bottom: 64px
}

.form-installment-inner .input-form-inner {
    display: block
}

@media screen and (min-width:1024px) {
    .form-installment-inner .input-form-inner {
        display: flex
    }
}

.form-installment-inner .input-form .form-left {
    width: 100%;
    padding-bottom: 12px
}

@media screen and (min-width:1024px) {
    .form-installment-inner .input-form .form-left {
        flex: 1 1 auto;
        padding-bottom: 0
    }
}

.form-installment-inner .input-form .form-left .installment-form:after {
    content: "";
    padding-bottom: 8px;
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.form-installment-inner .input-form .form-left .installment-form .text {
    font-size: 20px;
    text-transform: capitalize;
    color: #485458
}

.form-installment-inner .input-form .form-left-inner {
    width: 100%;
    padding-bottom: 12px
}

.form-installment-inner .input-form .form-left-inner label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 4px;
    text-transform: capitalize
}

.form-installment-inner .input-form .form-left-inner .star {
    color: red
}

.form-installment-inner .input-form .form-left-inner .inputs-form {
    width: 100%
}

.form-installment-inner .input-form .form-left-inner .place-inner {
    display: flex;
    margin: -8px;
    padding-top: 12px;
    padding-bottom: 12px
}

.form-installment-inner .input-form .form-left-inner .place-inner-one {
    width: 33.333333%;
    padding: 0 8px
}

.form-installment-inner .input-form .form-left-inner .place-inner-one .inputs-form[type=number]::-webkit-inner-spin-button,
.form-installment-inner .input-form .form-left-inner .place-inner-one .inputs-form[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-installment-inner .input-form .form-left-inner .place-inner-one .inputs-form[type=number] {
    -moz-appearance: textfield
}

.form-installment-inner .input-form .form-left-inner .place-town {
    display: flex;
    flex-wrap: wrap;
    margin: -8px
}

.form-installment-inner .input-form .form-left-inner .place-town-one {
    width: 50%;
    padding: 0 8px 12px
}

.form-installment-inner .input-form .form-left-inner .place-town .inputs-form[type=number]::-webkit-inner-spin-button,
.form-installment-inner .input-form .form-left-inner .place-town .inputs-form[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-installment-inner .input-form .form-left-inner .place-town .inputs-form[type=number] {
    -moz-appearance: textfield
}

.form-installment-inner .input-form .form-left-inner .form-places {
    padding-bottom: 12px
}

.form-installment-inner .input-form .form-left-inner .form-places-inner {
    background-color: #f8f8f8;
    border: 1px solid #e4e8eb;
    display: block;
    margin-top: 8px;
    padding: 12px
}

@media screen and (min-width:414px) {
    .form-installment-inner .input-form .form-left-inner .form-places-inner {
        padding: 16px
    }
}

.form-installment-inner .input-form .form-left-inner .form-places .form-places-inner {
    display: block
}

.form-installment-inner .input-form .form-left-inner .form-places input[type=checkbox]:checked~.form-places-inner {
    display: none
}

.form-installment-inner .input-form .form-left .checkbox-inside {
    padding-bottom: 26px
}

.form-installment-inner .input-form .form-left .installment-form {
    margin-bottom: 14px
}

.form-installment-inner .input-form .form-left .form-left-wrapper {
    width: 100%;
    display: flex
}

.form-installment-inner .input-form .form-left .form-left-wrapper .left-form {
    width: 50%;
    padding: 0 8px 0 0
}

.form-installment-inner .input-form .form-left .form-left-wrapper .right-form {
    width: 50%;
    padding: 0 0 0 8px
}

.form-installment-inner .input-form .form-right {
    width: 100%
}

@media screen and (min-width:1024px) {
    .form-installment-inner .input-form .form-right {
        flex: 0 0 auto;
        width: 408px
    }
}

.form-installment-inner .input-form .sending {
    background-color: #f0f3f5;
    border: 1px solid #e4e8eb;
    padding: 16px;
    margin-bottom: 24px
}

.form-installment-inner .input-form .sending .installment-form {
    margin-bottom: 8px
}

.form-installment-inner .input-form .checkbox-place .sub-title {
    color: #003a9d;
    text-transform: capitalize
}

.form-installment-inner .input-form .button-sends {
    margin-top: 16px;
    text-align: right
}

.form-installment .aside {
    width: 100%
}

@media screen and (min-width:1024px) {
    .form-installment .aside {
        padding-left: 48px
    }
}

.form-installment .aside-section {
    padding: 24px;
    background-color: #e5e8eb
}

.form-installment .aside-section:not(:last-child) {
    margin-bottom: 32px
}

@media screen and (min-width:1024px) {
    .form-installment .aside-section:not(:last-child) {
        margin-bottom: 48px
    }
}

.form-installment .aside-section-heading {
    border-bottom: 1px solid #636363;
    font-style: italic;
    padding-bottom: 6px;
    text-transform: uppercase;
    margin-bottom: 16px
}

.form-installment .aside-section .order-summary-product .item {
    font-size: 14px;
    line-height: 1.42857;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.form-installment .aside-section .order-summary-product .item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #636363
}

.form-installment .aside-section .order-summary .meta .text {
    font-weight: 700;
    color: #333;
    margin-bottom: 0
}

.form-installment .aside-section .order-summary .meta .sub-text {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    font-weight: 500;
    margin-bottom: 0
}

.form-installment .aside-section .order-summary .meta-price {
    padding-left: 12px
}

.form-installment .aside-section .order-summary .meta-price .text {
    font-weight: 700
}

.form-installment .aside-section .order-summary-total {
    padding-top: 12px;
    margin-top: 12px;
    border-top: 1px solid #bbb
}

.form-installment .aside-section .price-summary {
    font-size: 14px;
    line-height: 1.42857
}

.form-installment .aside-section .price-summary .side-summary {
    display: flex;
    justify-content: space-between
}

.form-installment .aside-section .price-summary .side-summary:not(:last-child) {
    margin-bottom: 4px
}

.form-installment .aside-section .price-summary .side-summary .text {
    margin-bottom: 0
}

.form-installment .aside-section .price-summary .side-summary .sub-text {
    font-weight: 700;
    margin-bottom: 0;
    padding-left: 12px;
    text-align: right;
    white-space: nowrap
}

.form-installment .aside-section .price-summary-input .select-two {
    padding-top: 12px;
    padding-bottom: 12px
}

.form-installment .aside-section .price-summary-input .select-two .servis {
    width: 100%;
    font-size: 14px;
    font-weight: 700
}

.form-installment .aside-section .price-summary-input .select-two .input-select {
    width: 100%
}

.form-installment .aside-section .price-summary-input .select-two .input-select[type=number]::-webkit-inner-spin-button,
.form-installment .aside-section .price-summary-input .select-two .input-select[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-installment .aside-section .price-summary-input .select-two .input-select[type=number] {
    -moz-appearance: textfield
}

.form-installment .aside-section .price-summary-input .select-three .servis {
    width: 100%;
    font-size: 14px;
    font-weight: 700
}

.form-installment .aside-section .price-summary-input .select-three .input-select {
    width: 100%
}

.form-installment .aside-section .button-edit {
    text-align: right;
    padding-top: 24px
}

.form-installment .aside-section .button-edits {
    background: #495458;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    border-radius: 2px;
    border: 1px solid transparent;
    display: inline-block;
    line-height: 1.5;
    text-align: center;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    padding: 6px 16px;
    font-weight: 700;
    font-size: 14px;
    color: #fff
}

.promotion {
    background-color: #f8f8f8;
    padding-bottom: 64px;
    padding-top: 32px
}

.promotion-page {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .promotion-page {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .promotion-page {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .promotion-page {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .promotion-page {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .promotion-page {
        width: calc(100% - 116px)
    }
}

.promotion-page-content {
    margin: -8px;
    display: flex;
    flex-wrap: wrap
}

.promotion-page-content>* {
    margin: 8px;
    width: 98%;
    width: calc(100% - 16px)
}

@media screen and (min-width:640px) {
    .promotion-page-content {
        margin: -8px
    }

    .promotion-page-content>* {
        margin: 8px;
        width: 48%;
        width: calc(50% - 16px)
    }
}

@media screen and (min-width:1024px) {
    .promotion-page-content {
        margin: -16px
    }

    .promotion-page-content>* {
        margin: 16px;
        width: 31.3333333333%;
        width: calc(33.33333% - 32px)
    }
}

.promotion-page-content .promotion-inners {
    display: flex;
    flex-direction: column;
    position: relative
}

.promotion-page-content .promotion-inner-content {
    padding: 24px 16px;
    display: flex;
    justify-content: center;
    min-height: 100%;
    background: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

.promotion-page-content .promotion-inner .promotion-inner-card {
    font-size: 13px;
    line-height: 1.38462;
    flex: 1 1 auto;
    text-align: center
}

.promotion-page-content .promotion-inner .promotion-inner-card .text {
    color: #666
}

.promotion-page-content .promotion-inner .promotion-inner-card .bold {
    font-weight: 700
}

.promotion-page-content .promotion-inner .button-promotion {
    margin-top: 24px;
    text-align: center
}

.promotion-page-content .promotion-inners-text {
    font-size: 15px;
    line-height: 1.333334;
    border-bottom: 1px solid #d9d9d9;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 16px;
    padding-bottom: 16px;
    text-align: center;
    text-transform: uppercase
}

.buy {
    background-color: #f8f8f8;
    padding-bottom: 64px;
    padding-top: 32px
}

.buy .buying {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .buy .buying {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .buy .buying {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .buy .buying {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .buy .buying {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .buy .buying {
        width: calc(100% - 120px)
    }
}

.buy-head {
    display: block
}

.buy-head+.buy-head {
    border-top: 1px solid #bbb;
    margin-top: 32px;
    padding-top: 32px
}

@media screen and (min-width:1024px) {
    .buy-head {
        display: flex
    }
}

.buy-containers {
    width: 100%;
    padding-right: 0;
    padding-bottom: 24px
}

@media screen and (min-width:1024px) {
    .buy-containers {
        flex: 0 0 auto;
        width: 20%;
        padding-right: 24px;
        padding-bottom: 0
    }
}

.buy-card {
    margin: -12px;
    display: flex;
    flex-wrap: wrap
}

.buy-card>* {
    margin: 12px;
    width: 98%;
    width: calc(100% - 24px)
}

@media screen and (min-width:640px) {
    .buy-card {
        margin: -16px
    }

    .buy-card>* {
        margin: 16px;
        width: 48%;
        width: calc(50% - 32px)
    }
}

.buy-card .buy-container-card {
    background: #fff;
    position: relative;
    border: 2px solid #d9d9d9;
    box-sizing: border-box;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    display: flex;
    align-items: center;
    justify-content: center
}

.buy-card .buy-container-text {
    overflow: hidden;
    transition: all .2s ease-out
}

.buy-card .buy-container .flags {
    background: #003a9d;
    border-radius: 50%;
    height: 32px;
    left: -12px;
    position: absolute;
    top: -8px;
    width: 32px
}

@media screen and (min-width:640px) {
    .buy-card .buy-container .flags {
        height: 40px;
        left: -16px;
        top: -12px;
        width: 40px
    }
}

.buy-card .buy-container .flags .text {
    font-size: 16px;
    line-height: 1.5;
    align-items: center;
    color: #fff;
    display: flex;
    font-weight: 700;
    height: 100%;
    justify-content: center;
    position: relative
}

@media screen and (min-width:640px) {
    .buy-card .buy-container .flags .text {
        font-size: 18px;
        line-height: 1.33334
    }
}

.buy-card .buy-container .text-ket {
    font-size: 13px;
    line-height: 1.38462;
    padding-top: 12px
}

@media screen and (min-width:640px) {
    .buy-card .buy-container .text-ket {
        font-size: 15px;
        line-height: 1.6
    }
}

.buy-card .buy-container .text-ket .text-sale {
    margin-bottom: 2px
}

.buy-card .buy-container .text-ket .text-number {
    margin-bottom: 0
}

.buy-card .buy-container .text-ket .numbers {
    font-weight: 700
}

.buy-card .buy-container .text-ket .link {
    color: #073e9a;
    font-weight: 700
}

.blog {
    padding-bottom: 48px;
    padding-top: 32px
}

@media screen and (min-width:768px) {
    .blog {
        padding-bottom: 64px
    }
}

.blog-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .blog-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .blog-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .blog-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .blog-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.blog-wrapper-desc {
    padding-bottom: 24px
}

.blog-wrapper-desc:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.blog-wrapper-card {
    align-items: center;
    display: flex;
    padding-bottom: 16px
}

.blog-wrapper-content {
    display: block;
    flex: 1 1 auto;
    position: relative
}

.blog-wrapper-content .input {
    font-size: 16px;
    line-height: 1.5;
    background-color: transparent;
    padding-right: 48px;
    width: 100%
}

.blog-wrapper-content .input:focus {
    background-color: #fff
}

.blog-wrapper-content .button {
    background-color: transparent;
    border: 0;
    color: #838282;
    height: 100%;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px
}

.blog-wrapper-content .button .icon {
    height: 100%;
    width: 100%
}

.blog-wrapper-select {
    flex: 0 1 auto;
    margin-left: 8px;
    min-width: 25%
}

.blog-contents-header .images,
.blog-wrapper-select .select {
    width: 100%
}

.blog-contents-ket {
    padding-top: 16px;
    width: 100%
}

.blog-contents-ket .meta {
    font-size: 13px;
    line-height: 1.38462;
    margin-bottom: 2px
}

@media screen and (min-width:640px) {
    .blog-contents-ket .meta {
        font-size: 15px;
        line-height: 1.6
    }
}

.blog-contents-ket .text {
    color: #838282
}

.blog-contents-ket .text-ket {
    font-size: 13px;
    line-height: 1.38462;
    color: #666
}

@media screen and (min-width:640px) {
    .blog-contents-ket .text-ket {
        font-size: 15px;
        line-height: 1.6
    }
}

.blog-contents-ket .tagline {
    color: #838282;
    font-weight: 700
}

.blog-contents-ket .sub-text {
    font-size: 18px;
    line-height: 1.33334;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 2px
}

@media screen and (min-width:640px) {
    .blog-contents-ket .sub-text {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.blog-contents-ket .link {
    color: #393939
}

.blog-contents-ket .link:focus,
.blog-contents-ket .link:hover {
    color: #073e9a
}

.blog-contents .button-blog {
    padding-top: 6px
}

.blog-contents .button-blog .button-primary {
    padding: 6px 38px
}

.blog-content {
    padding-top: 24px
}

@media screen and (min-width:1024px) {
    .blog-content {
        width: calc(100% - 40px)
    }
}

.blog-content:before {
    padding-top: 30px
}

.blog-content-card:after,
.blog-content:before {
    content: "";
    display: block;
    border-top: 1px solid #d9d9d9
}

.blog-content-wrapper {
    padding-bottom: 32px;
    display: flex;
    justify-content: space-between
}

.blog-left {
    flex: 1 1 auto
}

.blog-left-card {
    display: flex
}

.blog-left-card+.blog-left-card {
    margin-top: 24px
}

.blog-left .blog-inners-card {
    flex: 0 1 37.5%;
    margin-right: 16px
}

@media screen and (min-width:640px) {
    .blog-left .blog-inners-card {
        margin-right: 24px
    }
}

.blog-left .blog-inners-card .img-card {
    border-radius: 5px;
    width: 100%;
    height: 100%
}

.blog-left .blog-inners-card .img-card .images {
    max-width: 100%;
    max-height: 100%
}

.blog-left .blog-inners-ket {
    flex: 1 1 auto;
    width: 67.5%
}

.blog-left .meta {
    font-size: 13px;
    line-height: 1.38462;
    margin-bottom: 4px
}

.blog-left .text {
    color: #838282
}

.blog-left .tagline {
    margin-bottom: 0;
    color: #838282;
    font-weight: 700
}

.blog-left .inner-tagline {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 0;
    font-style: italic
}

@media screen and (min-width:768px) {
    .blog-left .inner-tagline {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

.blog-left .link {
    color: #393939
}

.blog-left .link:focus,
.blog-left .link:hover {
    color: #073e9a
}

.blog-left .tagline-card {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    display: none;
    margin-bottom: 0
}

@media screen and (min-width:640px) {
    .blog-left .tagline-card {
        display: block
    }
}

@media screen and (min-width:768px) {
    .blog-left .tagline-card {
        font-size: 15px;
        line-height: 1.6
    }
}

.blog-left .button {
    display: none;
    margin-top: 16px
}

@media screen and (min-width:1024px) {
    .blog-left .button {
        display: inline-block
    }
}

.blog-right {
    align-self: flex-start;
    border-left: 1px solid #666;
    display: none;
    flex: 0 0 auto;
    margin-left: 32px;
    position: sticky;
    top: 16px;
    width: 25%
}

@media screen and (min-width:1024px) {
    .blog-right {
        display: block
    }
}

.blog-right-head {
    padding: 8px 24px;
    background: #003a9d
}

.blog-right-head .text {
    color: #fff;
    font-weight: 700
}

.blog-right-content {
    padding: 12px 0 12px 24px
}

.blog-right-content+.blog-right-content {
    border-top: 1px solid #d9d9d9
}

.blog-right-content .meta {
    font-size: 13px;
    line-height: 1.38462;
    margin-bottom: 0
}

.blog-right-content .text {
    color: #838282
}

.blog-right-content .tagline {
    margin-bottom: 0;
    color: #838282;
    font-weight: 700
}

.blog-right-content .inner-tagline {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    font-style: italic
}

.blog-right-content .inner-tagline .link {
    color: #393939
}

.blog-right-content .inner-tagline .link:focus,
.blog-right-content .inner-tagline .link:hover {
    color: #073e9a
}

.article-blog {
    margin: 0 auto;
    max-width: 1024px
}

.article-blog-header {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 16px;
    padding-bottom: 16px
}

@media screen and (min-width:768px) {
    .article-blog-header {
        margin-bottom: 24px;
        padding-bottom: 24px
    }
}

.article-blog-header .meta {
    font-size: 13px;
    line-height: 1.38462;
    color: #666;
    margin-bottom: 4px
}

.article-blog-header .meta .tagline {
    font-weight: 700
}

.article-blog-header .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33334
}

@media screen and (min-width:768px) {
    .article-blog-header .title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25
    }
}

.page-sk {
    background-color: #f8f8f8;
    padding-top: 32px;
    padding-bottom: 64px
}

.page-sk-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .page-sk-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-sk-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-sk-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-sk-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-sk p {
    font-weight: 400;
    font-size: 15px;
    color: #666
}

.page-sk p span {
    color: #333;
    text-transform: unset
}

.page-sk h6,
.page-sk p span {
    font-weight: 700;
    font-size: 16px
}

.page-sk h6 {
    text-transform: capitalize;
    margin-bottom: 6px
}

.page-sk span ol {
    padding-left: 16px
}

.page-sk span ol li {
    color: #666
}

.page-sk h1 {
    text-transform: capitalize;
    font-size: 16px;
    color: #333;
    margin-bottom: 6px
}

.page-sk span p {
    font-size: 15px;
    color: #666;
    margin-bottom: 4px
}

.page-sk span h2 {
    margin-bottom: 24px;
    font-size: 15px;
    color: #666;
    font-weight: 400
}

.page-sk span div h5 {
    margin-top: 24px
}

.page-sk div ol {
    padding-left: 16px;
    margin-bottom: 24px
}

.page-sk div h1 {
    font-weight: 400;
    font-size: 15px;
    color: #666;
    text-transform: unset
}

.page-sk div ol li {
    color: #666
}

.page-sk div h4,
.page-sk h5 {
    text-transform: capitalize
}

.page-sk h5 {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin-bottom: 6px
}

.page-sk div p {
    font-weight: 400;
    font-size: 15px;
    color: #666;
    text-transform: unset
}

.page-sk div h4,
.page-sk h2 {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-transform: unset;
    margin-bottom: 6px
}

.page-qaa {
    background-color: #f8f8f8;
    padding-bottom: 64px
}

.page-qaa .before-pag {
    border-bottom: 1px solid #d9d9d9;
    margin-top: 32px;
    padding-bottom: 8px
}

.page-qaa .before-pag .count-page {
    font-size: 13px;
    line-height: 1.38462;
    color: #666
}

.page-qa {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px
}

@media screen and (min-width:414px) {
    .page-qa {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-qa {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-qa {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-qa {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-qa-card {
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    padding: 16px
}

@media screen and (min-width:414px) {
    .page-qa-card {
        padding: 24px
    }
}

@media screen and (min-width:640px) {
    .page-qa-card {
        padding: 32px
    }
}

@media screen and (min-width:1024px) {
    .page-qa-card {
        padding: 48px 64px
    }
}

.page-qa-inner {
    padding-top: 20px
}

.page-qa-inner:before {
    content: "";
    padding-bottom: 18px;
    display: block;
    border-top: 1px solid #d9d9d9
}

.page-qa-inner .qa-head,
.page-qa-inners .qa-head {
    font-weight: 700;
    margin-bottom: 4px
}

.page-compare {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 48px
}

@media screen and (min-width:414px) {
    .page-compare {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-compare {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-compare {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-compare {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:640px) {
    .page-compare {
        padding-bottom: 64px
    }
}

.compare-product .row {
    border-top: 1px solid #e5e8eb;
    margin: 0 -4px;
    padding: 12px 0
}

.compare-product .row:after,
.compare-product .row:before {
    content: "";
    display: table
}

.compare-product .row:after {
    clear: both
}

@media screen and (min-width:414px) {
    .compare-product .row {
        margin: 0 -8px
    }
}

@media screen and (min-width:768px) {
    .compare-product .row {
        margin: 0
    }
}

.compare-product .row:first-child {
    border-top: 0;
    padding-top: 0
}

.compare-product .row:last-child {
    border-top-color: #bbb;
    padding-bottom: 0
}

.compare-product .row.row-subject .delete {
    color: #393939;
    font-size: 10px;
    line-height: 1;
    padding: 6px;
    position: absolute;
    right: 4px;
    top: 0;
    transition: all .2s ease-out
}

@media screen and (min-width:414px) {
    .compare-product .row.row-subject .delete {
        font-size: 12px;
        right: 8px
    }
}

@media screen and (min-width:768px) {
    .compare-product .row.row-subject .delete {
        right: 12px
    }
}

.compare-product .row.row-subject .delete:focus,
.compare-product .row.row-subject .delete:hover {
    color: #ff3636
}

.compare-product .row.row-subject .image {
    margin-bottom: 8px
}

.compare-product .row.row-subject .image.image-empty {
    background-color: #e5e8eb;
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding-top: 100%;
    position: relative
}

.compare-product .row.row-subject .image.image-empty:before {
    content: "";
    border: 2px dashed #bbb;
    bottom: 5%;
    left: 5%;
    position: absolute;
    right: 5%;
    top: 5%
}

.compare-product .row.row-subject .image.image-empty .icon {
    color: #bbb;
    height: 20%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20%
}

.compare-product .row.row-subject .name {
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334
}

.compare-product .row.row-subject .name a {
    color: #393939
}

.compare-product .column {
    font-size: 13px;
    line-height: 1.38462;
    float: left;
    padding: 0 4px;
    position: relative;
    width: 33.333333333%
}

@media screen and (min-width:414px) {
    .compare-product .column {
        font-size: 15px;
        line-height: 1.6;
        padding: 0 8px
    }
}

@media screen and (min-width:768px) {
    .compare-product .column {
        padding: 0 12px;
        width: 25%
    }
}

.compare-product .column.column-header {
    float: none;
    margin-bottom: 4px;
    width: 100%
}

.compare-product .column.column-header:empty {
    margin: 0
}

@media screen and (min-width:768px) {
    .compare-product .column.column-header {
        float: left;
        margin-bottom: 0;
        padding-left: 0;
        width: 25%
    }

    .compare-product .column.column-header:empty {
        padding: 0 0 0 25%;
        height: 2px
    }
}

.compare-product .column.column-header .title {
    font-style: italic;
    font-weight: 700;
    margin-top: 2px;
    text-transform: uppercase
}

.compare-product .price {
    margin-bottom: 0
}

.compare-product .button {
    width: 100%
}

.compare-product .button:last-child {
    margin-bottom: 0
}

.last-see {
    padding-bottom: 64px;
    padding-top: 32px;
    background-color: #f8f8f8
}

.last-see-page {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .last-see-page {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .last-see-page {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .last-see-page {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .last-see-page {
        padding-left: 64px;
        padding-right: 64px
    }
}

.last-see .about-us-in {
    padding-bottom: 15px
}

.last-see .about-us-titles:after {
    content: "";
    display: block;
    border-bottom: 1px solid #d9d9d9
}

.last-see .texts {
    display: inline-block;
    padding: 0 0 12px;
    position: relative;
    font-style: italic
}

.last-see .texts:before {
    content: "";
    display: block;
    border-bottom: 4px solid #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.last-see .texts .text {
    position: relative;
    color: #333;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 700
}

.last-see .footer-best {
    padding-top: 18px
}

.last-see .footer-content {
    display: flex;
    margin: -8px;
    flex-wrap: wrap
}

.last-see .footer-content .inner-content {
    width: 100%;
    padding: 8px
}

@media screen and (min-width:414px) {
    .last-see .footer-content .inner-content {
        width: 50%
    }
}

@media screen and (min-width:768px) {
    .last-see .footer-content .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1024px) {
    .last-see .footer-content .inner-content {
        width: 33.333333%
    }
}

@media screen and (min-width:1280px) {
    .last-see .footer-content .inner-content {
        width: 25%;
        position: relative;
        min-height: 100%
    }
}

.last-see .footer-content .inner-content-wrapper {
    background-color: #fff;
    position: relative;
    display: block;
    min-height: 100%
}

.last-see .footer-content .inner-content .images-flag {
    position: absolute;
    top: 0;
    right: 8px;
    width: 52px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.last-see .footer-content .inner-content .flags {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.last-see .footer-content .inner-content-ket .inner-ket .ket-head {
    margin-bottom: 68px;
    padding: 14px 24px 0
}

@media screen and (min-width:768px) {
    .last-see .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 14px
    }
}

@media screen and (min-width:1024px) {
    .last-see .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 28px 24px 32px
    }
}

@media screen and (min-width:1280px) {
    .last-see .footer-content .inner-content-ket .inner-ket .ket-head {
        padding: 24px 24px 32px
    }
}

.last-see .footer-content .inner-content-ket .inner-ket .text {
    border-bottom: 1px solid #e5e8eb;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 21px;
    color: #333;
    margin-bottom: 0;
    padding-bottom: 2px
}

.last-see .footer-content .inner-content-ket .inner-ket .price {
    font-weight: 500;
    color: #666;
    margin-bottom: 0;
    padding-top: 2px
}

.last-see .footer-content .inner-content-ket .inner-ket .sub-price {
    font-weight: 700;
    color: #ff3636;
    font-size: 14px
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-ket .inner-ket .sub-price {
        font-size: 15px
    }
}

.last-see .footer-content .inner-content-ket .inner-ket .sub-pricing {
    padding-left: 6px;
    font-weight: 700;
    text-transform: uppercase;
    color: #555450;
    font-size: 11px
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-ket .inner-ket .sub-pricing {
        font-size: 11px
    }
}

.last-see .footer-content .inner-content-ket .button-love {
    bottom: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    display: block;
    padding: 14px 24px 11px
}

.last-see .footer-content .inner-content-ket .rating {
    margin-bottom: 12px
}

.last-see .footer-content .inner-content-ket .inner-action {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.last-see .footer-content .inner-content-ket .inner-action .action-love {
    font-size: 24px
}

.last-see .footer-content .inner-content-ket .inner-action .action-love .link {
    color: #d9d9d9;
    position: relative
}

.last-see .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle {
    font-size: 24px;
    line-height: 1.33334
}

.last-see .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle .icon-loved,
.last-see .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-love {
    display: block
}

.last-see .footer-content .inner-content-ket .inner-action .action-love .wishlist-toggle.is-loved .icon-loved {
    display: none
}

.last-see .footer-content .inner-content-ket .inner-action .action-love .icon-inline {
    position: relative;
    font-size: 24px;
    color: red
}

.last-see .footer-content .inner-content-ket .inner-action .action-button {
    width: 70%
}

@media screen and (min-width:1024px) {
    .last-see .footer-content .inner-content-ket .inner-action .action-button {
        width: 80%
    }
}

.last-see .footer-content .inner-content-ket .inner-action .action-button .link {
    display: none
}

@media screen and (min-width:1024px) {
    .last-see .footer-content .inner-content-ket .inner-action .action-button .link {
        display: block
    }
}

.last-see .footer-content .inner-content-ket .inner-action .action-button .troli {
    display: block;
    padding: 0 !important;
    width: 100%
}

@media screen and (min-width:768px) {
    .last-see .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: block
    }
}

@media screen and (min-width:1024px) {
    .last-see .footer-content .inner-content-ket .inner-action .action-button .troli {
        display: none
    }
}

.last-see .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
    font-size: 24px;
    line-height: 1.33334
}

@media screen and (min-width:1024px) {
    .last-see .footer-content .inner-content-ket .inner-action .action-button .troli .icon {
        display: none
    }
}

.last-see .footer-content .inner-content-head {
    position: relative;
    min-height: 100%
}

@media screen and (min-width:768px) {
    .last-see .footer-content .inner-content-head {
        height: 296px
    }
}

.last-see .footer-content .inner-content-head .head-inside {
    padding: 16px 6px 0;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-head .head-inside {
        padding: 6px 6px 0
    }
}

.last-see .footer-content .inner-content-head .image-content {
    position: relative;
    width: 143px;
    height: 143px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-head .image-content {
        height: 259px;
        width: 259px
    }
}

.last-see .footer-content .inner-content-head .images {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-height: 196px;
    height: 100%
}

.last-see .footer-content .inner-content-head .ekspedisi {
    display: block;
    justify-content: space-between;
    bottom: 0
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-head .ekspedisi {
        display: flex;
        justify-content: space-between;
        padding-bottom: 0;
        margin: -12px
    }
}

.last-see .footer-content .inner-content-head .ekspedisi .inners-img {
    width: 100%;
    padding: 0 12px;
    background-color: #ff2932;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-head .ekspedisi .inners-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.last-see .footer-content .inner-content-head .ekspedisi .inners-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-head .ekspedisi .inners-img .images {
        height: auto
    }
}

.last-see .footer-content .inner-content-head .ekspedisi .inner-img {
    width: 100%;
    padding: 0 12px;
    background-color: #666;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-head .ekspedisi .inner-img {
        width: 50%;
        padding: 12px;
        background-color: transparent
    }
}

.last-see .footer-content .inner-content-head .ekspedisi .inner-img .images {
    height: 43px
}

@media screen and (min-width:640px) {
    .last-see .footer-content .inner-content-head .ekspedisi .inner-img .images {
        height: auto
    }
}

.last-see .footer-content .inner-content .icon-star {
    position: absolute;
    left: 16px;
    top: 12px
}

.last-see .footer-content .inner-content .icon-star .icon {
    color: #ff3636;
    font-size: 28px
}

.last-see .footer-content .inner-content .icon-star .link {
    color: #d9d9d9;
    position: relative
}

.last-see .footer-content .inner-content .persen {
    position: absolute;
    top: 9px;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #fff
}

.js-success {
    display: none
}

.account-dashboard .saving-announcement {
    padding: 8px 16px;
    background-color: #e5e8eb;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    margin-bottom: 24px
}

.account-dashboard .saving-announcement span {
    color: #ff3636
}

.account-dashboard-overview {
    padding-top: 24px
}

@media screen and (min-width:768px) {
    .account-dashboard-overview {
        display: flex;
        margin: -8px
    }
}

.account-dashboard-overview .section {
    background-color: #fff;
    padding: 16px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    border-radius: 2px
}

@media screen and (min-width:640px) {
    .account-dashboard-overview .section {
        padding: 24px
    }
}

.account-dashboard-overview .section:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .account-dashboard-overview .section {
        margin: 8px
    }

    .account-dashboard-overview .section:not(:last-child) {
        margin-bottom: 8px
    }
}

@media screen and (min-width:768px) {
    .account-dashboard-overview .section.information {
        width: calc(100% - 296px)
    }
}

@media screen and (min-width:768px) {
    .account-dashboard-overview .section.address {
        width: 264px
    }
}

.account-dashboard-overview .section .information-content {
    margin: -12px
}

@media screen and (min-width:1024px) {
    .account-dashboard-overview .section .information-content {
        display: flex
    }
}

.account-dashboard-overview .section .information-content .contact,
.account-dashboard-overview .section .information-content .newsletter {
    padding: 12px;
    color: #666
}

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

    .account-dashboard-overview .section .information-content .contact,
    .account-dashboard-overview .section .information-content .newsletter {
        width: 50%
    }
}

.account-dashboard-overview .section .information-content .contact p,
.account-dashboard-overview .section .information-content .newsletter p {
    margin-bottom: 0
}

.account-dashboard-overview .section .information-content .contact .heading,
.account-dashboard-overview .section .information-content .newsletter .heading {
    margin-bottom: 12px;
    font-weight: 500;
    color: #393939
}

.account-dashboard-overview .section .information-content .contact .link,
.account-dashboard-overview .section .information-content .newsletter .link {
    color: #393939;
    text-decoration: underline
}

.account-dashboard-overview .section .address-detail .heading {
    margin-bottom: 8px;
    font-weight: 700
}

.account-dashboard-overview .section .address-detail address {
    color: #666;
    margin-bottom: 0
}

.account-dashboard-overview .section .address-detail .link {
    color: #393939;
    text-decoration: underline
}

.account-dashboard-wishlist {
    padding-top: 24px
}

.account-dashboard-wishlist .heading {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 32px
}

.account-dashboard-wishlist .heading .title {
    display: inline-block;
    padding-bottom: 4px;
    border-bottom: 4px solid #073e9a;
    font-style: italic
}

.popup-review {
    max-width: 640px;
    padding: 8px
}

@media screen and (min-width:414px) {
    .popup-review {
        padding: 12px
    }
}

@media screen and (min-width:640px) {
    .popup-review {
        padding: 16px
    }
}

@media screen and (min-width:768px) {
    .popup-review {
        padding: 24px
    }
}

@media screen and (min-width:1280px) {
    .popup-review {
        padding: 32px
    }
}

.popup-review-header {
    margin-bottom: 18px
}

@media screen and (min-width:640px) {
    .popup-review .review-list .item {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.popup-review .review-list .item:not(:last-child) {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9
}

.popup-review .review-list .item-product {
    display: flex
}

.popup-review .review-list .item-product-image {
    width: 80px;
    height: 80px;
    border: 1px solid #d9d9d9
}

.popup-review .review-list .item-product-image .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-review .review-list .item-product-meta {
    padding-left: 24px
}

.popup-review .review-list .item-product-meta .title {
    font-weight: 700;
    margin-bottom: 0
}

.popup-review .review-list .item-product-meta .price {
    margin-bottom: 6px;
    color: #666
}

.popup-review .review-list .item-action {
    padding-top: 16px;
    text-align: right
}

@media screen and (min-width:640px) {
    .popup-review .review-list .item-action {
        padding-left: 16px;
        padding-top: 0
    }
}

.popup-review .review-list .item-action .button {
    width: 100%
}

@media screen and (min-width:414px) {
    .popup-review .review-list .item-action .button {
        width: auto
    }
}

.popup-review .product-selected {
    display: flex;
    margin-bottom: 24px
}

.popup-review .product-selected-image {
    width: 80px;
    height: 80px;
    border: 1px solid #d9d9d9
}

.popup-review .product-selected-image .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.popup-review .product-selected-meta {
    padding-left: 24px
}

.popup-review .product-selected-meta .title {
    font-weight: 700;
    margin-bottom: 0
}

.popup-review .product-selected-meta .price {
    margin-bottom: 6px;
    color: #666
}

.popup-review .rating-star-input>label {
    width: 32px;
    height: 32px;
    margin: 0 6px
}

@media screen and (min-width:640px) {
    .popup-review .rating-star-input>label {
        width: 48px;
        height: 48px;
        margin: 0 8px
    }
}

.popup-review .form-submit {
    text-align: right
}

.text-uppercase .uppercase {
    text-transform: uppercase;
    text-align: center;
    padding-left: 8px
}

.account-point .section {
    padding: 16px;
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    border-radius: 2px
}

@media screen and (min-width:640px) {
    .account-point .section {
        padding: 24px
    }
}

.account-point .section:not(:last-child) {
    margin-bottom: 24px
}

.account-point-count .point {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.account-point-count .point-status {
    width: calc(100% - 124px);
    padding-right: 24px
}

.account-point-count .point-status .heading {
    margin-bottom: 12px
}

.account-point-count .point-status-count {
    font-size: 32px;
    line-height: 1.25;
    color: #073e9a;
    font-weight: 700;
    margin-bottom: 0
}

.account-point-count .point-status-value {
    padding-left: 8px;
    color: #666;
    margin-bottom: 0
}

.account-point-count .point-redeem {
    width: 124px
}

.account-point-count .point-redeem .button {
    width: 100%
}

.account-point-history .tabs {
    display: flex;
    margin: -16px -16px 24px;
    padding: 0 16px;
    border-bottom: 1px solid #d9d9d9
}

@media screen and (min-width:640px) {
    .account-point-history .tabs {
        margin: -24px -24px 24px;
        padding: 0 24px
    }
}

.account-point-history .tabs .link {
    display: block;
    padding: 15px 0 12px;
    font-weight: 700;
    color: #bbb;
    border-bottom: 3px solid transparent
}

.account-point-history .tabs .link:not(:last-child) {
    margin-right: 32px
}

.account-point-history .tabs .link.is-tabbed {
    color: #393939;
    border-color: #073e9a
}

.account-point-history .tab-content {
    display: none !important
}

.account-point-history .tab-content.is-tabbed {
    display: block !important
}

.account-point-history .table-responsive {
    border: none
}

.account-point-history .table {
    border: none;
    box-shadow: none;
    margin: 0
}

.account-point-history .table th {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 6px 12px 0;
    text-align: left;
    background-color: #fff !important
}

.account-point-history .table th.action {
    text-align: right
}

.account-point-history .table td {
    padding: 12px 6px 0 0;
    border: none;
    color: #838282;
    font-size: 13px;
    line-height: 1.38462;
    background-color: #fff !important
}

.account-point-history .table td:last-child {
    padding-right: 0
}

.account-point-history .table td.date {
    font-weight: 700;
    color: #393939
}

.account-point-history .table td.action {
    text-align: right
}

.account-point-history .table td.action .link {
    color: #073e9a;
    font-size: 16px;
    line-height: 1.5
}

.popup-redeem-header {
    padding: 16px 0 24px
}

.popup-redeem-header .title {
    text-transform: uppercase
}

.popup-redeem-content .text {
    margin-bottom: 16px
}

.popup-redeem-content .total {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: 1px solid #d9d9d9;
    padding-top: 16px;
    font-weight: 700;
    margin-bottom: 24px
}

.popup-redeem-content .total .point {
    display: flex;
    align-items: center;
    color: #073e9a;
    padding-right: 4px
}

.popup-redeem-content .total .point-count {
    font-size: 32px;
    line-height: 1.25;
    margin-right: 8px
}

.popup-redeem-content .action .items {
    display: flex;
    justify-content: center;
    margin: -6px
}

@media screen and (min-width:414px) {
    .popup-redeem-content .action .items {
        justify-content: flex-start
    }
}

.popup-redeem-content .action .item {
    padding: 6px
}

.popup-redeem-content .action .item .button {
    padding: 4px 24px
}

.popup-voucher-header {
    padding: 16px 0 24px
}

.popup-voucher-header .title {
    text-transform: uppercase
}

.popup-voucher .voucher-container {
    color: #fff;
    background-color: #073e9a;
    border-radius: 12px;
    overflow: hidden;
    max-width: 640px;
    margin: 0 auto
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-container {
        display: flex
    }
}

.popup-voucher .voucher-label {
    background-color: #d9d9d9;
    color: #ff3636;
    font-weight: 700;
    padding: 8px 12px;
    text-align: center
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-label {
        width: 40px;
        display: flex;
        align-items: center;
        min-height: 100%;
        padding: 0
    }
}

.popup-voucher .voucher-label .label {
    text-transform: uppercase
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-label .label {
        margin-left: -16px;
        transform: rotate(270deg)
    }
}

.popup-voucher .voucher-id {
    text-align: center;
    padding: 16px
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-id {
        width: 64px;
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 100%
    }
}

.popup-voucher .voucher-id .id {
    display: inline-block;
    background-color: #f8f8f8;
    padding: 2px 8px;
    color: #393939;
    font-weight: 700;
    border-radius: 3px;
    margin: 0 auto
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-id .id {
        transform: rotate(270deg)
    }
}

.popup-voucher .voucher-detail {
    padding: 24px;
    border-top: 2px dashed #fff;
    position: relative
}

.popup-voucher .voucher-detail:before {
    content: "";
    display: block;
    width: 12px;
    height: 24px;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: -13px
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail:before {
        width: 24px;
        height: 12px;
        margin-top: 0;
        margin-left: -13px;
        border-top-right-radius: 0;
        border-bottom-left-radius: 24px
    }
}

.popup-voucher .voucher-detail:after {
    content: "";
    display: block;
    width: 12px;
    height: 24px;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: -13px
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail:after {
        width: 24px;
        height: 12px;
        bottom: 0;
        left: 0;
        top: auto;
        right: auto;
        margin-top: 0;
        margin-left: -13px;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 0
    }
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail {
        width: calc(100% - 104px);
        padding: 24px;
        border-top: none;
        border-left: 2px dashed #fff
    }
}

.popup-voucher .voucher-detail>.value {
    display: block;
    text-align: center;
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33334
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail>.value {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25
    }
}

.popup-voucher .voucher-detail .meta {
    border-top: 1px solid #fff;
    padding-top: 16px
}

.popup-voucher .voucher-detail .meta p {
    margin-bottom: 0
}

.popup-voucher .voucher-detail .meta p:not(:last-child) {
    margin-bottom: 8px
}

.popup-voucher .voucher-detail .meta p .value {
    font-weight: 700
}

.popup-voucher .voucher-detail .notes {
    padding-top: 12px;
    font-size: 11px;
    line-height: 1.45455
}

.popup-voucher .voucher-detail .footer {
    padding-top: 16px
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail .footer {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.popup-voucher .voucher-detail .footer .status {
    margin-bottom: 16px
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail .footer .status {
        width: calc(100% - 150px);
        margin-bottom: 0;
        padding-right: 16px
    }
}

.popup-voucher .voucher-detail .footer .status-bar {
    width: 100%;
    display: inline-block;
    padding: 2px 12px;
    background-color: #0ba300;
    border-radius: 12px;
    font-size: 13px;
    line-height: 1.38462;
    text-align: center
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail .footer .status-bar {
        width: auto
    }
}

.popup-voucher .voucher-detail .footer .status-bar.is-used {
    background-color: #f4474a
}

.popup-voucher .voucher-detail .footer .status .use-date {
    font-size: 13px;
    line-height: 1.38462;
    display: block;
    text-align: center;
    padding-top: 6px
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail .footer .status .use-date {
        text-align: left
    }
}

.popup-voucher .voucher-detail .footer .barcode {
    border: 4px solid #fff;
    margin: 0 auto;
    max-width: 150px;
    padding: 4px;
    text-align: center;
    width: 100%
}

@media screen and (min-width:640px) {
    .popup-voucher .voucher-detail .footer .barcode {
        text-align: right
    }
}

.popup-voucher .voucher-detail .footer .barcode img {
    padding: 4px;
    max-width: 100%;
    background-color: #fff
}

.account-referral .section {
    padding: 16px;
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    border-radius: 2px
}

@media screen and (min-width:640px) {
    .account-referral .section {
        padding: 24px
    }
}

.account-referral .section:not(:last-child) {
    margin-bottom: 24px
}

.account-referral-count .heading {
    margin-bottom: 12px
}

.account-referral-count .value {
    font-size: 32px;
    line-height: 1.25;
    color: #073e9a;
    font-weight: 700;
    margin-bottom: 0
}

.account-referral-link .container {
    margin: -12px
}

@media screen and (min-width:1024px) {
    .account-referral-link .container {
        display: flex
    }
}

.account-referral-link .copy,
.account-referral-link .send {
    padding: 12px
}

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

    .account-referral-link .copy,
    .account-referral-link .send {
        width: 50%
    }
}

.account-referral-link .copy .heading,
.account-referral-link .send .heading {
    margin-bottom: 8px;
    font-style: italic
}

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

    .account-referral-link .copy .field,
    .account-referral-link .send .field {
        display: flex;
        align-items: flex-start
    }
}

.account-referral-link .copy .field-input,
.account-referral-link .send .field-input {
    width: 100%;
    margin-bottom: 12px
}

.account-referral-link .copy .field-input .input,
.account-referral-link .send .field-input .input {
    width: 100%
}

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

    .account-referral-link .copy .field-input .input,
    .account-referral-link .send .field-input .input {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        margin-bottom: 0
    }
}

.account-referral-link .copy .field-input .notification,
.account-referral-link .send .field-input .notification {
    display: inline-block;
    font-size: 13px;
    line-height: 1.38462;
    margin-top: 4px
}

.account-referral-link .copy .field-input .notification.error,
.account-referral-link .send .field-input .notification.error {
    color: #f4474a
}

.account-referral-link .copy .field-input .notification.success,
.account-referral-link .send .field-input .notification.success {
    color: #0ba300
}

.account-referral-link .copy .field .button,
.account-referral-link .send .field .button {
    width: 100%;
    min-width: 112px
}

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

    .account-referral-link .copy .field .button,
    .account-referral-link .send .field .button {
        margin-left: -1px;
        width: auto
    }
}

.account-referral-link .copy .input {
    background-color: #e5e8eb
}

.account-referral-data .heading {
    margin-bottom: 16px
}

.account-referral-data .table-responsive {
    border: none
}

.account-referral-data .table {
    border: none;
    box-shadow: none;
    margin: 0
}

.account-referral-data .table th {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 16px 12px 0;
    text-align: left;
    background-color: #fff !important
}

.account-referral-data .table td {
    padding: 12px 16px 0 0;
    border: none;
    color: #838282;
    font-size: 13px;
    line-height: 1.38462;
    background-color: #fff !important
}

.account-referral-data .table td:last-child {
    padding-right: 0
}

.account-referral-data .table td.date {
    font-weight: 700;
    color: #393939
}

.account-form .heading {
    color: #666;
    margin-bottom: 18px
}

.account-form .newsletter {
    padding-top: 32px
}

.account-form .newsletter .heading {
    color: #666;
    font-weight: 700;
    margin-bottom: 18px
}

.account-form .newsletter .content {
    background-color: #fff;
    padding: 24px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    border-radius: 2px;
    max-width: 480px
}

.account-form .newsletter .content .title {
    margin-bottom: 12px
}

.account-form .newsletter .content .desc {
    color: #666;
    margin-bottom: 16px
}

.account-form .newsletter-action {
    text-align: right
}

.account-form .newsletter-action .button {
    font-weight: 400
}

.account-form .form-input-field .form-check-field .label {
    margin-bottom: -4px;
    padding-left: 4px;
    font-weight: 400
}

.account-address-action {
    text-align: right;
    padding-bottom: 24px
}

.account-address-action .button {
    font-weight: 400;
    align-items: center
}

.account-address-action .button .icon {
    font-size: 11px;
    line-height: 1.45455;
    margin-right: 2px
}

.account-address-list {
    background-color: #fff;
    padding: 16px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    border-radius: 2px
}

@media screen and (min-width:640px) {
    .account-address-list {
        padding: 24px
    }
}

.account-address-list .item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

@media screen and (min-width:640px) {
    .account-address-list .item {
        align-items: center
    }
}

.account-address-list .item:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #d9d9d9
}

.account-address-list .item .detail {
    padding-right: 24px
}

@media screen and (min-width:640px) {
    .account-address-list .item .detail p {
        display: flex
    }
}

.account-address-list .item .detail p:not(:last-child) {
    margin-bottom: 8px
}

.account-address-list .item .detail p .label {
    display: block;
    color: #bbb;
    padding-right: 16px;
    width: 100px
}

.account-address-list .item .detail p .value {
    line-height: 1.5
}

.account-address-list .item .detail p.name .value {
    font-weight: 700
}

.account-address-list .item .detail p.name .primary {
    display: inline-block;
    padding: 2px 6px;
    background-color: #32cb68;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.33334;
    margin-left: 8px
}

.account-address-list .item .action {
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: -8px
}

.account-address-list .item .action a {
    padding: 8px
}

.account-address-list .item .action a.link-edit {
    color: #073e9a;
    text-decoration: underline;
    font-size: 13px;
    line-height: 1.38462
}

.account-address-list .item .action a.link-remove {
    width: 40px;
    color: #666
}

.account-address-list .item .action a.link-remove .icon {
    font-size: 24px;
    line-height: 1.33334
}

.account-service .table-container {
    background-color: #fff;
    padding: 16px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    border-radius: 2px;
    margin-bottom: 24px
}

@media screen and (min-width:640px) {
    .account-service .table-container {
        padding: 24px
    }
}

.account-service .table-responsive {
    border: none
}

.account-service .table {
    border: none;
    box-shadow: none;
    margin: 0
}

.account-service .table th {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 6px 12px 0;
    text-align: left;
    background-color: #fff !important
}

.account-service .table td {
    padding: 12px 6px 0 0;
    border: none;
    color: #838282;
    font-size: 13px;
    line-height: 1.38462;
    background-color: #fff !important
}

.account-service .table td:last-child {
    padding-right: 0
}

.account-service .table td.service-id {
    font-weight: 700;
    color: #393939
}

.account-service .notes .highlight {
    color: #f4474a
}

.order-detail-header {
    margin-bottom: 32px
}

.order-detail-header .title {
    font-style: italic;
    margin-bottom: 4px
}

.order-detail-header p {
    margin-bottom: 4px
}

@media screen and (min-width:1280px) {
    .order-detail-content {
        display: flex
    }
}

.order-detail-content .main {
    margin-bottom: 24px
}

@media screen and (min-width:1280px) {
    .order-detail-content .main {
        width: calc(100% - 300px);
        padding-right: 24px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1280px) {
    .order-detail-content .aside {
        width: 300px
    }
}

.order-detail-content .aside-container {
    background-color: #fff;
    padding: 16px;
    border-radius: 2px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

@media screen and (min-width:640px) {
    .order-detail-content .aside-container {
        padding: 24px
    }
}

.order-detail-content .aside-container .heading {
    font-style: italic;
    padding-bottom: 8px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9
}

.order-detail-content .order-summary {
    background-color: #fff;
    padding: 16px;
    border-radius: 2px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

@media screen and (min-width:640px) {
    .order-detail-content .order-summary {
        padding: 24px
    }
}

.order-detail-content .order-summary .heading {
    font-style: italic;
    padding-bottom: 8px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9
}

@media screen and (min-width:640px) {
    .order-detail-content .order-summary .heading {
        display: flex;
        justify-content: space-between
    }
}

.order-detail-content .order-summary .heading .title {
    margin-bottom: 0
}

@media screen and (min-width:640px) {
    .order-detail-content .order-summary .heading .title {
        padding-right: 16px
    }
}

.order-detail-content .order-summary .heading .link {
    color: #073e9a;
    font-style: normal;
    text-decoration: underline
}

.order-detail-content .order-summary .product .item:not(:last-child) {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d9d9d9
}

.order-detail-content .order-summary .product .item-container {
    display: flex;
    justify-content: space-between
}

.order-detail-content .order-summary .product .item-awb {
    display: flex;
    padding-top: 12px;
    font-weight: 700
}

.order-detail-content .order-summary .product .item-awb .label {
    display: block;
    padding-right: 8px
}

.order-detail-content .order-summary .product .item-awb .value .link {
    color: #073e9a;
    text-decoration: underline
}

.order-detail-content .order-summary .product-detail {
    display: flex
}

@media screen and (min-width:640px) {
    .order-detail-content .order-summary .product-detail {
        padding-right: 24px
    }
}

.order-detail-content .order-summary .product-detail-image {
    width: 64px;
    height: 64px;
    border: 1px solid #d9d9d9
}

@media screen and (min-width:414px) {
    .order-detail-content .order-summary .product-detail-image {
        width: 80px;
        height: 80px
    }
}

@media screen and (min-width:640px) {
    .order-detail-content .order-summary .product-detail-image {
        width: 120px;
        height: 120px
    }
}

.order-detail-content .order-summary .product-detail-image .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.order-detail-content .order-summary .product-detail-meta {
    padding-left: 16px
}

.order-detail-content .order-summary .product-detail-meta .title {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.order-detail-content .order-summary .product-detail-meta .title .link {
    color: #393939;
    padding-right: 6px
}

.order-detail-content .order-summary .product-detail-meta .title .link:hover {
    text-decoration: underline
}

.order-detail-content .order-summary .product-detail-meta .title .tag {
    font-size: 13px;
    line-height: 1.38462;
    display: inline-block;
    font-weight: 400;
    color: #073e9a;
    border: 1px solid #073e9a;
    padding: 1px 4px;
    border-radius: 2px
}

.order-detail-content .order-summary .product-detail-meta p {
    margin-bottom: 0;
    color: #666;
    font-size: 13px;
    line-height: 1.38462
}

.order-detail-content .order-summary .product-total {
    display: none;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:640px) {
    .order-detail-content .order-summary .product-total {
        display: block
    }
}

.order-detail-content .order-summary .summary {
    border-top: 1px solid #d9d9d9;
    padding-top: 24px;
    margin-top: 24px;
    font-size: 13px;
    line-height: 1.38462
}

.order-detail-content .order-summary .summary .item {
    display: flex;
    justify-content: space-between
}

.order-detail-content .order-summary .summary .item:not(:last-child) {
    margin-bottom: 6px
}

.order-detail-content .order-summary .summary .item p {
    margin-bottom: 0
}

.order-detail-content .order-summary .summary .item .label {
    width: 50%;
    padding-right: 12px;
    font-weight: 700
}

.order-detail-content .order-summary .summary .item .value {
    width: 50%;
    text-align: right
}

.order-detail-content .order-summary .summary .item.coupon .label .coupon-code {
    display: inline-block;
    font-size: 12px;
    line-height: 1.33334;
    border: 1px solid #073e9a;
    border-radius: 2px;
    padding: 2px 4px;
    font-weight: 400;
    color: #073e9a;
    line-height: 1;
    margin-left: 4px
}

.order-detail-content .order-summary .summary .item.coupon .value {
    color: #0ba300
}

.order-detail-content .order-summary .summary .item.total .label {
    text-transform: uppercase
}

.order-detail-content .order-summary .summary .item.total .value {
    font-weight: 700;
    color: #ff3636
}

.order-detail-content .shipping-detail-item:not(:last-child) {
    margin-bottom: 16px
}

.order-detail-content .shipping-detail-item p {
    color: #838282
}

.order-detail-content .shipping-detail-item p:not(:last-child) {
    margin-bottom: 8px
}

.order-detail-content .shipping-detail-item p.title {
    color: #393939;
    margin-bottom: 6px;
    font-weight: 700
}

.order-detail-content .shipping-detail-item .resi {
    color: #0ba300
}

.order-detail-content .shipping-detail-item .action .button {
    width: 100%
}

.order-detail-content .shipping-detail-notes {
    background-color: #e5e8eb;
    padding: 12px;
    font-size: 13px;
    line-height: 1.38462;
    margin-top: 24px
}

.order-detail-content .shipping-detail-notes p {
    margin-bottom: 0
}

.order-detail-content .shipping-detail-notes p:not(:last-child) {
    margin-bottom: 8px
}

.order-list-heading {
    margin-bottom: 16px
}

.order-list-content {
    background-color: #fff;
    padding: 16px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02);
    border-radius: 2px
}

@media screen and (min-width:640px) {
    .order-list-content {
        padding: 24px
    }
}

.order-list-content .table-responsive {
    border: none
}

.order-list-content .table {
    border: none;
    box-shadow: none;
    margin: 0;
    min-width: 768px
}

.order-list-content .table th {
    border-bottom: 1px solid #d9d9d9;
    padding: 0 6px 12px 0;
    text-align: left;
    background-color: #fff !important
}

.order-list-content .table td {
    padding: 12px 16px 0 0;
    border: none;
    color: #838282;
    font-size: 13px;
    line-height: 1.38462;
    background-color: #fff !important
}

.order-list-content .table td:last-child {
    padding-right: 0
}

.order-list-content .table td.order-id a {
    font-weight: 700;
    color: #393939
}

.order-list-content .table td.order-id a:hover {
    color: #ff3636
}

.order-list-content .table td.order-view a {
    color: #393939;
    text-decoration: underline
}

.order-list-content .table td.order-view a:hover {
    color: #ff3636
}

.order-list-content .table td.order-action {
    text-align: right
}

.order-list-content .table td.order-action .button {
    font-size: 13px;
    line-height: 1.38462;
    width: 100%;
    font-weight: 400
}

.popup-tracking {
    padding: 24px !important
}

.popup-tracking .popup-header {
    padding-bottom: 12px;
    margin-bottom: 24px;
    border-bottom: 1px solid #d9d9d9
}

.popup-tracking .popup-header .title {
    text-transform: uppercase;
    font-style: italic
}

.popup-tracking .table {
    background-color: #e5e8eb;
    font-size: 13px;
    line-height: 1.38462;
    margin: 0
}

.popup-tracking .table-responsive {
    margin-bottom: 32px
}

.popup-tracking .table td,
.popup-tracking .table th {
    padding: 4px 12px;
    border: none
}

.popup-tracking .table th {
    color: #fff;
    background-color: #073e9a
}

.popup-tracking .table td {
    padding: 6px 12px
}

.popup-tracking .tracker .items {
    position: relative
}

.popup-tracking .tracker .items:after {
    content: "";
    display: block;
    height: calc(100% - 24px);
    width: 2px;
    background-color: #d9d9d9;
    position: absolute;
    top: 10px;
    left: 4px
}

.popup-tracking .tracker .item {
    position: relative;
    padding-left: 24px
}

.popup-tracking .tracker .item:not(:last-child) {
    margin-bottom: 24px
}

.popup-tracking .tracker .item:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    background-color: #d9d9d9;
    border-radius: 10px;
    position: absolute;
    top: 5px;
    left: 0
}

.popup-tracking .tracker .item .desc {
    font-weight: 700
}

.page-filter {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    min-height: 400px
}

@media screen and (min-width:414px) {
    .page-filter {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-filter {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-filter {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-filter {
        padding-left: 64px;
        padding-right: 64px
    }
}

.page-filter-inner {
    padding-top: 48px;
    padding-bottom: 80px
}

.page-filter-inner .heading,
.page-filter-inner .question {
    text-align: center;
    margin-bottom: 32px
}

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

    .page-filter-inner .heading,
    .page-filter-inner .question {
        margin-bottom: 48px
    }
}

.page-filter-inner .heading h1,
.page-filter-inner .question h1 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33334
}

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

    .page-filter-inner .heading h1,
    .page-filter-inner .question h1 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.33334
    }
}

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

    .page-filter-inner .heading h1,
    .page-filter-inner .question h1 {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25
    }
}

.page-filter-inner .nav {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

@media screen and (min-width:640px) {
    .page-filter-inner .nav {
        margin-bottom: 48px
    }
}

.page-filter-inner .nav-previous {
    color: #393939;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:640px) {
    .page-filter-inner .nav-previous {
        font-size: 15px;
        line-height: 1.6
    }
}

.page-filter-inner .nav-next {
    color: #393939;
    font-weight: 700;
    text-align: right;
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:640px) {
    .page-filter-inner .nav-next {
        font-size: 15px;
        line-height: 1.6
    }
}

.page-filter-inner .nav-status {
    width: 100%;
    padding: 0 24px
}

@media screen and (min-width:640px) {
    .page-filter-inner .nav-status {
        padding: 0 32px
    }
}

.page-filter-inner .nav-status-bar {
    width: 100%;
    height: 8px;
    border-radius: 5px;
    background-color: #d9d9d9;
    position: relative
}

@media screen and (min-width:640px) {
    .page-filter-inner .nav-status-bar {
        height: 12px
    }
}

.page-filter-inner .nav-status-bar .bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #073e9a;
    border-radius: 5px
}

.page-filter-inner .answer .items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -4px
}

@media screen and (min-width:640px) {
    .page-filter-inner .answer .items {
        margin: -8px
    }
}

.page-filter-inner .answer .item {
    border: 1px solid #d9d9d9;
    margin: 4px;
    width: calc(100% - 8px)
}

@media screen and (min-width:640px) {
    .page-filter-inner .answer .item {
        margin: 8px;
        width: calc(50% - 16px)
    }
}

.page-filter-inner .answer .item input[type=radio] {
    display: none
}

.page-filter-inner .answer .item input[type=radio]:checked+.label .label-tab:before {
    background-color: #ff3636
}

.page-filter-inner .answer .item .label {
    display: block;
    overflow: hidden
}

.page-filter-inner .answer .item .label-tab {
    display: flex;
    padding: 12px 16px
}

.page-filter-inner .answer .item .label-tab:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    background-color: #d9d9d9;
    margin-top: 3px;
    margin-right: 12px
}

.page-filter-inner .answer .item .label-tab-text .notes {
    display: block;
    padding-top: 2px;
    color: #838282;
    font-size: 13px;
    line-height: 1.38462
}

.page-filter-inner .answer .submit {
    display: flex;
    margin-top: 16px
}

@media screen and (min-width:768px) {
    .page-filter-inner .answer .submit {
        margin-top: 48px
    }
}

.page-filter-inner .answer .submit .button.button-primary {
    margin: 0 auto;
    width: 100%
}

@media screen and (min-width:768px) {
    .page-filter-inner .answer .submit .button.button-primary {
        width: 50%;
        width: calc(50% - 8px)
    }
}

@media screen and (min-width:1024px) {
    .page-filter-inner .answer .cols-4 .item {
        width: calc(25% - 16px)
    }
}

.page-filter-inner .answer .price-range {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 24px
}

@media screen and (min-width:768px) {
    .page-filter-inner .answer .price-range {
        flex-wrap: nowrap
    }
}

.page-filter-inner .answer .price-range-max,
.page-filter-inner .answer .price-range-min {
    display: flex;
    width: 100%
}

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

    .page-filter-inner .answer .price-range-max,
    .page-filter-inner .answer .price-range-min {
        max-width: 320px
    }
}

.page-filter-inner .answer .price-range-max .label,
.page-filter-inner .answer .price-range-min .label {
    display: inline-block;
    padding-top: 8px;
    padding-right: 12px
}

.page-filter-inner .answer .price-range-max .input,
.page-filter-inner .answer .price-range-min .input {
    width: 100%;
    padding: 8px 12px
}

.page-filter-inner .answer .price-range .separator {
    display: block;
    width: 1px;
    height: 24px;
    background-color: #666;
    margin: 16px 0
}

@media screen and (min-width:768px) {
    .page-filter-inner .answer .price-range .separator {
        width: 80px;
        height: 1px;
        margin: 0 32px
    }
}

.page-filter-inner .selected {
    margin-bottom: 48px
}

@media screen and (min-width:768px) {
    .page-filter-inner .selected {
        display: flex
    }
}

.page-filter-inner .selected-label {
    padding-bottom: 12px
}

@media screen and (min-width:768px) {
    .page-filter-inner .selected-label {
        padding-bottom: 0;
        padding-top: 6px;
        padding-right: 24px
    }
}

.page-filter-inner .selected-answer .items {
    display: flex;
    flex-wrap: wrap;
    margin: -4px
}

.page-filter-inner .selected-answer .item {
    margin: 4px
}

.page-filter-inner .selected-answer .item .text {
    display: block;
    padding: 6px 12px;
    border: 1px solid #d9d9d9
}

.page-filter-inner .result-heading {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 8px;
    margin-bottom: 32px
}

.page-filter-inner .result-heading .sort .form {
    display: flex;
    align-items: flex-start;
    margin: -6px
}

.page-filter-inner .result-heading .sort-input {
    padding: 6px
}

.page-filter-inner .result-heading .sort-input-location {
    width: 180px
}

.page-filter-inner .result-heading .sort-input-location .input {
    width: 100%;
    min-height: 0;
    font-size: 14px;
    line-height: 1.42857
}

.page-filter-inner .result-heading .sort-input-stock .label {
    display: flex;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.42857;
    color: #666;
    cursor: pointer
}

.page-filter-inner .result-heading .sort-input-stock .label .text {
    display: block;
    padding-left: 4px
}

.page-filter-inner .result-heading .repeat .link {
    color: #393939
}

.popup-stock {
    padding: 8px;
    max-width: 768px
}

@media screen and (min-width:414px) {
    .popup-stock {
        padding: 12px
    }
}

@media screen and (min-width:640px) {
    .popup-stock {
        padding: 16px
    }
}

@media screen and (min-width:768px) {
    .popup-stock {
        padding: 24px
    }
}

@media screen and (min-width:1280px) {
    .popup-stock {
        padding: 32px
    }
}

.popup-stock-header {
    margin-bottom: 24px
}

.popup-stock-content {
    max-height: 420px;
    overflow-y: auto
}

.popup-stock-content .item {
    display: flex
}

.popup-stock-content .item:not(:last-child) {
    margin-bottom: 24px
}

.popup-stock-content .item-icon {
    padding-right: 16px;
    font-size: 24px;
    line-height: 1.33334;
    color: #666
}

.popup-stock-content .item-detail {
    padding-top: 4px
}

.popup-stock-content .item-detail .title {
    font-weight: 700;
    margin-bottom: 0
}

.popup-stock-content .item-detail address {
    color: #666
}

.page-reward {
    padding-bottom: 64px
}

.page-reward-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1024px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .page-reward-content {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .page-reward-content {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .page-reward-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .page-reward-content {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-right {
    scroll-behavior: smooth
}

.single-right.single-right-mobile {
    margin-top: 32px
}

.single-right .single-right-tabs .tabs-content .tab-contents-inner,
.single-right .single-right-tabs>.tabs-input {
    display: none
}

.single-right .tabs-content .desc-content input[type=image] {
    max-width: 100% !important
}

.single-right .tabs-right {
    border-bottom: 1px solid #e5e8eb;
    display: none;
    margin-bottom: 32px;
    overflow-x: auto;
    position: relative
}

@media screen and (min-width:768px) {
    .single-right .tabs-right {
        display: block
    }
}

.single-right .tabs-right .list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0 0 3px
}

.single-right .tabs-right label {
    cursor: pointer
}

.single-right .tabs-right .tabs-right-head {
    font-size: 15px;
    line-height: 1.6;
    border-bottom: 4px solid transparent;
    color: #838282;
    display: block;
    font-style: italic;
    font-weight: 700;
    margin: 0 32px 0 0;
    text-transform: uppercase;
    white-space: nowrap
}

@media screen and (min-width:1024px) {
    .single-right .tabs-right .tabs-right-head {
        margin: 0 40px 0 0
    }
}

.single-right #tab-desc:checked~.tabs-content .tab-desc .tab-contents-inner,
.single-right #tab-installment:checked~.tabs-content .tab-installment .tab-contents-inner,
.single-right #tab-installments:checked~.tabs-content .tab-installments .tab-contents-inner,
.single-right #tab-spesifikasi:checked~.tabs-content .tab-spesifikasi .tab-contents-inner {
    display: none
}

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

    .single-right #tab-desc:checked~.tabs-content .tab-desc .tab-contents-inner,
    .single-right #tab-installment:checked~.tabs-content .tab-installment .tab-contents-inner,
    .single-right #tab-installments:checked~.tabs-content .tab-installments .tab-contents-inner,
    .single-right #tab-spesifikasi:checked~.tabs-content .tab-spesifikasi .tab-contents-inner {
        display: block !important
    }
}

.single-right #tab-desc:checked~.tabs-right .tab-desc label,
.single-right #tab-installment:checked~.tabs-right .tab-installment label,
.single-right #tab-installments:checked~.tabs-right .tab-installments label,
.single-right #tab-spesifikasi:checked~.tabs-right .tab-spesifikasi label {
    border-bottom: 4px solid #073e9a;
    color: #000;
    font-weight: 700;
    padding-bottom: 6px
}

.single-right .tab-contents:not(:last-child) {
    border-bottom: 1px solid #d9d9d9
}

@media screen and (min-width:768px) {
    .single-right .tab-contents:not(:last-child) {
        border-bottom: none
    }
}

.single-right .tab-contents.is-toggled .tab-accordion .icon {
    transform: rotate(180deg)
}

.single-right .tab-accordion {
    background-color: #e5e8eb;
    color: #393939;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: 8px 16px;
    text-transform: uppercase
}

@media screen and (min-width:768px) {
    .single-right .tab-accordion {
        display: none
    }
}

.single-right .tab-accordion .icon {
    margin-top: 5px
}

.single-right .tab-contents-inner {
    background-color: #f8f8f8;
    padding: 16px
}

@media screen and (min-width:768px) {
    .single-right .tab-contents-inner {
        background-color: transparent;
        border-top: none;
        padding: 0
    }
}

.single-right .tab-desc table {
    border: 1px solid #ddd;
    border-collapse: collapse;
    margin-bottom: 32px;
    width: 100%
}

.single-right .tab-desc table td,
.single-right .tab-desc table th {
    border-bottom: 1px solid #ddd;
    color: #666;
    font-size: 13px;
    padding: 8px;
    text-align: left
}

.single-right .tab-spesifikasi table {
    border: 1px solid #d9d9d9;
    border-collapse: collapse;
    width: 100%
}

.single-right .tab-spesifikasi table th {
    background: #f8f8f8;
    border-right: 1px solid #d9d9d9
}

.single-right .tab-spesifikasi table td,
.single-right .tab-spesifikasi table th {
    border-bottom: 1px solid #d9d9d9;
    padding: 6px 12px;
    text-align: left
}

@media screen and (min-width:1024px) {
    .single-right .tab-installment .page-send {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width:1024px) and (min-width:414px) {
    .single-right .tab-installment .page-send {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:1024px) and (min-width:640px) {
    .single-right .tab-installment .page-send {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:1024px) and (min-width:768px) {
    .single-right .tab-installment .page-send {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1024px) and (min-width:1280px) {
    .single-right .tab-installment .page-send {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-right .tab-installment .page-send-content .notification {
    background-color: #f8f8f8;
    border: 1px solid #e5e8eb;
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(57, 57, 57, .04), 0 4px 8px 0 rgba(57, 57, 57, .08);
    margin-bottom: 24px;
    padding: 12px
}

@media screen and (min-width:414px) {
    .single-right .tab-installment .page-send-content .notification {
        align-items: center;
        display: flex
    }
}

.single-right .tab-installment .page-send-content .notification .art {
    flex: 0 0 auto;
    height: auto;
    margin-bottom: 8px;
    width: 80px
}

@media screen and (min-width:414px) {
    .single-right .tab-installment .page-send-content .notification .art {
        margin-bottom: 0;
        margin-right: 16px
    }
}

.single-right .tab-installment .page-send-content .notification .text {
    font-size: 13px;
    line-height: 1.38462
}

.single-right .tab-installment .page-send-content .send-content {
    padding-bottom: 17px
}

.single-right .tab-installment .page-send-content .send-content .texts {
    font-weight: 700
}

.single-right .tab-installment .page-send-content .page-content {
    margin-top: 8px;
    width: 100%
}

.single-right .tab-installment .page-send .page-prices .page-line:before {
    content: "";
    border-top: 1px solid;
    display: block;
    margin-top: 23px;
    padding-bottom: 25px
}

.single-right .tab-installment .page-send .page-prices .sending-address {
    background-color: #f8f8f8;
    padding: 16px
}

.single-right .tab-installment .page-send .page-prices .sending-address .head-sending {
    padding-bottom: 8px
}

.single-right .tab-installment .page-send .page-prices .sending-address .head-sending .text {
    color: #333;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase
}

.single-right .tab-installment .page-send .page-prices .address-list .text {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.single-right .tab-installment .page-send .page-prices .address-list .heading {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

.single-right .tab-installment .page-send .page-prices .address-list .heading .title {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.6
}

@media screen and (min-width:640px) {
    .single-right .tab-installment .page-send .page-prices .address-list .heading .title {
        font-size: 16px;
        line-height: 1.5
    }
}

.single-right .tab-installment .page-send .page-prices .address-list .heading .link {
    color: #073e9a;
    display: inline-block;
    padding-left: 24px;
    font-size: 13px;
    line-height: 1.38462
}

@media screen and (min-width:640px) {
    .single-right .tab-installment .page-send .page-prices .address-list .heading .link {
        font-size: 15px;
        line-height: 1.6
    }
}

.single-right .tab-installment .page-send .page-prices .address-list .items {
    background-color: #fff
}

.single-right .tab-installment .page-send .page-prices .address-list .item:not(:last-child) {
    border-bottom: 1px solid #e5e8eb
}

.single-right .tab-installment .page-send .page-prices .address-list .item input[type=radio] {
    display: none
}

.single-right .tab-installment .page-send .page-prices .address-list .item input[type=radio]:checked+.container {
    border-color: #32cb68
}

.single-right .tab-installment .page-send .page-prices .address-list .item input[type=radio]:checked+.container .expand {
    display: block
}

.single-right .tab-installment .page-send .page-prices .address-list .item .container {
    border-left: 3px solid transparent;
    padding: 12px 16px
}

@media screen and (min-width:640px) {
    .single-right .tab-installment .page-send .page-prices .address-list .item .container {
        padding: 16px 24px
    }
}

.single-right .tab-installment .page-send .page-prices .address-list .item .label {
    color: #003a9d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    text-indent: 3px
}

.single-right .tab-installment .page-send .page-prices .address-list .item .label .text {
    font-weight: 700
}

.single-right .tab-installment .page-send .page-prices .address-list .item .label .primary {
    color: #003a9d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.single-right .tab-installment .page-send .page-prices .address-list .item .expand {
    color: #333;
    display: none;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    padding-top: 6px;
    text-indent: 3px
}

.single-right .tab-installment .page-send .page-price {
    display: flex;
    justify-content: space-between
}

.single-right .tab-installment .page-send .page-price-text {
    margin-bottom: 0
}

.single-right .tab-installment .page-send .page-price-count {
    color: #073e9a;
    font-weight: 700
}

.single-right #tab-installments-contents .page-installment {
    padding: 16px
}

@media screen and (min-width:1024px) {
    .single-right #tab-installments-contents .page-installment {
        margin-left: auto;
        margin-right: auto;
        max-width: 1440px;
        padding-left: 16px;
        padding-right: 16px;
        padding: 0 !important
    }
}

@media screen and (min-width:1024px) and (min-width:414px) {
    .single-right #tab-installments-contents .page-installment {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:1024px) and (min-width:640px) {
    .single-right #tab-installments-contents .page-installment {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:1024px) and (min-width:768px) {
    .single-right #tab-installments-contents .page-installment {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1024px) and (min-width:1280px) {
    .single-right #tab-installments-contents .page-installment {
        padding-left: 64px;
        padding-right: 64px
    }
}

.single-right #tab-installments-contents .page-installment .installment-head .text {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
    margin-bottom: 15px
}

.single-right #tab-installments-contents .page-simulasion {
    overflow-x: auto
}

.single-right #tab-installments-contents .page-simulasion .tabs {
    font-size: 13px;
    line-height: 1.38462;
    background: #e5e8eb;
    color: #666;
    display: block;
    font-style: normal;
    font-weight: 700;
    margin: 0;
    -ms-overflow-style: none;
    overflow-x: auto;
    padding: 8px 12px;
    scrollbar-width: none;
    text-transform: unset;
    white-space: nowrap
}

@media screen and (min-width:414px) {
    .single-right #tab-installments-contents .page-simulasion .tabs {
        font-size: 15px;
        line-height: 1.6
    }
}

.single-right #tab-installments-contents .page-simulasion .tabs.is-tabbed {
    background: #003a9d;
    color: #fff;
    font-weight: 700
}

.single-right #tab-installments-contents .page-installment-content {
    padding-top: 32px
}

.single-right #tab-installments-contents .page-installment-content .text ol,
.single-right #tab-installments-contents .page-installment-content .text ul {
    padding-left: 18px
}

.single-right #tab-installments-contents .page-installment-content .text ol li,
.single-right #tab-installments-contents .page-installment-content .text ul li {
    padding-left: 8px
}

.single-right #tab-installments-contents .page-installment-content .text ol li:not(:last-child),
.single-right #tab-installments-contents .page-installment-content .text ul li:not(:last-child) {
    margin-bottom: 4px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card {
    border: 1px solid #bdbdbd;
    padding: 12px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .select-one,
.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .select-two {
    padding-bottom: 12px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .select-three {
    padding-bottom: 16px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .servis {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 8px;
    text-indent: 3px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .input-select {
    width: 100%
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .input-select[type=number]::-webkit-inner-spin-button,
.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .input-select[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .input-select[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select {
    border-radius: 2px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .section-grey {
    padding: 16px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display {
    border-bottom: 1px solid;
    padding-bottom: 22px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display .text {
    display: block;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 2px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display .text-content ol,
.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display .text-content ul {
    list-style: none;
    padding-left: 24px;
    text-indent: -24px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display .text-content ol li:before,
.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display .text-content ul li:before {
    content: "●";
    display: inline-block;
    min-width: 24px;
    padding-right: 4px;
    text-indent: 4px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display .text-content ol li {
    counter-increment: list-ordered
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .head-display .text-content ol li:before {
    content: counter(list-ordered) ". ";
    text-indent: 0
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .month {
    border-bottom: 1px solid;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-top: 17px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .month .text {
    margin-bottom: 16px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .month .text-price {
    color: #003a9d;
    font-weight: 700
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month {
    display: block;
    margin-bottom: 24px;
    overflow: hidden;
    width: 100%
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month .text {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 2px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month-display {
    padding-top: 8px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month-display ol,
.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month-display ul {
    list-style: none;
    padding-left: 24px;
    text-indent: -24px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month-display ol li:before,
.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month-display ul li:before {
    content: "●";
    display: inline-block;
    min-width: 24px;
    padding-right: 4px;
    text-indent: 4px
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month-display ol li {
    counter-increment: list-ordered
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month-display ol li:before {
    content: counter(list-ordered) ". ";
    text-indent: 0
}

.single-right #tab-installments-contents .page-installment #tab-card .selecion-card .display-select .ket-month .links {
    color: #003a9d !important;
    text-decoration: underline
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card {
    border: 1px solid #bdbdbd;
    padding: 12px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .select-one,
.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .select-two {
    padding-bottom: 12px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .select-three {
    padding-bottom: 16px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .servis {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 8px;
    text-indent: 3px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .input-select {
    width: 100%
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .input-select[type=number]::-webkit-inner-spin-button,
.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .input-select[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .input-select[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select {
    border-radius: 2px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .section-grey {
    padding: 16px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display {
    border-bottom: 1px solid;
    padding-bottom: 22px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display .text {
    display: block;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 2px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display .text-content ol,
.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display .text-content ul {
    list-style: none;
    padding-left: 24px;
    text-indent: -24px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display .text-content ol li:before,
.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display .text-content ul li:before {
    content: "●";
    display: inline-block;
    min-width: 24px;
    padding-right: 4px;
    text-indent: 4px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display .text-content ol li {
    counter-increment: list-ordered
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .head-display .text-content ol li:before {
    content: counter(list-ordered) ". ";
    text-indent: 0
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .month {
    border-bottom: 1px solid;
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
    padding-top: 17px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .month .text {
    margin-bottom: 16px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .month .text-price {
    color: #003a9d;
    font-weight: 700
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month {
    display: block;
    margin-bottom: 24px;
    overflow: hidden;
    width: 100%
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month .text {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 2px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month-display ol,
.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month-display ul {
    list-style: none;
    padding-left: 24px;
    text-indent: -24px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month-display ol li:before,
.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month-display ul li:before {
    content: "●";
    display: inline-block;
    min-width: 24px;
    padding-right: 4px;
    text-indent: 4px
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month-display ol li {
    counter-increment: list-ordered
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month-display ol li:before {
    content: counter(list-ordered) ". ";
    text-indent: 0
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month .links {
    color: #003a9d !important;
    text-decoration: underline
}

.single-right #tab-installments-contents .page-installment #tab-non-card .selecion-card .display-select .ket-month .button-sends {
    text-align: right
}

.single-right #tab-installments-contents .page-installment .installment-services .item {
    border-bottom: 1px solid #d9d9d9
}

.single-right #tab-installments-contents .page-installment .installment-services .item.is-toggled .item-tab .icon {
    transform: rotate(180deg)
}

.single-right #tab-installments-contents .page-installment .installment-services .item-tab {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.single-right #tab-installments-contents .page-installment .installment-services .item-tab .content {
    display: flex;
    padding-right: 16px
}

.single-right #tab-installments-contents .page-installment .installment-services .item-tab .content .image {
    max-height: 32px;
    max-width: 80px;
    width: auto
}

.single-right #tab-installments-contents .page-installment .installment-services .item-tab .content .image+.text {
    padding-left: 12px
}

.single-right #tab-installments-contents .page-installment .installment-services .item-tab .content .text {
    display: block;
    font-weight: 700;
    padding-top: 4px
}

.single-right #tab-installments-contents .page-installment .installment-services .item-tab .icon {
    font-size: 13px;
    line-height: 1.38462;
    color: #073e9a
}

.single-right #tab-installments-contents .page-installment .installment-services .item-expand {
    display: none;
    padding: 0 0 16px
}

.single-right #tab-installments-contents .page-installment .installment-services .item-expand .frame {
    background-color: #e5e8eb;
    border-radius: 8px;
    margin-top: 20px;
    padding: 16px;
    font-size: 13px;
    line-height: 1.38462
}

.single-right #tab-installments-contents .page-installment .installment-services .item-expand .desc {
    padding-top: 24px
}

.installment-card,
.installment-non-card {
    border-top: 1px solid #d9d9d9
}

.installment-card .item,
.installment-non-card .item {
    border-bottom: 1px solid #d9d9d9
}

.installment-card .item.is-toggled .item-tab .icon,
.installment-non-card .item.is-toggled .item-tab .icon {
    transform: rotate(180deg)
}

.installment-card .item-tab,
.installment-non-card .item-tab {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 16px 0
}

.installment-card .item-tab .content,
.installment-non-card .item-tab .content {
    display: flex;
    padding-right: 16px
}

.installment-card .item-tab .content .image,
.installment-non-card .item-tab .content .image {
    max-height: 32px;
    max-width: 80px;
    width: auto
}

.installment-card .item-tab .content .image+.text,
.installment-non-card .item-tab .content .image+.text {
    padding-left: 12px
}

.installment-card .item-tab .content .text,
.installment-non-card .item-tab .content .text {
    display: block;
    font-weight: 700;
    padding-top: 4px
}

.installment-card .item-tab .icon,
.installment-non-card .item-tab .icon {
    font-size: 13px;
    line-height: 1.38462;
    color: #073e9a
}

.installment-card .item-expand,
.installment-non-card .item-expand {
    display: none;
    padding: 12px 0 16px
}

.installment-card .item-expand .section:not(:last-child),
.installment-non-card .item-expand .section:not(:last-child) {
    margin-bottom: 24px
}

.installment-card .item-expand .section-heading,
.installment-non-card .item-expand .section-heading {
    font-weight: 700;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5
}

.installment-card .item-expand .section .tenor,
.installment-non-card .item-expand .section .tenor {
    color: #393939
}

.installment-card .item-expand .section .tenor .row,
.installment-non-card .item-expand .section .tenor .row {
    display: flex;
    justify-content: space-between
}

.installment-card .item-expand .section .tenor .row:not(:last-child),
.installment-non-card .item-expand .section .tenor .row:not(:last-child) {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 8px;
    padding-bottom: 8px
}

.installment-card .item-expand .section .tenor .row .label,
.installment-non-card .item-expand .section .tenor .row .label {
    display: block;
    padding-right: 16px;
    width: 100px
}

.installment-card .item-expand .section .terms,
.installment-non-card .item-expand .section .terms {
    background-color: #e5e8eb;
    border-radius: 8px;
    margin-top: 20px;
    padding: 16px;
    font-size: 13px;
    line-height: 1.38462
}

.installment-card .item-expand .section .terms ol,
.installment-card .item-expand .section .terms ul,
.installment-non-card .item-expand .section .terms ol,
.installment-non-card .item-expand .section .terms ul {
    padding-left: 16px
}

.installment-card .item-expand .section .terms ol li:not(:last-child),
.installment-card .item-expand .section .terms ul li:not(:last-child),
.installment-non-card .item-expand .section .terms ol li:not(:last-child),
.installment-non-card .item-expand .section .terms ul li:not(:last-child) {
    margin-bottom: 6px
}

.installment-card .item-expand .section .steps .step:not(:last-child),
.installment-non-card .item-expand .section .steps .step:not(:last-child) {
    margin-bottom: 12px
}

.installment-card .item-expand .section .steps .step .label,
.installment-non-card .item-expand .section .steps .step .label {
    display: block;
    font-weight: 700
}

.installment-card .item-expand .section .steps .step .text,
.installment-non-card .item-expand .section .steps .step .text {
    color: #666
}

.result-page {
    background: #f8f8f8
}

.result-page .result-pages {
    background: #f8f8f8;
    padding-bottom: 24px
}

.result-page .result-pages-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: -16px;
    padding-top: 16px
}

@media screen and (min-width:414px) {
    .result-page .result-pages-wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .result-page .result-pages-wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .result-page .result-pages-wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .result-page .result-pages-wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .result-page .result-pages-wrapper {
        margin-bottom: 0
    }
}

.result-page .result-pages-wrapper .result-tag {
    display: flex;
    flex-wrap: wrap
}

.result-page .result-pages-wrapper .result-tag .text {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
    margin-bottom: 0;
    padding-right: 8px
}

.result-page .result-pages-wrapper .result-tag .sub-text {
    font-size: 16px;
    line-height: 1.5;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase
}

.product-request {
    background-color: #f8f8f8
}

.product-request-hero {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 32px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 280px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-bottom: 48px
}

@media screen and (min-width:414px) {
    .product-request-hero {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .product-request-hero {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .product-request-hero {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .product-request-hero {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:1024px) {
    .product-request-hero {
        min-height: 380px
    }
}

.product-request-hero:before {
    content: "";
    display: block;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.product-request-hero .container {
    text-align: center;
    position: relative
}

.product-request-hero .container .title {
    margin-bottom: 16px;
    color: #fff
}

.product-request-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 64px
}

@media screen and (min-width:414px) {
    .product-request-content {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .product-request-content {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .product-request-content {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .product-request-content {
        padding-left: 64px;
        padding-right: 64px
    }
}

.product-request-content .header {
    font-style: italic;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 32px
}

.product-request-content .header .title {
    display: inline-block;
    padding: 8px 24px;
    position: relative;
    margin-left: 8px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.333334
}

@media screen and (min-width:768px) {
    .product-request-content .header .title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.33334;
        padding: 12px 32px
    }
}

.product-request-content .header .title:before {
    content: "";
    display: block;
    background-color: #073e9a;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skewX(-20deg)
}

.product-request-content .header .title .text {
    position: relative;
    text-transform: uppercase;
    color: #fff;
    font-style: italic
}

.product-request-content .content-subtitle {
    color: #838282;
    margin-bottom: 32px
}

.product-request-content .content-section {
    margin-bottom: 32px
}

@media screen and (min-width:1024px) {
    .product-request-content .content-section {
        display: flex;
        align-items: flex-start;
        margin-bottom: 48px
    }
}

.product-request-content .content-section .section.section-main {
    margin-bottom: 32px
}

@media screen and (min-width:1024px) {
    .product-request-content .content-section .section.section-main {
        width: calc(100% - 400px);
        padding-right: 48px;
        margin-bottom: 0
    }
}

@media screen and (min-width:1024px) {
    .product-request-content .content-section .section.section-aside {
        width: 400px
    }
}

.product-request-content .content-section .section.section-aside .contact-detail {
    padding: 16px;
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

@media screen and (min-width:640px) {
    .product-request-content .content-section .section.section-aside .contact-detail {
        padding: 32px 24px
    }
}

.product-request-content .content-section .section.section-aside .contact-detail .item {
    display: flex
}

.product-request-content .content-section .section.section-aside .contact-detail .item:not(:last-child) {
    margin-bottom: 12px
}

.product-request-content .content-section .section.section-aside .contact-detail .item-icon {
    width: 18px
}

.product-request-content .content-section .section.section-aside .contact-detail .item-icon .icon {
    font-size: 18px;
    line-height: 1.33334;
    color: #838282;
    margin-top: -2px
}

.product-request-content .content-section .section.section-aside .contact-detail .item-text {
    width: calc(100% - 18px);
    padding-left: 12px
}

.product-request-content .content-section .section.section-aside .contact-detail .item-text .label {
    display: block;
    font-weight: 700
}

.product-request-content .content-section .section.section-aside .contact-detail .item-text .value {
    color: #838282
}

.product-request-content .content .shop-address {
    padding: 16px;
    background-color: #fff;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .02)
}

@media screen and (min-width:640px) {
    .product-request-content .content .shop-address {
        padding: 32px
    }
}

@media screen and (min-width:1024px) {
    .product-request-content .content .shop-address {
        max-width: 848px
    }
}

.product-request-content .content .shop-address .items {
    display: flex;
    flex-wrap: wrap;
    margin: -16px
}

.product-request-content .content .shop-address .item {
    width: 100%;
    padding: 16px;
    display: flex
}

@media screen and (min-width:768px) {
    .product-request-content .content .shop-address .item {
        width: 50%
    }
}

.product-request-content .content .shop-address .item-icon {
    width: 24px
}

.product-request-content .content .shop-address .item-icon .icon {
    font-size: 24px;
    line-height: 1.33334;
    color: #838282
}

.product-request-content .content .shop-address .item-text {
    width: calc(100% - 24px);
    padding-left: 16px;
    color: #838282
}

.product-request-content .content .shop-address .item-text strong {
    color: #393939
}

.forget-password {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .forget-password {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .forget-password {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .forget-password {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .forget-password {
        padding-left: 64px;
        padding-right: 64px
    }
}

.forget-password-inner {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 600px;
    width: 100%
}

.forget-password-head {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9
}

.forget-password-head .text {
    margin-bottom: 2px;
    font-style: italic;
    font-size: 24px;
    text-transform: uppercase
}

.forget-password-head .sub-text {
    font-size: 16px;
    color: #838282
}

.forget-password-wrapper {
    width: 100%
}

.forget-password-wrapper .form-forget {
    padding-bottom: 24px
}

.forget-password-wrapper .form-forget .form {
    display: inline-block;
    margin-bottom: 4px;
    width: 100%;
    font-weight: 700
}

.forget-password-wrapper .form-forget .input-form {
    width: 100%
}

.forget-password-wrapper .forget-button .button-primary {
    text-transform: capitalize
}

.reset-password {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .reset-password {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .reset-password {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .reset-password {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .reset-password {
        padding-left: 64px;
        padding-right: 64px
    }
}

.reset-password-inner {
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 600px;
    width: 100%
}

.reset-password-head {
    margin-bottom: 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d9d9d9
}

.reset-password-head .text {
    margin-bottom: 2px;
    font-style: italic;
    font-size: 24px;
    text-transform: uppercase
}

.reset-password-head .sub-text {
    font-size: 16px;
    color: #838282
}

.reset-password-wrapper {
    width: 100%
}

.reset-password-wrapper .form-reset {
    padding-bottom: 24px
}

.reset-password-wrapper .form-reset .form {
    display: inline-block;
    margin-bottom: 4px;
    width: 100%;
    font-weight: 700
}

.reset-password-wrapper .form-reset .input-form {
    width: 100%
}

.email-notif {
    max-width: 710px !important;
    width: 100%;
    margin: 0 auto
}

.email-notif .logos {
    align-self: center;
    flex: 0 0 auto;
    max-width: 160px;
    width: 100%
}

.notif-verify {
    max-width: 1440px;
    height: 100%;
    padding: 32px 0;
    max-width: 740px;
    width: 100%;
    margin: 0 auto
}

@media screen and (min-width:414px) {
    .notif-verify {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .notif-verify {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .notif-verify {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .notif-verify {
        padding-left: 64px;
        padding-right: 64px
    }
}

.notif-verify-head .text {
    margin-bottom: 16px;
    color: #000
}

.notif-verify-content .text {
    color: #333;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33334;
    margin-bottom: 0
}

.notif-verify-content .text-input {
    display: flex;
    justify-content: center;
    border-radius: 3px;
    padding: 24px
}

.notif-verify-content .text-input .button-line {
    background-color: #f5f4f4;
    border-radius: 5px;
    display: inline-block;
    font-size: 24px;
    line-height: 1.33334;
    font-weight: 700;
    letter-spacing: .08em;
    line-height: 1.846154;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-out;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #e5e8eb;
    color: #333;
    padding: 2px 16px
}

.notif-verify-contents {
    background-color: #e5e8eb;
    padding: 18px;
    border-radius: 3px
}

.notif-verify-contents .value {
    color: #000;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 1.33334
}

.notif-verify-contents .value+.sub-value {
    font-size: 18px;
    line-height: 1.33334;
    margin-bottom: 0;
    color: #000
}

.notif-verify-contents .sqm {
    color: #073e9a;
    font-weight: 700
}

.notif-verify-footer {
    margin-top: 40px;
    color: #6385be
}

.notif-verify-footer .signature {
    margin-bottom: 0
}

.notif-request .text {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33334;
    margin-bottom: 16px
}

.notif-request-contents {
    font-size: 18px;
    line-height: 1.33334;
    max-width: 550px;
    width: 100%
}

.notif-request-contents .value {
    margin-bottom: 8px;
    color: #000
}

.notif-request-contents .sub-value {
    margin-bottom: 0;
    color: #003a9d
}

.notif-contact .text {
    font-weight: 400;
    margin-bottom: 16px
}

.notif-contact-contents .tagline {
    display: flex;
    margin-bottom: 4px;
    color: #000
}

.notif-contact-contents .value {
    width: 100%;
    max-width: 80px
}

.notif-contact-contents .values {
    margin-left: 18px
}

.notif-reward .text {
    font-weight: 700;
    font-size: 24px;
    line-height: 1.33334;
    margin-bottom: 8px;
    color: #000
}

.notif-reward-contents .value {
    font-size: 18px;
    line-height: 1.33334;
    color: #000
}

.notif-reward-contents .button-reward {
    display: flex;
    justify-content: center;
    border-radius: 3px
}

.notif-reward-contents .button-reward .button-blue {
    padding: 8px 24px;
    font-weight: 400
}

.notif-member-contents {
    max-width: 442px;
    width: 100%
}

.notif-member-contents .value {
    color: #000
}

.notif-member-contents .values {
    margin-bottom: 4px;
    color: #000
}

.notif-member-contents .sub-value {
    color: #003a9d
}

.notif-payment .notif-contact-contents .text {
    margin-bottom: 24px
}

.notif-payment .notif-contact-contents .tagline {
    color: #333
}

.notif-payment .notif-contact-contents .tagline .value {
    width: 100%;
    max-width: 200px
}

.notif-payment-user .meta-text {
    margin-bottom: 16px
}

.notif-payment-user .notif-payment-users .meta-list {
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    font-style: italic
}

.notif-payment-user .notif-payment-users .meta-list:after {
    content: "";
    padding-top: 6px;
    display: block;
    border-bottom: 1px solid #666
}

.notif-payment-user .notif-payment-users .meta-price {
    display: flex;
    justify-content: space-between;
    padding-bottom: 24px
}

.notif-payment-user .notif-payment-users .meta-price+.meta-price {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #666;
    padding-top: 14px;
    padding-bottom: 24px
}

.notif-payment-user .notif-payment-users .meta-price .price-inf .value {
    font-weight: 500
}

.notif-payment-user .notif-payment-users .meta-price .price-inf .value .button-line {
    margin-left: 12px;
    border: 1px solid #003a9d;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    border-radius: 2px;
    color: #003a9d;
    padding: 6px 16px;
    font-size: 13px;
    line-height: 1.38462
}

.notif-payment-user .notif-payment-users .meta-price .price-inf .sub-value,
.notif-payment-user .notif-payment-users .meta-price .price-inf .sub-values {
    font-size: 13px;
    line-height: 1.38462;
    margin-bottom: 8px
}

.notif-payment-user .notif-payment-users .value-price {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #666;
    padding-top: 14px;
    padding-bottom: 4px
}

.notif-payment-user .notif-payment-users .value-price+.value-price {
    display: flex;
    justify-content: space-between;
    border-top: none;
    padding-top: 4px;
    padding-bottom: 4px
}

.notif-payment-user .notif-payment-users .value-price .price-inf .meta-all {
    font-weight: 500
}

.notif-payment-user .notif-payment-users .value-price .price-all {
    color: #ff3636;
    font-weight: 500
}

.notif-reset .text {
    font-size: 24px;
    line-height: 1.33334;
    margin-bottom: 16px
}

.notif-reset .button-reward .button-blue {
    font-weight: 400
}

.notif-order .tagline {
    color: #333
}

.notif-order .tagline .values {
    display: block;
    margin-left: 18px
}

.notif-order .text {
    margin-bottom: 16px
}

.notif-order .conf {
    margin-top: 16px
}

.missing-page {
    width: 100%
}

.missing-page-content .section {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 64px 16px;
    text-align: center
}

@media screen and (min-width:414px) {
    .missing-page-content .section {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .missing-page-content .section {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .missing-page-content .section {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .missing-page-content .section {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:640px) {
    .missing-page-content .section {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.missing-page-content .section .image {
    margin-bottom: 32px
}

.missing-page-content .section .title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33334;
    color: #666
}

@media screen and (min-width:640px) {
    .missing-page-content .section .title {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25
    }
}

.maintenance {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center
}

.maintenance-page {
    display: block;
    margin: auto;
    text-align: center
}

.maintenance-text {
    max-width: 410px;
    width: 100%;
    margin: 32px auto 0;
    text-align: center
}

.maintenance-text .text {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.33334;
    color: #666;
    margin-bottom: 12px
}

@media screen and (min-width:640px) {
    .maintenance-text .text {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.25
    }
}

.maintenance .section-maintenance {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding: 64px 16px;
    text-align: center
}

@media screen and (min-width:414px) {
    .maintenance .section-maintenance {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .maintenance .section-maintenance {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .maintenance .section-maintenance {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .maintenance .section-maintenance {
        padding-left: 64px;
        padding-right: 64px
    }
}

@media screen and (min-width:640px) {
    .maintenance .section-maintenance {
        padding-bottom: 80px;
        padding-top: 80px
    }
}

.expired-page {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh
}

.expired-page-content {
    padding: 48px 0;
    text-align: center
}

.expired-page-content .wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
    padding-left: 16px;
    padding-right: 16px
}

@media screen and (min-width:414px) {
    .expired-page-content .wrapper {
        padding-left: 24px;
        padding-right: 24px
    }
}

@media screen and (min-width:640px) {
    .expired-page-content .wrapper {
        padding-left: 32px;
        padding-right: 32px
    }
}

@media screen and (min-width:768px) {
    .expired-page-content .wrapper {
        padding-left: 48px;
        padding-right: 48px
    }
}

@media screen and (min-width:1280px) {
    .expired-page-content .wrapper {
        padding-left: 64px;
        padding-right: 64px
    }
}

.expired-page-content .image {
    max-width: 200px;
    margin-bottom: 24px
}

.expired-page-content .title {
    margin-bottom: 8px;
    color: #666
}

.expired-page-content .subtitle {
    color: #666
}

@media screen and (max-width:767px) {
    .mobile-hidden {
        display: none !important
    }
}

.mobile-search {
    background-color: #e5e8eb;
    padding: 8px 16px
}

@media screen and (min-width:1024px) {
    .mobile-search {
        display: none
    }
}

.mobile-search-form {
    position: relative
}

.mobile-search-form .input {
    padding-right: 32px;
    width: 100%
}

.mobile-search-form .button {
    background-color: transparent;
    border: none;
    bottom: 0;
    position: absolute;
    top: 0;
    right: 2px
}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a:after,
    a:visited:after {
        content: " (" attr(href) ")"
    }

    a:visited abbr[title]:after,
    a abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    @page {
        margin: .5cm
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}


.cross-item-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cross-item-cta form,
.cross-item-cta a {
    flex: 1 1 50%
}

.cross-item-cta button {
    width: 100%;
}

.variant-popup-footer {
    justify-content: space-between;
    display: flex;
    align-items: center
}

.variant-popup-info {
    margin-bottom: 0px
}

.variant-popup-info p {
    border-radius: 2px;
    display: inline-block;
    padding: 2px 8px;
}

.empty-stock {
    background-color: #f4474a;
    color: #fff;
}

@media (max-width: 639px) {

    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
    /* smartphones, Android phones, landscape iPhone */
    /*.slide-single-card{
        width: 100% !important;
    }*/
    .slide-single .flickity-prev-next-button {
        background-color: rgba(0, 0, 0, 0.1);
        width: 38px;
        height: 38px;
    }

    .variant-popup-footer {
        display: block !important;
    }

    .variant-popup-info {
        margin-bottom: 20px;
    }

    .variant-popup-button {}

    .default-variant-info {}

    .product-search-single input,
    .product-search-single-featured input {
        width: 100%;
    }
}

.item-label-cart {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(57, 57, 57, .04), 0 6px 12px 0 rgba(57, 57, 57, .08);
    overflow: hidden;
    padding: 12px;
    position: relative;
    text-align: center;
}

.product-search-single {
    margin-bottom: 24px;
}

.product-search-single input,
.product-search-single-featured input {
    width: 400px;
}

.side-apple .button {
    background-color: #111111 !important;
}

.side-apple img {
    margin-right: 10px;
    width: 24px;
    height: 24px;
}

.popup-single-image .flickity-viewport {
    pointer-events: none !important;
    touch-action: none !important;
}

.tooltip-menu-icon {
    padding: 3px 3px;
    position: absolute;
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .sub-item:not(:last-child) {
    margin-bottom: 4px !important;
}

.site-container .site-mobile-nav .mobile-nav-bar .mobile-menu .item .sub-item a {
    display: inline-block !important;
}

.sub-item-nav {
    display: block;
}

.tooltip-cat-icon {
    cursor: pointer;
    font-size: 12px;
    padding: 6px;
    margin-left: 8px;
    position: absolute;
}

/* Mobile */
@media (max-width: 767px) {
    .product-display .item-flash .product-image .badges {
        display: flex;
        flex-wrap: wrap;
        right: 12px;
        top: 12px;
    }

    .product-display .item-flash .product-image .badges .badge {
        display: none;
    }

    .tooltip-product-icon {
        top: -1px;
        margin-left: 4px;
    }

    .custom-tooltip .tooltip:after {
        content: attr(data-tooltip);
        white-space: normal;
        /* allow wrapping */
        width: 130px;
        /* control width so it breaks into ~2 lines */
        max-width: 260px;
        /* control width so it breaks into ~2 lines */
        display: block;
    }
}



/* Tablet */
@media (min-width: 768px) and (max-width: 1023px) {
    .product-display .item-flash .product-image .badges {
        display: flex;
        flex-wrap: wrap;
        right: 12px;
        top: 12px;
    }

    .product-display .item-flash .product-image .badges .badge {
        display: none;
    }

    .custom-tooltip .tooltip:after {
        content: attr(data-tooltip);
        white-space: normal;
        /* allow wrapping */
        width: 130px;
        /* control width so it breaks into ~2 lines */
        max-width: 260px;
        /* control width so it breaks into ~2 lines */
        display: block;
    }
}


/* Desktop */
@media (min-width: 1024px) {
    .tooltip-cat-icon {
        margin-top: 12px;
    }

    .tooltip-product-icon {
        top: -1px;
        margin-left: 4px;
        position: absolute;
    }

    .custom-tooltip .tooltip:after {
        content: attr(data-tooltip);
        white-space: normal;
        /* allow wrapping */
        width: 160px;
        /* control width so it breaks into ~2 lines */
        max-width: 320px;
        /* control width so it breaks into ~2 lines */
        display: block;
    }
}

.single-images-variant {
    display: none;
}

/*.flickity-viewport .single-images{
    display: block !important;
}*/

.badge-empty-stock {
    /*color: #ff3636;*/
    background-color: #f4474a;
    border-radius: 2px;
    color: #fff;
    padding: 2px 8px;
    font-size: 10px;
    width: fit-content;
    margin-top: 8px;
}