/****** style min ******/
@charset "UTF-8";

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    border-radius: 0;
    border: none;
    font-size: 3rem
}

.owl-loaded .owl-stag:after {
    content: ""
}

.owl-carousel:not(.owl-loaded) {
    flex-wrap: nowrap;
    overflow: hidden
}

.owl-carousel:not(.owl-loaded)[class*=cols-]:not(.gutter-no) {
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: auto
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 1.5rem
}

.owl-theme.owl-shadow-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 4rem
}

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
    margin: 0;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 400;
    color: #222
}

.owl-theme .owl-nav .owl-next i:before,
.owl-theme .owl-nav .owl-prev i:before {
    margin: 0
}

.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,
.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,
.owl-theme .owl-nav .owl-next:not(.disabled):hover,
.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,
.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,
.owl-theme .owl-nav .owl-prev:not(.disabled):hover {
    background-color: transparent;
    color: #ff9c28
}

.owl-theme .owl-nav .owl-next.disabled,
.owl-theme .owl-nav .owl-prev.disabled {
    color: #999
}

.owl-theme .owl-nav .owl-prev {
    left: -40px
}

.owl-theme .owl-nav .owl-next {
    right: -40px
}

.owl-theme .owl-dots .owl-dot.active span {
    background-color: #ff9c28;
    border-color: #ff9c28
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px
}

@media (max-width:1300px) {
    .owl-theme .owl-nav .owl-prev {
        left: 20px
    }

    .owl-theme .owl-nav .owl-next {
        right: 20px
    }
}

.owl-nav-arrow .owl-nav .owl-next,
.owl-nav-arrow .owl-nav .owl-prev {
    color: #777;
    font-size: 4.5rem
}

.owl-nav-arrow .owl-nav .owl-next i,
.owl-nav-arrow .owl-nav .owl-prev i {
    display: none
}

.owl-nav-arrow .owl-nav .owl-next:before,
.owl-nav-arrow .owl-nav .owl-prev:before {
    font-family: "panda"
}

.owl-nav-arrow .owl-nav .owl-next:not(.disabled):active,
.owl-nav-arrow .owl-nav .owl-next:not(.disabled):focus,
.owl-nav-arrow .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-arrow .owl-nav .owl-prev:not(.disabled):active,
.owl-nav-arrow .owl-nav .owl-prev:not(.disabled):focus,
.owl-nav-arrow .owl-nav .owl-prev:not(.disabled):hover {
    background-color: transparent;
    color: #ff9c28
}

.owl-nav-arrow .owl-nav .owl-next.disabled,
.owl-nav-arrow .owl-nav .owl-prev.disabled {
    color: #aaa
}

.owl-nav-arrow .owl-nav .owl-next {
    right: 5%
}

.owl-nav-arrow .owl-nav .owl-next:before {
    content: ""
}

.owl-nav-arrow .owl-nav .owl-prev {
    left: 5%
}

.owl-nav-arrow .owl-nav .owl-prev:before {
    content: ""
}

.owl-nav-outer .owl-nav .owl-next {
    right: -8%
}

.owl-nav-outer .owl-nav .owl-prev {
    left: -8%
}

.owl-nav-inner .owl-nav .owl-next,
.owl-nav-inner .owl-nav .owl-prev {
    opacity: 0;
    visibility: hidden
}

.owl-nav-inner .owl-nav .owl-prev {
    left: 0
}

.owl-nav-inner .owl-nav .owl-next {
    right: 0
}

.owl-nav-inner:hover .owl-next,
.owl-nav-inner:hover .owl-prev {
    opacity: 1;
    visibility: visible
}

.owl-nav-inner:hover .owl-prev {
    left: 3.7rem
}

.owl-nav-inner:hover .owl-next {
    right: 3.7rem
}

.owl-nav-box .owl-nav .owl-next,
.owl-nav-box .owl-nav .owl-prev {
    border: 1px solid #e0dede;
    width: 2em;
    height: 2em;
    color: #222;
    transition: border-color 0.3s, background-color 0.3s, color 0.3s;
    line-height: 0
}

.owl-nav-box .owl-nav .owl-next:not(.disabled):active .owl-nav-box .owl-nav .owl-next:not(.disabled):focus,
.owl-nav-box .owl-nav .owl-next:not(.disabled):active .owl-nav-box .owl-nav .owl-prev:not(.disabled):focus,
.owl-nav-box .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-box .owl-nav .owl-prev:not(.disabled):active .owl-nav-box .owl-nav .owl-next:not(.disabled):focus,
.owl-nav-box .owl-nav .owl-prev:not(.disabled):active .owl-nav-box .owl-nav .owl-prev:not(.disabled):focus,
.owl-nav-box .owl-nav .owl-prev:not(.disabled):hover {
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #fff
}

.owl-nav-top .owl-nav {
    position: absolute;
    display: flex;
    top: -9.5rem;
    right: -0.4rem;
    color: #222
}

.owl-nav-top .owl-nav .owl-next,
.owl-nav-top .owl-nav .owl-prev {
    transform: translateY(30%);
    transition: color 0.3s
}

.owl-nav-top .owl-nav .owl-next:not(.disabled):active .owl-nav-top .owl-nav .owl-next:not(.disabled):focus,
.owl-nav-top .owl-nav .owl-next:not(.disabled):active .owl-nav-top .owl-nav .owl-prev:not(.disabled):focus,
.owl-nav-top .owl-nav .owl-next:not(.disabled):hover,
.owl-nav-top .owl-nav .owl-prev:not(.disabled):active .owl-nav-top .owl-nav .owl-next:not(.disabled):focus,
.owl-nav-top .owl-nav .owl-prev:not(.disabled):active .owl-nav-top .owl-nav .owl-prev:not(.disabled):focus,
.owl-nav-top .owl-nav .owl-prev:not(.disabled):hover {
    color: #ff9c28
}

.owl-nav-top .owl-nav .owl-next.disabled,
.owl-nav-top .owl-nav .owl-prev.disabled {
    color: #999;
    pointer-events: none
}

.owl-nav-top .owl-nav i {
    font-size: 1.8rem
}

.owl-nav-bottom .owl-nav {
    position: absolute;
    bottom: 27%;
    right: 6%;
    color: #999
}

.owl-nav-bottom .owl-nav i {
    font-size: 2.4rem
}

.owl-nav-bottom .owl-nav button:not(.disabled) {
    color: #222
}

.owl-nav-bottom .owl-nav button:not(.disabled):hover {
    color: #ff9c28
}

.owl-nav-bottom .owl-prev {
    margin-right: 0.8rem
}

.owl-carousel .slide-animate {
    transform: translate3d(0, 0, 0) scale(1);
    will-change: filter, transform, opacity;
    visibility: hidden;
    opacity: 0
}

.owl-carousel .slide-animate.show-content {
    visibility: visible;
    opacity: 1
}

.owl-dots-line {
    position: relative
}

.owl-dots-line .owl-dots-container {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-items: center;
    bottom: 8.5%;
    left: 50%;
    transform: translateX(-50%)
}

.owl-dots-line .owl-dots-container .owl-dot {
    position: relative;
    font-size: 0.875em;
    font-weight: 400;
    color: #54524d;
    padding: 0 8px;
    background: transparent;
    transition: margin-right 0.3s
}

.owl-dots-line .owl-dots-container .owl-dot:after {
    position: absolute;
    content: "";
    top: 37%;
    left: 100%;
    width: 0;
    border-bottom: 1px solid #ff9c28;
    transition: width 0.3s
}

.owl-dots-line .owl-dots-container .owl-dot.active {
    color: #ff9c28;
    margin-right: 8rem
}

.owl-dots-line .owl-dots-container .owl-dot.active:after {
    width: 8rem;
    color: #ff9c28
}

.owl-dots-line .owl-dots-container .owl-dot:hover {
    cursor: pointer;
    color: #ff9c28
}

.owl-box-border {
    border: 1px solid #dfdfdf
}

@media (min-width:992px) {
    .owl-box-border .active:not(:last-child):before {
        content: "";
        position: absolute;
        top: 50%;
        right: -1px;
        transform: translateY(-50%);
        width: 1px;
        height: 56px;
        background-color: #dfdfdf
    }
}

.noUi-target {
    background: #e0dede;
    margin: 4px 6px 3rem 9px
}

.noUi-connects {
    padding: 11.5px 0;
    top: -11px
}

.noUi-connect {
    background: #ff9c28;
    margin-top: 11px;
    height: 2px
}

.noUi-horizontal {
    height: 2px
}

.noUi-horizontal .noUi-handle {
    top: -0.6rem;
    width: 1.4rem;
    height: 1.4rem;
    background-color: #fff;
    border: 1px solid #ff9c28;
    border-radius: 50%
}

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

html {
    font-size: 62.5%;
    font-size-adjust: 100%;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    margin: 0;
    overflow-x: hidden;
    font-family: Josefin Sans, sans-serif;
    font-size: 1.6rem;
    line-height: 1.625;
    color: #777;
    font-weight: 300
}

main {
    display: block;
    position: relative
}

body:not(.loaded) * {
    transition: all 0s !important
}

.page-wrapper {
    position: relative;
    transition: margin 0.4s
}

table {
    width: 100%;
    border-collapse: collapse
}

table td,
table th {
    padding: 0
}

.grey-section {
    background: #f8f8f8
}

.dark-section {
    background: #333
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s
}

a:hover {
    color: #ff9c28
}

:focus {
    outline: 0
}

figure {
    margin: 0
}

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

hr {
    margin-bottom: 2rem;
    border: 0;
    border-top: 1px solid #e0dede
}

.input-group>button,
.input-group>input {
    margin: 0
}

i {
    font-style: normal
}

.scrollable {
    -webkit-overflow-scrolling: touch
}

.scrollable::-webkit-scrollbar {
    height: 7px;
    width: 4px
}

.scrollable::-webkit-scrollbar-thumb {
    margin-right: 2px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    cursor: pointer
}

.scrollable-light::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2)
}

.appear-animate {
    transform: translate3d(0, 0, 0) scale(1);
    will-change: transform, filter, opacity
}

.scroll-top {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 1.5rem;
    z-index: 1000;
    width: 4.6rem;
    height: 4.6rem;
    bottom: -4rem;
    opacity: 0;
    transition: bottom 0.3s, opacity 0.3s
}

.scroll-top:hover i {
    opacity: 0.9
}

.scroll-top i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    color: #fff;
    line-height: 3.3rem;
    text-align: center;
    background-color: #333;
    border: 2px solid #333;
    border-radius: 50%;
    z-index: 1;
    transition: opacity 0.3s
}

.scroll-top svg {
    position: absolute;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    top: 1px;
    left: 1px;
    z-index: -1
}

.scroll-top svg circle {
    stroke: #ff9c28;
    stroke-width: 4px;
    stroke-linecap: round
}

@media (min-width:768px) {
    .scroll-top.show {
        opacity: 1;
        bottom: 10rem
    }
}

@keyframes fixedTop {
    0% {
        transform: translateY(-100%);
        transform-origin: center top 0px
    }

    to {
        transform: translateY(0)
    }
}

@keyframes fixedBottom {
    0% {
        transform: translateY(100%);
        transform-origin: center top 0px
    }

    to {
        transform: translateY(0)
    }
}

.sticky-content.fix-top {
    top: 0
}

.sticky-content.fix-bottom {
    bottom: 0
}

.sticky-content.fixed {
    position: fixed;
    opacity: 1;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 1051;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1)
}

.sticky-content.fixed.fix-top {
    animation: fixedTop 0.4s
}

.sticky-content.fixed.fix-bottom {
    animation: fixedBottom 0.4s
}

.load-more-overlay.loading:after,
.loading:not(.load-more-overlay) {
    animation: spin 650ms infinite linear;
    border: 2px solid transparent;
    border-radius: 32px;
    border-top: 2px solid rgba(0, 0, 0, 0.4) !important;
    border-right: 2px solid rgba(0, 0, 0, 0.4) !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;
    content: "";
    display: block;
    height: 21px;
    width: 21px;
    top: 50%;
    margin-top: -11px;
    left: 49%;
    margin-left: -10px;
    right: auto;
    position: absolute
}

.load-more-overlay {
    position: relative
}

.load-more-overlay.loading:after {
    content: ""
}

.load-more-overlay:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: transparent;
    opacity: 0.8
}

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

    to {
        transform: rotate(359deg)
    }
}

.breadcrumb,
.category ul,
.comments ul,
.content-specification ul,
.dropdown-box,
.filter-items,
.list,
.menu,
.menu ul,
.mobile-menu,
.mobile-menu ul,
.nav,
.nav-filters,
.nav ul,
.pagination,
.product-nav,
.select-menu>ul,
.shipping-row-last ul,
.widget-body,
.widget-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 300;
    line-height: 1.4;
    color: #222
}

h1 {
    font-size: 2.5em
}

h2 {
    font-size: 1.875em;
    line-height: 1.1em
}

h3 {
    font-size: 1.5em
}

h4 {
    font-size: 1.125em
}

h5 {
    font-size: 1em;
    line-height: 1.2em
}

h6 {
    font-size: 0.875em
}

p {
    margin: 0 0 2rem 0
}

blockquote {
    margin: 0
}

.list li {
    margin-bottom: 1.2rem
}

.list-style-none {
    list-style: none
}

.list-type-number {
    list-style-type: decimal;
    padding-left: 1.4rem
}

.list-circle i {
    margin-right: 1rem;
    font-size: 1.4rem;
    color: #54524d
}

.default-blockquote {
    position: relative;
    padding-left: 4.2rem
}

.default-blockquote:after {
    position: absolute;
    display: block;
    content: "";
    left: 0;
    width: 2px;
    top: -15px;
    bottom: -10px;
    background-color: #ff9c28
}

.default-blockquote:before {
    position: absolute;
    top: 66%;
    right: 11%;
    z-index: -1;
    font-family: "Font Awesome 5 Free";
    content: "";
    font-size: 120px;
    font-weight: 600;
    color: #f8f8f8;
    transform: translateY(-50%)
}

.w-100 {
    width: 100% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.p-sticky {
    position: sticky !important
}

.p-relative {
    position: relative !important
}

.p-absolute {
    position: absolute !important
}

.x-50 {
    left: 50% !important;
    transform: translateX(-50%) !important
}

.x-50.y-50 {
    transform: translate(-50%, -50%) !important
}

.y-50 {
    top: 50% !important;
    transform: translateY(-50%) !important
}

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.justify-content-center {
    justify-content: center !important
}

.justify-content-start {
    justify-content: flex-start !important
}

.justify-content-end {
    justify-content: flex-end !important
}

.justify-content-between {
    justify-content: space-between !important
}

.align-items-start {
    align-items: flex-start !important
}

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

.align-items-end {
    align-items: flex-end !important
}

.flex-column {
    flex-direction: column !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-1 {
    flex: 1 !important
}

.flex-auto {
    flex: 0 1 auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

@media (min-width:1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }
}

@media (min-width:992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }
}

@media (max-width:1599px) {
    .d-xxl-show {
        display: none !important
    }
}

@media (max-width:1199px) {
    .d-xl-show {
        display: none !important
    }
}

@media (max-width:991px) {
    .d-lg-show {
        display: none !important
    }
}

@media (max-width:767px) {
    .d-md-show {
        display: none !important
    }
}

@media (max-width:479px) {
    .d-xs-show {
        display: none !important
    }
}

.font-primary {
    font-family: Josefin Sans, sans-serif !important
}

.font-secondary {
    font-family: Josefin Sans, sans-serif !important
}

.font-weight-bold {
    font-weight: 700 !important
}

.font-weight-semi-bold {
    font-weight: 600 !important
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-light {
    font-weight: 300 !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.text-normal {
    text-transform: none !important
}

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

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

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

.text-white {
    color: #fff !important
}

.text-light {
    color: #e1e1e1 !important
}

.text-grey {
    color: #999 !important
}

.text-body {
    color: #777 !important
}

.text-dark {
    color: #333 !important
}

.text-black {
    color: #000 !important
}

.text-primary {
    color: #ff9c28 !important
}

.text-secondary {
    color: #ff9c28 !important
}

.text-dim {
    color: #54524d !important
}

.text-success {
    color: #b1ca39 !important
}

.ls-2 {
    letter-spacing: 0.2em !important
}

.ls-1 {
    letter-spacing: 0.1em !important
}

.ls-normal {
    letter-spacing: 0 !important
}

.lh-2 {
    line-height: 2 !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-0 {
    line-height: 0 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-dark {
    background-color: #333 !important
}

.bg-grey {
    background-color: #999 !important
}

.bg-light {
    background-color: #e1e1e1 !important
}

.bg-black {
    background-color: #000 !important
}

.bg-primary {
    background-color: #ff9c28 !important
}

.bg-secondary {
    background-color: #ff9c28 !important
}

.bg-dim {
    background-color: #54524d !important
}

.bg-success {
    background-color: #b1ca39 !important
}

.border-no {
    border: none !important
}

.container,
.container-fluid {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width:479px) {

    .container,
    .container-fluid {
        padding-left: 15px;
        padding-right: 15px
    }
}

.container-fluid {
    max-width: 1820px
}

.container {
    max-width: 1280px
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.row>* {
    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px
}

.gutter-lg {
    margin-left: -15px;
    margin-right: -15px
}

.gutter-lg>* {
    padding-right: 15px;
    padding-left: 15px
}

.gutter-sm {
    margin-left: -5px;
    margin-right: -5px
}

.gutter-sm>* {
    padding-right: 5px;
    padding-left: 5px
}

.gutter-xs {
    margin-left: -1px;
    margin-right: -1px
}

.gutter-xs>* {
    padding-right: 1px;
    padding-left: 1px
}

.gutter-no {
    margin-left: 0;
    margin-right: 0
}

.gutter-no>* {
    padding-right: 0;
    padding-left: 0
}

[class*=cols-]>* {
    flex: 0 0 auto
}

.cols-1>* {
    width: 100%
}

.cols-2>* {
    width: 50%
}

.cols-3>* {
    width: 33.3333%
}

.cols-4>* {
    width: 25%
}

.cols-5>* {
    width: 20%
}

.cols-6>* {
    width: 16.6667%
}

.cols-7>* {
    width: 14.2857%
}

.cols-8>* {
    width: 12.5%
}

@media (min-width:480px) {
    .cols-xs-1>* {
        width: 100%
    }

    .cols-xs-2>* {
        width: 50%
    }

    .cols-xs-3>* {
        width: 33.3333%
    }

    .cols-xs-4>* {
        width: 25%
    }

    .cols-xs-5>* {
        width: 20%
    }

    .cols-xs-6>* {
        width: 16.6667%
    }

    .cols-xs-7>* {
        width: 14.2857%
    }

    .cols-xs-8>* {
        width: 12.5%
    }
}

@media (min-width:576px) {
    .cols-sm-1>* {
        width: 100%
    }

    .cols-sm-2>* {
        width: 50%
    }

    .cols-sm-3>* {
        width: 33.3333%
    }

    .cols-sm-4>* {
        width: 25%
    }

    .cols-sm-5>* {
        width: 20%
    }

    .cols-sm-6>* {
        width: 16.6667%
    }

    .cols-sm-7>* {
        width: 14.2857%
    }

    .cols-sm-8>* {
        width: 12.5%
    }
}

@media (min-width:768px) {
    .cols-md-1>* {
        width: 100%
    }

    .cols-md-2>* {
        width: 50%
    }

    .cols-md-3>* {
        width: 33.3333%
    }

    .cols-md-4>* {
        width: 25%
    }

    .cols-md-5>* {
        width: 20%
    }

    .cols-md-6>* {
        width: 16.6667%
    }

    .cols-md-7>* {
        width: 14.2857%
    }

    .cols-md-8>* {
        width: 12.5%
    }
}

@media (min-width:992px) {
    .cols-lg-1>* {
        width: 100%
    }

    .cols-lg-2>* {
        width: 50%
    }

    .cols-lg-3>* {
        width: 33.3333%
    }

    .cols-lg-4>* {
        width: 25%
    }

    .cols-lg-5>* {
        width: 20%
    }

    .cols-lg-6>* {
        width: 16.6667%
    }

    .cols-lg-7>* {
        width: 14.2857%
    }

    .cols-lg-8>* {
        width: 12.5%
    }
}

@media (min-width:1200px) {
    .cols-xl-1>* {
        width: 100%
    }

    .cols-xl-2>* {
        width: 50%
    }

    .cols-xl-3>* {
        width: 33.3333%
    }

    .cols-xl-4>* {
        width: 25%
    }

    .cols-xl-5>* {
        width: 20%
    }

    .cols-xl-6>* {
        width: 16.6667%
    }

    .cols-xl-7>* {
        width: 14.2857%
    }

    .cols-xl-8>* {
        width: 12.5%
    }
}

@media (min-width:1600px) {
    .cols-xxl-1>* {
        width: 100%
    }

    .cols-xxl-2>* {
        width: 50%
    }

    .cols-xxl-3>* {
        width: 33.3333%
    }

    .cols-xxl-4>* {
        width: 25%
    }

    .cols-xxl-5>* {
        width: 20%
    }

    .cols-xxl-6>* {
        width: 16.6667%
    }

    .cols-xxl-7>* {
        width: 14.2857%
    }

    .cols-xxl-8>* {
        width: 12.5%
    }
}

[class*=col-] {
    flex: 0 0 auto
}

.col-1 {
    width: 8.3333%
}

.col-2 {
    width: 16.6667%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.3333%
}

.col-5 {
    width: 41.6667%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.3333%
}

.col-8 {
    width: 66.6667%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.3333%
}

.col-11 {
    width: 91.6667%
}

.col-12 {
    width: 100%
}

@media (min-width:480px) {
    .col-xs-1 {
        width: 8.3333%
    }

    .col-xs-2 {
        width: 16.6667%
    }

    .col-xs-3 {
        width: 25%
    }

    .col-xs-4 {
        width: 33.3333%
    }

    .col-xs-5 {
        width: 41.6667%
    }

    .col-xs-6 {
        width: 50%
    }

    .col-xs-7 {
        width: 58.3333%
    }

    .col-xs-8 {
        width: 66.6667%
    }

    .col-xs-9 {
        width: 75%
    }

    .col-xs-10 {
        width: 83.3333%
    }

    .col-xs-11 {
        width: 91.6667%
    }

    .col-xs-12 {
        width: 100%
    }
}

@media (min-width:576px) {
    .col-sm-1 {
        width: 8.3333%
    }

    .col-sm-2 {
        width: 16.6667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333%
    }

    .col-sm-5 {
        width: 41.6667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333%
    }

    .col-sm-8 {
        width: 66.6667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333%
    }

    .col-sm-11 {
        width: 91.6667%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media (min-width:768px) {
    .col-md-1 {
        width: 8.3333%
    }

    .col-md-2 {
        width: 16.6667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333%
    }

    .col-md-5 {
        width: 41.6667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333%
    }

    .col-md-8 {
        width: 66.6667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333%
    }

    .col-md-11 {
        width: 91.6667%
    }

    .col-md-12 {
        width: 100%
    }
}

@media (min-width:992px) {
    .col-lg-1 {
        width: 8.3333%
    }

    .col-lg-2 {
        width: 16.6667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333%
    }

    .col-lg-5 {
        width: 41.6667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333%
    }

    .col-lg-8 {
        width: 66.6667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333%
    }

    .col-lg-11 {
        width: 91.6667%
    }

    .col-lg-12 {
        width: 100%
    }
}

@media (min-width:1200px) {
    .col-xl-1 {
        width: 8.3333%
    }

    .col-xl-2 {
        width: 16.6667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.3333%
    }

    .col-xl-5 {
        width: 41.6667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.3333%
    }

    .col-xl-8 {
        width: 66.6667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.3333%
    }

    .col-xl-11 {
        width: 91.6667%
    }

    .col-xl-12 {
        width: 100%
    }
}

@media (min-width:1600px) {
    .col-xxl-3 {
        width: 25%
    }

    .col-xxl-9 {
        width: 75%
    }
}

@media (min-width:1200px) {
    .col-xl-5col {
        width: 20%
    }

    .col-xl-5col2 {
        width: 40%
    }

    .col-xl-5col3 {
        width: 60%
    }

    .col-xl-5col4 {
        width: 80%
    }
}

@media (min-width:992px) {
    .col-lg-8col1 {
        width: 22.2%
    }
}

.order-first {
    order: -1
}

.order-last {
    order: 9
}

@media (min-width:576px) {
    .order-sm-auto {
        order: 0
    }

    .order-sm-first {
        order: -1
    }

    .order-sm-last {
        order: 9
    }
}

@media (min-width:768px) {
    .order-md-auto {
        order: 0
    }

    .order-md-first {
        order: -1
    }

    .order-md-last {
        order: 9
    }
}

@media (min-width:992px) {
    .order-lg-auto {
        order: 0
    }

    .order-lg-first {
        order: -1
    }

    .order-lg-last {
        order: 9
    }
}

@media (min-width:1200px) {
    .order-xl-auto {
        order: 0
    }

    .order-xl-first {
        order: -1
    }

    .order-xl-last {
        order: 9
    }
}

.grid {
    margin: -1rem
}

.grid .banner,
.grid .banner img,
.grid .category,
.grid .category>a,
.grid .category img,
.grid figure {
    height: 100%
}

.grid img {
    object-fit: cover
}

.grid .grid-item {
    padding: 1rem;
    transform: translate3d(0, 0, 0)
}

.grid.gutter-sm {
    margin: -0.5rem
}

.grid.gutter-sm .grid-item {
    padding: 0.5rem
}

.grid.gutter-no {
    margin: 0
}

.grid.gutter-no .grid-item {
    padding: 0
}

.grid:after {
    content: "";
    display: block;
    clear: both
}

.grid.grid-float {
    display: block !important
}

.grid.grid-float .grid-item {
    float: left
}

.grid-layout {
    display: grid;
    margin: -1rem
}

.grid-layout>* {
    padding: 1rem
}

.grid-type1 {
    grid-template-columns: repeat(auto-fill, calc(100% / 100))
}

.grid-type1>div {
    grid-column-end: span 23
}

.grid-type1 .grid-item-1 {
    grid-column-end: span 31
}

@media (max-width:991px) {
    .grid-type1 {
        grid-template-columns: repeat(auto-fill, calc(100% / 3))
    }

    .grid-type1>div {
        grid-column-end: span 1
    }

    .grid-type1 .grid-item-1 {
        grid-column-end: span 3
    }
}

@media (max-width:575px) {
    .grid-type1 {
        grid-template-columns: repeat(auto-fill, calc(100% / 2))
    }

    .grid-type1 .grid-item-1 {
        grid-column-end: span 2
    }
}

.grid-type2 {
    grid-template-columns: repeat(auto-fill, calc(100% / 4))
}

.grid-type2>div {
    grid-column-end: span 1
}

.grid-type2 .grid-item-1 {
    grid-column-end: span 3
}

@media (max-width:991px) {
    .grid-type2 {
        grid-template-columns: repeat(auto-fill, calc(100% / 3))
    }
}

@media (max-width:575px) {
    .grid-type2 {
        grid-template-columns: repeat(auto-fill, calc(100% / 2))
    }

    .grid-type2 .grid-item-1 {
        grid-column-end: span 2
    }
}

.grid-type3 {
    grid-template-columns: repeat(auto-fill, calc(100% / 3))
}

.grid-type3 .grid-item-1 {
    grid-row-end: span 2
}

@media (max-width:991px) {
    .grid-type3 {
        grid-template-columns: 50% 50%
    }
}

@media (max-width:575px) {
    .grid-type3 {
        grid-template-columns: 100%
    }
}

@media (min-width:992px) {
    .col-lg-6col {
        width: 35.6%
    }

    .col-lg-5col {
        width: 32.2%
    }
}

.mt-0 {
    margin-top: 0rem !important
}

.mb-0 {
    margin-bottom: 0rem !important
}

.ml-0 {
    margin-left: 0rem !important
}

.mr-0 {
    margin-right: 0rem !important
}

.pt-0 {
    padding-top: 0rem !important
}

.pb-0 {
    padding-bottom: 0rem !important
}

.pl-0 {
    padding-left: 0rem !important
}

.pr-0 {
    padding-right: 0rem !important
}

.mt-1 {
    margin-top: 1rem !important
}

.mb-1 {
    margin-bottom: 1rem !important
}

.ml-1 {
    margin-left: 0.5rem !important
}

.mr-1 {
    margin-right: 0.5rem !important
}

.pt-1 {
    padding-top: 1rem !important
}

.pb-1 {
    padding-bottom: 1rem !important
}

.pl-1 {
    padding-left: 0.5rem !important
}

.pr-1 {
    padding-right: 0.5rem !important
}

.mt-2 {
    margin-top: 2rem !important
}

.mb-2 {
    margin-bottom: 2rem !important
}

.ml-2 {
    margin-left: 1rem !important
}

.mr-2 {
    margin-right: 1rem !important
}

.pt-2 {
    padding-top: 2rem !important
}

.pb-2 {
    padding-bottom: 2rem !important
}

.pl-2 {
    padding-left: 1rem !important
}

.pr-2 {
    padding-right: 1rem !important
}

.mt-3 {
    margin-top: 3rem !important
}

.mb-3 {
    margin-bottom: 3rem !important
}

.ml-3 {
    margin-left: 1.5rem !important
}

.mr-3 {
    margin-right: 1.5rem !important
}

.pt-3 {
    padding-top: 3rem !important
}

.pb-3 {
    padding-bottom: 3rem !important
}

.pl-3 {
    padding-left: 1.5rem !important
}

.pr-3 {
    padding-right: 1.5rem !important
}

.mt-4 {
    margin-top: 4rem !important
}

.mb-4 {
    margin-bottom: 4rem !important
}

.ml-4 {
    margin-left: 2rem !important
}

.mr-4 {
    margin-right: 2rem !important
}

.pt-4 {
    padding-top: 4rem !important
}

.pb-4 {
    padding-bottom: 4rem !important
}

.pl-4 {
    padding-left: 2rem !important
}

.pr-4 {
    padding-right: 2rem !important
}

.mt-5 {
    margin-top: 5rem !important
}

.mb-5 {
    margin-bottom: 5rem !important
}

.ml-5 {
    margin-left: 2.5rem !important
}

.mr-5 {
    margin-right: 2.5rem !important
}

.pt-5 {
    padding-top: 5rem !important
}

.pb-5 {
    padding-bottom: 5rem !important
}

.pl-5 {
    padding-left: 2.5rem !important
}

.pr-5 {
    padding-right: 2.5rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.mt-7 {
    margin-top: 3.5rem !important
}

.mb-7 {
    margin-bottom: 3.5rem !important
}

.ml-7 {
    margin-left: 3.5rem !important
}

.mr-7 {
    margin-right: 3.5rem !important
}

.pt-7 {
    padding-top: 3.5rem !important
}

.pb-7 {
    padding-bottom: 3.5rem !important
}

.pl-7 {
    padding-left: 3.5rem !important
}

.pr-7 {
    padding-right: 3.5rem !important
}

.mt-8 {
    margin-top: 4rem !important
}

.mb-8 {
    margin-bottom: 4rem !important
}

.ml-8 {
    margin-left: 4rem !important
}

.mr-8 {
    margin-right: 4rem !important
}

.pt-8 {
    padding-top: 4rem !important
}

.pb-8 {
    padding-bottom: 4rem !important
}

.pl-8 {
    padding-left: 4rem !important
}

.pr-8 {
    padding-right: 4rem !important
}

.mt-9 {
    margin-top: 4.5rem !important
}

.mb-9 {
    margin-bottom: 4.5rem !important
}

.ml-9 {
    margin-left: 4.5rem !important
}

.mr-9 {
    margin-right: 4.5rem !important
}

.pt-9 {
    padding-top: 4.5rem !important
}

.pb-9 {
    padding-bottom: 4.5rem !important
}

.pl-9 {
    padding-left: 4.5rem !important
}

.pr-9 {
    padding-right: 4.5rem !important
}

.mt-10 {
    margin-top: 5rem !important
}

.mb-10 {
    margin-bottom: 5rem !important
}

.ml-10 {
    margin-left: 5rem !important
}

.mr-10 {
    margin-right: 5rem !important
}

.pt-10 {
    padding-top: 5rem !important
}

.pb-10 {
    padding-bottom: 5rem !important
}

.pl-10 {
    padding-left: 5rem !important
}

.pr-10 {
    padding-right: 5rem !important
}

.p-0 {
    padding: 0 !important
}

.m-0 {
    margin: 0 !important
}

.p-1 {
    padding: 0.5rem !important
}

.m-1 {
    margin: 0.5rem !important
}

.p-2 {
    padding: 1rem !important
}

.m-2 {
    margin: 1rem !important
}

.p-3 {
    padding: 1.5rem !important
}

.m-3 {
    margin: 1.5rem !important
}

.p-4 {
    padding: 2rem !important
}

.m-4 {
    margin: 2rem !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

.mr-auto,
.mx-auto {
    margin-right: auto !important
}

@media (min-width:576px) {
    .mt-sm-0 {
        margin-top: 0rem !important
    }

    .mb-sm-0 {
        margin-bottom: 0rem !important
    }

    .mr-sm-0 {
        margin-right: 0rem !important
    }

    .ml-sm-0 {
        margin-left: 0rem !important
    }

    .pt-sm-0 {
        padding-top: 0rem !important
    }

    .pr-sm-0 {
        padding-right: 0rem !important
    }

    .pl-sm-0 {
        padding-left: 0rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0rem !important
    }

    .mt-sm-1 {
        margin-top: 0.5rem !important
    }

    .mb-sm-1 {
        margin-bottom: 0.5rem !important
    }

    .mr-sm-1 {
        margin-right: 0.5rem !important
    }

    .ml-sm-1 {
        margin-left: 0.5rem !important
    }

    .pt-sm-1 {
        padding-top: 0.5rem !important
    }

    .pr-sm-1 {
        padding-right: 0.5rem !important
    }

    .pl-sm-1 {
        padding-left: 0.5rem !important
    }

    .pb-sm-1 {
        padding-bottom: 0.5rem !important
    }

    .mt-sm-2 {
        margin-top: 1rem !important
    }

    .mb-sm-2 {
        margin-bottom: 1rem !important
    }

    .mr-sm-2 {
        margin-right: 1rem !important
    }

    .ml-sm-2 {
        margin-left: 1rem !important
    }

    .pt-sm-2 {
        padding-top: 1rem !important
    }

    .pr-sm-2 {
        padding-right: 1rem !important
    }

    .pl-sm-2 {
        padding-left: 1rem !important
    }

    .pb-sm-2 {
        padding-bottom: 1rem !important
    }

    .mt-sm-3 {
        margin-top: 1.5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1.5rem !important
    }

    .mr-sm-3 {
        margin-right: 1.5rem !important
    }

    .ml-sm-3 {
        margin-left: 1.5rem !important
    }

    .pt-sm-3 {
        padding-top: 1.5rem !important
    }

    .pr-sm-3 {
        padding-right: 1.5rem !important
    }

    .pl-sm-3 {
        padding-left: 1.5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1.5rem !important
    }

    .mt-sm-4 {
        margin-top: 2rem !important
    }

    .mb-sm-4 {
        margin-bottom: 2rem !important
    }

    .mr-sm-4 {
        margin-right: 2rem !important
    }

    .ml-sm-4 {
        margin-left: 2rem !important
    }

    .pt-sm-4 {
        padding-top: 2rem !important
    }

    .pr-sm-4 {
        padding-right: 2rem !important
    }

    .pl-sm-4 {
        padding-left: 2rem !important
    }

    .pb-sm-4 {
        padding-bottom: 2rem !important
    }

    .mt-sm-5 {
        margin-top: 2.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 2.5rem !important
    }

    .mr-sm-5 {
        margin-right: 2.5rem !important
    }

    .ml-sm-5 {
        margin-left: 2.5rem !important
    }

    .pt-sm-5 {
        padding-top: 2.5rem !important
    }

    .pr-sm-5 {
        padding-right: 2.5rem !important
    }

    .pl-sm-5 {
        padding-left: 2.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 2.5rem !important
    }

    .mt-sm-6 {
        margin-top: 3rem !important
    }

    .mb-sm-6 {
        margin-bottom: 3rem !important
    }

    .mr-sm-6 {
        margin-right: 3rem !important
    }

    .ml-sm-6 {
        margin-left: 3rem !important
    }

    .pt-sm-6 {
        padding-top: 3rem !important
    }

    .pr-sm-6 {
        padding-right: 3rem !important
    }

    .pl-sm-6 {
        padding-left: 3rem !important
    }

    .pb-sm-6 {
        padding-bottom: 3rem !important
    }

    .mt-sm-7 {
        margin-top: 3.5rem !important
    }

    .mb-sm-7 {
        margin-bottom: 3.5rem !important
    }

    .mr-sm-7 {
        margin-right: 3.5rem !important
    }

    .ml-sm-7 {
        margin-left: 3.5rem !important
    }

    .pt-sm-7 {
        padding-top: 3.5rem !important
    }

    .pr-sm-7 {
        padding-right: 3.5rem !important
    }

    .pl-sm-7 {
        padding-left: 3.5rem !important
    }

    .pb-sm-7 {
        padding-bottom: 3.5rem !important
    }

    .mt-sm-8 {
        margin-top: 4rem !important
    }

    .mb-sm-8 {
        margin-bottom: 4rem !important
    }

    .mr-sm-8 {
        margin-right: 4rem !important
    }

    .ml-sm-8 {
        margin-left: 4rem !important
    }

    .pt-sm-8 {
        padding-top: 4rem !important
    }

    .pr-sm-8 {
        padding-right: 4rem !important
    }

    .pl-sm-8 {
        padding-left: 4rem !important
    }

    .pb-sm-8 {
        padding-bottom: 4rem !important
    }

    .mt-sm-9 {
        margin-top: 4.5rem !important
    }

    .mb-sm-9 {
        margin-bottom: 4.5rem !important
    }

    .mr-sm-9 {
        margin-right: 4.5rem !important
    }

    .ml-sm-9 {
        margin-left: 4.5rem !important
    }

    .pt-sm-9 {
        padding-top: 4.5rem !important
    }

    .pr-sm-9 {
        padding-right: 4.5rem !important
    }

    .pl-sm-9 {
        padding-left: 4.5rem !important
    }

    .pb-sm-9 {
        padding-bottom: 4.5rem !important
    }

    .mt-sm-10 {
        margin-top: 5rem !important
    }

    .mb-sm-10 {
        margin-bottom: 5rem !important
    }

    .mr-sm-10 {
        margin-right: 5rem !important
    }

    .ml-sm-10 {
        margin-left: 5rem !important
    }

    .pt-sm-10 {
        padding-top: 5rem !important
    }

    .pr-sm-10 {
        padding-right: 5rem !important
    }

    .pl-sm-10 {
        padding-left: 5rem !important
    }

    .pb-sm-10 {
        padding-bottom: 5rem !important
    }
}

@media (min-width:768px) {
    .mt-md-0 {
        margin-top: 0rem !important
    }

    .mb-md-0 {
        margin-bottom: 0rem !important
    }

    .mr-md-0 {
        margin-right: 0rem !important
    }

    .ml-md-0 {
        margin-left: 0rem !important
    }

    .pt-md-0 {
        padding-top: 0rem !important
    }

    .pb-md-0 {
        padding-bottom: 0rem !important
    }

    .pr-md-0 {
        padding-right: 0rem !important
    }

    .pl-md-0 {
        padding-left: 0rem !important
    }

    .mt-md-1 {
        margin-top: 0.5rem !important
    }

    .mb-md-1 {
        margin-bottom: 0.5rem !important
    }

    .mr-md-1 {
        margin-right: 0.5rem !important
    }

    .ml-md-1 {
        margin-left: 0.5rem !important
    }

    .pt-md-1 {
        padding-top: 0.5rem !important
    }

    .pb-md-1 {
        padding-bottom: 0.5rem !important
    }

    .pr-md-1 {
        padding-right: 0.5rem !important
    }

    .pl-md-1 {
        padding-left: 0.5rem !important
    }

    .mt-md-2 {
        margin-top: 1rem !important
    }

    .mb-md-2 {
        margin-bottom: 1rem !important
    }

    .mr-md-2 {
        margin-right: 1rem !important
    }

    .ml-md-2 {
        margin-left: 1rem !important
    }

    .pt-md-2 {
        padding-top: 1rem !important
    }

    .pb-md-2 {
        padding-bottom: 1rem !important
    }

    .pr-md-2 {
        padding-right: 1rem !important
    }

    .pl-md-2 {
        padding-left: 1rem !important
    }

    .mt-md-3 {
        margin-top: 1.5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1.5rem !important
    }

    .mr-md-3 {
        margin-right: 1.5rem !important
    }

    .ml-md-3 {
        margin-left: 1.5rem !important
    }

    .pt-md-3 {
        padding-top: 1.5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1.5rem !important
    }

    .pr-md-3 {
        padding-right: 1.5rem !important
    }

    .pl-md-3 {
        padding-left: 1.5rem !important
    }

    .mt-md-4 {
        margin-top: 2rem !important
    }

    .mb-md-4 {
        margin-bottom: 2rem !important
    }

    .mr-md-4 {
        margin-right: 2rem !important
    }

    .ml-md-4 {
        margin-left: 2rem !important
    }

    .pt-md-4 {
        padding-top: 2rem !important
    }

    .pb-md-4 {
        padding-bottom: 2rem !important
    }

    .pr-md-4 {
        padding-right: 2rem !important
    }

    .pl-md-4 {
        padding-left: 2rem !important
    }

    .mt-md-5 {
        margin-top: 2.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 2.5rem !important
    }

    .mr-md-5 {
        margin-right: 2.5rem !important
    }

    .ml-md-5 {
        margin-left: 2.5rem !important
    }

    .pt-md-5 {
        padding-top: 2.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 2.5rem !important
    }

    .pr-md-5 {
        padding-right: 2.5rem !important
    }

    .pl-md-5 {
        padding-left: 2.5rem !important
    }

    .mt-md-6 {
        margin-top: 3rem !important
    }

    .mb-md-6 {
        margin-bottom: 3rem !important
    }

    .mr-md-6 {
        margin-right: 3rem !important
    }

    .ml-md-6 {
        margin-left: 3rem !important
    }

    .pt-md-6 {
        padding-top: 3rem !important
    }

    .pb-md-6 {
        padding-bottom: 3rem !important
    }

    .pr-md-6 {
        padding-right: 3rem !important
    }

    .pl-md-6 {
        padding-left: 3rem !important
    }

    .mt-md-7 {
        margin-top: 3.5rem !important
    }

    .mb-md-7 {
        margin-bottom: 3.5rem !important
    }

    .mr-md-7 {
        margin-right: 3.5rem !important
    }

    .ml-md-7 {
        margin-left: 3.5rem !important
    }

    .pt-md-7 {
        padding-top: 3.5rem !important
    }

    .pb-md-7 {
        padding-bottom: 3.5rem !important
    }

    .pr-md-7 {
        padding-right: 3.5rem !important
    }

    .pl-md-7 {
        padding-left: 3.5rem !important
    }

    .mt-md-8 {
        margin-top: 4rem !important
    }

    .mb-md-8 {
        margin-bottom: 4rem !important
    }

    .mr-md-8 {
        margin-right: 4rem !important
    }

    .ml-md-8 {
        margin-left: 4rem !important
    }

    .pt-md-8 {
        padding-top: 4rem !important
    }

    .pb-md-8 {
        padding-bottom: 4rem !important
    }

    .pr-md-8 {
        padding-right: 4rem !important
    }

    .pl-md-8 {
        padding-left: 4rem !important
    }

    .mt-md-9 {
        margin-top: 4.5rem !important
    }

    .mb-md-9 {
        margin-bottom: 4.5rem !important
    }

    .mr-md-9 {
        margin-right: 4.5rem !important
    }

    .ml-md-9 {
        margin-left: 4.5rem !important
    }

    .pt-md-9 {
        padding-top: 4.5rem !important
    }

    .pb-md-9 {
        padding-bottom: 4.5rem !important
    }

    .pr-md-9 {
        padding-right: 4.5rem !important
    }

    .pl-md-9 {
        padding-left: 4.5rem !important
    }

    .mt-md-10 {
        margin-top: 5rem !important
    }

    .mb-md-10 {
        margin-bottom: 5rem !important
    }

    .mr-md-10 {
        margin-right: 5rem !important
    }

    .ml-md-10 {
        margin-left: 5rem !important
    }

    .pt-md-10 {
        padding-top: 5rem !important
    }

    .pb-md-10 {
        padding-bottom: 5rem !important
    }

    .pr-md-10 {
        padding-right: 5rem !important
    }

    .pl-md-10 {
        padding-left: 5rem !important
    }
}

@media (min-width:992px) {
    .mt-lg-0 {
        margin-top: 0rem !important
    }

    .mb-lg-0 {
        margin-bottom: 0rem !important
    }

    .pt-lg-0 {
        padding-top: 0rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0rem !important
    }

    .ml-lg-0 {
        margin-left: 0rem !important
    }

    .mr-lg-0 {
        margin-right: 0rem !important
    }

    .pl-lg-0 {
        padding-left: 0rem !important
    }

    .pr-lg-0 {
        padding-right: 0rem !important
    }

    .mt-lg-1 {
        margin-top: 0.5rem !important
    }

    .mb-lg-1 {
        margin-bottom: 0.5rem !important
    }

    .pt-lg-1 {
        padding-top: 0.5rem !important
    }

    .pb-lg-1 {
        padding-bottom: 0.5rem !important
    }

    .ml-lg-1 {
        margin-left: 0.5rem !important
    }

    .mr-lg-1 {
        margin-right: 0.5rem !important
    }

    .pl-lg-1 {
        padding-left: 0.5rem !important
    }

    .pr-lg-1 {
        padding-right: 0.5rem !important
    }

    .mt-lg-2 {
        margin-top: 1rem !important
    }

    .mb-lg-2 {
        margin-bottom: 1rem !important
    }

    .pt-lg-2 {
        padding-top: 1rem !important
    }

    .pb-lg-2 {
        padding-bottom: 1rem !important
    }

    .ml-lg-2 {
        margin-left: 1rem !important
    }

    .mr-lg-2 {
        margin-right: 1rem !important
    }

    .pl-lg-2 {
        padding-left: 1rem !important
    }

    .pr-lg-2 {
        padding-right: 1rem !important
    }

    .mt-lg-3 {
        margin-top: 1.5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1.5rem !important
    }

    .pt-lg-3 {
        padding-top: 1.5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1.5rem !important
    }

    .ml-lg-3 {
        margin-left: 1.5rem !important
    }

    .mr-lg-3 {
        margin-right: 1.5rem !important
    }

    .pl-lg-3 {
        padding-left: 1.5rem !important
    }

    .pr-lg-3 {
        padding-right: 1.5rem !important
    }

    .mt-lg-4 {
        margin-top: 2rem !important
    }

    .mb-lg-4 {
        margin-bottom: 2rem !important
    }

    .pt-lg-4 {
        padding-top: 2rem !important
    }

    .pb-lg-4 {
        padding-bottom: 2rem !important
    }

    .ml-lg-4 {
        margin-left: 2rem !important
    }

    .mr-lg-4 {
        margin-right: 2rem !important
    }

    .pl-lg-4 {
        padding-left: 2rem !important
    }

    .pr-lg-4 {
        padding-right: 2rem !important
    }

    .mt-lg-5 {
        margin-top: 2.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 2.5rem !important
    }

    .pt-lg-5 {
        padding-top: 2.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 2.5rem !important
    }

    .ml-lg-5 {
        margin-left: 2.5rem !important
    }

    .mr-lg-5 {
        margin-right: 2.5rem !important
    }

    .pl-lg-5 {
        padding-left: 2.5rem !important
    }

    .pr-lg-5 {
        padding-right: 2.5rem !important
    }

    .mt-lg-6 {
        margin-top: 3rem !important
    }

    .mb-lg-6 {
        margin-bottom: 3rem !important
    }

    .pt-lg-6 {
        padding-top: 3rem !important
    }

    .pb-lg-6 {
        padding-bottom: 3rem !important
    }

    .ml-lg-6 {
        margin-left: 3rem !important
    }

    .mr-lg-6 {
        margin-right: 3rem !important
    }

    .pl-lg-6 {
        padding-left: 3rem !important
    }

    .pr-lg-6 {
        padding-right: 3rem !important
    }

    .mt-lg-7 {
        margin-top: 3.5rem !important
    }

    .mb-lg-7 {
        margin-bottom: 3.5rem !important
    }

    .pt-lg-7 {
        padding-top: 3.5rem !important
    }

    .pb-lg-7 {
        padding-bottom: 3.5rem !important
    }

    .ml-lg-7 {
        margin-left: 3.5rem !important
    }

    .mr-lg-7 {
        margin-right: 3.5rem !important
    }

    .pl-lg-7 {
        padding-left: 3.5rem !important
    }

    .pr-lg-7 {
        padding-right: 3.5rem !important
    }

    .mt-lg-8 {
        margin-top: 4rem !important
    }

    .mb-lg-8 {
        margin-bottom: 4rem !important
    }

    .pt-lg-8 {
        padding-top: 4rem !important
    }

    .pb-lg-8 {
        padding-bottom: 4rem !important
    }

    .ml-lg-8 {
        margin-left: 4rem !important
    }

    .mr-lg-8 {
        margin-right: 4rem !important
    }

    .pl-lg-8 {
        padding-left: 4rem !important
    }

    .pr-lg-8 {
        padding-right: 4rem !important
    }

    .mt-lg-9 {
        margin-top: 4.5rem !important
    }

    .mb-lg-9 {
        margin-bottom: 4.5rem !important
    }

    .pt-lg-9 {
        padding-top: 4.5rem !important
    }

    .pb-lg-9 {
        padding-bottom: 4.5rem !important
    }

    .ml-lg-9 {
        margin-left: 4.5rem !important
    }

    .mr-lg-9 {
        margin-right: 4.5rem !important
    }

    .pl-lg-9 {
        padding-left: 4.5rem !important
    }

    .pr-lg-9 {
        padding-right: 4.5rem !important
    }

    .mt-lg-10 {
        margin-top: 5rem !important
    }

    .mb-lg-10 {
        margin-bottom: 5rem !important
    }

    .pt-lg-10 {
        padding-top: 5rem !important
    }

    .pb-lg-10 {
        padding-bottom: 5rem !important
    }

    .ml-lg-10 {
        margin-left: 5rem !important
    }

    .mr-lg-10 {
        margin-right: 5rem !important
    }

    .pl-lg-10 {
        padding-left: 5rem !important
    }

    .pr-lg-10 {
        padding-right: 5rem !important
    }
}

@media (min-width:1200px) {
    .mt-xl-0 {
        margin-top: 0rem !important
    }

    .mb-xl-0 {
        margin-bottom: 0rem !important
    }

    .ml-xl-0 {
        margin-left: 0rem !important
    }

    .mr-xl-0 {
        margin-right: 0rem !important
    }

    .pl-xl-0 {
        padding-left: 0rem !important
    }

    .pt-xl-0 {
        padding-top: 0rem !important
    }

    .pr-xl-0 {
        padding-right: 0rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0rem !important
    }

    .mt-xl-1 {
        margin-top: 0.5rem !important
    }

    .mb-xl-1 {
        margin-bottom: 0.5rem !important
    }

    .ml-xl-1 {
        margin-left: 0.5rem !important
    }

    .mr-xl-1 {
        margin-right: 0.5rem !important
    }

    .pl-xl-1 {
        padding-left: 0.5rem !important
    }

    .pt-xl-1 {
        padding-top: 0.5rem !important
    }

    .pr-xl-1 {
        padding-right: 0.5rem !important
    }

    .pb-xl-1 {
        padding-bottom: 0.5rem !important
    }

    .mt-xl-2 {
        margin-top: 1rem !important
    }

    .mb-xl-2 {
        margin-bottom: 1rem !important
    }

    .ml-xl-2 {
        margin-left: 1rem !important
    }

    .mr-xl-2 {
        margin-right: 1rem !important
    }

    .pl-xl-2 {
        padding-left: 1rem !important
    }

    .pt-xl-2 {
        padding-top: 1rem !important
    }

    .pr-xl-2 {
        padding-right: 1rem !important
    }

    .pb-xl-2 {
        padding-bottom: 1rem !important
    }

    .mt-xl-3 {
        margin-top: 1.5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-3 {
        margin-left: 1.5rem !important
    }

    .mr-xl-3 {
        margin-right: 1.5rem !important
    }

    .pl-xl-3 {
        padding-left: 1.5rem !important
    }

    .pt-xl-3 {
        padding-top: 1.5rem !important
    }

    .pr-xl-3 {
        padding-right: 1.5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1.5rem !important
    }

    .mt-xl-4 {
        margin-top: 2rem !important
    }

    .mb-xl-4 {
        margin-bottom: 2rem !important
    }

    .ml-xl-4 {
        margin-left: 2rem !important
    }

    .mr-xl-4 {
        margin-right: 2rem !important
    }

    .pl-xl-4 {
        padding-left: 2rem !important
    }

    .pt-xl-4 {
        padding-top: 2rem !important
    }

    .pr-xl-4 {
        padding-right: 2rem !important
    }

    .pb-xl-4 {
        padding-bottom: 2rem !important
    }

    .mt-xl-5 {
        margin-top: 2.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 2.5rem !important
    }

    .ml-xl-5 {
        margin-left: 2.5rem !important
    }

    .mr-xl-5 {
        margin-right: 2.5rem !important
    }

    .pl-xl-5 {
        padding-left: 2.5rem !important
    }

    .pt-xl-5 {
        padding-top: 2.5rem !important
    }

    .pr-xl-5 {
        padding-right: 2.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 2.5rem !important
    }

    .mt-xl-6 {
        margin-top: 3rem !important
    }

    .mb-xl-6 {
        margin-bottom: 3rem !important
    }

    .ml-xl-6 {
        margin-left: 3rem !important
    }

    .mr-xl-6 {
        margin-right: 3rem !important
    }

    .pl-xl-6 {
        padding-left: 3rem !important
    }

    .pt-xl-6 {
        padding-top: 3rem !important
    }

    .pr-xl-6 {
        padding-right: 3rem !important
    }

    .pb-xl-6 {
        padding-bottom: 3rem !important
    }

    .mt-xl-7 {
        margin-top: 3.5rem !important
    }

    .mb-xl-7 {
        margin-bottom: 3.5rem !important
    }

    .ml-xl-7 {
        margin-left: 3.5rem !important
    }

    .mr-xl-7 {
        margin-right: 3.5rem !important
    }

    .pl-xl-7 {
        padding-left: 3.5rem !important
    }

    .pt-xl-7 {
        padding-top: 3.5rem !important
    }

    .pr-xl-7 {
        padding-right: 3.5rem !important
    }

    .pb-xl-7 {
        padding-bottom: 3.5rem !important
    }

    .mt-xl-8 {
        margin-top: 4rem !important
    }

    .mb-xl-8 {
        margin-bottom: 4rem !important
    }

    .ml-xl-8 {
        margin-left: 4rem !important
    }

    .mr-xl-8 {
        margin-right: 4rem !important
    }

    .pl-xl-8 {
        padding-left: 4rem !important
    }

    .pt-xl-8 {
        padding-top: 4rem !important
    }

    .pr-xl-8 {
        padding-right: 4rem !important
    }

    .pb-xl-8 {
        padding-bottom: 4rem !important
    }

    .mt-xl-9 {
        margin-top: 4.5rem !important
    }

    .mb-xl-9 {
        margin-bottom: 4.5rem !important
    }

    .ml-xl-9 {
        margin-left: 4.5rem !important
    }

    .mr-xl-9 {
        margin-right: 4.5rem !important
    }

    .pl-xl-9 {
        padding-left: 4.5rem !important
    }

    .pt-xl-9 {
        padding-top: 4.5rem !important
    }

    .pr-xl-9 {
        padding-right: 4.5rem !important
    }

    .pb-xl-9 {
        padding-bottom: 4.5rem !important
    }

    .mt-xl-10 {
        margin-top: 5rem !important
    }

    .mb-xl-10 {
        margin-bottom: 5rem !important
    }

    .ml-xl-10 {
        margin-left: 5rem !important
    }

    .mr-xl-10 {
        margin-right: 5rem !important
    }

    .pl-xl-10 {
        padding-left: 5rem !important
    }

    .pt-xl-10 {
        padding-top: 5rem !important
    }

    .pr-xl-10 {
        padding-right: 5rem !important
    }

    .pb-xl-10 {
        padding-bottom: 5rem !important
    }
}

@media (min-width:992px) {
    .ml-lg-auto {
        margin-left: auto !important
    }

    .mr-lg-auto {
        margin-right: auto !important
    }

    .mx-lg-auto {
        margin-left: auto !important;
        margin-right: auto !important
    }
}

.title {
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2.6rem
}

.title.title-center {
    justify-content: center
}

.title.with-link {
    justify-content: space-between
}

@media (max-width:575px) {
    .title.with-link {
        font-size: 1.4375em
    }
}

.subtitle {
    font-size: 1.125em;
    font-weight: 400;
    color: #777;
    margin-bottom: 1rem
}

.title-line {
    border-bottom: 1px solid #e0dede
}

.title-decoration {
    flex-direction: column
}

.vertical-title-type .vertical-wrap {
    transform: rotate(90deg)
}

.title-duplex {
    position: absolute;
    z-index: -1;
    left: 50%;
    white-space: nowrap;
    transform: translate3d(-50%, -50%, 0);
    font-size: 2em;
    opacity: 0.1;
    top: 50%
}

@media (max-width:575px) {
    .title-duplex {
        font-size: 1.333em
    }
}

.title-underline>span:first-child {
    position: relative;
    display: inline-block;
    line-height: 2.6
}

.title-underline>span:first-child:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    margin-bottom: -1px;
    border-bottom: 1px solid #ff9c28
}

.title-underline2>span:first-child {
    position: relative
}

.title-underline2>span:first-child:before {
    content: "";
    position: absolute;
    bottom: -2px;
    width: 98%;
    height: 73%;
    background-color: #ff9c28;
    opacity: 0.3;
    z-index: -1
}

@keyframes maskUp {
    0% {
        transform: translate(0, 100%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes maskRight {
    0% {
        transform: translate(-100%, 0)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes maskDown {
    0% {
        transform: translate(0, -100%)
    }

    to {
        transform: translate(0, 0)
    }
}

@keyframes maskLeft {
    0% {
        transform: translate(100%, 0)
    }

    to {
        transform: translate(0, 0)
    }
}

.maskUp {
    animation-name: maskUp
}

.maskRight {
    animation-name: maskRight
}

.maskDown {
    animation-name: maskDown
}

.maskLeft {
    animation-name: maskLeft
}

@keyframes blurIn {
    0% {
        opacity: 0;
        filter: blur(20px);
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        filter: blur(0);
        transform: none
    }
}

.blurIn {
    animation-name: blurIn
}

@keyframes grayOut {
    0% {
        opacity: 1;
        filter: grayscale(0)
    }

    15% {
        filter: grayscale(100%)
    }

    to {
        opacity: 0;
        filter: grayscale(100%)
    }
}

.grayOut {
    animation-name: grayOut
}

@keyframes dotPulse {
    0% {
        opacity: 1;
        transform: scale(0.2)
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.dotPulse {
    animation-name: dotPulse;
    animation-iteration-count: infinite;
    animation-duration: 4s
}

@keyframes brightIn {
    0% {
        animation-timing-function: ease-in;
        filter: brightness(0%)
    }

    to {
        filter: brightness(100%)
    }
}

.brightIn {
    animation-name: brightIn
}

.appear-animate {
    visibility: hidden;
    opacity: 0
}

.appear-animation-visible {
    visibility: visible;
    opacity: 1
}

@keyframes slideZoomIn {
    0% {
        transform: scale3d(1, 1, 1);
        opacity: 1
    }

    to {
        transform: scale3d(1.1, 1.1, 1);
        opacity: 1
    }
}

.slideZoomIn {
    -webkit-animation-name: slideZoomIn;
    animation-name: slideZoomIn
}

@keyframes hotspot-animate {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(3);
        opacity: 0
    }
}

@keyframes fadeInUpShorter {
    0% {
        opacity: 0;
        transform: translate(0, 50px);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUpShorter {
    animation-name: fadeInUpShorter
}

@keyframes fadeInLeftShorter {
    0% {
        opacity: 0;
        transform: translate(50px, 0);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInLeftShorter {
    animation-name: fadeInLeftShorter
}

@keyframes fadeInRightShorter {
    0% {
        opacity: 0;
        transform: translate(-50px, 0);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInRightShorter {
    animation-name: fadeInRightShorter
}

@keyframes fadeInDownShorter {
    0% {
        opacity: 0;
        transform: translate(0, -50px);
        transform-origin: 0 0
    }

    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDownShorter {
    animation-name: fadeInDownShorter
}

@keyframes blurIn {
    0% {
        opacity: 0;
        filter: blur(20px);
        transform: scale(1.2)
    }

    to {
        opacity: 1;
        filter: blur(0);
        transform: none
    }
}

@-webkit-keyframes zoomInShorter {
    0% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomInShorter {
    0% {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        opacity: 0;
        transform: scale3d(0.8, 0.8, 0.8)
    }

    50% {
        opacity: 1
    }
}

.zoomInShorter {
    -webkit-animation-name: zoomInShorter;
    animation-name: zoomInShorter
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    background-color: transparent;
    margin: 0
}

textarea {
    min-width: 100%;
    max-width: 100%
}

option {
    font-weight: 300
}

button {
    overflow: visible;
    border-style: none
}

button,
select {
    text-transform: none
}

button[disabled],
html input[disabled] {
    cursor: default
}

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

input,
select,
textarea {
    font-weight: 300;
    font-size: 100%;
    vertical-align: baseline
}

input[type=email],
input[type=number],
input[type=password],
input[type=reset],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    display: block;
    width: 100%;
    padding: 1.1em 1.22em 0.9em;
    border: 1px solid #e0dede;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 0.875em;
    line-height: 1.5;
    color: #999;
    -webkit-appearance: none;
    -moz-appearance: none;
    min-width: 20px
}

input::-moz-placeholder,
input::-webkit-input-placeholder,
input::placeholder {
    color: inherit;
    transition: color 0.3s
}

input:focus::-moz-placeholder,
input:focus::-webkit-input-placeholder,
input:focus::placeholder {
    color: transparent
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

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

input[type=checkbox],
input[type=radio] {
    display: inline-flex;
    width: 1.286em;
    height: 1.286em;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 0.3em;
    margin-right: 0.286em;
    font-size: 0.875em;
    cursor: pointer;
    -webkit-appearance: none
}

input[type=checkbox]~label,
input[type=checkbox]~span,
input[type=radio]~label,
input[type=radio]~span {
    font-size: 0.875em;
    color: #54524d;
    cursor: pointer
}

input[type=checkbox] {
    box-shadow: none
}

input[type=checkbox]:checked {
    background: #222;
    border-color: #222
}

input[type=checkbox]:checked:before {
    content: "";
    font-size: 0.643em;
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: block;
    line-height: 1.286em;
    color: #fff
}

input[type=radio] {
    position: relative
}

input[type=radio]:before {
    content: "";
    position: absolute;
    width: 0.571em;
    height: 0.571em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

input[type=radio]:checked {
    border-color: #ff9c28
}

input[type=radio]:checked:before {
    background-color: #ff9c28
}

select {
    -moz-appearance: none;
    padding-right: 1.4em
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    select::-ms-expand {
        display: none
    }

    select:focus::-ms-value {
        background: transparent;
        color: currentColor
    }
}

.inline-form {
    display: flex
}

.inline-form input {
    flex: 1
}

@media (max-width:575px) {
    .inline-form button {
        padding-left: 1.65em;
        padding-right: 1.65em
    }
}

.form-simple {
    position: relative;
    border: 1px solid #e0dede
}

.form-simple .btn,
.form-simple input {
    border: none
}

.form-simple .btn {
    position: absolute;
    top: 54%;
    right: 1rem;
    transform: translateY(-50%);
    padding: 0;
    background: none;
    transition: color 0.3s
}

.form-simple .btn:hover {
    color: #ff9c28
}

.select-box,
.select-menu {
    position: relative
}

.select-box select,
.select-menu select {
    color: inherit;
    z-index: 1
}

.select-box:before,
.select-menu:before {
    content: "";
    font-family: "panda";
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%)
}

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

[class*=" p-icon-"]:before,
[class^=p-icon-]:before {
    font-family: "panda";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.p-icon-shipping:before {
    content: ""
}

.p-icon-shipping2:before {
    content: ""
}

.p-icon-comments1:before {
    content: ""
}

.p-icon-heart-fill:before {
    content: ""
}

.p-icon-instagram:before {
    content: ""
}

.p-icon-youtube1:before {
    content: ""
}

.p-icon-pinterest:before {
    content: ""
}

.p-icon-pinterest-p:before {
    content: ""
}

.p-icon-google:before {
    content: ""
}

.p-icon-twitter:before {
    content: ""
}

.p-icon-facebook:before {
    content: ""
}

.p-icon-coupon:before {
    content: ""
}

.p-icon-dashboard:before {
    content: ""
}

.p-icon-log-out:before {
    content: ""
}

.p-icon-minus-solid:before {
    content: ""
}

.p-icon-plus-solid:before {
    content: ""
}

.p-icon-angle-down:before {
    content: ""
}

.p-icon-angle-up:before {
    content: ""
}

.p-icon-angle-left:before {
    content: ""
}

.p-icon-angle-right:before {
    content: ""
}

.p-icon-products:before {
    content: ""
}

.p-icon-reports:before {
    content: ""
}

.p-icon-return:before {
    content: ""
}

.p-icon-reviews:before {
    content: ""
}

.p-icon-spin:before {
    content: ""
}

.p-icon-setting:before {
    content: ""
}

.p-icon-ship-station:before {
    content: ""
}

.p-icon-social:before {
    content: ""
}

.p-icon-store-seo:before {
    content: ""
}

.p-icon-store:before {
    content: ""
}

.p-icon-support:before {
    content: ""
}

.p-icon-tools:before {
    content: ""
}

.p-icon-vendor-store:before {
    content: ""
}

.p-icon-verification:before {
    content: ""
}

.p-icon-visit:before {
    content: ""
}

.p-icon-withdraw:before {
    content: ""
}

.p-icon-repeat:before {
    content: ""
}

.p-icon-media:before {
    content: ""
}

.p-icon-prev:before {
    content: ""
}

.p-icon-play:before {
    content: ""
}

.p-icon-next:before {
    content: ""
}

.p-icon-arrow-down:before {
    content: ""
}

.p-icon-arrow-left:before {
    content: ""
}

.p-icon-arrow-right:before {
    content: ""
}

.p-icon-arrow-up:before {
    content: ""
}

.p-icon-comment:before {
    content: ""
}

.p-icon-grape:before {
    content: ""
}

.p-icon-envelop:before {
    content: ""
}

.p-icon-logout:before {
    content: ""
}

.p-icon-order:before {
    content: ""
}

.p-icon-quote:before {
    content: ""
}

.p-icon-sale:before {
    content: ""
}

.p-icon-zoom:before {
    content: ""
}

.p-icon-call:before {
    content: ""
}

.p-icon-cart:before {
    content: ""
}

.p-icon-category:before {
    content: ""
}

.p-icon-category-1:before {
    content: ""
}

.p-icon-compare:before {
    content: ""
}

.p-icon-computer:before {
    content: ""
}

.p-icon-electronics:before {
    content: ""
}

.p-icon-fashion-2:before {
    content: ""
}

.p-icon-login:before {
    content: ""
}

.p-icon-smartphone:before {
    content: ""
}

.p-icon-smartphone-2:before {
    content: ""
}

.p-icon-art-class:before {
    content: ""
}

.p-icon-bag:before {
    content: ""
}

.p-icon-basketball:before {
    content: ""
}

.p-icon-bathtub:before {
    content: ""
}

.p-icon-bed:before {
    content: ""
}

.p-icon-birthday-cake:before {
    content: ""
}

.p-icon-bow:before {
    content: ""
}

.p-icon-bridge-lamp:before {
    content: ""
}

.p-icon-calendar:before {
    content: ""
}

.p-icon-camera:before {
    content: ""
}

.p-icon-desktop:before {
    content: ""
}

.p-icon-dish:before {
    content: ""
}

.p-icon-display:before {
    content: ""
}

.p-icon-download:before {
    content: ""
}

.p-icon-envelope:before {
    content: ""
}

.p-icon-fax:before {
    content: ""
}

.p-icon-furniture:before {
    content: ""
}

.p-icon-bars-solid:before {
    content: ""
}

.p-icon-star-solid:before {
    content: ""
}

.p-icon-exclamation-triangle:before {
    content: ""
}

.p-icon-times-circle:before {
    content: ""
}

.p-icon-cog-solid:before {
    content: ""
}

.p-icon-exclamation-circle-solid:before {
    content: ""
}

.p-icon-gamepad:before {
    content: ""
}

.p-icon-gift:before {
    content: ""
}

.p-icon-grid:before {
    content: ""
}

.p-icon-headphone:before {
    content: ""
}

.p-icon-heartbeat:before {
    content: ""
}

.p-icon-home:before {
    content: ""
}

.p-icon-honour:before {
    content: ""
}

.p-icon-check-solid:before {
    content: ""
}

.p-icon-check:before {
    content: ""
}

.p-icon-comments:before {
    content: ""
}

.p-icon-envelope:before {
    content: ""
}

.p-icon-envelope1:before {
    content: ""
}

.p-icon-youtube:before {
    content: ""
}

.p-icon-times:before {
    content: ""
}

.p-icon-hotline:before {
    content: ""
}

.p-icon-ice-cream:before {
    content: ""
}

.p-icon-list:before {
    content: ""
}

.p-icon-design:before {
    content: ""
}

.p-icon-settings:before {
    content: ""
}

.p-icon-mobile:before {
    content: ""
}

.p-icon-money:before {
    content: ""
}

.p-icon-motocycle:before {
    content: ""
}

.p-icon-net-world:before {
    content: ""
}

.p-icon-orders:before {
    content: ""
}

.p-icon-phone:before {
    content: ""
}

.p-icon-return:before {
    content: ""
}

.p-icon-rice-cooker:before {
    content: ""
}

.p-icon-ruby:before {
    content: ""
}

.p-icon-search:before {
    content: ""
}

.p-icon-search-minus:before {
    content: ""
}

.p-icon-search-plus:before {
    content: ""
}

.p-icon-service:before {
    content: ""
}

.p-icon-shopify:before {
    content: ""
}

.p-icon-sofa:before {
    content: ""
}

.p-icon-sport:before {
    content: ""
}

.p-icon-star:before {
    content: ""
}

.p-icon-star-full:before {
    content: ""
}

.p-icon-table:before {
    content: ""
}

.p-icon-table2:before {
    content: ""
}

.p-icon-truck:before {
    content: ""
}

.p-icon-tshirt:before {
    content: ""
}

.p-icon-user:before {
    content: ""
}

.p-icon-wallet:before {
    content: ""
}

.p-icon-support:before {
    content: ""
}

.p-icon-woocommerce:before {
    content: ""
}

.p-icon-book-checked:before {
    content: ""
}

.p-icon-star-2:before {
    content: ""
}

.p-icon-earphone:before {
    content: ""
}

.p-icon-media-empty {
    content: ""
}

.p-icon-phone-solid:before {
    content: ""
}

.p-icon-map:before {
    content: ""
}

.p-icon-search-solid:before {
    content: ""
}

.p-icon-user-solid:before {
    content: ""
}

.p-icon-heart-solid:before {
    content: ""
}

.p-icon-cart-solid:before {
    content: ""
}

.p-icon-arrow-long-left:before {
    content: ""
}

.p-icon-arrow-long-right:before {
    content: ""
}

.p-icon-arrow-prev:before {
    content: ""
}

.p-icon-arrow-next:before {
    content: ""
}

.p-icon-shipping-solid:before {
    content: ""
}

.p-icon-quality:before {
    content: ""
}

.p-icon-fax2:before {
    content: ""
}

.p-icon-heartbeat-solid:before {
    content: ""
}

.p-icon-fruit:before {
    content: ""
}

.p-icon-filter:before {
    content: ""
}

.p-icon-earphone2:before {
    content: ""
}

.p-icon-email:before {
    content: ""
}

.p-icon-socials:before {
    content: ""
}

.p-icon-message:before {
    content: ""
}

.p-icon-clock:before {
    content: ""
}

.p-icon-drink:before {
    content: ""
}

.p-icon-fish:before {
    content: ""
}

.p-icon-vegetable:before {
    content: ""
}

.p-icon-meat:before {
    content: ""
}

.p-icon-snack:before {
    content: ""
}

.p-icon-boiled-dry:before {
    content: ""
}

.p-icon-letters:before {
    content: ""
}

.p-icon-cocktail:before {
    content: ""
}

.p-icon-category-solid:before {
    content: ""
}

.p-icon-bottle:before {
    content: ""
}

.p-icon-hand-leaf:before {
    content: ""
}

.p-icon-star-3:before {
    content: ""
}

.p-icon-danger:before {
    content: ""
}

.p-icon-alarm:before {
    content: ""
}

.p-icon-face-bad:before {
    content: ""
}

.p-icon-checked:before {
    content: ""
}

.p-icon-list-2:before {
    content: ""
}

.p-icon-close:before {
    content: ""
}

.p-icon-compare-solid:before {
    content: ""
}

.p-icon-play-fill:before {
    content: ""
}

.p-icon-play-empty:before {
    content: ""
}

.p-icon-close-circle:before {
    content: ""
}

.banner {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.banner figure img {
    display: block;
    width: 100%;
    height: auto
}

.banner .banner-content {
    position: relative
}

.banner-fixed>.banner-content,
.banner-fixed>.container,
.banner-fixed>.container-fluid {
    position: absolute;
    z-index: 1
}

.banner-fixed>.container,
.banner-fixed>.container-fluid {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .intro-slider .banner img {
        height: 100%;
        width: 100%
    }
}

@media (max-width:991px) {
    .banner {
        font-size: 0.9em
    }
}

@media (max-width:479px) {
    .banner {
        font-size: 0.7em
    }
}

.social-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #54524d
}

.social-link {
    text-align: center;
    margin: 0 1.3rem;
    transition: color 0.4s, border 0.4s, background 0.4s, opacity 0.4s
}

.social-link.social-facebook {
    color: #3b5998
}

.social-link.social-twitter {
    color: #00aced
}

.social-link.social-linkedin {
    color: #c8232c
}

.social-link.social-email {
    color: #dc4a38
}

.social-link.social-pinterest {
    color: #6567a5
}

.social-link.social-reddit {
    color: #ea4c89
}

.social-link.social-tumblr {
    color: #007bb6
}

.social-link.social-vk {
    color: #1769ff
}

.social-link.social-whatsapp {
    color: #3c8a38
}

.social-link.social-xing {
    color: #126567
}

.social-link:hover {
    color: #ff9c28;
    opacity: 0.8
}

.social-lg .social-link {
    width: 2.5em;
    line-height: 2.5em;
    margin: 1.5rem;
    font-size: 1.5em
}

.social-md .social-link {
    width: 2.68em;
    line-height: 2.68em;
    margin: 0.5rem;
    font-size: 1em
}

.social-link-active .social-link {
    color: #fff
}

.social-link-active .social-facebook {
    background: #3b5998
}

.social-link-active .social-twitter {
    background: #00aced
}

.social-link-active .social-linkedin {
    background: #c8232c
}

.social-link-active .social-email {
    background: #dc4a38
}

.social-link-active .social-pinterest {
    background: #6567a5
}

.social-link-active .social-reddit {
    background: #ea4c89
}

.social-link-active .social-tumblr {
    background: #007bb6
}

.social-link-active .social-vk {
    background: #1769ff
}

.social-link-active .social-youtube {
    background: #ff9c28
}

.social-link-active .social-whatsapp {
    background: #3c8a38
}

.social-link-active .social-xing {
    background: #126567
}

.social-circle .social-link {
    border-radius: 50%
}

.social-links.dirVertical {
    flex-direction: column
}

.social-links.dirVertical .social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    width: 2.8rem;
    height: 2.8rem
}

.social-links.dirVertical .social-link:hover {
    color: #ff9c28;
    background: none
}

.social-border .social-link {
    border: 1px solid #e0dede
}

.social-border .social-link:hover {
    color: #fff
}

.social-border .social-link.social-facebook:hover {
    background: #3b5998;
    border-color: #3b5998
}

.social-border .social-link.social-twitter:hover {
    background: #00aced;
    border-color: #00aced
}

.social-border .social-link.social-linkedin:hover {
    background: #c8232c;
    border-color: #c8232c
}

.social-border .social-link.social-email:hover {
    background: #dc4a38;
    border-color: #dc4a38
}

.social-border .social-link.social-pinterest:hover {
    background: #6567a5;
    border-color: #6567a5
}

.social-border .social-link.social-reddit:hover {
    background: #ea4c89;
    border-color: #ea4c89
}

.social-border .social-link.social-tumblr:hover {
    background: #007bb6;
    border-color: #007bb6
}

.social-border .social-link.social-vk:hover {
    background: #1769ff;
    border-color: #1769ff
}

.social-border .social-link.social-youtube:hover {
    background: #ff9c28;
    border-color: #ff9c28
}

.social-border .social-link.social-whatsapp:hover {
    background: #3c8a38;
    border-color: #3c8a38
}

.social-border .social-link.social-xing:hover {
    background: #126567;
    border-color: #126567
}

.right-sidebar-active .right-sidebar .sidebar-close,
.right-sidebar-active .right-sidebar .sidebar-overlay,
.sidebar-active .sidebar .sidebar-close,
.sidebar-active .sidebar .sidebar-overlay {
    visibility: visible;
    opacity: 1
}

.right-sidebar-active .right-sidebar .sidebar-content,
.sidebar-active .sidebar .sidebar-content {
    transform: translateX(0);
    opacity: 1
}

.sidebar-active .page-wrapper {
    margin-left: 250px;
    margin-right: -250px
}

.right-sidebar-active .page-wrapper {
    margin-left: 0-false;
    margin-right: 0false
}

.sidebar-content,
.sidebar-overlay,
.sidebar-toggle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1200
}

.sidebar-overlay {
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.4s, opacity 0.4s
}

.sidebar-close {
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.4s, opacity 0.4s
}

.sidebar-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 160px;
    width: 40px;
    height: 40px;
    font-size: 1.4rem;
    color: #fff;
    background-color: rgba(28, 26, 26, 0.8)
}

.sidebar-close {
    position: fixed;
    margin: 0;
    left: calc(100vw - 52px);
    top: 12px;
    font-size: 3.5rem;
    color: #e1e1e1;
    z-index: 1201
}

.sidebar-close:hover {
    color: #e1e1e1
}

.sidebar-content {
    bottom: 0;
    width: 30rem;
    padding: 2rem;
    transform: translateX(-100%);
    overflow: auto;
    background-color: #fff;
    opacity: 0;
    transition: transform 0.4s, opacity 0.4s
}

.sidebar-content .widget-body {
    position: relative;
    padding-top: 1.9rem;
    padding-bottom: 2.9rem;
    opacity: 1;
    transition: opacity 0.3s
}

.sidebar-content .widget-body.collapsible-line:before {
    position: absolute;
    content: "";
    height: calc(100% - 21px);
    left: 0;
    top: 50%;
    border-right: 1px solid #e0dede;
    transform: translateY(-50%)
}

.sidebar-content .btn-filter {
    padding: 0.84em 1.73em 0.5em;
    font-size: 0.75em
}

.right-sidebar {
    order: 2
}

.right-sidebar .sidebar-toggle {
    left: auto;
    right: 0
}

.right-sidebar .sidebar-close {
    left: 20px
}

.right-sidebar .sidebar-content {
    transform: translateX(100%);
    left: auto;
    right: 0
}

.right-sidebar .sidebar-content::-webkit-scrollbar {
    width: 0
}

@media (min-width:992px) {

    .sidebar-fixed .sidebar-close,
    .sidebar-fixed .sidebar-overlay,
    .sidebar-fixed .sidebar-toggle {
        display: none
    }

    .sidebar-fixed .sidebar-content {
        position: relative;
        width: auto;
        transform: none;
        overflow: visible;
        padding: 0;
        opacity: 1;
        z-index: 19
    }
}

.tag {
    display: inline-block;
    padding: 1rem 1.3rem 0.6rem;
    margin: 0.5rem 0.6rem 0.5rem 0;
    border: 1px solid #e0dede;
    font-size: 0.75em;
    font-weight: 400;
    line-height: 1.35;
    transition: color 0.3s, border-color 0.3s, background 0.3s;
    text-transform: uppercase
}

.tag:last-child {
    margin-right: 0
}

.tag:hover {
    color: #fff;
    background: #54524d;
    border-color: #54524d
}

.widget-collapsible .toggle-btn {
    padding: 1rem 0
}

.widget-collapsible .toggle-btn:before {
    content: "";
    font-size: 0.75em;
    font-weight: 500
}

.widget-collapsible>.collapsed .toggle-btn:before {
    transform: rotate(-180deg)
}

.widget-collapsible .collapsed~.widget-body {
    opacity: 0.1
}

.widget-search input {
    padding: 0.68em 1.029em
}

.widget-search .btn i {
    font-size: 1.071em
}

.widget-sidebar .widget-title {
    position: relative;
    cursor: pointer;
    border-bottom: 1px solid #e0dede;
    color: #222
}

.widget-sidebar .widget-title.collapsed .title-text:before {
    transform: scale(0)
}

.widget-sidebar .widget-title .title-text {
    line-height: 2.2;
    padding-top: 3px
}

.widget-sidebar .widget-tags {
    padding-top: 2.4rem;
    margin-bottom: 1.2rem
}

.widget-sidebar .comment-list {
    line-height: 1.25;
    padding: 1rem 0;
    margin-bottom: 0
}

.widget-sidebar .comment-list>a {
    font-weight: 400
}

.widget-sidebar .comment-list>a:not(:hover) {
    color: #54524d
}

.widget-sidebar .owl-nav-top .owl-nav {
    top: -28.8%;
    right: -0.4rem
}

.filter-items.search-ul li {
    color: #54524d;
    padding: 0.7rem 0
}

.filter-items li {
    padding: 1.1rem 0 0.9rem 2.7rem;
    color: #333
}

.filter-items a {
    position: relative
}

.filter-items .active>a {
    color: #ff9c28
}

.overlay,
.overlay-visible {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    transition: padding 0.3s ease-out, background-color 0.3s, opacity 0.3s
}

.overlay {
    padding-top: 10rem;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0
}

a>.overlay {
    cursor: pointer
}

figure:hover .overlay {
    padding-top: 0;
    opacity: 1
}

.overlay.social-links {
    flex-direction: row
}

.overlay .social-links {
    justify-content: center
}

.overlay a:hover {
    color: #fff;
    text-decoration: underline
}

.overlay a.social-link {
    border-color: #fff
}

.overlay .social-link:hover {
    color: #fff;
    text-decoration: none
}

figure:hover .overlay-visible {
    background: rgba(255, 156, 40, 0.9);
    padding-bottom: 9rem
}

.overlay-transparent {
    background: transparent
}

.overlay-dark,
.overlay-effect1,
.overlay-effect2,
.overlay-effect3,
.overlay-effect4,
.overlay-light {
    overflow: hidden
}

.overlay-dark figure,
.overlay-effect1 figure,
.overlay-effect2 figure,
.overlay-effect3 figure,
.overlay-effect4 figure,
.overlay-light figure {
    overflow: hidden
}

.overlay-dark .banner,
.overlay-dark figure,
.overlay-effect1 .banner,
.overlay-effect1 figure,
.overlay-effect2 .banner,
.overlay-effect2 figure,
.overlay-effect3 .banner,
.overlay-effect3 figure,
.overlay-effect4 .banner,
.overlay-effect4 figure,
.overlay-light .banner,
.overlay-light figure {
    position: relative
}

.overlay-dark.banner:after,
.overlay-dark figure:after,
.overlay-dark figure>a:after,
.overlay-effect1 figure:after,
.overlay-effect1 figure>a:after,
.overlay-effect1.banner:after,
.overlay-effect2 figure:after,
.overlay-effect2 figure>a:after,
.overlay-effect2.banner:after,
.overlay-effect3 figure:after,
.overlay-effect3 figure>a:after,
.overlay-effect3.banner:after,
.overlay-effect4 figure:after,
.overlay-effect4 figure>a:after,
.overlay-effect4.banner:after,
.overlay-light.banner:after,
.overlay-light figure:after,
.overlay-light figure>a:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #333;
    opacity: 0;
    transition: opacity 0.3s, background 0.3s, transform 0.3s
}

.overlay-dark.banner:hover:after,
.overlay-dark:hover figure:after,
.overlay-dark:hover figure>a:after,
.overlay-effect1.banner:hover:after,
.overlay-effect1:hover figure:after,
.overlay-effect1:hover figure>a:after,
.overlay-effect2.banner:hover:after,
.overlay-effect2:hover figure:after,
.overlay-effect2:hover figure>a:after,
.overlay-effect3.banner:hover:after,
.overlay-effect3:hover figure:after,
.overlay-effect3:hover figure>a:after,
.overlay-effect4.banner:hover:after,
.overlay-effect4:hover figure:after,
.overlay-effect4:hover figure>a:after,
.overlay-light.banner:hover:after,
.overlay-light:hover figure:after,
.overlay-light:hover figure>a:after {
    opacity: 0.2
}

.overlay-dark.banner-fixed:after,
.overlay-dark.post>figure:after,
.overlay-effect1.banner-fixed:after,
.overlay-effect1.post>figure:after,
.overlay-effect2.banner-fixed:after,
.overlay-effect2.post>figure:after,
.overlay-effect3.banner-fixed:after,
.overlay-effect3.post>figure:after,
.overlay-effect4.banner-fixed:after,
.overlay-effect4.post>figure:after,
.overlay-light.banner-fixed:after,
.overlay-light.post>figure:after {
    content: none
}

.overlay-dark.post>figure>a:after,
.overlay-effect1.post>figure>a:after,
.overlay-effect2.post>figure>a:after,
.overlay-effect3.post>figure>a:after,
.overlay-effect4.post>figure>a:after,
.overlay-light.post>figure>a:after {
    z-index: 1
}

.overlay-effect2 figure:before,
.overlay-effect2 figure>a:before,
.overlay-effect2.banner:before,
.overlay-effect4 figure:before,
.overlay-effect4 figure>a:before,
.overlay-effect4.banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    opacity: 0.2;
    transition: opacity 0.5s ease, transform 0.5s ease
}

.overlay-effect2.banner-fixed:before,
.overlay-effect2.post>figure:before,
.overlay-effect4.banner-fixed:before,
.overlay-effect4.post>figure:before {
    content: none
}

.banner.overlay-light figure:after,
.overlay-light figure>a:after {
    background: #e1e1e1
}

.banner.overlay-dark figure:after,
.overlay-dark figure>a:after {
    background: #333
}

.overlay-zoom {
    overflow: hidden
}

.overlay-zoom>figure {
    overflow: hidden
}

.overlay-zoom>figure img {
    transition: transform 0.3s
}

.overlay-zoom:hover>figure img {
    transform: scale(1.08)
}

.overlay-effect1:hover:after,
.overlay-effect1:hover>figure:after,
.overlay-effect1:hover>figure>a:after {
    transform: scale(1, 1);
    visibility: visible;
    opacity: 0;
    transition: transform 0.5s linear, opacity 0.5s linear
}

.overlay-effect1>figure:after,
.overlay-effect1>figure>a:after {
    transform: scale(0, 1);
    opacity: 0.4;
    background-color: #fff;
    visibility: hidden
}

.overlay-effect2:hover:after,
.overlay-effect2:hover:before,
.overlay-effect2:hover>figure:after,
.overlay-effect2:hover>figure:before,
.overlay-effect2:hover>figure>a:after,
.overlay-effect2:hover>figure>a:before {
    opacity: 0;
    transform: none
}

.overlay-effect2>figure:after,
.overlay-effect2>figure>a:after {
    transform: translateX(-100%);
    background-color: #fff;
    opacity: 0.2;
    transition: transform 0.9s ease, opacity 0.9s ease
}

.overlay-effect2>figure:before,
.overlay-effect2>figure>a:before {
    transform: translateX(100%);
    transition: transform 0.9s ease, opacity 0.9s ease
}

.overlay-effect3:hover:after,
.overlay-effect3:hover>figure:after,
.overlay-effect3:hover>figure>a:after {
    top: 100%;
    left: -100%;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0)
}

.overlay-effect3>figure:after,
.overlay-effect3>figure>a:after {
    left: 50%;
    width: 120%;
    height: 6rem;
    background-color: #fff;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
    transition: 0.5s linear, top 0.5s linear, left 0.5s linear
}

.overlay-effect4:hover:after,
.overlay-effect4:hover:before,
.overlay-effect4:hover>figure:after,
.overlay-effect4:hover>figure:before,
.overlay-effect4:hover>figure>a:after,
.overlay-effect4:hover>figure>a:before {
    transform: scale(1, 1)
}

.overlay-effect4>figure:after,
.overlay-effect4>figure>a:after {
    transform: scale(0, 1);
    background-color: #fff
}

.overlay-effect4>figure:before,
.overlay-effect4>figure>a:before {
    transform: scale(1, 0);
    transition: transform 0.3s
}

.overlay-filter>figure img {
    transition: filter 0.4s
}

.overlay-blur:hover>figure img {
    filter: blur(4px)
}

.overlay-brightness:hover>figure img {
    filter: brightness(1.5)
}

.overlay-contrast:hover>figure img {
    filter: contrast(1.5)
}

.overlay-grayscale:hover>figure img {
    filter: grayscale(1)
}

.overlay-hue:hover>figure img {
    filter: hue-rotate(270deg)
}

.overlay-opacity:hover>figure img {
    filter: opacity(0.5)
}

.overlay-saturate:hover>figure img {
    filter: saturate(3)
}

.overlay-sepia:hover>figure img {
    filter: sepia(0.5)
}

@keyframes kenBurnsToRight {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

@keyframes kenBurnsToLeft {
    0% {
        transform: scale(1.2)
    }

    to {
        transform: scale(1)
    }
}

.kenBurnsToRight {
    animation-name: kenBurnsToRight;
    animation-timing-function: linear;
    animation-fill-mode: both;
    transform-origin: right
}

.kenBurnsToLeft {
    animation-name: kenBurnsToLeft;
    animation-timing-function: linear;
    animation-fill-mode: both;
    transform-origin: left
}

.tooltiptext {
    font-family: Josefin Sans, sans-serif;
    position: absolute;
    padding: 0.7rem 0.5rem 0.5rem;
    bottom: 150%;
    left: 48%;
    background-color: #333;
    color: #fff;
    font-size: 1.272em;
    font-weight: 400;
    letter-spacing: 0.01em;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50%);
    z-index: 10;
    transition: opacity 0.3s;
    text-indent: 0
}

.tooltip-bottom:after,
.tooltip-top:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid
}

.tooltip-top:after {
    top: 96%;
    border-color: #333 transparent transparent transparent
}

.tooltip-bottom:after {
    top: -35%;
    border-color: transparent transparent #333 transparent
}

.btn {
    display: inline-block;
    border: 1px solid #e4eaec;
    background-color: #e4eaec;
    color: #222;
    outline: 0;
    cursor: pointer;
    padding: 1.25em 2.78em 0.95em;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    transition: color 0.3s, border-color 0.3s, background-color 0.3s, box-shadow 0.3s;
    white-space: nowrap
}

.btn:active,
.btn:focus,
.btn:hover {
    color: #222;
    border-color: #cfdadd;
    background-color: #cfdadd
}

.btn i {
    position: relative;
    vertical-align: middle;
    margin-left: 0.6rem;
    font-size: 1.357em
}

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

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    color: #fff;
    border-color: #ffac4c;
    background-color: #ffac4c
}

.btn-primary.btn-solid {
    color: #ff9c28;
    border-color: #fff;
    background-color: #fff
}

.btn-primary.btn-solid:active,
.btn-primary.btn-solid:focus,
.btn-primary.btn-solid:hover {
    border-color: #ff9c28;
    background-color: #ff9c28;
    color: #fff
}

.btn-primary.btn-outline {
    color: #ff9c28
}

.btn-primary.btn-outline:active,
.btn-primary.btn-outline:focus,
.btn-primary.btn-outline:hover {
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #fff
}

.btn-primary.btn-link {
    background-color: transparent;
    color: #ff9c28
}

.btn-primary.btn-link:active,
.btn-primary.btn-link:focus,
.btn-primary.btn-link:hover {
    color: #222
}

.btn-primary.btn-underline:active,
.btn-primary.btn-underline:focus,
.btn-primary.btn-underline:hover {
    color: #ff9c28
}

.btn-secondary {
    color: #fff;
    border-color: #ff9c28;
    background-color: #ff9c28
}

.btn-secondary:active,
.btn-secondary:focus,
.btn-secondary:hover {
    color: #fff;
    border-color: #ffac4c;
    background-color: #ffac4c
}

.btn-secondary.btn-solid {
    color: #ff9c28;
    border-color: #fff;
    background-color: #fff
}

.btn-secondary.btn-solid:active,
.btn-secondary.btn-solid:focus,
.btn-secondary.btn-solid:hover {
    border-color: #ff9c28;
    background-color: #ff9c28;
    color: #fff
}

.btn-secondary.btn-outline {
    color: #ff9c28
}

.btn-secondary.btn-outline:active,
.btn-secondary.btn-outline:focus,
.btn-secondary.btn-outline:hover {
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #fff
}

.btn-secondary.btn-link {
    background-color: transparent;
    color: #ff9c28
}

.btn-secondary.btn-link:active,
.btn-secondary.btn-link:focus,
.btn-secondary.btn-link:hover {
    color: #222
}

.btn-secondary.btn-underline:active,
.btn-secondary.btn-underline:focus,
.btn-secondary.btn-underline:hover {
    color: #ff9c28
}

.btn-dim {
    color: #fff;
    border-color: #54524d;
    background-color: #54524d
}

.btn-dim:active,
.btn-dim:focus,
.btn-dim:hover {
    color: #fff;
    border-color: #67645e;
    background-color: #67645e
}

.btn-dim.btn-solid {
    color: #54524d;
    border-color: #fff;
    background-color: #fff
}

.btn-dim.btn-solid:active,
.btn-dim.btn-solid:focus,
.btn-dim.btn-solid:hover {
    border-color: #54524d;
    background-color: #54524d;
    color: #fff
}

.btn-dim.btn-outline {
    color: #54524d
}

.btn-dim.btn-outline:active,
.btn-dim.btn-outline:focus,
.btn-dim.btn-outline:hover {
    background-color: #54524d;
    border-color: #54524d;
    color: #fff
}

.btn-dim.btn-link {
    background-color: transparent;
    color: #54524d
}

.btn-dim.btn-link:active,
.btn-dim.btn-link:focus,
.btn-dim.btn-link:hover {
    color: #222
}

.btn-dim.btn-underline:active,
.btn-dim.btn-underline:focus,
.btn-dim.btn-underline:hover {
    color: #54524d
}

.btn-alert {
    color: #fff;
    border-color: #f12a57;
    background-color: #f12a57
}

.btn-alert:active,
.btn-alert:focus,
.btn-alert:hover {
    color: #fff;
    border-color: #f34b71;
    background-color: #f34b71
}

.btn-alert.btn-solid {
    color: #f12a57;
    border-color: #fff;
    background-color: #fff
}

.btn-alert.btn-solid:active,
.btn-alert.btn-solid:focus,
.btn-alert.btn-solid:hover {
    border-color: #f12a57;
    background-color: #f12a57;
    color: #fff
}

.btn-alert.btn-outline {
    color: #f12a57
}

.btn-alert.btn-outline:active,
.btn-alert.btn-outline:focus,
.btn-alert.btn-outline:hover {
    background-color: #f12a57;
    border-color: #f12a57;
    color: #fff
}

.btn-alert.btn-link {
    background-color: transparent;
    color: #f12a57
}

.btn-alert.btn-link:active,
.btn-alert.btn-link:focus,
.btn-alert.btn-link:hover {
    color: #222
}

.btn-alert.btn-underline:active,
.btn-alert.btn-underline:focus,
.btn-alert.btn-underline:hover {
    color: #f12a57
}

.btn-success {
    color: #fff;
    border-color: #b1ca39;
    background-color: #b1ca39
}

.btn-success:active,
.btn-success:focus,
.btn-success:hover {
    color: #fff;
    border-color: #bcd255;
    background-color: #bcd255
}

.btn-success.btn-solid {
    color: #b1ca39;
    border-color: #fff;
    background-color: #fff
}

.btn-success.btn-solid:active,
.btn-success.btn-solid:focus,
.btn-success.btn-solid:hover {
    border-color: #b1ca39;
    background-color: #b1ca39;
    color: #fff
}

.btn-success.btn-outline {
    color: #b1ca39
}

.btn-success.btn-outline:active,
.btn-success.btn-outline:focus,
.btn-success.btn-outline:hover {
    background-color: #b1ca39;
    border-color: #b1ca39;
    color: #fff
}

.btn-success.btn-link {
    background-color: transparent;
    color: #b1ca39
}

.btn-success.btn-link:active,
.btn-success.btn-link:focus,
.btn-success.btn-link:hover {
    color: #222
}

.btn-success.btn-underline:active,
.btn-success.btn-underline:focus,
.btn-success.btn-underline:hover {
    color: #b1ca39
}

.btn-primary-dark {
    color: #fff;
    border-color: #222;
    background-color: #222
}

.btn-primary-dark:active,
.btn-primary-dark:focus,
.btn-primary-dark:hover {
    color: #fff;
    border-color: #343434;
    background-color: #343434
}

.btn-primary-dark.btn-solid {
    color: #222;
    border-color: #fff;
    background-color: #fff
}

.btn-primary-dark.btn-solid:active,
.btn-primary-dark.btn-solid:focus,
.btn-primary-dark.btn-solid:hover {
    border-color: #222;
    background-color: #222;
    color: #fff
}

.btn-primary-dark.btn-outline {
    color: #222
}

.btn-primary-dark.btn-outline:active,
.btn-primary-dark.btn-outline:focus,
.btn-primary-dark.btn-outline:hover {
    background-color: #222;
    border-color: #222;
    color: #fff
}

.btn-primary-dark.btn-link {
    background-color: transparent;
    color: #222
}

.btn-primary-dark.btn-link:active,
.btn-primary-dark.btn-link:focus,
.btn-primary-dark.btn-link:hover {
    color: #222
}

.btn-primary-dark.btn-underline:active,
.btn-primary-dark.btn-underline:focus,
.btn-primary-dark.btn-underline:hover {
    color: #222
}

.btn-dark {
    color: #fff;
    border-color: #333;
    background-color: #333
}

.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
    color: #fff;
    border-color: #454545;
    background-color: #454545
}

.btn-dark.btn-solid {
    color: #333;
    border-color: #fff;
    background-color: #fff
}

.btn-dark.btn-solid:active,
.btn-dark.btn-solid:focus,
.btn-dark.btn-solid:hover {
    border-color: #333;
    background-color: #333;
    color: #fff
}

.btn-dark.btn-outline {
    color: #333
}

.btn-dark.btn-outline:active,
.btn-dark.btn-outline:focus,
.btn-dark.btn-outline:hover {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.btn-dark.btn-link {
    background-color: transparent;
    color: #333
}

.btn-dark.btn-link:active,
.btn-dark.btn-link:focus,
.btn-dark.btn-link:hover {
    color: #222
}

.btn-dark.btn-underline:active,
.btn-dark.btn-underline:focus,
.btn-dark.btn-underline:hover {
    color: #333
}

.btn-white {
    color: #222;
    background-color: #fff;
    border-color: #fff
}

.btn-white:active,
.btn-white:focus,
.btn-white:hover {
    color: #fff;
    border-color: #ff9c28;
    background-color: #ff9c28
}

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

.btn-white.btn-outline:active,
.btn-white.btn-outline:focus,
.btn-white.btn-outline:hover {
    color: #ff9c28;
    background-color: #fff
}

.btn-white.btn-link {
    color: #fff;
    background-color: transparent
}

.btn-white.btn-link:active,
.btn-white.btn-link:focus,
.btn-white.btn-link:hover {
    color: #fff;
    background-color: transparent
}

.btn-outline {
    color: #eee;
    background-color: transparent
}

.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    border-color: #666;
    background-color: #666;
    color: #fff
}

.btn-outline.btn-bg {
    color: #fff
}

.btn-reveal-right i {
    font-size: 0.95em;
    opacity: 0;
    margin-right: -1em;
    transform: translateX(-0.5em);
    margin-left: 0;
    transition: transform 0.3s, opacity 0.3s, margin 0.3s
}

.btn-reveal-right:active i,
.btn-reveal-right:focus i,
.btn-reveal-right:hover i {
    opacity: 1;
    margin-left: 0.7rem;
    transform: translateX(0);
    margin-right: 0
}

.btn-slide-right:active i,
.btn-slide-right:focus i,
.btn-slide-right:hover i {
    animation: 0.5s ease slideRight
}

@keyframes slideRight {
    0% {
        left: 0
    }

    50% {
        left: 0.5em
    }

    to {
        left: 0
    }
}

.btn-shadow {
    box-shadow: 0 8px 10px 0px rgba(0, 0, 0, 0.1)
}

.btn-shadow:active,
.btn-shadow:focus,
.btn-shadow:hover {
    box-shadow: 0 15px 20px -15px rgba(0, 0, 0, 0.35)
}

.btn-shadow-lg {
    box-shadow: 0px 0px 10px 7px rgba(0, 0, 0, 0.05)
}

.btn-shadow-lg:active,
.btn-shadow-lg:focus,
.btn-shadow-lg:hover {
    box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.4)
}

.btn-shadow-success {
    box-shadow: 3px 6px 20px 1px #dcff77
}

.btn-shadow-success:active,
.btn-shadow-success:focus,
.btn-shadow-success:hover {
    box-shadow: 0 13px 20px -10px rgba(220, 255, 119, 0.2)
}

.btn-shadow-icon i {
    padding: 5px 3px 3px 5px;
    margin-left: 1rem;
    font-size: 1em;
    line-height: 2.3rem;
    color: #fff;
    background-color: #b1ca39;
    border-radius: 100%;
    box-shadow: 2px 3px 9px 0px #b1ca39
}

.btn-shadow-icon.btn-white:active,
.btn-shadow-icon.btn-white:focus,
.btn-shadow-icon.btn-white:hover {
    background-color: transparent;
    border-color: transparent
}

.btn-overlap {
    box-shadow: 4px 4px 0px 0px #a1bc20
}

.btn-overlap:hover {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.5)
}

.btn-underline:active:after,
.btn-underline:focus:after,
.btn-underline:hover:after {
    transform: scaleX(1)
}

.btn-underline:after {
    content: "";
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    width: 100%;
    border-bottom: 1px solid;
    transform: scaleX(0);
    transition: transform 0.3s
}

.btn-underline.btn-underline-visible:after {
    transform: scaleX(1)
}

.btn-underline.btn-underline-width-sm:after {
    height: 1px;
    border-bottom: 0
}

.btn-underline.primary-bold {
    position: relative
}

.btn-underline.primary-bold:after {
    position: absolute;
    bottom: 0%;
    border-bottom: 10px solid transparent;
    transform-origin: left center
}

.btn-underline.sm:after {
    width: 46%
}

.btn-underline.lg:after {
    margin-left: -16.5%;
    margin-right: -16.5%;
    width: 133%
}

.btn-underline.primary-bold:hover:after {
    border-color: rgba(255, 156, 40, 0.3)
}

.btn-link {
    padding: 0;
    border: 0;
    background-color: transparent
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
    background-color: transparent
}

.btn-disabled {
    cursor: not-allowed;
    background-color: #e4eaec !important;
    color: #999 !important;
    border-color: #e4eaec !important;
    box-shadow: none !important
}

.btn-disabled:after,
.btn-disabled:before {
    content: none !important
}

.btn.btn-rounded {
    border-radius: 8px
}

.btn.btn-rounded:after,
.btn.btn-rounded:before {
    border-radius: 8px
}

.btn.btn-block {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

.btn.btn-right-circle i {
    position: relative;
    z-index: 2;
    margin-left: 20px
}

.btn.btn-right-circle i:before {
    color: #ff9c28
}

.btn.btn-right-circle i:after {
    position: absolute;
    content: "";
    width: 38px;
    height: 38px;
    z-index: -1;
    left: 50%;
    top: 43%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 50%
}

.btn.btn-ellipse {
    border-radius: 3rem
}

.btn-lg {
    padding: 1.1em 2.45em 0.9em;
    font-size: 1.429em
}

.btn-md {
    padding: 1.16em 2.38em 1em;
    font-size: 0.8125em
}

.btn-sm {
    padding: 0.9em 1.75em 0.7em;
    font-size: 0.75em
}

.btn-remove {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    font-size: 0.857em;
    color: #54524d;
    border: 1px solid #e1e1e1;
    border-radius: 50%
}

.btn-remove i {
    line-height: 0
}

.countdown-default {
    display: flex;
    justify-content: center
}

.countdown-default .countdown-row {
    display: flex;
    line-height: 1.5
}

.countdown-default .countdown-amount {
    font-size: 1.75em;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    line-height: 1;
    padding-top: 12px
}

.countdown-default .countdown-period {
    font-size: 1em;
    text-transform: lowercase;
    padding-bottom: 8px;
    color: rgba(255, 255, 255, 0.4)
}

.countdown-default .countdown-section {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: content-box;
    width: 71px;
    margin: 10px 7.5px;
    border: 1px solid transparent
}

@media (max-width:575px) {
    .countdown-default:not(.no-repeat) .countdown-row {
        display: grid;
        grid-template-columns: repeat(2, calc(100% / 2))
    }
}

.cd-section-border .countdown-section {
    border: 1px solid #e0dede
}

@media (min-width:576px) {
    .colon-split .countdown-section:not(:first-child):before {
        content: ":";
        position: absolute;
        color: #767676;
        font-size: 1.875em;
        font-weight: 500;
        top: 50%;
        left: calc(0% - 7.5px);
        transform: translateY(-50%)
    }
}

.product-countdown-container {
    font-size: 0.875em;
    background-color: #444;
    padding: 9px 18px 5px 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8)
}

.product-countdown-container label,
.product-countdown-container span {
    line-height: 1
}

.testimonial blockquote {
    position: relative;
    margin-bottom: 2rem
}

.testimonial blockquote .testimonial-author-thumbnail img {
    border-radius: 50%
}

.testimonial-info cite {
    text-transform: uppercase;
    color: #333;
    font-size: 0.875em;
    font-weight: 400;
    font-style: normal
}

.testimonial-info cite span {
    display: block;
    text-transform: capitalize;
    font-weight: 300
}

.with-double-quote:after,
.with-double-quote:before {
    font-family: "Font Awesome 5 Free";
    position: absolute;
    color: #ff9c28;
    font-size: 1.875em;
    font-weight: 600
}

.with-double-quote:before {
    content: "";
    bottom: 7.5%;
    right: 12%
}

.with-double-quote:after {
    content: "";
    top: 30.5%;
    left: 13.5%
}

@media (max-width:575px) {
    .with-double-quote:after {
        top: 26.5%;
        left: 3.5%
    }

    .with-double-quote:before {
        bottom: 3.5%
    }
}

.with-quote p {
    position: relative
}

.with-quote:before {
    position: absolute;
    top: 43%;
    right: 12.5%;
    font-family: "Font Awesome 5 Free";
    content: "";
    color: #f8f8f8;
    font-size: 7.5em;
    font-weight: 600;
    transform: translateY(-50%)
}

.with-quote.grey-section:before {
    color: #fff
}

.testimonial-lg blockquote {
    padding: 4.5rem 5rem 5.7rem 5rem
}

.testimonial-lg blockquote .testimonial-author-thumbnail {
    float: left;
    margin-right: 2rem
}

.testimonial-lg blockquote .testimonial-title {
    margin-bottom: 15px
}

.testimonial-lg blockquote .testimonial-info {
    padding: 1.4rem 0
}

@media (max-width:575px) {
    .testimonial-lg blockquote {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.testimonial-md .testimonial-author-thumbnail {
    position: absolute;
    top: -50px
}

.testimonial-md .testimonial-author-thumbnail:after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 Free";
    font-size: 1.25em;
    font-weight: 600;
    bottom: -0.3rem;
    right: -1.2rem;
    width: 4rem;
    border-radius: 50%;
    color: #fff;
    background-color: #ff9c28;
    line-height: 4rem;
    text-align: center
}

.testimonial-md blockquote {
    margin-top: 5.1rem;
    padding: 2.8rem 2.7rem 2.5rem 2.9rem
}

.testimonial-md .ratings-container {
    padding-left: 130px;
    margin-bottom: 3.9rem
}

.md-type2 blockquote {
    padding: 0 4.7rem 0 0;
    margin-top: 78px
}

.md-type2 blockquote:after {
    top: 53%;
    right: 19.5%
}

@media (max-width:767px) {
    .md-type2 blockquote {
        padding-right: 0
    }
}

.md-type2 .testimonial-author-thumbnail {
    top: -78px
}

.testimonial-sm {
    border: 1px solid #e0dede;
    padding: 2rem
}

.testimonial-sm .testimonial-author-thumbnail {
    float: left;
    padding-right: 3rem
}

.testimonial-sm .testimonial-info {
    padding-bottom: 7px
}

.testimonial-sm blockquote {
    margin: 0
}

.testimonial-sm blockquote>p {
    padding-top: 7px
}

@media (min-width:576px) {
    .testimonial-sm cite {
        display: flex
    }

    .testimonial-sm .testimonial-info span {
        margin: 0 0 0 18px
    }
}

@media (max-width:575px) {
    .testimonial-sm blockquote {
        text-align: center
    }

    .testimonial-sm .testimonial-author-thumbnail {
        float: unset;
        max-width: 100px;
        margin: 0 auto
    }
}

.testimonial-centered {
    padding: 2rem 2rem 0.8rem;
    background-color: transparent;
    text-align: center
}

.testimonial-centered .testimonial-author-thumbnail {
    margin: 0 auto 3.5rem;
    width: 12rem;
    height: 12rem
}

.testimonial-centered blockquote {
    margin-left: auto;
    margin-right: auto;
    max-width: 94.2rem
}

.post .btn {
    text-transform: capitalize;
    font-weight: 300
}

.post .post-details>:last-child {
    margin-bottom: 0
}

.post.post-center {
    text-align: center
}

.post.post-center .post-meta {
    justify-content: center
}

.post .post-calendar {
    padding: 1rem 1.4rem 0.6rem 1.5rem;
    color: #fff;
    background-color: #333;
    font-size: 0.875em;
    text-transform: uppercase;
    line-height: 1
}

.post .post-calendar:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1rem solid #333;
    border-bottom: 3rem solid transparent;
    transform: translateX(100%)
}

.post .post-media {
    position: relative
}

.post .post-media img {
    display: block;
    width: 100%;
    object-fit: cover
}

.post .post-media .post-calendar {
    position: absolute;
    top: 2rem
}

.post .post-media.calendar-bottom {
    overflow: visible
}

.post .post-media.calendar-bottom .post-calendar {
    top: unset;
    bottom: 0;
    z-index: 2;
    transform: translateY(50%)
}

.meta-grey-bg .post-details {
    padding-bottom: 0
}

.meta-grey-bg .post-details .post-meta {
    background-color: #f8f8f8;
    padding-top: 2rem;
    padding-bottom: 2rem
}

.post-type2 .post-details {
    padding: 5rem 3.5rem 3.5rem
}

.post-type2 .post-title {
    margin-bottom: 1rem
}

.post-type2 .post-content {
    margin-bottom: 2.1rem
}

.post-type2 .btn {
    padding: 1.3rem 2.9rem 1.3rem
}

.post-border .post-details {
    border: 1px solid #e0dede
}

.post-border .post-details>* {
    padding-left: 3rem;
    padding-right: 3rem
}

.post-details {
    padding: 2.3rem 0 2rem
}

.post-cats {
    margin-bottom: 8px;
    font-size: 0.875em;
    text-transform: capitalize
}

.post-meta {
    display: flex;
    align-items: center;
    margin-bottom: 1.4rem;
    font-size: 0.875em;
    line-height: 1.2;
    color: #999
}

.post-meta a:not(.social-link):not(:hover) {
    color: #333
}

.post-meta .post-agent {
    max-width: 3.1rem;
    margin-right: 1rem;
    border-radius: 100%
}

.post-meta .post-author {
    display: flex;
    align-items: center;
    margin-right: 1rem
}

.post-meta .post-author span {
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
    padding-left: 3px
}

.post-meta .post-comments {
    margin-right: 1.6rem
}

.post-meta .post-comments i {
    vertical-align: middle;
    font-size: 1.357em;
    margin-right: 8px
}

.post-share {
    position: relative
}

.post-share .social-links {
    position: absolute;
    bottom: 50%;
    left: -9px;
    padding: 3px;
    font-size: 0.75em;
    background-color: #54524d;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s, bottom 0.3s
}

.post-share:hover {
    cursor: pointer
}

.post-share:hover .social-links {
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.08);
    visibility: visible;
    opacity: 1;
    bottom: 130%
}

.post-share>i {
    font-size: 1.1423em
}

.post-share .social-link:not(:hover) {
    color: #fff
}

.post-title {
    margin-bottom: 1.1rem;
    line-height: 1.21;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.post-content>a {
    margin-left: 10px;
    color: #ff9c28;
    border-bottom: 1px solid transparent;
    transition: border-color 0.3s
}

.post-content>a:hover {
    border-color: inherit
}

.post-list {
    margin-bottom: 2rem
}

@media (min-width:576px) {
    .post-list {
        display: flex;
        align-items: center
    }

    .post-list .post-details {
        padding: 0.5rem 0 0.5rem 3rem;
        width: calc(100% - 50%)
    }

    .post-list .post-media {
        width: 50%
    }
}

.post-list-sm {
    display: flex;
    align-items: center;
    margin-bottom: 2rem
}

.post-list-sm .post-media {
    max-width: 9rem;
    flex: 0 0 9rem;
    height: 9rem
}

.post-list-sm .post-media img {
    height: 100%;
    object-fit: cover
}

.post-list-sm .post-details {
    padding: 0;
    margin-left: 1.6rem
}

.post-list-sm .post-meta {
    margin-bottom: 1rem
}

.post-list-sm .post-meta a {
    font-size: 0.857em;
    color: #54524d
}

.post-outer .post-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.post-outer .post-details {
    background-color: #fff;
    padding-left: 2rem;
    padding-right: 2rem;
    width: calc(100% - 60px);
    min-width: 90%;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(-24%)
}

.post-classic {
    margin-bottom: 8.1rem
}

.post-classic .post-details {
    position: relative;
    padding: 4.9rem 8.5rem 5rem
}

.post-classic .post-meta a:not(:first-child) {
    margin-left: 0.5rem
}

.post-classic .post-cats {
    margin-bottom: 1.6rem
}

.post-classic .post-title {
    margin-bottom: 1.6rem;
    white-space: normal;
    font-size: 1.75em
}

.post-classic .post-content {
    margin-bottom: 3.1rem
}

.post-classic .post-calendar {
    position: absolute;
    top: 0;
    left: -1px;
    transform: translateY(-50%);
    font-size: 1em;
    padding: 1.2rem 2rem
}

.post-classic .post-calendar:after {
    border-left-width: 1.4rem;
    border-bottom-width: 4rem
}

.post-classic .btn {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: -0.1em;
    text-transform: uppercase;
    padding: 1.3rem 2.9rem 1rem
}

.post-classic.post-classic-sm {
    margin-bottom: 0
}

.post-classic.post-classic-sm .post-details {
    padding: 4.7rem 2.5rem 4.2rem
}

.post-classic.post-classic-sm .post-title {
    font-size: 1.5em;
    margin-bottom: 0.8rem
}

.post-classic.post-classic-sm .post-content {
    line-height: 1.5em;
    margin-bottom: 2.2rem
}

.post-classic.post-classic-sm .post-calendar {
    font-size: 0.875em;
    padding: 1rem 1.4rem 0.6rem 1.5rem
}

.post-classic.post-classic-sm .post-calendar:after {
    border-left-width: 1rem;
    border-bottom-width: 3rem
}

.icon-box p {
    margin: 0
}

.icon-box-icon {
    display: inline-block;
    margin-bottom: 1.5rem;
    font-size: 2.7em;
    color: #ff9c28;
    line-height: 0
}

.ib-bottom {
    position: relative
}

.ib-bottom:after {
    position: absolute;
    content: "";
    bottom: 0;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #ff9c28
}

.ib-bottom .icon-box-content {
    padding-bottom: 2.2rem;
    text-align: center
}

.ib-border {
    padding: 41px 10px 38px;
    border: 1px solid #e0dede;
    text-align: center
}

.ib-border .icon-box-icon {
    margin-bottom: 1.8rem
}

.ib-border .icon-box-title {
    margin-bottom: 10px
}

.icon-box-side {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 0 1.9rem
}

.icon-box-side .icon-box-title {
    font-size: 0.875em;
    font-weight: 400
}

.icon-box-side .icon-box-icon {
    margin: 0 1.9rem 0.3rem 0
}

.icon-box-side p {
    font-size: 0.875em
}

.icon-box-tiny .icon-box-icon {
    margin: 0 1.9rem 0 0
}

.icon-box-tiny .icon-box-title {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    margin-bottom: 0.8rem;
    font-size: 1em;
    font-weight: 400
}

.icon-box-tiny .icon-box-content {
    padding-right: 2rem
}

@media (max-width:991px) {
    .icon-box-side {
        flex-direction: column
    }

    .icon-box-side .icon-box-icon {
        margin: 0 0 2rem 0
    }

    .icon-box-side .icon-box-content {
        text-align: center
    }
}

.hotspot-container {
    position: relative
}

.hotspot {
    position: absolute
}

.hotspot.hotspotspread:before {
    content: "";
    position: absolute;
    background-color: #54524d;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 1;
    border-radius: 50%;
    animation: hotspot-animate 2s infinite
}

.hotspot.hotspotspread:hover:before {
    animation: none;
    transform: scale(1.7);
    background-color: rgba(51, 51, 51, 0.4)
}

.hotspot>a {
    position: relative;
    display: flex;
    width: 2em;
    height: 2em;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
    transition: background-color 0.35s, color 0.35s
}

.hotspot>a:before {
    color: #fff
}

.hotspot:after {
    position: absolute;
    display: block;
    content: "";
    height: 100%;
    width: 100%
}

.hotspot:hover .tooltip {
    visibility: visible;
    opacity: 1
}

.hotspot.hotspot-type1>a {
    background-color: #333
}

.hotspot.hotspot-type1 i {
    color: #fff;
    font-size: 1.2em
}

.hotspot.hotspot-type1:hover>a {
    background-color: #fff
}

.hotspot.hotspot-type1:hover i {
    color: #333
}

.hotspot.hotspot-type2>a {
    background-color: rgba(51, 51, 51, 0.6);
    transform: scale(1.15)
}

.hotspot.hotspot-type2 i {
    color: #fff;
    font-size: 0.75em
}

.hotspot.hotspot-type2:hover>a {
    background-color: rgba(255, 255, 255, 0.8)
}

.hotspot.hotspot-type2:hover i {
    color: #ff9c28
}

.hotspot-right .tooltip {
    left: 200%;
    top: -275%
}

.hotspot-right .tooltip:before {
    border-right-color: #fff;
    left: -0.9rem;
    top: 50%;
    transform: translateY(-50%)
}

.hotspot-right:after {
    top: 0;
    left: 100%
}

.hotspot-left .tooltip {
    right: 200%;
    top: -275%
}

.hotspot-left .tooltip:before {
    border-left-color: #fff;
    right: -1.9rem;
    top: 50%;
    transform: translateY(-50%)
}

.hotspot-left:after {
    top: 0;
    right: 100%
}

.hotspot-top .tooltip {
    bottom: 200%;
    right: -481%
}

.hotspot-top .tooltip:before {
    bottom: 0;
    left: 50%;
    border-top-color: #fff;
    transform: translateY(95%)
}

.hotspot-top:after {
    bottom: 100%
}

.hotspot-bottom .tooltip {
    top: 170%;
    right: -480%
}

.hotspot-bottom .tooltip:before {
    top: -21%;
    left: 50%;
    border-bottom-color: #333
}

.hotspot-bottom:before {
    top: 100%
}

.tooltip {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s;
    box-shadow: 0 5px 14px 0 rgba(155, 155, 155, 0.1);
    z-index: 3;
    background-color: #fff;
    width: 34rem
}

.tooltip:before {
    content: "";
    position: absolute;
    z-index: 1000;
    margin-left: -1rem;
    border: 1rem solid transparent
}

.tooltip-body {
    position: relative
}

.product-wrap {
    overflow: hidden;
    margin-bottom: 2rem
}

.product {
    position: relative
}

.product:hover .product-action,
.product:hover .product-action-float,
.product:hover .product-action-vertical {
    visibility: visible;
    opacity: 1
}

.product:hover .product-action-float {
    bottom: 2rem
}

.product.text-center .product-action,
.product.text-center .ratings-container {
    justify-content: center
}

.product i {
    line-height: 0
}

.product-media {
    position: relative
}

.product-media img {
    display: block;
    width: 100%;
    transition: opacity 0.5s
}

.product-media img:last-child {
    position: absolute;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    left: 0;
    object-fit: cover
}

.product-media img:first-child {
    position: relative;
    opacity: 1
}

.product-media:hover img:first-child {
    opacity: 0
}

.product-media:hover img:last-child {
    opacity: 1
}

.product-label-group {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 2rem;
    top: 2rem
}

.product-label {
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1;
    font-size: 0.875em;
    letter-spacing: 0.05em;
    text-transform: capitalize
}

.product-label.label-new {
    color: #ff9c28
}

.product-label.label-sale {
    color: #54524d
}

.product-label.label-top {
    color: #ff9c28
}

.btn-product-icon:not(:hover),
.btn-wishlist:not(:hover) {
    color: #54524d
}

.btn-product-icon.btn-cart i {
    margin-top: -1px
}

.product-action-vertical {
    position: absolute;
    top: 2.1rem;
    right: 2rem;
    transition: opacity 0.3s;
    opacity: 0;
    visibility: hidden
}

.product-action-vertical .btn-wishlist.loading {
    overflow: hidden
}

.product-action-vertical .btn-product-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.3rem;
    height: 3.3rem;
    margin-bottom: 0.5rem;
    border-radius: 50%;
    font-size: 1.125em;
    transition: color 0.3s, background-color 0.3s, opacity 0.3s
}

.product-action-vertical .btn-product-icon:hover {
    color: #fff;
    background-color: #999
}

.product-action-vertical .btn-product-icon.btn-wishlist i {
    margin-top: 3px
}

.product-action-vertical .btn-product-icon.btn-quickview i {
    font-size: 1em
}

.product-action {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background-color: transparent;
    z-index: 10;
    transition: opacity 0.3s;
    opacity: 0
}

.product-action .btn-product {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 1.9rem 0 1.5rem;
    background-color: rgba(84, 82, 77, 0.8);
    color: #fff;
    line-height: 1.2;
    text-transform: capitalize;
    transition: opacity 0.3s, background-color 0.3s, color 0.3s
}

.product-action .btn-product:hover {
    background-color: #54524d
}

.product-action .btn-product i {
    line-height: 1
}

.product-action-float {
    display: flex;
    position: absolute;
    background-color: #fff;
    padding: 1rem 1.8rem;
    left: 50%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.08);
    transition: bottom 0.3s, opacity 0.3s
}

.product-action-float .btn-product-icon {
    width: 3.8rem
}

.product-action-float .btn-product-icon i {
    font-size: 1.125em;
    vertical-align: middle
}

.product-action-float .btn-product-icon.btn-wishlist i {
    font-size: 1.1875em
}

.product-action-float .btn-product-icon.btn-compare i {
    font-size: 1.25em
}

@media (max-width:480px) {
    .product-action-float {
        padding: 1.3rem 0.5rem 0.7rem
    }

    .product-action-float .btn-product-icon {
        width: 2.7rem
    }

    .product-action-float .btn-product-icon i {
        font-size: 1em
    }
}

.btn-wishlist.loading:after,
.btn-wishlist.loading:before {
    z-index: 1
}

.product-details {
    position: relative;
    color: #54524d;
    background-color: #fff;
    padding-top: 2.3rem;
    padding-bottom: 2.3rem
}

.product-details>.btn-wishlist {
    position: absolute;
    top: 1.8rem;
    right: 2px;
    z-index: 1;
    font-size: 1.125em;
    background-color: #fff
}

.product-details>.btn-wishlist i {
    transition: transform 0.3s
}

.product-details>.btn-wishlist:hover i {
    transform: rotateY(180deg)
}

.product-details .product-action {
    position: relative;
    opacity: 1;
    visibility: visible
}

.product-details .product-action .btn-cart {
    font-weight: 400
}

.product-name {
    margin-bottom: 0.5rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-price {
    font-weight: 400;
    font-size: 1.375em
}

.product-price .old-price {
    font-weight: 300;
    font-size: 0.727em
}

.product-price .old-price+.new-price {
    margin-left: 0.2rem
}

.product-price .new-price {
    text-decoration: none
}

.product-unit {
    font-size: 0.875em;
    color: #54524d;
    vertical-align: 2px
}

.ratings-container {
    display: flex;
    align-items: center;
    line-height: 1.1;
    text-indent: 0.3em;
    margin-left: -0.3em;
    margin-bottom: 1.3rem;
    font-size: 0.75em;
    letter-spacing: 0.3em
}

.ratings-full {
    cursor: pointer
}

.ratings,
.ratings-full {
    font-family: "panda"
}

.ratings-full {
    position: relative
}

.ratings-full:before {
    content: "";
    color: rgba(0, 0, 0, 0.16);
    font-family: "panda"
}

.ratings-full:hover .tooltiptext {
    font-size: 0.8571em;
    visibility: visible;
    opacity: 1
}

.ratings {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden
}

.ratings:before {
    content: "";
    color: #ff9c28;
    font-family: "panda"
}

.rating-reviews {
    margin-top: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: normal;
    font-size: 1.091em;
    color: #999
}

.product-hide-details .btn-cart,
.product-with-qty .btn-cart {
    padding: 1.4rem 0 1.1rem;
    height: 4.2rem;
    border: 1px solid #333;
    background-color: #fff;
    text-transform: uppercase;
    font-size: 0.813em;
    color: #333
}

.product-hide-details .product-action {
    position: relative;
    margin: 0.7rem 0 0.9rem;
    opacity: 1
}

.product-hide-details .btn-cart {
    display: block;
    max-width: 14rem;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 400;
    text-overflow: ellipsis;
    transition: color 0.3s, background-color 0.3s, border-color 0.3s;
    z-index: 1
}

.product-hide-details .btn-cart i {
    margin-right: 0.8rem;
    font-size: 1.384em
}

.product-hide-details .btn-cart:hover {
    color: #fff
}

.product-hide-details .btn-quickview {
    margin: 0 0 0 1.6rem
}

.product-hide-details .btn-product-icon i {
    font-size: 1.125em;
    vertical-align: -3px
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .product-hide-details .btn-cart {
        flex: 0 0 12.3rem
    }
}

@media (-ms-high-contrast:none) and (max-width:575px),
screen and (-ms-high-contrast:active) and (max-width:575px) {
    .product-hide-details .btn-cart {
        flex: 0 0 9.5rem
    }
}

.product-slideup-content {
    overflow: hidden
}

.product-slideup-content .product-hide-details {
    position: absolute;
    width: 100%;
    transition: transform 0.3s;
    background-color: #fff
}

.product-slideup-content .product-hide-details .btn-cart i {
    display: none
}

.product-slideup-content .product-details {
    padding-bottom: 1px;
    background-color: #fff;
    transition: transform 0.3s
}

.product-slideup-content .btn-quickview,
.product-slideup-content .btn-wishlist {
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s, opacity 0.3s, color 0.3s, background-color 0.3s
}

.product-slideup-content .btn-quickview {
    transform: translateX(-200%)
}

.product-slideup-content .btn-wishlist {
    transform: translateX(200%);
    margin: 0 1.6rem 0 0
}

.product-slideup-content:hover .btn-quickview,
.product-slideup-content:hover .btn-wishlist {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.product-with-qty .product-media .product-action:hover {
    background-color: #fff
}

.product-with-qty .product-media .product-action .btn-wishlist i {
    margin-top: 0
}

.product-with-qty .product-media .product-action .btn-product {
    position: relative;
    padding: 1.14em 0 0.86em;
    margin-top: 1px;
    background-color: rgba(255, 255, 255, 0.6);
    color: #54524d;
    font-size: 0.875em;
    transition: color 0.3s
}

.product-with-qty .product-media .product-action .btn-product i {
    font-size: 1.125em;
    margin: 0 0.7rem 0 0
}

.product-with-qty .product-media .product-action .btn-product:hover {
    color: #ff9c28
}

.product-with-qty .product-media .product-action .btn-product:not(:last-child):not(.loading):after {
    content: "";
    position: absolute;
    right: 0;
    height: 2rem;
    width: 1px;
    background-color: #ebebeb
}

.product-with-qty .btn-cart {
    max-width: 15.2rem;
    letter-spacing: normal
}

.product-with-qty .btn-cart:active,
.product-with-qty .btn-cart:focus,
.product-with-qty .btn-cart:hover {
    background-color: #54524d;
    color: #fff
}

.product-with-qty .btn-cart i {
    margin-right: 0.8rem;
    font-size: 1.3em
}

.product-with-qty .product-details .product-action {
    margin-top: 1.3rem
}

.product-with-qty .product-quantity {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2rem
}

.product-with-qty button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 0.75em;
    width: 2.3rem;
    height: 2.3rem;
    border: none;
    background: #f8f8f8;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s
}

.product-with-qty button:hover {
    background-color: #ff9c28;
    color: #fff
}

.product-with-qty .quantity {
    padding: 2px 0 0 0;
    max-width: 3rem;
    font-weight: 400;
    font-size: 1em;
    border: none;
    text-align: center;
    color: #54524d
}

input.quantity {
    -moz-appearance: textfield;
    max-width: 3.8rem
}

@media (max-width:1199px) {
    input.quantity {
        max-width: 3rem
    }
}

.product-list {
    display: flex;
    align-items: center
}

.product-list .product-media {
    flex: 0 0 auto;
    width: 29.5rem;
    margin: 0 2rem 0 0
}

.product-list .btn-product-icon {
    margin: 0.4rem 0 0 2rem;
    font-size: 1.125em;
    transform: translateX(-200%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.3s, opacity 0.3s, color 0.3s, visibility 0.3s
}

.product-list .btn-product-icon.btn-compare {
    transition-duration: 0.5s
}

.product-list .btn-product-icon.btn-quickview {
    transition-duration: 0.7s
}

.product-list .ratings-container {
    margin: 0.6rem 0 1.5rem -0.4em
}

.product-list.product-with-qty .product-price {
    font-size: 1.5em
}

.product-list .product-unit {
    font-size: 1em
}

.product-list .product-short-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.78
}

.product-list .product-quantity {
    border: 1px solid #e0dede;
    padding: 0.65rem 0;
    margin-right: 1rem
}

.product-list .product-quantity button {
    width: 3.8rem;
    font-size: 0.875em;
    color: #54524d;
    background-color: transparent
}

.product-list .product-quantity button:hover {
    color: #ff9c28
}

.product-list:hover .btn-product-icon {
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.product-list-sm {
    display: flex;
    align-items: center
}

.product-list-sm .product-media {
    flex: 0 0 auto;
    width: 15rem;
    margin: 0 2rem 0 0
}

@media (max-width:767px) {
    .product-list-sm .product-media {
        width: 10rem
    }
}

.product-list-sm .product-details {
    flex: 0 0 auto;
    width: calc(100% - 15rem - 2rem);
    padding: 0
}

@media (max-width:767px) {
    .product-list-sm .product-details {
        width: calc(100% - 12rem)
    }
}

.product-list-sm .product-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.7rem;
    white-space: normal;
    padding-left: 0
}

.product-list-sm .product-name a:hover {
    color: #ff9c28
}

.product-list-sm+.product-list {
    margin-top: 2rem
}

.product-list-sm .btn-cart:not(.btn-link) {
    margin-top: 2rem;
    height: 3.3rem;
    max-width: 11.7rem;
    border: 1px solid #d7d7d7;
    color: #54524d;
    background: transparent;
    font-size: 1.2rem
}

.product-list-sm .btn-cart:not(.btn-link):hover {
    border-color: #54524d;
    background: #54524d
}

.input-group {
    display: inline-flex;
    height: 5rem
}

.input-group .form-control {
    padding: 0;
    font-weight: 400;
    border-width: 1px 0;
    text-align: center
}

.input-group button {
    border: 1px solid #e0dede;
    cursor: pointer
}

.input-group button.quantity-minus {
    border-right: none
}

.input-group button.quantity-plus {
    border-left: none
}

.product-variations>a {
    display: inline-block;
    margin: 3px 6px 7px 0;
    padding: 3px 1.4rem 0;
    color: #333;
    line-height: 30px;
    font-size: 0.857em;
    font-weight: 400;
    text-transform: uppercase;
    border: 1px solid #e0dede;
    transition: color 0.3s, background 0.3s, border-color 0.3s
}

.product-variations>a:last-child {
    margin-right: 0
}

.product-variations>a.active,
.product-variations>a:hover {
    color: #fff;
    background: #54524d;
    border-color: #54524d
}

@media (max-width:767px) {
    .product-list {
        display: block
    }

    .product-list .product-media {
        margin: 0;
        max-width: 100%
    }
}

@media (max-width:575px) {
    .product-action-vertical {
        top: 1rem;
        right: 1rem
    }

    .product-with-qty .btn-cart {
        max-width: 4.2rem;
        display: flex
    }

    .product-with-qty .btn-cart span {
        display: none
    }

    .product-with-qty .btn-cart i {
        margin-right: 0
    }
}

@media (max-width:479px) {

    .product:not(.product-single) .product-details .btn-cart,
    .product:not(.product-single) .product-hide-details .btn-cart {
        max-width: 4.2rem;
        display: flex
    }

    .product:not(.product-single) .product-details .btn-cart span,
    .product:not(.product-single) .product-hide-details .btn-cart span {
        display: none
    }

    .product:not(.product-single) .product-details .btn-cart i,
    .product:not(.product-single) .product-hide-details .btn-cart i {
        margin-right: 0
    }

    .product-slideup-content .product-hide-details .btn-cart i {
        display: block
    }

    .product.product-with-qty .product-media .product-action i {
        margin-right: 0
    }

    .product.product-with-qty .product-media .product-action span {
        display: none
    }

    .product.product-with-qty .product-quantity {
        margin-right: 1rem
    }
}

.accordion .collapsed,
.accordion .expanding {
    display: none
}

.card-header {
    font-size: 1.25em;
    color: #333;
    padding-right: 2.5rem
}

.card-header a {
    position: relative;
    display: block
}

.card-header a:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -2.5rem;
    font-family: "panda";
    font-size: 0.7em
}

.card-header a:hover {
    color: inherit
}

.card-header i {
    margin-right: 1.5rem;
    font-size: 0.9em;
    letter-spacing: -0.01em
}

.expand:after {
    content: ""
}

.collapse:after {
    content: ""
}

.card {
    padding: 1.9rem 0
}

.card-body {
    margin-top: 2rem
}

.accordion-simple .card {
    border-top: 1px solid #e0dede
}

.accordion-simple .card:last-child {
    border-bottom: 1px solid #e0dede
}

.accordion-gutter-md .card:not(:last-child) {
    margin-bottom: 1rem
}

.accordion-gutter-sm .card:not(:last-child) {
    margin-bottom: 2px
}

.accordion-boxed .card {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.accordion-background .card {
    background-color: #fff;
    border-color: #fff
}

.accordion-dropshadow .card {
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-color: #fff;
    margin-bottom: 2rem
}

.accordion-card-border .card {
    border-top: 1px solid #464644
}

.accordion-card-border .card-body {
    padding: 0 2rem;
    border-left: 2px solid #464644
}

.accordion-border .card {
    border: solid #e0dede;
    border-width: 1px 1px 0
}

.accordion-border .card:last-child {
    border-bottom: 1px solid #e0dede
}

.alert {
    position: relative;
    max-width: 82rem;
    padding: 2.4rem 4.4rem 2rem 2.8rem;
    border: 1px solid #333;
    line-height: 1.75
}

.alert b {
    font-weight: 600
}

.alert .btn-close {
    position: absolute;
    top: 50%;
    right: 2.3rem;
    transform: translateY(-50%)
}

.alert .btn-close i {
    font-size: 1.1429em
}

.alert.alert-icon {
    padding-top: 2rem;
    padding-bottom: 1.7rem
}

.alert-title {
    display: inline;
    text-transform: uppercase;
    line-height: inherit;
    color: inherit
}

.alert-primary {
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #ff9c28
}

.alert-success {
    background-color: #b1ca39;
    border-color: #b1ca39;
    color: #b1ca39
}

.alert-warning {
    background-color: #54524d;
    border-color: #54524d;
    color: #54524d
}

.alert-danger {
    background-color: #f12a57;
    border-color: #f12a57;
    color: #f12a57
}

.alert-simple.alert-primary {
    background-color: #FFF4E7;
    border-color: #FFF4E7
}

.alert-simple.alert-primary .btn-close {
    color: #ff9c28
}

.alert-simple.alert-warning {
    background-color: #E6E5E4;
    border-color: #E6E5E4
}

.alert-simple.alert-warning .btn-close {
    color: #54524d
}

.alert-simple.alert-success {
    background-color: #F4F7E1;
    border-color: #F4F7E1
}

.alert-simple.alert-success .btn-close {
    color: #b1ca39
}

.alert-simple.alert-danger {
    background-color: #FDDFE6;
    border-color: #FDDFE6
}

.alert-simple.alert-danger .btn-close {
    color: #f12a57
}

@media (min-width:768px) {
    .alert-simple {
        padding-left: 4.4rem
    }
}

.alert-colored {
    color: #fff
}

.alert-colored .btn-close {
    color: #fff
}

.alert-icon>i {
    vertical-align: middle;
    margin-right: 1.2rem;
    font-size: 1.8em;
    line-height: 1.2em
}

.alert-outline {
    background-color: #fff
}

.alert-outline.alert-primary {
    color: #ff9c28;
    border-color: #ffd7a9
}

.alert-outline.alert-primary i {
    color: #ff9c28
}

.alert-outline.alert-warning {
    color: #54524d;
    border-color: #d7d6d6
}

.alert-outline.alert-warning i {
    color: #54524d
}

.alert-outline.alert-success {
    color: #b1ca39;
    border-color: #e0eaaf
}

.alert-outline.alert-success i {
    color: #b1ca39
}

.alert-outline.alert-danger {
    color: #f12a57;
    border-color: #fcd4de
}

.alert-outline.alert-danger i {
    color: #f12a57
}

.alert-btn.alert {
    padding: 1rem 4.4rem 1rem 1rem
}

.alert-btn .btn:not(.btn-close) {
    padding: 1em 2.3em 0.8em;
    margin-right: 1.8rem
}

@media (max-width:991px) {
    .alert-btn .btn:not(.btn-close) {
        float: left
    }
}

.alert-btn p {
    margin-bottom: 0
}

.alert-btn:after {
    content: "";
    display: block;
    clear: both
}

@media (min-width:992px) {
    .alert-btn {
        display: flex;
        align-items: center
    }
}

.category {
    position: relative
}

.category .category-content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    transition: background 0.3s;
    padding: 2.3rem 0
}

.category-absolute .category-content {
    cursor: pointer;
    position: absolute
}

.category-name {
    font-weight: 400;
    text-transform: uppercase
}

.category-count {
    font-size: 0.875em
}

.category-simple figure {
    border: 1px solid #e0dede;
    transition: border-color 0.3s
}

.category-simple:hover figure {
    border-color: #ff9c28
}

.category-icon {
    text-align: center
}

.category-icon i {
    font-size: 3.3125em;
    transition: color 0.3s
}

.category-icon:hover i {
    color: #ff9c28
}

.category-icon .category-content {
    padding-top: 0.5rem
}

.category-classic .category-content {
    width: 87%;
    bottom: 0;
    transform: translateY(-50%);
    background-color: #333;
    color: #fff;
    margin: 0 auto;
    padding: 1.65rem 0
}

.category-classic .category-name {
    text-transform: uppercase;
    color: #fff;
    transform: translateY(10px);
    transition: transform 0.3s
}

.category-classic .category-count {
    display: block;
    font-size: 0.75em;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s, transform 0.3s
}

.category-classic:hover .category-count {
    opacity: 1;
    transform: translateY(0)
}

.category-classic:hover .category-name {
    transform: translateY(0)
}

.category-ellipse img {
    border: 1px solid transparent;
    border-radius: 50%;
    transition: padding 0.3s
}

.category-ellipse .category-content {
    padding-top: 1.7rem
}

.category-ellipse .category-name {
    font-weight: 300;
    text-transform: capitalize
}

.category-ellipse.active img,
.category-ellipse:hover img {
    padding: 1rem;
    border-color: #ff9c28
}

.category-banner {
    overflow: hidden;
    color: #fff
}

.category-banner .category-content {
    left: 2.8rem;
    bottom: 1.6rem;
    align-items: flex-start;
    z-index: 1;
    padding: 0
}

.category-banner .category-name {
    text-transform: none;
    color: #fff;
    line-height: 1;
    transform: translateY(10px);
    transition: transform 0.3s
}

.category-banner .category-count {
    display: block;
    font-size: 0.75em;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 0.3s, transform 0.3s
}

.category-banner:hover .category-count {
    opacity: 1;
    transform: translateY(0)
}

.category-banner:hover .category-name {
    transform: translateY(0)
}

.category-banner:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 36.5%;
    background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0, #000 100%);
    opacity: 0.7;
    z-index: 1
}

.page-title {
    padding-top: 1rem;
    text-transform: capitalize;
    color: #333;
    text-align: center
}

.page-title+.breadcrumb {
    padding: 1em 0
}

.breadcrumb-nav .breadcrumb {
    font-size: 0.875em;
    padding: 1.0rem 0 1.2rem
}

.breadcrumb-nav.has-border .breadcrumb {
    border-bottom: 1px solid #e0dede
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap
}

.breadcrumb li:last-child {
    color: #222
}

.breadcrumb li:not(:last-child):after {
    position: relative;
    content: "";
    font-family: "Font Awesome 5 Free";
    margin: 0 0.6em 0 0.8rem;
    font-size: 0.857em;
    font-weight: 600;
    opacity: 0.5;
    color: #54524d
}


.header-message{
    border-bottom: 1px solid #cccccc;
    background-color: #241f21;
    color: #ffffff;
    font-size: 13px;
    padding: 5px 0;
    text-transform: initial;
    padding: 4px 10px;
}

.header-message > a{
    display:block;
    width: 100%;
    position: relative;
    max-width: 1360px;
    margin: 5px auto;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 32px;
    font-weight: 400;
    color: #ffffff;
    text-align: center;
}

.page-header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 220px;
    background-color: #faf8f5
}

.cph-header {
    height: auto;
    flex-direction: column;
    padding: 2.9em 1em
}

.cph-header .category-content {
    padding: 1.6rem 0 1.3rem
}

.cph-header .category-container {
    display: flex
}

@media (min-width:768px) {
    .cph-header .category-container {
        width: 78rem
    }
}

.cph-header .category-container figure {
    width: 10.2rem;
    margin: 0 auto
}

.cph-header .category-container .category-name {
    font-size: 1.6rem
}

@media (max-width:767px) {
    .page-title {
        font-size: 2.25em
    }
}

.count-to {
    display: inline-block;
    font-size: 3.75em;
    line-height: 1;
    margin-bottom: 2.2rem;
    color: #333
}

.count-title {
    font-weight: 400
}

.counter-list {
    display: flex;
    align-items: center
}

.counter-list .count-to {
    margin-right: 1.5rem;
    margin-bottom: 0
}

.counter-list .count-title {
    margin: 0 0 0.4rem
}

.counter-list .count-desc {
    margin-bottom: 0
}

.image-box {
    text-align: center;
    margin-bottom: 2rem
}

.image-box .image-box-content {
    padding: 3rem 6rem
}

.image-box-name {
    margin-bottom: 0.9rem
}

.image-box-desc {
    margin-bottom: 0
}

.image-box-border .image-box-content {
    border: 1px solid #e0dede;
    border-top: 0
}

.image-box-round img {
    margin: 0 auto 2rem;
    max-width: 26.1rem;
    min-height: 26rem;
    border-radius: 50%;
    object-fit: cover
}

.image-box-round .image-box-content {
    padding: 1rem 6rem
}

.image-box-overlay {
    position: relative
}

.image-box-overlay .image-box-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: rgba(51, 51, 51, 0.8);
    opacity: 0;
    padding-top: 10rem;
    padding-bottom: 0;
    transition: padding 0.3s ease-out, background-color 0.3s, opacity 0.3s
}

.image-box-overlay .image-box-name {
    color: #fff;
    margin-bottom: 0
}

.image-box-overlay .image-box-desc {
    opacity: 0.4
}

.image-box-overlay:hover .image-box-content {
    padding-top: 0;
    opacity: 1
}

.image-box-inline {
    display: flex;
    align-items: center;
    text-align: left
}

.image-box-inline img {
    min-width: 13rem
}

.image-box-inline .image-box-content {
    padding: 0 0.5rem 0 2.5rem
}

.image-box-inline .image-box-name {
    margin-bottom: 0.4rem;
    margin-left: -0.2rem
}

.image-box-block .image-box-content {
    padding: 3.1rem 4rem;
    margin: 0 auto;
    width: 90%;
    transform: translateY(-25%);
    background: #fff;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1)
}

.mfp-wrap {
    z-index: 3000
}

.mfp-bg {
    z-index: 3000;
    background: #000;
    opacity: 0;
    transition: opacity 0.3s ease-out
}

.mfp-bg.mfp-ready {
    opacity: 0.7
}

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

.mfp-container {
    padding: 4rem 2rem
}

.mfp-container video {
    width: 100%;
    height: 100%
}

.mfp-close {
    transform: rotateZ(45deg);
    transition: transform 0.3s, opacity 0.3s;
    width: 33px;
    height: 33px;
    opacity: 0.65
}

.mfp-wrap .mfp-close {
    top: 20px;
    right: 20px
}

.mfp-content .mfp-close {
    top: -58px;
    right: -5px
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    top: 15px;
    right: 0
}

.mfp-close span {
    display: none
}

.mfp-close:after,
.mfp-close:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 1px;
    height: 100%;
    top: 0;
    left: calc(50% - 1px)
}

.mfp-close:before {
    width: 100%;
    height: 1px;
    top: calc(50% - 1px);
    left: 0
}

.mfp-close:focus,
.mfp-close:hover {
    transform: rotateZ(135deg)
}

.mfp-arrow,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    width: 4.8rem;
    height: 4.8rem;
    color: #fff;
    border-radius: 50%;
    font-size: 1.5rem;
    font-weight: 900;
    font-family: "panda";
    text-align: center;
    opacity: 0.5;
    right: 10%;
    transition: opacity 0.3s;
    border: 2px solid
}

.pswp__ui>button:before {
    background: transparent;
    position: static;
    line-height: 44px
}

.pswp__ui>button.pswp__button--arrow--left:before {
    margin-right: 3px
}

.pswp__ui>button.pswp__button--arrow--right:before {
    margin-left: 3px
}

.pswp__ui>button:hover {
    opacity: 1
}

.pswp__button--arrow--right:before {
    content: "";
    font-family: "panda"
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: "";
    position: static;
    display: inline;
    margin: 0;
    border: 0
}

.mfp-arrow:after {
    content: none
}

button.mfp-arrow {
    border: 2px solid
}

.mfp-arrow-left,
.pswp__button--arrow--left {
    left: 10%
}

.mfp-arrow-left:before,
.pswp__button--arrow--left:before {
    content: "";
    font-family: "panda"
}

.mfp-content>* {
    position: relative;
    margin: auto;
    background-color: #fff;
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1);
    opacity: 0
}

.mfp-ready .mfp-content>* {
    opacity: 1
}

.mfp-removing .mfp-content>* {
    opacity: 0
}

.login-popup {
    max-width: 49rem;
    padding: 4rem;
    border-radius: 0.3rem;
    margin-top: 1.8rem
}

.login-popup .nav-item .nav-link {
    justify-content: center;
    color: #777;
    font-size: 1.25em;
    font-weight: 300;
    text-transform: capitalize;
    padding-bottom: 1.5rem
}

.login-popup .nav-item .nav-link.active,
.login-popup .nav-item .nav-link:hover {
    color: #222
}

.login-popup .tab-pane {
    padding: 0
}

.login-popup form {
    margin-bottom: 2.8rem
}

.login-popup .form-group {
    margin-bottom: 1.8rem
}

.login-popup .form-group input:not(:last-child) {
    margin-bottom: 2rem
}

.login-popup .form-group input {
    padding: 1em 1.429em
}

.login-popup .form-footer {
    margin-bottom: 1rem
}

.login-popup .btn {
    padding: 1.27em 2.78em 1.09em
}

.login-popup .lost-link {
    font-size: 0.875em;
    padding: 1.2rem 0
}

.login-popup .form-choice label {
    display: flex;
    align-items: center;
    font-size: 0.875em;
    margin-bottom: 2.8rem
}

.login-popup .form-choice label:after,
.login-popup .form-choice label:before {
    content: "";
    height: 1px;
    flex: 1;
    background: #e0dede
}

.login-popup .form-choice label:after {
    margin-left: 2rem
}

.login-popup .form-choice label:before {
    margin-right: 2rem
}

.login-popup .social-link {
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    font-size: 0.875em;
    margin: 0 0.6rem
}

.newsletter-popup {
    text-align: center;
    max-width: 50rem
}

.newsletter-popup img {
    min-height: 200px;
    object-fit: cover
}

.newsletter-popup label:before {
    border-color: #999
}

.newsletter-popup form {
    max-width: 40rem;
    margin-bottom: 2.9rem
}

.newsletter-popup h3 {
    margin: 3.2rem 0 0.3rem
}

.newsletter-popup .social-links {
    padding: 2.5rem 0 5rem
}

.newsletter-popup .newsletter-content {
    padding: 0 2rem
}

.mfp-product .mfp-content {
    max-width: 116rem
}

.mfp-product .product {
    padding: 4rem 3.8rem 4rem 3rem;
    min-height: 85.1rem
}

.mfp-product .product-single .product-details {
    padding: 0
}

.mfp-product .mfp-close {
    position: absolute;
    top: -4rem;
    right: 0
}

.mfp-product .owl-nav .owl-next,
.mfp-product .owl-nav .owl-prev {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 3rem
}

.mfp-product .owl-nav .owl-next {
    right: 1rem
}

.mfp-product .owl-nav .owl-prev {
    left: 1rem
}

@media (max-width:1199px) {
    .mfp-product .mfp-container {
        top: 2rem
    }

    .mfp-product .product {
        margin-bottom: 3rem
    }
}

.review-container {
    max-width: 820px;
    padding: 4.4rem 5rem 5rem
}

.review-container .review-title {
    line-height: 1;
    color: #333
}

.review-container .ratings-container {
    margin-bottom: 28px
}

.review-container .rating-title {
    margin-right: 10px;
    font-size: 1.2727em;
    letter-spacing: 0;
    color: #54524d
}

.review-container input:not(.custom-checkbox) {
    padding: 13px 20px
}

.review-container textarea {
    min-height: 12.2rem
}

.review-container .form-checkbox>label {
    font-size: 1em
}

@media (max-width:575px) {
    .review-container {
        padding: 3rem 1.5rem 3rem
    }
}

.pswp__bg {
    background-color: rgba(0, 0, 0, 0.7)
}

.pswp__img--placeholder--blank {
    background-color: #F2F3F5
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
    background-color: transparent
}

.pswp__caption__center {
    text-align: center
}

.mfp-ready.mfp-zoom-popup .mfp-content {
    transform: scale(1)
}

.mfp-removing.mfp-zoom-popup .mfp-content,
.mfp-zoom-popup .mfp-content {
    transition: 0.2s ease-in-out;
    transform: scale(0.8)
}

.mfp-ready.mfp-flip-popup .mfp-content {
    transform: translateY(0) perspective(600px) rotateX(0)
}

.mfp-flip-popup .mfp-content,
.mfp-removing.mfp-flip-popup .mfp-content {
    transition: 0.3s ease-out;
    transform: translateY(-20px) perspective(600px) rotateX(20deg)
}

.mfp-content video {
    width: 100%;
    height: 100%
}

.mfp-video-popup .mfp-content {
    max-width: 99.9rem
}

.mfp-video-popup {
    z-index: 10000
}

.mfp-img-popup .mfp-content {
    width: unset
}

@media (max-width:767px) {
    .mfp-product .product {
        padding: 2rem 1rem
    }

    .mfp-arrow {
        color: #444
    }
}

@media (max-width:575px) {
    .mfp-content .mfp-close {
        top: -35px;
        right: 5px;
        width: 20px;
        height: 20px
    }
}

.minipopup-area {
    position: fixed;
    left: 30px;
    bottom: 30px;
    z-index: 9999
}

.minipopup-box {
    position: absolute;
    left: -8rem;
    width: 303px;
    padding: 2rem;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transform: translateY(-100%);
    opacity: 0;
    transition: opacity 0.3s, left 0.3s ease-out, transform 0.3s;
    z-index: 9999
}

.minipopup-box.show {
    opacity: 1;
    left: 0
}

.minipopup-box.focus {
    transform: scale(0.98) translateY(-100%)
}

.minipopup-box .product.product-mini {
    margin-top: 0
}

.minipopup-box .product.product-mini .product-media {
    margin-right: 1.7rem;
    height: 9rem;
    width: 9rem
}

.minipopup-box .product.product-mini .product-detail {
    margin-top: 0.3rem
}

.minipopup-box .product.product-mini .product-name {
    display: block;
    font-size: 0.875em;
    margin-bottom: 1.1rem;
    color: #000;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -0.025em
}

.minipopup-box .product.product-mini .product-name:hover {
    color: #ff9c28
}

.minipopup-box .product.product-mini .product-price {
    margin-bottom: -0.2rem;
    font-size: 0.937em
}

.minipopup-box .product.product-mini .product-price .old-price {
    font-size: 0.812em
}

.minipopup-box .product.product-mini .product-quantity {
    margin-right: 0.7rem;
    font-size: 0.875em;
    font-weight: 600;
    color: #333
}

.minipopup-box .product.product-mini .product-quantity:after {
    margin: 0 0 -0.2rem 0.7rem;
    font-size: 0.75em
}

.minipopup-box .product.product-mini.product-purchased .purchased-title {
    margin-bottom: 1.9rem
}

.minipopup-box .product.product-mini.product-purchased .product-detail {
    margin-top: 0.1rem;
    flex: 1
}

.minipopup-box .product.product-mini.product-purchased .product-name {
    margin: 0 0 1.2rem
}

.minipopup-box .product-price {
    color: #ff9c28;
    margin-bottom: 3px
}

.minipopup-box .action-group {
    justify-content: space-around;
    margin-top: 2rem
}

.minipopup-box .btn.btn-sm {
    font-weight: 600;
    letter-spacing: -0.025em;
    border-width: 1px
}

.minipopup-box .btn.btn-outline {
    margin-right: 0.7rem
}

.minipopup-title {
    margin-bottom: 1.5rem;
    color: #333;
    font-size: 0.937em;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.035em;
    line-height: 1
}

.minipopup-title .btn {
    margin-left: 1rem
}

.purchased-time {
    color: #ff9c28;
    font-size: 0.75em
}

@media (max-width:479px) {
    .minipopup-area {
        left: 9px
    }
}

.tab-content {
    background-color: transparent
}

.nav-tabs {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #ebebeb
}

.nav-link {
    display: block;
    text-align: center;
    white-space: nowrap;
    font-weight: 400;
    margin-bottom: -0.1rem;
    padding: 0.7rem 3rem;
    color: #333;
    text-transform: uppercase;
    transition: border 0.3s, color 0.3s, background-color 0.3s
}

.nav-fill .nav-item {
    flex: 1
}

.tab-content {
    position: relative
}

.tab-content>.tab-pane {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 0 !important;
    opacity: 0;
    z-index: -1;
    transition: opacity 0.3s
}

.tab-content>.tab-pane:not(.active) {
    overflow: hidden;
    visibility: hidden
}

.tab-content>.active {
    position: relative;
    height: auto !important;
    opacity: 1;
    z-index: auto
}

.tab-pane {
    padding: 4rem 0
}

.tab-nav-center .nav {
    justify-content: center
}

.tab-nav-right .nav {
    justify-content: flex-end
}

.tab-nav-boxed .nav-item {
    margin-right: 0
}

.tab-nav-boxed .nav-link {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

.tab-boxed .tab-pane {
    padding: 4rem 4rem 3.5rem
}

.tab-nav-underline .nav-link {
    position: relative
}

.tab-nav-underline .nav-link:not(:hover) {
    color: #54524d
}

.tab-nav-underline .nav-link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-bottom: 1px solid #ff9c28;
    transform: scaleX(0);
    transition: transform 0.3s;
    will-change: transform
}

.tab-nav-underline .nav-item.show .nav-link,
.tab-nav-underline .nav-link.active,
.tab-nav-underline .nav-link:hover {
    color: #ff9c28
}

.tab-nav-underline .nav-item.show .nav-link:after,
.tab-nav-underline .nav-link.active:after,
.tab-nav-underline .nav-link:hover:after {
    transform: scaleX(1)
}

.tab-outline .tab-content {
    background: #fff;
    border: 1px solid #e0dede;
    border-top: none
}

.tab-outline .nav-tabs {
    display: flex;
    justify-content: space-between;
    border-bottom: 0
}

.tab-outline .nav-item {
    flex: 1;
    border: 1px solid #e0dede;
    border-left-width: 0
}

.tab-outline .nav-item:first-child {
    border-left-width: 1px
}

.tab-outline .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1.1rem;
    padding-bottom: 0.9rem
}

.tab-outline .nav-link i {
    font-size: 1.875em;
    margin-right: 1rem
}

.tab-outline .nav-link:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    border-top: 3px solid transparent;
    top: -1px;
    transform: scale(0);
    transition: transform 0.3s;
    z-index: 1
}

.tab-outline .nav-item .nav-link.active,
.tab-outline .nav-item.show .nav-link {
    border-bottom: none;
    border-top-color: transparent;
    color: #ff9c28;
    background: #fff
}

.tab-outline .nav-item .nav-link.active:after,
.tab-outline .nav-item.show .nav-link:after {
    transform: scale(1);
    border-color: #ff9c28
}

.tab-outline .nav-item:hover .nav-link:after {
    transform: scale(1);
    border-color: #ff9c28
}

.tab-vertical {
    display: flex
}

.tab-vertical .nav-tabs {
    flex-flow: column nowrap;
    border: 0;
    border-right: 1px solid #ebebeb
}

.tab-vertical .tab-content {
    flex: 1
}

.tab-vertical .nav-item {
    margin-right: 0;
    border: 1px solid #e0dede;
    border-right: 0;
    margin-bottom: 1rem
}

.tab-vertical .nav-link {
    position: relative;
    padding: 1.3rem 4.5rem 1.1rem 4rem;
    width: 100%;
    border: 0;
    text-align: left;
    margin-bottom: 0
}

.tab-vertical .nav-link:after {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    width: 3px;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    z-index: 1
}

.tab-vertical .tab-pane {
    padding: 0 2rem
}

.tab-vertical.tab-simple .nav-link {
    background: #f8f8f8
}

.tab-vertical.tab-simple .nav-link:after {
    transform: translateY(-50%) scale(0);
    transition: transform 0.3s
}

.tab-vertical.tab-simple .nav-item .nav-link.active,
.tab-vertical.tab-simple .nav-item.show .nav-link,
.tab-vertical.tab-simple .nav-item:hover .nav-link {
    color: #222;
    background: #fff
}

.tab-vertical.tab-simple .nav-item .nav-link.active:after,
.tab-vertical.tab-simple .nav-item.show .nav-link:after,
.tab-vertical.tab-simple .nav-item:hover .nav-link:after {
    background-color: #ff9c28;
    transform: translateY(-50%) scale(1)
}

.tab-nav-solid .nav-link {
    padding: 1.3rem 3.8rem 1rem;
    border: 1px solid #e0dede;
    border-bottom: 0;
    background-color: #fff;
    margin: 0 5px
}

.tab-nav-solid .nav-item .nav-link.active,
.tab-nav-solid .nav-item.show .nav-link,
.tab-nav-solid .nav-item:hover .nav-link {
    color: #fff;
    background-color: #ff9c28;
    border-color: #ff9c28
}

.tab-with-icon .nav-tabs {
    border: none
}

.tab-with-icon .nav-link {
    position: relative;
    margin: 0 3rem
}

.tab-with-icon .nav-link:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: transparent;
    border-radius: 50%;
    transition: background 0.3s
}

.tab-with-icon .nav-link.active:after {
    background: #ff9c28
}

.tab-with-icon .nav i {
    display: block;
    font-size: 2.812em;
    margin-bottom: 0.3rem;
    color: #ff9c28
}

@media (max-width:767px) {
    .nav-link {
        font-size: 0.875em;
        padding: 1.2rem 1.5rem
    }

    .tab-nav-solid .nav-link {
        padding: 1.6rem 2.3rem
    }

    .tab-outline .nav-item {
        border-left-width: 1px
    }

    .tab-nav-boxed .nav-link {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tab-vertical {
        flex-flow: column nowrap
    }

    .tab-vertical .nav-tabs,
    .tab-vertical .tab-content {
        width: 100%
    }

    .tab-vertical .nav-tabs {
        border: 0
    }

    .tab-vertical .tab-content {
        padding-left: 0
    }

    .tab-vertical .tab-pane {
        padding: 0
    }

    .tab-vertical.tab-simple .nav-link {
        border-right: 1px solid #e0dede
    }

    .tab-vertical.tab-simple .nav-link:after {
        height: 2px;
        width: 100%;
        background-color: transparent;
        top: calc(100% - 1px);
        transform: scale(0)
    }

    .tab-vertical.tab-simple .nav-item .nav-link.active:after,
    .tab-vertical.tab-simple .nav-item.show .nav-link:after,
    .tab-vertical.tab-simple .nav-item:hover .nav-link:after {
        transform: scale(1)
    }
}

@media (max-width:575px) {
    .nav {
        width: 100%
    }

    .nav .nav-item {
        width: 50%
    }

    .tab-vertical .nav .nav-item {
        width: 100%
    }

    .tab-outline .nav-link {
        font-size: 0.812em
    }

    .tab-with-icon .nav-link {
        margin: 0 1rem
    }
}

.product-tab .nav-link {
    font-size: 1.125em
}

.product-tab .tab-pane {
    padding: 2rem 0
}

.product-tab-type1 .nav-link {
    text-transform: capitalize
}

.product-tab-type2 .nav-tabs {
    border-bottom: none
}

.product-tab-type2 .nav-link {
    font-weight: 300;
    text-transform: capitalize;
    padding: 2rem 0.95rem 1.1rem 0.95rem
}

.product-tab-type2 .nav-link.active,
.product-tab-type2 .nav-link:hover {
    color: #ff9c28
}

.product-tab-type3 .nav-link {
    padding: 1.2rem 1.8rem
}

@media (max-width:767px) {
    .product-tab-type3 .nav-link {
        padding: 1.2rem 1.5rem
    }
}

.product-tab-type3 .nav-link:not(.active):not(:hover) i {
    color: #54524d
}

.product-tab-type3 .nav-link i {
    font-size: 2.4em
}

.product-tab-type3 .nav-title {
    font-size: 0.889em
}

.instagram a {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden
}

.instagram a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s;
    z-index: 1
}

.instagram a:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(90deg) scale(2);
    font-size: 3rem;
    font-family: "panda";
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 1
}

.instagram img {
    display: block;
    transition: transform 0.3s;
    width: 100%;
    height: auto
}

.instagram:hover a:before {
    opacity: 0.5
}

.instagram:hover a:after {
    opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) scale(1)
}

.instagram:hover img {
    transform: scale(1.15)
}

.video-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 3.225em;
    height: 3.225em;
    border-radius: 50%;
    color: #fff;
    background: radial-gradient(rgba(255, 255, 255, 0.4), rgba(117, 111, 100, 0.4));
    border: 3px solid rgba(255, 255, 255, 0.3);
    font-size: 1.937em;
    transition: 0.3s
}

.video-btn i {
    margin-left: 5px;
    color: #fff
}

.video-btn:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 1.935em;
    height: 1.935em;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    transition: 0.3s
}

.video-btn:hover:before {
    width: 2.42em;
    height: 2.42em;
    background-color: #fff;
    opacity: 0.3
}

.inner-video video {
    display: none;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover
}

.inner-video.paused video,
.inner-video.playing video {
    display: block
}

.inner-video.paused .video-play i {
    margin-left: 0
}

.inner-video.paused .video-play i:before {
    content: ""
}

.comments {
    padding: 6rem 0
}

.comments ul ul {
    margin-left: 10rem;
    padding-top: 4.2rem
}

.comments li {
    margin-bottom: 5rem
}

.comments li:last-child {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (max-width:575px) {
    .comments ul ul {
        margin-left: 3rem
    }
}

.comment {
    position: relative;
    display: flex;
    align-items: flex-start
}

.comment p:last-child {
    margin-bottom: 0
}

@media (max-width:575px) {
    .comment {
        flex-direction: column
    }

    .comment .comment-body {
        padding-left: 0
    }

    .comment .comment-body .btn-reply {
        position: relative
    }
}

.comment-body {
    position: relative;
    flex: 1 1 auto;
    padding: 0.8rem 0 0 2rem
}

.comment-body .comment-content {
    margin-bottom: 15px
}

.comment-body .btn-reply {
    position: absolute;
    top: 0.9rem;
    right: 0
}

.comment-reply {
    color: #777;
    position: absolute;
    right: 0;
    top: 1.7rem;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.01em;
    padding-bottom: 0.5rem;
    transition: color 0.3s, box-shadow 0.3s
}

.comment-reply:focus,
.comment-reply:hover {
    color: #ff9c28;
    box-shadow: 0 2px 0 #ff9c28
}

.comment-media {
    max-width: 10rem;
    flex: 0 0 10rem;
    height: 10rem;
    overflow: hidden
}

.comment-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.comment-user {
    margin-bottom: 1.8rem
}

.comment-user .comment-name {
    font-weight: 400;
    color: #54524d
}

.comment-user .comment-name a:focus,
.comment-user .comment-name a:hover {
    color: #ff9c28
}

.comment-user .comment-name span {
    display: block
}

.comment-date {
    display: block;
    margin-top: 0.3rem;
    line-height: 1.5
}

.comment-description {
    font-size: 2rem;
    line-height: 1;
    margin: -1px 0 13px;
    color: #222
}

.reply .title {
    font-size: 1.625em;
    line-height: 1;
    margin-bottom: 0
}

.reply label {
    color: #54524d
}

.reply input,
.reply textarea {
    margin-top: 1.1rem;
    padding: 1.4rem 2rem
}

.product-single-carousel,
.product-thumbs-wrap {
    flex-basis: 100%;
    max-width: 100%
}

.product-thumbs-wrap {
    position: relative;
    margin-top: 1rem;
    overflow: hidden
}

.product-thumbs-wrap button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    transition: opacity 0.3s, transform 0.3s;
    z-index: 1;
    opacity: 0;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1)
}

.product-thumbs-wrap:hover button:not(.disabled) {
    opacity: 0.9;
    transform: none
}

.product-thumbs-wrap button:not(.disabled):hover {
    opacity: 1
}

.product-thumbs-wrap>button {
    display: none
}

.product-thumbs-wrap button,
.product-thumbs .owl-nav .owl-next,
.product-thumbs .owl-nav .owl-prev {
    background-color: #fff;
    color: #777;
    font-size: 1em
}

.product-thumb:before,
.product-thumbs-wrap button {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.product-thumbs {
    transition: top 0.3s ease-out;
    display: flex
}

.product-thumbs.owl-carousel {
    margin: 0 -0.5rem;
    width: calc(100% + 1rem)
}

.product-thumbs .owl-prev {
    transform: translateX(-100%);
    left: 0.5rem
}

.product-thumbs .owl-next {
    left: auto;
    right: 0.5rem;
    transform: translateX(100%)
}

.product-thumb {
    position: relative;
    margin: 0 0.5rem;
    cursor: pointer
}

.product-thumb:before {
    content: "";
    transition: border-color 0.3s;
    border: 2px solid transparent
}

.product-thumb.active:before {
    border-color: #ff9c28
}

@media (min-width:1200px) {
    .product-simple .product-thumb {
        margin: 0 1rem
    }

    .product-simple .product-thumbs-wrap {
        margin-top: 2rem
    }

    .product-simple .product-thumbs.owl-carousel {
        margin: 0 -1rem;
        width: calc(100% + 1rem)
    }
}

@media (max-width:767px) {
    .product-thumb {
        margin: 0 0.5rem
    }

    .product-thumbs-wrap {
        margin-top: 1rem
    }
}

.product-single:not(.product-popup) .product-gallery {
    padding-bottom: 2.3rem
}

.product-single .product-details {
    background-color: transparent
}

.product-single .product-details .tooltiptext {
    font-size: 0.9333em
}

.product-single .input-group button {
    width: 46px
}

.product-single .input-group button:before {
    line-height: 2.875em
}

.product-single .input-group .form-control {
    color: #54524d
}

.product-single .list.list-circle li {
    margin-bottom: 16px
}

.product-single .list.list-circle i {
    font-size: 0.75em;
    color: #a1a1a1
}

.product-single .product-name {
    margin-bottom: 2rem;
    padding: 1rem 0;
    font-size: 1.875em;
    text-indent: -2px;
    white-space: normal;
    color: #333;
    border-bottom: 1px solid #e0dede
}

.product-single .product-price {
    font-size: 2.5em
}

.product-single .old-price {
    font-size: 0.6em
}

.product-single .ratings-container {
    margin-bottom: 1.1rem;
    font-size: 0.9375em
}

.product-single .rating-reviews {
    font-size: 0.9333em
}

.product-single label {
    color: #333;
    font-weight: 400;
    text-transform: uppercase
}

.product-single .product-action {
    display: inline-block
}

.product-single .product-action .btn-wishlist {
    position: relative
}

.product-single .product-action .btn-product:hover {
    background-color: transparent
}

.product-single .btn-compare,
.product-single .btn-wishlist {
    display: inline-flex;
    font-weight: 400;
    font-size: 0.875em;
    letter-spacing: -0.025em;
    background-color: transparent;
    text-transform: uppercase;
    color: #54524d;
    transition: color 0.3s;
    padding: 6px 0 5px
}

.product-single .btn-compare i,
.product-single .btn-wishlist i {
    margin-right: 1rem;
    vertical-align: middle;
    font-size: 1.7143em;
    line-height: 0;
    margin-bottom: 3px
}

.product-single .btn-compare:hover,
.product-single .btn-wishlist:hover {
    color: #ff9c28
}

.product-single .btn-wishlist i {
    font-size: 1.6em
}

.product-single .btn-compare.open i:before {
    content: ""
}

.product-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product-navigation .product-image-nav {
    z-index: 99
}

.product-navigation .product-image-nav i {
    display: inline-block;
    font-size: 1.5em;
    padding-top: 6px
}

.product-navigation .product-image-nav img {
    width: 80px;
    height: 100px
}

@media (max-width:991px) {
    .product-image-nav {
        display: flex
    }

    .product-nav {
        position: relative
    }

    .product-nav figure {
        position: absolute;
        top: 110%;
        opacity: 0;
        visibility: hidden;
        min-width: 90px;
        padding: 0 0.8rem 0.8rem;
        transform: translateX(-60%);
        background-color: #fff;
        box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.1);
        transition: opacity 0.3s, visibility 0.3s
    }

    .product-nav figure:before {
        content: "";
        position: absolute;
        top: -8px;
        right: 18px;
        width: 16px;
        height: 16px;
        transform: rotate(45deg);
        background-color: #fff;
        box-shadow: inherit
    }

    .product-nav figure img {
        position: relative;
        padding-top: 0.8rem;
        background-color: #fff
    }

    .product-nav:hover figure {
        opacity: 1;
        visibility: visible
    }

    .product-nav-prev {
        margin-right: 1rem
    }
}

@media (min-width:992px) {
    .product-image-nav i {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        top: 50%;
        transition: opacity 0.3s, visibility 0.3s, transform 0.3s
    }

    .product-image-nav a:hover {
        opacity: 1;
        transform: translate(0, -50%)
    }

    .product-image-nav a:hover i {
        opacity: 1;
        visibility: visible;
        transform: translate(0, -50%)
    }

    .product-nav {
        position: fixed;
        opacity: 0.4;
        top: 50%;
        transition: transform 0.3s, opacity 0.3s
    }

    .product-nav-prev {
        left: 0;
        transform: translate(-40%, -50%)
    }

    .product-nav-prev i {
        left: 110%;
        transform: translate(-20%, -50%)
    }

    .product-nav-next {
        right: 0;
        transform: translate(40%, -50%)
    }

    .product-nav-next i {
        right: 110%;
        transform: translate(20%, -50%)
    }
}

.product-meta {
    text-transform: uppercase
}

.product-meta>a,
.product-meta label {
    display: inline-block;
    font-size: 0.875em;
    padding: 9px 0
}

.product-meta label:not(.social-label) {
    color: #54524d;
    padding-right: 5px
}

.product-meta .social-links {
    display: inline-flex
}

.product-form>label {
    display: block;
    padding: 0.5rem 0;
    letter-spacing: 0.1em
}

.product-form .input-group {
    margin-right: 1rem
}

.product-form .btn-cart {
    flex: 1;
    min-width: 13rem;
    padding-top: 3px;
    cursor: pointer;
    background-color: #54524d;
    color: #fff;
    font-size: 0.8125em;
    text-transform: uppercase;
    transition: background-color 0.3s, color 0.3s;
    min-height: 5rem
}

.product-form .btn-cart:disabled {
    background-color: #e4eaec;
    cursor: not-allowed;
    color: #999
}

.product-form .btn-cart:hover:not(:disabled) {
    background-color: #ff8c04
}

.product-form .btn-cart i {
    font-size: 1.125em;
    margin-right: 0.8rem
}

.product-form-group {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.product-variation-price {
    display: none;
    padding-top: 2.5rem
}

.product-variation-price span {
    color: #333;
    font-size: 1.5em;
    font-weight: 600
}

.product-variation-clean {
    position: absolute;
    margin: 1rem 0;
    padding: 0.4em 1em 0.2em;
    top: calc(100% - 10px);
    font-size: 0.9286em;
    background: #f4f4f4
}

.product-content .content-title {
    font-size: 3em
}

.product-content .banner {
    width: 100%
}

.product-content .with-content-index {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.product-content .with-content-index:after {
    position: absolute;
    top: 0;
    right: 11.5%;
    font-size: 18.75em;
    line-height: 1;
    z-index: -1;
    color: #fff7ec
}

@media (max-width:991px) {
    .product-content .with-content-index:after {
        font-size: 1.25em
    }
}

.product-content .content-subtitle {
    font-size: 2.25em;
    margin: 16px 0
}

@media (max-width:575px) {
    .product-content .content-title {
        font-size: 2.1875em
    }

    .product-content .content-subtitle {
        font-size: 1.875em
    }
}

.product-content .content-index-1:after {
    content: "1"
}

.product-content .content-index-2:after {
    content: "2"
}

.product-content .content-specification label {
    display: inline-block;
    min-width: 42rem;
    font-size: 1em;
    font-weight: 400;
    padding: 13px 10px 13px 0;
    text-transform: uppercase;
    color: #54524d
}

@media (max-width:767px) {
    .product-content .content-specification label {
        min-width: 19.8rem
    }
}

@media (max-width:575px) {
    .product-content .content-specification label {
        display: block
    }
}

.product-content .content-specification p {
    display: inline-block;
    margin-bottom: 0
}

.rating-stars {
    display: flex;
    position: relative;
    height: 14px;
    font-size: 1.2rem
}

.rating-stars a {
    color: rgba(0, 0, 0, 0.16);
    width: 14px;
    letter-spacing: 0.2em
}

.rating-stars a:before {
    content: "";
    position: absolute;
    left: 0;
    font-family: "panda";
    text-indent: 0;
    overflow: hidden;
    white-space: nowrap
}

.rating-stars a.active:before,
.rating-stars a:hover:before {
    content: "";
    color: #ff9c28
}

.rating-stars .star-1 {
    z-index: 10
}

.rating-stars .star-2 {
    z-index: 9
}

.rating-stars .star-3 {
    z-index: 8
}

.rating-stars .star-4 {
    z-index: 7
}

.rating-stars .start-5 {
    z-index: 6
}

.rating-stars .star-1:before {
    width: 20%
}

.rating-stars .star-2:before {
    width: 40%
}

.rating-stars .star-3:before {
    width: 60%
}

.rating-stars .star-4:before {
    width: 80%
}

.rating-stars .star-5:before {
    content: ""
}

ul.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 1.125em;
    color: #54524d
}

.page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 3.1rem;
    transition: color 0.3s
}

.active>.page-link,
:hover:not(.disabled)>.page-link {
    color: #ff9c28
}

.disabled>.page-link {
    color: #aaa;
    cursor: not-allowed;
    pointer-events: none
}

.page-link-next,
.page-link-prev {
    min-width: 2rem
}

.page-item:not(:last-child) {
    margin-right: 1.7rem
}

.page-item-dots {
    white-space: nowrap
}

.page-item-dots:before {
    content: "." "." ".";
    margin-top: -0.6em;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0.2em
}

.show-info {
    color: #333
}

.show-info span {
    margin: 0 0.5rem
}

.header .container,
.header .container-fluid {
    display: flex;
    align-items: center
}

.header .divider {
    height: 2.5rem;
    width: 1px;
    background-color: #e0dede
}

.header-transparent {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 20;
    background: transparent
}

.header-bottom,
.header-middle,
.header-top {
    display: flex
}

.has-center .header-right {
    flex: 1
}

.has-center .header-right {
    justify-content: flex-end
}

.has-center .header-center {
    margin: 0 2rem 0 3.8rem
}

.header-left {
    flex: 1
}

.header-center,
.header-left,
.header-right {
    display: flex;
    align-items: center
}

.header-right {
    margin-left: auto
}

.header-top {
    color: #54524d;
    border-bottom: 1px solid #e0dede;
    font-size: 0.75em;
    text-transform: uppercase
}

.header-top .header-right>* {
    margin-left: 2.3rem
}

.header-top .header-right>:first-child {
    margin-left: 0
}

.header-top .divider {
    margin-left: 2rem;
    height: 2rem
}

.header-top .contact {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 1.4rem 0 1.2rem 1.5rem
}

.header-top .contact i {
    margin: 1px 7px 0 4px;
    font-size: 1.417em
}

.header-top .contact span {
    white-space: nowrap
}

.header-top .social-links {
    margin-left: 2rem;
    font-size: 1.167em
}

.header-top .social-links .social-link:last-child {
    margin-right: 0
}

.header-top .social-links .social-link {
    margin: 3px 26px 0 0
}

.header-middle {
    padding-top: 2.9rem;
    padding-bottom: 2.7rem;
    color: #222;
    font-size: 0.875em
}

.header-middle.has-border {
    border-bottom: 1px solid #e0dede
}

.header-middle .login-toggle {
    margin: 0.2rem 1.9rem 0 0
}

.header-middle .login-toggle i {
    font-size: 1.543em
}

.header-middle .logo {
    margin-bottom: 0.2rem
}

.header-middle .header-right .cart-dropdown>a:after {
    content: none
}

.header-dark .header-middle {
    padding: 3.3rem 0 2.7rem;
    color: rgba(255, 255, 255, 0.8)
}

.header-dark .header-middle .divider {
    margin: 0 24px 0 31px;
    opacity: 0.15
}

.header-dark .header-middle .call i {
    font-size: 1.714em
}

.header-dark .header-middle .mobile-menu-toggle {
    color: inherit
}

@media (max-width:991px) {
    .header-dark .header-middle .header-center {
        flex: 1
    }
}

.logo img {
    display: block
}

.header-bottom {
    border-bottom: 1px solid #e0dede;
    padding: 1rem 0
}
@media (max-width:1440px) {
    .header-bottom {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.header-search {
    position: relative
}

.header-search:not(.dir-up) {
    margin: 4px 1.9rem 0 0
}

.header-search input {
    padding: 0.95rem 2rem
}

.header-search .btn-search {
    min-width: 5rem
}

.header-search .btn-search i {
    margin: 0
}

.header-search .select-box select {
    width: 18.4rem;
    border: 0;
    font-size: 1em;
    letter-spacing: 0.05em
}

.header-search.hs-toggle .form-simple {
    position: absolute;
    border: none;
    display: flex;
    right: -1.5rem;
    padding: 2rem;
    min-width: 34rem;
    background-color: #fff;
    box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1);
    font-size: 1.6rem;
    visibility: hidden;
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    z-index: 100;
    transition: transform 0.4s 0.2s, opacity 0.4s 0.2s
}

.header-search.hs-toggle .form-simple .btn {
    right: 2rem
}

.header-search.hs-toggle.show .form-simple,
.header-search.hs-toggle:hover .form-simple {
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1
}

.header-search.hs-toggle:hover {
    color: #ff9c28
}

.header-search.hs-toggle input {
    border: 1px solid #eee
}

.header-search.hs-toggle .btn-search {
    font-size: 0.88em;
    color: #222
}

.header-search.hs-toggle .btn-search:hover {
    color: #ff9c28;
    background-color: transparent;
    cursor: pointer
}

.header-search.hs-expanded {
    max-width: 74.1rem;
    flex: 1
}

.header-search.hs-expanded .btn-search i {
    margin: 0;
    font-size: 1.5rem
}

.header-search.hs-expanded .btn-search:hover {
    color: #ff9c28
}

.header-search.hs-expanded input {
    padding: 0.8em 1.3em 0.6em;
    font-size: 1em
}

.hs-toggle.dir-up .form-simple {
    top: auto;
    bottom: 100%;
    transform: translate3d(0, 10px, 0)
}

.search-toggle {
    padding: 1.1rem 0
}

.search-toggle i {
    font-size: 2rem;
    line-height: 0.9
}

.call {
    display: flex;
    align-items: center
}

.call>span {
    padding-top: 3px;
    font-weight: inherit;
    text-transform: uppercase
}

.call i+span {
    margin-left: 0.3rem
}

.call i {
    font-size: 1.514em;
    margin: 0.3rem 0.3rem 0 0
}

.wishlist {
    margin: 0.5rem 1.8rem 0 0;
    font-size: 1.6em
}

.sticky-header.fixed {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.4rem;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    padding-left: 5px;
    padding-right: 5px;
}

.mobile-menu-toggle {
    display: none;
    margin-right: 1.5rem;
    font-size: 1.786em;
    color: #333
}

.mobile-menu-toggle i {
    vertical-align: -4px
}

@media (max-width:1199px) {
    .header-middle .logo {
        margin-right: 2rem
    }
}

@media (max-width:1200px) {
    .main-nav .menu>li {
        /*margin-right: 1.5rem*/
        margin-right: 0
    }
    .menu>li>a:after {
        margin-left: 0 !important;
    }
}

@media (max-width:991px) {

    .header-middle .header-center:not(.header-full-product),
    .header-middle .main-nav {
        display: none
    }

    .has-center .header-full-product {
        margin: 0
    }

    .header-top .header-left {
        margin-right: 2rem
    }

    .header-middle .header-right {
        justify-content: flex-end
    }

    .header-middle .header-right .divider {
        display: none
    }

    .header-middle .header-right .call {
        display: none
    }
}

@media (max-width:767px) {
    .header-middle .header-search {
        display: none
    }

    .header-top .header-left {
        position: relative;
        overflow: hidden
    }

    .header-top .header-left .call,
    .header-top .header-left .divider {
        display: none
    }

    .header-top .header-left .contact,
    .header-top .header-left .welcome-msg {
        padding-left: 0;
        transform: translateX(0);
        animation: 6s linear 2s 1 show_msg_first, 12s linear 8s infinite show_msg
    }
}

@media (max-width:479px) {

    .header-top .header-right .divider,
    .header-top .social-links {
        display: none
    }

    .header-middle.has-center .header-right {
        flex: unset
    }

    .header-middle.has-center .login-toggle,
    .header-middle.has-center .wishlist {
        display: none
    }
}

.welcome-msg {
    margin-bottom: 0;
    white-space: nowrap;
    font-size: inherit
}

@keyframes show_msg_first {
    0% {
        transform: translateX(0%)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes show_msg {
    0% {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

.dropdown {
    position: relative
}

.dropdown.show .dropdown-box,
.dropdown:hover .dropdown-box {
    visibility: visible;
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.dropdown.show>a,
.dropdown:hover>a {
    color: #ff9c28
}

.dropdown a {
    display: flex;
    align-items: center
}

.dropdown a .dropdown-image {
    max-width: 1.4rem;
    margin-right: 0.7rem;
    height: auto
}

.dropdown>a {
    line-height: 1;
    padding: 0.9rem 0
}

.dropdown>a:after {
    display: inline-block;
    margin-left: 8px;
    font-family: "panda";
    font-size: 7px;
    line-height: 1;
    content: ""
}

.dropdown li.active>a,
.dropdown li:hover>a {
    color: #ff9c28
}

.dropdown-box {
    position: absolute;
    right: 0;
    padding: 0.5rem 0;
    color: #777;
    background-color: #fff;
    box-shadow: 0 5px 30px 2px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    z-index: 1061;
    transition: transform 0.2s ease-out, opacity 0.2s;
    transform: translate3d(0, -10px, 0)
}

.dropdown-box li {
    line-height: 1.1
}

.switcher li a {
    padding: 0.6rem 1rem 0.6rem 0.8rem
}

.switcher img {
    margin-bottom: 2px
}

.cart-dropdown .dropdown-box {
    right: -1rem;
    padding: 3rem;
    min-width: 33.5rem
}

.cart-dropdown .products {
    max-height: 36rem;
    margin-right: -0.5rem;
    padding-right: 1rem;
    overflow: scroll
}

.cart-dropdown .cart-toggle:after {
    content: none
}

.cart-dropdown .cart-toggle i {
    font-size: 1.65em;
    margin: 1px 2px 0 0
}

.cart-dropdown .cart-label {
    display: block;
    cursor: pointer;
    margin: 0 0 0 1rem;
    font-size: 0.855em;
    font-weight: 300;
    line-height: 1.1
}

.cart-dropdown .cart-label>span {
    display: block;
    font-weight: 400
}

.cart-dropdown .cart-count:not(.not-badge) {
    position: absolute;
    display: inline-block;
    transition: color 0.4s;
    right: -10px;
    top: 6px;
    text-align: center;
    font-size: 0.458em;
    font-weight: 600;
    width: 1.9rem;
    height: 1.9rem;
    line-height: 1.9rem;
    border-radius: 50%;
    background-color: #ff9c28;
    color: #fff;
    z-index: 1;
    padding-top: 1px
}

.cart-dropdown .cart-total {
    display: flex;
    margin-top: 2rem;
    margin-bottom: 0.3rem;
    padding: 1.9rem 0 0.9rem;
    border-top: 1px solid #e0dede
}

.cart-dropdown .cart-total label {
    margin: 0 auto 0 0.3rem;
    color: #54524d
}

.cart-dropdown .cart-total .price {
    font-size: 1.125em;
    font-weight: 400;
    color: #ff9c28
}

.cart-dropdown .cart-action .btn {
    justify-content: center;
    padding: 1.27em 2.78em 1.09em;
    letter-spacing: 0.01em
}

.cart-dropdown .cart-price {
    color: #ff9c28
}

.cart-dropdown:hover {
    color: #ff9c28
}

.login-dropdown {
    margin-left: 0
}

.login-dropdown .login-toggle:after {
    content: none
}

.login-dropdown .btn-close {
    position: fixed;
    top: 2.7rem;
    right: 39.6rem;
    transform: rotateZ(45deg);
    transition: transform 0.3s, visibility 0.3s;
    width: 2.8rem;
    height: 2.8rem;
    opacity: 0.65;
    visibility: hidden;
    z-index: 3000
}

.login-dropdown .btn-close:after,
.login-dropdown .btn-close:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    width: 1px;
    height: 100%;
    top: 0;
    left: calc(50% - 1px);
    margin-left: 0
}

.login-dropdown .btn-close:before {
    width: 100%;
    height: 1px;
    top: calc(50% - 1px);
    left: 0
}

.login-dropdown .btn-close:hover {
    transform: rotateZ(135deg)
}

.login-dropdown.opened .btn-close {
    visibility: visible
}

.off-canvas {
    font-weight: 300
}

.off-canvas .dropdown-box {
    position: fixed;
    top: 0;
    right: -37rem;
    max-width: 37rem;
    width: 100%;
    height: 100vh;
    min-width: auto;
    font-size: 1.6rem;
    padding: 2.5rem 3rem;
    opacity: 1;
    visibility: visible;
    transition: right 0.3s;
    transform: none;
    z-index: 2999;
    box-shadow: none;
    overflow-x: hidden;
    overflow-y: auto
}

.off-canvas .dropdown-box .login-popup {
    padding: 0
}

.off-canvas .canvas-overlay {
    position: fixed;
    left: 0;
    width: 100vw;
    top: -10vh;
    height: 120vh;
    background: rgba(0, 0, 0, 0.65);
    z-index: 2998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s
}

.off-canvas .canvas-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e0dede;
    padding: 0.2rem 0 1.1rem
}

.off-canvas .canvas-title {
    font-size: 1.25em;
    letter-spacing: -0.018em
}

.off-canvas .btn-close {
    font-size: 1em;
    font-weight: 300;
    color: #999;
    text-transform: capitalize
}

.off-canvas .btn-close:active,
.off-canvas .btn-close:focus,
.off-canvas .btn-close:hover {
    color: #ff9c28
}

.off-canvas .btn-close i {
    margin-right: 0;
    font-size: inherit
}

.off-canvas .product-mini {
    margin-top: 2rem
}

.off-canvas.opened .dropdown-box {
    right: 0
}

.off-canvas.opened .canvas-overlay {
    opacity: 1;
    visibility: visible
}

.off-canvas:hover .dropdown-box {
    top: 0
}

@media (max-width:479px) {
    .off-canvas .dropdown-box {
        max-width: 28.5rem;
        padding: 1.5rem 2rem
    }

    .login-dropdown .btn-close {
        right: 29rem
    }
}

.product.product-mini {
    display: flex;
    align-items: center
}

.product.product-mini .product-media {
    position: static;
    min-width: 8.4rem;
    margin-right: 1.9rem
}

.product.product-mini .product-media img {
    height: 100%
}

.product.product-mini .product-detail a {
    white-space: normal;
    width: 95%
}

.product.product-mini .product-name {
    margin-bottom: 0.8rem;
    font-size: 0.875em
}

.product.product-mini .product-name:not(:hover) {
    color: #54524d
}

.product.product-mini .price-box {
    display: flex;
    align-items: center;
    font-size: 1.125em;
    line-height: 1
}

.product.product-mini .product-price {
    font-size: inherit;
    color: #333
}

.product.product-mini .product-quantity {
    margin-right: 0.4rem
}

.product.product-mini .product-quantity:after {
    content: "";
    padding-left: 0.3rem;
    font-size: 0.833em;
    font-family: "panda"
}

.product.product-mini .btn-remove {
    position: absolute;
    right: -0.4rem;
    top: 50%;
    transform: translateY(-50%)
}

.product.product-mini .btn-remove i {
    position: relative;
    top: 1px
}

.product.product-mini:last-child {
    margin-bottom: 0
}

@media (max-width:991px) {
    .cart-dropdown .cart-label {
        display: none
    }
}

@media (max-width:479px) {
    .cart-dropdown .product .product-media {
        margin-right: 1rem
    }

    .cart-dropdown .dropdown-box {
        min-width: 28.5rem
    }
}

.dropdown.category-dropdown .dropdown-box {
    z-index: 19
}

.category-dropdown>a {
    padding: 1.7rem 1.7rem;
    background: #ff9c28
}

.category-dropdown>a:after {
    content: none
}

.category-dropdown>a i {
    font-size: 1.8rem
}

.category-dropdown>a span {
    margin-left: 0.7rem
}

.category-dropdown .dropdown-box {
    padding: 0;
    left: 0;
    min-width: 12rem;
    box-shadow: none;
    background-color: #ccc;
    transition: opacity 0.2s, z-index 0s, transform 0.2s ease-out;
    visibility: hidden;
    top: 100%
}

.category-dropdown.menu-fixed .dropdown-box {
    visibility: hidden
}

.category-dropdown.dropdown.show .dropdown-box {
    visibility: visible;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transform: translate3d(0, 0, 0);
    transition: opacity 0.5s, z-index 0s
}

.category-dropdown.has-border .dropdown-box {
    background-color: #fff;
    border: 1px solid #eee
}

.category-dropdown.has-border:before {
    content: "";
    position: absolute;
    z-index: 1000;
    transform: rotate(45deg);
    width: 1.2rem;
    height: 1.2rem;
    left: 22px;
    background-color: #fff;
    border: 1px solid #eee;
    border-bottom-color: transparent;
    border-right-color: transparent;
    opacity: 0;
    cursor: pointer;
    visibility: hidden
}

@media (min-width:992px) {
    .sticky-header:not(.fixed) .category-dropdown.menu-fixed .dropdown-box {
        top: calc(100% + 20px);
        transform: none;
        visibility: visible;
        opacity: 1
    }

    .sticky-header:not(.fixed) .category-dropdown.menu-fixed.has-border:before {
        top: calc(100% + 15px);
        visibility: visible;
        opacity: 1
    }
}

.menu {
    display: flex;
    align-items: center
}

.menu a {
    display: inline-block
}

.menu .menu-title {
    font-size: 1em
}

.menu .menu-title span {
    padding-left: 1rem;
    font-size: 18px;
    line-height: 1.2;
    text-transform: capitalize;
    font-family: "InterMedium" !important;
}

.menu .menu-title span:after {
    max-width: 5rem
}

.menu ul {
    padding: 2rem 0;
    background: #fff;
    font-size: 1.14em;
    color: #777
}

.menu ul ul {
    font-size: 1em
}

.menu li {
    position: relative
}

.menu li a {
    font-weight: 300;
    padding: 1rem 0 1rem 1rem;
    line-height: 1
}

.menu li>ul {
    min-width: 21.6rem
}

.menu li>ul li {
    padding: 0 2rem
}

.menu:not(.toggle-menu) li .megamenu,
.menu:not(.toggle-menu) li>ul {
    position: absolute;
    top: -9999px;
    left: 100%;
    box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1);
    z-index: 1041;
    visibility: hidden;
    opacity: 0;
    transition: transform 0.2s ease-out;
    transform: translate3d(0, -10px, 0)
}

.menu>li.submenu-container .megamenu {
    width: 1280px
}

.menu .show .megamenu,
.menu .show>ul,
.menu li:not(.othermenu):hover .megamenu,
.menu li:hover>ul {
    visibility: visible;
    opacity: 1;
    top: 3.3rem;
    transform: translate3d(0, 0, 0)
}

.menu .active>a:not(.menu-title):before,
.menu:not(.category-menu) li:hover>a:not(.menu-title):before {
    transform: scale(1, 1);
    width: 100%;
    border-color: rgba(255, 156, 40, 0.3)
}

.menu>li {
    margin-right: 3rem
}

.menu>li:last-child {
    margin-right: 0
}

.menu>li>a {
    padding: 1.3rem 0;
    font-weight: 400;
    text-transform: uppercase;
    color: inherit
}

.menu>li>a:before {
    position: absolute;
    content: "";
    bottom: 12px;
    border-bottom: 10px solid transparent;
    transform: scale(0, 1);
    transform-origin: left center;
    transition: transform 0.3s
}

.menu>li>a:after {
    margin-left: 0.8rem
}

.menu>li.show .megamenu,
.menu>li.show>ul,
.menu>li:hover .megamenu,
.menu>li:hover>ul {
    top: 100%
}

.menu:not(.toggle-menu) li .megamenu,
.menu:not(.toggle-menu) li>ul {
    left: -1.9rem
}

.menu .submenu>a {
    position: relative;
    display: block
}

.menu:not(.vertical-menu)>.submenu>a {
    z-index: 10
}

.menu:not(.vertical-menu)>.submenu>a:after {
    position: static;
    content: "";
    font-family: "panda";
    margin-top: -4px
}

.menu.no-arrow .submenu>a:after {
    content: none
}

.menu-type2>li.active>a,
.menu-type2>li:hover>a {
    color: #ff9c28
}

.menu-type2>li>a:before {
    content: none
}

.submenu>a:after {
    display: inline-block;
    position: absolute;
    right: 0.5rem;
    top: 50%;
    line-height: 0;
    vertical-align: middle;
    font-family: "panda";
    font-weight: 700;
    font-size: 0.7142em;
    content: ""
}
.submenu-children {
    left: 215px !important;
}
.menu .submenu-children li a {
    color: #000000 !important;
}
.menu .submenu-children li:hover a {
    color: #ffffff !important;
}

.vertical-menu {
    display: block
}

.vertical-menu>li {
    margin-right: 0;
    padding: 0 1rem
}

.vertical-menu>li.show .megamenu,
.vertical-menu>li.show ul,
.vertical-menu>li:hover .megamenu,
.vertical-menu>li:hover ul {
    left: 100.5%;
    top: -0.9rem
}

.toggle-menu {
    display: block
}

.toggle-menu>li {
    margin-right: 0
}

.toggle-menu .submenu li {
    padding: 0 0.5rem
}

.toggle-menu li>ul {
    display: none;
    background: transparent
}

.toggle-btn {
    position: absolute;
    padding: 6px;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

.toggle-btn:before {
    display: block;
    content: "";
    font-family: "panda";
    font-size: 0.625em;
    font-weight: 600;
    line-height: 1;
    transition: transform 0.5s
}

.show>a .toggle-btn:before {
    transform: rotate(630deg)
}

.menu-active-underline>li>a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 9px;
    left: 0;
    width: 100%;
    border-bottom: 2px solid;
    transform-origin: right center;
    transform: scale(0, 1);
    transition: transform 0.3s
}

.menu-active-underline>li.active>a,
.menu-active-underline>li:hover>a {
    color: inherit
}

.menu-active-underline>li.active>a:before,
.menu-active-underline>li:hover>a:before {
    transform-origin: left center;
    transform: scale(1, 1)
}

.main-nav {
    margin: 0.3rem 1.5rem 0 0.3rem
}

.megamenu {
    display: flex;
    padding: 1.5rem;
    min-width: 71.5rem;
    background: #fff
}

.megamenu ul {
    padding: 0 0 3px
}

.megamenu .row {
    flex: 1;
    padding: 0 1rem
}

.megamenu .row>* {
    padding-bottom: 1rem
}

.megamenu .menu-banner {
    font-size: 0.7143em;
    padding: 0
}

.megamenu .menu-banner figure,
.megamenu .menu-banner img {
    height: 100%
}

.megamenu .menu-banner .btn-link:hover {
    color: #ff9c28
}

.megamenu .menu-banner .banner-content {
    top: 30px;
    left: 30px
}

.megamenu .menu-banner .banner-subtitle {
    font-size: 1.3em;
    line-height: 1.2
}

.megamenu .menu-banner .banner-title {
    font-size: 2.8em;
    line-height: 1.2;
    margin: 0 0 8px -2px;
    color: #222
}

.megamenu .menu-banner .banner-descri {
    font-size: 1.6em
}

.megamenu .menu-banner .banner-descri span {
    font-size: 1.25em
}

.megamenu .menu-banner .btn {
    font-size: 1.2em;
    padding: 1.3rem 2.4rem 0.9em
}

.mobile-menu-wrapper {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    transition: visibility 0.4s
}

.mobile-menu-container {
    max-width: 296px;
    padding: 2rem 1.5rem;
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background: #222529;
    box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
    margin-left: -296px;
    transition: margin 0.4s
}

.mobile-menu-container form {
    display: flex;
    margin-bottom: 0.6rem
}

.mobile-menu-container form input {
    border-color: #2e3237;
    padding: 0.707em 1.22em 0.507em
}

.mobile-menu-container form input:focus {
    border-color: #54524d
}

.mobile-menu-container form .btn-search {
    padding: 4px 0 0;
    width: 4rem;
    background-color: #ff9c28;
    border-color: #ff9c28;
    color: #fff
}

.mobile-menu-container form .btn-search i {
    margin: 0;
    font-size: inherit
}

.mobile-menu-container.scrollable::-webkit-scrollbar-thumb {
    margin-right: 2px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    cursor: pointer
}

.mobile-menu-container .nav-tabs {
    border-bottom: 1px solid #3f3e3d
}

.mobile-menu-container .tab-nav-underline .nav-link {
    color: #fff
}

.mobile-menu-container .tab-nav-underline .nav-item.show .nav-link,
.mobile-menu-container .tab-nav-underline .nav-link.active,
.mobile-menu-container .tab-nav-underline .nav-link:hover {
    color: #ff9c28
}

.mobile-menu {
    color: #e1e1e1;
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1.5;
    padding: 5px 0
}

.mobile-menu ul {
    display: none
}

.mobile-menu li a {
    display: block;
    position: relative;
    padding: 1.3rem 0.6rem 1.3rem 1rem
}

.mobile-menu li li a {
    padding-left: 2.4rem
}

.mobile-menu li li li a {
    padding-left: 3.6rem
}

.mobile-menu li:not(:last-child) {
    border-bottom: 1px solid #2e3237
}

.mobile-menu .tab-pane.active>ul {
    display: block
}

.mobile-menu .tab-pane.active>ul li a>i {
    font-size: 2rem;
    margin-right: 1rem
}

.mobile-menu-overlay {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0;
    transition: opacity 0.4s
}

.mobile-menu-close {
    position: fixed;
    left: calc(100vw - 50px);
    top: 25px;
    z-index: 10001;
    transition: opacity 0.3s;
    opacity: 0
}

.mobile-menu-close i {
    font-size: 2.8rem;
    color: #e1e1e1
}

.mmenu-anim {
    transform: translateY(30%)
}

.mmenu-anim,
.mmenu-anim>li {
    transition: transform 0.4s, opacity 0.3s;
    transition-timing-function: cubic-bezier(0.5, 0, 0.3, 1)
}

.mmenu-anim>li:nth-child(0) {
    opacity: 0;
    transform: translateY(0px)
}

.mmenu-anim>li:first-child {
    opacity: 0;
    transform: translateY(50px)
}

.mmenu-anim>li:nth-child(2) {
    opacity: 0;
    transform: translateY(100px)
}

.mmenu-anim>li:nth-child(3) {
    opacity: 0;
    transform: translateY(150px)
}

.mmenu-anim>li:nth-child(4) {
    opacity: 0;
    transform: translateY(200px)
}

.mmenu-anim>li:nth-child(5) {
    opacity: 0;
    transform: translateY(250px)
}

.mmenu-anim>li:nth-child(6) {
    opacity: 0;
    transform: translateY(300px)
}

.mmenu-anim>li:nth-child(7) {
    opacity: 0;
    transform: translateY(350px)
}

.mmenu-anim>li:nth-child(8) {
    opacity: 0;
    transform: translateY(400px)
}

.mmenu-anim>li:nth-child(9) {
    opacity: 0;
    transform: translateY(450px)
}

.mmenu-anim>li:nth-child(10) {
    opacity: 0;
    transform: translateY(500px)
}

.mmenu-anim>li:nth-child(11) {
    opacity: 0;
    transform: translateY(550px)
}

.mmenu-anim>li:nth-child(12) {
    opacity: 0;
    transform: translateY(600px)
}

.mmenu-active {
    overflow: hidden
}

.mmenu-active .mmenu-anim,
.mmenu-active .mmenu-anim>li {
    opacity: 1;
    transform: translateY(0)
}

.mmenu-active .page-wrapper {
    margin-left: 296px;
    margin-right: -296px
}

.mmenu-active .mobile-menu-wrapper {
    visibility: visible
}

.mmenu-active .mobile-menu-container {
    margin: 0
}

.mmenu-active .mobile-menu-overlay {
    opacity: 0.65
}

.mmenu-active .mobile-menu-close {
    opacity: 1
}

@media (max-width:400px) {
    .mobile-menu-close {
        left: calc(100vw - 40px);
        top: 10px
    }
}

.category-menu i {
    vertical-align: -2px;
    line-height: 0;
    color: #222;
    transition: color 0.3s;
    margin-right: 1rem;
    padding-left: 0.2rem;
    font-size: 2rem;
    color: #222
}

.category-menu>li>a {
    display: block;
    font-weight: 300;
    line-height: 1.46;
    text-transform: capitalize
}

.category-menu>li:not(:last-child)>a {
    border-bottom: 1px solid #eee
}

.category-menu li:hover>a i {
    color: inherit
}

.category-menu .menu-banner .banner-title {
    font-size: 2.4em
}

.category-menu .menu-banner .banner-descri {
    font-size: 1.8em
}

.category-menu .menu-banner .banner-descri span {
    font-size: 1em
}

.category-menu .menu-banner a:hover i {
    color: #ff9c28
}

.grecaptcha-badge {
    bottom: 205px !important;
}
.footer {
    font-size: 0.875em;
    background: #f8f8f8
}

.footer p {
    font-size: inherit
}

.footer a:not(.social-link):hover {
    color: #ff9c28
}

.footer .widget-title {
    border-bottom: none
}

.footer-top {
    color: #222;
    padding-top: 8.8rem
}

.footer-top .menu {
    flex-wrap: wrap;
    justify-content: center
}

.footer-top .menu>li {
    margin: 0 1.4rem 0 1.5rem
}

.footer-middle {
    display: flex;
    align-items: center;
    padding: 2.9rem 0 9rem;
    border-bottom: 1px solid #e0dede
}

.footer-middle .footer-left,
.footer-middle .footer-right,
.footer-middle .fotter-center {
    flex: 1
}

.footer-middle .footer-center {
    text-align: center;
    padding-top: 1.5rem
}

.footer-middle .footer-center .logo-footer {
    margin-bottom: 3.1rem
}

.footer-middle .footer-right {
    text-align: right
}

.footer-middle .logo-footer {
    display: block
}

.footer-middle .widget-title {
    margin: 1.1rem 0 1.2rem;
    font-size: 1.143em;
    font-weight: 400;
    text-transform: uppercase;
    color: #e1e1e1
}

.footer-middle .widget-body {
    padding-top: 4px
}

.footer-middle .widget-body li {
    color: #999;
    padding: 4px 0;
    text-transform: capitalize
}

.footer-middle .widget-body i {
    font-size: 1.143em
}

.footer-middle .widget-body.footer-icon-boxes {
    padding-top: 2px
}

.footer-middle .widget-body.footer-icon-boxes li {
    padding: 5px 0
}

.footer-middle .widget-about {
    font-size: 1.143em;
    color: #777
}

.footer-middle .widget-about p {
    margin-bottom: 2.3rem;
    line-height: 1.5;
    letter-spacing: -0.001em
}

.footer-middle .widget-newsletter form {
    max-width: 29.5rem;
    border-width: 0 0 1px 0;
    margin-left: auto;
    color: #54524d
}

.footer-middle .widget-newsletter input {
    font-size: 0.857em;
    padding: 0.307em 0.829em
}

.footer-middle .widget-newsletter .widget-title {
    margin: 0 0 1rem;
    font-size: inherit;
    color: #222
}

.footer-middle .widget-newsletter p {
    color: #54524d;
    margin-bottom: 2.8rem
}

.footer-left .widget-body li {
    padding: 3px 0;
    color: #54524d
}

.footer-left .widget-body i {
    font-size: 1.1em;
    margin: 0 3px 0 1px
}

.footer-bottom {
    padding: 3.1rem 0 2.9rem
}

.footer-bottom,
.footer-bottom .container,
.footer-bottom .container-fluid {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.footer .copyright {
    margin: 0;
    color: #ffffff
}

.sticky-footer {
    display: flex
}

.sticky-footer>* {
    flex: 1
}

.sticky-footer .search-toggle {
    padding: 0;
    color: inherit
}

.sticky-footer .header-search.show,
.sticky-footer .header-search:hover {
    color: #222
}

.sticky-footer .hs-toggle .form-simple {
    min-width: 29rem;
    right: 1.5rem;
    margin-bottom: 2rem
}

.sticky-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1.6rem 0 1.2rem
}

.sticky-link i {
    width: 2.3rem;
    height: 2.4rem;
    font-size: 1.437em;
    line-height: 1;
    transform: translateY(0);
    transition: transform 0.35s ease
}

.sticky-link i.p-icon-search {
    font-size: 1.187em
}

.sticky-link span {
    margin-top: 0.8rem;
    font-size: 0.63em;
    line-height: 1;
    letter-spacing: 0.025em;
    text-transform: uppercase
}

.sticky-link:hover {
    color: #333
}

.sticky-link:hover i {
    transform: translateY(-5px)
}

@media (min-width:768px) {
    .sticky-footer {
        display: none
    }
}

@media (min-width:576px) {
    .sticky-footer {
        padding: 0 4rem
    }
}

@media (max-width:991px) {
    .footer-middle {
        flex-direction: column
    }

    .footer-middle .footer-center {
        padding: 4rem 0
    }

    .footer-middle .footer-left,
    .footer-middle .footer-right {
        text-align: center
    }
}

@media (max-width:767px) {

    .footer-bottom,
    .footer-bottom .container,
    .footer-bottom .container-fluid {
        display: block;
        text-align: center
    }

    .footer-bottom .copyright {
        margin-bottom: 1rem
    }
}

.footer-dark {
    background-color: #222
}

.footer-dark .form-simple {
    max-width: 32.2rem;
    margin-left: 0;
    padding-right: 0;
    border-color: #393939
}

.footer-dark .form-simple input {
    color: #54524d;
    padding-left: 0
}

.footer-dark .form-simple .btn:not(:hover) {
    color: #999
}

.footer-dark .form-simple .btn {
    right: 0
}

.footer-dark .footer-middle {
    display: block;
    border-color: #393939
}

.footer-dark .newsletter-info .widget-title {
    margin-top: 11px;
    color: #eee
}

.footer-dark .newsletter-info p {
    color: #777
}

.footer-dark .copyright {
    color: #777
}

.floating-set .bg-float1 {
    padding: 89px 0 88px;
    background-color: #F6F2EF
}

.floating-set .bg-float2 {
    padding: 76px 0 75px;
    background-color: #EEF5EE
}

.floating-set .floating-content {
    margin: 31px 0 26px 0
}

.vertical-title-type {
    display: flex;
    align-items: center
}

.vertical-title-type .vertical-wrap {
    display: flex;
    justify-content: center;
    width: 7%
}

@media (max-width:575px) {
    .vertical-title-type .vertical-wrap {
        width: 25%
    }
}

.vertical-title-type .vertical-title {
    position: relative;
    left: 22px;
    bottom: -25px;
    font-size: 3.75em;
    opacity: 0.1;
    white-space: nowrap
}

.countdown-type1 {
    display: flex;
    align-items: center;
    background-color: #3a3a3a;
    padding: 1.4rem 5rem 1.2rem 4.9rem
}

.countdown-type1 .banner-title {
    font-size: 30px;
    line-height: 1.1
}

.countdown-type1 .banner-subtitle {
    font-size: 18px;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.4)
}

.countdown-type1 .btn {
    position: relative;
    color: #fff;
    transition: color 0.2s
}

.countdown-type1 .btn i {
    margin-left: 1rem
}

.countdown-type1 .btn:after {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    border-bottom: 1px solid #b0b0b0;
    width: 100%;
    padding-top: 2px;
    transition: border 0.2s
}

.countdown-type1 .btn:hover {
    color: #ff9c28
}

.countdown-type1 .btn:hover:after {
    border-color: #ff9c28
}

@media (max-width:1199px) {
    .countdown-type1 {
        flex-direction: column;
        align-items: unset
    }

    .countdown-type1 .countdown-content-right {
        text-align: right
    }
}

@media (max-width:575px) {
    .countdown-type1 {
        padding: 1.4rem;
        align-items: center
    }

    .countdown-type1 .countdown-content-left {
        flex-direction: column;
        text-align: center
    }
}

.countdown-type1 .price-template {
    font-size: 65px;
    line-height: 0.8;
    margin-bottom: 0
}

.countdown-type1 .price-template .price-value {
    display: inline-block;
    text-align: center;
    margin-left: -5px
}

.countdown-type1 .price-template .price-symbol,
.countdown-type1 .price-template .price-variation {
    display: block;
    line-height: 0.86
}

.countdown-type1 .price-template .price-symbol {
    font-size: 48px
}

.countdown-type1 .price-template .price-variation {
    font-size: 12px
}

.countdown-content {
    margin-left: auto;
    margin-right: auto
}

.countdown-content .countdown-section {
    background-color: #464646
}

.countdown-type2 {
    padding: 1rem
}

.countdown-type2 .countdown {
    background-color: #f5f5f5;
    padding: 1.3rem 1rem
}

.countdown-type2 .countdown:not(.ct-dark-bg) .countdown-amount {
    color: #333
}

.countdown-type2 .countdown:not(.ct-dark-bg) .countdown-period {
    color: rgba(34, 34, 34, 0.6)
}

.countdown-type2 .countdown.ct-dark-bg {
    background-color: #3A3A3A
}

.deal-container .product-details {
    background-color: #f8f8f8
}

.deal-container .countdown-section {
    background-color: #54524d
}

.deal-container .deal-title {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 2rem 0 0
}

.deal-container .deal-title span {
    font-size: 1.4rem;
    font-weight: 300
}

.deal-container .deal-timer {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem
}

@media (max-width:1199px) {
    .deal-container .deal-timer {
        flex-direction: column
    }

    .deal-container .deal-title {
        margin: 0 0 1rem 0
    }
}

@media (max-width:991px) {
    .deal-container .deal-timer {
        flex-direction: row
    }

    .deal-container .deal-title {
        margin: 0 2rem 0 0
    }
}

@media (max-width:479px) {
    .deal-container .deal-timer {
        flex-direction: column
    }

    .deal-container .deal-title {
        margin: 0 0 1rem 0
    }
}

.deal-container .countdown-content {
    margin: 0
}

.deal-container .countdown-content .countdown-section {
    width: 49px;
    margin: 0 8px 0 0
}

.deal-container .countdown-content .countdown-section:last-child {
    margin-right: 0
}

.deal-container .countdown-content .countdown-amount {
    font-size: 2rem;
    font-weight: 400;
    padding-top: 6px
}

.deal-container .countdown-content .countdown-period {
    font-size: 1.2rem;
    padding-bottom: 4px
}

.element-banner-effect .kenBurnsToRight img {
    min-height: 40rem;
    object-fit: cover
}

.element-banner-effect .banner-kenburns .banner-content {
    left: 21.65%;
    max-width: 40rem
}

.element-banner-effect .banner-kenburns .btn {
    padding: 1.2em 2.88em
}

.element-banner-effect .banner-title {
    font-size: 3.75em
}

@media (max-width:575px) {
    .element-banner-effect .banner-content {
        left: 1rem
    }
}

.element-hotspot .tooltip-type1 {
    padding: 1rem
}

.element-hotspot .tooltip-type2 {
    padding: 1.45rem 1.9rem 1.1rem;
    background-color: #333
}

.element-hotspot .tooltip-type2 h5 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0
}

.element-hotspot .tooltip-type2 p {
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 0
}

.element-hotspot .hotspot-container>figure img {
    object-fit: cover;
    min-height: 35rem
}

.element-hotspot .hotspot1 {
    top: 70.9%;
    left: 26.1%
}

.element-hotspot .hotspot2 {
    top: 84.5%;
    left: 44.5%
}

.element-hotspot .hotspot4 {
    top: 69%;
    left: 65.75%
}

.element-hotspot .hotspot5 {
    top: 13%;
    left: 33.3%
}

.element-hotspot .hotspot6 {
    top: 23.2%;
    left: 53.4%
}

.element-hotspot .hotspot7 {
    top: 82.9%;
    left: 58.2%
}

@media (max-width:991px) {
    .element-hotspot .hotspot1 {
        left: calc(50% - 19rem)
    }

    .element-hotspot .hotspot4 {
        left: calc(50% + 15rem)
    }

    .element-hotspot .hotspot5 {
        left: calc(50% - 16rem)
    }

    .element-hotspot .hotspot7 {
        left: calc(50% + 8rem)
    }
}

.banner-slider .banner>figure img {
    min-height: 50rem;
    object-fit: cover
}

.banner-slide1 .banner-content {
    left: 6.4%
}

.banner-slide1 .banner-content figure {
    top: -36%;
    right: 15.4%;
    z-index: -1
}

.banner-slide1 .banner-subtitle {
    font-family: "Zeyada";
    font-size: 3.125em
}

.banner-slide1 span {
    position: relative;
    font-family: Josefin Sans, sans-serif
}

.banner-slide1 span:before {
    position: absolute;
    z-index: -1;
    content: "";
    width: 1.66em;
    height: 1.66em;
    left: 45%;
    top: 42%;
    transform: translateY(-50%);
    background-color: #f5e1c6;
    border-radius: 100%
}

.banner-slide1 .banner-title {
    font-size: 3.125em;
    color: #222
}

.banner-slide2 {
    position: relative
}

.banner-slide2 .banner-content {
    padding: 0 10px;
    max-width: 100%
}

.banner-slide2 .banner-title {
    font-size: 11.25em;
    margin-top: -1rem;
    font-family: "zeyada"
}

.banner-slide2 .banner-price,
.banner-slide2 .banner-subtitle {
    font-size: 1.875em
}

.banner-slide2 .floating {
    position: absolute
}

.banner-slide2 .floating-1 {
    bottom: 5%;
    left: 1%
}

.banner-slide2 .floating-2 {
    top: 5%;
    right: 1%
}

.banner-slide2 .layer img {
    max-width: 350px
}

@media (max-width:575px) {
    .banner-slide2 .banner-title {
        font-size: 10em
    }
}

.banner-slide3 {
    position: relative
}

.banner-slide3 .banner-content {
    right: 6.7%;
    max-width: 90%
}

.banner-slide3 .banner-title {
    font-size: 3.125em;
    color: #222
}

.banner-slide3 .banner-content img {
    max-width: 28rem
}

.banner-slide3 .floating {
    position: absolute;
    top: 10%;
    left: 12%
}

.banner-slide3 .layer img {
    max-width: 405px
}

.banner-full1 .banner-content {
    left: 21.8%
}

.banner-full1 .banner-subtitle {
    display: inline-block;
    font-size: 1.125em;
    letter-spacing: 0.2em
}

.banner-full1 .banner-title {
    font-size: 3.75em
}

.banner-full2 .banner-content {
    right: 21.9%
}

.banner-full2 .banner-content img {
    margin-top: 0.4rem;
    width: auto
}

@media (max-width:575px) {
    .banner-full2 .banner-content {
        right: 1.7%
    }
}

.banner-full2 .banner-title {
    font-size: 2.5em;
    line-height: 1.2
}

.banner-full2 .banner-price {
    display: inline;
    position: absolute;
    bottom: 0;
    font-size: 1.5rem
}

.banner-full2 .banner-price .price {
    position: relative;
    font-size: 3rem
}

.banner-full2 .banner-price span {
    font-size: 1.125rem
}

.banner-parallax img {
    min-height: 50rem;
    object-fit: cover
}

.banner-parallax .banner-content {
    display: inline-block;
    padding: 10.2rem 0 10.3rem
}

.banner-parallax h5 {
    font-size: 1.875em
}

.banner-parallax .banner-subtitle {
    font-size: 1.875em
}

.banner-parallax .banner-title {
    font-size: 11.25em;
    font-family: "Zeyada", Josefin Sans, sans-serif
}

.banner-video .banner-content {
    width: 100%
}

.banner-video .banner-subtitle {
    font-size: 2.6em;
    opacity: 0.7
}

.banner-video .banner-title {
    font-size: 6em;
    line-height: 1.2
}

.banner-video p {
    font-size: 2rem;
    opacity: 0.7
}

@media (max-width:767px) {

    .banner-video .banner-subtitle,
    .banner-video p {
        display: none
    }

    .banner-video .banner-title {
        font-size: 3em
    }
}

.slider-brand figure {
    display: inline-block
}

.slider-brand .owl-item {
    display: flex;
    justify-content: center;
    align-items: center
}

.slider-brand .owl-stage {
    display: flex
}

.slider-testimonial cite {
    font-size: 1.125em;
    font-weight: 400;
    color: #222
}

.slider-testimonial cite span {
    font-size: 0.8889em;
    margin-top: 7px
}

.creative-grid .height-1-x2 {
    height: 42rem
}

.creative-grid .height-1-x1 {
    height: 21rem
}

.creative-grid .height-2-x2 {
    height: 47rem
}

.creative-grid .height-2-x1 {
    height: 23.5rem
}

.creative-grid .height-3-x2 {
    height: 60rem
}

.creative-grid .height-3-x1 {
    height: 30rem
}

.banner-creative1 .banner-content {
    left: 6.5%
}

.banner-creative1 .banner-subtitle {
    margin: 0.5rem 0 2.2rem
}

.banner-creative1 .banner-title {
    font-size: 1.875em;
    line-height: 1.2;
    margin-bottom: 2.3rem
}

.banner-creative2 .banner-content {
    left: 9.7%
}

.banner-creative2 .banner-title {
    font-size: 1.375em;
    line-height: 1.23;
    margin: 0.4rem 0 1.6rem
}

.banner-creative2.content-right .banner-content {
    left: unset;
    right: 10.1%;
    text-align: right
}

.banner-creative3 .banner-content {
    top: 10%;
    white-space: nowrap;
    text-align: center
}

.banner-creative3 .banner-subtitle {
    margin-bottom: 1.1rem
}

.banner-creative3 .banner-title {
    line-height: 1.22;
    margin-bottom: 1.5rem
}

.banner-creative4 .banner-content {
    left: 6.1%
}

.banner-creative4 .banner-subtitle {
    margin-bottom: 1.2rem
}

.banner-creative4 .banner-title {
    font-size: 2.25em;
    line-height: 1.2;
    margin-bottom: 1.5rem
}

.banner-creative4 p {
    font-size: 1.125em;
    margin-bottom: 4.3rem
}

.banner-creative4 .banner-price {
    font-size: 2em
}

.banner-creative4 .banner-price span {
    font-size: 0.611em;
    vertical-align: text-top
}

.banner-creative5 .banner-content {
    left: 7%
}

.banner-creative5 .banner-title {
    line-height: 1.2;
    margin-top: 0.9rem
}

.banner-creative5 .banner-price {
    font-size: 2.285em
}

.banner-creative5 .banner-price span {
    font-size: 0.5em;
    vertical-align: text-top
}

.banner-creative6 .banner-content {
    left: 8.4%
}

.banner-creative6 .banner-subtitle {
    margin-bottom: 1.9rem
}

.banner-creative6 .banner-title {
    font-size: 2.5em;
    line-height: 1.2;
    margin-bottom: 3.7rem
}

.banner-creative6 .btn {
    color: #fff;
    border-color: #818284
}

.banner-creative6 .btn:hover {
    color: #ff9c28;
    background: #fff;
    border-color: #fff
}

.banner-creative7 .banner-content {
    left: 10.5%
}

.banner-creative7 .banner-title {
    font-size: 1.875em;
    line-height: 1.2;
    margin: 0.5rem 0 3.4rem
}

.banner-creative7.content-right .banner-content {
    left: unset;
    right: 10.5%;
    text-align: right
}

.banner-creative8 .banner-content {
    top: 10%;
    white-space: nowrap;
    text-align: center
}

.banner-creative8 .banner-subtitle {
    margin-bottom: 1.2rem
}

.banner-creative8 .banner-title {
    font-size: 1.875em;
    line-height: 1.2;
    margin-bottom: 2.8rem
}

@media (max-width:1199px) {
    .banner-creative8 .banner-title {
        font-size: 1.5em
    }
}

.section-seperator svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    fill: #fff
}

.seperator-absolute {
    position: relative
}

.seperator-absolute svg {
    position: absolute;
    top: -25rem;
    height: 25rem
}

.tab-desc {
    padding: 5rem 0;
    text-align: left
}

.tab-desc .tab-subtitle {
    line-height: 3rem;
    margin-bottom: 0.7rem
}

.tab-desc .tab-title {
    font-size: 2.25em;
    line-height: 1.667;
    color: #222
}

.tab-desc p {
    line-height: 1.5
}

.tab-desc .btn {
    padding: 1.4em 2.78em 1em
}

.tab-desc.tab-desc-absolute {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    top: 0;
    margin: 9rem 0;
    padding: 5rem 7rem;
    max-width: 59.5rem;
    min-height: 50rem;
    background: #fff;
    box-shadow: 0 5px 60px 0 rgba(0, 0, 0, 0.1)
}

.tab-desc.tab-desc-absolute .tab-title {
    font-size: 1.875em;
    line-height: 1.333
}

@media (max-width:767px) {
    .tab-desc.tab-desc-absolute {
        max-width: 45rem;
        min-height: 30rem;
        padding: 3rem 5rem
    }

    .tab-desc.tab-desc-absolute .tab-title {
        font-size: 1.5em
    }

    .tab-desc.tab-desc-absolute p {
        display: none
    }
}

.tab-desc.tab-vertical-desc .tab-title {
    font-size: 1.875em;
    line-height: 1.4
}

.cart-added-alert {
    display: none;
    margin-bottom: 1rem;
    max-width: 100%
}

.cart-added-alert span {
    color: #333
}

.product-image-full {
    position: absolute;
    padding: 1rem;
    right: 1rem;
    bottom: 1rem;
    color: #54524d;
    font-size: 3rem;
    opacity: 0;
    transition: opacity 0.3s, color 0.3s;
    z-index: 1
}

:hover>.product-image-full {
    opacity: 1
}

.product-gallery .product-image-full {
    font-size: 2.3rem
}

.single-product-full .cart-added-alert {
    margin-bottom: 2rem
}

.product-full .product-thumb {
    margin: 0 0.5rem
}

.product-full .product-thumb:before {
    border: 1px solid #e0dede
}

.product-full .product-thumb.active:before {
    border-color: #ff9c28
}

.product-full .product-thumbs {
    margin: 0 auto;
    width: calc(350px + 1rem);
    max-width: 100%
}

@media (min-width:1200px) {
    .product-full>.product-details {
        padding-top: 131px
    }
}

.product-full .product-gallery {
    width: 100%;
    margin: 0 auto 1rem auto
}

@media (min-width:1600px) {
    .product-full .product-gallery {
        max-width: 468px
    }
}

.avg-rating-container {
    display: flex;
    align-items: center;
    margin-bottom: 1.3rem
}

.avg-rating-container mark {
    font-size: 5em;
    font-weight: 400;
    line-height: 1;
    color: #54524d;
    background: none;
    margin-right: 1.2rem
}

.avg-rating-container .avg-rating {
    margin-bottom: 12px;
    color: #54524d
}

.ratings-item {
    display: flex;
    align-items: center;
    padding-bottom: 9px
}

.ratings-item .ratings-container {
    margin-right: 2rem
}

.ratings-item .progress-value {
    font-size: 0.875em;
    margin-left: 2rem
}

.rating-percent {
    background: #eee;
    height: 1.3rem;
    width: 21.1rem;
    margin-top: 10px;
}
.ratings-title {
    font-size: 21px;
}

.rating-percent span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #ff9c28
}

.comments .page-item {
    margin-bottom: 0
}

.comments .file-input-wrappers {
    display: flex
}

.comments .file-input-wrappers>* {
    width: 8rem;
    margin-right: 1rem;
    cursor: zoom-in;
    object-fit: cover
}

.comments .feeling .like {
    padding-right: 25px
}

.comments .feeling .btn {
    font-size: 1em;
    font-weight: 300;
    color: #54524d
}

.comments .feeling i {
    font-size: 0.875em;
    margin-bottom: 5px
}

@media (min-width:992px) {
    .product-simple .product-details {
        padding-top: 5px;
        padding-left: 2rem;
        margin-top: 25px
    }
}

#content-reviews .comments-list li {
    padding-bottom: 4.5rem;
    margin-bottom: 4.9rem;
    border-bottom: 1px solid #e0dede
}

#content-reviews .comments {
    padding: 1rem
}

#content-reviews .btn.btn-link.active,
#content-reviews .btn.btn-link:hover {
    cursor: pointer;
    color: #ff9c28
}

#content-reviews .with-toolbox {
    position: relative
}

#content-reviews .toolbox-group {
    display: flex
}

#content-reviews .review-toolbox select {
    font-size: 1em;
    color: #54524d;
    background: #fff url(../images/select-bg.svg) calc(100% - 13.5px) 45%/26px 60px no-repeat !important;
    width: 180px;
    border: 1px solid #e0dede;
    padding-top: 0.7em;
    padding-bottom: 0.55em
}

#content-reviews .ratings-container {
    font-size: 0.875em
}

@media (min-width:768px) {
    #content-reviews .toolbox-group:not(.indetail) {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }
}

@media (max-width:767px) {
    #content-reviews .toolbox-group {
        margin-bottom: 3rem
    }

    #content-reviews .toolbox-group select {
        font-size: 0.8125em;
        width: 130px
    }
}

.product-sticky .product-form-group {
    flex-direction: column
}

.product-sticky .btn-compare,
.product-sticky .btn-wishlist {
    padding: 11px 0
}

.product-sticky #content-reviews .toolbox-group {
    padding: 5rem 0 2rem;
    border-bottom: 1px solid #e0dede
}

.product-sticky .sidebar-detail .banner-content {
    top: 11.2%
}

.product-sticky .sidebar-detail .banner-title {
    white-space: nowrap;
    font-size: 1.75em
}

.product-sticky .sidebar-detail .banner-subtitle {
    font-size: 3.75em;
    color: #54524d
}

@media (min-width:1600px) {
    .product-sticky .sidebar-gallery {
        padding-right: 4rem
    }

    .product-sticky .product-details {
        padding: 0 3rem 0 0
    }
}

.product-sticky .product-form>label {
    margin-top: -8px
}

@media (max-width:991px) {
    .product-sticky .product-form>label {
        margin-top: 10px
    }
}

@media (max-width:767px) {
    .product-sticky .sidebar-gallery {
        order: -2
    }

    .product-sticky .sidebar-detail {
        order: -1
    }
}

.product-sticky .content-specification label {
    min-width: 19.8rem
}

@media (min-width:1200px) {
    .col-xls-1 {
        width: 23.4%
    }

    .col-xls-2 {
        width: 19.2%
    }

    .col-xls-3 {
        width: 19%
    }
}

.image-gallery-page .grid-type {
    display: grid;
    grid-template-columns: repeat(auto-fill, calc(100% / 4))
}

.image-gallery-page .grid-type .grid-item {
    grid-row-end: span 1;
    grid-column-end: span 1;
    padding: 1rem
}

.image-gallery-page .grid-type .grid-item.grid-y-2 {
    grid-row-end: span 2;
    grid-column-end: span 2
}

.image-gallery-page .grid-type .grid-item.grid-x-2 {
    grid-column-end: span 2
}

.image-gallery-page .grid-type .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.image-gallery-page .grid-type .grid-item figure {
    height: 100%
}

@media (max-width:991px) {
    .image-gallery-page .grid-type {
        grid-template-columns: repeat(auto-fill, calc(100% / 3))
    }

    .image-gallery-page .grid-type .grid-item.grid-y-2 {
        order: -1;
        grid-column-end: span 1
    }
}

@media (max-width:767px) {
    .image-gallery-page .grid-type {
        grid-template-columns: repeat(auto-fill, calc(100% / 2))
    }

    .image-gallery-page .grid-type .grid-item.grid-y-2 {
        order: -1;
        grid-column-end: span 2
    }
}

.image-gallery-page .grid img {
    height: 100%;
    width: 100%
}

.image-gallery-page .y-1 {
    height: 270px
}

.image-gallery-page .y-2 {
    height: 395px
}

@media (max-width:991px) {

    .image-gallery-page .y-1,
    .image-gallery-page .y-2 {
        height: 200px
    }

    .image-gallery-page .y-2.y-lg-2 {
        height: 400px
    }
}

@media (max-width:575px) {

    .image-gallery-page .y-1,
    .image-gallery-page .y-2 {
        height: auto
    }
}

.element-product-banner .product-details {
    padding-bottom: 0
}

.element-product-banner .banner1 {
    height: 100%;
    min-height: 20rem
}

.element-product-banner .banner1 .banner-content {
    left: 10%;
    top: 9%
}

.element-product-banner .banner1 .banner-price {
    font-size: 2em
}

.element-product-banner .banner1 .banner-price span {
    font-size: 0.5em;
    line-height: 1.3;
    vertical-align: text-top
}

@media (max-width:991px) {
    .element-product-banner .banner1 {
        background-position-y: 40%
    }

    .element-product-banner .banner1 .banner-content {
        top: 20%;
        left: 3rem
    }
}

.element-product-banner .banner2 {
    height: 100%;
    min-height: 40rem
}

.element-product-banner .banner2 .banner-subtitle {
    font-family: Zeyada, sans-serif
}

.element-product-banner .banner2 .banner-title {
    font-size: 2.5em
}

.element-product-banner .banner2 .banner-price {
    font-size: 1.667em
}

.element-product-banner .banner2 .divider {
    display: block;
    width: 6rem;
    height: auto;
    margin-right: 0;
    border-top: 1px solid #ff9c28
}

.element-product-banner .banner2 .btn {
    font-size: 0.875em;
    padding: 1.8rem 4.1rem 1.3rem
}

.element-product-banner .banner2 .product-details {
    padding-top: 2rem;
    padding-bottom: 0
}

.element-product-banner .banner3 {
    height: 100%;
    min-height: 24rem
}

.element-product-banner .banner3 .banner-content {
    max-width: 70%;
    top: 8.5%;
    right: 9%
}

@media (max-width:767px) {
    .element-product-banner .banner3 .banner-content {
        top: 5rem;
        right: 2rem
    }
}

.element-product-banner .banner3 .banner-title {
    line-height: 1.2
}

.element-product-banner .banner3 .btn {
    font-size: 0.875em
}

.posts .title-underline>span:first-child {
    line-height: 1.9
}

.post-single .post-details {
    padding: 1.9rem 0 0.9rem
}

.post-single .post-meta {
    font-size: 1em;
    white-space: nowrap;
    overflow: auto;
    color: #777
}

.post-single .post-meta a {
    font-weight: 400;
    color: #54524d
}

.post-single .post-meta a:hover {
    color: #ff9c28
}

.post-single .post-meta a:hover mark {
    color: #ff9c28
}

.post-single .post-meta mark {
    transition: color 0.3s
}

.post-single .post-meta i {
    font-size: 0.875em;
    margin-bottom: 2px
}

.post-single mark {
    font-size: 0.875em;
    font-weight: 400;
    background-color: transparent
}

.post-single .post-title {
    font-size: 2.25em;
    margin-bottom: 1.8rem
}

.post-single p {
    margin-bottom: 1.6rem
}

.post-single .divider {
    height: 1em;
    border-left: 1px solid #e0dede;
    margin-bottom: 0.5rem
}

.post-single .testimonial {
    position: relative;
    padding: 0.2em 1.8em 0;
    margin-top: 5.1rem;
    margin-bottom: 5.6rem;
    border-left: 4px solid #ff9c28;
    line-height: 1.42;
    background-color: transparent
}

.post-single .testimonial p {
    position: relative;
    font-size: 1.5em;
    line-height: 1.43;
    color: #222;
    margin-bottom: 2.5rem
}

.post-single .testimonial cite {
    font-size: 0.875em;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #54524d
}

.post-single .testimonial:before {
    position: absolute;
    top: 62%;
    right: 16%;
    content: "";
    color: #f8f8f8;
    font-family: "Font Awesome 5 Free";
    font-size: 7.5em;
    font-weight: 600;
    transform: translateY(-50%)
}

.post-single .banner-wrapper {
    padding: 2.7rem 0 2.5rem
}

.post-single .banner-wrapper .banner-desc {
    margin-left: -1.3rem
}

.post-single .banner-wrapper .title {
    margin: 1.9rem 0 2.2rem
}

.post-single .list li {
    margin-bottom: 1.5rem
}

.post-single .list-circle i {
    font-size: 0.812em
}

.post-single .post-tags {
    padding: 1rem 0 3.5rem
}

.post-single .post-tags label {
    font-size: 1.25em;
    color: #222;
    padding-right: 0.5rem
}

.post-single .post-author-detail {
    display: flex;
    border: 1px solid #e0dede;
    padding: 3rem 3rem 2.3rem;
    margin-bottom: 5.1rem
}

.post-single .post-author-detail figure {
    width: 11.4rem;
    flex: 0 0 auto;
    margin-right: 3rem
}

.post-single .post-author-detail .author-name {
    margin: 1.6rem 0 0
}

.post-single .post-author-detail .author-link {
    font-weight: 400;
    color: #54524d
}

.post-single .post-author-detail .author-link:hover {
    color: #ff9c28
}

.post-single .post-author-detail span {
    font-size: 0.75em
}

.post-single .social-links {
    color: #54524d;
    padding-bottom: 4.5rem
}

.post-single .social-links .social-link {
    font-size: 0.875em;
    margin: 0 1.25rem
}

.post-single .nav-links {
    display: flex
}

.post-single .nav-links>* {
    flex: 0 0 auto;
    width: 50%
}

.post-single .nav-links .nav-next {
    text-align: right;
    margin-left: auto
}

.post-single .nav-links p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.post-single .nav-links a {
    font-weight: 400;
    color: #222
}

.post-single .nav-links a:hover {
    color: #ff9c28
}

.related-posts {
    margin-bottom: 4.6rem
}

.related-posts .owl-nav-top .owl-nav {
    top: -8.5rem
}

.related-posts .owl-nav-top .owl-nav i {
    font-size: 2.4rem
}

.related-posts .owl-theme .owl-nav .owl-next {
    right: 0
}

.related-posts .owl-theme .owl-nav .owl-prev {
    left: -6rem
}

.calendar {
    position: relative;
    padding: 1rem;
    border: 1px solid #e0dede
}

.calendar caption {
    font-weight: 400;
    font-size: 1.125em;
    color: #222;
    line-height: 3.13
}

.calendar th {
    padding: 0.3rem 0 0.6rem 0;
    font-size: 0.812em;
    font-weight: 600;
    color: #222
}

.calendar td {
    padding: 0.8rem 0;
    text-align: center;
    color: #222;
    transition: background 0.3s
}

.calendar td.disabled {
    color: #ccc
}

.calendar td:hover {
    background: #54524d;
    color: #fff
}

.calendar td.today {
    color: #ff9c28
}

.calendar td.today:hover {
    background: #ff9c28;
    color: #fff
}

.calendar a {
    padding: 0.5rem
}

.calendar a:hover {
    color: #fff
}

.calendar .calendar-nav {
    position: absolute;
    top: 2.2rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 0.937em;
    padding: 0 1.7rem
}

@media (max-width:991px) {
    .posts .post-classic.post-classic-sm .post-details {
        padding: 4.4rem 3rem 4.3rem
    }
}

@media (max-width:575px) {
    .posts .post-classic .post-details {
        padding: 4.4rem 1.5rem 5rem
    }

    .post-single .testimonial p {
        font-size: 1.8rem
    }

    .post-single .post-author-detail {
        flex-direction: column
    }

    .post-single .nav-links a {
        font-size: 1.4rem
    }
}

.cart .product-thumbnail figure {
    display: block
}

.step-by {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0.9rem 2rem
}

.step-by .title.title-step {
    margin: 0 5.4rem 0 1rem;
    font-size: 1.75em;
    text-transform: capitalize;
    padding: 0.4rem 0
}

.step-by .title.title-step:not(:last-child):after {
    position: absolute;
    content: "";
    right: -3.8rem;
    top: 47%;
    line-height: 0;
    font-family: "panda";
    font-weight: 700;
    font-size: 0.6071em;
    color: #777
}

.step-by .title.title-step.active {
    color: #ff9c28
}

.step-by .title.title-step:first-child {
    margin-left: 0
}

.step-by .title.title-step:last-child {
    margin-right: 0
}

.summary-subtitle {
    padding: 2.5rem 0 2.1rem
}

.summary-subtotal-price {
    font-size: 1.25em;
    font-weight: 400;
    margin-bottom: 0
}

.summary-total-price {
    font-size: 1.375em;
    font-weight: 400;
    color: #333;
    margin-bottom: 0
}

@media (max-width:767px) {
    .cart .shop-table td {
        padding: 5px 0
    }

    .cart .shop-table .product-quantity,
    .cart .shop-table .product-subtotal {
        margin-bottom: 0.5rem
    }

    .cart .shop-table .product-thumbnail {
        padding-right: 0
    }
}

.shipping-address {
    padding-bottom: 3.1rem;
    border-bottom: 1px solid #e0dede
}

.shipping-address label {
    display: block;
    font-size: 1.125em;
    color: #222
}

.shipping-address .form-control {
    margin-bottom: 2rem;
    padding: 1.6rem 1.9rem 1.3rem
}

.checkout .select-box .form-control,
.checkout input.form-control .form-control,
.shipping-address .select-box .form-control,
.shipping-address input.form-control .form-control {
    font-size: 0.875em;
    color: #777
}

.checkout .select-box:before,
.checkout input.form-control:before,
.shipping-address .select-box:before,
.shipping-address input.form-control:before {
    font-size: 0.85em;
    pointer-events: none
}

.cart-table .shop-table td.product-subtotal {
    color: #54524d
}

.cart-table .product-name {
    font-size: 1em;
    color: #333
}

.cart-table .product-subtotal {
    font-weight: 400
}

.cart-table .product-quantity {
    width: 135px
}

.cart-table .input-group {
    height: 4rem
}

.cart-table button {
    width: 3.9rem
}

.cart-actions {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

.cart-actions .btn-icon-left i {
    margin-right: 0.8rem
}

.cart-coupon-box .coupon-title {
    font-size: 1.625em
}

#coupon_code {
    padding: 12px 16px;
    letter-spacing: 0.05em;
    border: none;
    color: #666;
    border-bottom: 1px solid #e0dede
}

@media (min-width:992px) {
    .cart.main .product-thumbnail {
        width: 11rem
    }

    .cart.main .product-price {
        width: 11.2rem
    }

    .cart.main .product-quantity {
        width: 11.5rem
    }

    .cart.main .product-subtotal {
        width: 9rem
    }
}

@media (min-width:1200px) {
    .cart.main .product-quantity {
        width: 16.5rem
    }

    .cart.main .product-subtotal {
        width: 16rem
    }
}

.summary {
    padding: 2.4rem 3rem 3rem;
    border: 1px solid #e0dede
}

.summary .form-control {
    width: 100%;
    max-width: 100%
}

.summary .summary-subtitle {
    font-size: 1.25em
}

.summary-subtotal {
    border-bottom: 1px solid #e0dede
}

.summary-title {
    padding-bottom: 1.9rem;
    border-bottom: 1px solid #e0dede
}

.cart .shipping-row-last li,
.checkout .shipping-row-last li {
    padding: 0.3rem 0 1rem;
    color: #333
}

.cart .shipping-row-last label,
.checkout .shipping-row-last label {
    font-size: 1em;
    vertical-align: middle
}

.checkout .check-detail .title {
    font-size: 1.625em
}

.checkout .check-detail label:not(.form-control-label) {
    display: block;
    padding-left: 0.2rem;
    margin-bottom: 1.7rem;
    font-size: 1em;
    color: #54524d;
    line-height: 0.9
}

.checkout .form-control-label {
    font-size: 1em
}

.checkout .form-control {
    margin-bottom: 3.1rem;
    padding: 1.4rem 2rem
}

.checkout .form-checkbox {
    padding: 4px 0 12px
}

.checkout .product-name {
    white-space: normal;
    padding: 0.5rem 0 0.8rem
}

.checkout .card-header {
    line-height: 3rem;
    font-size: 1em
}

.checkout .card-header a {
    padding: 0 0 0 2.5rem
}

.checkout .card-header a:after,
.checkout .card-header a:before {
    content: "";
    position: absolute;
    top: 45%;
    transform: translateY(-50%)
}

.checkout .card-header a:before {
    border: 1px solid #ccc;
    width: 18px;
    height: 18px;
    left: 0;
    text-indent: 1px
}

.checkout .card-header a:after {
    left: 5px
}

.checkout .card-header a.collapse:after {
    width: 8px;
    height: 8px;
    background-color: #ff9c28
}

.checkout .card-header a.collapse:before {
    border-color: #ff9c28
}

.checkout .card-body {
    padding: 0rem 0 9px 2.9rem;
    margin: 0;
    line-height: 2
}

.checkout .payment.accordion {
    border-bottom: 1px solid #e0dede;
    color: #333
}

.checkout .payment.accordion .card {
    padding: 0
}

.checkout .product-quantity {
    margin-left: 0.4rem
}

.summary .title {
    padding-bottom: 1.9rem;
    margin-bottom: 2.3rem;
    border-bottom: 1px solid #e0dede
}

.order-sidebar {
    color: #333
}

.order-sidebar th {
    font-size: 1.25em;
    font-weight: 300;
    text-align: left;
    padding-bottom: 1rem
}

.order-sidebar tbody>tr:not(:first-child) {
    border-bottom: 1px solid #e0dede
}

.order-sidebar tbody>tr:nth-child(2) td {
    padding-bottom: 2.2rem
}

.order-sidebar .product-total {
    font-size: 1.125em;
    font-weight: 400
}

.compare-default {
    padding: 25px 0 100px
}

.compare-default .panda-compare-table {
    overflow-x: auto
}

.compare-default .panda-compare-table>.compare-row:nth-child(2n) .compare-col {
    background-color: #f8f8f8
}

.compare-default .panda-compare-table .compare-value:last-child .to-right,
.compare-default .panda-compare-table .compare-value:nth-child(2) .to-left {
    pointer-events: none;
    color: #e1e1e1
}

.compare-default .compare-row {
    display: flex
}

.compare-default .compare-col {
    padding: 35px 0 32px
}

@media (min-width:810px) {
    .compare-default .compare-col {
        min-width: 25%;
        max-width: 25%
    }
}

@media (max-width:810px) {
    .compare-default .compare-col {
        min-width: 45%
    }
}

@media (max-width:575px) {
    .compare-default .compare-col {
        min-width: 63%
    }
}

.compare-default .compare-field {
    color: #999;
    text-align: right;
    padding-right: 6rem
}

.compare-default .compare-basic .compare-field {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.compare-default .compare-basic .compare-col {
    padding-bottom: 4rem
}

.compare-default .compare-value {
    position: relative;
    padding-left: 2rem
}

.compare-default .compare-value,
.compare-default .compare-value>.product-price {
    color: #222
}

@media (max-width:575px) {
    .compare-default .compare-value {
        padding-left: 10px
    }
}

.compare-default .ratings-container {
    margin: 0
}

.compare-default .product:hover .product-action-float {
    bottom: 0
}

.compare-default .btn-moving {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.2s, visibility 0.2s, left 0.2s, right 0.2s
}

.compare-default .btn-right {
    right: 0px
}

.compare-default .btn-left {
    left: 0px
}

.compare-default .product:hover .btn-moving {
    visibility: visible;
    opacity: 1
}

.compare-default .product:hover .btn-left {
    left: -5rem
}

.compare-default .product:hover .btn-right {
    right: -5rem
}

@media (max-width:767px) {
    .compare-default .product:hover .btn-left {
        left: -3rem
    }

    .compare-default .product:hover .btn-right {
        right: -3rem
    }
}

.compare-default .product-price {
    font-size: inherit
}

.compare-default .compare-availability p {
    margin: 0
}

.compare-default .compare-availability .stock {
    text-transform: capitalize;
    color: #ff9c28
}

.panda-compare-table .product-action-float {
    position: relative;
    display: inline-flex;
    margin-top: 2.5rem;
    visibility: visible;
    opacity: 1;
    padding: 7px 19px
}

.panda-compare-table .btn-product-icon {
    text-align: center;
    line-height: 2.0625em;
    font-size: 1.125em;
    width: 2.0625em;
    height: 2.0625em
}

.panda-compare-table .btn-product-icon:not(:hover) {
    color: #777
}

.shop-table {
    text-align: left
}

.shop-table tbody {
    border-bottom: 1px solid #e0dede
}

.shop-table td {
    padding: 2rem 2rem 2rem 0;
    border-top: 1px solid #e0dede;
    font-size: 1.125em
}

.shop-table td:last-child {
    padding-right: 0
}

.shop-table .product-thumbnail {
    padding-right: 1rem
}

.shop-table th {
    padding: 1rem 0 0.9rem;
    font-size: 1.375em;
    font-weight: 300;
    text-transform: capitalize;
    color: #222
}

.shop-table img {
    display: block
}

.shop-table .product-thumbnail a {
    display: block;
    width: 100px
}

.shop-table td.product-price {
    color: #54524d
}

.shop-table .product-name {
    white-space: normal;
    color: #54524d
}

.shop-table .product-remove {
    width: 2.3rem
}

.shop-table .btn-remove {
    width: 2.3rem;
    height: 2.3rem;
    font-size: 0.72em
}

.order-details-table tbody tr td:nth-child(2),
.summary tbody tr td:nth-child(2) {
    text-align: right
}

@media (max-width:767px) {
    .shop-table {
        text-align: center
    }

    .shop-table thead {
        display: none
    }

    .shop-table tbody,
    .shop-table td,
    .shop-table tr {
        display: block
    }

    .shop-table tbody {
        border: 1px solid #e0dede
    }

    .shop-table tr {
        position: relative;
        padding: 2rem 0 1rem
    }

    .shop-table tr+tr {
        border-top: 1px solid #e0dede
    }

    .shop-table td {
        padding: 0;
        border: none
    }

    .shop-table .product-thumbnail {
        margin-bottom: 1rem
    }

    .shop-table .product-thumbnail a,
    .shop-table td {
        margin-left: auto;
        margin-right: auto
    }

    .shop-table .product-stock-status {
        margin-bottom: 1rem
    }

    .shop-table .btn-remove {
        position: absolute;
        right: 2rem;
        top: 2rem
    }

    .shop-table .product-quantity {
        margin-bottom: 1rem
    }
}

@media (min-width:768px) {
    .wishlist-table td.product-price {
        width: 20.9rem
    }

    .wishlist-table td.product-stock-status {
        width: 21.3rem
    }

    .wishlist-table td.product-add-to-cart {
        width: 16rem
    }
}

@media (min-width:992px) {
    .wishlist-table td.product-add-to-cart {
        width: 37.6rem
    }
}

.wishlist-table td {
    font-size: 1.375em
}

.wishlist-table .product-name {
    font-size: 1em;
    width: 30.4rem
}

.wishlist-table .btn-product {
    padding: 1.5rem 1.4rem 1.3rem;
    width: 14.2rem;
    font-size: 0.591em
}

@media (max-width:1199px) {
    .wishlist-table .btn-product {
        width: 12rem
    }
}

@media (max-width:991px) {
    .wishlist-table .btn-outline {
        margin-bottom: 1rem
    }

    .wishlist-table .product-name {
        width: 28.8rem
    }
}

@media (min-width:768px) {
    .share-on {
        justify-content: flex-start
    }
}

.share-on h5 {
    font-size: 1.375em
}

.share-on .social-link {
    font-size: 0.875em
}

.share-on .social-link:not(:hover) {
    color: #999
}

.empty-page {
    padding: 7rem 0
}

.empty-page .main-content {
    text-align: center
}

.empty-page .empty-icon {
    font-size: 5em
}

.empty-page .empty-descri {
    font-size: 0.875em;
    margin: 22px 0
}

.empty-page .btn {
    width: 20rem;
    margin-top: 1rem
}

.about-page section {
    padding: 9rem 0
}

.about-page .desc-title {
    font-size: 2.75em;
    line-height: 1.2
}

@media (max-width:767px) {
    .about-page .desc-title {
        font-size: 2.25em
    }
}

.about-page .counter-divider:before {
    height: 54%;
    top: 49%
}

.about-page cite {
    font-size: 1.125em
}

.about-page cite span {
    font-size: 0.889em
}

.about-page .owl-nav-box .owl-prev {
    left: -4.7%;
    background-color: #fff
}

.about-page .owl-nav-box .owl-next {
    right: -4.7%;
    background-color: #fff
}

.about-page .list-circle i {
    color: #999
}

.contact-page .icon-box-icon {
    font-size: 3em
}

.contact-page .icon-box-title {
    font-size: 1.375em
}

.contact-page input,
.contact-page textarea {
    padding: 1em 1.429em
}

.contact-page textarea {
    min-height: 19rem
}

.error-page {
    font-size: 1em;
    padding: 13.1% 0
}

.error-page h1 {
    font-family: "Mukta", sans-serif;
    font-size: 9.625em;
    line-height: 0.7
}

.error-page .banner-subtitle {
    font-size: 5em
}

.error-page .banner-content {
    left: 7.7%;
    max-width: 80vw
}

@media (min-width:768px) {
    .error-page .banner-content {
        max-width: 47%
    }
}

.error-page .btn {
    padding: 1.18em 2.85em
}

@media (max-width:991px) {
    .error-page {
        background-position: 10%
    }
}

@media (max-width:767px) {
    .error-page h1 {
        font-size: 7em
    }

    .error-page .banner-subtitle {
        font-size: 3em
    }

    .error-page h2 {
        font-size: 2em
    }
}

.coming-page {
    height: 100vh;
    min-height: 74rem;
    padding: 14.5% 0;
    font-size: 1em
}

@media (min-width:1200px) {
    .coming-page .banner-content {
        max-width: 46%
    }
}

.coming-page h1 {
    font-size: 6rem
}

@media (max-width:767px) {
    .coming-page h1 {
        font-size: 3.5rem
    }
}

.coming-page .container-fluid img {
    vertical-align: baseline
}

.coming-page .countdown-amount {
    font-size: 2.625em;
    color: #b1ca39
}

.coming-page .countdown-period {
    color: rgba(84, 82, 77, 0.6);
    font-size: 1.5em
}

.coming-page .countdown-default.colon-split .countdown-section:not(:first-child):before {
    color: #b1ca39;
    font-size: 4.2rem;
    top: 35%;
    left: -3%
}

.coming-page .countdown-section {
    width: 130px;
    margin: 0
}

.coming-page hr {
    max-width: 60rem
}

.coming-page p {
    max-width: 68rem
}

.coming-page form {
    max-width: 53.5rem
}

.coming-page form input {
    border-right: 0
}

.account-page input {
    min-height: 5.1rem
}

.account-page .page-content {
    padding-top: 4.2rem
}

.account-page .tab-vertical .tab-pane {
    padding: 0
}

.account-page .tab-vertical .nav-tabs {
    border-right: none
}

.account-page .tab-vertical .nav-item {
    border: none;
    border-bottom: 1px solid #e0dede
}

.account-page .tab-vertical .nav-link {
    padding: 1.2rem 0;
    text-transform: none;
    font-weight: 300
}

.account-page .tab-vertical .nav-link.active {
    color: #ff9c28
}

@media (max-width:767px) {
    .account-page .tab-vertical .tab-content {
        padding: 0 2rem
    }
}

.account-page .card-title {
    border-bottom: 1px solid #e0dede
}

.account-page .icon-box p {
    font-size: 0.875em;
    transition: color 0.3s
}

.account-page .icon-box:hover .icon-box-icon,
.account-page .icon-box:hover p {
    color: #ff9c28
}

.account-page .icon-box:hover .icon-box-icon:hover,
.account-page .icon-box:hover p:hover {
    text-decoration: underline
}

.account-page .icon-box-icon {
    color: #54524d;
    font-size: 3.75em;
    transition: color 0.3s
}

.account-page fieldset {
    margin: 7rem 0 2rem;
    padding: 2rem;
    border: 1px solid #e1e1e1
}

.account-page #account label {
    display: block;
    margin: 1rem 0
}

.account-page #orders {
    overflow-x: auto
}

.account-page #orders th:nth-child(2),
.account-page #orders th:nth-child(4) {
    min-width: 10rem
}

.account-page .login-popup input {
    transition: border-color 0.3s
}

.account-page .login-popup input:focus {
    border-color: #999
}

.order-table thead th {
    padding: 0.7rem 1rem;
    color: #333;
    font-size: 2.2rem;
    font-weight: 300;
    text-align: left
}

.order-table thead th:not(:last-child) {
    width: calc(86.55% / 4)
}

.order-table tbody {
    border-bottom: 1px solid #e0dede
}

.order-table tbody td {
    padding: 2.1rem 1rem;
    font-size: 1.6rem;
    border-top: 1px solid #e0dede
}

.order-table .order-total {
    color: #54524d
}

.shop-page .product-wrap {
    margin-bottom: 3rem
}

.shop-page .product-list .product-media {
    width: 28.8rem;
    margin-right: 2.5rem
}

.shop-page .select-box select,
.shop-page .select-menu select {
    max-width: 14rem;
    width: auto
}

.shop-page .widget-title>span:first-child {
    line-height: 2.22
}

.select-box select,
.select-menu select {
    padding: 0.707em 2.2em 0.507em 1.22em
}

.toolbox,
.toolbox-item,
.toolbox-left,
.toolbox-right {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.toolbox {
    position: relative;
    justify-content: space-between;
    line-height: 1.5;
    padding: 3.5rem 0.2rem 2rem;
    margin: 0 -5px 0 -3px;
    transition: margin 0.4s;
    background-color: transparent
}

.toolbox.sticky-toolbox {
    padding-top: 4rem
}

.toolbox-left>:not(:last-child),
.toolbox-right>:not(:last-child),
.toolbox>:not(:last-child) {
    margin-right: 2rem
}

.toolbox label {
    font-size: 0.875em;
    margin-right: 0.9rem;
    text-transform: uppercase
}

.toolbox select {
    cursor: pointer;
    font-size: 1em
}

.toolbox .select-box .select {
    color: #333;
    height: 4.5rem
}

.toolbox .select-box select {
    min-width: 8.6rem
}

@media (max-width:767px) {
    .toolbox .select-box select {
        min-width: auto;
        padding-left: 1.5rem
    }
}

.toolbox-item {
    flex-wrap: nowrap;
    margin-bottom: 1rem
}

.toolbox-item label {
    color: #333
}

.toolbox-item.show-info {
    margin-bottom: 0
}

.btn-layout {
    color: #dadada;
    font-size: 1.5em;
    padding: 3px 2px 0
}

.btn-layout:last-child {
    padding-right: 0
}

.btn-layout.active,
.btn-layout:hover {
    color: #54524d
}

.btn-layout+.btn-layout {
    margin-left: 8px
}

.select-menu {
    color: #333
}

.select-menu:before {
    pointer-events: none
}

.select-menu ul,
.select-menu ul:before {
    content: "";
    position: absolute;
    border: 1px solid #e0dede;
    width: 11px
}

.select-menu ul {
    top: 100%;
    z-index: 1000;
    width: 20rem;
    margin-top: 1rem;
    padding: 1.5rem 2rem;
    font-size: 0.875em;
    background-color: #fff;
    opacity: 0;
    visibility: hidden
}

.select-menu ul:before {
    top: -6px;
    left: 30px;
    height: 11px;
    border-width: 1px 0 0 1px;
    background-color: #fff;
    transform: rotate(45deg)
}

.select-menu.opened>ul {
    opacity: 1;
    visibility: visible
}

.select-menu-toggle {
    border: 1px solid #e0dede;
    padding: 0.8em 2.2em 0.67em 1.22em
}

.select-menu-toggle:hover {
    color: #333
}

.select-item {
    padding: 6px 0.7rem 4px 1.2rem;
    color: #333;
    background: #eee
}

.select-item i {
    padding: 0.5rem 0.6rem 0.7rem;
    margin-left: 5px;
    font-size: 0.75em;
    vertical-align: middle
}

.select-items {
    display: none;
    font-size: 0.75em;
    margin: -6px 0 1.8rem
}

.select-items>* {
    display: inline-block;
    margin: 0 0.8rem 0.5rem 0
}

.select-items .filter-clean {
    margin-left: 1.2rem
}

.toolbox-pagination {
    font-size: 1em;
    display: none !important;
}

.toolbox-horizontal.fixed .sidebar-content,
.toolbox-horizontal.fixed .sidebar-overlay {
    min-height: 100vh
}

.left-sidebar-toggle {
    padding: 0.84em 0.666em 0.66em;
    font-weight: 400;
    font-size: 1em;
    height: 4.5rem
}

.sticky-toolbox.fixed {
    position: fixed;
    background-color: #fff;
    padding: 1rem 2rem 0
}

.filter-actions {
    display: block;
    align-items: center;
    padding: 0 0 2.5rem 0.2rem
}

.filter-price-text {
    font-size: 0.813em;
    color: #333
}

.filter-clean {
    font-size: 1.167em
}

.shop-sidebar {
    line-height: 1.3
}

.shop-sidebar .widget .widget-body {
    padding: 2rem 0 3.3rem
}

.shop-sidebar .widget:first-child .widget-body {
    padding-top: 4.5rem;
    padding-bottom: 2.2rem
}

.shop-sidebar .widget:last-child .widget-body {
    margin-bottom: 0.7rem
}

.shop-sidebar .ratings-container {
    padding: 0.72rem 0;
    margin-bottom: 0;
    font-size: 0.875em;
    justify-content: space-between
}

.shop-sidebar .ratings-container:hover {
    cursor: pointer
}

.shop-sidebar .ratings-container:hover .rating-reviews {
    color: #ff9c28
}

.shop-sidebar .ratings-container .rating-reviews {
    font-size: 1.6rem;
    color: #54524d
}

.shop-sidebar .ratings-container.active .rating-reviews {
    color: #ff9c28
}

.shop-sidebar .filter-items a:before {
    content: "";
    position: absolute;
    outline: 1px solid #ccc;
    outline-offset: 4.5px;
    width: 0.8rem;
    height: 0.8rem;
    top: 40%;
    left: -2.2rem;
    transform: translateY(-50%)
}

.shop-sidebar .filter-items .active>a:before {
    background-color: #ff9c28;
    outline-color: #ff9c28
}

.noUi-tooltip {
    border: none;
    font-size: 0.875em
}

.noUi-horizontal .noUi-tooltip {
    bottom: 145%
}

.noUi-target {
    margin-top: 7px
}

.select-menu-toggle,
.select-menu select {
    min-width: 18rem
}

@media (max-width:1199px) {

    .select-menu-toggle,
    .select-menu select {
        min-width: 16.5rem
    }
}

@media (min-width:576px) {
    .toolbox-horizontal .toolbox-left {
        margin-right: auto
    }
}

@media (max-width:991px) {
    .toolbox .sidebar-fixed {
        margin-right: 0
    }

    .toolbox .sidebar-content {
        display: block
    }

    .sidebar-content .select-menu {
        display: block;
        margin: 0
    }

    .sidebar-content .select-menu ul {
        position: static;
        padding: 0;
        border: 0;
        margin: 0 0 1.1rem;
        opacity: 1;
        visibility: visible
    }

    .sidebar-content .select-menu:before,
    .sidebar-content .select-menu>a:before,
    .sidebar-content .select-menu ul:before {
        content: none
    }

    .sidebar-content .select-menu-toggle {
        display: block;
        border-width: 2px 0 0;
        padding: 2rem 0 1rem;
        font-weight: 600;
        text-transform: capitalize
    }

    .sidebar-content .toolbox-item:first-child a {
        border: none
    }
}

@media (max-width:767px) {

    .toolbox-item.show-info,
    .toolbox-item>span,
    .toolbox-item label {
        display: none
    }
}

@media (max-width:575px) {
    .toolbox-item.select-box {
        margin-right: 0
    }

    .toolbox-item.toolbox-layout {
        display: none
    }

    .toolbox .toolbox-left {
        margin: 0
    }

    .toolbox .toolbox-left .left-sidebar-toggle {
        margin-right: 1rem
    }

    .toolbox-horizontal .toolbox-right {
        margin-left: auto
    }

    .toolbox-pagination {
        flex-direction: column;
        display: none !important;
    }

    .toolbox-pagination>.show-info {
        margin-right: 0
    }
}

@media (max-width:479px) {
    .sticky-toolbox.fixed {
        padding: 1rem 1.5rem 0
    }
}

.order .order-message {
    display: flex;
    justify-content: center;
    padding: 0;
    border: 1px solid #ffd7a8
}

.order .order-message .icon-box-icon {
    margin-right: 1.5rem
}

.order .order-message svg {
    width: 4rem;
    stroke: #ff9c28
}

.order .detail-title {
    font-size: 1.625em
}

.order .summary-subtotal:last-child {
    border-bottom: none
}

.order tbody tr:nth-child(3) {
    border-bottom: 1px solid #e0dede
}

.order tbody tr:nth-child(3) .product-name,
.order tbody tr:nth-child(3) .product-price {
    padding-bottom: 21px
}

.order .order-details {
    border: 1px solid #e0dede;
    padding: 0 3rem
}

.overview-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem
}

.overview-item:not(:last-child):after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 42px;
    border-right: 1px solid #ebebeb
}

.overview-item span {
    font-size: 0.875em;
    text-transform: uppercase;
    color: #666
}

.overview-item label {
    font-size: 1.375em;
    color: #222;
    letter-spacing: -0.025em
}

.order-details-table .product-subtitle {
    font-size: 1.25em;
    color: #54524d
}

.order-details-table .product-name {
    padding-top: 1.4rem
}

.order-details-table .product-name i {
    font-size: 0.5em
}

.order-details-table .summary-value {
    font-size: 1.25em
}

.order-details-table .product-price {
    font-size: 1em;
    font-weight: 300;
    padding-top: 1.4rem
}

.order-details-table thead {
    border-bottom: 1px solid #e0dede
}

.order-details-table tbody .summary-subtitle {
    font-size: 1.25em
}

.order-details-table tbody tr:first-child td {
    padding-top: 2.4rem
}

@media (max-width:767px) {
    .order .overview-item {
        flex-direction: row;
        width: 100%
    }

    .order .overview-item:not(:last-child):after {
        content: none
    }

    .order .overview-item span {
        margin-right: 2rem
    }
}

@media (max-width:575px) {
    .order .order-details {
        padding: 0 3rem
    }
}

@media (max-width:479px) {
    .order .order-details {
        padding: 0 1.5rem
    }

    .order .overview-item {
        font-size: 0.875em
    }
}

@media (min-width:992px) {
    .cols-lg-10>* {
        width: 10%
    }
}

.sample-icon-circle {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem
}

.sample-icon-circle i {
    width: 2em;
    height: 2em;
    display: flex;
    font-size: 30px;
    color: #fff;
    background-color: #ff9c28;
    border-radius: 50%;
    align-items: center;
    justify-content: center
}

.sample-icon {
    display: flex;
    align-items: center;
    color: #54524d
}

.sample-icon span {
    padding: 7px 0
}

.sample-icon i {
    margin-right: 1rem;
    font-size: 20px
}

.sample-icon i:not(.fas, .fab) {
    line-height: 0
}

.icon-tab .tab-content {
    border: 1px solid #e0dede;
    border-width: 0 1px 1px
}

.sr-slider-container {
    overflow: hidden;
    position: relative;
}

.sr-slider {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.sr-slide {
    flex: 0 0 100%;
    height: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.sr-slide img {
    width: 100%;
}


.sr-slide .sr-slide-content {
    position: absolute;
    top: 50% !important;
    padding-top: 2rem;
}

.sr-slide .sr-slide-content.x-50 {
    transform: translate(-50%, -50%) !important;
}

/* Stili per frecce di navigazione */
.sr-prev,
.sr-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    padding: 10px 19px;
    cursor: pointer;
    z-index: 10;
    font-size: 24px;
    border-radius: 50%;
}

.sr-prev {
    left: 10px;
}
.sr-prev:before{
    font-family: "Font Awesome 7 Pro";
    content: '\f053';
    color: #ffffff;
    /*padding-right: 5px;*/
    font-size: 18px;
}

.sr-next {
    right: 10px;
}

.sr-next:before{
    font-family: "Font Awesome 7 Pro";
    content: '\f054';
    color: #ffffff;
    /*padding-right: 5px;*/
    font-size: 18px;
}

.sr-dots {
    text-align: center;
    margin-top: 10px;
}

.sr-dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 5px;
    background-color: gray;
    border-radius: 50%;
    cursor: pointer;
}

.sr-dots .active {
    background-color: black;
}
/****** style min ******/

/****** font ******/
@font-face {
     font-family: 'InterRegular';
     src: url('/frontend/fonts/Inter-Regular.ttf') format('truetype');
 }
@font-face {
     font-family: 'InterMedium';
     src: url('/frontend/fonts/Inter-Medium.ttf') format('truetype');
 }
@font-face {
     font-family: 'InterBold';
     src: url('/frontend/fonts/Inter-Bold.ttf') format('truetype');
 }

body, html, a, p, span, div, ul li, h1, h2, h3, h4, h5, h6 {
    font-family: "InterRegular";
    font-style: normal;
}

.font-inter-regular{
    font-family: "InterRegular", serif !important;
}
.font-inter-medium{
    font-family: "InterMedium", serif !important;
}
.font-inter-bold{
    font-family: "InterBold", serif !important;
}

.font8{font-size:8px !important;}
.font9{font-size:9px !important;}
.font10{font-size:10px !important;}
.font11{font-size:11px !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font17{font-size:17px !important;}
.font18{font-size:18px !important;}
.font19{font-size:19px !important;}
.font20{font-size:20px !important;}
.font21{font-size:21px !important;}
.font22{font-size:22px !important;}
.font23{font-size:23px !important;}
.font24{font-size:24px !important;}
.font25{font-size:25px !important;}
.font26{font-size:26px !important;}
.font27{font-size:27px !important;}
.font28{font-size:28px !important;}
.font29{font-size:29px !important;}
.font30{font-size:30px !important;}
.font31{font-size:31px !important;}
.font32{font-size:32px !important;}
.font33{font-size:33px !important;}
.font34{font-size:34px !important;}
.font35{font-size:35px !important;}
.font36{font-size:36px !important;}
.font37{font-size:37px !important;}
.font38{font-size:38px !important;}
.font39{font-size:39px !important;}
.font40{font-size:40px !important;}
.font41{font-size:41px !important;}
.font42{font-size:42px !important;}
.font43{font-size:43px !important;}
.font44{font-size:44px !important;}
.font45{font-size:45px !important;}
.font46{font-size:46px !important;}
.font47{font-size:47px !important;}
.font48{font-size:48px !important;}
.font49{font-size:49px !important;}
.font50{font-size:50px !important;}
.font55{font-size:55px !important;}
.font60{font-size:60px !important;}
.font64{font-size:64px !important;}
.font65{font-size:65px !important;}
.font70{font-size:70px !important;}
.font72{font-size:72px !important;}
.font75{font-size:75px !important;}
.font76{font-size:76px !important;}
.font80{font-size:80px !important;}
.font84{font-size:84px !important;}
.font85{font-size:85px !important;}
.font90{font-size:90px !important;}
.font96{font-size:96px !important;}
.font100{font-size:100px !important;}

.txt-uppercase, .uppercase{
    text-transform: uppercase !important;
}
.underline {
    text-decoration: underline;
}

.col-000000{color: #000000 !important;}
.col-111111{color: #111111 !important;}
.col-222222{color: #222222 !important;}
.col-333333{color: #333333 !important;}
.col-444444{color: #444444 !important;}
.col-555555{color: #555555 !important;}
.col-666666{color: #666666 !important;}
.col-777777{color: #777777 !important;}
.col-888888{color: #888888 !important;}
.col-999999{color: #999999 !important;}
.col-aaaaaa{color: #aaaaaa !important;}
.col-bbbbbb{color: #bbbbbb !important;}
.col-cccccc{color: #cccccc !important;}
.col-dddddd{color: #dddddd !important;}
.col-eeeeee{color: #eeeeee !important;}
.col-ffffff{color: #ffffff !important;}
.col-235682{color: #235682 !important;}
.col-2AB7C1{color: #2AB7C1 !important;}
.col-f8f8f8{color: #f8f8f8 !important;}
.col-474747{color: #474747 !important;}
.col-727272{color: #727272 !important;}
.col-737373{color: #737373 !important;}
.col-cdcdcd{color: #cdcdcd !important;}
.col-dedede{color: #dedede !important;}
.col-efefef{color: #efefef !important;}
.col-31A3E4{color: #31A3E4 !important;}
.col-00C3B2{color: #00C3B2 !important;}
.col-FF8F00{color: #FF8F00 !important;}
.col-FCD200{color: #FCD200 !important;}
.col-a52116{color: #a52116 !important;}
.col-525252{color: #525252 !important;}
.col-F49B00{color: #F49B00 !important;}
.col-FF8F00:hover,.col-FF8F00:active{color: #E3931E !important;}
.col-FCD200:hover,.col-FCD200:active{color: #F2C200 !important;}
.col-danger{color: #a52116 !important;}
.text-dark { color: #000000 !important; }

.bg-col-000000{background-color: #000000 !important;}
.bg-col-111111{background-color: #111111 !important;}
.bg-col-222222{background-color: #222222 !important;}
.bg-col-333333{background-color: #333333 !important;}
.bg-col-444444{background-color: #444444 !important;}
.bg-col-555555{background-color: #555555 !important;}
.bg-col-666666{background-color: #666666 !important;}
.bg-col-777777{background-color: #777777 !important;}
.bg-col-888888{background-color: #888888 !important;}
.bg-col-999999{background-color: #999999 !important;}
.bg-col-aaaaaa{background-color: #aaaaaa !important;}
.bg-col-bbbbbb{background-color: #bbbbbb !important;}
.bg-col-cccccc{background-color: #cccccc !important;}
.bg-col-dddddd{background-color: #dddddd !important;}
.bg-col-eeeeee{background-color: #eeeeee !important;}
.bg-col-ffffff{background-color: #ffffff !important;}
.bg-col-235682{background-color: #235682 !important;}
.bg-col-2AB7C1{background-color: #2AB7C1 !important;}
.bg-col-f8f8f8{background-color: #f8f8f8 !important;}
.bg-col-727272{background-color: #727272 !important;}
.bg-col-cdcdcd{background-color: #cdcdcd !important;}
.bg-col-dedede{background-color: #dedede !important;}
.bg-col-efefef{background-color: #efefef !important;}
.bg-col-31A3E4{background-color: #31A3E4 !important;}
.bg-col-00C3B2{background-color: #00C3B2 !important;}
.bg-col-FF8F00{background-color: #FF8F00 !important;}
.bg-col-FCD200{background-color: #FCD200 !important;}
.bg-col-e5e5e5{background-color: #e5e5e5 !important;}
.bg-col-2AB7C1{background-color: #2AB7C1 !important;}
.bg-col-a52116{background-color: #a52116 !important;}
.bg-col-ccd200{background-color: #ccd200 !important;}

.overflow-hidden {
    overflow: hidden !important;
}
.overflow-auto {
    overflow: auto !important;
}
.overflow-visible {
    overflow: visible;
}
.overflow-x-hidden{
    overflow-x: hidden !important;
}
.overflow-y-hidden{
    overflow-y: hidden !important;
}
.overflow-x-auto{
    overflow-x: auto !important;
}
.overflow-y-auto{
    overflow-y: auto !important;
}
.bs-gutter-x-0{
    --bs-gutter-x: 0px !important;
}
.brd {
    border: 1px solid #ffffff !important;
}
.brd2 {
    border: 2px solid !important;
}
.brd3 {
    border: 3px solid !important;
}
.brd-tp {
    border-top: 1px solid
}
.brd-bt {
    border-bottom: 1px solid
}
.border0 {
    border: 0!important
}
.brd-col-bbbbbb{border-color: #BBBBBB !important;}
.brd-col-cccccc{border-color: #cccccc !important;}
.brd-col-777777{border-color: #777777 !important;}
.brd-col-999999{border-color: #999999 !important;}
.brd-col-dddddd{border-color: #dddddd !important;}
.brd-col-dedede{border-color: #dedede !important;}
.brd-col-eeeeee{border-color: #eeeeee !important;}
.brd-col-ffffff{border-color: #ffffff !important;}
.brd-col-2AB7C1{border-color: #2AB7C1 !important;}
.brd-col-00C3B2{border-color: #00C3B2 !important;}
.brd-col-FF8F00{border-color: #FF8F00 !important;}
.brd-col-ccd200{border-color: #ccd200 !important;}
.brd-col-FCD200{border-color: #FCD200 !important;}
.brd-col-FF8F00:hover,.brd-col-FF8F00:active{border-color: #E3931E !important;}
.brd-col-FCD200:hover,.brd-col-FCD200:active{border-color: #F2C200 !important;}

.brd-l-0{
    border-left-width: 0px !important;
}
.brd-l-1{
    border-left-width: 1px !important;
}
.brd-l-2{
    border-left-width: 2px !important;
}
.brd-r-0{
    border-right-width: 0px !important;
}
.brd-r-1{
    border-right-width: 1px !important;
}
.brd-r-2{
    border-right-width: 2px !important;
}
.brd-t-0{
    border-top-width: 0px !important;
}
.brd-t-1{
    border-top-width: 1px !important;
}
.brd-t-2{
    border-top-width: 2px !important;
}
.brd-b-0{
    border-bottom-width: 0px !important;
}
.brd-b-1{
    border-bottom-width: 1px !important;
}
.brd-b-2{
    border-bottom-width: 2px !important;
}
.border-radius-50p{
    border-radius: 50% !important;
}
.border-radius-0{
    border-radius: 0px !important;
}
.border-radius-3{
    border-radius: 3px !important;
}
.border-radius-4{
    border-radius: 4px !important;
}
.border-radius-5{
    border-radius: 5px !important;
}
.border-radius-8{
    border-radius: 8px !important;
}
.border-radius-10{
    border-radius: 10px !important;
}
.border-radius-15{
    border-radius: 15px !important;
}
.border-radius-16{
    border-radius: 16px !important;
}
.border-radius-30{
    border-radius: 30px !important;
}
.border-radius-top-3{
    border-radius: 3px 3px 0px 0px !important;
}
.border-radius-top-4{
    border-radius: 4px 4px 0px 0px !important;
}
.border-radius-top-5{
    border-radius: 5px 5px 0px 0px !important;
}
.border-radius-top-10{
    border-radius: 10px 10px 0px 0px !important;
}
.border-radius-top-15{
    border-radius: 15px 15px 0px 0px !important;
}
.border-radius-bottom-3{
    border-radius: 0px 0px 3px 3px !important;
}
.border-radius-bottom-4{
    border-radius: 0px 0px 4px 4px !important;
}
.border-radius-bottom-5{
    border-radius: 0px 0px 5px 5px !important;
}
.border-radius-bottom-10{
    border-radius: 0px 0px 10px 10px !important;
}
.border-radius-bottom-15{
    border-radius: 0px 0px 15px 15px !important;
}
.border-radius-left-3{
    border-radius: 3px 0px 0px 3px !important;
}
.border-radius-left-4{
    border-radius: 4px 0px 0px 4px !important;
}
.border-radius-left-5{
    border-radius: 5px 0px 0px 5px !important;
}
.border-radius-left-10{
    border-radius: 10px 0px 0px 10px !important;
}
.border-radius-left-15{
    border-radius: 15px 0px 0px 15px !important;
}
.border-radius-right-3{
    border-radius: 0px 3px 3px 0px !important;
}
.border-radius-right-4{
    border-radius: 0px 4px 4px 0px !important;
}
.border-radius-right-5{
    border-radius: 0px 5px 5px 0px !important;
}
.border-radius-right-10{
    border-radius: 0px 10px 10px 0px !important;
}
.border-radius-right-15{
    border-radius: 0px 15px 15px 0px !important;
}

.border-dashed-1p-gray { border: 1px dashed #dedede !important; }

.clear {
    clear: both
}
.display-table{display:table !important;}
.display-block{display:block !important;}
.display-grid{display:grid !important;}
.display-flex{display:flex !important;}
.flex-align-items-center{align-items: center;}
.flex-align-items-bottom{align-self: flex-end;}
.flex-align-items-end{align-items: end;}
.flex-align-items-baseline{align-items: baseline;}
.flex-justify-content-center{justify-content: center;}
.display-inline-block{display:inline-block !important;}
.display-contents{display:contents !important;}

.display-table-row{display:table-row !important;}
.display-table-cell{display:table-cell !important;}

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

.hidden-mobile {
    display: block !important;
}

@media only screen and (max-width: 767px) {
    .hidden-desktop {
        display: block !important;
    }
    .hidden-mobile {
        display: none !important;
    }    
}

.w10 {
    width: 10px !important;
}
.w15 {
    width: 15px !important;
}
.w20 {
    width: 20px !important;
}
.w25 {
    width: 25px !important;
}
.w30 {
    width: 30px !important;
}
.w35 {
    width: 35px !important;
}
.w40 {
    width: 40px !important;
}
.w45 {
    width: 45px !important;
}
.w50 {
    width: 50px !important;
}
.w55 {
    width: 55px !important;
}
.w60 {
    width: 60px !important;
}
.w70 {
    width: 70px !important;
}
.w80 {
    width: 80px !important;
}
.w90 {
    width: 90px !important;
}
.w100 {
    width: 100px !important;
}
.w110 {
    width: 110px !important;
}
.w115 {
    width: 115px !important;
}
.w120 {
    width: 120px !important;
}
.w125 {
    width: 125px !important;
}
.w130 {
    width: 130px !important;
}
.w135 {
    width: 135px !important;
}
.w140 {
    width: 140px !important;
}
.w145 {
    width: 145px !important;
}
.w150 {
    width: 150px !important;
}
.w160 {
    width: 160px !important;
}
.w170 {
    width: 170px !important;
}
.w175 {
    width: 175px !important;
}
.w180 {
    width: 180px !important;
}
.w190 {
    width: 190px !important;
}
.w200 {
    width: 200px !important;
}
.w210 {
    width: 210px !important;
}
.w250 {
    width: 250px !important;
}
.w300 {
    width: 300px !important;
}
.w350 {
    width: 350px !important;
}
.w5x100 {
    width: 5%!important
}
.w10x100 {
    width: 10%!important
}
.w15x100 {
    width: 15%!important
}
.w20x100 {
    width: 20%!important
}
.w25x100 {
    width: 25%!important
}
.w27x100 {
    width: 27%!important
}
.w30x100 {
    width: 30%!important
}
.w33x100 {
    width: 33%!important
}
.w35x100 {
    width: 35%!important
}
.w40x100 {
    width: 40%!important
}
.w45x100 {
    width: 45%!important
}
.w50x100 {
    width: 50%!important
}
.w55x100 {
    width: 55%!important
}
.w60x100 {
    width: 60%!important
}
.w65x100 {
    width: 65%!important
}
.w70x100 {
    width: 70%!important
}
.w73x100 {
    width: 73%!important
}
.w75x100 {
    width: 75%!important
}
.w80x100 {
    width: 80%!important
}
.w85x100 {
    width: 85%!important
}
.w90x100 {
    width: 90%!important
}
.w95x100 {
    width: 95%!important
}
.w96x100 {
    width: 96%!important
}
.w97x100 {
    width: 97%!important
}
.w100x100 {
    width: 100%!important
}

@media only screen and (max-width: 1150px) {
    .w-max1150-5x100, .w-max1150-5p {
        width: 5%!important
    }
    .w-max1150-10x100, .w-max1150-10p {
        width: 10%!important
    }
    .w-max1150-15x100, .w-max1150-15p {
        width: 15%!important
    }
    .w-max1150-20x100, .w-max1150-20p {
        width: 20%!important
    }
    .w-max1150-25x100, .w-max1150-25p {
        width: 25%!important
    }
    .w-max1150-27x100, .w-max1150-27p {
        width: 27%!important
    }
    .w-max1150-30x100, .w-max1150-30p {
        width: 30%!important
    }
    .w-max1150-33x100, .w-max1150-33p {
        width: 33%!important
    }
    .w-max1150-35x100, .w-max1150-35p {
        width: 35%!important
    }
    .w-max1150-40x100, .w-max1150-40p {
        width: 40%!important
    }
    .w-max1150-45x100, .w-max1150-45p {
        width: 45%!important
    }
    .w-max1150-50x100, .w-max1150-50p {
        width: 50%!important
    }
    .w-max1150-55x100, .w-max1150-55p {
        width: 55%!important
    }
    .w-max1150-60x100, .w-max1150-60p {
        width: 60%!important
    }
    .w-max1150-65x100, .w-max1150-65p {
        width: 65%!important
    }
    .w-max1150-70x100, .w-max1150-70p {
        width: 70%!important
    }
    .w-max1150-73x100, .w-max1150-73p {
        width: 73%!important
    }
    .w-max1150-75x100, .w-max1150-75p {
        width: 75%!important
    }
    .w-max1150-80x100, .w-max1150-80p {
        width: 80%!important
    }
    .w-max1150-85x100, .w-max1150-85p {
        width: 85%!important
    }
    .w-max1150-90x100, .w-max1150-90p {
        width: 90%!important
    }
    .w-max1150-95x100, .w-max1150-95p {
        width: 95%!important
    }
    .w-max1150-96x100, .w-max1150-96p {
        width: 96%!important
    }
    .w-max1150-97x100, .w-max1150-97p {
        width: 97%!important
    }
    .w-max1150-100x100, .w-max1150-100p {
        width: 100%!important
    }
}

.lh10, .line-height-10 {
    line-height: 10px !important;
}
.lh12, .line-height-12 {
    line-height: 12px !important;
}
.lh14, .line-height-14 {
    line-height: 14px !important;
}
.lh15, .line-height-15 {
    line-height: 15px !important;
}
.lh16, .line-height-16 {
    line-height: 16px !important;
}
.lh18, .line-height-18 {
    line-height: 18px !important;
}
.lh20, .line-height-20 {
    line-height: 20px !important;
}
.lh24, .line-height-24 {
    line-height: 24px !important;
}
.lh25, .line-height-25 {
    line-height: 25px !important;
}
.lh30, .line-height-30 {
    line-height: 30px !important;
}
.lh32, .line-height-32 {
    line-height: 32px !important;
}
.lh35, .line-height-35 {
    line-height: 35px !important;
}
.lh40, .line-height-40 {
    line-height: 40px !important;
}
.lh45, .line-height-45 {
    line-height: 45px !important;
}
.lh50, .line-height-50 {
    line-height: 50px !important;
}
.lh55, .line-height-55 {
    line-height: 55px !important;
}
.lh60, .line-height-60 {
    line-height: 60px !important;
}
.lh70, .line-height-70 {
    line-height: 70px !important;
}
.lh80, .line-height-80 {
    line-height: 80px !important;
}
.lh90, .line-height-90 {
    line-height: 90px !important;
}
.lh100, .line-height-100 {
    line-height: 100px !important;
}
.lh110, .line-height-110 {
    line-height: 110px !important;
}
.lh120, .line-height-120 {
    line-height: 120px !important;
}
.lh130, .line-height-130 {
    line-height: 130px !important;
}
.lh140, .line-height-140 {
    line-height: 140px !important;
}
.lh150, .line-height-150 {
    line-height: 150px !important;
}
.lh160, .line-height-160 {
    line-height: 160px !important;
}
.lh170, .line-height-170 {
    line-height: 170px !important;
}
.lh180, .line-height-180 {
    line-height: 180px !important;
}
.lh190, .line-height-190 {
    line-height: 190px !important;
}
.lh200, .line-height-200 {
    line-height: 200px !important;
}

.font-weight-100 { font-weight: 100 !important; }
.font-weight-200 { font-weight: 200 !important; }
.font-weight-300 { font-weight: 300 !important; }
.weight-normal{ font-weight:400 !important;}
.weight-semibold{ font-weight:600 !important;}
.weight-bold{ font-weight:800 !important;}

.col-50 {
    width: 50%;
    float: left
}
.f-left {
    float: left
}
.f-left-important {
    float: left !important;
}
.f-right {
    float: right
}
.f-right-important {
    float: right !important;
}
.clearer {
    clear: both;
    display: block
}
.pos-abs, .absolute, .pos-absolute, .position-absolute{
    position: absolute;
}
.pos-rel, .relative, .pos-relative, .position-relative{
    position: relative;
}
.pos-fix, .fixed, .pos-fixed, .position-fixed{
    position: fixed;
}

.top-5{top:-5px !important;}
.top0{top:0px !important;}
.top1{top:1px !important;}
.top2{top:2px !important;}
.top3{top:3px !important;}
.top4{top:4px !important;}
.top5{top:5px !important;}
.top6{top:6px !important;}
.top7{top:7px !important;}
.top8{top:8px !important;}
.top9{top:9px !important;}
.top10{top:10px !important;}
.top11{top:11px !important;}
.top12{top:12px !important;}
.top13{top:13px !important;}
.top14{top:14px !important;}
.top15{top:15px !important;}
.top16{top:16px !important;}
.top17{top:17px !important;}
.top18{top:18px !important;}
.top19{top:19px !important;}
.top20{top:20px !important;}
.top24{top:24px !important;}
.top25{top:25px !important;}
.top28{top:28px !important;}
.top30{top:30px !important;}
.top32{top:32px !important;}
.top35{top:35px !important;}
.top48{top:48px !important;}
.top50{top:50px !important;}
.top55{top:55px !important;}
.top60{top:60px !important;}
.top65{top:65px !important;}
.top70{top:70px !important;}

.bottom-5{bottom:-5px !important;}
.bottom0{bottom:0px !important;}
.bottom1{bottom:1px !important;}
.bottom2{bottom:2px !important;}
.bottom3{bottom:3px !important;}
.bottom4{bottom:4px !important;}
.bottom5{bottom:5px !important;}
.bottom6{bottom:6px !important;}
.bottom7{bottom:7px !important;}
.bottom8{bottom:8px !important;}
.bottom9{bottom:9px !important;}
.bottom10{bottom:10px !important;}
.bottom11{bottom:11px !important;}
.bottom12{bottom:12px !important;}
.bottom13{bottom:13px !important;}
.bottom14{bottom:14px !important;}
.bottom15{bottom:15px !important;}
.bottom16{bottom:16px !important;}
.bottom17{bottom:17px !important;}
.bottom18{bottom:18px !important;}
.bottom19{bottom:19px !important;}
.bottom20{bottom:20px !important;}
.bottom24{bottom:24px !important;}
.bottom28{bottom:28px !important;}

.left-5{left:-5px !important;}
.left0{left:0px !important;}
.left1{left:1px !important;}
.left2{left:2px !important;}
.left3{left:3px !important;}
.left4{left:4px !important;}
.left5{left:5px !important;}
.left6{left:6px !important;}
.left7{left:7px !important;}
.left8{left:8px !important;}
.left9{left:9px !important;}
.left10{left:10px !important;}
.left11{left:11px !important;}
.left12{left:12px !important;}
.left13{left:13px !important;}
.left14{left:14px !important;}
.left15{left:15px !important;}
.left16{left:16px !important;}
.left17{left:17px !important;}
.left18{left:18px !important;}
.left19{left:19px !important;}
.left20{left:20px !important;}
.left24{left:24px !important;}
.left28{left:28px !important;}

.right-5{right:-5px !important;}
.right0{right:0px !important;}
.right1{right:1px !important;}
.right2{right:2px !important;}
.right3{right:3px !important;}
.right4{right:4px !important;}
.right5{right:5px !important;}
.right6{right:6px !important;}
.right7{right:7px !important;}
.right8{right:8px !important;}
.right9{right:9px !important;}
.right10{right:10px !important;}
.right11{right:11px !important;}
.right12{right:12px !important;}
.right13{right:13px !important;}
.right14{right:14px !important;}
.right15{right:15px !important;}
.right16{right:16px !important;}
.right17{right:17px !important;}
.right18{right:18px !important;}
.right19{right:19px !important;}
.right20{right:20px !important;}
.right24{right:24px !important;}
.right28{right:28px !important;}

.opacity-0 { opacity: 0; }
.opacity-05 { opacity: 0.5; }
.opacity-06 { opacity: 0.6; }
.opacity-07 { opacity: 0.7; }
.opacity-08 { opacity: 0.8; }
.opacity-09 { opacity: 0.9; }
.opacity-1 { opacity: 1; }

/*
* display
*/
.hide { display:none !important; }
.inline { display:inline !important; }
.inline-block { display:inline-block !important; }
.display-table { display: table !important; }

.visibility-hidden { visibility: hidden; }

/*
* float
*/
.right, .f-right, .fright { float:right !important; }
.left, .f-left, .fleft { float:left !important; }
.flnone, .f-none, .fnone { float: none !important; }

/*
* align
*/
.align-left, .txt-left, .text-left { text-align: left !important; }
.align-right, .txt-right, .text-right { text-align: right !important; }
.align-center, .txt-center, .text-center { text-align: center !important; }

/*
* clear
*/
.clear { clear: both; }

.bold{ font-weight: bold !important; }

.brd0{border:0 !important;}
.brd-l0{border-left:0 !important;}
.brd-tp0{border-top:0 !important;}
.brd-bt0{border-bottom:0 !important;}
.brd-r0{border-right:0 !important;}

.brd-l1-gray { border-left: 1px solid #adb7be; }
.brd-l2-gray { border-left: 2px solid #adb7be; }
.brd-l3-gray { border-left: 3px solid #adb7be; }
.brd-r1-gray { border-right: 1px solid #adb7be; }
.brd-r2-gray { border-right: 2px solid #adb7be; }
.brd-r3-gray { border-right: 3px solid #adb7be; }

/*
* margin
*/
.mrg-auto { margin-left:auto !important;margin-right:auto !important; }
.mrg-l1per { margin-left:1% !important; }
.mrg-r1per { margin-right:1% !important; }

.mrg0 { margin:0 !important; }
.mrg5 { margin:5px !important; }
.mrg10 { margin:10px !important; }
.mrg15 { margin:15px !important; }
.mrg20 { margin:20px !important; }
.mrg25 { margin:25px !important; }
.mrg35 { margin:35px !important; }

.mrg-tp-0 { margin-top:0 !important; }
.mrg-tp-5 { margin-top:5px !important; }
.mrg-tp-10 { margin-top:10px !important; }
.mrg-tp-12 { margin-top:12px !important; }
.mrg-tp-15 { margin-top:15px !important; }
.mrg-tp-20 { margin-top: 20px !important; }
.mrg-tp-25 { margin-top:25px !important; }
.mrg-tp-28 { margin-top: 28px !important; }
.mrg-tp-30 { margin-top: 30px !important; }
.mrg-tp-35 { margin-top:35px !important; }
.mrg-tp-50 { margin-top:50px !important; }
.mrg-tp-80 { margin-top:80px !important; }
.mrg-tp-100 { margin-top:100px !important; }

.mrg-bt-0 { margin-bottom:0 !important; }
.mrg-bt-5 { margin-bottom:5px !important; }
.mrg-bt-10 { margin-bottom:10px !important; }
.mrg-bt-15 { margin-bottom:15px !important; }
.mrg-bt-25 { margin-bottom:25px !important; }
.mrg-bt-35 { margin-bottom:35px !important; }
.mrg-bt-100 { margin-bottom:100px !important; }

.mrg-bt-0pr { margin-bottom:0 !important; }
.mrg-bt-3pr { margin-bottom:3% !important; }
.mrg-bt-5pr { margin-bottom:5% !important; }
.mrg-bt-10pr { margin-bottom:10% !important; }
.mrg-bt-15pr { margin-bottom:15% !important; }
.mrg-bt-25pr { margin-bottom:25% !important; }
.mrg-bt-50pr { margin-bottom:50% !important; }
.mrg-bt-100pr { margin-bottom:100% !important; }

.mrg-tp-0pr { margin-top:0 !important; }
.mrg-tp-3pr { margin-top:3% !important; }
.mrg-tp-5pr { margin-top:5% !important; }
.mrg-tp-10pr { margin-top:10% !important; }
.mrg-tp-15pr { margin-top:15% !important; }
.mrg-tp-25pr { margin-top:25% !important; }
.mrg-tp-50pr { margin-top:50% !important; }
.mrg-tp-100pr { margin-top:100% !important; }

.mrg-l-0pr { margin-left:0 !important; }
.mrg-l-3pr { margin-left:3% !important; }
.mrg-l-5pr { margin-left:5% !important; }
.mrg-l-10pr { margin-left:10% !important; }
.mrg-l-15pr { margin-left:15% !important; }
.mrg-l-25pr { margin-left:25% !important; }
.mrg-l-50pr { margin-left:50% !important; }
.mrg-l-100pr { margin-left:100% !important; }

.mrg-r-0pr { margin-right:0 !important; }
.mrg-r-3pr { margin-right:3% !important; }
.mrg-r-5pr { margin-right:5% !important; }
.mrg-r-10pr { margin-right:10% !important; }
.mrg-r-15pr { margin-right:15% !important; }
.mrg-r-25pr { margin-right:25% !important; }
.mrg-r-50pr { margin-right:50% !important; }
.mrg-r-100pr { margin-right:100% !important; }

.mrg-l0 { margin-left:0 !important; }
.mrg-l5 { margin-left:5px !important; }
.mrg-l10 { margin-left:10px !important; }
.mrg-l15 { margin-left:15px !important; }
.mrg-l20 { margin-left:20px !important; }
.mrg-l25 { margin-left:25px !important; }
.mrg-l30 { margin-left:30px !important; }
.mrg-l35 { margin-left:35px !important; }

.mrg-r0 { margin-right:0 !important; }
.mrg-r5 { margin-right:5px !important; }
.mrg-r10 { margin-right:10px !important; }
.mrg-r15 { margin-right:15px !important; }
.mrg-r20 { margin-right:20px !important; }
.mrg-r25 { margin-right:25px !important; }
.mrg-r30 { margin-right:30px !important; }
.mrg-r35 { margin-right:35px !important; }

.mrg-tp-bt-0 { margin-top:0 !important; margin-bottom:0 !important; }
.mrg-tp-bt-5 { margin-top:5px !important; margin-bottom:5px !important; }
.mrg-tp-bt-10 { margin-top:10px !important; margin-bottom:10px !important; }
.mrg-tp-bt-15 { margin-top:15px !important; margin-bottom:15px !important; }
.mrg-tp-bt-25 { margin-top:25px !important; margin-bottom:25px !important; }
.mrg-tp-bt-35 { margin-top:35px !important; margin-bottom:35px !important; }

.mrg-lr-0 { margin-left:0 !important; margin-right:0 !important; }
.mrg-lr-5 { margin-left:5px !important; margin-right:5px !important; }
.mrg-lr-10 { margin-left:10px !important; margin-right:10px !important; }
.mrg-lr-15 { margin-left:15px !important; margin-right:15px !important; }
.mrg-lr-20 { margin-left:20px !important; margin-right:20px !important; }
.mrg-lr-25 { margin-left:25px !important; margin-right:25px !important; }
.mrg-lr-30 { margin-left:30px !important; margin-right:30px !important; }
.mrg-lr-35 { margin-left:35px !important; margin-right:35px !important; }

/*
* padding
*/
.pdd0 { padding:0 !important; }
.pdd1 { padding:1px !important; }
.pdd2 { padding:2px !important; }
.pdd3 { padding:3px !important; }
.pdd4 { padding:4px !important; }
.pdd5 { padding:5px !important; }
.pdd7 { padding:7px !important; }
.pdd8 { padding:8px !important; }
.pdd10 { padding:10px !important; }
.pdd15 { padding:15px !important; }
.pdd20 { padding:20px !important; }
.pdd25 { padding:25px !important; }
.pdd30 { padding:30px !important; }
.pdd35 { padding:35px !important; }
.pdd40 { padding:40px !important; }
.pdd45 { padding:45px !important; }
.pdd50 { padding:50px !important; }

.pdd-tp-0 { padding-top:0 !important; }
.pdd-tp-2 { padding-top:2px !important; }
.pdd-tp-5 { padding-top:5px !important; }
.pdd-tp-10 { padding-top:10px !important; }
.pdd-tp-15 { padding-top:15px !important; }
.pdd-tp-20 { padding-top:20px !important; }
.pdd-tp-25 { padding-top:25px !important; }
.pdd-tp-30 { padding-top:30px !important; }
.pdd-tp-35 { padding-top:35px !important; }
.pdd-tp-40 { padding-top:40px !important; }
.pdd-tp-45 { padding-top:45px !important; }
.pdd-tp-50 { padding-top:50px !important; }
.pdd-tp-60 { padding-top:60px !important; }
.pdd-tp-70 { padding-top:70px !important; }
.pdd-tp-80 { padding-top:80px !important; }
.pdd-tp-90 { padding-top:90px !important; }
.pdd-tp-100 { padding-top:100px !important; }

.pdd-bt-0 { padding-bottom:0 !important; }
.pdd-bt-2 { padding-bottom:2px !important; }
.pdd-bt-5 { padding-bottom:5px !important; }
.pdd-bt-10 { padding-bottom:10px !important; }
.pdd-bt-15 { padding-bottom:15px !important; }
.pdd-bt-20 { padding-bottom:20px !important; }
.pdd-bt-25 { padding-bottom:25px !important; }
.pdd-bt-30 { padding-bottom:30px !important; }
.pdd-bt-35 { padding-bottom:35px !important; }
.pdd-bt-40 { padding-bottom:40px !important; }
.pdd-bt-45 { padding-bottom:45px !important; }
.pdd-bt-50 { padding-bottom:50px !important; }
.pdd-bt-60 { padding-bottom:60px !important; }
.pdd-bt-70 { padding-bottom:70px !important; }
.pdd-bt-80 { padding-bottom:80px !important; }
.pdd-bt-90 { padding-bottom:90px !important; }
.pdd-bt-100 { padding-bottom:100px !important; }

.pdd-l0 { padding-left:0 !important; }
.pdd-l5 { padding-left:5px !important; }
.pdd-l10 { padding-left:10px !important; }
.pdd-l15 { padding-left:15px !important; }
.pdd-l20 { padding-left:20px !important; }

.pdd-r0 { padding-right:0 !important; }
.pdd-r5 { padding-right:5px !important; }
.pdd-r10 { padding-right:10px !important; }
.pdd-r15 { padding-right:15px !important; }
.pdd-r20 { padding-right:20px !important; }

.pdd-tp-bt-0 { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5 { padding-top:5px !important; padding-bottom:5px !important; }
.pdd-tp-bt-10 { padding-top:10px !important; padding-bottom:10px !important; }
.pdd-tp-bt-15 { padding-top:15px !important; padding-bottom:15px !important; }
.pdd-tp-bt-20 { padding-top:20px !important; padding-bottom:20px !important; }
.pdd-tp-bt-50 { padding-top:50px !important; padding-bottom:50px !important; }

.pdd-lr-0 { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5 { padding-left:5px !important; padding-right:5px !important; }
.pdd-lr-10 { padding-left:10px !important; padding-right:10px !important; }
.pdd-lr-15 { padding-left:15px !important; padding-right:15px !important; }
.pdd-lr-20 { padding-left:20px !important; padding-right:20px !important; }

.pdd-bt-0pr { padding-bottom:0 !important; }
.pdd-bt-3pr { padding-bottom:3% !important; }
.pdd-bt-5pr { padding-bottom:5% !important; }
.pdd-bt-10pr { padding-bottom:10% !important; }
.pdd-bt-15pr { padding-bottom:15% !important; }
.pdd-bt-25pr { padding-bottom:25% !important; }
.pdd-bt-50pr { padding-bottom:50% !important; }
.pdd-bt-100pr { padding-bottom:100% !important; }

.pdd-tp-0pr { padding-top:0 !important; }
.pdd-tp-3pr { padding-top:3% !important; }
.pdd-tp-5pr { padding-top:5% !important; }
.pdd-tp-10pr { padding-top:10% !important; }
.pdd-tp-15pr { padding-top:15% !important; }
.pdd-tp-25pr { padding-top:25% !important; }
.pdd-tp-50pr { padding-top:50% !important; }
.pdd-tp-100pr { padding-top:100% !important; }

.pdd-l-0pr { padding-left:0 !important; }
.pdd-l-3pr { padding-left:3% !important; }
.pdd-l-5pr { padding-left:5% !important; }
.pdd-l-10pr { padding-left:10% !important; }
.pdd-l-15pr { padding-left:15% !important; }
.pdd-l-25pr { padding-left:25% !important; }
.pdd-l-50pr { padding-left:50% !important; }
.pdd-l-100pr { padding-left:100% !important; }

.pdd-r-0pr { padding-right:0 !important; }
.pdd-r-3pr { padding-right:3% !important; }
.pdd-r-5pr { padding-right:5% !important; }
.pdd-r-10pr { padding-right:10% !important; }
.pdd-r-15pr { padding-right:15% !important; }
.pdd-r-25pr { padding-right:25% !important; }
.pdd-r-50pr { padding-right:50% !important; }
.pdd-r-100pr { padding-right:100% !important; }

.pdd0-perc { padding:0 !important; }
.pdd5-perc { padding:5% !important; }
.pdd10-perc { padding:10% !important; }
.pdd15-perc { padding:15% !important; }
.pdd20-perc { padding:20% !important; }

.pdd-tp-0-perc { padding-top:0 !important; }
.pdd-tp-5-perc { padding-top:5% !important; }
.pdd-tp-10-perc { padding-top:10% !important; }
.pdd-tp-15-perc { padding-top:15% !important; }
.pdd-tp-20-perc { padding-top:20% !important; }
.pdd-tp-25-perc { padding-top:25% !important; }
.pdd-tp-50-perc { padding-top:50% !important; }

.pdd-bt-0-perc { padding-bottom:0 !important; }
.pdd-bt-5-perc { padding-bottom:5% !important; }
.pdd-bt-10-perc { padding-bottom:10% !important; }
.pdd-bt-15-perc { padding-bottom:15% !important; }
.pdd-bt-20-perc { padding-bottom:20% !important; }
.pdd-bt-25-perc { padding-bottom:25% !important; }
.pdd-bt-50-perc { padding-bottom:50% !important; }

.pdd-l0-perc { padding-left:0 !important; }
.pdd-l5-perc { padding-left:5% !important; }
.pdd-l10-perc { padding-left:10% !important; }
.pdd-l15-perc { padding-left:15% !important; }
.pdd-l20-perc { padding-left:20% !important; }

.pdd-r0-perc { padding-right:0 !important; }
.pdd-r5-perc { padding-right:5% !important; }
.pdd-r10-perc { padding-right:10% !important; }
.pdd-r15-perc { padding-right:15% !important; }
.pdd-r20-perc { padding-right:20% !important; }

.pdd-tp-bt-0-perc { padding-top:0 !important; padding-bottom:0 !important; }
.pdd-tp-bt-5-perc { padding-top:5% !important; padding-bottom:5% !important; }
.pdd-tp-bt-10-perc { padding-top:10% !important; padding-bottom:10% !important; }
.pdd-tp-bt-15-perc { padding-top:15% !important; padding-bottom:15% !important; }
.pdd-tp-bt-20-perc { padding-top:20% !important; padding-bottom:20% !important; }

.pdd-lr-0-perc { padding-left:0 !important; padding-right:0 !important; }
.pdd-lr-5-perc { padding-left:5% !important; padding-right:5% !important; }
.pdd-lr-10-perc { padding-left:10% !important; padding-right:10% !important; }
.pdd-lr-15-perc { padding-left:15% !important; padding-right:15% !important; }
.pdd-lr-20-perc { padding-left:20% !important; padding-right:20% !important; }
.pdd-lr-30-perc { padding-left:30% !important; padding-right:30% !important; }

/*
* width
*/
.w-auto { width: auto !important; }
.w5   { width: 5% !important; }
.w10  { width: 10% !important; }
.w11  { width: 11% !important; }
.w12  { width: 12% !important; }
.w13  { width: 13% !important; }
.w14  { width: 14% !important; }
.w15  { width: 15% !important; }
.w20  { width: 20% !important; }
.w22  { width: 22% !important; }
.w25  { width: 25% !important; }
.w30  { width: 30% !important; }
.w33  { width: 33.33% !important; }
.w40  { width: 40% !important; }
.w45  { width: 45% !important; }
.w48  { width: 48% !important; }
.w50  { width: 50% !important; }
.w58  { width: 58% !important; }
.w60  { width: 60% !important; }
.w65  { width: 65% !important; }
.w70  { /*width: 70% !important;*/ }
.w75  { width: 75% !important; }
.w80  { width: 80% !important; }
.w85  { width: 85% !important; }
.w90  { width: 90% !important; }
.w95  { width: 95% !important; }
.w100 { width: 100% !important; }

.w5p   { width: 5px !important; }
.w10p  { width: 10px !important; }
.w15p  { width: 15px !important; }
.w20p  { width: 20px !important; }
.w22p  { width: 22px !important; }
.w25p  { width: 25px !important; }
.w30p  { width: 30px !important; }
.w33p  { width: 33px !important; }
.w40p  { width: 40px !important; }
.w45p  { width: 45px !important; }
.w50p  { width: 50px !important; }
.w58p  { width: 58px !important; }
.w60p  { width: 60px !important; }
.w70p  { width: 70px !important; }
.w80p  { width: 80px !important; }
.w90p  { width: 90px !important; }
.w95p  { width: 95px !important; }
.w100p { width: 100px !important; }
.w105p { width: 105px !important; }
.w110p { width: 110px !important; }
.w115p { width: 115px !important; }
.w120p { width: 120px !important; }
.w125p { width: 125px !important; }
.w130p { width: 130px !important; }
.w135p { width: 135px !important; }
.w140p { width: 140px !important; }
.w150p { width: 150px !important; }
.w160p { width: 160px !important; }
.w175p { width: 175px !important; }
.w180p { width: 180px !important; }
.w200p { width: 200px !important; }
.w250p { width: 250px !important; }
.w300p { width: 300px !important; }
.w350p { width: 350px !important; }
.w400p { width: 400px !important; }

.h-auto { height: auto !important; }
.h5   { height: 5% !important; }
.h10  { height: 10% !important; }
.h15  { height: 15% !important; }
.h20  { height: 20% !important; }
.h22  { height: 22% !important; }
.h25  { height: 25% !important; }
.h30  { height: 30% !important; }
.h33  { height: 33.33% !important; }
.h40  { height: 40% !important; }
.h45  { height: 45% !important; }
.h48  { height: 48% !important; }
.h50  { height: 50% !important; }
.h58  { height: 58% !important; }
.h60  { height: 60% !important; }
.h65  { height: 65% !important; }
.h70  { height: 70% !important; }
.h75  { height: 75% !important; }
.h80  { height: 80% !important; }
.h85  { height: 85% !important; }
.h90  { height: 90% !important; }
.h95  { height: 95% !important; }
.h100 { height: 100% !important; }

.h5p   { height: 5px !important; }
.h10p  { height: 10px !important; }
.h15p  { height: 15px !important; }
.h20p  { height: 20px !important; }
.h22p  { height: 22px !important; }
.h25p  { height: 25px !important; }
.h30p  { height: 30px !important; }
.h33p  { height: 33px !important; }
.h35p  { height: 35px !important; }
.h36p  { height: 36px !important; }
.h40p  { height: 40px !important; }
.h45p  { height: 45px !important; }
.h50p  { height: 50px !important; }
.h58p  { height: 58px !important; }
.h60p  { height: 60px !important; }
.h70p  { height: 70px !important; }
.h80p  { height: 80px !important; }
.h90p  { height: 90px !important; }
.h95p  { height: 95px !important; }
.h100p { height: 100px !important; }
.h105p { height: 105px !important; }
.h110p { height: 110px !important; }
.h115p { height: 115px !important; }
.h120p { height: 120px !important; }
.h125p { height: 125px !important; }
.h130p { height: 130px !important; }
.h135p { height: 135px !important; }
.h140p { height: 140px !important; }
.h150p { height: 150px !important; }
.h160p { height: 160px !important; }
.h175p { height: 175px !important; }
.h180p { height: 180px !important; }
.h180p { height: 180px !important; }
.h200p { height: 200px !important; }
.h200p { height: 200px !important; }
.h210p { height: 210px !important; }
.h220p { height: 220px !important; }
.h230p { height: 230px !important; }
.h240p { height: 240px !important; }
.h250p { height: 250px !important; }
.h260p { height: 260px !important; }
.h270p { height: 270px !important; }
.h280p { height: 280px !important; }
.h290p { height: 290px !important; }
.h300p { height: 300px !important; }
.h310p { height: 310px !important; }
.h320p { height: 320px !important; }
.h330p { height: 330px !important; }
.h340p { height: 340px !important; }
.h350p { height: 350px !important; }
.h360p { height: 360px !important; }
.h370p { height: 370px !important; }
.h380p { height: 380px !important; }
.h390p { height: 390px !important; }
.h400p { height: 400px !important; }

.minw5   {min-width: 5% !important; }
.minw10  {min-width: 10% !important; }
.minw15  {min-width: 15% !important; }
.minw20  {min-width: 20% !important; }
.minw22  {min-width: 22% !important; }
.minw25  {min-width: 25% !important; }
.minw30  {min-width: 30% !important; }
.minw33  {min-width: 33.33% !important; }
.minw40  {min-width: 40% !important; }
.minw45  {min-width: 45% !important; }
.minw48  {min-width: 48% !important; }
.minw50  {min-width: 50% !important; }
.minw58  {min-width: 58% !important; }
.minw60  {min-width: 60% !important; }
.minw70  {min-width: 70% !important; }
.minw80  {min-width: 80% !important; }
.minw90  {min-width: 90% !important; }
.minw95  {min-width: 95% !important; }
.minw100 {min-width: 100% !important; }

.minw5p   {min-width: 5px !important; }
.minw10p  {min-width: 10px !important; }
.minw15p  {min-width: 15px !important; }
.minw20p  {min-width: 20px !important; }
.minw22p  {min-width: 22px !important; }
.minw25p  {min-width: 25px !important; }
.minw30p  {min-width: 30px !important; }
.minw33p  {min-width: 33px !important; }
.minw40p  {min-width: 40px !important; }
.minw45p  {min-width: 45px !important; }
.minw50p  {min-width: 50px !important; }
.minw58p  {min-width: 58px !important; }
.minw60p  {min-width: 60px !important; }
.minw70p  {min-width: 70px !important; }
.minw80p  {min-width: 80px !important; }
.minw90p  {min-width: 90px !important; }
.minw95p  {min-width: 95px !important; }
.minw100p {min-width: 100px !important; }
.minw105p {min-width: 105px !important; }
.minw120p {min-width: 120px !important; }
.minw130p {min-width: 130px !important; }
.minw140p {min-width: 140px !important; }
.minw150p {min-width: 150px !important; }
.minw160p {min-width: 160px !important; }
.minw175p {min-width: 175px !important; }
.minw180p {min-width: 180px !important; }
.minw210p {min-width: 210px !important; }
.minw245p {min-width: 245px !important; }
.minw280p {min-width: 280px !important; }
.minw300p {min-width: 300px !important; }
.minw320p {min-width: 320px !important; }

.minh5   {min-height: 5% !important; }
.minh10  {min-height: 10% !important; }
.minh15  {min-height: 15% !important; }
.minh20  {min-height: 20% !important; }
.minh22  {min-height: 22% !important; }
.minh25  {min-height: 25% !important; }
.minh30  {min-height: 30% !important; }
.minh33  {min-height: 33.33% !important; }
.minh40  {min-height: 40% !important; }
.minh45  {min-height: 45% !important; }
.minh48  {min-height: 48% !important; }
.minh50  {min-height: 50% !important; }
.minh58  {min-height: 58% !important; }
.minh60  {min-height: 60% !important; }
.minh70  {min-height: 70% !important; }
.minh80  {min-height: 80% !important; }
.minh90  {min-height: 90% !important; }
.minh95  {min-height: 95% !important; }
.minh100 {min-height: 100% !important; }

.minh5p   {min-height: 5px !important; }
.minh10p  {min-height: 10px !important; }
.minh15p  {min-height: 15px !important; }
.minh20p  {min-height: 20px !important; }
.minh22p  {min-height: 22px !important; }
.minh25p  {min-height: 25px !important; }
.minh30p  {min-height: 30px !important; }
.minh33p  {min-height: 33px !important; }
.minh40p  {min-height: 40px !important; }
.minh45p  {min-height: 45px !important; }
.minh50p  {min-height: 50px !important; }
.minh58p  {min-height: 58px !important; }
.minh60p  {min-height: 60px !important; }
.minh70p  {min-height: 70px !important; }
.minh80p  {min-height: 80px !important; }
.minh90p  {min-height: 90px !important; }
.minh95p  {min-height: 95px !important; }
.minh100p {min-height: 100px !important; }
.minh105p {min-height: 105px !important; }
.minh120p {min-height: 120px !important; }
.minh140p {min-height: 140px !important; }
.minh150p {min-height: 150px !important; }
.minh160p {min-height: 160px !important; }
.minh175p {min-height: 175px !important; }
.minh180p {min-height: 180px !important; }
.minh190p {min-height: 190px !important; }
.minh200p {min-height: 200px !important; }
.minh210p {min-height: 210px !important; }
.minh220p {min-height: 220px !important; }
.minh230p {min-height: 230px !important; }
.minh240p {min-height: 240px !important; }
.minh245p {min-height: 245px !important; }
.minh250p {min-height: 250px !important; }
.minh280p {min-height: 280px !important; }

.maxwNone {max-width: none !important; }
.maxw100p {max-width: 100px !important; }
.maxw200p {max-width: 200px !important; }
.maxw300p {max-width: 300px !important; }
.maxw400p {max-width: 400px !important; }
.maxw500p {max-width: 500px !important; }
.maxw600p {max-width: 600px !important; }
.maxw700p {max-width: 700px !important; }

.maxh-reset {max-height: inherit !important;}
.minh-reset {min-height: inherit !important;}
.maxw-reset {max-width: inherit !important;}
.minw-reset {min-width: inherit !important;}

.maxh400p { max-height: 400px !important; }

.txtsize-10{font-size: 10px;}
.txtsize-12{font-size: 12px;}
.txtsize-13{font-size: 13px;}
.txtsize-14{font-size: 14px;}
.txtsize-15{font-size: 15px;}
.txtsize-16{font-size: 16px;}
.txtsize-18{font-size: 18px;}
.txtsize-20{font-size: 20px;}
.txtsize-22{font-size: 22px;}
.txtsize-24{font-size: 24px;}
.txtsize-26{font-size: 26px;}

.line-height-10{line-height: 10px;}
.line-height-12{line-height: 12px;}
.line-height-13{line-height: 13px;}
.line-height-14{line-height: 14px;}
.line-height-15{line-height: 15px;}
.line-height-16{line-height: 16px;}
.line-height-18{line-height: 18px;}
.line-height-20{line-height: 20px;}
.line-height-22{line-height: 22px;}
.line-height-24{line-height: 24px;}
.line-height-26{line-height: 26px;}
.line-height-28{line-height: 28px;}
.line-height-30{line-height: 30px;}

.pointer { cursor: pointer; }
.cursor-move { cursor: move !important; }
.cursor-default { cursor: default !important; }

.font-italic { font-style:  italic; }

.v-align-md { vertical-align: middle !important; }
.v-align-tp { vertical-align: top !important; }
.v-align-bt { vertical-align: bottom !important; }

/****** base ******/
.f-right {
    float: right;
}

strong {
    font-family: "InterBold";
}

.w10p { width: 10%; }
.w15p { width: 15%; }
.w40p { width: 40%; }
.w60p { width: 60%; }
.w70p { width: 70%; }

.flex-order-1 { order: 1; }
.flex-order-2 { order: 2; }
.flex-order-3 { order: 3; }
.flex-order-4 { order: 4; }

.pdd-l10 { padding-left: 10px !important; }

.weight-400 { font-weight: 400; }

a:hover {
    color: #666666;
}

.color-red {
    color: #E43030 !important;
}
.color-orange {
    color: #de9528 !important;
}
.color-green {
    color: #64DC59 !important;
}
.color-white {
    color: #ffffff !important;
}

.border-0 {
    border: 0 !important;
}

.whatsapp-link, .whatsapp-link:hover {
    color: #65bc54;
    text-decoration: underline;
    font-family: "InterRegular" !important;
}

.justify-content-center {
    justify-content: center;
}
.justify-content-end {
    justify-content: end !important;
}

a.btn-outline:hover {
    background-color: #54524d !important;
    border-color: #54524d !important;
    color: #ffffff !important;
}

.alert-simple.alert-warning {
    background-color: #ffc225;
    border-color: #ffc225;
}
.alert-simple.alert-info {
    background-color: #34b3ee;
    border-color: #34b3ee;
}

/****** loader ******/
.page-preloader {
    background-color: #FFF;
    opacity: 0.7;
    border: medium none;
    cursor: default;
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999999;
}

.center-loading {
    height: 34px;
    left: 50%;
    margin-left: -17px;
    margin-top: -17px;
    position: absolute;
    top: 50%;
    width: 34px;
    z-index: 200;
}

@-moz-keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes three-quarters-loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes three-quarters-loader {
    0% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* :not(:required) hides this rule from IE9 and below */
.three-quarters-loader:not(:required) {
    -moz-animation: three-quarters-loader 1250ms infinite linear;
    -webkit-animation: three-quarters-loader 1250ms infinite linear;
    animation: three-quarters-loader 1250ms infinite linear;
    border: 6px solid #000000;
    border-right-color: transparent;
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-block;
    /*position: relative;*/
    overflow: hidden;
    text-indent: -9999px;
    width: 32px;
    height: 32px;
}

.context-loader{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
    background-color: #fff;
    opacity: 0.8;
    z-index: 99;
}

.context-loader div {
    left: 50%;
    position: absolute;
    top: 50%;
    z-index: 200;
    margin-left: -16px;
    margin-top: -16px;
}

/****** base ******/
input[type="checkbox"] {
    -webkit-appearance: none !important;
    appearance: none !important;
    background-color: initial;
    margin: 0 !important;
    font: inherit !important;
    color: currentColor !important;
    width: 22px !important;
    height: 22px !important;
    border: 0.15em solid currentColor !important;
    border-radius: 5px;
    transform: translateY(-0.075em) !important;
    display: grid !important;
    place-content: center !important;
    float: left;
    margin-right:20px !important;
    padding: 0px;
}

input[type="checkbox"]::before {
    content: "" !important;
    border-radius: 3px;
    width: 14px !important;
    height: 14px !important;
    transform: scale(0) !important;
    transition: 120ms transform ease-in-out !important;
    box-shadow: inset 1em 1em #000000 !important;
    background-color: #000000;
}

input[type="checkbox"]:checked::before{
    transform: scale(0.9) !important;
}

.footer-middle .widget-newsletter input{
    padding: 0px;
    margin-right: 0px !important;
}
.container {
    max-width: 2500px;
}
.mini-container {
    width: 100%;
    max-width: 1440px;    
}
.small-container {
    width: 100%;
    max-width: 1100px;    
}
/*img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}*/
.text-mail {
    text-transform: lowercase !important;
}

.text-success {
    color: #000000 !important;
}
.btn-success {
    background-color: #000000;
    border-color: #000000;
}
.btn-success:hover {
    background-color: #000000;
    border-color: #000000;
}

.btn-outline.btn-alert{
    color: #000000;
    border-color: #000000;
}

.btn-primary-outline{
    border-color: #000000 !important;
    box-sizing: border-box;
}
.btn-primary-outline.selected{
    background-color: #000000 !important;
    color: white;
}

.hidden { display: none !important; }

.bold { font-weight: bold; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.alert {
    padding:14px 18px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}

.font22 { font-size: 22px !important; }
.font20 { font-size: 20px !important; }

/****** table ******/
table.bg-row tr:nth-child(even) {
    background-color: #ffffff;
}
table.bg-row tr:nth-child(odd) {
    background-color: #f7f7f7;
}
table.bg-row td {
    padding: 5px 10px;
}

/****** elements: form ******/
input[type=radio].product-combinations-item {
    border-radius: 8px;
}
.form-select .error {
    font-size: 14px;
    color: #f12a56;
}
.form-select .correct {
    font-size: 14px;
    color: #b1ca38
}
.form-select:before {
    content: "";   
    font-family: "panda";
    position: absolute;
    right: 2rem;
    top: 65%;
    transform: translateY(-50%);
}

.form-group.error input, .form-group.error select, .form-group.error textarea {
    border-color: #f12a56 !important;
}
.form-group.error .error {
    color: #f12a56 !important;
    text-align: left;
    font-size: 16px;
}
.btn-success:active, .btn-success:focus {
    background-color: #000000 !important;
    border-color: #000000 !important;
}
.login-popup .form-group input:not(:last-child) {
    margin-bottom: 0;
}

.shop-page .toolbox .form-select {
    display: inline-flex;
}
.shop-page .toolbox label {
    text-transform: initial;
    font-weight: 400;
    font-size: 20px;
}

/****** elements: icon-box-side ******/
.icon-box-side .icon-box-icon-right {
    margin: 0 0 0.3rem 1.9rem !important;
}

/****** elements: alert ******/
.alert-title {
    font-weight: 600;
    color: #ffffff;
    padding-right: 20px;
}
.alert-message {
    margin-top: 10px;
    color: #ffffff;
    margin-bottom: 10px;    
}
.alert .btn{
    margin-left: 20px;
}
.alert .alert-close {
    position: absolute;
    color: #ffffff !important;
    top: 20px;
    right: 10px;
}
.alert.alert-danger {
    background-color: #a52116;
    border-color: #a52116;
}
.alert.alert-success {
    background-color: #9faf3a;
    border-color: #9faf3a;
}
.alert-buttons .alert-close {
    position: relative;
    top: 0;
}

/****** elements: title ******/
.title-bg {
    justify-content: left;
    font-size: 35px;
    color: #000000;
    text-transform: uppercase;
    font-family: "InterBold" !important;
}
.title-bg span {
    font-weight: 700;
    font-family: "InterBold" !important;
}

@media screen and (max-width: 768px) {    
    .title-bg{
        font-size: 25px;
    }
}

.subtitle-list {
    display: flex;
    justify-content: right;
    font-size: 18px;
    color: #000000;
    text-transform: uppercase;
    text-decoration: underline;
    flex: 1;
    align-items: end;
    font-weight: 600;
}
.subtitle-list span {
    font-family: "InterBold" !important;
}

/****** header ******/
.mobile-menu-toggle {
    display: none;
}
.logo img {
    width: 350px;
}
.mobile-menu-container .logo img {
    width: 120px;
}
.mobile-menu li a {
    color: #000000;
}
.header.header-bg-image {
    position: relative;
}
.header-top {
    color: #ffffff;
    border-bottom: 0;
    font-size: 13px;
    background: #000000;
    text-align: center;
    padding: 5px 0;
}
.header-top .call>span {
    text-transform: initial;
    font-weight: 400;
}
.header-top a:hover {
    color: #ffffff;
}
.header-middle {
    position: relative;
    padding-top: 30px;
    padding-bottom: 0;
}
.header-middle > .container{
    padding: 30px 50px;
}
.header-center p {
    text-transform: uppercase;
    margin-bottom: 0;
}

.slider-container .banner-content{
    margin-top: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .header-middle > .container{
        padding: 10px 30px;
    }
    
    .slider-container .banner-content{
        margin-top: 0px;
        margin-bottom: 0px;
    }
}

.header-center {
    flex-grow: 1;
    justify-content: center;
}
header.header {
    display: inline;
    /*border-bottom: 1px solid #e0dede;*/
}
.header-left {
    flex: initial;
}
.header-right i {
    /*font-size: 16px !important;*/
}
.has-center .header-right {
    justify-content: flex-end !important;
}
.header .mob-menu {
    display: none;
    float: right;
}
.header-bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    height: 450px;
    background-position: top;
    background-position-y: center;
}

@media screen and (max-width: 470px) {
    .header-bg-image {        
        height: 300px;
    }    
}

.header-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: 0;
    left: 0;
}
.menu {
    justify-content: space-between;
}
.menu>li {
    text-align: center;
}

.header-search .search, .mobile-search {
    background: #fcfcfc;
    border-radius: 25px !important;
    border: 1px solid #e8e8e8;
}
.account-nav a:hover i,
.header-search a:hover i,
.header-search.hs-toggle .btn-search:hover,
.header-search.hs-toggle:hover {
    color: #000000;
}
.go-search-value {
    width: 100%;
}
.header-search .btn-search {
    top: 35%;
}
@media (max-width: 479px) {
    .header-top .header-right .divider,
    .header-top .social-links {
        display: inline-flex;
    }
}
@media (max-width: 767px) {
    .header-top .header-left .call,
    .header-top .header-left .divider {
        display: block;
    }

    .header-top .mini-container {
        display: block !important;
    }
    .header-top .mini-container .header-left, 
    .header-top .mini-container .header-center, 
    .header-top .mini-container .header-right {
        justify-content: center;
        margin-right: 0;
    }
}

/****** elements: page header ******/
.page-header {
    padding-bottom: 10px;
    height: auto;
    background-color: #ffffff;
    border-bottom: 1px solid #e0dede;
    margin-bottom: 50px;
}
.breadcrumb li:not(:last-child):after {
    font-family: "Font Awesome 7 Pro";
    content: "/";
}
.breadcrumb {
    padding-top: 10px !important;
}
.breadcrumb li {
    font-weight: 400;
    font-size: 18px;
}
.breadcrumb li:last-child a{
    color: #000000;
}
.breadcrumb-nav {
    margin: 10px 0;
}
.breadcrumb-nav.has-border .breadcrumb {
    border: 0;
}
.breadcrumb li:last-child {
    color: #000000;
}
.page-title {
    position: relative;
    font-size: 40px;
    color: #000000;
    font-family: InterBold, serif !important;
    font-weight: 600;
    text-transform: none;
    padding:0px 10px;
    margin: 60px;
}
.page-category-title {
    position: absolute;
    width: 100%;
    color: #ffffff;
    top: 30%;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 1600px) {
    .page-title {
        font-size: 35px;
        line-height: 35px;
    }    
}

@media screen and (max-width: 1440px) {
    .page-title {
        font-size: 30px;
        line-height: 30px;
    }    
}

@media screen and (max-width: 1270px) {
    .page-title {
        font-size: 25px;
        line-height: 25px;
    }    
}

@media screen and (max-width: 1150px) {
    .page-title {
        font-size: 20px;
        line-height: 20px;
    }
}

@media screen and (max-width: 920px) {
    .page-title {
        font-size: 20px;
        line-height: 20px;
    }
}

@media screen and (max-width: 767px) {
    .page-title {
        font-size: 40px;
        line-height: 40px;
    }
}

@media screen and (max-width: 590px) {
    .page-title {
        font-size: 30px;
        line-height: 30px;        
    }
}

@media screen and (max-width: 470px) {
    .page-title {
        font-size: 24px;
        line-height: 20px;
        margin-top: 15px;
        margin-bottom: 0;
    }  
}

/****** elements: paginazione ******/
.active>.page-link,
:hover:not(.disabled)>.page-link {
    color: #000000;
}

/****** elements: shop sidebar ******/
.fad.fa-check-square:after{
    content: "" !important;
    border-radius: 5px;
    padding: 0px 9px !important;
    border: 2px solid #000000;
    margin-left: -2px;
    font-size: 18px;
    
}
.fad.fa-check-square:before{
    content: "" !important;
    border-radius: 3px;
    width: 14px !important;
    height: 14px !important;
    transform: scale(1) !important;
    transition: 120ms transform ease-in-out !important;
    box-shadow: inset 1em 1em #000000 !important;
    background-color: #000000;
    left: 2px;
    top: 2px;
}
.shop-sidebar .widget .widget-body {
    line-height: 1;
    font-size: 18px;
}
.product-filters-list li label:hover {
    color: #000000;
}
.product-filters-list .dd-list:first-child {
    padding-left: 0;
    margin-top: 0;
}
.product-filters-list ol {
    list-style: none;
}
.product-filters-list .category-tree-list {
    line-height: 1.5;
    font-size: 18px;
}
.product-filters-list .category-tree-list li[data-level='1'] .dd3-content {
    background-color: #000000;
    color: #ffffff;
    padding-left: 10px;
    font-weight: 400;
}
.product-filters-list .category-tree-list li[data-level='1'] .dd-list li .dd3-content {
    background-color: #ffffff;
    color: #202020;
    font-weight: 300;
}
.product-filters-list .category-tree-list li .dd-list {
    padding-left: 0;
}
.product-filters-list .category-tree-list li[data-level='2'] .dd-list {
    display: none;
}
.product-filters-list .category-tree-list .dd3-content {
    cursor: pointer;
}
.product-filters-list .category-tree-list .dd3-content.active {
    color: #000000 !important;
}
.product-filters-list .category-tree-list .dd3-content.open {
    font-weight: 600 !important;
}
.product-filters-list .category-tree-list .dd3-content i {
    color: #dddddd;
    margin-right: 10px;
    font-size: 15px;
}

[class*=product-list-filter-] li{
    margin-bottom:16px;
}

[class*=product-list-filter-] li input[type=checkbox]~label{
    color: #474747;
    font-weight:400;
    font-size: 18px;
}

.shop-sidebar .widget:first-child .widget-body {
    padding-top: 20px;
}
.shop-sidebar .widget-title .title-text {
    font-weight: 500;
    font-size: 22px;
}
.widget-sidebar .widget-title {
    border-bottom: 2px solid #000000;
}
.left-sidebar-toggle {
    color: #555555 !important;
    border-color: #e0dede;
}
.left-sidebar-toggle:hover,
.left-sidebar-toggle:active,
.left-sidebar-toggle:focus {
    background-color: #fff !important;
    border-color: #e0dede !important;
}
.product-list-filter-color li {
    display: inline-flex;
}
.product-label-group {
    top: -10px;
    right: 8%;
    left: auto;
    align-items: self-end;
}
.product-label.label-sale {
    background-color: #000000;
    width: fit-content;
    color: #fff;
    padding: 6px 13px;
    z-index: 1;
    font-weight: 300;
    text-transform: uppercase;
}
.product-label.label-stock {
    padding: 1rem 1.4rem 0.6rem 1.5rem;
    color: #fff;
    background-color: #000000;
    font-size: 0.750em;
    text-transform: uppercase;
    line-height: 1;
}
.product-label.label-last-item {
    padding: 1rem 1.4rem 0.6rem 1.5rem;
    color: #fff;
    background-color: #de9528;
    font-size: 0.750em;
    text-transform: uppercase;
    line-height: 1;
}

.tree-root {
    max-height: 1000px;
    overflow: auto;
}
.tree-node {
    width: 100%;
    display: inline-block;
    margin-bottom:10px;
}
.tree-node-content {
    width: 100%;
    padding: 2px 10px;
    display: flex;
}
.tree-actions {
    position: relative;
}
.tree-collapse,
.tree-up,
.tree-down {
    margin-right: 16px;
    cursor: pointer;
}
.tree-collapse:hover,
.tree-up:hover,
.tree-down:hover {
    opacity: 0.8;
}
.tree-collapse i,
.tree-up i,
.tree-down i {
    font-size: 18px;
}
.tree-check {
    margin-right: 14px;
}
.tree-check:not(.disabled) {
    cursor: pointer;
}
.tree-check:not(.disabled):hover {
    opacity: 0.8;
}
.tree-check i {
    font-size: 22px;
}
.tree-check i.fad{
    color: #000000;
}
.tree-radio {
    margin-right: 14px;
}
.tree-radio:not(.disabled) {
    cursor: pointer;
}
.tree-radio:not(.disabled):hover {
    opacity: 0.8;
}
.tree-radio i {
    font-size: 18px;
}
.tree-default-radio {
    margin-left: 14px;
}
.tree-default-radio:not(.disabled) {
    cursor: pointer;
}
.tree-default-radio:not(.disabled):hover {
    opacity: 0.8;
}
.tree-default-radio i {
    font-size: 18px;
}
.tree-label {
    flex-grow: 1;
    color: #474747;
    font-weight: 400;
}

.noUi-connect {
    background: #000000;
}

.noUi-horizontal .noUi-handle{
    border: 1px solid #000000;
}

.product-list-filter-prices {
    margin-top: 20px;
}
.product-list-filter-prices .widget-title {
    margin-bottom: 20px;
}

.product-unit{
    font-size: 16px;
    color: #474747;
}

/***** elements: categorie / sotto categorie *****/
.section-category {
    padding: 0px 0 70px 0;
}
.section-category .icon-box-side .icon-box-title {
    font-size: 20px;
    font-weight: 600;
    padding-left: 20px;
}
.section-category .icon-box-side {
    justify-content: left;
}
.category.category-icon img {
    width: 100px;
    display: inline-block;
}
.subcategory-button {
    background: #F3F3F3;
    width: auto;
}
.subcategory-button .category-content {
    padding: 10px;
}
.subcategory-button:after {
    content: "";
    position: absolute;
    border: 1.5em solid #54524d;
    right: 0;
    bottom: -55px;
    border-left-width: 1em;
}

.category-button {
    background: #F3F3F3;
    margin: 10px;
    position: relative;
    overflow: hidden;
}
.category-button:after {
    content: "";
    position: absolute;
    border: 1.5em solid #54524d;
    right: 0;
    bottom: -30px;
    border-left-width: 1em;
}

/***** tabs *****/
.tab-outline .nav-item .nav-link.active,
.tab-outline .nav-item.show .nav-link {
    color: #333333;
}
.tab-outline .nav-item .nav-link.active:after,
.tab-outline .nav-item.show .nav-link:after,
.tab-outline .nav-item:hover .nav-link:after {
    border-color: #000000;
}

/****** menu ******/
.mmenu-active .page-wrapper {
    margin-left: 0px;
    margin-right: 0px;
}
.menu .active>a:not(.menu-title):before,
.menu:not(.category-menu) li:hover>a:not(.menu-title):before {
    border: 0;
}
.menu>li {
    margin-right: 15px;
    display: flex;
}
.has-center .header-right {
    justify-content: flex-start;
    flex: initial;
}
.menu>li>a {
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.menu>li>a:hover {
    color: #000000;
}
.menu .submenu .megamenu {
    border-bottom: 0;
    box-shadow: 0 3px 9.3px 0.7px rgba(0, 0, 0, .15);
    padding: 20px 15px;
    transform: translateY(30px);
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transition: all 300ms ease 0s;
    -ms-transition: all 300ms ease 0s;
    -webkit-transition: all 300ms ease 0s;
}
.menu .submenu .megamenu ul li {
    display: block;
    margin: 0 10px;
}
.menu .submenu a {
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    padding-left: 0;
    text-decoration: none !important;
    font-size: 16px;
}
.menu .submenu ul li {
    border-bottom: 1px solid #efefef;
}
.menu li:hover a {
    text-decoration: underline;
}
.menu li:hover ul a {
    text-decoration: none !important;
}
.menu .submenu ul li a {
    color: #111111;
    display: block;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding: 0px 0px 3px;
    margin: 3px 0px 0px;
    text-transform: uppercase;
    text-align: left;
}
.menu .megamenu a:hover {
    background-color: #000000;
    color: #ffffff !important;
}
.menu .megamenu a {
    padding: 5px 0;
    border-bottom: 1px solid #efefef;
}
.menu .megamenu a:hover h4 {
    color: #ffffff !important;
}
.menu-box-voice a {
    background-color: #000000;
    color: #ffffff !important; 
    padding: 5px 15px !important;
}
.menu-discount-voice a {
    color: #E43030 !important;
}
.mobile-menu .menu-discount-voice a {
    color: #000000 !important;
}
.main-nav {
    width: 100%;
    margin: 10px 0;
}
.mobile-menu{
    color: #ffffff;
}
.mobile-menu-container{
    max-width:100%;
    background-color: #ffffff;
    margin-left: -100%;
    padding: 70px;
}
.mobile-search {
    border: 1px solid #000000 !important;
}
.account-nav {
    margin-left: 10px;
}
.account-nav a::after {
    display: none;
}
.account-nav span {
    display: flex;
    align-items: center;
    font-weight: 600;
    margin-left: 5px;
}
.account-nav img {
    width: 25px;
}
.menu i, .menu i:hover {
    color: #000000;    
}
.header.header-bg-image .menu i, .header.header-bg-image .menu i:hover {
    color: #ffffff;
}
.mobile-menu-close{
    position: absolute;
    top: 70px;
    right: 70px;
    left: unset;
}
.mobile-menu-close i{
    color: #000000;    
    font-size:36px;
}
.mobile-menu{
    text-transform: none;
    font-weight: 400;
    padding-top: 40px;
}
.mobile-menu li{
    border-bottom: 0px !important;
}
.mobile-menu li a{
    font-size: 24px;
    padding-bottom:24px;
    padding-top:24px;
}
.mobile-menu li a:hover {
    color: #000000;
}
.menu:not(.toggle-menu) li .megamenu, .menu:not(.toggle-menu) li>ul {
    left: -5.6rem;
}

/****** home slider ******/
.banner-slider .banner>figure img {
    min-height: auto !important;
}
.home-slide .banner-content {
    top: 50% !important;
    left: 50% !important;
}
.home-slide .banner-title {
    font-size: 70px;
    color: #000000;
    text-align: center;
    font-family: InterBold, serif !important;
    font-weight: 800;
    max-width: 650px;
}
.home-slide .banner-subtitle {
    font-size: 28px;
    color: #525252;
    font-weight: 300;
    margin-bottom: 40px;
}
.home-slide .banner-description {
    margin-top: 20px;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
    font-family: "InterRegular" !important;
}
.home-slide span:before {
    display: none;
}
.home-slide a.btn {
    color: #ffffff;
    padding: 15px 30px;
    background-color: #000000;
    text-transform: initial;
    font-size: 20px;
    display: inline-block;
    min-width: 250px;
    margin-top: 30px;
}
.home-slide a.btn:hover:after {
    display: none;
}
.owl-dots-line .owl-dots-container .owl-dot::after {
    display: none;
}
.owl-dots-line .owl-dots-container .owl-dot {
    width: 10px;
    height: 10px;
    background: rgb(230, 230, 230);
    border-radius: 50%;
    border: 0;
    opacity: 0.9;
    padding: 0;
}
.owl-dots-line .owl-dots-container .owl-dot, .owl-dots-line .owl-dots-container .owl-dot.active {
    color: transparent;
}
.owl-dots-line .owl-dots-container .owl-dot.active {
    opacity: 1;
    width: 10px;
    background: #ffffff;
}
.owl-dots-line .owl-dots-container .owl-dot, .owl-dots-line .owl-dots-container .owl-dot.active {
    margin-right: 5px;
}
.owl-dots-line .owl-dots-container {
    bottom: 5%;
}
@media screen and (max-width: 760px) {
    .home-slide .banner-content {
        width: 80%;
    }
}

/***** owl slider *****/
.owl-theme .owl-dots .owl-dot.active span {
    background-color: #000000;
    border-color: #000000;
}
.banner-section .banner-subtitle{
    font-size: 18px;
}
.banner-section .title {
    font-size: 68px;
    justify-content: center;
    text-align: left;
    width: fit-content;
    margin-left: 10%;
}
.banner-section .banner-desc {
    margin-left: 10%;
}
.banner-section a {
    margin-left: 10%;
    color: #fff;
    padding: 15px 30px;
    background-color: #CCD200;
    border-color: #CCD200;
    border-radius: 30px;
    text-transform: initial;
    font-size: 16px;
    -webkit-box-shadow: 0px 0px 9px 2px rgba(204, 210, 0, 0.88);
        box-shadow: 0px 0px 9px 2px rgba(204, 210, 0, 0.88);
}
.banner-section a:hover {
    color: #fff;
    background-color: #CCD200;
    border-color: #CCD200;
}
.banner-section-reverse a {
    background-color: #CCD200;
    border-color: #CCD200;
    -webkit-box-shadow: 0px 0px 9px 2px rgba(204, 210, 0, 0.88);
    box-shadow: 0px 0px 9px 2px rgba(204, 210, 0, 0.88);
}
.banner-section-reverse a:hover {
    color: #fff;
    background-color: #CCD200;
    border-color: #CCD200;
}
.banner-section-reverse .title,
.banner-section-reverse .banner-desc,
.banner-section-reverse a {
    margin-left: 25%;
}
.banner-media img{
    max-width: none;
}
.banner-section .container {
    padding: 0;
}

@media screen and (max-width: 1280px) {
    
    .mini-container{
/*        padding-left: 20px;
        padding-right: 20px;*/
    }
}
@media screen and (max-width: 1440px) {
    .banner-section .title{
        font-size: 52px;
    }
    
    .banner-media img{
        max-width: 650px;
    }
}

@media screen and (max-width: 1190px) {
    .banner-section .title{
        font-size: 44px;
    }
    
    .banner-media img{
        max-width: 550px;
    }
}

@media screen and (max-width: 992px) {
    .banner-section .title{
        font-size: 40px;
    }
    
    .banner-media img{
        max-width: 100%;
        margin-left:auto;
        margin-right:auto;
    }
}
@media screen and (max-width: 1440px) {
    .banner-section a {
        width: 100%;
    }
}

.product-section .product-media {
    height:160px;
    margin:30px auto;
}

.product-media img{
    /*height: 100%;*/
    width: auto;
    margin:0 auto;
}

.product-section {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background-image: url(/frontend/images/bggrigio.jpg);
    background-size: cover;
}

.product-section .product-details{
    color: #474747;
    background: transparent;
    text-align: left;
}

.product-section h2{
    font-size: 76px;
}

.product-section .product-wrap{
    display: block;
}
.product-wrap:hover {
    box-shadow: 0px 0px 20px -5px #00000033;
}

@media screen and (max-width: 1440px) {
    .product-section h2{
        font-size: 60px;
    }
}

@media screen and (max-width: 1190px) {
    .product-section h2{
        font-size: 50px;
    }
}

@media screen and (max-width: 992px) {
    .product-section h2{
        font-size: 46px;
    }
}

.evidence-product-list > div{
    /*height: 480px;*/
}
.evidence-product{
    color: #474747;
    display:flex;
    align-items: center;    
}
.evidence-image{
    background-size: cover;
    background-repeat: no-repeat;
}
.evidence-image img{
    display: none;
}

@media screen and (max-width: 767px) {
    .evidence-image{
        background-image:none !important;
    }    
    .evidence-image img{
        display: block;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .about-box .flex-order-1 {
        order: 2;
    }
    .about-box .flex-order-2 {
        order: 1;
    }
    .evidence-product-list .flex-order-1 {
        order: 2;
    }
    .evidence-product-list .flex-order-2 {
        order: 1;
    }
    .evidence-product-list .flex-order-3 {
        order: 4;
    }
    .evidence-product-list .flex-order-4 {
        order: 3;
    }
    .evidence-product-list:last-child .flex-order-1 {
        order: 1;
    }
    .evidence-product-list:last-child .flex-order-2 {
        order: 2;
    }
    .evidence-product-list:last-child .flex-order-3 {
        order: 3;
    }
    .evidence-product-list:last-child .flex-order-4 {
        order: 4;
    }
    .evidence-product-list {
        margin: 10px;
    }
}

/***** home counter *****/
.counter .count-title {
    font-size: 24px;
    text-transform: uppercase;
}
.home-counter {
    background-color: #000000;
    padding: 10px 0;
}
.home-counter .count-to {
    font-weight: 600;
}
.home-counter .count-to span {
    font-weight: 400;
}
.count-title {
    color: #ffffff;
}
.count-to {
    margin-bottom: 5px;
}

/***** home banner *****/
.home-banner>* {
    padding-left: 0;
    padding-right: 0;
}
.home-banner img {
    width: 100%;
}
.home-banner a:hover::before {
    background-color: rgba(255, 255, 255, .2);
    right: 50%;
    left: 51%;
}
.home-banner a::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.home-banner a:hover::after {
    background-color: rgba(255, 255, 255, .2);
    top: 50%;
    bottom: 51%;
}
.home-banner a::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}

/****** home banner-promo ******/
.banner-promo {
    box-shadow: initial !important;
    border: 1px solid #e8e8e8;
    border-radius: 20px;
}
.banner-promo .post-details {
    padding: 0 30px;
    text-align: center;
}
.banner-promo .post-title {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    font-family: InterBold, serif !important;
}
.banner-promo .post-desc {
    font-size: 16px;
}
.banner-promo .post-details .btn {
    background-color: #000000;
    color: #ffffff !important;
    padding: 10px 30px;
    text-transform: uppercase !important;
    width: 100%;
    margin-top: 30px;
    font-weight: bold;
}
.banner-promo .post-cats {
    background: #f9f9f9;
    padding: 10px 20px;
    border-radius: 15px;
    border: 1px solid #e8e8e8;
    text-align: center;
    font-size: 18px;
    color: #000000;
    margin: 20px 0;
    text-transform: initial;
}
.banner-promo .post-cats span {
    color: #E43030;
    font-weight: bold;
    font-family: InterBold, serif !important;
}
.banner-promo .post-calendar {
    position: absolute;
    z-index: 1;
    top: -15px;
    left: 5%;
}
.banner-promo .post-calendar:after {
    display: none;
}
.post .post-calendar {
    background-color: #000000;
}

.banner-middle {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 30px;
}
.banner-middle .row {
    padding-top: 50px;
}
.banner-middle h3, .banner-middle p {
    color: #ffffff;
    text-transform: uppercase;
}
.banner-middle h3 {
    font-size: 30px;
    font-family: InterBold, serif !important;
}
.banner-middle p {
    font-size: 24px;
    margin: 0;
}
.banner-middle .btn {
    background: #ffffff;
    color: #000000;
    padding: 15px 70px;
    font-weight: bold;
    margin-right: 50px;
    font-family: InterBold, serif !important;
}
.banner-middle-desc {
    padding-left: 50px;
}

.banner-bottom {
    padding: 0 50px;
}
.banner-bottom-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    padding: 80px 30px;
}
.banner-bottom-desc-left h3 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 30px;
}
.banner-bottom-desc-left p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 20px;
}
.banner-bottom-desc-left .btn {
    background: #ffffff;
    color: #000000;
    padding: 15px 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
}
.banner-bottom-desc-right h3 {
    color: #000000;
    text-transform: uppercase;
    font-size: 30px;
}
.banner-bottom-desc-right p {
    color: #000000;
    text-transform: uppercase;
    font-size: 20px;
}
.banner-bottom-desc-right .btn {
    background: #000000;
    color: #ffffff;
    padding: 15px 40px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 15px;
    width: 100%;
}
.banner-bottom-desc-right i {
    font-size: 40px;
    margin-bottom: 20px;
}
.banner-bottom-bg-left {
    margin-right: 30px;
    align-items: end;
    display: flex;
}
.banner-bottom-bg-right {
    margin-left: 30px;
}

/****** home product ******/
.section-home-products {
    padding: 70px 0;
}
.section-home-products .product-wrap img {
    width: auto;
    margin: 0 auto;
}
.section-home-products .row {
    justify-content: center;
}
.section-home-products a.btn {
    margin-top: 50px;
    background-color: #000000;
    color: #ffffff;
    text-transform: inherit;
}
.product-wrap .product-name a {
    font-size: 22px;
    line-height: 26px;
    white-space: normal;
    min-height: auto;
    display: block;
    color: #000000;
    text-transform: uppercase;
}
.product-name, .product-subtitle, .product-brand {
    /*min-height: 115px;*/
    display: -webkit-box;
    -webkit-line-clamp: 2; /* massimo 2 righe */
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}
.product:hover .product-name, .product:hover .product-subtitle {
    -webkit-line-clamp: 4;
    overflow: visible !important;
    overflow-wrap: break-word;
}
.product-subtitle {
    /*min-height: 115px;*/
    display: -webkit-box;
    -webkit-line-clamp: 1; /* massimo 2 righe */
    -webkit-box-orient: vertical;
    overflow: hidden !important;
}
.product:hover .product-subtitle {
    -webkit-line-clamp: 2;
    overflow: visible !important;
}
.product-code, .product-available {
    color: #6b6b6b;
    font-size: 16px;
    margin-bottom: 20px;
}
.product-wrap .product-subtitle {
    font-size: 16px;
    color: #6b6b6b;
    text-transform: initial;
}
.product-brand {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: "InterBold" !important;
    font-size: 14px;
}
.product-tags a:hover, .product-categories a:hover {
    color: #000000;
    text-decoration: underline;
}
.product-tags, .product-categories {
    color: #000000;
}

.product.text-center .product-action, .product.text-center .ratings-container {
    justify-content: center;
}
.product-action .btn-product {
    flex: none;
    width: 180px;
    margin: 20px;
    background: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    font-size: 16px;
    padding: 10px 5px;
    text-transform: initial;
    font-weight: 500;
}
.product-action .btn-product:hover, .product-action .btn-product:active, .product-action .btn-product:focus {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.product-action .add-to-cart-fast, .product-action .add-to-cart-fast:hover, .product-action .add-to-cart-fast:active, .product-action .add-to-cart-fast:focus {
    background: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    font-weight: 500;
    width: 180px;
}
.product-list-layout .product-action {
    justify-content: center;
}
.add-to-cart-fast .context-loader {
    position: absolute;
}
@media screen and (max-width: 470px) {
    .product-action {
        display: block;
    }
    .product-action .btn-product {
        width: 100%;
        margin: 10px 0;
    }
    .product-wrap .product-name a {
        font-size: 18px !important;
    }
    .product-brand {
        font-size: 13px !important;
    }
}
@media screen and (min-width: 426px) and (max-width: 1024px) {
    .product-action {
        display: block;
    }
    .product-action .btn-product {
        width: 100%;
        margin: 5px 0;
    }
}

/****** home brand category ******/
.section-home-category {
    padding: 70px 0;
}
.section-home-category .icon-box-side .icon-box-title {
    font-size: 20px;
    font-weight: 600;
    padding-left: 20px;
}
.section-home-category .icon-box-side {
    justify-content: left;
}

/****** home brand ******/
.section-home-manufacturers img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.section-manufacturer a {
    border: 1px solid #000000;
    padding: 10px 0;
    display: block;
}

/***** home-choice *****/
.home-choice {
    background-color: #fafafa;
    padding: 120px 0;
    margin-bottom: 50px;
    text-align: center;
}
.home-choice-item{
    margin-bottom:20px;
}
.home-choice .title {
    color: #bf9106;
    font-size: 38px;
    line-height: 1.4;
}
.home-choice-item .icon-box-title {
    color: #bf9106;
    font-size: 24px;
}
.home-choice-item p {
    padding: 0 20px;
}

/****** dettaglio prodotto ******/
.product-manufacturer {
    font-size: 20px;
    text-transform: uppercase;
    text-decoration: underline;
}
.product-box-with-shadow{
    box-shadow: 0px 0px 20px -5px #00000033;
    padding: 40px;
    margin-bottom: 40px;
}

.product-box-with-shadow:nth-child(1) {
    margin-right: 20px;
}
.product-box-with-shadow:nth-child(2) {
    margin-left: 20px;
}

.product-box-with-shadow h2{
    color: #000000;
    font-size: 28px;
    font-weight: 500;
}

.short-description{
    font-size: 18px;
    font-weight: 300;
    color: #000000;
}
.short-description a {
    text-decoration: underline;
}

.product-form .btn-cart {
    background-color: #000000;
    color: #ffffff;
    font-size: 1em;
}
.product-form .btn-cart:hover:not(:disabled) {
    background-color: #000000;
    opacity:0.8;
}
.quantity-label {
    font-weight: 600;
    line-height: 2.5;
    font-size: 15px;
}
.quantity {
    border: 1px solid #E0DEDE !important;
}
.product-options label {
    font-weight: 600;
    font-size: 16px;
    text-transform: initial;
}
.product-form input {
    border-left: 0 !important;
    border-right: 0 !important;
}
.product-subtitle {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 400;
    color: #000000;
    text-transform: uppercase;
}
.product-single .product-name {
    font-family: "InterBold", serif !important;
    text-indent: 0;
    border-bottom: 0px solid #000000;
    font-weight: 600;
    font-size: 40px;
    margin-bottom:0px;
    text-transform: uppercase;
}
.product-single .new-price * {
    font-weight: 600;
    font-size: 24px;
    color: #000000;
    font-family: InterBold, serif !important;
}
.product-additional-info .nav-link {
    justify-content: left;
}
.product-additional-info .nav-item .nav-link.active {
    background: #4af306;
    color: #ffffff;
    width: fit-content;
    font-weight: 600;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.product-additional-info .nav-item .nav-link.active:after {
    border-color: initial !important;
}
.product-additional-info .nav-item {
    border: 0;
    border-bottom: 5px solid #4af306;
}
.product-additional-info .tab-content {
    border: 0;
}
.product-additional-info .tab-pane {
    padding: 4rem 0 3.5rem;
    color: #202020;
}

.alert-cart-message a.btn {
    padding: 10px 20px;
    color: #ffffff;
    border-color: #ffffff;
}
.alert-cart-message a.btn:hover {
    background-color: inherit !important;
    border-color: inherit !important;
}
.alert-cart-message .open-cart-shipping {
    display: block !important;
    color: #fff;
    text-decoration: underline;
}
.alert-cart-message.alert-success {
    background-color: #ffffff;
    border: 2px solid #000000;
}
.alert-cart-message.alert-success .alert-title {
    font-family: "InterBold", serif !important;
}
.alert-cart-message.alert-success .alert-title::before {
    font-family: "Font Awesome 7 Pro";
    content: '\f058';
    color: #47b05a;
    padding-right: 5px;
    font-size: 18px;
}
.alert-cart-message.alert-success .alert-title, .alert-cart-message.alert-success .alert-message,
.alert-cart-message.alert-success .open-cart-shipping {
    color: #000000;
}
.alert-cart-message.alert-success .alert-buttons a,
.alert-cart-message.alert-success .alert-buttons a:hover,
.alert-cart-message.alert-success .alert-buttons a:focus {
    background-color: #000000 !important;
    color: #ffffff !important;
}
.alert-cart-message .cart-message-product-name {
    font-family: "InterBold", serif !important;
}

.shipping-popup {
    max-width: 560px;
    padding: 30px;
    box-shadow: 15px 15px 20px rgb(52 49 49 / 60%);
}

.product-shipping-return-info {
    border-top: 1px solid #000000;
    margin-bottom: 50px;
}
.product-shipping-return-info ul {
    list-style: none;
    padding-left: 0;
}

.product-combinations-color ul li {
    display: inline-flex;
}
.product-combinations-item {
    /*border-radius: 20px !important;*/
    width: 45px !important;
    height: 45px !important;
}

.product-sharing {
    background: #000000;
    padding: 8px;
    border-radius: 22px;
    width: 25px;
    height: 25px;
    display: inline-block;
    color: #ffffff;
    margin-left: 10px;
}
.product-sharing i {
    line-height: 0.5;
}
.product-sharing:hover {
    color: #ffffff;
}

.product-faq-item {
    justify-content: left;
    align-items: flex-start;
}
.product-faq-item img {
    max-width: 80px;
}
.product-faq-item .icon-box-content {
    padding-left: 30px;
    font-size: 20px !important;
    color: #727272 !important;
}
.product-faq-item .icon-box-title {
    margin-bottom: 15px;
    font-size: 28px !important;
    color: #000000 !important;
}
.product-contents .col {
    display: flex;
}
.product-contents .col .product-box-with-shadow {
    width: 100%;
}
.product-contents h2 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 30px;
    font-family: "InterBold", serif !important;
}
.product-contents p, .product-contents ul {
    font-size: 16px;
    color: #000000;
}
.product-contents h1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 20px 0;
    font-family: "InterBold", serif !important;
}

.product-detail-info {
    background-color: #f8f8f8;
}
.product-detail-info .icon-box-title {
    color: #474747;
    font-size: 20px;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 20px;
}
.product-detail-info p {
    color: #707070;
    font-size: 18px;
    font-weight: 200;
}
.product-detail-info a {
    text-decoration: underline;
}
.detail-paymant-icon {
    width: 100%;
    justify-content: center;
}
.detail-paymant-icon .col-xs-2 {
    width: 14.5%;
}
.detail-info {
    justify-content: left;
}
.detail-info .icon-box-content {
    padding-left: 5px;
}
.detail-info i {
    color: #000000;
    font-size: 30px;
}
.detail-info:hover i {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}
.feature-title {
    text-transform: uppercase;
    color: #000000;
    font-size: 28px;
}
.feature-title span {
    font-weight: 700;
    font-family: "InterBold" !important;
}

.obligatory-label {
    color: #e12323;
}

.product-gallery {
    margin-top: 30px;
}
.product-gallery .product-label-group {
    top: 15px;
}
.v-thumb-slider-for .slick-slide {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
}
.vertical-thumb-banner-slider .v-thumb-slider.v-thumb-slider-for {
    padding-left: 20px;
}
.v-thumb-slider-nav .slick-slide {
    margin-bottom: 10px;
}

.product-wrap .product .product-details {
    border-radius: 10px;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    text-align: center;
}

.product-wrap .product {
    width: 98%;
}

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

.product-footer {
    /*position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;*/
}
.add-product-availability-notification, .add-product-availability-notification:hover, .add-product-availability-notification:focus, .add-product-availability-notification:active {
    background-color: #000000;
    border-color: #000000;
}

@media screen and (max-width: 768px) {
    .product-faq-item {
        align-items: center;
    }
    .product-faq-item .icon-box-content {
        padding-left: 0;
        padding: 20px;
    }
    .product-contents .product-box-with-shadow:nth-child(1) {
        margin-right: 0;
    }
    .detail-paymant-icon {
        width: auto !important;
        justify-content: center;
    }
    .detail-paymant-icon img {
        width: 80px;
    }
}
@media screen and (max-width: 470px) {
    .product-single .product-name {
        font-size: 36px;
        line-height: 36px;
        padding-top: 0px;
    }
    .product-details{
        /*padding-top: 0px;*/
    }
    
    .product-single .new-price{
        font-size: 70px;
    }
}

/****** pagina prodotti ******/
.product-wrap{
    overflow: unset;
    /*display: flex;*/
    align-items: stretch;
}
.product-wrap center {
    flex: 1 1 auto;
}
.product-button{
    display: block;
    padding: 12px 6px 10px 6px;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
    margin:20px auto;
    background-color: #CCD200;
    -webkit-box-shadow: 0px 0px 9px 2px rgba(204, 210, 0, 0.88);
    box-shadow: 0px 0px 9px 2px rgba(204, 210, 0, 0.88);
}
.product-button:hover{
    color:#ffffff;
    background-color: #CCD200;
}
.section-products-list .product-wrap img {
    /*height: 220px;*/
    width: auto;
    margin: 10px auto;
}
.product:not(.product-single){
    display: inline-block;
    margin: 0 auto;
    height: 100%;
}

.product-wrap .price {
    font-family: InterBold, serif !important;
    color: #000000;
    font-size: 20px;
}
.product-wrap .old-price {
    color: #6b6b6b;
    font-size: 18px;
    margin-left: 10px;
}

@media screen and (max-width: 767px) {
    .section-products-list .product-wrap img {
        height: auto;
        width: 100%;
        margin: 0px auto;
    }
}

.product-action-float {
    width: 100%;
    background-color: #000000;
}
.product-action-float .btn-product-icon {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
}
.product:hover .product-action-float {
    bottom: 0;
    padding: 2px 0;
}

/****** pagina prodotti: correlati ******/
.section-products-correlated .product-wrap img {
    height: 220px;
    width: auto;
    margin: 0 auto;
}
.section-products-correlated h2 {
    font-weight: 400;
}

/****** owl carousel ******/
.product-thumb.active:before {
    border-color: #000000;
}
.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,
.owl-theme .owl-nav .owl-next:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,
.owl-theme .owl-nav .owl-next:not(.disabled):hover,
.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-next:not(.disabled):focus,
.owl-theme .owl-nav .owl-prev:not(.disabled):active .owl-theme .owl-nav .owl-prev:not(.disabled):focus,
.owl-theme .owl-nav .owl-prev:not(.disabled):hover {
    background-color: transparent;
    color: #000000;
}
.owl-carousel .owl-stage-outer {
    padding-top: 20px;
}

/****** pagina contatti ******/
.contact-header div{
    width: 50%;
}
.contact-page .icon-box {
    justify-content: left;
}
.contact-page .icon-box i {
    color: #000000;
    font-size: 32px;
    background-color: #ffffff;
}
.contact-page .btn {
    width: 150px;
    /*border-radius: 10px;*/
    text-transform: uppercase;
    font-size: 18px;
    padding: 10px;
}
.contact-page input, .contact-page textarea {
    /*border-radius: 10px;*/
}
.contact-page .title {
    font-weight: 500;
}
.contact-page p {
    font-size: 20px;
}
.contact-page .icon-box-title {
    font-size: 20px;
}

.contact-box-with-shadow{
    box-shadow: 0px 0px 20px -5px #00000033;
    padding: 60px;
    margin-left: 40px;
}

.contact-page .icon-box-side {
    padding: 0;
}

.social-icons-divisor{
    float: left;
    margin-top: 12px;
    margin-right: 30px;
    text-align: center;
}

@media (max-width: 425px) {
    .go-contact {
        width: 100% !important;
    }    
}
@media (max-width: 1200px) {
    .contact-page .icon-box-title {
        font-size: 18px;
    }
}
@media (max-width: 1050px) {
    .contact-page .icon-box-title {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .contact-box-with-shadow{
        padding: 40px;
    }
    .contact-header div{
        width: 100%;
    }
    .contact-page .icon-box-title{
        font-size: 18px;
    }
    .contact-page .icon-box i{
        font-size: 38px;
    }
    .social-icons{        
        width:100%;
        align-items:center;
        justify-content: center;
    }
    .social-icons-divisor{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
}

/****** area personale ******/
.account-menu .menu {
    flex-direction: column;
}
.account-menu .menu li {
    width: 100%;
    border-bottom: 1px solid #e0dede;
    margin-bottom: 10px;
}
.account-menu .menu li a {
    text-transform: initial;
}
.account-menu .menu li:last-child {
    margin-right: 4rem;
}
.account-menu .menu li:hover, .account-menu .menu li.active {
    color: #000000;
}
.account-mobile-menu {
    display: inline-block;
    margin: 0 0 20px 20px;
}
.account-section a:hover .icon-box {
    border-color: #000000;
}
.account-page .icon-box:hover .icon-box-icon,
.account-page .icon-box:hover p {
    color: #333333;
}
.account-page input[type='date'] {
    height: 58px;
    width: 100%;
    border: 1px solid #e0dede;
}
.overview-item {
    flex-grow: 1;
}
.overview-item label {
    font-size: 18px;
    font-weight: 600;
}
.retail-message-list .title-underline>span:first-child:after {
    border-bottom-color: #00C3B2;
}
.retail-message-list .title-underline>span:first-child {
    line-height: 1.3;
}
.comments li {
    margin-bottom: 1rem;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}

/***** faq *****/
.faq {
    margin-bottom: 50px;
}
.faq .card {
    border: 1px solid #727272;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 40px;
}
.faq .card-header a:after {
    font-family: "Font Awesome 7 Pro";
    background: #000000;
    color: #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 1.5;
}
.faq .expand:after {
    content: "\2b";
}
.faq .collapse:after {
    content: "\f068";
}

.iub__us-widget {
    display: none !important;
}

/****** newsletter ******/
.newsletter-popup .newsletter-content {
    padding: 50px 2rem;
}
.newsletter-popup .newsletter-content .newsletter-email {
    border: 1px solid;
}

/****** footer ******/
.footer {
    background: #000000;
    color: #ffffff;
    padding: 0;
    font-size: 18px;
}
.section-footer {
    background-color: #fbfbfb;
}
.bottom-footer {
    padding-top:20px;
    background: #000000;
    border-top: 1px solid #ffffff;
}
.bottom-footer .footer-right a {
    padding: 12px 35px;
    background-color: #f49b00;
    border-radius: 30px;
    color: #ffffff;
    font-size: 16px;
}
.bottom-footer .footer-right a:hover {
    text-decoration: none;
    color: #ffffff !important;
}
footer.bottom-footer {
    margin-top: -35px;
    position: relative;
}
.footer .copyright a:hover, .footer-right a:hover {
    color: #ffffff !important;
    text-decoration: none;
}
.copyright {
    color: #6b6b6b;
}
.copyright a {
    color: #ffffff;
    text-decoration: none;
}
.footer-copy {
    text-align: center;
}
.footer-copy a:hover {
    color: #ffffff !important;
}
.footer-middle.no-border {
    border-bottom: 0;
}
.footer-middle {
    padding: 8.2rem 0 6.5rem;
    border-bottom: 1px solid #cdcdcd;
    display:block;
}
.footer-middle *{
    color: #ffffff;
}
.footer-middle.footer-info a, .footer-middle.footer-info li {
    color: #868686;
    font-size: 15px;
    text-align: center;
}
.footer-middle .widget-title {
    color: #868686;
}
.footer-middle .widget-body a, .footer-middle .widget-body span, .footer-middle .widget-body li {
    text-transform: initial;
}
.footer-middle .widget-newsletter .widget-title {
    color: #868686;
    font-size: 30px;
    text-transform: inherit;
    margin-bottom: 30px;
}
.footer-middle .widget-newsletter p {
    color: #868686;
    font-size: 18px;
    margin-bottom: 5px;
}
.footer-middle .widget-newsletter p.alert-message {
    color:white;
}
.footer-middle .widget-newsletter .newsletter-form {
    max-width: 80%;
    margin: 50px auto;
}
.footer-middle .widget-newsletter .newsletter-form input {
    border-width: 0 0 1px 0;
    border-color: #555555;
}
.footer-middle .widget-newsletter .newsletter-form a {
    font-size: 16px;
    color: #868686;
    text-transform: uppercase;
}
.footer-middle .widget-newsletter .newsletter-form a:hover {
    color: #868686 !important;
}
.footer-contact {
    border-bottom: 1px solid #707070;
}
.footer-contact h1, .footer-contact p {
    color: #868686 !important;
}
.footer-contact h1 {
    font-size: 32px !important;
}
.footer-contact .footer-middle {
    border: 0;
    padding: 6rem 0 0 0;
}
.footer-contact a.btn {
    background-color: #000000;
    border-color: #000000;
    color: #333333;
    font-weight: 600;
    font-size: 14px;
    text-transform: initial;
}
.footer-link .container {
    padding-top: 50px;
}
.footer-link a {
    color: #aaaaaa;
}
.footer-link a:hover {
    color: #ffffff;
}
.footer-contact a.btn:hover {
    color: #333333 !important;
}
.footer-social a {
    display: inline-block;
    background-color: #ffffff;
    color: #000000 !important;
    padding: 5px;
    width: 26px;
    height: 26px;
    border-radius: 13px
}
.footer-middle .widget-newsletter form {
    max-width: initial;
}
.footer-info-section {
    padding: 50px 0;
    margin: 50px;
    text-align: center;
}
.footer-info-section .icon-box-tiny .icon-box-title {
    display: inline-grid;
    text-transform: initial;
}
.footer-info-section .icon-box-tiny .icon-box-title img {
    margin: 0 auto;
    height: 25px;
    margin-bottom: 25px;
}
.footer-info:hover .icon-box-image-left {
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite;
}
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.footer a:not(.social-link):hover {
    color: #ffffff;
}
.footer .widget-body a {
    font-size: 15px;
    text-transform: uppercase;
}
.footer .widget-body {
    list-style-type: disc;
}
.footer .widget-body.link-list {
    padding-left: 30px;
}
.footer .widget-body.link-list a:hover {
    text-decoration: underline;
}

@media (min-width: 1200px) {
    .col-xls-2 {
        width:18.8%
    }

    .col-xls-3 {
        width: 18.6%
    }
}

.whatsapp-contact {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
}
.whatsapp-contact a {
    display: block;
    font-size: 50px;
    background-color: #65bc54;
    color: #ffffff;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
}
.whatsapp-contact a i {
    line-height: 1.2;
}

/****** cookie *******/
.banner-cookie-privacy {
    position: fixed;
    bottom: 0;
    left: 30px;
    width: 300px;
    z-index: 999999;
    background: #fff;
    color: #333333;
    border-radius: 25px;
    -webkit-box-shadow: 0px 0px 9px rgb(0 0 0 / 14%);
    box-shadow: 0px 0px 9px rgb(0 0 0 / 14%);
}

.content-banner-cookie-privacy {
    position: relative;
    max-width: 300px;
    margin: 0 auto;
    padding: 10px 20px;
    text-align: center;
}

.close-banner-cookie-privacy {
    position: absolute;
    top: 8px;
    right: 25px;
    font-size: 16px;
    cursor: pointer;
}
.banner-cookie-privacy a {
    color: #000000;
}
.banner-cookie-privacy a:hover {
    text-decoration: underline;
}
.banner-cookie-button {
    background-color: #000000;
    color: #ffffff;
    padding: 3px 10px;
    border-radius: 3px;
    margin-top: 10px;
    margin-bottom: 5px;
    cursor: pointer;
    display: inline-block;
}

/****** scroll top ******/
.scroll-top svg circle {
    stroke: #b6b6b6;
}
.scroll-top i {
    background-color: #b6b6b6;
    border-color: #b6b6b6;
}

/***** minipopup-area *****/
.minipopup-area .product {
    display: flex !important;
}
.btn-minipopup-cart, .btn-minipopup-cart:hover, .btn-minipopup-cart:active, .btn-minipopup-cart:focus {
    border-color: #000000;
    background-color: #ffffff;
    color: #000000;
    margin-left: 2px;
    margin-right: 2px;
}
.btn-minipopup-checkout, .btn-minipopup-checkout:hover, .btn-minipopup-checkout:active, .btn-minipopup-checkout:focus {
    border-color: #000000;
    background-color: #ffffff;
    color: #000000;
    margin-left: 2px;
    margin-right: 2px;
}
.minipopup-error a, .minipopup-error a:hover, .minipopup-error a:active, .minipopup-error a:focus {
    color: #f12a56 !important;
}

/****** registrazione *******/
.login-popup {
    max-width: 90rem;
    text-align: center;
    margin: 0 auto;
}
.login-popup .form-group label, .login-popup .form-select label {
    display: block;
    text-align: left;
}
.login-popup input[type='date'] {
    width: 100%;
    border: 1px solid #e0dede;
    margin-bottom: 0 !important;
}
.login-popup ul {
    list-style: none;
}
.login-popup ul li {
    display: inline-block;
    margin-right: 10px;
}
.login-popup ul li input {
    margin-bottom: 0 !important;
    padding: 0 !important;
}
.register-form input[type='email'],
.register-form input[type='password'], 
.register-form input[type='text'],
.register-form input[type='date'],
.register-form select {
    border-radius: 10px;
}
.register-form .btn {
    border-radius: 10px;
    text-transform: capitalize;
    font-size: 18px;
}
.login-popup .btn {
    padding: 0.8em 5em;
}

/***** login ******/
.login-form {
    background: #ffffff;
    padding: 30px;
    border-radius: 20px;
}
.login-form input[type='email'], .login-form input[type='password'] {
    border-radius: 10px;
    margin-top: 20px !important;
}
.login-form .btn {
    border-radius: 0;
    text-transform: UPPERCASE;
    font-size: 18px;
    padding: 10px 15px !important;
}
.login-form .forgot-pass {
    text-decoration: underline;
}
.login-form .login-header p {
    color: #333333;
    font-weight: 500;
    font-size: 19px;
}
.coming-page .banner-content {
    max-width: 100%;
}

/***** cart *****/
.step-by .title.title-step.active {
    color: #000000;
}
.cart-dropdown:hover, .dropdown.show>a, .dropdown:hover>a {
    color: #000000 !important;
}
.cart-dropdown .cart-count:not(.not-badge) {
    background-color: #000000;
    color: #ffffff;
    top: 0;
    left: 18px;
    font-size: 12px;
}
.shop-table tbody{
    border-bottom:0px;
}

.shop-table th{
    font-weight: 400;
    font-size: 24px;
}
.cart-table .remove-from-cart {
    padding: 9px 20px;
    background-color: #000000;
    border-color: #000000;
}
.cart-table .remove-from-cart i {
    margin-left: 0;
}
.cart-table .product-name {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}
.cart-table .product-combination-name, .cart-table .product-combination-price, .cart-table .product-price {
    font-size: 16px;
}
.cart-sidebar i {
    font-size: 1.65em;
    margin: 1px 2px 0 0;
}
.alert-product-coupon a:hover {
    color: #ffffff;
}
.coupon-title {
    color: #000000;
    font-family: InterRegular, serif !important;
    font-size: 30px !important;
    font-weight: bold;
}
.apply-coupon, .apply-coupon:hover, .apply-coupon:active, .apply-coupon:focus {
    background-color: #000000;
    border-color: #000000;
    width: 100%;
}
.cart-table-gift-card-row td {
    border: 0;
}
.cart-table-gift-card-row a {
    padding: 11px;
}
.cart-table-gift-card-row input {
    padding: 10px;
}
.gift-card-button {
    align-self: flex-end;
}
.gift-card-button .remove-gift-card-customer-data {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
}
.gift-card-button .save-gift-card-customer-data {
    background-color: #8bc34a;
    border-color: #8bc34a;
    color: #ffffff;
}
.gift-card-button .remove-gift-card-customer-data i,
.gift-card-button .save-gift-card-customer-data i {
    margin: 0;
}

/***** checkout *****/
.check-detail input[type='date'] {
    height: 58px;
    width: 100%;
    border: 1px solid #e0dede;
    padding-left: 15px;
}
.check-detail input:read-only, .check-detail select:disabled {
    background-color: #f6f6f6;
}
.check-detail .title {
    border-bottom: 1px solid #e0dede;
}
.payment-list .radio-list-item, .transporter-list .radio-list-item {
    background: #fafcfd;
    margin: 5px 5px 5px 0;
    padding: 10px;
    border-radius: 10px;
}
.order .order-message {
    border: 1px solid #000000;
}
.order-message .icon-box-icon {
    color: #000000;
}
.order-message .icon-box-side .icon-box-title {
    font-size: 1.5em;
    color: #333333;
}
.order-sidebar tbody>tr:not(:first-child) {
    border-bottom: 0;
}
.order-sidebar tbody>tr:last-child {
    border-bottom: 1px solid #e0dede;
}
.order-sidebar tbody>tr:nth-child(2) td {
    padding-bottom: 0;
}
.order-sidebar tbody>tr td {
    padding-bottom: 2rem !important;
}
.check-login-message {
    border-bottom: 3px solid #000000;
    padding: 10px;
    color: #333333;
}
.check-login-message a {
    font-weight: 400;
}
.check-login-message a:hover {
    color: #333333;
}
.order-details-table tbody tr td:nth-child(2) {
    text-align: left;
}
.order-details-table tbody tr:nth-child(3) {
    border-bottom: 0;
}
.order-details-table tbody tr {
    border-bottom: 1px solid #e0dede;
}
.order-details-table th {
    padding: 10px 0;
}
.order-details-table tbody tr td {
    padding: 15px 0;
    text-align: center;
}

.radio-list-items {
    list-style: none;
    padding-left: 0;
}
.transporter-list input[type=radio], .payment-list input[type=radio] {
    border-radius: 50%;
}
.optional-data-message {
    margin: 20px 0;
    font-style: italic !important;
}
.payment-card {
    width: 190px;
    margin-left: 30px;
}

.show-checkout-login:hover, .show-checkout-register:hover,
.go-checkout-login:hover, .go-checkout-recovery:hover {
    color: #000000;
}
.show-checkout-login.selected, .show-checkout-register.selected,
.go-checkout-login.selected, .go-checkout-recovery.selected {
    color: #ffffff;
}

/*************************************************/
/******************* responsive ******************/
/*************************************************/

@media (max-width: 570px) {
    .account-nav li span {
        display: none;
    }
    .mobile-menu li a {
        font-size: 18px;
        padding-bottom: 15px;
        padding-top: 15px;
    }
    .logo img {
        width: 250px;
    }
    .header-top {
        font-size: 11px;
        padding: 1px 0;
    }
    .banner-promo {
        margin-bottom: 40px;
    }
    .banner-promo .post-details {
        padding: 15px 30px;
    }
    .section-home-products {
        padding: 0px 0;
        margin-top: 50px;
    }
    .section-home-products .d-flex {
        display: block !important;
    }
    .section-home-products .title-bg {
        margin-bottom: 10px !important;
        font-size: 28px;
        justify-content: center;
    }
    .subtitle-list {
        justify-content: center;
    }
    .subtitle-list .title {
        margin-bottom: 10px;
    }
    .banner-middle-desc {
        padding-left: 0;
        margin-bottom: 20px;
        text-align: center;
    }
    .banner-middle .btn {
        margin-right: 0;
    }
    .banner-middle .d-flex {
        justify-content: center !important;
    }
    .banner-middle h3 {
        margin-bottom: 20px;
    }
    .banner-bottom-bg-left {
        margin-right: 0;
    }
    .banner-bottom-desc-left, .banner-bottom-desc-right {
        text-align: center;
    }
    .banner-bottom-desc-left h3, .banner-bottom-desc-right h3 {
        margin-bottom: 20px;
    }
    .banner-bottom-bg-right {
        margin-left: 0;
    }
    .footer-info-section .col-xs-6, .footer-info-section .col-sm-6 {
        width: 50%;
        margin-bottom: 50px;
    }
    .footer .widget-body.link-list {
        padding-left: 0;
        list-style: none;
    }
}
@media screen and (max-width: 1200px) {
    .main-nav {
        display: none;
    }
    .mobile-menu-toggle {
        display: block;
    }
}
@media screen and (max-width: 1024px) {
    .product-details .product-price .price span {
        width: 100%;
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .section-home-products .product-wrap img,
    .section-products-list .product-wrap img,
    .section-products-correlated .product-wrap img {
        height: auto !important;
        max-width: 170px;
    }

    .section-home-category .row>* {
        width: 50%;
    }
    .section-home-category .row {
        margin-left: 0;
        margin-right: 0;
    }
    .section-home-category {
        padding: 70px 0 0 0;
    }
    
    .footer {
        text-align: center;
    }
    .footer-right img {
        width: 80px;
        margin: 0 auto;
    }

    .page-header {
        height: auto;
    }

    .product-form .btn-cart {
        font-size: 14px;
    }
    
    /*** slider ***/
    .home-slide .banner-title, .home-slide .banner-subtitle {
        font-size: 4em;
    }

    .diagonal-content {
        padding: 50px 0;
    }

    .section-home-partnership {
        text-align: center;
    }

    .account-menu .menu li:last-child {
        margin-right: 1.5rem;
    }
}

@media screen and (max-width: 768px) {
    .header .sticky-content-wrapper {
        height: auto !important;
    }
    .header .mob-menu {
        display: block;
    }

    .header-search.hs-toggle .form-simple {
        left: 0;
    }

    .header-search a:hover i {
        color: #ffffff;
    }

    .menu:not(.toggle-menu) li>ul {
        left: -400%;
    }
    .alert-cart-message a.btn {
        width: 100%;
        margin-top: 10px;
    }
    .step-by {
        padding: 0;
    }
    .step-by .title.title-step {
        padding: 0;
        margin: 0 10px 0 0;
        font-size: 20px;
    }
    .step-by .title.title-step:not(:last-child):after {
        display: none;
    }    
    .check-detail .tab-boxed .tab-pane {
        padding: 10px;
    }
    .overview-item:not(:last-child):after {
        display: none;
    }
    .cart-actions a {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 768px) {
    .header{
        height: 110px !important;
    }
    .mobile-menu-container{
        padding: 30px;
    }
    .mobile-menu-close{
        top: 36px;
        right: 36px;
    }
    .header-middle .header-search {
        display: block;
    }
    .shop-table.cart-table .cart-image, .shop-table.cart-table .cart-product-name {
        width: 100% !important;
    }
    .shop-table.cart-table .cart-image img {
        display: inline;
    }
    .shop-table.cart-table .cart-quantity {
        float: left;
        width: 55% !important;
        text-align: right;
    }
    .shop-table.cart-table .cart-remove {
        float: left;
        width: 45% !important;
        text-align: left;
    }
    .shop-table.cart-table .cart-remove a {
        height: 4rem;
    }
    .shop-table.cart-table tr {
        margin-bottom: 50px;
    }
}
@media screen and (min-width: 761px) and (max-width: 1024px) {
    /*** slider ***/
    .home-slide .banner-content{
        padding: 50px 120px !important;
    }
    .home-slide .banner-title, .home-slide .banner-subtitle {
        font-size: 4em;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1440px) {
    /*** slider ***/
    .home-slide .banner-content{
        padding: 60px 135px !important;
    }
    .home-slide .banner-title, .home-slide .banner-subtitle {
        font-size: 5em;
    }
}
@media screen and (max-width: 760px) {
    .menu>li {
        margin-right: 1rem;
    }
    .home-slide .banner-content{
        top: 60% !important;
        padding: 30px 60px !important;
    }
    .home-slide .banner-title, .home-slide .banner-subtitle {
        font-size: 3em;
    }
}

input[type=radio] {
    /*display: inline-block;
     width: auto; 
     height: auto; 
     border-radius: 0px; 
     margin-bottom: 0; 
     margin-right: 0; 
     font-size: 14px; 
     cursor: pointer;
     -webkit-appearance: checkbox;*/

    display: inline-flex;
    width: 1.286em;
    height: 1.286em;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-bottom: 0.3em;
    margin-right: 0.286em;
    font-size: 0.875em;
    cursor: pointer;
    -webkit-appearance: none;
}

.pc-image-item [type=radio] {
    position: absolute !important;
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.pc-image-item {
    cursor: pointer;
    margin-bottom: 8px;
    position: relative;
}

.pc-image-item [type=radio]:checked+img {
    outline: 1px solid #000000;
}

.pc-image-item img {
    width: 90px !important;
    /* height: 45px !important; */
    outline: 1px solid #dedede;
    overflow: hidden;
    border-radius: 8px;
    margin-right: 10px;
}

.select-with-image-container {
    height: 51px;
}

.select-with-image-container select {
    width: calc(100% - 60px);
    float: left;
}

.select-with-image-container .select-image-container {
    width: 50px;
    height: 100%;
    padding: 2px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
}

.select-with-image-container .select-image-container img {
    max-width: 48px;
    max-height: 100%;
    border-radius: 5px;
}

.form-simple{
    border: 0px;
}

.form-simple .btn{
    transform: none;
}

@media screen and (max-width: 768px) {
    .social-container{
        justify-content: center;
    }
    
}

/****** chi siamo ******/
.about-info-box{
    padding:70px;
    padding-top:240px;
    padding-left: 70px;
}
.title-icon-box h1{
    font-size: 75px;
    line-height: 75px;
}

.about-info-box > p{
    font-size: 20px;
}

@media screen and (max-width: 1600px) {
    .about-info-box{
        padding:60px;
        padding-top:180px;
        padding-left: 65px;
    }
    .title-icon-box h1{
        font-size: 65px;
        line-height: 65px;
    }    
}

@media screen and (max-width: 1440px) {
    .about-info-box{
        padding:50px;
        padding-top:180px;
        padding-left: 65px;
    }
    .title-icon-box h1{
        font-size: 55px;
        line-height: 55px;
    }    
}

@media screen and (max-width: 1270px) {
    .about-info-box{
        padding:40px;
        padding-top:180px;
        padding-left: 65px;
    }
    .title-icon-box h1{
        font-size: 45px;
        line-height: 45px;
    }    
}

@media screen and (max-width: 1150px) {
    .about-info-box{
        padding:30px;
        padding-top:180px;
        padding-left: 65px;
    }
    .title-icon-box h1{
        font-size: 35px;
        line-height: 35px;
    }    
    .about-info-box > p{
        font-size: 18px;
    }
}

@media screen and (max-width: 920px) {
    .about-info-box{
        padding:30px;
        padding-top:180px;
        padding-left: 65px;
    }
    .title-icon-box h1{
        font-size: 25px;
        line-height: 25px;
    }  
    .about-info-box > p{
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .about-info-box{
        padding:30px;
        padding-top:180px;
        padding-left: 65px;
    }
    .title-icon-box h1{
        font-size: 65px;
        line-height: 65px;
    }
}

@media screen and (max-width: 590px) {
    .about-info-box{
        padding:30px;
        padding-top:140px;
        padding-left: 65px;
    }
    .title-icon-box h1{
        font-size: 45px;
        line-height: 45px;
    }  
    .title-icon-box img{
        padding:10px;
    }
}

@media screen and (max-width: 470px) {
    .about-info-box{
        padding:40px;
        padding-top:140px;
    }
    .title-icon-box h1{
        font-size: 35px;
        line-height: 35px;
    }  
}

/****** spedizioni e pagamenti ******/
.shipping-payment-section h2{
    font-size: 25px;
}

/****** carrello ******/
.cart-message {
    background-color: #2AB7C1;
    color: #3f3f3f;
    padding: 5px 10px;
    margin-bottom: 20px;
    font-weight: 500;
}
.cart-message a:hover {
    color: #3f3f3f;
    text-decoration: underline;
}
.summary{
    box-shadow: 0px 0px 20px -5px #00000033;
}
.summary-subtotal{
    border-bottom: 1px solid #B0B0B0;
}
.cart-summary table.total .summary-subtotal{    
    border-bottom: 0px;
}
.summary .summary-subtitle, .summary .summary-subtotal-price{
    font-weight: 600;
    font-size: 22px;
    color: #000000;
}
.cart-back{
    background-color: #000000;
    border-color: #000000;
}

.free-shipping-rest .rating-percent {
    width: 100%;
}
.free-shipping-rest .rating-percent span {
    background: #000000;
}

.product-details .radio-list-item input[type=radio]{
    display: none;
}

.product-details .radio-list-items{
    margin: 10px -10px;
    display: inline-block;
    width: 100%;
}

.product-details .radio-list-item{
    float: left;
    width: 25%;
    padding:0 10px;
    display: block;
    margin-bottom: 20px;
}

@media screen and (max-width: 1220px) {
    .product-details .radio-list-item{
        width: 33.3333%;
    }
}

@media screen and (max-width: 1000px) {
    .product-details .radio-list-item{
        width: 50%;
    }
}

@media screen and (max-width: 550px) {
    .product-details .radio-list-item{
        width: 100%;
    }
    .tab-outline .nav-link{
        font-size: 11px;
    }
}

.product-details .radio-list-item .custom-control-label{ 
    width: 100%;
    display: block;
    padding: 2px;
    text-align: center;
    border:1px solid #727272;
    color: #727272;
    font-size: 20px;
    font-weight: 300;
    text-transform: unset;
}

.product-details .radio-list-item  input[type=radio]:checked + .custom-control-label{
    background-color: #000000;
    border:1px solid #000000;
    color: #ffffff;
}

/* blog */
.blog-post-archive {
    margin-top: 70px;
}
.post{
    box-shadow: 0px 0px 20px -5px #00000033;
    /*border-radius: 30px;*/
    /*border:1px solid #c9c9c9;*/
}
.breadcrumb-blog{
    padding-bottom:20px;
    padding-top:0px !important;
}

.post-wrapper, .post-search-key, .breadcrumb{
    padding-left: 20px;
    padding-right: 20px;
}

.post-classic .post-title, .post-classic .post-content{
    padding: 0px;
}

.post .post-title a{
    color: #000000;
    font-family: InterBold, serif !important;
    font-size: 36px;
}

.post .post-content{
    font-size: 22px;
}

.post-details .btn{
    background-color: #000000;
    color: #ffffff;
    font-size: 1em;
    border:0px;
}
.post-border .post-details {
    border: 0;
}

.tag{
    font-size: 16px;
}
.tag:hover{
    background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}

.post-category-tree-list a{
    font-size: 20px;
    font-weight: 400;
    
}

.post-category-tree-list .dd-item::marker{
    color: #ffffff;
}

.post-classic .post-details{
    padding: 20px;
    font-size: 18px;
}

.widget-search input{
    padding: 1.1em 1.22em 0.9em
}

.post-post-grid .entry-title a{
    color: #000000;
    font-family: InterBold, serif !important;
    font-size: 26px;
}

@media screen and (max-width: 550px) {
    .post-wrapper, .post-search-key, .breadcrumb{
        padding-left: 0px;
        padding-right: 0px;
    }

    .post .post-title a{
        font-size: 26px;
    }
    
    .post .post-content{
        font-size: 18px;
    }
    
    .tag{
        font-size: 14px;
    }
}

.product-name {
    overflow: initial;
}

.v-image-slider-thumbnails {
    width: calc(15% - 20px);
    float: left;
    margin-right: 20px;
    height: 500px;
    overflow: hidden;
    position: relative;
}

.v-image-slider-thumbnails-list {
    position: absolute;
    left: 0px;
    top: 0px;
}

.v-image-slider-thumbnails-list-prev,
.v-image-slider-thumbnails-list-next {
    position: absolute;
    left: 0px;
    color: #000000;
    width: 100%;
    background-color: white;
}

.v-image-slider-thumbnails-list-prev div,
.v-image-slider-thumbnails-list-next div {
    background-color: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 12px 8px;
}

.v-image-slider-thumbnails-list-prev {
    display: none;
    padding-bottom: 8px;
    top: 0px;
}

.v-image-slider-thumbnails-list-prev div {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.v-image-slider-thumbnails-list-next {
    bottom: 0px;
    padding-top: 8px;
}

.v-image-slider-thumbnails-list-next div {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.v-image-slider-thumbnails-list-prev .fa-chevron-left {
    display: none;
}

.v-image-slider-thumbnails-list-next .fa-chevron-right {
    display: none;
}

.v-image-slider-thumb {
    cursor: pointer;
    width: 100%;
    height: 90px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    overflow: hidden;
    /*border: 1px solid #B98C48;*/
}

.v-image-slider-thumb.selected {
    border: 1px solid #000000;
}


.v-image-slider-thumb img {
    max-width: 100%;
    max-height: 100%;
}

.v-image-slider-image {
    width: 85%;
    /*height:500px;*/
    float: right;
    border-radius: 15px;
    overflow: hidden;
    border: 0px solid #B98C48;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.v-image-slider-image img {
    width: 100%;
    /*max-height:100%;*/
}
@media screen and (max-width: 991px) {
    .breadcrumb-nav .breadcrumb {
        padding-top: 10px !important;
    }

    .v-image-slider-thumbnails {
        width: 100%;
        padding-right: 0px;
        height: 90px;
        overflow-x: auto;
    }

    .v-image-slider-thumbnails-list {
        display: flex;
        white-space: nowrap;
    }

    .v-image-slider-image {
        /*height:400px;*/
        width: 100%;
        margin-bottom: 20px;
    }

    .v-image-slider-thumb {
        width: 80px;
        height: 80px;
        /*float: left;*/
        flex: 0 0 auto;
        margin-bottom: 0px;
        margin-right: 12px;
    }

    .v-image-slider-thumbnails-list-prev,
    .v-image-slider-thumbnails-list-next {
        width: auto;
        height: 100%;
        display: none;
    }

    .v-image-slider-thumbnails-list-prev {
        display: none;
        padding-right: 8px;
        padding-bottom: 0px;
        left: 0px;
        right: unset;
    }

    .v-image-slider-thumbnails-list-prev div {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 0px;
        width: auto;
    }

    .v-image-slider-thumbnails-list-next {
        left: unset;
        right: 0px;
        padding-left: 8px;
        padding-top: 0px;
    }

    .v-image-slider-thumbnails-list-next div {
        border-bottom-left-radius: 0px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        width: auto;
    }

    .v-image-slider-thumbnails-list-prev .fa-chevron-left {
        display: block;
    }

    .v-image-slider-thumbnails-list-next .fa-chevron-right {
        display: block;
    }

    .v-image-slider-thumbnails-list-prev .fa-chevron-up {
        display: none;
    }

    .v-image-slider-thumbnails-list-next .fa-chevron-down {
        display: none;
    }
}

@media screen and (max-width: 590px) {
    .v-image-slider-thumbnails {
        height: 70px;
    }

    .v-image-slider-thumb {
        width: 60px;
        height: 60px;
    }

    .v-image-slider-image {
        /*height:300px;*/
    }
}

@media screen and (max-width: 768px) {
    .main, footer, .footer-image-box {
        padding: 0 20px;
    }
    .menu:not(.toggle-menu) li .megamenu, .menu:not(.toggle-menu) li>ul {
        left: -150px !important;
    }
    .remove-all-from-cart {
        margin-left: 0 !important;
    }
    .apply-checkout-coupon {
        width: 100%;
    }
    .alert .alert-close {
        right: 0;
    }
    .cart-coupon-box {
        padding-top: 0 !important;
    }
    .cart-coupon-box .coupon-code {
        margin-bottom: 0 !important;
    }
    .cart-coupon-box .coupon-title {
        margin-bottom: 10px !important;
    }
    .owl-nav {
        /*display: none !important;*/
    }
    .owl-nav-inner .owl-nav .owl-prev {
        left: -22px !important;
    }
    .owl-nav-inner .owl-nav .owl-next {
        right: -22px;
    }
    .header-message>a {
        font-size: 13px;
    }
    .header-message {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .order-message .icon-box-side .icon-box-title {
        font-size: 16px;
    }
    .cart-actions.cart-buttons {
        width: 100%;
    }

    /*** tabella mobile ***/
  .order-details table, .order-details thead, .order-details tbody, .order-details th, .order-details  td, .order-details  tr {
    display: block;
    width: 100%;
  }
  .order-details thead tr {
    display: none;
  }
  .order-details tr {
    margin-bottom: 10px;
    padding: 10px;
  }
  .order-details  td {
    display: flex;
    justify-content: space-between;
    padding: 0 !important;
  }
  .order-details  td::before {
    content: attr(data-label);
    font-weight: bold;
  }
  .order-details-table tbody tr td {
    width: auto !important;
    text-align: right !important;
  }
  .order-table-empty-row {
    display: none !important;
  }
  .order-details td:not([data-label]) {
    display: none !important;
  }
  .contact-box-with-shadow {
    padding: 0;
    margin-left: 0;
  }
  .coupon-title {
    font-size: 22px !important;
  }
  .page-content-row {
    margin-top: 20px !important;
  }
  .page-content-row .title {
    margin-bottom: 25px !important;
  }
  .page-content-row .owl-carousel .owl-stage-outer {
    padding-top: 10px !important;
  }
  .home-counter {
    padding: 25px 0;
  }
  .detail-paymant-icon {
    margin-top: 10px !important;
  }
  .product.product-single.product-simple {
    margin-bottom: 0 !important;
  }
  .product-contents {
    margin-bottom: 10px !important;
  }
  .detail-paymant-icon .col-xs-2 {
    width: 25%;
  }
  .grecaptcha-badge {
      bottom: 84px !important;
  }
}