.newsletter-popup.reveal {
    max-width: 650px;
    padding: 0;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.newsletter-popup-layout {
    color: #4c4c4b
}

.newsletter-popup-layout .button-cancel-custom {
    right: 0;
    top: 0;
    border-style: none !important;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7 !important;
    padding: 0
}

.newsletter-popup-layout .button-cancel-custom em {
    font-size: 22px
}

.newsletter-popup-layout .button-cancel-custom svg {
    width: 23px;
    height: 23px
}

.newsletter-popup-layout .newsletter-popup-hide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.newsletter-popup-layout .newsletter-popup-hide input {
    margin-bottom: 0
}

.newsletter-popup-layout .newsletter-popup-hide label {
    font-size: 11px;
    color: #999;
    margin-top: 3px
}

.newsletter-popup-banner img {
    height: 100%;
    width: auto !important;
    max-width: inherit
}

.newsletter-popup-form {
    width: 375px;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.newsletter-popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.newsletter-popup-form {
    text-align: center
}

.newsletter-popup-form .title {
    margin-top: 4px;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    color: #000
}

.newsletter-popup-form .caption {
    font-size: 13px;
    color: #333;
    margin-bottom: 28px
}

.newsletter-popup-form .group_input {
    margin-bottom: 26px
}

.newsletter-popup-form .group_input label {
    text-transform: uppercase;
    color: #808284;
    font-size: 11px;
    margin-bottom: 3px;
    text-align: left
}

.newsletter-popup-form .group_input input {
    font-size: 13px;
    background-color: #fff;
    color: #4c4c4b;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    -webkit-appearance: none;
    border-radius: 0;
    text-align: center;
    border-style: none;
    border-bottom: 1px solid #202020;
    height: 34px;
    max-width: 275px;
    margin: 0 auto 10px
}

.newsletter-popup-form .group_input input::-webkit-input-placeholder {
    color: #999
}

.newsletter-popup-form .group_input input::-moz-placeholder {
    color: #999
}

.newsletter-popup-form .group_input input::-ms-input-placeholder {
    color: #999
}

.newsletter-popup-form .group_input input::placeholder {
    color: #999
}

.newsletter-popup-form .group_input button {
    width: 100px;
    height: 32px;
    background: #4c4c4b;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    margin-top: 20px
}

.newsletter-popup-form .group_input button:hover {
    background: black
}

html.open-newsletter-popup body {
    overflow: inherit !important;
    overflow-y: scroll !important
}

@media print,
screen and (max-width: 34.43625em) {
    .newsletter-popup.reveal {
        max-width: 85%;
        min-height: auto;
        height: auto;
        margin: 0 auto;
        top: 50% !important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    .newsletter-popup-banner {
        display: none
    }
    .newsletter-popup-layout {
        width: 100%;
        margin: 25px auto !important
    }
    .button-cancel-custom {
        top: 0;
        right: 0
    }
    .button-cancel-custom:hover {
        color: var(--color_primary)
    }
    .newsletter-popup-form .title {
        font-size: 18px !important
    }
    .newsletter-popup-form {
        padding: 10px
    }
    .index-listing-collection-container {
        margin-bottom: 0 !important
    }
}

@media print,
screen and (max-width: 50.06125em) {
    .index-collection-tab-content .swiper-container {
        padding-bottom: 24px
    }
    .index-collection-tab-content .swiper-container-horizontal>.swiper-scrollbar {
        height: 15px;
        background: #fafafa;
        border-top: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        border-radius: 0
    }
    .index-collection-tab-content .swiper-scrollbar-drag {
        height: 7px;
        background: #c1c1c1;
        top: 3px
    }
}

.product-quick-view-simple {
    padding: 30px !important
}

.product-quick-view-simple .quickview-product-thumbnail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

.product-quick-view-simple .product-quick-view-close {
    background: transparent;
    border-style: none
}

.product-quick-view-simple .product-title {
    font-size: 18px !important;
    font-weight: 400 !important
}

.product-quick-view-simple .product-rating-add a {
    color: var(--color_primary)
}

.product-quick-view-simple .product-info {
    margin: 0
}

.product-quick-view-simple .product-info li {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 10px
}

.product-quick-view-simple .product-add-cart {
    height: 40px
}

.product-quick-view-simple .quickview-product-thumbnail .swiper-container-horizontal .swiper-slide img {
    max-width: 75px
}

@media print,
screen and (max-width: 34.43625em) {
    .index-information-grid-list .index-information-grid-icon {
        width: 60%;
        min-height: 105px;
        margin: 0 auto
    }
    .index-information-grid-list .index-banner-grid-item .info-text .title {
        font-size: 13px
    }
    .index-information-grid-list .index-banner-grid-item .info-text .sub-title {
        font-size: 10px
    }
}

.suffix-faqs .faqs-content {
    margin-top: 1.25rem;
    margin-bottom: 5rem
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-faqs .faqs-content {
        margin-top: 0;
        margin-bottom: 2rem
    }
}

.suffix-faqs .faqs-content .accordion-title {
    font-size: 1rem;
    color: #333
}

.suffix-faqs .faqs-content .accordion-content {
    line-height: 1.7;
    margin-top: 1.25rem
}

.suffix-faqs .faqs-content .accordion-item {
    border-style: none;
    border-bottom: 1px solid #dcdcdc;
    padding: 1.125rem 0;
    margin-bottom: 0
}

.suffix-faqs .faqs-content .more-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 3.125rem
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-faqs .faqs-content .more-action {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.suffix-faqs .faqs-content .more-action .more-text {
    margin-right: 1.25rem
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-faqs .faqs-content .more-action .more-text {
        margin-right: 0;
        margin-bottom: 1.25rem
    }
}

.suffix-faqs .faqs-content .more-action .more-button a {
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: var(--color_primary);
    padding: 1rem 1.6875rem
}

@media print,
screen and (min-width: 50.0625em) {
    .suffix-faqs .form-contact {
        padding-right: 10%
    }
}

.suffix-faqs .form-contact .title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    color: var(--color_desktop_page_heading)
}

.suffix-faqs .form-contact .desc {
    margin-bottom: 2.1875rem;
    line-height: 1.7
}

.suffix-faqs .form-contact .form-group-label {
    display: none
}

.suffix-faqs .form-contact .form-group-field {
    border-color: #d1d1d1;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 1.25rem;
    font-size: .875rem
}

.suffix-faqs .form-contact input.form-group-field {
    height: 3.4375rem;
    padding: .625rem;
    padding-top: 0
}

.suffix-faqs .form-contact input.form-group-field::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact input.form-group-field::-moz-placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact input.form-group-field::-ms-input-placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact input.form-group-field::placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact textarea.form-group-field {
    height: 9.6875rem;
    padding: .625rem
}

.suffix-faqs .form-contact textarea.form-group-field::-webkit-input-placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact textarea.form-group-field::-moz-placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact textarea.form-group-field::-ms-input-placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact textarea.form-group-field::placeholder {
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 700;
    color: #999
}

.suffix-faqs .form-contact .form-button {
    text-transform: uppercase;
    background: black;
    font-weight: 700;
    padding: 1.0625rem 1.625rem;
    background: var(--color_primary)
}

.suffix-faqs .form-contact .form-button:hover {
    background: gray
}

.suffix-faqs .form-contact .contact-form .grid-margin-x {
    margin-left: -10px;
    margin-right: -10px
}

.suffix-faqs .form-contact .contact-form .grid-margin-x>.cell {
    margin-left: 10px;
    margin-right: 10px
}

.suffix-faqs .form-contact .contact-form .grid-margin-x>.large-6 {
    width: calc(50% - 20px)
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-faqs .form-contact .contact-form .grid-margin-x>.large-6 {
        width: calc(100% - 20px)
    }
}

.suffix-faqs .form-contact .contact-form .grid-margin-x>.large-12 {
    width: calc(100% - 20px)
}

.suffix-faqs .text-content {
    margin-top: 3.125rem
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-faqs .text-content {
        margin-top: 1.125rem
    }
}

.suffix-faqs .text-content .content-title {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    color: var(--color_desktop_page_heading)
}

.suffix-faqs .text-content .content-desc {
    margin-bottom: 4rem
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-faqs .text-content .content-desc {
        margin-bottom: 2rem
    }
}

.suffix-faqs .text-content .content-desc p {
    line-height: 1.7
}

.suffix-faqs .text-content .content-desc ul {
    list-style-type: none;
    margin: 0
}

.suffix-faqs .text-content .content-desc ul li {
    margin-bottom: .5rem
}

.suffix-faqs .text-content .content-desc ul span {
    color: #069
}

.suffix-faqs .text-content .content-hour h3 {
    font-size: 1.125rem;
    margin-bottom: .75rem;
    font-weight: 700;
    font-family: var(--font_desktop_paragraph)
}

.suffix-faqs .text-content .content-hour p {
    margin-bottom: .625rem
}

.suffix-faqs .faqs-area {
    padding-bottom: 3rem;
    border-bottom: 3px solid #e1e1e1;
    margin-bottom: 2.5rem
}

.suffix-faqs .accordion .accordion-item .accordion-title:before {
    right: 0;
    display: block !important;
    position: absolute;
    top: 50%;
    margin-top: 0;
    content: "+";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px
}

.suffix-faqs .accordion .accordion-item.is-active>.accordion-title {
    color: var(--color_primary)
}

.suffix-faqs .accordion .accordion-item.is-active>.accordion-title:before {
    content: "\2013"
}

.suffix-gallery .gallery-content {
    margin-top: 145px;
    margin-bottom: 100px
}

.suffix-gallery .gallery-content .gallery-tab-title {
    margin-bottom: 50px
}

.suffix-gallery .gallery-content .gallery-tab-title>ul {
    margin-bottom: 0
}

.suffix-gallery .gallery-content .gallery-tab-title>ul>li {
    margin: 0 22px
}

.suffix-gallery .gallery-content .gallery-tab-title .tabs-title>a {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 1.6em
}

.suffix-gallery .gallery-content .gallery-tab-title .tabs-title.is-active>a {
    color: #333
}

.suffix-gallery .gallery-content .gallery-element {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px
}

.suffix-gallery .gallery-content .gallery-element .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 50px
}

.suffix-gallery .gallery-content .gallery-element .icon>a {
    height: 42px;
    width: 42px;
    position: relative;
    border-radius: 100%;
    background-color: #fff;
    display: block;
    margin: 0 5px;
    -webkit-transition: all .9s;
    transition: all .9s
}

.suffix-gallery .gallery-content .gallery-element .icon>a em {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--color_primary);
    font-size: 15px;
    -webkit-transition: all .9s;
    transition: all .9s
}

.suffix-gallery .gallery-content .gallery-element .icon>a:hover {
    background-color: var(--color_primary)
}

.suffix-gallery .gallery-content .gallery-element .icon>a:hover em {
    color: #fff
}

.suffix-gallery .gallery-content .gallery-element .gallery-hover {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%);
    text-align: center;
    color: #fff;
    padding: 0 30px;
    -webkit-transition: all .9s;
    transition: all .9s;
    max-width: 300px;
    width: 100%
}

.suffix-gallery .gallery-content .gallery-element .gallery-hover * {
    color: #fff
}

.suffix-gallery .gallery-content .gallery-element .gallery-hover .heading {
    margin-top: 15px
}

.suffix-gallery .gallery-content .gallery-element .gallery-hover .heading a {
    display: inline-block;
    font-weight: 600;
    font-size: 18px
}

.suffix-gallery .gallery-content .gallery-element .gallery-hover .desc {
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.875rem;
    overflow: hidden
}

.suffix-gallery .gallery-content .gallery-element .gallery-image a {
    -webkit-transition: all .9s;
    transition: all .9s;
    display: block;
    position: relative
}

.suffix-gallery .gallery-content .gallery-element .gallery-image a:after,
.suffix-gallery .gallery-content .gallery-element .gallery-image a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .9s;
    transition: all .9s
}

.suffix-gallery .gallery-content .gallery-element .gallery-image a:after {
    background-color: #81b03fb3
}

.suffix-gallery .gallery-content .gallery-element .gallery-image a:before {
    border: 10px solid #fff
}

.suffix-gallery .gallery-content .gallery-element:hover .gallery-hover {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.suffix-gallery .gallery-content .gallery-element:hover .gallery-image a:after,
.suffix-gallery .gallery-content .gallery-element:hover .gallery-image a:before {
    opacity: 1
}

@media screen and (max-width: 800px) {
    .suffix-gallery .gallery-content {
        margin-top: 50px;
        margin-bottom: 50px
    }
    .suffix-gallery .gallery-content .gallery-tab-title {
        margin-bottom: 30px
    }
    .suffix-gallery .gallery-content .gallery-tab-title>ul>li {
        margin: 0 10px
    }
    .suffix-gallery .gallery-content .gallery-element {
        margin-bottom: 20px
    }
    .suffix-gallery .gallery-content .gallery-element .gallery-image a:after,
    .suffix-gallery .gallery-content .gallery-element .gallery-image a:before {
        opacity: .5
    }
    .suffix-gallery .gallery-content .gallery-element .gallery-image a:before {
        border-width: 5px
    }
    .suffix-gallery .gallery-content .gallery-element .gallery-hover {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

#preview-bar-iframe {
    display: none !important
}

.cookies-bar-layout {
    z-index: 9
}

@media screen and (max-width: 800px) {
    .newsletter-popup-layout .newsletter-popup-banner {
        display: none
    }
    .newsletter-popup-layout .newsletter-popup-form {
        width: 100%
    }
}

.title-tablist-collection {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 35px
}

.title-tablist-collection .index-collection-tab-tab,
.title-tablist-collection .box-divider {
    width: 100%
}

.template-search .box-divider,
.index-blogs .box-divider {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.template-search .box-divider .box-title,
.index-blogs .box-divider .box-title {
    font-size: 36px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
    display: inline-block
}

@media screen and (min-width: 551px) {
    .template-search .box-divider .box-title,
    .index-blogs .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .template-search .box-divider .box-title,
    .index-blogs .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

.template-search .box-divider .box-sub-title,
.index-blogs .box-divider .box-sub-title {
    text-align: center;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    font-size: 16px;
    margin-top: 15px
}

@media screen and (max-width: 1260px) {
    .template-search .box-divider .box-title,
    .index-blogs .box-divider .box-title {
        font-size: 28px
    }
    .template-search .box-divider .box-sub-title,
    .index-blogs .box-divider .box-sub-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media screen and (max-width: 800px) {
    .template-search .box-divider,
    .index-blogs .box-divider {
        margin-bottom: 5px
    }
    .template-search .box-divider .box-title,
    .index-blogs .box-divider .box-title {
        font-size: 25px
    }
    .template-search .box-divider .box-sub-title,
    .index-blogs .box-divider .box-sub-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media screen and (max-width: 550px) {
    .template-search .box-divider .box-title,
    .index-blogs .box-divider .box-title {
        font-size: 20px
    }
    .template-search .box-divider .box-sub-title,
    .index-blogs .box-divider .box-sub-title {
        padding-left: 15px;
        padding-right: 15px
    }
    .template-search .box-divider .action,
    .index-blogs .box-divider .action {
        font-size: 14px
    }
}

.template-search .index-blog-content,
.index-blogs .index-blog-content {
    margin-left: -15px;
    margin-right: -15px
}

.template-search .index-blogs-item,
.index-blogs .index-blogs-item {
    padding: 0 15px
}

.template-search .index-blogs-item .article-item-thumb,
.index-blogs .index-blogs-item .article-item-thumb {
    overflow: hidden
}

.template-search .index-blogs-item .article-item-caption,
.index-blogs .index-blogs-item .article-item-caption {
    padding-top: 16px
}

.template-search .index-blogs-item .article-item-title,
.index-blogs .index-blogs-item .article-item-title {
    margin-bottom: 5px
}

.template-search .index-blogs-item .btn,
.index-blogs .index-blogs-item .btn {
    color: #000;
    display: inline-block;
    border-bottom: 1px solid #000;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: 16px;
    font-weight: 500;
    margin-top: 20px
}

@media screen and (min-width: 551px) {
    .template-search .index-blogs-item .btn,
    .index-blogs .index-blogs-item .btn {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .template-search .index-blogs-item .btn,
    .index-blogs .index-blogs-item .btn {
        font-family: var(--font_desktop_title)
    }
}

.template-search .index-blogs-item .btn:hover,
.index-blogs .index-blogs-item .btn:hover {
    color: var(--color_primary_hover);
    border-bottom-color: var(--color_primary_hover)
}

.template-search .box-divider .box-title:before,
.index-blogs .box-divider .box-title:before {
    background-color: #fff
}

.template-search .carousel-nav-middle .carousel-navigation,
.index-blogs .carousel-nav-middle .carousel-navigation {
    background-color: transparent !important
}

.template-search .carousel-navigation,
.index-blogs .carousel-navigation {
    top: 50%;
    height: 70px;
    width: 70px;
    border: 1px dashed rgba(0, 0, 0, .2);
    border-radius: 100%
}

.template-search .carousel-navigation:before,
.index-blogs .carousel-navigation:before {
    content: "";
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    background-color: #181d2d;
    opacity: 0;
    border-radius: 100%
}

.template-search .carousel-navigation em,
.index-blogs .carousel-navigation em {
    font-size: 25px;
    color: var(--color_desktop_page_heading);
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.template-search .carousel-navigation.carousel-nav-next,
.index-blogs .carousel-navigation.carousel-nav-next {
    right: 0;
    left: auto;
    -webkit-transform: translate(200%, -50%);
    transform: translate(200%, -50%)
}

.template-search .carousel-navigation.carousel-nav-prev,
.index-blogs .carousel-navigation.carousel-nav-prev {
    left: 0;
    right: auto;
    -webkit-transform: translate(-200%, -50%);
    transform: translate(-200%, -50%)
}

.template-search .carousel-navigation:hover,
.index-blogs .carousel-navigation:hover {
    border-color: #fff
}

.template-search .carousel-navigation:hover:before,
.index-blogs .carousel-navigation:hover:before {
    opacity: 1
}

.template-search .carousel-navigation:hover em,
.index-blogs .carousel-navigation:hover em {
    color: #fff
}

.template-search .carousel-pagination,
.index-blogs .carousel-pagination {
    margin-top: 30px
}

.template-search .carousel-navigation,
.index-blogs .carousel-navigation {
    visibility: hidden
}

.template-search:hover .carousel-navigation,
.index-blogs:hover .carousel-navigation {
    visibility: visible
}

@media screen and (max-width: 1440px) {
    .template-search .carousel-navigation,
    .index-blogs .carousel-navigation {
        margin-right: 0 !important;
        margin-left: 0 !important
    }
    .template-search .carousel-navigation.carousel-nav-next,
    .index-blogs .carousel-navigation.carousel-nav-next {
        -webkit-transform: translate(100%, -50%);
        transform: translate(100%, -50%)
    }
    .template-search .carousel-navigation.carousel-nav-prev,
    .index-blogs .carousel-navigation.carousel-nav-prev {
        -webkit-transform: translate(-100%, -50%);
        transform: translate(-100%, -50%)
    }
}

@media screen and (max-width: 1260px) {
    .template-search .carousel-navigation svg,
    .index-blogs .carousel-navigation svg {
        fill: var(--color_primary) !important
    }
    .template-search .carousel-navigation.carousel-nav-next,
    .index-blogs .carousel-navigation.carousel-nav-next,
    .template-search .carousel-navigation.carousel-nav-prev,
    .index-blogs .carousel-navigation.carousel-nav-prev {
        -webkit-transform: translate(0%, -50%);
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1260px) {
    .template-search,
    .index-blogs {
        margin-bottom: 80px
    }
    .template-search .index-blog-content,
    .index-blogs .index-blog-content {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .template-search .index-blog-content .index-blogs-item,
    .index-blogs .index-blog-content .index-blogs-item {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 800px) {
    .template-search,
    .index-blogs {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 550px) {
    .template-search,
    .index-blogs {
        margin-bottom: 10px
    }
}

.index-blogs .box-divider {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.index-blogs .index-blogs-container {
    background-color: #fff;
    padding: 55px 80px
}

@media screen and (max-width: 1260px) {
    .index-blogs .index-blogs-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 800px) {
    .index-blogs .index-blogs-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 550px) {
    .index-blogs .index-blogs-container {
        padding: 30px 10px
    }
}

.template-search .index-blogs-container {
    margin-left: -15px;
    margin-right: -15px
}

.template-search .index-blogs-item {
    padding-left: 15px;
    padding-right: 15px
}

.index-banner-grid {
    margin-bottom: 30px
}

.index-banner-grid .index-banner-grid-caption {
    text-align: center;
    background-size: cover;
    background-position: center top;
    padding: 70px 25% 280px
}

.index-banner-grid .index-banner-grid-caption * {
    color: #fff
}

.index-banner-grid .index-banner-grid-caption .title {
    font-size: 34px;
    line-height: 1.4em
}

.index-banner-grid .index-banner-grid-caption .action {
    font-size: 18px;
    color: var(--color_primary);
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--color_primary)
}

@media screen and (min-width: 551px) {
    .index-banner-grid .index-banner-grid-caption .action {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .index-banner-grid .index-banner-grid-caption .action {
        font-family: var(--font_desktop_title)
    }
}

.index-banner-grid .index-banner-grid-list {
    position: relative;
    z-index: 1;
    margin-top: -200px
}

.index-video {
    color: #fff
}

.index-video>div>div {
    padding-top: 100px;
    padding-bottom: 100px
}

@media screen and (max-width: 800px) {
    .index-video>div>div {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (max-width: 550px) {
    .index-video>div>div {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.index-video .title {
    color: #fff
}

.index-video .box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-left: 80px;
    padding-right: 80px
}

@media screen and (max-width: 1260px) {
    .index-video .box-content {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 800px) {
    .index-video .box-content {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 550px) {
    .index-video .box-content {
        padding: 30px 10px
    }
}

.index-video .box-content .video-caption {
    padding-right: 60px
}

@media screen and (min-width: 801px) {
    .index-video .box-content .video-caption {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.index-video .box-content .video-caption .sub-title {
    font-size: 18px;
    letter-spacing: .16em;
    margin-bottom: 3px
}

.index-video .box-content .video-caption .title {
    font-size: 43px;
    font-weight: 500;
    line-height: 1.2em;
    margin-bottom: 25px
}

.index-video .box-content .video-caption .caption-title {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 50px
}

.index-video .box-content .video-caption .btn {
    font-size: 16px !important;
    display: inline-block !important;
    font-weight: 500 !important;
    background-color: var(--color_primary) !important;
    color: #fff !important;
    border-color: var(--color_primary) !important;
    line-height: 38px;
    height: 40px;
    padding: 0 20px;
    border-width: 1px;
    border-style: solid
}

@media screen and (min-width: 551px) {
    .index-video .box-content .video-caption .btn {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .index-video .box-content .video-caption .btn {
        font-family: var(--font_desktop_title)
    }
}

.index-video .box-content .video-caption .btn * {
    color: #fff !important
}

.index-video .box-content .video-caption .btn:after {
    content: "";
    border-color: #fff !important
}

.index-video .box-content .video-caption .btn:hover {
    background-color: #fff !important;
    color: var(--color_primary) !important;
    border-color: var(--color_primary) !important
}

.index-video .box-content .video-caption .btn:hover * {
    color: var(--color_primary) !important
}

.index-video .box-content .video-caption .btn:hover:after {
    content: "";
    border-color: var(--color_primary) !important
}

.index-video .box-content .index-video-image {
    width: 708px;
    max-width: 100%
}

@media screen and (max-width: 1260px) {
    .index-video .box-content .index-video-image {
        max-width: 50%
    }
    .index-video .box-content .video-caption .title {
        font-size: 30px
    }
}

@media screen and (max-width: 800px) {
    .index-video .box-content .video-caption {
        width: 100%;
        text-align: center;
        padding-right: 0
    }
    .index-video .box-content .video-caption .caption-title {
        margin-bottom: 30px
    }
    .index-video .box-content .index-video-image {
        max-width: 100%;
        margin-bottom: 30px
    }
}

.index-slideshow .have-banners.grid-x {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -.5%;
    margin-right: -.5%
}

.index-slideshow .have-banners.grid-x>div {
    padding: 0 .5%
}

.index-slideshow .have-banners.grid-x .slideshow-area-col {
    width: 73.8%
}

@media screen and (min-width: 551px) {
    .index-slideshow .have-banners.grid-x .banners-area-col {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.index-slideshow .have-banners.grid-x .banners-area-col .banner-top {
    margin-bottom: 4.5%
}

.index-slideshow .have-banners.grid-x .banners-area-col .grid-x>div {
    width: 100%
}

@media screen and (max-width: 550px) {
    .index-slideshow .have-banners.grid-x .banners-area-col,
    .index-slideshow .have-banners.grid-x .slideshow-area-col {
        width: 100%
    }
    .index-slideshow .have-banners.grid-x .banners-area-col .banner-bottom,
    .index-slideshow .have-banners.grid-x .banners-area-col .banner-top {
        margin-bottom: 30px
    }
}

.index-video-popup .video-popup-content {
    overflow: hidden;
    padding: 0 !important
}

.index-video-popup .video-popup-content iframe {
    width: 100% !important;
    min-height: 50vh
}

@media screen and (max-width: 550px) {
    .index-video-popup .video-popup-content iframe {
        min-height: calc(100vh - 30px)
    }
}

.index-video-popup .close-reveal {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    height: 20px;
    width: 20px
}

.index-video-popup .close-reveal .svg-icon {
    height: auto;
    width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.index-collection-tab .pro-item>div {
    height: 100%
}

.index-collection-tab .pro-item>div>div {
    height: 100%
}

.index-collection-banner .product-grid {
    height: 100%
}

.index-collection-banner .product-grid>div {
    height: 100%
}

.index-collection-banner .product-grid .color-available {
    display: none
}

.index-collection-banner .bn_position-right .grid-x {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (max-width: 800px) {
    .index-collection-banner .collection-banner-content {
        margin-bottom: 30px
    }
    .index-collection-banner .collection-banner-content .banner-image {
        width: 500px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }
}

.index-collection-banner-info .grid-container {
    max-width: 1330px
}

.index-collection-banner-info .index-collection-banner-info-container {
    background-color: #fff;
    padding: 55px 80px 0
}

@media screen and (max-width: 1260px) {
    .index-collection-banner-info .index-collection-banner-info-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 800px) {
    .index-collection-banner-info .index-collection-banner-info-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-collection-banner-info-container {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 30px
    }
}

.index-collection-banner-info .index-banner-container {
    position: relative
}

.index-collection-banner-info .index-banner-container .banner-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
    line-height: 1.3em
}

.index-collection-banner-info .index-banner-container .banner-caption * {
    color: #fff
}

.index-collection-banner-info .index-banner-container .banner-caption .btn {
    margin-top: 35px;
    font-size: 16px;
    display: inline-block;
    min-width: 120px;
    padding: 0 15px;
    text-align: center;
    height: 40px;
    line-height: 38px;
    border: 1px solid #ddd;
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

@media screen and (min-width: 551px) {
    .index-collection-banner-info .index-banner-container .banner-caption .btn {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-banner-container .banner-caption .btn {
        font-family: var(--font_desktop_title)
    }
}

.index-collection-banner-info .index-banner-container .banner-caption .btn:hover {
    color: #fff;
    border-color: var(--color_primary);
    background-color: var(--color_primary)
}

.index-collection-banner-info .index-banner-container .banner-caption .title {
    font-size: 60px;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 15px
}

@media screen and (min-width: 551px) {
    .index-collection-banner-info .index-banner-container .banner-caption .title {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-banner-container .banner-caption .title {
        font-family: var(--font_desktop_paragraph)
    }
}

.index-collection-banner-info .index-banner-container .banner-caption .caption-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index-collection-banner-info .index-banner-container .banner-caption .caption-title span {
    font-size: 27px;
    color: #fff;
    max-width: 137px;
    text-align: left;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: -10px
}

.index-collection-banner-info .index-banner-container .banner-caption .caption-title span.off {
    line-height: 1em;
    margin-bottom: 0
}

.index-collection-banner-info .index-banner-container .banner-caption .caption-title strong {
    color: #cf0;
    font-size: 63px;
    line-height: 1em;
    margin-left: 10px;
    margin-right: 10px
}

@media screen and (min-width: 551px) {
    .index-collection-banner-info .index-banner-container .banner-caption .caption-title strong {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-banner-container .banner-caption .caption-title strong {
        font-family: var(--font_desktop_title)
    }
}

.index-collection-banner-info .index-banner-product-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-top: 65px;
    margin-bottom: 65px
}

.index-collection-banner-info .index-banner-product-container .banner-caption {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px
}

@media screen and (min-width: 801px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.index-collection-banner-info .index-banner-product-container .banner-caption .sub-title {
    font-size: 16px;
    letter-spacing: .26em;
    margin-bottom: 0
}

.index-collection-banner-info .index-banner-product-container .banner-caption .title {
    margin-bottom: 5px;
    font-size: 40px;
    font-weight: 600;
    color: #000
}

.index-collection-banner-info .index-banner-product-container .banner-caption .caption-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 551px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption .caption-price {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption .caption-price {
        font-family: var(--font_desktop_title)
    }
}

.index-collection-banner-info .index-banner-product-container .banner-caption .caption-price .money.price {
    font-size: 40px;
    color: var(--color_primary_hover);
    font-weight: 600;
    margin-left: 25px
}

.index-collection-banner-info .index-banner-product-container .banner-caption .caption-price .compare {
    font-size: 24px;
    font-style: italic;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.index-collection-banner-info .index-banner-product-container .banner-caption .action {
    height: 40px;
    line-height: 38px;
    padding: 0 30px;
    -webkit-transition: all .4s;
    transition: all .4s;
    font-size: 18px !important;
    display: inline-block !important;
    font-weight: 500 !important;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    margin-top: 27px
}

@media screen and (min-width: 551px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption .action {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption .action {
        font-family: var(--font_desktop_title)
    }
}

.index-collection-banner-info .index-banner-product-container .banner-caption .action:hover {
    background-color: #fff !important;
    color: var(--color_primary) !important;
    border-color: var(--color_primary) !important;
    background-color: transparent !important
}

.index-collection-banner-info .index-banner-product-container .banner-caption .action:hover * {
    color: var(--color_primary) !important
}

.index-collection-banner-info .index-banner-product-container .banner-caption .action:hover:after {
    content: "";
    border-color: var(--color_primary) !important
}

.index-collection-banner-info .index-banner-product-container .banner-image {
    width: 405px;
    -webkit-transform: translateY(25px);
    transform: translateY(25px)
}

@media screen and (max-width: 1260px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption {
        padding: 30px
    }
    .index-collection-banner-info .index-banner-product-container .banner-caption .sub-title {
        letter-spacing: .2em;
        font-size: 14px
    }
    .index-collection-banner-info .index-banner-product-container .banner-caption .title a {
        font-size: 25px
    }
    .index-collection-banner-info .index-banner-product-container .banner-caption .caption-price .compare {
        font-size: 20px
    }
    .index-collection-banner-info .index-banner-product-container .banner-caption .caption-price .money.price {
        font-size: 35px;
        margin-left: 15px
    }
}

@media screen and (max-width: 800px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption {
        width: 100%;
        margin-bottom: 30px;
        padding: 30px 15px
    }
    .index-collection-banner-info .index-banner-product-container .banner-image {
        margin: 0 auto
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-banner-product-container .banner-caption .title {
        font-size: 25px
    }
}

.index-collection-banner-info .index-services-container {
    padding: 55px 0
}

.index-collection-banner-info .index-services-container .index-services-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.index-collection-banner-info .index-services-container .index-services-item .item-icon {
    width: 60px;
    height: 60px;
    border: 1px solid var(--color_primary);
    position: relative;
    border-radius: 100%
}

.index-collection-banner-info .index-services-container .index-services-item .item-icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.index-collection-banner-info .index-services-container .index-services-item .item-caption {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 10px
}

.index-collection-banner-info .index-services-container .index-services-item .item-caption .heading {
    font-size: 24px;
    margin-bottom: 10px;
    color: var(--color_desktop_page_heading);
    font-weight: 600
}

@media screen and (min-width: 551px) {
    .index-collection-banner-info .index-services-container .index-services-item .item-caption .heading {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-services-container .index-services-item .item-caption .heading {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 800px) {
    .index-collection-banner-info .index-services-container .index-services-item .item-caption .heading {
        font-size: 16px
    }
}

.index-collection-banner-info .index-collection-container {
    margin-bottom: 60px
}

@media screen and (max-width: 800px) {
    .index-collection-banner-info .index-collection-container {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 1260px) {
    .index-collection-banner-info .index-banner-container .banner-caption .title {
        font-size: 40px;
        margin-bottom: 5px
    }
    .index-collection-banner-info .index-banner-container .banner-caption .caption-title span {
        font-size: 20px;
        max-width: 102px
    }
    .index-collection-banner-info .index-banner-container .banner-caption .caption-title strong {
        font-size: 50px
    }
    .index-collection-banner-info .index-banner-container .banner-caption .btn {
        margin-top: 20px
    }
}

@media screen and (max-width: 800px) {
    .index-collection-banner-info .index-banner-container .banner-caption .caption-title {
        display: none
    }
    .index-collection-banner-info .index-banner-container .banner-caption .title {
        font-size: 30px
    }
    .index-collection-banner-info .index-banner-container .banner-caption .btn {
        margin-top: 10px
    }
}

@media screen and (max-width: 550px) {
    .index-collection-banner-info .index-banner-container .banner-caption {
        position: static;
        -webkit-transform: none;
        transform: none;
        color: #000;
        margin: 20px auto 0;
        width: 100%;
        text-align: center
    }
    .index-collection-banner-info .index-banner-container .banner-caption * {
        color: #000
    }
    .index-collection-banner-info .index-banner-container .banner-caption .btn {
        color: #000;
        border-color: #000
    }
}

.index-banner {
    color: #fff
}

.index-banner .index-banner-container {
    padding-left: 80px;
    padding-right: 80px
}

@media screen and (max-width: 1260px) {
    .index-banner .index-banner-container {
        padding-left: 30px;
        padding-right: 30px
    }
}

@media screen and (max-width: 800px) {
    .index-banner .index-banner-container {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (max-width: 550px) {
    .index-banner .index-banner-container {
        padding: 30px 10px
    }
}

.index-banner .box-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.index-banner .box-content .banner-image {
    width: 39%
}

.index-banner .box-content .banner-caption {
    color: #fff
}

@media screen and (min-width: 551px) {
    .index-banner .box-content .banner-caption {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        margin-left: -14%;
        margin-top: -3%
    }
    .index-banner .box-content .banner-caption .gr-title {
        position: absolute;
        top: -10%;
        left: 46%
    }
}

.index-banner .box-content .banner-caption .gr-title .sub-title,
.index-banner .box-content .banner-caption .gr-title .title {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.index-banner .box-content .banner-caption a {
    display: inline-block
}

.index-banner .box-content .banner-caption .title {
    color: #fff;
    font-size: 108px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 0
}

@media screen and (min-width: 551px) {
    .index-banner .box-content .banner-caption .title {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .index-banner .box-content .banner-caption .title {
        font-family: var(--font_desktop_paragraph)
    }
}

.index-banner .box-content .banner-caption .sub-title {
    color: #fff;
    font-size: 29px;
    margin-bottom: 0;
    margin-top: -10px
}

.index-banner .index-banner-bg {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    padding: 100px 0
}

@media screen and (max-width: 1260px) {
    .index-banner .box-content .banner-caption .title {
        font-size: 60px
    }
    .index-banner .box-content .banner-caption .sub-title {
        font-size: 20px
    }
    .index-banner .box-content .banner-caption .gr-title {
        left: 49%
    }
}

@media screen and (max-width: 800px) {
    .index-banner .box-content .banner-caption .title {
        font-size: 40px
    }
    .index-banner .box-content .banner-caption .sub-title {
        font-size: 16px;
        margin-top: 2px
    }
}

@media screen and (max-width: 550px) {
    .index-banner .box-content .banner-image {
        width: 100%;
        margin-bottom: 30px
    }
    .index-banner .box-content .banner-caption img {
        display: none
    }
    .index-banner .box-content .banner-caption .gr-title {
        text-align: center
    }
}

.template-index.section-padding .index-slideshow-container {
    margin-bottom: 0 !important
}

.template-index.section-padding .index-slideshow-container .index-slideshow-pagination {
    bottom: 220px !important
}

.template-index.section-padding .index-collection-banner-info {
    margin-bottom: 0 !important
}

.template-index.section-padding .index-collection-banner-info .index-collection-banner-info-container {
    margin-bottom: -240px !important;
    margin-top: -180px;
    position: relative;
    z-index: 4
}

.template-index.section-padding .index-video {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 2
}

.template-index.section-padding .index-video .index-video-bg {
    padding-top: 240px;
    padding-bottom: 180px
}

.template-index.section-padding .index-banner {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 2
}

.template-index.section-padding .index-banner .index-banner-bg {
    padding-top: 340px;
    padding-bottom: 280px
}

.template-index.section-padding .index-blogs {
    margin-bottom: 0 !important
}

.template-index.section-padding .index-blogs .grid-container {
    position: relative
}

.template-index.section-padding .index-blogs .grid-container:before {
    content: "";
    position: absolute;
    bottom: -30px;
    left: -15px;
    height: 30%;
    width: 30%;
    background-color: var(--color_primary);
    z-index: 3
}

@media screen and (max-width: 800px) {
    .template-index.section-padding .index-blogs .grid-container:before {
        display: none
    }
}

.template-index.section-padding .index-blogs .grid-container {
    margin-bottom: -150px
}

.template-index.section-padding .index-blogs .grid-container .index-blogs-container {
    position: relative;
    z-index: 4;
    margin-top: -180px
}

.template-index.section-padding .layout-footer {
    position: relative;
    z-index: 2;
    padding-top: 150px
}

@media screen and (max-width: 1260px) {
    .template-index.section-padding .index-slideshow-container .index-slideshow-pagination {
        bottom: 130px !important
    }
    .template-index.section-padding .index-collection-banner-info .index-collection-banner-info-container {
        margin-bottom: -120px !important;
        margin-top: -90px
    }
    .template-index.section-padding .index-video .index-video-bg {
        padding-top: 120px;
        padding-bottom: 90px
    }
    .template-index.section-padding .index-banner .index-banner-bg {
        padding-top: 220px;
        padding-bottom: 190px
    }
    .template-index.section-padding .index-blogs .grid-container {
        margin-bottom: -75px
    }
    .template-index.section-padding .index-blogs .grid-container .index-blogs-container {
        margin-top: -90px
    }
    .template-index.section-padding .layout-footer {
        padding-top: 75px
    }
}

@media screen and (max-width: 800px) {
    .template-index.section-padding .index-slideshow-container {
        margin-bottom: 140px !important
    }
    .template-index.section-padding .index-slideshow-container .index-slideshow-pagination {
        bottom: 20px !important
    }
}

@media screen and (max-width: 550px) {
    .template-index.section-padding .index-slideshow-container {
        margin-bottom: 120px !important
    }
    .template-index.section-padding .index-slideshow-container .index-slideshow-pagination {
        bottom: 15px !important
    }
}

.layout-mobile-overlap .button-collection-apply {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 10px;
    background: white;
    z-index: 2
}

.layout-mobile-overlap .button-collection-apply .button {
    margin-bottom: 0
}

.layout-mobile-overlap .collection-section-container {
    padding-bottom: 0
}

#mobile-menu-collections-dropup .collection-category-list li>a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    color: #333;
    line-height: 19px;
    padding: .7rem 1rem
}

#mobile-menu-collections-dropup .left-categories__inner {
    height: 100%
}

#mobile-menu-collections-dropup .collection-category-list li>a {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 1px;
    color: #333;
    line-height: 19px;
    padding: .7rem 1rem;
    background-color: transparent
}

#mobile-menu-collections-dropup .collection-category-list li.active a {
    color: var(--color_primary_hover)
}

.product-faqs-popup {
    position: relative;
    max-width: 550px !important;
    padding: 20px !important;
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.product-faqs-popup .faqs-popup-title {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase
}

.product-faqs-popup .close-reveal {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f7f7f7
}

.product-faqs-popup .close-reveal .svg-icon {
    width: 23px;
    height: 23px
}

.product-faqs-popup .form-group-label {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .375rem;
    display: none
}

.product-faqs-popup .form-group-field {
    font-size: 14px !important;
    color: #333 !important;
    height: 40px;
    border: 2px solid #cccccc;
    padding: 0 20px;
    margin-bottom: 15px !important
}

.product-faqs-popup .form-group-field,
.product-faqs-popup .form-group-field:focus {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit
}

.product-faqs-popup .form-group-field::-webkit-input-placeholder {
    color: #999
}

.product-faqs-popup .form-group-field::-moz-placeholder {
    color: #999
}

.product-faqs-popup .form-group-field::-ms-input-placeholder {
    color: #999
}

.product-faqs-popup .form-group-field::placeholder {
    color: #999
}

.product-faqs-popup .form-button {
    width: 140px;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #444444;
    height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px
}

.product-faqs-popup textarea {
    height: auto !important;
    padding-top: 7px !important
}

@media print,
screen and (min-width: 50.0625em) and (max-width: 78.81125em) {
    .reveal.product-customtab-popup,
    .reveal.product-sizechart-popup {
        width: 90%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .reveal.product-customtab-popup,
    .reveal.product-sizechart-popup {
        width: 95%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media print,
screen and (max-width: 34.43625em) {
    .reveal.product-customtab-popup,
    .reveal.product-sizechart-popup {
        width: 95%;
        padding: 1rem;
        left: 2.5%
    }
    .reveal.product-customtab-popup .tabs,
    .reveal.product-sizechart-popup .tabs {
        margin-top: 1.875rem
    }
    .reveal.product-customtab-popup .tabs-title>a,
    .reveal.product-sizechart-popup .tabs-title>a {
        padding: .625rem
    }
}

.account-login .account-login-recover {
    margin-top: 0;
    padding: 0;
    font-size: 14px;
    color: #999 !important;
    margin-bottom: 22px
}

.account-login .account-login-recover:hover {
    color: var(--color_primary) !important
}

.sign-in_create-account {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sign-in_create-account .account-login-submit {
    width: 140px;
    margin: 0 25px 0 0 !important;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: var(--color_primary);
    height: 40px;
    font-weight: 700;
    letter-spacing: 1px
}

.sign-in_create-account .account-login-submit:hover {
    background: #444444
}

.sign-in_create-account .account-login-register {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--color_primary);
    border-bottom: 1px solid;
    text-transform: capitalize;
    white-space: nowrap
}

.sign-in_create-account .account-login-register:hover {
    color: var(--color_primary)
}

.member-text {
    font-size: .875rem;
    margin-bottom: .625rem;
    margin-top: 1.5625rem
}

.account-recover-form-title {
    font-weight: 600;
    text-transform: uppercase
}

.compare-remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.compare-remove em {
    font-size: 20px
}

.compare-remove:hover em {
    color: var(--color_primary)
}

.suffix-comingsoon .password-overlay {
    background: #f7f6f2;
    position: relative;
    width: 100%
}

.suffix-comingsoon .password-overlay>.grid-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.suffix-comingsoon .password-overlay>.grid-container>div {
    width: 50%
}

.suffix-comingsoon .password-overlay>.grid-container .password-banner {
    padding-right: 40px
}

.suffix-comingsoon .password-overlay>.grid-container .password-content {
    text-align: left
}

.suffix-comingsoon .password-overlay>.grid-container [aria-controls=password-login] {
    color: #666;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-block;
    text-decoration: underline
}

.suffix-comingsoon .password-overlay>.grid-container [aria-controls=password-login]:hover {
    color: var(--color_primary)
}

.suffix-comingsoon .contact-form .input-group {
    position: relative;
    padding-right: 150px;
    background-color: #fff
}

.suffix-comingsoon .contact-form .input-group .input-group-field {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    border: none;
    color: #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%
}

.suffix-comingsoon .contact-form .input-group .input-group-field::-webkit-input-placeholder {
    color: #ccc
}

.suffix-comingsoon .contact-form .input-group .input-group-field::-moz-placeholder {
    color: #ccc
}

.suffix-comingsoon .contact-form .input-group .input-group-field:-ms-input-placeholder {
    color: #ccc
}

.suffix-comingsoon .contact-form .input-group .input-group-field::-ms-input-placeholder {
    color: #ccc
}

.suffix-comingsoon .contact-form .input-group .input-group-button {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    line-height: 48px;
    width: 150px;
    background-color: var(--color_primary)
}

.suffix-comingsoon .contact-form .input-group .input-group-button button {
    background: transparent;
    color: #fff !important;
    padding: 0 30px;
    text-transform: uppercase
}

.suffix-comingsoon .contact-form .input-group .input-group-button:hover {
    background-color: #637381
}

.suffix-comingsoon .password-cookie {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.875rem;
    background: black
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-comingsoon .password-cookie {
        display: none
    }
}

.suffix-comingsoon .password-cookie .password-cookie-content {
    font-size: .9375rem;
    color: #000
}

.suffix-comingsoon .password-cookie .password-cookie-content a {
    display: inline-block;
    color: #000;
    border-bottom: 1px solid #000
}

.suffix-comingsoon .password-title {
    font-weight: 900;
    margin-bottom: 40px;
    font-size: 42px;
    text-transform: uppercase
}

.suffix-comingsoon .password-logo {
    margin-bottom: 40px;
    text-align: left
}

.suffix-comingsoon .password-logo img {
    max-width: 250px
}

.suffix-comingsoon .password-social {
    position: absolute;
    bottom: 100px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.suffix-comingsoon .password-countdown {
    margin-bottom: 80px
}

.suffix-comingsoon .password-countdown .password-countdown-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.suffix-comingsoon .password-countdown .password-countdown-timer>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #666;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 4px solid #fff;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 85px;
    height: 85px;
    line-height: 01;
    overflow: hidden
}

.suffix-comingsoon .password-countdown .password-countdown-timer>span:not(:last-child) {
    margin: 0 20px 0 0
}

.suffix-comingsoon .password-countdown .password-countdown-timer>span>span {
    color: #999;
    font-size: 15px;
    font-weight: 300;
    padding-top: 5px
}

.suffix-comingsoon .password-form-title {
    font-size: 15px;
    color: #666;
    font-weight: 600;
    margin-bottom: 10px
}

.suffix-comingsoon .password-form-sub-title {
    font-size: 15px;
    color: #666;
    font-weight: 300;
    margin-bottom: 35px
}

.suffix-comingsoon .off-canvas {
    padding-top: 40px;
    padding-bottom: 40px
}

.suffix-comingsoon .off-canvas .input-group-field {
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 50px;
    height: 48px;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 0 15px
}

.suffix-comingsoon .off-canvas .input-group-field:focus {
    border-color: var(--color_primary)
}

.suffix-comingsoon .off-canvas .input-group-button .button.primary {
    padding-left: 30px;
    padding-right: 30px
}

.suffix-comingsoon .off-canvas .input-group-button .button.primary:hover {
    background-color: gray
}

@media screen and (max-width: 1260px) {
    .suffix-comingsoon .password-title {
        font-size: 32px
    }
}

@media screen and (max-width: 800px) {
    .suffix-comingsoon .password-overlay>.grid-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .suffix-comingsoon .password-overlay>.grid-container [aria-controls=password-login] {
        margin-bottom: 30px
    }
    .suffix-comingsoon .password-overlay>.grid-container .password-content {
        text-align: center
    }
    .suffix-comingsoon .password-overlay>.grid-container .password-banner {
        padding-right: 0;
        width: 280px;
        margin: 30px auto
    }
    .suffix-comingsoon .password-overlay>.grid-container>div {
        width: 100%
    }
    .suffix-comingsoon .password-logo {
        text-align: center;
        margin-top: 40px
    }
    .suffix-comingsoon .password-countdown .password-countdown-timer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .suffix-comingsoon .contact-form .input-group {
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%
    }
}

@media screen and (max-width: 550px) {
    .suffix-comingsoon .password-overlay {
        overflow-x: hidden
    }
    .suffix-comingsoon .password-countdown {
        margin-bottom: 40px
    }
    .suffix-comingsoon .password-countdown .password-countdown-timer>span:not(:last-child) {
        margin: 0 30px 0 0
    }
    .suffix-comingsoon .password-countdown .password-countdown-timer>span {
        border: none;
        width: auto;
        height: auto;
        overflow: initial;
        font-size: 30px
    }
    .suffix-comingsoon .contact-form .input-group {
        padding-right: 120px
    }
    .suffix-comingsoon .contact-form .input-group .input-group-button {
        width: 120px
    }
    .suffix-comingsoon .password-title {
        font-size: 30px
    }
}

.template-index .header {
    margin-bottom: 0
}

.template-index .layout-main {
    padding: 0
}

.template-index .layout-main,
.template-index body {
    background-color: var(--color_desktop_page_bg)
}

.template-index .grid-container {
    max-width: 1370px;
    width: 100%
}

.template-index .box-divider {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.template-index .box-divider .action {
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline
}

@media screen and (min-width: 551px) {
    .template-index .box-divider .action {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .template-index .box-divider .action {
        font-family: var(--font_desktop_title)
    }
}

.box-divider+.box-content {
    width: 100%;
    margin-top: 0 !important
}

body:not(.template-index) .box-divider {
    margin-bottom: 30px
}

body header:not(.template-page) .grid-container,
body:not(.template-index):not(.template-page) .grid-container {
    max-width: 1680px !important;
    width: 100% !important
}

.box-divider {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.box-divider .box-title {
    font-size: 36px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
    display: inline-block
}

@media screen and (min-width: 551px) {
    .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

.box-divider .box-sub-title {
    text-align: center;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    font-size: 16px;
    margin-top: 15px
}

@media screen and (max-width: 1260px) {
    .box-divider .box-title {
        font-size: 28px
    }
    .box-divider .box-sub-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media screen and (max-width: 800px) {
    .box-divider {
        margin-bottom: 5px
    }
    .box-divider .box-title {
        font-size: 25px
    }
    .box-divider .box-sub-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media screen and (max-width: 550px) {
    .box-divider .box-title {
        font-size: 20px
    }
    .box-divider .box-sub-title {
        padding-left: 15px;
        padding-right: 15px
    }
    .box-divider .action {
        font-size: 14px
    }
}

@media screen and (max-width: 800px) {
    body {
        padding-bottom: 60px
    }
}

.layout-main-content {
    position: relative
}

.template-collection .collection-sort-container {
    background: #fff
}

.template-collection .collection-sort-data {
    position: relative;
    color: #333;
    padding: .5rem 3.125rem;
    font-size: 1rem;
    font-weight: 500
}

.template-collection .collection-sort-data.active {
    color: var(--color_primary)
}

.template-collection .collection-sort-data.active svg {
    display: block
}

.template-collection .collection-sort-data svg {
    position: absolute;
    display: none;
    height: 1.25rem;
    width: 1.25rem;
    top: calc(50% - 10px);
    right: 1.875rem
}

.template-collection .collection-sort-clear {
    font-size: .9375rem;
    font-weight: 500;
    text-transform: uppercase;
    padding-right: 15px
}

@media print,
screen and (max-width: 50.06125em) {
    .template-collection .collection-sort-clear {
        padding-right: 0
    }
}

.template-collection .collection-layout-title {
    font-size: .8125rem;
    color: #777;
    text-transform: uppercase;
    margin-right: .3125rem
}

.template-collection .collection-layout-button {
    padding: 0 .625rem;
    line-height: inherit;
    font-size: .8125rem
}

.template-collection .collection-layout-button.active {
    text-decoration: underline
}

.template-collection .collection-product-list {
    margin: 0 -.9375rem
}

.template-collection .collection-product-item {
    margin-bottom: 30px;
    padding: 0 .9375rem
}

.template-collection .collection-product-item .product-grid {
    height: 100%
}

.template-collection .collection-product-item .product-grid .product-item {
    height: 100%;
    margin-bottom: 0
}

@media screen and (max-width: 550px) {
    .template-collection .collection-product-list {
        margin: 0 -.3125rem
    }
    .template-collection .collection-product-item {
        padding: 0 .3125rem
    }
}

.template-collection .collection-result-pagination {
    padding: 45px 0;
    font-weight: 400;
    text-align: center
}

.template-collection .collection-result {
    color: #606060
}

.template-collection .collection-content .collection-section {
    margin-bottom: 2rem
}

.template-collection .collection-section {
    margin-bottom: .625rem
}

.template-collection .collection-section-title h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 15px
}

.template-collection .collection-section-content {
    padding: 20px 4px 20px 20px;
    border: 1px solid #dddddd;
    margin-bottom: 15px
}

.template-collection .collection-buttons {
    position: fixed;
    bottom: 9.6875rem;
    right: .5rem;
    z-index: 850
}

.template-collection .collection-button {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500;
    text-align: center
}

.template-collection .collection-button+.collection-button {
    margin-top: .625rem
}

@media screen and (min-width: 801px) {
    .template-collection .collection-button {
        white-space: nowrap;
        text-decoration: underline;
        font-weight: 500
    }
}

@media screen and (max-width: 800px) {
    .template-collection .collection-button {
        border-radius: 50%;
        height: 3.4375rem;
        width: 3.4375rem;
        -webkit-box-shadow: 0px 2px 5px rgba(50, 52, 54, .3);
        box-shadow: 0 2px 5px #3234364d
    }
}

@media screen and (max-width: 800px) {
    .template-collection .collection .collection-result-pagination {
        margin-top: 20px
    }
}

.template-collection .collection-filter-container {
    background: #fff
}

.template-collection .collection-filter-checker {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    height: 14px;
    width: 14px;
    border-radius: 3px;
    border: 1px solid #ababab;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: .5rem
}

.template-collection .collection-filter-checker svg {
    display: none;
    height: .75rem;
    width: .75rem;
    color: #333;
    margin: 1px auto
}

.template-collection .collection-filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media screen and (max-width: 800px) {
    .template-collection .collection-filter-list {
        margin-bottom: 15px
    }
}

.template-collection .collection-filter-list a {
    width: 100%;
    line-height: 2em;
    z-index: 2;
    font-size: 15px;
    text-transform: capitalize
}

.template-collection .collection-filter-list.active svg {
    width: 10px;
    height: 10px;
    display: block;
    background: #333;
    color: #333
}

.template-collection .collection-filter-list:hover a {
    color: var(--color_primary)
}

.template-collection .collection-filter-list:hover .collection-filter-checker {
    border-color: var(--color_primary)
}

.template-collection .collection-filter-color {
    margin-bottom: 13px
}

@media screen and (max-width: 800px) {
    .template-collection .collection-filter-color {
        margin-bottom: 15px
    }
}

.template-collection .collection-filter-color-list {
    margin: 7px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.template-collection .collection-filter-color-background {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    position: relative
}

.template-collection .collection-filter-color-background:after {
    content: "";
    width: 22px;
    height: 22px;
    background: transparent;
    border: 1px solid white;
    position: absolute;
    left: 1px;
    top: 1px;
    border-radius: 50%
}

.template-collection .collection-filter-color-background:before {
    content: "";
    width: 24px;
    height: 24px;
    background: transparent;
    border: 1px solid #cecece;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%
}

.template-collection .collection-filter-color.active .template-collection .collection-filter-color-background:before {
    border: 1px solid black
}

.template-collection .collection-filter-color:hover {
    opacity: .85
}

.template-collection .collection-filter-size {
    height: 1.5rem;
    width: 1.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    margin-bottom: 5px
}

.template-collection .collection-filter-size-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
}

.template-collection .collection-filter-size.active {
    border: 1px solid black
}

@media print,
screen and (max-width: 34.43625em) {
    .template-collection .collection-filter-size.active {
        border-style: none
    }
    .template-collection .collection-filter-size.active a {
        color: var(--color_primary)
    }
}

.template-collection .collection-filter-size a {
    width: 100%;
    text-align: center;
    line-height: 1.5rem;
    font-size: 10px
}

@media print,
screen and (max-width: 34.43625em) {
    .template-collection .collection-filter-size {
        width: auto;
        height: auto;
        border-radius: 0;
        border-style: none
    }
    .template-collection .collection-filter-size a {
        text-align: left;
        font-size: 12px;
        text-transform: uppercase
    }
}

.template-collection .collection-filter-clear {
    font-weight: 500;
    text-transform: uppercase;
    margin-right: 10px;
    background-color: #f1f1f1;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 5px
}

@media print,
screen and (max-width: 50.06125em) {
    .template-collection .collection-filter-clear {
        margin-right: 0
    }
}

.template-collection .collection-filter .vendor {
    margin-bottom: 0
}

.template-collection .collection-filter .vendor .collection-filter-list:last-child {
    margin-bottom: 0
}

.template-collection .collection-filter .other {
    margin-bottom: 0
}

.template-collection .collection-filter .other .collection-filter-list:last-child {
    margin-bottom: 0
}

.template-collection .collection-filter .color-name {
    font-size: 15px;
    text-transform: capitalize;
    margin-left: 30px;
    line-height: 24px
}

.template-collection .collection-filter .size {
    margin-bottom: 0
}

.template-collection .collection-filter .layout-sidebar-content-inner,
.template-collection .collection-filter .collection-section-content-inner {
    max-height: 250px;
    overflow-y: auto
}

.template-collection .collection-filter .layout-sidebar-content-inner::-webkit-scrollbar,
.template-collection .collection-filter .collection-section-content-inner::-webkit-scrollbar {
    width: 5px
}

.template-collection .collection-filter .layout-sidebar-content-inner::-webkit-scrollbar-track,
.template-collection .collection-filter .collection-section-content-inner::-webkit-scrollbar-track {
    background: #ddd
}

.template-collection .collection-filter .layout-sidebar-content-inner::-webkit-scrollbar-thumb,
.template-collection .collection-filter .collection-section-content-inner::-webkit-scrollbar-thumb {
    background: #666
}

.template-collection .collection-featured-product-item {
    margin-bottom: 30px
}

.template-collection .collection-featured-product-item:first-child {
    margin-top: 10px
}

.template-collection .collection-featured-product-item:last-child {
    margin-bottom: 0
}

.template-collection .collection-featured-product .product-list .product-item {
    font-weight: 400;
    border: none;
    margin-bottom: 0 !important
}

.template-collection .collection-featured-product .product-list .product-item-title {
    font-size: .875rem;
    font-weight: 600;
    margin-bottom: .625rem
}

.template-collection .collection-featured-product .product-list .product-item-button span {
    display: none
}

.template-collection .collection-featured-product .product-list .product-item-button em {
    margin: 0
}

.template-collection .collection-featured-product .product-list .product-item-button-wishlist,
.template-collection .collection-featured-product .product-list .product-item-description,
.template-collection .collection-featured-product .product-list .product-item-rating {
    display: none
}

.template-collection .collection-featured-product .product-list .product-item .product-item-thumb {
    -webkit-transition: all .3s;
    transition: all .3s
}

.template-collection .collection-featured-product .product-list .product-item .product-item-title {
    margin-bottom: 10px;
    padding-bottom: 10px
}

.template-collection .collection-featured-product .product-list .product-item .product-item-caption .product-item-price {
    font-size: 15px
}

.template-collection .collection-featured-product .product-list .product-item .product-item-caption .product-item-price-old {
    font-size: 12px
}

.template-collection .collection-featured-product .product-list .product-item:hover {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.template-collection .collection-featured-product .product-list .product-item:hover .product-item-thumb {
    border-color: var(--color_primary)
}

.template-collection .filter-result,
.template-collection .filterresult-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.template-collection .collection-filter-result-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.template-collection .collection-filter-result-item .filter-result-value {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 500
}

.template-collection .collection-filter-result-item .icon {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    background: #cccccc;
    margin-left: 8px
}

.template-collection .collection-filter-result-item .icon:hover .svg-icon {
    color: var(--color_primary)
}

.template-collection .collection-filter-result-item .svg-icon {
    width: 8px;
    height: 8px;
    color: #fff
}

.template-collection .collection-sort-layout-desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.template-collection .collection-sort-layout-desktop .collection-layout-button {
    height: 40px;
    width: 40px;
    position: relative;
    padding: 0;
    border: 1px solid var(--color_desktop_page_paragraph);
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-left: 15px
}

.template-collection .collection-sort-layout-desktop .collection-layout-button:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 16px;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: var(--color_desktop_page_paragraph)
}

.template-collection .collection-sort-layout-desktop .collection-layout-button:before.sli-grid {
    font-size: 12px
}

.template-collection .collection-sort-layout-desktop .collection-layout-button.active {
    background-color: #181d2d;
    border-color: #181d2d
}

.template-collection .collection-sort-layout-desktop .collection-layout-button.active:before {
    color: #fff
}

.template-collection .collection-sort-layout-desktop .collection-sort-desktop-dropdown>li {
    position: relative
}

.template-collection .collection-sort-layout-desktop .collection-sort-desktop-dropdown>li>span {
    height: 40px;
    line-height: 38px;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 15px;
    color: var(--color_desktop_page_paragraph);
    font-weight: 500;
    text-transform: capitalize;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGBAMAAADj6an2AAAAIVBMVEUAAAASEhISEhISEhISEhISEhISEhISEhISEhISEhISEhKT81xZAAAACnRSTlMAmTMR7syId2ZE5JP5aAAAAChJREFUCNdjMGJgYFZgKFFgME1gYHRiDmRgYBCZKgAkGRcygEADAwMASQQD8Zb9zwYAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: 9px 6px;
    white-space: nowrap;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-position: calc(100% - 15px) center;
    padding: 0 40px 0 20px
}

.template-collection .collection-sort-layout-desktop .collection-sort-desktop-dropdown>li:hover>span {
    border: 1px solid rgba(0, 0, 0, .5)
}

.template-collection .collection-sort-layout-desktop .collection-sort-desktop-dropdown>li:hover ul {
    display: block;
    -webkit-animation-name: openDropdownPanel;
    animation-name: openDropdownPanel
}

.template-collection .collection-sort-layout-desktop .collection-sort-desktop-dropdown-panel {
    display: none;
    position: absolute;
    right: 0;
    background: white;
    width: 100%;
    min-width: 11rem;
    -webkit-box-shadow: 0 3px 20px -1px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 20px -1px #0000001a;
    overflow: hidden;
    padding: .625rem 1.25rem;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    line-height: 1;
    z-index: 9
}

.template-collection .collection-sort-layout-desktop .collection-sort-desktop-dropdown-panel li {
    padding: .5rem 0
}

.template-collection .collection-refine {
    margin-bottom: 60px
}

.template-collection #mobile-menu-collections-dropup .collection-category-list.accordion-menu .is-accordion-submenu-parent .submenu-toggle:after,
.template-collection #mobile-menu-collections-dropup .collection-category-list.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a:after {
    background-color: transparent;
    font-size: 16px
}

.template-collection #mobile-menu-collections-dropup .has-submenu-toggle>a {
    margin-right: 0 !important
}

.template-collection #mobile-menu-collections-dropup .left-categories__inner {
    height: 100%
}

.template-collection #mobile-menu-collections-dropup .collection-category-list {
    margin-top: 30px;
    margin-bottom: 85px
}

.template-collection #mobile-menu-collections-dropup .collection-category-list li>a {
    font-weight: 500;
    font-size: 15px;
    letter-spacing: .025em;
    color: #333;
    line-height: 19px;
    padding: .7rem 1rem
}

.template-collection [data-collection-template-layout=grid] .collection-result-pagination {
    display: none !important
}

.template-list-collections .list-collections-wrap {
    margin-top: 50px
}

.template-list-collections .collection-item {
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-transition: all .9s;
    transition: all .9s;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px !important
}

.template-list-collections .collection-item .collection-item-thumb {
    margin-bottom: 0
}

.template-list-collections .collection-item .collection-item-caption {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, 200%);
    transform: translate(-50%, 200%);
    text-align: center;
    -webkit-transition: all .9s;
    transition: all .9s;
    opacity: 0
}

.template-list-collections .collection-item .collection-item-caption .collection-item-title {
    background-color: #fff;
    margin-bottom: 0;
    text-align: center;
    text-transform: capitalize;
    padding: 10px 20px;
    display: inline-block
}

.template-list-collections .collection-item .collection-item-caption .collection-item-title a {
    line-height: 20px;
    color: #333
}

.template-list-collections .collection-item:hover {
    border-color: var(--color_primary)
}

.template-list-collections .collection-item:hover .collection-item-thumb {
    -webkit-filter: brightness(90%);
    filter: brightness(90%)
}

.template-list-collections .collection-item:hover .collection-item-caption {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media print,
screen and (max-width: 50.06125em) {
    .list-collections .collection-item {
        margin: 0
    }
    .list-collections .collection-item-title {
        margin: 0;
        font-size: inherit
    }
    .list-collections-wrap {
        background: white;
        margin: 0;
        text-align: center;
        overflow: hidden
    }
    .list-collections-list {
        list-style: none;
        margin: 0 -1px -1px 0
    }
    .list-collections-item {
        padding: .625rem
    }
}

.template-product .checkbox-custom {
    display: block;
    position: relative;
    padding-left: 23px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 16px;
    margin: 0
}

.template-product .checkbox-custom input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.template-product .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 14px;
    width: 14px;
    border-radius: 3px;
    background: transparent;
    border: 1px solid #999999
}

.template-product .checkbox-custom:hover input~.checkmark {
    border-color: #000
}

.template-product .checkbox-custom input:checked~.checkmark {
    border-color: #000
}

.template-product .checkbox-custom input:checked~.checkmark:after {
    display: block
}

.template-product .checkbox-custom .checkmark:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    background: black;
    display: none
}

.template-product .product-box .breadcrumb {
    margin-bottom: 100px
}

.template-product .product-box .product-item {
    margin-bottom: 0 !important
}

@media screen and (max-width: 800px) {
    .template-product .product-box .breadcrumb {
        margin-bottom: 30px
    }
}

.template-product .header-content {
    max-width: calc(100% - 250px);
    min-width: calc(100% - 250px)
}

@media screen and (max-width: 800px) {
    .template-product .header-content {
        max-width: calc(100% - 200px);
        min-width: calc(100% - 200px)
    }
    .template-product .header-content .product-header-title {
        text-align: center;
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0 15px;
        font-size: 15px;
        font-weight: 600
    }
}

@media screen and (max-width: 550px) {
    .template-product .header-content .product-header-title {
        padding: 0 5px
    }
}

.template-product .layout-sidebar-content {
    padding: 0;
    border-style: none
}

.template-product .layout-sidebar-content .layout-sidebar-content-inner {
    max-height: auto;
    overflow-y: inherit;
    margin-bottom: 50px
}

.template-product .countdown-timer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.template-product .countdown-timer .ct-title {
    color: #888;
    font-size: 13px;
    margin-right: 8px
}

.template-product .countdown-timer #countdowntimer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: .3125rem;
    color: var(--color_primary)
}

.template-product .countdown-timer #countdowntimer>span {
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    border-bottom: 1px solid;
    margin-right: 6px
}

.template-product .product-visitor {
    color: #333;
    font-size: 12px;
    font-style: italic;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 12px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    border-radius: 20px;
    background: white
}

.template-product .product-visitor em {
    font-size: 13px;
    margin-right: 8px
}

.template-product .product-visitor span {
    font-weight: 700;
    color: #000;
    margin-right: 3px
}

.template-product .product-widget-sharing {
    margin-bottom: .9375rem
}

@media screen and (max-width: 800px) {
    .template-product .product-safecheckout {
        margin-bottom: 1.375rem
    }
}

.template-product .product-discount .product-discount-price {
    font-size: 13px;
    margin-left: 0;
    border-left: 1px solid #ffff;
    padding: 4px 0;
    font-weight: 700;
    text-transform: uppercase
}

.template-product .product-discount .product-discount-price .product-discount-text {
    font-size: .875rem
}

.template-product .product-discount .product-discount-button-price {
    margin-bottom: 30px;
    margin-top: 17px
}

.template-product .product-discount .product-discount-button-price .product-discount-button {
    width: auto
}

.template-product .product-discount .product-discount-button-price .product-discount-button .product-add-cart-bundle {
    width: 100%;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 25px;
    font-weight: 700
}

.template-product .product-discount .product-discount-button-price .space-line {
    font-size: 20px;
    font-weight: 400;
    margin: 0 13px
}

@media print,
screen and (max-width: 34.43625em) {
    .template-product .product-discount .product-discount-button-price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .template-product .product-discount .product-discount-button-price .product-discount-button {
        width: 100%
    }
    .template-product .product-discount .product-discount-button-price .product-discount-button .product-add-cart-bundle {
        position: relative !important;
        margin-top: .9375rem;
        font-size: 14px
    }
}

.template-product .product-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%
}

.template-product .product-slider .swiper-slide {
    padding: 0 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.template-product .product .product-title {
    color: #333;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 15px
}

.template-product .product-id {
    display: none
}

.no-js .template-product .product-id {
    display: initial
}

.template-product .product .group-price-stock {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.template-product .product-inventory {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.template-product .product-inventory .product-info-icon em {
    display: none
}

.template-product .product-inventory .product-info-text {
    font-size: 13px;
    text-transform: capitalize;
    margin-right: 3px
}

.template-product .product-inventory .product-info-stock {
    font-size: 13px;
    font-style: italic;
    margin-left: 3px
}

.template-product .product-inventory .product-info-stock span {
    font-weight: 700;
    border-bottom: 1px solid
}

@media screen and (max-width: 800px) {
    .template-product .product-inventory {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 5px
    }
}

.template-product .product-price {
    font-size: 22px;
    font-weight: 600;
    color: #999
}

.template-product .product-price-old {
    font-size: 18px;
    color: #ccc;
    margin-left: 6px
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-product .product-price-old {
        color: #7f7f7f;
        font-size: 1rem
    }
}

@media print,
screen and (max-width: 34.43625em) {
    .template-product .product-price-wrapper {
        margin-top: .1875rem;
        margin-bottom: 1rem
    }
    .template-product .product-price-old {
        color: #7f7f7f;
        font-size: 1rem
    }
}

.template-product .product-info-container {
    margin-bottom: 0;
    padding-top: 30px;
    padding-left: 40px
}

.template-product .product-info-container .grid-x>.shrink {
    min-width: 5.625rem
}

.template-product .product-info-container .product-vendor {
    display: none
}

.template-product .product-info-container .content-area>ul {
    padding-left: 8px;
    margin-bottom: 23px
}

.template-product .product-info-container .content-area>ul .product-info-item {
    font-size: 12px;
    color: #555;
    margin-bottom: 6px
}

.template-product .product-info-container .content-area>ul li {
    font-size: 12px;
    color: #333;
    margin-bottom: 6px
}

.template-product .product-info-container .product-shippinginfo {
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 7px
}

.template-product .product-info-container .product-shippinginfo .day,
.template-product .product-info-container .product-shippinginfo .hour,
.template-product .product-info-container .product-shippinginfo .min {
    margin-right: 5px
}

.template-product .product-info-container .product-shippinginfo span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    margin: 0 2px;
    color: var(--color_primary)
}

.template-product .product-info-container .safecheckout-image {
    width: 100% !important
}

.template-product .product-info-container .safecheckout-image img {
    width: 100%
}

.template-product .product-info-container .group-action {
    position: relative;
    width: 100%
}

@media print,
screen and (max-width: 34.43625em) {
    .template-product .product-info-container .group-action {
        margin-left: 0
    }
}

.template-product .product-info-container .group-action .icon-sortdown:hover .show-more {
    opacity: 1;
    z-index: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.template-product .product-info-container .faqs-area {
    margin-bottom: 20px
}

.template-product .product-info-container .faqs-area .faqs-title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 1px solid
}

.template-product .product-info-container .faqs-area .faqs-title:hover {
    color: var(--color_primary)
}

.template-product .product-info-container .content-area .product-inventory {
    display: list-item
}

.template-product .product-info-container .discount-text {
    margin-top: 2.5625rem;
    margin-bottom: 1.1875rem;
    font-size: .6875rem;
    color: #999;
    text-transform: uppercase
}

@media screen and (max-width: 1260px) {
    .template-product .product-info-container {
        padding-left: 0
    }
}

.template-product .product-rating {
    margin: 13px 0 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: inherit !important;
    -webkit-box-direction: inherit !important;
    -ms-flex-direction: inherit !important;
    flex-direction: inherit !important;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.template-product .product-rating .spr-badge {
    display: inline-block
}

.template-product .product-rating .spr-badge-caption {
    margin: 0 10px;
    display: inline-block;
    font-size: 13px;
    color: #999
}

.template-product .product-rating .spr-badge-caption:before {
    content: "("
}

.template-product .product-rating .spr-badge-caption:after {
    content: ")"
}

.template-product .product-rating .spr-badge-caption:hover {
    text-decoration: underline
}

@media print,
screen and (min-width: 50.0625em) and (max-width: 78.81125em) {
    .template-product .product-rating .spr-badge {
        margin-bottom: 5px
    }
}

@media print,
screen and (max-width: 34.43625em) {
    .template-product .product-rating .spr-badge-caption {
        margin: 0;
        margin-left: .625rem;
        margin-right: .625rem;
        display: inline-block;
        font-size: .8125rem
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-product .product-rating .spr-badge-caption {
        margin: 0;
        margin-left: .625rem;
        margin-right: .625rem;
        display: inline-block;
        font-size: .8125rem
    }
}

.template-product .product-rating .spr-icon {
    font-size: 13px;
    margin-right: .21875rem
}

.template-product .product-rating .spr-icon:last-child {
    margin: 0
}

.template-product .product-rating-add a {
    font-size: .8125rem;
    color: #333;
    border-bottom: 1px solid
}

.template-product .product-rating-add a:hover {
    color: var(--color_primary)
}

@media print,
screen and (max-width: 34.43625em) {
    .template-product .product-rating {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media print,
screen and (min-width: 50.0625em) and (max-width: 78.81125em) {
    .template-product .product-rating {
        margin-bottom: 20px
    }
}

.template-product .product-quickoverview {
    margin-top: 15px
}

.template-product .product-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1rem
}

.template-product .product-widget-item .icon-added,
.template-product .product-widget-item.is-added .icon-add {
    display: none
}

.template-product .product-widget-item.is-added .icon-added {
    display: inline-block
}

.template-product .product-widget-item-icon em {
    font-size: 1.25rem;
    font-weight: 700
}

.template-product .product-widget-item-text {
    font-size: .6875rem;
    color: #999;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px
}

.template-product .product-widget-item:hover {
    color: var(--color_primary)
}

.template-product .product-widget-sharing-dropdown {
    width: auto;
    border-style: none;
    padding: 0;
    padding-top: .9375rem;
    background: transparent
}

.template-product .product-widget .social-sharing {
    display: block
}

.template-product .product-widget .social-sharing>a {
    margin: 0 0 .625rem
}

.template-product .product-widget .social-sharing>a:last-child {
    margin: 0
}

.template-product .product-zoom-in {
    position: absolute;
    display: block;
    bottom: .625rem;
    right: 1.25rem;
    z-index: 855
}

.template-product .product-zoom-in em {
    font-size: 1.5625rem
}

.template-product .product-form-container {
    padding: 1.625rem 1.625rem 6.25rem;
    background: white
}

.template-product .product-sharing {
    margin-bottom: .875rem
}

.template-product .product-collection,
.template-product .product-tag {
    line-height: 1.7
}

.template-product .product-collection-title,
.template-product .product-tag-title {
    font-size: .9375rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-right: .25rem
}

.template-product .product-collection-item a,
.template-product .product-tag-item a {
    color: var(--color_primary);
    text-transform: capitalize;
    font-weight: 300;
    margin-right: .25rem
}

.template-product .product-collection-item a:after,
.template-product .product-tag-item a:after {
    content: ","
}

.template-product .product-collection-item a:last-child:after,
.template-product .product-tag-item a:last-child:after {
    display: none
}

.template-product .product-collection-item a:hover,
.template-product .product-tag-item a:hover {
    color: var(--color_primary_hover)
}

@media screen and (max-width: 800px) {
    .template-product .product .product-info-container .product-title {
        font-size: 24px
    }
    .template-product .product .product-info-container .product-price {
        font-size: 18px
    }
    .template-product .product .product-info-container .product-option-label {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 550px) {
    .template-product .product .product-info-container .product-title {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 5px;
        color: #000
    }
    .template-product .product .product-price-wrapper {
        margin-bottom: 0
    }
    .template-product .product .product-option-item {
        margin-bottom: 15px
    }
    .template-product .product .product-option-value .product-sizechart {
        margin-top: 0
    }
    .template-product .product .product-quantity {
        margin-top: 10px
    }
    .template-product .product .product-quantity .input-group {
        margin-bottom: 20px
    }
}

.product-option-list {
    margin-top: 1.625rem
}

.no-js .product-option-list {
    display: none
}

.product-option-item {
    margin-bottom: 25px
}

.product-option-item:last-child {
    margin: 0
}

.product-option-label {
    margin-bottom: .9375rem;
    font-size: 13px;
    font-weight: 700;
    color: #333
}

.product-option-label .title {
    color: #333;
    margin-right: 10px
}

.product-option-label .value {
    color: #999
}

.product-option-value .product-sizechart {
    margin-top: 10px
}

.product-option-value .product-sizechart a {
    font-size: .8125rem;
    display: inline-block;
    border-bottom: 1px solid;
    color: #555
}

.product-option-value .product-sizechart a:hover {
    color: var(--color_primary)
}

.product-option-value-item {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.product-option-color {
    cursor: pointer
}

.product-option-color.value-hidden {
    display: none
}

.product-option-color:last-child {
    margin: 0
}

.product-option-color input {
    display: none
}

.product-option-color input:checked+span {
    border: 1px solid black
}

.product-option-color input:disabled+span {
    border: 1px solid #dddddd
}

.product-option-color>input[disabled=disabled]+.display-block {
    display: none !important
}

.product-option-color span {
    height: 36px;
    width: 36px;
    position: relative;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
    margin-right: 10px
}

.product-option-image {
    margin-bottom: .625rem;
    margin-right: .625rem
}

.product-option-image:last-child {
    margin: 0
}

.product-option-image input {
    display: none
}

.product-option-image input:checked+img {
    border: 1px solid #1d1d1d
}

.product-option-image input:disabled+img {
    opacity: .7;
    cursor: not-allowed
}

.product-option-image img {
    border: 1px solid #dcdcdc;
    width: 36px;
    height: 36px
}

.product-option-size {
    margin-bottom: .625rem;
    margin-right: .625rem
}

.product-option-size:last-child {
    margin: 0
}

.product-option-size input {
    display: none
}

.product-option-size input:checked+span {
    border: 1px solid #333333
}

.product-option-size input:disabled+span:after {
    color: #7f7f7f !important;
    cursor: not-allowed
}

.product-option-size span {
    position: relative;
    height: 36px;
    width: 36px;
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #dddddd;
    background: #f7f7f7
}

.product-option-size:hover input+span {
    border: 1px solid #333333
}

.product-option-radio {
    margin-bottom: .625rem;
    margin-right: 1.25rem;
    line-height: 1
}

.product-option-radio input:disabled+span {
    color: #7f7f7f !important;
    cursor: not-allowed
}

.product-option-radio span {
    margin-left: 10px
}

.product-option-radio:last-child {
    margin-right: 0
}

.product-gallery {
    margin-bottom: 1rem;
    border: 1px solid #f2eee2
}

.product-gallery .swiper-slide {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.product-gallery .carousel-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    z-index: 850
}

.product-gallery .carousel-pagination-bullet:before {
    height: .3125rem;
    width: .3125rem
}

.product-gallery .carousel-pagination-bullet-active:before {
    height: .625rem;
    width: .625rem
}

.product-thumbnail {
    position: relative
}

.product-thumbnail .swiper-slide img {
    border: 1px solid #f2eee2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product-thumbnail .swiper-slide img:hover {
    cursor: pointer
}

.product-thumbnail .swiper-slide:hover img,
.product-thumbnail .swiper-slide-active img {
    border: 1px solid var(--color_primary);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.product-thumbnail-nav-prev,
.product-thumbnail-nav-next {
    line-height: 1;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2
}

.product-thumbnail-nav-prev em,
.product-thumbnail-nav-next em {
    color: #f2eee2;
    font-size: 32px
}

.product-thumbnail-nav-prev:hover,
.product-thumbnail-nav-next:hover {
    cursor: pointer
}

.product-thumbnail-nav-prev:hover em,
.product-thumbnail-nav-next:hover em {
    color: var(--color_primary)
}

.product-thumbnail-nav-prev {
    left: 0
}

.product-thumbnail-nav-next {
    right: 0
}

@media screen and (max-width: 800px) {
    .product-gallery .carousel-pagination {
        bottom: 30px
    }
}

.product-quick-view-full {
    max-width: 100%;
    width: 100%;
    top: 0 !important;
    bottom: 0;
    position: fixed;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    padding: 50px 0 25px;
    overflow: inherit;
    border-style: none
}

.product-quick-view-close {
    position: absolute;
    background: #eeeeee;
    height: 2.5rem;
    width: 2.5rem;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    top: 0;
    color: #9c9b9b;
    right: 0;
    z-index: 850
}

@media print,
screen and (max-width: 34.43625em) {
    .product-quick-view-close {
        position: fixed;
        -webkit-transition: none;
        transition: none
    }
}

.product-quick-view-close em {
    font-size: 2rem
}

.product-quick-view-close svg {
    color: #333;
    width: 25px;
    height: 25px
}

.product-quick-view-close:hover svg {
    color: var(--color_primary)
}

.quickview-full .product-widget-item-text {
    text-align: left;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 600
}

.quickview-full .product-id {
    display: none !important
}

.quickview-full .product-title {
    font-weight: 600
}

.quickview-full .product-discount-button-price .product-discount-price {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 10px;
    font-weight: 600
}

.quickview-full .title-area {
    font-size: 12px;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 14px
}

.quickview-full .content-area {
    margin-bottom: 40px
}

.quickview-full .product-thumbnail {
    margin-right: 10px
}

.quickview-full .product-thumbnail .swiper-slide {
    margin-bottom: 10px
}

.quickview-full .product-thumbnail .swiper-wrapper .swiper-slide:last-child {
    margin-bottom: 0
}

.quickview-full .product-option-item {
    margin-bottom: 15px
}

.quickview-full .product-option-list {
    margin-top: 0
}

.quickview-full .product-form {
    padding: 20px
}

@media print,
screen and (max-width: 34.43625em) {
    .quickview-full .product-form {
        padding: 0
    }
}

.quickview-full .product-add-cart-container {
    margin-top: 0
}

.quickview-full .description-update h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #999;
    margin-bottom: 14px
}

.quickview-full .description-update ul {
    padding-left: 8px;
    margin-bottom: 23px
}

.quickview-full .description-update ul li {
    font-size: 12px;
    color: #333;
    margin-bottom: 6px
}

.quickview-full .description-update p {
    font-size: 14px;
    color: #333
}

.quickview-full .product-earnpoints {
    margin-bottom: 1.4375rem;
    margin-top: 15px;
    font-size: 13px;
    height: 45px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quickview-full .product-earnpoints em {
    color: #555;
    font-size: 1rem;
    margin-right: 14px
}

.quickview-full .product-earnpoints .earnpoints-text {
    color: #555
}

.quickview-full .product-earnpoints a {
    display: inline-block;
    margin-left: .25rem;
    color: #999
}

.quickview-full .product-earnpoints a:hover {
    text-decoration: underline
}

.quickview-full .product-add-cart-container .input-label {
    margin-bottom: .5rem;
    width: 100%;
    font-size: 13px;
    text-transform: capitalize;
    color: #333;
    font-weight: 700
}

.quickview-full .product-gallery {
    margin-bottom: 0
}

.quickview-full .product-info-container {
    padding: 0
}

.quickview-full .product-price-wrapper {
    text-align: left !important
}

.quickview-full .product-price-wrapper .product-price {
    font-size: 18px;
    font-weight: 700;
    color: #000
}

.quickview-full .product-price-wrapper .product-price-old {
    padding-left: 10px;
    font-size: 18px
}

.quickview-full .product-quick-view {
    position: relative;
    border: 1px solid #ddd;
    background: white !important
}

.quickview-full .product-quick-view .product-option-list {
    margin-top: 17px
}

.quickview-full .product-quick-view .product-price-old {
    margin-left: .625rem
}

.quickview-full .product-quick-view .product-add-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.quickview-full .product-quick-view .product-add-cart {
    margin-right: 0;
    color: #fff;
    background: #444444
}

.quickview-full .product-quick-view .product-add-cart em {
    display: none
}

.quickview-full .product-quick-view .product-info {
    background: transparent;
    border-style: none
}

.quickview-full .product-quick-view .product-gallery {
    margin-bottom: 1.875rem
}

.quickview-full .product-quick-view .product-gallery .swiper-slide {
    cursor: initial
}

.quickview-full .product-quick-view .product-info-container {
    margin-bottom: 0
}

.quickview-full .product-quick-view .product-description {
    margin-bottom: .875rem
}

.quickview-full .product-review .heading {
    position: relative;
    text-align: center;
    margin-bottom: 0 !important
}

.quickview-full .product-review .heading>span {
    font-size: .875rem;
    text-transform: uppercase;
    display: inline-block;
    background: white;
    color: #333;
    padding: 0 30px;
    position: relative;
    z-index: 1;
    font-weight: 700;
    letter-spacing: 1px
}

.quickview-full .product-review .heading:after {
    content: "";
    height: 1px;
    width: 100%;
    background: #dddddd;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quickview-full .product-review .spr-review-header-starratings {
    font-size: 12px
}

.quickview-full .product-review .spr-review-header-starratings .spr-icon-star {
    margin-right: .15625rem
}

.quickview-full .product-review .spr-review-footer .spr-review-reportreview {
    float: inherit !important;
    color: #888 !important
}

.quickview-full .product-review .spr-summary-actions-newreview {
    border-bottom: 1px solid;
    display: inline-block;
    float: inherit;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 15px
}

.quickview-full .product-review .spr-summary {
    margin-top: 8px
}

@media print,
screen and (max-width: 34.43625em) {
    .quickview-full .product-review .spr-summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.quickview-full .product-review .spr-summary .spr-summary-caption {
    font-size: 14px
}

.quickview-full .product-review .spr-summary .spr-summary-actions {
    display: block;
    margin-top: 13px
}

.quickview-full .product-review .spr-summary .spr-summary-starrating {
    font-size: 15px;
    margin-right: 10px
}

@media print,
screen and (max-width: 34.43625em) {
    .quickview-full .product-review .spr-summary .spr-summary-starrating {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.quickview-full .product-review .spr-summary .spr-summary-starrating .spr-icon {
    margin-right: .21875rem
}

.quickview-full .product-review .spr-container {
    padding: 0;
    border-style: none
}

.quickview-full .product-review .spr-reviews {
    margin-top: 3px;
    border-top-style: none
}

.quickview-full .product-review .spr-reviews .spr-review-header {
    position: relative
}

.quickview-full .product-review .spr-reviews .spr-review-header .spr-review-header-byline {
    margin: 0;
    position: absolute;
    top: 2px;
    left: 117px;
    font-style: inherit
}

.quickview-full .product-review .spr-reviews .spr-review-header .spr-review-header-byline strong {
    font-weight: 400
}

.quickview-full .product-review .spr-reviews .spr-review-header .spr-review-header-title {
    font-size: 13px;
    font-weight: 700;
    margin-top: 4px;
    margin-bottom: 12px
}

.quickview-full .product-review .spr-reviews .spr-review-header .spr-review-content {
    margin-bottom: 12px
}

.quickview-full .product-review .spr-reviews .spr-review-content {
    margin-bottom: 0 !important
}

.quickview-full .product-review .spr-reviews .spr-review-header-byline {
    position: absolute;
    font-size: .8125rem;
    font-style: inherit;
    right: 0;
    top: 21px;
    margin: 0
}

.quickview-full .product-review .spr-reviews .spr-review-header-byline strong {
    font-weight: 400 !important
}

.quickview-full .product-review .spr-reviews .spr-starratings {
    font-size: .8rem;
    margin-bottom: .6875rem
}

.quickview-full .product-review .spr-reviews .spr-review-header-title {
    font-size: .9375rem;
    font-weight: 600;
    margin-bottom: .625rem
}

.quickview-full .product-review .spr-reviews .spr-review-content-body {
    line-height: 1.6;
    font-size: .875rem;
    color: #555;
    margin-bottom: 1rem;
    font-size: 12px
}

.quickview-full .product-review .spr-reviews .spr-review-content-body br {
    height: 0;
    display: none
}

.quickview-full .product-review .spr-reviews .spr-review-reportreview {
    float: inherit;
    font-size: .75rem;
    color: #034aa2
}

.quickview-full .product-review .spr-reviews .spr-review-reportreview:hover {
    color: var(--color_primary_hover)
}

.quickview-full .product-review .spr-reviews .spr-review {
    border-top-style: none
}

.quickview-full .product-review .spr-reviews .spr-review:not(:last-child) {
    padding-bottom: 0
}

.quickview-full .product-review .spr-reviews .spr-review:not(:last-child):after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #ddd;
    margin: 30px 0 0;
    display: block
}

.quickview-full .product-review .spr-header .spr-header-title {
    display: none
}

.quickview-full .product-review .spr-header .spr-starrating {
    font-size: .9375rem;
    line-height: 3.125rem
}

.quickview-full .product-review textarea.spr-form-input,
.quickview-full .product-review input.spr-form-input {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
    padding: 0 15px;
    border: 1px solid #cacaca
}

.quickview-full .product-review textarea.spr-form-input::-webkit-input-placeholder,
.quickview-full .product-review input.spr-form-input::-webkit-input-placeholder {
    font-size: 13px
}

.quickview-full .product-review textarea.spr-form-input::-moz-placeholder,
.quickview-full .product-review input.spr-form-input::-moz-placeholder {
    font-size: 13px
}

.quickview-full .product-review textarea.spr-form-input:-ms-input-placeholder,
.quickview-full .product-review input.spr-form-input:-ms-input-placeholder {
    font-size: 13px
}

.quickview-full .product-review textarea.spr-form-input::-ms-input-placeholder,
.quickview-full .product-review input.spr-form-input::-ms-input-placeholder {
    font-size: 13px
}

.quickview-full .product-review textarea.spr-form-input:focus,
.quickview-full .product-review input.spr-form-input:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #cacaca !important
}

.quickview-full .product-review textarea.spr-form-input:focus::-webkit-input-placeholder,
.quickview-full .product-review input.spr-form-input:focus::-webkit-input-placeholder {
    color: transparent
}

.quickview-full .product-review textarea.spr-form-input:focus::-moz-placeholder,
.quickview-full .product-review input.spr-form-input:focus::-moz-placeholder {
    color: transparent
}

.quickview-full .product-review textarea.spr-form-input:focus:-ms-input-placeholder,
.quickview-full .product-review input.spr-form-input:focus:-ms-input-placeholder {
    color: transparent
}

.quickview-full .product-review textarea.spr-form-input:focus::-ms-input-placeholder,
.quickview-full .product-review input.spr-form-input:focus::-ms-input-placeholder {
    color: transparent
}

.quickview-full .product-review textarea.spr-form-input {
    padding: 15px
}

.quickview-full .product-review .spr-form input.spr-button {
    -webkit-transition: all .25s ease;
    transition: all .25s ease
}

.quickview-full .product-review .spr-form input.spr-button:hover {
    background-color: #000
}

.quickview-full .product-review .spr-form {
    border-top: 0;
    width: 700px;
    margin: 0 auto;
    max-width: 100%
}

.quickview-full .product-review .spr-pagination {
    margin-top: 60px
}

.quickview-full .product-quantity {
    margin-bottom: 15px;
    margin-top: 0 !important;
    width: 100%
}

.quickview-full .product-quantity .input-group {
    position: relative;
    width: 120px !important;
    padding-left: 40px;
    padding-right: 40px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.quickview-full .product-quantity .input-group-field {
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-align: center
}

.quickview-full .product-quantity .input-group-field:focus {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.quickview-full .product-quantity .input-group-label {
    background: transparent;
    border: 0;
    position: absolute;
    color: #777
}

.quickview-full .product-quantity .input-group-label .svg-icon {
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.quickview-full .product-quantity .input-group-label[data-minus],
.quickview-full .product-quantity .input-group-label[data-plus] {
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #999;
    position: absolute
}

.quickview-full .product-quantity .input-group-label[data-minus] {
    left: 0;
    right: auto
}

.quickview-full .product-quantity .input-group-label[data-plus] {
    right: 0;
    left: auto
}

.quickview-full .product-add-cart {
    width: 100%;
    text-transform: uppercase;
    font-weight: 600
}

.quickview-full .product-add-cart em {
    font-size: 14px;
    margin-right: 5px
}

.quickview-full .quickview-product-thumbnail-nav {
    text-align: center
}

.quickview-full .quickview-product-thumbnail-nav em {
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer
}

.quickview-full .quickview-product-thumbnail-nav em:focus,
.quickview-full .quickview-product-thumbnail-nav em:hover {
    color: var(--color_primary)
}

.quickview-full .product-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px
}

.quickview-full .product-rating .product-rating-add a {
    text-decoration: underline
}

.quickview-full .product-rating .spr-badge-caption:before {
    content: "("
}

.quickview-full .product-rating .spr-badge-caption:after {
    content: ")"
}

@media print,
screen and (min-width: 50.0625em) {
    .quickview-full .product-quick-view {
        max-width: 800px
    }
    .quickview-full .product-quick-view .product {
        padding-top: 0
    }
    .quickview-full .product-quick-view .social-sharing {
        display: none
    }
    .quickview-full .product-quick-view .product-add-cart {
        margin-bottom: 0
    }
    .quickview-full .product-quick-view-full {
        max-width: 100%;
        width: 100%;
        top: 0 !important;
        bottom: 0;
        position: fixed;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        padding: 50px 0 25px;
        overflow: inherit;
        border-style: none
    }
    .quickview-full .product-quick-view-full .quickview-product-thumbnail-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .quickview-full .product-quick-view-full.fade-in.mui-enter {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transition-duration: .15s;
        transition-duration: .15s
    }
    .quickview-full .product .quickview-sticky .product-option-list {
        margin-top: 0 !important
    }
    .quickview-full .product .quickview-sticky .product-info-container {
        padding: 20px !important;
        border: 2px solid #333333
    }
    .quickview-full .product .quickview-sticky .is-relactive {
        position: sticky;
        top: 0px;
        left: auto;
        margin-bottom: -19px;
        top: 0 !important
    }
}

@media print,
screen and (max-width: 50.06125em) {
    .quickview-full .product-quick-view {
        position: absolute;
        top: 0 !important;
        bottom: 0;
        left: 0;
        right: 0;
        height: auto;
        min-height: auto
    }
}

@media screen and (max-width: 1260px) {
    .quickview-full .quickview-info {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
    .quickview-full .quickview-sticky {
        width: 300px
    }
    .quickview-full .product-info-container {
        margin-top: 30px
    }
}

.product-detail-review .spr-header .spr-header-title {
    font-weight: 600
}

.product-detail-review .spr-header .spr-summary-actions-newreview {
    text-decoration: underline
}

.product-detail-review .spr-content .spr-form-review-rating .spr-icon {
    width: auto !important;
    height: auto !important;
    font-size: 13px
}

.product-detail-review .spr-content .spr-form-review-rating .spr-icon:focus:before,
.product-detail-review .spr-content .spr-form-review-rating .spr-icon:hover:before {
    color: #fc0
}

.product-detail-review .spr-content .spr-form-input.spr-form-input-email,
.product-detail-review .spr-content .spr-form-input.spr-form-input-textarea,
.product-detail-review .spr-content .spr-form-input.spr-form-input-text {
    font-size: 15px;
    height: 40px;
    line-height: 38px;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.product-detail-review .spr-content .spr-form-input.spr-form-input-email::-webkit-input-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-textarea::-webkit-input-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-text::-webkit-input-placeholder {
    font-size: 15px
}

.product-detail-review .spr-content .spr-form-input.spr-form-input-email::-moz-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-textarea::-moz-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-text::-moz-placeholder {
    font-size: 15px
}

.product-detail-review .spr-content .spr-form-input.spr-form-input-email:-ms-input-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-textarea:-ms-input-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-text:-ms-input-placeholder {
    font-size: 15px
}

.product-detail-review .spr-content .spr-form-input.spr-form-input-email::-ms-input-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-textarea::-ms-input-placeholder,
.product-detail-review .spr-content .spr-form-input.spr-form-input-text::-ms-input-placeholder {
    font-size: 15px
}

.product-detail-review .spr-content .spr-form-input.spr-form-input-textarea {
    padding: 15px !important;
    height: 200px
}

.product-detail-review .spr-content .spr-form-input.spr-form-input-email,
.product-detail-review .spr-content .spr-form-input.spr-form-input-text {
    padding: 0 15px !important
}

@media screen and (max-width: 800px) {
    .product-detail-review .spr-container {
        border: none;
        padding: 0
    }
}

.product-discount-button-price {
    margin-bottom: 30px;
    margin-top: 17px
}

.product-discount-button-price .product-discount-button {
    width: auto
}

.product-discount-button-price .product-discount-button .product-add-cart-bundle {
    width: 100%;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    padding: 0 25px;
    font-weight: 700
}

.product-discount-button-price .product-discount-price {
    font-size: 13px;
    font-weight: 400;
    padding-left: 11px;
    margin-left: 12px;
    border-left: 1px solid #ffff;
    padding-top: 4px;
    padding-bottom: 4px
}

.template-product .group-button-custom {
    margin-left: -5px;
    margin-right: -5px
}

.template-product .group-button-custom>.cell {
    padding-left: 5px;
    padding-right: 5px
}

.template-product .group-button-custom .product-add-cart,
.template-product .group-button-custom .product-wishlist {
    background-color: #fff;
    border: 2px solid #333
}

.template-product .group-button-custom .product-add-cart span,
.template-product .group-button-custom .product-wishlist span {
    color: #333
}

.template-product .group-button-custom .product-add-cart:hover,
.template-product .group-button-custom .product-wishlist:hover {
    background-color: #333;
    border-color: #333
}

.template-product .group-button-custom .product-add-cart:hover span,
.template-product .group-button-custom .product-wishlist:hover span {
    color: #fff
}

.template-product .product-add-cart,
.template-product .product-wishlist {
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 13px;
    height: 50px;
    height: 46px;
    -webkit-transition: all .3s;
    transition: all .3s;
    background-color: var(--color_primary);
    border: 2px solid var(--color_primary)
}

.template-product .product-add-cart span,
.template-product .product-wishlist span {
    color: #fff
}

.template-product .product-add-cart:hover,
.template-product .product-wishlist:hover {
    background-color: #333;
    border-color: #333
}

.template-product .product-add-cart:hover span,
.template-product .product-wishlist:hover span {
    color: #fff
}

.template-product .product-wishlist .icon-added,
.template-product .product-wishlist .icon-add {
    display: none
}

.template-product .product-wishlist .icon-added {
    display: block
}

.template-product .product-add-cart {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 14px
}

.template-product .product-add-cart em {
    font-size: 14px;
    margin-right: .3125rem
}

.template-product .product-add-cart-container {
    margin-top: .75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.template-product .product-quantity {
    margin: 20px 0 0;
    margin-right: .625rem
}

.template-product .product-quantity .input-group-field {
    background: transparent;
    height: 36px;
    font-size: 16px;
    padding: 0;
    text-align: center;
    border: 1px solid #dddddd;
    -webkit-box-shadow: none;
    box-shadow: none
}

.template-product .product-quantity .input-group-field:hover,
.template-product .product-quantity .input-group-field:focus {
    border-color: #dcdcdc
}

.template-product .product-quantity .input-group {
    width: 6.25rem;
    margin-bottom: 1.875rem;
    position: relative;
    background: white
}

.template-product .product-quantity .input-group-label {
    background: transparent;
    border: 0;
    padding: .3125rem .8125rem;
    position: absolute;
    color: #777
}

.template-product .product-quantity .input-group-label em {
    font-size: .75rem;
    color: #000;
    font-weight: 700
}

.template-product .product-quantity .input-group-label svg {
    width: 10px;
    height: 10px
}

.template-product .product-quantity .input-group-label:hover em {
    color: var(--color_primary)
}

.template-product .product-quantity .input-group-label.top {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.template-product .product-quantity .input-group-label.bot {
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.template-product .product-detail-description {
    line-height: 2
}

.template-product .tabs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0;
    margin-top: 80px
}

.template-product .tabs-panel {
    padding: 35px 0 0;
    margin-bottom: 0;
    font-size: 15px;
    color: #999;
    line-height: 2
}

.template-product .tabs-panel.is-active {
    display: block
}

@media screen and (min-width: 801px) {
    .template-product .tabs .tabs-title {
        border: 1px solid transparent;
        border-bottom: 0
    }
    .template-product .tabs .tabs-title>a {
        text-transform: initial;
        font-size: 15px;
        font-weight: 600;
        position: relative;
        padding: 15px 30px
    }
    .template-product .tabs .tabs-title>a:after {
        display: none !important;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        height: 2px;
        width: 100%;
        background-color: #fff;
        margin-bottom: -2px
    }
    .template-product .tabs .tabs-title:hover,
    .template-product .tabs .tabs-title.is-active {
        border-color: #0000001a
    }
    .template-product .tabs .tabs-title:hover>a,
    .template-product .tabs .tabs-title.is-active>a {
        color: var(--color_primary)
    }
    .template-product .tabs .tabs-title:hover>a:after,
    .template-product .tabs .tabs-title.is-active>a:after {
        display: block !important
    }
}

.no-js .template-product .product-detail-description,
.no-js .template-product .product-detail-review {
    display: block
}

.template-product .product-detail-description {
    overflow-y: auto
}

.no-js .template-product .product-detail-description {
    display: block
}

.template-product .product-detail-review .spr-form-label,
.template-product .product-detail-review .spr-review-content-body,
.template-product .product-detail-review .spr-review-header-title {
    font-size: inherit;
    line-height: inherit
}

.template-product .product-detail-review .spr-form-label {
    margin-bottom: .5rem
}

@media screen and (max-width: 800px) {
    .template-product .accordion {
        margin-top: 10px
    }
    .template-product .accordion .accordion-content {
        margin-top: 30px
    }
}

.template-product .layout-bottom-content {
    margin-top: 70px
}

.template-product .layout-bottom-content .layout-content {
    margin-bottom: 0 !important
}

.template-product .layout-bottom-content .layout-content .layout-content-title {
    margin-bottom: 55px
}

.template-product .layout-bottom-content .layout-content .layout-content-title h3 {
    font-size: 35px;
    color: #333;
    font-weight: 900;
    text-transform: uppercase;
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 1
}

@media screen and (min-width: 551px) {
    .template-product .layout-bottom-content .layout-content .layout-content-title h3 {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .template-product .layout-bottom-content .layout-content .layout-content-title h3 {
        font-family: var(--font_desktop_paragraph)
    }
}

.template-product .layout-bottom-content .layout-content .layout-content-content .product-item-button-cart span,
.template-product .layout-bottom-content .layout-content .layout-content-content .product-item-button-compare span {
    display: block !important
}

@media screen and (max-width: 800px) {
    .template-product .layout-bottom-content {
        margin-top: 50px
    }
    .template-product .layout-bottom-content .layout-content .layout-content-title {
        margin-bottom: 0
    }
    .template-product .layout-bottom-content .layout-content .layout-content-title h3 {
        font-size: 25px
    }
    .template-product .layout-bottom-content .layout-content .layout-content-title+.layout-content-content {
        margin-top: 20px
    }
}

.discount-text {
    margin-top: 2.5625rem;
    margin-bottom: 1.1875rem;
    font-size: .6875rem;
    color: #999;
    text-transform: uppercase
}

.discount-text2 {
    margin-bottom: 1.625rem
}

.discount-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.discount-image .product-item {
    padding-bottom: 0 !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.discount-image .product-item-thumb label {
    border: 1px solid transparent
}

.discount-image .product-item[data-product-item-first],
.discount-image .product-item-thumb label.active {
    border: 1px solid #333
}

.discount-image .product-item:hover,
.discount-image .product-item-thumb label:hover {
    cursor: pointer
}

.discount-image>.discount-image-item:first-child {
    display: none
}

.discount-image>.discount-image-item:nth-child(2) .icon-plus {
    margin-left: 0;
    display: none
}

.discount-image-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.discount-image-item .icon-plus {
    font-size: 1rem;
    margin-left: .625rem;
    margin-right: .625rem;
    font-style: normal
}

.discount-image-item .product-item {
    max-width: 4.375rem;
    margin-bottom: 0 !important
}

.discount-image-item .product-item .product-item-thumb {
    margin-bottom: 0
}

.discount-image {
    margin-bottom: 1.875rem
}

.discount-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .375rem
}

.discount-info-item .item-checkbox {
    margin-bottom: 0;
    margin-right: .9375rem;
    font-size: 1rem
}

.discount-info-item .item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.discount-info-item .item-info .product-item-title,
.discount-info-item .item-info .product-item-price {
    font-size: .75rem;
    font-weight: 700;
    text-transform: inherit;
    line-height: 1.2;
    margin-bottom: 0;
    display: inline-block;
    color: #555;
    cursor: pointer
}

.discount-info-item .item-info .product-item-price:before {
    content: "-";
    display: inline-block;
    margin-left: .3125rem
}

.discount-info-item:hover .checkmark {
    border-color: #000
}

.discount-info .discount-info-item:first-child {
    display: none
}

.product-discount-price {
    font-size: 1.25rem;
    text-transform: uppercase;
    font-weight: 700
}

.product-discount-price .product-discount-text {
    font-size: .875rem
}

@media print,
screen and (max-width: 34.43625em) {
    .discount-text {
        margin-top: 20px
    }
}

.template-login .header,
.template-register .header {
    margin-bottom: 0
}

.account-field {
    font-size: 14px !important;
    color: #333 !important;
    height: 40px;
    border: 2px solid #cccccc;
    padding: 0 20px;
    margin-bottom: 15px !important
}

.account-field,
.account-field:focus {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit
}

.account-field::-webkit-input-placeholder {
    color: #999
}

.account-field::-moz-placeholder {
    color: #999
}

.account-field::-ms-input-placeholder {
    color: #999
}

.account-field::placeholder {
    color: #999
}

.account-login {
    padding: 2.5rem 1.875rem
}

.account-login-container {
    background: #fff
}

.account-login-heading {
    margin-bottom: 2.125rem
}

.account-login-title {
    margin-bottom: 1rem;
    font-weight: 600;
    text-transform: uppercase
}

.account-login-recover {
    margin-bottom: 2.5rem;
    color: var(--color_primary)
}

.account-login-recover:hover {
    color: var(--color_primary_hover)
}

.account-login-submit {
    width: 100%;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    background: var(--color_primary)
}

.account-login-submit:hover {
    background: #000
}

.account-login-register {
    margin-top: .625rem;
    color: var(--color_primary)
}

.account-login-register:hover {
    color: var(--color_primary_hover)
}

.account-register {
    padding: 2.5rem 1.875rem
}

.account-register-container {
    background: #fff
}

.account-register-heading {
    margin-bottom: 2.125rem
}

.account-register-title {
    margin-bottom: 1rem;
    font-weight: 600;
    text-transform: uppercase
}

.account-register-submit {
    width: 100%;
    margin-top: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    background: var(--color_primary)
}

.account-register-submit:hover {
    background-color: #000
}

@media print,
screen and (max-width: 34.43625em) {
    .account-register-submit {
        margin-top: 1rem
    }
}

.account-recover {
    padding: 2.5rem 1.875rem
}

.account-recover-title {
    font-weight: 600;
    text-transform: uppercase
}

.account-recover-subtitle {
    margin-bottom: 3rem
}

.account-recover-submit {
    width: 100%;
    margin-top: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    background: var(--color_primary)
}

.account-recover-submit:hover {
    background-color: #000
}

@media print,
screen and (max-width: 34.43625em) {
    .account-recover-submit {
        margin-top: 1rem
    }
}

.account-logged-title {
    margin-bottom: 2.375rem;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase
}

.account-logged-category li+li {
    margin-top: 1rem
}

@media print,
screen and (min-width: 50.0625em) {
    .account-login,
    .account-recover,
    .account-register,
    .account-reset {
        background: initial;
        padding: 0
    }
    .account-login-form,
    .account-recover-form,
    .account-register-form,
    .account-reset-form {
        max-width: 35rem;
        margin: 3rem auto
    }
    .account-register {
        margin-left: .9375rem
    }
}

.search-product-item,
.search-article-item {
    margin-bottom: 1.25rem
}

@media print,
screen and (max-width: 34.43625em) {
    .search-product-item,
    .search-article-item {
        margin-bottom: 10px
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .search-product-item,
    .search-article-item {
        margin-bottom: 10px
    }
}

.search-pagination {
    margin-top: .625rem;
    margin-bottom: 2.25rem;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    padding: 1.5rem 0;
    font-weight: 300
}

.search-form .input-group {
    border-bottom: 2px solid var(--color_primary)
}

.search-form .input-group-field {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 300
}

.search-form .input-group-button .button {
    color: #909090;
    padding-right: 0
}

.search-form .button-cancel {
    color: #a9a9aa
}

.search-form .button-submit {
    color: #333;
    padding-right: 0
}

@media print,
screen and (min-width: 50.0625em) {
    .search-form {
        padding: 4rem 0 0;
        margin-bottom: 4.5rem
    }
    .search-form .input-group {
        border-bottom: 2px solid black
    }
    .search-form .input-group-field {
        height: 4rem;
        font-size: 1.875rem
    }
    .search-form .input-group-button .button em {
        font-size: 1.875rem
    }
    .search-pagination {
        margin-top: 2.5rem
    }
}

.template-cart {
    background: white
}

.template-cart .cart-product-quantity {
    margin: .5rem 0
}

.template-cart .cart-product-quantity .input-group {
    width: 100px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.template-cart .cart-product-quantity .input-group-label {
    background: transparent;
    color: #777;
    border: 0;
    height: 40px;
    width: 30px
}

@media print,
screen and (max-width: 34.43625em) {
    .template-cart .cart-product-quantity .input-group-label {
        border-style: none
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-cart .cart-product-quantity .input-group-label {
        border-style: none
    }
}

.template-cart .cart-product-quantity .input-group-label em {
    font-size: .9375rem
}

.template-cart .cart-product-quantity .input-group-label svg {
    width: 10px;
    height: 10px
}

.template-cart .cart-product-quantity .input-group-field {
    background: transparent;
    height: 40px;
    line-height: 40px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color_desktop_page_paragraph)
}

.template-cart .button {
    height: 40px;
    line-height: 40px;
    width: 165px;
    border: 1px solid var(--color_primary);
    background-color: var(--color_primary);
    color: #000;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 10px;
    margin-top: 40px;
    font-weight: 600
}

.template-cart .button:hover {
    background-color: #a3a79e;
    border-color: #a3a79e
}

@media screen and (max-width: 800px) {
    .template-cart .index-brand .index-brand-grid-container.box {
        padding-top: 50px
    }
}

@media screen and (max-width: 550px) {
    .template-cart .index-brand .index-brand-grid-container.box {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

.template-cart .page-content {
    margin-bottom: 90px
}

@media screen and (max-width: 800px) {
    .template-cart .page-content {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 550px) {
    .template-cart .page-content {
        margin-bottom: 30px
    }
}

.template-cart .cart-total-item,
.template-cart .cart-product-price,
.template-cart .cart-product-quantity,
.template-cart .cart-product-subtotal,
.template-cart .cart-product-remove {
    border-style: none
}

.template-cart .cart-product-price .hide-for-large,
.template-cart .cart-product-quantity .hide-for-large {
    display: none !important
}

.template-cart .order-summary-toggle__text {
    color: var(--color_primary_hover) !important
}

.template-cart .order-summary-toggle__icon {
    fill: var(--color_primary_hover)
}

.template-cart .quantity-price-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.template-cart .cart {
    background-color: #fff
}

.template-cart .cart-thead {
    background-color: #f7f6f2
}

.template-cart .cart-thead .cart-product-info>div {
    text-transform: uppercase;
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.template-cart .cart-table {
    margin: 0 auto;
    margin-top: 1rem;
    background-color: #fff
}

.template-cart .cart-table>.grid-x {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.template-cart .cart-tbody {
    margin: 0;
    margin-bottom: 2rem
}

.template-cart .cart .cart-tr {
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.template-cart .cart .cart-tr+.template-cart .cart .cart-tr {
    padding: 1rem 0;
    border-style: none;
    margin: 25px 0 0
}

.template-cart .cart .cart-tr .cart-product-title a {
    font-size: 18px;
    display: inline-block;
    font-weight: 600;
    color: var(--color_desktop_page_paragraph)
}

.template-cart .cart-product-title {
    padding: 15px !important
}

.template-cart .cart-product-image {
    width: 150px;
    padding-right: 20px
}

.template-cart .cart-product-image a {
    display: inline-block;
    border: 1px solid #f1ede0
}

.template-cart .cart-product-option-item {
    font-size: 13px;
    margin: 10px 0
}

.template-cart .cart-product-option-item span {
    font-weight: 400
}

.template-cart .cart-product-subtotal {
    color: #333;
    font-weight: 600;
    margin-bottom: .625rem
}

@media print,
screen and (max-width: 34.43625em) {
    .template-cart .cart-product-subtotal {
        position: absolute;
        right: 0;
        top: 49px
    }
    .template-cart .cart-product-subtotal .hide-for-large {
        display: none
    }
}

.template-cart .cart-product-remove {
    width: 5.3125rem
}

.template-cart .cart-product-remove a {
    color: #777
}

.template-cart .cart-product-remove a em {
    font-size: 18px
}

.template-cart .cart-product-remove a:hover {
    color: var(--color_primary)
}

@media screen and (min-width: 801px) {
    .template-cart .cart-product-info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 801px) {
    .template-cart .cart-product-title {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }
}

.template-cart .cart-product-price,
.template-cart .cart-product-quantity,
.template-cart .cart-product-subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 18.75%;
    margin: 0;
    font-size: 18px;
    color: #999
}

.template-cart .cart-total {
    border: 0;
    border-radius: 0;
    text-align: initial;
    margin-bottom: .375rem;
    border: 1px solid #dcdcdc;
    text-align: center
}

.template-cart .cart-total-item {
    padding: .3125rem 0
}

.template-cart .cart-total-item:nth-of-type(odd) {
    background: none
}

.template-cart .cart-total-title,
.template-cart .cart-total-value {
    text-align: initial;
    padding: 0;
    font-weight: 700
}

.template-cart .cart-total-item {
    font-size: 13px;
    padding: 1.5rem .625rem
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-cart .cart-total-item {
        padding: 15px
    }
}

.template-cart .cart-total-item:nth-of-type(odd) {
    background: #f6f7f8
}

.template-cart .cart-total-item label {
    font-size: 13px;
    font-weight: 700;
    color: #333;
    line-height: inherit;
    margin-bottom: .4375rem
}

@media print,
screen and (max-width: 34.43625em) {
    .template-cart .cart-total-item label {
        margin-bottom: 15px
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-cart .cart-total-item label {
        margin-bottom: 15px
    }
}

.template-cart .cart-total-item textarea {
    height: 100px;
    width: 380px;
    font-size: 13px;
    color: var(--color_desktop_page_paragraph);
    border: 1px solid rgba(0, 0, 0, .1)
}

@media print,
screen and (max-width: 34.43625em) {
    .template-cart .cart-total-item textarea {
        width: 100%
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-cart .cart-total-item textarea {
        width: 100%
    }
}

.template-cart .cart-total-item textarea::-webkit-input-placeholder {
    color: var(--color_desktop_page_paragraph);
    font-size: 13px
}

.template-cart .cart-total-item textarea::-moz-placeholder {
    color: var(--color_desktop_page_paragraph);
    font-size: 13px
}

.template-cart .cart-total-item textarea:-ms-input-placeholder {
    color: var(--color_desktop_page_paragraph);
    font-size: 13px
}

.template-cart .cart-total-item textarea::-ms-input-placeholder {
    color: var(--color_desktop_page_paragraph);
    font-size: 13px
}

.template-cart .cart-total-item:first-child {
    padding-top: 0
}

.template-cart .cart-total-value {
    padding: 0 .625rem;
    font-size: 16px;
    text-align: left
}

@media print,
screen and (max-width: 34.43625em) {
    .template-cart .cart-total-value {
        font-size: 13px;
        color: #333;
        font-weight: 700
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-cart .cart-total-value {
        font-size: 13px;
        color: #333;
        font-weight: 700
    }
}

.template-cart .cart-total-shipping {
    font-size: 13px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    font-style: italic;
    color: #999;
    padding-bottom: 0 !important;
    margin-bottom: 2px;
    text-align: right
}

@media print,
screen and (max-width: 34.43625em) {
    .template-cart .cart-total-shipping {
        text-align: center
    }
}

@media print,
screen and (min-width: 34.4375em) and (max-width: 50.06125em) {
    .template-cart .cart-total-shipping {
        text-align: center
    }
}

.template-cart .cart-empty {
    margin-top: 1.25rem
}

.template-cart .cart-empty .button.primary {
    margin: 30px auto
}

.template-cart .cart .cart-footer {
    padding-top: 90px;
    margin-bottom: 90px
}

.template-cart .cart .cart-footer .cart-total-title {
    font-size: 22px;
    color: #333;
    padding: 0;
    text-transform: uppercase;
    margin-bottom: 19px;
    text-align: left
}

.template-cart .cart .cart-footer .cart-total-item {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.template-cart .cart .cart-footer .cart-total-discount,
.template-cart .cart .cart-footer .cart-total-subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: transparent !important;
    padding: 17px 0
}

.template-cart .cart .cart-footer .cart-total-discount .cart-total-title,
.template-cart .cart .cart-footer .cart-total-subtotal .cart-total-title {
    text-transform: capitalize;
    padding: 0;
    font-size: 20px;
    min-width: 110px;
    margin-bottom: 0
}

.template-cart .cart .cart-footer .cart-total-discount .cart-total-value,
.template-cart .cart .cart-footer .cart-total-subtotal .cart-total-value {
    font-size: 18px;
    padding: 0 80px;
    font-weight: 500
}

.template-cart .cart .cart-footer .cart-total-subtotal .cart-total-value {
    color: #666
}

.template-cart .cart .cart-footer .cart-total-discount .cart-total-value {
    color: var(--color_primary)
}

.template-cart .cart .cart-footer .cart-total-checkout .button {
    margin-bottom: 0
}

.template-cart .cart .cart-tfoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.template-cart .cart .cart-tfoot-container {
    width: 100%
}

.template-cart .cart .cart-tfoot .cart-tfoot-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.template-cart .cart .cart-tfoot .cart-tfoot-content .cart-tfoot-note {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%
}

.template-cart .cart .cart-tfoot .cart-tfoot-content .cart-tfoot-note label {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
    display: none
}

.template-cart .cart .cart-tfoot .cart-tfoot-content .cart-tfoot-note .textarea-button-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.template-cart .cart .cart-tfoot .cart-tfoot-content .cart-tfoot-note .textarea-button-cart textarea {
    min-height: 120px;
    line-height: 2em;
    padding: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-transition: all .9s;
    transition: all .9s
}

.template-cart .cart .cart-tfoot .cart-tfoot-content .cart-tfoot-note .textarea-button-cart textarea:focus {
    border-color: var(--color_primary)
}

.template-cart .cart .cart-tfoot .cart-tfoot-content .cart-buttons {
    width: 530px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.template-cart .cart .cart-tfoot .cart-tfoot-content .cart-buttons .button {
    margin-top: 0;
    margin-left: 10px
}

@media screen and (max-width: 800px) {
    .template-cart .cart-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 30px
    }
    .template-cart .cart-buttons .button {
        width: 48%;
        margin-top: 10px
    }
    .template-cart .cart-product-title {
        padding-left: 0 !important;
        padding-right: 30px !important
    }
    .template-cart .cart-product-info {
        width: 100%;
        position: relative
    }
    .template-cart .cart-product-price {
        display: none
    }
    .template-cart .cart-product-subtotal {
        position: static;
        height: 40px;
        line-height: 40px;
        width: auto;
        margin-top: 15px
    }
    .template-cart .cart-product-remove {
        position: absolute;
        top: 18px;
        right: 0;
        text-align: right;
        line-height: 30px;
        height: 20px
    }
    .template-cart .cart-product-remove a {
        display: inline-block !important
    }
    .template-cart .cart-product-quantity {
        min-width: 100px
    }
    .template-cart .cart-product-quantity .input-group {
        width: 100%
    }
    .template-cart .cart {
        overflow: hidden
    }
    .template-cart .cart .cart-tfoot .cart-tfoot-content .cart-tfoot-note {
        max-width: 100%
    }
    .template-cart .cart .cart-tfoot .cart-tfoot-content .cart-tfoot-note label {
        display: block
    }
    .template-cart .cart-footer {
        padding-top: 50px !important;
        margin-bottom: 50px !important
    }
}

@media screen and (max-width: 550px) {
    .template-cart .cart-footer {
        padding-top: 30px !important;
        margin-bottom: 30px !important
    }
}

.compare tbody {
    border-color: #dcdcdc
}

.compare td {
    vertical-align: top
}

.compare td:first-child {
    max-width: 9rem
}

.compare td:not(:first-child) {
    min-width: 15rem
}

.compare td+td {
    border-left: 1px solid #dcdcdc
}

.compare .product-item-button-cart {
    color: #fff;
    background: black;
    line-height: 2.1875rem;
    display: block;
    text-align: center;
    padding: 0 1.25rem;
    font-size: .875rem;
    margin-top: .625rem;
    margin-bottom: .625rem
}

.compare .product-item-button-cart em {
    font-size: .9375rem
}

.compare .product-item-button-cart:hover {
    background: var(--color_primary);
    color: #fff
}

.wishlist .page-heading {
    display: none
}

.wishlist-item {
    margin-bottom: 1.25rem
}

.wishlist-remove {
    font-size: .8125rem
}

.wishlist-remove:hover {
    color: var(--color_primary)
}

@media print,
screen and (min-width: 50.0625em) {
    .wishlist-item {
        text-align: initial
    }
    .wishlist-remove {
        font-size: inherit
    }
}

.suffix-contact-v2 .grid-container,
.suffix-contact-v1 .grid-container {
    max-width: 1200px !important
}

.suffix-contact-v2 .box-divider,
.suffix-contact-v1 .box-divider {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.suffix-contact-v2 .box-divider .box-title,
.suffix-contact-v1 .box-divider .box-title {
    font-size: 36px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
    display: inline-block
}

@media screen and (min-width: 551px) {
    .suffix-contact-v2 .box-divider .box-title,
    .suffix-contact-v1 .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .suffix-contact-v2 .box-divider .box-title,
    .suffix-contact-v1 .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

.suffix-contact-v2 .box-divider .box-sub-title,
.suffix-contact-v1 .box-divider .box-sub-title {
    text-align: center;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    font-size: 16px;
    margin-top: 15px
}

@media screen and (max-width: 1260px) {
    .suffix-contact-v2 .box-divider .box-title,
    .suffix-contact-v1 .box-divider .box-title {
        font-size: 28px
    }
    .suffix-contact-v2 .box-divider .box-sub-title,
    .suffix-contact-v1 .box-divider .box-sub-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media screen and (max-width: 800px) {
    .suffix-contact-v2 .box-divider,
    .suffix-contact-v1 .box-divider {
        margin-bottom: 5px
    }
    .suffix-contact-v2 .box-divider .box-title,
    .suffix-contact-v1 .box-divider .box-title {
        font-size: 25px
    }
    .suffix-contact-v2 .box-divider .box-sub-title,
    .suffix-contact-v1 .box-divider .box-sub-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media screen and (max-width: 550px) {
    .suffix-contact-v2 .box-divider .box-title,
    .suffix-contact-v1 .box-divider .box-title {
        font-size: 20px
    }
    .suffix-contact-v2 .box-divider .box-sub-title,
    .suffix-contact-v1 .box-divider .box-sub-title {
        padding-left: 15px;
        padding-right: 15px
    }
    .suffix-contact-v2 .box-divider .action,
    .suffix-contact-v1 .box-divider .action {
        font-size: 14px
    }
}

.suffix-contact-v2 .page-content,
.suffix-contact-v1 .page-content {
    margin: 100px auto
}

@media screen and (max-width: 800px) {
    .suffix-contact-v2 .page-content,
    .suffix-contact-v1 .page-content {
        margin-bottom: 50px;
        margin-top: 50px
    }
}

.suffix-contact-v2 .errors ul,
.suffix-contact-v1 .errors ul {
    margin-bottom: 0
}

.suffix-contact-v2 .section-form .box-divider,
.suffix-contact-v1 .section-form .box-divider {
    margin-bottom: 75px
}

.suffix-contact-v2 .section-form .form-content,
.suffix-contact-v1 .section-form .form-content {
    margin-bottom: 100px
}

.suffix-contact-v2 .section-form .form-content .contact-form .grid-margin-x,
.suffix-contact-v1 .section-form .form-content .contact-form .grid-margin-x {
    margin-left: -15px;
    margin-right: -15px
}

.suffix-contact-v2 .section-form .form-content .contact-form .grid-margin-x>.cell,
.suffix-contact-v1 .section-form .form-content .contact-form .grid-margin-x>.cell {
    margin-left: 15px;
    margin-right: 15px
}

.suffix-contact-v2 .section-form .form-content .contact-form .grid-margin-x>.large-6,
.suffix-contact-v1 .section-form .form-content .contact-form .grid-margin-x>.large-6 {
    width: calc(50% - 30px)
}

@media print,
screen and (max-width: 34.43625em) {
    .suffix-contact-v2 .section-form .form-content .contact-form .grid-margin-x>.large-6,
    .suffix-contact-v1 .section-form .form-content .contact-form .grid-margin-x>.large-6 {
        width: calc(100% - 30px)
    }
}

.suffix-contact-v2 .section-form .form-content .contact-form .grid-margin-x>.large-12,
.suffix-contact-v1 .section-form .form-content .contact-form .grid-margin-x>.large-12 {
    width: calc(100% - 30px)
}

.suffix-contact-v2 .section-form .form-content .form-group-label,
.suffix-contact-v1 .section-form .form-content .form-group-label {
    display: none
}

.suffix-contact-v2 .section-form .form-content textarea.form-group-field,
.suffix-contact-v2 .section-form .form-content input.form-group-field,
.suffix-contact-v1 .section-form .form-content textarea.form-group-field,
.suffix-contact-v1 .section-form .form-content input.form-group-field {
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    color: #999;
    margin-bottom: 30px
}

.suffix-contact-v2 .section-form .form-content textarea.form-group-field::-webkit-input-placeholder,
.suffix-contact-v2 .section-form .form-content input.form-group-field::-webkit-input-placeholder,
.suffix-contact-v1 .section-form .form-content textarea.form-group-field::-webkit-input-placeholder,
.suffix-contact-v1 .section-form .form-content input.form-group-field::-webkit-input-placeholder {
    color: #999;
    font-size: 15px
}

.suffix-contact-v2 .section-form .form-content textarea.form-group-field::-moz-placeholder,
.suffix-contact-v2 .section-form .form-content input.form-group-field::-moz-placeholder,
.suffix-contact-v1 .section-form .form-content textarea.form-group-field::-moz-placeholder,
.suffix-contact-v1 .section-form .form-content input.form-group-field::-moz-placeholder {
    color: #999;
    font-size: 15px
}

.suffix-contact-v2 .section-form .form-content textarea.form-group-field:-ms-input-placeholder,
.suffix-contact-v2 .section-form .form-content input.form-group-field:-ms-input-placeholder,
.suffix-contact-v1 .section-form .form-content textarea.form-group-field:-ms-input-placeholder,
.suffix-contact-v1 .section-form .form-content input.form-group-field:-ms-input-placeholder {
    color: #999;
    font-size: 15px
}

.suffix-contact-v2 .section-form .form-content textarea.form-group-field::-ms-input-placeholder,
.suffix-contact-v2 .section-form .form-content input.form-group-field::-ms-input-placeholder,
.suffix-contact-v1 .section-form .form-content textarea.form-group-field::-ms-input-placeholder,
.suffix-contact-v1 .section-form .form-content input.form-group-field::-ms-input-placeholder {
    color: #999;
    font-size: 15px
}

.suffix-contact-v2 .section-form .form-content textarea.form-group-field:focus,
.suffix-contact-v2 .section-form .form-content input.form-group-field:focus,
.suffix-contact-v1 .section-form .form-content textarea.form-group-field:focus,
.suffix-contact-v1 .section-form .form-content input.form-group-field:focus {
    border-color: var(--color_primary);
    -webkit-box-shadow: none;
    box-shadow: none
}

.suffix-contact-v2 .section-form .form-content input.form-group-field,
.suffix-contact-v1 .section-form .form-content input.form-group-field {
    padding: 0 20px;
    height: 60px
}

.suffix-contact-v2 .section-form .form-content textarea.form-group-field,
.suffix-contact-v1 .section-form .form-content textarea.form-group-field {
    height: 280px;
    padding: 20px
}

.suffix-contact-v2 .section-form .form-content .form-button,
.suffix-contact-v1 .section-form .form-content .form-button {
    text-transform: uppercase;
    background: var(--color_primary);
    font-weight: 400;
    padding: 0 30px;
    margin: 40px auto 0;
    display: block;
    height: 40px;
    line-height: 40px;
    border: none
}

.suffix-contact-v2 .section-form .form-content .form-button:hover,
.suffix-contact-v1 .section-form .form-content .form-button:hover {
    background: gray
}

@media screen and (max-width: 800px) {
    .suffix-contact-v2 .section-form .form-content,
    .suffix-contact-v1 .section-form .form-content {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 550px) {
    .suffix-contact-v2 .section-form .form-content .form-button,
    .suffix-contact-v1 .section-form .form-content .form-button {
        margin: 0 auto
    }
    .suffix-contact-v2 .section-form .form-content input.form-group-field,
    .suffix-contact-v1 .section-form .form-content input.form-group-field {
        height: 40px
    }
    .suffix-contact-v2 .section-form .form-content textarea.form-group-field,
    .suffix-contact-v1 .section-form .form-content textarea.form-group-field {
        height: 100px
    }
}

.suffix-contact-v2 .section-map,
.suffix-contact-v1 .section-map {
    margin-bottom: 100px
}

.suffix-contact-v2 .section-map iframe,
.suffix-contact-v1 .section-map iframe {
    border: 0;
    width: 100%;
    height: 700px
}

@media screen and (max-width: 1260px) {
    .suffix-contact-v2 .section-map iframe,
    .suffix-contact-v1 .section-map iframe {
        height: 400px
    }
}

@media screen and (max-width: 800px) {
    .suffix-contact-v2 .section-map,
    .suffix-contact-v1 .section-map {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 550px) {
    .suffix-contact-v2 .section-map iframe,
    .suffix-contact-v1 .section-map iframe {
        height: 200px
    }
}

.suffix-contact-v2 .section-info .info-content,
.suffix-contact-v1 .section-info .info-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.suffix-contact-v2 .section-info .contact-info-fax,
.suffix-contact-v2 .section-info .contact-info-address,
.suffix-contact-v2 .section-info .contact-info-phone,
.suffix-contact-v2 .section-info .contact-info-email,
.suffix-contact-v1 .section-info .contact-info-fax,
.suffix-contact-v1 .section-info .contact-info-address,
.suffix-contact-v1 .section-info .contact-info-phone,
.suffix-contact-v1 .section-info .contact-info-email {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 25%;
    padding: 0 15px
}

.suffix-contact-v2 .section-info .contact-info-fax .icon,
.suffix-contact-v2 .section-info .contact-info-address .icon,
.suffix-contact-v2 .section-info .contact-info-phone .icon,
.suffix-contact-v2 .section-info .contact-info-email .icon,
.suffix-contact-v1 .section-info .contact-info-fax .icon,
.suffix-contact-v1 .section-info .contact-info-address .icon,
.suffix-contact-v1 .section-info .contact-info-phone .icon,
.suffix-contact-v1 .section-info .contact-info-email .icon {
    display: block;
    width: auto;
    height: auto;
    margin-bottom: 20px
}

.suffix-contact-v2 .section-info .contact-info-fax .icon em,
.suffix-contact-v2 .section-info .contact-info-address .icon em,
.suffix-contact-v2 .section-info .contact-info-phone .icon em,
.suffix-contact-v2 .section-info .contact-info-email .icon em,
.suffix-contact-v1 .section-info .contact-info-fax .icon em,
.suffix-contact-v1 .section-info .contact-info-address .icon em,
.suffix-contact-v1 .section-info .contact-info-phone .icon em,
.suffix-contact-v1 .section-info .contact-info-email .icon em {
    font-size: 35px;
    color: var(--color_primary)
}

.suffix-contact-v2 .section-info .contact-info-fax .content,
.suffix-contact-v2 .section-info .contact-info-address .content,
.suffix-contact-v2 .section-info .contact-info-phone .content,
.suffix-contact-v2 .section-info .contact-info-email .content,
.suffix-contact-v1 .section-info .contact-info-fax .content,
.suffix-contact-v1 .section-info .contact-info-address .content,
.suffix-contact-v1 .section-info .contact-info-phone .content,
.suffix-contact-v1 .section-info .contact-info-email .content {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 551px) {
    .suffix-contact-v2 .section-info .contact-info-fax .content,
    .suffix-contact-v2 .section-info .contact-info-address .content,
    .suffix-contact-v2 .section-info .contact-info-phone .content,
    .suffix-contact-v2 .section-info .contact-info-email .content,
    .suffix-contact-v1 .section-info .contact-info-fax .content,
    .suffix-contact-v1 .section-info .contact-info-address .content,
    .suffix-contact-v1 .section-info .contact-info-phone .content,
    .suffix-contact-v1 .section-info .contact-info-email .content {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .suffix-contact-v2 .section-info .contact-info-fax .content,
    .suffix-contact-v2 .section-info .contact-info-address .content,
    .suffix-contact-v2 .section-info .contact-info-phone .content,
    .suffix-contact-v2 .section-info .contact-info-email .content,
    .suffix-contact-v1 .section-info .contact-info-fax .content,
    .suffix-contact-v1 .section-info .contact-info-address .content,
    .suffix-contact-v1 .section-info .contact-info-phone .content,
    .suffix-contact-v1 .section-info .contact-info-email .content {
        font-family: var(--font_desktop_paragraph)
    }
}

.suffix-contact-v2 .section-info .contact-info-fax .content strong,
.suffix-contact-v2 .section-info .contact-info-address .content strong,
.suffix-contact-v2 .section-info .contact-info-phone .content strong,
.suffix-contact-v2 .section-info .contact-info-email .content strong,
.suffix-contact-v1 .section-info .contact-info-fax .content strong,
.suffix-contact-v1 .section-info .contact-info-address .content strong,
.suffix-contact-v1 .section-info .contact-info-phone .content strong,
.suffix-contact-v1 .section-info .contact-info-email .content strong {
    font-size: 18px;
    text-transform: uppercase;
    color: #333;
    margin-bottom: 7px
}

.suffix-contact-v2 .section-info .contact-info-fax .content span,
.suffix-contact-v2 .section-info .contact-info-address .content span,
.suffix-contact-v2 .section-info .contact-info-phone .content span,
.suffix-contact-v2 .section-info .contact-info-email .content span,
.suffix-contact-v1 .section-info .contact-info-fax .content span,
.suffix-contact-v1 .section-info .contact-info-address .content span,
.suffix-contact-v1 .section-info .contact-info-phone .content span,
.suffix-contact-v1 .section-info .contact-info-email .content span {
    font-size: 15px;
    color: #666;
    line-height: 1.7em
}

@media screen and (max-width: 1260px) {
    .suffix-contact-v2 .section-info,
    .suffix-contact-v1 .section-info {
        margin-bottom: -30px
    }
    .suffix-contact-v2 .section-info .contact-info-fax,
    .suffix-contact-v2 .section-info .contact-info-address,
    .suffix-contact-v2 .section-info .contact-info-phone,
    .suffix-contact-v2 .section-info .contact-info-email,
    .suffix-contact-v1 .section-info .contact-info-fax,
    .suffix-contact-v1 .section-info .contact-info-address,
    .suffix-contact-v1 .section-info .contact-info-phone,
    .suffix-contact-v1 .section-info .contact-info-email {
        width: 50%;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 550px) {
    .suffix-contact-v2 .section-info .contact-info-fax,
    .suffix-contact-v2 .section-info .contact-info-address,
    .suffix-contact-v2 .section-info .contact-info-phone,
    .suffix-contact-v2 .section-info .contact-info-email,
    .suffix-contact-v1 .section-info .contact-info-fax,
    .suffix-contact-v1 .section-info .contact-info-address,
    .suffix-contact-v1 .section-info .contact-info-phone,
    .suffix-contact-v1 .section-info .contact-info-email {
        width: 100%
    }
}

.suffix-contact-v2 .section-content,
.suffix-contact-v1 .section-content {
    overflow: hidden
}

.suffix-contact-v2 .section-form .box-divider {
    margin-bottom: 45px
}

.suffix-contact-v2 .section-form .box-divider .box-sub-title {
    display: inline-block
}

.suffix-contact-v2 .section-form .box-divider .box-title {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.suffix-contact-v2 .section-form .section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.suffix-contact-v2 .section-form .section-content .form-banner {
    margin-bottom: 100px
}

@media screen and (min-width: 1261px) {
    .suffix-contact-v2 .section-form .section-content .form-banner {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.suffix-contact-v2 .section-form .section-content .form-contact {
    width: 670px;
    padding-left: 70px
}

.suffix-contact-v2 .section-form .section-content .form-content input.form-group-field {
    height: 47px;
    line-height: 45px
}

.suffix-contact-v2 .section-form .section-content .form-content textarea.form-group-field,
.suffix-contact-v2 .section-form .section-content .form-content input.form-group-field {
    margin-bottom: 20px
}

.suffix-contact-v2 .section-form .section-content .form-content .form-button {
    margin: 30px 0 0
}

@media screen and (max-width: 1260px) {
    .suffix-contact-v2 .section-form .section-content .form-banner,
    .suffix-contact-v2 .section-form .section-content .form-contact {
        padding-left: 15px;
        padding-right: 15px;
        width: 50%
    }
    .suffix-contact-v2 .section-form .form-content textarea.form-group-field {
        height: 110px
    }
}

@media screen and (max-width: 800px) {
    .suffix-contact-v2 .section-form .section-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .suffix-contact-v2 .section-form .section-content .form-banner,
    .suffix-contact-v2 .section-form .section-content .form-contact {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
    .suffix-contact-v2 .section-form .section-content .form-banner {
        text-align: center;
        margin-bottom: 50px
    }
    .suffix-contact-v2 .section-form .box-divider {
        text-align: center
    }
    .suffix-contact-v2 .section-form .box-divider .box-title {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.suffix-contact-v2 .section-map .section-content {
    position: relative
}

.suffix-contact-v2 .section-map .section-content .grid-container {
    height: 100%
}

.suffix-contact-v2 .section-map iframe {
    height: 515px;
    display: block
}

.suffix-contact-v2 .section-map .map-info {
    position: absolute;
    top: 0%;
    bottom: 0;
    right: 0;
    left: 0
}

.suffix-contact-v2 .section-map .map-info .map-info-group {
    background-color: var(--color_primary);
    height: 100%;
    width: 470px;
    padding: 40px;
    float: right;
    max-width: 100%
}

.suffix-contact-v2 .section-map .map-info .map-info-group * {
    color: #fff
}

.suffix-contact-v2 .section-map .map-info .map-info-group .info-title .title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 11px
}

.suffix-contact-v2 .section-map .map-info .map-info-group .info-title .caption {
    font-size: 15px;
    line-height: 1.6em;
    margin-bottom: 45px
}

.suffix-contact-v2 .section-map .section-info .contact-info-fax,
.suffix-contact-v2 .section-map .section-info .contact-info-address,
.suffix-contact-v2 .section-map .section-info .contact-info-phone,
.suffix-contact-v2 .section-map .section-info .contact-info-email {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 0;
    margin-bottom: 20px
}

.suffix-contact-v2 .section-map .section-info .contact-info-fax .icon,
.suffix-contact-v2 .section-map .section-info .contact-info-address .icon,
.suffix-contact-v2 .section-map .section-info .contact-info-phone .icon,
.suffix-contact-v2 .section-map .section-info .contact-info-email .icon {
    background-color: #fff;
    width: 50px;
    height: 50px;
    position: relative;
    margin-bottom: 0
}

.suffix-contact-v2 .section-map .section-info .contact-info-fax .icon em,
.suffix-contact-v2 .section-map .section-info .contact-info-address .icon em,
.suffix-contact-v2 .section-map .section-info .contact-info-phone .icon em,
.suffix-contact-v2 .section-map .section-info .contact-info-email .icon em {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: var(--color_primary);
    font-size: 25px
}

.suffix-contact-v2 .section-map .section-info .contact-info-fax .content,
.suffix-contact-v2 .section-map .section-info .contact-info-address .content,
.suffix-contact-v2 .section-map .section-info .contact-info-phone .content,
.suffix-contact-v2 .section-map .section-info .contact-info-email .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 300;
    font-size: 15px;
    text-align: left;
    padding-left: 20px
}

.suffix-contact-v2 .section-map .section-info .contact-info-fax .content span,
.suffix-contact-v2 .section-map .section-info .contact-info-address .content span,
.suffix-contact-v2 .section-map .section-info .contact-info-phone .content span,
.suffix-contact-v2 .section-map .section-info .contact-info-email .content span {
    line-height: 1.6em;
    color: #fff
}

@media screen and (max-width: 1260px) {
    .suffix-contact-v2 .section-map .map-info {
        position: static
    }
    .suffix-contact-v2 .section-map .map-info .map-info-group {
        float: none;
        margin: 30px auto 0
    }
}

@media screen and (max-width: 800px) {
    .suffix-contact-v2 .section-map .map-info .map-info-group {
        padding: 30px 15px 50px
    }
}

.blog-pagination {
    font-size: 13px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 70px;
    padding-top: 8px
}

.template-blog .article-item .article-item-top {
    position: relative
}

.template-blog .article-item .article-item-top .article-item-date {
    position: absolute;
    top: 20px;
    left: 20px
}

.template-blog .article-item .article-item-caption {
    padding-left: 0;
    padding-top: 32px
}

.template-blog .article-item .article-item-title {
    font-size: 24px;
    margin-bottom: 15px
}

.template-blog .article-item .article-item-content {
    font-size: 15px;
    line-height: 1.6em
}

.template-blog .article-item .article-item-info {
    padding-top: 22px
}

.template-blog .article-item .article-item-info .article-item-author {
    font-weight: 600;
    padding-right: 20px
}

.template-blog .blog .article-grid:first-child .article-item .article-item-title a {
    color: var(--color_primary)
}

.template-blog .blog .article-grid:first-child .article-item .article-item-title a:hover {
    text-decoration: underline
}

.template-blog .blog .article-grid:first-child .article-item .read-more {
    -webkit-transition: all .9s;
    transition: all .9s;
    color: var(--color_primary) !important
}

.template-blog .blog .article-grid:first-child .article-item .read-more:before {
    -webkit-transition: all .9s;
    transition: all .9s;
    background-color: var(--color_primary) !important
}

.template-blog .blog .article-grid:first-child .article-item .read-more:hover {
    color: #999 !important
}

.template-blog .blog .article-grid:first-child .article-item .read-more:hover:before {
    background-color: #999 !important
}

.template-blog .blog .article-grid:not(:last-child) {
    margin-bottom: 65px
}

.template-blog .blog .article-grid+.article-grid {
    padding-top: 0;
    margin-top: 0;
    border-top: 0
}

.template-blog .blog .article-grid+.article-grid .article-item .article-item-date {
    min-width: 60px;
    top: 15px;
    left: 15px
}

.template-blog .blog .article-grid+.article-grid .article-item .article-item-date .day {
    font-size: 26px
}

.template-blog .blog .article-grid+.article-grid .article-item .article-item-date .month {
    font-size: 12px;
    font-weight: 300
}

.template-blog .blog .article-grid+.article-grid .article-item .item-author-comments {
    font-size: 12px;
    width: 100%;
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.template-blog .blog .list-article-grid .article-item .article-item-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 800px) {
    .template-blog .blog .article-grid .article-item .article-item-date {
        min-width: 60px;
        top: 15px;
        left: 15px
    }
    .template-blog .blog .article-grid .article-item .article-item-date .day {
        font-size: 26px
    }
    .template-blog .blog .article-grid .article-item .article-item-date .month {
        font-size: 12px;
        font-weight: 300
    }
    .template-blog .blog .article-grid .article-item .item-author-comments {
        font-size: 12px;
        width: 100%;
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width: 800px) {
    .template-blog .layout-right-sidebar {
        padding-top: 50px
    }
}

.template-article .article-item .article-item-top {
    position: relative
}

.template-article .article-item .article-item-top .article-item-date {
    position: absolute;
    top: 20px;
    left: 20px
}

.template-article .article-item .article-item-caption {
    padding-left: 0;
    padding-top: 32px
}

.template-article .article-item .article-item-title {
    font-size: 24px;
    margin-bottom: 15px
}

.template-article .article-item .article-item-content {
    font-size: 15px;
    line-height: 1.6em
}

.template-article .article-item .article-item-info {
    padding-top: 22px
}

.template-article .article-item .article-item-info .article-item-author {
    font-weight: 600;
    padding-right: 20px
}

.template-article .box-title {
    font-size: 20px;
    color: #333;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 35px
}

@media screen and (min-width: 551px) {
    .template-article .box-title {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .template-article .box-title {
        font-family: var(--font_desktop_paragraph)
    }
}

.template-article .errors {
    color: red
}

.template-article .errors ul {
    margin-left: 0;
    margin-bottom: 30px
}

.template-article .errors ul li {
    list-style: none
}

.template-article .article-heading .article-image {
    margin-bottom: 26px
}

.template-article .article-heading .group-title .article-title {
    color: #333;
    font-size: 24px;
    font-weight: 600
}

.template-article .article-heading .group-title .article-item-info {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 6px
}

.template-article .article-heading .group-title .article-item-info>span {
    margin-right: 20px
}

.template-article .article-heading .group-title .article-item-info .article-item-author {
    color: #333;
    font-weight: 600
}

.template-article .article-content {
    font-size: 15px;
    padding-top: 20px
}

.template-article .article-comment {
    padding-top: 70px
}

.template-article .article-comment-list {
    margin-top: 35px
}

.template-article .article-comment-info {
    margin-bottom: 15px
}

.template-article .article-comment-item {
    margin-bottom: 30px
}

.template-article .article-comment-item:last-child {
    margin-bottom: 0
}

.template-article .article-comment-author {
    color: #333;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    margin-right: 10px
}

.template-article .article-comment-date {
    color: #7f7f7f
}

.template-article .article-comment-form {
    padding-top: 50px
}

.template-article .article-comment-form .form-group label {
    display: none
}

.template-article .article-comment-form .form-group input,
.template-article .article-comment-form .form-group textarea {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 13px;
    color: #999
}

.template-article .article-comment-form .form-group input::-webkit-input-placeholder,
.template-article .article-comment-form .form-group textarea::-webkit-input-placeholder {
    font-size: 13px;
    color: #999
}

.template-article .article-comment-form .form-group input::-moz-placeholder,
.template-article .article-comment-form .form-group textarea::-moz-placeholder {
    font-size: 13px;
    color: #999
}

.template-article .article-comment-form .form-group input:-ms-input-placeholder,
.template-article .article-comment-form .form-group textarea:-ms-input-placeholder {
    font-size: 13px;
    color: #999
}

.template-article .article-comment-form .form-group input::-ms-input-placeholder,
.template-article .article-comment-form .form-group textarea::-ms-input-placeholder {
    font-size: 13px;
    color: #999
}

.template-article .article-comment-form .form-group input:focus,
.template-article .article-comment-form .form-group textarea:focus {
    border-color: var(--color_primary)
}

.template-article .article-comment-form .form-group input {
    height: 42px;
    line-height: 40px;
    padding: 0 20px;
    margin-bottom: 30px
}

.template-article .article-comment-form .form-group textarea {
    height: 210px;
    line-height: 2em;
    padding: 20px;
    margin-bottom: 30px
}

.template-article .article-comment-form .button.primary {
    text-transform: uppercase;
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 30px;
    height: 42px;
    line-height: 40px;
    border: 1px solid var(--color_primary);
    -webkit-transition: all .9s;
    transition: all .9s
}

.template-article .article-comment-form .button.primary:hover {
    background-color: #fff;
    border-color: #0000001a;
    color: #333
}

.template-article .article-prev-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f7f6f2;
    margin-top: 60px;
    padding: 15px 10px
}

.template-article .article-prev-next>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.template-article .article-prev-next>a.next {
    text-align: right;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.template-article .article-prev-next .current-icon {
    width: 30px;
    height: 30px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 100%;
    margin: 0 15px
}

.template-article .article-prev-next .current-icon .sli {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #999;
    font-size: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.template-article .article-prev-next .current-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px;
    padding-right: 5px
}

.template-article .article-prev-next .current-title>span {
    display: block
}

.template-article .article-prev-next .current-title .title {
    font-size: 18px;
    color: #333;
    margin-bottom: 5px
}

@media screen and (max-width: 550px) {
    .template-article .article-prev-next .current-title .title {
        display: none !important
    }
}

.template-article .article-prev-next .current-title .text {
    font-size: 14px;
    color: #999
}

@media screen and (min-width: 1261px) {
    .template-article .article-prev-next:hover .current-icon {
        border-color: var(--color_primary)
    }
    .template-article .article-prev-next:hover .current-icon .sli {
        color: var(--color_primary)
    }
}

.template-article .article-tags-share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 22px
}

.template-article .article-tags-share .article-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.template-article .article-tags-share .article-tags .tags-heading {
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    text-transform: capitalize;
    color: #666
}

.template-article .article-tags-share .article-tags .tags-heading .sli.sli-tag {
    font-size: 10px;
    margin-right: 5px;
    color: var(--color_primary)
}

.template-article .article-tags-share .article-tags ul {
    list-style-type: none;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.template-article .article-tags-share .article-tags ul li {
    text-transform: capitalize;
    font-size: 14px;
    margin-right: 5px;
    color: #999
}

.template-article .article-tags-share .article-sharing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 100px
}

.template-article .article-tags-share .article-sharing .sharing-heading {
    display: inline-block
}

.template-article .article-tags-share .article-sharing .sharing-heading .sli.sli-share {
    font-size: 10px;
    color: var(--color_primary);
    margin-right: 5px
}

.template-article .article-tags-share .article-sharing .social-sharing {
    min-width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0
}

.template-article .article-tags-share .article-sharing .social-sharing>a {
    margin-right: 5px
}

.template-article .article-tags-share .article-sharing .social-sharing>a svg {
    width: 20px;
    height: 20px
}

.template-article .article-tags-share .article-sharing .social-sharing>a:last-child {
    margin-right: 0
}

@media screen and (max-width: 800px) {
    .template-article .article-prev-next {
        padding: 15px 0
    }
    .template-article .layout-right-sidebar {
        padding-top: 50px
    }
}

.about-v1-content .box-divider {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-v1-content .box-divider .box-title {
    font-size: 36px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
    display: inline-block
}

@media screen and (min-width: 551px) {
    .about-v1-content .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .about-v1-content .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

.about-v1-content .box-divider .box-sub-title {
    text-align: center;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    font-size: 16px;
    margin-top: 15px
}

@media screen and (max-width: 1260px) {
    .about-v1-content .box-divider .box-title {
        font-size: 28px
    }
    .about-v1-content .box-divider .box-sub-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media screen and (max-width: 800px) {
    .about-v1-content .box-divider {
        margin-bottom: 5px
    }
    .about-v1-content .box-divider .box-title {
        font-size: 25px
    }
    .about-v1-content .box-divider .box-sub-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media screen and (max-width: 550px) {
    .about-v1-content .box-divider .box-title {
        font-size: 20px
    }
    .about-v1-content .box-divider .box-sub-title {
        padding-left: 15px;
        padding-right: 15px
    }
    .about-v1-content .box-divider .action {
        font-size: 14px
    }
}

.about-v1-content .section-story {
    padding-bottom: 100px
}

.about-v1-content .section-story .grid-container {
    max-width: 1200px
}

.about-v1-content .section-story .section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-v1-content .section-story .story-banner {
    width: 45%
}

.about-v1-content .section-story .story-banner a {
    display: block
}

.about-v1-content .section-story .story-description {
    width: 55%;
    text-align: center;
    padding-left: 65px
}

.about-v1-content .section-story .story-description .title {
    font-family: Courgette, cursive;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 45px
}

.about-v1-content .section-story .story-description .caption p {
    font-size: 16px;
    line-height: 1.875;
    margin-bottom: 25px
}

@media screen and (min-width: 551px) {
    .about-v1-content .section-story .story-description .caption p {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .about-v1-content .section-story .story-description .caption p {
        font-family: var(--font_desktop_paragraph)
    }
}

.about-v1-content .section-story .story-description .description-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 80px
}

.about-v1-content .section-story .story-description .description-bottom .signature {
    width: 138px
}

.about-v1-content .section-story .story-description .description-bottom .bottom-name {
    text-align: left;
    padding-left: 8%
}

.about-v1-content .section-story .story-description .description-bottom .bottom-name .name {
    font-family: Courgette, cursive;
    font-size: 20px;
    line-height: 1.5;
    color: var(--color_primary);
    margin-bottom: 0;
    white-space: nowrap
}

.about-v1-content .section-story .story-description .description-bottom .bottom-name .job {
    white-space: nowrap;
    font-family: Lato-Regular;
    font-size: 14px;
    line-height: 1.6
}

@media screen and (max-width: 1260px) {
    .about-v1-content .section-story .section-content {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width: 800px) {
    .about-v1-content .section-story {
        padding-bottom: 50px
    }
    .about-v1-content .section-story .story-description,
    .about-v1-content .section-story .story-banner {
        width: 100%
    }
    .about-v1-content .section-story .story-banner {
        padding: 0 10%
    }
    .about-v1-content .section-story .story-description {
        padding-left: 0;
        padding-top: 40px
    }
    .about-v1-content .section-story .story-description .title {
        font-size: 32px
    }
}

.about-v1-content .section-info {
    background-color: #f5f5f5;
    padding: 115px 0 100px
}

.about-v1-content .section-info .box-divider .box-title:before {
    background-color: #f5f5f5
}

.about-v1-content .section-info .grid-container {
    max-width: 1200px
}

@media screen and (max-width: 800px) {
    .about-v1-content .section-info {
        padding: 50px 0
    }
}

@media screen and (max-width: 800px) {
    .about-v1-content .section-info {
        padding: 30px 0
    }
}

.about-v1-content .section-team {
    padding: 115px 0 100px;
    overflow: hidden
}

.about-v1-content .section-team .grid-container {
    max-width: 1200px
}

.about-v1-content .section-team .team-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 75px
}

.about-v1-content .section-team .team-item {
    width: 33.33333%;
    text-align: center;
    padding: 0 15px
}

.about-v1-content .section-team .team-item .staff-content {
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-bottom: 35px
}

.about-v1-content .section-team .team-item .staff-content:hover {
    -webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px #0000001a
}

.about-v1-content .section-team .team-item .avatar {
    margin-bottom: 37px;
    overflow: hidden
}

.about-v1-content .section-team .team-item .avatar img {
    -webkit-transition: all .9s;
    transition: all .9s
}

.about-v1-content .section-team .team-item .avatar:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.about-v1-content .section-team .team-item .name {
    font-size: 18px;
    line-height: 1.2;
    color: #333;
    font-weight: 600;
    margin-bottom: 10px
}

.about-v1-content .section-team .team-item .job {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 25px
}

.about-v1-content .section-team .team-item .staff-social .social-media-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-v1-content .section-team .team-item .staff-social .social-media-link {
    font-size: 20px
}

.about-v1-content .section-team .team-item .staff-social .social-media-link svg {
    width: 40px;
    height: 40px;
    color: #989898
}

.about-v1-content .section-team .team-item .staff-social .social-media-link svg:hover {
    cursor: pointer;
    color: var(--color_primary)
}

@media screen and (max-width: 800px) {
    .about-v1-content .section-team {
        padding: 50px 0 20px
    }
    .about-v1-content .section-team .team-list {
        margin-top: 35px;
        margin-left: -5px;
        margin-right: -5px
    }
    .about-v1-content .section-team .team-item {
        padding: 0 5px
    }
    .about-v1-content .section-team .team-item .job {
        margin-bottom: 15px
    }
    .about-v1-content .section-team .team-item .avatar {
        margin-bottom: 20px
    }
    .about-v1-content .section-team .team-item .name {
        font-size: 16px
    }
    .about-v1-content .section-team .team-item .staff-social .social-media-link svg {
        width: 30px;
        height: 30px
    }
}

@media screen and (max-width: 550px) {
    .about-v1-content .section-team .team-item {
        width: 100%
    }
}

@media screen and (max-width: 800px) {
    .about-v1-content .section-team {
        padding-bottom: 0
    }
}

.about-v1-content .section-content-gr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 0;
    padding-bottom: 70px
}

.about-v1-content .info-list {
    width: 270px
}

.about-v1-content .info-list .info-item {
    width: 100%
}

.about-v1-content .info-list .info-item:not(:last-child) {
    margin-bottom: 85px
}

.about-v1-content .info-list .info-item .item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.about-v1-content .info-list .info-item .item-top .title {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    color: #333
}

@media screen and (min-width: 551px) {
    .about-v1-content .info-list .info-item .item-top .title {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .about-v1-content .info-list .info-item .item-top .title {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (min-width: 570px) {
    .about-v1-content .info-list .info-item .item-top .title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.about-v1-content .info-list .info-item .item-top img.icon {
    width: 50px;
    height: 50px
}

.about-v1-content .info-list .info-item .desc {
    font-size: 15px;
    line-height: 1.6
}

@media screen and (min-width: 551px) {
    .about-v1-content .info-list .info-item .desc {
        font-family: var(--font_desktop_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .about-v1-content .info-list .info-item .desc {
        font-family: var(--font_desktop_paragraph)
    }
}

.about-v1-content .info-list.info-left img.icon {
    margin-left: 20px
}

.about-v1-content .info-list.info-left .item-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media screen and (min-width: 570px) {
    .about-v1-content .info-list.info-left .item-top .title {
        text-align: right
    }
}

.about-v1-content .info-list.info-left .desc {
    text-align: right
}

.about-v1-content .info-list.info-left .info-item:nth-child(1) {
    -webkit-transform: translateX(50%);
    transform: translate(50%)
}

.about-v1-content .info-list.info-left .info-item:nth-child(2) {
    -webkit-transform: translateX(15%);
    transform: translate(15%)
}

.about-v1-content .info-list.info-left .info-item:nth-child(3) {
    -webkit-transform: translateX(-15%);
    transform: translate(-15%)
}

.about-v1-content .info-list.info-right img.icon {
    margin-right: 20px
}

.about-v1-content .info-list.info-right .item-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.about-v1-content .info-list.info-right .desc {
    text-align: left
}

.about-v1-content .info-list.info-right .info-item:nth-child(1) {
    -webkit-transform: translateX(-50%);
    transform: translate(-50%)
}

.about-v1-content .info-list.info-right .info-item:nth-child(2) {
    -webkit-transform: translateX(-15%);
    transform: translate(-15%)
}

.about-v1-content .info-list.info-right .info-item:nth-child(3) {
    -webkit-transform: translateX(15%);
    transform: translate(15%)
}

.about-v1-content .info-banner .banner-content {
    display: block
}

@media screen and (min-width: 992px) {
    .about-v1-content .info-banner.show-for-large {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 !important;
        flex: 1 !important;
        display: block !important
    }
    .about-v1-content .info-banner.hide-for-large {
        display: none !important
    }
}

@media screen and (max-width: 1260px) {
    .about-v1-content .info-list.info-right .info-item:nth-child(3),
    .about-v1-content .info-list.info-left .info-item:nth-child(3) {
        -webkit-transform: none;
        transform: none
    }
}

@media screen and (max-width: 1060px) {
    .about-v1-content .info-list .info-item:not(:last-child) {
        margin-bottom: 50px
    }
}

@media screen and (max-width: 991px) {
    .about-v1-content .section-content-gr {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .about-v1-content .info-list.info-right .info-item:nth-child(3),
    .about-v1-content .info-list.info-right .info-item:nth-child(2),
    .about-v1-content .info-list.info-right .info-item:nth-child(1),
    .about-v1-content .info-list.info-left .info-item:nth-child(3),
    .about-v1-content .info-list.info-left .info-item:nth-child(2),
    .about-v1-content .info-list.info-left .info-item:nth-child(1) {
        -webkit-transform: none;
        transform: none
    }
    .about-v1-content .info-list.info-right {
        padding-left: 30px
    }
    .about-v1-content .info-list.info-left {
        padding-right: 30px
    }
    .about-v1-content .info-banner.show-for-large {
        display: none !important
    }
    .about-v1-content .info-banner.hide-for-large {
        padding-top: 50px;
        display: block !important
    }
}

@media screen and (max-width: 800px) {
    .about-v1-content {
        padding: 0 0 50px
    }
    .about-v1-content .section-content-gr {
        padding-bottom: 30px
    }
}

@media screen and (max-width: 569px) {
    .about-v1-content .info-list {
        width: 400px;
        max-width: 100%
    }
    .about-v1-content .info-list .info-item {
        margin-bottom: 50px
    }
    .about-v1-content .info-list.info-left {
        padding-right: 0 !important
    }
    .about-v1-content .info-list.info-left .item-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .about-v1-content .info-list.info-left img.icon {
        margin-left: 0;
        margin-right: 20px
    }
    .about-v1-content .info-list.info-right {
        padding-left: 0 !important
    }
    .about-v1-content .info-list.info-right .item-top,
    .about-v1-content .info-list.info-left .item-top {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .about-v1-content .info-list .desc {
        text-align: center !important
    }
}

@media screen and (max-width: 550px) {
    .about-v1-content .info-list .info-item {
        margin-bottom: 20px !important
    }
    .about-v1-content .info-banner.hide-for-large {
        padding-top: 0
    }
}

@media screen and (max-width: 800px) {
    .about-v1-content {
        padding-top: 0
    }
    .about-v1-content .box-divider {
        margin-bottom: 15px
    }
}

.about-v2-content .grid-container {
    max-width: 1200px !important
}

.about-v2-content .section-business {
    margin-bottom: 100px
}

.about-v2-content .section-business .box-divider {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-v2-content .section-business .box-divider .box-title {
    font-size: 36px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
    display: inline-block
}

@media screen and (min-width: 551px) {
    .about-v2-content .section-business .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .about-v2-content .section-business .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

.about-v2-content .section-business .box-divider .box-sub-title {
    text-align: center;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    font-size: 16px;
    margin-top: 15px
}

@media screen and (max-width: 1260px) {
    .about-v2-content .section-business .box-divider .box-title {
        font-size: 28px
    }
    .about-v2-content .section-business .box-divider .box-sub-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media screen and (max-width: 800px) {
    .about-v2-content .section-business .box-divider {
        margin-bottom: 5px
    }
    .about-v2-content .section-business .box-divider .box-title {
        font-size: 25px
    }
    .about-v2-content .section-business .box-divider .box-sub-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media screen and (max-width: 550px) {
    .about-v2-content .section-business .box-divider .box-title {
        font-size: 20px
    }
    .about-v2-content .section-business .box-divider .box-sub-title {
        padding-left: 15px;
        padding-right: 15px
    }
    .about-v2-content .section-business .box-divider .action {
        font-size: 14px
    }
}

.about-v2-content .section-business .box-divider {
    margin-bottom: 65px;
    margin-top: 13%
}

.about-v2-content .section-business .box-divider .box-title:before {
    background-color: #f7f6f2
}

.about-v2-content .section-business .section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.about-v2-content .section-business .section-content>div {
    width: 50%
}

.about-v2-content .section-business .section-content .business-item:not(:last-child) {
    margin-bottom: 40px
}

.about-v2-content .section-business .section-content .business-content {
    padding-left: 60px;
    padding-right: 60px
}

.about-v2-content .section-business .section-content .business-content .heading {
    font-size: 20px;
    color: #666;
    font-weight: 300;
    margin-bottom: 20px
}

.about-v2-content .section-business .section-content .business-content .w3-light-grey {
    background-color: #e6e6e6;
    height: 15px
}

.about-v2-content .section-business .section-content .business-content .w3-light-grey .w3-container {
    line-height: 15px;
    height: 100%;
    text-align: right;
    padding: 0 10px;
    background-color: var(--color_primary);
    color: #fff;
    font-size: 12px;
    font-style: italic
}

@media screen and (max-width: 1680px) {
    .about-v2-content .section-business .box-divider {
        margin-bottom: 30px;
        margin-top: 30px
    }
    .about-v2-content .section-business .section-content .business-content .heading {
        margin-bottom: 10px
    }
    .about-v2-content .section-business .section-content .business-item:not(:last-child) {
        margin-bottom: 20px
    }
}

@media screen and (max-width: 1260px) {
    .about-v2-content .section-business .section-content .business-content {
        padding-left: 15px;
        padding-right: 15px;
        width: 40%
    }
    .about-v2-content .section-business .section-content .business-content .heading {
        font-size: 18px
    }
    .about-v2-content .section-business .section-content .business-banner {
        width: 60%
    }
    .about-v2-content .section-business .box-divider {
        margin-top: 0
    }
}

@media screen and (max-width: 800px) {
    .about-v2-content .section-business {
        margin-bottom: 50px
    }
    .about-v2-content .section-business .section-content .business-banner {
        width: 100%
    }
    .about-v2-content .section-business .section-content .business-content {
        width: 100%;
        padding: 30px 10%
    }
}

.about-v2-content .index-reviews .box-divider {
    margin-bottom: 117px
}

@media screen and (max-width: 1260px) {
    .about-v2-content .index-reviews .box-divider {
        margin-bottom: 50px
    }
}

.about-v2-content .index-reviews .top-area .avatar {
    max-width: 115px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.about-v2-content .index-reviews .top-area .avatar img {
    border-color: #ccc
}

.about-v2-content .index-reviews .top-area .text {
    padding-left: 0
}

@media screen and (min-width: 551px) {
    .about-v2-content .index-reviews .top-area:not(.top-area-full) .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-left: 30px
    }
}

.about-v2-content .index-reviews .swiper-slide-active .top-area .avatar img {
    border-color: var(--color_primary)
}

.about-v2-content .index-reviews .reviews-info {
    text-align: left;
    line-height: 1.6em;
    margin-bottom: 20px
}

.about-v2-content .index-reviews .name {
    font-size: 22px;
    color: #333;
    line-height: 1.2em;
    margin-bottom: 5px
}

.about-v2-content .index-reviews .job {
    font-size: 14px;
    color: var(--color_primary)
}

@media screen and (max-width: 550px) {
    .about-v2-content .index-reviews .top-area.grid-x {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .about-v2-content .index-reviews .reviews-info,
    .about-v2-content .index-reviews .top-area .text {
        text-align: center;
        width: 100%;
        padding-top: 15px
    }
    .about-v2-content .index-reviews .top-area .avatar {
        margin: 0 auto
    }
}

.about-v2-content .index-information {
    overflow: hidden;
    margin-bottom: 90px
}

.about-v2-content .index-information .box-divider {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.about-v2-content .index-information .box-divider .box-title {
    font-size: 36px;
    font-weight: 500;
    text-transform: initial;
    text-align: center;
    display: inline-block
}

@media screen and (min-width: 551px) {
    .about-v2-content .index-information .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

@media screen and (max-width: 550px) {
    .about-v2-content .index-information .box-divider .box-title {
        font-family: var(--font_desktop_title)
    }
}

.about-v2-content .index-information .box-divider .box-sub-title {
    text-align: center;
    width: 100%;
    padding-left: 25%;
    padding-right: 25%;
    font-size: 16px;
    margin-top: 15px
}

@media screen and (max-width: 1260px) {
    .about-v2-content .index-information .box-divider .box-title {
        font-size: 28px
    }
    .about-v2-content .index-information .box-divider .box-sub-title {
        padding-left: 15%;
        padding-right: 15%
    }
}

@media screen and (max-width: 800px) {
    .about-v2-content .index-information .box-divider {
        margin-bottom: 5px
    }
    .about-v2-content .index-information .box-divider .box-title {
        font-size: 25px
    }
    .about-v2-content .index-information .box-divider .box-sub-title {
        padding-left: 10%;
        padding-right: 10%
    }
}

@media screen and (max-width: 550px) {
    .about-v2-content .index-information .box-divider .box-title {
        font-size: 20px
    }
    .about-v2-content .index-information .box-divider .box-sub-title {
        padding-left: 15px;
        padding-right: 15px
    }
    .about-v2-content .index-information .box-divider .action {
        font-size: 14px
    }
}

.about-v2-content .index-information .grid-container {
    max-width: 1200px
}

.about-v2-content .index-information .index-information-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.about-v2-content .index-information .index-information-banner .banner-image {
    display: inline-block;
    max-width: 70%
}

.about-v2-content .index-information .index-information-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 25px;
    margin-right: -120px;
    margin-left: -120px
}

.about-v2-content .index-information .index-information-item {
    width: 25%;
    text-align: center;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 30px
}

.about-v2-content .index-information .index-information-item .item-icon {
    position: relative;
    display: inline-block
}

.about-v2-content .index-information .index-information-item .item-icon img.image-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.about-v2-content .index-information .index-information-item:hover .item-icon img.image-hover {
    opacity: 1
}

.about-v2-content .index-information .index-information-item .item-caption {
    padding-top: 23px
}

.about-v2-content .index-information .index-information-item .item-caption .heading {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

@media screen and (min-width: 551px) {
    .about-v2-content .index-information .index-information-item .item-caption .heading {
        color: var(--color_desktop_page_heading)
    }
}

@media screen and (max-width: 550px) {
    .about-v2-content .index-information .index-information-item .item-caption .heading {
        color: var(--color_page_heading)
    }
}

.about-v2-content .index-information .index-information-item .item-caption .desc {
    font-size: 15px
}

@media screen and (min-width: 551px) {
    .about-v2-content .index-information .index-information-item .item-caption .desc {
        color: var(--color_desktop_page_paragraph)
    }
}

@media screen and (max-width: 550px) {
    .about-v2-content .index-information .index-information-item .item-caption .desc {
        color: var(--color_page_paragraph)
    }
}

.about-v2-content .index-information .index-information-item.item-4,
.about-v2-content .index-information .index-information-item.item-1 {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

@media screen and (max-width: 1440px) {
    .about-v2-content .index-information .index-information-list {
        margin-right: -60px;
        margin-left: -60px
    }
}

@media screen and (max-width: 1260px) {
    .about-v2-content .index-information .index-information-banner .banner-image {
        max-width: 50%
    }
    .about-v2-content .index-information .index-information-item {
        padding-left: 15px;
        padding-right: 15px
    }
    .about-v2-content .index-information .index-information-list {
        margin-right: -15px;
        margin-left: -15px
    }
}

@media screen and (max-width: 800px) {
    .about-v2-content .index-information {
        margin-bottom: 45px
    }
    .about-v2-content .index-information .index-information-item {
        width: 50%
    }
    .about-v2-content .index-information .index-information-item.item-4,
    .about-v2-content .index-information .index-information-item.item-1 {
        -webkit-transform: none;
        transform: none
    }
    .about-v2-content .index-information .index-information-banner .banner-image {
        max-width: 100%
    }
}

@media screen and (max-width: 550px) {
    .about-v2-content .index-information .index-information-item .item-caption .heading {
        font-size: 16px
    }
}

.template-password .layout-main {
    padding: 0
}

.template-password .off-canvas {
    padding: 1rem 0;
    background: rgba(255, 255, 255, .6);
    -webkit-box-shadow: none;
    box-shadow: none
}

.template-password .off-canvas input {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.template-password input,
.template-password button,
.template-password .button {
    border: 0
}

.password-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow-y: auto;
    color: #666
}

.password-container h1,
.password-container h2,
.password-container h3,
.password-container h4,
.password-container h5,
.password-container h6,
.password-container label,
.password-container a {
    color: #333
}

@media print,
screen and (max-width: 34.43625em) {
    .password-container {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center
    }
}

.password-subtitle {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 2
}

@media print,
screen and (max-width: 34.43625em) {
    .password-subtitle {
        font-size: .8125rem
    }
    .password-subtitle br {
        display: none
    }
}

.password-form-title {
    font-weight: 300;
    text-transform: uppercase
}

.cookies-bar-layout {
    background-color: #1779ba;
    color: #fff;
    z-index: 10;
}

.cookies-bar-layout .action {
    color: #fff;
    font-weight: 600;
}

.cookies-bar-layout .action:hover {
    text-decoration: underline;
    color: #fff;
}