@charset "UTF-8";
body {
    margin: 0;
    background: #f9f9fc
}

* {
    box-sizing: border-box
}

.card {
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 4px
}

.card .card-title {
    padding: 10px 15px;
    border-bottom: 1px solid #ebedf2;
    font-weight: 500
}

.card .card-body {
    padding: 10px 15px;
    font-size: 13px;
    color: #000
}

.text-danger {
    color: #fd397a
}

.text-primary {
    color: #28453b
}

.inline-block {
    margin-right: 5px
}

.btn.btn-medium {
    font-size: 12px;
    line-height: normal
}

.btn.btn-link {
    color: #000;
    background: #fff;
    border-color: #dedede
}

.btn.btn-link:hover {
    border-color: #ebedf2!important;
    background-color: #f4f5f8!important
}

.btn.btn-small {
    padding: 3px 6px;
    font-size: 11px
}

.btn.btn-outline {
    color: #000;
    background: #fff;
    border-color: #000
}

.btn.btn-outline:hover {
    background-color: #fafafa!important
}

.btn.btn-primary {
    color: #fff;
    background-color: #28453b;
    border-color: #28453b
}

.btn.btn-primary:hover {
    background-color: #563414!important;
    border-color: #563414!important;
    color: #fff!important
}

.btn.btn-primary:disabled {
    cursor: not-allowed;
    background-color: #5d78ff;
    border-color: #5d78ff;
    opacity: .65
}

.btn .loading-icon {
    padding-left: 5px
}

.btn.btn-danger {
    color: #fff;
    background-color: #fd397a;
    border-color: #fd397a
}

.btn.btn-danger:hover {
    color: #fff;
    background-color: #fd1361;
    border-color: #fc0758
}

.btn.btn-green {
    width: 100%;
    color: #fff !important;
    background-color: #28453b !important;
    border-color: #28453b !important;
    font-size: 13px;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 4px
}

.btn.btn-green:hover {
    background: #563414
}

.btn.btn-green:disabled {
    cursor: not-allowed;
    opacity: .5
}

.btn.btn-white {
    width: 100%;
    color: #242424;
    background-color: #fff;
    border-color: #dedede;
    border-radius: 0;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding: 8px 0
}

.btn.btn-white:hover {
    background: #fafafa
}

@font-face {
    font-family: Aptima-Bold;
    src: url(/fonts/UTM-AptimaBold.62f5e570.woff)
}

@font-face {
    font-family: Aptima;
    src: url(/fonts/UTM-Aptima.b6fb7a88.woff)
}

*,
body {
    font-family: Aptima, sans-serif
}

body {
    background-color: #fff;
    color: #242424;
    overflow-x: hidden
}

.chat-button-wrapper {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .06), 0 2px 32px 0 rgba(0, 0, 0, .16);
    background: #76b51b
}

.chat-button-wrapper,
.chat-button-wrapper .chat-button {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.chat-button-wrapper .chat-button {
    cursor: pointer;
    transform-origin: center center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.chat-button-wrapper .chat-button.chat-button-icon-default {
    opacity: 1;
    transform: rotate(0) scale(1);
    transition: transform .16s linear 0s, opacity .08s linear 0s
}

.chat-button-wrapper .chat-button.chat-button-icon-default.open {
    opacity: 0;
    transform: rotate(30deg) scale(0)
}

.chat-button-wrapper .chat-button.chat-button-icon-close {
    opacity: 0;
    transform: rotate(-30deg);
    transition: transform .16s linear 0s, opacity .08s linear 0s
}

.chat-button-wrapper .chat-button.chat-button-icon-close.open {
    opacity: 1;
    transform: rotate(0)
}

.chat-button-wrapper .chat-button svg {
    position: absolute;
    fill: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.chat-button-wrapper .chat-container {
    z-index: 2147483000;
    position: fixed;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    opacity: 0;
    overflow: hidden;
    background: #fff;
    transition: bottom .15s linear 0s, opacity .2s linear 0s;
    pointer-events: none;
    width: 100%;
    height: 100%;
    bottom: 0;
    right: 0;
    bottom: -20px
}

@media (min-width:769px) {
    .chat-button-wrapper .chat-container {
        border-radius: 8px;
        bottom: 80px;
        right: 20px;
        width: 376px;
        min-height: 250px;
        max-height: 704px;
        height: calc(100% - 120px)
    }
}

.chat-button-wrapper .chat-container.open {
    opacity: 1;
    pointer-events: auto;
    bottom: 0
}

@media (min-width:769px) {
    .chat-button-wrapper .chat-container.open {
        bottom: 100px
    }
}

.chat-button-wrapper .chat-container .chat-header {
    height: 60px;
    background: #fff;
    position: relative;
    padding: 10px 15px 10px 65px;
    font-weight: 700;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16)
}

.chat-button-wrapper .chat-container .chat-header .close-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    cursor: pointer
}

@media (min-width:769px) {
    .chat-button-wrapper .chat-container .chat-header .close-icon {
        display: none
    }
}

.chat-button-wrapper .chat-container .chat-header .close-icon svg {
    fill: #737376
}

.chat-button-wrapper .chat-container .chat-header .sub-title {
    font-weight: 300;
    font-size: 12px;
    font-family: Aptima;
    color: #737376
}

.chat-button-wrapper .chat-container .chat-header .logo {
    position: absolute;
    top: 10px;
    width: 40px;
    height: 40px;
    left: 15px
}

.chat-button-wrapper .chat-container .chat-header .logo img {
    width: 100%;
    height: 100%
}

.chat-button-wrapper .chat-container .chat-message-form {
    height: 100%
}

.chat-button-wrapper .chat-container .chat-body {
    overflow: auto;
    padding: 30px
}

.chat-button-wrapper .chat-container .chat-body .chat-wrapper {
    margin-bottom: 10px
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble {
    font-family: Aptima;
    margin-bottom: 10px
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble.user-chat {
    text-align: right
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble.user-chat .chat-value-wrapper {
    width: 80%;
    text-align: right;
    display: inline-block
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble.user-chat .chat-value-wrapper .chat-value {
    background: #76b51b;
    text-align: left;
    color: #fff;
    max-width: 100%;
    width: auto
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble.user-chat .chat-time {
    text-align: right;
    color: rgba(255, 255, 255, .8)!important
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble .chat-value {
    padding: 17px 20px;
    color: #242424;
    background-color: #f5f5f5;
    border-radius: 5px;
    max-width: 80%;
    font-size: 16px;
    display: inline-block
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble .chat-value .chat-value-header {
    font-size: 10px;
    position: relative;
    margin-bottom: 5px
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble .chat-value .chat-time {
    font-size: 10px;
    color: #737376;
    margin-top: 5px;
    text-align: right
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble .chat-value .loading-line {
    width: 200px;
    background: #dedede;
    height: 10px;
    margin-bottom: 10px
}

.chat-button-wrapper .chat-container .chat-body .chat-bubble .chat-value .loading-line.truncate {
    width: 150px;
    margin-bottom: 0
}

@media (min-width:769px) {
    .chat-button-wrapper .chat-container .chat-body .chat-bubble .chat-value {
        font-size: 14px
    }
}

.chat-button-wrapper .chat-container .chat-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.chat-button-wrapper .chat-container .chat-bottom pre {
    font-size: 16px;
    padding: 18px 100px 18px 30px;
    margin: 0;
    max-height: 200px;
    font-family: Aptima;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    overflow: hidden
}

@media (min-width:769px) {
    .chat-button-wrapper .chat-container .chat-bottom pre {
        font-size: 14px
    }
}

.chat-button-wrapper .chat-container .chat-bottom .chat-bottom-input {
    width: 100%;
    height: 100%;
    border: 0;
    border-top: 1px solid #dedede;
    padding: 18px 100px 18px 30px;
    outline: none;
    font-size: 16px;
    resize: none;
    position: absolute;
    top: 0;
    left: 0;
    font-family: Aptima;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media (min-width:769px) {
    .chat-button-wrapper .chat-container .chat-bottom .chat-bottom-input {
        font-size: 14px
    }
}

.chat-button-wrapper .chat-container .chat-bottom .send-icon {
    position: absolute;
    top: 18px;
    right: 18px
}

.chat-button-wrapper .chat-container .chat-bottom .send-icon svg {
    fill: #76b51b
}

.chat-information-form {
    position: absolute;
    top: 75px;
    left: 0;
    width: 100%;
    height: calc(100% - 75px);
    background: #fff;
    z-index: 10;
    font-family: Aptima;
    padding: 30px
}

.chat-information-form .chat-box-title {
    font-size: 14px;
    margin-bottom: 24px
}

.data-table-mobile .data-table-wrapper {
    width: 100%;
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    color: #646c9a;
    font-weight: 500;
    font-size: 14px
}

.data-table-mobile .data-table-wrapper .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5)
}

.data-table-mobile .data-table-wrapper .loading-overlay .loading-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 169px;
    cursor: wait;
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);
    background: #fff;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500
}

.data-table-mobile .data-table-wrapper .loading-overlay .loading-box .loading-icon {
    padding-left: 10px
}

.data-table-mobile .data-table-wrapper .loading-overlay .loading-box .loading-icon i {
    color: #28453b;
    font-size: 14px
}

.data-table-mobile .data-table-wrapper .ge-table-header {
    width: 100%;
    display: flex
}

.data-table-mobile .data-table-wrapper .ge-table-header .label {
    position: relative
}

.data-table-mobile .data-table-wrapper .ge-table-header .label.sorting {
    color: #5d78ff
}

.data-table-mobile .data-table-wrapper .ge-table-header .label .sort-icon {
    position: absolute;
    right: -10px;
    font-weight: 600;
    font-size: 11px;
    bottom: 2px
}

.data-table-mobile .data-table-wrapper .ge-table-header .label .sort-icon.sort-up {
    transform: rotate(-180deg);
    bottom: -3px
}

.data-table-mobile .data-table-wrapper .ge-table-header .ge-col {
    padding: 10px;
    border-bottom: 1px solid #f0f3ff;
    border-top: 1px solid #f0f3ff;
    background-color: #fcfcfc;
    color: #000
}

.data-table-mobile .data-table-wrapper .ge-table-header .ge-col.has-sort-by {
    cursor: pointer
}

.data-table-mobile .data-table-wrapper .ge-table-header .ge-col:first-child {
    padding-left: 15px
}

.data-table-mobile .data-table-wrapper .ge-table-header .ge-col:last-child {
    padding-right: 25px
}

.data-table-mobile .data-table-wrapper .ge-table-body {
    background-color: #fff
}

.data-table-mobile .data-table-wrapper .ge-table-body .ge-row {
    width: 100%;
    background-color: #fff;
    display: flex;
    position: relative;
    transition: background .2s
}

.data-table-mobile .data-table-wrapper .ge-table-body .ge-row.no-data {
    padding: 10px 25px;
    border-bottom: 1px solid #edeef3
}

.data-table-mobile .data-table-wrapper .ge-table-body .ge-row.no-data:hover,
.data-table-mobile .data-table-wrapper .ge-table-body .ge-row:hover .ge-col {
    background: #f8f9fa
}

.data-table-mobile .data-table-wrapper .ge-table-body .ge-row .ge-col {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #edeef3;
    color: #000
}

.data-table-mobile .data-table-wrapper .ge-table-body .ge-row .ge-col:first-child {
    padding-left: 15px
}

.data-table-mobile .data-table-wrapper .ge-table-body .ge-row .ge-col:last-child {
    padding-right: 25px
}

.pagination-data-table {
    position: relative
}

.pagination-data-table .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5)
}

.pagination-data-table .loading-overlay .loading-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 169px;
    cursor: wait;
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);
    background: #fff;
    font-size: 14px;
    line-height: 40px;
    font-weight: 500
}

.pagination-data-table .loading-overlay .loading-box .loading-icon {
    padding-left: 10px
}

.pagination-data-table .loading-overlay .loading-box .loading-icon i {
    color: #28453b;
    font-size: 14px
}

.pagination-data-table .table-footer {
    padding: 15px 15px 25px
}

.pagination-data-table .table-footer .total {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #646c9a;
    padding-top: 10px;
    padding-right: 10px
}

@media (min-width:769px) {
    .pagination-data-table .table-footer .total {
        float: right;
        margin-bottom: 0
    }
}

.pagination .page-item {
    display: inline-block;
    font-size: 13px;
    border-radius: 3px;
    padding: 6px 10px;
    text-align: center;
    margin-right: 5px;
    background: transparent;
    color: #93a2dd;
    transition: all .25s;
    cursor: pointer;
    font-weight: 500
}

.pagination .page-item.page-button {
    background: #f0f3ff
}

.pagination .page-item.active,
.pagination .page-item:hover {
    background: #28453b;
    color: #fff
}

.pagination .page-item.disabled {
    cursor: not-allowed;
    background: #f0f3ff!important;
    opacity: .4;
    color: #93a2dd!important
}

.date-picker {
    position: relative;
    font-family: Aptima
}

.date-picker .calender-button {
    position: absolute;
    width: 33px;
    height: 33px;
    cursor: pointer;
    background: #fff;
    border-left: 1px solid #d1d7e2;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    text-align: center;
    font-size: 15px;
    line-height: 33px;
    top: 1px;
    right: 1px;
    transition: background .2s
}

.date-picker .calender-button:hover {
    background: #f4f5f8
}

.date-picker .datepicker-dropdown {
    position: absolute;
    display: block;
    top: 100%;
    z-index: 100;
    box-shadow: 0 0 50px 0 rgba(82, 63, 105, .15);
    background: #fff;
    padding: 10px
}

.date-picker .datepicker-dropdown .table-condensed tr th {
    text-align: center;
    width: 35px;
    height: 30px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: background .2s;
    font-size: 13px;
    color: #a1a8c3
}

.date-picker .datepicker-dropdown .table-condensed tr th.dow {
    cursor: auto
}

.date-picker .datepicker-dropdown .table-condensed tr th.dow:hover {
    background: #fff
}

.date-picker .datepicker-dropdown .table-condensed tr th:hover {
    background: #f7f8fa
}

.date-picker .datepicker-dropdown .table-condensed tr td {
    text-align: center;
    width: 35px;
    height: 30px;
    border-radius: 4px;
    border: none;
    font-weight: 400;
    transition: background .2s;
    font-size: 13px;
    color: #646c9a;
    cursor: pointer
}

.date-picker .datepicker-dropdown .table-condensed tr td.active {
    background: #28453b;
    color: #fff
}

.date-picker .datepicker-dropdown .table-condensed tr td.active:hover {
    background: #563414
}

.date-picker .datepicker-dropdown .table-condensed tr td.old {
    color: #c5cbe3
}

.date-picker .datepicker-dropdown .table-condensed tr td:hover {
    background: #f7f8fa
}

.date-picker .datepicker-dropdown .datepicker-months .datepicker-switch {
    width: 145px
}

.date-picker .datepicker-dropdown .datepicker-months tr td:hover {
    background: #fff!important
}

.date-picker .datepicker-dropdown .datepicker-months tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
    transition: background .2s
}

.date-picker .datepicker-dropdown .datepicker-months tr td span.active {
    background: #28453b;
    color: #fff
}

.date-picker .datepicker-dropdown .datepicker-months tr td span:hover {
    background: #f7f8fa
}

.checkbox {
    position: relative;
    padding-left: 30px;
    margin-bottom: 24px;
    font-family: Aptima;
    font-size: 14px
}

.checkbox label {
    cursor: pointer
}

.checkbox .checkbox-value {
    transition: all .2s;
    border: 1px solid #d1d7e2;
    width: 18px;
    height: 18px;
    background: #fff;
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    border-radius: 3px
}

.checkbox .checkbox-value.checked {
    border-color: #28453b
}

.checkbox .checkbox-value.checked .fa-check {
    display: inline
}

.checkbox .checkbox-value .fa-check {
    display: none;
    position: absolute;
    font-size: 11px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #28453b
}

.radio {
    margin-bottom: 5px
}

.radio .checkbox-value {
    border-radius: 50%
}

.radio .checkbox-value .radio-value {
    width: 10px;
    height: 10px;
    background: #28453b;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

.select {
    font-family: Aptima;
    position: relative
}

.select.has-error .select-text {
    border-color: #fd397a!important
}

.select.focus .select-text {
    border-color: #28453b
}

.select.focus .select-text .sort-icon {
    color: #28453b
}

.select .select-text {
    width: 100%;
    padding: 0 15px;
    border-radius: 2px;
    border: 1px solid #d1d7e2;
    transition: all .2s ease;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    font-size: 14px;
    color: #262626;
    background: #fff
}

.select .select-text .sort-icon {
    position: absolute;
    right: 15px;
    top: 12px
}

.select .select-text .remove-icon {
    right: 35px
}

.select .select-dropdown {
    width: 100%;
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);
    position: absolute;
    background: #fafafa;
    top: 35px;
    left: 0;
    font-size: 12px;
    z-index: 10;
    max-height: 200px;
    overflow: auto;
    border: 1px solid #d1d7e2;
    border-top: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.select .select-dropdown .dropdown-item {
    padding: .7rem 1.2rem;
    color: #242424;
    transition: all .2s;
    display: block;
    cursor: pointer
}

.select .select-dropdown .dropdown-item.active {
    color: #28453b
}

.select .select-dropdown .dropdown-item:hover {
    color: #28453b;
    background-color: #f8f9fa
}

.time-picker {
    font-family: Aptima
}

.time-picker .input-picker {
    display: inline-block;
    position: relative
}

.time-picker .input-picker:first-child {
    padding-right: 5px
}

.time-picker .input-picker:last-child {
    padding-left: 5px
}

.time-picker .input-picker .form-control {
    text-align: center
}

.time-picker .input-picker i {
    cursor: pointer;
    font-size: 24px;
    color: #5e72e4;
    font-weight: 700
}

.time-picker .input-picker .fa-angle-up {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.time-picker .input-picker .fa-angle-down {
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.time-picker .input-picker .form-control {
    width: 50px
}

.filter-panel {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 15px
}

.filter-panel .filter {
    width: 50%;
    padding: 0 10px 10px 0
}

@media (min-width:769px) {
    .filter-panel .filter {
        max-width: 300px
    }
}

.input-discount {
    padding-right: 59px;
    position: relative
}

.input-discount .btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-size: 12px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    text-transform: none;
    width: 60px
}

.input-discount .btn .loading-icon {
    padding-left: 0!important
}

.lona-input {
    position: relative;
    width: 100%;
    margin-bottom: 24px;
    font-family: Aptima
}

.lona-input .top-info {
    position: absolute;
    top: -18px;
    right: 0;
    cursor: pointer;
    font-size: 11px;
    color: #28453b
}

.lona-input.has-error .label {
    color: #fd397a!important
}

.lona-input.has-error input,
.lona-input.has-error textarea {
    border-color: #fd397a!important
}

.lona-input.focus input,
.lona-input.focus textarea {
    border-color: #28453b
}

.lona-input.focus .bar:after,
.lona-input.focus .bar:before {
    width: 50%
}

.lona-input.focus .label {
    top: 0;
    font-size: 11px;
    color: #28453b
}

.lona-input .error {
    color: #fd397a
}

.lona-input .error,
.lona-input .info {
    position: absolute;
    font-size: 10px;
    bottom: -15px
}

.lona-input .info {
    color: #28453b
}

.lona-input.has-value .bar:after,
.lona-input.has-value .bar:before {
    width: 50%
}

.lona-input.has-value .label {
    top: 0;
    font-size: 11px
}

.lona-input input,
.lona-input textarea {
    width: 100%;
    font-size: 14px;
    padding: 10px 15px;
    outline: none;
    color: #262626;
    border-radius: 2px;
    border: 1px solid #d1d7e2;
    transition: all .2s ease;
    background: #fff
}

.lona-input input:-moz-read-only,
.lona-input textarea:-moz-read-only {
    background-color: #f1f2f3;
    font-weight: 700
}

.lona-input input:read-only,
.lona-input textarea:read-only {
    background-color: #f1f2f3;
    font-weight: 700
}

.lona-input .bar {
    position: absolute;
    background: transparent;
    padding: 0 5.5px;
    font-size: 11px;
    color: transparent;
    top: -11px;
    left: 11px
}

.lona-input .bar:after,
.lona-input .bar:before {
    content: "";
    height: 100%;
    width: 0;
    position: absolute;
    background: #fff;
    transition: all .2s ease;
    top: 0
}

.lona-input .bar:before {
    left: 50%
}

.lona-input .bar:after {
    right: 50%
}

.lona-input .label {
    color: #607d8b;
    font-size: 14px;
    pointer-events: none;
    top: 18px;
    left: 16.5px;
    transition: all .2s ease;
    z-index: 2
}

.lona-input .icon,
.lona-input .label {
    position: absolute;
    transform: translateY(-50%)
}

.lona-input .icon {
    left: -30px;
    top: 50%
}

.lona-input .icon svg {
    width: 22px
}

.cart-modal-wrapper .cart-modal {
    max-width: 550px;
    width: 100%!important;
    position: relative
}

.cart-modal-wrapper .cart-modal .no-item-text {
    padding: 20px 40px;
    text-align: center;
    background: #f5f5f5;
    height: calc(100% - 61px)
}

.cart-modal-wrapper .cart-modal .no-item-text .continue-shopping {
    margin-top: 20px
}

.cart-modal-wrapper .cart-modal .no-item-text .continue-shopping span {
    font-size: 13px;
    position: relative;
    cursor: pointer;
    font-weight: 700
}

.cart-modal-wrapper .cart-modal .no-item-text .continue-shopping span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.cart-modal-wrapper .cart-modal .cart-modal-body {
    background: #f5f5f5;
    height: calc(100% - 202px);
    overflow: auto;
    padding: 20px 0
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item {
    margin-bottom: 20px;
    background: #fff;
    padding: 15px;
    display: flex;
    position: relative
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .remove-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .98);
    z-index: 3;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .remove-overlay .text-overlay .button-wrapper {
    margin-top: 10px;
    display: flex
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .remove-overlay .text-overlay .button-wrapper .btn {
    height: 37px;
    margin: 0 5px;
    border-radius: 4px;
    padding: 0;
    line-height: 37px;
    font-size: 12px;
    text-transform: uppercase
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-image {
    width: 100px;
    margin-right: 10px
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-image img {
    width: 100px;
    border-radius: 3px
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-price {
    font-weight: 700;
    font-size: 15px;
    margin-left: 10px
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-info-side {
    flex: 1 1;
    position: relative
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-info-side .product-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-info-side .product-action {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    padding: 5px;
    border: 1px solid #dedede;
    text-align: center;
    width: 70px;
    position: relative;
    font-size: 13px
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-info-side .product-action .icon {
    position: absolute;
    cursor: pointer
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-info-side .product-action .icon.left {
    left: 8px
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-info-side .product-action .icon.right {
    right: 8px;
    top: 5px
}

.cart-modal-wrapper .cart-modal .cart-modal-body .cart-item .product-info-side .product-remove {
    margin-top: 20px;
    color: #f55173;
    cursor: pointer
}

.cart-modal-wrapper .cart-modal .cart-modal-footer {
    padding: 20px 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    border-top: 1px solid #e9ecef;
    background: #fff
}

.cart-modal-wrapper .cart-modal .cart-modal-footer .total-text {
    position: relative;
    text-align: right;
    margin-bottom: 10px
}

.cart-modal-wrapper .cart-modal .cart-modal-footer .total-text .total-title {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 15px
}

.cart-modal-wrapper .cart-modal .cart-modal-footer .total-text .price {
    font-size: 18px
}

.cart-modal-wrapper .cart-modal .cart-modal-footer .total-text .price .sub-price {
    padding-right: 7px;
    color: #8b8b8b;
    text-decoration: line-through;
    font-size: 13px
}

.cart-modal-wrapper .cart-modal .cart-modal-footer .continue-shopping {
    margin-top: 10px;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    border-radius: 4px;
    padding: 8px 0;
    background: #fff;
    border: 1px solid #dedede
}

.cart-modal-wrapper .cart-modal .cart-modal-footer .continue-shopping:hover {
    background: #fafafa
}

.cart-modal-wrapper .cart-modal .cart-modal-footer .continue-shopping span {
    font-size: 14px;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative;
    text-transform: uppercase
}

.catalog-menu-modal .menu-body .menu-item-form {
    line-height: 22px!important;
    padding: 10px 15px;
    color: #28453b!important;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-family: Aptima-Bold
}

.catalog-menu-modal .menu-body .child-item {
    display: block;
    line-height: 22px!important;
    color: #5d5d5d!important;
    position: relative;
    font-family: Aptima;
    padding: 10px 15px 10px 25px
}

.catalog-section {
    position: absolute;
    background: #fff;
    left: -12px;
    min-width: 200px
}

.catalog-section .section-child-wrapper {
    position: absolute;
    left: 100%;
    top: 0;
    background: #fff;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .25)
}

.catalog-section .section-child-wrapper .section-item-child {
    line-height: 22px!important;
    padding: 10px 15px;
    color: #5d5d5d!important;
    transition: background .3s;
    background: #fff;
    position: relative;
    font-family: Aptima;
    min-width: 250px;
    display: block
}

.catalog-section .section-child-wrapper .section-item-child:hover {
    background-color: #eee
}

.catalog-section .section-item-wrapper {
    position: relative;
    box-shadow: 0 8px 8px rgba(0, 0, 0, .25)
}

.catalog-section .section-item-wrapper .section-item {
    line-height: 22px!important;
    padding: 10px 15px;
    color: #28453b!important;
    transition: background .3s;
    background: #fff;
    position: relative;
    font-family: Aptima-Bold;
    display: block
}

.catalog-section .section-item-wrapper .section-item.selected .fa,
.catalog-section .section-item-wrapper .section-item:hover .fa {
    opacity: 1
}

.catalog-section .section-item-wrapper .section-item .fa {
    position: absolute;
    right: 20px;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: opacity .3s;
    color: #5d5d5d
}

.catalog-section .section-item-wrapper .section-item.selected,
.catalog-section .section-item-wrapper .section-item:hover {
    background-color: #eee
}

.landing-header {
    background: #fff;
    height: 61px;
    width: 100%;
    padding: 0 20px 0 155px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    transition: all .3s;
    border-bottom: 1px solid;
    border-color: #fff
}

.landing-header .checkout-info-step {
    display: none
}

@media (min-width:1024px) {
    .landing-header.checkout-header {
        height: 90px!important
    }
    .landing-header.checkout-header .catalog-item {
        line-height: 81px;
        height: 81px
    }
    .landing-header.checkout-header .right-item-container {
        top: 42%
    }
    .landing-header .checkout-info-step {
        position: absolute;
        left: 155px;
        bottom: 12px;
        width: calc(100% - 310px);
        display: flex
    }
    .landing-header .checkout-info-step .info-step {
        width: 33.33%;
        text-align: center;
        text-transform: uppercase;
        font-size: 13px;
        cursor: pointer
    }
    .landing-header .checkout-info-step .info-step.active,
    .landing-header .checkout-info-step .info-step:hover {
        color: #28453b
    }
    .landing-header .checkout-info-step .info-step.disabled {
        color: #dedede!important;
        cursor: not-allowed
    }
    .landing-header .checkout-info-step .info-step.step-1 {
        text-transform: none
    }
}

.landing-header.fixed {
    height: 81px;
    opacity: .95;
    border-color: #dedede
}

.landing-header.fixed .logo {
    width: 75px;
    height: 75px;
    top: 3px
}

.landing-header.fixed .catalog-item {
    line-height: 81px;
    height: 81px
}

.landing-header .logo {
    position: absolute;
    transition: all .3s;
    border-radius: 50%;
    border: 6px solid #fff;
    top: 0;
    z-index: 1;
    cursor: pointer;
    width: 80px;
    height: 80px;
    left: 5px
}

@media (min-width:1024px) {
    .landing-header .logo {
        width: 110px;
        height: 110px;
        left: 40px
    }
}

.landing-header .logo img {
    width: 100%;
    height: 100%
}

.landing-header .catalog-item {
    font-size: 13px;
    font-family: Aptima, sans-serif;
    text-transform: uppercase;
    line-height: 61px;
    margin-right: 18px;
    cursor: pointer;
    color: #5d5d5d;
    display: none;
    transition: all .3s;
    position: relative;
    font-weight: 700
}

.landing-header .catalog-item.has-child .catalog-section {
    display: none
}

.landing-header .catalog-item.has-child:hover .catalog-section {
    display: block
}

@media (min-width:1024px) {
    .landing-header .catalog-item {
        display: inline-block;
        line-height: 61px;
        height: 61px
    }
}

.landing-header .catalog-item.active,
.landing-header .catalog-item:hover {
    color: #28453b
}

.landing-header .right-item-container {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.landing-header .right-item-container .right-item {
    font-size: 13px;
    transition: color .2s;
    color: #5d5d5d;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px
}

@media (min-width:1024px) {
    .landing-header .right-item-container .right-item.icon {
        display: none
    }
    .landing-header .right-item-container .right-item {
        margin-right: 18px
    }
}

.landing-header .right-item-container .right-item.hot-line {
    display: none
}

@media (min-width:1024px) {
    .landing-header .right-item-container .right-item.hot-line {
        display: inline-block
    }
}

.landing-header .right-item-container .right-item a {
    color: #5d5d5d
}

.landing-header .right-item-container .right-item.active,
.landing-header .right-item-container .right-item:hover,
.landing-header .right-item-container .right-item a:hover {
    color: #28453b
}

.login-modal .modal-footer {
    text-align: center!important
}

.login-modal .modal-footer .btn {
    width: 200px
}

.my-account .my-account-modal {
    position: fixed;
    width: 300px;
    background: #fff;
    left: 0;
    height: 100%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .16), 0 3px 10px rgba(0, 0, 0, .23)
}

.my-account .my-account-modal .menu-title {
    font-size: 18px;
    padding: 15px;
    position: relative;
    border-bottom: 1px solid #e9ecef
}

.my-account .my-account-modal .menu-title .user-points {
    position: absolute;
    right: 15px;
    font-size: 13px;
    top: 18px
}

.my-account .my-account-modal .menu-title .user-points b {
    color: #28453b
}

.my-account .my-account-modal .menu-title .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.my-account .my-account-modal .menu-body {
    padding: 18px
}

.my-account .my-account-modal .menu-body .btn {
    margin-bottom: 10px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 0
}

.my-account .my-account-modal .menu-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 18px;
    text-align: center;
    background: #fff;
    border-top: 1px solid #e9ecef;
    width: 100%
}

.my-account .my-account-modal .menu-footer span {
    cursor: pointer;
    font-size: 18px
}

.app-modal-fade-enter .my-account-modal {
    transform: translateX(-100%)
}

.app-modal-fade-enter.app-modal-fade-enter-active .my-account-modal {
    transition: transform .3s ease-out;
    transform: translateX(0)
}

.app-modal-fade-exit .my-account-modal {
    transform: translateX(0)
}

.app-modal-fade-exit.app-modal-fade-exit-active .my-account-modal {
    transition: transform .3s ease-out;
    transform: translateX(-100%)
}

.my-order-modal .order-action a {
    cursor: pointer;
    color: #28453b;
    font-size: 12px
}

.my-order-modal .modal-body {
    padding-bottom: 0
}

.register-modal .modal-body .error-text {
    color: red
}

.register-modal .modal-footer {
    text-align: center!important
}

.register-modal .modal-footer .btn {
    width: 200px
}

.menu-modal-wrapper .app-modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 20
}

.menu-modal-wrapper .app-modal-overlay .menu-modal {
    position: fixed;
    width: 300px;
    background: #fff;
    right: 0;
    height: 100%;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .16), 0 3px 10px rgba(0, 0, 0, .23)
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-title {
    font-size: 25px;
    padding: 15px;
    position: relative;
    border-bottom: 1px solid #e9ecef
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-title .close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body {
    max-height: calc(100% - 62px);
    overflow: auto;
    font-weight: 300
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body .menu-item {
    font-size: 20px;
    position: relative;
    cursor: pointer;
    padding: 8px 0 8px 30px;
    display: block;
    color: #000;
    text-decoration: none
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body .menu-item .menu-name {
    transition: color .3s;
    color: #000;
    text-decoration: none
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body .menu-item .menu-name:hover {
    color: #28453b
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body .menu-item:not(:last-child) {
    border-bottom: 1px solid #e9ecef
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body .menu-item .child-item {
    font-size: 18px;
    padding: 8px 8px 8px 0;
    display: block;
    color: #000;
    text-decoration: none
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body .menu-item .child-item:not(:last-child) {
    border-bottom: 1px solid #e9ecef
}

.menu-modal-wrapper .app-modal-overlay .menu-modal .menu-body .menu-item .icon {
    position: absolute;
    top: 11px;
    left: 8px
}

.app-modal-fade-enter .menu-modal {
    transform: translateX(100%)
}

.app-modal-fade-enter.app-modal-fade-enter-active .menu-modal {
    transition: transform .3s ease-out;
    transform: translateX(0)
}

.app-modal-fade-exit .menu-modal {
    transform: translateX(0)
}

.app-modal-fade-exit.app-modal-fade-exit-active .menu-modal {
    transition: transform .3s ease-out;
    transform: translateX(100%)
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto
}

@media (min-width:992px) {
    .container {
        max-width: 932px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.landing-layout .landing-footer {
    background: rgba(96, 58, 22, .329);
    font-family: Aptima;
    color: #413b28!important
}

.landing-layout .landing-footer .container {
    padding-top: 48px;
    padding-bottom: 48px
}

@media (min-width:670px) {
    .landing-layout .landing-footer .container .footer-wrapper {
        display: flex
    }
    .landing-layout .landing-footer .container .footer-wrapper .logo-img {
        display: block!important
    }
}

.landing-layout .landing-footer .container .footer-wrapper .footer-item {
    position: relative;
    font-size: 13px;
    margin-bottom: 20px
}

@media (min-width:670px) {
    .landing-layout .landing-footer .container .footer-wrapper .footer-item {
        padding-left: 80px
    }
}

@media (min-width:769px) {
    .landing-layout .landing-footer .container .footer-wrapper .footer-item.policy {
        display: flex;
        justify-content: space-between
    }
}

.landing-layout .landing-footer .container .footer-wrapper .footer-item.policy .item-child {
    margin-bottom: 20px
}

@media (min-width:670px) {
    .landing-layout .landing-footer .container .footer-wrapper .footer-item.policy .item-child {
        margin: 0 20px 20px
    }
}

.landing-layout .landing-footer .container .footer-wrapper .footer-item .footer-text {
    margin-bottom: 5px
}

.landing-layout .landing-footer .container .footer-wrapper .footer-item .footer-text.pointer {
    cursor: pointer
}

.landing-layout .landing-footer .container .footer-wrapper .footer-item .footer-text.pointer:hover {
    text-decoration: underline
}

.landing-layout .landing-footer .container .footer-wrapper .footer-item .logo-img {
    width: 68px;
    height: 68px;
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.landing-layout .landing-footer .container .footer-social-media .footer-social-item {
    display: inline-block;
    width: 30px;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer
}

.landing-layout .landing-footer .container .footer-social-media .footer-social-item img {
    width: 100%;
    border-radius: 7px;
    transition: filter .3s;
    filter: grayscale(100%)
}

.landing-layout .landing-footer .container .footer-social-media .footer-social-item img:hover {
    filter: grayscale(0)
}

.landing-layout .landing-footer .container .copyright {
    margin-top: 10px;
    font-size: 10px;
    text-align: center
}

.app-modal-list .app-modal-fade-enter .app-modal-overlay {
    background: transparent
}

.app-modal-list .app-modal-fade-enter .app-modal-overlay .app-modal-box {
    transform: translateY(-50%);
    opacity: 0
}

.app-modal-list .app-modal-fade-enter.app-modal-fade-enter-active .app-modal-overlay {
    background: rgba(0, 0, 0, .5);
    transition: background .3s ease-in-out
}

.app-modal-list .app-modal-fade-enter.app-modal-fade-enter-active .app-modal-overlay .app-modal-box {
    opacity: 1;
    transform: translate(0);
    transition: transform .3s ease-out, opacity .3s ease-out
}

.app-modal-list .app-modal-fade-exit .app-modal-overlay {
    background: rgba(0, 0, 0, .5)
}

.app-modal-list .app-modal-fade-exit .app-modal-overlay .app-modal-box {
    transform: translate(0);
    opacity: 1
}

.app-modal-list .app-modal-fade-exit.app-modal-fade-exit-active .app-modal-overlay {
    background: transparent;
    transition: background .3s ease-in
}

.app-modal-list .app-modal-fade-exit.app-modal-fade-exit-active .app-modal-overlay .app-modal-box {
    opacity: 0;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transform: translateY(-50%)
}

.app-modal-list .app-modal-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    overflow-y: auto;
    z-index: 20
}

.app-modal-list .app-modal-box {
    position: relative;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    margin: 10px auto 0;
    border-radius: 5px;
    width: calc(100% - 20px)
}

@media (min-width:678px) {
    .app-modal-list .app-modal-box {
        width: 600px;
        margin: 100px auto 0
    }
}

.app-modal-list .app-modal-box .modal-header {
    border-bottom: 1px solid #ebedf2;
    padding: 15px;
    position: relative
}

.app-modal-list .app-modal-box .modal-header .close {
    position: absolute;
    background: transparent;
    border: none;
    color: #a1a8c3;
    font-size: 22px;
    right: 15px;
    top: 10px;
    cursor: pointer;
    outline: none;
    transition: .2s
}

.app-modal-list .app-modal-box .modal-header .close:hover {
    color: #5d78ff
}

.app-modal-list .app-modal-box .modal-header .modal-title {
    margin: 0;
    font-size: 18px;
    font-weight: 600
}

.app-modal-list .app-modal-box .modal-body {
    font-size: 15px;
    padding: 15px
}

.app-modal-list .app-modal-box .modal-footer {
    text-align: right;
    padding: 15px;
    border-top: 1px solid #ebedf2
}

.app-modal-list .app-modal-box .modal-footer .btn-link {
    margin-right: 10px
}

.product-list-view-2 {
    padding: 0 15px;
    margin-bottom: 20px;
    text-align: center
}

.product-list-view-2 .product-wrapper {
    display: flex;
    flex-wrap: wrap;
    transition: transform .3s
}

.product-list-view-2 .product-wrapper .item {
    transition: opacity .3s;
    margin-bottom: 25px;
    width: 50%;
    padding: 3px;
    cursor: pointer
}

@media (min-width:769px) {
    .product-list-view-2 .product-wrapper .item {
        width: 33.33%
    }
}

@media (min-width:1100px) {
    .product-list-view-2 .product-wrapper .item {
        width: 25%
    }
}

.product-list-view-2 .product-wrapper .item .flower-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    --aspect-ratio: 1/1
}

.product-list-view-2 .product-wrapper .item .flower-title {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #28453b
}

.product-list-view-2 .product-wrapper .item .flower-title:hover {
    color: #563414
}

.product-list-view-2 .product-wrapper .item .flower-price {
    margin-top: 10px;
    position: relative;
    text-align: center;
    font-size: 13px;
    color: #474747
}

.product-list-view-2 .product-wrapper .item .flower-price .sub-price {
    color: #8b8b8b;
    text-decoration: line-through;
    font-size: 12px;
    top: -15px;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    font-weight: 300
}

.product-list-view-2 .product-wrapper .item .flower-action {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.product-list-view-2 .product-wrapper .item .flower-action .btn {
    width: 100%;
    color: #fff;
    background-color: #28453b;
    border-color: #28453b;
    border-radius: 4px;
    font-size: 13px;
    max-width: 200px;
    font-weight: 700;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase
}

.product-list-view-2 .product-wrapper .item .flower-action .btn:hover {
    background: #563414
}

.product-image-slider,
.product-image-slider .slick-slider {
    width: 100%;
    height: 100%
}

.product-image-slider .slick-slider .slick-slide>div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

.product-image-slider img {
    width: auto!important;
    max-width: 100%;
    max-height: 100%
}

.product-list-view-pagination {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    align-items: center
}

.product-list-view-pagination .page-dot {
    cursor: pointer;
    font-weight: 700;
    margin: 0 7px;
    font-size: 18px;
    color: #28453b
}

.product-list-view-pagination .page-action {
    cursor: pointer;
    margin-right: 10px;
    margin-left: 10px;
    transition: opacity .3s;
    opacity: 1;
    font-size: 1.2rem
}

.product-list-view-pagination .page-action .text {
    display: none
}

@media (min-width:376px) {
    .product-list-view-pagination .page-action .text {
        display: inline
    }
}

.product-list-view-pagination .page-action.disabled {
    opacity: .6;
    cursor: not-allowed
}

.product-list-view-pagination .page-action .fa-angle-right {
    padding-left: 5px
}

.product-list-view-pagination .page-action .fa-angle-left {
    padding-right: 5px
}

.product-list-view-pagination .page-button {
    width: 25px;
    height: 37px;
    padding: 6px 4px;
    opacity: .4;
    cursor: pointer;
    transition: transform .4s, opacity .3s;
    transition-timing-function: cubic-bezier(0, 1.54, 1, 1);
    text-align: center
}

.product-list-view-pagination .page-button.active {
    transform: scaleY(2)!important;
    opacity: .8!important
}

.product-list-view-pagination .page-button:hover {
    transform: scaleY(1.6);
    opacity: .6
}

.product-list-view-pagination .page-button .page-link {
    background: #28453b;
    width: 100%;
    height: 100%;
    display: block;
    color: #fff
}

.product-list-view {
    padding: 0 15px;
    overflow: hidden;
    margin-bottom: 20px
}

.product-list-view .lv-container {
    position: relative;
    margin-bottom: 15px
}

.product-list-view .lv-container .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0 45px 45px 0;
    background: rgba(0, 0, 0, .3);
    font-size: 32px;
    color: #fff;
    padding: 24px 25px;
    cursor: pointer
}

.product-list-view .lv-container .arrow.arrow-left {
    left: -15px
}

.product-list-view .lv-container .arrow.arrow-right {
    right: -15px;
    border-radius: 45px 0 0 45px
}

.product-list-view.selected-item .product-wrapper {
    transition: opacity .3s
}

.product-list-view.selected-item .product-wrapper .item {
    opacity: .4
}

.product-list-view.selected-item .product-wrapper .item.selected {
    border: 1px solid #28453b;
    opacity: 1
}

.product-list-view.selected-item .page-info,
.product-list-view.selected-item .product-list-view-pagination {
    opacity: .4
}

@media (min-width:769px) {
    .product-list-view {
        padding: 0 50px
    }
}

.product-list-view .product-wrapper {
    display: flex;
    transition: transform .3s
}

.product-list-view .product-wrapper .item {
    margin: 0 4px;
    transition: opacity .3s;
    min-width: 100%;
    max-width: 100%;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 12px;
    cursor: pointer
}

@media (min-width:500px) {
    .product-list-view .product-wrapper .item {
        min-width: 50%;
        max-width: 50%
    }
}

@media (min-width:769px) {
    .product-list-view .product-wrapper .item {
        min-width: 33.33%;
        max-width: 33.33%
    }
}

@media (min-width:1100px) {
    .product-list-view .product-wrapper .item {
        min-width: 25%;
        max-width: 25%
    }
}

.product-list-view .product-wrapper .item .flower-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.product-list-view .product-wrapper .item .flower-title {
    text-align: center;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase
}

.product-list-view .product-wrapper .item .flower-price {
    margin-top: 10px;
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    font-family: Aptima;
    color: #f55173
}

@media (max-width:768px) {
    .product-list-view-2 .product-wrapper .item .flower-price .sub-price {
        display: block
    }
}

.product-list-view .product-wrapper .item .flower-price .sub-price {
    color: #8b8b8b;
    text-decoration: line-through;
    font-size: 12px;
    top: -15px;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    font-weight: 300
}

.product-list-view .product-wrapper .item .flower-action {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center
}

.product-list-view .product-wrapper .item .flower-action .btn {
    width: 100%;
    color: #fff;
    background-color: #28453b;
    border-color: #28453b;
    border-radius: 4px;
    font-size: 13px;
    max-width: 200px;
    font-weight: 700;
    text-align: center;
    padding: 8px 0;
    text-transform: uppercase
}

.product-list-view .product-wrapper .item .flower-action .btn:hover {
    background: #563414
}

.product-list-view .page-info {
    text-align: center
}

@media (min-width:769px) {
    .product-view-modal {
        height: 80%!important
    }
}

@media (min-width:1024px) {
    .product-view-modal .modal-content {
        display: flex;
        flex-direction:inherit !important;
        height: 100%;
    }
}

.product-view-modal .modal-content .slick-list,
.product-view-modal .modal-content .slick-list .slick-track {
    height: 100%!important
}

.product-view-modal .modal-content .img-view {
    display: none;
    width: 60%;
    position: relative;
    outline: none
}

@media (min-width:1024px) {
    .product-view-modal .modal-content .img-view {
        display: block
    }
    .product-view-modal .modal-content .content-view {
        padding: 18px 30px;
        width: 40%
    }
    .product-view-modal .modal-content .content-view .btn-green {
        display: block
    }
}

.product-view-modal .modal-content .content-view .content-header {
    border-bottom: 1px solid #e9ecef;
    position: relative;
    margin-bottom: 2px
}

@media (min-width:1024px) {
    .product-view-modal .modal-content .content-view .content-header {
        padding-left: 0
    }
}

.product-view-modal .modal-content .content-view .content-header .content-title {
    font-weight: 700;
    color: #28453b;
    font-family: Aptima-Bold;
    padding-right: 100px
}

@media (min-width:1024px) {
    .product-view-modal .modal-content .content-view .content-header .content-title {
        font-size: 32px
    }
}

.product-view-modal .modal-content .content-view .content-header .content-price {
    margin-top: 5px;
    position: relative;
    font-weight: 700;
    font-size: 15px;
    color: #474747
}

.product-view-modal .modal-content .content-view .content-header .content-price .sub-price {
    color: #8b8b8b;
    text-decoration: line-through;
    font-size: 12px;
    top: -15px;
    width: 100%;
    text-align: center;
    padding-right: 10px;
    font-weight: 300
}

.product-view-modal .modal-content .content-view .content-header .btn-green {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 100px;
    font-size: 13px
}

@media (min-width:1024px) {
    .product-view-modal .modal-content .content-view .content-header .btn-green {
        right: 0
    }
}

.product-view-modal .modal-content .content-view .content-header .close-btn {
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 15px
}

@media (min-width:1024px) {
    .product-view-modal .modal-content .content-view .content-header .close-btn {
        right: 0
    }
}

.product-view-modal .modal-content .content-view .content-header .close-btn svg {
    width: 18px;
    height: 18px;
    fill: #8b8b8b
}

.product-view-modal .modal-content .content-view .content-body .slick-dots {
    bottom: 0!important
}

@media (min-width:769px) {
    .product-view-modal .modal-content .content-view .content-body .slick-dots {
        bottom: -25px!important
    }
}

.product-view-modal .modal-content .content-view .content-body .content-info {
    padding: .1rem
}

.product-view-modal .modal-content .content-view .content-body .content-info.warning {
    font-size: 12px;
    font-style: italic
}

@media (min-width:1024px) {
    .product-view-modal .modal-content .content-view .content-body {
        padding: 15px 0
    }
    .product-view-modal .modal-content .content-view .content-body .img-view-mobile {
        display: none
    }
}

.select-2 {
    position: relative;
    margin-bottom: 10px
}

.select-2 .select-text {
    width: 100%;
    border-radius: 2px;
    border: 1px solid #d1d7e2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 50px 0 15px;
    transition: all .2s ease;
    height: 35px;
    line-height: 35px;
    color: #262626;
    cursor: pointer;
    background: #fff
}

.select-2 .select-text:hover {
    border-color: #28453b
}

.select-2 .select-text .sort-icon {
    position: absolute;
    right: 15px;
    top: 8px
}

.select-2 .select-text .remove-icon {
    right: 35px;
    color: #fd397a
}

.select-2 .arrow-top {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    top: 38px;
    left: 50%;
    transform: translate(-50%);
    z-index: 12;
    filter: drop-shadow(0 -1px 0 #28453b)
}

.select-2 .select-dropdown {
    width: 100%;
    box-shadow: 0 0 13px 0 rgba(82, 63, 105, .05);
    position: absolute;
    background: #fff;
    top: 45px;
    left: 0;
    z-index: 10;
    max-height: 200px;
    overflow: auto;
    border: 1px solid #28453b;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.select-2 .select-dropdown .dropdown-item {
    padding: .7rem 1.2rem;
    color: #646c9a;
    transition: all .2s;
    display: block;
    cursor: pointer
}

.select-2 .select-dropdown .dropdown-item.active {
    color: #28453b
}

.select-2 .select-dropdown .dropdown-item:hover {
    color: #28453b;
    background-color: #f8f9fa
}

.tags-wrapper h3 {
    display: inline-block;
    padding-right: 5px
}

.tags-wrapper .tags-preview {
    flex-wrap: wrap;
    display: inline-block
}

.tags-wrapper .tags-preview .tag {
    color: #28453b;
    margin-right: 5px;
    margin-bottom: 5px;
    cursor: pointer
}

.tags-wrapper .tags-preview .tag:hover {
    text-decoration: underline
}

.blog-detail-route {
    padding-top: 20px
}

.blog-detail-route .blog-title {
    font-weight: 700;
    font-size: 25px;
    cursor: pointer
}

.blog-detail-route .blog-date {
    font-size: 16px;
    margin-bottom: 20px
}

.blog-detail-route .image img {
    width: 100%
}

:root {
    --ck-highlight-marker-blue: #72cdfd;
    --ck-highlight-marker-green: #63f963;
    --ck-highlight-marker-pink: #fc7999;
    --ck-highlight-marker-yellow: #fdfd77;
    --ck-highlight-pen-green: #180;
    --ck-highlight-pen-red: #e91313;
    --ck-image-style-spacing: 1.5em;
    --ck-todo-list-checkmark-size: 16px
}

.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box
}

.ck-content .image.image_resized img {
    width: 100%
}

.ck-content .image.image_resized>figcaption {
    display: block
}

.ck-content code {
    background-color: rgba(199, 199, 199, .3);
    padding: .15em;
    border-radius: 2px
}

.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto
}

.ck-content .image>img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px
}

.ck-content .image-style-align-center,
.ck-content .image-style-align-left,
.ck-content .image-style-align-right,
.ck-content .image-style-side {
    max-width: 50%
}

.ck-content .image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing)
}

.ck-content .image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing)
}

.ck-content .image-style-align-center {
    margin-left: auto;
    margin-right: auto
}

.ck-content .image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing)
}

.ck-content .page-break {
    position: relative;
    clear: both;
    padding: 5px 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.ck-content .page-break:after {
    content: "";
    position: absolute;
    border-bottom: 2px dashed #c4c4c4;
    width: 100%
}

.ck-content .page-break__label {
    position: relative;
    z-index: 1;
    padding: .3em .6em;
    display: block;
    text-transform: uppercase;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    font-size: .75em;
    font-weight: 700;
    color: #333;
    background: #fff;
    box-shadow: 2px 2px 1px rgba(0, 0, 0, .15);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #ccc
}

.ck-content[dir=rtl] blockquote {
    border-left: 0;
    border-right: 5px solid #ccc
}

.ck-content .media {
    clear: both;
    margin: 1em 0;
    display: block;
    min-width: 15em
}

.ck-content .table {
    margin: 1em auto;
    display: table
}

.ck-content .table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double #b3b3b3
}

.ck-content .table table td,
.ck-content .table table th {
    min-width: 2em;
    padding: .4em;
    border-color: #bfbfbf
}

.ck-content .table table th {
    font-weight: 700;
    background: rgba(0, 0, 0, .05)
}

.ck-content .todo-list {
    list-style: none
}

.ck-content .todo-list li {
    margin-bottom: 5px
}

.ck-content .todo-list li .todo-list {
    margin-top: 5px
}

.ck-content .todo-list .todo-list__label>input {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    width: var(--ck-todo-list-checkmark-size);
    height: var(--ck-todo-list-checkmark-size);
    vertical-align: middle;
    border: 0;
    left: -25px;
    margin-right: -15px;
    right: 0;
    margin-left: 0
}

.ck-content .todo-list .todo-list__label>input:before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid #333;
    border-radius: 2px;
    transition: box-shadow .25s ease-in-out, background .25s ease-in-out, border .25s ease-in-out
}

.ck-content .todo-list .todo-list__label>input:after {
    display: block;
    position: absolute;
    box-sizing: content-box;
    pointer-events: none;
    content: "";
    left: calc(var(--ck-todo-list-checkmark-size) / 3);
    top: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    width: calc(var(--ck-todo-list-checkmark-size) / 5.3);
    height: calc(var(--ck-todo-list-checkmark-size) / 2.6);
    border-left: 0 solid transparent;
    border-bottom: calc(var(--ck-todo-list-checkmark-size) / 8) solid transparent;
    border-right: calc(var(--ck-todo-list-checkmark-size) / 8) solid transparent;
    border-top: 0 solid transparent;
    transform: rotate(45deg)
}

.ck-content .todo-list .todo-list__label>input[checked]:before {
    background: #26ab33;
    border-color: #26ab33
}

.ck-content .todo-list .todo-list__label>input[checked]:after {
    border-color: #fff
}

.ck-content .todo-list .todo-list__label .todo-list__label__description {
    vertical-align: middle
}

.ck-content .image>figcaption {
    display: table-caption;
    caption-side: bottom;
    word-break: break-word;
    color: #333;
    background-color: #f7f7f7;
    padding: .6em;
    font-size: .75em;
    outline-offset: -1px
}

.ck-content .marker-yellow {
    background-color: var(--ck-highlight-marker-yellow)
}

.ck-content .marker-green {
    background-color: var(--ck-highlight-marker-green)
}

.ck-content .marker-pink {
    background-color: var(--ck-highlight-marker-pink)
}

.ck-content .marker-blue {
    background-color: var(--ck-highlight-marker-blue)
}

.ck-content .pen-red {
    color: var(--ck-highlight-pen-red);
    background-color: transparent
}

.ck-content .pen-green {
    color: var(--ck-highlight-pen-green);
    background-color: transparent
}

.ck-content hr {
    border: solid #5e5e5e;
    border-width: 1px 0 0;
    margin: 0
}

.ck-content pre {
    padding: 1em;
    color: #353535;
    background: rgba(199, 199, 199, .3);
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    text-align: left;
    direction: ltr;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    white-space: pre-wrap;
    font-style: normal;
    min-width: 200px
}

.ck-content pre code {
    background: unset;
    padding: 0;
    border-radius: 0
}

@media print {
    .ck-content .page-break {
        padding: 0
    }
    .ck-content .page-break:after {
        display: none
    }
}

.blog-route {
    margin-top: 20px
}

@media (min-width:769px) {
    .blog-route {
        display: flex
    }
}

.blog-route.blog-loading .blog-picture {
    width: 100%;
    height: 200px;
    background: rgba(0, 0, 0, .1)
}

.blog-route.blog-loading .blog-title {
    width: 100%;
    height: 15px;
    background: rgba(0, 0, 0, .1)
}

.blog-route.blog-loading .blog-description {
    width: 100%;
    height: 10px;
    background: rgba(0, 0, 0, .1);
    margin-bottom: 5px
}

.blog-route.blog-loading .blog-description.truncate {
    width: 80%
}

.blog-route .blog-item-side {
    flex: 1 1
}

.blog-route .blog-item-side .blog-item {
    padding-bottom: 20px;
    border-bottom: 1px solid #f4f4f4;
    padding-top: 20px
}

@media (min-width:769px) {
    .blog-route .blog-item-side .blog-item {
        display: flex
    }
}

.blog-route .blog-item-side .blog-item .blog-picture {
    width: 100%;
    margin-bottom: 10px;
    cursor: pointer;
    max-height: 200px;
    overflow: hidden
}

@media (min-width:769px) {
    .blog-route .blog-item-side .blog-item .blog-picture {
        width: 320px;
        margin-bottom: 0
    }
}

.blog-route .blog-item-side .blog-item .blog-picture img {
    width: 100%;
    border-radius: 3px
}

.blog-route .blog-item-side .blog-item .blog-info {
    flex: 1 1
}

@media (min-width:769px) {
    .blog-route .blog-item-side .blog-item .blog-info {
        padding: 0 20px
    }
}

.blog-route .blog-item-side .blog-item .blog-info .blog-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 10px;
    cursor: pointer
}

.blog-route .blog-item-side .blog-item .blog-info .blog-description {
    font-weight: 300;
    font-size: 16px
}

.blog-route .blog-item-side .blog-item .blog-info .blog-footer {
    margin-top: 10px;
    position: relative
}

.blog-route .blog-item-side .blog-item .blog-info .blog-footer .date-publish {
    font-weight: 700
}

.blog-route .blog-item-side .blog-item .blog-info .blog-footer .read-more {
    position: absolute;
    right: 0;
    top: 0
}

.blog-route .blog-item-side .blog-item .blog-info .blog-footer .read-more span {
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

.blog-route .blog-item-side .blog-item .blog-info .blog-footer .read-more span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.blog-route .blog-sub-side {
    flex: 0 1 300px;
    padding-top: 20px;
    padding-bottom: 20px
}

.blog-route .blog-sub-side .tags-preview {
    display: flex!important
}

@media (min-width:769px) {
    .blog-route .blog-sub-side {
        padding-left: 10px
    }
}

.blog-route .blog-sub-side b {
    margin-bottom: 7px;
    display: block;
    font-size: 25px
}

.blog-route .blog-sub-side div {
    margin-bottom: 7px;
    cursor: pointer;
    display: block;
    font-weight: 300;
    font-size: 16px
}

.blog-route .blog-sub-side div.blog-menu:hover {
    text-decoration: underline
}

.checkout-route {
    background-color: #f5f5f5;
    margin-top: 50px
}

.checkout-route .continue-shopping {
    display: inline-block;
    padding-top: 16px;
    padding-left: 16px;
    font-size: 15px;
    cursor: pointer
}

.checkout-route .continue-shopping:hover {
    text-decoration: underline
}

.checkout-route .card .card-title {
    border-bottom: 0;
    font-family: Aptima-Bold;
    text-align: center
}

.checkout-route .checkout-date-time .col-title {
    margin-bottom: 5px
}

.checkout-route .checkout-wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 15px 0
}

.checkout-route .checkout-wrapper .checkout-header {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px
}

.checkout-route .checkout-wrapper .checkout-card-item {
    background: #fff;
    margin-bottom: 20px
}

.checkout-route .checkout-wrapper .checkout-card-item .lona-input:last-child,
.checkout-route .checkout-wrapper .checkout-card-item .radio {
    margin-bottom: 12px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item {
    display: flex;
    position: relative
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item:not(:last-child) {
    margin-bottom: 20px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .remove-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .98);
    z-index: 3;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .remove-overlay .text-overlay .button-wrapper {
    margin-top: 10px;
    display: flex
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .remove-overlay .text-overlay .button-wrapper .btn {
    height: 37px;
    margin: 0 5px;
    border-radius: 4px;
    padding: 0;
    line-height: 37px;
    font-size: 12px;
    text-transform: uppercase
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-image {
    width: 100px;
    margin-right: 10px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-image img {
    width: 100px;
    border-radius: 3px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-price {
    font-weight: 700;
    font-size: 15px;
    font-family: Aptima;
    margin-left: 10px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-info-side {
    flex: 1 1;
    position: relative
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-info-side .product-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-info-side .product-action {
    border-radius: 3px;
    padding: 5px;
    border: 1px solid #dedede;
    text-align: center;
    width: 70px;
    position: relative;
    font-family: Aptima;
    font-size: 13px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-info-side .product-action .icon {
    position: absolute;
    cursor: pointer
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-info-side .product-action .icon.left {
    left: 8px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-info-side .product-action .icon.right {
    right: 8px;
    top: 5px
}

.checkout-route .checkout-wrapper .checkout-card-item .cart-item .product-info-side .product-remove {
    margin-top: 20px;
    color: #f55173;
    cursor: pointer
}

.checkout-route .checkout-wrapper .checkout-info {
    display: flex;
    flex-wrap: wrap
}

.checkout-route .checkout-wrapper .checkout-info .checkout-col {
    padding: 0 10px;
    flex: 0 1 33.33%
}

.checkout-route .checkout-wrapper .checkout-info .city-info {
    display: flex;
    flex-direction: column
}

.checkout-route .checkout-wrapper .checkout-info .city-info .select {
    width: 100%
}

@media (max-width:1024px) {
    .checkout-route .checkout-wrapper .checkout-info {
        flex-direction: column
    }
    .checkout-route .checkout-wrapper .checkout-info .checkout-col {
        min-width: 368px
    }
}

.checkout-route .checkout-wrapper .checkout-footer {
    font-family: Aptima;
    font-size: 14px;
    padding: 0 40px
}

.checkout-route .checkout-wrapper .checkout-footer .btn {
    margin-top: 24px;
    margin-bottom: 10px
}

.checkout-route .checkout-wrapper .checkout-footer .hotline {
    font-size: 1.8rem;
    font-weight: 700;
    color: #28453b
}

.checkout-route .checkout-wrapper .checkout-footer .price {
    font-size: 18px;
    margin-top: 5px
}

.checkout-route .checkout-wrapper .checkout-footer .price .sub-price {
    padding-right: 7px;
    color: #8b8b8b;
    text-decoration: line-through;
    font-size: 14px
}

textarea {
    font-family: Aptima!important
}

.exchange-gifts-route {
    background-color: #f5f5f5;
    min-height: 100vh
}

.exchange-gifts-route .continue-shopping {
    display: inline-block;
    padding-top: 16px;
    padding-left: 16px;
    font-size: 15px;
    cursor: pointer
}

.exchange-gifts-route .continue-shopping:hover {
    text-decoration: underline
}

.exchange-gifts-route .exchange-wrapper {
    margin: 0 auto;
    width: 100%;
    padding: 15px 0
}

.exchange-gifts-route .exchange-wrapper .exchange-header {
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 20px
}

.exchange-gifts-route .exchange-info {
    width: 100%;
    padding: 10px 15px;
    margin: 0 auto 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.exchange-gifts-route .exchange-info .cart-item {
    margin-bottom: 20px;
    background: #fff;
    padding: 15px;
    display: flex;
    position: relative
}

.exchange-gifts-route .exchange-info .cart-item .remove-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .98);
    z-index: 3;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.exchange-gifts-route .exchange-info .cart-item .remove-overlay .text-overlay .button-wrapper {
    margin-top: 10px;
    display: flex
}

.exchange-gifts-route .exchange-info .cart-item .remove-overlay .text-overlay .button-wrapper .btn {
    height: 37px;
    margin: 0 5px;
    border-radius: 4px;
    padding: 0;
    line-height: 37px;
    font-size: 12px;
    text-transform: uppercase
}

.exchange-gifts-route .exchange-info .cart-item .product-image {
    width: 100px;
    margin-right: 10px
}

.exchange-gifts-route .exchange-info .cart-item .product-image img {
    width: 100px;
    border-radius: 3px
}

.exchange-gifts-route .exchange-info .cart-item .product-price {
    font-weight: 700;
    font-size: 15px;
    font-family: Aptima;
    flex: 0 1;
    margin-left: 10px
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side {
    flex: 1 1;
    position: relative
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side .product-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side .max-quantity {
    padding-top: 10px;
    font-weight: 500
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side .product-action {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 3px;
    padding: 5px;
    border: 1px solid #dedede;
    text-align: center;
    width: 70px;
    position: relative;
    font-family: Aptima;
    font-size: 13px
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side .product-action .icon {
    position: absolute;
    cursor: pointer
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side .product-action .icon.left {
    left: 8px
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side .product-action .icon.right {
    right: 8px;
    top: 5px
}

.exchange-gifts-route .exchange-info .cart-item .product-info-side .product-remove {
    margin-top: 20px;
    color: #f55173;
    cursor: pointer
}

.exchange-gifts-route .exchange-info .exchange-col {
    padding: 10px;
    margin: 5px;
    background: #fff;
    width: 33.33%
}

.exchange-gifts-route .exchange-info .exchange-col .city-info {
    display: flex;
    justify-content: space-between
}

.exchange-gifts-route .exchange-info .exchange-col .city-info .select {
    width: calc(50% - 4px)
}

@media (max-width:1024px) {
    .exchange-gifts-route .exchange-info {
        width: 368px;
        flex-direction: column
    }
    .exchange-gifts-route .exchange-info .exchange-col {
        width: 100%;
        margin: 0 0 15px
    }
}

.exchange-gifts-route .exchange-info .card-title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 20px
}

.exchange-gifts-route .exchange-info .lona-input:last-child,
.exchange-gifts-route .exchange-info .radio {
    margin-bottom: 12px
}

.exchange-gifts-route .input-quantity {
    position: relative;
    padding: 0 37px
}

.exchange-gifts-route .input-quantity .btn {
    position: absolute;
    top: 5px;
    padding: 3px 6px
}

.exchange-gifts-route .input-quantity .btn.btn-danger {
    left: 5px
}

.exchange-gifts-route .input-quantity .btn.btn-primary {
    right: 5px
}

.exchange-gifts-route .input-quantity .lona-input {
    margin-bottom: 0!important
}

.exchange-gifts-route .input-quantity input {
    background: #fff!important;
    font-weight: 500!important
}

.exchange-gifts-route .ge-table-header {
    font-weight: 700
}

.app-modal-overlay .image-preview-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.home-banner {
    width: 100%;
    overflow: hidden
}

.home-banner .banner-wrapper {
    position: relative;
    width: 100%;
    display: block;
    outline: none
}

.home-banner .banner-wrapper.have-link {
    cursor: pointer
}

.home-banner .banner-wrapper .btn-green {
    position: absolute;
    width: 100px;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%);
    font-size: 9px
}

@media (min-width:769px) {
    .home-banner .banner-wrapper .btn-green {
        width: 200px;
        bottom: 20px;
        font-size: 13px
    }
}

.home-banner .banner-wrapper img {
    width: 100%
}

.blog-section {
    margin-top: 40px;
    margin-bottom: 40px;
    justify-content: space-between
}

@media (min-width:500px) {
    .blog-section {
        display: flex
    }
}

.blog-section .blog-item {
    margin-bottom: 30px
}

@media (min-width:500px) {
    .blog-section .blog-item {
        width: 47%
    }
}

.blog-section .blog-item .blog-img {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 5px
}

.blog-section .blog-item .blog-title {
    margin-top: 20px;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px
}

.blog-section .blog-item .blog-detail {
    padding: 0 5px;
    text-align: justify;
    font-weight: 300;
    font-size: 16px
}

.blog-section .blog-item .blog-footer {
    text-align: center;
    margin-top: 20px
}

.blog-section .blog-item .blog-footer span {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

.blog-section .blog-item .blog-footer span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.image-wrapper {
    overflow: hidden
}

.image-wrapper .collection-image {
    transition: transform .3s
}

.image-wrapper:hover .collection-image {
    transform: scale(1.2)
}

.collection-section {
    padding: 5px 15px
}

@media (min-width:600px) {
    .collection-section {
        padding: 0 15px
    }
}

.collection-section .title-header {
    text-align: center;
    font-size: 22px
}

@media (min-width:600px) {
    .collection-section .title-header {
        font-size: 28px
    }
}

.collection-section .collection-container {
    width: 100%;
    display: flex;
    margin-top: 25px;
    flex-flow: row wrap
}

.collection-section .collection-container .collection-item {
    cursor: pointer;
    width: calc(50% - 6px);
    margin-bottom: 0
}

@media (min-width:600px) {
    .collection-section .collection-container .collection-item {
        width: calc(25% - 6px)
    }
}

.collection-section .collection-container .collection-item .collection-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: transform .3s;
    display: block
}

.collection-section .collection-container .collection-item .title {
    font-size: 18px;
    text-align: center;
    margin-top: 15px;
    height: 52px;
    color: #28453b
}

.collection-section .collection-container .collection-item .collection-bottom {
    margin-top: 15px
}

.collection-section .collection-container .collection-item .collection-bottom .price-range {
    font-size: 15px;
    font-weight: 700
}

.collection-section .view-more-btn {
    text-align: center;
    cursor: pointer;
}

.collection-section .view-more-btn span {
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

@media (min-width:769px) {
    .collection-section .view-more-btn span {
        font-size: 18px
    }
}

.collection-section .view-more-btn span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.collection-image {
    position: relative
}

.collection-image:hover .image-overlay {
    opacity: 1
}

.collection-image .image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .2s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

.feedback-section .feedback-container .feedback-wrapper {
    width: 100%
}

@media (min-width:769px) {
    .feedback-section .feedback-container .feedback-wrapper {
        display: flex
    }
}

.feedback-section .feedback-container .feedback-wrapper .feedback-image {
    height: auto
}

@media (min-width:769px) {
    .feedback-section .feedback-container .feedback-wrapper .feedback-image {
        height: auto;
        width: auto
    }
}

.feedback-section .feedback-container .feedback-wrapper .feedback-image .image-preview {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 10px;
    width: 100%;
    height: 100%
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text {
    position: relative;
    height: 200px;
    padding: 0 40px
}

@media (min-width:769px) {
    .feedback-section .feedback-container .feedback-wrapper .feedback-text {
        height: 500px;
        width: auto;
        padding: 0 20px 0 100px
    }
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button {
    position: absolute;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    cursor: pointer;
    top: 40px;
    background-color: #fff
}

@media (min-width:769px) {
    .feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button {
        top: 0
    }
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button.left {
    right: 30px
}

@media (min-width:760px) {
    .feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button.left {
        right: 30px
    }
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button.right {
    right: 0
}

@media (min-width:769px) {
    .feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button.right {
        right: -20px
    }
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 15px;
    color: #5d5d5d
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text .fa-quote-left {
    font-size: 60px;
    color: #28453b;
    display: none
}

@media (min-width:769px) {
    .feedback-section .feedback-container .feedback-wrapper .feedback-text .fa-quote-left {
        display: block
    }
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text .feedback-description {
    padding: 40px 0
}

.feedback-section .feedback-container .feedback-wrapper .feedback-text .feedback-person:before {
    content: "⎯ "
}

.component-slider {
    height: 100%
}

.component-slider.visible .panels-container {
    overflow: visible!important
}

.component-slider .panels-container {
    height: 100%;
    overflow: hidden;
    position: relative
}

.component-slider .panels-container>div {
    position: absolute!important;
    top: 0;
    width: 100%;
    height: 100%
}

.component-slider .panels-container.right .slide-enter {
    left: 110%;
    transition: left .3s
}

.component-slider .panels-container.right .slide-enter.slide-enter-active {
    left: 0
}

.component-slider .panels-container.right .slide-exit {
    left: 0;
    transition: left .3s
}

.component-slider .panels-container.right .slide-exit.slide-exit-active {
    left: -110%
}

.component-slider .panels-container.left .slide-enter {
    left: -110%;
    transition: left .3s
}

.component-slider .panels-container.left .slide-enter.slide-enter-active {
    left: 0
}

.component-slider .panels-container.left .slide-exit {
    left: 0;
    transition: left .3s
}

.component-slider .panels-container.left .slide-exit.slide-exit-active {
    left: 110%
}

.footer-section {
    display: flex;
    justify-content: space-between
}

.footer-section .footer-item {
    width: calc(20% - 12px);
    margin: 6px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 3px;
    cursor: pointer
}

.footer-section .footer-item .footer-title {
    margin-top: 20px;
    text-align: center;
    font-size: 18px
}

.footer-section .footer-item .footer-text {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%);
    font-size: 18px
}

.footer-section .footer-item .footer-text:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.footer-section .footer-item .footer-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px
}

.footer-section .footer-item.facebook {
    position: relative;
    background: #804d1d;
    cursor: pointer;
    color: #fff
}

.footer-section .footer-item.facebook .footer-text,
.footer-section .footer-item.facebook .footer-title {
    display: none
}

@media (min-width:800px) {
    .footer-section .footer-item.facebook .footer-text,
    .footer-section .footer-item.facebook .footer-title {
        display: block
    }
}

.footer-section .footer-item.facebook .footer-text:after {
    background: #fff
}

.footer-section .footer-item.instagram {
    background: #804d1d;
    position: relative;
    cursor: pointer;
    color: #fff
}

.footer-section .footer-item.instagram .footer-text,
.footer-section .footer-item.instagram .footer-title {
    display: none
}

@media (min-width:800px) {
    .footer-section .footer-item.instagram .footer-text,
    .footer-section .footer-item.instagram .footer-title {
        display: block
    }
}

.home-loading .image-banner-loading {
    height: 300px;
    background: rgba(0, 0, 0, .05)
}

.logo-loading {
    width: 100%;
    margin: auto;
    height: 100vh;
    position: relative
}

.logo-loading img {
    width: 25%;
    margin: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-route .filter-panel {
    padding-top: 30px
}

@media (min-width:769px) {
    .home-route .filter-panel {
        padding-top: 30px
    }
}

.home-route .feedback-section {
    background: rgba(96, 58, 22, .329)
}

.home-route .feedback-section .feedback-container {
    padding-top: 60px;
    padding-bottom: 60px
}

.home-route .feedback-section .feedback-container .image-feedback {
    width: 100%;
    margin-bottom: 20px
}

@media (min-width:500px) {
    .home-route .feedback-section .feedback-container {
        display: flex;
        align-items: center;
        justify-content: center
    }
    .home-route .feedback-section .feedback-container .image-feedback {
        width: 50%;
        margin-bottom: 20px
    }
}

.home-route .feedback-section .feedback-container .fb-text {
    text-align: center;
    margin: 0 24px
}

.home-route .feedback-section .feedback-container .fb-text .feedback-title {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px
}

.home-route .feedback-section .feedback-container .fb-text .feedback-description {
    font-size: 16px;
    font-weight: 300
}

.home-route .feedback-section .feedback-container .fb-text .feedback-footer {
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 700;
    font-style: italic
}

.home-route .about {
    padding-top: 40px;
    padding-bottom: 40px
}

.home-route .about .text-item,
.home-route .about p {
    text-align: justify
}

@media (min-width:700px) {
    .home-route .about {
        display: flex
    }
}

.home-route .about .about-wrapper {
    padding-right: 30px;
    margin-bottom: 30px
}

.home-route .about .about-wrapper .title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

.home-route .about .about-wrapper .about-footer {
    margin-top: 10px
}

.home-route .about .about-wrapper .about-footer span {
    font-size: 16px;
    position: relative;
    cursor: pointer;
    font-weight: 700
}

.home-route .about .about-wrapper .about-footer span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

@media (min-width:700px) {
    .home-route .about .news {
        width: 50%
    }
}

.home-route .about .news .title {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

@media (min-width:700px) {
    .home-route .about .news .title {
        padding-left: 10px
    }
}

.home-route .about .news .news-wrapper {
    display: flex
}

.home-route .about .news .news-wrapper .news-item {
    width: 20%;
    padding: 0 10px;
    cursor: pointer
}

.home-route .about .news .news-wrapper .news-item:hover img {
    filter: grayscale(0) opacity(.8)
}

.home-route .about .news .news-wrapper .news-item:first-child {
    padding-left: 0
}

@media (min-width:700px) {
    .home-route .about .news .news-wrapper .news-item:first-child {
        padding-left: 10px
    }
}

.home-route .about .news .news-wrapper .news-item img {
    transition: filter .3s;
    width: 100%;
    filter: grayscale(100%) opacity(.3)
}

.home-route .products-section .landing-header-catalog {
    margin: 10px 0
}

.home-route .products-section .view-more-btn,
.search-route .products-section .view-more-btn {
    text-align: center
}

.home-route .products-section .view-more-btn span,
.search-route .products-section .view-more-btn span {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    position: relative
}

.home-route .products-section .view-more-btn span:after,
.search-route .products-section .view-more-btn span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

@media (min-width:769px) {
    .home-route .products-section .landing-header-catalog {
        margin: 13px 0 40px
    }
}

.home-route .products-section .landing-header-catalog .catalog-item {
    font-size: 25px;
    margin: 0 15px
}

.products-section .landing-header-catalog {
    justify-content: center;
    height: 44px;
    line-height: 44px;
    display: flex
}

.products-section .landing-header-catalog .catalog-item {
    padding: 0 15px;
    font-size: 14px!important;
    cursor: pointer;
    position: relative
}

@media (min-width:769px) {
    .products-section .landing-header-catalog .catalog-item {
        font-size: 25px!important;
        font-weight: 400!important
    }
}

.products-section .landing-header-catalog .catalog-item.active:after,
.products-section .landing-header-catalog .catalog-item:hover:after {
    display: block
}

.products-section .landing-header-catalog .catalog-item:after {
    content: "";
    width: calc(100% - 30px);
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: 0;
    left: 15px;
    display: none
}

.products-section .loading-item {
    height: 500px;
    text-align: center;
    line-height: 250px;
    cursor: progress;
    font-size: 22px
}

.newest-route {
    margin-top: 20px
}

.newest-route .title {
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px
}

.newest-route .lona-review {
    margin-top: 40px;
    text-align: center;
    font-size: 18px
}

.newest-route .lona-review .review-title {
    font-size: 32px;
    font-weight: 700
}

.newest-route .lona-review .review-sub-title {
    margin-top: 10px
}

.newest-route .lona-review .review-full {
    margin: 20px auto 0
}

@media (min-width:769px) {
    .newest-route .lona-review .review-full {
        max-width: 66.67%
    }
}

.newest-route .loading-item {
    height: 500px;
    text-align: center;
    line-height: 250px;
    cursor: progress;
    font-size: 22px
}

.error-route {
    font-family: Aptima
}

.error-route .checkout-card-item {
    text-align: left!important
}

.error-route .checkout-card-item b {
    font-size: 24px
}

.order-detail-route {
    margin-top: 50px
}

.order-detail-route.loading-overlay {
    width: 100%;
    height: 100vh;
    position: relative
}

.order-detail-route.loading-overlay .loading-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.order-detail-route .order-number {
    margin-bottom: 12px
}

.order-detail-route .order-number span {
    padding-left: 5px;
    font-size: 13px
}

.order-detail-route .order-items .order-item {
    margin-bottom: 12px;
    padding-right: 130px;
    position: relative;
    display: flex
}

.order-detail-route .order-items .order-item .product-image {
    flex: 0 1 50px;
    margin-right: 10px
}

.order-detail-route .order-items .order-item .product-image img {
    width: 100%
}

.order-detail-route .order-items .order-item .product-title {
    flex: 1 1;
    font-size: 15px;
    font-weight: 700
}

.order-detail-route .order-items .order-item .product-price {
    position: absolute;
    right: 0
}

.order-detail-route .order-total-item {
    position: relative;
    padding-right: 130px;
    text-align: right;
    margin-bottom: 5px
}

.order-detail-route .order-total-item .text {
    font-size: 14px
}

.order-detail-route .order-total-item .price {
    position: absolute;
    top: 0;
    right: 0;
    font-weight: 700
}

@media (min-width:769px) {
    .order-detail-route .order-info-wrapper {
        display: flex
    }
}

.order-detail-route .order-info-wrapper .order-info-side {
    flex: 1 1 50%
}

.order-detail-route .order-info-item {
    margin-bottom: 12px;
    display: flex;
    grid-gap: 10px;
    gap: 10px
}

.order-detail-route .order-info-item .title {
    font-size: 14px
}

.order-detail-route .order-info-item .value {
    font-weight: 700;
    font-size: 16px
}

.order-detail-route .order-footer {
    font-size: 13px;
    text-align: center
}

a {
    cursor: pointer;
    text-decoration: none !important;
    font-weight: 700
}

.product-route {
    margin-top: 40px;
    margin-bottom: 40px
}

.page-rule-route .store-description {
    font-family: Aptima;
    font-size: 14px;
    min-height: 100vh
}

.page-rule-route .list-item {
    margin-top: 10px
}

.search-route {
    margin-top: 20px;
    padding: 20px
}

.search-route .title {
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px
}

.store-route {
    margin-top: 20px;
    margin-bottom: 40px
}

.store-route .store-header {
    font-weight: 700;
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px
}

.store-route .store-wrapper {
    display: flex
}

@media (max-width:780px) {
    .store-route .store-wrapper {
        flex-direction: column
    }
    .store-route .store-wrapper .map-info,
    .store-route .store-wrapper .store-info {
        width: 100%
    }
}

@media (min-width:781px) {
    .store-route .store-wrapper .map-info,
    .store-route .store-wrapper .store-info {
        width: 50%
    }
}

.store-route .store-wrapper .store-info b {
    display: block;
    margin-bottom: 12px;
    font-size: 18px
}

.store-route .store-wrapper .store-info .text-title {
    margin-top: 12px
}

.store-route .store-wrapper .store-info .text-info {
    font-family: Aptima;
    font-size: 14px
}

.store-route .store-wrapper .store-info .radio {
    margin-bottom: 12px
}

.store-route .store-wrapper .map-info .google-maps {
    width: 100%;
    height: 300px
}

.menu-mobile-drop {
    padding: 0 10px;
    color: #633e1a
}

.modal-login {
    margin: 10px auto 0!important;
    max-height: 100vh;
    overflow: auto
}

.modal-login .b-title.center {
    text-align: center;
    text-transform: uppercase
}

.modal-login .resend-otp {
    float: right;
    margin-bottom: 10px;
    color: #603917
}

.modal-login .b-title {
    margin: 5px;
    padding: 0
}

.modal-login .b-unline {
    margin: 10px 0;
    font-size: 13px
}

.modal-login .b-unline .b-unline-q {
    display: flex;
    align-items: center
}

.modal-login .b-register {
    padding: 10px
}

.modal-login span.line {
    height: 1px;
    flex: 1 1;
    background: #c6a180
}

.modal-login .pass-forget {
    text-align: center;
    color: #c6a180;
    font-size: 12px;
    margin-top: 10px;
    padding-bottom: 10px;
    font-weight: 300;
    cursor: pointer
}

@media(min-width:677.98px) {
    .modal-login .b-login-center {
        max-width: 300px;
        margin: auto
    }
    .modal-login .b-col-2 {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 10px
    }
}

@media(min-width:767.98px) {
    .contact .lona-col-2 {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 10px
    }
}

.lona-social .lona-social-item {
    display: inline-block;
    margin: 0 7px
}

.lona-social .lona-social-item svg {
    display: block;
    width: 12px;
    height: 12px;
    opacity: .6;
    transition: opacity .2s ease-in-out
}

.content-related {
    margin-top: 2em
}

.title-related {
    font-weight: 700;
    color: #28453b;
    font-family: Aptima-Bold;
    font-size: 20px;
    margin: 5px;
    text-transform: uppercase;
    text-align: center
}

.check-out-result {
    max-width: 850px;
    margin: 10px auto;
    box-shadow: 1px 1px 3px 1px #8d8e8e;
    padding: 10px
}

.checkout-route .t-table .tr {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.checkout-route .checkout-wrapper .checkout-footer .ship,
.checkout-route .checkout-wrapper .checkout-footer .total {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media(max-width:678px) {
    .checkout-route .checkout-wrapper .checkout-footer .price span {
        display: block
    }
    .filter.mobile {
        flex: 100% 1;
        max-width: 52%
    }
    .blog-banner {
        height: 180px
    }
    .blog-title-banner {
        text-align: center;
        padding: 0 20px;
        font-size: .8em
    }
}

@media(min-width:679px) {
    .text-filter {
        text-align: end
    }
    .blog-banner {
        height: 450px
    }
}

.blog-title-banner {
    text-align: center;
    color: #fff
}

.blog-banner {
    background: #00000030;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center
}

@media(min-width:680px) {
    .blog-detail-route {
        display: grid;
        grid-template-columns: 10% 65% 25%
    }
    .blog-detail-route .blog-content {
        display: grid;
        grid-template-columns: 20% 80%
    }
}

.blog-lien-quan {
    background: #f6f6f6
}

.blog-lien-quan .blog-item {
    margin-top: 30px;
    border-bottom: 1px solid #60391759
}

@media(min-width:780px) {
    .blog-lien-quan .blog-item {
        padding: 10px 30px
    }
}

.blog-lien-quan .blog-item:last-child {
    border-bottom: unset
}

.blog-lien-quan .blog-item .blog-img {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 5px
}

@media(min-width:780px) {
    .blog-lien-quan .blog-item .blog-img {
        max-width: 60%;
        margin: auto
    }
}

.blog-lien-quan .blog-item .blog-title {
    margin-top: 20px;
    font-family: Aptima, serif;
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px
}

.blog-lien-quan .blog-item .blog-detail {
    padding: 0 5px;
    text-align: justify;
    font-weight: 300;
    font-size: 16px
}

.blog-lien-quan .blog-item .blog-footer {
    text-align: center;
    margin-top: 20px
}

.blog-lien-quan .blog-item .blog-footer span {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

.blog-lien-quan .blog-item .blog-footer span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.search-route .btn-search {
    background: #5f3914;
    border: 1px solid #5f3914;
    height: 35px;
    color: #fff;
    font-weight: 700;
    flex: none;
    padding: 0 20px
}

.search-route .box-input {
    display: flex;
    grid-gap: 2px;
    gap: 2px;
    flex: 1 1
}

.search-route .box-search {
    display: flex;
    max-width: 550px;
    margin: auto
}

@media(max-width:679px) {
    .search-route .box-search {
        flex-direction: column
    }
}

.blog-search-section {
    margin-top: 40px;
    margin-bottom: 40px;
    justify-content: space-between
}

@media(min-width:678px) {
    .blog-search-section {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 5px;
        gap: 5px
    }
    .blog-search-section .blog-item {
        width: 33%
    }
}

.blog-search-section .blog-item {
    margin-bottom: 30px
}

.blog-search-section .blog-item .blog-img {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 5px
}

.blog-search-section .blog-item .blog-title {
    margin-top: 20px;
    font-family: Cormorant Upright, serif;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 20px
}

.blog-search-section .blog-item .blog-detail {
    padding: 0 5px;
    text-align: justify;
    font-weight: 300;
    font-size: 16px
}

.blog-search-section .blog-item .blog-footer {
    text-align: center;
    margin-top: 20px
}

.blog-search-section .blog-item .blog-footer span {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

.blog-search-section .blog-item .blog-footer span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.landing-footer .item-child {
    margin-top: 15px
}

@media(min-width:768px) {
    .footer-text.pointer {
        display: inline-block;
        padding-right: 35px
    }
}

.store-route .store-wrapper .card-body-paypal {
    display: grid;
    grid-template-columns: auto 200px;
    grid-gap: 20px
}

.blog-event {
    background: #bebebe24
}

.blog-event .blog-event-item {
    display: flex;
    flex-direction: column;
    padding: 10px
}

.blog-event .blog-event-item .blog-img {
    aspect-ratio: 1/1;
    --aspect-ratio: 1/1;
    background-position: 50%;
    background-size: cover
}

.blog-event .blog-event-item .blog-title {
    font-weight: 700;
    margin: 10px 5px;
    height: 50px;
    text-align: center;
    overflow: hidden
}

.blog-event .blog-event-item .blog-event-body {
    box-shadow: 0 0 3px 0 #11223314;
    padding: 10px
}

.blog-event .blog-event-item .blog-footer {
    text-align: center;
    margin-top: 20px
}

.blog-event .blog-event-item .blog-footer span {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

.blog-event .blog-event-item .blog-footer span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.blog-customer {
    background: #bebebe24
}

.blog-customer .blog-customer-item {
    display: flex;
    flex-direction: column;
    padding: 10px
}

.blog-customer .blog-customer-item .blog-img {
    aspect-ratio: 1/1;
    --aspect-ratio: 1/1;
    background-position: 50%;
    background-size: cover
}

.blog-customer .blog-customer-item .blog-title {
    font-weight: 700;
    margin: 10px 5px;
    height: 50px;
    text-align: center;
    overflow: hidden
}

.blog-customer .blog-customer-item .blog-customer-body {
    box-shadow: 0 0 3px 0 #11223314;
    padding: 10px
}

.blog-customer .blog-customer-item .blog-footer {
    text-align: center;
    margin-top: 20px
}

.blog-customer .blog-customer-item .blog-footer span {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

.blog-customer .blog-customer-item .blog-footer span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.blog-about-slide .blog-about-item {
    display: flex;
    flex-direction: column;
    padding: 10px
}

.blog-about-slide .blog-about-item .blog-img {
    aspect-ratio: 1/1;
    --aspect-ratio: 1/1;
    background-position: 50%;
    background-size: cover
}

.blog-about-slide .blog-about-item .blog-title {
    font-weight: 700;
    margin: 10px 5px;
    height: 50px;
    text-align: center;
    overflow: hidden;
    font-style: italic
}

.blog-about-slide .blog-about-item .blog-about-body {
    box-shadow: 0 0 3px 0 #11223314;
    padding: 10px
}

.blog-about-slide .blog-about-item .blog-footer {
    text-align: center;
    margin-top: 20px
}

.blog-about-slide .blog-about-item .blog-footer span {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    color: rgba(34, 68, 34, .267) 2;
    position: relative
}

.blog-about-slide .blog-about-item .blog-footer span:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 2px;
    background: #28453b;
    border-radius: 1px;
    bottom: -5px;
    left: 0
}

.cart-detail-route .cart-items {
    display: flex;
    flex-direction: column
}

.cart-detail-route .cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    grid-gap: 10px;
    gap: 10px
}

.cart-detail-route .product-image {
    width: 60px
}

.cart-detail-route .product-image img {
    width: 100%
}

.cart-detail-route .card-body-paypal {
    display: grid;
    grid-gap: 50px;
    gap: 50px
}

@media(min-width:781px) {
    .cart-detail-route .card-body-paypal {
        grid-template-columns: auto auto
    }
}

@media(max-width:780px) {
    .cart-detail-route .card-body-paypal {
        grid-template-columns: auto
    }
}

.cart-detail-route .cart-total-item {
    display: flex;
    justify-content: space-between
}

.cart-detail-route .cart-info-item {
    display: flex;
    grid-gap: 10px;
    gap: 10px
}

.cart-detail-route .thanh-toan-paypal {
    padding: 10px
}

@media(max-width:679px) {
    .blog-route {
        padding-left: 20px;
        padding-right: 20px
    }
}

.video9-4 {
    aspect-ratio: 16/9;
    --aspect-ratio: 16/9;
    width: 100%
}

.error {
    color: #fd397a!important
}

.filter-panel .text-filter {
    padding-top: .35rem;
    font-size: 1.7rem;
    text-align: center
}

.error-text {
    color: red;
    font-size: .8rem;
    margin-bottom: 1rem
}

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

.title-blog,
.title-event {
    text-align: center;
    padding-top: 10px;
    font-size: 20px
}

.title-blog span,
.title-event span {
    font-weight: 700
}

.btn-row-left:before {
    content: "←";
    font-family: system-ui;
    padding: 6px
}

.btn-row-right:before {
    content: "→";
    font-family: system-ui;
    padding: 6px
}

.slick-prev {
    right: 60px!important
}

.slick-next,
.slick-prev {
    top: -20px!important;
    left: auto!important
}

.slick-next {
    right: 20px!important
}

.slick-next:before,
.slick-prev:before {
    font-family: FontAwesome!important;
    font-size: 20px!important;
    opacity: .9!important;
    color: #756c6c!important;
    border: 1px solid;
    padding: 5px;
    border-radius: 50%
}

.feedback-section .dots {
    text-align: center
}

.feedback-section .dots .dot {
    height: 10px;
    width: 10px;
    background-color: #878585;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px
}

.feedback-section .dots .dot.active {
    background-color: #272626
}

@media(min-width:769px) {
    .feedback-section .feedback-wrapper {
        display: grid!important;
        grid-template-columns: 40% 60%!important
    }
    .feedback-section .feedback-wrapper .feedback-image {
        width: auto;
        height: auto
    }
    .feedback-section .feedback-slide {
        height: 80%
    }
    .feedback-section .feedback-dot {
        border-top: 1px solid;
        display: flex;
        justify-content: space-between
    }
    .feedback-section .feedback-dot .dots {
        text-align: left
    }
    .feedback-section .feedback-dot .xem-them-svg {
        display: flex;
        align-items: stretch;
        grid-gap: 5px;
        gap: 5px
    }
}

.slick-dots li {
    width: 10px!important;
    height: 10px!important
}

.slick-next,
.slick-prev {
    width: 30px!important;
    height: 30px!important
}

@media(min-width:700px) {
    .home-about {
        background: #684c300a
    }
    .home-about .about-wrapper {
        background: #c6bcb0;
        padding: 30px
    }
    .home-about .about-wrapper * {
        color: #664733
    }
    .home-about .about-wrapper p {
        font-size: 10pt
    }
    .home-about .about-wrapper h3 {
        font-size: 16pt
    }
    .content {
        display: grid;
        grid-template-columns: 35% auto
    }
    .content .image {
        padding-right: 20px;
        margin-bottom: 30px;
        background-size: cover;
        background-image: url('/images/bg-home.jpg');
    }
    .content .image img {
        max-width: 100%
    }
}

@media(max-width:699px) {
    .product-view-modal .modal-content .content-view .content-header .btn-green {
        top: -8px;
        right: 0;
    }
    .home-about .about-wrapper {
        background: #674320;
        padding: 30px
    }
    .home-about .about-wrapper * {
        color: #fff
    }
    .home-about .about-wrapper p {
        font-size: 10pt
    }
    .home-about .about-wrapper h3 {
        font-size: 16pt
    }
    .content {
        background-size: cover
    }
    .content .about-wrapper {
        background: transparent;
        padding-top: 250px;
        background-image: linear-gradient(#bb7e9f00, #bb7e9fbd, #bb7e9f)
    }
    .content .image {
        display: none
    }
    .feedback-section .feedback-container .feedback-wrapper .feedback-image .image-preview {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 50%;
        border-radius: 10px;
        width: 100%;
        height: 100%
    }
    .feedback-section .feedback-container .feedback-wrapper .feedback-text,
    .feedback-section .feedback-container .feedback-wrapper .feedback-text .feedback-slide {
        position: relative;
        height: 200px;
        padding: 0 3px
    }
    .home-route .feedback-section .feedback-container {
        padding-top: 41px;
        padding-bottom: 60px
    }
    .feedback-section .feedback-container .feedback-wrapper .feedback-image {
        height: 350px
    }
    .feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button.left {
        right: 35px;
        top: -385px
    }
    .feedback-section .feedback-container .feedback-wrapper .feedback-text .action-button.right {
        top: -385px
    }
    .feedback-dot {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .xem-them-svg {
        display: flex;
        align-items: stretch;
        grid-gap: 5px;
        gap: 5px
    }
    .partner .title {
        text-align: center;
        text-transform: uppercase;
        font-size: 14pt
    }
    .partner .partner-logos {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 10px
    }
    .partner .partner-logos .item-logo {
        width: 80vw;
        height: 150px;
        position: relative
    }
    .partner .partner-logos .item-logo.item-empty {
        display: none
    }
    .partner .partner-logos .item-logo .item {
        position: absolute;
        width: 80vw;
        height: 120px;
        padding: 10px
    }
    .partner .xem-them {
        margin-bottom: 36px;
        text-align: center
    }
    .partner .xem-them span {
        background: #c7bdb3;
        padding: 5px 10px 8px;
        border-radius: 10pt;
        text-align: center;
        font-weight: 700;
        font-size: 16px
    }
}

@media(min-width:700px) {
    .partner .title {
        text-align: center;
        text-transform: uppercase;
        font-size: 14pt
    }
    .partner .partner-logos {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-direction: row;
        margin-top: 10px
    }
    .partner .partner-logos .item-logo {
        width: 178px;
        height: 140px;
        position: relative
    }
    .partner .partner-logos .item-logo .item {
        position: absolute;
        width: 120px;
        height: 120px;
        padding: 10px
    }
    .partner .xem-them {
        margin-bottom: 36px;
        text-align: center
    }
    .partner .xem-them span {
        background: #c7bdb3;
        padding: 5px 10px 8px;
        border-radius: 10pt;
        text-align: center;
        font-weight: 700;
        font-size: 16px
    }
}

h1.title-home-h1 {
    font-size: 1.5em;
    text-align: center;
    font-weight: 700
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

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

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

.slick-list:focus {
    outline: none
}

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

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translateZ(0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

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

[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-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

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

/* .slick-loading .slick-list {
    background: #fff url(../images/ajax-loader.0b80f665.gif) 50% no-repeat
} */

@font-face {
    font-family: slick;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/slick.25572f22.eot);
    src: url(../fonts/slick.25572f22.eot#iefix) format("embedded-opentype"), url(../fonts/slick.653a4cbb.woff) format("woff"), url(../fonts/slick.6aa1ee46.ttf) format("truetype"), url(../fonts/slick.f895cfdf.svg#slick) format("svg")
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    transform: translateY(-50%);
    cursor: pointer;
    border: none
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: none;
    background: transparent
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: slick;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0
}

.slick-dots li,
.slick-dots li button {
    width: 20px;
    height: 20px;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #000
}
.dropdown-menu-custom{
    position: inherit !important;
    transform: none !important;
    border: none !important;
}