@import"https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,500italic,600italic,700italic,800italic,700,300,600,800,400,500&subset=cyrillic-ext,greek-ext,latin,latin-ext,cyrillic,greek,vietnamese";
@import"https://fonts.googleapis.com/css?family=Shadows+Into+Light:300italic,400italic,500italic,600italic,700italic,800italic,700,300,600,800,400,500&subset=cyrillic-ext,greek-ext,latin,latin-ext,cyrillic,greek,vietnamese";
@import"https://fonts.googleapis.com/css?family=Oswald:300italic,400italic,500italic,600italic,700italic,800italic,700,300,600,800,400,500&subset=cyrillic-ext,greek-ext,latin,latin-ext,cyrillic,greek,vietnamese";
@import"https://fonts.googleapis.com/css?family=Poppins:300italic,400italic,500italic,600italic,700italic,800italic,700,300,600,800,400,500&subset=cyrillic-ext,greek-ext,latin,latin-ext,cyrillic,greek,vietnamese";

* {
    margin: 0;
    padding: 0
}

html {
    font-size: 16px;
    font-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    padding: 0 !important;
    overflow-x: hidden
}

.hide {
    display: none
}

.show {
    display: block
}

body {
    line-height: 1;
    text-align: left
}

body.boxed {
    background-color: #000;
    padding: 25px 0
}

body.boxed .wrapper .page {
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media(min-width:768px) {
    body.boxed .wrapper .page {
        max-width: 740px
    }
}

@media(min-width:992px) {
    body.boxed .wrapper .page {
        max-width: 980px
    }
}

@media(min-width:1160px) {
    body.boxed .wrapper .page {
        max-width: 1160px
    }
}

body.boxed .container {
    padding: 0
}

body .main-container .main-breadcrumbs.fixed-position,
body .footer-wrapper .main-breadcrumbs.fixed-position {
    position: fixed;
    top: 0;
    width: 100%;
    padding-bottom: 12px;
    z-index: 999;
    box-shadow: 0 1px #0000001a
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 5px;
    line-height: 1.35
}

hr {
    margin: 0
}

p {
    margin: 0 0 15px;
    line-height: 1.5
}

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

#preview-bar-iframe {
    display: none
}

a:hover,
a:active {
    text-decoration: none
}

a:focus {
    outline: medium none;
    text-decoration: none
}

:focus {
    outline: 0;
    text-decoration: none
}

ul,
ol {
    list-style: none outside none
}

ul,
ol {
    margin: 0;
    padding: 0
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

p {
    line-height: 1.5
}

.form-list .input-box {
    display: block;
    position: relative;
    clear: both;
    line-height: 30px
}

.move-below-header {
    display: none
}

.form-list select {
    width: 100%
}

input.input-full,
textarea,
select {
    height: 26px;
    padding: 2px 8px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    color: #777;
    font-size: 13px
}

input.input-full,
textarea,
.input-text {
    width: 100%;
    height: 38px;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 0;
    background-color: #fff;
    border-color: #00000017
}

textarea {
    height: 10em;
    line-height: 1.4
}

.btn-button {
    padding-top: 10px;
    padding-bottom: 10px
}

button,
.btn-button {
    display: inline-block;
    padding: 0 15px;
    border: 0;
    background: #3b3b3b;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    text-align: center;
    white-space: nowrap;
    -webkit-appearance: none;
    cursor: pointer
}

button:focus,
.btn-button:focus {
    outline: none
}

input {
    line-height: 1.6
}

button.btn-button span span {
    padding: 0;
    border: 0;
    border-width: 0;
    background: transparent;
    color: inherit;
    line-height: inherit
}

select {
    height: 35px;
    padding: 0 30px 0 10px;
    border: 1px solid #e4e4e4;
    border-radius: 0;
    background-position: right 0 center;
    background-color: transparent;
    background-image: var(--select-bg-image);
    background-repeat: no-repeat;
    color: #777;
    font-size: 13px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.ie9 select,
.lt-ie9 select {
    padding-right: 10px;
    background-image: none
}

.image-link {
    display: block;
    position: relative;
    width: 100%
}

.image-link:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .2s;
    background-color: #000;
    content: "";
    opacity: 0;
    visibility: hidden;
    filter: alpha(Opacity=0)
}

.image-link:hover:after {
    opacity: .1;
    visibility: visible;
    filter: alpha(Opacity=10)
}

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

.mfp-close {
    text-indent: -9999px;
    -webkit-transform: rotateZ(45deg);
    transform: rotate(45deg);
    width: 41px;
    height: 41px;
    color: inherit
}

.mfp-close:before,
.mfp-close:after {
    content: "";
    position: absolute;
    width: 17px
}

.mfp-close:before {
    top: 20px;
    left: 12px;
    border-top: 1px solid
}

.mfp-close:after {
    height: 17px;
    top: 12px;
    left: 20px;
    border-left: 1px solid
}

.porto-block-html-top .mfp-close {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    color: inherit;
    opacity: .7;
    overflow: hidden
}

.loader-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 199;
    text-align: center;
    background-color: #ffffff80;
    display: none
}

.loader-container>.loader {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -17px
}

.loader-container i.porto-ajax-loader {
    border: 2px solid transparent;
    width: 34px;
    height: 34px;
    vertical-align: middle;
    border-radius: 20px;
    animation: spin .75s infinite linear;
    display: inline-block;
    border-top-color: var(--theme-color)
}

.loader-container i.porto-ajax-loader:before {
    left: -2px;
    top: -2px;
    display: inline-block;
    position: absolute;
    content: "";
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    border-top-color: inherit;
    animation: spin 1.5s infinite ease
}

.spr-icon.spr-icon-star-empty {
    color: #d6d6d6 !important;
    opacity: 1 !important
}

.product-view .spr-icon.spr-icon-star-empty {
    color: #999 !important
}

.spr-icon {
    opacity: 1
}

.spr-icon:before {
    font-size: 100% !important
}

.rating-box .spr-icon-star-empty:before,
.review-product-details .spr-icon-star-empty:before,
.ratings .spr-icon-star-empty:before {
    font-family: fontawesome;
    font-size: 12px;
    content: "\f005"
}

.animation-spin {
    animation: spin 20s infinite linear;
    -webkit-animation: spin 20s infinite linear
}

.visible-tablet,
.visible-phone {
    display: none
}

.m-b-xs {
    margin-bottom: 5px !important
}

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

@media(max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

.overflow-hidden {
    overflow: hidden
}

.is-transitioning {
    display: block !important;
    visibility: visible !important
}

.btn-button.text-only,
.spr-button.text-only {
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent
}

.btn-button.large,
.spr-button.large {
    padding: 12px 35px;
    font-size: 14px;
    line-height: 32px
}

.btn-button.small,
.spr-button.small {
    padding: 5px 15px
}

.btn-button.white,
.spr-button.white {
    border-color: #fff;
    background-color: #fff;
    color: #222
}

.btn-button.white:hover,
.spr-button.white:hover {
    border-color: #e4e4e4;
    background-color: #e4e4e4
}

.btn-button.black,
.spr-button.black {
    border-color: #222;
    background-color: #222;
    color: #fff
}

.btn-button.black:hover,
.spr-button.black:hover {
    border-color: #111;
    background-color: #111
}

.btn-button.bordered,
.spr-button.bordered {
    position: relative;
    overflow: visible
}

.btn-button.bordered.white,
.spr-button.bordered.white {
    color: #fff !important
}

.btn-button.bordered.white:hover,
.spr-button.bordered.white:hover {
    color: #222 !important
}

.btn-button.bordered.black,
.spr-button.bordered.black {
    border-color: #222;
    background-color: #222;
    color: #fff
}

.btn-button.bordered.black:hover,
.spr-button.bordered.black:hover {
    border-color: #111;
    background-color: #111
}

.btn-button.uppercase,
.spr-button.uppercase {
    text-transform: uppercase
}

.btn-button.rounded,
.spr-button.rounded {
    border-radius: 25px
}

.btn-button.rounded.large,
.spr-button.rounded.large {
    border-radius: 75px
}

.btn-button.sf-icon-reveal,
.spr-button.sf-icon-reveal {
    padding: 15px 35px;
    line-height: 20px;
    -webkit-transform: translate3d(0, 0, 0)
}

.btn-button.sf-icon-reveal i,
.spr-button.sf-icon-reveal i {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 30px;
    width: 20px;
    height: 100%;
    transform: scale(.5);
    -webkit-transform: scale(.5);
    line-height: 50px;
    text-align: right;
    opacity: 0;
    transition: all .4s cubic-bezier(.175, .885, .32, .15);
    font-size: 18px
}

.btn-button.sf-icon-reveal span,
.spr-button.sf-icon-reveal span {
    display: block;
    width: 100%;
    transition: all .4s cubic-bezier(.175, .885, .32, 1.15);
    text-align: center;
    vertical-align: 4px
}

.btn-button.sf-icon-reveal.standard,
.spr-button.sf-icon-reveal.standard,
.btn-button.sf-icon-reveal.standard:hover,
.spr-button.sf-icon-reveal.standard:hover {
    border-color: #e4e4e4
}

.btn-button.sf-icon-reveal.standard:hover i,
.spr-button.sf-icon-reveal.standard:hover i {
    right: 20px;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.btn-button.sf-icon-reveal.standard:hover span,
.spr-button.sf-icon-reveal.standard:hover span {
    transform: translate(-12px);
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px)
}

.btn-button.sf-icon-reveal.white,
.spr-button.sf-icon-reveal.white {
    border-color: #fff;
    background-color: #fff;
    color: #222 !important
}

.btn-button.sf-icon-reveal.white:hover,
.spr-button.sf-icon-reveal.white:hover {
    border-color: #e4e4e4;
    background-color: #e4e4e4
}

.btn-button.sf-icon-reveal.white:hover i,
.spr-button.sf-icon-reveal.white:hover i {
    right: 20px;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.btn-button.sf-icon-reveal.white:hover span,
.spr-button.sf-icon-reveal.white:hover span {
    transform: translate(-12px);
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px)
}

.btn-button.sf-icon-reveal.black,
.spr-button.sf-icon-reveal.black {
    border-color: #222;
    background-color: #222;
    color: #fff
}

.btn-button.sf-icon-reveal.black:hover,
.spr-button.sf-icon-reveal.black:hover {
    border-color: #111;
    background-color: #111
}

.btn-button.sf-icon-reveal.black:hover i,
.spr-button.sf-icon-reveal.black:hover i {
    right: 20px;
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.btn-button.sf-icon-reveal.black:hover span,
.spr-button.sf-icon-reveal.black:hover span {
    transform: translate(-12px);
    -webkit-transform: translateX(-12px);
    -ms-transform: translateX(-12px)
}

.btn-button.effect,
.spr-button.effect {
    display: inline-block;
    position: relative;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transition-property: color;
    box-shadow: 0 0 1px #0000;
    vertical-align: middle;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition-duration: .3s
}

.btn-button.effect:before,
.spr-button.effect:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transition-duration: .3s;
    transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    transition-property: transform;
    transition-timing-function: ease-out;
    content: "";
    z-index: -1
}

.btn-button.effect:hover:before,
.spr-button.effect:hover:before {
    transform: scaleX(1);
    -webkit-transform: scaleX(1)
}

.icon-button {
    display: block;
    padding: 0;
    border: solid 1px #e0e0e0;
    text-align: center
}

.icon-button.large {
    width: 45px;
    height: 45px;
    line-height: 45px
}

.icon-button.larger {
    width: 50px;
    height: 50px;
    line-height: 50px
}

.icon-button.medium {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.icon-button.small {
    width: 35px;
    height: 35px;
    line-height: 35px
}

.icon-button:hover {
    border-color: #e0e0e0;
    color: #fff !important
}

.icon-button.smaller {
    width: 32px;
    height: 32px;
    line-height: 32px
}

.icon-button.xsmall {
    width: 27px;
    height: 27px;
    line-height: 27px
}

.icon-button.facebook:hover {
    background-color: #3f83c3
}

.icon-button.twitter:hover {
    background-color: #27c0c8
}

.icon-button.pinterest:hover {
    background-color: #de2f2f
}

.icon-button.google:hover {
    background-color: #fd3f3f
}

.icon-button.envelope:hover {
    background-color: #8f6540
}

.clearer:after {
    display: block;
    height: 0;
    clear: both;
    font-size: 0;
    line-height: 0;
    content: ".";
    overflow: hidden
}

.title-border-middle>.section-title {
    overflow: hidden;
    margin-bottom: 24px
}

.title-border-middle>.section-title .inline-title {
    position: relative
}

.title-border-middle>.section-title .inline-title:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 1200px;
    right: calc(100% + 20px)
}

.title-border-middle .products-slider .show-dots-title-right .owl-dots {
    top: -51px;
    height: 32px
}

.title-border-middle .products-slider .show-nav-title .owl-nav {
    margin-top: -35px
}

.title-border-bottom>.section-title {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.title-border-middle .section-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.title-border-middle .section-title .line-l,
.title-border-middle .section-title .line-r {
    height: 1px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 10%;
    background: #0000000f
}

.title-border-middle .section-title .inline-title {
    padding: 0 12px
}

.title-border-middle .section-title.text-left .inline-title {
    padding-left: 0
}

.title-border-middle .section-title.text-right .inline-title {
    padding-right: 0
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav button {
    outline: 0
}

.owl-carousel .img-thumbnail {
    max-width: 100%
}

.owl-carousel .img-thumbnail img {
    width: 100%
}

.owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: 0;
    width: 100%;
    flex: none
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 22px;
    margin: 0;
    transform: translateY(-50%)
}

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

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

.owl-carousel .owl-nav .owl-prev:before {
    font-family: Porto;
    content: "\e819";
    position: relative;
    left: -1px
}

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

.owl-carousel .owl-nav .owl-next:before {
    font-family: Porto;
    content: "\e81a";
    position: relative;
    left: 1px
}

.owl-carousel .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-carousel.middle .owl-nav {
    top: 50% !important
}

.owl-carousel .owl-dots button {
    background: 0 0;
    padding: 0
}

.owl-carousel.stage-margin .owl-stage-outer {
    margin-left: 40px;
    margin-right: 40px
}

.owl-carousel.stage-margin .owl-stage-outer .owl-stage {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.owl-carousel.nav-bottom .owl-stage-outer {
    margin-bottom: 10px
}

.owl-carousel.show-nav-hover .owl-prev {
    left: -10px;
    transform: translate(-10px, -50%)
}

.owl-carousel.show-nav-hover .owl-next {
    right: -10px;
    transform: translate(10px, -50%)
}

.owl-carousel.show-nav-hover .owl-next,
.owl-carousel.show-nav-hover .owl-prev {
    transition: opacity .2s, transform .4s;
    opacity: 0
}

.owl-carousel.show-nav-hover:hover .owl-next,
.owl-carousel.show-nav-hover:hover .owl-prev {
    opacity: 1;
    transform: translateY(-50%)
}

.owl-carousel.show-nav-hover:hover .owl-next.disabled,
.owl-carousel.show-nav-hover:hover .owl-prev.disabled {
    opacity: .5
}

.owl-carousel.show-nav-title .owl-nav {
    top: 0;
    right: 0;
    margin-top: -20px;
    width: auto
}

.owl-carousel.show-nav-title .owl-nav [class*=owl-],
.owl-carousel.show-nav-title .owl-nav [class*=owl-]:active,
.owl-carousel.show-nav-title .owl-nav [class*=owl-]:hover {
    background: 0 0 !important;
    width: 18px;
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
    color: #21293c
}

.owl-carousel.show-nav-title .owl-nav .owl-next {
    right: 5px
}

.owl-carousel.show-nav-title .owl-nav .owl-prev {
    left: -40px;
    right: auto
}

.owl-carousel.nav-bottom .owl-nav {
    position: static;
    margin: 0;
    padding: 0;
    width: auto
}

.owl-carousel.nav-bottom .owl-nav .owl-next,
.owl-carousel.nav-bottom .owl-nav .owl-prev {
    position: static;
    transform: none;
    margin: 0 3px
}

.owl-carousel.rounded-nav .owl-nav [class*=owl-],
.owl-carousel.rounded-nav .owl-nav [class*=owl-]:hover {
    padding: 3px 7px;
    border-radius: 50%;
    background: 0 0 !important;
    border: 1px solid #999 !important;
    color: #999;
    width: 30px
}

.owl-carousel.nav-style-1 .owl-nav [class*=owl-] {
    width: 20px;
    background: 0 0 !important;
    color: #000;
    font-size: 20px
}

.owl-carousel.show-dots-title .owl-dots {
    position: absolute;
    left: 155px;
    top: -54px;
    margin-top: 0 !important;
    line-height: 0;
    bottom: auto
}

.owl-carousel.show-dots-title-right .owl-dots {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    left: auto;
    right: 9px;
    margin-top: 0 !important;
    top: -42px;
    bottom: auto
}

.owl-carousel.nav-inside .owl-dots {
    bottom: 2px;
    margin-top: 10px;
    position: absolute;
    right: 6px;
    z-index: 1
}

.owl-carousel.nav-inside .owl-nav .owl-prev {
    left: 15px
}

.owl-carousel.nav-inside .owl-nav .owl-next {
    right: 15px
}

.owl-carousel.nav-inside-left .owl-dots {
    left: 6px;
    right: auto
}

.owl-carousel.nav-inside-center .owl-dots {
    right: 36px;
    left: 36px
}

.owl-carousel.big-nav .owl-nav [class*=owl-],
.owl-carousel.big-nav .owl-nav [class*=owl-]:hover,
.owl-carousel.full-width .owl-nav [class*=owl-],
.owl-carousel.full-width .owl-nav [class*=owl-]:hover {
    height: auto;
    padding: 20px 0;
    margin: 0
}

.owl-carousel.nav-style-2 .owl-nav [class*=owl-] {
    background: 0 0 !important;
    color: #fff;
    font-size: 26px
}

.owl-carousel.nav-style-3 .owl-nav [class*=owl-] {
    width: 35px;
    height: 45px;
    line-height: 33px;
    background-color: #262a2f66 !important;
    border-color: transparent !important
}

.owl-carousel.nav-style-4 .owl-nav [class*=owl-] {
    width: 30px;
    background: 0 0 !important;
    color: #333;
    font-size: 24px;
    -webkit-font-smoothing: antialiased
}

.owl-carousel.nav-style-4 .owl-prev:before {
    content: "\e829"
}

.owl-carousel.nav-style-4 .owl-next:before {
    content: "\e828"
}

.owl-carousel.nav-pos-inside .owl-nav .owl-prev {
    left: 15px
}

.owl-carousel.nav-pos-inside .owl-nav .owl-next {
    right: 15px
}

.owl-carousel.nav-pos-outside .owl-nav .owl-prev {
    left: -30px
}

.owl-carousel.nav-pos-outside .owl-nav .owl-next {
    right: -30px
}

@media(max-width:991px) {
    .owl-carousel.nav-pos-outside .owl-nav .owl-prev {
        left: -15px
    }

    .owl-carousel.nav-pos-outside .owl-nav .owl-next {
        right: -15px
    }
}

.owl-carousel.nav-top-right {
    position: relative !important
}

.owl-carousel.nav-top-right .owl-nav {
    top: -25px;
    right: -19px;
    width: 55px
}

.owl-carousel.nav-top-right .owl-nav .owl-next,
.owl-carousel.nav-top-right .owl-nav .owl-prev {
    font-size: 19px;
    color: #21293c;
    width: 25px
}

.owl-carousel.nav-center-images-only .owl-nav {
    top: 31%
}

.owl-carousel.top-border {
    padding-top: 18px
}

.owl-carousel .owl-item .owl-lazy {
    transition: all .2s linear, opacity .4s
}

@media screen and (prefers-reduced-motion:reduce) {
    .owl-carousel .owl-item .owl-lazy {
        transition: none
    }
}

.owl-carousel .owl-item .owl-lazy-loaded {
    opacity: 1
}

.owl-carousel .wpb_content_element {
    margin-bottom: 0
}

.owl-carousel.carousel-center-active-item .owl-item {
    opacity: .2;
    transition: opacity .3s
}

.owl-carousel.carousel-center-active-item .owl-item.center {
    opacity: 1
}

.owl-carousel.carousel-center-active-item-style-2 .owl-item {
    opacity: .7
}

.owl-carousel.dots-style-1 .owl-dots span {
    width: 14px;
    height: 14px;
    border: 2px solid #e7e7e7;
    background: 0 0 !important;
    margin: 2px;
    position: relative
}

.owl-carousel.dots-style-1 .owl-dot.active span,
.owl-carousel.dots-style-1 .owl-dot:hover span {
    border: 2px solid
}

.owl-carousel.dots-style-1 .owl-dot.active span:after,
.owl-carousel.dots-style-1 .owl-dot:hover span:after {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    border-radius: 10px;
    border: 2px solid
}

.owl-dots {
    text-align: center
}

.owl-dots .owl-dot {
    display: inline-block;
    cursor: pointer;
    zoom: 1
}

.owl-dots .owl-dot span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    border-radius: 20px;
    background: #a0a09f
}

.owl-dots .owl-dot.active span {
    background: #08c;
    opacity: 1
}

.dots-center .owl-dots {
    width: 100%
}

.icon-wishlist:before {
    content: "\e88a"
}

.page-404 {
    min-height: 300px;
    padding-top: 70px;
    text-align: center
}

.full-width .fullwidth-row,
.boxed .fullwidth-row {
    width: 100%;
    margin: 0
}

img[src=""],
img:not([src]) {
    display: inline-block !important;
    height: 0
}

html .background-color-dark {
    background: #222529
}

html .background-color-light {
    background: #fff
}

.porto-block-html-top {
    position: relative;
    overflow: hidden
}

.row-center .row {
    justify-content: center
}

.header-row {
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.header-center,
.header-right,
.header-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.header-center {
    margin-left: auto
}

.header-right {
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto
}

.header-left,
.header-right {
    -ms-flex: 1;
    flex: 1
}

.switcher-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.product-view .product-options .selector-wrapper {
    display: none
}

.top-select>ul {
    border: 1px solid #ccc
}

.col-left {
    -ms-flex-order: 0;
    order: 0
}

.col-right {
    -ms-flex-order: 2;
    order: 2
}

.hide-actions .links-on-image,
.hide-actions .yith-wcwl-add-to-wishlist,
.hide-actions .add-links-wrap,
.hide-collection .category-list,
.hide-rating .rating-wrap {
    display: none !important
}

.widget .widget-title,
.widget .widget-title a,
.widget .widgettitle,
.widget .widgettitle a {
    line-height: 1.4;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none
}

.widget .widget-title,
.widget .widgettitle {
    margin-bottom: 15px;
    font-size: 1em;
    margin-top: 0
}

.main-content .main-breadcrumbs .container {
    padding: 0 !important
}

.page-header-8 {
    padding: 1.25rem 0
}

.page-header-8 li {
    line-height: 3.521875rem
}

.page-header-8 li a {
    color: #222529;
    font-family: Poppins;
    text-decoration: none;
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: -.03em;
    transition: opacity .3s;
    vertical-align: middle
}

.page-header-8 li i {
    color: #222529;
    font-size: 1.875rem;
    font-weight: 700;
    margin: 0 1.2rem;
    float: left
}

.page-header-8 li.current a,
.page-header-8 li:not(.disable) a:hover {
    opacity: 1;
    color: var(--theme-color)
}

.page-header-8 li.current~li a,
.page-header-8 li.current~li i {
    opacity: .5
}

.page-header-8 li.disable a {
    pointer-events: none
}

.page-header-8 .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border-radius: 0;
    margin-bottom: 0;
    justify-content: center;
    background: none
}

.shopify-challenge__container {
    padding-top: 2.5rem
}

.shopify-challenge__container .btn {
    padding: 1rem 30px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1.22857;
    font-size: .9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0
}

.shop_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 1em
}

@media(max-width:767px) {
    .shop_table {
        border: 1px solid #e7e7e7;
        border-top: 4px solid var(--theme-color);
        box-shadow: 0 2px 4px #0000000d
    }
}

.shop_table thead tr,
.shop_table tr:not(:last-child) {
    border-bottom: 1px solid #e7e7e7
}

.shop_table a:not(.btn-button) {
    color: #777;
    text-decoration: none
}

.shop_table th {
    text-align: left;
    padding: 10px
}

.shop_table .product-thumbnail img {
    max-width: 80px;
    height: auto
}

.shop_table .product-thumbnail>div {
    width: 80px;
    margin: 0 auto
}

.shop_table.cart-table th.product-thumbnail {
    width: 16%
}

.shop_table.cart-table th.product-name {
    width: 33%
}

.shop_table.cart-table th.product-price {
    width: 14%
}

.shop_table.cart-table a.remove.remove-product {
    z-index: 3;
    text-align: center;
    font-size: 11px;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #222529;
    border-radius: 50%;
    box-shadow: 0 2px 6px #0006
}

.shop_table.cart-table a.remove.remove-product.remove-wishlist {
    font-size: 0
}

.shop_table.cart-table a.remove.remove-product.remove-wishlist:before {
    content: "\e82c";
    font-family: porto;
    font-size: 11px
}

.shop_table.cart-table .quantity {
    margin-right: .5rem
}

.shop_table.cart-table .product-subtotal .amount {
    font-size: 16px;
    font-weight: 600;
    color: #222529
}

.shop_table.cart-table .btn-button {
    padding: 12px 24px;
    border: none;
    font-size: 13px;
    letter-spacing: -.015em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.5;
    opacity: .9
}

.shop_table.cart-table .btn-button span {
    color: inherit
}

.shop_table.cart-table .btn-button:not(:hover) {
    background-color: #f4f4f4;
    color: #222529
}

.shop_table.cart-table .btn-button.add-cart {
    background-color: #222529;
    color: #fff
}

.shop_table.cart-table td.product-stock-status {
    color: #222529;
    font-weight: 600
}

.shop_table thead span {
    color: #222529;
    text-transform: uppercase
}

.shop_table td {
    text-align: left;
    padding: 20px 10px;
    display: revert
}

.shop_table td.product-name {
    font-weight: 500;
    color: inherit
}

.shop_table td.product-name a {
    color: #222529;
    margin-bottom: 7px;
    display: block
}

.shop_table td .actions {
    padding: 20px 0
}

.shop_table td.product-price,
.shop_table td.product-subtotal,
.shop_table td.product-total,
.shop_table td.order-total,
.shop_table tr.cart-subtotal {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

@media(max-width:767px) {
    .shop_table.responsive thead {
        display: none
    }

    .shop_table.responsive td,
    .shop_table.responsive th {
        display: block;
        padding: 5px 10px;
        position: relative;
        text-align: center
    }

    .shop_table.responsive tr {
        padding: 20px 0;
        text-align: center;
        display: block
    }

    .shop_table.responsive .input-box {
        margin: 0 auto
    }
}

.shop_table.wishlist-table .price {
    color: #777
}

.shop_table.wishlist-table td.product-name a {
    font-weight: 600;
    margin-bottom: 0
}

.main-container .page-title h3 {
    font-size: 18px;
    font-weight: 20px
}

.main-container .page-top {
    background-color: #f4f4f4;
    border-bottom: none;
    padding: 3.75rem 0;
    min-height: 44px
}

.main-container .page-top .breadcrumbs-wrap {
    font-size: .75rem;
    color: #777
}

.main-container .page-top .breadcrumbs-wrap a {
    color: var(--theme-color)
}

.main-container .page-top .breadcrumbs-wrap i {
    display: block;
    float: right;
    margin: 0 4px;
    width: 20px;
    text-align: center;
    font-style: normal;
    font-size: 12px
}

.main-container .page-top .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.main-container .page-top .breadcrumb>li {
    text-transform: uppercase
}

.main-container .page-top .page-title {
    color: #212529;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -.05em;
    font-family: Poppins, sans-serif;
    margin: 0;
    display: inline-block
}

.main-container .main-breadcrumbs {
    padding: 14px 0;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 0 !important;
    font-weight: 400
}

.main-container .breadcrumbs ul {
    margin: 0;
    overflow: hidden
}

.main-container .breadcrumbs ul li {
    display: inline-block
}

.main-container .breadcrumbs ul li a {
    font-weight: 400;
    vertical-align: middle
}

.main-container .breadcrumbs ul li .breadcrumbs-split {
    margin: 0 2px;
    font-size: 12px;
    vertical-align: middle
}

.main-container .breadcrumbs ul li .breadcrumbs-split+span {
    vertical-align: middle
}

.main-container .breadcrumbs ul li.home a {
    display: inline-block;
    position: relative;
    width: 15px;
    text-indent: 30px;
    overflow: hidden;
    line-height: 19px;
    height: 19px
}

.main-container .breadcrumbs ul li.home a:after {
    position: absolute;
    top: 0;
    left: 0;
    font-family: porto;
    text-indent: 0;
    content: "\e883"
}

.main-container .main-wrapper {
    padding-bottom: 40px
}

.main-container .main-wrapper .page .title h2 {
    margin: 0 0 30px
}

.main-container table.full {
    width: 100%;
    float: left
}

.main-container table.full tr td {
    padding: 10px;
    text-align: left
}

.main-container table.full tr td.a-center {
    padding: 10px
}

.main-container table.full tr td.a-center input {
    width: 40px;
    margin: 0 7px;
    text-align: center
}

.main-container table.full thead {
    border-bottom: 1px solid #dcdcdc
}

.main-container table.full thead th {
    padding: 10px;
    font-weight: 400;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle
}

.main-container table.full tr.last th,
.main-container table.full .data-table tr.last td {
    border-bottom: 0
}

.main-container table.full .tfoot {
    border-bottom: 1px solid #f2f2f2
}

.main-container table.full .tfoot tr.first td {
    background: #ececec;
    overflow: hidden
}

.main-container table.full tbody tr {
    border-bottom: 2px solid #f2f2f2
}

.main-container .main-cart {
    order: 2
}

.main-container .checkout-cart .grid__item {
    padding: 0 10px
}

@media(max-width:767px) {
    .main-container .checkout-cart .grid__item {
        padding: 0
    }
}

.main-container .wishlist-table,
.main-container .table-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.main-container .wishlist-table th,
.main-container .table-wrap th {
    height: 45px;
    border: 0;
    background-color: #f6f6f6;
    color: #777;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase
}

.main-container .wishlist-table td,
.main-container .table-wrap td {
    text-align: center;
    vertical-align: top
}

.main-container .wishlist-table .product-name .image,
.main-container .wishlist-table .product-name .image-comment,
.main-container .table-wrap .product-name .image,
.main-container .table-wrap .product-name .image-comment {
    float: left
}

.main-container .wishlist-table .product-name .image,
.main-container .table-wrap .product-name .image {
    width: 15%
}

.main-container .wishlist-table .product-name .image img,
.main-container .table-wrap .product-name .image img {
    max-width: 100%
}

.main-container .wishlist-table .product-name .image-comment,
.main-container .table-wrap .product-name .image-comment {
    width: 60%;
    padding-left: 24px;
    text-align: left
}

.main-container .wishlist-table .product-name .image-comment .product-title,
.main-container .table-wrap .product-name .image-comment .product-title {
    display: block;
    margin-top: 20px;
    margin-bottom: 8px;
    color: #3b3b3b;
    font-size: 13px;
    line-height: 20px
}

.main-container .wishlist-table .product-name .image-comment>p,
.main-container .table-wrap .product-name .image-comment>p {
    display: block;
    color: #bababa
}

.main-container .wishlist-table td.product-name,
.main-container .table-wrap td.product-name {
    padding: 30px
}

.main-container .wishlist-table .product-code,
.main-container .table-wrap .product-code {
    width: 14.7008547008547%
}

.main-container .wishlist-table .add-to-cart,
.main-container .table-wrap .add-to-cart {
    width: 20%;
    padding-top: 48px
}

.main-container .wishlist-table .quantity,
.main-container .table-wrap .quantity {
    width: 13.84615384615385%
}

.main-container .wishlist-table td.quantity,
.main-container .table-wrap td.quantity {
    padding-top: 48px
}

.main-container .wishlist-table .subtotal,
.main-container .table-wrap .subtotal {
    width: 11.96581196581197%
}

.main-container .wishlist-table td.delete,
.main-container .table-wrap td.delete {
    width: 10%;
    padding-top: 50px;
    font-size: 12px
}

.main-container .wishlist-table td.delete .remove-wishlist,
.main-container .table-wrap td.delete .remove-wishlist {
    background: none;
    color: #3b3b3b;
    font-size: 18px
}

.main-container .wishlist-table td.subtotal,
.main-container .table-wrap td.subtotal {
    padding-top: 48px;
    color: #686868;
    font: 17px
}

.main-container .wishlist-table .last .product-name,
.main-container .table-wrap .last .product-name {
    padding-bottom: 31px
}

.main-container .data-table tbody th,
.main-container .data-table tbody td {
    padding: 15px 10px;
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    line-height: 1.3
}

.main-container .wishlist-table td.unit-price {
    padding-top: 50px;
    color: #444;
    font-size: 18px;
    font-weight: 600
}

.main-container .wishlist-table.table-bordered,
.main-container .total-table.table-bordered,
.main-container .table-wrap.table-bordered {
    border: 0
}

.main-container .wishlist-table.table-bordered>thead,
.main-container .total-table.table-bordered>thead,
.main-container .table-wrap.table-bordered>thead {
    border: 1px solid #dcdcdc
}

.main-container .wishlist-table.table-bordered>thead>tr>th,
.main-container .total-table.table-bordered>thead>tr>th,
.main-container .table-wrap.table-bordered>thead>tr>th {
    border: 0
}

.main-container .wishlist-table.table-bordered>tbody>tr>td,
.main-container .wishlist-table.table-bordered>tbody>tr>th,
.main-container .wishlist-table.table-bordered>tfoot>tr>td,
.main-container .wishlist-table.table-bordered>tfoot>tr>th,
.main-container .total-table.table-bordered>tbody>tr>td,
.main-container .total-table.table-bordered>tbody>tr>th,
.main-container .total-table.table-bordered>tfoot>tr>td,
.main-container .total-table.table-bordered>tfoot>tr>th,
.main-container .table-wrap.table-bordered>tbody>tr>td,
.main-container .table-wrap.table-bordered>tbody>tr>th,
.main-container .table-wrap.table-bordered>tfoot>tr>td,
.main-container .table-wrap.table-bordered>tfoot>tr>th {
    border-right: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc
}

.main-container .wishlist-table.table-bordered>tfoot>tr>td,
.main-container .total-table.table-bordered>tfoot>tr>td,
.main-container .table-wrap.table-bordered>tfoot>tr>td {
    letter-spacing: 1.1px
}

.main-container .wishlist-table.table-bordered>tfoot>tr>td:first-child,
.main-container .total-table.table-bordered>tfoot>tr>td:first-child,
.main-container .table-wrap.table-bordered>tfoot>tr>td:first-child {
    letter-spacing: .7px
}

.main-container .top-container .category-banner .full-width-image {
    padding: 200px 0;
    text-align: center
}

.main-container .top-container .category-banner .full-width-image h3 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: -5px
}

.main-container .top-container .category-banner .full-width-image a {
    display: inline-block;
    margin: 20px 0;
    padding: 15px 40px;
    transition: all .3s;
    background-color: #fff;
    box-shadow: 3px 3px #ffffff80;
    color: #000;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1;
    text-transform: uppercase
}

.main-container .top-container .category-banner .category-content {
    margin: 0
}

.main-container .top-container .move-below-header {
    display: block
}

.main-container .pagenav-wrap .pagination {
    margin: 0;
    clear: both;
    text-align: center
}

.main-container .pagenav-wrap .pagination .page-total {
    display: none;
    margin: 0;
    color: #b2b2b2;
    line-height: 34px
}

.main-container .pagenav-wrap .pagination .infinite-scrolling {
    display: inline-block;
    margin: 0 auto
}

.main-container .pagenav-wrap .pagination .infinite-scrolling a {
    padding: 3.5px 12px;
    border: 1px solid #ccc;
    background: #3b3b3b;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.main-container .pagenav-wrap .pagination .infinite-scrolling a:hover {
    opacity: .9
}

.main-container .pagenav-wrap .pagination .pagination-page {
    clear: none;
    margin-top: -1px
}

.main-container .pagenav-wrap .pagination .pagination-page li {
    width: 33px;
    height: 33px;
    font-size: 15px;
    font-weight: 600;
    line-height: 31px;
    float: left;
    margin-left: 5px
}

.main-container .pagenav-wrap .pagination .pagination-page li a {
    height: 33px;
    color: #706f6c
}

.main-container .pagenav-wrap .pagination .pagination-page li a i {
    font-size: 20px;
    line-height: 1
}

.main-container .pagenav-wrap .pagination .pagination-page li a i:before {
    font-weight: 600;
    -webkit-font-smoothing: inherit;
    line-height: 30px
}

.main-container .pagenav-wrap .pagination .pagination-page li>span {
    height: 33px
}

.main-container .main-search-container .search-form h3 {
    display: inline-block;
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 400
}

.main-container .main-search-container .search-form .pagenav-wrap {
    float: right
}

.main-container .title-wrap .text-heading {
    color: #181818;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 50px;
    text-align: left;
    text-transform: uppercase
}

.main-container .wishlist-share {
    margin: 30px 0 0
}

.main-container .product-wishlist a span {
    display: none
}

.porto-ibanner-layer {
    text-align: left;
    font-size: 1rem
}

@media(max-width:991px) {
    .porto-ibanner-layer {
        font-size: .875rem
    }
}

@media(max-width:767px) {
    .porto-ibanner-layer {
        font-size: .8125rem
    }
}

@media(max-width:575px) {
    .porto-ibanner-layer {
        font-size: .75rem
    }
}

.porto-ibanner {
    z-index: 1;
    overflow: hidden;
    margin: 0 0 35px;
    text-align: center;
    display: block;
    position: relative
}

.porto-ibanner>img {
    display: block;
    position: relative;
    width: 100%;
    transition: opacity .35s;
    border: none;
    padding: 0;
    margin: 0;
    min-height: inherit;
    object-fit: cover;
    transition: transform .5s, opacity .5s;
    -webkit-backface-visibility: hidden
}

.porto-ibanner .porto-ibanner-desc {
    padding: 15px;
    color: #fff;
    font-size: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: opacity .3s
}

.porto-ibanner .porto-ibanner-desc.no-padding {
    padding: 0
}

.porto-ibanner .porto-ibanner-desc .porto-ibanner-container {
    position: relative;
    height: 100%
}

.porto-ibanner .porto-ibanner-desc:before,
.porto-ibanner .porto-ibanner-desc:after {
    pointer-events: none
}

.porto-ibanner .porto-ibanner-desc,
.porto-ibanner .porto-ibanner-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.porto-ibanner .porto-ibanner-content {
    font-size: .8125em;
    line-height: 1.6
}

.porto-ibanner .porto-ibanner-title,
.porto-ibanner p {
    letter-spacing: normal;
    padding: 0;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    text-decoration: inherit;
    font-style: inherit;
    color: inherit
}

.porto-ibanner a.porto-ibanner-link {
    display: block;
    z-index: 7;
    opacity: 0;
    background: 0 0
}

.errors {
    margin: 0 0 10px;
    color: #eb340a;
    text-align: right
}

.img-circle {
    border-radius: 50%
}

.post-item-small {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    border-top: 1px dotted rgba(168, 168, 168, .3);
    zoom: 1
}

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

.post-item-small:after {
    clear: both
}

.post-item-small:first-child {
    padding-top: 0;
    border-top-width: 0
}

.post-item-small .post-image {
    margin: 0 10px 0 0;
    float: left
}

.post-item-small .post-image img {
    width: 50px;
    height: auto
}

.post-item-small a {
    font-weight: 700;
    color: #333;
    text-transform: none
}

.post-item-small .post-date {
    font-size: .8em;
    display: block
}

.post-item-small h5 {
    margin-bottom: 0
}

.homepage-bar {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    line-height: 1
}

.homepage-bar [class^=col-md-],
.homepage-bar [class^=col-lg-] {
    padding-top: 20px;
    padding-bottom: 21px;
    border-left: 1px solid #e1e1e1;
    text-align: center
}

.homepage-bar [class^=col-md-] i,
.homepage-bar [class^=col-lg-] i {
    display: inline-block;
    font-size: 40px;
    vertical-align: middle
}

.homepage-bar [class^=col-md-] i:before,
.homepage-bar [class^=col-lg-] i:before {
    width: auto
}

.homepage-bar [class^=col-md-] .text-area,
.homepage-bar [class^=col-lg-] .text-area {
    display: inline-block;
    margin-left: 5px;
    text-align: left;
    vertical-align: middle
}

.homepage-bar [class^=col-md-] .text-area h3,
.homepage-bar [class^=col-lg-] .text-area h3 {
    margin: 0;
    font-size: 16px;
    line-height: 1.5
}

.homepage-bar [class^=col-md-] .text-area p,
.homepage-bar [class^=col-lg-] .text-area p {
    margin: 0;
    font-size: 12px;
    line-height: 20px
}

.homepage-bar [class^=col-md-]:first-child,
.homepage-bar [class^=col-lg-]:first-child {
    border-left: 0
}

.custom-support .porto-support-inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 100%
}

.custom-support .porto-support-inner.icon-pos-top {
    flex-wrap: wrap
}

.custom-support .porto-support-inner.icon-pos-top>* {
    flex: 100%;
    max-width: 100%;
    text-align: center
}

.custom-support .porto-support-inner.icon-pos-left .content {
    padding-left: 20px
}

.custom-support i {
    width: 62px;
    height: 62px;
    font-size: 20px;
    line-height: 62px;
    text-align: center;
    display: inline-block;
    margin-bottom: 15px
}

.custom-support .content h2 {
    margin: 0;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5
}

.custom-support .content em {
    display: block;
    margin-bottom: 15px;
    color: #888;
    font-size: 11px;
    font-style: normal;
    font-weight: 300;
    line-height: 1
}

.custom-support .content p {
    color: #666;
    font-size: 14px
}

.pagination-page {
    display: inline-block
}

.pagination-page li {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 0 0 2px;
    font-size: 13px;
    line-height: 24px;
    text-align: center
}

.pagination-page li.active span {
    background-color: #3b3b3b;
    color: #fff
}

.pagination-page li a {
    display: block;
    height: 26px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #3b3b3b
}

.pagination-page li a:hover {
    border-color: #3b3b3b;
    background-color: #3b3b3b;
    color: #fff
}

.pagination-page li>span {
    display: block;
    height: 26px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #fff
}

.pagination-page li>span:hover {
    border-color: #3b3b3b;
    cursor: pointer
}

.pagination-page li.text a {
    color: #999
}

.pagination-page li.text a:hover {
    color: #fff
}

.product-view .product-options-bottom .add-to-cart-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.product-view .input-box,
.template-cart .input-box {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    width: 102px;
    margin-right: .5rem;
    vertical-align: top;
    margin-bottom: 5px
}

.product-view .input-box label,
.template-cart .input-box label {
    display: none !important
}

.product-view .input-box input,
.template-cart .input-box input {
    max-width: 100px;
    border: 1px solid #e7e7e7;
    color: #222529;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    width: calc(100% - 58px);
    height: 3rem;
    margin: 0;
    font-family: Poppins
}

.product-view .input-box .plus-minus .items i,
.template-cart .input-box .plus-minus .items i {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    width: 100%;
    height: 100%;
    color: inherit;
    font-size: 13.333px;
    line-height: 41px
}

.product-view .input-box .plus-minus .items i:before,
.template-cart .input-box .plus-minus .items i:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 9px;
    border-top: 1px solid;
    margin-top: -.5px;
    margin-left: -4.5px
}

.product-view .input-box .plus-minus .items i.icon-up-dir:after,
.template-cart .input-box .plus-minus .items i.icon-up-dir:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 9px;
    border-left: 1px solid;
    margin-top: -4.5px;
    margin-left: -.5px
}

.product-view .input-box .plus-minus .increase,
.template-cart .input-box .plus-minus .increase {
    margin-bottom: 6px
}

.product-view .input-box .plus-minus .increase,
.product-view .input-box .plus-minus .reduced,
.template-cart .input-box .plus-minus .increase,
.template-cart .input-box .plus-minus .reduced {
    position: absolute;
    top: 0;
    width: 30px;
    height: 3rem;
    border: solid 1px #e7e7e7;
    font-size: 13.333px;
    line-height: 41px;
    color: #222529
}

.product-view .input-box .plus-minus .increase,
.template-cart .input-box .plus-minus .increase {
    right: 0
}

.product-view .input-box .plus-minus .reduced,
.template-cart .input-box .plus-minus .reduced {
    left: 0
}

#compareBox .modal-content {
    padding: 20px;
    border-radius: 0
}

#compareBox .modal-content .modal-header {
    position: relative;
    padding: 0;
    border: 0
}

#compareBox .modal-content .modal-header .close {
    width: 30px;
    height: 30px;
    padding: 0;
    outline: none;
    font-size: 30px;
    -webkit-font-smoothing: antialiased
}

#compareBox .modal-content .modal-header .modal-title {
    padding: 10px 15px;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase
}

#compareBox .cart-table {
    width: 100%;
    border: 1px solid #f1f1f1;
    border-spacing: 0
}

@media(min-width:576px) {
    #compareBox .modal-dialog {
        max-width: 100%
    }
}

#compareTableList {
    overflow-x: auto
}

#compareBox .data-table .product-options-bottom {
    margin: 0 0 10px
}

#compareBox .data-table .product-options-bottom .add-to-cart-box .input-box {
    -ms-flex-pack: center;
    justify-content: center;
    width: auto;
    margin: 0
}

#compareBox .data-table .product-options-bottom .add-to-cart-box .input-box input {
    width: calc(100% - 58px);
    font-family: Poppins;
    border: 1px solid #e7e7e7;
    color: #222529;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    height: 3rem
}

#compareBox .data-table .product-options-bottom .add-to-cart-box .input-box .plus-minus .increase,
#compareBox .data-table .product-options-bottom .add-to-cart-box .input-box .plus-minus .reduced {
    position: absolute;
    top: 0;
    width: 30px;
    height: 3rem;
    border: solid 1px #e7e7e7;
    font-size: 13.333px;
    line-height: 41px;
    color: #222529
}

#compareBox .data-table .product-options-bottom .add-to-cart-box .input-box .plus-minus .increase {
    right: 0
}

#compareBox .data-table .product-options-bottom .add-to-cart-box .input-box .plus-minus .reduced {
    left: 0
}

#compareBox .data-table .product-options-bottom .add-to-cart-box .input-box .plus-minus .items i {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 11px;
    line-height: 33px
}

#compareBox .data-table th,
#compareBox .data-table td {
    padding: 10px 14px;
    border: 1px solid #e8e9eb;
    text-align: left
}

#compareBox .data-table tr td {
    border-top: 1px solid #f1f1f1
}

#compareBox .data-table tbody td {
    min-width: 150px;
    padding: 10px;
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    text-align: left
}

#compareBox .data-table tbody td p {
    margin: 0
}

#compareBox .data-table tbody td:first-child {
    color: #222529;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600
}

#compareBox .data-table tbody td .product-image {
    position: relative
}

#compareBox .data-table tbody td .product-image a {
    position: absolute;
    text-align: center;
    font-size: 11px;
    top: -5px;
    right: -5px;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #222529;
    border-radius: 50%;
    z-index: 4;
    box-shadow: 0 2px 6px #0006
}

#compareBox .data-table tbody td .product-title {
    display: inline-block;
    padding: 15px 0 5px;
    color: #333;
    font-size: 14px;
    zoom: 1
}

#compareBox .data-table tbody td .availability {
    margin: 0;
    color: #333
}

#compareBox .data-table tbody td .price .special-price {
    display: inline-block;
    margin: 5px 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    line-height: 1
}

#compareBox .data-table tbody td .price .compare-price {
    margin: 0;
    color: #777;
    font-size: 13px;
    text-decoration: line-through
}

#compareBox .data-table tbody td .price .compare-price.hide {
    display: none
}

#compareBox .data-table tbody td .selector-wrapper {
    padding: 5px 0
}

#compareBox .data-table tbody td .selector-wrapper label {
    display: block;
    margin-bottom: 10px;
    font-size: 13px
}

#compareBox .data-table tbody td .selector-wrapper select {
    width: 100%
}

#compareBox .data-table tbody td .product-options-bottom {
    border: 0;
    text-align: left;
    padding: 0;
    margin: 0 0 10px
}

#compareBox .data-table tbody td .add-cart-compare {
    font-weight: 600;
    font-size: .75rem;
    font-family: Poppins;
    padding: 0 1.2em;
    background-color: #222529;
    border-color: #222529;
    color: #fff;
    line-height: 34px;
    text-transform: uppercase
}

#compareBox .data-table tbody td .add-cart-compare:before {
    font-family: Porto;
    content: "\e8ba";
    font-size: .9375rem;
    font-weight: 600;
    top: 0;
    margin-right: 5px
}

.hide-loadmore .products-footer {
    display: none
}

.owl-carousel.owl-carousel-lazy {
    overflow: hidden
}

.owl-carousel.owl-carousel-lazy .item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.owl-carousel.owl-carousel-lazy.slideshow .item:not(:first-child) {
    display: none
}

.owl-carousel.owl-carousel-lazy .image-link:after {
    content: none
}

.owl-carousel.owl-carousel-lazy.owl-loaded {
    display: block;
    overflow: visible
}

.one-product .owl-carousel.owl-carousel-lazy,
.home_slider_banner .owl-carousel.owl-carousel-lazy,
.parallax .owl-carousel.owl-carousel-lazy,
.sidebar .owl-carousel.owl-carousel-lazy,
.sidebar-right .owl-carousel.owl-carousel-lazy,
.related-posts .owl-carousel.owl-carousel-lazy,
.one-product .owl-carousel.owl-carousel-lazy .item,
.home_slider_banner .owl-carousel.owl-carousel-lazy .item,
.parallax .owl-carousel.owl-carousel-lazy .item,
.sidebar .owl-carousel.owl-carousel-lazy .item,
.sidebar-right .owl-carousel.owl-carousel-lazy .item,
.related-posts .owl-carousel.owl-carousel-lazy .item {
    display: block
}

.one-product .owl-carousel.owl-carousel-lazy:not(.owl-loaded)>*:not(:first-child),
.home_slider_banner .owl-carousel.owl-carousel-lazy:not(.owl-loaded)>*:not(:first-child),
.parallax .owl-carousel.owl-carousel-lazy:not(.owl-loaded)>*:not(:first-child),
.sidebar .owl-carousel.owl-carousel-lazy:not(.owl-loaded)>*:not(:first-child),
.sidebar-right .owl-carousel.owl-carousel-lazy:not(.owl-loaded)>*:not(:first-child),
.related-posts .owl-carousel.owl-carousel-lazy:not(.owl-loaded)>*:not(:first-child) {
    display: none
}

.fancybox-wrap .fancybox-skin img,
.lazyloaded {
    opacity: 1
}

.lazyload,
.lazyloading,
img:not(.lazyloaded) {
    transition: opacity .4s;
    background-color: #eee;
    /* opacity: 0 */
}

.wrapper {
    position: relative;
    left: 0;
    transition: left .3s
}

.mobile-nav-shown {
    overflow: hidden
}

.mobile-nav-shown .wrapper {
    left: 250px
}

.page-header {
    min-height: 175px;
    margin: 0;
    padding: 0;
    border: 0;
    background-size: cover
}

.box-popup {
    position: fixed;
    top: 35% !important;
    right: 0;
    left: 0;
    width: 300px;
    height: 100%;
    margin: auto !important;
    border-top: 4px solid #3b3b3b;
    border-radius: 6px;
    background: #fff;
    font-weight: 400;
    text-align: center;
    box-shadow: 0 0 5px #00000080;
    overflow-x: auto;
    overflow-y: scroll;
    z-index: 1099
}

.box-popup.animate-box {
    display: none;
    height: auto;
    transition: .4s;
    overflow: visible
}

.box-popup.animate-box.show {
    display: block
}

.box-popup .box-inner {
    padding: 20px 15px;
    box-shadow: 1px 1px 9px 1px #0003;
    overflow: hidden
}

.box-popup .box-inner .item .heading {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 400
}

.box-popup .box-inner .item .product-info {
    overflow: hidden
}

.box-popup .box-inner .item .product-info .product-title {
    margin: 5px 0 10px;
    font-size: 14px;
    font-weight: 400
}

.box-popup .box-inner .item .product-info .product-title a {
    color: #3b3b3b
}

.box-popup .box-inner .item .message {
    padding: 10px
}

.box-popup .box-inner .action {
    margin-top: 15px
}

.box-popup .box-inner .action .action-content {
    margin: 0 -15px
}

.box-popup .box-inner .action .action-content .cart-text {
    padding: 9px 10px
}

.box-popup .box-inner .action .action-content a.btn-button,
.box-popup .box-inner .action .action-content .btn-button {
    min-width: 135px
}

.mobile-nav-shown .mobile-nav {
    left: 0
}

.mobile-nav {
    display: block !important;
    position: fixed;
    top: 0;
    left: -255px;
    width: 250px;
    height: 100%;
    padding-top: 0;
    padding-left: 0;
    transition: all .3s;
    background: #1d1e20;
    box-shadow: 0 0 5px #323232bf;
    z-index: 999;
    overflow-y: scroll
}

.mobile-nav .bs-navbar-collapse {
    margin-top: 42px
}

.mobile-nav ul li {
    display: block;
    position: relative;
    padding: 0;
    clear: both;
    border: 0
}

.mobile-nav ul li:not(:last-child) {
    border-bottom: #242527 solid 1px !important
}

.mobile-nav ul li a {
    padding: 0 15px;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden
}

.mobile-nav ul li ul.level0 li.level1 a {
    margin-left: 10px
}

.mobile-nav ul li ul.level0 li.level1 a span {
    text-transform: capitalize
}

.mobile-nav ul li ul.level0 li.level1 ul.level1 li.level2 a {
    padding-left: 30px
}

.mobile-nav .close-sidebar-menu {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 4px;
    color: #fff;
    z-index: 9;
    cursor: pointer
}

.mobile-nav .custom-block {
    padding: 20px 15px;
    border-top: #242527 solid 1px
}

.mobile-nav .custom-block .social-icons {
    float: none;
    text-align: center
}

.mobile-nav .custom-block .social-icons a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-left: 0;
    border-radius: 0;
    background: none;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    text-indent: 0
}

.mobile-nav .nav-accordion li span.expand,
.mobile-nav .nav-accordion li span.collapse {
    top: 0;
    right: 0;
    text-align: center
}

.mobile-nav .nav-accordion li span.collapse:after {
    width: 43px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    content: "\e81c"
}

.mobile-nav .nav-accordion li span.expand:after {
    width: 43px;
    height: 40px;
    font-size: 15px;
    line-height: 40px;
    content: "\e81b"
}

.mobile-nav .switcher-wrap {
    margin-bottom: 15px
}

.mobile-nav .switcher-wrap .compare-link a {
    padding: 0 15px;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase
}

.mobile-nav .bs-navbar-collapse .currency-wrapper,
.mobile-nav .bs-navbar-collapse .language-wrapper {
    margin: 0
}

.mobile-nav .bs-navbar-collapse .currency-wrapper a,
.mobile-nav .bs-navbar-collapse .language-wrapper a {
    padding: 0 15px;
    background-color: transparent;
    color: #fff;
    font-size: 12px;
    line-height: 40px;
    font-weight: 400;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    border: none
}

.mobile-nav .bs-navbar-collapse .currency-wrapper a span,
.mobile-nav .bs-navbar-collapse .language-wrapper a span {
    text-transform: uppercase
}

.mobile-nav .bs-navbar-collapse .currency-wrapper a i,
.mobile-nav .bs-navbar-collapse .language-wrapper a i {
    width: 43px;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    margin-right: 3px
}

.mobile-nav .bs-navbar-collapse .currency-wrapper a i:before,
.mobile-nav .bs-navbar-collapse .language-wrapper a i:before {
    font-weight: 600;
    content: "\e81b"
}

.mobile-nav .bs-navbar-collapse .currency-wrapper a.collapsed i:before,
.mobile-nav .bs-navbar-collapse .language-wrapper a.collapsed i:before {
    content: "\e81c"
}

.mobile-nav .currency-wrapper .select-currency,
.mobile-nav .language-wrapper .select-language {
    position: relative;
    padding: 0;
    visibility: visible;
    opacity: 1;
    width: 100%;
    background: none;
    transition: none;
    top: unset
}

.mobile-nav .currency-wrapper .select-currency li,
.mobile-nav .language-wrapper .select-language li {
    display: block;
    position: relative;
    padding: 0;
    clear: both;
    border: 0
}

.mobile-nav .currency-wrapper .select-currency li a,
.mobile-nav .language-wrapper .select-language li a {
    border: none;
    margin-left: 10px;
    display: block;
    color: #fff !important
}

.mobile-nav .currency-wrapper .select-currency li a:hover,
.mobile-nav .language-wrapper .select-language li a:hover {
    background: none
}

.mobile-nav .currency-wrapper .select-currency li:not(:last-child),
.mobile-nav .language-wrapper .select-language li:not(:last-child) {
    border-bottom: #242527 solid 1px !important
}

.mobile-nav-shown .mobile-nav-overlay {
    opacity: .15;
    visibility: visible;
    filter: alpha(opacity=15)
}

.mobile-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 998;
    filter: alpha(opacity=0)
}

.popup-menu>li.has-sub:before,
.popup-menu>li.has-sub:after {
    content: "";
    position: absolute;
    bottom: 4px;
    z-index: 112;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    transition: bottom .2s ease-out
}

.popup-menu>li.has-sub:before {
    bottom: 5px;
    border-bottom-color: #fff;
    border-width: 10px
}

.popup-menu>li.has-sub:after {
    border-bottom-color: #fff;
    border-width: 9px
}

.popup-menu>li.has-sub:hover:before {
    bottom: 0
}

.popup-menu>li.has-sub:hover:after {
    bottom: -1px
}

.popup-menu>li.sub-ready:hover:before,
.popup-menu>li.sub-ready:hover:after {
    opacity: 1
}

.popup-menu>li.narrow {
    position: relative;
    margin-bottom: -10px;
    padding-bottom: 10px
}

.popup-menu>li.menu-item>a {
    font-size: 1em;
    font-weight: 400;
    padding: 0 5px
}

.popup-menu>li.menu-item .popup {
    top: -3000px;
    transition: transform .2s ease-out;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0)
}

.popup-menu>li.menu-item:hover .popup {
    top: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.popup-menu .popup {
    position: absolute;
    text-align: left;
    top: 100%;
    margin: 0;
    z-index: 111;
    min-width: 100%;
    line-height: 20px;
    will-change: transform, top
}

.popup-menu .popup ul.sub-menu {
    position: relative;
    box-shadow: 0 10px 30px 10px #0000000d;
    padding: 4px 0;
    background: #fff;
    min-width: 120px
}

.popup-menu .popup ul.sub-menu li.menu-item {
    line-height: inherit;
    padding: 0
}

.popup-menu .popup ul.sub-menu li.menu-item>a {
    color: #222529;
    font-size: 1em;
    padding: 0 7px;
    line-height: 25px;
    display: block
}

.popup-menu .popup ul.sub-menu li.menu-item:hover>a {
    color: #222529;
    background: #f3f3f3
}

.main-section-header .top-links-container {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 5px 0;
    align-items: center
}

.main-section-header .top-links-container span.split {
    display: block;
    width: 1px;
    height: 14px;
    margin: 6px 3px 6px 0;
    float: left;
    border-right: 1px solid #ccc
}

.main-section-header .currency-wrapper,
.main-section-header .language-wrapper,
.main-section-header .compare-link {
    display: block;
    margin-right: 8px;
    position: relative
}

.main-section-header .currency-wrapper>a,
.main-section-header .language-wrapper>a,
.main-section-header .compare-link>a {
    display: block;
    position: relative;
    width: 100%;
    padding: 0 20px 0 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    line-height: 38px;
    text-transform: uppercase
}

.main-section-header .currency-wrapper>a:hover,
.main-section-header .language-wrapper>a:hover,
.main-section-header .compare-link>a:hover {
    text-decoration: none
}

.main-section-header .currency-wrapper>a i,
.main-section-header .language-wrapper>a i,
.main-section-header .compare-link>a i {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 100%;
    font-size: 11px;
    text-align: center
}

.main-section-header .currency-wrapper>a .cart-icon i,
.main-section-header .language-wrapper>a .cart-icon i,
.main-section-header .compare-link>a .cart-icon i {
    display: inline-block;
    position: static;
    font-size: 14px;
    vertical-align: middle
}

.main-section-header .currency-wrapper:before,
.main-section-header .currency-wrapper:after,
.main-section-header .language-wrapper:before,
.main-section-header .language-wrapper:after {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 112;
    opacity: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none;
    transition: bottom .2s ease-out
}

.main-section-header .currency-wrapper:before,
.main-section-header .language-wrapper:before {
    border-width: 10px;
    border-bottom-color: #fff;
    bottom: 5px
}

.main-section-header .currency-wrapper:after,
.main-section-header .language-wrapper:after {
    border-width: 9px;
    border-bottom-color: #fff;
    bottom: 4px
}

.main-section-header .currency-wrapper:hover:before,
.main-section-header .currency-wrapper:hover:after,
.main-section-header .language-wrapper:hover:before,
.main-section-header .language-wrapper:hover:after {
    opacity: 1;
    bottom: 0
}

.main-section-header .currency-wrapper {
    position: relative
}

.main-section-header .currency-wrapper>a {
    border-color: transparent
}

.main-section-header .currency-wrapper>a:hover {
    text-decoration: underline
}

.main-section-header .currency-wrapper .current-currency {
    display: inline-block;
    cursor: pointer
}

.main-section-header .currency-wrapper:hover .setting-currency {
    right: 0;
    opacity: 1;
    visibility: visible;
    transform: translateZ(0)
}

.main-section-header .language-wrapper {
    position: relative
}

.main-section-header .language-wrapper>a {
    border-color: transparent
}

.main-section-header .language-wrapper>a:hover {
    text-decoration: underline
}

.main-section-header .language-wrapper .current-language {
    display: inline-block
}

.main-section-header .language-wrapper .current-language span {
    display: none;
    cursor: pointer
}

.main-section-header .language-wrapper .current-language span.active {
    display: inline-block
}

.main-section-header .language-wrapper .current-language span img {
    margin-top: -2px;
    margin-right: 3px
}

.main-section-header .language-wrapper:hover .select-language {
    opacity: 1;
    visibility: visible;
    transform: translateZ(0)
}

.main-section-header .compare-link>a {
    padding-right: 10px;
    border-color: transparent
}

.main-section-header .compare-link>a:hover {
    text-decoration: underline
}

.main-section-header .compare-link>a i {
    position: relative;
    width: auto
}

.main-section-header .select-language {
    min-width: 79px
}

.main-section-header .setting-currency {
    min-width: 54px
}

.main-section-header .select-language,
.main-section-header .setting-currency {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 4px 0;
    transition: transform .2s ease-out;
    transform: translate3d(0, -5px, 0);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 16;
    border: none;
    box-shadow: 0 10px 30px 10px #0000000d
}

.main-section-header .select-language li,
.main-section-header .setting-currency li {
    display: inherit !important;
    float: none
}

.main-section-header .select-language li a,
.main-section-header .setting-currency li a {
    display: block;
    padding: 3px 9px;
    background: #fff;
    color: #777 !important;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase
}

.main-section-header .select-language li a:hover,
.main-section-header .setting-currency li a:hover {
    background: #ccc;
    color: #fff !important
}

.main-section-header .select-language li img,
.main-section-header .setting-currency li img {
    position: relative;
    top: -1px;
    max-width: 14px
}

.main-section-header .select-language>button,
.main-section-header .setting-currency>button {
    display: block;
    padding: 3px 9px;
    background: #fff;
    color: #777 !important;
    font-size: 11px;
    text-align: left;
    margin: 0;
    text-transform: uppercase;
    width: 100%;
    line-height: 24px
}

.main-section-header .select-language>button:hover,
.main-section-header .setting-currency>button:hover {
    background: #ccc;
    color: #fff !important
}

.main-section-header .header .custom-block {
    display: inline-block;
    font-size: 14px;
    font-weight: 400
}

.main-section-header .mobile-nav .language-wrapper:before,
.main-section-header .mobile-nav .language-wrapper:after,
.main-section-header .mobile-nav .currency-wrapper:before,
.main-section-header .mobile-nav .currency-wrapper:after {
    display: none
}

.icon-cart-header {
    position: relative
}

.header-row {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.header-container {
    position: relative;
    border-top-width: 4px;
    border-top-style: solid;
    background-color: #fff
}

.header-container.sticky-header .mobile-header .right-header-menu .item,
.header-container.sticky-header .mobile-header .right-header-menu .header-cart {
    width: 50px
}

.header-container.sticky-header .mobile-header .right-header-menu .header-cart .cart-container .icon-cart-header .icon_bag_alt {
    width: auto;
    line-height: 50px
}

.header-container.sticky-header .header {
    padding-top: 8px;
    padding-bottom: 5px
}

.header-container.sticky-header .main-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 7px 0 !important;
    background-color: #1e1e1e;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-shadow: 0 1px 2px #0000001a;
    z-index: 200 !important;
    pointer-events: all
}

.header-container.sticky-header .main-header .logo {
    display: none
}

.header-container.sticky-header .main-header .logo a.logo-sticky {
    display: block
}

.header-container.sticky-header .main-nav {
    position: relative
}

.header-container.sticky-header .main-nav .logo_sticky {
    display: block;
    margin-right: 25px;
    z-index: 2;
    min-width: 100px
}

.header-container.sticky-header .header-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 7px 0;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-shadow: 0 1px 2px #0000001a;
    z-index: 99;
    pointer-events: all
}

.header-container.sticky-header .header-wrapper .mini-cart {
    display: -ms-flexbox;
    display: flex !important
}

.header-container.sticky-header .header-wrapper .mini-cart .icon-cart-header i {
    font-size: 28px
}

.header-container.sticky-header:not(.type12):not(.type14) .main-nav ul.top-navigation>li.float-right {
    float: none !important
}

.header-container .navbar {
    position: static;
    min-height: auto;
    margin: 0
}

.header-container .navbar .navbar-header {
    text-indent: -999em
}

.header-container .navbar .navbar-header .navbar-toggle {
    display: block;
    margin: 6px 0;
    padding: 0;
    border-radius: 0
}

.header-container .navbar .navbar-header .navbar-toggle .icon-bar {
    background-color: #333
}

.header-container .navbar .navbar-header .navbar-brand {
    display: none
}

.header-container .navbar .bs-navbar-collapse {
    position: absolute;
    top: 70px;
    right: 0;
    width: 100%;
    max-height: 400px;
    padding: 10px 20px;
    background-color: #fff;
    overflow: scroll;
    z-index: 1000
}

.header-container .navbar .bs-navbar-collapse .nav-accordion li span.expand:after,
.header-container .navbar .bs-navbar-collapse .nav-accordion li span.collapse:after {
    position: relative;
    right: 8px
}

.header-container .navbar .bs-navbar-collapse.skip-active {
    display: block
}

.header-container .navbar-header-second {
    text-indent: -999em
}

.header-container .navbar-header-second .navbar-toggle {
    display: block;
    margin: 6px 0;
    padding: 0;
    float: left;
    border-radius: 0
}

.header-container .navbar-header-second .navbar-toggle .icon-bar {
    background-color: #333
}

.header-container .navbar-header-second .navbar-brand {
    display: none
}

.header-container .logo {
    display: block;
    z-index: 2
}

.header-container .header-container-content {
    position: relative
}

.header-container .header {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 24px
}

.header-container .header .custom-block .split {
    width: 1px;
    height: 12px;
    margin: 0 13px;
    border-right: 1px solid #eee
}

.header-container .compare-link {
    display: block;
    float: left;
    font-size: 11px;
    line-height: 26px;
    text-transform: uppercase
}

.header-container .menu-icon {
    display: none;
    padding: 7px;
    font-size: 20px;
    pointer-events: all
}

.header-container .mini-cart {
    margin-bottom: -7px;
    padding-bottom: 7px
}

.header-container .mini-cart .cart-wrapper {
    margin-top: 6px
}

.header-container .mini-cart .cart-wrapper:before {
    content: "";
    position: absolute;
    border: 10px solid;
    border-color: transparent transparent #fff transparent;
    z-index: 3;
    right: .7px;
    top: -20px;
    margin-right: calc(24px + .5em)
}

.header-container .mini-cart .cart-wrapper:after {
    position: absolute;
    content: "";
    border: 11px solid;
    border-color: transparent transparent #f0f0f0 transparent;
    right: 0;
    top: -22px;
    margin-right: calc(24px + .5em)
}

.header-container .header-right-area .header-right-area-1 .menu-icon {
    display: none
}

.header-container .header-right-area .inner-item>li {
    display: inline-block
}

.header-container .header-right-area .inner-item>li:last-child {
    margin-right: 0
}

.header-container .cart-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-order: 10;
    order: 10
}

.header-container .main-nav {
    padding: 0;
    border: 0;
    background-color: transparent;
    font-size: 12px;
    text-align: left
}

.header-container .main-nav .logo_sticky,
.header-container .main-nav .main-top-nav .mini-cart {
    display: none
}

.header-container.header-overlap:not(.sticky-header) {
    position: absolute;
    width: 100%;
    background-color: #0000001a;
    z-index: 9
}

.search-area.show-icon {
    position: relative;
    top: 0;
    left: auto;
    margin: 0
}

.search-area.show-icon .search-icon {
    display: inline-block
}

.search-area.show-icon .search-extended {
    display: none;
    position: absolute;
    top: 100%;
    right: -47px;
    width: 250px;
    margin-top: 10px;
    border: 5px solid #ccc;
    z-index: 9
}

.search-area.show-icon .search-extended.has-categories {
    width: 450px
}

.search-area.show-icon .search-extended:before {
    display: block;
    position: absolute;
    top: -25px;
    right: 45px;
    width: 20px;
    height: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
    content: ""
}

.search-area.show-icon .search-extended.show {
    display: inline-block
}

.search-area.show-icon .search-extended .searchform input[type=text] {
    border: 0
}

.search-area.show-icon.show-left .search-extended {
    position: absolute;
    right: auto;
    left: -48px
}

.search-area.show-icon.show-left .search-extended:before {
    right: auto;
    left: 45px
}

.search-area .search-icon {
    display: none;
    width: 25px;
    text-align: center
}

.search-area .search-extended {
    position: relative;
    width: 450px;
    min-width: 240px;
    border: 1px solid rgba(129, 129, 129, .4)
}

.cart-wrapper .ajax-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: .6;
    display: none;
    background-color: #fff
}

.cart-wrapper .ajax-loading:before {
    content: "\f110";
    font-family: porto;
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    margin-top: -13px;
    margin-left: -13px;
    color: #999;
    z-index: 0;
    animation: spin .75s infinite linear;
    display: inline-block
}

.widget-design-3 .cart-wrapper .cart-content ul {
    max-height: 400px;
    margin: 0;
    outline: none;
    overflow-y: auto;
    width: 100%
}

.top-links-inner,
.top-links-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.top-links-area {
    position: relative;
    margin-left: auto
}

.top-links-area .top-links-icon {
    display: none;
    position: relative;
    padding: 7px 0 7px 10px;
    font-size: 11px;
    vertical-align: middle
}

.top-links-area .top-links-icon:after {
    display: inline-block;
    right: 0;
    font-family: porto;
    content: "\e81c";
    margin-left: 2px
}

.top-links-area .top-links-icon a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase
}

.top-links-area .links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 3px 0;
    padding: 0
}

.top-links-area .links li {
    padding: 0 15px;
    border-left: 1px solid #ccc;
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap
}

.top-links-area .links li a {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: 600
}

.top-links-area .links li.last {
    padding-right: 0
}

.top-links-area .links li:first-child {
    border-left: 0
}

.top-links-area.show-icon .top-links-icon {
    display: block
}

.top-links-area.show-icon ul.links {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 130px;
    margin: 0;
    padding: 5px 0;
    border: 1px solid #ccc;
    background-color: #fff !important;
    text-align: right;
    z-index: 99
}

.top-links-area.show-icon ul.links li {
    display: block;
    padding: 0 10px;
    border: 0
}

.top-links-area.show-icon ul.links li a {
    display: block;
    padding: 0;
    transition: all .2s;
    color: #777;
    font-size: 11px;
    font-weight: 400;
    line-height: 19px;
    white-space: nowrap
}

.top-links-area.show-icon ul.links li:hover {
    background-color: #ccc !important;
    color: #fff
}

.top-links-area.show-icon ul.links li:hover a {
    color: #fff !important;
    text-decoration: none
}

.top-links-area .shopify-section {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center
}

.searchform {
    position: relative
}

.searchform .screen-reader-text {
    display: none
}

.searchform.has-categories-dropdown input[type=text] {
    padding-right: 200px
}

.searchform input[type=text] {
    width: 100%;
    height: 38px;
    padding: 0 50px 0 15px;
    border: 0;
    border-radius: 20px;
    background-color: transparent;
    color: #777;
    font-size: 13px
}

.searchform input[type=text]::-webkit-input-placeholder {
    opacity: .75
}

.searchform input[type=text]:-ms-input-placeholder {
    opacity: .75
}

.searchform input[type=text]::placeholder {
    opacity: .75
}

.searchform input[type=text]::-ms-clear {
    display: none
}

.searchform .searchsubmit {
    position: absolute;
    top: 0;
    right: 2px;
    bottom: 0;
    width: 45px;
    padding: 0;
    border: 0;
    background-color: transparent;
    color: #777;
    font-size: 0;
    font-weight: 400
}

.searchform .searchsubmit:after {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    margin-top: -10px;
    margin-left: -10px;
    transition: opacity .2s ease;
    font-size: 16px;
    font-weight: 600;
    font-family: porto;
    -webkit-font-smoothing: antialiased;
    line-height: 20px;
    content: "\e884"
}

.searchform .searchsubmit:before {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    transition: opacity .1s ease, visibility .1s ease;
    border: 1px solid #bbb;
    border-left-color: #000;
    border-radius: 50%;
    opacity: 0;
    vertical-align: middle;
    visibility: hidden;
    content: ""
}

.searchform .searchsubmit:focus,
.searchform .searchsubmit:hover {
    box-shadow: none
}

.searchform.search-loading .searchsubmit:before {
    transition: opacity .2s ease, visibility .2s ease;
    opacity: 1;
    visibility: visible;
    -webkit-animation: load-spin .45s infinite linear;
    animation: load-spin .45s infinite linear
}

.searchform.search-loading .searchsubmit:after {
    transition: opacity .1s ease;
    opacity: 0
}

.search-by-category {
    position: absolute;
    top: 0;
    right: 47px
}

.search-by-category .input-dropdown-inner {
    height: 38px;
    border-left: 1px solid rgba(129, 129, 129, .4);
    border-right: 1px solid rgba(129, 129, 129, .4);
    line-height: 38px
}

.search-by-category .input-dropdown-inner>a {
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    color: #777;
    font-size: 13px;
    text-align: center
}

.search-by-category .input-dropdown-inner>a:hover {
    text-decoration: none
}

.search-by-category .input-dropdown-inner>a:after {
    display: inline-block;
    margin-left: 8px;
    font-family: FontAwesome;
    font-size: 14px;
    font-weight: 400;
    content: "\f107"
}

.search-by-category .list-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    right: 1px;
    min-width: 138px;
    height: auto;
    margin-top: 1px;
    background-color: #fff;
    box-shadow: 0 0 3px #00000026;
    z-index: 300
}

.search-by-category .list-wrapper .shopify-scroll-content {
    position: relative;
    max-height: 250px;
    overflow: scroll;
    overflow-x: hidden
}

.search-by-category ul li {
    margin-bottom: 0;
    text-align: left
}

.search-by-category ul li a {
    display: block;
    padding: 6px 8px;
    color: #777;
    font-size: 12px;
    line-height: 18px
}

.search-by-category ul li a:focus,
.search-by-category ul li a:hover {
    background-color: #e6e6e6;
    color: #8d8d8d
}

.shopify-dark .search-by-category ul li a:focus,
.shopify-dark .search-by-category ul li a:hover {
    background-color: #ffffff14;
    color: #fffc
}

.shopify-dark .search-by-category ul li a {
    background-color: #101010
}

.search-by-category ul li.current-item>a {
    background-color: #f4f4f4;
    color: #777
}

.shopify-dark .search-by-category ul li.current-item>a {
    background-color: #000000e6;
    color: #fffc
}

.search-by-category ul .children>li>a {
    padding-left: 30px
}

.shopify-dark .search-by-category .list-wrapper {
    background-color: #101010
}

.search-results-wrapper {
    position: relative
}

.search-results-wrapper .shopify-scroll {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    width: auto;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 3px #00000026;
    z-index: 1000
}

.search-results-wrapper .shopify-scroll .shopify-search-results {
    position: relative
}

.search-results-wrapper .shopify-scroll .shopify-scroll-pane {
    z-index: 1002
}

.shopify-dark .search-results-wrapper .shopify-scroll {
    background-color: #101010
}

.autocomplete-suggestions {
    display: -ms-flexbox;
    display: flex;
    position: relative !important;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
    -webkit-animation: fadeInBottomShort .2s ease both;
    animation: fadeInBottomShort .2s ease both;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1px;
    z-index: 1001 !important
}

.autocomplete-suggestion {
    -ms-flex: 1 1 240px;
    flex: 1 1 240px;
    border-bottom: 1px solid;
    border-right: 1px solid;
    border-color: #81818133;
    padding: 15px;
    text-align: left;
    transition: background-color .25s ease;
    cursor: pointer
}

.autocomplete-suggestion .suggestion-title {
    color: #777;
    line-height: 22px
}

.autocomplete-suggestion .suggestion-title strong {
    color: #333;
    text-decoration: underline
}

.autocomplete-suggestion .suggestion-thumb {
    max-width: 45px;
    margin-right: 15px;
    float: left
}

.autocomplete-suggestion .suggestion-price {
    margin-top: 7px;
    color: #777
}

.autocomplete-suggestion .suggestion-price del {
    color: #bdbdbd;
    font-size: 90%
}

.autocomplete-suggestion .suggestion-price ins {
    padding: 0;
    background-color: transparent;
    text-decoration: none;
    opacity: 1
}

.autocomplete-suggestion .suggestion-price ins .amount {
    color: #777
}

.autocomplete-suggestion.autocomplete-selected,
.autocomplete-suggestion:hover {
    background-color: #f9f9f9
}

.shopify-dark .autocomplete-suggestion.autocomplete-selected,
.shopify-dark .autocomplete-suggestion:hover {
    background-color: #0000004d
}

.view-all-products {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #81818133;
    background-color: #fff;
    color: #333;
    font-weight: 600;
    height: 50px;
    letter-spacing: .2px;
    line-height: 50px;
    margin-top: -1px;
    text-align: center;
    text-transform: uppercase;
    transition: background-color .25s ease;
    animation: fadeIn .3s ease both;
    -webkit-animation: fadeIn .3s ease both;
    cursor: pointer
}

.view-all-products:hover {
    background-color: #f9f9f9
}

.shopify-dark .view-all-products:hover {
    background-color: #000000e6
}

.shopify-dark .view-all-products {
    background-color: #0000004d;
    color: #fff
}

.shopify-search-loader {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fffc;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity .1s ease, visibility .1s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 1002
}

.shopify-search-loader:after {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #bbb;
    border-radius: 50%;
    border-left-color: #000;
    content: "";
    vertical-align: middle
}

.search-info-text {
    display: none;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: .3px;
    line-height: 30px;
    overflow: hidden;
    text-align: center
}

.search-info-text>span {
    display: block;
    transform: translateY(-50px) translateZ(0);
    -webkit-transform: translateY(-50px) translateZ(0);
    transition: all .35s ease .15s
}

.no-found-msg {
    color: #333;
    font-size: 110%;
    font-weight: 600
}

.shopify-dark .no-found-msg {
    color: #fff
}

.mobile-search {
    padding: 0 15px;
    margin: 15px 0
}

.mobile-search .search-extended {
    background-color: #282e36
}

.header-full-width .header-container>.container,
.header-full-width .top-links-container>.container {
    width: 95%;
    max-width: 100%
}

.header-full-width .sticky-header .main-nav.container {
    width: 100%;
    max-width: 100%
}

.header-menu-style-default_new .top-navigation li.level0 a.level-top {
    padding: 18.5px 22px 20.5px 0
}

.header-menu-style-default_new:not(.sticky-header) .top-navigation li.level0.float-right a.level-top {
    padding-left: 25px;
    padding-right: 0
}

.main-section-header .top-navigation li.level0:first-child,
.category-menu-style-default_new .top-navigation li.level0:first-child {
    margin-right: 0
}

.main-section-header .main-nav .main-navigation ul.top-navigation .menu-wrap-sub,
.category-menu-style-default_new .main-nav .main-navigation ul.top-navigation .menu-wrap-sub {
    border-top-color: #fff;
    background-color: #fff;
    color: #777
}

.main-section-header .top-navigation li.level0 ul li li,
.category-menu-style-default_new .top-navigation li.level0 ul li li {
    clear: both
}

.main-section-header .top-navigation li.level0 ul li.groups>a,
.category-menu-style-default_new .top-navigation li.level0 ul li.groups>a {
    display: block;
    margin: 0 0 5px;
    padding: 0;
    float: none;
    color: #434d53;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -.001em;
    line-height: 20px;
    text-transform: uppercase
}

.main-section-header .top-navigation li.level0 ul li a,
.category-menu-style-default_new .top-navigation li.level0 ul li a {
    display: block;
    padding: 7px 0;
    float: none;
    color: #777;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden
}

.main-section-header .top-navigation li.level0 ul li .menu-wrapper,
.category-menu-style-default_new .top-navigation li.level0 ul li .menu-wrapper {
    padding: 0
}

.main-section-header .top-navigation li.level0.m-dropdown ul li a,
.category-menu-style-default_new .top-navigation li.level0.m-dropdown ul li a {
    padding: 8px 15px
}

.main-section-header .top-navigation li.level0:not(.m-dropdown) ul li .menu-wrapper,
.category-menu-style-default_new .top-navigation li.level0:not(.m-dropdown) ul li .menu-wrapper {
    padding-bottom: 5px;
    overflow: hidden
}

.main-section-header .top-navigation .menu-wrap-sub ul,
.category-menu-style-default_new .top-navigation .menu-wrap-sub ul {
    padding: 0 !important
}

.main-section-header .top-navigation li.level0 .row,
.category-menu-style-default_new .top-navigation li.level0 .row {
    margin: 0
}

.main-section-header .top-navigation li.level0 ul.level0 li.level1,
.category-menu-style-default_new .top-navigation li.level0 ul.level0 li.level1 {
    padding: 15px 10px 0
}

.main-section-header .top-navigation li.level0.m-dropdown ul.level0 li.level1,
.category-menu-style-default_new .top-navigation li.level0.m-dropdown ul.level0 li.level1 {
    padding: 0
}

.main-section-header .top-navigation li.level1 ul.level1 li.level2 a span,
.category-menu-style-default_new .top-navigation li.level1 ul.level1 li.level2 a span {
    float: none
}

.main-section-header .top-navigation li.level0.static-dropdown .menu-static-blocks img,
.category-menu-style-default_new .top-navigation li.level0.static-dropdown .menu-static-blocks img {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    height: auto
}

.main-section-header.menu-color-light .main-nav ul.top-navigation>li>a,
.category-menu-style-default_new.menu-color-light .main-nav ul.top-navigation>li>a {
    color: #fff
}

.main-section-header.menu-color-dark .main-nav ul.top-navigation>li>a,
.category-menu-style-default_new.menu-color-dark .main-nav ul.top-navigation>li>a {
    color: #3b3b3b
}

.main-section-header.sticky-header.sticky-menu-color-light .main-nav ul.top-navigation>li>a,
.category-menu-style-default_new.sticky-header.sticky-menu-color-light .main-nav ul.top-navigation>li>a {
    color: #fff
}

.main-section-header.sticky-header.sticky-menu-color-light .main-nav ul.top-navigation>li:hover>a,
.category-menu-style-default_new.sticky-header.sticky-menu-color-light .main-nav ul.top-navigation>li:hover>a {
    color: #fff
}

.main-section-header.sticky-header.sticky-menu-color-dark .main-nav ul.top-navigation>li>a,
.category-menu-style-default_new.sticky-header.sticky-menu-color-dark .main-nav ul.top-navigation>li>a {
    color: #3b3b3b
}

.main-section-header.sticky-header.sticky-menu-color-dark .main-nav ul.top-navigation>li:hover>a,
.category-menu-style-default_new.sticky-header.sticky-menu-color-dark .main-nav ul.top-navigation>li:hover>a {
    color: #3b3b3b
}

.side-custom-menu {
    border: 1px solid #e7e7e7;
    background: #fff;
    margin-top: 0
}

.side-custom-menu h2 {
    padding: 14px 28px;
    font-size: 15px;
    line-height: 18px;
    font-family: Poppins;
    color: #222529;
    letter-spacing: -.025em;
    border-bottom: none;
    background: #f5f5f5;
    margin: 0;
    font-weight: 700
}

.main-navigation .top-navigation.side-menu>li .menu-wrap-sub {
    box-shadow: 0 0 25px #00000026;
    transition: .2s all;
    left: 95% !important
}

.main-navigation .top-navigation.side-menu>li .menu-wrap-sub:before {
    content: "";
    position: absolute;
    border-right: 12px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -12px;
    top: 11.5px;
    z-index: 112
}

.main-navigation .top-navigation.side-menu>li:hover .menu-wrap-sub {
    left: 100% !important
}

.main-navigation .top-navigation.side-menu .m-dropdown .dropdown ul li.parent>a:before {
    right: 5px;
    content: "\e81a"
}

.main-navigation .top-navigation.side-menu .m-dropdown .dropdown ul li.parent>a:before {
    margin-top: -12px
}

.main-navigation .top-navigation.side-menu li.level0 a.level-top {
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    line-height: 18px;
    letter-spacing: 0;
    margin-left: 16px;
    margin-right: 18px;
    padding: 14px 12px 14px 5px
}

.main-navigation .top-navigation.side-menu li.level0 a.level-top i {
    margin-right: 8px;
    margin-left: 0
}

.main-navigation .top-navigation.side-menu li.level0:not(:hover):not(.active) a.level-top {
    border-color: #e7e7e7
}

.main-navigation .top-navigation.side-menu li.level0:not(:hover):not(.active) a.level-top i {
    color: #444
}

.widget_sidebar_menu {
    margin-bottom: 10px
}

.header-menu-left .top-navigation {
    text-align: left
}

.header-menu-right .top-navigation {
    text-align: right
}

.header-menu-center .top-navigation {
    text-align: center
}

.main-blog {
    order: 2
}

.template-list-collections .main-container .main-wrapper,
.template-blog .main-container .main-wrapper,
.template-collection .main-container .main-wrapper,
.template-product .main-container .main-wrapper,
.template-article .main-container .main-wrapper,
.template-page .main-container .main-wrapper,
.template-customers-account .main-container .main-wrapper,
.template-cart .main-container .main-wrapper,
.template-customers-register .main-container .main-wrapper,
.template-customers-login .main-container .main-wrapper {
    padding-top: 0
}

.template-list-collections .main-container .main-wrapper .main-breadcrumbs,
.template-blog .main-container .main-wrapper .main-breadcrumbs,
.template-collection .main-container .main-wrapper .main-breadcrumbs,
.template-product .main-container .main-wrapper .main-breadcrumbs,
.template-article .main-container .main-wrapper .main-breadcrumbs,
.template-page .main-container .main-wrapper .main-breadcrumbs,
.template-customers-account .main-container .main-wrapper .main-breadcrumbs,
.template-cart .main-container .main-wrapper .main-breadcrumbs,
.template-customers-register .main-container .main-wrapper .main-breadcrumbs,
.template-customers-login .main-container .main-wrapper .main-breadcrumbs {
    margin-bottom: 20px
}

.collection-spacing-30 {
    margin-left: -15px;
    margin-right: -15px
}

.collection-spacing-30 .item {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px
}

.collection-spacing-20 {
    margin-left: -10px;
    margin-right: -10px
}

.collection-spacing-20 .item {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px
}

.collection-spacing-10 {
    margin-left: -5px;
    margin-right: -5px
}

.collection-spacing-10 .item {
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px
}

.collection-spacing-6 {
    margin-left: -3px;
    margin-right: -3px
}

.collection-spacing-6 .item {
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 6px
}

.collection-spacing-2 {
    margin-left: -1px;
    margin-right: -1px
}

.collection-spacing-2 .item {
    padding-left: 1px;
    padding-right: 1px;
    margin-bottom: 2px
}

.collection-spacing-0 {
    margin-left: 0;
    margin-right: 0
}

.collection-spacing-0 .item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0
}

.short-collection-list .item-space {
    padding: 0
}

.short-collection-list .item {
    text-align: center;
    position: relative
}

.short-collection-list .item h3 {
    letter-spacing: -.01em;
    position: relative
}

.short-collection-list .item a {
    text-decoration: none
}

.short-collection-list .item .thumb-info {
    min-height: 90px;
    margin-bottom: 0;
    text-align: left
}

.short-collection-list .item .thumb-info h3 {
    font-weight: 700;
    margin: 0 0 10px;
    color: inherit;
    letter-spacing: -.005em;
    -webkit-font-smoothing: antialiased
}

.short-collection-list .item .thumb-info-title {
    background: none;
    max-width: none;
    width: 100%;
    bottom: 0;
    padding: 1.2em 1.5em;
    margin: 0
}

.short-collection-list .item .thumb-info-type {
    display: block;
    margin: -10px 0 0;
    padding: 0;
    font-weight: 400;
    background: none;
    float: none;
    opacity: .7;
    line-height: 1.8
}

.short-collection-list .item mark {
    padding: 0;
    background: transparent;
    color: inherit
}

.short-collection-list .item .thumb-info-wrapper:after {
    background: #1b1b1726;
    z-index: 1;
    opacity: 1
}

.short-collection-list .item:hover .thumb-info-wrapper:after {
    background: #1b1b174d
}

.short-collection-list .item.cat-has-icon .thumb-info {
    padding: 40px 0 25px;
    transition: box-shadow .2s;
    text-align: center;
    background-color: #fff
}

.short-collection-list .item.cat-has-icon .thumb-info>i {
    font-size: 3em;
    display: inline-block;
    margin-bottom: 15px
}

.short-collection-list .item.cat-has-icon .thumb-info-wrap {
    display: block
}

.short-collection-list .item.cat-has-icon .thumb-info-title {
    display: block;
    position: static;
    padding: 0 0 10px;
    transition: none
}

.short-collection-list .item.shadow:hover .thumb-info {
    box-shadow: 0 5px 25px #0000001a
}

.short-collection-list.category-pos-middle .item .thumb-info-title {
    position: absolute;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%)
}

.short-collection-list.category-pos-outside .item .thumb-info-title {
    position: static;
    transform: none;
    display: block;
    padding-left: 0;
    padding-right: 0
}

.short-collection-list.category-text-center .thumb-info-title {
    text-align: center
}

.short-collection-list.category-text-right .thumb-info-title {
    text-align: right
}

.short-collection-list.show-count-on-hover .item .thumb-info-type {
    max-height: 10px;
    transition: all .5s;
    transform: translateY(20%);
    opacity: 0
}

.short-collection-list.show-count-on-hover .item:hover .thumb-info-type {
    max-height: 30px;
    transform: translateY(0);
    opacity: .7
}

.short-collection-list.show-count-on-hide .item .thumb-info-type {
    display: none
}

.short-collection-list.show-count-on-hide .item .thumb-info h3 {
    margin-bottom: 0
}

.short-collection-list.category-color-dark .thumb-info-title,
.short-collection-list.category-color-dark a {
    color: #1d2127
}

.grid-creative.category-pos-outside .item .thumb-info {
    height: calc(100% - 60px)
}

.thumb-info {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.thumb-info .thumb-info-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    margin: 0;
    overflow: hidden;
    display: block;
    position: relative
}

.thumb-info .thumb-info-wrapper:after {
    content: "";
    transition: all .3s;
    bottom: 0;
    color: #fff;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    opacity: 0;
    z-index: 1
}

.thumb-info .thumb-info-title {
    transition: all .3s;
    background: #212529cc;
    bottom: 13%;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    left: 0;
    letter-spacing: -.05em;
    padding: 13px 21px 2px;
    position: absolute;
    z-index: 2;
    max-width: 90%
}

.thumb-info .thumb-info-inner {
    transition: all .3s;
    display: block;
    font: inherit;
    color: inherit;
    margin-bottom: 0
}

.thumb-info .thumb-info-type {
    display: inline-block;
    float: left;
    font-size: .6em;
    font-weight: 600;
    letter-spacing: 0;
    margin: 8px -2px -15px 0;
    padding: 2px 12px;
    text-transform: uppercase;
    z-index: 2;
    line-height: 2.3
}

.thumb-info img {
    transition: all .3s ease;
    position: relative;
    width: 100%
}

.nav-accordion {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: .5em;
    list-style: none
}

.nav-accordion li {
    position: relative;
    padding-left: 15px;
    border-bottom: #f4f4f4 solid 1px;
    background: none
}

.nav-accordion li a {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}

.nav-accordion li span.expand,
.nav-accordion li span.collapse {
    display: block;
    position: absolute;
    top: 11px;
    right: 24px;
    height: auto;
    background-image: none;
    font-size: 0;
    text-indent: -9999px;
    cursor: pointer;
    z-index: 1
}

.nav-accordion li span.expand:after,
.nav-accordion li span.collapse:after {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 0;
    padding-right: 5px;
    float: right;
    color: #fff;
    font-family: porto;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    text-decoration: inherit;
    text-indent: 0
}

.nav-accordion li span.expand:after {
    content: "\e857"
}

.nav-accordion li span.collapse:after {
    content: "\e856"
}

.nav-accordion ul {
    display: none;
    margin: 0
}

.nav-accordion ul li {
    margin: 0;
    padding: 0;
    clear: both;
    border-bottom-width: 0
}

.nav-accordion ul li.active {
    font-weight: 700
}

.nav-accordion ul li a {
    padding-left: 15px;
    outline: none
}

.nav-accordion ul ul li a {
    padding-left: 25px
}

.nav-accordion ul ul ul li a {
    padding-left: 30px
}

.product-name a {
    color: #5b5b5f;
    letter-spacing: 0
}

.category-content {
    margin-bottom: 30px
}

.category-content img {
    max-width: 100%
}

.heading.heading-border {
    margin-bottom: 1.5625rem
}

.heading.heading-border h1,
.heading.heading-border h2,
.heading.heading-border h3,
.heading.heading-border h4,
.heading.heading-border h5,
.heading.heading-border h6 {
    padding: 0;
    margin: 0
}

.heading.heading-middle-border .heading-tag {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.heading.heading-middle-border .heading-tag:before,
.heading.heading-middle-border .heading-tag:after {
    height: 0;
    border-top: 1px solid;
    border-top-color: inherit;
    -ms-flex: 1;
    flex: 1
}

.heading.heading-middle-border .heading-tag:after {
    content: ""
}

.heading.heading-middle-border h1:before {
    margin-right: 20px
}

.heading.heading-middle-border h1:after {
    margin-left: 20px
}

.heading.heading-middle-border h2:before,
.heading.heading-middle-border h3:before {
    margin-right: 15px
}

.heading.heading-middle-border h2:after,
.heading.heading-middle-border h3:after {
    margin-left: 15px
}

.heading.heading-middle-border h4:before,
.heading.heading-middle-border h5:before,
.heading.heading-middle-border h6:before {
    margin-right: 8px
}

.heading.heading-middle-border h4:after,
.heading.heading-middle-border h5:after,
.heading.heading-middle-border h6:after {
    margin-left: 8px
}

.heading.heading-middle-border-reverse .heading-tag:before {
    content: ""
}

.heading.heading-middle-border-reverse .heading-tag:after {
    content: none
}

.heading.heading-middle-border-center .heading-tag:before {
    content: ""
}

.heading.heading-border-xs .heading-tag {
    border-bottom-width: 1px
}

.heading.heading-border-xs .heading-tag:before,
.heading.heading-border-xs .heading-tag:after {
    border-top-width: 1px
}

.heading.heading-border-sm .heading-tag {
    border-bottom-width: 2px
}

.heading.heading-border-sm .heading-tag:before,
.heading.heading-border-sm .heading-tag:after {
    border-top-width: 2px
}

.heading.heading-border-lg .heading-tag {
    border-bottom-width: 3px
}

.heading.heading-border-lg .heading-tag:before,
.heading.heading-border-lg .heading-tag:after {
    border-top-width: 3px
}

.heading.heading-border-xl .heading-tag {
    border-bottom-width: 5px
}

.heading.heading-border-xl .heading-tag:before,
.heading.heading-border-xl .heading-tag:after {
    border-top-width: 5px
}

.heading.heading-bottom-border h1 {
    border-bottom: 5px solid;
    padding-bottom: 10px
}

.heading.heading-bottom-border h2,
.heading.heading-bottom-border h3 {
    border-bottom: 2px solid;
    padding-bottom: 10px
}

.heading.heading-bottom-border h4,
.heading.heading-bottom-border h5,
.heading.heading-bottom-border h6 {
    border-bottom: 1px solid;
    padding-bottom: 5px
}

.heading.heading-bottom-double-border .heading-tag {
    border-bottom: 3px double;
    padding-bottom: 10px
}

.heading.heading-bottom-double-border h4,
.heading.heading-bottom-double-border h5,
.heading.heading-bottom-double-border h6 {
    padding-bottom: 5px
}

.heading.heading-border .heading-tag {
    border-top-color: #dbdbdb;
    border-bottom-color: #dbdbdb
}

#popup_newsletter {
    border-top: 0 solid #3b3b3b;
    box-shadow: 0 0 50px #0000001f;
    padding: 4rem 2.5rem
}

#popup_newsletter .block-content {
    max-width: 361px;
    padding: 0;
    text-align: left
}

#popup_newsletter .block-content .block-title h3 {
    color: #222529;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2
}

#popup_newsletter .block-content .content {
    font-size: .875rem;
    line-height: 1.8571;
    letter-spacing: -.02em
}

#popup_newsletter .block-content img {
    max-width: 111px
}

#popup_newsletter .block-content .input-box {
    display: flex;
    width: 100%;
    flex-wrap: nowrap
}

#popup_newsletter .block-content .input-box input.input-text {
    height: 3rem;
    border: none;
    border-radius: 1.5rem 0 0 1.5rem;
    background: #f4f4f4;
    box-shadow: none !important;
    padding-left: 1.375rem
}

#popup_newsletter .block-content .input-box input.btn-button {
    height: 3rem;
    padding-left: 1.5rem;
    padding-right: 2rem;
    border-radius: 0 1.5rem 1.5rem 0;
    box-shadow: none !important;
    margin-right: .5rem;
    font-weight: 700;
    margin-bottom: 1.25rem
}

#popup_newsletter .subcriper_label {
    margin-bottom: 0;
    vertical-align: middle
}

#popup_newsletter .subcriper_label input {
    border: 1px solid #ccc;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: 1px;
    vertical-align: middle;
    outline: none;
    border-radius: 3px;
    color: #555;
    margin-right: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block
}

#popup_newsletter .subcriper_label input[type=checkbox]:checked:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 900;
    margin: 0;
    width: 1.15rem;
    height: 1.2rem;
    line-height: 1.2rem;
    float: left;
    font-size: 11px;
    text-align: center
}

#popup_newsletter .subcriper_label span {
    font-size: .75rem;
    display: inline-block;
    line-height: 1
}

.popup-quick-view {
    position: relative;
    max-width: 900px;
    margin: 40px auto;
    padding: 20px 15px;
    background: #fff;
    box-shadow: 0 10px 25px #00000080;
    text-align: left
}

.popup-quick-view .product-essential {
    overflow: hidden
}

.popup-quick-view .product-essential .product-img-box .product-image .product-image-gallery {
    padding: 0;
    border: 0;
    border-radius: 0
}

.popup-quick-view .product-essential .more-views-horizontal .product-image-thumbs .item {
    padding: 0 3px
}

.popup-quick-view .product-essential .more-views-horizontal .product-image-thumbs .item a {
    padding: 0;
    border: 0;
    border-radius: 0
}

.clear-both {
    clear: both
}

.addthis_toolbox svg {
    display: block
}

.actions .action-list {
    display: inline-block;
    vertical-align: middle
}

.actions .btn-cart {
    display: inline-block;
    height: 32px;
    padding: 0 10px 0 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #333;
    font-size: 14px;
    line-height: 30px
}

.actions a.link-wishlist,
.actions a.link-compare {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #d8d8d6;
    background-color: transparent;
    color: #333;
    font-size: 17px;
    line-height: 32px;
    text-align: center
}

.product-view .product-shop .actions a.link-wishlist,
.product-view .product-shop .actions a.link-compare {
    width: 38px;
    height: 38px;
    border-color: #d8d8d6;
    line-height: 36px
}

.actions a.link-wishlist span,
.actions a.link-compare span {
    display: none
}

.zoomContainer {
    z-index: 14
}

.quickview-raised .zoomContainer {
    z-index: 1044
}

.block-googlemap img {
    opacity: 1;
    background: none
}

ul.form-list li {
    margin: 0 0 10px
}

ul.form-list li label {
    position: relative;
    margin: 0 0 10px;
    float: left;
    color: #777;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
    z-index: 0
}

ul.form-list li label em {
    position: absolute;
    top: 0;
    right: -8px;
    float: right;
    color: #eb340a;
    font-style: normal
}

.share-links {
    vertical-align: middle
}

.share-links a {
    font-size: .8rem;
    color: #fff;
    text-indent: -9999em;
    text-align: center;
    width: 2.2857em;
    height: 2.2857em;
    display: inline-block;
    margin: .2857em .5714em .2857em 0;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    transition: .25s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.share-links a:before {
    font-family: "Font Awesome 5 Brands";
    text-indent: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    line-height: 23px;
    height: 22px;
    margin: auto;
    z-index: 2
}

.share-links a:hover {
    opacity: .9;
    color: #fff !important
}

.share-links.disable-br a {
    border-radius: 0 !important
}

.share-links .share-twitter {
    background: #1aa9e1
}

.share-links .share-twitter:before {
    content: "\f099"
}

.share-links .share-facebook {
    background: #3b5a9a
}

.share-links .share-facebook:before {
    content: "\f39e"
}

.share-links .share-linkedin {
    background: #0073b2
}

.share-links .share-linkedin:before {
    content: "\f0e1"
}

.share-links .share-rss {
    background: #ff8201
}

.share-links .share-rss:before {
    content: "\f09e"
}

.share-links .share-googleplus {
    background: #dd4b39
}

.share-links .share-googleplus:before {
    content: "\f0d5"
}

.share-links .share-pinterest {
    background: #cc2127
}

.share-links .share-pinterest:before {
    content: "\f0d2"
}

.share-links .share-youtube {
    background: #c3191e
}

.share-links .share-youtube:before {
    content: "\f167"
}

.share-links .share-instagram {
    background: #7c4a3a
}

.share-links .share-instagram:before {
    content: "\f16d";
    font-family: porto
}

.share-links .share-skype {
    background: #00b0f6
}

.share-links .share-skype:before {
    content: "\f17e"
}

.share-links .share-email {
    background: #dd4b39
}

.share-links .share-email:before {
    font-family: Porto;
    content: "\e82e";
    font-weight: 400
}

.share-links .share-vimeo {
    background: #52b8ea
}

.share-links .share-vimeo:before {
    content: "\f27d"
}

.share-links .share-flickr {
    background: #0063dc
}

.share-links .share-flickr:before {
    content: "\f16e"
}

.share-links .share-whatsapp {
    background: #3c8a38
}

.share-links .share-whatsapp:before {
    content: "\f232"
}

.share-links.default-skin a {
    color: #fff !important
}

.share-links.default-skin a:hover {
    opacity: .8
}

.share-links.default-skin .share-twitter {
    background: #1aa9e1 !important
}

.share-links.default-skin .share-facebook {
    background: #3b5a9a !important
}

.share-links.default-skin .share-linkedin {
    background: #0073b2 !important
}

.share-links.default-skin .share-rss {
    background: #ff8201 !important
}

.share-links.default-skin .share-googleplus {
    background: #dd4b39 !important
}

.share-links.default-skin .share-pinterest {
    background: #cc2127 !important
}

.share-links.default-skin .share-youtube {
    background: #c3191e !important
}

.share-links.default-skin .share-instagram {
    background: #7c4a3a !important
}

.share-links.default-skin .share-skype {
    background: #00b0f6 !important
}

.share-links.default-skin .share-email {
    background: #dd4b39 !important
}

.share-links.default-skin .share-vimeo {
    background: #52b8ea !important
}

.share-links.default-skin .share-flickr {
    background: #0063dc !important
}

.share-links.default-skin .share-whatsapp {
    background: #3c8a38 !important
}

.footer-wrapper .share-links a:hover {
    color: #fff
}

.widget.follow-us .share-links a:hover,
.header-wrapper.header-side-nav .share-links a:hover,
.header-corporate .share-links a:hover {
    opacity: 1
}

.newsletter-footer form {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end
}

.newsletter-footer span.new-text {
    flex: 1
}

.newsletter-footer input {
    border-radius: 24px 0 0 24px !important;
    padding-left: 25px;
    border: none;
    height: 48px;
    font-size: 1em;
    width: 100%
}

.newsletter-footer button {
    padding-left: 25px;
    padding-right: 30px;
    border-radius: 0 24px 24px 0 !important;
    height: 48px;
    font-size: 12px;
    text-transform: uppercase
}

.products-footer {
    text-align: center;
    clear: both
}

.products-collection .porto-load-more,
.category-detail .porto-load-more {
    position: relative;
    display: inline-block;
    width: auto;
    border: none;
    background: #222529;
    color: #fff;
    padding: 1.4em 4em;
    font-size: .8125rem
}

.products-collection .porto-load-more:focus,
.products-collection .porto-load-more:hover,
.category-detail .porto-load-more:focus,
.category-detail .porto-load-more:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.products-collection .porto-load-more .load-more-label,
.products-collection .porto-load-more .load-more-loading,
.category-detail .porto-load-more .load-more-label,
.category-detail .porto-load-more .load-more-loading {
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease
}

.products-collection .porto-load-more .load-more-loading,
.category-detail .porto-load-more .load-more-loading {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.products-collection .porto-load-more .load-more-loading:before,
.category-detail .porto-load-more .load-more-loading:before {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #bbb;
    border-left-color: #000;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: -8px
}

.products-collection .porto-load-more.loading .load-more-loading,
.category-detail .porto-load-more.loading .load-more-loading {
    opacity: 1
}

.products-collection .porto-load-more.loading .load-more-loading:before,
.category-detail .porto-load-more.loading .load-more-loading:before {
    animation: load-spin .45s infinite linear;
    -webkit-animation: load-spin .45s infinite linear
}

.products-collection .porto-load-more.loading .load-more-label,
.category-detail .porto-load-more.loading .load-more-label {
    opacity: 0
}

.color-scheme-light .porto-load-more,
.porto-dark .porto-load-more {
    border-color: #ffffff40;
    color: #fff
}

.color-scheme-light .porto-load-more:before,
.porto-dark .porto-load-more:before {
    border-color: #ffffff26;
    border-left-color: #fff
}

.color-scheme-light .porto-load-more:focus,
.color-scheme-light .porto-load-more:hover,
.porto-dark .porto-load-more:focus,
.porto-dark .porto-load-more:hover {
    border-color: #fff;
    color: #fff
}

.footer-wrapper {
    border-top: 0
}

.footer-wrapper .widget-wrapper {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.footer-wrapper .widget-wrapper:first-child {
    margin-top: 0
}

.footer-top {
    padding: 15px 0;
    background-color: #f0f0ed
}

.footer-middle {
    position: relative;
    padding: 40px 0;
    background-color: #121214;
    color: #777;
    font-size: 13px
}

.footer-middle a,
.footer-middle a:hover {
    color: #fff
}

.footer-middle a:not(.btn) {
    transition: all .1s ease-in-out
}

.footer-middle ul li.theme-color i {
    color: #3b3b3b
}

.footer-middle .footer-ribbon {
    position: absolute;
    margin: -56px 0 25px;
    padding: 10px 20px 6px;
    background-color: #3b3b3b;
    z-index: 2
}

.footer-middle .footer-ribbon span {
    color: #fff;
    font-family: Shadows Into Light, cursive;
    font-size: 20px
}

.footer-middle .footer-ribbon:before {
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    width: 7px;
    height: 0;
    border-top: 16px solid transparent;
    border-right: 10px solid #222;
    content: ""
}

.footer-middle .info-footer .footer-block-title h3 {
    margin: 5px 0 20px;
    color: #313131;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2
}

.footer-middle .info-footer .custom-footer-content {
    padding: 0;
    background-color: transparent
}

.footer-middle .info-footer .custom-footer-content ul.footer-list li {
    display: block;
    position: relative;
    line-height: 24px
}

.footer-middle .info-footer .footer_newsletter_subscribe .widget-newsletter-form {
    width: 100%;
    margin-top: 50px;
    padding: 0
}

.footer-middle .info-footer .footer_newsletter_subscribe .widget-newsletter-form p.text {
    display: block;
    padding: 0;
    font-size: 13px;
    font-weight: 400;
    text-align: left
}

.footer-middle ul.contact-info li:not(:last-child) {
    margin-bottom: 10px
}

.footer-middle ul.contact-info li span {
    line-height: 1.4;
    display: block
}

.footer-middle ul.contact-info li:first-child {
    padding-top: 0
}

.footer-middle p {
    margin: 0 0 15px;
    color: #777;
    line-height: 1.5
}

.footer-middle .tagcloud a {
    background: none;
    color: inherit;
    border-radius: 0;
    font-size: 11px;
    font-weight: 400;
    text-transform: none;
    padding: .6em;
    border: 1px solid #313438;
    margin: .3846em .3846em .3846em 0;
    line-height: 1;
    display: inline-block
}

.footer-middle .tagcloud a:hover {
    border-color: #fff
}

.footer-middle b {
    font-weight: 400;
    display: block;
    line-height: 1
}

.footer-middle .block-bottom {
    padding: 27px 0;
    border-top: 1px solid #3d3d38;
    text-align: left
}

.footer-middle-2 {
    background-color: #000
}

.footer-bottom {
    min-height: 50px;
    padding: 21px 0;
    background-color: #0c0c0c
}

.footer-bottom .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.footer-bottom .container:before {
    position: absolute;
    top: -22px;
    right: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: 1px;
    background-color: #3d3d38;
    content: ""
}

.footer-bottom .footer-bottom-logo {
    margin-right: 45px
}

.footer-bottom .custom-block ul li {
    display: inline;
    padding: 0 12px;
    border-right: 1px solid #bbb;
    font-size: 11px
}

.footer-bottom .custom-block ul li:first-child {
    padding-left: 0
}

.footer-bottom .custom-block ul li a {
    color: #777;
    font-size: 11px
}

.footer-bottom .custom-block ul li a:hover {
    text-decoration: underline
}

.footer-bottom .custom-block img {
    height: auto
}

.footer-bottom .custom-block-1 {
    margin-left: 60px
}

.footer-bottom address {
    margin-bottom: 0;
    line-height: 40px;
    float: left
}

#back-top {
    position: fixed;
    right: 10px;
    bottom: 30px;
    z-index: 9
}

#back-top a .sticker-wrapper {
    position: relative;
    top: 0;
    right: 0;
    transition: all .1s ease-in-out 0s
}

#back-top a .sticker-wrapper .sticker {
    position: fixed;
    right: 15px;
    bottom: 0;
    width: 40px;
    height: 40px;
    padding: 11px 0;
    background-color: #404040;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    z-index: 9999
}

#back-top a .sticker-wrapper .sticker:hover {
    opacity: .9
}

#back-top a:hover .sticker-wrapper {
    top: 0;
    right: 0
}

.box_footer .block-bottom .subcribe {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item {
    width: 100%;
    max-width: 300px;
    padding: 0;
    float: none
}

.footer-wrapper .bestseller .sidebar-content {
    margin: 0;
    padding: 0 !important;
    background: none
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item .item-area .details-area h2.product-name {
    display: block;
    margin: 0 0 3px;
    font-size: 12px;
    font-weight: 400
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item .item-area .details-area .price-box .price {
    color: #fff;
    font-size: 15px;
    font-weight: 600
}

.footer-wrapper .footer-middle .info-footer .bestseller {
    margin-top: -10px
}

.footer-wrapper .bestseller .sidebar-content .products-grid {
    padding: 0 !important
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item .item-area {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 10px 0 6px;
    clear: both
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item .item-area .product-image-area {
    width: 33%;
    padding: 2px !important;
    float: left
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item .item-area .details-area {
    width: 66%;
    padding: 7px 16px;
    float: left;
    text-align: left
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item .item-area .details-area .ratings {
    background: none
}

.footer-wrapper .bestseller .sidebar-content .products-grid .item .item-area .product-image-area a.product-image {
    min-height: inherit
}

.porto-sticky-navbar {
    display: none;
    opacity: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    z-index: 1040;
    animation: .3s all;
    transition: left .3s
}

@media(max-width:767px) {
    .porto-sticky-navbar.fixed {
        display: flex;
        position: fixed;
        opacity: 1
    }
}

.porto-sticky-navbar>div {
    text-align: center;
    padding: 10px 0 5px;
    flex: 1
}

.porto-sticky-navbar .sticky-icon+.sticky-icon {
    border-left: 1px solid #f1f1f1
}

.porto-sticky-navbar .label {
    display: block;
    font-family: Poppins, sans-serif;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: -.5px;
    font-weight: 600
}

.porto-sticky-navbar a,
.porto-sticky-navbar .label,
.porto-sticky-navbar a:hover,
.porto-sticky-navbar .label:hover {
    color: #222529
}

.porto-sticky-navbar i {
    font-size: 27px;
    display: block;
    line-height: 27px;
    margin-bottom: 4px
}

.porto-sticky-navbar .cart-icon {
    display: inline-block;
    position: relative
}

.porto-sticky-navbar .cart-items {
    display: inline-block;
    position: absolute;
    width: 15px;
    height: 15px;
    top: -1px;
    right: -6px;
    background-color: #ed5348;
    color: #fff;
    line-height: 15px;
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    border-radius: 8px;
    box-shadow: -1px 1px 2px #0000004d;
    overflow: hidden
}

.active div.effect-pageLeft {
    -webkit-animation: pageLeft .6s ease both;
    animation: pageLeft .6s ease both;
    -webkit-animation-delay: .3s
}

#resultLoading {
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -ms-flex-align: center;
    align-items: center;
    background: #fff3;
    z-index: 99
}

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

    to {
        -webkit-transform: rotate(359deg)
    }
}

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

    to {
        transform: rotate(359deg)
    }
}

.spinner {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: 2px solid transparent;
    border-radius: 50%;
    content: "";
    z-index: 2;
    border-image: none;
    -webkit-animation: spin .75s infinite linear;
    animation: spin .75s infinite linear
}

.spinner:before {
    position: absolute;
    top: -2px;
    right: 0;
    left: -2px;
    width: inherit;
    height: inherit;
    border: inherit;
    border-radius: inherit;
    border-top-color: inherit;
    content: "";
    -webkit-animation: spin 1.5s infinite ease;
    animation: spin 1.5s infinite ease
}

.mobile-canvas-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    filter: alpha(opacity=0)
}

.mobile-canvas-shown .block-main-canvas {
    right: 0
}

.mobile-canvas-shown .block-main-canvas .canvas-inner {
    display: block;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.mobile-canvas-shown .sidebar .block:before {
    display: none
}

.mobile-canvas-shown .block-main-canvas .sidebar-style-2 {
    padding: 0 15px
}

.canvas-right .mobile-canvas-overlay.close-right {
    opacity: .5;
    visibility: visible;
    filter: alpha(opacity=15)
}

.canvas-right .col-right .block-main-canvas {
    right: 0;
    left: auto
}

.canvas-right .canvas-right .canvas-icon {
    opacity: 1;
    visibility: visible
}

.canvas-right .canvas-right .canvas-icon i:before {
    font-family: Porto;
    content: "\e82c"
}

.canvas-left .mobile-canvas-overlay.close-left {
    opacity: .5;
    visibility: visible;
    filter: alpha(opacity=15)
}

.canvas-left .col-left .block-main-canvas {
    right: auto;
    left: 0
}

.canvas-left .canvas-left .canvas-icon {
    opacity: 1;
    visibility: visible
}

.canvas-left .canvas-left .canvas-icon i:before {
    font-family: Porto;
    content: "\e82c"
}

.block-main-canvas {
    z-index: 5
}

@media(min-width:992px) {
    .col-left .block-main-canvas {
        z-index: 6
    }
}

.block-main-canvas .canvas-icon {
    position: absolute;
    top: 22%;
    right: -40px;
    width: 40px;
    height: 40px;
    transition: all .2s;
    border: #ccc solid 1px;
    border-left-width: 0;
    background-color: #fff;
    line-height: 51px;
    text-align: center;
    opacity: 1;
    visibility: visible;
    z-index: 9
}

.template-collection .block-main-canvas .canvas-icon {
    display: none !important
}

.block-main-canvas .canvas-icon a {
    display: block;
    color: #7b858a;
    font-size: 17px;
    line-height: 38px
}

.block-main-canvas .close-canvas {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 30px;
    height: 30px;
    margin-top: -16px;
    font-size: 15px;
    text-align: center;
    cursor: pointer
}

.category-products .spr-badge {
    display: block;
    padding-top: 0;
    line-height: 1
}

.category-products .spr-badge .spr-starrating .spr-icon {
    font-size: 11px;
    width: 1.22em
}

.category-products .spr-badge .spr-badge-caption {
    display: none
}

.category-products .spr-badge .amount {
    padding-left: 7px;
    float: left;
    line-height: 14px
}

.products-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.products-grid .item {
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left
}

.product-image-area {
    position: relative;
    background: #fff;
    overflow: hidden;
    z-index: 0
}

.product-image-area .product-image {
    display: block;
    position: relative;
    width: 100%;
    min-height: 100px;
    border-radius: 0;
    background: #eee;
    overflow: hidden;
    z-index: 0
}

.product-image-area .product-image img {
    width: 100%;
    transition: all .3s;
    z-index: 2
}

.product-image-area .product-image img.alt-img {
    position: absolute;
    opacity: 0
}

.product-image-area:hover .product-image .alt-img {
    opacity: 1
}

.product-name {
    display: inline-block;
    margin: 0;
    font-size: 14px
}

.has-compare {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.compare-price {
    display: inline-block;
    margin-right: 5px;
    color: #999;
    font-size: 14px;
    text-decoration: line-through
}

.new-products .masonry-grid .grid {
    width: 20%;
    padding: 0 1.5px;
    float: left
}

.new-products .masonry-grid .double {
    width: 39.9%
}

.new-products .masonry-grid .double li.item {
    float: none
}

.new-products .masonry-grid .double .actions {
    right: 2.5rem;
    bottom: -1.5rem
}

.new-products .masonry-grid .item {
    position: relative;
    padding: 1.5px 0
}

.new-products .details-area {
    display: none
}

.new-products .product-image-area {
    margin-bottom: 0
}

.new-products .double .details-area {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 25px 27px;
    background-color: #ccccccf2;
    z-index: 3
}

.new-products .double .actions {
    display: block;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9
}

.new-products .double .actions a {
    opacity: 1;
    visibility: visible
}

.new-products .double .product-wishlist a {
    right: 0;
    border: 0;
    font-size: 20px
}

.filter-products .item-area {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 27px
}

.filter-products .product-image-area {
    position: relative;
    width: 33%;
    margin: 0;
    padding: 2px;
    border: 1px solid #dddddd;
    border-radius: 7px;
    border-image: initial;
    background: #fff;
    overflow: hidden;
    z-index: 0
}

.filter-products .product-image-area .product-image {
    min-height: 60px
}

.filter-products .details-area {
    width: 66%;
    padding: 0 0 0 16px;
    text-align: left
}

.filter-products .product-name {
    display: inherit;
    font-size: 1em;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.filter-products .rating-box {
    margin: 4px 0 8px;
    line-height: 1
}

.filter-products .price {
    margin: 0;
    font-size: 15px;
    vertical-align: middle
}

.products-spacing-0 {
    margin: 0
}

.products-spacing-0 .product {
    padding-right: 0;
    padding-left: 0
}

.products-spacing-1 {
    margin: 0 -1px
}

.products-spacing-1 .product {
    padding: 1px
}

.products-spacing-1-5 {
    margin: 0 -1.5px
}

.products-spacing-1-5 .product {
    padding: 1.5px
}

.products-spacing-2 {
    margin: 0 -2px
}

.products-spacing-2 .product {
    padding: 2px
}

.products-spacing-3 {
    margin: 0 -3px
}

.products-spacing-3 .product {
    padding: 3px
}

.products-spacing-6 {
    margin: 0 -6px
}

.products-spacing-6 .product {
    padding: 6px
}

.products-spacing-7 {
    margin: 0 -7px
}

.products-spacing-7 .product {
    padding: 7px
}

.products-spacing-8 {
    margin: 0 -8px
}

.products-spacing-8 .product {
    padding: 8px
}

.products-spacing-10 {
    margin: 0 -10px
}

.products-spacing-10 .product {
    padding: 10px
}

.products-spacing-15 {
    margin: 0 -15px
}

.products-spacing-15 .product {
    padding: 15px
}

.products-spacing-20 {
    margin: 0 -20px
}

.products-spacing-20 .product {
    padding: 20px
}

.products-spacing-25 {
    margin: 0 -25px
}

.products-spacing-25 .product {
    padding: 25px
}

.products-spacing-30 {
    margin: 0 -30px
}

.products-spacing-30 .product {
    padding: 30px
}

@media only screen and (max-width:479px) {
    .itemgrid .item {
        width: 100% !important
    }

    .header-wrapper .header-container .main-header .header-search-form {
        width: 300px
    }

    .masonry-grid .masonry-grid-item {
        width: 100%
    }

    .header-container.sticky-header:not(.type1) .header>.logo {
        margin-top: 7.5px;
        margin-bottom: 7.5px
    }

    .header-container.sticky-header .header>.logo img {
        height: 35px
    }

    .main-container .top-container .category-banner .full-width-image-banner .content h2 {
        margin: 0;
        font-size: 24px;
        line-height: 1.1
    }

    .category-boxed-banner .banner-text h2 {
        font-size: 14px
    }

    .main-container .login_content .login-button button.btn-button {
        width: 100%;
        z-index: 1
    }

    .main-container .login_content .login-button .btn-button {
        width: 100%
    }

    .main-container .account-create .content .buttons-set {
        float: none
    }

    .main-container .account-create .content .buttons-set input {
        width: 100%
    }

    .products-grid .item .item-area .details-area .actions .link-compare,
    .products-grid .item .item-area .details-area .actions .link-wishlist {
        display: none
    }
}

@media(max-width:413px) {

    .category-boxed-banner.style1 .banner-text h2,
    .category-boxed-banner.style2 .banner-text h2 {
        font-size: 13px
    }

    .category-boxed-banner.style1 .banner-text h2 b,
    .category-boxed-banner.style2 .banner-text h2 b {
        font-size: 18px
    }

    .category-boxed-banner.style1 .banner-text h3,
    .category-boxed-banner.style2 .banner-text h3 {
        margin-bottom: 15px;
        font-size: 20px
    }

    .category-boxed-banner.style1 .banner-text .shop-now,
    .category-boxed-banner.style2 .banner-text .shop-now {
        min-width: 75px;
        padding: 10px 5px;
        font-size: 12px;
        line-height: 1
    }
}

@media screen and (max-width:360px) {
    .view-mode {
        display: none
    }
}

@media(min-width:320px) {
    .item-320-1 .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .item-320-2 .item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .item-320-3 .item {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .item-320-4 .item {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }

    .item-320-5 .item {
        -ms-flex: 0 0 10%;
        flex: 0 0 10%;
        max-width: 10%
    }

    .item-320-6 .item {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .item-320-7 .item {
        -ms-flex: 0 0 7.14286%;
        flex: 0 0 7.14286%;
        max-width: 7.14286%
    }

    .item-320-8 .item {
        -ms-flex: 0 0 6.25%;
        flex: 0 0 6.25%;
        max-width: 6.25%
    }
}

@media(min-width:480px) {
    .item-480-1 .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .item-480-2 .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .item-480-3 .item {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .item-480-4 .item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .item-480-5 .item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .item-480-6 .item {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .item-480-7 .item {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .item-480-8 .item {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media(min-width:640px) {
    .item-640-1 .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .item-640-2 .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .item-640-3 .item {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .item-640-4 .item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .item-640-5 .item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .item-640-6 .item {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .item-640-7 .item {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .item-640-8 .item {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media(min-width:768px) {
    .item-768-1 .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .item-768-2 .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .item-768-3 .item {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .item-768-4 .item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .item-768-5 .item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .item-768-6 .item {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .item-768-7 .item {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .item-768-8 .item {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media(min-width:992px) {
    .item-992-1 .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .item-992-2 .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .item-992-3 .item {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .item-992-4 .item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .item-992-5 .item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .item-992-6 .item {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .item-992-7 .item {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .item-992-8 .item {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

@media(min-width:1200px) {
    .item-1200-1 .item {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .item-1200-2 .item {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .item-1200-3 .item {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .item-1200-4 .item {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .item-1200-5 .item {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }

    .item-1200-6 .item {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .item-1200-7 .item {
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%
    }

    .item-1200-8 .item {
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%
    }
}

.btn {
    font-family: Poppins, sans-serif;
    font-size: 1.4rem;
    text-transform: uppercase
}

.btn.grey-black {
    color: #777
}

.btn.grey-black:hover {
    color: #000
}

.btn-default,
.btn-default:hover {
    color: #fff
}

.btn-sm {
    padding: 1.15rem 1.5rem;
    font-size: 1.3rem;
    letter-spacing: 1px
}

.btn-md {
    padding: 1rem 2.4rem;
    font-size: 12px;
    letter-spacing: .025em;
    text-shadow: none
}

.tab-selector .nav-link,
.tab-selector .nav-link.active {
    border: 0
}

.widget-newsletter-form form {
    display: -ms-flex;
    display: flex
}

.mfp-smooth-fade.mfp-bg {
    transition: all .35s;
    background-color: transparent;
    opacity: .8
}

.mfp-smooth-fade.mfp-removing {
    transition: opacity .35s ease-out;
    opacity: 0
}

.mfp-wrap {
    z-index: 1043
}

.mfp-wrap .mfp-content {
    transition: all .35s ease-out;
    opacity: 0
}

.mfp-ready.mfp-bg {
    transition: all .35s ease-out;
    background-color: #77777780
}

.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}

.cart-design-3 .icon-cart-header {
    height: auto;
    padding: 0;
    display: flex;
    align-items: center;
    top: -1px
}

.cart-design-3 .icon-cart-header i {
    font-size: 26px
}

.cart-design-3 .icon-cart-header i:before {
    margin: 0;
    content: "\e8ba"
}

.cart-design-3 .icon-cart-header .cart-total {
    position: absolute;
    right: 18px;
    top: 3px;
    padding: 0
}

.cart-design-3 .icon-cart-header .cart-total .cart-qty {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 16px !important;
    background-color: #ff5b5b;
    font-size: 10px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: #fff
}

.cart-design-3 .icon-cart-header .cart-total span {
    display: none
}

.cart-design-3 .icon-cart-header:after {
    content: "\e81c";
    font-family: Porto;
    font-size: 17px;
    margin-left: 15px
}

.cart-design-3 .cart-wrapper:before {
    right: 5px
}

.cart-design-7 .icon-cart-header {
    display: flex;
    padding: 0;
    min-width: 44px;
    justify-content: center;
    align-items: center;
    line-height: 0
}

.cart-design-7 .icon-cart-header i {
    display: inline-block;
    font-size: 33px;
    vertical-align: middle;
    width: 25px;
    height: 20px;
    border: 2px solid #c35d5d;
    border-radius: 0 0 5px 5px !important;
    position: relative;
    opacity: .9;
    margin: 6px 3px 0
}

.cart-design-7 .icon-cart-header i:before {
    content: "";
    position: absolute;
    border: 2px solid;
    border-color: inherit;
    border-bottom: none;
    border-radius: 10px 10px 0 0 !important;
    left: 50%;
    top: -8px;
    margin-left: -7.5px;
    width: 15px;
    height: 11px
}

.cart-design-7 .icon-cart-header .cart-total {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 18px;
    width: auto;
    margin-top: -4px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center
}

.cart-design-7 .icon-cart-header .cart-total .cart-qty {
    display: inline-block;
    border-radius: 20px !important;
    width: 16px;
    height: 16px;
    background-color: #ff5b5b;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
    text-align: center
}

.cart-design-7 .icon-cart-header .cart-total span {
    display: none
}

.cart-design-7 .icon-cart-header:after {
    content: "\e81c";
    font-family: porto;
    font-size: 17px;
    margin-left: 15px
}

.sticky-header .header-wrapper .cart-design-1 {
    padding: 0
}

.sticky-header .header-wrapper .cart-design-1 .icon-cart-header .cart-total {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -7px;
    padding: 3px;
    text-align: center
}

.sticky-header .header-wrapper .cart-design-1 .icon-cart-header .cart-total .cart-qty {
    display: block;
    margin-right: 0;
    font-size: 13px;
    font-weight: 600
}

.sticky-header .header-wrapper .cart-design-1 .icon-cart-header span {
    display: none
}

.sticky-header .header-wrapper .cart-design-2 .icon-cart-header .cart-total .cart-qty {
    font-size: 13px
}

.sticky-header .header-wrapper .cart-design-4 .cart-total .cart-qty {
    display: block;
    top: -6px;
    left: 25px
}

.sticky-header .header-wrapper .cart-design-4 .cart-total span {
    display: none
}

.sticky-header .header-wrapper .cart-design-5 .icon-cart-header {
    padding: 0 2px 0 0
}

.sticky-header .header-wrapper .cart-design-5 .icon-cart-header .cart-total .cart-qty {
    right: 0
}

.sticky-header .header-wrapper .cart-design-5 .icon-cart-header:after {
    display: none
}

.widget-design-1 .cart-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    margin-top: 10px;
    background-color: #fff;
    color: #777;
    box-shadow: 0 2px 6px #0003;
    z-index: 10
}

.widget-design-1 .cart-wrapper .cart-content p.no-items-in-cart {
    display: block;
    margin: 20px;
    color: #777;
    line-height: 19px;
    text-align: center
}

.widget-design-1 .cart-wrapper .cart-content ul {
    max-height: 400px;
    margin: 0;
    padding: 0 20px;
    outline: none;
    overflow-y: auto
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart {
    width: 100%;
    padding: 20px 0;
    float: left;
    border-bottom: 1px solid #eee
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-image {
    width: 80px;
    padding: 0;
    float: left;
    border: 1px solid #ddd;
    border-width: 0;
    border-radius: 0;
    background-color: #fff
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-image img {
    width: 100%;
    height: auto
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-details {
    position: relative;
    margin-left: 90px;
    text-align: left
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-details a {
    outline: none;
    color: #777;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-details .product-name {
    margin: 10px 0;
    padding-right: 30px;
    font-size: 1em;
    font-weight: 400
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-details .items {
    margin: 0 0 15px;
    line-height: 1.5
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-details .access {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-details .access .btn-edit {
    width: auto;
    height: 16px;
    padding: 0 20px 0 0;
    float: left;
    outline: medium none;
    background-color: transparent;
    background-image: none;
    color: #7b7b7b;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-indent: inherit;
    text-transform: none
}

.widget-design-1 .cart-wrapper .cart-content ul li.item-cart .product-details .access .btn-remove {
    position: absolute;
    top: -3px;
    right: 0;
    width: 23px;
    height: 23px;
    padding: 5px 0;
    font-size: 13px;
    line-height: 1
}

.widget-design-1 .cart-wrapper .cart-content ul dl {
    margin: 0
}

.widget-design-1 .cart-wrapper .cart-content ul dl dt {
    padding: 5px 0;
    float: left;
    text-transform: uppercase
}

.widget-design-1 .cart-wrapper .cart-content ul dl dt span {
    float: right;
    line-height: 13px
}

.widget-design-1 .cart-wrapper .cart-content ul dl dd {
    padding: 5px 0;
    text-align: right;
    text-transform: uppercase
}

.widget-design-1 .cart-wrapper .cart-content .mCSB_container {
    padding: 10px 5px 0
}

.widget-design-1 .cart-wrapper .cart-checkout {
    width: 100%;
    margin: 0;
    float: left;
    border: 0;
    text-align: center
}

.widget-design-1 .cart-wrapper .cart-checkout p.subtotal {
    margin-bottom: 0;
    padding: 10px 20px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    text-align: center
}

.widget-design-1 .cart-wrapper .cart-checkout p.subtotal .label {
    padding: 0;
    color: #777;
    font-size: 18px
}

.widget-design-1 .cart-wrapper .cart-checkout p.subtotal .price {
    color: #3b3b3b
}

.widget-design-1 .cart-wrapper .cart-checkout .actions {
    margin-bottom: 15px;
    line-height: 47px
}

.widget-design-1 .cart-wrapper .cart-checkout .actions a {
    display: inline-block;
    width: 128px;
    padding: 6px 12px;
    color: #fff;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    text-transform: capitalize
}

.widget-design-1 .cart-wrapper .cart-checkout .actions a:hover {
    opacity: .9
}

.widget-design-1 .cart-wrapper.show {
    display: block
}

.widget-design-2 .cart-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    margin-top: 10px;
    padding: 10px 0;
    background-color: #fff;
    box-shadow: 0 2px 6px #0003;
    z-index: 9
}

.widget-design-2 .cart-wrapper .cart-content ul {
    max-height: 400px;
    margin: 0;
    padding: 0 15px;
    outline: none;
    overflow-y: auto
}

.widget-design-2 .cart-wrapper .cart-content ul li {
    position: relative;
    width: 100%;
    padding: 12px 7px;
    float: left;
    border-bottom: 1px solid #eee;
    border-color: #e6ebee
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-image {
    width: 80px;
    padding: 0;
    float: right;
    border: 1px solid #ededed;
    background-color: #fff
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-image img {
    width: 100%
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-details {
    position: static;
    margin-right: 90px;
    margin-left: auto;
    text-align: left
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-details .product-name {
    margin: 15px 0 2px;
    padding-right: 0
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-details .product-name a {
    color: #696969;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .005em
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-details .items {
    margin: 0 0 15px;
    line-height: 1.5
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-details .access {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0
}

.widget-design-2 .cart-wrapper .cart-content ul li .product-details .access .btn-remove {
    position: absolute;
    top: 12px;
    right: 3px;
    width: 20px;
    height: 20px;
    padding: 3px 0;
    border-radius: 100% !important;
    background-color: #fff;
    color: #474747;
    font-size: 13px;
    line-height: 12px;
    text-align: center;
    box-shadow: 0 2px 6px #00000080;
    z-index: 3
}

.widget-design-2 .cart-wrapper .cart-content p.no-items-in-cart {
    display: block;
    margin: 20px;
    color: #777;
    line-height: 19px;
    text-align: center
}

.widget-design-2 .cart-wrapper .cart-checkout {
    width: 100%;
    margin: 0;
    border: 0;
    text-align: center
}

.widget-design-2 .cart-wrapper .cart-checkout p {
    margin-bottom: 0;
    padding: 15px 23px 25px;
    overflow: hidden
}

.widget-design-2 .cart-wrapper .cart-checkout p .label {
    padding: 0;
    float: left;
    color: #474747;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.widget-design-2 .cart-wrapper .cart-checkout p .price {
    margin: 0;
    float: right;
    color: #474747;
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    text-transform: uppercase
}

.widget-design-2 .cart-wrapper .cart-checkout .actions {
    padding: 0 22px 13px;
    text-align: left;
    overflow: hidden
}

.widget-design-2 .cart-wrapper .cart-checkout .actions a {
    width: 123px;
    padding: 10px 25px;
    border-radius: 2px;
    background-color: #010204;
    color: #fff;
    font-size: 12px;
    letter-spacing: .025em;
    line-height: 1.42857143;
    text-transform: uppercase
}

.widget-design-2 .cart-wrapper .cart-checkout .actions a:last-child {
    margin: 0;
    float: right
}

.widget-design-3 .cart-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    width: 300px;
    margin-top: 0;
    border: 1px solid #f0f0f0 !important;
    box-shadow: 0 5px 8px #00000026;
    z-index: 10
}

.widget-design-3 .cart-wrapper .cart-inner-content {
    padding: 10px 15px 5px;
    font-weight: 700;
    font-size: .8125rem;
    line-height: 1.5;
    border-radius: 0;
    background-color: #fff;
    color: #777;
    overflow: hidden
}

.widget-design-3 .cart-wrapper .cart-content .total-count {
    margin: 0;
    padding: 12px 10px;
    border-bottom: solid 1px #e7e7e7;
    text-align: left;
    text-transform: uppercase;
    color: #222529;
    font-weight: 700;
    font-size: .8125rem;
    line-height: 1.5
}

.widget-design-3 .cart-wrapper .cart-content .total-count a {
    float: right;
    background-color: transparent;
    line-height: inherit;
    font-weight: inherit;
    font-size: inherit;
    padding: 0;
    color: inherit
}

.widget-design-3 .cart-wrapper .cart-content .total-count a span {
    color: inherit
}

.widget-design-3 .cart-wrapper .cart-content ul {
    max-height: 400px;
    margin: 0;
    outline: none;
    overflow-y: auto
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart {
    width: 100%;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    border-color: #e7e7e7;
    display: flex;
    align-items: center;
    position: relative
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-image {
    padding: 0;
    order: 2;
    margin-right: 0;
    flex: 0 0 80px;
    width: 80px
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-image img {
    width: 100%;
    height: auto
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-details {
    position: static;
    text-align: left;
    max-width: calc(100% - 80px);
    width: 100%;
    padding-right: 15px
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-details .product-name {
    margin: 0;
    font-size: inherit
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-details a {
    outline: none;
    color: #222529;
    font-weight: 700;
    line-height: normal;
    text-decoration: none;
    font-size: 1.0769em;
    line-height: 1.4;
    margin-bottom: .5rem;
    display: block
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-details a:hover {
    color: #222529 !important
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-details .items {
    margin: 0 0 10px;
    line-height: 1.5
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-details .items .price {
    color: #696969;
    font-weight: 400
}

.widget-design-3 .cart-wrapper .cart-content ul .item-cart .product-details .access .btn-remove {
    position: absolute;
    text-align: center;
    font-size: 11px;
    top: 6px;
    right: 2px;
    padding: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #222529;
    border-radius: 50%;
    z-index: 4;
    box-shadow: 0 2px 6px #0006
}

.widget-design-3 .cart-wrapper .cart-content .no-items-in-cart {
    display: block;
    margin: 0;
    color: #777;
    font-size: 13px;
    line-height: 25px;
    text-align: center;
    padding: 10px 0;
    font-weight: 400
}

.widget-design-3 .cart-wrapper .cart-checkout {
    width: 100%;
    margin: 0;
    float: left;
    border: 0;
    text-align: center
}

.widget-design-3 .cart-wrapper .cart-checkout .subtotal {
    margin-bottom: 0;
    padding: 15px 10px 22px;
    text-align: center;
    text-transform: uppercase;
    overflow: hidden;
    color: #222529;
    line-height: 1.5
}

.widget-design-3 .cart-wrapper .cart-checkout .subtotal .label {
    padding: 0;
    float: left
}

.widget-design-3 .cart-wrapper .cart-checkout .subtotal .price {
    float: right;
    font-size: 15px;
    font-weight: 700;
    color: inherit
}

.widget-design-3 .cart-wrapper .cart-checkout .actions {
    padding: 0 10px 10px
}

.widget-design-3 .cart-wrapper .cart-checkout .actions a {
    font-size: .75rem;
    letter-spacing: .025em;
    padding: .875rem 1.5rem;
    border-radius: 2px;
    float: none;
    width: 100%;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #fff;
    background-color: #222529;
    font-family: Poppins
}

.login-popup .mfp-content {
    width: 80%;
    max-width: 872px;
    background-color: #fff
}

.login-popup .container {
    padding: 2.5rem 3rem
}

.login-popup .title {
    margin-bottom: 2rem;
    color: #2b2b2d;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2;
    text-transform: uppercase
}

.login-popup form {
    display: block
}

.login-popup label {
    margin: 0 0 .6rem;
    color: #777;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    text-transform: capitalize
}

.login-popup .form-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 2rem;
    font-size: 1.4rem;
    vertical-align: middle
}

.login-popup .form-wide {
    width: 100%
}

.login-popup .form-input {
    margin-bottom: 2rem;
    padding: 1rem 1.2rem;
    border: 1px solid #ddd;
    border-radius: 2px
}

.login-popup .forget-password {
    font-size: 1.3rem
}

.login-popup .btn-md {
    border-radius: 2px;
    font-family: Oswald, sans-serif;
    line-height: 1.8rem
}

.login-popup .required {
    color: #e02b27;
    font-size: 1.2rem
}

/*# sourceMappingURL=/cdn/shop/t/51/assets/styles.css.map?v=145071799183494556481640766297 */