@import url(plaza/theme_font.css);

html {
    font-size: 62.5%
}

body {
    line-height: 2.4rem;
    width: 100%
}

h1, h2, h3, h4, h5, h6 {
    color: #444
}

.fa {
    font-size: 1.4rem
}

:focus {
    outline: 0 !important
}

h1 {
    font-size: 3.6rem
}

h2 {
    font-size: 3rem
}

footer a {
    color: #23c782
}

h3 {
    font-size: 2.4rem
}

h4 {
    font-size: 1.8rem
}

h5 {
    font-size: 1.4rem
}

h6 {
    font-size: 1.2rem
}

img {
    max-width: 100%
}

a {
    color: #595959
}

a:hover {
    text-decoration: none
}

legend {
    font-size: 1.8rem;
    padding: .7rem 0
}

label {
    font-size: 1.2rem;
    font-weight: 400
}

input[type=color].form-control, input[type=date].form-control, input[type=datetime-local].form-control, input[type=datetime].form-control, input[type=email].form-control, input[type=month].form-control, input[type=number].form-control, input[type=password].form-control, input[type=search].form-control, input[type=tel].form-control, input[type=text].form-control, input[type=time].form-control, input[type=url].form-control, input[type=week].form-control, select.form-control, textarea.form-control {
    font-size: 1.2rem
}

.input-group .dropdown-menu, .input-group .popover, .input-group input, .input-group select {
    font-size: 1.2rem
}

.input-group .input-group-addon {
    font-size: 1.2rem;
    height: 3rem
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .nav-tabs > li > a, button, input:focus, select:focus, textarea:focus {
    outline: 0
}

body ::-webkit-scrollbar-track {
    background-color: transparent
}

body ::-webkit-scrollbar {
    width: 0;
    background-color: transparent
}

body ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .1);
    border-radius: 10px
}

span.hidden-lg, span.hidden-md, span.hidden-sm, span.hidden-xs {
    display: inline
}

.nav-tabs {
    margin-bottom: 1.5rem
}

div.required .control-label:before {
    content: '* ';
    color: red;
    font-weight: 700
}

#back-top {
    display: none;
    position: fixed;
    left: 3rem;
    bottom: 7%;
    width: 5rem;
    height: 5rem;
    line-height: 4.8rem;
    padding: 0;
    text-align: center;
    font-size: 1.8rem;
    z-index: 8;
    border: 1px solid transparent;
    background: #cc2121;
    color: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    cursor: pointer
}

#back-top:hover {
    background: var(--link-hover-color);
    border-color: var(--link-hover-color)
}

#back-top i {
    vertical-align: top;
    line-height: inherit
}

@media (min-width: 1700px) {
    #back-top {
        left: 16rem
    }
}

.layout-full, .layout-full .main-col, .layout-full .row, .layout-full .sub-col, .layout-full > .container {
    width: 100%;
    margin: 0;
    padding: 0
}

.background-full {
    background: #f2f2f2;
    padding-bottom: 7.3rem;
    margin-top: 8rem
}

@media (max-width: 991px) {
    .background-full {
        padding-bottom: 4.2rem;
        margin-top: 4rem
    }
}

.pt-block {
    text-align: center
}

.pt-block .image, .pt-block .image > a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    overflow: hidden
}

.post-image img, .pt-block .image a img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.post-image img:hover, .pt-block .image a:hover img {
    opacity: .7
}

.static-sidebar {
    display: grid;
    grid-gap: 2rem;
    grid-template-columns:100%
}

@media (max-width: 991px) {
    .static-sidebar {
        margin-bottom: 2rem
    }
}

.static1-store1 {
    margin-top: 5rem
}

.static1-store1 .col {
    margin-top: 3rem
}

.static1-store1 .text {
    position: absolute;
    top: 50%;
    max-width: 56%;
    padding-left: 9%;
    text-align: left;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    background: rgb(255 255 255 / 70%);
    padding: 20px;
    box-sizing: inherit
}

.static1-store1 .text .text1 {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: var(--link-hover-color);
    margin-top: 0;
    margin-bottom: 1.6rem
}

.static1-store1 .text .text2 {
    font-size: 3.4rem;
    text-transform: uppercase;
    font-weight: 300;
    color: #fff;
    line-height: 1.17;
    margin-top: 0;
    position: relative;
    padding-bottom: 3.4rem;
    margin-bottom: 2.5rem
}

.static1-store1 .text .text2 b {
    display: block
}

.static1-store1 .text .text2:after {
    content: "";
    width: 6.8rem;
    border: 1px solid var(--link-hover-color);
    position: absolute;
    left: 0;
    bottom: 0
}

.static1-store1 .text .text3 {
    font-size: 1.4rem;
    line-height: 2;
    color: #000
}

.static1-store1 .text a {
    display: inline-block;
    vertical-align: top;
    background: var(--button-bg-color);
    color: var(--button-color);
    line-height: 4rem;
    padding: 0 2rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 1.3rem;
    pointer-events: visible
}

.static1-store1 .text a:hover {
    background: var(--button-bg-hover-color);
    color: var(--button-hover-color)
}

@media (min-width: 992px) and (max-width: 1499px) {
    .static1-store1 .text {
        max-width: 70%;
        padding-left: 5%
    }

    .static1-store1 .text .text1 {
        font-size: 1.2vw
    }

    .static1-store1 .text .text2 {
        font-size: 2vw;
        padding-bottom: 1vw;
        margin-bottom: 1vw
    }

    .static1-store1 .text .text3 {
        line-height: 1.5
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .static1-store1 .text .text1 {
        margin-bottom: 1vw
    }

    .static1-store1 .text a {
        font-size: 1.2vw;
        line-height: 3vw;
        padding: 0 1.5vw;
        margin-top: 1vw
    }
}

@media (max-width: 991px) {
    .static1-store1 {
        margin-top: 2rem
    }
}

@media (max-width: 767px) {
    .static1-store1 .text {
        max-width: 70%;
        padding-left: 5%
    }

    .static1-store1 .text .text1 {
        font-size: 3vw;
        margin-bottom: 1vw
    }

    .static1-store1 .text .text2 {
        font-size: 4vw;
        padding-bottom: 1vw;
        margin-bottom: 1vw
    }

    .static1-store1 .text .text3 {
        line-height: 1.5
    }

    .static1-store1 .text a {
        font-size: 2.6vw;
        line-height: 6vw;
        padding: 0 2.5vw;
        margin-top: 1vw
    }
}

@media (max-width: 479px) {
    .static1-store1 img {
        min-height: 25rem;
        object-fit: cover
    }

    .static1-store1 .text {
        max-width: 70%;
        padding-left: 5%
    }

    .static1-store1 .text .text1 {
        font-size: 3.5vw;
        margin-bottom: 1vw
    }

    .static1-store1 .text .text2 {
        font-size: 4.5vw;
        padding-bottom: 1vw;
        margin-bottom: 1vw
    }

    .static1-store1 .text .text3 {
        line-height: 1.5
    }

    .static1-store1 .text a {
        font-size: 2.6vw;
        line-height: 6vw;
        padding: 0 2.5vw;
        margin-top: 1vw
    }
}

.static2-store1 .col {
    margin-top: 3rem
}

.static3-store1 {
    margin-top: 8rem
}

.static3-store1 .text {
    position: absolute;
    left: 0;
    top: 50%;
    left: 3%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 45rem;
    pointer-events: none
}

.static3-store1 .text .text1 {
    font-size: 2.4rem;
    color: #e52e06;
    margin-top: 0;
    margin-bottom: 3.2rem
}

.static3-store1 .text .text1:before {
    content: "\f4b8";
    font-family: Ionicons;
    font-size: 2.8rem;
    font-weight: 400;
    margin-right: 9px
}

.static3-store1 .text .text2 {
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1;
    margin-top: 0
}

.static3-store1 .text .text2 b {
    display: block;
    font-size: 6rem;
    margin-top: 3px
}

.static3-store1 .text .text3 {
    margin: 0;
    line-height: 1.3
}

.static3-store1 .text a {
    text-transform: uppercase;
    color: var(--link-hover-color);
    font-weight: 700;
    line-height: 1;
    border-bottom: 1px solid;
    margin-top: 5rem;
    display: inline-block;
    vertical-align: top;
    pointer-events: visible
}

.static3-store1 .text a:hover {
    color: #e52e06
}

@media (max-width: 1499px) {
    .static3-store1 .text {
        left: 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .static3-store1 .text {
        max-width: 40%
    }

    .static3-store1 .text .text1 {
        font-size: 2vw;
        margin-bottom: 2vw
    }

    .static3-store1 .text .text1:before {
        font-size: 2.8vw
    }

    .static3-store1 .text .text2 {
        font-size: 3vw
    }

    .static3-store1 .text .text2 b {
        font-size: 4.5vw
    }

    .static3-store1 .text a {
        font-size: 1.4vw;
        margin-top: 2vw
    }
}

@media (max-width: 991px) {
    .static3-store1 {
        margin-top: 5rem
    }
}

@media (max-width: 767px) {
    .static3-store1 {
        border: 1px solid var(--link-hover-color)
    }

    .static3-store1 .text {
        max-width: 100%;
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding: 3rem 1.5rem;
        border-top: 1px solid var(--link-hover-color)
    }

    .static3-store1 .text .text2 {
        font-size: 5vw
    }

    .static3-store1 .text .text2 b {
        font-size: 7vw
    }
}

.policy-block {
    text-align: center;
    border: 0;
    margin-top: 8rem;
    border: 1px solid var(--link-hover-color);
    border-radius: 3px;
    padding: 2.8rem 0
}

.policy-block .inner {
    display: grid;
    grid-template-columns:20% 20% 20% 20% 20%;
    margin: 0 -.5rem;
    grid-row-gap: 1.5rem
}

.policy-block .col {
    padding: 0 .5rem;
    border-right: 1px solid #d9d9d9
}

.policy-block .col:last-child {
    border: 0
}

.policy-block .box {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    position: relative;
    margin: auto
}

.policy-block .box:before {
    content: "\f36f";
    font-family: Ionicons;
    font-size: 4.8rem;
    color: var(--link-hover-color);
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-right: 2rem
}

.policy-block .col:nth-child(2) .box:before {
    content: "\f352"
}

.policy-block .col:nth-child(3) .box:before {
    content: "\f24e"
}

.policy-block .col:nth-child(4) .box:before {
    content: "\f4c6"
}

.policy-block .col:nth-child(5) .box:before {
    content: "\f12f"
}

.policy-block .box .text {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 7px 0
}

.policy-block .box h4 {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
    margin-bottom: 1px
}

.policy-block .box p {
    margin: auto;
    line-height: 1.8rem;
    color: #999;
    font-size: 1.4rem
}

@media (max-width: 1499px) {
    .policy-block .box:before {
        margin-right: 1rem
    }
}

@media (max-width: 1199px) {
    .policy-block .inner {
        grid-template-columns:50% 50%
    }

    .policy-block .col {
        margin-bottom: 10px;
        border: 0
    }

    .policy-block .col:last-child {
        grid-column: 1/3;
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    .policy-block {
        margin-top: 5rem
    }
}

@media (max-width: 767px) {
    .policy-block .inner {
        grid-template-columns:50% 50%
    }

    .policy-block .col:nth-child(2) {
        border: 0
    }
}

@media (max-width: 567px) {
    .policy-block {
        border: 0;
        padding: 0
    }

    .policy-block .inner {
        grid-template-columns:100%;
        grid-gap: 1px;
        background: var(--link-hover-color);
        border: 0;
        padding: 1px;
        margin: 0
    }

    .policy-block .col {
        margin: 0;
        background: #fff;
        padding: 10px 0;
        display: flex
    }

    .policy-block .col:last-child {
        grid-column: 1/2
    }

    .policy-block .box:before {
        content: "\f36f";
        font-family: Ionicons;
        font-size: 4.8rem;
        color: var(--link-hover-color);
        display: inline-block;
        vertical-align: top;
        line-height: 1;
        margin-right: 2rem;
        width: 50px
    }

    .policy-block .box {
        margin-left: 30px
    }
}

.polular-search {
    line-height: 3rem;
    padding: 2.5rem 0;
    text-align: center
}

.polular-search label {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    font-size: 1.6rem;
    font-weight: 700;
    color: #e52e06;
    text-transform: uppercase
}

.polular-search a {
    display: inline-block;
    vertical-align: top;
    color: var(--main-color);
    text-transform: capitalize
}

.polular-search a:after {
    content: ","
}

.polular-search a:last-child:after {
    content: "."
}

.polular-search a:hover {
    color: var(--link-hover-color)
}

.popular-tags {
    margin-top: .7rem;
    border-top: 1px solid #ebebeb;
    padding-top: 5.5rem
}

.popular-tags .title {
    margin-bottom: 4.2rem
}

.popular-tags .title h3 {
    display: block;
    font-size: 2rem;
    text-transform: capitalize;
    margin: 0;
    position: relative;
    font-weight: 500;
    letter-spacing: -.05em
}

.popular-tags ul {
    padding: 0;
    list-style: none;
    margin: 0
}

.popular-tags ul li a {
    line-height: 3.8rem;
    display: inline-block;
    vertical-align: top;
    padding: 0 2.3rem;
    border: 1px solid #ebebeb;
    margin-right: .6rem;
    margin-bottom: 1rem;
    color: #242424;
    font-weight: 400;
    border-radius: 2.5rem;
    -webkit-border-radius: 2.5rem;
    font-size: 1.2rem
}

.popular-tags ul li a:last-child {
    margin-right: 0
}

.popular-tags ul li a:hover {
    background: var(--link-hover-color);
    border-color: var(--link-hover-color);
    color: #fff
}

.menu-block-bottom {
    margin: 0 -.7rem;
    margin-bottom: -1.7rem;
    margin-top: 2.1rem
}

.menu-block-bottom img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menu-block-bottom img:hover {
    opacity: .7
}

.newsletter-group {
    background: #44556f;
    padding: 4.5rem 0
}

.newsletter-group .container > .inner {
    display: grid;
    grid-template-columns:auto auto;
    grid-column-gap: 3rem
}

.newsletter-subscribe {
    background: url(../image/bkg_newletter.jpg) center repeat-x;
    background-size: cover
}

.newsletter-block {
    text-align: center;
    padding: 7.5rem 1.5rem 8rem 1.5rem
}

.newsletter-block .newsletter-title h3 {
    font-size: 3.4rem;
    text-transform: none;
    margin-top: 0;
    margin-bottom: .8rem;
    color: #fff
}

.newsletter-block .newsletter-title p {
    margin: 0;
    line-height: 1.43;
    color: #fff
}

.newsletter-block > .des {
    float: left;
    max-width: 35rem
}

.newsletter-block > .des p {
    margin: 0;
    color: #222;
    line-height: 3rem
}

.newsletter-block > .des p span {
    font-weight: 500
}

.newsletter-block .newsletter-content {
    padding-top: 5.7rem;
    max-width: 77rem;
    margin: auto
}

.newsletter-block .newsletter-content .content {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center
}

.newsletter-block .newsletter-content .content button {
    text-transform: uppercase;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    border: 0;
    padding: 0 5rem;
    line-height: 5.3rem;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.newsletter-block .newsletter_email {
    width: 100%;
    height: 5.3rem;
    border: 0;
    padding: 1rem 2rem;
    padding-right: 20rem;
    font-size: 1.4rem;
    color: #999;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #fff;
    text-align: left;
    display: block;
    margin: auto
}

.newsletter-notification.error {
    color: red;
    margin-top: 1rem;
    line-height: 1;
    font-size: 1.3rem;
    clear: both
}

.newsletter-notification.success {
    color: #1faf19
}

.newsletter-content ::-webkit-input-placeholder {
    color: #999;
    opacity: 1
}

.newsletter-content :-moz-placeholder {
    color: #999;
    opacity: 1
}

.newsletter-content ::-moz-placeholder {
    color: #999;
    opacity: 1
}

.newsletter-content :-ms-input-placeholder {
    color: #999;
    opacity: 1
}

.newsletter-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    text-align: center
}

.newsletter-popup .a-close-newsletter-full {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .7)
}

.newsletter-popup:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    display: inline-block
}

.newsletter-popup .popup-content {
    display: inline-block;
    vertical-align: middle;
    background: #fff url(../image/bkg_popup.jpg) center right no-repeat;
    padding: 9.8rem 5rem;
    text-align: left;
    position: relative;
    max-width: 97rem;
    width: 100%;
    margin: auto
}

.newsletter-popup .a-close-newsletter {
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    padding: 0;
    text-align: center;
    background: #242424;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0
}

.newsletter-popup .a-close-newsletter:hover {
    background: var(--link-hover-color)
}

.newsletter-popup .a-close-newsletter:before {
    content: "\f2d7";
    font-family: Ionicons;
    font-size: 2.1rem;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    line-height: inherit
}

.newsletter-popup .popup-content h3 {
    text-transform: initial;
    font-size: 3rem;
    margin-top: 0;
    margin-bottom: 1.7rem
}

.newsletter-popup .popup-content p {
    font-size: 1.6rem;
    line-height: 2.8rem;
    max-width: 52rem;
    margin-bottom: 3rem
}

.newsletter-popup .popup-content .content {
    position: relative;
    margin-bottom: 2rem;
    display: inline-block;
    vertical-align: top
}

.newsletter-popup .popup-content .newsletter_email {
    height: 5rem;
    border: 1px solid #e6e6e6;
    width: 52rem;
    padding: 1rem 2rem;
    padding-right: 13.3rem;
    color: #adadad
}

.newsletter-popup .popup-content button.btn {
    height: 4.8rem;
    padding: 0 2rem;
    line-height: 4.8rem;
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: #4ac26b;
    color: #fff
}

.newsletter-popup .popup-content .notice .cbk_newsletter {
    margin-top: -2px;
    vertical-align: middle;
    display: inline-block
}

@media (max-width: 767px) {
    .newsletter-block .newsletter-content .content button {
        padding: 0 1.5rem
    }

    .newsletter-block .newsletter_email {
        padding-right: 13rem
    }
}

@media (max-width: 479px) {
    .newsletter-block .newsletter-content .content button {
        padding: 0 1rem;
        font-size: 1.4rem
    }

    .newsletter-block .newsletter_email {
        padding-right: 11rem
    }
}

.brand-logo {
    text-align: center
}

.brand-logo .swiper-viewport {
    margin: 0
}

.brand-logo .swiper-viewport .swiper-slide {
    padding: 0
}

.brand-logo img {
    margin: auto
}

.brand-logo img:hover {
    opacity: .7
}

@media (max-width: 991px) {
    .brand-logo {
        margin-top: 0
    }
}

#ajax-login-block {
    display: none;
    background-color: rgba(0, 0, 0, .7);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 900
}

#ajax-loader {
    display: none;
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 50%
}

.ajax-load-img {
    display: none
}

.ajax-body-login {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    overflow: auto !important;
    z-index: 1000;
    display: none
}

.ajax-body-login .ajax-content {
    max-height: 500px;
    overflow: auto
}

.ajax-body-login .page-title {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 1rem
}

.ajax-body-login h2 {
    margin: 0;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2rem;
    position: relative
}

.ajax-body-login h2:after {
    content: "";
    position: absolute;
    left: 0;
    height: 2px;
    width: 100%;
    background: var(--link-hover-color);
    bottom: -1px
}

.ajax-body-login .account-login {
    display: none;
    margin: 30px auto;
    background-color: #fff;
    opacity: 1;
    position: relative;
    z-index: 1200;
    width: 98%;
    max-width: 92rem;
    height: auto;
    padding: 2rem;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ajax-content > .ajax-container .login-form-content {
    min-height: 20px
}

.ajax-content > .ajax-container .login-form-content {
    margin-right: 0 !important
}

.ajax-content > .ajax-container .login-form-content {
    width: 100%
}

.ajax-content > .ajax-container .form-control {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    text-indent: 10px
}

.ajax-content > .ajax-container .login-form-content .alert {
    margin-top: 15px;
    margin-left: 0
}

.ajax-body-login .account-register {
    display: none;
    margin: auto;
    background-color: #fff;
    opacity: 1;
    position: relative;
    z-index: 1200;
    width: 98%;
    padding: 2rem;
    max-width: 92rem;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ajax-content > .ajax-container .register-form-content {
    min-height: 20px
}

.ajax-content > .ajax-container .alert {
    margin-bottom: 0
}

.ajax-content > .ajax-container .form-group {
    margin-right: 0 !important
}

.ajax-content > .ajax-container .control-label {
    padding-top: 0;
    padding-right: 0 !important;
    color: #2c2c2c;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px
}

.ajax-content > .ajax-container .pull-right {
    margin-right: 20px
}

.ajax-content > .ajax-container .for-error {
    display: none
}

.ajax-container .success-content button {
    margin-bottom: 20px
}

.ajax-body-login .account-success {
    display: none;
    top: 50%;
    left: 50%;
    width: 500px;
    height: auto;
    margin-top: -150px;
    margin-left: -250px;
    background-color: #fff;
    opacity: 1;
    position: fixed;
    z-index: 1200
}

.ajax-body-login .account-success .ajax-content > .ajax-container {
    margin: 15px
}

.ajax-body-login .logout-success {
    display: none;
    top: 50%;
    left: 50%;
    width: 500px;
    height: auto;
    margin-top: -100px;
    margin-left: -250px;
    background-color: #fff;
    opacity: 1;
    position: fixed;
    z-index: 1200;
    padding: 15px
}

.a-close-frm {
    position: absolute;
    z-index: 8;
    font-size: 0;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    top: 0;
    right: 0;
    text-align: center
}

.a-close-frm span {
    display: none
}

.a-close-frm:before {
    content: "\f2d7";
    font-family: Ionicons;
    font-size: 2.8rem
}

.forgotten {
    float: right;
    margin-top: 15px;
    text-transform: capitalize
}

.ajax-content .radio-inline {
    padding-top: 0
}

.slider-container {
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.slider-container:hover .nivo-directionNav a {
    opacity: 1;
    visibility: visible
}

.nivo-directionNav a {
    position: absolute;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: 6;
    cursor: pointer;
    font-size: 0;
    width: auto;
    height: auto;
    line-height: 6rem;
    text-align: center;
    background: 0 0;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: rgba(255, 255, 255, .7);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.nivo-directionNav a:before {
    content: "\f3d1";
    font-family: Ionicons;
    font-size: 6rem;
    display: inline-block;
    vertical-align: top
}

.nivo-directionNav a.nivo-prevNav:before {
    content: "\f3cf"
}

.nivo-prevNav {
    left: 30px
}

.nivo-nextNav {
    right: 30px
}

@media (min-width: 1600px) {
    .nivo-prevNav {
        left: 5rem
    }

    .nivo-nextNav {
        right: 5rem
    }
}

.nivo-controlNav {
    text-align: center;
    padding: 0
}

.nivo-controlNav a {
    cursor: pointer
}

.nivo-controlNav a.active {
    font-weight: 700
}

.nivo-controlNav {
    position: absolute;
    bottom: 5%;
    text-align: center;
    z-index: 9;
    left: 50%;
    line-height: 1;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.nivo-controlNav a.active, .nivo-controlNav a.active:after, .nivo-controlNav a:hover, .nivo-controlNav a:hover:after {
    cursor: pointer;
    background: var(--link-hover-color)
}

.plaza-slider {
    position: relative;
    overflow: hidden;
    height: auto;
    width: 100%
}

.plaza-slider img {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.nivo-controlNav {
    padding: 0 0;
    text-align: center
}

.nivo-controlNav a {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    height: 1rem;
    margin: 0 .5rem;
    position: relative;
    font-size: 0;
    width: 1rem;
    background: #fff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    box-shadow: none;
    -webkit-box-shadow: none
}

.nivo-controlNav a:after {
    content: "";
    width: .7rem;
    height: .7rem;
    background: rgba(36, 36, 36, .15);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%
}

.slide-caption {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background: none repeat scroll 0 0 transparent;
    color: #fff;
    font-size: 1.6rem;
    z-index: 999
}

@-webkit-keyframes timeloading {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

@keyframes timeloading {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

.slide-loading {
    display: none
}

.plaza-slider img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    object-fit: cover;
    min-height: 30rem
}

div#zalog {
    padding: 10px;
    font-size: 20px;
    color: #1dad71;
    font-weight: 700
}

.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important
}

.plaza-slider a.nivo-imageLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    z-index: 6;
    display: none;
    background: #fff;
    opacity: 0
}

.nivo-slice {
    display: block;
    position: absolute;
    z-index: 4;
    height: 100%;
    top: 0
}

.nivo-box {
    display: block;
    position: absolute;
    z-index: 4;
    overflow: hidden
}

.nivo-box img {
    display: block
}

.nivo-caption {
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    width: 100%;
    z-index: 8;
    height: 100%;
    pointer-events: none
}

.nivo-html-caption {
    display: none
}

@media (max-width: 767px) {
    .nivo-caption {
        pointer-events: none
    }
}

.slider-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.slider-content > .container {
    height: 100%
}

.slider-content > .container .inner {
    position: relative;
    height: 100%
}

.slider-content .content {
    position: absolute;
    top: 50%;
    text-align: left;
    left: 17%; /*! max-width: 50%; */
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-content .content .slide-title h3, .slider-content .content .sub-title h3 {
    color: #44556f;
    text-transform: none;
    font-size: 4.8rem;
    font-weight: 800;
    line-height: 1.08;
    margin: 0
}

.slider-content .content .sub-title h3 {
    margin-bottom: 2.2rem
}

.slider-content .content .slide-description .text1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
    font-size: 2.4rem;
    letter-spacing: 0;
    margin-bottom: 2rem;
    color: var(--link-hover-color);
    line-height: 2.5rem
}

.slider-content .content .slide-description .text1 span {
    background: var(--link-hover-color);
    color: #fff;
    display: inline-block;
    vertical-align: top;
    padding: 0 1rem;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    margin-right: 5px;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 400
}

.text2 {
    color: #4d4d4d !important
}

.calc select.form-control {
    width: 100%;
    padding: 10px;
    font-size: 17px;
    box-sizing: content-box;
    border-radius: 2px
}

.calc h3.text2 {
    color: #fff !important;
    height: 100%;
    font-size: 83px
}

.calc form.form-horizontal {
    width: 40%;
    border: 4px solid #fff;
    padding: 20px 110px;
    box-sizing: content-box
}

.calc input.form-control {
    width: 100%;
    padding: 10px;
    font-size: 17px;
    box-sizing: content-box;
    border-radius: 5px
}

.calc {
    padding: 50px 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.calc .form-horizontal .form-group:first-child {
    margin-top: 15px
}

.testimonial-module.vzmrent-calc {
    background: url(../image/bkg_newletter.jpg) center repeat-x;
    background-size: cover;
    border-radius: 50px
}

.slider-content .content .slide-description .text2 {
    margin-top: 0;
    font-size: 7rem;
    line-height: 7rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3.7rem;
    position: relative;
    padding-bottom: 4rem
}

.slider-content .content .slide-description .text2:after {
    content: "";
    width: 6.8rem;
    height: 4px;
    background: var(--link-hover-color);
    position: absolute;
    left: 0;
    bottom: 0;
    display: none
}

.slider-content .content .slide-description .text2 span {
    display: block;
    font-weight: 400
}

.slider-content .content .slide-description .text3 {
    font-size: 2.8rem;
    letter-spacing: 0;
    margin: 0;
    text-transform: capitalize;
    color: #fff
}

.slider-content .content .slide-description .text3 span {
    color: #fcc336
}

.slider-content.slider-2 .content .slide-description .text1, .slider-content.slider-2 .content .slide-description .text2, .slider-content.slider-2 .content .slide-description .text3 {
    color: #4d4d4d
}

.slider-content .content .slide-readmore a {
    display: inline-block;
    vertical-align: top;
    text-transform: uppercase;
    color: var(--button-color);
    background: var(--button-bg-color);
    font-size: 1.6rem;
    font-weight: 700;
    margin-top: 3rem;
    pointer-events: visible;
    line-height: 5rem;
    padding: 0 4rem;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

table.table.table-bordered.tabled-dis {
    margin-top: 20px
}

.tabled-dis td {
    color: #4d4d4d;
    border: 0 !important;
    font-size: 16px
}

.slider-content .content .slide-readmore a:hover {
    background: var(--button-bg-hover-color);
    color: #fff
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes bounceIn {
    20%, 40%, 60%, 80%, from, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

.slider-content.slider-1 .slide-readmore {
    animation: fadeInUp 1.4s linear alternate;
    -webkit-animation: fadeInUp 1.4s linear alternate;
    -moz-animation: fadeInUp 1.4s linear alternate
}

.slider-content.slider-2 .slide-readmore {
    animation: slideInUp .5s linear alternate;
    -webkit-animation: slideInUp .5s linear alternate;
    -moz-animation: slideInUp .5s linear alternate;
    display: none
}

.slider-content.slider-3 .slide-readmore {
    animation: slideInUp .5s linear alternate;
    -webkit-animation: slideInUp .5s linear alternate;
    -moz-animation: slideInUp .5s linear alternate
}

.slider-content.slider-2 .slide-description .text1, .slider-content.slider-2 .slide-title {
    animation: zoomIn 1s linear alternate;
    -webkit-animation: zoomIn 1s linear alternate;
    -moz-animation: zoomIn 1s linear alternate
}

.slider-content.slider-1 .slide-description .text1, .slider-content.slider-1 .slide-title {
    animation: fadeInRight .6s linear alternate;
    -webkit-animation: fadeInRight .6s linear alternate;
    -moz-animation: fadeInRight .6s linear alternate
}

.slider-content.slider-3 .slide-description .text1, .slider-content.slider-3 .slide-title {
    animation: fadeInLeft 1s linear alternate;
    -webkit-animation: fadeInLeft 1s linear alternate;
    -moz-animation: fadeInLeft 1s linear alternate
}

.slider-content.slider-1 .slide-description p {
    animation: fadeInUp 1s linear alternate;
    -webkit-animation: fadeInUp 1s linear alternate;
    -moz-animation: fadeInUp 1s linear alternate
}

.slider-content.slider-2 .slide-description p {
    animation: bounceIn 2s linear alternate;
    -webkit-animation: bounceIn 2s linear alternate;
    -moz-animation: bounceIn 2s linear alternate
}

.slider-content.slider-3 .slide-description p {
    animation: fadeInRight 1.5s linear alternate;
    -webkit-animation: fadeInRight 1.5s linear alternate;
    -moz-animation: fadeInRight 1.5s linear alternate
}

.slider-content.slider-1 .slide-description .text2, .slider-content.slider-1 .sub-title {
    animation: fadeInLeft .8s linear alternate;
    -webkit-animation: fadeInLeft .8s linear alternate;
    -moz-animation: fadeInLeft .8s linear alternate
}

.slider-content.slider-2 .slide-description .text2, .slider-content.slider-2 .sub-title {
    animation: bounceIn 2s linear alternate;
    -webkit-animation: bounceIn 2s linear alternate;
    -moz-animation: bounceIn 2s linear alternate;
    padding: 0;
    margin: 0;
    color: #1ead71 !important
}

.slider-content.slider-3 .slide-description .text2, .slider-content.slider-3 .sub-title {
    animation: rotateInDownRight 2s linear alternate;
    -webkit-animation: rotateInDownRight 2s linear alternate;
    -moz-animation: rotateInDownRight 2s linear alternate
}

@media (max-width: 1599px) {
    .slider-content .content {
        left: 7%
    }
}

@media (max-width: 1300px) {
    .slider-content .content {
        left: 5%
    }

    .slider-content .content .slide-description .text1 {
        font-size: 1.6vw;
        margin-bottom: 1vw
    }

    .slider-content .content .slide-description .text1 span {
        font-size: 1.2vw
    }

    .slider-content .content .slide-description .text2 {
        font-size: 4vw;
        margin-bottom: 2vw;
        padding-bottom: 2vw
    }

    .slider-content .content .slide-description .text3 {
        font-size: 1.6vw
    }

    .slider-content .content .slide-readmore a {
        font-size: 1.4vw;
        line-height: 4vw;
        padding: 0 3vw;
        margin-top: 3vw
    }
}

@media (max-width: 991px) {
    .slider-content .content .slide-description .text1 {
        font-size: 1.6vw;
        line-height: 2.2vw
    }

    .slider-content .content .slide-description .text1 span {
        line-height: 2.2vw
    }

    .slider-content .content .slide-description .text2 {
        font-size: 4vw
    }

    .slider-content .content .slide-description .text3 {
        font-size: 1.8vw;
        line-height: 1.3
    }

    .slider-content .content .slide-readmore a {
        font-size: 1.4vw;
        line-height: 4vw;
        padding: 0 3vw;
        margin-top: 4vw
    }
}

@media (max-width: 767px) {
    .slider-content .content .slide-description .text1 {
        font-size: 3vw;
        margin-bottom: 2vw
    }

    .slider-content .content .slide-description .text2 {
        font-size: 6vw
    }

    .slider-content .content .slide-description .text3 {
        font-size: 3vw
    }

    .slider-content .content .slide-readmore a {
        font-size: 2.4vw;
        line-height: 5vw;
        padding: 0 3vw;
        margin-top: 3vw
    }
}

@media (max-width: 479px) {
    div#zalog {
        padding: 10px;
        font-size: 20px;
        color: #1dad71;
        font-weight: 700
    }

    .slider-content .content .slide-description .text1 {
        font-size: 12px;
        line-height: 10px
    }

    .slider-content .content .slide-description .text2 {
        font-size: 6vw;
        margin-bottom: 4vw;
        padding-bottom: 4vw;
        line-height: 7vw
    }

    .slider-content .content .slide-description .text3 {
        font-size: 4vw
    }

    .slider-content .content .slide-readmore a {
        font-size: 3vw;
        line-height: 7vw;
        padding: 0 3vw;
        margin-top: 5vw
    }
}

.pro-label {
    position: absolute;
    left: .5rem;
    top: .5rem;
    color: #222;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 400;
    z-index: 2;
    text-align: center;
    letter-spacing: 0;
    min-width: 4.8rem;
    line-height: 2.1rem;
    border-radius: 2px;
    -webkit-border-radius: 2px
}

.pro-label.sale {
    background-color: #e52e06;
    font-weight: 700;
    color: #fff
}

.pro-label.new {
    background-color: var(--link-hover-color)
}

.box-label > div:nth-child(2) > span {
    top: 3.1rem
}

.img-responsive {
    margin: auto;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.img-rotate-image {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    background: #fff
}

.rotate-image-container:hover .img-rotate-image {
    opacity: 1
}

.block-title {
    margin-bottom: 4.8rem;
    margin-top: 7.2rem;
    position: relative;
    text-align: center
}

.block-title h3 {
    font-size: 3rem;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    margin: 0
}

.block-title h3 em {
    color: var(--link-hover-color);
    font-style: normal
}

.block-title h3 + p {
    margin-bottom: 0;
    line-height: 2.4rem;
    margin: auto;
    margin-top: 1.3rem
}

.block-title p.sub-title {
    text-transform: capitalize;
    margin-bottom: .4rem;
    color: #999;
    font-size: 1.6rem
}

.block-title-3 .block-title {
    margin-bottom: 1.5rem
}

.block-title-3 .block-title h3 {
    font-size: 2.3rem;
    color: var(--heading-color);
    border: 0
}

.block-title-3 .block-title h3 span {
    background: 0 0;
    border-radius: 0;
    padding: 0;
    line-height: inherit
}

.module-custom-1 .product-thumb .product-item .caption {
    display: grid;
    grid-template-columns:100%;
    padding-top: 1.9rem
}

.module-custom-1 .box-label {
    order: 2;
    margin-top: 1.7rem
}

.module-custom-1 .box-label .pro-label {
    position: relative;
    display: inline-block;
    vertical-align: top;
    top: auto !important;
    left: auto
}

.module-custom-1 .box-label div:not(:first-child) .pro-label {
    margin-top: 5px
}

.module-custom-1 .product-thumb .product-item .caption .price {
    order: 1
}

.module-custom-1 .product-thumb .product-item .caption .rating {
    order: 3;
    margin-top: 2rem;
    margin-bottom: 0
}

.module-custom-1 .product-thumb .product-item .caption h4 {
    order: 4;
    margin-bottom: 0;
    margin-top: .8rem
}

.module-custom-1 .pt-content {
    border: 0;
    padding: 0
}

.module-custom-1 .product-thumb .product-item {
    border: 1px solid #efefef;
    border-top: 0;
    padding: 0 1.4rem;
    padding-bottom: 8.4rem;
    padding-top: 3rem
}

.button-view-more {
    display: none
}

.module-custom-1 .product-thumb .product-item .caption .button-view-more {
    line-height: 4.8rem;
    text-transform: uppercase;
    text-align: center;
    background: #efefef;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 1.3rem;
    color: #222;
    font-weight: 600;
    text-decoration: none;
    display: block
}

.module-custom-1 .product-thumb .product-item .caption .button-view-more:after {
    content: "\f10a";
    font-family: Ionicons;
    font-size: 1.2rem;
    margin-left: 1rem
}

.module-custom-1 .product-thumb .product-item .caption .button-view-more:hover {
    color: var(--link-hover-color)
}

@media (min-width: 992px) {
    .module-custom-1 .block-title h3 span {
        display: block
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .module-custom-1 .block-title h3 {
        font-size: 1.6rem
    }
}

@media (max-width: 991px) {
    .module-custom-1 .block-title {
        margin-bottom: 3rem
    }

    .module-custom-1 .product-thumb .product-item {
        border-top: 1px solid #efefef;
        padding-top: 0
    }
}

.module-custom-2 .block-title + .pt-content {
    padding: 0;
    border: 0;
    position: relative
}

.module-custom-2 .gallery-product {
    margin-right: calc(15.352% + 2rem);
    background: #fff
}

.module-custom-2 .gallery-thumbs {
    width: 15.352%;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    right: 0
}

.module-custom-2 .gallery-thumbs .swiper-viewport {
    height: 100%;
    text-align: center
}

.module-custom-2 .gallery-thumbs .swiper-container {
    height: 100%
}

.module-custom-2 .gallery-product .product-thumb .product-item {
    display: grid;
    grid-template-columns:51.913% auto;
    align-items: center;
    padding: 4.5rem 1.5rem
}

.module-custom-2 .gallery-product .product-thumb .product-item .caption {
    padding-left: 3rem
}

.module-custom-2 .product-thumb .product-item .manufacture-product {
    display: block
}

.module-custom-2 .quantity-progress {
    display: block;
    margin-top: 3.1rem;
    margin-bottom: 3.3rem
}

.module-custom-2 .text-countdown {
    display: block
}

@media (max-width: 991px) {
    .module-custom-2 .gallery-product .product-thumb .product-item {
        grid-template-columns:100%;
        padding: 1.5rem
    }

    .module-custom-2 .gallery-product .product-thumb .product-item .caption {
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .module-custom-2 .gallery-thumbs .swiper-viewport {
        height: 65%
    }
}

@media (max-width: 479px) {
    .module-custom-2 .gallery-thumbs .swiper-viewport {
        height: 53%
    }

    .testimonial-module.vzmrent-calc {
        padding: 20px
    }

    .calc {
        padding: 1px 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .calc h3.text2 {
        color: #fff !important;
        font-size: calc(2vw + 2vh);
        line-height: calc(20vh / 4)
    }

    .calc form.form-horizontal {
        width: 100%;
        padding: 20px 50px;
        padding-right: 70px
    }

    .module-custom-2 .gallery-product {
        margin-right: calc(15.352% + 1rem)
    }

    .module-custom-2 .countdown-box .box {
        margin-right: .3rem
    }

    .module-custom-2 .countdown-box .box b {
        font-size: 1.5rem;
        width: 4.5rem;
        height: 4.5rem;
        line-height: 4.3rem;
        margin-bottom: .5rem
    }

    .module-custom-2 .gallery-product .product-thumb .product-item {
        padding: 1rem
    }

    .module-custom-2 .quantity-progress {
        margin-top: 1.5rem;
        margin-bottom: 2rem
    }

    .module-custom-2 .countdown-box .box span {
        font-size: 1.1rem
    }
}

.swiper-viewport .pimg-navigation > div { /*! display: block; */
    border: 0;
    left: 50% !important;
    margin: 0;
    width: auto;
    height: auto;
    background: 0 0;
    line-height: 30px;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.swiper-viewport .pimg-navigation .pimg-button-next {
    bottom: -1.4rem;
    top: auto;
    margin: 0
}

.swiper-viewport .pimg-navigation .pimg-button-prev {
    top: -1.4rem;
    margin: 0
}

.swiper-viewport .pimg-navigation .pimg-button-next:before {
    content: "\f3d0"
}

.swiper-viewport .pimg-navigation .pimg-button-prev:before {
    content: "\f3d8"
}

.swiper-container {
    direction: ltr !important
}

.swiper-viewport .swiper-button-prev {
    left: 0
}

.swiper-viewport .swiper-button-next {
    right: 0
}

.swiper-viewport:hover .swiper-button-next, .swiper-viewport:hover .swiper-button-prev {
    opacity: 1
}

.swiper-viewport:hover .swiper-button-next.swiper-button-disabled, .swiper-viewport:hover .swiper-button-prev.swiper-button-disabled {
    opacity: .3 !important
}

@media (min-width: 768px) {
    .swiper-viewport .swiper-button-prev {
        opacity: 0;
        left: -1rem
    }

    .swiper-viewport .swiper-button-next {
        opacity: 0;
        right: -1rem
    }

    .swiper-viewport:hover .swiper-button-prev {
        opacity: 1;
        left: -1rem
    }

    .swiper-viewport:hover .swiper-button-next {
        opacity: 1;
        right: -1rem
    }

    .products-container .swiper-viewport:hover .swiper-button-prev {
        opacity: 1;
        left: -2.5rem
    }

    .products-container .swiper-viewport:hover .swiper-button-next {
        opacity: 1;
        right: -2.5rem
    }
}

.swiper-pagination {
    bottom: -4rem;
    left: 0;
    text-align: center;
    width: 100%
}

.swiper-pagination-bullet {
    width: 1.1rem;
    height: 1.1rem;
    background: rgba(0, 0, 0, .5);
    border-radius: 2rem;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
    margin: 0 5px;
    opacity: 1
}

.swiper-pagination-bullet:hover {
    background: rgba(0, 0, 0, .7)
}

.swiper-pagination-bullet-active {
    background: rgba(0, 0, 0, .9)
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: not-allowed;
    pointer-events: auto
}

.swiper-viewport {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 0 -1.5rem;
    width: auto;
    position: relative;
    overflow: visible;
    background: 0 0
}

.swiper-viewport .swiper-slide {
    padding: 0 1.5rem
}

.pt-content .swiper-viewport .swiper-slide {
    opacity: 0
}

.pt-content .swiper-viewport .swiper-slide-visible {
    opacity: 1
}

.pt-content .swiper-viewport .swiper-slide-prev {
    opacity: 0
}

.products-container .swiper-viewport {
    margin: 0
}

.products-container .swiper-viewport .swiper-slide {
    padding: 0
}

.swiper-button-next, .swiper-button-prev {
    opacity: 0;
    line-height: 1;
    border: 1px solid transparent;
    width: 5rem;
    height: 5rem;
    margin: 0;
    line-height: 4.8rem;
    text-align: center;
    background: #e9e9e9;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #fff;
    border-color: var(--link-hover-color)
}

.swiper-button-next:before, .swiper-button-prev:before {
    font-family: Ionicons;
    font-size: 2rem;
    color: #222;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
    width: auto;
    height: auto
}

.swiper-button-next:before {
    content: "\f3d1"
}

.swiper-button-prev:before {
    content: "\f3cf"
}

@media (max-width: 767px) {
    .swiper-viewport {
        margin: 0 -.75rem
    }

    .swiper-viewport .swiper-slide {
        padding: 0 .75rem
    }
}

.button-style-2 .swiper-pager {
    position: absolute;
    z-index: 10;
    right: -4px;
    top: -7.1rem;
    width: auto
}

.button-style-2 .swiper-button-next, .button-style-2 .swiper-button-prev {
    position: static;
    width: 3rem;
    height: 3rem;
    line-height: 2.8rem;
    opacity: 1;
    background: 0 0;
    float: right;
    left: auto;
    right: auto;
    margin: 0;
    border: 1px solid #dbdbdb;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.button-style-2 .swiper-button-next:before, .button-style-2 .swiper-button-prev:before {
    font-size: 1.4rem;
    line-height: inherit
}

.button-style-2 .swiper-button-next:hover, .button-style-2 .swiper-button-prev:hover {
    background: var(--button-bg-hover-color);
    color: #fff;
    border-color: var(--button-bg-hover-color)
}

.button-style-2 .swiper-button-next:hover:before, .button-style-2 .swiper-button-prev:hover:before {
    color: #fff
}

.button-style-2 .swiper-button-next.swiper-button-disabled, .button-style-2 .swiper-button-prev.swiper-button-disabled {
    opacity: .3 !important
}

.button-style-2 .swiper-button-prev {
    margin-right: .5rem
}

.rating {
    overflow: hidden;
    line-height: 1
}

.rating > a {
    display: inline-block;
    vertical-align: top;
    line-height: 1.8rem;
    color: #888;
    overflow: hidden;
    text-transform: capitalize;
    font-size: 1.4rem
}

.rating > a:not(:last-child) {
    margin-left: 1rem
}

.rating > a:not(:last-child):after {
    content: "|";
    margin: 0 1rem
}

.rating .icon-ratings {
    position: relative;
    float: left;
    height: 1.8rem;
    width: 1.6rem;
    line-height: 1;
    font-size: 1.8rem;
    margin-right: .5px
}

.rating .icon-ratings:last-child {
    margin: 0
}

.rating .icon-rating {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

table.table-day-p {
    width: 100%;
    border: 1px solid #ddd;
    margin: 20px 0;
    background: #e9ffd5;
    font-weight: 700
}

h5.text1.black_friday {
    color: #fff !important
}

h3.text2.black_friday {
    color: #fff !important;
    padding: 0 !important;
    margin: 0 !important
}

.table-day-p tr td {
    padding: 10px;
    font-size: 19px
}

.table-day-p tr:hover {
    background: #f1f1f1
}

.table-day-p tr:first-child {
    background: #22c782;
    color: #fff;
    font-weight: 700
}

tr#body_table {
    background: #22c782;
    color: #fff;
    font-weight: 700
}

.rating .icon-rating:before {
    content: "\f4b3";
    font-family: Ionicons;
    font-style: normal;
    color: #c1c1c1;
    vertical-align: top;
    display: inline-block;
    line-height: 1
}

.rating .icon-rating-x:before {
    color: #ffde00
}

.ul-swatches-colors {
    list-style: none;
    text-align: left;
    overflow: hidden;
    padding: 0
}

.ul-swatches-colors li {
    border: 1px solid #e8e8e8;
    float: left;
    position: relative;
    margin-right: .3rem;
    padding: 1px;
    overflow: hidden
}

.ul-swatches-colors li:last-child {
    margin-right: 0
}

.ul-swatches-colors .swatches-options:hover {
    border: 1px solid #e88888
}

.ul-swatches-colors .swatches-options.checked {
    border: 1px solid red
}

.ul-swatches-colors .swatches-options a {
    display: block
}

.ul-swatches-colors .swatches-info {
    border: 0;
    padding: 0;
    border-radius: 0
}

.option-swatches {
    display: none
}

.category-options .ul-swatches-colors {
    margin: 0;
    display: inline-block;
    vertical-align: top
}

.col-divide-5 {
    position: relative;
    min-height: 1px;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}

@media (min-width: 1200px) {
    .col-divide-5 {
        width: 20%;
        float: left
    }

    #content .col-divide-5:nth-child(5n+1) {
        clear: left
    }
}

.box-large-item {
    display: grid;
    grid-template-columns:66.022% 33.978%
}

.box-large-item .col-large-item .product-thumb .product-item {
    border: 0
}

.box-large-item .col-large-item {
    border-left: 1px solid #ebebeb;
    margin-left: 1px
}

@media (max-width: 1199px) {
    .box-large-item {
        grid-template-columns:50% 50%
    }
}

@media (max-width: 767px) {
    .box-large-item {
        grid-template-columns:100%
    }

    .box-large-item .col-large-item {
        border: 0;
        margin: 0;
        order: 1;
        border-bottom: 1px solid #ebebeb
    }

    .box-large-item .col-muti-items {
        order: 2
    }
}

.product-thumb[data-swiper-row="1"] > div, .product-thumb[data-swiper-row="2"] > div, .product-thumb[data-swiper-row="3"] > div, .product-thumb[data-swiper-row="4"] > div, .product-thumb[data-swiper-row="5"] > div, .product-thumb[data-swiper-row="6"] > div {
    margin-top: 3rem
}

.product-thumb .product-item {
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-thumb .product-item:hover {
    z-index: 5
}

.product-thumb .product-item:hover {
    opacity: 1
}

.products-container .swiper-container {
    margin: -2rem -3rem -4rem -3rem;
    padding: 2rem 3rem 4rem 3rem;
    z-index: 0
}

.item-hover .swiper-container:hover {
    z-index: 5
}

.products-container .pt-content {
    border: 1px solid #ededed
}

.products-container .product-thumb .product-item {
    padding: 15px;
    border-left: 1px solid rgba(0, 0, 0, .07)
}

.product-thumb.swiper-slide-active .product-item, .product-thumb[data-swiper-column="0"] .product-item {
    border-color: transparent
}

.products-container .product-thumb .product-item:before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.products-container .product-thumb .product-item:hover:before {
    opacity: 1;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px
}

.products-container .product-thumb.swiper-slide-active .product-item:hover:before, .products-container .product-thumb[data-swiper-column="0"] .product-item:hover:before {
    left: -2px
}

.product-thumb .product-item .image {
    position: relative;
    text-align: center
}

.product-thumb .product-item .image a {
    display: block;
    position: relative
}

.product-thumb .product-item .caption {
    text-align: center;
    padding: 1.4rem 0 .5rem 0;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    position: relative
}

.product-thumb .product-item .product-description {
    margin-top: .9rem;
    line-height: 2.4rem
}

.product-thumb .product-item .caption .rating {
    display: inline-block;
    vertical-align: top
}

.product-thumb .product-item .manufacture-product {
    margin: 0;
    line-height: 1;
    display: none
}

.product-thumb .product-item .manufacture-product a {
    font-size: 1.2rem;
    color: #929292;
    text-transform: capitalize
}

.product-thumb .product-item .manufacture-product a:hover {
    color: var(--link-hover-color)
}

.col-md-12.static-href a {
    display: inline-block;
    vertical-align: top;
    background: var(--button-bg-color);
    color: var(--button-color);
    line-height: 4rem;
    padding: 0 2rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 3.3rem;
    pointer-events: visible
}

.col-md-12.static-href {
    display: flex;
    justify-content: center
}

.product-thumb .product-item .category-options {
    line-height: 1;
    padding: 1rem 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1rem;
    background: rgba(0, 0, 0, .05);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-thumb .product-item:hover .category-options {
    opacity: 1;
    bottom: 0
}

.calc .form-group {
    width: auto;
    text-align: center
}

.calc button.btn.btn-default {
    width: fit-content
}

.product-thumb .product-item .caption h4 {
    margin-bottom: 1.2rem;
    clear: both;
    margin-top: 0;
    padding-top: 1rem
}

.product-thumb .product-item .caption h4 a {
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.375;
    font-size: 1.6rem
}

.product-thumb .product-item .caption h4 a:hover {
    color: var(--link-hover-color)
}

.product-thumb .product-item .button-group > .inner {
    display: inline-block;
    vertical-align: top
}

.product-thumb .button-group button {
    border: none;
    float: left;
    width: 5rem;
    height: 5rem;
    line-height: 4.8rem;
    margin: 0 9px 0 0;
    border: 1px solid var(--link-hover-color);
    padding: 0;
    background: 0 0;
    color: #222;
    font-size: 2rem;
    font-weight: 400;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.product-thumb .button-group button:hover {
    background: var(--link-hover-color)
}

.product-thumb .button-group button span {
    display: none
}

.product-thumb .button-group button:before {
    font-family: Ionicons;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
    font-weight: 400
}

.product-thumb .button-group button:last-child {
    margin: 0 !important
}

.product-thumb .button-group button.button-cart:before {
    content: "\f110"
}

.product-thumb .button-group button.button-wishlist:before {
    content: "\f387"
}

.product-thumb .button-group button.button-compare:before {
    content: "\f39d"
}

.product-thumb .product-item .button-quickview:before {
    content: "\f39c"
}

.product-thumb[data-swiper-row="1"] > .grid-style, .product-thumb[data-swiper-row="2"] > .grid-style, .product-thumb[data-swiper-row="3"] > .grid-style, .product-thumb[data-swiper-row="4"] > .grid-style, .product-thumb[data-swiper-row="5"] > .grid-style, .product-thumb[data-swiper-row="6"] > .grid-style {
    margin-top: 0;
    border-top: 1px solid rgba(0, 0, 0, .07)
}

.grid-style .button-group button {
    -moz-transform: scale(.7);
    -webkit-transform: scale(.7);
    -o-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7)
}

.grid-style .product-item:hover .button-group button {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.grid-style .button-group {
    text-align: center;
    z-index: 3;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    bottom: 1rem;
    display: flex;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 1
}

.grid-style .button-group > .inner {
    margin: auto
}

.list-style .product-item {
    display: grid;
    grid-template-columns:39.575% auto;
    align-items: center
}

.list-style .product-item .caption {
    padding-left: 1.5rem;
    padding-top: 0;
    text-align: left;
    padding-bottom: 0
}

.list-style .product-item .caption > .inner {
    position: relative
}

.products-container .list-style .text-countdown {
    background: 0 0;
    margin-top: 0
}

.product-thumb[data-swiper-row="1"] > .list-style, .product-thumb[data-swiper-row="2"] > .list-style, .product-thumb[data-swiper-row="3"] > .list-style, .product-thumb[data-swiper-row="4"] > .list-style, .product-thumb[data-swiper-row="5"] > .list-style, .product-thumb[data-swiper-row="6"] > .list-style {
    margin-top: 0
}

@media (max-width: 1699px) {
    .product-thumb .button-group button {
        margin: 0 5px 0 0;
        width: 4.5rem;
        height: 4.5rem;
        line-height: 4.3rem
    }
}

@media (max-width: 1199px) {
    .product-thumb .button-group button {
        margin: 0 5px 0 0;
        width: 4rem;
        height: 4rem;
        line-height: 3.8rem
    }
}

@media (max-width: 767px) {
    .button-quickview {
        display: none !important
    }

    .list-style-2 .list-style .product-item {
        grid-template-columns:39.575% auto
    }

    .list-style .product-item .caption {
        padding-right: 0;
        padding-left: 1rem
    }

    .products-container .swiper-container {
        margin-right: -1.5rem;
        margin-left: -1.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

@media (min-width: 375px) and (max-width: 479px) {
    .product-thumb .button-group button {
        margin: 0 5px 0 0;
        width: 4rem;
        height: 4rem;
        line-height: 4rem
    }
}

.tabs-product .block-title {
    margin-bottom: 5.1rem
}

.tabs-product .tabs-style {
    display: block;
    margin-top: 3rem;
    position: relative;
    z-index: 6
}

.tabs-product .tabs-style .nav-tabs {
    margin: 0;
    border: 0
}

.tabs-product .tabs-style .nav-tabs > li {
    float: none;
    margin: 0 3.5rem 0 0;
    display: inline-block;
    vertical-align: top;
    padding: .5rem 0
}

.tabs-product .tabs-style .nav-tabs > li:last-child {
    margin: 0
}

.tabs-product .tabs-style .nav-tabs > li > a {
    margin: 0;
    background: 0 0;
    border: 0;
    border-radius: 0;
    padding: 0;
    font-size: 1.2rem;
    text-transform: uppercase;
    color: #707070;
    position: relative;
    font-weight: 500;
    line-height: 2rem;
    letter-spacing: 0;
    letter-spacing: -.025em
}

.tabs-product .tabs-style .nav-tabs > li.active > a, .tabs-product .tabs-style .nav-tabs > li > a:hover {
    color: var(--link-hover-color)
}

.tabs-product .tabs-style .nav-tabs > li.active > a:after {
    content: "";
    left: 0;
    right: 0;
    height: 2px;
    background: var(--link-hover-color);
    position: absolute;
    bottom: 0;
    opacity: 0
}

@media (max-width: 767px) {
    .tabs-product .tabs-style {
        margin-top: 1.5rem
    }

    .tabs-product .tabs-style .nav-tabs > li {
        margin: 0 1.5rem !important
    }
}

@media (max-width: 479px) {
    .tabs-product .tabs-style .nav-tabs > li {
        margin: 0 1rem !important
    }

    .tabs-product .tabs-style .nav-tabs > li > a {
        line-height: 2rem
    }

    .product-thumb[data-swiper-row="1"] > .grid-style, .product-thumb[data-swiper-row="2"] > .grid-style, .product-thumb[data-swiper-row="3"] > .grid-style, .product-thumb[data-swiper-row="4"] > .grid-style, .product-thumb[data-swiper-row="5"] > .grid-style, .product-thumb[data-swiper-row="6"] > .grid-style {
        margin-top: 2rem
    }
}

.module-tabs-custom .block-title + .pt-content {
    padding-left: 20.2%;
    position: relative
}

.module-tabs-custom .box-large-image {
    display: grid;
    grid-template-columns:37.213% 62.787%
}

.module-tabs-custom .box-large-image .pt-block .image, .module-tabs-custom .box-large-image .pt-block .image > a {
    border-radius: 0;
    -webkit-border-radius: 0
}

.module-tabs-custom.tabs-product .tabs-style {
    position: absolute;
    top: 0;
    left: 0;
    right: 79.8%;
    bottom: 0
}

.module-tabs-custom.tabs-product .tabs-style > ul {
    height: 100%;
    padding: 2.7rem 3rem
}

.module-tabs-custom.tabs-product .tabs-style ul > li {
    display: block;
    margin: 0;
    position: static;
    border-bottom: 1px solid #ebebeb;
    padding: .6rem 0
}

.module-tabs-custom.tabs-product .tabs-style ul > li:last-child {
    border: 0
}

.module-tabs-custom.tabs-product .tabs-style ul > li > a {
    position: static
}

.module-tabs-custom.tabs-product .tabs-style ul > li > a > img {
    position: absolute;
    left: 3rem;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    z-index: -1
}

.module-tabs-custom.tabs-product .tabs-style ul > li.active > a > img {
    opacity: 1
}

@media (max-width: 1199px) {
    .module-tabs-custom.tabs-product .tabs-style > ul {
        padding: 2.5rem 2rem
    }

    .module-tabs-custom.tabs-product .tabs-style ul > li > a > img {
        left: auto;
        right: 2rem;
        max-height: 98%
    }

    .module-tabs-custom .block-title + .pt-content {
        padding: 0
    }

    .module-tabs-custom.tabs-product .tabs-style {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        border-bottom: 1px solid #ebebeb
    }

    .module-tabs-custom.tabs-product .tabs-style ul > li {
        display: inline-block;
        vertical-align: top;
        border: 0;
        margin-right: 3rem
    }
}

@media (max-width: 479px) {
    .module-tabs-custom .box-large-image {
        grid-template-columns:100%
    }
}

.brand-categories-module.tabs-product .tabs-style {
    display: block;
    position: relative;
    top: auto;
    left: 0;
    right: auto;
    border: 1px solid #efefef;
    border-top: 0
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs {
    display: flex;
    display: -webkit-flex
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs > li > a {
    padding: 4rem .5rem;
    min-height: 12rem;
    display: grid;
    align-content: center
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs > li > a img {
    max-width: 100%;
    margin: auto
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs > li > a > span {
    display: none
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs > li {
    margin: 0 !important;
    text-align: center;
    padding: 0;
    border-right: 1px solid #efefef;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs > li:after {
    content: "";
    left: -1px;
    right: -1px;
    bottom: -1px;
    height: 2px;
    background: #44556f;
    position: absolute;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs > li.active:after, .brand-categories-module.tabs-product .tabs-style .nav-tabs > li:hover:after {
    opacity: 1
}

.brand-categories-module.tabs-product .tabs-style .nav-tabs > li:last-child {
    border: 0
}

.brand-categories-module.button-style-2 .swiper-pager {
    top: -19.4rem
}

@media (max-width: 767px) {
    .brand-categories-module.tabs-product .tabs-style .nav-tabs > li > a {
        min-height: 6rem;
        padding: 2rem .2rem
    }
}

@media (max-width: 479px) {
    .brand-categories-module.tabs-product .tabs-style .nav-tabs > li > a {
        padding: 1.5rem .2rem;
        min-height: 4rem
    }
}

.countdown-module .list-style .product-item {
    padding: 3rem;
    grid-template-columns:49.725% auto
}

.countdown-module .list-style .product-item .caption {
    padding-left: 3rem
}

.countdown-module .list-style .countdown-box {
    margin-bottom: 2.7rem
}

.countdown-module .list-style .product-item .caption h4 a {
    font-size: 2.4rem
}

.countdown-module .list-style .product-item .caption h4 {
    padding-top: 1.5rem;
    margin-bottom: 1.7rem
}

.countdown-module .list-style .price {
    font-size: 2.4rem
}

.countdown-module .list-style .price .price-old {
    font-size: 1.8rem
}

.countdown-module .list-style .button-group button.button-cart {
    width: auto;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    background: var(--button-bg-color);
    color: var(--button-color);
    padding: 0 1.5rem;
    border-color: var(--button-bg-color)
}

.countdown-module .list-style .button-group button.button-cart:hover {
    background: var(--button-bg-hover-color);
    color: var(--button-hover-color);
    border-color: var(--button-bg-hover-color)
}

.countdown-module .list-style .button-group button.button-cart span {
    display: inline-block;
    vertical-align: top
}

.countdown-module .list-style .button-group button.button-cart:before {
    margin-right: 1.4rem;
    font-size: 2rem
}

.countdown-module .list-style .button-group {
    margin-top: 2.6rem
}

.quantity-progress {
    display: none
}

.product-available, .product-sold {
    float: left;
    margin-bottom: 1.3rem;
    text-transform: capitalize;
    font-size: 1.3rem
}

.product-available span, .product-sold span {
    margin-left: 2px
}

.product-available {
    float: right
}

.bar-percent {
    height: 1.4rem;
    background: #eee;
    width: 100%;
    border-radius: 3rem;
    position: relative;
    overflow: hidden
}

.available-percent {
    position: absolute;
    height: 100%;
    left: 0;
    background: var(--link-hover-color)
}

.text-countdown {
    margin-bottom: 12px;
    margin-top: 15px;
    color: #e73c17;
    font-size: 1.6rem
}

.countdown-box > .inner {
    display: inline-block;
    vertical-align: top
}

.countdown-box .box {
    position: relative;
    text-align: center;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 6rem;
    padding: 1rem 0;
    float: left;
    margin-right: 1.3rem
}

.countdown-box .box:last-child {
    margin-right: 0
}

.countdown-box .box:after {
    content: ":";
    font-size: 3.6rem;
    color: #ccc;
    position: absolute;
    right: -2rem;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.countdown-box .box:last-child:after {
    display: none
}

.countdown-box .box b {
    font-size: 2rem;
    color: #222;
    display: block;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .9rem
}

.countdown-box .box span {
    display: block;
    font-size: 1.2rem;
    text-transform: uppercase;
    line-height: 1;
    color: #999
}

@media (max-width: 1499px) {
    .countdown-module .list-style .product-item {
        padding: 1.5rem
    }

    .countdown-module .list-style .product-item .caption {
        padding-left: 1.5rem
    }

    .countdown-module .list-style .countdown-box {
        margin-bottom: 1.5rem
    }

    .products-container .countdown-box .box {
        width: 5.5rem;
        margin-right: .5rem
    }

    .products-container .countdown-box .box b {
        font-size: 1.8rem
    }

    .countdown-module .list-style .product-item .caption h4 a {
        font-size: 1.8rem
    }

    .countdown-module .list-style .product-item .caption h4 {
        padding-top: 3px
    }

    .countdown-module .list-style .button-group button.button-cart {
        font-size: 1.4rem
    }

    .countdown-module .list-style .button-group button.button-cart:before {
        display: none
    }
}

@media (max-width: 1199px) {
    .countdown-module .list-style .product-item {
        grid-template-columns:45% auto
    }
}

@media (max-width: 991px) {
    .products-container .countdown-box .box {
        width: 5.2rem
    }
}

@media (max-width: 767px) {
    .products-container .countdown-box .box {
        width: 5rem
    }

    .countdown-module .list-style .product-item {
        grid-template-columns:100%;
        padding: 3rem
    }

    .countdown-module .list-style .product-item .caption {
        padding: 2rem 0 0 0;
        text-align: center
    }
}

@media (max-width: 479px) {
    .countdown-module .list-style .product-item {
        padding: 1.5rem;
        padding-bottom: 3rem
    }
}

.special-categories-module {
    margin-top: 3rem
}

.special-categories-module img:hover {
    opacity: .7
}

.special-categories-module .category-content {
    position: relative;
    text-align: center;
    display: grid;
    grid-template-columns:44.3% auto;
    border: 1px solid #ededed;
    padding: 55px 15px 60px 15px;
    background: #fcfcfc
}

.special-categories-module .category-content .caption {
    text-align: left;
    padding: 0;
    padding-left: 1.5rem
}

.special-categories-module .product-thumb .product-item .caption h4 {
    margin: 0 0 9px 0;
    padding: 0
}

.special-categories-module .category-content .total-items {
    color: #0886cf;
    font-size: 1.6rem;
    text-transform: capitalize;
    margin: 0
}

.special-categories-module .product-thumb .product-item .caption h4 a {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.6rem;
    color: var(--heading-color)
}

.special-categories-module .product-thumb .product-item .caption h4 a:hover {
    color: var(--link-hover-color)
}

.special-categories-module .category-content h4 a:hover {
    color: var(--link-hover-color)
}

.special-categories-module .category-content .view-more {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 4rem;
    background: var(--button-bg-color);
    color: var(--button-color);
    display: inline-block;
    vertical-align: top;
    padding: 0 2.4rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 2.3rem
}

.special-categories-module .category-content .view-more:hover {
    background: var(--button-bg-hover-color);
    color: var(--button-hover-color)
}

.category-description {
    line-height: 2rem;
    font-size: 1.4rem;
    color: #777
}

.special-categories-module .category-content .caption .link {
    text-transform: capitalize;
    color: var(--link-hover-color);
    font-size: 1.4rem;
    display: block;
    line-height: 2rem
}

.special-categories-module .category-content .caption .link:hover {
    text-decoration: underline
}

.child-featured-categories {
    padding: 0;
    line-height: 2.4rem;
    font-size: 1.4rem;
    margin: 0;
    list-style: none;
    padding-top: 1.6rem
}

.child-featured-categories li a {
    color: #666
}

.child-featured-categories li a:before {
    content: "\f30f";
    font-family: Ionicons;
    margin-right: 1rem;
    color: #b9b9b9
}

.child-featured-categories li a:hover {
    color: var(--link-hover-color)
}

.swiper-slide[data-swiper-row="1"] > .category-content, .swiper-slide[data-swiper-row="2"] > .category-content, .swiper-slide[data-swiper-row="3"] > .category-content, .swiper-slide[data-swiper-row="4"] > .category-content, .swiper-slide[data-swiper-row="5"] > .category-content, .swiper-slide[data-swiper-row="6"] > .category-content {
    margin-top: 3rem
}

@media (max-width: 991px) {
    .special-categories-module .category-content .caption {
        padding-left: .5rem
    }
}

.testimonial-module {
    margin-top: 10rem
}

.testimonial-module .block-title {
    display: none
}

.testimonial-module .swiper-viewport {
    margin: 0
}

.testimonial-module .swiper-viewport .swiper-slide {
    padding: 0
}

.testimonial-module .gallery-thumbs {
    max-width: 31rem;
    margin-bottom: 2.5rem
}

.testimonial-module .testimonial-box {
    text-align: center;
    max-width: 85rem;
    margin: auto
}

.testimonial-module .testimonial-box p:before {
    content: '';
    width: 6.1rem;
    height: 5.7rem;
    background: url(../image/icon_ttm.png) center no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto
}

.testimonial-module .testimonial-box p {
    font-size: 2.4rem;
    color: #222;
    font-style: italic;
    line-height: 3rem;
    position: relative;
    padding-top: 11rem
}

.testimonial-module .testimonial-images {
    text-align: center;
    margin-top: 2rem
}

.testimonial-module .testimonial-author {
    color: #222;
    font-size: 1.4rem;
    font-weight: 500;
    display: block;
    margin-top: 2.5rem;
    text-transform: uppercase
}

.testimonial-module .rating {
    display: inline-block;
    vertical-align: top;
    margin-top: 3.2rem
}

.testimonial-module .rating .icon-rating-x:before {
    color: var(--link-hover-color)
}

.testimonial-module .rating .icon-ratings {
    margin-right: .5rem
}

.testimonial-module .rating .icon-ratings:last-child {
    margin: 0
}

@media (max-width: 991px) {
    .testimonial-module {
        margin-top: 5rem
    }
}

@media (max-width: 479px) {
    .testimonial-module .testimonial-box p {
        font-size: 2rem;
        padding-top: 8rem
    }
}

img.visa-master {
    height: 35px;
    margin-top: 20px
}

#instagram_block_home {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    border-top: 1px solid #ebebeb;
    margin-top: 7.5rem
}

#instagram_block_home .block-title { /*! display: none; */
}

#instagram_block_home .swiper-viewport {
    margin: 0 -.5rem
}

#instagram_block_home .swiper-viewport .swiper-slide {
    padding: 0 .5rem
}

#instagram_block_home .fancybox {
    position: relative
}

#instagram_block_home .fancybox:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #000;
    display: grid;
    align-content: center;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0
}

#instagram_block_home .fancybox:hover:before {
    opacity: .8
}

#instagram_block_home .fancybox:hover .box-cmt {
    opacity: 1
}

#instagram_block_home .fancybox .box-cmt {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
    font-size: 1.4rem;
    color: #fff;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

#instagram_block_home .fancybox .box-cmt > span {
    display: inline-block;
    vertical-align: top;
    margin-right: 2rem
}

#instagram_block_home .fancybox .box-cmt > span:last-child {
    margin: 0
}

#instagram_block_home .fancybox .box-cmt > span:before {
    content: "\f443";
    font-family: Ionicons;
    font-size: 1.6rem;
    margin-right: 6px
}

#instagram_block_home .fancybox .box-cmt .comment-count:before {
    content: "\f3fa"
}

#instagram_block_home .fancybox img {
    width: 100%
}

#instagram_block_home .text-follow {
    text-align: center;
    margin-bottom: 0;
    margin-top: 3.3rem;
    background: url(../image/line_instagram.png) center no-repeat;
    background-size: contain
}

#instagram_block_home .text-follow a {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 2rem;
    background: #fff;
    position: relative;
    color: #707070
}

#instagram_block_home .text-follow a:hover {
    color: var(--link-hover-color)
}

@media (max-width: 991px) {
    #instagram_block_home {
        margin-top: 4.5rem
    }
}

.blog-full {
    padding-bottom: 9.4rem;
    border-bottom: 1px solid #ebebeb
}

@media (max-width: 991px) {
    .blog-full {
        padding-bottom: 4.4rem
    }
}

.blog-module .swiper-container {
    margin-top: -1rem;
    padding-top: 1rem
}

.post-image {
    overflow: hidden
}

.post-image a, .post-image img {
    width: 100%
}

.post-item .post-cation {
    padding: 2.7rem 0 0 0;
    text-align: left
}

.post-item .post-cation .post-name {
    margin: 0;
    margin-top: 0;
    position: relative;
    margin-bottom: .5rem
}

.post-item .post-cation .post-name a {
    font-size: 1.8rem;
    font-weight: 600;
    display: block;
    line-height: 1.555
}

.post-item .post-cation .post-name a:hover {
    color: var(--link-hover-color)
}

.post-image .post-date {
    font-size: 1.4rem;
    color: #fff;
    line-height: 3rem;
    padding: 0 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2em;
    background: #e52e06;
    position: absolute;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 3.7rem;
    left: -2.1rem
}

.post-author {
    font-size: 1.3rem;
    color: #9d9d9d;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top
}

.post-author a {
    color: #242424
}

.post-author a:hover {
    color: var(--link-hover-color)
}

.post-intro p {
    margin-bottom: 0;
    margin-top: 1.3rem
}

.post-item .post-cation .btn-more {
    padding-top: 9px;
    display: none
}

.post-item .post-cation .btn-more a {
    font-size: 1.4rem;
    text-transform: capitalize;
    display: block
}

.post-item .post-cation .btn-more a:hover {
    text-decoration: underline
}

@media (max-width: 767px) {
    .post-item .post-cation {
        padding-top: 1.5rem
    }

    .post-item .post-cation .post-name a {
        line-height: 1.3
    }
}

.blog-widget-section {
    margin-bottom: 3rem
}

.blog-widget-section .widget-content {
    line-height: 3rem
}

.blog-widget-section .title {
    text-align: left;
    margin-bottom: 2.5rem;
    position: relative
}

.blog-widget-section .cat-title {
    margin-bottom: 1.8rem
}

.blog-widget-section .title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    background: #ebebeb
}

.blog-widget-section .title h3 {
    background: #fff;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-right: 2rem;
    margin: 0;
    font-size: 2rem
}

.blog-widget .widget-content {
    display: grid;
    grid-template-columns:7.5rem auto;
    margin-bottom: 2rem
}

.latest-post-content {
    padding-left: 1.5rem
}

.blog-widget .latest-post-name {
    margin-top: 0;
    margin-bottom: 0
}

.blog-widget .latest-post-name a {
    display: block;
    line-height: 1.3;
    color: var(--heading-color)
}

.blog-widget .latest-post-name a:hover {
    color: var(--link-hover-color)
}

.tool-bar .post-item-limit {
    max-width: 20rem;
    float: right
}

.post-layout {
    margin-bottom: 3rem
}

.post-grid .post-intro {
    display: block
}

.post-list .post-item .post-cation {
    padding: 0;
    text-align: left
}

.plaza-blog-post .post-container .post-title h1 {
    margin-top: 0;
    font-size: 3.2rem
}

.plaza-blog-post .post-container .post-date {
    color: #999;
    margin-bottom: 2.5rem;
    display: block
}

.plaza-blog-post .post-description img {
    margin-bottom: 2rem
}

.blog-widget-slider {
    margin-top: 5rem
}

.plaza-blog-category .main {
    position: relative
}

.plaza-blog-category .page-title h1 {
    margin-top: 0
}

.plaza-blog-category .page-title + p {
    margin-bottom: 2.5rem
}

@media (max-width: 991px) {
    .blog-widget-section {
        margin-top: 3rem
    }
}

@media (min-width: 768px) {
    .post-layout.col-sm-4:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width: 767px) {
    .post-layout.col-sm-6:nth-child(2n+1) {
        clear: left
    }

    .post-list .post-item > .row, .post-page > .row {
        margin: 0 -.75rem
    }

    .post-list .post-item > .row > div, .post-page > .row > .post-layout {
        padding: 0 .75rem
    }

    .post-intro p {
        font-size: 1.3rem;
        line-height: 2rem
    }
}

@media (max-width: 479px) {
    .post-list .post-item > .row > div {
        width: 100%
    }

    .post-list .post-item > .row > div:not(:first-child) {
        margin-top: 2rem
    }

    .post-item .post-cation .post-name a {
        font-size: 1.4rem
    }
}

#twitter-feed {
    text-align: left;
    color: #999;
    line-height: 2.4rem
}

#twitter-feed .twitter-text br, .tweet-time, .tweet-title, .tweetprofilelink, .twitter-pic {
    display: none
}

#twitter-feed .twitter-text a {
    color: var(--link-hover-color);
    font-weight: 300
}

#twitter-feed .twitter-text a:hover {
    text-decoration: underline
}

.twitter-article {
    margin-bottom: 2rem
}

.twitter-article:last-child {
    margin: 0
}

#content {
    min-height: 30rem
}

#content > h1 {
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0
}

.common-home footer {
    margin-top: 0
}

footer {
    background: #1c1c1c;
    margin-top: 8rem
}

.footer-links .btn-group {
    display: block
}

.footer-links .dropdown-backdrop {
    z-index: 0
}

.footer-links .dropdown-toggle {
    position: relative;
    cursor: pointer;
    box-shadow: none !important;
    -webkit-box-shadow: none !important
}

.footer-links .dropdown-toggle i {
    cursor: pointer;
    font-size: 1.4rem;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-links .dropdown-toggle:hover i {
    color: var(--link-hover-color)
}

.footer-links ul.list-unstyled {
    margin-bottom: 0
}

.footer-links .footer-content {
    color: #999
}

.footer-links .dropdown-menu {
    margin: 0 0 3rem 0;
    float: none;
    position: relative;
    border: 0;
    padding: 0;
    z-index: 1;
    font-size: inherit;
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: 0 0;
    min-width: auto
}

@media (min-width: 768px) {
    .footer-links .dropdown-menu {
        display: block !important;
        margin-bottom: 0
    }
}

.footer-links .inner {
    padding: 8rem 0 3.5rem 0;
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.footer-links .col {
    margin-bottom: 3rem
}

.footer-links h5 {
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 1.9rem;
    font-weight: 700;
    color: #fff;
    padding-bottom: 1.8rem
}

.footer-links h5:after {
    content: "";
    width: 7rem;
    height: 1px;
    background: var(--link-hover-color);
    position: absolute;
    bottom: 0;
    left: 0
}

@media (max-width: 479px) {
    .footer-links h5 {
        font-size: 1.6rem
    }
}

.footer-links ul.list-unstyled a {
    line-height: 3rem;
    padding: 3px 0;
    display: block;
    text-transform: capitalize;
    color: #999;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.footer-links ul.list-unstyled a:hover {
    color: var(--link-hover-color)
}

.logo-footer {
    display: block;
    margin-bottom: 1.3rem
}

.footer-about-us ul {
    padding: 0;
    list-style: none;
    line-height: 3rem;
    margin-bottom: 0;
    margin-top: 3rem;
    font-size: 1.6rem
}

.footer-about-us ul li label {
    text-transform: uppercase;
    font-weight: 700;
    margin: 0;
    vertical-align: top;
    color: #fff;
    font-size: 1.6rem;
    min-width: 8.5rem
}

.payment {
    float: right;
    padding: .5rem 0
}

.social-group {
    overflow: hidden;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 0 2rem;
    margin-top: 3rem
}

.social {
    margin-top: 3.4rem
}

.social label {
    color: #fff;
    margin: 0;
    line-height: 3.8rem;
    font-size: 1.4rem;
    margin-right: 1rem;
    display: none
}

.social a {
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    color: #fff;
    background: #f2f2f2;
    margin-right: 4px;
    text-align: center;
    line-height: 4rem;
    width: 4rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    font-weight: 400
}

.social a.facebook {
    background: #3c5b9b
}

button.btn-block.boc_order_category_btn {
    width: fit-content;
    padding: 0 10px
}

.social a.twitter {
    background: #40c1df
}

.social a.google {
    background: #db3236
}

.social a.youtube {
    background: red
}

.social a:hover {
    background: var(--link-hover-color);
    color: #fff
}

.social a:last-child {
    margin-right: 0
}

.social a:before {
    font-size: 1.6rem;
    font-family: Ionicons;
    display: inline-block;
    vertical-align: top
}

.social a.facebook:before {
    content: "\f231"
}

.social a.google:before {
    content: "\f235"
}

.social a.twitter:before {
    content: "\f243";
    font-size: 1.6rem
}

.social a.youtube:before {
    content: "\f24c"
}

.social a.instagram:before {
    content: "\f350"
}

.footer-copyright {
    text-align: center;
    color: #999
}

.footer-copyright .inner {
    padding: 25px 0;
    border-top: 1px solid rgba(255, 255, 255, .07);
    display: inline-block;
    vertical-align: top;
    width: 100%
}

.footer-copyright .text-powered {
    float: left;
    line-height: 3rem;
    margin: 0;
    padding: 7.5px 0
}

.footer-copyright .text-powered a {
    color: var(--link-hover-color)
}

.footer-copyright .text-powered a:hover {
    text-decoration: underline
}

.alert {
    margin: 0;
    padding: .8rem 1.4rem;
    clear: both;
    font-size: 1.4rem;
    line-height: 2.6rem;
    border-radius: 0;
    -webkit-border-radius: 0;
    position: relative;
    z-index: 9;
    text-align: center
}

body .alert {
    margin-bottom: 2rem
}

.alert .close {
    position: absolute;
    top: 50%;
    right: 1rem;
    font-size: 3.4rem;
    font-weight: 700;
    opacity: 1;
    margin-top: -1.7rem
}

.alert .close:focus, .alert .close:hover {
    color: var(--link-hover-color);
    text-decoration: none;
    cursor: pointer;
    background: 0 0;
    opacity: 1
}

.breadcrumbs {
    text-align: center;
    margin-bottom: 8rem;
    font-size: 1.4rem;
    background: #f7f7f9;
    border-bottom: 1px solid #f1f1f2;
    border-top: 1px solid #f1f1f2
}

.breadcrumbs.has-image {
    position: relative;
    border: 0
}

.breadcrumbs.has-image > .container {
    position: absolute;
    top: 21%;
    left: 0;
    right: 0;
    margin: auto
}

.breadcrumbs.has-image .container-inner {
    padding: 0
}

.breadcrumbs .container-inner {
    padding: 1rem 0
}

.breadcrumbs h1 {
    font-size: 3.6rem;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 1.2rem;
    font-weight: 400;
    letter-spacing: -.025em
}

.breadcrumb {
    margin: 0;
    padding: 0;
    border: 0;
    background: 0 0
}

.breadcrumb i {
    font-size: 1.5rem
}

.breadcrumb > li {
    position: relative;
    vertical-align: top
}

.breadcrumb > li + li:before {
    content: '/';
    color: #242424
}

.breadcrumb > li > a {
    text-transform: capitalize;
    color: #242424
}

.breadcrumb > li:last-child > a, .breadcrumb > li > a:hover {
    color: var(--link-hover-color)
}

@media (max-width: 991px) {
    .breadcrumbs {
        margin-bottom: 5rem
    }
}

.buttons {
    margin: 1em 0;
    overflow: hidden
}

.btn {
    line-height: 2.5rem;
    padding: 2rem 5rem;
    font-size: 2.5rem;
    font-weight: 700;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-transform: capitalize
}

.btn-default {
    line-height: 2.5rem;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    font-weight: 700;
    border: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-transform: uppercase
}

.bootstrap-datetimepicker-widget td span:hover, .btn-default:hover, .btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-shadow: none;
    background-color: var(--link-hover-color)
}

.btn-primary {
    color: #fff;
    text-shadow: none;
    background-color: var(--link-hover-color)
}

.btn-primary.active, .btn-primary.disabled, .btn-primary:active, .btn-primary:hover, .btn-primary[disabled] {
    background-color: #ff6c00;
    background-position: 0
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704
}

.btn-warning.active, .btn-warning.disabled, .btn-warning:active, .btn-warning:hover, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .1)
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420
}

.btn-danger.active, .btn-danger.disabled, .btn-danger:active, .btn-danger:hover, .btn-danger[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .1)
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038
}

.btn-success.active, .btn-success.disabled, .btn-success:active, .btn-success:hover, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, .1)
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #df5c39;
    background-image: linear-gradient(to bottom, #e06342, #dc512c);
    background-repeat: repeat-x;
    border-color: #dc512c #dc512c #a2371a
}

.btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:hover, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39
}

.btn-link {
    border-color: transparent;
    cursor: pointer;
    color: var(--link-hover-color);
    border-radius: 0
}

.btn-link:focus, .btn-link:hover {
    text-decoration: none;
    color: var(--link-hover-color)
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444, #222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000
}

.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:hover, .btn-inverse[disabled] {
    background-color: #222;
    background-image: linear-gradient(to bottom, #333, #111)
}

.list-categories {
    margin-bottom: 5.5rem;
    border: 0;
    padding: 3.4rem 3rem;
    border: 1px solid #ededed;
    background: #fcfcfc
}

.list-categories h3 {
    font-size: 2rem;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 3.1rem;
    position: relative;
    padding-bottom: 1.7rem
}

.list-categories h3:after {
    content: "";
    width: 7rem;
    height: 1px;
    background: var(--link-hover-color);
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 100%
}

.list-categories .list-group-item {
    border: 0;
    color: var(--main-color) !important;
    line-height: 3rem;
    padding: 0;
    text-transform: capitalize;
    background: 0 0 !important;
    margin: 0;
    border: 0 !important
}

.list-categories .list-group-item:last-child {
    border: 0 !important
}

.list-categories .list-group-item span {
    float: right
}

.list-categories .list-group-item span:before {
    content: "("
}

.list-categories .list-group-item span:after {
    content: ")"
}

.list-categories .list-group-item.child {
    position: relative;
    color: #888 !important;
    padding-left: 2rem
}

.list-categories .list-group-item.active, .list-categories .list-group-item.active:focus, .list-categories .list-group-item.active:hover, .list-categories .list-group-item:hover {
    background: 0 0;
    color: var(--link-hover-color) !important
}

.list-categories .list-group-item.active:before, .list-categories .list-group-item.active:focus:before, .list-categories .list-group-item.active:hover:before, .list-categories .list-group-item:hover:before {
    background: var(--link-hover-color)
}

.carousel-caption {
    color: #fff;
    text-shadow: 0 1px 0 #000
}

.carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome
}

.carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome
}

.col-order-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.col-order-inner .list-categories {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
}

.col-order-inner .pt-filter {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
}

.col-order-inner .static-sidebar {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 6;
    -webkit-order: 6;
    order: 6
}

.col-order-inner .tt_product_module {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
}

.col-order-inner .popular-tags {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 5;
    -webkit-order: 5;
    order: 5
}

.layered-navigation-block {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 998;
    display: none
}

.ajax-loader {
    position: fixed;
    display: none;
    top: 50%;
    left: 50%;
    z-index: 999;
    -moz-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    -o-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.category-image {
    position: relative;
    margin-bottom: 25px
}

.category-image .img-thumbnail {
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    padding: 0;
    margin: 0;
    min-height: 20rem;
    object-fit: cover
}

.category-image h1 {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    color: #fff;
    margin: 0;
    text-transform: uppercase;
    font-size: 4rem;
    text-align: center;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

div#testimonial0 {
    margin-top: 100px
}

.show-sidebar i:first-child {
    position: fixed;
    top: 30%;
    left: 0;
    font-size: 2rem;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    cursor: pointer;
    color: #333;
    text-align: center;
    z-index: 120;
    border-top-right-radius: 3.5rem;
    border-bottom-right-radius: 3.5rem;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, .17);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .17);
    background-color: rgba(255, 255, 255, .9)
}

.show-sidebar i:last-child {
    display: none
}

.scroll-fix {
    box-shadow: 0 4px 20px 0 rgb(35 199 130 / 60%);
    z-index: 8888888888888888888888;
    margin-bottom: 30px
}

.show-sidebar.opened i:last-child {
    left: auto;
    top: 1rem;
    right: 1rem;
    border-radius: 0;
    width: 4rem;
    height: 4rem;
    line-height: 4rem;
    z-index: 334;
    position: fixed;
    display: block;
    -webkit-box-shadow: 0 0 .5rem rgba(0, 0, 0, .17);
    box-shadow: 0 0 .5rem rgba(0, 0, 0, .17);
    background-color: #fff;
    color: #333;
    font-size: 3rem;
    text-align: center;
    cursor: pointer
}

.show-sidebar i:hover {
    background: var(--link-hover-color) !important;
    color: #fff !important
}

.show-sidebar.opened:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 300
}

.text-refine {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0
}

.tool-bar {
    margin-bottom: 4rem;
    border: 0;
    padding: 1rem 1rem 0 1rem;
    background: #f2f2f2;
    margin-top: 1.5rem
}

.tool-bar .form-group {
    margin-bottom: 1rem
}

.tool-bar-bottom {
    font-size: 1.4rem;
    margin-top: 1rem
}

#grid-view, #list-view, .btn-group .btn-custom-view, .btn-group .btn-grid-view, .btn-group .btn-list-view {
    width: 3.3rem;
    height: 4.5rem;
    line-height: 4.5rem;
    padding: 0;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: 0;
    background: 0 0;
    text-align: center;
    color: #fff;
    text-shadow: none;
    font-size: 0
}

.btn-group .btn-custom-view {
    margin: 0 !important
}

#grid-view, .btn-group .btn-grid-view {
    margin-right: .5rem;
    background: url(../image/bkg_grid.png) center no-repeat
}

#grid-view.active, #grid-view:hover, .btn-group .btn-grid-view.active, .btn-group .btn-grid-view:hover {
    background: url(../image/bkg_grid_hover.png) center no-repeat
}

#list-view, .btn-custom-view.btn-list, .btn-group .btn-list-view {
    background: url(../image/bkg_list.png) center no-repeat
}

#list-view.active, #list-view:hover, .btn-custom-view.btn-list.active, .btn-custom-view.btn-list:hover, .btn-group .btn-list-view.active, .btn-group .btn-list-view:hover {
    background: url(../image/bkg_list_hover.png) center no-repeat
}

.btn-custom-view.btn-grid-1 {
    background: url(../image/bkg_grid1.png) center no-repeat
}

.btn-custom-view.btn-grid-1.active, .btn-custom-view.btn-grid-1:hover {
    background: url(../image/bkg_grid1_hover.png) center no-repeat
}

.btn-custom-view.btn-grid-2 {
    background: url(../image/bkg_grid2.png) center no-repeat
}

.btn-custom-view.btn-grid-2.active, .btn-custom-view.btn-grid-2:hover {
    background: url(../image/bkg_grid2_hover.png) center no-repeat
}

.btn-custom-view.btn-grid-3 {
    background: url(../image/bkg_grid.png) center no-repeat
}

.btn-custom-view.btn-grid-3.active, .btn-custom-view.btn-grid-3:hover {
    background: url(../image/bkg_grid_hover.png) center no-repeat
}

.btn-custom-view.btn-grid-4 {
    background: url(../image/bkg_grid4.png) center no-repeat
}

.btn-custom-view.btn-grid-4.active, .btn-custom-view.btn-grid-4:hover {
    background: url(../image/bkg_grid4_hover.png) center no-repeat
}

.btn-custom-view.btn-grid-5 {
    background: url(../image/bkg_grid5.png) center no-repeat
}

.btn-custom-view.btn-grid-5.active, .btn-custom-view.btn-grid-5:hover {
    background: url(../image/bkg_grid5_hover.png) center no-repeat
}

.input-group .input-group-addon {
    background: 0 0;
    font-size: 1.4rem;
    height: 4rem;
    color: #5a5a5a;
    border: 0;
    border-radius: 0;
    -webkit-border-radius: 0
}

.input-group .form-control {
    height: 4.5rem;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #222;
    font-size: 1.4rem;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

#input-limit, #input-sort {
    border: 0;
    color: #5a5a5a;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    font-size: 1.4rem
}

.input-group-addon[for=input-limit], .input-group-addon[for=input-sort] {
    padding: 0 10px 0 0
}

#compare-total {
    letter-spacing: -.05em;
    line-height: 2.5rem;
    padding: 1rem 0;
    border: 0;
    text-transform: capitalize;
    background: 0 0 !important;
    color: var(--link-color);
    font-weight: 400;
    font-size: 1.4rem
}

#compare-total:hover {
    color: var(--link-hover-color);
    background: 0 0
}

.pagination > li {
    margin-right: 10px;
    float: left;
    margin-top: 10px
}

.pagination > li:last-child {
    margin-right: 0
}

.pagination > li > a, .pagination > li > span {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 2px solid #e5e5e5;
    padding: 0;
    width: 6rem;
    height: 6.5rem;
    line-height: 6.1rem;
    text-align: center;
    color: #222;
    font-size: 2rem;
    margin: 0;
    font-weight: 700
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background: var(--link-hover-color);
    border-color: var(--link-hover-color);
    color: #222
}

.tool-bar-bottom div + div {
    line-height: 4.5rem;
    padding: 1rem 0;
    color: #222;
    margin-top: 1rem
}

.tool-bar-bottom .pagination {
    margin: 0;
    vertical-align: top
}

@media (min-width: 768px) {
    #product-category .product-grid.col-divide-5 .product-thumb .button-group button, #product-category .product-grid.col-lg-3 .product-thumb .button-group button {
        width: auto;
        line-height: 3.8rem;
        height: 4rem
    }
}

@media (max-width: 767px) {
    #product-category .product-grid.col-sm-4 .product-thumb .button-group button {
        line-height: 4rem;
        height: 4rem
    }
}

@media (max-width: 767px) {
    .tool-bar-bottom div div {
        text-align: center
    }

    .tool-bar-bottom .pagination {
        margin-bottom: 0
    }
}

@media (max-width: 479px) {
    .product-layout.product-grid.col-xs-6 .product-thumb .button-group button {
        width: auto;
        height: 3.6rem;
        line-height: 3.4rem
    }
}

.product-layout.product-grid {
    margin-bottom: 4rem
}

.product-layout.product-grid .product-thumb .product-item {
    border: 1px solid #ededed;
    padding: 15px
}

.product-grid .product-description {
    display: none
}

.product-list .product-thumb .product-item {
    display: grid;
    grid-template-columns:26% auto;
    border: 0;
    margin-bottom: 4rem
}

.product-list .product-thumb .product-item:before {
    display: none
}

.product-list .product-thumb .product-item .image > .inner {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.product-list .product-thumb .product-item .caption {
    padding: 0 0 0 3rem;
    text-align: left
}

.product-list .product-thumb .product-item .caption h4 {
    margin-bottom: 1.5rem
}

.product-list .product-thumb .product-item .caption h4 a {
    font-size: 1.8rem
}

.product-list .product-thumb .product-item .price {
    margin-top: 1.2rem
}

.product-list .product-thumb .product-description {
    margin-top: 1.6rem;
    margin-bottom: 0
}

.product-list .product-thumb .button-group {
    margin-top: 2.5rem
}

.rating .fa-stack {
    font-size: .8rem
}

.rating .fa-star-o {
    color: #999;
    font-size: 1.5rem
}

.rating .fa-star {
    color: #fc0;
    font-size: 1.5rem
}

h2.price {
    margin: 0
}

.price {
    color: #0886cf;
    font-weight: 700;
    margin: 0;
    font-size: 25px
}

.price .price-tax {
    display: none
}

.price .price-new {
    color: #e52e06;
    font-weight: 700
}

.price .price-old {
    color: #b1b1b1;
    text-decoration: line-through;
    margin-left: 3px;
    font-weight: 400;
    font-size: 1.4rem;
    vertical-align: top
}

.price-tax {
    color: #b3b3b3;
    font-size: 1.2rem;
    display: block
}

.thumbnails {
    overflow: auto;
    clear: both;
    list-style: none;
    padding: 0;
    margin: 0
}

.thumbnails > li {
    margin-left: 2rem
}

.thumbnails {
    margin-left: -2rem
}

.thumbnails > img {
    width: 100%
}

.image-additional a {
    margin-bottom: 2rem;
    padding: .5rem;
    display: block;
    border: 1px solid #ddd
}

.image-additional {
    max-width: 7.8rem
}

.thumbnails .image-additional {
    float: left;
    margin-left: 2rem
}

#product-product .product-details > .row {
    position: relative
}

.product-details {
    position: relative
}

.product-image-details .swiper-slide {
    text-align: center
}

.product-image-details .cloud-zoom-gallery {
    position: relative;
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ededed;
    opacity: .7
}

.product-image-details .img-active .cloud-zoom-gallery {
    border-color: var(--link-hover-color)
}

.product-image-details .cloud-zoom-gallery:hover, .product-image-details .img-active .cloud-zoom-gallery {
    opacity: 1
}

.product-info-details {
    text-align: left;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto
}

.product-info-details .text-countdown {
    display: block;
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
    margin-top: 2rem
}

.product-info-details .countdown-box .box { /*! margin-right: 2.8rem; */
}

.product-info-details .countdown-box .box:last-child {
    margin: 0
}

#quickview-content .product-info-details {
    overflow: auto;
    max-height: 100%
}

.product-info-details .manufacture-product {
    margin-bottom: .2rem
}

.product-info-details .manufacture-product a {
    font-size: 1.2rem;
    color: #929292
}

.product-info-details .manufacture-product a:hover {
    color: var(--link-hover-color)
}

.product-info-details .product-tags {
    margin-bottom: 2.3rem;
    clear: left;
    font-weight: 600;
    font-size: 1.6rem
}

.product-info-details .product-tags a {
    font-weight: 400
}

.product-info-details .product-tags a:hover {
    color: var(--link-hover-color)
}

.product-info-details h1 {
    font-size: 2.8rem;
    margin-top: 0;
    margin-bottom: 1.5rem;
    line-height: 1.425
}

.product-info-details h1 a {
    color: #292929
}

.product-info-details h1 a:hover {
    color: var(--link-hover-color)
}

.product-info-details .rating {
    margin-bottom: 2.5rem
}

.product-info-details .price {
    font-size: 41px;
    color: #23c782
}

button.btn.btn-primary.btn-lg.btn-block.boc_order_btn {
    width: auto
}

.product-info-details .price .price-old {
    font-size: 1.8rem
}

.product-info-details ul.list-unstyled {
    padding-top: 2.3rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem
}

.product-info-details ul.list-unstyled li span {
    color: #777
}

.product-info-details ul.list-unstyled li a {
    color: var(--link-hover-color)
}

.product-info-details ul.list-unstyled li a:hover {
    text-decoration: underline
}

.product-info-details #product .form-group .control-label {
    text-transform: capitalize;
    font-size: 1.6rem;
    font-weight: 600
}

.product-info-details #product .form-group .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #f1f1f1;
    color: #333
}

.product-info-details #product .form-group .control-label[for=input-quantity] {
    line-height: 5rem;
    float: left;
    margin: 1rem .5rem;
    margin-left: 0
}

.product-info-details #product .form-group #input-quantity {
    width: 7rem;
    height: 5rem;
    text-align: center;
    float: left;
    font-size: 1.6rem;
    color: #222;
    font-weight: 600;
    margin: 1rem;
    border: 0;
    border-bottom: 2px solid #e5e5e5;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: #fff
}

.product-info-details #button-cart {
    display: none;
    float: left;
    margin: 1rem 0;
    padding: 0 1.5rem;
    line-height: 5rem;
    text-transform: uppercase;
    width: auto
}

.product-info-details #button-cart:before {
    content: "\f110";
    font-family: Ionicons;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
    font-weight: 400;
    font-size: 2rem;
    margin-right: 1.4rem
}

.product-info-details #product .btn-group {
    margin-top: 0;
    display: block;
    overflow: hidden;
    float: left
}

.product-info-details #product .btn-group button {
    padding: 0;
    line-height: 4.8rem;
    width: 5rem;
    border: 1px solid var(--link-hover-color);
    text-align: center;
    margin: 0;
    background: 0 0;
    color: #222;
    text-transform: capitalize;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 1rem 0;
    margin-left: 1rem;
    font-size: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px
}

.product-info-details #product .btn-group button:last-child {
    margin-right: 0
}

.product-info-details #product .btn-group button:hover {
    background: var(--link-hover-color)
}

.product-info-details #product .btn-group button:before {
    font-family: Ionicons;
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
    font-weight: 400;
    font-size: 2rem
}

.product-info-details #product .btn-group button.btn-wishlist:before {
    content: "\f387"
}

.product-info-details #product .btn-group button.btn-compare:before {
    content: "\f39d"
}

.product-info-details #product .alert {
    margin-bottom: 1.5rem
}

.product-info-details-more {
    margin-top: 7.3rem
}

.product-info-details-more .nav-tabs {
    border: 0;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #e5e5e5
}

.product-info-details-more .nav-tabs > li {
    margin: 0;
    position: relative;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 4.5rem
}

.product-info-details-more .nav-tabs > li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: var(--link-hover-color);
    position: absolute;
    left: 0;
    bottom: -1px;
    opacity: 0
}

.product-info-details-more .nav-tabs > li.active:after {
    opacity: 1
}

.product-info-details-more .nav-tabs > li:last-child {
    margin: 0
}

.product-info-details-more .nav-tabs > li > a {
    padding: 0;
    padding-bottom: 25px;
    line-height: 3rem;
    font-size: 2rem;
    text-transform: capitalize;
    border: 0;
    font-weight: 600;
    background: 0 0;
    margin: 0;
    color: #c2c2c2;
    border-radius: 0;
    -webkit-border-radius: 0;
    letter-spacing: -.025em
}

.product-info-details-more .nav-tabs > li.active > a, .product-info-details-more .nav-tabs > li.active > a:focus, .product-info-details-more .nav-tabs > li.active > a:hover, .product-info-details-more .nav-tabs > li > a:hover {
    color: #484848;
    border: 0;
    background: 0 0
}

.product-info-details-more .tab-content {
    padding: 4rem 0 0 0;
    line-height: 3rem;
    font-size: 1.6rem
}

.container {
    width: 100%
}
form#form-formcreator33 {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    padding: 50px;
}

.container-fluid.mt-4.form-auto {
    margin: 50px 0;
    background: #f2f2f2;
}

#form-formcreator33 input {
    width: 100%;
    padding: 20px;
    border: 0;
    font-size: 2rem;
}

#form-formcreator33 button {
    font-size: 2rem;
}

.form-auto h5 {
    font-size: 3rem;
}

.form-auto p {
    font-size: 2rem;
}

.layout-fluid > .container {
    width: auto;
    max-width: 184rem
}

.layout-fluid .swiper-viewport .swiper-button-next {
    right: 0 !important;
    width: auto
}

.layout-fluid .swiper-viewport .swiper-button-prev {
    left: 0 !important;
    width: auto
}

@media (min-width: 768px) {
    .container {
        width: auto;
        padding: 0 30px;
        max-width: 1920px
    }
}

@media (min-width: 1500px) {
    .product-image-details {
        width: 35%
    }

    .product-info-details {
        width: 65%
    }
}

@media (min-width: 1700px) {
    .container {
        padding: 0 75px
    }

    .col1 .footer-content {
        max-width: 80%
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .scroll-fixed > .container {
        width: 100%
    }
}

@media (min-width: 992px) {
    .layer-category #column-left, .layer-category #column-right {
        display: block !important
    }
}

@media (max-width: 991px) {
    .footer-copyright .text-powered, .payment {
        display: block;
        float: none
    }

    .layer-category #column-left, .layer-category #column-right {
        position: fixed;
        left: 0;
        top: 0;
        width: 88%;
        height: 100%;
        max-width: 37.5rem;
        z-index: 555;
        overflow: auto;
        background: #fff;
        padding: 2rem;
        display: none
    }

    .layer-category #content {
        width: 100%
    }

    .block-title {
        margin-top: 4.5rem;
        margin-bottom: 3.5rem
    }

    .tabs-product .block-title {
        margin-bottom: 3rem
    }

    .block-title-2 .block-title {
        margin-top: 4rem
    }

    footer {
        margin-top: 5rem
    }

    .footer-links .inner {
        padding-top: 5rem;
        padding-bottom: 3rem
    }

    .footer-links .col:nth-child(3), .footer-links .col:nth-child(5) {
        clear: left
    }

    .product-info-details-more {
        margin-top: 4rem
    }

    .newsletter-popup {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #search-by-category .search-ajax {
        width: 60%
    }
}

@media (max-width: 767px) {
    .additional-button-next, .additional-button-prev {
        display: none
    }

    .mousetrap {
        max-width: 100%;
        max-height: 100%
    }

    #cloud-zoom-big {
        display: none !important
    }

    .nivo-directionNav a {
        display: none
    }

    .ajax-body-login .account-login, .ajax-body-login .account-register {
        width: 90%
    }

    .product-info-details {
        position: relative;
        padding: 0 1.5rem;
        margin-top: 3rem;
        top: auto;
        right: auto;
        bottom: auto
    }

    .swiper-button-next, .swiper-button-prev {
        display: none
    }

    .product-layout.product-grid {
        margin-bottom: 2.5rem
    }

    .payment {
        text-align: center
    }

    .social-group {
        padding: 1rem 0;
        margin-top: 1rem
    }

    .footer-copyright .inner {
        padding: 3rem 0
    }

    .footer-links .col {
        margin: 0
    }

    .product-list .product-thumb .product-item .caption {
        padding-right: 0;
        padding-left: 1.5rem
    }

    .product-list .product-thumb .product-item {
        grid-template-columns:35% auto
    }

    .product-list .product-thumb .box-list {
        grid-column: 2/span 3;
        padding-left: 1.5rem;
        text-align: left;
        margin-top: 1rem;
        border: 0
    }

    .product-list .product-thumb .product-item .image {
        grid-row: 1/span 2
    }

    .category-image h1 {
        font-size: 8vw
    }
}

@media (max-width: 567px) {
    .product-info-details-more .nav-tabs > li {
        display: block;
        margin: 0
    }

    .product-info-details-more .nav-tabs > li > a {
        padding: 1rem 0
    }
}

@media (max-width: 479px) {
    .product-list .product-thumb .product-item {
        grid-template-columns:100%
    }

    .product-list .product-thumb .product-item .caption {
        padding-left: 0;
        padding-top: 2rem
    }

    .product-list .product-thumb .box-list {
        grid-column: auto;
        padding: 0
    }

    .block-title h3 {
        font-size: 2.5rem
    }

    .input-group-addon[for=input-limit], .input-group-addon[for=input-sort] {
        display: none
    }

    .custom-category > .row {
        margin: 0 -5px
    }

    .product-layout.product-grid, .product-layout.product-list {
        padding: 0 5px
    }

    .product-layout.product-grid .product-thumb .product-item {
        padding: 5px
    }
}

@media (min-width: 1200px) {
    #content .col-lg-2:nth-child(6n+1), #content .col-lg-3:nth-child(4n+1), #content .col-lg-4:nth-child(3n+1), #content .col-lg-6:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width: 1200px) {
    .calc h3.text2 {
        font-size: 69px
    }
}

@media (max-width: 1900px) {
    .calc h3.text2 {
        font-size: 69px
    }
}

@media (max-width: 900px) {
    .calc h3.text2 {
        font-size: 67px;
        padding-left: 80px
    }
}

@media (max-width: 500px) {
    .calc h3.text2 {
        font-size: 40px;
        padding-left: 0;
        line-height: initial
    }
}

@media (max-width: 350px) {
    .calc h3.text2 {
        font-size: 25px;
        padding-left: 0;
        line-height: initial
    }
}

@media (max-width: 1199px) and (min-width: 992px) {
    #content .col-md-2:nth-child(6n+1), #content .col-md-3:nth-child(4n+1), #content .col-md-4:nth-child(3n+1), #content .col-md-6:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    #content .col-sm-2:nth-child(6n+1), #content .col-sm-3:nth-child(4n+1), #content .col-sm-4:nth-child(3n+1), #content .col-sm-6:nth-child(2n+1) {
        clear: left
    }
}

@media (max-width: 767px) and (min-width: 480px) {
    #content .col-xs-6:nth-child(2n+1) {
        clear: left
    }

    #content .col-xs-4:nth-child(3n+1) {
        clear: left
    }
}

@media (max-width: 479px) and (min-width: 0px) {
    #content .col-xs-6:nth-child(2n+1), #content .product-items.col-xs-4:nth-child(2n+1) {
        clear: left
    }

    #content .product-items.col-xs-4 {
        width: 50%
    }
}

@media (min-width: 480px) {
    .btn-grid-1 {
        display: none
    }
}

@media (max-width: 1199px) {
    .btn-grid-5 {
        display: none
    }

    .btn-grid-4 {
        display: none
    }
}

@media (max-width: 767px) {
    .btn-grid-3 {
        display: none
    }
}

@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%
    }
}

#column-left .product-layout, #column-right .product-layout {
    width: 100%
}

.input-group .form-control[name^=quantity] {
    min-width: 50px
}

.btn-info.active, .btn-info.disabled, .btn-info:active, .btn-info:hover, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39
}

.mfp-wrap button {
    background: 0 0 !important
}

.bootstrap-datetimepicker-widget td span:hover {
    background: 0 0 !important;
    color: inherit
}

#button-search {
    margin-bottom: 3rem
}

@media (max-width: 374px) {
    #checkout-cart .buttons > div {
        float: none !important;
        margin-top: 1rem;
        text-align: right
    }
}

button.btn-block.boc_order_category_btn {
    padding: 10px 41px;
    height: auto !important;
    background: var(--link-hover-color);
    color: #fff
}

#information-contact .img-thumbnail {
    border: 0
}

.div-quan {
    display: flex;
    flex-flow: inherit;
    height: auto;
    align-items: center;
    padding-left: 40px
}

.div-quan button {
    height: 30px;
    border: 0;
    width: 30px;
    font-weight: 700;
    font-size: 20px
}

.all-price {
    display: flex;
    font-size: 25px;
    color: #17744d;
    margin: 20px 0;
    border: 2px solid;
    width: fit-content;
    padding: 20px
}

.all-price-num {
    padding: 0 7px;
    font-size: 30px;
    font-weight: 700;
    color: #23c782
}

.all-day-price {
    margin-left: 10px;
    font-size: 30px;
    font-weight: 700
}