.btn.hero__button {
    display: none !important
}

.mfp-bg, .mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.mfp-bg, .mfp-container, .mfp-wrap {
    height: 100%;
    width: 100%
}

.caret, .mfp-container:before, .mfp-content {
    vertical-align: middle
}

.mfp-arrow:after, .mfp-arrow:before, .mfp-container:before, .mfp-figure:after {
    content: ''
}

.collection-figcaption, .mfp-wrap {
    -webkit-backface-visibility: hidden
}

.mfp-arrow, .slick-slider {
    -webkit-tap-highlight-color: transparent
}

*, .mfp-container, .slick-slider, ::after, ::before, img.mfp-img {
    box-sizing: border-box
}

.img--semantic, .slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.dropdown-menu, .grid, .nav {
    list-style: none
}

.rte table, .shopinfo__item {
    table-layout: fixed
}

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

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px
}

.mfp-container:before {
    display: inline-block;
    height: 100%
}

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

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

.mfp-close, .mfp-preloader {
    text-align: center;
    position: absolute
}

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

.mfp-ajax-cur {
    cursor: progress
}

.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;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-close, .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: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    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;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.blog__author, dfn {
    font-style: italic
}

.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-figure, img.mfp-img {
    line-height: 0
}

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

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

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

.mfp-arrow:after, .mfp-arrow:before {
    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-image-holder .mfp-content, img.mfp-img {
    max-width: 100%
}

.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
}

.mfp-figure:after, img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    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
}

.panel-heading > .dropdown .dropdown-toggle, .panel-title, .panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit
}

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

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .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
    }
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

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

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

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

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

.mfp-no-margins .mfp-container, .mfp-no-margins img.mfp-img {
    padding: 0
}

.mfp-no-margins .mfp-figure:after {
    top: 0;
    bottom: 0
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto
}

.slick-arrow.slick-hidden {
    display: none
}

.ps {
    -ms-touch-action: auto;
    touch-action: auto;
    overflow: hidden !important;
    -ms-overflow-style: none
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .ps {
        overflow: auto !important
    }
}

.collapsing, .nav .nav-divider, svg:not(:root) {
    overflow: hidden
}

.ps.ps--active-x > .ps__scrollbar-x-rail, .ps.ps--active-y > .ps__scrollbar-y-rail {
    display: block;
    background-color: transparent
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: #999;
    width: 11px
}

.ps > .ps__scrollbar-x-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0;
    height: 15px
}

.ps > .ps__scrollbar-x-rail > .ps__scrollbar-x {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    bottom: 2px;
    height: 6px
}

.ps > .ps__scrollbar-x-rail:active > .ps__scrollbar-x, .ps > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
    height: 11px
}

.ps > .ps__scrollbar-y-rail {
    display: none;
    position: absolute;
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    width: 15px
}

.ps > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    position: absolute;
    background-color: #aaa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
    -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
    transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
    right: 2px;
    width: 6px
}

.ps > .ps__scrollbar-y-rail:active > .ps__scrollbar-y, .ps > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
    width: 11px
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
    background-color: #eee;
    opacity: .9
}

.ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x {
    background-color: #999;
    height: 11px
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail {
    background-color: #eee;
    opacity: .9
}

.ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y {
    background-color: #999;
    width: 11px
}

.ps:hover > .ps__scrollbar-x-rail, .ps:hover > .ps__scrollbar-y-rail {
    opacity: .6
}

.ps:hover > .ps__scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
    background-color: #999
}

.ps:hover > .ps__scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: .9
}

.ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
    background-color: #999
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0)
    }
    to {
        -moz-transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes slideInDownHome {
    0% {
        background-color: rgba(255, 255, 255, .9);
        border-color: transparent;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        background-color: #fff;
        border-color: #eee;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDownHome {
    0% {
        background-color: rgba(255, 255, 255, .9);
        border-color: transparent;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        background-color: #fff;
        border-color: #eee;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideInUpHome {
    0% {
        background-color: #fff;
        -webkit-transform: translateY(118px);
        transform: translateY(118px)
    }
    100% {
        background-color: rgba(255, 255, 255, .9);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUpHome {
    0% {
        background-color: #fff;
        border-color: #eee;
        -webkit-transform: translateY(118px);
        transform: translateY(118px)
    }
    100% {
        background-color: rgba(255, 255, 255, .9);
        border-color: transparent;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.nav::after, .panel-body::after {
    content: '';
    display: table;
    clear: both
}

.collapsing {
    position: relative;
    height: 0;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.panel {
    margin-bottom: 24px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.panel-title, .panel > .list-group, .panel > .panel-collapse > .list-group, .panel > .panel-collapse > .table, .panel > .table, .panel > .table-responsive > .table {
    margin-bottom: 0
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel-title {
    margin-top: 0;
    font-size: 18px
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0
}

.panel-group .panel-heading, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
    border-bottom: 0
}

.panel > .table-responsive:last-child > .table:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.panel > .table-responsive:first-child > .table:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table:first-child > thead:first-child > tr:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}

.list-group + .panel-footer, .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0
}

.panel > .panel-collapse > .table caption, .panel > .table caption, .panel > .table-responsive > .table caption {
    padding-left: 15px;
    padding-right: 15px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
    border-top-left-radius: 3px
}

.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-top-right-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
    border-bottom-left-radius: 3px
}

.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
    border-bottom-right-radius: 3px
}

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd
}

.panel > .table > tbody:first-child > tr:first-child td, .panel > .table > tbody:first-child > tr:first-child th {
    border-top: 0
}

.panel > .table-bordered, .panel > .table-responsive > .table-bordered {
    border: 0
}

.panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0
}

.panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0
}

.panel > .table-responsive {
    border: 0;
    margin-bottom: 0
}

.panel-group {
    margin-bottom: 24px
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px
}

.panel-group .panel + .panel {
    margin-top: 5px
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 1px solid #ddd
}

.panel-group .panel-footer {
    border-top: 0
}

.panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd
}

.panel-default {
    border-color: #ddd
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd
}

.panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333
}

.panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd
}

.panel-primary {
    border-color: #78cccd
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #78cccd;
    border-color: #78cccd
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #78cccd
}

.panel-primary > .panel-heading .badge {
    color: #78cccd;
    background-color: #fff
}

.panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #78cccd
}

.panel-success {
    border-color: #d6e9c6
}

.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6
}

.panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d
}

.panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6
}

.panel-info {
    border-color: #bce8f1
}

.panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1
}

.panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f
}

.panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1
}

.panel-warning {
    border-color: #faebcc
}

.panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc
}

.panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc
}

.panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b
}

.panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc
}

.panel-danger {
    border-color: #ebccd1
}

.panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

.panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1
}

.panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442
}

.panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1
}

.nav {
    margin-bottom: 0;
    padding-left: 0
}

.nav > li, .nav > li > a {
    display: block;
    position: relative
}

.nav > li > a {
    padding: 10px 15px
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee
}

.nav > li.disabled > a {
    color: #777
}

.nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
    color: #777;
    text-decoration: none;
    background-color: transparent;
    cursor: not-allowed
}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #eee;
    border-color: #78cccd
}

.nav .nav-divider {
    height: 1px;
    margin: 11px 0;
    background-color: #e5e5e5
}

.nav > li > a > img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs > li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.5;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs > li > a:hover {
    border-color: #eee #eee #ddd
}

.nav-pills > li {
    float: left
}

.nav-justified > li, .nav-stacked > li, .nav-tabs.nav-justified > li {
    float: none
}

.nav-pills > li > a {
    border-radius: 4px
}

.nav-pills > li + li {
    margin-left: 2px
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    color: #fff;
    background-color: #78cccd
}

.nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0
}

.nav-justified, .nav-tabs.nav-justified {
    width: 100%
}

.nav-justified > li > a, .nav-tabs.nav-justified > li > a {
    text-align: center;
    margin-bottom: 5px
}

.nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0
}

.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 4px
}

.newsIndex {
    padding-top: 0 !important
}

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border: 1px solid #ddd
}

@media (max-width: 768px) {
    .newsletter-popup__body {
        margin-bottom: 0;
    }

    .gemini-featured-collection {
        padding-bottom: 0 !important
    }

    .product-price--origin {
        display: block;
        margin-left: 0
    }

    .new-items img {
        height: 100% !important
    }

    .mobile-menu__extra {
        padding-bottom: 20px
    }

    .letWrp h3, .subWrp h3 {
        min-height: 20px
    }

    .firstFooter {
        margin-top: 30px
    }

    .newsIndex .grid {
        margin: 0 0 20px 0
    }

    .newsIndex .grid__item {
        padding: 0 5px !important;
        width: 50% !important
    }
}

@media screen and (max-width: 480px) {
    .gemini-collection-list .page-width {
        padding: 0
    }

    .gemini-collection-list .grid {
        padding: 0;
        margin: 0
    }

    .gemini-collection-list .grid .grid__item {
        width: 50%;
        padding: 0 4px
    }

    .gemini-banner .banner .grid {
        margin: 0
    }

    .gemini-banner {
        padding: 0 !important
    }

    .gemini-banner [data-aos^=zoom][data-aos^=zoom], .gemini-collection-list [data-aos^=fade][data-aos^=fade].aos-animate {
        opacity: 1
    }

    .gemini-collection-list [data-aos=zoom-out-down] {
        transform: translate3d(0, 0, 0) scale(1.2)
    }

    .gemini-banner .banner .medium-up--one-half {
        margin-bottom: 5px;
        padding: 0
    }

    .gemini-banner .banner .medium-up--one-quarter {
        width: 50%;
        padding: 3px
    }

    .gemini-banner [data-aos^=fade][data-aos^=fade] {
        opacity: 1
    }

    .gemini-banner [data-aos=fade-up] {
        transform: translate3d(0, 0, 0)
    }

    .gemini-featured-collection {
        margin-top: 10px
    }

    .gemini-collection-list {
        margin: 5px 0;
        padding: 0 !important
    }

    .hotline-contact {
        float: none;
        text-align: center;
        width: 100% !important
    }

    .hotline-box a {
        font-size: 10px !important
    }

    footer .footer-widgets {
        padding: 20px 0 0 0 !important
    }

    .col-footer ul li a {
        font-size: 17px;
        padding: 5px 0;
        display: block
    }

    .hotline-contact h3 {
        margin: 5px 0
    }

    h3.title-footer {
        font-size: 20px;
        margin-top: 0
    }
}

@media (min-width: 768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

    .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-bottom: 0
    }

    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.alert, .slick-dots button {
    border: 1px solid transparent
}

.alert {
    padding: 15px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert > p, .alert > ul {
    margin-bottom: 0
}

.alert > p + p {
    margin-top: 5px
}

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close, .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 16px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-clip: padding-box
}

.dropdown-menu-right, .dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-header, .dropdown-menu > li > a {
    padding: 3px 20px;
    line-height: 1.5;
    display: block;
    white-space: nowrap
}

.dropdown-menu .divider {
    height: 1px;
    margin: 11px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

pre, textarea {
    overflow: auto
}

.dropdown-menu > li > a {
    clear: both;
    font-weight: 400;
    color: #333
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #78cccd
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #777
}

.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    cursor: not-allowed
}

.payment-icons, button[disabled], html input[disabled] {
    cursor: default
}

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    font-size: 14px;
    color: #777
}

legend, td, th {
    padding: 5px
}

.skip-link:focus, body, option {
    background-color: #fff;
    color: #2d2d2d
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    content: ""
}

.clearfix::after, .grid::after, .has-line:after, .page-width::after {
    content: ''
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

body, form {
    margin: 0
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

html {
    font-family: Quicksand, sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

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

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

.btn, .icon {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width: 100%
}

figure {
    margin: 1em 40px
}

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

code, kbd, pre, samp {
    font-family: Quicksand, sans-serif;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

.has-line, .site-nav > li > a {
    text-transform: uppercase;
    font-weight: 700
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

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

input {
    line-height: normal
}

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

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

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0
}

textarea {
    min-height: 100px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body, button, input, select, textarea {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

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

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

optgroup {
    font-weight: 700
}

[tabindex='-1']:focus {
    outline: 0
}

[role=button], a, button, input, label, select, textarea {
    touch-action: manipulation
}

.clearfix::after {
    display: table;
    clear: both
}

.js-focus-hidden:focus {
    outline: 0
}

.no-placeholder .label-hidden, .visually-shown {
    position: inherit !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.no-js:not(html) {
    display: none
}

.no-js .no-js:not(html) {
    display: block
}

.no-js .js, .supports-no-cookies:not(html) {
    display: none
}

html.supports-no-cookies .supports-no-cookies:not(html) {
    display: block
}

html.supports-no-cookies .supports-cookies {
    display: none
}

.skip-link:focus {
    position: absolute !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    padding: 15px;
    z-index: 10000;
    transition: none
}

.nhanh-section, .social-sharing, body {
    overflow-x: hidden
}

.img--semantic {
    opacity: 0;
    position: absolute;
    left: -9999px;
    z-index: -1
}

.grid__item[class*='--pull'], .grid__item[class*='--push'], .has-line {
    position: relative
}

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

.grid {
    margin: 0 0 0 -30px;
    padding: 0
}

.grid::after {
    display: table;
    clear: both
}

.grid__item {
    float: left;
    padding-left: 30px;
    width: 100%
}

.grid--rev {
    direction: rtl;
    text-align: left
}

.grid--rev > .grid__item {
    direction: ltr;
    text-align: left;
    float: right
}

.one-whole {
    width: 100%
}

.one-half {
    width: 50%
}

.one-third {
    width: 33.33333%
}

.two-thirds {
    width: 66.66667%
}

.one-quarter {
    width: 25%
}

.two-quarters {
    width: 50%
}

.three-quarters {
    width: 75%
}

.one-fifth {
    width: 20%
}

.two-fifths {
    width: 40%
}

.three-fifths {
    width: 60%
}

.four-fifths {
    width: 80%
}

.one-sixth {
    width: 16.66667%
}

.two-sixths {
    width: 33.33333%
}

.three-sixths {
    width: 50%
}

.four-sixths {
    width: 66.66667%
}

.five-sixths {
    width: 83.33333%
}

.one-eighth {
    width: 12.5%
}

.two-eighths {
    width: 25%
}

.three-eighths {
    width: 37.5%
}

.four-eighths {
    width: 50%
}

.five-eighths {
    width: 62.5%
}

.six-eighths {
    width: 75%
}

.seven-eighths {
    width: 87.5%
}

.one-tenth {
    width: 10%
}

.two-tenths {
    width: 20%
}

.three-tenths {
    width: 30%
}

.four-tenths {
    width: 40%
}

.five-tenths {
    width: 50%
}

.six-tenths {
    width: 60%
}

.seven-tenths {
    width: 70%
}

.eight-tenths {
    width: 80%
}

.nine-tenths {
    width: 90%
}

.one-twelfth {
    width: 8.33333%
}

.two-twelfths {
    width: 16.66667%
}

.three-twelfths {
    width: 25%
}

.four-twelfths {
    width: 33.33333%
}

.five-twelfths {
    width: 41.66667%
}

.six-twelfths {
    width: 50%
}

.seven-twelfths {
    width: 58.33333%
}

.eight-twelfths {
    width: 66.66667%
}

.nine-twelfths {
    width: 75%
}

.ten-twelfths {
    width: 83.33333%
}

.eleven-twelfths {
    width: 91.66667%
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

@media only screen and (max-width: 749px) {
    .small--one-whole {
        width: 100%
    }

    .small--one-half {
        width: 50%
    }

    .small--one-third {
        width: 33.33333%
    }

    .small--two-thirds {
        width: 66.66667%
    }

    .small--one-quarter {
        width: 25%
    }

    .small--two-quarters {
        width: 32%;
        padding-right: 2%
    }

    .small--two-quarters:nth-child(3n) {
        padding-right: 0
    }

    .small--two-quarters .product-item {
        width: 100%
    }

    .small--three-quarters {
        width: 75%
    }

    .small--one-fifth {
        width: 20%
    }

    .small--two-fifths {
        width: 40%
    }

    .small--three-fifths {
        width: 60%
    }

    .small--four-fifths {
        width: 80%
    }

    .small--one-sixth {
        width: 16.66667%
    }

    .small--two-sixths {
        width: 33.33333%
    }

    .small--three-sixths {
        width: 50%
    }

    .small--four-sixths {
        width: 66.66667%
    }

    .small--five-sixths {
        width: 83.33333%
    }

    .small--one-eighth {
        width: 12.5%
    }

    .small--two-eighths {
        width: 25%
    }

    .small--three-eighths {
        width: 37.5%
    }

    .small--four-eighths {
        width: 50%
    }

    .small--five-eighths {
        width: 62.5%
    }

    .small--six-eighths {
        width: 75%
    }

    .small--seven-eighths {
        width: 87.5%
    }

    .small--one-tenth {
        width: 10%
    }

    .small--two-tenths {
        width: 20%
    }

    .small--three-tenths {
        width: 30%
    }

    .small--four-tenths {
        width: 40%
    }

    .small--five-tenths {
        width: 50%
    }

    .small--six-tenths {
        width: 60%
    }

    .small--seven-tenths {
        width: 70%
    }

    .small--eight-tenths {
        width: 80%
    }

    .small--nine-tenths {
        width: 90%
    }

    .small--one-twelfth {
        width: 8.33333%
    }

    .small--two-twelfths {
        width: 16.66667%
    }

    .small--three-twelfths {
        width: 25%
    }

    .small--four-twelfths {
        width: 33.33333%
    }

    .small--five-twelfths {
        width: 41.66667%
    }

    .small--six-twelfths {
        width: 50%
    }

    .small--seven-twelfths {
        width: 58.33333%
    }

    .small--eight-twelfths {
        width: 66.66667%
    }

    .small--nine-twelfths {
        width: 75%
    }

    .small--ten-twelfths {
        width: 83.33333%
    }

    .small--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .small--five-tenths:nth-child(2n+1), .grid--uniform .small--four-eighths:nth-child(2n+1), .grid--uniform .small--four-twelfths:nth-child(3n+1), .grid--uniform .small--one-eighth:nth-child(8n+1), .grid--uniform .small--one-fifth:nth-child(5n+1), .grid--uniform .small--one-half:nth-child(2n+1), .grid--uniform .small--one-quarter:nth-child(4n+1), .grid--uniform .small--one-sixth:nth-child(6n+1), .grid--uniform .small--one-third:nth-child(3n+1), .grid--uniform .small--one-twelfth:nth-child(12n+1), .grid--uniform .small--six-twelfths:nth-child(2n+1), .grid--uniform .small--three-sixths:nth-child(2n+1), .grid--uniform .small--three-twelfths:nth-child(4n+1), .grid--uniform .small--two-eighths:nth-child(4n+1), .grid--uniform .small--two-sixths:nth-child(3n+1), .grid--uniform .small--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .small--show {
        display: block !important
    }

    .small--hide {
        display: none !important
    }

    .small--text-left {
        text-align: left !important
    }

    .small--text-right {
        text-align: right !important
    }

    .small--text-center {
        text-align: center !important
    }
}

@media only screen and (min-width: 750px) {
    .medium-up--one-whole {
        width: 100%
    }

    .medium-up--one-half {
        width: 50%
    }

    .medium-up--one-third {
        width: 33.33333%
    }

    .medium-up--two-thirds {
        width: 66.66667%
    }

    .medium-up--one-quarter {
        width: 25%
    }

    .medium-up--two-quarters {
        width: 50%
    }

    .medium-up--three-quarters {
        width: 75%
    }

    .medium-up--one-fifth {
        width: 20%
    }

    .medium-up--two-fifths {
        width: 40%
    }

    .medium-up--three-fifths {
        width: 60%
    }

    .medium-up--four-fifths {
        width: 80%
    }

    .medium-up--one-sixth {
        width: 16.66667%
    }

    .medium-up--two-sixths {
        width: 33.33333%
    }

    .medium-up--three-sixths {
        width: 50%
    }

    .medium-up--four-sixths {
        width: 66.66667%
    }

    .medium-up--five-sixths {
        width: 83.33333%
    }

    .medium-up--one-eighth {
        width: 12.5%
    }

    .medium-up--two-eighths {
        width: 25%
    }

    .medium-up--three-eighths {
        width: 37.5%
    }

    .medium-up--four-eighths {
        width: 50%
    }

    .medium-up--five-eighths {
        width: 62.5%
    }

    .medium-up--six-eighths {
        width: 75%
    }

    .medium-up--seven-eighths {
        width: 87.5%
    }

    .medium-up--one-tenth {
        width: 10%
    }

    .medium-up--two-tenths {
        width: 20%
    }

    .medium-up--three-tenths {
        width: 30%
    }

    .medium-up--four-tenths {
        width: 40%
    }

    .medium-up--five-tenths {
        width: 50%
    }

    .medium-up--six-tenths {
        width: 60%
    }

    .medium-up--seven-tenths {
        width: 70%
    }

    .medium-up--eight-tenths {
        width: 80%
    }

    .medium-up--nine-tenths {
        width: 90%
    }

    .medium-up--one-twelfth {
        width: 8.33333%
    }

    .medium-up--two-twelfths {
        width: 16.66667%
    }

    .medium-up--three-twelfths {
        width: 25%
    }

    .medium-up--four-twelfths {
        width: 33.33333%
    }

    .medium-up--five-twelfths {
        width: 41.66667%
    }

    .medium-up--six-twelfths {
        width: 50%
    }

    .medium-up--seven-twelfths {
        width: 58.33333%
    }

    .medium-up--eight-twelfths {
        width: 66.66667%
    }

    .medium-up--nine-twelfths {
        width: 75%
    }

    .medium-up--ten-twelfths {
        width: 83.33333%
    }

    .medium-up--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .medium-up--five-tenths:nth-child(2n+1), .grid--uniform .medium-up--four-eighths:nth-child(2n+1), .grid--uniform .medium-up--four-twelfths:nth-child(3n+1), .grid--uniform .medium-up--one-eighth:nth-child(8n+1), .grid--uniform .medium-up--one-fifth:nth-child(5n+1), .grid--uniform .medium-up--one-half:nth-child(2n+1), .grid--uniform .medium-up--one-quarter:nth-child(4n+1), .grid--uniform .medium-up--one-sixth:nth-child(6n+1), .grid--uniform .medium-up--one-third:nth-child(3n+1), .grid--uniform .medium-up--one-twelfth:nth-child(12n+1), .grid--uniform .medium-up--six-twelfths:nth-child(2n+1), .grid--uniform .medium-up--three-sixths:nth-child(2n+1), .grid--uniform .medium-up--three-twelfths:nth-child(4n+1), .grid--uniform .medium-up--two-eighths:nth-child(4n+1), .grid--uniform .medium-up--two-sixths:nth-child(3n+1), .grid--uniform .medium-up--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .medium-up--show {
        display: block !important
    }

    .medium-up--hide {
        display: none !important
    }

    .medium-up--text-left {
        text-align: left !important
    }

    .medium-up--text-right {
        text-align: right !important
    }

    .medium-up--text-center {
        text-align: center !important
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .medium--one-whole {
        width: 100%
    }

    .medium--one-half {
        width: 50%
    }

    .medium--one-third {
        width: 33.33333%
    }

    .medium--one-third .product-item {
        width: 100%
    }

    .medium--two-thirds {
        width: 66.66667%
    }

    .medium--one-quarter {
        width: 25%
    }

    .medium--two-quarters {
        width: 50%
    }

    .medium--three-quarters {
        width: 75%
    }

    .medium--one-fifth {
        width: 20%
    }

    .medium--two-fifths {
        width: 40%
    }

    .medium--three-fifths {
        width: 60%
    }

    .medium--four-fifths {
        width: 80%
    }

    .medium--one-sixth {
        width: 16.66667%
    }

    .medium--two-sixths {
        width: 33.33333%
    }

    .medium--three-sixths {
        width: 50%
    }

    .medium--four-sixths {
        width: 66.66667%
    }

    .medium--five-sixths {
        width: 83.33333%
    }

    .medium--one-eighth {
        width: 12.5%
    }

    .medium--two-eighths {
        width: 25%
    }

    .medium--three-eighths {
        width: 37.5%
    }

    .medium--four-eighths {
        width: 50%
    }

    .medium--five-eighths {
        width: 62.5%
    }

    .medium--six-eighths {
        width: 75%
    }

    .medium--seven-eighths {
        width: 87.5%
    }

    .medium--one-tenth {
        width: 10%
    }

    .medium--two-tenths {
        width: 20%
    }

    .medium--three-tenths {
        width: 30%
    }

    .medium--four-tenths {
        width: 40%
    }

    .medium--five-tenths {
        width: 50%
    }

    .medium--six-tenths {
        width: 60%
    }

    .medium--seven-tenths {
        width: 70%
    }

    .medium--eight-tenths {
        width: 80%
    }

    .medium--nine-tenths {
        width: 90%
    }

    .medium--one-twelfth {
        width: 8.33333%
    }

    .medium--two-twelfths {
        width: 16.66667%
    }

    .medium--three-twelfths {
        width: 25%
    }

    .medium--four-twelfths {
        width: 33.33333%
    }

    .medium--five-twelfths {
        width: 41.66667%
    }

    .medium--six-twelfths {
        width: 50%
    }

    .medium--seven-twelfths {
        width: 58.33333%
    }

    .medium--eight-twelfths {
        width: 66.66667%
    }

    .medium--nine-twelfths {
        width: 75%
    }

    .medium--ten-twelfths {
        width: 83.33333%
    }

    .medium--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .medium--five-tenths:nth-child(2n+1), .grid--uniform .medium--four-eighths:nth-child(2n+1), .grid--uniform .medium--four-twelfths:nth-child(3n+1), .grid--uniform .medium--one-eighth:nth-child(8n+1), .grid--uniform .medium--one-fifth:nth-child(5n+1), .grid--uniform .medium--one-half:nth-child(2n+1), .grid--uniform .medium--one-quarter:nth-child(4n+1), .grid--uniform .medium--one-sixth:nth-child(6n+1), .grid--uniform .medium--one-third:nth-child(3n+1), .grid--uniform .medium--one-twelfth:nth-child(12n+1), .grid--uniform .medium--six-twelfths:nth-child(2n+1), .grid--uniform .medium--three-sixths:nth-child(2n+1), .grid--uniform .medium--three-twelfths:nth-child(4n+1), .grid--uniform .medium--two-eighths:nth-child(4n+1), .grid--uniform .medium--two-sixths:nth-child(3n+1), .grid--uniform .medium--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .medium--show {
        display: block !important
    }

    .medium--hide {
        display: none !important
    }

    .medium--text-left {
        text-align: left !important
    }

    .medium--text-right {
        text-align: right !important
    }

    .medium--text-center {
        text-align: center !important
    }

    .medium--push-one-half {
        left: 50%
    }

    .medium--push-one-third {
        left: 33.33333%
    }

    .medium--push-two-thirds {
        left: 66.66667%
    }

    .medium--push-one-quarter {
        left: 25%
    }

    .medium--push-two-quarters {
        left: 50%
    }

    .medium--push-three-quarters {
        left: 75%
    }

    .medium--push-one-fifth {
        left: 20%
    }

    .medium--push-two-fifths {
        left: 40%
    }

    .medium--push-three-fifths {
        left: 60%
    }

    .medium--push-four-fifths {
        left: 80%
    }

    .medium--push-one-sixth {
        left: 16.66667%
    }

    .medium--push-two-sixths {
        left: 33.33333%
    }

    .medium--push-three-sixths {
        left: 50%
    }

    .medium--push-four-sixths {
        left: 66.66667%
    }

    .medium--push-five-sixths {
        left: 83.33333%
    }

    .medium--push-one-eighth {
        left: 12.5%
    }

    .medium--push-two-eighths {
        left: 25%
    }

    .medium--push-three-eighths {
        left: 37.5%
    }

    .medium--push-four-eighths {
        left: 50%
    }

    .medium--push-five-eighths {
        left: 62.5%
    }

    .medium--push-six-eighths {
        left: 75%
    }

    .medium--push-seven-eighths {
        left: 87.5%
    }

    .medium--push-one-tenth {
        left: 10%
    }

    .medium--push-two-tenths {
        left: 20%
    }

    .medium--push-three-tenths {
        left: 30%
    }

    .medium--push-four-tenths {
        left: 40%
    }

    .medium--push-five-tenths {
        left: 50%
    }

    .medium--push-six-tenths {
        left: 60%
    }

    .medium--push-seven-tenths {
        left: 70%
    }

    .medium--push-eight-tenths {
        left: 80%
    }

    .medium--push-nine-tenths {
        left: 90%
    }

    .medium--push-one-twelfth {
        left: 8.33333%
    }

    .medium--push-two-twelfths {
        left: 16.66667%
    }

    .medium--push-three-twelfths {
        left: 25%
    }

    .medium--push-four-twelfths {
        left: 33.33333%
    }

    .medium--push-five-twelfths {
        left: 41.66667%
    }

    .medium--push-six-twelfths {
        left: 50%
    }

    .medium--push-seven-twelfths {
        left: 58.33333%
    }

    .medium--push-eight-twelfths {
        left: 66.66667%
    }

    .medium--push-nine-twelfths {
        left: 75%
    }

    .medium--push-ten-twelfths {
        left: 83.33333%
    }

    .medium--push-eleven-twelfths {
        left: 91.66667%
    }
}

@media only screen and (max-width: 989px) {
    input, select, textarea {
        font-size: 16px
    }

    .medium-down--one-whole {
        width: 100%
    }

    .medium-down--one-half {
        width: 50%
    }

    .medium-down--one-third {
        width: 33.33333%
    }

    .medium-down--two-thirds {
        width: 66.66667%
    }

    .medium-down--one-quarter {
        width: 25%
    }

    .medium-down--two-quarters {
        width: 50%
    }

    .medium-down--three-quarters {
        width: 75%
    }

    .medium-down--one-fifth {
        width: 20%
    }

    .medium-down--two-fifths {
        width: 40%
    }

    .medium-down--three-fifths {
        width: 60%
    }

    .medium-down--four-fifths {
        width: 80%
    }

    .medium-down--one-sixth {
        width: 16.66667%
    }

    .medium-down--two-sixths {
        width: 33.33333%
    }

    .medium-down--three-sixths {
        width: 50%
    }

    .medium-down--four-sixths {
        width: 66.66667%
    }

    .medium-down--five-sixths {
        width: 83.33333%
    }

    .medium-down--one-eighth {
        width: 12.5%
    }

    .medium-down--two-eighths {
        width: 25%
    }

    .medium-down--three-eighths {
        width: 37.5%
    }

    .medium-down--four-eighths {
        width: 50%
    }

    .medium-down--five-eighths {
        width: 62.5%
    }

    .medium-down--six-eighths {
        width: 75%
    }

    .medium-down--seven-eighths {
        width: 87.5%
    }

    .medium-down--one-tenth {
        width: 10%
    }

    .medium-down--two-tenths {
        width: 20%
    }

    .medium-down--three-tenths {
        width: 30%
    }

    .medium-down--four-tenths {
        width: 40%
    }

    .medium-down--five-tenths {
        width: 50%
    }

    .medium-down--six-tenths {
        width: 60%
    }

    .medium-down--seven-tenths {
        width: 70%
    }

    .medium-down--eight-tenths {
        width: 80%
    }

    .medium-down--nine-tenths {
        width: 90%
    }

    .medium-down--one-twelfth {
        width: 8.33333%
    }

    .medium-down--two-twelfths {
        width: 16.66667%
    }

    .medium-down--three-twelfths {
        width: 25%
    }

    .medium-down--four-twelfths {
        width: 33.33333%
    }

    .medium-down--five-twelfths {
        width: 41.66667%
    }

    .medium-down--six-twelfths {
        width: 50%
    }

    .medium-down--seven-twelfths {
        width: 58.33333%
    }

    .medium-down--eight-twelfths {
        width: 66.66667%
    }

    .medium-down--nine-twelfths {
        width: 75%
    }

    .medium-down--ten-twelfths {
        width: 83.33333%
    }

    .medium-down--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .medium-down--five-tenths:nth-child(2n+1), .grid--uniform .medium-down--four-eighths:nth-child(2n+1), .grid--uniform .medium-down--four-twelfths:nth-child(3n+1), .grid--uniform .medium-down--one-eighth:nth-child(8n+1), .grid--uniform .medium-down--one-fifth:nth-child(5n+1), .grid--uniform .medium-down--one-half:nth-child(2n+1), .grid--uniform .medium-down--one-quarter:nth-child(4n+1), .grid--uniform .medium-down--one-sixth:nth-child(6n+1), .grid--uniform .medium-down--one-third:nth-child(3n+1), .grid--uniform .medium-down--one-twelfth:nth-child(12n+1), .grid--uniform .medium-down--six-twelfths:nth-child(2n+1), .grid--uniform .medium-down--three-sixths:nth-child(2n+1), .grid--uniform .medium-down--three-twelfths:nth-child(4n+1), .grid--uniform .medium-down--two-eighths:nth-child(4n+1), .grid--uniform .medium-down--two-sixths:nth-child(3n+1), .grid--uniform .medium-down--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .medium-down--show {
        display: block !important
    }

    .medium-down--hide {
        display: none !important
    }

    .medium-down--text-left {
        text-align: left !important
    }

    .medium-down--text-right {
        text-align: right !important
    }

    .medium-down--text-center {
        text-align: center !important
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .medium--pull-one-half {
        right: 50%
    }

    .medium--pull-one-third {
        right: 33.33333%
    }

    .medium--pull-two-thirds {
        right: 66.66667%
    }

    .medium--pull-one-quarter {
        right: 25%
    }

    .medium--pull-two-quarters {
        right: 50%
    }

    .medium--pull-three-quarters {
        right: 75%
    }

    .medium--pull-one-fifth {
        right: 20%
    }

    .medium--pull-two-fifths {
        right: 40%
    }

    .medium--pull-three-fifths {
        right: 60%
    }

    .medium--pull-four-fifths {
        right: 80%
    }

    .medium--pull-one-sixth {
        right: 16.66667%
    }

    .medium--pull-two-sixths {
        right: 33.33333%
    }

    .medium--pull-three-sixths {
        right: 50%
    }

    .medium--pull-four-sixths {
        right: 66.66667%
    }

    .medium--pull-five-sixths {
        right: 83.33333%
    }

    .medium--pull-one-eighth {
        right: 12.5%
    }

    .medium--pull-two-eighths {
        right: 25%
    }

    .medium--pull-three-eighths {
        right: 37.5%
    }

    .medium--pull-four-eighths {
        right: 50%
    }

    .medium--pull-five-eighths {
        right: 62.5%
    }

    .medium--pull-six-eighths {
        right: 75%
    }

    .medium--pull-seven-eighths {
        right: 87.5%
    }

    .medium--pull-one-tenth {
        right: 10%
    }

    .medium--pull-two-tenths {
        right: 20%
    }

    .medium--pull-three-tenths {
        right: 30%
    }

    .medium--pull-four-tenths {
        right: 40%
    }

    .medium--pull-five-tenths {
        right: 50%
    }

    .medium--pull-six-tenths {
        right: 60%
    }

    .medium--pull-seven-tenths {
        right: 70%
    }

    .medium--pull-eight-tenths {
        right: 80%
    }

    .medium--pull-nine-tenths {
        right: 90%
    }

    .medium--pull-one-twelfth {
        right: 8.33333%
    }

    .medium--pull-two-twelfths {
        right: 16.66667%
    }

    .medium--pull-three-twelfths {
        right: 25%
    }

    .medium--pull-four-twelfths {
        right: 33.33333%
    }

    .medium--pull-five-twelfths {
        right: 41.66667%
    }

    .medium--pull-six-twelfths {
        right: 50%
    }

    .medium--pull-seven-twelfths {
        right: 58.33333%
    }

    .medium--pull-eight-twelfths {
        right: 66.66667%
    }

    .medium--pull-nine-twelfths {
        right: 75%
    }

    .medium--pull-ten-twelfths {
        right: 83.33333%
    }

    .medium--pull-eleven-twelfths {
        right: 91.66667%
    }
}

@media only screen and (min-width: 750px) {
    .medium-up--push-one-half {
        left: 50%
    }

    .medium-up--push-one-third {
        left: 33.33333%
    }

    .medium-up--push-two-thirds {
        left: 66.66667%
    }

    .medium-up--push-one-quarter {
        left: 25%
    }

    .medium-up--push-two-quarters {
        left: 50%
    }

    .medium-up--push-three-quarters {
        left: 75%
    }

    .medium-up--push-one-fifth {
        left: 20%
    }

    .medium-up--push-two-fifths {
        left: 40%
    }

    .medium-up--push-three-fifths {
        left: 60%
    }

    .medium-up--push-four-fifths {
        left: 80%
    }

    .medium-up--push-one-sixth {
        left: 16.66667%
    }

    .medium-up--push-two-sixths {
        left: 33.33333%
    }

    .medium-up--push-three-sixths {
        left: 50%
    }

    .medium-up--push-four-sixths {
        left: 66.66667%
    }

    .medium-up--push-five-sixths {
        left: 83.33333%
    }

    .medium-up--push-one-eighth {
        left: 12.5%
    }

    .medium-up--push-two-eighths {
        left: 25%
    }

    .medium-up--push-three-eighths {
        left: 37.5%
    }

    .medium-up--push-four-eighths {
        left: 50%
    }

    .medium-up--push-five-eighths {
        left: 62.5%
    }

    .medium-up--push-six-eighths {
        left: 75%
    }

    .medium-up--push-seven-eighths {
        left: 87.5%
    }

    .medium-up--push-one-tenth {
        left: 10%
    }

    .medium-up--push-two-tenths {
        left: 20%
    }

    .medium-up--push-three-tenths {
        left: 30%
    }

    .medium-up--push-four-tenths {
        left: 40%
    }

    .medium-up--push-five-tenths {
        left: 50%
    }

    .medium-up--push-six-tenths {
        left: 60%
    }

    .medium-up--push-seven-tenths {
        left: 70%
    }

    .medium-up--push-eight-tenths {
        left: 80%
    }

    .medium-up--push-nine-tenths {
        left: 90%
    }

    .medium-up--push-one-twelfth {
        left: 8.33333%
    }

    .medium-up--push-two-twelfths {
        left: 16.66667%
    }

    .medium-up--push-three-twelfths {
        left: 25%
    }

    .medium-up--push-four-twelfths {
        left: 33.33333%
    }

    .medium-up--push-five-twelfths {
        left: 41.66667%
    }

    .medium-up--push-six-twelfths {
        left: 50%
    }

    .medium-up--push-seven-twelfths {
        left: 58.33333%
    }

    .medium-up--push-eight-twelfths {
        left: 66.66667%
    }

    .medium-up--push-nine-twelfths {
        left: 75%
    }

    .medium-up--push-ten-twelfths {
        left: 83.33333%
    }

    .medium-up--push-eleven-twelfths {
        left: 91.66667%
    }

    .medium-up--pull-one-half {
        right: 50%
    }

    .medium-up--pull-one-third {
        right: 33.33333%
    }

    .medium-up--pull-two-thirds {
        right: 66.66667%
    }

    .medium-up--pull-one-quarter {
        right: 25%
    }

    .medium-up--pull-two-quarters {
        right: 50%
    }

    .medium-up--pull-three-quarters {
        right: 75%
    }

    .medium-up--pull-one-fifth {
        right: 20%
    }

    .medium-up--pull-two-fifths {
        right: 40%
    }

    .medium-up--pull-three-fifths {
        right: 60%
    }

    .medium-up--pull-four-fifths {
        right: 80%
    }

    .medium-up--pull-one-sixth {
        right: 16.66667%
    }

    .medium-up--pull-two-sixths {
        right: 33.33333%
    }

    .medium-up--pull-three-sixths {
        right: 50%
    }

    .medium-up--pull-four-sixths {
        right: 66.66667%
    }

    .medium-up--pull-five-sixths {
        right: 83.33333%
    }

    .medium-up--pull-one-eighth {
        right: 12.5%
    }

    .medium-up--pull-two-eighths {
        right: 25%
    }

    .medium-up--pull-three-eighths {
        right: 37.5%
    }

    .medium-up--pull-four-eighths {
        right: 50%
    }

    .medium-up--pull-five-eighths {
        right: 62.5%
    }

    .medium-up--pull-six-eighths {
        right: 75%
    }

    .medium-up--pull-seven-eighths {
        right: 87.5%
    }

    .medium-up--pull-one-tenth {
        right: 10%
    }

    .medium-up--pull-two-tenths {
        right: 20%
    }

    .medium-up--pull-three-tenths {
        right: 30%
    }

    .medium-up--pull-four-tenths {
        right: 40%
    }

    .medium-up--pull-five-tenths {
        right: 50%
    }

    .medium-up--pull-six-tenths {
        right: 60%
    }

    .medium-up--pull-seven-tenths {
        right: 70%
    }

    .medium-up--pull-eight-tenths {
        right: 80%
    }

    .medium-up--pull-nine-tenths {
        right: 90%
    }

    .medium-up--pull-one-twelfth {
        right: 8.33333%
    }

    .medium-up--pull-two-twelfths {
        right: 16.66667%
    }

    .medium-up--pull-three-twelfths {
        right: 25%
    }

    .medium-up--pull-four-twelfths {
        right: 33.33333%
    }

    .medium-up--pull-five-twelfths {
        right: 41.66667%
    }

    .medium-up--pull-six-twelfths {
        right: 50%
    }

    .medium-up--pull-seven-twelfths {
        right: 58.33333%
    }

    .medium-up--pull-eight-twelfths {
        right: 66.66667%
    }

    .medium-up--pull-nine-twelfths {
        right: 75%
    }

    .medium-up--pull-ten-twelfths {
        right: 83.33333%
    }

    .medium-up--pull-eleven-twelfths {
        right: 91.66667%
    }
}

@media only screen and (min-width: 990px) {
    .large-up--one-whole {
        width: 100%
    }

    .large-up--one-half {
        width: 50%
    }

    .large-up--one-third {
        width: 33.33333%
    }

    .large-up--two-thirds {
        width: 66.66667%
    }

    .large-up--one-quarter {
        width: 23.5%;
        margin-right: 2%
    }

    .large-up--one-quarter:nth-child(4n) {
        margin-right: 0
    }

    .large-up--two-quarters {
        width: 50%
    }

    .large-up--three-quarters {
        width: 75%
    }

    .large-up--one-fifth {
        width: 20%
    }

    .large-up--two-fifths {
        width: 40%
    }

    .large-up--three-fifths {
        width: 60%
    }

    .large-up--four-fifths {
        width: 80%
    }

    .large-up--one-sixth {
        width: 16.66667%
    }

    .large-up--two-sixths {
        width: 33.33333%
    }

    .large-up--three-sixths {
        width: 50%
    }

    .large-up--four-sixths {
        width: 66.66667%
    }

    .large-up--five-sixths {
        width: 83.33333%
    }

    .large-up--one-eighth {
        width: 12.5%
    }

    .large-up--two-eighths {
        width: 25%
    }

    .large-up--three-eighths {
        width: 37.5%
    }

    .large-up--four-eighths {
        width: 50%
    }

    .large-up--five-eighths {
        width: 62.5%
    }

    .large-up--six-eighths {
        width: 75%
    }

    .large-up--seven-eighths {
        width: 87.5%
    }

    .large-up--one-tenth {
        width: 10%
    }

    .large-up--two-tenths {
        width: 20%
    }

    .large-up--three-tenths {
        width: 30%
    }

    .large-up--four-tenths {
        width: 40%
    }

    .large-up--five-tenths {
        width: 50%
    }

    .large-up--six-tenths {
        width: 60%
    }

    .large-up--seven-tenths {
        width: 70%
    }

    .large-up--eight-tenths {
        width: 80%
    }

    .large-up--nine-tenths {
        width: 90%
    }

    .large-up--one-twelfth {
        width: 8.33333%
    }

    .large-up--two-twelfths {
        width: 16.66667%
    }

    .large-up--three-twelfths {
        width: 25%
    }

    .large-up--four-twelfths {
        width: 33.33333%
    }

    .large-up--five-twelfths {
        width: 41.66667%
    }

    .large-up--six-twelfths {
        width: 50%
    }

    .large-up--seven-twelfths {
        width: 58.33333%
    }

    .large-up--eight-twelfths {
        width: 66.66667%
    }

    .large-up--nine-twelfths {
        width: 75%
    }

    .large-up--ten-twelfths {
        width: 83.33333%
    }

    .large-up--eleven-twelfths {
        width: 91.66667%
    }

    .grid--uniform .large-up--five-tenths:nth-child(2n+1), .grid--uniform .large-up--four-eighths:nth-child(2n+1), .grid--uniform .large-up--four-twelfths:nth-child(3n+1), .grid--uniform .large-up--one-eighth:nth-child(8n+1), .grid--uniform .large-up--one-fifth:nth-child(5n+1), .grid--uniform .large-up--one-half:nth-child(2n+1), .grid--uniform .large-up--one-quarter:nth-child(4n+1), .grid--uniform .large-up--one-sixth:nth-child(6n+1), .grid--uniform .large-up--one-third:nth-child(3n+1), .grid--uniform .large-up--one-twelfth:nth-child(12n+1), .grid--uniform .large-up--six-twelfths:nth-child(2n+1), .grid--uniform .large-up--three-sixths:nth-child(2n+1), .grid--uniform .large-up--three-twelfths:nth-child(4n+1), .grid--uniform .large-up--two-eighths:nth-child(4n+1), .grid--uniform .large-up--two-sixths:nth-child(3n+1), .grid--uniform .large-up--two-twelfths:nth-child(6n+1) {
        clear: both
    }

    .large-up--show {
        display: block !important
    }

    .large-up--hide {
        display: none !important
    }

    .large-up--text-left {
        text-align: left !important
    }

    .large-up--text-right {
        text-align: right !important
    }

    .large-up--text-center {
        text-align: center !important
    }

    .large-up--push-one-half {
        left: 50%
    }

    .large-up--push-one-third {
        left: 33.33333%
    }

    .large-up--push-two-thirds {
        left: 66.66667%
    }

    .large-up--push-one-quarter {
        left: 25%
    }

    .large-up--push-two-quarters {
        left: 50%
    }

    .large-up--push-three-quarters {
        left: 75%
    }

    .large-up--push-one-fifth {
        left: 20%
    }

    .large-up--push-two-fifths {
        left: 40%
    }

    .large-up--push-three-fifths {
        left: 60%
    }

    .large-up--push-four-fifths {
        left: 80%
    }

    .large-up--push-one-sixth {
        left: 16.66667%
    }

    .large-up--push-two-sixths {
        left: 33.33333%
    }

    .large-up--push-three-sixths {
        left: 50%
    }

    .large-up--push-four-sixths {
        left: 66.66667%
    }

    .large-up--push-five-sixths {
        left: 83.33333%
    }

    .large-up--push-one-eighth {
        left: 12.5%
    }

    .large-up--push-two-eighths {
        left: 25%
    }

    .large-up--push-three-eighths {
        left: 37.5%
    }

    .large-up--push-four-eighths {
        left: 50%
    }

    .large-up--push-five-eighths {
        left: 62.5%
    }

    .large-up--push-six-eighths {
        left: 75%
    }

    .large-up--push-seven-eighths {
        left: 87.5%
    }

    .large-up--push-one-tenth {
        left: 10%
    }

    .large-up--push-two-tenths {
        left: 20%
    }

    .large-up--push-three-tenths {
        left: 30%
    }

    .large-up--push-four-tenths {
        left: 40%
    }

    .large-up--push-five-tenths {
        left: 50%
    }

    .large-up--push-six-tenths {
        left: 60%
    }

    .large-up--push-seven-tenths {
        left: 70%
    }

    .large-up--push-eight-tenths {
        left: 80%
    }

    .large-up--push-nine-tenths {
        left: 90%
    }

    .large-up--push-one-twelfth {
        left: 8.33333%
    }

    .large-up--push-two-twelfths {
        left: 16.66667%
    }

    .large-up--push-three-twelfths {
        left: 25%
    }

    .large-up--push-four-twelfths {
        left: 33.33333%
    }

    .large-up--push-five-twelfths {
        left: 41.66667%
    }

    .large-up--push-six-twelfths {
        left: 50%
    }

    .large-up--push-seven-twelfths {
        left: 58.33333%
    }

    .large-up--push-eight-twelfths {
        left: 66.66667%
    }

    .large-up--push-nine-twelfths {
        left: 75%
    }

    .large-up--push-ten-twelfths {
        left: 83.33333%
    }

    .large-up--push-eleven-twelfths {
        left: 91.66667%
    }

    .large-up--pull-one-half {
        right: 50%
    }

    .large-up--pull-one-third {
        right: 33.33333%
    }

    .large-up--pull-two-thirds {
        right: 66.66667%
    }

    .large-up--pull-one-quarter {
        right: 25%
    }

    .large-up--pull-two-quarters {
        right: 50%
    }

    .large-up--pull-three-quarters {
        right: 75%
    }

    .large-up--pull-one-fifth {
        right: 20%
    }

    .large-up--pull-two-fifths {
        right: 40%
    }

    .large-up--pull-three-fifths {
        right: 60%
    }

    .large-up--pull-four-fifths {
        right: 80%
    }

    .large-up--pull-one-sixth {
        right: 16.66667%
    }

    .large-up--pull-two-sixths {
        right: 33.33333%
    }

    .large-up--pull-three-sixths {
        right: 50%
    }

    .large-up--pull-four-sixths {
        right: 66.66667%
    }

    .large-up--pull-five-sixths {
        right: 83.33333%
    }

    .large-up--pull-one-eighth {
        right: 12.5%
    }

    .large-up--pull-two-eighths {
        right: 25%
    }

    .large-up--pull-three-eighths {
        right: 37.5%
    }

    .large-up--pull-four-eighths {
        right: 50%
    }

    .large-up--pull-five-eighths {
        right: 62.5%
    }

    .large-up--pull-six-eighths {
        right: 75%
    }

    .large-up--pull-seven-eighths {
        right: 87.5%
    }

    .large-up--pull-one-tenth {
        right: 10%
    }

    .large-up--pull-two-tenths {
        right: 20%
    }

    .large-up--pull-three-tenths {
        right: 30%
    }

    .large-up--pull-four-tenths {
        right: 40%
    }

    .large-up--pull-five-tenths {
        right: 50%
    }

    .large-up--pull-six-tenths {
        right: 60%
    }

    .large-up--pull-seven-tenths {
        right: 70%
    }

    .large-up--pull-eight-tenths {
        right: 80%
    }

    .large-up--pull-nine-tenths {
        right: 90%
    }

    .large-up--pull-one-twelfth {
        right: 8.33333%
    }

    .large-up--pull-two-twelfths {
        right: 16.66667%
    }

    .large-up--pull-three-twelfths {
        right: 25%
    }

    .large-up--pull-four-twelfths {
        right: 33.33333%
    }

    .large-up--pull-five-twelfths {
        right: 41.66667%
    }

    .large-up--pull-six-twelfths {
        right: 50%
    }

    .large-up--pull-seven-twelfths {
        right: 58.33333%
    }

    .large-up--pull-eight-twelfths {
        right: 66.66667%
    }

    .large-up--pull-nine-twelfths {
        right: 75%
    }

    .large-up--pull-ten-twelfths {
        right: 83.33333%
    }

    .large-up--pull-eleven-twelfths {
        right: 91.66667%
    }
}

.grid--gapless {
    margin-left: 0
}

.grid--gapless .grid__item {
    padding-left: 0
}

.grid--gapless .collection {
    margin-bottom: 0
}

html {
    width: 100%;
    height: 100%;
    font-size: 62.5%
}

body {
    font-family: Quicksand, sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 1px;
    overflow-y: auto
}

.btn, .has-line:after {
    background-color: #78cccd
}

.page-width {
    max-width: 100%;
    padding: 0 30px;
    margin: 0 auto
}

.page-width::after {
    clear: both
}

.has-line {
    margin-bottom: 3rem
}

.has-line:after {
    display: block;
    bottom: 0;
    width: 30px;
    height: 1px
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    fill: currentColor
}

.no-svg .icon {
    display: none
}

.icon--wide {
    width: 40px
}

.icon-fallback-text {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.no-svg .icon-fallback-text {
    position: static !important;
    overflow: auto;
    clip: auto;
    width: auto;
    height: auto;
    margin: 0
}

.collection, a, select {
    cursor: pointer
}

.icon-nhanh-logo {
    width: 82.28571px;
    height: 24px
}

.rte img {
    width: auto !important;
    height: auto !important;
    object-fit: scale-down
}

.rte ol, .rte ul {
    margin: 0 0 15px 30px
}

.rte ul {
    list-style: disc
}

.rte ul ul {
    list-style: circle
}

.rte ul ul ul {
    list-style: square
}

.text-center .rte ol, .text-center .rte ul, .text-center.rte ol, .text-center.rte ul {
    margin-left: 0;
    list-style-position: inside
}

.rte-table {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.rte__video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto
}

.rte__video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rte__table-wrapper {
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.table {
    width: 100%;
    max-width: 100%
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 8px 5px;
    line-height: 1.5;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd !important
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    text-align: center
}

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

@media only screen and (max-width: 749px) {
    .responsive-table {
        width: 100%
    }

    .responsive-table thead {
        display: none
    }

    .responsive-table tr {
        display: block
    }

    .responsive-table td, .responsive-table tr {
        float: left;
        clear: both;
        width: 100%
    }

    .responsive-table td, .responsive-table th {
        display: block;
        text-align: right;
        padding: 15px;
        margin: 0
    }

    .responsive-table td::before {
        content: attr(data-label);
        float: left;
        text-align: center;
        padding-right: 10px;
        font-weight: 700
    }

    .responsive-table-row + .responsive-table-row, tfoot > .responsive-table-row:first-child {
        position: relative;
        margin-top: 10px;
        padding-top: 15px
    }

    .responsive-table-row + .responsive-table-row::after, tfoot > .responsive-table-row:first-child::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 3rem
    }
}

.table--border > tbody > tr > td, .table--border > thead > tr > td {
    padding: 10px 15px;
    border: 1px solid #ddd
}

@media only screen and (min-width: 750px) {
    .table--account > thead > tr > th {
        text-align: left
    }
}

.btn {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-size: 16px;
    font-size: 1.6rem;
    display: inline-block;
    width: auto;
    padding: 1.1rem 3rem;
    white-space: nowrap;
    text-decoration: none;
    text-align: center;
    letter-spacing: 2px;
    color: #fff;
    border: 1px solid transparent
}

.btn--lg, .btn--sm {
    font-size: 1.4rem;
    line-height: 1.5
}

.checkbox-faker .fa, a.interactive-item .icon {
    vertical-align: text-bottom
}

.btn:active, .btn:disabled, .btn:focus, .btn:hover {
    text-decoration: none;
    color: #fff
}

.btn:hover {
    background-color: #53bebf
}

.btn.focus, .btn:focus {
    outline: 0
}

.btn.disabled, .btn:disabled {
    opacity: .65;
    pointer-events: none
}

.btn--sm {
    padding: 1rem 1.5rem;
    margin-bottom: 15px
}

.btn--lg {
    padding: 1rem 5rem
}

.btn--block {
    display: block
}

.btn--outline {
    color: #78cccd;
    background-color: transparent;
    border-color: #78cccd
}

.btn--outline:active, .btn--outline:focus, .btn--outline:hover {
    color: #fff;
    background-color: #78cccd
}

.btn--rounded {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

.btn--rounded.btn--sm {
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    border-radius: .2rem
}

.btn--rounded.btn--lg {
    -webkit-border-radius: .3rem;
    -moz-border-radius: .3rem;
    border-radius: .3rem
}

.btn--circled {
    -webkit-border-radius: 999rem;
    -moz-border-radius: 999rem;
    border-radius: 999rem
}

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

a:active, a:focus, a:hover {
    color: #78cccd
}

input, select, textarea {
    border: 1px solid #ddd;
    border-radius: 0;
    max-width: 100%;
    outline: 0
}

.alert .close, .filter__clear, select {
    -webkit-appearance: none
}

input[disabled], select[disabled], textarea[disabled] {
    cursor: default;
    background-color: #767676;
    border-color: #363636
}

select {
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: transparent;
    padding-right: 28px;
    text-indent: .01px;
    text-overflow: ''
}

.ie9 select {
    padding-right: 10px;
    background-image: none
}

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

input.input-error, select.input-error, textarea.input-error {
    border-color: #a94442;
    color: #a94442
}

.form-success {
    list-style: none;
    padding: 1rem;
    background-color: #d6e9c6;
    color: #3c763d;
    margin-bottom: 2rem
}

.errors, .form-error {
    background-color: #ebccd1;
    color: #a94442
}

.form-error {
    padding: 1rem;
    margin-bottom: 15px
}

.errors ul {
    padding: 2rem 3rem;
    margin-bottom: 2rem;
    list-style: none
}

.form input[type=email], .form input[type=password], .form input[type=search], .form input[type=tel], .form input[type=text], .form textarea {
    width: 100%;
    margin-bottom: 2rem;
    padding: 1rem;
    border-radius: 2px;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.form input[type=email]:focus, .form input[type=password]:focus, .form input[type=search]:focus, .form input[type=tel]:focus, .form input[type=text]:focus, .form textarea:focus {
    border-color: #78cccd;
    border-width: 1px
}

.form textarea {
    min-height: 15rem
}

.form input[type=email], .form input[type=tel], .form input[type=text] {
    height: 4rem
}

.form__divider {
    width: 200px;
    margin: 4rem auto;
    border: 1px solid #ddd
}

.form__link {
    margin-bottom: .5rem
}

.form__reset-password {
    margin: 2rem 0;
    border: none;
    outline: 0;
    background-color: transparent
}

.checkbox-faker .fa {
    width: 12px;
    font-size: 15px
}

.checkbox-faker input[type=checkbox]:checked ~ .fa:before {
    content: '\f046'
}

.placeholder-svg {
    display: block;
    fill: rgba(45, 45, 45, .35);
    background-color: rgba(45, 45, 45, .1);
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid rgba(45, 45, 45, .2)
}

.placeholder-svg--small {
    width: 480px
}

.placeholder-noblocks {
    padding: 40px;
    text-align: center
}

.placeholder-background {
    right: 0;
    bottom: 0
}

.placeholder-background .icon {
    border: 0
}

.slick-list {
    width: 100%;
    height: auto
}

.slick-slide {
    position: relative
}

.slick-arrow, .slick-dots {
    position: absolute;
    text-align: center;
    z-index: 10
}

.slick-dots {
    list-style: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    display: block;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 3px;
    padding: 4px
}

.slick-dots li.slick-active button {
    background-color: #78cccd
}

.slick-dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    background-color: #999;
    border-radius: 12px;
    outline: 0
}

.slick-arrow {
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 4px 0 0;
    border: 1px solid transparent;
    background-color: transparent;
    outline: 0
}

.slick-arrow.slick-next .fa, .slick-arrow.slick-prev .fa, .slick-arrow.square-next .fa, .slick-arrow.square-prev .fa {
    top: -3px;
    position: relative
}

.slick-arrow .fa {
    position: relative;
    line-height: 1em;
    vertical-align: top;
    font-size: 24px
}

.copyright img, .hero__text-color, .site-logo img, .site-logo span {
    vertical-align: top
}

.slick-slider:hover .slick-arrow:not([class*=arrow-]) {
    opacity: .6
}

.slick-slider .slick-arrow:not([class*=arrow-]):hover {
    opacity: .8
}

.slick-arrow.arrow-next, .slick-arrow.arrow-prev {
    opacity: .5
}

.slick-arrow.arrow-next:hover, .slick-arrow.arrow-prev:hover {
    opacity: 1
}

.slick-arrow.arrow-next {
    right: -40px
}

.slick-arrow.arrow-next:hover {
    -webkit-transform: translate(10px, 0);
    -ms-transform: translate(10px, 0);
    transform: translate(10px, 0)
}

@media only screen and (max-width: 1399px) {
    .slick-arrow.arrow-next:hover {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.slick-arrow.arrow-prev {
    left: -40px
}

.slick-arrow.arrow-prev:hover {
    -webkit-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    transform: translate(-10px, 0)
}

@media only screen and (max-width: 1399px) {
    .slick-arrow.arrow-prev:hover {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.slick-arrow.square-next, .slick-arrow.square-prev {
    opacity: .3;
    background-color: #000;
    color: #fff;
    border-width: 0
}

.slick-arrow.square-next {
    right: 30px
}

@media only screen and (max-width: 749px) {
    .slick-arrow.square-next {
        right: 20px
    }
}

.slick-arrow.square-next .fa {
    left: 2px
}

.slick-arrow.square-prev {
    left: 30px
}

@media only screen and (max-width: 749px) {
    .slick-arrow.square-prev {
        left: 20px
    }
}

@media only screen and (max-width: 480px) {
    .slick-arrow.square-next {
        right: 15px
    }

    .slick-arrow.square-prev {
        left: 15px
    }
}

.slick-arrow.square-prev .fa {
    left: -1px
}

.slick-arrow.slick-next, .slick-arrow.slick-prev {
    opacity: .4;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    background-color: #000;
    color: #fff;
    border-width: 0;
    font-size: 0
}

.slick-arrow.slick-next:before, .slick-arrow.slick-prev:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    margin-top: -3px
}

.slick-arrow.slick-prev:before {
    content: "\f104"
}

.slick-arrow.slick-next:before {
    content: "\f105"
}

.slick-arrow.slick-next {
    right: 30px
}

.slick-arrow.slick-next .fa {
    left: 1px
}

.slick-arrow.slick-prev {
    left: 30px
}

.slick-arrow.slick-prev .fa {
    left: -1px
}

.slick-arrow.half-circle-next, .slick-arrow.half-circle-prev {
    opacity: .4;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    padding-top: 2px;
    background-color: #222;
    border-width: 0;
    color: #fff
}

.header__main {
    height: 78px
}

.slick-arrow.half-circle-next .fa, .slick-arrow.half-circle-prev .fa {
    top: -2px
}

.slick-arrow.half-circle-next {
    right: -30px
}

.slick-arrow.half-circle-next .fa {
    margin-left: -23px
}

.slick-arrow.half-circle-prev {
    left: -30px
}

.slick-arrow.half-circle-prev .fa {
    margin-right: -23px
}

.slick--hack {
    width: 100%;
    overflow: hidden
}

#nhanh-section-header {
    overflow: visible
}

.header, .header .page-width {
    position: relative
}

.header--announcement .header__search {
    top: 41px
}

.announcement-bar--header-fixed.announcement-bar {
    margin-bottom: 78px
}

.announcement-bar--header-fixed.announcement-bar--header03 {
    margin-bottom: 155px
}

@media only screen and (max-width: 989px) {
    .announcement-bar--header-fixed.announcement-bar--header03 {
        margin-bottom: 78px
    }
}

.announcement-bar--header-fixed.announcement-bar--header05 {
    margin-bottom: 0
}

@media only screen and (max-width: 480px) {
    .announcement-bar--header-fixed.announcement-bar--header05 .bannerTop {
        height: 10px
    }

    .imagetext--image_text {
        padding: 5px 0 !important
    }
}

@media only screen and (max-width: 989px) {
    .logo {
        text-align: center
    }
}

.logo {
    margin: 0;
    padding-top: 0
}

.site-logo, .site-logo span {
    display: inline-block;
    height: 100%
}

.site-logo {
    position: relative;
    z-index: 10;
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.site-logo span {
    width: 0
}

.site-logo img {
    display: inline;
    max-width: 100%;
    height: 150px;
    object-fit: contain
}

.site-nav a, .site-nav__submenu .site-nav--has-submenu {
    display: block
}

.site-nav {
    margin: 0 100px 0 0;
    padding: 0;
    list-style: none;
    float: right
}

.site-nav a {
    padding: 0;
    font-size: 1.3rem;
}

.site-nav a:hover {
    color: #78cccd
}

.site-nav a .icon {
    position: absolute;
    top: 3.5rem;
    right: 1rem;
    width: 1rem;
    height: 1.5rem
}

.site-nav > li {
    float: left
}

.site-nav > li > a {
    position: relative;
    padding: 3rem;
    letter-spacing: .2em
}

.site-nav > li > .site-nav__submenu {
    position: absolute;
    overflow: hidden;
    top: 100%;
    width: auto;
    height: auto;
    border: 1px solid #f1f1f1;
    -webkit-transform: translate3d(0, 1rem, 0);
    -moz-transform: translate3d(0, 1rem, 0);
    transform: translate3d(0, 1rem, 0);
    -webkit-transition: opacity linear .2s .1s, transform linear .2s .1s;
    -moz-transition: opacity linear .2s .1s, transform linear .2s .1s;
    -ms-transition: opacity linear .2s .1s, transform linear .2s .1s;
    -o-transition: opacity linear .2s .1s, transform linear .2s .1s;
    transition: opacity linear .2s .1s, transform linear .2s .1s
}

.site-nav > li.hot a:before, .site-nav > li.new a:before, .site-nav > li.sale a:before {
    content: '';
    position: absolute;
    top: 27px;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent
}

.site-nav > li.hot a:after, .site-nav > li.new a:after, .site-nav > li.sale a:after {
    position: absolute;
    color: #fff;
    font-size: 9px;
    padding: 2px 3px;
    right: 8px;
    top: 12px;
    border-radius: 2px
}

.site-nav > li.hot > a:before {
    border-top: 4px solid #df1a0b
}

.site-nav > li.hot > a:after {
    content: 'Hot';
    background: #df1a0b
}

.site-nav > li.sale > a:before {
    border-top: 4px solid #ffa800
}

.site-nav > li.sale > a:after {
    content: 'Sale';
    background: #ffa800
}

.site-nav > li.new > a:before {
    border-top: 4px solid #01bad4
}

.site-nav > li.new > a:after {
    content: 'New';
    background: #01bad4
}

.site-nav--has-submenu a {
    position: relative
}

.site-nav--has-submenu.open .site-nav__submenu, .site-nav--has-submenu:hover .site-nav__submenu {
    z-index: 800;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.site-nav__submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
    width: 100%;
    min-width: 25rem;
    opacity: 0;
    visibility: hidden;
    background-color: #fff
}

.grandparent.columns-2 > .site-nav__submenu::after, .header__extra::after {
    display: table;
    content: '';
    clear: both
}

.site-nav__submenu li a {
    text-transform: none;
    padding: 1.3rem 0 1.3rem 2.5rem
}

.parent li a {
    border-bottom: 1px solid #f1f1f1
}

.parent li:last-child {
    border-bottom: none
}

.grandparent li a {
    padding: .8rem 0
}

.grandparent .site-nav__submenu {
    min-width: 22.5rem
}

.grandparent > .site-nav__submenu {
    right: 0;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.grandparent > .site-nav__submenu > li {
    float: left;
    width: 25%;
    border-bottom: 0;
    padding: 0 1rem 0 2.5rem
}

.grandparent > .site-nav__submenu > li > a {
    border-bottom: 1px solid #f1f1f1;
    font-weight: 700
}

.grandparent > .site-nav__submenu > li .site-nav__submenu {
    margin-top: 1rem
}

.grandparent.columns-2 > .site-nav__submenu {
    min-width: 50rem
}

.grandparent.columns-2 > .site-nav__submenu > li {
    width: 50%
}

.grandparent.columns-3 > .site-nav__submenu {
    min-width: 75rem
}

.grandparent.columns-3 > .site-nav__submenu > li {
    width: 33.33333%
}

.grandparent.columns-4 > .site-nav__submenu {
    left: 0;
    min-width: 100rem
}

.grandparent.columns-4 > .site-nav__submenu > li {
    width: 25%
}

.site-nav--mega {
    padding-right: 2.5rem !important
}

.site-nav--mega-image > a {
    margin: 0;
    padding: 0 !important
}

.site-nav--mega-image img {
    width: 100%;
    max-width: 25rem
}

.header__extra {
    position: absolute;
    top: 0;
    height: 100%;
    right: 30px;
    z-index: 10;
    text-align: right
}

.header__extra .header__cart__wrapper > a, .header__extra > a {
    display: inline-block;
    vertical-align: top;
    min-width: 38px;
    height: 100%;
    font-size: 1.8rem;
    line-height: 78px;
    outline: 0;
    border: none;
    box-shadow: none
}

.header__extra .header__cart__wrapper > a {
    padding: 0;
    min-width: 30px
}

@media only screen and (max-width: 989px) {
    .header__extra {
        right: 15px
    }
}

.header__off-canvas {
    position: absolute;
    top: 2.4rem;
    left: 1.5rem;
    margin-left: 0;
    z-index: 10
}

.header__off-canvas-btn .icon {
    width: 1.8rem;
    height: 2.1rem
}

.header__off-canvas-btn:active, .header__off-canvas-btn:focus, .header__off-canvas-btn:hover {
    color: #222
}

.header__search-btn .icon {
    width: 1.6rem;
    height: 1.6rem
}

.header__search-btn:hover .icon {
    -webkit-animation: searchBounce .3s linear;
    -moz-animation: searchBounce .3s linear;
    animation: searchBounce .3s linear
}

.header__cart__wrapper {
    display: inline-block;
    position: relative
}

.header__cart-btn {
    position: relative
}

.header__cart-btn .icon {
    position: relative;
    top: -2px;
    width: 2.2rem;
    height: 2.2rem
}

.header__cart-btn span {
    display: block;
    position: absolute;
    top: 15px;
    right: -5px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-style: normal;
    color: #fff;
    font-weight: 700;
    text-transform: none;
    background: #000;
    border-radius: 50%;
    font-size: 13px;
    vertical-align: top
}

.header__search form, .newsletter-popup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.header__search, .header__search:before {
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

.header__cart-btn span.updated {
    -webkit-animation: cartUpdated .5s linear;
    -moz-animation: cartUpdated .5s linear;
    -ms-animation: cartUpdated .5s linear;
    -o-animation: cartUpdated .5s linear;
    animation: cartUpdated .5s linear
}

.header__search {
    z-index: -1;
    width: 100%;
    height: 100%;
    max-height: 78px;
    background-color: #fff;
    color: #f1f1f1;
    -webkit-transition: opacity ease-out .2s;
    -moz-transition: opacity ease-out .2s;
    transition: opacity ease-out .2s
}

.header__search:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: visibility .4s linear, opacity .4s cubic-bezier(.4, 0, .2, 1);
    transition: visibility .4s linear, opacity .4s cubic-bezier(.4, 0, .2, 1);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 999
}

.header__search.open, .header__search.open:before {
    visibility: visible;
    opacity: 1
}

.header__search.open {
    z-index: 1000
}

.header__search form {
    position: relative;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header__search .close {
    display: block;
    position: absolute;
    z-index: 999;
    top: 50%;
    right: 1rem;
    padding: 10px 0 10px 10px;
    color: #212b35;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

@media only screen and (max-width: 1024px) {
    .search-opened {
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden
    }
}

.search-opened > header {
    position: relative;
    z-index: 999
}

.header__search-bar {
    position: relative;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.header__search-wrap {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

@media only screen and (min-width: 750px) {
    .header__search-wrap {
        min-width: 570px;
        width: calc(100% - 12.25% - (32px * 2));
        width: -moz-calc(100% - 12.25% - (32px * 2));
        width: -webkit-calc(100% - 12.25% - (32px * 2))
    }

    .header__search-input {
        font-size: 1.6rem
    }
}

@media only screen and (min-width: 990px) {
    .header__search-wrap {
        width: 1094px
    }
}

@media only screen and (max-width: 989px) {
    .header__search-wrap {
        width: 100% !important
    }
}

input[type=search] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.header__search-input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0 4rem 0 2rem;
    pointer-events: auto;
    border: 0;
    outline: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    color: #30373b
}

.header__search-loading {
    text-align: center;
    padding: 10px
}

.header__search-loading-icon {
    display: inline-block;
    color: #fff;
    opacity: 0;
    -webkit-animation: infinite-spinning 1s linear infinite;
    -moz-animation: infinite-spinning 1s linear infinite;
    animation: infinite-spinning 1s linear infinite
}

.header__search-loading-icon .icon {
    width: 25px;
    height: 25px
}

.header__search-results {
    display: none;
    margin: 0;
    padding: 1rem 0;
    list-style: none;
    border-top: 1px solid #ddd;
    background-color: #fff;
    color: #2d2d2d;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
}

.sidebar, .sidr {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.header__search-results li {
    padding: 0 2rem
}

.header__search-results li::after {
    content: '';
    display: table;
    clear: both
}

.header__search-results li:last-child {
    border-bottom: none
}

.ajax-product {
    display: block;
    position: relative;
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 1rem 2rem;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    transition: background .2s ease
}

.ajax-product::after {
    content: '';
    display: table;
    clear: both
}

.ajax-product:hover {
    background-color: rgba(0, 0, 0, .06);
    color: #2d2d2d
}

.ajax-product img {
    display: block;
    top: 1rem;
    left: 1.5rem;
    width: 6rem;
    min-height: 6rem;
    background-color: #ddd;
    float: left;
    margin-right: 1.5rem
}

.header, .header--fixed {
    background-color: rgba(255, 255, 255, .9);
    border-bottom: 1px solid rgba(255, 255, 255, .9)
}

.ajax-product h3 {
    margin-top: 0;
    margin-bottom: .5rem
}

.ajax-product p {
    margin: 0
}

@media only screen and (max-width: 749px) {
    .ajax-product p {
        display: none
    }
}

.ajax-product-total {
    display: block;
    margin-top: 1rem;
    text-align: right;
    float: right
}

.header {
    z-index: 100
}

.header--fixed {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    -webkit-animation-name: slideInUpHome;
    animation-name: slideInUpHome;
    -webkit-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-timing-function: cubic-bezier(.2, .485, .205, 1);
    animation-timing-function: cubic-bezier(.2, .485, .205, 1)
}

.header--fixed.header--announcement {
    top: 37px
}

.header--fixed.header05 {
    border-bottom: none
}

.header--sticky {
    position: fixed;
    top: 0 !important;
    background-color: #fff;
    border-color: #eee;
    -webkit-animation-name: slideInDownHome;
    animation-name: slideInDownHome;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.header--sticky .header__search {
    top: 0;
    max-height: 62px
}

.header--sticky .header__main {
    width: 100%;
    height: 62px
}

.header--sticky .logo {
    height: 62px;
    line-height: 62px
}

.header--sticky .site-logo {
    -webkit-transform: scale(.8, .8);
    -moz-transform: scale(.8, .8);
    transform: scale(.8, .8)
}

.header--sticky .site-nav > li > a {
    padding-top: 2.3rem;
    padding-bottom: 2rem
}

.header--sticky .site-nav > li.hot a:before, .header--sticky .site-nav > li.new a:before, .header--sticky .site-nav > li.sale a:before {
    top: 19px
}

.header--sticky .site-nav > li.hot a:after, .header--sticky .site-nav > li.new a:after, .header--sticky .site-nav > li.sale a:after {
    top: 3px
}

.header--sticky .site-nav a .icon {
    top: 2.8rem
}

.header--sticky .header__off-canvas {
    top: 1.9rem
}

.header--sticky .header__extra .header__cart__wrapper > a, .header--sticky .header__extra > a {
    line-height: 62px
}

.header--sticky .header__extra .header__cart-btn span {
    top: 7px
}

.site-nav--last:not(.grandparent) {
    position: relative
}

.site-nav--last:not(.grandparent) .site-nav__submenu {
    left: auto;
    right: 0
}

.header02 .logo {
    text-align: center
}

.header02 .site-nav {
    position: absolute;
    top: 0;
    left: 0;
    float: none;
    margin-right: 0;
    text-align: left;
    width: 100%
}

.header02 .grandparent:not(.columns-4), .header03 .grandparent:not(.columns-4), .header03 nav, .header04 .grandparent:not(.columns-4), .header04 nav {
    position: relative
}

.header02 .site-nav > li {
    float: none;
    display: inline-block
}

.header02 .site-nav__logospace {
    width: 250px
}

.header02 .grandparent:not(.columns-4) > .site-nav__submenu {
    left: 50%;
    right: auto;
    -webkit-transform: translate3d(-50%, 1rem, 0);
    -moz-transform: translate3d(-50%, 1rem, 0);
    transform: translate3d(-50%, 1rem, 0)
}

.header02 .grandparent:not(.columns-4):hover > .site-nav__submenu {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.header03 nav, .header04 nav {
    float: left;
    width: 100%
}

.header03 .site-nav, .header04 .site-nav {
    position: relative;
    width: 100%;
    margin-right: 0;
    text-align: center
}

.header03 .site-nav > li, .header04 .site-nav > li {
    float: none;
    display: inline-block;
    text-align: left
}

.header03 .logo, .hero__text-align, .section__heading, .sidebar {
    text-align: center
}

.header03 .grandparent:not(.columns-4) > .site-nav__submenu, .header04 .grandparent:not(.columns-4) > .site-nav__submenu {
    left: 50%;
    right: auto;
    -webkit-transform: translate3d(-50%, 1rem, 0);
    -moz-transform: translate3d(-50%, 1rem, 0);
    transform: translate3d(-50%, 1rem, 0)
}

.header03 .grandparent:not(.columns-4):hover > .site-nav__submenu, .header04 .grandparent:not(.columns-4):hover > .site-nav__submenu {
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.header03 .second-header-extra {
    display: none
}

.header03 .header__main {
    height: auto
}

.header03 .site-nav__wrapper {
    float: none
}

.header03 .site-nav__wrapper::after {
    content: '';
    display: table;
    clear: both
}

@media only screen and (max-width: 989px) {
    .header03.header--sticky .header__sub {
        display: none
    }
}

.header03.header--sticky .logo {
    display: none
}

.header03.header--sticky .second-header-extra {
    display: block
}

.header04 .logo {
    position: absolute
}

.mobile-menu__wishlist .header__wishlist-btn {
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    padding: 1.7rem 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    border-bottom: 1px solid #333
}

.header__dropdown .dropdown-menu {
    border-radius: 0
}

@keyframes searchBounce {
    20%, 40%, 60%, 80%, from, to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes infinite-spinning {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes cartUpdated {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
    40% {
        opacity: 1;
        transform: scale3d(1.5, 1.5, 1.5)
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

.body--sidebar-left {
    margin-left: 290px;
    background-color: #fff
}

@media only screen and (max-width: 989px) {
    .header03.header--sticky .second-header-extra .logo {
        display: block;
        height: 62px;
        line-height: 62px
    }

    .header04 .logo {
        position: relative
    }

    .body--sidebar-left {
        margin-left: 0
    }
}

.sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    display: flex;
    width: 290px;
    height: 100%;
    flex-direction: column;
    padding: 20px 0;
    background: #fff;
    color: #7d7d7d
}

.sidebar .site-nav > li.open > a, .sidebar .site-nav > li > a:hover {
    background-color: #f7f7f7
}

.sidebar .logo {
    padding-top: 0
}

.sidebar .site-nav {
    float: none;
    margin-right: 0
}

.sidebar .site-nav > li {
    display: block;
    width: 100%
}

.sidebar .site-nav > li > a {
    padding: 1.5rem 2rem;
    border-bottom: 1px solid #f7f7f7;
    font-weight: 400;
    -webkit-transition: background .35s ease;
    -moz-transition: background .35s ease;
    transition: background .35s ease;
    font-weight: 700
}

.sidebar .site-nav > li > a:after {
    top: 16px;
    right: 15px
}

.sidebar .site-nav > li .site-nav__submenu {
    position: relative;
    visibility: hidden;
    opacity: 1;
    height: 0;
    border: 0;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: height .3s linear;
    -moz-transition: height .3s linear;
    transition: height .3s linear
}

.sidebar .site-nav a .icon {
    position: relative;
    top: 0;
    right: -.5rem
}

.sidebar .site-nav__submenu li a {
    padding-left: 1.3rem;
    padding-right: 1.3rem;
    font-weight: 700
}

.sidebar .site-nav--has-submenu.open > a {
    font-weight: 700
}

.sidebar .site-nav--has-submenu.open > .site-nav__submenu {
    height: auto;
    opacity: 1;
    visibility: visible
}

.sidebar .grandparent > .site-nav__submenu {
    position: relative;
    width: 100%;
    min-width: auto;
    left: auto;
    right: auto;
    padding-top: 0;
    padding-bottom: 0
}

.sidebar .grandparent > .site-nav__submenu > li {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.sidebar .grandparent .site-nav--mega {
    display: none
}

.sidebar__content {
    flex: 1 0 auto
}

.sidebar__extra .header__extra {
    position: relative;
    width: 100% !important;
    top: auto;
    right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center
}

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

.sidebar__extra .header__extra a {
    float: none
}

.header05.header--sticky .sidebar .site-logo {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    transform: scale(1, 1)
}

.header05 .header__search {
    width: 45%;
    left: 37%;
    right: 0
}

.section__button {
    margin-top: 3rem
}

.section__heading {
    margin: 20px 0
}

.section__heading-title {
    font-size: 32px;
    position: relative;
    font-weight: 700;
    padding-top: 0;
    margin: 0;
    padding-bottom: 0;
    font-weight: 700
}

.section__heading .text-hot-product {
    margin: 10px 0 15px 0
}

.section__heading-title a {
    padding-bottom: 5px;
    font-weight: 700
}

span.line-title {
    position: relative;
    background: #fff;
    padding: 0 11px;
    z-index: 2;
    color: #000;
    font-size: 8px;
    font-weight: 700
}

span.line-title:after {
    background: #000;
    content: "";
    height: 1px;
    left: -200px;
    position: absolute;
    top: 5px;
    width: 430px;
    z-index: -1
}

@media only screen and (min-width: 2200px) {
    a.hotline-sale {
        width: 10%
    }
}

@media only screen and (max-width: 749px) {
    .section__heading-title {
        font-size: 24px;
        line-height: 1.2em
    }
}

.section__heading-subtitle {
    font-size: 16px;
    display: inline-block;
    position: relative;
    margin: 0 0 .4em;
    color: #222;
    opacity: .4;
    font-weight: 400;
    letter-spacing: .2em;
    line-height: 1.4em
}

.section__heading-subtitle:after, .section__heading-subtitle:before {
    content: '';
    display: block;
    position: absolute;
    top: 12px;
    width: 15px;
    height: 1px;
    background-color: #222;
    opacity: .6
}

.section__heading-subtitle:before {
    left: -33px
}

.section__heading-subtitle:after {
    right: -30px
}

.gemini-banner, .gemini-collection-list, .gemini-featured-collection, .gemini-imagetext, .gemini-newsletter, .gemini-product-list, .gemini-shopinfo, .gemini-video {
    padding: 0
}

.gemini-collection-list {
    padding-top: 3rem
}

.gemini-hero {
    width: 100%
}

.hero--overlap-nav .hero__text-wrap {
    top: 78px
}

.hero .slick-dots {
    bottom: 10px
}

.hero .slick-dots li.slick-active button {
    width: 14px;
    height: 14px;
    background-color: transparent;
    border-color: #fff
}

.hero .slick-dots button {
    background-color: #fff;
    border-width: 2px
}

.hero--full-height .slick-list, .hero--full-height .slick-track {
    height: 100%
}

.hero--full-height .hero__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.hero--animated .hero__image, .hero--animated .hero__placeholder {
    -webkit-transition: transform linear 6s 1s;
    -o-transition: transform linear 6s 1s;
    transition: transform linear 6s 1s
}

.hero--animated .hero__button, .hero--animated .hero__description, .hero--animated .hero__subtitle, .hero--animated .hero__title {
    opacity: 0;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hero--animated .owl-item.active .hero__button, .hero--animated .owl-item.active .hero__description, .hero--animated .owl-item.active .hero__subtitle, .hero--animated .owl-item.active .hero__title {
    -webkit-animation-name: heroContentIn;
    animation-name: heroContentIn
}

.hero__slide {
    position: relative;
    height: 100%
}

.hero__placeholder svg {
    border: 0;
    background-color: transparent
}

@media only screen and (max-width: 480px) {
    .hero__placeholder {
        min-height: 300px
    }

    .hero__placeholder svg {
        display: none
    }
}

.hero__image {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center
}

.hero__image img {
    opacity: 0;
    visibility: hidden
}

.hero__text-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.hero__button, .hero__subtitle, .hero__text-color, .hero__title, .newsletter--footer .newsletter__input {
    position: relative
}

.hero__text-align {
    display: table;
    width: 100%;
    height: 100%
}

.hero__text-align--left {
    text-align: left
}

@media only screen and (max-width: 749px) {
    .section__heading-subtitle {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: .8em
    }

    .gemini-banner, .gemini-collection-list, .gemini-featured-collection, .gemini-imagetext, .gemini-newsletter, .gemini-product-list, .gemini-video {
        padding-bottom: 20px
    }

    .hero__text-align--left {
        text-align: center
    }
}

.hero__text-align--right {
    text-align: right
}

.hero__text-color {
    -webkit-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .2s ease;
    display: table-cell;
    padding: 15px 150px
}

@media only screen and (max-width: 749px) {
    .hero__text-align--right {
        text-align: center
    }

    .hero__text-color {
        padding: 15px 100px
    }
}

.hero__subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition: transform .25s ease, opacity .25s ease;
    -moz-transition: transform .25s ease, opacity .25s ease;
    -ms-transition: transform .25s ease, opacity .25s ease;
    -o-transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease;
    margin: 0 0 0 3px;
    font-weight: 400;
    letter-spacing: .4em
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .hero__subtitle {
        margin: 10px 0
    }
}

@media only screen and (max-width: 749px) {
    .hero__subtitle {
        margin: 5px 0
    }
}

@media only screen and (max-width: 480px) {
    .hero__text-color {
        padding: 15px 30px
    }

    .hero__subtitle {
        font-size: 16px;
        font-size: 1.6rem;
        margin: 10px 0
    }
}

@media only screen and (max-width: 400px) {
    .hero__subtitle {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 360px) {
    .hero__subtitle {
        font-size: 13px;
        font-size: 1.3rem
    }
}

.hero__title {
    font-size: 44px;
    font-size: 4.4rem;
    -webkit-transition: transform .25s ease, opacity .3s ease;
    -moz-transition: transform .25s ease, opacity .3s ease;
    -ms-transition: transform .25s ease, opacity .3s ease;
    -o-transition: transform .25s ease, opacity .3s ease;
    transition: transform .25s ease, opacity .3s ease;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.25;
    letter-spacing: .2em;
    font-family: Quicksand, sans-serif
}

.announcement, .newsletter__input--btn {
    letter-spacing: 2px;
    text-transform: uppercase
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .hero__title {
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 749px) {
    .hero__title {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 480px) {
    .hero__title {
        font-size: 42px;
        font-size: 4.2rem;
        margin-bottom: 15px
    }
}

@media only screen and (max-width: 400px) {
    .hero__title {
        font-size: 38px;
        font-size: 3.8rem
    }
}

.hero__description {
    -webkit-transition: transform .25s ease, opacity .3s ease;
    -moz-transition: transform .25s ease, opacity .3s ease;
    -ms-transition: transform .25s ease, opacity .3s ease;
    -o-transition: transform .25s ease, opacity .3s ease;
    transition: transform .25s ease, opacity .3s ease;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    margin-top: 0;
    margin-bottom: 10px
}

.blog__item, .footer-widgets .connect, .footer-widgets .nav, .footer-widgets .newsletter, .footer-widgets .widget__item {
    margin-bottom: 30px
}

.hero__button {
    -webkit-transition: background-color .25s ease;
    -o-transition: background-color .25s ease;
    transition: background-color .25s ease;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    margin-top: 1rem;
    color: #fff;
    background-color: #222;
    border-color: #222
}

@media only screen and (max-width: 360px) {
    .hero__title {
        font-size: 36px;
        font-size: 3.6rem
    }

    .hero__button {
        padding: 1rem 2.5rem
    }
}

.hero__button:active, .hero__button:focus, .hero__button:hover {
    background-color: #090909
}

.hero__text-color--light .hero__description, .hero__text-color--light .hero__subtitle, .hero__text-color--light .hero__title {
    color: #fff
}

.hero__text-color--light .hero__button {
    color: #222;
    background-color: #fff;
    border-color: transparent
}

.hero__text-color--light .hero__button:active, .hero__text-color--light .hero__button:focus, .hero__text-color--light .hero__button:hover {
    color: #fff;
    background-color: #222
}

@keyframes heroContentIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes heroContentIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        -ms-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.footer-widgets {
    padding: 30px 20px;
    background-color: #000;
    float: left;
    width: 100%;
}

.footer-widgets a {
    -webkit-transition: color .2s ease;
    -moz-transition: color .2s ease;
    transition: color .2s ease;
    font-size: 14px;
    font-size: 1.4rem
}

.footer-widgets p {
    font-size: 14px;
    font-size: 1.3rem;
    margin-top: 0
}

.footer-widgets .widget__title {
    margin-top: 0
}

.footer-widgets .widget__title:after {
    display: none
}

.footer-widgets .connect__title, .footer-widgets .nav__title, .footer-widgets .newsletter__title, .footer-widgets .payment__title, .footer-widgets .widget__title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    font-family: Quicksand, sans-serif
}

.footer-widgets .nav__menu li {
    padding: .4rem 0
}

.footer-bottom {
    width: 100%;
    float: left;
    border-top: 1px solid #fff;
    margin-top: 15px
}

.copyright {
    margin-top: 25px;
    float: left;
    width: 85%;
    color: #fff
}

@media only screen and (max-width: 749px) {
    .footer-widgets .grid__item {
        margin-bottom: 20px
    }
}

.nav__title {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 600
}

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

.nav__menu li {
    padding: .7rem 0
}

.newsletter {
    text-align: center
}

.newsletter form {
    max-width: 530px;
    margin: 0 auto
}

.newsletter--footer form {
    max-width: none;
    margin: 0
}

.connect__title, .newsletter__title {
    margin-bottom: 2rem;
    font-weight: 600
}

.newsletter__title {
    margin-top: 0
}

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

.newsletter__input--text, .subWrp input {
    display: inline-flex;
    width: 70%;
    height: 30px;
    border-radius: 0;
    outline: 0;
    background: #d8d8d8;
    color: #000;
    border: 1px solid #fff;
    font-size: 13px
}

.newsletter__input--btn, .subWrp button {
    height: 30px;
    padding: .7rem 1.5rem;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    font-weight: 600;
    font-size: 1.3rem;
    outline: 0;
    -webkit-transition: background .25s ease, color .25s ease;
    -moz-transition: background .25s ease, color .25s ease;
    -ms-transition: background .25s ease, color .25s ease;
    -o-transition: background .25s ease, color .25s ease;
    transition: background .25s ease, color .25s ease;
    position: absolute;
    border-left: 0;
    width: 80px
}

.newsletter--footer {
    text-align: left
}

.newsletter--footer .newsletter__input--text {
    padding-right: 5rem
}

.newsletter--footer .newsletter__input--btn {
    margin-top: 10px;
    padding-left: 3rem;
    padding-right: 3rem
}

.connect {
    margin-bottom: 15px
}

.connect__title {
    margin-top: 0
}

.connect__list {
    margin: 0 0 0 -.8rem;
    padding: 0;
    list-style: none
}

.connect__list li {
    display: inline-block;
    padding: 0
}

.connect__list li a {
    display: flex;
    align-items: center;
    padding: .7rem .8rem;
    text-align: center;
    -webkit-transition: background .25s ease, color .25s ease;
    -moz-transition: background .25s ease, color .25s ease;
    -ms-transition: background .25s ease, color .25s ease;
    -o-transition: background .25s ease, color .25s ease;
    transition: background .25s ease, color .25s ease
}

.connect__list .icon {
    width: 15px;
    height: 15px
}

.drawer-mask, .sidr {
    position: fixed;
    top: 0;
    height: 100%
}

.payment__title {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 600
}

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

.payment__icons li {
    padding: 0;
    display: inline
}

.apple-wallet-image, .giftcard-qr img {
    display: block;
    margin: 0 auto
}

@media print {
    @page {
        margin: .5cm
    }

    p {
        orphans: 3;
        widows: 3
    }

    body, html {
        background-color: #fff;
        color: #000
    }

    .apple-wallet, .print-giftcard {
        display: none
    }
}

.drawer-mask {
    left: 0;
    width: 100%;
    z-index: 1000;
    visibility: visible;
    background: rgba(0, 0, 0, .5)
}

.sidr {
    display: block;
    z-index: 999999;
    width: 320px;
    background-color: #fff;
    color: #818181
}

.sidr.right, .sidr.right .sidr-inner {
    color: inherit
}

.sidr.left {
    left: -320px;
    right: auto
}

.sidr.left .sidr-inner {
    min-height: 101%
}

.sidr.right {
    background-color: #fff;
    right: -320px;
    left: auto
}

@media only screen and (max-width: 749px) {
    .sidr.right .sidr-inner {
        padding-top: 50px
    }
}

.sidr-inner {
    position: relative;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    padding: 0 0 50px;
    color: #000;
    text-align: center
}

#drawer {
    display: none
}

.mobile-drawer-open {
    max-height: 100%;
    overflow: hidden
}

.mobile-drawer-open .sidr {
    box-shadow: 1px 1px 15px 0 rgba(0, 0, 0, .44)
}

.mobile-nav__close {
    position: absolute;
    display: block;
    top: 1.5rem;
    right: 1rem;
    padding: 1rem;
    z-index: 9999
}

.announcement, .mobile-menu__link > a, .mobile-nav a .icon, .mobile-nav > li > a, .mobile-nav__submenu .mobile-nav--has-submenu {
    position: relative
}

.mobile-nav__close .icon {
    color: #000
}

.mobile-menu__inner {
    flex: 1 0 auto
}

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

.mobile-nav a {
    display: block;
    padding: 1.7rem 2rem;
    border-bottom: 1px solid #f1f1f1;
    font-size: 1.2rem;
    font-weight: 700
}

.mobile-nav__submenu .mobile-nav__submenu a, .mobile-nav__submenu li {
    border-bottom: none
}

.mobile-nav a .icon {
    height: 4px;
    width: auto;
    right: -5px
}

.mobile-nav > li > a {
    color: #000;
    text-transform: uppercase
}

.mobile-nav > li.open > a {
    background-color: #f7f7f7
}

.mobile-nav__submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    height: 0
}

.mobile-nav__submenu .mobile-nav__submenu {
    height: 0
}

.mobile-nav--has-submenu.open > .mobile-nav__submenu {
    height: auto
}

.mobile-menu__extra {
    color: #fff;
    padding-bottom: 20px
}

.mobile-menu__link {
    margin-top: 20px
}

.mobile-menu__link > a {
    display: inline-block;
    margin: 0 10px;
    padding: 5px;
    font-size: 1.8rem;
    color: #000
}

.mobile-menu__link .header__cart-btn span {
    top: -5px
}

.announcement {
    z-index: 1001;
    width: 100%;
    padding: 1.2rem 2rem;
    height: 41px;
    background-color: #78cccd;
    color: #fff;
    font-size: 1.2rem
}

.announcement .connect__list li a {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 14px
}

.announcement__customer {
    position: relative;
    display: inline-block;
    padding-bottom: 1em
}

.announcement__customer > a {
    letter-spacing: 1px
}

.announcement__customer > a:active, .announcement__customer > a:focus, .announcement__customer > a:hover {
    color: inherit
}

.announcement__customer .dropdown-menu {
    border-radius: 0;
    font-size: inherit
}

.announcement__customer .dropdown-menu li a {
    text-align: right
}

.newsletter-popup__banner, .newsletter-popup__content {
    background-color: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.newsletter-popup {
    position: relative;
    margin: 0 auto;
    width: 720px;
    max-width: 100%;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 1043
}

.newsletter-popup__banner {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

.newsletter-popup__banner ~ .newsletter-popup__content {
    width: 50%
}

@media only screen and (max-width: 749px) {
    .newsletter-popup__banner {
        display: none
    }

    .newsletter-popup__banner ~ .newsletter-popup__content {
        width: 100%
    }
}

.newsletter-popup__banner img {
    display: block;
    width: 100%
}

.newsletter-popup__content {
    position: relative;
    width: 100%;
    padding: 3rem;
    color: #222;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.newsletter-popup__content fieldset {
    border: none;
    padding: 0;
    margin: 0
}

.newsletter-popup__heading {
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: 0;
    margin-bottom: 3rem;
    line-height: 1.2em;
    color: #2d2d2d;
    text-transform: uppercase;
}

@media only screen and (max-width: 749px) {
    .newsletter-popup__body {
        margin-bottom: 2rem
    }
}

.newsletter-popup__description {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4em;
    margin-bottom: 3rem
}

.newsletter-popup__input {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    width: 100%;
    height: 40px;
    margin-bottom: 1rem;
    padding: 0 20px;
    background-color: #f1f1f1;
    border: 1px solid transparent
}

.newsletter-popup__input:focus {
    border-color: #2d2d2d
}

.newsletter-popup__submit {
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    display: inline-block;
    height: 40px;
    padding: 0 30px;
    background-color: #2d2d2d;
    border: 1px solid #2d2d2d;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 3rem;
    letter-spacing: .1em;
    position: unset;
    width: auto
}

.newsletter-popup__submit:hover {
    background-color: #65c5c6
}

.newsletter-popup__checkbox {
    position: absolute;
    left: 3rem;
    bottom: 2.5rem
}

.newsletter-popup__link_close {
    display: inline-block;
    margin-left: 3rem;
    color: #222;
    font-size: 1rem;
    text-transform: uppercase;
    text-decoration: underline
}

@media only screen and (max-width: 749px) {
    .newsletter-popup__submit {
        margin-bottom: 1.5rem
    }

    .newsletter-popup__link_close {
        display: block;
        margin-left: 0;
        margin-bottom: 5px
    }
}

.newsletter-popup__social {
    margin-bottom: 3rem
}

.newsletter-popup__social::after {
    content: '';
    display: table;
    clear: both
}

.newsletter-popup__social > span {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    margin-right: 10px
}

.newsletter-popup__social .connect {
    display: inline-block;
    float: none
}

.newsletter-popup__social .connect__list li {
    float: none;
    display: inline-block
}

.cookies-law__inner, .imagetext .grid {
    display: -webkit-box;
    display: -ms-flexbox
}

.newsletter-popup__hide input[type=checkbox] {
    margin-top: 8px;
    float: left
}

.newsletter-popup__hide label {
    position: relative;
    padding: 0 0 20px
}

.newsletter-popup__hide label span {
    font-size: 12px;
    font-size: 1.2rem
}

.moveup-effect .mfp-with-anim {
    opacity: 0;
    transition: all .3s;
    transform: translateY(30px)
}

.moveup-effect.mfp-bg {
    opacity: 0;
    transition: all .3s
}

.moveup-effect.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0)
}

.moveup-effect.mfp-ready.mfp-bg {
    opacity: .8
}

.moveup-effect.mfp-removing .mfp-with-anim {
    transform: translateY(30px);
    opacity: 0
}

.moveup-effect.mfp-removing.mfp-bg {
    opacity: 0
}

.cookies-law {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: all .3s cubic-bezier(.784, .134, .14, .85);
    -o-transition: all .3s cubic-bezier(.784, .134, .14, .85);
    transition: all .3s cubic-bezier(.784, .134, .14, .85);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    padding: 2rem 3rem;
    background-color: rgba(0, 0, 0, .9);
    border-top: 2px solid rgba(255, 255, 255, .1);
    color: #fff;
    text-align: center;
    visibility: hidden
}

.cookies-law--show {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible
}

.cookies-law__inner {
    font-size: 14px;
    font-size: 1.4rem;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

@media only screen and (max-width: 749px) {
    .cookies-law__inner {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.cookies-law__text {
    padding-right: 15px;
    text-align: left
}

@media only screen and (min-width: 990px) {
    .cookies-law__text {
        -webkit-box-flex: 3;
        -moz-box-flex: 3;
        width: 75%;
        -webkit-flex: 3;
        -ms-flex: 3;
        flex: 3
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .cookies-law__text {
        -webkit-box-flex: 2;
        -moz-box-flex: 2;
        width: 67%;
        -webkit-flex: 2;
        -ms-flex: 2;
        flex: 2
    }
}

@media only screen and (max-width: 749px) {
    .cookies-law__text {
        padding-right: 0;
        text-align: center
    }
}

.cookies-law__buttons {
    text-align: right
}

@media only screen and (min-width: 990px) {
    .cookies-law__buttons {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        width: 25%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .cookies-law__buttons {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        width: 33%;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.cookies-law__button {
    cursor: pointer;
    margin-left: 1rem;
    padding: .8rem 3rem;
    background-color: #fff;
    border: 0;
    border-radius: 40px;
    font-weight: 600;
    letter-spacing: 0;
    color: #222
}

@media only screen and (max-width: 749px) {
    .cookies-law__buttons {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin-top: 15px;
        text-align: center
    }

    .cookies-law__button:first-child {
        margin-left: 0
    }

    .instafeed__item img {
        width: 100%
    }
}

.instafeed__carousel {
    margin-left: -15px;
    margin-right: -15px
}

.instafeed__item__wrapper {
    padding-left: 15px;
    padding-right: 15px
}

.instafeed__carousel--gapless {
    margin-left: 0;
    margin-right: 0
}

.instafeed__carousel--gapless .instafeed__item__wrapper {
    padding-left: 0;
    padding-right: 0
}

.instafeed__item {
    position: relative
}

.instafeed__item img {
    display: block;
    height: auto;
    margin: 0 auto
}

.instafeed__carousel--gapless .instafeed__item img {
    width: 100%
}

.instafeed__item .icon-comments, .instafeed__item .icon-likes {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    width: 16px;
    height: 16px;
    background-image: url(//hstatic.net/s/files/1/2340/4671/t/4/assets/likes.svg?7528722151977181095);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}

.instafeed__item .icon-comments {
    background-image: url(//hstatic.net/s/files/1/2340/4671/t/4/assets/comments.svg?7528722151977181095)
}

.instafeed__item a:after {
    opacity: 0;
    -webkit-transition: opacity .25s ease, transform .25s ease;
    -moz-transition: opacity .25s ease, transform .25s ease;
    -ms-transition: opacity .25s ease, transform .25s ease;
    -o-transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    visibility: hidden
}

.instafeed__item:hover a:after {
    opacity: 1;
    visibility: visible
}

.instafeed__item:hover .instafeed__item__info {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible
}

.instafeed__item__info {
    opacity: 0;
    -webkit-transition: opacity .25s ease, transform .25s ease;
    -moz-transition: opacity .25s ease, transform .25s ease;
    -ms-transition: opacity .25s ease, transform .25s ease;
    -o-transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease;
    -webkit-transform: translate(-50%, -50%) translate3d(0, 10px, 0);
    -ms-transform: translate(-50%, -50%) translate3d(0, 10px, 0);
    transform: translate(-50%, -50%) translate3d(0, 10px, 0);
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    color: #fff;
    visibility: hidden;
    pointer-events: none
}

.banner__item figure:before, .blog__media:before {
    -webkit-transition: opacity .3s ease;
    content: ''
}

.instafeed__item__likes {
    margin-right: 8px
}

.instafeed__carousel--gapless .square-prev {
    left: 15px
}

.instafeed__carousel--gapless .square-next {
    right: 15px
}

@media only screen and (max-width: 749px) {
    .instafeed__carousel .square-prev {
        left: 15px
    }

    .instafeed__carousel .square-next {
        right: 15px
    }

    .instafeed__carousel--gapless .square-prev {
        left: 0
    }

    .instafeed__carousel--gapless .square-next {
        right: 0
    }
}

.instafeed__carousel--gapless .circle-prev {
    left: 15px
}

.instafeed__carousel--gapless .circle-next {
    right: 15px
}

.section--has-container .arrow-next .fa, .section--has-container .arrow-prev .fa {
    top: -8px
}

.section--has-container .instafeed__carousel--has-gap .half-circle-next, .section--has-container .instafeed__carousel--has-gap .half-circle-prev {
    display: none !important
}

@media only screen and (max-width: 1200px) {
    .section--has-container .arrow-prev {
        left: -22px
    }

    .section--has-container .arrow-next {
        right: -22px
    }

    .section--has-container .instafeed__carousel--gapless .arrow-prev {
        left: -35px
    }

    .section--has-container .instafeed__carousel--gapless .arrow-next {
        right: -35px
    }
}

.section--no-container .arrow-next, .section--no-container .arrow-prev {
    opacity: .4;
    top: 0;
    bottom: 0;
    height: auto;
    margin-top: 0;
    color: #fff;
    background-color: #000;
    border-color: rgba(0, 0, 0, .4)
}

.section--no-container .arrow-next:hover, .section--no-container .arrow-prev:hover {
    opacity: .4;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.section--no-container .arrow-next .fa, .section--no-container .arrow-prev .fa {
    top: -4px
}

.section--no-container .arrow-prev {
    left: 15px
}

.section--no-container .arrow-next {
    right: 15px
}

.section--no-container .instafeed__carousel--has-gap .half-circle-prev {
    left: -15px
}

.section--no-container .instafeed__carousel--has-gap .half-circle-next {
    right: -15px
}

.section--no-container .instafeed__carousel--gapless .arrow-prev {
    left: 0
}

.section--no-container .instafeed__carousel--gapless .arrow-next {
    right: 0
}

.blogpost {
    background-color: #f5f6fa;
    padding: 6rem 0
}

.blog__item {
    background-color: #fff;
    box-shadow: 1px 2px 10px #eee
}

.blog__media {
    position: relative;
    display: block;
    overflow: hidden
}

.blog__media:after {
    content: '';
    display: block;
    padding-bottom: 70%
}

.blog__media img, .blog__media > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: scale-down
}

.blog__media:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #78cccd;
    opacity: 0;
    -moz-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.blog__tags ul, .blog__tags ul li {
    display: inline
}

.blog__media:focus:before, .blog__media:hover:before {
    opacity: .4
}

.blog__media:focus .blog__link, .blog__media:hover .blog__link {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.blogpost__img__onboarding {
    background-color: #e1e1e1
}

.blog__link {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) translate3d(0, -20px, 0);
    -moz-transform: translate(-50%, -50%) translate3d(0, -20px, 0);
    transform: translate(-50%, -50%) translate3d(0, -20px, 0);
    -webkit-transition: transform .25s ease, opacity .25s ease;
    -moz-transition: transform .25s ease, opacity .25s ease;
    -ms-transition: transform .25s ease, opacity .25s ease;
    -o-transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease
}

.blog__readmore__btn .icon, .blog__tags .icon {
    width: 16px;
    height: 16px
}

.blog__link:focus, .blog__link:hover {
    color: #fff;
    background: rgba(0, 0, 0, .6)
}

.blog__info {
    padding: 15px
}

.blog__meta {
    color: #78cccd;
    font-size: 1.3rem
}

.blog__meta_separator {
    margin-left: 5px;
    margin-right: 5px
}

.blog__title {
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 20px
}

.blog__content {
    margin-bottom: 15px;
    color: #888
}

.blog__readmore {
    margin-bottom: 15px;
    font-weight: 700
}

.blog__footer {
    font-size: 1.2rem;
    color: #444
}

.blog__tags {
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 1.2rem
}

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

.shopinfo__item {
    display: table;
    width: 100%;
    text-align: left
}

@media only screen and (max-width: 749px) {
    .shopinfo__item {
        margin-bottom: 20px
    }
}

.shopinfo__item__media {
    font-size: 30px;
    font-size: 3rem;
    display: table-cell;
    width: 25%;
    vertical-align: top;
    padding-right: 15px
}

@media only screen and (max-width: 480px) {
    .shopinfo__item__media {
        font-size: 50px;
        font-size: 5rem;
        width: 30%
    }

    .gemini-shopinfo .grid--carousel .grid__item {
        padding-right: 0;
        padding-left: 0
    }
}

.shopinfo__item__media .shopinfo__item__media__inner {
    display: block;
    text-align: center
}

@media only screen and (min-width: 1025px) {
    .one-fifth .shopinfo__item__media, .one-sixth .shopinfo__item__media {
        width: 33%
    }
}

.shopinfo__item__media__inner .fa, .shopinfo__item__media__inner img {
    vertical-align: middle
}

.shopinfo__item__media__inner img {
    height: auto
}

.shopinfo__item__content {
    display: table-cell;
    vertical-align: top
}

.shopinfo__item__title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 10px 0 5px;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-family: Quicksand, sans-serif
}

.banner__item h2, .collection-figcaption .collection-figcaption--title {
    letter-spacing: .2em;
}

.shopinfo__item__describe {
    font-size: 14px;
    font-size: 1.4rem;
    color: #3c3c3c
}

.shopinfo__item__describe p {
    margin: 0
}

@media only screen and (max-width: 1024px) {
    .gemini-shopinfo .section__heading {
        margin-bottom: 5rem
    }
}

.gemini-shopinfo .slick-arrow {
    top: 30px;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    border-color: #ddd
}

button.slick-arrow.undefined-next {
    right: 0
}

.gemini-shopinfo .slick-arrow .fa {
    font-size: 20px;
    font-size: 2rem
}

.gemini-shopinfo .arrow-prev {
    left: 50%;
    margin-left: -35px
}

.gemini-shopinfo .arrow-next {
    right: 50%;
    margin-right: -35px
}

.gemini-shopinfo .arrow-next .fa {
    right: -1px
}

.banner__item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden
}

@media only screen and (max-width: 749px) {
    .banner__item {
        margin-bottom: 30px
    }
}

.banner__item img {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform 1s linear, opacity .2s ease;
    -moz-transition: transform 1s linear, opacity .2s ease;
    -ms-transition: transform 1s linear, opacity .2s ease;
    -o-transition: transform 1s linear, opacity .2s ease;
    transition: transform 1s linear, opacity .2s ease;
    display: block;
    width: 100%;
    height: auto
}

.banner__item svg {
    border-color: transparent
}

.banner__item a {
    display: block;
    position: relative
}

.banner__item figure {
    margin: 0;
    padding: 0
}

.banner__item figure:before {
    opacity: 0;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    display: block;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000
}

.banner__item figcaption {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em
}

.banner__item figcaption:before {
    opacity: .1;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.banner__item h2, .collection img {
    -webkit-transition: transform .35s;
    -o-transition: transform .35s
}

.banner__item h2 {
    font-size: 30px;
    font-size: 3rem;
    transition: transform .35s;
    margin: 0;
    font-weight: 700
}

.banner__item p {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0
}

.banner__item.banner-hover:hover figure:before {
    opacity: .2
}

.banner__item.banner-hover:hover h2 {
    -webkit-transform: scale(.9) perspective(1px);
    -ms-transform: scale(.9);
    transform: scale(.9) perspective(1px)
}

.banner__item.banner-hover:hover figcaption:before {
    opacity: .4
}

.banner__item__inner {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    z-index: 10;
    text-align: center;
    color: #fff
}

.collection:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.collection {
    position: relative;
    margin: 0 0 30px;
    padding: 0
}

.collection img {
    opacity: 1;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    -ms-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
    transition: transform .35s;
    display: block;
    width: 100%;
    height: auto
}

.collection svg {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    -ms-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0);
    -webkit-transition: transform .35s;
    -o-transition: transform .35s;
    transition: transform .35s;
    position: relative;
    z-index: 1;
    background-color: #f5f5f5;
    border-color: #f5f5f5
}

.collection:before {
    opacity: .2;
    -webkit-transition: opacity linear .5s;
    -moz-transition: opacity linear .5s;
    -ms-transition: opacity linear .5s;
    -o-transition: opacity linear .5s;
    transition: opacity linear .5s;
    z-index: 0
}

.collection:hover:before {
    opacity: .4
}

.collection-figcaption {
    backface-visibility: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 10;
    color: #fff;
    padding: 2rem;
    text-align: center;
    text-transform: uppercase
}

.collection-figcaption .collection-figcaption--title {
    font-size: 18px;
    font-size: 1.8rem;
    -webkit-transition: all ease .1s;
    -moz-transition: all ease .1s;
    -ms-transition: all ease .1s;
    -o-transition: all ease .1s;
    transition: all ease .1s;
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding: .8rem 3rem .6rem;
    background-color: rgba(255, 255, 255, .9);
    color: #222
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .collection-figcaption .collection-figcaption--title {
        font-size: 16px;
        font-size: 1.6rem;
        padding-right: 2rem;
        padding-left: 2rem
    }
}

.collection-figcaption .collection-figcaption--title:hover {
    background-color: #fff
}

.collection-figcaption--bottom {
    bottom: 0
}

.collection-figcaption--middle {
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    top: 50%
}

.collection-figcaption--top {
    top: 0
}

.video {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.video--169 iframe, .video__player {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    bottom: 0;
    top: 0
}

.video--169 {
    padding-bottom: 56.25%
}

.video--169 iframe {
    display: block;
    right: 0
}

.video__player {
    border: 0
}

.currency-picker, .currency-picker:focus, .currency-picker:hover {
    border: none;
    outline: 0
}

.imagetext .grid {
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.imagetext .grid__item {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

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

.imagetext--text h2 {
    margin: 10px 0;
    letter-spacing: .1em;
}

.imagetext--image_text {
    padding: 6rem 0;
    color: #fff
}

.imagetext--image_text.imagetext--image_text--fixed-height {
    padding: 0
}

.stack__heading {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: .2em;
    margin-top: 0;
    margin-bottom: .4em;
}

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

.imagetext__content--center {
    max-width: 80rem;
    margin: 0 auto;
    text-align: center
}

.imagetext__content--left {
    text-align: left
}

.imagetext__content--right {
    text-align: right
}

.imagetext__paragraph {
    margin: 1rem 0 3rem
}

.imagetext__paragraph p {
    margin: 0 0 5px
}

.imagetext__content--left .imagetext__paragraph p, .imagetext__content--right .imagetext__paragraph p {
    width: 75%
}

.imagetext__content--right .imagetext__paragraph::after {
    content: '';
    display: table;
    clear: both
}

.imagetext__content--right .imagetext__paragraph p {
    float: right
}

.imagetext__btn {
    padding-left: 4rem;
    padding-right: 4rem;
    font-weight: 700
}

.imagetext--image_text--fixed-height .page-width {
    position: relative;
    height: 100%
}

.imagetext--image_text--fixed-height .imagetext__content {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.imagetext--image_text--fixed-height .imagetext__content--center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%
}

.imagetext--image_text--fixed-height .imagetext__content--left {
    left: 30px
}

.imagetext--image_text--fixed-height .imagetext__content--right {
    right: 30px
}

.currency-picker__wrapper {
    position: relative;
    margin-right: 5px
}

.currency-picker__wrapper .fa-caret-down {
    position: absolute;
    top: 2px;
    right: 7px;
    pointer-events: none
}

.currency-picker {
    padding-right: 15px;
    background-position: right 0 center;
    background-image: none
}

@media only screen and (max-width: 989px) {
    .currency-picker {
        padding-right: 20px
    }
}

.widget {
    margin-bottom: 5rem
}

.widget__title {
    position: relative;
    margin-top: 0;
    margin-bottom: 3rem;
    font-size: 1.8rem;
    font-weight: 700
}

.widget__title:after {
    content: '';
    display: block;
    bottom: 0;
    width: 30px;
    height: 1px;
    background-color: #78cccd
}

.widget__thumb {
    float: left;
    max-width: 120px;
    margin-right: 15px
}

.widget__info a {
    display: block
}

.widget__search .search__field {
    width: 100%;
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    border-radius: 2px;
    border: 1px solid #f4f4f4;
    background-color: #f4f4f4;
    outline: 0;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: border-color .25s ease;
    -moz-transition: border-color .25s ease;
    transition: border-color .25s ease
}

.filter--tag li a, .tagcloud a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease
}

.widget__search .search__field:focus {
    border-color: #78cccd
}

.widget__search .search__submit {
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: transparent;
    box-shadow: none;
    font-size: 0;
    border: 0;
    line-height: 40px;
    padding: 0;
    top: 0;
    right: 0
}

.widget__search .icon {
    width: 16px;
    height: 16px;
    color: #333
}

.tagcloud a {
    display: inline-block;
    padding: 8px 15px;
    background: #f6f7f7;
    border: 1px solid #f6f7f7;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #ababab;
    margin-right: 5px;
    margin-bottom: 7px;
    line-height: 1;
    transition: all .2s ease
}

.tagcloud a:active, .tagcloud a:focus, .tagcloud a:hover {
    background-color: #78cccd;
    border-color: #78cccd;
    color: #fff
}

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

.widget__recentpost ul li {
    display: block;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    border-bottom: 1px solid #eee
}

.widget__recentpost .icon {
    position: absolute;
    left: 0
}

.widget__recentpost a {
    display: block;
    margin-bottom: 5px;
    color: #222
}

.widget__recentpost .post-date {
    font-size: 1.3rem;
    color: #888
}

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

.widget__categories ul li {
    position: relative;
    margin-bottom: 20px
}

.widget__categories a {
    display: block;
    position: relative;
    overflow: hidden;
    padding-left: 20px
}

.widget__categories a:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    transform: translateY(-50%);
    background-color: #e2e2e2
}

.widget__categories a:after {
    content: "";
    display: inline-block;
    height: .4em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 1px solid #f4f4f4
}

.widget__categories li span {
    position: absolute;
    right: 0;
    bottom: -4px;
    background-color: #fff;
    display: block;
    border-radius: 50%;
    padding-left: 10px;
    min-width: 32px;
    min-height: 32px;
    line-height: 32px;
    text-align: center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

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

.widget__products ul li {
    margin-bottom: 10px
}

.widget__products ul li::after {
    content: '';
    display: table;
    clear: both
}

.widget__products .product-title {
    font-weight: 500;
    display: block;
    padding-top: 5px;
    margin-bottom: 5px
}

.instagram-sidebar::after {
    content: '';
    display: table;
    clear: both
}

.instagram-sidebar .item {
    float: left;
    margin-left: 0
}

.instagram-sidebar .item img {
    display: block
}

.instagram-sidebar .item:after {
    display: block;
    content: ""
}

.instagram-sidebar.x12 .item {
    width: 7.63359%;
    margin-right: .76336%
}

.instagram-sidebar.x12 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x12 .item:nth-child(12n) {
    margin-right: 0
}

.instagram-sidebar.x12.gapless .item {
    width: 8.33333%;
    margin-right: 0
}

.instagram-sidebar.x12.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x11 .item {
    width: 8.33333%;
    margin-right: .83333%
}

.instagram-sidebar.x11 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x11 .item:nth-child(11n) {
    margin-right: 0
}

.instagram-sidebar.x11.gapless .item {
    width: 9.09091%;
    margin-right: 0
}

.instagram-sidebar.x11.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x10 .item {
    width: 9.17431%;
    margin-right: .91743%
}

.instagram-sidebar.x10 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x10 .item:nth-child(10n) {
    margin-right: 0
}

.instagram-sidebar.x10.gapless .item {
    width: 10%;
    margin-right: 0
}

.instagram-sidebar.x10.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x9 .item {
    width: 10.20408%;
    margin-right: 1.02041%
}

.instagram-sidebar.x9 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x9 .item:nth-child(9n) {
    margin-right: 0
}

.instagram-sidebar.x9.gapless .item {
    width: 11.11111%;
    margin-right: 0
}

.instagram-sidebar.x9.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x8 .item {
    width: 11.49425%;
    margin-right: 1.14943%
}

.instagram-sidebar.x8 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x8 .item:nth-child(8n) {
    margin-right: 0
}

.instagram-sidebar.x8.gapless .item {
    width: 12.5%;
    margin-right: 0
}

.instagram-sidebar.x8.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x7 .item {
    width: 13.15789%;
    margin-right: 1.31579%
}

.instagram-sidebar.x7 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x7 .item:nth-child(7n) {
    margin-right: 0
}

.instagram-sidebar.x7.gapless .item {
    width: 14.28571%;
    margin-right: 0
}

.instagram-sidebar.x7.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x6 .item {
    width: 15.38462%;
    margin-right: 1.53846%
}

.instagram-sidebar.x6 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x6 .item:nth-child(6n) {
    margin-right: 0
}

.instagram-sidebar.x6.gapless .item {
    width: 16.66667%;
    margin-right: 0
}

.instagram-sidebar.x6.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x5 .item {
    width: 18.51852%;
    margin-right: 1.85185%
}

.instagram-sidebar.x5 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x5 .item:nth-child(5n) {
    margin-right: 0
}

.instagram-sidebar.x5.gapless .item {
    width: 20%;
    margin-right: 0
}

.instagram-sidebar.x5.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x4 .item {
    width: 23.25581%;
    margin-right: 2.32558%
}

.instagram-sidebar.x4 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x4 .item:nth-child(4n) {
    margin-right: 0
}

.instagram-sidebar.x4.gapless .item {
    width: 25%;
    margin-right: 0
}

.instagram-sidebar.x4.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x3 .item {
    width: 31.25%;
    margin-right: 3.125%
}

.instagram-sidebar.x3 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x3 .item:nth-child(3n) {
    margin-right: 0
}

.instagram-sidebar.x3.gapless .item {
    width: 33.33333%;
    margin-right: 0
}

.instagram-sidebar.x3.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x2 .item {
    width: 47.61905%;
    margin-right: 4.7619%
}

.instagram-sidebar.x2 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x2 .item:nth-child(2n) {
    margin-right: 0
}

.instagram-sidebar.x2.gapless .item {
    width: 50%;
    margin-right: 0
}

.instagram-sidebar.x2.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x1 .item {
    width: 100%;
    margin-right: 10%
}

.instagram-sidebar.x1 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x1 .item:nth-child(1n) {
    margin-right: 0
}

.instagram-sidebar.x1.gapless .item {
    width: 100%;
    margin-right: 0
}

.instagram-sidebar.x1.gapless .item:after {
    padding-bottom: 0
}

.instagram-sidebar.x0 .item {
    margin-right: -100%
}

.instagram-sidebar.x0 .item:after {
    padding-bottom: 10%
}

.instagram-sidebar.x0 .item:nth-child(0n) {
    margin-right: 0
}

.instagram-sidebar.x0.gapless .item {
    margin-right: 0
}

.instagram-sidebar.x0.gapless .item:after {
    padding-bottom: 0
}

.social-sharing {
    text-align: right
}

.social-sharing a {
    position: relative;
    display: inline-block;
    width: 4rem;
    height: 4rem;
    margin-left: .5rem;
    line-height: 4rem;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 20px;
    color: #696969;
    -webkit-transition: background .3s ease, color .3s ease, border-color .3s ease;
    -moz-transition: background .3s ease, color .3s ease, border-color .3s ease;
    -ms-transition: background .3s ease, color .3s ease, border-color .3s ease;
    -o-transition: background .3s ease, color .3s ease, border-color .3s ease;
    transition: background .3s ease, color .3s ease, border-color .3s ease
}

@media only screen and (max-width: 749px) {
    .social-sharing {
        text-align: center
    }

    .social-sharing a {
        margin: 0 .25rem
    }
}

@media only screen and (max-width: 479px) {
    .social-sharing a {
        margin: 0
    }
}

.social-sharing a:after, .social-sharing a:before {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    background-color: #78cccd;
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -ms-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -o-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}

.social-sharing a:before {
    content: '';
    top: -1px;
    background: rgba(0, 0, 0, 0);
    border: 6px solid transparent;
    border-top-color: #78cccd;
    z-index: 10;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.social-sharing a:after {
    content: attr(title);
    left: 50%;
    bottom: 100%;
    padding: 8px 10px;
    border-radius: 2px;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: #fff;
    white-space: nowrap;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.collection-list__item:after, .comment__meta:before, .product-image:after, .product-item--style01:before, .product-item--style03:before, .product-meta::after, .related-posts-carousel::after, .toolbar-wrapper::after {
    content: ''
}

.social-sharing a:hover {
    color: #fff;
    background-color: #78cccd;
    border-color: #78cccd
}

.social-sharing a:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(-50%, -8px);
    -moz-transform: translate(-50%, -8px);
    transform: translate(-50%, -8px)
}

.social-sharing a:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.social-sharing .icon {
    position: relative;
    top: -2px;
    width: 15px;
    height: 15px
}

.related-posts {
    margin: 4rem 0
}

.related-posts > h3 {
    text-transform: uppercase
}

.related-posts .blog__title {
    text-transform: initial
}

.badge, .breadcrumb, .comment__author, .entry__comment h3 {
    text-transform: uppercase
}

.related__item {
    float: left;
    width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px
}

.related-posts-carousel {
    margin-left: -15px;
    margin-right: -15px
}

.related-posts-carousel::after {
    display: table;
    clear: both
}

.comments {
    margin-bottom: 4rem
}

.comments ul {
    padding: 0;
    margin: 1rem 0;
    list-style: none
}

.comments ul li {
    padding: 2rem 0
}

.comment__media {
    display: table-cell;
    vertical-align: top;
    padding-right: 15px
}

.comment__media img {
    display: block;
    width: 80px;
    max-width: initial
}

.comment__text {
    display: table-cell;
    vertical-align: top;
    width: 10000px
}

.comment__text .rte p {
    margin-top: 0
}

.comment__author {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 1.4rem
}

.comment__meta {
    display: inline-block;
    color: #8e8b87;
    margin-left: 2rem
}

.comment__meta:before {
    display: inline-block;
    position: relative;
    top: -3px;
    width: 4px;
    height: 4px;
    background-color: #e0e0e0;
    margin-right: 2rem
}

.comment__meta p {
    display: inline-block;
    margin: 0
}

.nhanh-challenge__button, .nhanh-challenge__container form {
    margin-top: 3rem
}

.nhanh-challenge__message {
    padding: 1rem;
    background-color: #d9edf7;
    color: #31708f
}

.breadcrumb {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0;
    background: #f1f1f1
}

.product-price, .toolbar-wrapper [class$='__label'] {
    font-weight: 700
}

.breadcrumb [aria-hidden] {
    margin-left: .5rem;
    margin-right: .5rem
}

.collection-slideshow__image {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.collection-slideshow__image img {
    opacity: 0;
    visibility: hidden
}

.collection-slideshow__content-wrapper, .placeholder-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.placeholder-background .placeholder-svg {
    border: none;
    background: 0 0
}

.collection-slideshow__content {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: absolute;
    top: 50%
}

.collection-slideshow__content--left {
    left: 120px;
    text-align: left
}

@media only screen and (max-width: 989px) {
    .collection-slideshow__content--left {
        left: 30px;
        right: 30px
    }
}

@media only screen and (max-width: 749px) {
    .collection-slideshow__content--left {
        left: 15px;
        right: 15px
    }
}

.collection-slideshow__content--right {
    right: 120px;
    text-align: right
}

@media only screen and (max-width: 989px) {
    .collection-slideshow__content--right {
        left: 30px;
        right: 30px
    }
}

@media only screen and (max-width: 749px) {
    .collection-slideshow__content--right {
        left: 15px;
        right: 15px
    }
}

.collection-slideshow__content--center {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 80%;
    text-align: center
}

.collection-slideshow__subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 0 3px;
    letter-spacing: .4em
}

.collection-slideshow__subtitle p {
    margin: 0
}

@media only screen and (max-width: 749px) {
    .collection-slideshow__subtitle {
        font-size: 14px;
        font-size: 1.4rem
    }
}

.collection-slideshow__title {
    font-size: 40px;
    font-size: 4rem;
    margin: 5px 0 10px;
    letter-spacing: .2em;
    line-height: 1.2em;
}

@media only screen and (max-width: 749px) {
    .collection-slideshow__title {
        font-size: 32px;
        font-size: 3.2rem
    }
}

.collection-slideshow__description {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 20px;
    color: #626262
}

.collection-slideshow__description p {
    margin: 0
}

.collection-slideshow__link.btn {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.collection-slideshow__link.btn:active, .collection-slideshow__link.btn:focus, .collection-slideshow__link.btn:hover {
    color: #222;
    background-color: #fff
}

.collection-slideshow__content--light .collection-slideshow__subtitle {
    color: #e6e6e6
}

.collection-slideshow__content--light .collection-slideshow__title {
    color: #fff
}

.collection-slideshow__content--light .collection-slideshow__description {
    color: #ccc
}

.collection-slideshow__content--light .collection-slideshow__link.btn {
    color: #222;
    background-color: #fff;
    border-color: transparent
}

.collection-slideshow__content--light .collection-slideshow__link.btn:active, .collection-slideshow__content--light .collection-slideshow__link.btn:focus, .collection-slideshow__content--light .collection-slideshow__link.btn:hover {
    color: #fff;
    background-color: #222
}

.collection-slideshow__content--light .hero__button {
    color: #222;
    background-color: #fff;
    border-color: transparent
}

.collection__top-bar, .gemini-pagination {
    border-top: 1px solid #ddd;
    text-align: center
}

.collection-slideshow__content--light .hero__button:active, .collection-slideshow__content--light .hero__button:focus, .collection-slideshow__content--light .hero__button:hover {
    color: #fff;
    background-color: #222
}

.collection-slideshow .page-width .slick-arrow .fa {
    font-size: 32px
}

.collection-slideshow .page-width .slick-arrow.arrow-next {
    right: 20px
}

.collection-slideshow .page-width .slick-arrow.arrow-prev {
    left: 20px
}

.collection-slideshow__content-wrapper .page-width {
    position: relative;
    height: 100%
}

.toolbar-wrapper {
    padding: 20px 0;
    border-bottom: 1px solid #ddd
}

.toolbar-wrapper::after {
    display: table;
    clear: both
}

.toolbar-wrapper--sidebar .view-switcher {
    float: left;
    margin-left: 0
}

@media only screen and (max-width: 989px) {
    .toolbar-wrapper--sidebar .view-switcher {
        float: right
    }
}

.filter-control, .view-switcher {
    line-height: 40px
}

.filter-control {
    float: left;
    cursor: pointer
}

.sorting-dropdown, .view-switcher {
    float: right;
    margin-left: 25px
}

@media only screen and (max-width: 480px) {
    .toolbar-wrapper {
        text-align: center
    }

    .toolbar-wrapper [class$='__label'] {
        display: none
    }

    .filter-control, .view-switcher {
        line-height: 35px
    }

    .sorting-dropdown, .view-switcher {
        margin-left: 10px
    }
}

.sorting-dropdown select {
    margin-left: 5px;
    padding: 7px 28px 7px 15px;
    background-position: right 13px top 18px
}

@media only screen and (max-width: 480px) {
    .sorting-dropdown select {
        max-width: 150px;
        padding: 6px 28px 5px 15px
    }
}

.sorting-dropdown select:focus {
    -webkit-box-shadow: 0 0 3px #4d90fe;
    -moz-box-shadow: 0 0 3px #4d90fe;
    box-shadow: 0 0 3px #4d90fe;
    outline: 0
}

.filter-control__label, .view-switcher__label {
    vertical-align: middle
}

.filter-control__label {
    margin-left: 7px
}

.view-switcher__label {
    margin-right: 5px
}

.collection__top-bar {
    padding: 20px 0 15px;
    border-bottom: 1px solid #ddd
}

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

.collection-list__item {
    position: relative;
    display: inline-block;
    margin: 0 3px 5px
}

.collection-list__item a {
    -webkit-border-radius: 100rem;
    -moz-border-radius: 100rem;
    border-radius: 100rem;
    display: block;
    padding: 7px 15px;
    border: 1px solid #ddd
}

.collection-list__item:after {
    opacity: 0;
    -webkit-box-shadow: 1px 3px 6px -2px rgba(51, 51, 51, .2);
    -moz-box-shadow: 1px 3px 6px -2px rgba(51, 51, 51, .2);
    box-shadow: 1px 3px 6px -2px rgba(51, 51, 51, .2);
    -webkit-border-radius: 100rem;
    -moz-border-radius: 100rem;
    border-radius: 100rem;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.collection-list__item:hover:after {
    opacity: 1
}

.collection-list__item--active {
    color: #03a9f4;
    cursor: default;
    pointer-events: none
}

.gemini-pagination a:active, .gemini-pagination a:focus, .gemini-pagination a:hover, .gemini-pagination__item.gemini-pagination__item--active {
    color: #78cccd
}

.gemini-pagination {
    padding: 25px 0 15px 0;
    clear: both
}

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

.gemini-pagination__item {
    display: inline-block;
    padding: 5px 10px
}

.gemini-pagination__item.gemini-pagination__item--disabled {
    color: #999
}

.gemini-pagination__item span {
    cursor: default
}

.product-price {
    letter-spacing: 1px
}

.product-price--current {
    font-size: 15px;
    color: #000
}

.product-price--origin {
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 5px;
    color: #d6d6d6
}

.product-price--range {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600
}

.badge {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 0;
    padding: 4px 8px;
    font-size: 12px;
    font-size: .8em;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
    background-color: #78cccd;
    z-index: 10
}

.badge--soldout {
    color: #fff;
    background-color: #595959
}

.badge--percent, .badge--saleoff {
    background-color: #ffa0d4;
    color: #fff
}

.badge--percent {
    padding: 4px
}

.badge--hot {
    color: #fff;
    background-color: #fe00a1
}

.badge--new {
    color: #fff;
    background-color: #78cccd
}

.color-tooltip, .interactive-group--horizontal .interactive-item__label, .interactive-item--no-outline .interactive-item__label {
    font-size: 14px;
    font-size: 1.4rem;
    opacity: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-box-shadow: 0 0 10px 4px rgba(51, 51, 51, .3);
    -moz-box-shadow: 0 0 10px 4px rgba(51, 51, 51, .3);
    box-shadow: 0 0 10px 4px rgba(51, 51, 51, .3);
    -webkit-transition: opacity .2s ease-in-out .2s;
    -o-transition: opacity .2s ease-in-out .2s;
    transition: opacity .2s ease-in-out .2s;
    position: absolute;
    bottom: 120%;
    left: 50%;
    display: inline-block;
    padding: 5px 10px;
    font-weight: 400;
    text-transform: none;
    color: #fff;
    background-color: #222;
    border: 1px solid #222;
    visibility: hidden
}

.interactive-group--horizontal .interactive-item__label--added, .interactive-item .added, .interactive-item .adding {
    display: none
}

.interactive-group {
    opacity: 0;
    position: absolute;
    left: 50%;
    text-align: center;
    z-index: 100
}

.interactive-group--horizontal {
    -webkit-transform: translate3d(-50%, -10%, 0);
    -ms-transform: translate3d(-50%, -10%, 0);
    transform: translate3d(-50%, -10%, 0);
    -webkit-transition: transform .2s linear .1s, opacity .3s ease-in-out;
    -o-transition: transform .2s linear .1s, opacity .3s ease-in-out;
    transition: transform .2s linear .1s, opacity .3s ease-in-out;
    bottom: 0;
    width: 100%
}

@media only screen and (max-width: 1024px) {
    .interactive-group {
        opacity: 1;
        visibility: visible
    }

    .interactive-group--horizontal {
        -webkit-transform: translate3d(-50%, -30%, 0);
        transform: translate3d(-50%, -30%, 0)
    }

    .interactive-item--no-outline .interactive-item__label {
        display: none
    }
}

.interactive-group--vertical {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    top: 50%
}

.interactive-item {
    -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, .1);
    position: relative;
    height: 50px;
    padding: .5rem 1rem;
    border-width: 2px;
    border-color: #222
}

.interactive-item .fa {
    font-size: 16px;
    font-size: 1.6rem
}

.interactive-item .icon {
    width: 18px
}

a.interactive-item {
    line-height: 4rem
}

a.interactive-item .interactive-item__label {
    line-height: initial;
    vertical-align: text-top
}

.cart-icon span, .grid--masonry .fitted-image, .grid--metro .product-image__img-wrapper .fitted-image, .grid--normal .product-image__img-wrapper .fitted-image, .template-404 .page__header img {
    vertical-align: middle
}

.interactive-item--no-outline {
    width: auto;
    height: auto;
    margin: 0 .5rem;
    padding: 0;
    background-color: transparent;
    border: 0
}

.interactive-item--no-outline .interactive-item__label {
    min-width: 120px
}

.interactive-item--no-outline:active, .interactive-item--no-outline:focus, .interactive-item--no-outline:hover {
    color: #78cccd;
    outline: 0
}

.interactive-item--no-outline:active .interactive-item__label, .interactive-item--no-outline:focus .interactive-item__label, .interactive-item--no-outline:hover .interactive-item__label {
    opacity: 1;
    visibility: visible
}

.interactive-group--horizontal .interactive-item {
    width: 50px;
    margin: .2rem
}

.interactive-group--horizontal .interactive-item:hover .interactive-item__label {
    opacity: 1;
    visibility: visible
}

@media only screen and (max-width: 1024px) {
    .interactive-group--horizontal .interactive-item:hover .interactive-item__label, .interactive-group--horizontal .interactive-item__label, .interactive-item--no-outline:active .interactive-item__label, .interactive-item--no-outline:focus .interactive-item__label, .interactive-item--no-outline:hover .interactive-item__label {
        display: none
    }
}

.interactive-group--vertical .interactive-item {
    display: block;
    width: 150px;
    margin: .4rem auto
}

.interactive-group--vertical .fa, .interactive-group--vertical .interactive-item--added .added {
    display: none
}

.interactive-group--vertical .interactive-item:nth-child(1) {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
    -webkit-transition-duration: .2s;
    -ms-transition-duration: .2s;
    transition-duration: .2s
}

.interactive-group--vertical .interactive-item:nth-child(2) {
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s
}

.interactive-group--vertical .interactive-item:nth-child(3) {
    -webkit-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    -webkit-transition-duration: .6s;
    -ms-transition-duration: .6s;
    transition-duration: .6s
}

.interactive-group--vertical .interactive-item:nth-child(4) {
    -webkit-transform: translate3d(0, 40px, 0);
    -ms-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition-duration: .8s;
    -ms-transition-duration: .8s;
    transition-duration: .8s
}

.interactive-group--vertical .interactive-item__label {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0;
    text-transform: uppercase
}

.interactive-group--vertical .interactive-item--added .interactive-item__label--added {
    display: inline
}

.interactive-item .interactive-item__label--added, .interactive-item--adding .add, .interactive-item--adding .added {
    display: none
}

.interactive-item--adding .adding {
    display: inline-block
}

.interactive-item--adding .adding .fa {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.page-loading .loading, .shopping-cart__loading .fa {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.interactive-item--added .add, .interactive-item--added .adding {
    display: none
}

.interactive-item--added .added {
    display: inline-block
}

.interactive-item--added .interactive-item__label--add {
    display: none
}

.interactive-item--added .interactive-item__label--added {
    display: block
}

.product-image {
    position: relative;
    background: #fff
}

.product-image a {
    height: 415px;
    display: block
}

@media only screen and (max-width: 1024px) {
    .product-image a {
        height: 350px !important;
        display: block
    }
}

@media only screen and (max-width: 768px) {
    .product-item {
        width: 50%;
        float: left
    }

    .product-item:nth-child(3n) {
        margin-right: 0
    }

    .product-image a {
        height: 300px !important
    }
}

@media only screen and (max-width: 480px) {
    .product-image a {
        height: 170px !important
    }

    .product-item {
        margin-bottom: 0 !important
    }
}

.product-image:after {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.grid--metro .product-image__img-wrapper, .grid--normal .product-image__img-wrapper {
    position: relative;
    overflow: hidden
}

.grid--metro .product-image__img-wrapper .middle-alignment, .grid--normal .product-image__img-wrapper .middle-alignment {
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle
}

.grid--metro .grid--metro__item--big .product-image__img-wrapper:after {
    padding-bottom: -webkit-calc(125% - 7.5px);
    padding-bottom: -moz-calc(125% - 7.5px);
    padding-bottom: calc(125% - 7.5px)
}

.grid--masonry .middle-alignment {
    display: none
}

.grid--masonry .rec-fill {
    display: block
}

.product-item {
    position: relative;
    margin-bottom: 50px;
    padding: 5px
}

.product-item:hover .product-image:after {
    opacity: .35
}

.product-item:hover .interactive-group {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -30%, 0);
    -ms-transform: translate3d(-50%, -30%, 0);
    transform: translate3d(-50%, -30%, 0)
}

.product-item:hover .interactive-group.interactive-group--vertical {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.product-item:hover .interactive-item {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.product-item .product-price {
    display: block;
    margin-bottom: 5px
}

.product-info {
    padding: 1rem 0
}

.product-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 .5rem;
    font-weight: 400;
    color: #000
}

.product-title a:active, .product-title a:focus, .product-title a:hover {
    color: #78cccd
}

.grid--metro .product-title, .grid--normal .product-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.product-meta {
    font-size: 1.3rem
}

.product-meta::after {
    display: table;
    clear: both
}

.product-meta .spr-badge {
    font-size: inherit
}

.spr-badge {
    font-size: 16px;
    font-size: 1.6rem;
    float: none
}

.product-item .spr-badge-caption {
    display: none
}

.product-item--light .interactive-item {
    color: #222;
    background-color: #fff;
    border-color: #fff
}

.product-item--light .interactive-item:hover {
    color: #fff;
    background-color: #222;
    border-color: #222
}

.product-item--light .product-image:after {
    background-color: #fff
}

.product-item--dark .interactive-item {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.product-item--dark .interactive-item:hover {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.product-item--dark .product-image:after {
    background-color: #000
}

.product-item--style03 .product-meta, .product-item--style03 .product-title, .product-item--style04 .product-meta, .product-item--style04 .product-title, .product-item--style05 .product-meta, .product-item--style05 .product-title {
    text-align: center
}

.product-item--style03 .spr-icon, .product-item--style04 .spr-icon, .product-item--style05 .spr-icon {
    margin: 0 1px
}

.product-item--style03, .product-item--style05 {
    border: 1px solid #ddd
}

.product-item--style01 .product-info, .product-item--style03 .product-info {
    padding-left: 1rem;
    padding-right: 1rem
}

.product-item--style01:before, .product-item--style03:before {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1
}

.product-item--style01:hover:before, .product-item--style03:hover:before {
    -webkit-box-shadow: 0 3px 12px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 12px 1px rgba(0, 0, 0, .1)
}

.product-item--style01 .product-info {
    text-align: center
}

.product-item--style02 .product-meta {
    text-align: right
}

.product-item--style02 .spr-badge {
    float: left
}

.product-item--style02 .product-price {
    float: right
}

.product-item--style03 .product-title {
    margin: 0;
    padding: 1rem
}

.product-item--style05 .product-info {
    padding: 1rem
}

.product-item--style05 .interactive-item {
    box-shadow: none
}

.product-item--style05 .product-title {
    margin: 0;
    padding: 1rem 1rem .5rem
}

.product-item--style05 .product-image:after {
    background-color: #fff
}

.product-item--style05 .product-image:hover:after {
    opacity: 0;
    z-index: -1
}

.product-item--style05 .spr-badge {
    margin-bottom: 10px
}

.product-item--style05 .product-price {
    display: inline-block;
    float: left;
    max-width: 50%;
    margin-bottom: 0;
    text-align: left
}

.product-item--style05 .interactive-group {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    right: 15px;
    bottom: 0;
    left: auto;
    width: auto
}

.product-item--style05:hover .interactive-group {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.grid--metro__item .product-item--style01 .product-info, .grid--metro__item .product-item--style02 .product-info, .grid--metro__item .product-item--style04 .product-info {
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 15px;
    background-color: rgba(255, 255, 255, .9)
}

.grid--metro__item .product-item--style01 .product-title, .grid--metro__item .product-item--style02 .product-title, .grid--metro__item .product-item--style04 .product-title {
    margin-top: 0;
    margin-bottom: 5px
}

.grid--metro__item .product-item--style03, .grid--metro__item .product-item--style05 {
    padding: 0;
    border: 0
}

.grid--metro__item .product-item--style03 .product-title, .grid--metro__item .product-item--style05 .product-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: .8rem .5rem;
    background-color: rgba(255, 255, 255, .9);
    z-index: 1
}

.grid--metro__item .product-item--style03 .product-info, .grid--metro__item .product-item--style05 .product-info {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .9)
}

.grid--metro__item .product-item--style01 .interactive-group, .grid--metro__item .product-item--style04 .interactive-group {
    bottom: 90px
}

.grid--metro__item .product-item--style01 .interactive-group.interactive-group--vertical, .grid--metro__item .product-item--style04 .interactive-group.interactive-group--vertical {
    bottom: auto
}

.grid--metro__item .product-item--style02 .interactive-group, .grid--metro__item .product-item--style03 .interactive-group {
    bottom: 70px
}

.grid--metro__item .product-item--style02 .interactive-group.interactive-group--vertical, .grid--metro__item .product-item--style03 .interactive-group.interactive-group--vertical {
    bottom: auto
}

.grid--metro__item .product-item {
    padding-bottom: 0
}

.grid--metro__item .product-item--style05 > .product-meta {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: rgba(255, 255, 255, .9);
    top: 34px;
    top: -webkit-calc(22.86px + 15px);
    top: -moz-calc(22.86px + 15px);
    top: calc(22.86px + 15px);
    line-height: 1.2
}

.grid--metro__item .product-item--style05 .spr-badge {
    padding-bottom: .5rem;
    margin-bottom: 0
}

.grid--metro__item .product-item--style05 .product-price {
    margin-top: 0
}

.grid--metro__item .product-item--style05 .interactive-group {
    bottom: 0;
    right: 1rem
}

.product-image .rec-fill {
    overflow: hidden
}

.product-image .back, .product-image .front {
    -webkit-transition: transform .3s linear;
    -o-transition: transform .3s linear;
    transition: transform .3s linear
}

.product-image .front {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.product-image .back--fade, .product-image .front--fade {
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.product-image .front--fade {
    opacity: 1
}

.product-image .back--fade {
    opacity: 0
}

.product-image .back--slide-down {
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.product-image .back--slide-left {
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.product-image .back--slide-up {
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.product-image .back--slide-right {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.product-list-item {
    border-top: 1px solid #ddd
}

.product-list-item .product-image:hover:after {
    display: none
}

.product-list-item:hover .interactive-group {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.product-list-item .product-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0;
    line-height: 1
}

.product-list-item .product-meta {
    margin-top: 20px
}

.product-list-item .product-price {
    font-weight: 600
}

.product-list-item .product-price--current {
    font-size: 18px;
    font-size: 1.8rem
}

.product-list-item .spr-badge {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 5px
}

.product-list-item .product-description {
    margin-top: 20px
}

.product-list-item .product-description p {
    margin: 0 0 10px
}

.product-list-item .interactive-group {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: relative;
    left: 0;
    margin-top: 15px;
    text-align: left
}

.grid__item:first-child .product-list-item {
    border-top: 0
}

.cart-widget.open .mini-cart {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mini-cart--dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: transform .25s ease, opacity .25s ease;
    -moz-transition: transform .25s ease, opacity .25s ease;
    -ms-transition: transform .25s ease, opacity .25s ease;
    -o-transition: transform .25s ease, opacity .25s ease;
    transition: transform .25s ease, opacity .25s ease
}

.mini-cart--dropdown:before {
    top: 2px;
    right: 5px;
    position: absolute;
    content: " ";
    height: 0;
    width: 0;
    z-index: 10;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    pointer-events: none
}

.shopping-cart {
    margin: 10px 0 0;
    float: right;
    background: #fff;
    width: 320px;
    position: relative;
    border-radius: 3px;
    padding: 20px;
    max-height: 600px;
    overflow: auto;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

@media only screen and (max-width: 749px) {
    .shopping-cart {
        max-width: 290px
    }
}

.shopping-cart .empty {
    text-align: center
}

.shopping-cart .empty-icon {
    display: block;
    margin: 3rem 0;
    color: #ddd
}

.shopping-cart .empty-icon .icon {
    width: 10rem;
    height: 10rem
}

.shopping-cart--modifying .shopping-cart__loading {
    display: block
}

.shopping-cart-header {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    text-align: left
}

.shopping-cart-header .shopping-cart-total {
    float: right
}

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

.shopping-cart-items li {
    position: relative;
    margin-bottom: 18px;
    text-align: left
}

.cart-icon span, .product-tabs--style03 .nav-tabs--center, .related-section-header--full, .shopping-cart-items img {
    float: left;
    margin-right: 12px
}

.shopping-cart-items .item-name {
    display: block;
    padding-right: 15px;
    font-size: 1.4rem;
    margin-bottom: 5px
}

.shopping-cart-items .item-price {
    color: #78cccd;
    margin-right: 8px;
    font-size: 1.3rem
}

.shopping-cart-items .item-quantity {
    color: #abb0be;
    font-size: 1.3rem
}

.shopping-cart-items .cart__item__variant {
    font-size: 1.3rem;
    margin: 0
}

.shopping-cart-footer {
    margin-top: 10px
}

.cart-icon {
    margin-right: 7px
}

.cart-icon span {
    background-color: #78cccd;
    border-radius: 50%;
    display: inline-block;
    font-size: 13px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    color: #fff
}

.shopping-cart-checkout {
    margin-bottom: 1rem
}

.shopping-cart-total-value {
    color: #78cccd;
    font-weight: 700
}

.mini-cart__remove {
    position: absolute;
    top: -.5rem;
    right: -1rem;
    padding: .5rem .7rem
}

.mini-cart__remove .icon {
    width: 14px;
    height: 14px
}

.mini-cart-drawer {
    display: none
}

.cart-drawer-open .sidr {
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, .44)
}

.mini-cart--slide .shopping-cart {
    width: 100%;
    background: 0 0;
    box-shadow: none;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: initial
}

.mini-cart--slide .shopping-cart-header {
    font-weight: 700;
    font-size: 1.8rem
}

.mini-cart--slide .shopping-cart-total {
    margin: 2rem 0;
    font-size: 2rem
}

.mini-cart--slide .shopping-cart-total::after {
    content: '';
    display: table;
    clear: both
}

.mini-cart--slide .shopping-cart-total-label {
    float: left
}

.gallery-slider--sync-left .slider-for, .gallery-slider--sync-left .slider-nav, .mini-cart--slide .shopping-cart-total-value {
    float: right
}

.mini-cart__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 1rem
}

.shopping-cart__loading {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    color: #000;
    font-size: 2rem
}

.shopping-cart__loading .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.featured-collection--products .slick-arrow {
    margin-top: -35px
}

.featured-collection--products .slick-slide img {
    display: inline-block
}

.featured-collection--products .arrow-next .fa, .featured-collection--products .arrow-prev .fa {
    top: -8px
}

.featured-collection--products .arrow-prev, .featured-collection--products .square-prev {
    left: 15px
}

.featured-collection--products .arrow-next, .featured-collection--products .square-next {
    right: 15px
}

.page-width .featured-collection--products .arrow-prev {
    left: -40px
}

.page-width .featured-collection--products .arrow-next {
    right: -40px
}

@media only screen and (max-width: 1200px) {
    .page-width .featured-collection--products .arrow-prev {
        left: -22px
    }

    .page-width .featured-collection--products .arrow-next {
        right: -22px
    }
}

.page-width .featured-collection--products .half-circle-next, .page-width .featured-collection--products .half-circle-prev {
    display: none !important
}

.grid--carousel {
    margin-left: 0
}

.grid--carousel .grid__item {
    padding-left: 15px;
    padding-right: 15px
}

.product-gallery__item {
    position: relative;
    overflow: hidden
}

.product-gallery__item:after {
    content: '';
    display: block;
    padding-bottom: 150%
}

.product-gallery__item .rec-fill {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center
}

.gallery-slider--single .slick-current {
    cursor: zoom-in
}

.gallery-slider--center .slick-slide, .gallery-slider--sync-bottom .slider-nav .slick-slide, .gallery-slider--sync-left .slider-nav .slick-slide, .gallery-slider--sync-right .slider-nav .slick-slide {
    -webkit-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out
}

.gallery-slider--center .slick-slide:before, .gallery-slider--sync-bottom .slider-nav .slick-slide:before, .gallery-slider--sync-left .slider-nav .slick-slide:before, .gallery-slider--sync-right .slider-nav .slick-slide:before {
    opacity: .4;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.js-product-quick-view-container .product-gallery .slider-nav img {
    padding: 5px
}

.gallery-slider--center .slick-center:before, .gallery-slider--center .slick-current:before, .gallery-slider--sync-bottom .slider-nav .slick-center:before, .gallery-slider--sync-bottom .slider-nav .slick-current:before, .gallery-slider--sync-left .slider-nav .slick-center:before, .gallery-slider--sync-left .slider-nav .slick-current:before, .gallery-slider--sync-right .slider-nav .slick-center:before, .gallery-slider--sync-right .slider-nav .slick-current:before {
    opacity: 0
}

.gallery-slider--center .slick-track {
    padding-top: 5%;
    padding-bottom: 5%
}

.gallery-slider--center .slick-active {
    pointer-events: none
}

.gallery-slider--center .slick-active.slick-center {
    cursor: zoom-in;
    pointer-events: auto
}

.gallery-slider--center .slick-center {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    z-index: 100
}

.gallery-slider--sync-bottom .slider-for .rec-fill, .gallery-slider--sync-bottom .slider-nav .rec-fill {
    margin-right: 5px;
    margin-left: 5px
}

.gallery-slider--sync-bottom .slider-for .slick-current {
    cursor: zoom-in
}

.gallery-slider--sync-bottom .slider-nav {
    margin-top: 20px
}

.gallery-slider--sync-bottom .arrow-next .fa, .gallery-slider--sync-bottom .arrow-prev .fa {
    position: relative;
    top: -8px
}

.gallery-slider--sync-bottom .arrow-prev {
    left: -40px
}

.gallery-slider--sync-bottom .arrow-prev .fa {
    right: 1px
}

.gallery-slider--sync-bottom .arrow-next {
    right: -40px
}

.gallery-slider--sync-bottom .arrow-next .fa {
    left: 1px
}

.gallery-slider--sync-bottom .slick-arrow.square-next {
    right: 4px
}

.gallery-slider--sync-bottom .slick-arrow.square-prev {
    left: 4px
}

.slick-vertical .slick-slide {
    border: 0
}

.gallery-slider--sync-left::after, .gallery-slider--sync-right::after {
    content: '';
    display: table;
    clear: both
}

.gallery-slider--sync-left .slider-for, .gallery-slider--sync-right .slider-for {
    width: calc(75% - 15px);
    width: -moz-calc(75% - 15px);
    width: -webkit-calc(75% - 15px)
}

@media only screen and (max-width: 480px) {
    .gallery-slider--sync-left .slider-for, .gallery-slider--sync-right .slider-for {
        width: calc(67% - 15px);
        width: -moz-calc(67% - 15px);
        width: -webkit-calc(67% - 15px)
    }
}

.gallery-slider--sync-left .slider-for .rec-fill, .gallery-slider--sync-right .slider-for .rec-fill {
    margin-top: 5px;
    margin-bottom: 3px
}

@media only screen and (min-width: 990px) and (max-width: 1399px) {
    .gallery-slider--sync-left .slider-for .rec-fill, .gallery-slider--sync-right .slider-for .rec-fill {
        margin-bottom: 4px
    }
}

@media only screen and (max-width: 989px) {
    .gallery-slider--sync-left .slider-for .rec-fill, .gallery-slider--sync-right .slider-for .rec-fill {
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 400px) {
    .gallery-slider--sync-left .slider-for .rec-fill, .gallery-slider--sync-right .slider-for .rec-fill {
        margin-bottom: 3px
    }
}

.gallery-slider--sync-left .slider-for .slick-current, .gallery-slider--sync-right .slider-for .slick-current {
    cursor: zoom-in
}

.gallery-slider--sync-left .slider-nav, .gallery-slider--sync-right .slider-nav {
    width: calc(25% - 5px);
    width: -moz-calc(25% - 5px);
    width: -webkit-calc(25% - 5px)
}

@media only screen and (max-width: 480px) {
    .gallery-slider--sync-left .slider-nav, .gallery-slider--sync-right .slider-nav {
        width: calc(33% - 5px);
        width: -moz-calc(33% - 5px);
        width: -webkit-calc(33% - 5px)
    }
}

.gallery-slider--sync-left .slider-nav .rec-fill, .gallery-slider--sync-right .slider-nav .rec-fill {
    margin-top: 5px;
    margin-bottom: 5px
}

.gallery-slider--sync-left .arrow-next, .gallery-slider--sync-left .arrow-prev, .gallery-slider--sync-right .arrow-next, .gallery-slider--sync-right .arrow-prev {
    margin-top: 0
}

.gallery-slider--sync-left .arrow-next .fa, .gallery-slider--sync-left .arrow-prev .fa, .gallery-slider--sync-right .arrow-next .fa, .gallery-slider--sync-right .arrow-prev .fa {
    position: relative;
    top: -6px
}

.gallery-slider--sync-left .arrow-prev, .gallery-slider--sync-right .arrow-prev {
    top: auto;
    bottom: 99%;
    left: 50%;
    margin-left: -20px
}

.gallery-slider--sync-left .arrow-prev:hover, .gallery-slider--sync-right .arrow-prev:hover {
    -webkit-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px)
}

.gallery-slider--sync-left .arrow-next, .gallery-slider--sync-right .arrow-next {
    top: 99%;
    right: 50%;
    margin-right: -20px
}

.gallery-slider--sync-left .arrow-next:hover, .gallery-slider--sync-right .arrow-next:hover {
    -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

.gallery-slider--sync-left .circle-prev, .gallery-slider--sync-left .square-prev, .gallery-slider--sync-right .circle-prev, .gallery-slider--sync-right .square-prev {
    left: 50%;
    margin-top: 0;
    margin-left: -20px
}

.gallery-slider--sync-left .circle-prev .fa, .gallery-slider--sync-left .square-prev .fa, .gallery-slider--sync-right .circle-prev .fa, .gallery-slider--sync-right .square-prev .fa {
    top: -2px
}

.gallery-slider--sync-left .square-prev, .gallery-slider--sync-right .square-prev {
    top: 5px
}

.gallery-slider--sync-left .circle-prev, .gallery-slider--sync-right .circle-prev {
    top: 15px
}

.gallery-slider--sync-left .circle-next, .gallery-slider--sync-left .square-next, .gallery-slider--sync-right .circle-next, .gallery-slider--sync-right .square-next {
    top: auto;
    right: 50%;
    margin-top: 0;
    margin-right: -20px
}

.gallery-slider--sync-left .circle-next .fa, .gallery-slider--sync-left .square-next .fa, .gallery-slider--sync-right .circle-next .fa, .gallery-slider--sync-right .square-next .fa {
    left: 0
}

.gallery-slider--sync-left .square-next, .gallery-slider--sync-right .square-next {
    bottom: 5px
}

.gallery-slider--sync-left .circle-next, .gallery-slider--sync-right .circle-next {
    bottom: 15px
}

.gallery-slider--sync-left .half-circle-prev, .gallery-slider--sync-right .half-circle-prev {
    display: none !important;
    top: -33px;
    left: 50%;
    margin-top: 0;
    margin-left: -30px
}

.gallery-slider--sync-left .half-circle-prev .fa, .gallery-slider--sync-right .half-circle-prev .fa {
    position: relative;
    top: 13px;
    margin-right: 0
}

.gallery-slider--sync-left .half-circle-next, .gallery-slider--sync-right .half-circle-next {
    display: none;
    top: auto;
    right: 50%;
    bottom: -33px;
    margin-top: 0;
    margin-right: -30px
}

.gallery-slider--sync-left .half-circle-next .fa, .gallery-slider--sync-right .half-circle-next .fa {
    position: relative;
    top: -16px;
    margin-left: 0
}

.gallery-slider--sync-left .slider-for {
    margin-left: 15px
}

.gallery-slider--sync-left .slider-nav {
    margin-right: 5px
}

.gallery-slider--sync-right .slider-for, .gallery-slider--sync-right .slider-nav {
    float: left
}

.gallery-slider--sync-right .slider-for {
    margin-right: 15px
}

.gallery-slider--sync-right .slider-nav {
    margin-left: 5px
}

.product-gallery .slick-dots button {
    background-color: transparent;
    border-width: 2px;
    border-color: #78cccd
}

.product-gallery .slick-dots .slick-active button {
    background-color: #78cccd
}

.product-accordion .panel {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.product-accordion .panel + .panel {
    margin-top: 0;
    border-top: 0
}

.product-accordion .panel-heading {
    padding: 0;
    background-color: #fff;
    border-color: #ddd
}

.product-accordion p {
    margin: 0
}

.product-accordion.panel-group {
    margin-bottom: 0
}

.panel-title__link {
    position: relative;
    display: block;
    padding: 15px
}

.panel-title__link .fa {
    font-size: 14px;
    font-size: 1.4rem;
    position: absolute;
    top: 0;
    display: block;
    width: 52px;
    height: 52px;
    font-weight: 400;
    line-height: 52px;
    text-align: center
}

.collapsed .fa-minus:before {
    content: "\f067"
}

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

.panel-body {
    color: #474747
}

.size-guide-image {
    margin-top: 10px
}

.product-accordion--style1 .panel-body, .product-accordion--style1 .panel-title__link {
    padding-left: 67px
}

.product-accordion--style1 .fa {
    left: 0;
    border-right: 1px solid #ddd
}

.product-accordion--style2 .fa {
    right: 0;
    border-left: 1px solid #ddd
}

.product-accordion--style3, .product-accordion--style4 {
    border: 1px solid #ddd
}

.product-accordion--style3 .panel-default:first-child, .product-accordion--style4 .panel-default:first-child, .product-accordion--style6 .panel-heading + .panel-collapse > .panel-body {
    border-top: 0
}

.product-accordion--style3 .panel-default, .product-accordion--style4 .panel-default {
    margin: 0 20px;
    border-right: 0;
    border-left: 0
}

.product-accordion--style3 .panel-default:last-child, .product-accordion--style4 .panel-default:last-child {
    border-bottom: 0
}

.product-accordion--style3 .panel-body, .product-accordion--style3 .panel-title__link {
    padding-left: 32px
}

.product-accordion--style4 .panel-body, .product-accordion--style4 .panel-title__link, .product-accordion--style5 .panel-body, .product-accordion--style5 .panel-title__link {
    padding-right: 0;
    padding-left: 0
}

.product-accordion--style3 .fa {
    left: -17px
}

.product-accordion--style4 .fa {
    right: -17px
}

.product-accordion--style5 .panel-default {
    border-right: 0;
    border-left: 0
}

.product-accordion--style5 .panel-body {
    color: #606060
}

.product-accordion--style5 .fa {
    right: -15px
}

.product-accordion--style6 .panel {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0
}

.product-accordion--style6 .panel + .panel {
    margin-top: 10px
}

.product-tabs .nav-tabs, .product-tabs p {
    margin: 0
}

.product-accordion--style6 .panel-title__link {
    background-color: #f1f1f1
}

.product-accordion--style6 .fa {
    right: 0
}

.product-tabs a[role=tab]:hover {
    color: #2d2d2d;
    border-color: #ddd
}

.tab-content {
    padding: 20px 0;
    border: 1px solid #ddd;
    border-top: 0
}

.product-tabs--style01 li a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-right: 0;
    border-color: #ddd;
    border-left: 0
}

.product-tabs--style01 li:first-child a {
    border-left: 1px solid #ddd
}

.product-tabs--style01 li.active a, .product-tabs--style01 li.active a:active, .product-tabs--style01 li.active a:focus, .product-tabs--style01 li.active a:hover {
    border-left: 0
}

.product-tabs--style01 li.active:first-child a {
    border-left: 1px solid #ddd
}

.product-tabs--style02 li a[role=tab] {
    -webkit-transition: color .25s ease-out, border-color .25s ease-out;
    -moz-transition: color .25s ease-out, border-color .25s ease-out;
    -ms-transition: color .25s ease-out, border-color .25s ease-out;
    -o-transition: color .25s ease-out, border-color .25s ease-out;
    transition: color .25s ease-out, border-color .25s ease-out;
    padding: 8px 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    border: 1px solid transparent;
    border-bottom: 1px solid #ddd
}

.product-tabs--style02 li a[role=tab]:hover {
    color: #78cccd;
    background-color: transparent;
    border: 1px solid transparent
}

.product-tabs--style02 li.active a, .product-tabs--style02 li.active a:active, .product-tabs--style02 li.active a:focus, .product-tabs--style02 li.active a:hover {
    color: #78cccd;
    border: 1px solid transparent;
    border-bottom-color: #78cccd
}

.product-tabs--style02 .tab-content {
    padding-right: 0;
    padding-left: 0;
    border: 0
}

.product-tabs--style03 .nav-tabs {
    border-bottom: 0
}

.product-tabs--style03 .nav-tabs--center li {
    float: none;
    display: inline-block
}

.product-tabs--style03 .nav-tabs--right li {
    float: right
}

.product-tabs--style03 .nav-tabs--right li a {
    margin: 0 0 0 5px
}

.product-tabs--style03 li {
    margin-bottom: 0
}

.alert-container {
    position: fixed;
    z-index: 1000;
    top: 75px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.alert {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0
}

.alert .close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2
}

.related-section-header {
    margin: 0 0 50px;
    width: 100%;
    text-align: center
}

.related-section-header--full .related-section-header__text {
    position: relative
}

.related-section-header__title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0;
    font-weight: 400
}

.related-product-section .slick-arrow {
    margin-top: -35px
}

.related-product-section .arrow-next .fa, .related-product-section .arrow-prev .fa {
    top: -8px
}

@media only screen and (max-width: 1200px) {
    .related-product-section {
        overflow: visible
    }

    .related-product-section .arrow-prev {
        left: -22px
    }

    .related-product-section .arrow-next {
        right: -22px
    }

    .related-product-section .slick-slide img {
        display: initial
    }
}

[class*=" spr-icon-"]:before, [class^=spr-icon-]:before {
    color: #ffb300
}

.spr-starrating .spr-icon-star-empty:before, .spr-starratings .spr-icon-star-empty:before {
    color: #999
}

.spr-icon-star-empty.spr-icon-star-hover:before {
    color: #ffb300
}

.spr-header-title {
    display: none
}

.spr-header {
    margin-top: 10px
}

.spr-summary-caption {
    color: #999
}

.spr-form-title {
    font-weight: 500;
    letter-spacing: 2px
}

.spr-form-label {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin-bottom: .8rem;
    font-weight: 300
}

.spr-icon {
    font-size: 14px;
    font-size: 1.4rem
}

.product-detail-wrapper #nhanh-product-reviews {
    margin: 0
}

.product-detail-wrapper .spr-form-input-email, .product-detail-wrapper .spr-form-input-text, .product-detail-wrapper .spr-form-input-textarea {
    -webkit-transition: border-color .35s ease-out;
    -o-transition: border-color .35s ease-out;
    transition: border-color .35s ease-out;
    padding: .8rem 1.2rem;
    max-width: 480px;
    color: #999
}

.product-detail-wrapper .spr-form-input-email:focus, .product-detail-wrapper .spr-form-input-text:focus, .product-detail-wrapper .spr-form-input-textarea:focus {
    outline: 0;
    border-color: #78cccd
}

.product-detail-wrapper .spr-button-primary {
    float: left
}

.product-tabs--style01 .spr-container {
    border: 0
}

.filter {
    margin-bottom: 2rem;
    min-height: 5rem
}

.filter__title {
    position: relative;
    padding-bottom: .5rem;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd
}

.filter__title a {
    color: #000
}

.filter__title a:before {
    content: "\f068";
    font-family: Font Awesome\ 5 Free;
    font-weight: 400;
    font-style: normal;
    font-size: 1.3rem;
    margin-right: 2rem
}

.filter__title a.collapsed:before {
    content: "\f067"
}

.filter__clear {
    display: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: absolute;
    right: 0;
    padding: 0;
    border: none;
    outline: 0;
    box-shadow: none;
    font-weight: 400;
    background: 0 0;
    color: #888;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 2.4rem
}

.filter__clear:active, .filter__clear:focus, .filter__clear:hover {
    color: #78cccd
}

.filter__clear-all {
    display: none;
    background-color: transparent;
    border: 1px solid #000;
    color: #000
}

.filter__clear-all:active, .filter__clear-all:focus, .filter__clear-all:hover {
    background-color: #000;
    color: #fff
}

.filter__clear-all.filter__clear-all--active {
    display: inline-block
}

.filter--tag li, .filter__clear--active {
    display: inline
}

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

.filter--size li a, .filter--tag li a {
    padding: 8px 15px;
    margin-right: 5px;
    margin-bottom: 7px;
    line-height: 1
}

.filter--tag li a {
    display: inline-block;
    border: 1px solid #000;
    transition: all .2s ease
}

.filter--tag li a:active, .filter--tag li a:focus, .filter--tag li a:hover, .filter--tag li.filter__item--active a {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.filter--size li {
    display: inline
}

.filter--size li a {
    display: inline-block;
    background: 0 0;
    border: 1px solid #000;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease
}

.filter--size li a:active, .filter--size li a:focus, .filter--size li a:hover, .filter--size li.filter__item--active a {
    background-color: #000;
    border-color: #000;
    color: #fff
}

.filter--category li a, .filter--vendor li a {
    display: block;
    padding: .2rem 0;
    text-transform: uppercase;
    font-size: 1.2rem
}

.filter--category .filter__item--active, .filter--vendor .filter__item--active {
    position: relative;
    color: #78cccd
}

.filter--category .filter__item--active a:after, .filter--vendor .filter__item--active a:after {
    content: '\f00d';
    font-family: Font Awesome\ 5 Free;
    font-weight: 400;
    position: absolute;
    right: 0;
    font-style: normal;
    font-size: 1.3rem
}

.filter--color li {
    display: inline-block;
    margin-right: .5rem
}

.filter--color li a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color .3s ease-out, box-shadow .3s ease-out;
    -moz-transition: border-color .3s ease-out, box-shadow .3s ease-out;
    -ms-transition: border-color .3s ease-out, box-shadow .3s ease-out;
    -o-transition: border-color .3s ease-out, box-shadow .3s ease-out;
    transition: border-color .3s ease-out, box-shadow .3s ease-out;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    clip: rect(0 0 0 0);
    border: 1px solid #ddd
}

.filter--color li a:active, .filter--color li a:focus, .filter--color li a:hover {
    -webkit-box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    border-color: #000
}

.filter--color li .color-holder {
    display: inline-block;
    width: 2.8rem;
    height: 2.8rem;
    text-indent: -9000px;
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #fff
}

.collection-sidebar--full-layout, .posts--masonry .blog__media:after {
    display: none
}

.filter--color li.filter__item--active a {
    -webkit-box-shadow: 0 0 2px #000;
    -moz-box-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #000;
    border-color: #000
}

#filter-drawer {
    background-color: #f5f5f5
}

#filter-drawer .sidr-inner {
    min-height: 100%;
    padding: 40px 20px;
    text-align: left
}

.filter-drawer__close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 1rem
}

.page-loading {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .8);
    font-size: 2.5rem;
    color: #888
}

.page-loading .loading {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.mfp-wrap--size .mfp-content {
    max-width: 768px;
    margin-top: 50px;
    margin-bottom: 50px
}

@media only screen and (max-width: 989px) {
    .mfp-wrap--size .mfp-content {
        max-width: 691px
    }
}

.mfp-quick-view {
    background-color: #fff
}

.mfp-quick-view .product-page__content {
    padding-top: 30px;
    padding-bottom: 30px
}

.mfp-quick-view .gallery-slider--single .slick-current {
    cursor: default
}

.mfp-with-animation .mfp-quick-view {
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    -webkit-transform: scale(.85, .85);
    -ms-transform: scale(.85, .85);
    transform: scale(.85, .85)
}

.mfp-with-animation.mfp-ready .mfp-quick-view {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

.mfp-with-animation.mfp-ready.mfp-bg {
    opacity: .85
}

.mfp-with-animation.mfp-removing .mfp-quick-view {
    opacity: 0;
    -webkit-transform: scale(.85, .85);
    -ms-transform: scale(.85, .85);
    transform: scale(.85, .85)
}

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

.mfp-with-animation.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .4s ease-out;
    -o-transition: opacity .4s ease-out;
    transition: opacity .4s ease-out
}

.ps > .ps__scrollbar-y-rail {
    z-index: 1000
}

.page__header {
    padding: 8rem 0;
    background-color: #f5f5f5;
    margin-bottom: 6rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.page__header.not__found {
    background-color: #fff;
    padding: 0
}

.page__header--small {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.page__title {
    font-size: 4rem;
    margin-top: 1rem;
    margin-bottom: 1rem
}

.page__title--404 {
    text-transform: uppercase;
    font-weight: 300
}

.page__title--404 b, .title__404 {
    font-weight: 900
}

.title__404 {
    margin-top: 0;
    font-size: 8rem;
    letter-spacing: 5px
}

.template-404 .page__header {
    padding-bottom: 0
}

.template-404 .page__header img {
    height: auto
}

.page-content {
    padding-top: 3rem
}

.posts .blog__readmore__btn {
    font-size: 1.4rem;
    font-weight: 700
}

.posts .blog__title {
    margin-bottom: 5px
}

.posts .blog__tags {
    color: #999
}

.posts .blog__footer {
    padding-top: 10px
}

.posts--masonry .blog__media img, .posts--masonry .blog__media svg {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    transform: translate(0, 0)
}

.single-post .blog__tags {
    color: #ababab
}

.single-post .social-sharing {
    margin-bottom: 20px
}

.entry__featured-image img {
    display: block;
    width: 100%
}

.entry__title {
    margin: 3rem 0 2rem;
    font-size: 2.4rem
}

.entry__meta {
    margin-bottom: 3rem
}

.entry__meta p {
    margin: 0
}

.entry__meta b {
    color: #78cccd
}

.entry__footer {
    margin-top: 4rem;
    border-bottom: 1px solid #ddd;
    line-height: 4rem
}

.contact-form label {
    display: none
}

.contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text], .form-subrice input, .contact-form input[type=number] {
    padding: .8rem 1rem 1rem
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .contact-form input[type=email], .contact-form input[type=tel], .contact-form input[type=text] {
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media only screen and (max-width: 749px) {
    .mfp-wrap--size .mfp-content {
        max-width: 614px
    }

    .rte--has-mb3x {
        margin-bottom: 30px
    }
}

.form-search .input-group {
    position: relative
}

.search__input {
    padding-right: 10rem;
    height: 4rem
}

.search__submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 4rem;
    padding-top: .9rem
}

.cart table {
    margin-bottom: 3rem
}

.cart thead {
    text-transform: uppercase
}

.cart--empty .icon {
    width: 100px;
    height: 100px
}

.cart__icon {
    color: #ddd
}

.cart__text {
    margin: 3rem 0
}

.cart__item__name {
    font-weight: 700
}

.cart__item__variant {
    margin: 5px 0;
    color: #888
}

.variant-label {
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize
}

.cart__note label, .cart__total__label, .cart__total__value, .form-password h4, .opening-soon {
    text-transform: uppercase
}

.variant-value {
    display: inline-block;
    margin-left: 0;
    margin-right: 1rem
}

.cart__item__vendor {
    margin: .5rem 0;
    font-style: italic;
    color: #888
}

.input-quantity .icon {
    width: 2.5rem;
    height: 2.5rem
}

.input-quantity input[type=number] {
    -webkit-appearance: none;
    appearance: none;
    height: 4rem;
    width: 4rem;
    text-align: center;
    -moz-appearance: textfield
}

.cart__action, .cart__total {
    text-align: right
}

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

.input-quantity input[type=number]:focus {
    border: 1px solid #78cccd;
    outline: 0
}

.input-quantity__button {
    background-color: transparent;
    outline: 0;
    border: none
}

.cart__note {
    margin-bottom: 3rem
}

.cart__note label {
    display: block;
    font-weight: 700
}

.cart__note textarea {
    display: block;
    width: 100%;
    margin: 2rem 0;
    padding: 1.5rem;
    min-height: 15rem
}

.cart__note textarea:focus {
    border-color: #78cccd
}

.cart__total__value {
    margin: 1rem 0 0;
    font-size: 2em;
    font-weight: 700
}

.cart__total__label {
    font-weight: 700
}

.cart__action {
    margin: 4rem 0 3rem
}

.template-password {
    text-align: center;
    padding-top: 15rem
}

@media only screen and (max-width: 749px) {
    .template-password {
        padding-top: 10rem
    }
}

.template-password .social-sharing {
    text-align: center;
    margin-top: 3rem
}

.template-password footer {
    margin-top: 3rem
}

.template-password h1 {
    margin-top: 0;
    margin-bottom: 1rem
}

.template-password .form input[type=email] {
    margin-bottom: 1rem;
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.opening-soon {
    margin-top: 0;
    margin-bottom: 3rem
}

.form-comming-soon .input-group {
    position: relative
}

.form-comming-soon .input-group input[type=email] {
    padding-right: 13rem;
    height: 4rem
}

.form-comming-soon .input-group .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 4rem
}

.comming-soon-switch {
    position: fixed;
    top: 1rem;
    right: 1rem;
    padding: 1rem;
    border-radius: 2px;
    border: 1px solid #ddd;
    background-color: #fff
}

.comming-soon-switch .icon {
    width: 1.6rem;
    height: 1.6rem;
    vertical-align: top
}

.storefront-password {
    background-color: #f7f7f7
}

.storefront-password .mfp-content {
    position: initial;
    text-align: center
}

.form-password {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto
}

.form-password label {
    display: none
}

.form-password .input-group {
    position: relative
}

.form-password .input-group input[type=password] {
    height: 4rem
}

.form-password .input-group .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 4rem
}

.collection-content .grid {
    margin-top: 30px
}

.wishlist-product {
    margin: 3rem 0 0;
    padding: 0;
    list-style: none
}

.wishlist-product::after {
    content: '';
    display: table;
    clear: both
}

.wishlist-product li {
    padding: 15px 0;
    position: relative;
    list-style: none;
    display: table;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ddd
}

.wishlist-product li > div {
    display: table-cell;
    vertical-align: middle
}

.wishlist-product li.first {
    font-weight: 400;
    background: #fff;
    border-bottom: none;
    text-transform: uppercase;
    letter-spacing: 1px
}

.product-basic-info {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.wishlist-product .product-img {
    width: 10%;
    padding: 0 15px
}

@media only screen and (max-width: 749px) {
    .wishlist-product li > div {
        display: block;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto
    }

    .wishlist-product li.first .product-name {
        margin-bottom: 0
    }

    .wishlist-product li.first .product-add, .wishlist-product li.first .product-img, .wishlist-product li.first .product-price, .wishlist-product li.first .product-remove, .wishlist-product li.first .product-status {
        display: none
    }

    .wishlist-product .product-img {
        width: 160px
    }
}

.wishlist-product .product-name {
    width: 35%;
    text-align: left
}

@media only screen and (max-width: 749px) {
    .wishlist-product .product-name {
        width: auto;
        text-align: center;
        font-weight: 600
    }
}

.wishlist-product .product-price {
    width: 14%;
    text-align: center
}

@media only screen and (max-width: 749px) {
    .wishlist-product .product-price {
        width: auto
    }
}

.wishlist-product .product-status {
    width: 12%;
    text-align: center
}

@media only screen and (max-width: 749px) {
    .wishlist-product .product-status {
        width: auto
    }
}

.wishlist-product .product-add {
    width: 20%;
    text-align: center
}

@media only screen and (max-width: 749px) {
    .wishlist-product .product-add {
        width: auto
    }
}

.wishlist-product .product-remove {
    width: 10%;
    padding: 1rem;
    text-align: center
}

.product-add .added, .product-add .adding, .product-add .interactive-item--adding .add, .product-add .interactive-item--adding .added {
    display: none
}

.product-add .interactive-item--adding .adding {
    display: inline-block
}

.product-add .interactive-item--added .add, .product-add .interactive-item--added .adding {
    display: none
}

.product-add .interactive-item--added .added {
    display: inline-block
}

.product-page__header {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #f1f1f1
}

.product-page__content {
    padding-top: 50px
}

.product-page__content .social-sharing {
    margin-top: 30px
}

.medium-up--pull-one-half .social-sharing {
    text-align: left
}

.list-collections-item__content, .list-collections__title, .product-info-wrapper--full, .social-sharing-wrapper--full .social-sharing, .stock__label {
    text-align: center
}

.medium-up--pull-one-half .social-sharing a {
    margin-right: .5rem;
    margin-left: 0
}

@media only screen and (max-width: 749px) {
    .wishlist-product .product-remove {
        width: auto;
        margin-bottom: 0
    }

    .product-page__content {
        padding-top: 40px
    }

    .medium-up--pull-one-half .social-sharing {
        text-align: center
    }

    .medium-up--pull-one-half .social-sharing a {
        margin: 0 .25rem
    }
}

@media only screen and (max-width: 479px) {
    .medium-up--pull-one-half .social-sharing a {
        margin: 0
    }
}

.product-gallery-wrapper--full .gallery-slider--center .arrow-prev {
    left: 20px
}

.product-gallery-wrapper--full .gallery-slider--center .arrow-next {
    right: 20px
}

.product-info-wrapper .spr-badge {
    font-size: 12px;
    font-size: 1.2rem;
    margin: 5px 0 15px
}

.product-info-wrapper--full .swatch-element {
    display: inline-block;
    float: none;
    margin: 0 5px 10px
}

.product-info__title {
    font-size: 30px;
    font-size: 3rem;
    margin: 0
}

@media only screen and (max-width: 749px) {
    .product-info__title {
        font-size: 26px;
        font-size: 2.6rem;
        margin-top: 30px
    }
}

.product-info-wrapper--full .product-info__title {
    margin-top: 40px
}

.product-info__price {
    margin: 10px 0 0
}

.product-info__price s {
    font-size: 16px;
    font-size: 1.6rem;
    color: #999;
    margin-left: 15px
}

.product-info__price--current {
    font-size: 25px;
    color: red;
    font-weight: 700
}

.product-basic-info {
    padding: 20px 0 15px
}

.product-basic-info__item {
    position: relative;
    margin: 0 0 5px;
    padding-left: 8em;
    text-transform: capitalize
}

.product-basic-info__item .label {
    position: absolute;
    left: 0;
    font-weight: 500;
    color: #000
}

.product-basic-info__item .content {
    position: relative;
    text-transform: none
}

@media only screen and (max-width: 749px) {
    .product-basic-info__item {
        padding-left: 0
    }

    .product-basic-info__item .label {
        position: relative
    }

    .product-basic-info__item .content {
        position: relative;
        left: auto
    }
}

.product-info-wrapper--full .product-basic-info__item .content {
    position: relative;
    left: auto
}

.product-basic-info__item .content.info {
    color: #31708f
}

.product-basic-info__item .content.success {
    color: #3c763d
}

.product-basic-info__item .content.error {
    color: #a94442
}

.product-basic-info__item .content.warning {
    color: #f0ad4e
}

.product-basic-info__item .content.disable {
    color: #767676
}

.product-form-wrapper {
    float: left;
    width: 100%
}

.stock {
    display: none
}

.stock__label {
    display: inline-block;
    margin: 0;
    padding: 0 30px;
    height: 40px;
    font-weight: 600;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid transparent;
    border-radius: 9999px
}

.out-of-stock .stock__label {
    color: #a94442;
    border-color: #a94442
}

.unavailable .stock__label {
    color: #767676;
    border-color: #767676
}

.product-action-wrapper {
    margin-top: 25px;
    float: left;
    width: 100%
}

.product-action-wrapper .input-group {
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle
}

@media only screen and (max-width: 1399px) {
    .product-action-wrapper .input-group {
        margin-right: 0
    }
}

@media only screen and (max-width: 479px) {
    .product-action-wrapper .input-group {
        display: block
    }
}

.product-action-wrapper .input-group > * {
    float: left
}

.product-action-wrapper .input-quantity .input-quantity__value {
    font-size: 14px;
    font-size: 1.4rem;
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 60px;
    padding: 1rem 1.4rem;
    line-height: 1.5;
    text-align: center
}

.quantity-button {
    padding-right: 1.4rem;
    padding-left: 1.4rem;
    background-color: transparent;
    border-color: #ddd;
    color: #999
}

.quantity-button .fa {
    position: relative;
    top: 1px;
    left: 1px
}

.quantity-button:hover {
    background-color: transparent;
    color: #2d2d2d
}

.quantity-button:active, .quantity-button:focus {
    color: #999
}

.quantity-button.quantity-button--minus {
    border-right: 0
}

.quantity-button.quantity-button--plus {
    border-left: 0
}

.product-detail-wrapper--inside .product-accordion, .product-detail-wrapper--inside .product-tabs {
    margin-top: 30px
}

.product-detail-wrapper--outside .product-accordion, .product-detail-wrapper--outside .product-tabs {
    margin-top: 60px
}

.related-product {
    margin-top: 50px;
    padding-top: 40px;
    border-top: 1px solid #ddd
}

.social-sharing-wrapper--full .social-sharing a {
    margin: 0 .25rem
}

@media only screen and (max-width: 989px) {
    .btn--add-to-cart {
        padding-right: 3rem;
        padding-left: 3rem
    }
}

@media only screen and (max-width: 479px) {
    .product-action-wrapper .input-quantity .input-quantity__value {
        max-width: none;
        width: -webkit-calc(100% - 84px);
        width: -moz-calc(100% - 84px);
        width: calc(100% - 84px)
    }

    .btn--add-to-cart {
        display: block;
        width: 100%;
        margin-top: 10px
    }
}

.btn--add-to-cart .adding, .btn--adding .add {
    display: none
}

.btn--adding {
    background-color: #ddd
}

.btn--adding .adding {
    display: inline-block
}

.btn--adding .adding .fa {
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.add-to-cart-feedback {
    margin-top: 10px
}

.add-to-cart-feedback--success {
    color: #3c763d
}

.add-to-cart-feedback--success a {
    font-weight: 500;
    color: #3e8eb5
}

.add-to-cart-feedback--success a:hover {
    color: #31708f
}

.add-to-cart-feedback--error {
    color: #a94442
}

.add-to-cart-feedback--error strong {
    color: #843534
}

.list-collections-section {
    padding: 50px 0
}

.list-collections__title {
    font-size: 24px;
    font-size: 2.4rem;
    margin: 0 0 30px;
    text-transform: uppercase;
    letter-spacing: .2em
}

.list-collections-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.list-collections-item:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.list-collections-item .rec-fill {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.list-collections-item a:hover {
    color: currentcolor
}

.list-collections-item a:hover .list-collections-item__image:after {
    opacity: .85;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1)
}

@media only screen and (max-width: 1024px) {
    .list-collections-item a:hover .list-collections-item__image:after {
        opacity: 0
    }
}

.list-collections-item a:hover .list-collections-item__content {
    opacity: 1
}

.list-collections-item__image {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: transform .35s ease-in-out;
    -o-transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #efefef;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: -1
}

.list-collections-item__image .placeholder-svg {
    border: 0
}

.list-collections-item__image:after {
    opacity: 0;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.list-collections-item__content {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: opacity .2s ease-in-out .2s;
    -o-transition: opacity .2s ease-in-out .2s;
    transition: opacity .2s ease-in-out .2s;
    position: absolute;
    top: 50%;
    left: 50%
}

@media only screen and (max-width: 1024px) {
    .list-collections-item__content {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 1rem 3rem 1.5rem;
        background-color: rgba(255, 255, 255, .85)
    }
}

.list-collections-item__title {
    font-size: 20px;
    font-size: 2rem;
    margin: 0 0 10px;
    font-weight: 500;
    letter-spacing: 2px
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .list-collections-item__title {
        margin-bottom: 5px
    }
}

@media only screen and (max-width: 749px) {
    .list-collections-item__content {
        padding: .5rem 1.5rem 1rem
    }

    .list-collections-item__title {
        margin-bottom: 0
    }
}

@media (max-width: 812px) {
    .site-logo img {
        max-height: 68px
    }
}

@media (max-width: 480px) {
    .site-logo img {
        margin-top: 5px
    }
}

.list-collections-item__products-count {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999
}

div[class*="-fifth"] .list-collections-item__title {
    font-size: 18px;
    font-size: 1.8rem
}

div[class*="-fifth"] .list-collections-item__products-count {
    font-size: 13px;
    font-size: 1.3rem
}

div[class*="-sixth"] .list-collections-item__title {
    font-size: 16px;
    font-size: 1.6rem
}

div[class*="-sixth"] .list-collections-item__products-count {
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0
}

.nav-stacked {
    border: 1px solid #ddd
}

.nav-stacked li {
    border-bottom: 1px solid #ddd
}

.nav-stacked li a {
    border-radius: 0
}

.nav-stacked li:last-child {
    border-bottom: none
}

.nav-stacked li + li {
    margin-top: 0
}

.account__title {
    background-color: #f7f7f7;
    padding: 0
}

.account__no-order {
    border: 2px solid #f0ad4e;
    border-radius: 0;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 14px 25px 14px 55px;
    line-height: 1.4;
    position: relative;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #f0ad4e;
    background-color: rgba(0, 0, 0, 0)
}

.account__no-order:before {
    position: absolute;
    top: 50%;
    line-height: 0;
    font-size: 18px;
    font-family: Font Awesome\ 5 Free;
    content: "\f071";
    left: 24px
}

.account__address-counter {
    margin-top: 15px
}

.order-metadata h2, .order-metadata p {
    display: inline-block;
    margin: 0;
    padding: 0
}

.return-link-wrapper {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 15px
}

.return-link-wrapper .fa {
    font-size: 14px;
    font-size: 1.4rem;
    margin-right: 4px
}

.address-edit-form-wrapper, .address-new-form-wrapper {
    margin-top: 20px;
    padding: 20px 30px;
    border: 1px solid #ddd
}

@media only screen and (min-width: 750px) and (max-width: 989px) {
    .address-edit-form-wrapper, .address-new-form-wrapper {
        padding: 15px
    }
}

.address-form__title {
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase
}

.select--address-form {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 100%;
    height: 40px;
    margin-bottom: 2rem;
    padding: .8rem 1rem
}

.checkbox--set-default {
    margin: 1rem 0
}

.address--cancel {
    background-color: #767676
}

.address--cancel:hover {
    background-color: #5d5d5d
}

.address-wrapper {
    position: relative;
    margin-top: 3rem
}

.address__buttons {
    position: relative;
    margin-top: 1rem;
    text-align: right
}

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

.address__default-text {
    font-size: 10px;
    font-size: 1rem;
    display: inline-block;
    padding: .3rem 1rem;
    position: absolute;
    bottom: 100%;
    left: 0;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    background-color: #3c763d
}

.address-delete {
    background-color: #a94442
}

.address-delete:hover {
    background-color: #843534
}

.interactive-group, .product-image::after {
    visibility: hidden
}

.interactive-group > * {
    visibility: visible
}

#youtube-home {
    width: 100%;
    height: 700px
}

@media screen and (max-width: 480px) {
    #youtube-home {
        height: 300px !important
    }
}

#js-newsletter-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

#tab-title-video {
    display: none;
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .sidebar__content .site-logo img {
        height: 90px;
    }
    .sidebar__content .sidebar__nav {
        max-height: 200px;
    }
}